/*FONT*/
/*FONT INTRODOTTI
font-family: Metropolis-Light;
font-family: Metropolis-Regular;
font-family: Metropolis-Bold;
font-family: Metropolis-Medium;

END FONT INTRODOTTI*/
/*FONT*/
/* ---> Def. colori : */
/***	Stripe  ***/
/*Barra completa: colore di sfondo*/
/*Barra completa: colore bordo superiore(usata anche per il portale)*/
/*Barra ristretta: colore di sfondo */
/***	Modal  ***/
/***	Show All  ***/
/***	Button  ***/
/*** Portale section settings, section Live (restart), channels ***/
/*Colore 1 default testi */
/*Colore 2 default testi */
/*Colore 3 default testi */
/*solo selezionato, no focus*/
/*Colore delle barre verticali divisorie*/
/*Colore di sfondo del titolo delle locandine(quando presente).*/
/*Colore di sfondo delle label speciali sui keyframe.*/
/*Colore di sfondo del secondo e terzo livello */
/*colore non selezionato*/
/*colore dei bordi riquadri*/
/*colore selezionato e focus*/
/*** section channels ***/
/*colore progress bar futuro*/
/*progress bar presente (passato)*/
/*colore di sfondo Logo dei canali */
/* ---> def. variabili altezze, larghezze ecc*/
* {
  color: #ffffff;
  margin: 0;
  padding: 0;
  font-family: Metropolis-Medium;
  font-size: 18px;
}
body {
  /* most backgrounds in terminals are transparent,
      but there is at least one terminal which has a white color as the default background
  */
  background-color: transparent;
  /* we explicitly set the size of the body element. This avoids that browser show scroll bars or that pages are floating if they are
  bigger than the logical screen size */
  width: 1280px;
  height: 720px;
  overflow: hidden;
}
#app {
  padding: 0;
  margin: 0;
  position: relative;
  width: 1280px;
  height: 720px;
  z-index: 100;
}
.mainContent {
  position: relative;
  width: 1280px;
  height: 720px;
  z-index: 2;
}
/** #divLogVideo **/
.scrollbarLog {
  /* overflow: hidden;*/
  overflow-y: auto;
  background-color: black;
  font-weight: bold;
  font-size: 20px;
  z-index: 9999;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 700px;
  width: 1280px;
  opacity: 0.7;
  display: none;
}
.colorLog {
  border: 1px solid #b6b9c1;
}
.colorLogWithEvidence {
  color: aqua;
  border: 1px solid #b6b9c1;
}
.colorLogWarning {
  color: #f59090;
  border: 1px solid #b6b9c1;
}
.colorLogWarningYellow {
  color: #737503;
  border: 1px solid #b6b9c1;
}
/**divloadingPanel**/
.divloadingPanel {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  z-index: 999999;
}
/**VIDEO object**/
.fullscreenVideoBroadcast {
  top: 0;
  left: 0;
  width: 1280px;
  height: 720px;
  z-index: -1;
  position: absolute;
}
/*CLASSI generiche ( usate pi� volte )*/
.propertyGenericType {
  position: absolute;
  opacity: 0;
  height: 0px;
  left: 0px;
  bottom: 0px;
  box-sizing: border-box;
  margin-left: 16px;
  width: 100%;
}
/* animazione div */
.propertyGenericBox {
  position: relative;
  display: inline-block;
  overflow: hidden;
  background: transparent;
}
.propertyGenericBoxActive {
  /*background: @singleBoxBkgColor-active;
  margin-right: -@pxDaTogliere;*/
  opacity: 1;
}
.opacityLocandine {
  /*opacity : @opacityLocandine;*/
  position: absolute;
  top: 6px;
  right: 6px;
  bottom: 6px;
  left: 6px;
  z-index: 3;
  background: rgba(0, 0, 0, 0.5);
}
/* animazione img */
.transition {
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.scale {
  moz-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}
.inactiveBorder {
  border: 6px solid transparent;
  margin-left: 14px;
  margin-bottom: 12px;
  /*margin-top: -@pxDaTogliere;*/
  margin-right: -6px;
}
.widthAndHeight_HorizontalBig {
  width: 260px;
  height: 196px;
}
.widthAndHeight_HorizontalBigShowAll {
  width: 260px;
  height: 220px;
}
.widthAndHeight_HorizontalBigImg {
  width: 248px;
  height: 140px;
}
.widthAndHeight_HorizontalBrandPage {
  width: 260px;
  height: 220px;
}
.widthAndHeight_HorizontalChannels {
  width: 280px;
  height: 210px;
}
.widthAndHeight_HorizontalRestart {
  width: 292px;
  height: 196px;
}
.widthAndHeight_HorizontalRestartImage {
  width: 280px;
  height: 183px;
}
.widthAndHeight_HorizontalLiveHistory {
  width: 734px;
  height: 220px;
}
.widthAndHeight_HorizontalSmall {
  width: 204px;
  height: 196px;
}
.widthAndHeight_Settings {
  width: 192px;
  height: 194px;
}
.widthAndHeight_HorizontalSmallFolder {
  width: 214px;
  height: 196px;
}
.widthAndHeight_HorizontalSmallFolderImage {
  width: 202px;
  height: 184px;
}
.widthAndHeight_VerticalLocandine {
  width: 134px;
  height: 196px;
}
.widthAndHeight_VerticalImageLocandine {
  width: 122px;
  height: 184px;
}
.widthAndHeight_HorizontalSmallApp {
  width: 214px;
  height: 196px;
}
.widthAndHeight_HorizontalSmallAppImage {
  width: 201px;
  height: 184px;
}
.widthAndHeight_Vertical {
  width: 100px;
  height: 220px;
}
.widthAndHeight_VerticalBig {
  width: 122px;
  height: 183px;
}
.widthAndHeight_SquaredLogo {
  width: 140px;
  height: 140px;
}
.propertyVediTutti {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 40px;
  white-space: normal;
  text-align: center;
  line-height: 40px;
  padding: 0;
  box-sizing: border-box;
  font-family: Metropolis-Bold;
  font-size: 18px;
}
.propertyTitleShow {
  position: absolute;
  top: 20px;
  font-size: 20px;
  left: 15px;
  line-height: 20px;
}
.propertyTitleBox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: Metropolis-Regular;
  width: 184px;
  line-height: normal;
  white-space: normal;
  text-align: center;
  font-size: 18px;
}
.propertyTitleLocandina {
  position: absolute;
  top: 158px;
  left: 6px;
  width: 98%;
  line-height: 20px;
  white-space: normal;
  box-sizing: border-box;
  font-size: 15px;
}
.propertyTitleAndBrandLocandina {
  position: absolute;
  bottom: 0px;
  width: 100%;
  background: rgba(9, 24, 27, 0.8);
  line-height: 23px;
  white-space: normal;
  padding: 5px 10px 5px 10px;
  left: 0px;
  box-sizing: border-box;
}
.duration {
  position: absolute;
  top: 13px;
  right: 13px;
  line-height: 20px;
  height: 20px;
  font-size: 13px;
  background: rgba(9, 24, 27, 0.8);
  font-family: Metropolis-Bold;
  padding: 0 8px;
}
.specLabel {
  position: absolute;
  top: 13px;
  right: 6px;
  line-height: 12px;
  height: 12px;
  font-size: 12px;
  color: #000000;
  background: rgba(255, 255, 255, 0.8);
  padding: 3px 6px 2px 6px;
  font-family: Metropolis-Regular;
}
.titlecontentNotAvailable {
  position: absolute;
  line-height: 3;
  top: 35px;
  left: 20px;
  width: 700px;
  white-space: pre-wrap;
}
.ratingProperty {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-size: 14px 14px;
}
.keyframeProgressbarProperty {
  width: 248px;
  height: 5px;
  overflow-x: hidden;
  position: absolute;
  top: 140px;
  left: 50%;
  transform: translate(-50%, 0);
}
.keyframeProgressbarProperty .totalBar {
  position: absolute;
  transform: translate(0, -50%);
  top: 50%;
  width: 100%;
  height: 100%;
  background: #ffffff;
  opacity: 0.4;
}
.keyframeProgressbarProperty .progressBar {
  position: absolute;
  transform: translate(0, -50%);
  top: 50%;
  width: 0;
  height: 100%;
  background: #ffffff;
}
/*classe usata quando mi trovo sul secondo livello sul primo livello il div deve rimanere attivo */
.portalActive .sectionDisplayTitle {
  border-bottom: 2px solid #ffffff;
}
.hiddenAllElement {
  display: none;
  height: 0;
  opacity: 0;
}
/* pannello connessione assente usato per LUNCHER PORTAL E MINISITO*/
#panelContentNotAvailable {
  display: none;
  position: absolute;
  top: 0px;
  width: 1280px;
  height: 720px;
  z-index: 6;
  background: rgba(0, 0, 0, 0.7);
}
#panelContentNotAvailable p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 450px;
  height: 200px;
  z-index: 6;
  text-align: center;
  line-height: 200px;
  font-size: 23px;
  background: rgba(0, 0, 0, 0.9);
}
#serviceNotAvailable {
  display: none;
  position: absolute;
  top: 10px;
  right: 10px;
  width: auto;
  height: auto;
  z-index: 6;
  background: rgba(0, 0, 0, 0.7);
}
#serviceNotAvailable p {
  z-index: 6;
  text-align: center;
  line-height: 35px;
  padding: 0 5px;
  font-size: 23px;
}
#serviceNotAvailable .ok {
  font-size: 15px;
  background: #ffffff;
  color: #000000;
  text-align: center;
  width: 45px;
  margin: 0 auto;
  margin-bottom: 5px;
  border-radius: 5px;
}
#buffering {
  display: none;
  z-index: 9999;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
#buffering .wrap {
  width: 100%;
  position: absolute;
  top: 33%;
}
#buffering .wrap .buffering-image {
  margin: auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
#buffering .wrap p {
  margin: 100px 0;
  text-align: center;
}
.animation {
  z-index: 9999;
}
.animation svg {
  width: 150px;
  height: 150px;
  margin: 0 auto;
}
.animation .lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.animation .lds-ellipsis div {
  position: absolute;
  top: 27px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #C878FF;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.animation .lds-ellipsis div:nth-child(1) {
  left: 6px;
  animation: lds-ellipsis1 0.6s infinite;
}
.animation .lds-ellipsis div:nth-child(2) {
  left: 6px;
  animation: lds-ellipsis2 0.6s infinite;
}
.animation .lds-ellipsis div:nth-child(3) {
  left: 26px;
  animation: lds-ellipsis2 0.6s infinite;
}
.animation .lds-ellipsis div:nth-child(4) {
  left: 45px;
  animation: lds-ellipsis3 16s infinite;
}
.animation .lds-ellipsis div:nth-child(5) {
  left: 64px;
  animation: lds-ellipsis3 1s infinite;
}
.animation .lds-ellipsis div:nth-child(6) {
  left: 83px;
  animation: lds-ellipsis3 1s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(19px, 0);
  }
}
#spinner {
  display: none;
  z-index: 9999;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
#spinner .wrap {
  width: 100%;
  position: absolute;
  top: 50%;
}
#spinner .wrap .spinner-wrap {
  margin: auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
#spinner .wrap .spinner-wrap .spinner {
  height: 100px;
  width: 100px;
  display: inline-block;
  margin: -50px auto 0;
  animation: spin 1s steps(12, end) infinite;
}
#spinner .wrap .spinner-wrap .spinner i {
  height: 30px;
  width: 6px;
  margin-left: -3px;
  display: block;
  transition: height 1s;
  position: absolute;
  left: 50%;
  transform-origin: center 50px;
  background: #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
  border-radius: 3px;
}
#spinner .wrap .spinner-wrap .spinner i:nth-child(1) {
  opacity: 0.08;
}
#spinner .wrap .spinner-wrap .spinner i:nth-child(2) {
  transform: rotate(30deg);
  opacity: 0.167;
}
#spinner .wrap .spinner-wrap .spinner i:nth-child(3) {
  transform: rotate(60deg);
  opacity: 0.25;
}
#spinner .wrap .spinner-wrap .spinner i:nth-child(4) {
  transform: rotate(90deg);
  opacity: 0.33;
}
#spinner .wrap .spinner-wrap .spinner i:nth-child(5) {
  transform: rotate(120deg);
  opacity: 0.4167;
}
#spinner .wrap .spinner-wrap .spinner i:nth-child(6) {
  transform: rotate(150deg);
  opacity: 0.5;
}
#spinner .wrap .spinner-wrap .spinner i:nth-child(7) {
  transform: rotate(180deg);
  opacity: 0.583;
}
#spinner .wrap .spinner-wrap .spinner i:nth-child(8) {
  transform: rotate(210deg);
  opacity: 0.67;
}
#spinner .wrap .spinner-wrap .spinner i:nth-child(9) {
  transform: rotate(240deg);
  opacity: 0.75;
}
#spinner .wrap .spinner-wrap .spinner i:nth-child(10) {
  transform: rotate(270deg);
  opacity: 0.833;
}
#spinner .wrap .spinner-wrap .spinner i:nth-child(11) {
  transform: rotate(300deg);
  opacity: 0.9167;
}
#spinner .wrap .spinner-wrap .spinner i:nth-child(12) {
  transform: rotate(330deg);
  opacity: 1;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.thirdLevel-spinner {
  width: 40px;
  height: 40px;
  margin-left: 100px;
  margin-top: 110px;
  z-index: 999999;
  position: absolute;
  display: none;
}
.thirdLevel-spinner .wrap {
  width: 100%;
  position: absolute;
  top: 50%;
}
.thirdLevel-spinner .wrap .spinner-wrap {
  margin: auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.thirdLevel-spinner .wrap .spinner-wrap .spinner {
  height: 80px;
  width: 80px;
  display: inline-block;
  margin: -50px auto 0;
  animation: spin 1s steps(12, end) infinite;
}
.thirdLevel-spinner .wrap .spinner-wrap .spinner i {
  height: 20px;
  width: 6px;
  margin-left: -3px;
  display: block;
  transition: height 1s;
  position: absolute;
  left: 50%;
  transform-origin: center 40px;
  background: #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
  border-radius: 3px;
}
.thirdLevel-spinner .wrap .spinner-wrap .spinner i:nth-child(1) {
  opacity: 0.08;
}
.thirdLevel-spinner .wrap .spinner-wrap .spinner i:nth-child(2) {
  transform: rotate(30deg);
  opacity: 0.167;
}
.thirdLevel-spinner .wrap .spinner-wrap .spinner i:nth-child(3) {
  transform: rotate(60deg);
  opacity: 0.25;
}
.thirdLevel-spinner .wrap .spinner-wrap .spinner i:nth-child(4) {
  transform: rotate(90deg);
  opacity: 0.33;
}
.thirdLevel-spinner .wrap .spinner-wrap .spinner i:nth-child(5) {
  transform: rotate(120deg);
  opacity: 0.4167;
}
.thirdLevel-spinner .wrap .spinner-wrap .spinner i:nth-child(6) {
  transform: rotate(150deg);
  opacity: 0.5;
}
.thirdLevel-spinner .wrap .spinner-wrap .spinner i:nth-child(7) {
  transform: rotate(180deg);
  opacity: 0.583;
}
.thirdLevel-spinner .wrap .spinner-wrap .spinner i:nth-child(8) {
  transform: rotate(210deg);
  opacity: 0.67;
}
.thirdLevel-spinner .wrap .spinner-wrap .spinner i:nth-child(9) {
  transform: rotate(240deg);
  opacity: 0.75;
}
.thirdLevel-spinner .wrap .spinner-wrap .spinner i:nth-child(10) {
  transform: rotate(270deg);
  opacity: 0.833;
}
.thirdLevel-spinner .wrap .spinner-wrap .spinner i:nth-child(11) {
  transform: rotate(300deg);
  opacity: 0.9167;
}
.thirdLevel-spinner .wrap .spinner-wrap .spinner i:nth-child(12) {
  transform: rotate(330deg);
  opacity: 1;
}
.fullscreenVideoBroadband {
  position: absolute;
  top: 0px !important;
  left: 0px !important;
  width: 1280px !important;
  height: 720px !important;
  z-index: 10;
}
.timeADV {
  position: absolute;
  z-index: 9999;
  bottom: 58px;
  left: 67px;
  font-size: 18px;
  font-family: Metropolis-Bold;
  text-transform: uppercase;
  text-shadow: 1px 1px #323232;
}
.timeADV .animation {
  display: inline-block;
  transform: translate(0px, 50%);
  position: relative;
  bottom: 10px;
}
.betweenAds div:first-child {
  font-size: 18px;
  font-family: Metropolis-Bold;
  text-transform: uppercase;
  text-shadow: 1px 1px #323232;
}
.onErrorImg {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 1280px !important;
  height: 720px !important;
  z-index: 9999;
}
#videoPlayer {
  display: none;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 11;
}
#videoPlayer .background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0;
  display: none;
}
#videoPlayer .titleVideo {
  display: none;
  opacity: 0;
  position: absolute;
  left: 67px;
  top: 49px;
}
#videoPlayer .titleVideo .brand {
  font-size: 18px;
  font-family: Metropolis-Bold;
}
#videoPlayer .titleVideo .subBrand {
  font-size: 18px;
  margin-top: 7px;
}
#videoPlayer .titleVideo .rating {
  margin-left: 10px;
}
#videoPlayer .redDot {
  position: relative;
}
#videoPlayer .redDot:before {
  height: 20px;
  width: 20px;
  background-color: #ff0000;
  border-radius: 50%;
  position: absolute;
  content: '';
  transform: translateX(-30px);
  top: 0;
  bottom: 0;
  margin: auto;
}
#videoPlayer .otherChannels {
  display: none;
  opacity: 0;
  position: absolute;
  left: 50%;
  bottom: 50px;
  transform: translate(-50%, 0);
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  /*width: 468px;*/
}
#videoPlayer .otherChannels div {
  font-size: 18px;
  font-family: Metropolis-Bold;
  text-transform: uppercase;
  margin: 0 auto;
  display: inline-block;
  margin-right: 13px;
  margin-left: 13px;
  position: relative;
}
#videoPlayer .otherChannels div img {
  border: 4px solid transparent;
}
#videoPlayer .otherChannels div.active img {
  border: 4px solid #fff;
}
#videoPlayer .upper-right {
  position: absolute;
  top: 40px;
  right: 70px;
}
#videoPlayer .upper-left {
  position: absolute;
  top: 40px;
  left: 70px;
}
#videoPlayer .bottom-left {
  position: absolute;
  bottom: 40px;
  left: 70px;
}
#videoPlayer .bottom-right {
  position: absolute;
  bottom: 40px;
  right: 70px;
}
#videoPlayer .playerMsg {
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
  text-align: center;
}
#videoPlayer .playerMsg div {
  margin-top: 14px;
  font-size: 18px;
  font-family: Metropolis-Bold;
}
.player-type {
  position: absolute;
  bottom: 121px;
  left: 67px;
  right: 67px;
  z-index: 3;
}
.player-type .timeswitch {
  position: absolute;
  opacity: 0;
  left: 0;
  right: 0;
  text-align: center;
  text-shadow: 1px 1px #323232;
  top: -59px;
  font-size: 40px;
}
.player-type .superRestart {
  display: none;
  position: absolute;
  opacity: 0;
  left: calc(50% - 720px/2);
  right: 0;
  top: -97px;
  width: 680px;
  padding: 10px 20px;
  background: rgba(255, 255, 255, 0.85);
  border-radius: 10px;
  font-family: Metropolis-Regular;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: #000000;
}
.full-video .streamData {
  position: relative;
  width: 100%;
  height: 12px;
}
.full-video .streamData .timeStart {
  position: absolute;
  width: 75px;
  left: 0;
  font-size: 18px;
  font-family: Metropolis-Bold;
  line-height: 18px;
  text-shadow: 1px 1px #323232;
  top: 50%;
  transform: translate(0, -50%);
  text-align: left;
}
.full-video .streamData .progress {
  position: absolute;
  left: 97px;
  right: 97px;
  top: 50%;
  transform: translate(0, -50%);
  width: calc(100% - 194px);
  height: 12px;
}
.full-video .streamData .progress .fake-playerProgressTime {
  height: 2px;
  position: absolute;
  width: 100%;
  background: #fff;
  opacity: 0.4;
  z-index: 1;
  top: 50%;
  transform: translate(0, -50%);
}
.full-video .streamData .progress .playerProgressTime {
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: none;
  border: none;
  height: 2px;
  position: absolute;
  width: 100%;
  z-index: 2;
  top: 50%;
  transform: translate(0, -50%);
}
.full-video .streamData .progress .playerProgressTime[value] {
  background-color: #fff;
  opacity: 1;
}
.full-video .streamData .progress .playerProgressTime::-webkit-progress-value {
  background-color: #fff;
  opacity: 1;
}
.full-video .streamData .progress .bullet {
  position: absolute;
  z-index: 3;
  width: 12px;
  height: 12px;
  background: #fff;
  border-radius: 50%;
  float: left;
}
.full-video .streamData .timeDuration {
  position: absolute;
  right: 0;
  width: 75px;
  font-size: 18px;
  font-family: Metropolis-Bold;
  line-height: 18px;
  text-shadow: 1px 1px #323232;
  top: 50%;
  transform: translate(0, -50%);
  text-align: right;
}
.full-video .controller {
  position: absolute;
  left: 0;
  right: 0;
}
.full-video .controller ul {
  list-style: none;
}
.full-video .controller ul li {
  display: inline-block;
}
.full-video .controller ul li img {
  display: none;
}
.full-video .controller ul li img.active {
  display: block;
}
.full-video .controller ul .play {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}
.full-video .controller ul .pause {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}
.full-video .controller ul .minus {
  position: absolute;
  left: calc(50% - 84px);
  transform: translate(-50%, 0);
}
.full-video .controller ul .add {
  position: absolute;
  left: calc(50% + 84px);
  transform: translate(-50%, 0);
}
.stream-video .streamData {
  position: relative;
  width: 100%;
  height: 12px;
}
.stream-video .streamData .timeStart {
  position: absolute;
  width: 75px;
  left: 0;
  font-size: 18px;
  font-family: Metropolis-Bold;
  line-height: 18px;
  text-shadow: 1px 1px #323232;
  top: 50%;
  transform: translate(0, -50%);
  text-align: left;
}
.stream-video .streamData .progress {
  position: absolute;
  z-index: 3;
  left: 97px;
  right: 97px;
  top: 50%;
  transform: translate(0, -50%);
  width: calc(100% - 194px);
  height: 12px;
}
.stream-video .streamData .progress .fake-playerProgressTime {
  height: 2px;
  position: absolute;
  width: 100%;
  z-index: 1;
  top: 50%;
  transform: translate(0, -50%);
  background-size: cover;
}
.stream-video .streamData .progress .playerProgressTime {
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: none;
  border: none;
  height: 2px;
  position: absolute;
  width: 100%;
  z-index: 2;
  top: 50%;
  transform: translate(0, -50%);
  background-color: transparent;
}
.stream-video .streamData .progress progress::-webkit-progress-bar {
  background-color: transparent;
}
.stream-video .streamData .progress progress::-webkit-progress-value {
  background-color: #fff;
}
.stream-video .streamData .progress progress::-moz-progress-bar {
  background-color: #fff;
}
.stream-video .streamData .progress .bullet {
  position: absolute;
  z-index: 4;
  width: 12px;
  height: 12px;
  background: #fff;
  border-radius: 50%;
  float: left;
}
.stream-video .streamData .progress .direct {
  position: absolute;
  z-index: 3;
  height: 2px;
  background: #808080;
  float: left;
  opacity: 1;
  top: 50%;
  transform: translate(0, -50%);
}
.stream-video .streamData .endingProgress {
  position: absolute;
  right: -67px;
  width: 164px;
  top: 50%;
  transform: translate(0, -50%);
  background-size: cover;
  height: 2px;
  z-index: 2;
}
.stream-video .controller {
  position: absolute;
  left: 0;
  right: 0;
}
.stream-video .controller ul {
  list-style: none;
}
.stream-video .controller ul li {
  display: inline-block;
}
.stream-video .controller ul li img {
  display: none;
}
.stream-video .controller ul li img.active {
  display: block;
}
.stream-video .controller ul .play {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}
.stream-video .controller ul .pause {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}
.stream-video .controller ul .minus {
  position: absolute;
  left: calc(50% - 84px);
  transform: translate(-50%, 0);
}
.stream-video .controller ul .add {
  position: absolute;
  left: calc(50% + 84px);
  transform: translate(-50%, 0);
}
.stream-video .controller ul .diretta {
  position: absolute;
  right: 84px;
  transform: translate(0, 0);
}
/*END ESTERNA PER MAGGIORE EFFICENZA*/
.hiddenShowAdv {
  display: none;
}
.width-center-cookie {
  width: 640px;
}
.width-center-cookie .general.bigduble {
  width: 300px;
  text-indent: 1em;
}
.button {
  /*ALLA CLASSE ACTIVE é STATO AGGIUNTO L'IMPORTANT COME RAFFORZATIVO PER POTERLA RICHIAMARE SOLO UNA VOLTA*/
}
.button .ok.middle {
  width: 200px;
  text-transform: capitalize;
  margin: 0 auto;
  height: 38px;
  line-height: 38px;
  font-size: 18px;
  font-family: Metropolis-Bold;
  background: rgba(255, 255, 255, 0.14);
}
.button .general.middle {
  width: 200px;
  text-transform: capitalize;
  margin: 10px auto;
  height: 38px;
  line-height: 38px;
  font-size: 18px;
  font-family: Metropolis-Bold;
  background: rgba(255, 255, 255, 0.14);
  position: relative;
}
.button .general.middle img {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translate(0, -50%);
}
.button .general.duble {
  width: 200px;
  text-transform: capitalize;
  margin: 0 auto;
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  font-family: Metropolis-Medium;
  display: inline-block;
  float: left;
  margin-right: 13px;
  margin-left: 13px;
  background: rgba(255, 255, 255, 0.14);
  position: relative;
}
.button .general.duble img {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translate(0, -50%);
}
.button .general.bigduble {
  width: 286px;
  text-transform: capitalize;
  margin: 0 auto;
  height: 38px;
  line-height: 38px;
  font-size: 18px;
  font-family: Metropolis-Bold;
  display: inline-block;
  float: left;
  margin-right: 13px;
  margin-left: 13px;
  background: rgba(255, 255, 255, 0.14);
  position: relative;
}
.button .general.bigduble img {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translate(0, -50%);
}
.button .active {
  background: #741394 !important;
}
.innerbutton-psw {
  top: 25px;
  position: relative;
}
.innerbutton-psw .pswhideshow {
  width: 163px;
  text-transform: lowercase;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  font-family: Metropolis-Medium;
  background: transparent;
  border: 2px solid rgba(255, 255, 255, 0.3);
  position: relative;
  text-indent: 1.5em;
  box-sizing: border-box;
  border-radius: 2px;
  opacity: 0.9;
}
.innerbutton-psw .pswhideshow img {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translate(0, -50%);
  height: 14px;
  opacity: 0.9;
}
.innerbutton-psw .active {
  border: 2px solid #741394 !important;
}
.innerbutton .other_season {
  width: 147px;
  text-align: center;
  position: absolute;
  top: 90px;
  right: 385px;
  height: 34px;
  line-height: 34px;
  font-size: 18px;
  font-family: Metropolis-Medium;
  text-transform: capitalize;
  background-color: transparent;
  border: 1px solid white;
}
.innerbutton .other_season.active {
  background-color: #741394;
  border: 1px solid transparent;
}
.innerbutton .ok.middle {
  width: 200px;
  text-transform: uppercase;
  margin: 0 auto;
  height: 38px;
  line-height: 38px;
  font-size: 18px;
  font-family: Metropolis-Bold;
  background: rgba(255, 255, 255, 0.14);
  border: 4px solid transparent;
}
.innerbutton .ok.right {
  width: 111px;
  text-align: center;
  position: absolute;
  top: 76px;
  /*right: 13px;*/
  right: 85px;
  height: 34px;
  line-height: 34px;
  font-size: 18px;
  font-family: Metropolis-Medium;
  text-transform: capitalize;
  background-color: transparent;
  border: 1px solid white;
}
.innerbutton .ok.right.active {
  background-color: #741394;
  border: 1px solid transparent;
}
.innerbutton .ok .buttonIcon {
  margin-right: 12px;
}
.innerbutton .fav {
  width: 126px;
  text-align: center;
  position: absolute;
  top: 72px;
  /*right: 13px;*/
  right: 227px;
  height: 34px;
  line-height: 34px;
  font-size: 18px;
  font-family: Metropolis-Medium;
  text-transform: capitalize;
  background-color: transparent;
  border: 1px solid white;
}
.innerbutton .fav .buttonIcon {
  margin-right: 12px;
  vertical-align: middle;
}
.innerbutton .fav span {
  font-family: Metropolis-Light;
  font-size: 25px;
}
.innerbutton .fav.active {
  background-color: #741394;
  border: 1px solid transparent;
}
.button-not-generic .custom.duble {
  width: 383px;
  text-transform: uppercase;
  height: 38px;
  line-height: 38px;
  font-size: 18px;
  font-family: Metropolis-Bold;
  background: transparent;
  border: 1px solid;
  box-sizing: border-box;
  float: left;
  margin: 0px 19px;
}
.button-not-generic .active {
  border: 4px solid #741394 !important;
  line-height: 32px !important;
}
/*STRIPE LAUNCHER MESSAGE*/
#launcherMessage.bigBg {
  background: rgba(0, 0, 0, 0.9);
}
#launcherMessage.smallBg {
  background: rgba(0, 0, 0, 0.9);
}
#launcherMessage.standardAbsoluteFullContainer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
}
#launcherMessage.standardAbsoluteFullContainer .full {
  opacity: 0;
}
#launcherMessage.standardAbsoluteFullContainer .full img {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}
#launcherMessage.standardAbsoluteFullContainer .full p {
  text-align: center;
  position: absolute;
  left: 78px;
  right: 78px;
  top: 50%;
  transform: translate(0, -50%);
  margin: 0;
  padding: 0;
  /*RAFFORZATIVO PER FONT*/
  font-size: 22px;
  font-family: Metropolis-Bold;
  /*END RAFFORZATIVO PER FONT*/
}
#launcherMessage.standardAbsoluteFullContainer .full .icon {
  height: 30px;
  width: auto;
  position: relative;
  left: auto;
  transform: translate(0, 0);
  top: 0;
  vertical-align: middle;
}
#launcherMessage.standardAbsoluteFullContainer .reopen {
  opacity: 0;
}
#launcherMessage.standardAbsoluteFullContainer .reopen img {
  left: 50%;
  position: absolute;
  transform: translate(-50%, 0);
  height: 15px;
  top: 9px;
}
#launcherMessage.standardAbsoluteFullContainer .load {
  opacity: 0;
}
#launcherMessage.standardAbsoluteFullContainer .load img {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}
#launcherMessage.standardAbsoluteFullContainer .load .animation {
  text-align: center;
  position: absolute;
  left: 78px;
  right: 78px;
  top: 66%;
  transform: translate(0, -50%);
  margin: 0;
  padding: 0;
  /*RAFFORZATIVO PER FONT*/
  font-size: 18px;
  font-family: Metropolis-Bold;
  /*END RAFFORZATIVO PER FONT*/
}
#launcherMessage.standardAbsoluteFullContainer .load p {
  text-align: center;
  position: absolute;
  left: 78px;
  right: 78px;
  top: 40%;
  transform: translate(0, -50%);
  margin: 0;
  padding: 0;
  font-size: 19px;
  font-family: Metropolis-Normal;
}
/*END STRIPE LAUNCHER MESSAGE*/
/*STRIPE LAUNCHER REOPEN*/
#launcherReopen.smallBg {
  background: rgba(0, 0, 0, 0.9);
}
#launcherReopen.standardAbsoluteFullContainer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
}
#launcherReopen.standardAbsoluteFullContainer .reopen {
  opacity: 0;
}
#launcherReopen.standardAbsoluteFullContainer .reopen img {
  left: 50%;
  position: absolute;
  transform: translate(-50%, 0);
  height: 15px;
  top: 9px;
}
/*END STRIPE LAUNCHER REOPEN*/
/*CTA STRIPE*/
#ctaContainer {
  position: absolute;
  left: 0;
  bottom: 50px;
}
#ctaContainer .ctaBlock {
  display: inline-block;
  vertical-align: text-bottom;
  position: relative;
  visibility: hidden;
}
#ctaContainer .full img,
#ctaContainer .minimized img {
  margin-left: -20px;
  z-index: 10;
}
#ctaContainer .full div,
#ctaContainer .minimized div {
  z-index: 9;
  white-space: nowrap;
  padding: 0 35px;
  margin-left: -30px;
  background-repeat: no-repeat;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: cover;
  background-position: right;
  height: 70px;
}
#ctaContainer .full div p:first-child,
#ctaContainer .minimized div p:first-child {
  margin-top: 7px;
}
#ctaContainer .full div p,
#ctaContainer .minimized div p {
  line-height: 22px;
  font-size: 17px;
  font-family: Metropolis-Regular;
  margin-left: 4px;
}
/*animazione per i ctaBlock  */
.slideUpNoBounce {
  animation-name: slideUpNoBounce;
  -webkit-animation-name: slideUpNoBounce;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease-in;
  -webkit-animation-timing-function: ease-in;
  visibility: visible !important;
}
@keyframes slideUpNoBounce {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
.slideRightNoBounce {
  animation-name: slideRightNoBounce;
  -webkit-animation-name: slideRightNoBounce;
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important;
}
.slideRightNoBounceDelayed {
  animation-name: slideRightNoBounceDelayed;
  -webkit-animation-name: slideRightNoBounceDelayed;
  animation-duration: 3.5s;
  -webkit-animation-duration: 3.5s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important;
}
@keyframes slideRightNoBounce {
  0% {
    opacity: 0;
    transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@-webkit-keyframes slideRightNoBounce {
  0% {
    -webkit-opacity: 0;
    -webkit-transform: translateX(-50px);
  }
  100% {
    -webkit-opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@keyframes slideRightNoBounceDelayed {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes slideRightNoBounceDelayed {
  0% {
    -webkit-opacity: 0;
  }
  30% {
    -webkit-opacity: 0;
  }
  100% {
    -webkit-opacity: 1;
  }
}
/*END CTA STRIPE*/
#portalHome {
  /*position: relative;*/
  position: fixed;
  bottom: 0;
  height: 100%;
  width: 100%;
  visibility: hidden;
}
#userLogged {
  position: absolute;
  left: 0px;
  background: rgba(0, 0, 0, 0.9);
  padding: 10px 35px 10px 35px;
  opacity: 0;
}
#userLogged span {
  font-family: Metropolis-Bold;
}
/*animazione per il div -> userLogged */
.slideRight {
  animation-name: slideRight;
  -webkit-animation-name: slideRight;
  animation-duration: 4s;
  -webkit-animation-duration: 4s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important;
}
@keyframes slideRight {
  0% {
    transform: translateX(-150%);
  }
  50% {
    transform: translateX(8%);
  }
  65% {
    transform: translateX(-4%);
  }
  80% {
    transform: translateX(4%);
  }
  95% {
    transform: translateX(-2%);
  }
  100% {
    transform: translateX(0%);
  }
}
@-webkit-keyframes slideRight {
  0% {
    -webkit-transform: translateX(-150%);
  }
  50% {
    -webkit-transform: translateX(8%);
  }
  65% {
    -webkit-transform: translateX(-4%);
  }
  80% {
    -webkit-transform: translateX(4%);
  }
  95% {
    -webkit-transform: translateX(-2%);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
#menu {
  background: rgba(0, 0, 0, 0.9);
  position: absolute;
  bottom: 0px;
  white-space: nowrap;
  z-index: 2;
  opacity: 0;
  width: 1000000px;
  display: flex;
  /**arrow UP**/
  /*la freccia che muove sulla barra */
  /*box selezionato che si muove sulla barra*/
}
#menu div.section {
  position: relative;
  height: auto;
  width: auto;
  margin-left: 10px;
  top: 20px;
  z-index: 2;
}
#menu div.section .sectionDisplayTitle {
  padding: 7px 17px;
  line-height: 20px;
  height: 18px;
  display: flex;
}
#menu div.section .sectionDisplayTitle * {
  margin-top: auto;
  margin-bottom: auto;
}
#menu div.section .sectionDisplayTitle .sectionDisplayIcon {
  height: auto;
  margin-top: -8px;
  display: block;
}
#menu div.section .sectionDisplayTitle .sectionDisplayIconSelected {
  height: 18px;
  display: none;
}
#menu div.section .sectionDisplayTitle .sectionDisplayText {
  padding-left: 7px;
  overflow: hidden;
  width: auto;
  transition: width 0.3s linear;
}
#menu div.section .sectionDisplayTitle .collapsible {
  padding-left: 0px;
}
#menu div.section.portalActive .sectionDisplayTitle .sectionDisplayIcon {
  display: none;
}
#menu div.section.portalActive .sectionDisplayTitle .sectionDisplayIconSelected {
  height: 18px;
  display: block;
  margin-top: -3px;
}
#menu div.section.portalActive .collapsible {
  padding-left: 7px;
}
#menu div.section.portalSelectedAndActive .sectionDisplayTitle .sectionDisplayIconSelected {
  margin-top: -2px;
}
#menu div.section.portalSelectedAndActive .collapsible {
  padding-left: 7px;
}
#menu div.section:first-child {
  margin-left: 100px;
}
#menu div.section:first-child .sectionDisplayTitle .sectionDisplayText {
  padding-left: 0px;
}
#menu div.section:first-child.portalSelectedAndActive .sectionDisplayTitle .sectionDisplayText,
#menu div.section:first-child.portalActive .sectionDisplayTitle .sectionDisplayText {
  padding-left: 7px;
}
#menu div.section.portalSelectedAndActive .sectionDisplayTitle {
  background-color: #741394;
}
#menu div.section.portalSelectedAndActive .sectionDisplayIcon {
  display: none;
}
#menu div.section.portalSelectedAndActive .sectionDisplayIconSelected {
  display: block;
}
#menu div.section.portalSelectedAndActive .arrowUp {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #741394;
  transform: translate(-50%);
  position: absolute;
  top: -10px;
  left: 50%;
}
#menu span #positionArrowUp {
  position: absolute;
  top: 0px;
  height: 95px;
  width: 260px;
  z-index: 0;
}
#menu span #positionArrowUp .arrowUp {
  width: 11px;
  height: 11px;
  border-top: 4px solid #741394;
  border-left: 4px solid #741394;
  background-color: #741394;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg) translate(-50%);
  position: absolute;
  left: 50%;
}
#menu span.divPortalSelectedAndActive {
  position: absolute;
  top: 0px;
  height: 95px;
  width: 260px;
  background: #741394;
  z-index: 1;
}
#logoPortal {
  width: 285px;
  position: absolute;
  right: 0;
  padding-left: 90px;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.0001) 0%, #000000 45px);
  bottom: -95px;
  z-index: 3;
  height: 95px;
  display: flex;
  align-items: center;
  flex-direction: column;
  opacity: 0;
}
#firstLevelLeftFade {
  width: 100px;
  height: 95px;
  background: linear-gradient(to right, #000000, rgba(0, 0, 0, 0));
  position: absolute;
  left: 0;
  bottom: -95px;
  z-index: 3;
  opacity: 0;
}
#secondLevel {
  position: absolute;
  line-height: 0px;
  white-space: nowrap;
  z-index: 2;
  width: 100000px;
  bottom: 100px;
  opacity: 0;
  overflow: hidden;
}
#secondLevel .genericAppsBox {
  width: auto !important;
}
#secondLevel .genericAppsBox img {
  width: auto !important;
  moz-transform: none !important;
  -webkit-transform: none !important;
  transform: none !important;
}
#thirdLevel {
  position: absolute;
  line-height: 0px;
  z-index: 2;
  width: 100000px;
  white-space: nowrap;
  opacity: 0;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.9);
}
#thirdLevel .genericAppsBox {
  width: auto !important;
}
#thirdLevel .genericAppsBox img {
  width: auto !important;
  moz-transform: none !important;
  -webkit-transform: none !important;
  transform: none !important;
}
#corniceActive {
  position: absolute;
  bottom: 118px;
  left: 94px;
  z-index: 4;
  width: 292px;
  height: 195px;
  opacity: 0;
  background-color: transparent;
  box-sizing: border-box;
}
#corniceActive #corniceActiveInner {
  border: 6px solid #741394;
  width: 280px;
  height: 183px;
}
.boxOpacity {
  opacity: 0.6;
  transition: 0.2s;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
}
/* LIVE */
.typeLive .marginTopSmall {
  margin-top: 28px;
}
.typeLive .marginTopBig {
  margin-top: 76px;
}
.typeLive .dividedBar {
  position: relative;
  display: inline-block;
  width: 1px;
  height: 220px;
  margin-left: 20px;
  margin-bottom: 18px;
  background: rgba(255, 255, 255, 0.6);
}
.typeLive .titleToShow {
  top: 48px !important;
}
.typeLive .titleToShow span {
  font-family: Metropolis-Regular;
  font-size: 20px;
}
.typeLive .liveBadge {
  position: absolute;
  top: 15px;
  left: 20px;
  font-size: 13px;
  line-height: 20px;
  font-family: Metropolis-Medium;
  height: 20px;
  color: white;
  background-color: #A90009;
  padding-left: 7px;
  padding-right: 5px;
}
.typeLive .liveBadge .dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: white;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 1px;
}
.typeLive .singleBoxLive {
  position: relative;
  display: inline-block;
  overflow: hidden;
  background: transparent;
  width: 134px;
  height: 196px;
  margin-left: 10px;
  margin-bottom: 18px;
}
.typeLive .singleBoxLive img {
  width: 122px;
  height: 184px;
  border: 6px solid transparent;
}
.typeLive .plusRestart {
  width: 292px;
  height: 196px;
}
.typeLive .plusRestart img {
  width: 280px;
  height: 183px;
}
.typeLive .singleBoxLive.activeLive {
  /*background: @singleBoxBkgColor-active;
  margin-right: -@pxDaTogliere;*/
  opacity: 1;
  margin-left: 14px;
  margin-bottom: 22px;
}
.typeLive .singleBoxLive.active {
  /*background: @singleBoxBkgColor-active;
  margin-right: -@pxDaTogliere;*/
  opacity: 1;
  border: none !important;
}
.typeLive .vediTutti p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 40px;
  white-space: normal;
  text-align: center;
  line-height: 40px;
  padding: 0;
  box-sizing: border-box;
  font-family: Metropolis-Bold;
  font-size: 18px;
}
.typeLive .singleBoxLiveVideo {
  position: relative;
  display: inline-block;
  overflow: hidden;
  background: transparent;
  width: 260px;
  height: 196px;
  margin-left: 20px;
  margin-bottom: 18px;
}
.typeLive .singleBoxLiveVideo img {
  width: 248px;
  height: 140px;
  border: 6px solid transparent;
}
.typeLive .singleBoxLiveVideo span.durationVideo {
  position: absolute;
  top: 13px;
  right: 13px;
  line-height: 20px;
  height: 20px;
  font-size: 13px;
  background: rgba(9, 24, 27, 0.8);
  font-family: Metropolis-Bold;
  padding: 0 8px;
}
.typeLive .singleBoxLiveVideo span.rating {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  position: static;
  display: inline-block;
  margin-right: 5px;
}
.typeLive .singleBoxLiveVideo span.specialLabel {
  position: absolute;
  top: 13px;
  right: 6px;
  line-height: 12px;
  height: 12px;
  font-size: 12px;
  color: #000000;
  background: rgba(255, 255, 255, 0.8);
  padding: 3px 6px 2px 6px;
  font-family: Metropolis-Regular;
}
.typeLive .singleBoxLiveVideo p.p_small {
  position: absolute;
  top: 158px;
  left: 6px;
  width: 98%;
  line-height: 20px;
  white-space: normal;
  box-sizing: border-box;
  font-size: 15px;
  position: static;
  margin-top: 2px;
  margin-left: 6px;
}
.typeLive .singleBoxLiveVideo p.p_small .brandMetadata {
  position: static;
  font-family: Metropolis-Medium;
  opacity: 0.8;
  font-size: 13px;
  height: 20px;
  text-transform: uppercase;
}
.typeLive .singleBoxLiveVideo p.p_small .brandMetadata:after {
  content: "";
  display: table;
  clear: both;
}
.typeLive .singleBoxLiveVideo p.p_big {
  display: none;
  position: absolute;
  top: 158px;
  left: 6px;
  width: 98%;
  line-height: 20px;
  white-space: normal;
  box-sizing: border-box;
  font-size: 15px;
}
.typeLive .singleBoxLiveVideo.activeLiveVideo {
  /*background: @singleBoxBkgColor-active;
  margin-right: -@pxDaTogliere;*/
  opacity: 1;
  margin-left: 14px;
  margin-bottom: 22px;
}
.typeLive .singleBoxLiveVideo.activeLiveVideo img {
  moz-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  width: 248px;
  height: 140px;
}
.typeLive .singleBoxLiveVideo.active {
  /*background: @singleBoxBkgColor-active;
  margin-right: -@pxDaTogliere;*/
  opacity: 1;
  border: none !important;
}
.typeLive .singleBoxLiveVideo.adv {
  width: 196px;
  height: 196px;
}
.typeLive .singleBoxLiveVideo.adv img {
  width: 180px;
  height: 182px;
}
.typeLive .historyRestart {
  position: relative;
  display: inline-block;
  background: rgba(0, 0, 0, 0.9);
  width: 734px;
  height: 220px;
  margin-left: 10px;
  margin-bottom: 18px;
}
.typeLive .historyRestart #custom-textareaRestart {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 10px;
  height: 126px;
  width: 680px;
  overflow: hidden;
  font-size: 18px;
  /*  126(altezza) / 6 (righe)= 21(line-height) */
  line-height: 21px;
}
.typeLive .historyRestart #custom-textareaRestart #custom-textareaRestart-in {
  white-space: pre-line;
  position: absolute;
}
.typeLive .historyRestart .customRestart-control {
  position: absolute;
  right: 13px;
  top: 50%;
  transform: translate(0, -50%);
}
.typeLive .historyRestart .customRestart-control .circle {
  position: relative;
  height: 8px;
  width: 8px;
  display: block;
  margin-top: 5px;
  border-radius: 6px;
}
.typeLive .historyRestart .customRestart-control .circleFocus {
  background: #741394;
}
.typeLive .historyRestart .customRestart-control .circleNoFocus {
  background: rgba(255, 255, 255, 0.6);
}
.typeLive .historyRestart #ok_textareaRestart {
  opacity: 0;
  font-size: 14px;
  position: absolute;
  bottom: -21px;
  right: -4px;
  width: 90px;
  height: 18px;
  line-height: 18px;
  padding-left: 7px;
  background: #741394;
  color: #741394;
}
.typeLive .historyRestart #ok_textareaRestart span {
  width: 2px;
  height: 12px;
  position: absolute;
  left: 40px;
  background-color: #741394;
}
.typeLive .historyRestart.activeLiveHistoryRestart {
  /*background: @singleBoxBkgColor-active;
  margin-right: -@pxDaTogliere;*/
  opacity: 1;
  margin-left: 14px;
  margin-bottom: 22px;
}
#secondLevel .liveSection .typeLive:first-child .singleBoxLiveVideo:first-child {
  margin-left: 10px;
}
/***SECTION CHANNELS***/
.typeChannels {
  left: -600px;
}
.typeChannels .channels {
  position: relative;
  display: inline-block;
  width: 280px;
  height: 210px;
  margin-top: 28px;
  margin-left: 20px;
  margin-bottom: 18px;
  background: rgba(0, 0, 0, 0.9);
}
.typeChannels .channels .logoChannels {
  position: absolute;
  left: 90px;
  top: 10px;
  /*background :@logoChannels-background;*/
  height: 50px;
  width: 100px;
}
.typeChannels .channels .logoChannels img {
  height: 50px;
  width: 100px;
}
.typeChannels .channels .titleProgram {
  position: absolute;
  top: 107px;
  font-family: Metropolis-Regular;
  font-size: 18px;
  color: #ffffff;
  width: auto;
  left: 0;
  right: 0;
  margin: auto;
  overflow: hidden;
  height: 18px;
  line-height: 18px;
  text-align: center;
  text-transform: capitalize;
}
.typeChannels .channels .time {
  position: absolute;
  top: 80px;
  font-family: Metropolis-Regular;
  font-size: 18px;
  width: auto;
  left: 0;
  right: 0;
  margin: auto;
  height: 18px;
  line-height: 18px;
  text-align: center;
}
.typeChannels .channels .button.last {
  top: 175px;
}
.typeChannels .channels .button {
  position: absolute;
  top: 140px;
  background: rgba(73, 83, 86, 0.6);
  width: 220px;
  font-size: 17px;
  left: 0;
  right: 0;
  margin: auto;
  height: 30px;
  line-height: 30px;
  text-align: center;
  opacity: 0.5;
}
.typeChannels .channels .restartButton img {
  position: relative;
  top: 6px;
  left: -10px;
}
.typeChannels .channels .progresssTime[value] {
  position: absolute;
  top: 70px;
  left: 30px;
  width: 220px;
  height: 4px;
  /* Reset the default appearance */
  /*Per i Browser-> WebKit/Blink (Chrome/Safari/Opera) */
  -webkit-appearance: none;
  appearance: none;
  /*Per il Browser-> Firefox  */
  -moz-appearance: none;
  border: none;
  background: rgba(255, 255, 255, 0.5);
}
.typeChannels .channels .progresssTime::-moz-progress-bar {
  background: #ffffff;
}
.typeChannels .channels .progresssTime::-webkit-progress-value {
  background: #ffffff;
}
.typeChannels .channels .progresssTime::-webkit-progress-bar {
  background: rgba(255, 255, 255, 0.5);
}
.typeChannels .channels.marginTopBig {
  margin-top: 48px;
}
.typeChannels .channels .button.active {
  background: #741394;
  opacity: 1;
  border: none !important;
}
.typeChannels .arrowUp {
  width: 11px;
  height: 11px;
  border-top: 4px solid #741394;
  border-left: 4px solid #741394;
  border-radius: 2px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg) translate(-50%);
  position: absolute;
  top: -11px;
  left: 50%;
}
/* DIV INFO PROGRAMMA CORRENTE */
.typeChannelsThirdLevel {
  opacity: 0;
  background: rgba(0, 0, 0, 0.9);
  width: 100%;
}
.typeChannelsThirdLevel .infoProgramChannel {
  position: absolute;
  bottom: 0px;
  width: 1220px;
  height: 0px;
  left: 50%;
  transform: translate(-50%);
  background: rgba(0, 0, 0, 0.9);
  margin-top: 28px;
  box-sizing: border-box;
}
.typeChannelsThirdLevel .infoProgramChannel p {
  position: absolute;
  line-height: 21px;
  white-space: pre-line;
}
.typeChannelsThirdLevel .infoProgramChannel .containerTitleProgramChannel {
  top: 20px;
  left: 27px;
  width: 436px;
  overflow: hidden;
}
.typeChannelsThirdLevel .infoProgramChannel .containerTitleProgramChannel .titleProgramChannel {
  font-family: Metropolis-Bold;
}
.typeChannelsThirdLevel .infoProgramChannel .subTitleProgramChannel {
  top: 60px;
  width: 436px;
  left: 27px;
  overflow: hidden;
}
.typeChannelsThirdLevel .infoProgramChannel .textProgramChannel {
  left: 517px;
  width: 676px;
  top: 20px;
  height: 187px;
  overflow: hidden;
}
.typeChannelsThirdLevel .infoProgramChannel .divided_bar {
  width: 1px;
  height: 190px;
  left: 490px;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  background: rgba(255, 255, 255, 0.6);
}
.typeChannelsThirdLevel .infoProgramChannel .arrowDown {
  width: 11px;
  height: 11px;
  border-radius: 2px;
  -ms-transform: rotate(224deg);
  -webkit-transform: rotate(224deg);
  transform: rotate(224deg);
  position: absolute;
  top: 180px;
  left: 27px;
  border-top: 3px solid #741394;
  border-left: 3px solid #741394;
}
.typeChannelsThirdLevel .infoProgramChannel .closeInfoProgramChannel {
  top: 180px;
  left: 52px;
}
/***SECTION APPLICATIONS ***/
.typeApp .singleBoxApp {
  position: relative;
  display: inline-block;
  overflow: hidden;
  background: transparent;
  width: 214px;
  height: 196px;
  margin-left: 10px;
  margin-bottom: 18px;
  margin-top: 48px;
}
.typeApp .singleBoxApp img {
  width: 201px;
  height: 184px;
  border: 6px solid transparent;
  background: url("../assets/dev/app_item_background.20230911.png") center no-repeat;
}
.typeApp .singleBoxApp.active {
  /*background: @singleBoxBkgColor-active;
  margin-right: -@pxDaTogliere;*/
  opacity: 1;
  border: none !important;
}
/*SECONDO LIVELLO*/
.typeSpecevents .dividedBar {
  position: relative;
  display: inline-block;
  width: 1px;
  height: 220px;
  margin-left: 20px;
  margin-bottom: 18px;
  background: rgba(255, 255, 255, 0.6);
}
.typeSpecevents .dividedBar .titleToShow {
  top: auto;
}
.typeSpecevents .dividedBar.highHeight {
  height: 250px;
}
.typeSpecevents .marginTopSmallSpecevents {
  margin-top: 28px;
}
.typeSpecevents .marginTopBigSpecevents {
  margin-top: 48px;
}
.typeSpecevents .singleBoxSpecevents {
  position: relative;
  display: inline-block;
  overflow: hidden;
  background: transparent;
  margin-left: 10px;
  margin-bottom: 18px;
  width: 214px;
  height: 196px;
}
.typeSpecevents .singleBoxSpecevents p.titleSpecevent {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: Metropolis-Regular;
  width: 184px;
  line-height: normal;
  white-space: normal;
  text-align: center;
  font-size: 18px;
}
.typeSpecevents .singleBoxSpecevents img {
  width: 202px;
  height: 184px;
  border: 6px solid transparent;
}
.typeSpecevents .singleBoxSpecevents.folderBox img {
  background-repeat: no-repeat;
  background-position: top;
  background-size: contain;
  background-size: cover;
  background-clip: content-box;
}
.typeSpecevents .singleBoxSpecevents.active {
  /*background: @singleBoxBkgColor-active;
  margin-right: -@pxDaTogliere;*/
  opacity: 1;
  border: none !important;
}
.typeSpecevents .singleBoxSpeceventsVertical {
  position: relative;
  display: inline-block;
  overflow: hidden;
  background: transparent;
  margin-left: 10px;
  margin-bottom: 18px;
  width: 134px;
  height: 196px;
}
.typeSpecevents .singleBoxSpeceventsVertical img {
  width: 122px;
  height: 184px;
  border: 6px solid transparent;
}
.typeSpecevents .singleBoxSpeceventsVertical span.specialLabel {
  position: absolute;
  top: 13px;
  right: 6px;
  line-height: 12px;
  height: 12px;
  font-size: 12px;
  color: #000000;
  background: rgba(255, 255, 255, 0.8);
  padding: 3px 6px 2px 6px;
  font-family: Metropolis-Regular;
  right: auto;
  left: 6px;
}
.typeSpecevents .singleBoxSpeceventsVertical span.specialLabelLogo {
  display: block;
  position: absolute;
  top: 8px;
  left: 0px;
}
.typeSpecevents .singleBoxSpeceventsVertical span.specialLabelLogo img {
  width: auto;
  height: auto;
}
.typeSpecevents .singleBoxSpeceventsVertical.active {
  /*background: @singleBoxBkgColor-active;
  margin-right: -@pxDaTogliere;*/
  opacity: 1;
  border: none !important;
}
/*TERZO LIVELLO*/
.typeSpeceventsThirdLevel {
  width: 100%;
}
.typeSpeceventsThirdLevel .posterBar {
  position: absolute;
  opacity: 0;
  height: 0px;
  left: 0px;
  bottom: 0px;
  box-sizing: border-box;
  margin-left: 16px;
  width: 100%;
  left: 5px;
  margin-left: 78px;
  /**********VERTICAL*********/
  /******HORIZONTAL******/
}
.typeSpeceventsThirdLevel .posterBar .titleToShow {
  position: absolute;
  top: 20px;
  font-size: 20px;
  left: 15px;
  line-height: 20px;
  font-family: Metropolis-Regular;
}
.typeSpeceventsThirdLevel .posterBar .singleBoxSpeceventsVediTutti {
  position: relative;
  display: inline-block;
  overflow: hidden;
  background: transparent;
  width: 134px;
  height: 196px;
  margin-left: 20px;
  margin-bottom: 18px;
  margin-top: 48px;
}
.typeSpeceventsThirdLevel .posterBar .singleBoxSpeceventsVediTutti img {
  width: 122px;
  height: 184px;
  border: 6px solid transparent;
}
.typeSpeceventsThirdLevel .posterBar .singleBoxSpeceventsVediTutti p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 40px;
  white-space: normal;
  text-align: center;
  line-height: 40px;
  padding: 0;
  box-sizing: border-box;
  font-family: Metropolis-Bold;
  font-size: 18px;
}
.typeSpeceventsThirdLevel .posterBar .singleBoxSpeceventsVediTutti.active {
  /*background: @singleBoxBkgColor-active;
  margin-right: -@pxDaTogliere;*/
  opacity: 1;
  border: none !important;
}
.typeSpeceventsThirdLevel .posterBar .singleBoxSpeceventsVediTutti.squaredLogo {
  width: 152px;
  height: 196px;
  margin-left: 10px;
  margin-bottom: 18px;
}
.typeSpeceventsThirdLevel .posterBar .singleBoxSpeceventsVediTutti.squaredLogo img {
  width: 140px;
  height: 140px;
  border-top: 6px solid transparent;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: none;
}
.typeSpeceventsThirdLevel .posterBar .singleBoxSpeceventsVediTutti.squaredLogo .vediTuttiImageBrandText {
  display: block;
  width: auto;
  height: auto;
  border-top: none;
  border-bottom: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.typeSpeceventsThirdLevel .posterBar .singleBoxSpeceventsVediTutti.squaredLogo.active {
  border: 6px solid transparent !important;
  box-sizing: border-box;
}
.typeSpeceventsThirdLevel .posterBar .singleBoxSpeceventsVediTutti.squaredLogo.active img {
  border: none;
}
.typeSpeceventsThirdLevel .posterBar .singleBoxSpeceventsVediTutti.squaredLogo.active .vediTuttiImageBrandText {
  width: auto;
  height: auto;
  border: none;
}
.typeSpeceventsThirdLevel .posterBar .verticalSpecevent {
  position: relative;
  display: inline-block;
  overflow: hidden;
  background: transparent;
  width: 134px;
  height: 196px;
  margin-left: 10px;
  margin-bottom: 18px;
  margin-top: 48px;
  /*	span.durationVideo{
           .duration;
       }*/
}
.typeSpeceventsThirdLevel .posterBar .verticalSpecevent img {
  width: 122px;
  height: 184px;
  border: 6px solid transparent;
}
.typeSpeceventsThirdLevel .posterBar .verticalSpecevent span.specialLabel {
  position: absolute;
  top: 13px;
  right: 6px;
  line-height: 12px;
  height: 12px;
  font-size: 12px;
  color: #000000;
  background: rgba(255, 255, 255, 0.8);
  padding: 3px 6px 2px 6px;
  font-family: Metropolis-Regular;
  right: auto;
  left: 6px;
}
.typeSpeceventsThirdLevel .posterBar .verticalSpecevent span.specialLabelLogo {
  display: block;
  position: absolute;
  top: 8px;
  left: 0px;
}
.typeSpeceventsThirdLevel .posterBar .verticalSpecevent span.specialLabelLogo img {
  width: auto;
  height: auto;
}
.typeSpeceventsThirdLevel .posterBar .verticalSpecevent.active {
  /*background: @singleBoxBkgColor-active;
  margin-right: -@pxDaTogliere;*/
  opacity: 1;
  border: none !important;
}
.typeSpeceventsThirdLevel .posterBar .horizontalSpecevent {
  position: relative;
  display: inline-block;
  overflow: hidden;
  background: transparent;
  width: 260px;
  height: 196px;
  margin-left: 10px;
  margin-bottom: 18px;
  margin-top: 48px;
  background: none;
  /*TITLE*/
  /*TITLE AND BRAND*/
}
.typeSpeceventsThirdLevel .posterBar .horizontalSpecevent img {
  width: 248px;
  height: 140px;
  border: 6px solid transparent;
}
.typeSpeceventsThirdLevel .posterBar .horizontalSpecevent span.durationVideo {
  position: absolute;
  top: 13px;
  right: 13px;
  line-height: 20px;
  height: 20px;
  font-size: 13px;
  background: rgba(9, 24, 27, 0.8);
  font-family: Metropolis-Bold;
  padding: 0 8px;
}
.typeSpeceventsThirdLevel .posterBar .horizontalSpecevent span.rating {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  position: static;
  display: inline-block;
  margin-right: 5px;
}
.typeSpeceventsThirdLevel .posterBar .horizontalSpecevent span.specialLabel {
  position: absolute;
  top: 13px;
  right: 6px;
  line-height: 12px;
  height: 12px;
  font-size: 12px;
  color: #000000;
  background: rgba(255, 255, 255, 0.8);
  padding: 3px 6px 2px 6px;
  font-family: Metropolis-Regular;
}
.typeSpeceventsThirdLevel .posterBar .horizontalSpecevent span.specialLabelLogo {
  display: block;
  position: absolute;
  top: 8px;
  right: 0px;
}
.typeSpeceventsThirdLevel .posterBar .horizontalSpecevent span.specialLabelLogo img {
  width: auto;
  height: auto;
}
.typeSpeceventsThirdLevel .posterBar .horizontalSpecevent span.barContainer {
  width: 248px;
  height: 5px;
  overflow-x: hidden;
  position: absolute;
  top: 140px;
  left: 50%;
  transform: translate(-50%, 0);
}
.typeSpeceventsThirdLevel .posterBar .horizontalSpecevent span.barContainer .totalBar {
  position: absolute;
  transform: translate(0, -50%);
  top: 50%;
  width: 100%;
  height: 100%;
  background: #ffffff;
  opacity: 0.4;
}
.typeSpeceventsThirdLevel .posterBar .horizontalSpecevent span.barContainer .progressBar {
  position: absolute;
  transform: translate(0, -50%);
  top: 50%;
  width: 0;
  height: 100%;
  background: #ffffff;
}
.typeSpeceventsThirdLevel .posterBar .horizontalSpecevent p.p_small_specevent {
  position: absolute;
  top: 158px;
  left: 6px;
  width: 98%;
  line-height: 20px;
  white-space: normal;
  box-sizing: border-box;
  font-size: 15px;
  position: static;
  margin-top: 2px;
  margin-left: 6px;
}
.typeSpeceventsThirdLevel .posterBar .horizontalSpecevent p.p_small_specevent .brandMetadata {
  display: block;
  font-family: Metropolis-Bold;
  opacity: 0.8;
  font-size: 13px;
  height: 20px;
  text-transform: uppercase;
}
.typeSpeceventsThirdLevel .posterBar .horizontalSpecevent p.p_big_specevent {
  display: none;
  position: absolute;
  top: 158px;
  left: 6px;
  width: 98%;
  line-height: 20px;
  white-space: normal;
  box-sizing: border-box;
  font-size: 15px;
}
.typeSpeceventsThirdLevel .posterBar .horizontalSpecevent span.titleAndBrandSmall {
  position: absolute;
  bottom: 0px;
  width: 100%;
  background: rgba(9, 24, 27, 0.8);
  line-height: 23px;
  white-space: normal;
  padding: 5px 10px 5px 10px;
  left: 0px;
  box-sizing: border-box;
}
.typeSpeceventsThirdLevel .posterBar .horizontalSpecevent span.titleAndBrandSmall p:first-child {
  font-size: 14px;
  font-family: Metropolis-Bold;
  color: rgba(255, 255, 255, 0.7);
  text-transform: uppercase;
}
.typeSpeceventsThirdLevel .posterBar .horizontalSpecevent span.titleAndBrandSmall p:last-child {
  font-size: 18px;
}
.typeSpeceventsThirdLevel .posterBar .horizontalSpecevent span.titleAndBrandBig {
  display: none;
  position: absolute;
  bottom: 0px;
  width: 100%;
  background: rgba(9, 24, 27, 0.8);
  line-height: 23px;
  white-space: normal;
  padding: 5px 10px 5px 10px;
  left: 0px;
  box-sizing: border-box;
}
.typeSpeceventsThirdLevel .posterBar .horizontalSpecevent span.titleAndBrandBig p:first-child {
  font-size: 14px;
  font-family: Metropolis-Bold;
  color: rgba(255, 255, 255, 0.7);
  text-transform: uppercase;
}
.typeSpeceventsThirdLevel .posterBar .horizontalSpecevent span.titleAndBrandBig p:last-child {
  font-size: 18px;
}
.typeSpeceventsThirdLevel .posterBar .horizontalSpecevent.active {
  /*background: @singleBoxBkgColor-active;
  margin-right: -@pxDaTogliere;*/
  opacity: 1;
  border: none !important;
}
.typeSpeceventsThirdLevel .posterBar .horizontalSpecevent.active img {
  width: 248px;
  height: 140px;
}
/***SECTION DYNAMICS ***/
.typeDynamics {
  /*div per #vediTutti*/
  /*VERTICAL*/
  /*HORIZONTAL*/
}
.typeDynamics .dividedBar {
  position: relative;
  display: inline-block;
  width: 1px;
  height: 220px;
  margin-left: 20px;
  margin-bottom: 18px;
  background: rgba(255, 255, 255, 0.6);
}
.typeDynamics .dividedBar .titleToShow {
  top: auto;
}
.typeDynamics .dividedBar.highHeight {
  height: 250px;
}
.typeDynamics .marginTopSmallDynamics {
  margin-top: 28px;
}
.typeDynamics .marginTopBigDynamics {
  margin-top: 48px;
}
.typeDynamics .singleBoxDynamics {
  position: relative;
  display: inline-block;
  overflow: hidden;
  background: transparent;
  width: 134px;
  height: 196px;
  margin-left: 10px;
  margin-bottom: 18px;
}
.typeDynamics .singleBoxDynamics p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 40px;
  white-space: normal;
  text-align: center;
  line-height: 40px;
  padding: 0;
  box-sizing: border-box;
  font-family: Metropolis-Bold;
  font-size: 18px;
}
.typeDynamics .singleBoxDynamics img {
  width: 122px;
  height: 184px;
  border: 6px solid transparent;
}
.typeDynamics .singleBoxDynamics.activeDynamics {
  /*background: @singleBoxBkgColor-active;
  margin-right: -@pxDaTogliere;*/
  opacity: 1;
  margin-left: 14px;
  margin-bottom: 22px;
}
.typeDynamics .singleBoxDynamics.active {
  /*background: @singleBoxBkgColor-active;
  margin-right: -@pxDaTogliere;*/
  opacity: 1;
  border: none !important;
}
.typeDynamics .singleBoxDynamics.squaredLogo {
  width: 152px;
  height: 196px;
  margin-left: 10px;
  margin-bottom: 18px;
}
.typeDynamics .singleBoxDynamics.squaredLogo img {
  width: 140px;
  height: 140px;
  border-top: 6px solid transparent;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: none;
}
.typeDynamics .singleBoxDynamics.squaredLogo .vediTuttiImageBrandText {
  display: block;
  width: auto;
  height: auto;
  border-top: none;
  border-bottom: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.typeDynamics .singleBoxDynamics.squaredLogo.active {
  border: 6px solid transparent !important;
  box-sizing: border-box;
}
.typeDynamics .singleBoxDynamics.squaredLogo.active img {
  border: none;
}
.typeDynamics .singleBoxDynamics.squaredLogo.active .vediTuttiImageBrandText {
  width: auto;
  height: auto;
  border: none;
}
.typeDynamics .singleBoxDynamicsVertical {
  position: relative;
  display: inline-block;
  overflow: hidden;
  background: transparent;
  width: 134px;
  height: 196px;
  margin-left: 10px;
  margin-bottom: 18px;
  /* span.durationVideo{
            .duration;
        }  */
}
.typeDynamics .singleBoxDynamicsVertical img {
  width: 122px;
  height: 184px;
  border: 6px solid transparent;
}
.typeDynamics .singleBoxDynamicsVertical span.specialLabel {
  position: absolute;
  top: 13px;
  right: 6px;
  line-height: 12px;
  height: 12px;
  font-size: 12px;
  color: #000000;
  background: rgba(255, 255, 255, 0.8);
  padding: 3px 6px 2px 6px;
  font-family: Metropolis-Regular;
  right: auto;
  left: 6px;
}
.typeDynamics .singleBoxDynamicsVertical span.specialLabelLogo {
  display: block;
  position: absolute;
  top: 8px;
  left: 0px;
}
.typeDynamics .singleBoxDynamicsVertical span.specialLabelLogo img {
  width: auto;
  height: auto;
}
.typeDynamics .singleBoxDynamicsVertical.activeDynamicsVertical {
  /*background: @singleBoxBkgColor-active;
  margin-right: -@pxDaTogliere;*/
  opacity: 1;
  margin-left: 14px;
  margin-bottom: 22px;
}
.typeDynamics .singleBoxDynamicsVertical.activeDynamicsVertical img {
  width: 134px;
  height: 196px;
}
.typeDynamics .singleBoxDynamicsVertical.active {
  /*background: @singleBoxBkgColor-active;
  margin-right: -@pxDaTogliere;*/
  opacity: 1;
  border: none !important;
}
.typeDynamics .singleBoxDynamicsHorizontal {
  position: relative;
  display: inline-block;
  overflow: hidden;
  background: transparent;
  width: 260px;
  height: 196px;
  margin-left: 10px;
  margin-bottom: 18px;
  background: none;
  /*TITLE*/
  /*TITLE AND BRAND*/
}
.typeDynamics .singleBoxDynamicsHorizontal img {
  width: 248px;
  height: 140px;
  border: 6px solid transparent;
}
.typeDynamics .singleBoxDynamicsHorizontal span.durationVideo {
  position: absolute;
  top: 13px;
  right: 13px;
  line-height: 20px;
  height: 20px;
  font-size: 13px;
  background: rgba(9, 24, 27, 0.8);
  font-family: Metropolis-Bold;
  padding: 0 8px;
}
.typeDynamics .singleBoxDynamicsHorizontal span.rating {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  position: static;
  display: inline-block;
  margin-right: 5px;
}
.typeDynamics .singleBoxDynamicsHorizontal .brandMetadata {
  position: static;
  font-family: Metropolis-Medium;
  opacity: 0.8;
  font-size: 13px;
  height: 20px;
  text-transform: uppercase;
}
.typeDynamics .singleBoxDynamicsHorizontal .brandMetadata:after {
  content: "";
  display: table;
  clear: both;
}
.typeDynamics .singleBoxDynamicsHorizontal span.specialLabel {
  position: absolute;
  top: 13px;
  right: 6px;
  line-height: 12px;
  height: 12px;
  font-size: 12px;
  color: #000000;
  background: rgba(255, 255, 255, 0.8);
  padding: 3px 6px 2px 6px;
  font-family: Metropolis-Regular;
}
.typeDynamics .singleBoxDynamicsHorizontal span.specialLabelLogo {
  display: block;
  position: absolute;
  top: 8px;
  right: 0px;
}
.typeDynamics .singleBoxDynamicsHorizontal span.specialLabelLogo img {
  width: auto;
  height: auto;
}
.typeDynamics .singleBoxDynamicsHorizontal p.p_small {
  position: absolute;
  top: 158px;
  left: 6px;
  width: 98%;
  line-height: 20px;
  white-space: normal;
  box-sizing: border-box;
  font-size: 15px;
  position: static;
  margin-top: 2px;
  margin-left: 6px;
}
.typeDynamics .singleBoxDynamicsHorizontal p.p_big {
  display: none;
  position: absolute;
  top: 158px;
  left: 6px;
  width: 98%;
  line-height: 20px;
  white-space: normal;
  box-sizing: border-box;
  font-size: 15px;
}
.typeDynamics .singleBoxDynamicsHorizontal span.titleAndBrandSmall {
  position: absolute;
  top: 158px;
  left: 6px;
  width: 98%;
  line-height: 20px;
  white-space: normal;
  box-sizing: border-box;
  font-size: 15px;
  position: static;
  margin-top: 2px;
  margin-left: 6px;
}
.typeDynamics .singleBoxDynamicsHorizontal span.titleAndBrandBig {
  position: absolute;
  top: 158px;
  left: 6px;
  width: 98%;
  line-height: 20px;
  white-space: normal;
  box-sizing: border-box;
  font-size: 15px;
  position: static;
  margin-top: 2px;
  margin-left: 6px;
}
.typeDynamics .singleBoxDynamicsHorizontal.activeDynamicsHorizontal {
  /*background: @singleBoxBkgColor-active;
  margin-right: -@pxDaTogliere;*/
  opacity: 1;
  border: none !important;
}
.typeDynamics .singleBoxDynamicsHorizontal.active {
  /*background: @singleBoxBkgColor-active;
  margin-right: -@pxDaTogliere;*/
  opacity: 1;
  border: none !important;
}
.typeSettings {
  padding-left: 16px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.typeSettings .singleBox {
  width: 192px;
  height: 194px;
  margin-top: 48px;
  position: relative;
  display: inline-block;
  overflow: hidden;
  background: transparent;
  margin-left: 10px;
  margin-bottom: 18px;
  margin-right: 10px;
}
.typeSettings .singleBox .settingsIcon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.typeSettings .singleBox.active {
  /*background: @singleBoxBkgColor-active;
  margin-right: -@pxDaTogliere;*/
  opacity: 1;
  margin-top: 28px;
  margin-left: 10px;
  margin-bottom: 18px;
  margin-right: 10px;
  border: none !important;
}
.typeSettings .loggedUser {
  position: absolute;
  left: 15px;
  line-height: 20px;
  font-family: Metropolis-Regular;
  font-size: 20px;
  left: 98px;
  top: 20px;
}
.typeSettings.logged .singleBox {
  margin-top: 48px;
}
#secondLevel > div {
  position: absolute;
  opacity: 0;
  height: 0px;
  left: 0px;
  bottom: 0px;
  box-sizing: border-box;
  margin-left: 16px;
  width: 100%;
  margin-left: 0;
}
#secondLevel > div .titleToShow {
  position: absolute;
  top: 20px;
  font-size: 20px;
  left: 15px;
  line-height: 20px;
  font-family: Metropolis-Regular;
}
#secondLevel > div .titleToShow span {
  font-family: Metropolis-Regular;
  font-size: 20px;
}
#secondLevel > div > div {
  background-color: rgba(0, 0, 0, 0.9);
  height: 262px;
  margin-top: 0;
}
#secondLevel > div > div.typeLive ~ div,
#secondLevel > div > div.typeChannels ~ div {
  margin-top: 28px;
}
#secondLevel > div > div.typeLive,
#secondLevel > div > div.typeChannels {
  height: 290px;
  margin-top: 0;
}
#secondLevel > div > div.typeLive:first-child {
  padding-right: 10px;
}
#secondLevel > div > div:first-child {
  padding-left: 84px;
}
#secondLevel > div > div:first-child .titleToShow {
  left: 98px;
}
#secondLevel > div > div:first-child .liveBadge {
  left: 98px;
}
#secondLevel > div > div.typeChannels .titleToShow {
  left: 698px;
  top: 15px;
}
#secondLevel > div > div:last-child {
  width: 100000px;
}
/*
.typeLive {
  margin-left: 101px;
}

.typeDynamics {
  margin-left: 101px;
}

.typeSpecevents {
  margin-left: 101px;
}
.typeApp {
  margin-left: 101px;
}
.typeChannels {
  margin-left: 101px;
}
*/
.typeSeparator {
  width: 20px;
}
.typeSeparator .separator {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  height: 82%;
  width: 50%;
  border-right: 2px solid rgba(255, 255, 255, 0.5);
  box-sizing: border-box;
}
#divContent .active {
  border: 4px solid #741394;
}
.vediTutti p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 40px;
  white-space: normal;
  text-align: center;
  line-height: 40px;
  padding: 0;
  box-sizing: border-box;
  font-family: Metropolis-Bold;
  font-size: 18px;
}
.singleBox {
  width: 204px;
  height: 196px;
  margin-top: 28px;
  position: relative;
  display: inline-block;
  overflow: hidden;
  background: transparent;
  margin-left: 10px;
  margin-bottom: 18px;
}
.singleBox.active {
  /*background: @singleBoxBkgColor-active;
  margin-right: -@pxDaTogliere;*/
  opacity: 1;
  margin-top: 24px;
  margin-left: 14px;
  margin-bottom: 22px;
}
.tvguideSection .singleBoxApp {
  width: 280px;
  height: 210px;
  margin-top: 48px;
  box-sizing: border-box;
  margin-left: 14px;
  margin-right: -6px;
}
.tvguideSection .singleBoxApp img {
  width: 280px;
  height: 210px;
  box-sizing: border-box;
  background-size: 100%;
}
#secondLevel > div > div.titleExtended {
  overflow: visible;
}
#secondLevel > div > div.titleExtended .titleToShow {
  width: auto;
  mask-image: none;
  z-index: 1;
}
/*ESTERNA PER MAGGIORE EFFICENZA*/
#modal {
  display: none;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
}
/*END ESTERNA PER MAGGIORE EFFICENZA*/
.modal-type {
  position: absolute;
  left: 134px;
  right: 134px;
  height: 495px;
  top: 45%;
  transform: translate(0, -50%);
  background: rgba(0, 0, 0, 0.9);
  z-index: 3;
}
.modal-type-b {
  position: absolute;
  left: 342px;
  right: 342px;
  /*altezza standard*/
  height: 290px;
  top: 45%;
  transform: translate(0, -50%);
  background: rgba(0, 0, 0, 0.9);
  z-index: 3;
}
/*altriemnti aggiungere qst classi per modificare l'latezza*/
.height_215px {
  height: 215px;
}
.height_345px {
  height: 345px;
}
.modal-type-c {
  position: absolute;
  left: 134px;
  right: 134px;
  height: 420px;
  top: 45%;
  transform: translate(0, -50%);
  background: rgba(0, 0, 0, 0.9);
  z-index: 3;
}
.modal-type-d {
  position: absolute;
  left: 134px;
  right: 134px;
  height: 595px;
  top: 50%;
  transform: translate(0, -50%);
  background: rgba(0, 0, 0, 0.9);
  z-index: 3;
}
.modal-not-scrollable {
  display: none;
}
.modal-not-scrollable .title p {
  font-size: 25px;
  font-family: Metropolis-Medium;
  text-align: center;
  margin-top: 27px;
  text-transform: uppercase;
  opacity: 0.9;
  color: rgba(255, 255, 255, 0.94);
}
.modal-not-scrollable .dateTime {
  position: absolute;
  top: 16%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: Metropolis-Regular;
  font-size: 18px;
  opacity: 0.9;
  color: rgba(255, 255, 255, 0.94);
}
.modal-not-scrollable .innertext {
  position: absolute;
  top: 55%;
  left: 73px;
  right: 73px;
  transform: translate(0, -50%);
  opacity: 0.9;
  color: rgba(255, 255, 255, 0.94);
  font-family: Metropolis-Regular;
}
.modal-not-scrollable .innertext.middle {
  top: 40%;
}
.modal-not-scrollable .innertext p {
  font-size: 18px;
  margin-bottom: 30px;
  line-height: 21px;
  width: 49%;
  float: left;
}
.modal-not-scrollable .innertext p.center {
  width: 100%;
  text-align: center;
  line-height: 30px;
}
.modal-not-scrollable .innertext p.arrow_down {
  color: #d54dfd;
}
.modal-not-scrollable .innertext p span {
  font-family: Metropolis-Bold;
}
.modal-not-scrollable .innertext p:last-child {
  margin-bottom: 0px;
}
.modal-not-scrollable .button {
  text-align: center;
  text-transform: uppercase;
  position: absolute;
  left: 50%;
  bottom: 27px;
  transform: translate(-50%, 0);
}
.modal-content-scrollable {
  display: none;
  overflow: hidden;
}
.modal-content-scrollable .title p {
  font-size: 25px;
  font-family: Metropolis-Medium;
  text-align: center;
  margin-top: 27px;
  margin-bottom: 36px;
  opacity: 0.9;
  color: rgba(255, 255, 255, 0.94);
}
.modal-content-scrollable .innertext {
  position: relative;
  overflow: auto;
  height: 260px;
  right: -30px;
}
.modal-content-scrollable .innertext p {
  font-size: 20px;
  margin-left: 43px;
  margin-right: 83px;
  white-space: pre-line;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  line-height: 30px;
  outline: 0;
  font-family: Metropolis-Light;
  opacity: 0.9;
  color: rgba(255, 255, 255, 0.94);
}
.modal-content-scrollable .paginator {
  position: absolute;
  left: 73px;
  bottom: 98px;
  font-family: Metropolis-Medium;
  font-size: 20px;
  opacity: 0.9;
  color: rgba(255, 255, 255, 0.94);
}
.modal-content-scrollable .arrow {
  position: absolute;
  right: 73px;
  bottom: 98px;
}
.modal-content-scrollable .arrow img {
  opacity: 0.4;
}
.modal-content-scrollable .arrow .up {
  margin-right: 4px;
}
.modal-content-scrollable .arrow .down {
  margin-left: 4px;
}
.modal-content-scrollable .arrow .active {
  opacity: 1;
}
.modal-content-scrollable .button {
  text-align: center;
  text-transform: uppercase;
  position: absolute;
  bottom: 27px;
  left: 50%;
  transform: translate(-50%, 0);
}
.modal-content-scrollable .button p {
  font-size: 18px;
}
/*Cambia profilo*/
.modal-cambia-profilo {
  display: none;
  position: absolute;
  line-height: 0px;
  white-space: nowrap;
  z-index: 2;
  width: 100%;
  height: 321px;
  bottom: 0;
  opacity: 1;
  background: rgba(0, 0, 0, 0.9);
}
.modal-cambia-profilo .title {
  text-align: center;
  padding-top: 25px;
  line-height: normal;
}
.modal-cambia-profilo .title p {
  font-size: 24px;
}
.modal-cambia-profilo .personas {
  padding-top: 27px;
  padding-bottom: 55px;
  text-align: center;
}
.modal-cambia-profilo .personas .persona,
.modal-cambia-profilo .personas .info {
  display: inline-block;
  margin-right: 28px;
}
.modal-cambia-profilo .personas .persona img,
.modal-cambia-profilo .personas .info img {
  width: 100px;
  height: 100px;
  border: solid 6px transparent;
}
.modal-cambia-profilo .personas .persona img.active,
.modal-cambia-profilo .personas .info img.active {
  border: 6px solid #741394;
}
.modal-cambia-profilo .personas .persona .name,
.modal-cambia-profilo .personas .info .name {
  padding-top: 27px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100px;
  height: 24px;
}
.modal-cambia-profilo .personas .info {
  margin-right: 0px;
}
.modal-cambia-profilo .bottom {
  width: 90%;
  margin: -5px auto;
  position: relative;
}
.modal-cambia-profilo .bottom .line_sx {
  height: 1px;
  background: violet;
  width: 40%;
  /*float: left;*/
  position: absolute;
  left: 0px;
  top: 20px;
}
.modal-cambia-profilo .bottom .logo_img {
  /*float: left;
        margin-top: -35px;
        padding-left:49px;*/
  text-align: center;
}
.modal-cambia-profilo .bottom .line_dx {
  height: 1px;
  background: violet;
  width: 40%;
  /*float: right;*/
  position: absolute;
  right: 0px;
  top: 20px;
}
.modal-pin-parental-control {
  display: none;
  position: absolute;
  left: 300px;
  right: 300px;
  height: 350px;
  top: 45%;
  transform: translate(0, -50%);
  background: rgba(0, 0, 0, 0.9);
  z-index: 3;
}
.modal-pin-parental-control .title {
  text-align: center;
  padding-top: 25px;
  line-height: normal;
}
.modal-pin-parental-control .title p {
  font-size: 24px;
}
.modal-pin-parental-control .innertext p {
  font-size: 20px;
  line-height: 30px;
  font-family: Metropolis-Light;
  text-align: center;
  padding-top: 20px;
}
.modal-pin-parental-control .innertext .pin {
  width: 240px;
  background: transparent;
  margin: 0 auto;
  overflow: hidden;
}
.modal-pin-parental-control .innertext .pin.real {
  display: none;
}
.modal-pin-parental-control .innertext .pin .single_num {
  width: 50px;
  display: inline-block;
  float: left;
  margin-right: 10px;
  border-bottom: 2px solid;
  box-sizing: border-box;
  height: 50px;
  text-align: center;
  line-height: 65px;
  font-size: 33px;
  font-family: Metropolis-Regular;
  opacity: 0.5;
}
.modal-pin-parental-control .innertext .pin .single_num.active {
  opacity: 1;
}
.modal-pin-parental-control .keyboard {
  text-align: center;
  margin-top: 45px;
}
.modal-pin-parental-control .keyboard .key:first-child {
  margin-top: 0px;
}
.modal-pin-parental-control .keyboard .key {
  list-style: none;
  margin-top: 16px;
  display: inline-block;
}
.modal-pin-parental-control .keyboard .key li {
  float: left;
  font-size: 18px;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 0px 2px;
  position: relative;
  border-radius: 2px;
}
.modal-pin-parental-control .keyboard .key li.active {
  background-color: #741394;
}
.modal-pin-parental-control .keyboard .key li img {
  position: absolute;
  top: -2px;
  left: -2px;
  width: 38px;
  height: 38px;
}
.modal-pin-parental-control .keyboard .key li:first-child {
  margin-left: 0px;
}
.modal-pin-parental-control .keyboard .key li:last-child {
  margin-right: 0px;
}
.modal-pin-parental-control .button {
  text-align: center;
  margin-top: 20px;
}
.modal-pin-parental-control .button .general.duble {
  float: none;
  font-size: 20px;
  font-family: Metropolis-Regular;
}
.modal-speed-test {
  display: none;
}
.modal-speed-test .title p {
  font-size: 25px;
  font-family: Metropolis-Medium;
  text-align: center;
  margin-top: 27px;
  text-transform: uppercase;
  opacity: 0.9;
  color: rgba(255, 255, 255, 0.94);
}
.modal-speed-test .innertext {
  position: absolute;
  top: 160px;
  left: 73px;
  right: 73px;
  transform: translate(0, -50%);
  opacity: 0.9;
  color: rgba(255, 255, 255, 0.94);
  font-family: Metropolis-Regular;
}
.modal-speed-test .innertext p {
  font-size: 18px;
  margin-bottom: 30px;
  line-height: 21px;
  font-family: Metropolis-Regular;
}
.modal-speed-test .innertext p:last-child {
  margin-bottom: 0px;
}
.modal-speed-test .testOngoing {
  position: absolute;
  top: 252px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 450px;
  height: 101px;
  background: url("../assets/dev/speedtest.20230911.png") no-repeat;
}
.modal-speed-test .testOngoing .dot {
  position: absolute;
  top: 56px;
  left: 110px;
  background: #ffffff;
  box-shadow: 0px 0px 19px #ffffff;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  animation: speedTestOngoing 2s infinite alternate ease-in-out;
}
@keyframes speedTestOngoing {
  from {
    left: 110px;
  }
  to {
    left: 303px;
  }
}
.modal-speed-test .testFinished {
  position: absolute;
  top: 252px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 639px;
  padding-left: 135px;
  min-height: 76px;
  background: url("../assets/dev/speed_test_finished.20230911.png") no-repeat left center;
  display: flex;
  align-items: center;
  font-family: Metropolis-Medium;
  font-size: 21px;
}
.modal-speed-test .button {
  text-align: center;
  text-transform: uppercase;
  position: absolute;
  left: 50%;
  bottom: 27px;
  transform: translate(-50%, 0);
}
.modal-continue-watching {
  display: none;
}
.modal-continue-watching .title p {
  font-size: 28px;
  font-family: Metropolis-Medium;
  text-align: center;
  margin-top: 49px;
  opacity: 1;
  color: rgba(255, 255, 255, 0.94);
}
.modal-continue-watching .innertext {
  position: absolute;
  top: 95px;
  left: 15%;
  right: 15%;
  opacity: 0.9;
  font-family: Metropolis-Regular;
  text-align: center;
}
.modal-continue-watching .innertext p {
  font-size: 21px;
  line-height: 21px;
  color: #b3b3b9;
}
.modal-continue-watching .button {
  text-align: center;
  position: absolute;
  left: 10%;
  right: 10%;
  bottom: 27px;
}
.modal-continue-watching .barContainer {
  width: 314px;
  height: 20px;
  overflow-x: hidden;
  position: absolute;
  top: 155px;
  left: 50%;
  transform: translate(-50%, 0);
}
.modal-continue-watching .barContainer .totalBar {
  position: absolute;
  transform: translate(0, -50%);
  top: 50%;
  width: 100%;
  height: 2px;
  background: #b3b3b9;
}
.modal-continue-watching .barContainer .progressBar {
  position: absolute;
  transform: translate(0, -50%);
  top: 50%;
  width: 0;
  height: 5px;
  background: #ffffff;
}
.modal-continue-watching .barContainer .cursorBar {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #ffffff;
}
.modal-small-image {
  display: none;
  position: absolute;
  left: 200px;
  right: 200px;
  /*altezza standard*/
  height: 446px;
  top: 50%;
  transform: translate(0, -50%);
  background: rgba(0, 0, 0, 0.9);
  z-index: 3;
}
.modal-small-image .image_box {
  float: left;
  width: 45%;
  height: 100%;
  text-align: center;
  background-color: #000;
}
.modal-small-image .text_box {
  float: left;
  width: 54%;
  position: relative;
}
.modal-small-image .text_box .title p {
  font-size: 25px;
  font-family: Metropolis-Medium;
  text-align: center;
  margin-top: 55px;
  margin-bottom: 28px;
  line-height: 21px;
  opacity: 0.94;
  text-transform: uppercase;
}
.modal-small-image .text_box .innertext {
  text-align: center;
  margin-bottom: 70px;
}
.modal-small-image .text_box .innertext p {
  font-size: 18px;
  text-align: center;
  white-space: pre-line;
  font-family: Metropolis-Regular;
  line-height: 21px;
  opacity: 0.9;
  color: rgba(255, 255, 255, 0.94);
  padding: 0 10px;
}
.modal-small-image .text_box .button {
  text-align: center;
}
.modal-small,
.modal-audio,
.modal-stripe {
  display: none;
}
.modal-small .title p,
.modal-audio .title p,
.modal-stripe .title p {
  font-size: 25px;
  font-family: Metropolis-Medium;
  text-align: center;
  margin-top: 27px;
  margin-bottom: 36px;
  line-height: 21px;
  opacity: 0.94;
  text-transform: uppercase;
}
.modal-small .title p.smaller,
.modal-audio .title p.smaller,
.modal-stripe .title p.smaller {
  font-size: 21px;
}
.modal-small .innertext,
.modal-audio .innertext,
.modal-stripe .innertext {
  position: absolute;
  top: 45%;
  left: 67px;
  right: 67px;
  transform: translate(0, -50%);
}
.modal-small .innertext p,
.modal-audio .innertext p,
.modal-stripe .innertext p {
  font-size: 18px;
  text-align: center;
  white-space: pre-line;
  font-family: Metropolis-Regular;
  line-height: 21px;
  opacity: 0.9;
  color: rgba(255, 255, 255, 0.94);
}
.modal-small .innertext .countdown,
.modal-audio .innertext .countdown,
.modal-stripe .innertext .countdown {
  margin-top: 15px;
  text-align: center;
  font-size: 24px;
}
.modal-small .innertext .errore,
.modal-audio .innertext .errore,
.modal-stripe .innertext .errore {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -25px;
  font-family: Metropolis-Light;
  font-size: 16px;
  color: #b70902;
}
.modal-small .innertext .errore span,
.modal-audio .innertext .errore span,
.modal-stripe .innertext .errore span {
  background: #b70902;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  position: absolute;
  line-height: 29px;
  top: 45%;
  left: 16%;
  transform: translate(0, -50%);
  color: #fff;
}
.modal-small .button,
.modal-audio .button,
.modal-stripe .button {
  text-align: center;
  text-transform: uppercase;
  position: absolute;
  bottom: 27px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 468px;
}
.modal-stripe {
  position: absolute;
  line-height: 0px;
  white-space: nowrap;
  z-index: 2;
  width: 100%;
  height: 334px;
  bottom: 0;
  background: rgba(9, 24, 27, 0.8);
  opacity: 1;
}
.modal-stripe .title p {
  position: absolute;
  text-transform: none;
  left: 67px;
}
.modal-stripe .innertext {
  left: 67px;
  top: 100px;
  right: auto !important;
}
.modal-stripe .innertext p {
  text-align: left;
}
.modal-stripe .button {
  left: 55px;
  bottom: 67px;
  transform: translate(0, -50%);
}
.modal-audio {
  height: 240px;
  /*width:480px;
  z-index: 2;
  display:none;*/
}
.modal-audio .button {
  bottom: auto !important;
}
.modal-audio .button .ok {
  width: 150px;
  margin-top: 50px;
}
.modal-audio .innertext {
  left: 25px;
  right: 25px;
  top: auto;
  bottom: 0px;
  border-top: 1px solid #fff;
  padding-top: 20px;
}
.modal-audio figure {
  position: relative;
  line-height: 0px;
}
/* in <figure> ci sono 2 img- la prima � la spunta delezionata la seconda � selezionata*/
/*sleziona gli elementi pari e li nasconde (spunte selezionate) */
.modal-audio figure > img:nth-child(even) {
  display: none;
}
.modal-login-step-one {
  display: none;
}
.modal-login-step-one .title p {
  font-size: 18px;
  font-family: Metropolis-Bold;
  text-align: center;
  margin-top: 27px;
  text-transform: uppercase;
}
.modal-login-step-one .innertext {
  width: 435px;
  text-align: center;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.modal-login-step-one .innertext p {
  font-size: 18px;
  line-height: 21px;
}
.modal-login-step-one .innertext input {
  margin: 17px auto;
  padding: 13px;
  background: transparent;
  font-size: 30px;
  line-height: 30px;
  border: none;
  border-bottom: 2px solid;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.modal-login-step-one .innertext .innerbutton {
  margin-top: 53px;
  text-align: center;
  text-transform: uppercase;
}
.modal-login-step-one .button-not-generic {
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  bottom: 27px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 842px;
}
.modal-login-step-oneFast {
  display: none;
  background: rgba(0, 0, 0, 0.9);
  height: 600px;
}
.modal-login-step-oneFast .title p {
  font-size: 25px;
  font-family: Metropolis-Medium;
  text-align: center;
  margin-top: 27px;
}
.modal-login-step-oneFast .button {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  bottom: 25px;
  width: 205px;
  text-align: center;
  font-family: Metropolis-Medium;
  font-size: 20px;
  height: 40px;
  line-height: 40px;
  text-transform: capitalize;
  background: rgba(255, 255, 255, 0.14);
}
.modal-login-step-oneFast .button.active {
  background: #741394;
}
.modal-login-step-oneFast .centerContainer {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 200px);
  height: calc(100% - 150px);
}
.modal-login-step-oneFast .centerContainer .innertext {
  position: absolute;
  width: 50%;
  height: 250px;
  top: 30px;
  text-align: center;
}
.modal-login-step-oneFast .centerContainer .innertext.middle {
  top: 80px;
}
.modal-login-step-oneFast .centerContainer .innertext p {
  position: absolute;
  width: 100%;
}
.modal-login-step-oneFast .centerContainer .innertext p:nth-child(1) {
  top: 15px;
  font-family: Metropolis-Light;
  font-size: 18px;
  color: #cecece;
}
.modal-login-step-oneFast .centerContainer .innertext p:nth-child(2) {
  top: 55px;
  font-family: Metropolis-Regular;
  font-size: 28px;
}
.modal-login-step-oneFast .centerContainer .innertext p:nth-child(3) {
  top: 102px;
  font-family: Metropolis-Light;
  font-size: 18px;
  color: #cecece;
}
.modal-login-step-oneFast .centerContainer .innertext p:nth-child(4) {
  top: 161px;
  font-family: Metropolis-Regular;
  font-size: 31px;
  color: #038ef5;
}
.modal-login-step-oneFast .centerContainer .innertext3 {
  position: absolute;
  top: 30px;
  width: 50%;
  height: 250px;
  left: 50%;
  text-align: center;
  border-left: solid 1px #494041;
}
.modal-login-step-oneFast .centerContainer .innertext3.middle {
  top: 80px;
}
.modal-login-step-oneFast .centerContainer .innertext3 p {
  position: absolute;
  width: 100%;
}
.modal-login-step-oneFast .centerContainer .innertext3 p:nth-child(1) {
  top: 9px;
  font-family: Metropolis-Light;
  font-size: 18px;
  color: #cecece;
  width: 320px;
  left: 50%;
  margin-left: -160px;
  line-height: 28px;
}
.modal-login-step-oneFast .centerContainer .innertext3 img {
  position: absolute;
  top: 90px;
  display: block;
  width: 155px;
  height: 155px;
  left: 50%;
  margin-left: -77px;
  background-size: contain;
}
.modal-login-step-oneFast .centerContainer .innertext2 {
  position: absolute;
  top: 325px;
  height: 75px;
  width: 100%;
  text-align: center;
  border: solid 1px #494041;
}
.modal-login-step-oneFast .centerContainer .innertext2 p {
  display: inline-block;
}
.modal-login-step-oneFast .centerContainer .innertext2 p:nth-child(1) {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 170px;
  font-family: Metropolis-Light;
  font-size: 18px;
  color: #cecece;
}
.modal-login-step-oneFast .centerContainer .innertext2 p:nth-child(2) {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 455px;
  height: 40px;
}
.modal-login-step-oneFast .centerContainer .innertext2 p:nth-child(2) span {
  display: block;
  width: 205px;
  text-align: center;
  text-transform: capitalize;
  font-family: Metropolis-Medium;
  font-size: 20px;
  line-height: 40px;
  background: rgba(255, 255, 255, 0.14);
}
.modal-login-step-oneFast .centerContainer .innertext2 p:nth-child(2) span.active {
  background: #741394;
}
.modal-login-step-two {
  display: none;
}
.modal-login-step-two .title p {
  font-size: 18px;
  font-family: Metropolis-Bold;
  text-align: center;
  margin-top: 27px;
  text-transform: uppercase;
}
.modal-login-step-two .innertext {
  width: 639px;
  text-align: center;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.modal-login-step-two .innertext p {
  font-size: 18px;
  line-height: 21px;
}
.modal-login-step-two .innertext .subHead {
  margin-bottom: 31px;
}
.modal-login-step-two .button {
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  bottom: 27px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 842px;
}
.modal-login-step-three {
  display: none;
}
.modal-login-step-three .title p {
  font-size: 25px;
  font-family: Metropolis-Medium;
  text-align: center;
  margin-top: 27px;
  text-transform: uppercase;
}
.modal-login-step-three .innertext {
  width: 706px;
  text-align: center;
  position: absolute;
  top: 67px;
  left: 50%;
  transform: translate(-50%, 0);
}
.modal-login-step-three .innertext .errore {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -37px;
  font-family: Metropolis-Light;
  font-size: 16px;
  color: #b70902;
}
.modal-login-step-three .innertext .errore span {
  background: #b70902;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  position: absolute;
  line-height: 29px;
  top: 45%;
  left: 29%;
  transform: translate(0, -50%);
  color: #fff;
}
.modal-login-step-three .innertext .first .left {
  float: left;
  height: 130px;
}
.modal-login-step-three .innertext .first .left .user {
  top: 20px;
  width: 250px;
  margin: 9px auto;
  padding: 13px 0px;
  background: transparent;
  font-size: 20px;
  line-height: 20px;
  border-bottom: 2px solid;
  box-sizing: border-box;
  text-align: right;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 0.4;
  height: 50px;
  overflow: hidden;
  position: relative;
  left: 0px;
  font-family: Metropolis-Regular;
}
.modal-login-step-three .innertext .first .left .user .placeholder {
  position: absolute;
  left: 0;
  top: 16px;
  bottom: -30px;
  padding-right: 15px;
  overflow-x: scroll;
  max-width: 250px;
  opacity: 0.4;
}
.modal-login-step-three .innertext .first .left .user .real {
  position: absolute;
  left: 0;
  top: 16px;
  padding-right: 15px;
  overflow-x: hidden;
  max-width: 250px;
  white-space: nowrap;
}
.modal-login-step-three .innertext .first .left .active {
  opacity: 1;
  border-bottom: 2px solid;
}
.modal-login-step-three .innertext .first .right {
  float: right;
  height: 130px;
}
.modal-login-step-three .innertext .first .right .password {
  top: 20px;
  width: 250px;
  margin: 9px auto;
  padding: 13px 0px;
  background: transparent;
  font-size: 20px;
  line-height: 20px;
  border-bottom: 2px solid;
  box-sizing: border-box;
  text-align: right;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 0.4;
  height: 50px;
  overflow: hidden;
  position: relative;
  right: 0px;
  font-family: Metropolis-Regular;
}
.modal-login-step-three .innertext .first .right .password .placeholder {
  position: absolute;
  left: 0;
  top: 16px;
  bottom: -30px;
  padding-right: 15px;
  overflow-x: scroll;
  max-width: 250px;
  opacity: 0.4;
}
.modal-login-step-three .innertext .first .right .password .real {
  position: absolute;
  left: 0;
  top: 16px;
  padding-right: 15px;
  overflow-x: hidden;
  max-width: 250px;
  white-space: nowrap;
}
.modal-login-step-three .innertext .first .right .active {
  opacity: 1;
  border-bottom: 2px solid;
}
.modal-login-step-three .innertext .second {
  clear: both;
  width: 100%;
  display: inline-block;
}
.modal-login-step-three .innertext .second .first-keyboard .key:first-child {
  margin-top: 0px;
}
.modal-login-step-three .innertext .second .first-keyboard .key {
  list-style: none;
  margin-top: 16px;
  display: inline-block;
}
.modal-login-step-three .innertext .second .first-keyboard .key li {
  float: left;
  font-size: 18px;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 0px 2px;
  border: 2px solid;
  box-sizing: border-box;
  position: relative;
  border-color: rgba(73, 83, 86, 0.7);
  border-radius: 2px;
}
.modal-login-step-three .innertext .second .first-keyboard .key li img {
  position: absolute;
  top: -2px;
  left: -2px;
  width: 38px;
  height: 38px;
}
.modal-login-step-three .innertext .second .first-keyboard .key li:first-child {
  margin-left: 0px;
}
.modal-login-step-three .innertext .second .first-keyboard .key li:last-child {
  margin-right: 0px;
}
.modal-login-step-three .innertext .second .first-keyboard .key .hidden-length.function {
  display: none;
}
.modal-login-step-three .innertext .second .first-keyboard .key .button-uppercase {
  width: 76px;
  background: rgba(73, 83, 86, 0.7);
}
.modal-login-step-three .innertext .second .first-keyboard .key .button-lowercase {
  width: 76px;
  background: rgba(73, 83, 86, 0.7);
}
.modal-login-step-three .innertext .second .first-keyboard .key .button-symbol {
  width: 76px;
  background: rgba(73, 83, 86, 0.7);
}
.modal-login-step-three .innertext .second .first-keyboard .key .button-special {
  width: 76px;
  background: rgba(73, 83, 86, 0.7);
}
.modal-login-step-three .innertext .second .first-keyboard .key .button-remove {
  background: rgba(73, 83, 86, 0.7);
}
.modal-login-step-three .innertext .second .first-keyboard .key .button-spazio {
  width: 80px;
}
.modal-login-step-three .innertext .second .first-keyboard .key .active {
  border-color: #741394;
}
.modal-login-step-three .innertext .second .second-keyboard .key:first-child {
  margin-top: 0px;
}
.modal-login-step-three .innertext .second .second-keyboard .key {
  list-style: none;
  margin-top: 16px;
  display: inline-block;
}
.modal-login-step-three .innertext .second .second-keyboard .key li {
  float: left;
  width: 38px;
  height: 38px;
  line-height: 38px;
  font-size: 18px;
  margin: 0px 2px;
  border: 2px solid;
  box-sizing: border-box;
  position: relative;
  border-color: rgba(73, 83, 86, 0.7);
  border-radius: 2px;
}
.modal-login-step-three .innertext .second .second-keyboard .key li img {
  position: absolute;
  top: -2px;
  left: -2px;
  width: 38px;
  height: 38px;
}
.modal-login-step-three .innertext .second .second-keyboard .key li:first-child {
  margin-left: 0px;
}
.modal-login-step-three .innertext .second .second-keyboard .key li:last-child {
  margin-right: 0px;
}
.modal-login-step-three .innertext .second .second-keyboard .key .hidden-length.function {
  display: none;
}
.modal-login-step-three .innertext .second .second-keyboard .key .button-uppercase {
  width: 76px;
  background: rgba(73, 83, 86, 0.7);
}
.modal-login-step-three .innertext .second .second-keyboard .key .button-lowercase {
  width: 76px;
  background: rgba(73, 83, 86, 0.7);
}
.modal-login-step-three .innertext .second .second-keyboard .key .button-symbol {
  width: 76px;
  background: rgba(73, 83, 86, 0.7);
}
.modal-login-step-three .innertext .second .second-keyboard .key .button-special {
  width: 76px;
  background: rgba(73, 83, 86, 0.7);
}
.modal-login-step-three .innertext .second .second-keyboard .key .button-remove {
  background: rgba(73, 83, 86, 0.7);
}
.modal-login-step-three .innertext .second .second-keyboard .key .button-spazio {
  width: 80px;
}
.modal-login-step-three .innertext .second .second-keyboard .key .active {
  border-color: #741394;
}
.modal-login-step-three .innertext .second .third-keyboard .key:first-child {
  margin-top: 0px;
}
.modal-login-step-three .innertext .second .third-keyboard .key {
  list-style: none;
  margin-top: 16px;
  display: inline-block;
}
.modal-login-step-three .innertext .second .third-keyboard .key li {
  float: left;
  width: 38px;
  height: 38px;
  line-height: 38px;
  font-size: 18px;
  margin: 0px 2px;
  border: 2px solid;
  box-sizing: border-box;
  position: relative;
  border-color: rgba(73, 83, 86, 0.7);
  border-radius: 2px;
}
.modal-login-step-three .innertext .second .third-keyboard .key li img {
  position: absolute;
  top: -2px;
  left: -2px;
  width: 38px;
  height: 38px;
}
.modal-login-step-three .innertext .second .third-keyboard .key li:first-child {
  margin-left: 0px;
}
.modal-login-step-three .innertext .second .third-keyboard .key li:last-child {
  margin-right: 0px;
}
.modal-login-step-three .innertext .second .third-keyboard .key .no-right {
  margin-right: 0px !important;
}
.modal-login-step-three .innertext .second .third-keyboard .key .hidden-length.function {
  display: none;
}
.modal-login-step-three .innertext .second .third-keyboard .key .button-uppercase {
  width: 76px;
  background: rgba(73, 83, 86, 0.7);
}
.modal-login-step-three .innertext .second .third-keyboard .key .button-lowercase {
  width: 76px;
  background: rgba(73, 83, 86, 0.7);
}
.modal-login-step-three .innertext .second .third-keyboard .key .button-symbol {
  width: 76px;
  background: rgba(73, 83, 86, 0.7);
}
.modal-login-step-three .innertext .second .third-keyboard .key .button-special {
  width: 76px;
  background: rgba(73, 83, 86, 0.7);
}
.modal-login-step-three .innertext .second .third-keyboard .key .button-remove {
  background: rgba(73, 83, 86, 0.7);
}
.modal-login-step-three .innertext .second .third-keyboard .key .button-spazio {
  width: 80px;
}
.modal-login-step-three .innertext .second .third-keyboard .key .button-empty {
  border: none;
}
.modal-login-step-three .innertext .second .third-keyboard .key .active {
  border-color: #741394;
}
.modal-login-step-three .innertext .second .fourth-keyboard .key:first-child {
  margin-top: 0px;
}
.modal-login-step-three .innertext .second .fourth-keyboard .key {
  list-style: none;
  margin-top: 16px;
  display: inline-block;
}
.modal-login-step-three .innertext .second .fourth-keyboard .key li {
  float: left;
  width: 38px;
  height: 38px;
  line-height: 38px;
  font-size: 18px;
  margin: 0px 2px;
  border: 2px solid;
  box-sizing: border-box;
  position: relative;
  border-color: rgba(73, 83, 86, 0.7);
  border-radius: 2px;
}
.modal-login-step-three .innertext .second .fourth-keyboard .key li img {
  position: absolute;
  top: -2px;
  left: -2px;
  width: 38px;
  height: 38px;
}
.modal-login-step-three .innertext .second .fourth-keyboard .key li:first-child {
  margin-left: 0px;
}
.modal-login-step-three .innertext .second .fourth-keyboard .key li:last-child {
  margin-right: 0px;
}
.modal-login-step-three .innertext .second .fourth-keyboard .key .no-right {
  margin-right: 0px !important;
}
.modal-login-step-three .innertext .second .fourth-keyboard .key .hidden-length.function {
  display: none;
}
.modal-login-step-three .innertext .second .fourth-keyboard .key .button-uppercase {
  width: 76px;
  background: rgba(73, 83, 86, 0.7);
}
.modal-login-step-three .innertext .second .fourth-keyboard .key .button-lowercase {
  width: 76px;
  background: rgba(73, 83, 86, 0.7);
}
.modal-login-step-three .innertext .second .fourth-keyboard .key .button-symbol {
  width: 76px;
  background: rgba(73, 83, 86, 0.7);
}
.modal-login-step-three .innertext .second .fourth-keyboard .key .button-special {
  width: 76px;
  background: rgba(73, 83, 86, 0.7);
}
.modal-login-step-three .innertext .second .fourth-keyboard .key .button-remove {
  background: rgba(73, 83, 86, 0.7);
}
.modal-login-step-three .innertext .second .fourth-keyboard .key .button-spazio {
  width: 80px;
}
.modal-login-step-three .innertext .second .fourth-keyboard .key .button-empty {
  border: none;
}
.modal-login-step-three .innertext .second .fourth-keyboard .key .active {
  border-color: #741394;
}
.modal-login-step-three .button {
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  bottom: 27px;
  left: 50%;
  transform: translate(-50%, 0);
}
.modal-voting-step-one {
  display: none;
}
.modal-voting-step-one .title p {
  font-size: 28px;
  text-align: center;
  margin-top: 27px;
}
.modal-voting-step-one .scrolling-container {
  height: 340px;
  margin: 0 30px;
  overflow-y: hidden;
  border-bottom: #ffffff 1px solid;
}
.modal-voting-step-one .scrolling-container .voting_options_wrapper.graphic_wrapper {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  clear: both;
  margin: 0 auto;
}
.modal-voting-step-one .scrolling-container .voting_options_wrapper.graphic_wrapper .voting_option.graphic_voting_item {
  position: relative;
  margin: 10px 15px;
  flex-basis: 150px;
  display: inline-block;
  box-sizing: border-box;
  width: 150px;
}
.modal-voting-step-one .scrolling-container .voting_options_wrapper.graphic_wrapper .voting_option.graphic_voting_item .vote_character_thumbnail {
  max-width: 150px;
  padding-top: 4px;
  padding-right: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
}
.modal-voting-step-one .scrolling-container .voting_options_wrapper.graphic_wrapper .voting_option.graphic_voting_item .vote_character_selection {
  background: rgba(255, 255, 255, 0.5);
  display: none;
  z-index: 999;
  width: 150px;
  height: 150px;
  padding: 4px;
  position: absolute;
}
.modal-voting-step-one .scrolling-container .voting_options_wrapper.graphic_wrapper .voting_option.graphic_voting_item .vote_character_name {
  text-align: center;
}
.modal-voting-step-one .scrolling-container .voting_options_wrapper.graphic_wrapper .voting_option.graphic_voting_item .vote_character_id {
  display: none;
}
.modal-voting-step-one .scrolling-container .voting_options_wrapper.graphic_wrapper .voting_option.graphic_voting_item.active .vote_character_thumbnail {
  border: 4px solid #741394;
  padding: 0px;
}
.modal-voting-step-one .scrolling-container .voting_options_wrapper.graphic_wrapper .voting_option.graphic_voting_item.selected .vote_character_selection {
  display: block;
}
.modal-voting-step-one .scrolling-container .voting_options_wrapper.text_wrapper {
  display: block;
  clear: both;
  margin: 0 auto;
}
.modal-voting-step-one .scrolling-container .voting_options_wrapper.text_wrapper .voting_option.text_voting_item {
  margin-left: 50px;
  display: table-row;
  vertical-align: middle;
}
.modal-voting-step-one .scrolling-container .voting_options_wrapper.text_wrapper .voting_option.text_voting_item .vote_character_checkbox {
  padding-right: 20px;
  display: table-cell;
  font-size: 20px;
}
.modal-voting-step-one .scrolling-container .voting_options_wrapper.text_wrapper .voting_option.text_voting_item .vote_character_checkbox:before {
  content: "\25A1 ";
  font-size: 20px;
  opacity: 0.7;
  padding-top: 0px;
}
.modal-voting-step-one .scrolling-container .voting_options_wrapper.text_wrapper .voting_option.text_voting_item .vote_character_name {
  opacity: 0.7;
  display: table-cell;
  padding-bottom: 30px;
  font-size: 24px;
}
.modal-voting-step-one .scrolling-container .voting_options_wrapper.text_wrapper .voting_option.text_voting_item .vote_character_id {
  display: none;
}
.modal-voting-step-one .scrolling-container .voting_options_wrapper.text_wrapper .voting_option.text_voting_item.active .vote_character_name {
  opacity: 1;
}
.modal-voting-step-one .scrolling-container .voting_options_wrapper.text_wrapper .voting_option.text_voting_item.selected .vote_character_name {
  font-weight: bold;
}
.modal-voting-step-one .scrolling-container .voting_options_wrapper.text_wrapper .voting_option.text_voting_item.active .vote_character_checkbox:before {
  opacity: 1;
}
.modal-voting-step-one .scrolling-container .voting_options_wrapper.text_wrapper .voting_option.text_voting_item.selected .vote_character_checkbox:before {
  content: "\25A0 ";
}
.modal-voting-step-one .bottom-container {
  position: absolute;
  bottom: 20px;
  text-align: center;
  width: 100%;
}
.modal-voting-step-one .bottom-container .instructions-text {
  margin-bottom: 50px;
}
.modal-voting-step-one .bottom-container .button {
  display: none;
  text-align: center;
  margin-bottom: 40px;
}
.modal-voting-step-one .bottom-container .button .ok {
  text-transform: none;
}
.modal-voting-step-one .bottom-container .button.active {
  border: 4px solid #741394;
}
.modal-voting-step-one .bottom-container .disclaimer-text {
  font-size: 14px;
}
.modal-voting-step-two {
  display: none;
}
.modal-voting-step-two .title {
  margin-bottom: 20px;
}
.modal-voting-step-two .title p {
  font-size: 28px;
  text-align: center;
  margin-top: 27px;
}
.modal-voting-step-two .vote-container {
  height: 270px;
  width: 100%;
  display: table;
}
.modal-voting-step-two .vote-container .voted_option {
  width: 150px;
  display: table-cell;
  vertical-align: middle;
}
.modal-voting-step-two .vote-container .voted_option .vote_character_thumbnail {
  display: block;
  max-width: 150px;
  margin: 0 auto;
}
.modal-voting-step-two .vote-container .voted_option .vote_character_name {
  display: block;
  text-align: center;
  margin: 10px auto;
}
.modal-voting-step-two .vote-container .text_voted_option {
  font-weight: bold;
}
.modal-voting-step-two .vote-container .text_voted_option .vote_character_name {
  font-size: 26px;
  margin: 0 auto;
}
.modal-voting-step-two .bottom-container {
  position: absolute;
  bottom: 20px;
  text-align: center;
  width: 100%;
}
.modal-voting-step-two .bottom-container .thanks-text {
  font-size: 28px;
  margin-bottom: 20px;
}
.modal-voting-step-two .bottom-container .votes-left-text {
  margin-bottom: 35px;
}
.modal-voting-step-two .bottom-container .button {
  text-align: center;
  text-transform: none;
  margin-bottom: 27px;
  margin-left: auto;
  margin-right: auto;
  width: 470px;
}
.modal-voting-step-two .bottom-container .button .ok {
  text-transform: none;
}
.modal-voting-step-two .bottom-container .button:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.modal-voting-step-two .bottom-container .button.active {
  border: 4px solid #741394;
}
.modal-voting-step-two .bottom-container .disclaimer-text {
  font-size: 14px;
  clear: both;
}
/*next video episode modal*/
.modal-next-episode {
  display: none;
  opacity: 1;
  position: absolute;
  right: 32px;
  bottom: 32px;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 3;
  /*width: 725px;
  min-width: 725px;
  max-width: 725px;*/
  width: 577px;
  height: 122px;
}
.modal-next-episode__general_container {
  position: relative;
  /*bottom: 30px;*/
  bottom: 35px;
  left: 21px;
}
.modal-next-episode__sliding-area {
  background-color: #ececec;
  /*padding: 20px;
  width: 270px;
  height: 10px;
  font-size: 20px;*/
  text-align: center;
  color: black;
  padding-top: 8px;
  padding-bottom: 5px;
  padding-right: 36px;
  padding-left: 5px;
  bottom: 14px;
  position: absolute;
  width: 246px;
  font-size: 19px;
}
.modal-next-episode__container {
  /*display:  inline-block;
  height: 50px;
  position: absolute;
  bottom: 0;*/
  display: inline-block;
  position: absolute;
  bottom: -33px;
  white-space: nowrap;
  left: 1px;
  font-size: 19px;
}
.modal-next-episode__bottom-aligned {
  position: absolute;
  bottom: 0;
  /* bottom: -22px; /*-20*/
}
.modal-next-episode__img_container {
  height: 168px;
  width: 250px;
  bottom: 61px;
}
.modal-next-episode__img-next-video {
  /* transform: translate(15px, -18px);
  margin: 2px 0;*/
  position: absolute;
  /*bottom: 0;*/
  bottom: -20px;
  height: 119px;
  width: 209px;
  left: -12px;
}
.modal-next-episode__brand {
  /*position: absolute;
  bottom: 105px;*/
  bottom: 54px;
  font-size: 17px;
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 320px;
}
.modal-next-episode__title {
  /*position: absolute;
  bottom: 68px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 400px;*/
  position: absolute;
  bottom: 28px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 320px;
  font-size: 19px;
}
.modal-next-episode__sliding-animation a {
  width: 50px;
}
.modal-next-episode__sliding-countdown {
  display: inline-block;
  border-left: 1px solid #a1a09e;
  background-color: #a1a09e;
  color: white;
  /*height: 20px;*/
  /*width: 40px;
  min-width: 40px;
  max-width: 40px;*/
  /*padding-bottom: 24px;
  padding-top: 26.5px;  
  bottom: -22px;*/
  position: absolute;
  /*left: 313px;*/
  left: 1px;
}
.modal-next-episode__sliding-countdown_container {
  width: 43px;
  min-width: 43px;
  max-width: 43px;
  position: absolute;
  left: 289px;
  background: #a1a09e;
  height: 33px;
  bottom: -19px;
  font-size: 19px;
}
.modal-next-episode__sliding-countdown {
  bottom: 4px;
  position: absolute;
  left: 5px;
  font-size: 19px;
}
.modal-next-episode__play-icon {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid black;
  display: inline-block;
  /*margin: 2px;*/
  vertical-align: sub;
}
.modal-next-episode__sliding-container {
  /*margin: 21px 30px;
  line-height: 8px;*/
  position: absolute;
  bottom: 0;
  width: 500px;
  /*left: 285px;*/
  left: 211px;
}
@keyframes next-episode-sliding {
  0% {
    box-shadow: inset 0 0 0 0 #b1b1b1;
  }
  100% {
    box-shadow: inset 310px 0 0 0 #b1b1b1;
  }
}
#divCookiePolicy {
  display: none;
}
.cookie {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0;
  height: 311px;
  background: rgba(0, 0, 0, 0.9);
  border-top: 2px solid;
  box-sizing: border-box;
  z-index: 3;
  height: 0;
  display: none;
}
.cookie .fade {
  opacity: 0;
}
.cookie .title p {
  font-size: 18px;
  font-family: Metropolis-Bold;
  text-align: center;
  margin-top: 27px;
  text-transform: uppercase;
}
.cookie .innertext {
  padding: 0 81px;
}
.cookie .innertext p {
  font-size: 18px;
  margin-bottom: 30px;
  line-height: 21px;
  white-space: pre-line;
}
.cookie .button {
  text-align: center;
  text-transform: uppercase;
  bottom: 27px;
  margin: 0 auto;
  width: 624px;
}
.cookie .cookie_sx {
  left: 0px;
  width: 291px;
  top: 0px;
  float: left;
  text-align: center;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
}
.cookie .cookie_sx .title_sx p {
  font-size: 21px;
  font-family: Metropolis-Bold;
  text-align: center;
  margin-top: 27px;
}
.cookie .cookie_sx .logo_sx {
  width: 131px;
  height: 59px;
  margin: 0 auto;
  margin-top: 37px;
}
.cookie .cookie_sx .innertext_sx p {
  font-family: Metropolis-Regular;
  font-size: 21px;
  line-height: 26px;
  white-space: pre-line;
  padding: 0 60px;
  margin-top: 34px;
}
.cookie .cookie_dx {
  position: relative;
  margin-left: 296px;
  top: 0px;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  padding-top: 27px;
}
.cookie .cookie_dx .title p {
  margin-top: 0px;
  font-size: 25px;
  font-family: Metropolis-Regular;
}
.cookie .cookie_dx .innertext {
  padding: 0 51px 0 17px;
}
.cookie .cookie_dx .innertext p {
  font-size: 15px;
  font-family: Metropolis-Light;
  line-height: 22px;
}
.cookie .cookie_dx .button {
  bottom: 54px;
}
.cookie.push {
  background: none;
  border-top: none;
}
/*ESTERNA PER MAGGIORE EFFICENZA*/
#showall {
  display: none;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.9);
  z-index: 3;
}
/*END ESTERNA PER MAGGIORE EFFICENZA*/
.show-all-type {
  position: relative;
  width: 100%;
  height: 100%;
  display: none;
  overflow: hidden;
  /*right: -30px;*/
}
.show-all-big .scrollable {
  /*margin-left: 43px;
      margin-right: 73px;*/
  margin-left: 89px;
  width: 90%;
  padding-bottom: 70px;
  position: absolute;
  overflow: hidden;
}
.show-all-big .scrollable .title {
  padding-top: 70px;
  font-size: 16px;
  padding-bottom: 96px;
}
.show-all-big .scrollable .title p {
  font-family: Metropolis-Regular;
  font-size: 30px;
  float: left;
  width: 890px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.show-all-big .scrollable .innersection {
  height: 100%;
  display: inline-block;
}
.show-all-big .scrollable .innersection ul .singleContainer {
  margin: 0 8px 8px 0;
  width: 260px;
  height: 220px;
  overflow: hidden;
  float: left;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  /*TITLE*/
  /*TITLE AND BRAND*/
}
.show-all-big .scrollable .innersection ul .singleContainer img {
  position: relative;
  top: 6px;
  left: 6px;
  width: 248px;
  height: 140px;
  background: rgba(0, 0, 0, 0.9);
}
.show-all-big .scrollable .innersection ul .singleContainer span.durationVideo {
  position: absolute;
  top: 13px;
  right: 13px;
  line-height: 20px;
  height: 20px;
  font-size: 13px;
  background: rgba(9, 24, 27, 0.8);
  font-family: Metropolis-Bold;
  padding: 0 8px;
}
.show-all-big .scrollable .innersection ul .singleContainer span.rating {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  position: static;
  display: inline-block;
  margin-right: 5px;
}
.show-all-big .scrollable .innersection ul .singleContainer span.specialLabel {
  position: absolute;
  top: 13px;
  right: 6px;
  line-height: 12px;
  height: 12px;
  font-size: 12px;
  color: #000000;
  background: rgba(255, 255, 255, 0.8);
  padding: 3px 6px 2px 6px;
  font-family: Metropolis-Regular;
}
.show-all-big .scrollable .innersection ul .singleContainer span.specialLabelLogo {
  display: block;
  position: absolute;
  top: 8px;
  right: 12px;
}
.show-all-big .scrollable .innersection ul .singleContainer span.specialLabelLogo img {
  width: auto;
  height: auto;
}
.show-all-big .scrollable .innersection ul .singleContainer span.barContainer {
  width: 248px;
  height: 5px;
  overflow-x: hidden;
  position: absolute;
  top: 140px;
  left: 50%;
  transform: translate(-50%, 0);
}
.show-all-big .scrollable .innersection ul .singleContainer span.barContainer .totalBar {
  position: absolute;
  transform: translate(0, -50%);
  top: 50%;
  width: 100%;
  height: 100%;
  background: #ffffff;
  opacity: 0.4;
}
.show-all-big .scrollable .innersection ul .singleContainer span.barContainer .progressBar {
  position: absolute;
  transform: translate(0, -50%);
  top: 50%;
  width: 0;
  height: 100%;
  background: #ffffff;
}
.show-all-big .scrollable .innersection ul .singleContainer p.p_small {
  position: absolute;
  top: 158px;
  left: 6px;
  width: 98%;
  line-height: 20px;
  white-space: normal;
  box-sizing: border-box;
  font-size: 15px;
  position: static;
  margin-top: 12px;
  margin-left: 6px;
}
.show-all-big .scrollable .innersection ul .singleContainer p.p_small .brandMetadata {
  display: block;
  font-family: Metropolis-Bold;
  opacity: 0.8;
  font-size: 13px;
  height: 20px;
  text-transform: uppercase;
}
.show-all-big .scrollable .innersection ul .singleContainer p.p_big {
  display: none;
  top: 158px;
  left: 6px;
  width: 98%;
  line-height: 20px;
  white-space: normal;
  box-sizing: border-box;
  font-size: 15px;
  position: absolute;
}
.show-all-big .scrollable .innersection ul .singleContainer .metaContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 6px;
  margin-top: 2px;
  line-height: 20px;
}
.show-all-big .scrollable .innersection ul .singleContainer .metaInfo {
  color: white;
  font-family: Metropolis-Medium;
  font-size: 13px;
  opacity: 0.5;
}
.show-all-big .scrollable .innersection ul .singleContainer span.titleAndBrandSmall {
  position: absolute;
  bottom: 0px;
  width: 100%;
  background: rgba(9, 24, 27, 0.8);
  line-height: 23px;
  white-space: normal;
  padding: 5px 10px 5px 10px;
  left: 0px;
  box-sizing: border-box;
}
.show-all-big .scrollable .innersection ul .singleContainer span.titleAndBrandSmall p:first-child {
  font-size: 14px;
  font-family: Metropolis-Bold;
  color: rgba(255, 255, 255, 0.7);
  text-transform: uppercase;
}
.show-all-big .scrollable .innersection ul .singleContainer span.titleAndBrandSmall p:last-child {
  font-size: 18px;
}
.show-all-big .scrollable .innersection ul .singleContainer span.titleAndBrandBig {
  display: none;
  position: absolute;
  bottom: 0px;
  width: 100%;
  background: rgba(9, 24, 27, 0.8);
  line-height: 23px;
  white-space: normal;
  padding: 5px 10px 5px 10px;
  left: 0px;
  box-sizing: border-box;
}
.show-all-big .scrollable .innersection ul .singleContainer span.titleAndBrandBig p:first-child {
  font-size: 14px;
  font-family: Metropolis-Bold;
  color: rgba(255, 255, 255, 0.7);
  text-transform: uppercase;
}
.show-all-big .scrollable .innersection ul .singleContainer span.titleAndBrandBig p:last-child {
  font-size: 18px;
}
.show-all-big .scrollable .innersection ul .active {
  opacity: 1;
}
.show-all-big .scrollable .innersection ul .active img {
  position: relative;
  top: 0;
  left: 0;
  border: 6px solid transparent;
}
.show-all-big .scrollable .innersection ul .active span.specialLabelLogo {
  display: block;
  position: absolute;
  top: 14px;
  right: 6px;
}
.show-all-big .scrollable .innersection ul .active span.specialLabelLogo img {
  border: none;
}
.show-all-big .scrollable .innersection ul .active p.p_small {
  margin-top: 0;
}
.show-all-small .scrollable {
  /*margin-left: 43px;
      margin-right: 73px;*/
  margin-left: 89px;
  width: 90%;
  padding-bottom: 70px;
  position: absolute;
  overflow: hidden;
}
.show-all-small .scrollable .title {
  padding-top: 70px;
  font-size: 16px;
  padding-bottom: 96px;
}
.show-all-small .scrollable .title p {
  font-family: Metropolis-Regular;
  font-size: 30px;
  float: left;
  width: 890px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.show-all-small .scrollable .innersection {
  height: 100%;
  display: inline-block;
}
.show-all-small .scrollable .innersection ul {
  /*span.durationVideo{
        .duration;
        }*/
}
.show-all-small .scrollable .innersection ul .singleContainer {
  margin: 0 32px 41px 0;
  width: 122px;
  height: 183px;
  overflow: hidden;
  float: left;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.9);
}
.show-all-small .scrollable .innersection ul .singleContainer img {
  position: relative;
  width: 122px;
  height: 183px;
  /*border: 6px solid transparent;*/
}
.show-all-small .scrollable .innersection ul .singleContainer span.specialLabel {
  position: absolute;
  top: 13px;
  right: 6px;
  line-height: 12px;
  height: 12px;
  font-size: 12px;
  color: #000000;
  background: rgba(255, 255, 255, 0.8);
  padding: 3px 6px 2px 6px;
  font-family: Metropolis-Regular;
  right: auto;
  left: 6px;
}
.show-all-small .scrollable .innersection ul .singleContainer span.specialLabelLogo {
  display: block;
  position: absolute;
  top: 8px;
  left: 0px;
}
.show-all-small .scrollable .innersection ul .singleContainer span.specialLabelLogo img {
  width: auto;
  height: auto;
}
.show-all-small .scrollable .innersection ul .active {
  opacity: 1;
  /* span.durationVideo{
           top:3px;
           right:3px;
           }*/
}
.show-all-small .scrollable .innersection ul .active img {
  position: absolute;
  margin: 0px;
}
/*Cornice active showall small*/
#corniceActiveShowAllSmall {
  position: absolute;
  top: 166px;
  left: 0px;
  z-index: 4;
  width: 130px;
  height: 190px;
  opacity: 1;
  background-color: transparent;
  box-sizing: border-box;
}
#corniceActiveShowAllSmall #corniceActiveInnerShowAllSmall {
  border: 6px solid #741394;
  width: 116px;
  height: 177px;
}
/*Cornice active showall big*/
#corniceActiveShowAllBig {
  position: absolute;
  top: 166px;
  left: 0px;
  z-index: 4;
  width: 260px;
  height: 152px;
  opacity: 1;
  background-color: transparent;
  box-sizing: border-box;
}
#corniceActiveShowAllBig #corniceActiveInnerShowAllBig {
  border: 6px solid #741394;
  width: 248px;
  height: 140px;
}
/*ESTERNA PER MAGGIORE EFFICENZA*/
#brandPage {
  display: none;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.9);
  z-index: 3;
}
#brandPage .title .innerbutton .fav,
#brandPage .title .innerbutton .ok.right {
  top: 90px;
}
#brandPage #corniceActiveBrandPage {
  position: absolute;
  top: 238px;
  left: 83px;
  z-index: 4;
  width: 260px;
  height: 152px;
  opacity: 1;
  background-color: transparent;
  box-sizing: border-box;
}
#brandPage #corniceActiveBrandPage #corniceActiveInnerBrandPage {
  border: 6px solid #741394;
  width: 248px;
  height: 140px;
}
.show-all-brand .scrollable {
  width: 100%;
  padding-bottom: 300px;
  position: absolute;
  overflow: hidden;
}
.show-all-brand .scrollable .title {
  padding-left: 95px;
  padding-top: 70px;
  padding-bottom: 40px;
  margin-bottom: 33px;
  font-size: 16px;
  display: flex;
  align-items: center;
  background: linear-gradient(180deg, transparent 0%, rgba(116, 19, 148, 0.2));
}
.show-all-brand .scrollable .title .brandPageLogo {
  width: 70px;
  height: 70px;
  margin-right: 19px;
}
.show-all-brand .scrollable .title p {
  font-family: Metropolis-Regular;
  font-size: 30px;
  width: 700px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.show-all-brand .scrollable .innersection {
  height: 100%;
  display: inline-block;
}
.show-all-brand .scrollable .innersection .brandSubtitle {
  font-family: Metropolis-Regular;
  font-size: 20px;
  line-height: 20px;
  margin-left: 89px;
  margin-bottom: 5px;
}
.show-all-brand .scrollable .innersection ul {
  display: flex;
  height: 220px;
  padding-left: 83px;
  margin-bottom: 25px;
  position: relative;
}
.show-all-brand .scrollable .innersection ul .singleContainer {
  margin-top: 0;
  margin-right: 18px;
  margin-bottom: 18px;
  width: 260px;
  height: 220px;
  overflow: hidden;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  background: transparent;
  /*TITLE*/
}
.show-all-brand .scrollable .innersection ul .singleContainer img {
  position: relative;
  width: 248px;
  height: 140px;
  background-color: transparent;
  border: 6px solid transparent;
}
.show-all-brand .scrollable .innersection ul .singleContainer span.durationVideo {
  position: absolute;
  top: 13px;
  right: 13px;
  line-height: 20px;
  height: 20px;
  font-size: 13px;
  background: rgba(9, 24, 27, 0.8);
  font-family: Metropolis-Bold;
  padding: 0 8px;
}
.show-all-brand .scrollable .innersection ul .singleContainer span.rating {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  position: static;
  display: inline-block;
  margin-right: 5px;
}
.show-all-brand .scrollable .innersection ul .singleContainer span.specialLabel {
  position: absolute;
  top: 13px;
  right: 6px;
  line-height: 12px;
  height: 12px;
  font-size: 12px;
  color: #000000;
  background: rgba(255, 255, 255, 0.8);
  padding: 3px 6px 2px 6px;
  font-family: Metropolis-Regular;
}
.show-all-brand .scrollable .innersection ul .singleContainer span.specialLabelLogo {
  display: block;
  position: absolute;
  top: 8px;
  right: 12px;
}
.show-all-brand .scrollable .innersection ul .singleContainer span.specialLabelLogo img {
  width: auto;
  height: auto;
}
.show-all-brand .scrollable .innersection ul .singleContainer p.p_small {
  position: absolute;
  top: 158px;
  left: 6px;
  width: 98%;
  line-height: 20px;
  white-space: normal;
  box-sizing: border-box;
  font-size: 15px;
  position: static;
  padding-top: 0;
  padding-bottom: 0;
  height: auto;
  margin-left: 6px;
}
.show-all-brand .scrollable .innersection ul .singleContainer p.p_big {
  display: none;
  position: absolute;
  top: 158px;
  left: 6px;
  width: 98%;
  line-height: 20px;
  white-space: normal;
  box-sizing: border-box;
  font-size: 15px;
  position: static;
}
.show-all-brand .scrollable .innersection ul .singleContainer .metaContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 2px;
  margin-left: 6px;
}
.show-all-brand .scrollable .innersection ul .singleContainer .metaInfo {
  color: white;
  font-family: Metropolis-Medium;
  font-size: 13px;
  opacity: 0.5;
}
.show-all-brand .scrollable .innersection ul .active {
  opacity: 1;
  border: none !important;
}
/*ESTERNA PER MAGGIORE EFFICENZA*/
#seasonList {
  display: none;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  z-index: 3;
}
#seasonList .show-all-season {
  display: table;
  height: 100%;
  width: 100%;
}
#seasonList .show-all-season .close {
  width: 111px;
  text-align: center;
  position: absolute;
  top: 90px;
  right: 100px;
  height: 34px;
  line-height: 34px;
  font-size: 18px;
  font-family: Metropolis-Medium;
  text-transform: capitalize;
  background-color: transparent;
  border: 1px solid white;
}
#seasonList .show-all-season .close .buttonIcon {
  margin-right: 12px;
}
#seasonList .show-all-season .close.active {
  background-color: #741394;
}
#seasonList .show-all-season .seasonListContainer {
  position: relative;
  top: 200px;
  height: 365px;
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
}
#seasonList .show-all-season .seasonListContainer ul {
  position: relative;
  list-style: none;
}
#seasonList .show-all-season .seasonListContainer ul li {
  height: 50px;
}
#seasonList .show-all-season .seasonListContainer ul li.active {
  background-color: #741394;
}
#seasonList .show-all-season .seasonListContainer ul li span {
  display: inline-block;
  padding: 10px 30px;
  margin: 8px 0;
}
#seasonList .show-all-season .seasonListContainer ul li span.active {
  background-color: #741394;
}
#seasonList .show-all-season .moveUp {
  height: 10px;
  position: relative;
  text-align: center;
  top: 200px;
  display: none;
  background: url("../assets/dev/arrow_up.20230911.png") no-repeat center;
  background-size: contain;
}
#seasonList .show-all-season .moveDown {
  height: 10px;
  position: relative;
  text-align: center;
  top: 600px;
  background: url("../assets/dev/arrow_down.20230911.png") no-repeat center;
  background-size: contain;
}
/*Radio channels (only audio) background animation elements*/
#radio-background {
  position: absolute;
  display: block;
  z-index: 1;
  width: 1280px;
  height: 720px;
  display: none;
}
@keyframes pulse {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
    box-shadow: 0 0;
  }
}
.radio-logo {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.radio-logo img {
  max-height: 280px;
  animation: pulse 7s ease-in-out infinite;
}
#modal.privacy .title p {
  font-size: 18px;
  font-family: Metropolis-Bold;
  text-align: center;
  margin-top: 27px;
  text-transform: uppercase;
}
#modal.privacy .modal-content-scrollable .innertext {
  padding: 0 81px;
}
#modal.privacy .modal-content-scrollable .innertext p {
  position: relative;
  font-size: 18px;
  margin: 0;
  margin-top: 24px;
  margin-bottom: 24px;
  line-height: 21px;
  white-space: pre-line;
}
#modal.privacy .button {
  text-align: center;
  text-transform: uppercase;
  bottom: 27px;
  margin: 0 auto;
  width: 624px;
}
#modal.privacy .cookie_sx {
  left: 0px;
  width: 291px;
  top: 0px;
  float: left;
  text-align: center;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
}
#modal.privacy .cookie_sx .title_sx p {
  font-size: 21px;
  font-family: Metropolis-Bold;
  text-align: center;
  margin-top: 27px;
}
#modal.privacy .cookie_sx .logo_sx {
  width: 131px;
  height: 59px;
  margin: 0 auto;
  margin-top: 37px;
}
#modal.privacy .cookie_sx .innertext_sx p {
  font-family: Metropolis-Regular;
  font-size: 21px;
  line-height: 26px;
  white-space: pre-line;
  padding: 0 60px;
  margin-top: 34px;
}
#modal.privacy .cookie_dx {
  position: relative;
  margin-left: 296px;
  top: 0px;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  padding-top: 27px;
}
#modal.privacy .cookie_dx .title p {
  margin-top: 0px;
  font-size: 25px;
  font-family: Metropolis-Regular;
}
#modal.privacy .cookie_dx .innertext {
  padding: 0 51px 0 17px;
}
#modal.privacy .cookie_dx .innertext p {
  font-size: 15px;
  font-family: Metropolis-Light;
  line-height: 22px;
}
#modal.privacy .cookie_dx .button {
  bottom: 54px;
}
#modal.privacy.push {
  background: none;
  border-top: none;
}