/*common*/

body {
	height: auto;
	background-color: #EAECF0;
}

body.playlistProgramma {
	background-color: #fff;
}

body.playerViewOpen {
	overflow: hidden;
}

#mainContainer {
	overflow: hidden;
}


/*.homepage #mainContainer {
    background-color: #0b1419;
}*/

.archivio #mainContainer,
.homepage #mainContainer {
	background-color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Raleway';
}

.skew {
	margin-top: -1;

	}

.alignCenter {
	text-align: center;
}

.block.row.grey {
	padding-bottom: 0;
}

.blurMask {
	background-color: #000;
	opacity: 0.5;
	filter: blur(5px);
	z-index: 1004;
	position: relative;
}

.reveal-overlay {
	background-color: transparent !important
}

.radioRai-containerGeneral {
	margin: 0 auto;
	max-width: 80em;
	width: 72.5em;
}

.radioRai-containerGeneral.row.radioRai-lanci {
	max-width: 100em;
	padding-top: 0;
}

.radioRai-containerGeneral.row.radioRai-lanci:first-child {
	padding-top: 90px;
}

.mainHeader.skew {
	margin-top: -135px;
	transition: all 600ms ease;
	margin-bottom: -80px;
}

.homepage .mainHeader.skew {
	margin-bottom: 0px;
}

.homeCanale .mainHeader.skew {
	margin-top: -40px;
	transition: all 600ms ease;
	margin-bottom: 0px;
}

.webview .mainHeader.skew {
	margin-top: -45px;
}

.mainHeader.skew .HpColorRaiRadioGenerico {
	background: url('/dl/components/img/radio/Generico.jpg') top center no-repeat #004996;
	opacity: 1 !important;
}

.areaPersonale .mainHeader.skew {
	background: none;
	background-color: #333538;
}

.mainHeader.skew .HpColorRaiRadioGenerico,
.mainHeader.skew .HpColorRaiRadio1,
.mainHeader.skew .HpColorRaiRadio2,
.mainHeader.skew .HpColorRaiRadio2Indie,
.mainHeader.skew .HpColorRaiRadio3,
.mainHeader.skew .HpColorRaiRadioClassica,
.mainHeader.skew .HpColorRaiRadio3Classica,
.mainHeader.skew .HpColorRaiRadioKids,
.mainHeader.skew .HpColorRaiGiornaleRadio,
.mainHeader.skew .HpColorRaiIsoRadio,
.mainHeader.skew .HpColorGrParlamento,
.mainHeader.skew .HpColorRaiRadioLive,
.mainHeader.skew .HpColorRaiRadioTuttaItaliana,
.mainHeader.skew .HpColorRaiRadioTechete,
.mainHeader.skew .HpColorRaiRadio1Sport
 {
	opacity: 0;
	transition: opacity 0.6s ease-in-out;
	position: absolute;
	top: 134px;
	left: 0;
	display: block;
	z-index: -1;
	width: 100%;
	height: 100%;
	/* transform:skew(0deg, 3deg); */
}

.mainHeader.skew.color-RaiRadio1-hover .HpColorRaiRadio1,
.mainHeader.skew.color-RaiRadio2-hover .HpColorRaiRadio2,
.mainHeader.skew.color-RaiRadio2Indie-hover .HpColorRaiRadio2Indie,
.mainHeader.skew.color-RaiRadio3-hover .HpColorRaiRadio3,
.mainHeader.skew.color-RaiRadioClassica-hover .HpColorRaiRadioClassica,
.mainHeader.skew.color-RaiRadio3Classica-hover .HpColorRaiRadio3Classica,
.mainHeader.skew.color-RaiRadioKids-hover .HpColorRaiRadioKids,
.mainHeader.skew.color-RaiRadioGR-hover .HpColorRaiGiornaleRadio,
.mainHeader.skew.color-RaiIsoradio-hover .HpColorRaiIsoRadio,
.mainHeader.skew.color-RaiRadioGRParlamento-hover .HpColorGrParlamento,
.mainHeader.skew.color-RaiRadioLive-hover .HpColorRaiRadioLive,
.mainHeader.skew.color-RaiRadioTuttaItaliana-hover .HpColorRaiRadioTuttaItaliana,
.mainHeader.skew.color-RaiRadioTechete-hover .HpColorRaiRadioTechete,
.mainHeader.skew.color-RaiRadio1Sport-hover .HpColorRaiRadio1Sport
 {
	opacity: 1;
}


/* fine gestione effetto hover tra loghi in testata */

.contArrow {
	/* background: url(/dl/components/img/radio/arrow_playlist_w.png) right 10px no-repeat;
    padding-right: 20px;*/
}

.genericLink {
	font-size: 20px !important;
	font-family: Karla;
}

.genericLink:after {
	/*
    content: " ";
    display: block;
    width: 45px;
    height: 2px;
    margin: 0 auto;
    opacity: 0;
    */
}

.radioRai-header .chan a {
	display: block;
	margin: 0 -15px;
	padding: 0 15px;
}

.raiRadioGenerica .bg_chan {
	background-color: #004996;
}

.icon_radio {
	text-align: left;
	padding: 9px 0 8px 35px;
	background-size: 23% !important;
	background-position: left 11px !important;
	background-repeat: no-repeat !important;
}

.followProgramma_w {
	background-image: url(/dl/components/img/radio/segui_w.svg);
	background-size: 23px !important;
	height: 24px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-position: left 0% !important;
	background-repeat: no-repeat;
	cursor: pointer;
}

.share_w {
	background-image: url(/dl/components/img/radio/condividi_w.svg);
	background-size: 25px !important;
	height: 25px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-position: left 0% !important;
	background-repeat: no-repeat;
	cursor: pointer;
}

.followProgramma_w.active,
.share_w.active {
	background-position: left 100% !important;
}

.vaiProgramma_w {
	background: url(/dl/components/img/radio/scheda_w.png);
	background-size: 16% !important;
}

.share_g {
	background: url(/dl/components/img/radio/condividi_g.png);
}

.follow_g {
	background: url(/dl/components/img/radio/segui_g.png);
}

.setting_w {
	background: url(/dl/components/img/radio/modifica_w.png);
}

.setting_g {
	background: url(/dl/components/img/radio/modifica_g.png);
}

.delete_w {
	background: url(/dl/components/img/radio/elimina_w.png);
}

.delete_g {
	background: url(/dl/components/img/radio/elimina_g.png);
}

.ico.play,
.ico.video {
	position: absolute;
	cursor: pointer;
	z-index: 200;
	left: 30px;
	right: 0px;
	background: url(/dl/components/img/radio/player/playIcon.svg) center no-repeat;
	border: 3px solid #fff;
	border-radius: 100%;
	opacity: 1;
	width: 70px;
	height: 70px;
	background-repeat: no-repeat;
	background-size: 50%;
	background-position: 50%;
}

.contImgHomeProgramma .ico.play {
	top: 260px;
}

.homeCanale .contImgHomeProgramma .ico.play {
	/*top: 150px;*/
	top: 285px;
	width: 51px;
	height: 51px;
}

.fotoWrapper .ico.play {
	bottom: 30px;
}

.ico.option {
	position: absolute;
	cursor: pointer;
	z-index: 200;
	bottom: 23px;
	right: 0px;
	background: url(/dl/components/img/radio/ico-options.svg) center no-repeat;
	border-radius: 100%;
	opacity: 1;
	width: 70px;
	height: 70px;
	background-repeat: no-repeat;
	background-size: 140%;
	background-position: 50%;
}

.top-bar ul li#barraRaiBtn {
	width: 70px;
	height: 70px;
}

.placeholder_nota {
	height: 100%;
	background: url(/dl/components/img/radio/player/placeholder_img.png) center no-repeat;
}


/*************** GESTIONE COLORE ******************/


/***** QUANDO NON ABBIAMO IL CANALE *****/

.archivio .gradient_chan,
.articoloProgramma .gradient_chan,
.playlistProgramma .gradient_chan {
	background-color: transparent !important;
}


/* colori Radio testata */

.mainHeader.skew .ChanColorRaiRadio {
	height: 100%;
	position: absolute;
	z-index: -1;
	width: 100%;
	/*transform:skew(0deg, 3deg);*/
}

.playlistProgramma .ChanColorRaiRadio {
	background: none !important;
}

.bg_chan {
	background-color: #004996;
}

.bg_chan2 {
	background-color: #0057ab;
}

.bg_chan3 {
	background-color: #0064bf;
}

.playlist ul li a span {
	transition: all 200ms ease;
}

.color_chan,
.bg_dark.playlist ul li a:hover {
	color: #004996;
	transition: all 200ms ease;
}

.cover {
	height: 100%;
	background: linear-gradient(to top, rgba(51, 53, 56, 0.25) 50%, rgba(255, 255, 255, 0));
	margin-left: 0px !important;
	position: absolute;
	z-index: 1;
	width: 100%;
	top: 0;
	transition: 500ms ease all;
	border-radius: 2px;
}

.homeProgramma .cover,
.homeCanale .cover {
	height: 352px;
}

.programItemPlaylist .cover {
	height: 100% !important;
}

.preFooterContainer {
	background: linear-gradient(to left, #0057ab 50%, #0064bf 50%);
	overflow: hidden;
}

.colorHover {
	background-color: #004996;
	transition: 600ms all linear;
	width: 100%;
	height: 100%;
	top: 0;
	position: absolute;
	opacity: 0;
	border-radius: 2px;
}


/***** RADIO FORM *****/

.RaiRadioForm .mainHeader.skew {
	background-image: none !important;
}

.RaiRadioForm .bg_chan {
	background-color: #e3e5ea;
}

.RaiRadioForm .color_chan {
	color: #333538;
}


/***** RADIO FORM MODAL *****/

.formModal .text-modal p {
	font-size: 1.4rem;
	margin-bottom: 2rem;
}

.formModal .text-modal {
	margin-bottom: 2rem;
}

.formModal.reveal .button {
	font-size: 1.25rem;
	margin: 0.5rem;
}

.formModal.reveal .button[data-close] {
	background-color: #333538;
	border: 2px solid #333538;
	color: #fff;
}

.formModal.reveal .button[data-close]:hover {
	background-color: #fff;
	border: 2px solid #333538;
	color: #333548;
}

.formModal .text-modal .button:first-of-type {
	background-color: #fff;
	border: 2px solid #333538;
	color: #333548;
}

.formModal .text-modal .button:first-of-type:hover {
	background-color: #333538;
	border: 2px solid #333538;
	color: #fff;
}

.formModal .text-modal .button:last-of-type {
	background-color: #2ba6cb;
	border: 2px solid #2ba6cb;
	color: #fff;
}

.formModal .text-modal .button:last-of-type:hover {
	background-color: #258dad;
	border: 2px solid #258dad;
	color: #fff;
}


/* fascia logo canale */

.fasciaCanale {
	height: 70px;
	margin-top: 70px;
	background-color: #004996;
}

.fasciaCanale .row {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.fasciaCanale .logoCanale {
	height: 70px;
	width: 100%;
}

.fasciaCanale .logoCanale img {
	height: 42px;
	margin-top: 14px;
}


/* fine fascia logo canale */

.raiRadioGenerica .colorHover {
	background-color: #004996;
	opacity: 0;
	transition: 600ms all linear;
}

.menuProgramma li a.active:after,
.bg_dark.playlist ul li a.active:after,
.radioRai-containerGeneral li a.active:after {
	content: '';
	width: 45px;
	height: 3px;
	position: relative;
	display: block;
	text-align: center;
	margin: 0 auto;
	top: 5px;
	transition: all 200ms ease;
}


/*.homeCanale .headerProgramma .descriptionProgramma h3::after {
    background-color: #e7343a;
    color: #fff;
    font-size: 14.6px;
    content: "\2022  LIVE";
    padding: 1px 5px 0px;
    border-radius: 2px;
    margin-left: 20px;
    font-family: "Karla";
    position: relative;
    top: -4px;
}*/

.svg_chan {
	width: 25px;
	display: inline-block;
	float: right;
	margin-top: 5px;
	height: 15px;
}

.fogliaAod .contImgHomeProgramma .svg_chan {
	display: none;
}

.ascoltaDirettaContainer {
	margin-top: 50px;
}

.fogliaAod .ascoltaDiretta {
	display: block;
	text-align: center;
}

.svg_chan svg {
	stroke: #000;
	transition: stroke 200ms ease;
}

.bg_dark .svg_chan svg {
	stroke: #fff;
}

.ascoltaDiretta
{
	border:2px solid #004996;
}

.ascoltaDiretta .ico.play, .ascoltaDiretta .ico.go_to_raiplay {
	position: static;
	cursor: pointer;
	z-index: initial;
	left: initial;
	right: initial;
	background: none;
	border: 0;
	border-radius: 0;
	opacity: 1;
	width: auto;
	height: auto;
	color:#004996;
}

.ascoltaDiretta .svg_chan {
	width: 22px;
	height: 22px;
	margin-top: 0;
	margin-left: 10px;
}

.menuDescriptionProgramma.actions .svg_chan,
.userSocialActions.actions .svg_chan {
	float: left;
	margin-top: 0px;
	margin-right: 0.5em;
	width: 23px;
}

.homeCanale .menuDescriptionProgramma.actions .share_w,
.homeCanale .menuDescriptionProgramma.actions .program,
.userSocialActions.actions .share_w {
	background-image: none;
	padding-left: 0px;
}

.userSocialActions.actions .followShare {
	width: auto !important;
}

.userSocialActions.actions .svg_chan svg {
	stroke: #fff;
	fill: #fff;
}

.playlistProgramma .userSocialActions.actions .svg_chan svg {
	stroke: #000;
	fill: #000;
}

.savedPlaylistToggle .follow-swg-off,
.followProgrammaToggle .follow-swg-off {
	display: inline-block;
}

.savedPlaylistToggle .follow-swg-on,
.followProgrammaToggle .follow-swg-on {
	display: none;
}

.savedPlaylistToggle.active .follow-swg-off,
.followProgrammaToggle.active .follow-swg-off {
	display: none;
}

.savedPlaylistToggle.active .follow-swg-on,
.followProgrammaToggle.active .follow-swg-on {
	display: inline-block;
}

/***************************************/


/*************** RADIO GENERICA ***************/


/***************************************/


/***************************************/

.raiRadioGenerica .pagination li.active a {
	color:#004996 !important;
	transition: all 200ms ease;
}

.raiRadioGenerica .pagination li.active {
	border-bottom: 2px solid #004996;
	border-radius: 0;
}

/*************** RADIO 1 ***************/


/***************************************/


/* Quarto colore palette */

.RaiRadio1 .bg_dark a:hover .svg_chan svg,
.RaiRadio1.homeProgramma .userSocialActions li a:hover .svg_chan svg,
.RaiRadio1.homeProgramma .userSocialActions li.active .svg_chan svg,
.RaiRadio1Sport .bg_dark a:hover .svg_chan svg,
.RaiRadio1Sport.homeProgramma .userSocialActions li a:hover .svg_chan svg,
.RaiRadio1Sport.homeProgramma .userSocialActions li.active .svg_chan svg {
	stroke: #2f317c;
	fill: #2f317c;
	transition: all 200ms ease;
}


/* Colore principale palette */

.RaiRadio1 a:hover .svg_chan svg,
.RaiRadio1.playlistProgramma .userSocialActions li.active a svg,
.RaiRadio1 .ascoltaDiretta .svg_chan svg,
.RaiRadio1 .listaAudio .options li.ico.podcast:hover svg,
.RaiRadio1 .listaAudio .options li.ico.play:hover svg,
.RaiRadio1 .listaAudio .options li.ico.options:hover svg,
.RaiRadio1Sport a:hover .svg_chan svg,
.RaiRadio1Sport.playlistProgramma .userSocialActions li.active a svg,
.RaiRadio1Sport .ascoltaDiretta .svg_chan svg,
.RaiRadio1Sport .listaAudio .options li.ico.podcast:hover svg,
.RaiRadio1Sport .listaAudio .options li.ico.play:hover svg,
.RaiRadio1Sport .listaAudio .options li.ico.options:hover svg {
	stroke: #4144c5;
	fill: #4144c5;
}

.RaiRadio1 .filtroRisultatiRicerca ul li.selected span svg,
.RaiRadio1Sport .filtroRisultatiRicerca ul li.selected span svg
 {
	fill: #4144c5 !important;
}

.RaiRadio1 .gradient_chan,
.RaiRadio1Sport .gradient_chan
 {
	/*background-image: linear-gradient(45deg, #00275a, #004996, #00a093);*/
	background-color: #443fcd;
}

.RaiRadio1 .bg_chan,
.RaiRadio1 .bg_dark ul li a:after,
.RaiRadio1 .wrapperGiorniGuida ul li.today,
.RaiRadio1 .fasciaCanale,
.RaiRadio1 .radioRai-containerGeneral li a.active:after,
.RaiRadio1 .radioRai-containerGeneral li a:hover:after,
.RaiRadio1 .collezioniSection .bg_dark.playlist ul li a.active:after,
.RaiRadio1 .radioRai-containerGeneral li a:hover:after,
.RaiRadio1 .collezioniSection .bg_dark.playlist ul li a:hover:after,
.RaiRadio1 .colorHover,
.RaiRadio1 .filtroRisultatiRicerca .inOnda .switch input:checked~.switch-paddle,
.RaiRadio1.fogliaAod--easyweb .mejs-controls .mejs-time-rail .mejs-time-current,
.RaiRadio1Sport .bg_chan,
.RaiRadio1Sport .bg_dark ul li a:after,
.RaiRadio1Sport .wrapperGiorniGuida ul li.today,
.RaiRadio1Sport .fasciaCanale,
.RaiRadio1Sport .radioRai-containerGeneral li a.active:after,
.RaiRadio1Sport .radioRai-containerGeneral li a:hover:after,
.RaiRadio1Sport .collezioniSection .bg_dark.playlist ul li a.active:after,
.RaiRadio1Sport .radioRai-containerGeneral li a:hover:after,
.RaiRadio1Sport .collezioniSection .bg_dark.playlist ul li a:hover:after,
.RaiRadio1Sport .colorHover,
.RaiRadio1Sport .filtroRisultatiRicerca .inOnda .switch input:checked~.switch-paddle,
.RaiRadio1Sport.fogliaAod--easyweb .mejs-controls .mejs-time-rail .mejs-time-current
 {
	background-color: #4144c5;
	transition: all 200ms ease;
}

.RaiRadio1 .colorHover,
.RaiRadio1 .boxMultimedia .fotoWrapper .cover,
.RaiRadio1Sport .colorHover,
.RaiRadio1Sport .boxMultimedia .fotoWrapper .cover {
	opacity: 0;
}

.RaiRadio1 .menuProgramma li.active a,
.RaiRadio1 .menuProgramma li a:hover,
.RaiRadio1 .color_chan,
.RaiRadio1.archivio .headerProgramma h2,
.RaiRadio1.media .headerProgramma h2,
.RaiRadio1 .mediaModal.mediaFotoProgramma h3,
.RaiRadio1 .mediaModal.mediaVideoProgramma h3,
.RaiRadio1.archivio .headerProgramma h1,
.RaiRadio1.articoloProgramma .headerProgramma h2,
.RaiRadio1 .bg_dark.playlist ul li a:hover,
.RaiRadio1 .bg_dark.playlist ul li a:hover span,
.RaiRadio1 .GeneriBlock h2 a,
.RaiRadio1.set .lanci .infoWrapper .channel span,
.RaiRadio1 .radioRai-containerGeneral li a:hover,
.RaiRadio1 .bg_dark.playlist ul li a:hover,
.RaiRadio1 .collezioniSection .bg_dark.playlist ul li a:hover,
.RaiRadio1 .collezioniSection .bg_dark.playlist ul li a:hover span,
.RaiRadio1 .playlist ul li a.active,
.RaiRadio1 .multimediaSection li a:hover,
.RaiRadio1 .radioRai-playlist li a:hover span,
.RaiRadio1 .MenuOver .Ulzero.left li a:hover,
.RaiRadio1 .MenuOver .Ulzero.right li a,
.RaiRadio1 .MenuOver .Ulzero.cambiaCanale li[data-chan="RaiRadio1"] a:hover,
.RaiRadio1.homeCanale .headerProgramma h1,
.RaiRadio1.homeCanale .headerProgramma .descriptionProgramma .menuDescriptionProgramma li a:hover,
.RaiRadio1.homeCanale .headerProgramma .descriptionProgramma a,
.RaiRadio1 .filtroRisultatiRicerca ul li.selected:before,
.RaiRadio1.playlistProgramma .headerProgramma h2,
.RaiRadio1.playlistProgramma .headerProgramma h1,
.RaiRadio1.playlistProgramma .menuProgramma li.active a,
.RaiRadio1.playlistProgramma .menuProgramma li a:hover,
.RaiRadio1 .ascoltaDiretta .ico.play,
.RaiRadio1 .listaAudio .options li:hover span,
.RaiRadio1.archivio h2,
.RaiRadio1 .listaAudio h3 a:hover,
.RaiRadio1 .puntateSection h2,
.RaiRadio1Sport .menuProgramma li.active a,
.RaiRadio1Sport .menuProgramma li a:hover,
.RaiRadio1Sport .color_chan,
.RaiRadio1Sport.archivio .headerProgramma h2,
.RaiRadio1Sport.media .headerProgramma h2,
.RaiRadio1Sport .mediaModal.mediaFotoProgramma h3,
.RaiRadio1Sport .mediaModal.mediaVideoProgramma h3,
.RaiRadio1Sport.archivio .headerProgramma h1,
.RaiRadio1Sport.articoloProgramma .headerProgramma h2,
.RaiRadio1Sport .bg_dark.playlist ul li a:hover,
.RaiRadio1Sport .bg_dark.playlist ul li a:hover span,
.RaiRadio1Sport .GeneriBlock h2 a,
.RaiRadio1Sport.set .lanci .infoWrapper .channel span,
.RaiRadio1Sport .radioRai-containerGeneral li a:hover,
.RaiRadio1Sport .bg_dark.playlist ul li a:hover,
.RaiRadio1Sport .collezioniSection .bg_dark.playlist ul li a:hover,
.RaiRadio1Sport .collezioniSection .bg_dark.playlist ul li a:hover span,
.RaiRadio1Sport .playlist ul li a.active,
.RaiRadio1Sport .multimediaSection li a:hover,
.RaiRadio1Sport .radioRai-playlist li a:hover span,
.RaiRadio1Sport .MenuOver .Ulzero.left li a:hover,
.RaiRadio1Sport .MenuOver .Ulzero.right li a,
.RaiRadio1Sport .MenuOver .Ulzero.cambiaCanale li[data-chan="RaiRadio1"] a:hover,
.RaiRadio1Sport.homeCanale .headerProgramma h1,
.RaiRadio1Sport.homeCanale .headerProgramma .descriptionProgramma .menuDescriptionProgramma li a:hover,
.RaiRadio1Sport.homeCanale .headerProgramma .descriptionProgramma a,
.RaiRadio1Sport .filtroRisultatiRicerca ul li.selected:before,
.RaiRadio1Sport.playlistProgramma .headerProgramma h2,
.RaiRadio1Sport.playlistProgramma .headerProgramma h1,
.RaiRadio1Sport.playlistProgramma .menuProgramma li.active a,
.RaiRadio1Sport.playlistProgramma .menuProgramma li a:hover,
.RaiRadio1Sport .ascoltaDiretta .ico.play,
.RaiRadio1Sport .listaAudio .options li:hover span,
.RaiRadio1Sport.archivio h2,
.RaiRadio1Sport .listaAudio h3 a:hover,
.RaiRadio1Sport .puntateSection h2  {
	color: #4144c5;
	transition: all 200ms ease;
}

.RaiRadio1 .pagination li.active a,
.RaiRadio1.playlistProgramma .userSocialActions li.active a,
.RaiRadio1.playlistProgramma .userSocialActions li a:hover,
.RaiRadio1 .collezioniSection .bg_dark.playlist ul li a.active,
.RaiRadio1Sport .pagination li.active a,
.RaiRadio1Sport.playlistProgramma .userSocialActions li.active a,
.RaiRadio1Sport.playlistProgramma .userSocialActions li a:hover,
.RaiRadio1Sport .collezioniSection .bg_dark.playlist ul li a.active
 {
	color: #4144c5 !important;
	transition: all 200ms ease;
}

.RaiRadio1 .pagination li.active,
.RaiRadio1Sport .pagination li.active
 {
	border-bottom: 2px solid #4144c5;
	border-radius: 0;
}

.RaiRadio1 .filtroRisultatiRicerca .applicaFiltri .button,
.RaiRadio1 .ascoltaDiretta,
.RaiRadio1 .listaAudio .options li.ico.play:hover svg,
.RaiRadio1Sport .filtroRisultatiRicerca .applicaFiltri .button,
.RaiRadio1Sport .ascoltaDiretta,
.RaiRadio1Sport .listaAudio .options li.ico.play:hover svg
 {
	border: 2px solid #4144c5;
}


/* Colore principale palette alphato */

.RaiRadio1.homeProgramma .fasciaCanale,
.RaiRadioSport.homeProgramma .fasciaCanale
 {
	background-color: rgba(65, 68, 197, 0.8);
}

.RaiRadio1 .boxMultimedia .fotoWrapper .cover,
.RaiRadio1Sport .boxMultimedia .fotoWrapper .cover
 {
	background-color: rgba(65, 68, 197, 0.2);
}


/* Immagine quadrati*/

.RaiRadio1 .mainHeader.skew .ChanColorRaiRadio,
.mainHeader.skew .HpColorRaiRadio1,
.RaiRadio1Sport .mainHeader.skew .ChanColorRaiRadio,
.mainHeader.skew .HpColorRaiRadio1Sport
 {
	/*background-image: linear-gradient(30deg, #c71a1f, #4144c5 50%, #68baff);*/
	background: url('/dl/components/img/radio/01-Radio1.png')top center no-repeat #443fcd;
}


/* Secondo colore palette alphato */

.RaiRadio1 #site-menu .sticked,
.RaiRadio1Sport #site-menu .sticked
 {
	background-color: rgba(85, 127, 226, 1);
}


/* Secondo colore palette */

.RaiRadio1 .bg_chan2
.RaiRadio1Sport .bg_chan2
 {
	background-color: #557fe2;
}


/* Primo colore palette */

.RaiRadio1 .bg_chan3,
.RaiRadio1 .elencoPlaylist.guida li.live,
.RaiRadio1 .elencoPlaylist.guida li.playing .placeholder,
.RaiRadio1 .wrapperInfoFotoFoglia:before,
.RaiRadio1 .giorniGuida .active,
.RaiRadio1 .alfabeto li.active,
.RaiRadio1Sport .bg_chan3,
.RaiRadio1Sport .elencoPlaylist.guida li.live,
.RaiRadio1Sport .elencoPlaylist.guida li.playing .placeholder,
.RaiRadio1Sport .wrapperInfoFotoFoglia:before,
.RaiRadio1Sport .giorniGuida .active,
.RaiRadio1Sport .alfabeto li.active
 {
	background-color: #68baff !important;
}


/* Quarto colore palette */

.RaiRadio1 .color_chan4,
.RaiRadio1 .menuProgramma li a.active,
.RaiRadio1 .menuProgramma li a:hover,
.RaiRadio1 .GeneriBlock h2 a:hover,
.RaiRadio1 .bg_dark.playlist ul li a:hover,
.RaiRadio1 .bg_dark.playlist ul li a:hover span,
.RaiRadio1 .bg_dark.playlist ul li a.active,
.RaiRadio1 .menuProgramma li.active,
.RaiRadio1 .menuProgramma li.active a,
.RaiRadio1 .preFooterContainer a:hover,
.RaiRadio1 .MenuOver .Ulzero.right li a:hover,
.menu-comparsa ol>li.RaiRadio1 a:hover,
.RaiRadio1 .risultatiRicerca li.active a,
.RaiRadio1.homeProgramma .userSocialActions li a:hover,
.RaiRadio1Sport .color_chan4,
.RaiRadio1Sport .menuProgramma li a.active,
.RaiRadio1Sport .menuProgramma li a:hover,
.RaiRadio1Sport .GeneriBlock h2 a:hover,
.RaiRadio1Sport .bg_dark.playlist ul li a:hover,
.RaiRadio1Sport .bg_dark.playlist ul li a:hover span,
.RaiRadio1Sport .bg_dark.playlist ul li a.active,
.RaiRadio1Sport .menuProgramma li.active,
.RaiRadio1Sport .menuProgramma li.active a,
.RaiRadio1Sport .preFooterContainer a:hover,
.RaiRadio1Sport .MenuOver .Ulzero.right li a:hover,
.menu-comparsa ol>li.RaiRadio1Sport a:hover,
.RaiRadio1Sport .risultatiRicerca li.active a,
.RaiRadio1Sport.homeProgramma .userSocialActions li a:hover
 {
	color: #2f317c !important;
	transition: all 200ms ease;
}

.RaiRadio1 .menuProgramma li a.active:after,
.RaiRadio1 .bg_dark.playlist li a.active:after,
.RaiRadio1 .risultatiRicerca li.active:after,
.RaiRadio1Sport .menuProgramma li a.active:after,
.RaiRadio1Sport .bg_dark.playlist li a.active:after,
.RaiRadio1Sport .risultatiRicerca li.active:after
 {
	background-color: #2f317c;
}

/* Colore principale palette con alpha */

.RaiRadio1 .cover,
.mainHeader.skew.color-RaiRadio1-hover .cover,
.RaiRadio1Sport .cover,
.mainHeader.skew.color-RaiRadio1Sport-hover .cover
 {
	background: linear-gradient(to top, rgba(65, 68, 197, 0.25) 50%, rgba(255, 255, 255, 0));
}

/* Primo colore palette e secondo colore palette - footer */

.RaiRadio1 .preFooterContainer,
.RaiRadio1Sport .preFooterContainer
 {
	background: linear-gradient(to left, #68baff 50%, #557fe2 50%);
}

.RaiRadio1 .containerGallery .slick-prev::before,
.RaiRadio1 .containerGallery .slick-next::before,
.RaiRadio1Sport .containerGallery .slick-prev::before,
.RaiRadio1Sport .containerGallery .slick-next::before
 {
	border-color: #2f317c;
}


/***************************************/


/*************** RADIO 2 ***************/


/***************************************/


/* Quarto colore palette */

.RaiRadio2 .bg_dark a:hover .svg_chan svg,
.RaiRadio2.homeProgramma .userSocialActions li a:hover .svg_chan svg,
.RaiRadio2.homeProgramma .userSocialActions li.active .svg_chan svg,
.RaiRadio2Indie .bg_dark a:hover .svg_chan svg,
.RaiRadio2Indie.homeProgramma .userSocialActions li a:hover .svg_chan svg,
.RaiRadio2Indie.homeProgramma .userSocialActions li.active .svg_chan svg
 {
	stroke: #5f0e10;
	fill: #5f0e10;
	transition: all 200ms ease;
}


/* Colore principale palette */

.RaiRadio2 a:hover .svg_chan svg,
.RaiRadio2.playlistProgramma .userSocialActions li.active a svg,
.RaiRadio2 .ascoltaDiretta .svg_chan svg,
.RaiRadio2 .listaAudio .options li.ico.podcast:hover svg,
.RaiRadio2 .listaAudio .options li.ico.play:hover svg,
.RaiRadio2 .listaAudio .options li.ico.options:hover svg,
.RaiRadio2Indie a:hover .svg_chan svg,
.RaiRadio2Indie.playlistProgramma .userSocialActions li.active a svg,
.RaiRadio2Indie .ascoltaDiretta .svg_chan svg,
.RaiRadio2Indie .listaAudio .options li.ico.podcast:hover svg,
.RaiRadio2Indie .listaAudio .options li.ico.play:hover svg,
.RaiRadio2Indie .listaAudio .options li.ico.options:hover svg {
	stroke: #e61c23 !important;
	fill: #e61c23 !important;
	transition: all 200ms ease;
}

.RaiRadio2 .filtroRisultatiRicerca ul li.selected span svg,
.RaiRadio2Indie .filtroRisultatiRicerca ul li.selected span svg
 {
	fill: #e61c23 !important;
}

.RaiRadio2 .gradient_chan,
.RaiRadio2Indie .gradient_chan
 {
	/*background-image: linear-gradient(45deg, #00275a, #004996, #00a093);*/
	background-color: #fb0007;
}

.RaiRadio2 .bg_chan,
.RaiRadio2 .bg_dark ul li a:after,
.RaiRadio2 .wrapperGiorniGuida ul li.today,
.RaiRadio2 .fasciaCanale,
.RaiRadio2 .radioRai-containerGeneral li a.active:after,
.RaiRadio2 .radioRai-containerGeneral li a:hover:after,
.RaiRadio2 .collezioniSection .bg_dark.playlist ul li a.active:after,
.RaiRadio2 .radioRai-containerGeneral li a:hover:after,
.RaiRadio2 .collezioniSection .bg_dark.playlist ul li a:hover:after,
.RaiRadio2 .colorHover,
.RaiRadio2 .filtroRisultatiRicerca .inOnda .switch input:checked~.switch-paddle,
.RaiRadio2.fogliaAod--easyweb .mejs-controls .mejs-time-rail .mejs-time-current,
.RaiRadio2Indie .bg_chan,
.RaiRadio2Indie .bg_dark ul li a:after,
.RaiRadio2Indie .wrapperGiorniGuida ul li.today,
.RaiRadio2Indie .fasciaCanale,
.RaiRadio2Indie .radioRai-containerGeneral li a.active:after,
.RaiRadio2Indie .radioRai-containerGeneral li a:hover:after,
.RaiRadio2Indie .collezioniSection .bg_dark.playlist ul li a.active:after,
.RaiRadio2Indie .radioRai-containerGeneral li a:hover:after,
.RaiRadio2Indie .collezioniSection .bg_dark.playlist ul li a:hover:after,
.RaiRadio2Indie .colorHover,
.RaiRadio2Indie .filtroRisultatiRicerca .inOnda .switch input:checked~.switch-paddle,
.RaiRadio2Indie.fogliaAod--easyweb .mejs-controls .mejs-time-rail .mejs-time-current
 {
	background-color: #e61c23;
	transition: all 200ms ease;
}

.RaiRadio2 .colorHover,
.RaiRadio2 .boxMultimedia .fotoWrapper .cover,
.RaiRadio2Indie .colorHover,
.RaiRadio2Indie .boxMultimedia .fotoWrapper .cover
 {
	opacity: 0;
}

.RaiRadio2 .menuProgramma li.active a,
.RaiRadio2 .menuProgramma li a:hover,
.RaiRadio2 .color_chan,
.RaiRadio2.archivio .headerProgramma h2,
.RaiRadio2.archivio .headerProgramma h1,
.RaiRadio2.media .headerProgramma h2,
.RaiRadio2 .mediaModal.mediaFotoProgramma h3.subtitle,
.RaiRadio2 .mediaModal.mediaVideoProgramma h3.subtitle,
.RaiRadio2.articoloProgramma .headerProgramma h2,
.RaiRadio2 .bg_dark.playlist ul li a:hover,
.RaiRadio2 .bg_dark.playlist ul li a:hover span,
.RaiRadio2 .GeneriBlock h2 a,
.RaiRadio2.set .lanci .infoWrapper .channel span,
.RaiRadio2 .radioRai-containerGeneral li a:hover,
.RaiRadio2 .bg_dark.playlist ul li a:hover,
.RaiRadio2 .collezioniSection .bg_dark.playlist ul li a:hover,
.RaiRadio2 .collezioniSection .bg_dark.playlist ul li a:hover span,
.RaiRadio2 .playlist ul li a.active,
.RaiRadio2 .multimediaSection li a:hover,
.RaiRadio2 .radioRai-playlist li a:hover span,
.RaiRadio2 .MenuOver .Ulzero.left li a:hover,
.RaiRadio2 .MenuOver .Ulzero.right li a,
.RaiRadio2 .MenuOver .Ulzero.cambiaCanale li[data-chan="RaiRadio2"] a:hover,
.RaiRadio2.homeCanale .headerProgramma h1,
.RaiRadio2.homeCanale .headerProgramma .descriptionProgramma .menuDescriptionProgramma li a:hover,
.RaiRadio2.homeCanale .headerProgramma .descriptionProgramma a,
.RaiRadio2 .filtroRisultatiRicerca ul li.selected:before,
.RaiRadio2.playlistProgramma .headerProgramma h2,
.RaiRadio2.playlistProgramma .headerProgramma h1,
.RaiRadio2.playlistProgramma .menuProgramma li.active a,
.RaiRadio2.playlistProgramma .menuProgramma li a:hover,
.RaiRadio2 .ascoltaDiretta .ico.play,
.RaiRadio2.homeCanale .headerProgramma .descriptionProgramma li.ascoltaDiretta a.ico.go_to_raiplay,
.RaiRadio2 .listaAudio .options li:hover span,
.RaiRadio2.archivio h2,
.RaiRadio2 .listaAudio h3 a:hover,
.RaiRadio2 .puntateSection h2,
.RaiRadio2Indie .menuProgramma li.active a,
.RaiRadio2Indie .menuProgramma li a:hover,
.RaiRadio2Indie .color_chan,
.RaiRadio2Indie.archivio .headerProgramma h2,
.RaiRadio2Indie.archivio .headerProgramma h1,
.RaiRadio2Indie.media .headerProgramma h2,
.RaiRadio2Indie .mediaModal.mediaFotoProgramma h3.subtitle,
.RaiRadio2Indie .mediaModal.mediaVideoProgramma h3.subtitle,
.RaiRadio2Indie.articoloProgramma .headerProgramma h2,
.RaiRadio2Indie .bg_dark.playlist ul li a:hover,
.RaiRadio2Indie .bg_dark.playlist ul li a:hover span,
.RaiRadio2Indie .GeneriBlock h2 a,
.RaiRadio2Indie.set .lanci .infoWrapper .channel span,
.RaiRadio2Indie .radioRai-containerGeneral li a:hover,
.RaiRadio2Indie .bg_dark.playlist ul li a:hover,
.RaiRadio2Indie .collezioniSection .bg_dark.playlist ul li a:hover,
.RaiRadio2Indie .collezioniSection .bg_dark.playlist ul li a:hover span,
.RaiRadio2Indie .playlist ul li a.active,
.RaiRadio2Indie .multimediaSection li a:hover,
.RaiRadio2Indie .radioRai-playlist li a:hover span,
.RaiRadio2Indie .MenuOver .Ulzero.left li a:hover,
.RaiRadio2Indie .MenuOver .Ulzero.right li a,
.RaiRadio2Indie .MenuOver .Ulzero.cambiaCanale li[data-chan="RaiRadio2Indie"] a:hover,
.RaiRadio2Indie.homeCanale .headerProgramma h1,
.RaiRadio2Indie.homeCanale .headerProgramma .descriptionProgramma .menuDescriptionProgramma li a:hover,
.RaiRadio2Indie.homeCanale .headerProgramma .descriptionProgramma a,
.RaiRadio2Indie .filtroRisultatiRicerca ul li.selected:before,
.RaiRadio2Indie.playlistProgramma .headerProgramma h2,
.RaiRadio2Indie.playlistProgramma .headerProgramma h1,
.RaiRadio2Indie.playlistProgramma .menuProgramma li.active a,
.RaiRadio2Indie.playlistProgramma .menuProgramma li a:hover,
.RaiRadio2Indie .ascoltaDiretta .ico.play,
.RaiRadio2Indie .listaAudio .options li:hover span,
.RaiRadio2Indie.archivio h2,
.RaiRadio2Indie .listaAudio h3 a:hover,
.RaiRadio2Indie .puntateSection h2
 {
	color: #e61c23;
	transition: all 200ms ease;
}

.RaiRadio2 .pagination li.active a,
.RaiRadio2.playlistProgramma .userSocialActions li.active a,
.RaiRadio2.playlistProgramma .userSocialActions li a:hover,
.RaiRadio2 .collezioniSection .bg_dark.playlist ul li a.active,
.RaiRadio2Indie .pagination li.active a,
.RaiRadio2Indie.playlistProgramma .userSocialActions li.active a,
.RaiRadio2Indie.playlistProgramma .userSocialActions li a:hover,
.RaiRadio2Indie .collezioniSection .bg_dark.playlist ul li a.active
 {
	color: #e61c23 !important;
	transition: all 200ms ease;
}

.RaiRadio2 .pagination li.active,
.RaiRadio2Indie .pagination li.active
 {
	border-bottom: 2px solid #e61c23;
	border-radius: 0;
}

.RaiRadio2 .filtroRisultatiRicerca .applicaFiltri .button,
.RaiRadio2 .ascoltaDiretta,
.RaiRadio2 .listaAudio .options li.ico.play:hover svg,
.RaiRadio2Indie .filtroRisultatiRicerca .applicaFiltri .button,
.RaiRadio2Indie .ascoltaDiretta,
.RaiRadio2Indie .listaAudio .options li.ico.play:hover svg
 {
	border: 2px solid #e61c23;
}


/* Colore principale palette alphato */

.RaiRadio2.homeProgramma .fasciaCanale,
.RaiRadio2Indie.homeProgramma .fasciaCanale
 {
	background-color: rgba(230, 28, 35, 0.8);
}

.RaiRadio2 .boxMultimedia .fotoWrapper .cover,
.RaiRadio2Indie .boxMultimedia .fotoWrapper .cover
 {
	background-color: rgba(230, 28, 35, 0.2);
}


/* Immagine quadrati*/

.RaiRadio2 .mainHeader.skew .ChanColorRaiRadio,
.mainHeader.skew .HpColorRaiRadio2,
.RaiRadio2Indie .mainHeader.skew .ChanColorRaiRadio,
.mainHeader.skew .HpColorRaiRadio2Indie
 {
	/*background-image: linear-gradient(30deg, #c71a1f, #e61c23 50%, #ff5043);*/
	background: url('/dl/components/img/radio/02-Radio2.png')top center no-repeat #fb0007;
}


/* Secondo colore palette alphato */

.RaiRadio2 #site-menu .sticked,
.RaiRadio2Indie #site-menu .sticked
 {
	background-color: rgba(243, 54, 51, 1);
}


/* Secondo colore palette */

.RaiRadio2 .bg_chan2,
.RaiRadio2Indie .bg_chan2
 {
	background-color: #f33633;
}


/* Primo colore palette */

.RaiRadio2 .bg_chan3,
.RaiRadio2 .elencoPlaylist.guida li.live,
/*.RaiRadio2 .elencoPlaylist.guida li.playing,*/
.RaiRadio2 .elencoPlaylist.guida li.playing .placeholder,
.RaiRadio2 .wrapperInfoFotoFoglia:before,
.RaiRadio2 .giorniGuida .active,
.RaiRadio2 .alfabeto li.active,
.RaiRadio2Indie .bg_chan3,
.RaiRadio2Indie .elencoPlaylist.guida li.live,
.RaiRadio2Indie .elencoPlaylist.guida li.playing .placeholder,
.RaiRadio2Indie .wrapperInfoFotoFoglia:before,
.RaiRadio2Indie .giorniGuida .active,
.RaiRadio2Indie .alfabeto li.active
 {
	background-color: #ff5043 !important;
}


/* Quarto colore palette */

.RaiRadio2 .color_chan4,
.RaiRadio2 .GeneriBlock h2 a:hover,
.RaiRadio2 .bg_dark.playlist ul li a:hover,
.RaiRadio2 .bg_dark.playlist ul li a:hover span,
.RaiRadio2 .bg_dark.playlist ul li a.active,
.RaiRadio2.homeProgramma .menuProgramma li.active,
.RaiRadio2.homeProgramma .menuProgramma li.active a,
.RaiRadio2.homeProgramma .menuProgramma li a.active,
.RaiRadio2.homeProgramma .menuProgramma li a:hover,
.RaiRadio2 .preFooterContainer a:hover,
.RaiRadio2 .MenuOver .Ulzero.right li a:hover,
.menu-comparsa ol>li.RaiRadio2 a:hover,
.RaiRadio2 .risultatiRicerca li.active a,
.RaiRadio2.homeProgramma .userSocialActions li a:hover,
.RaiRadio2.homeProgramma .userSocialActions li.active a,
.RaiRadio2Indie .color_chan4,
.RaiRadio2Indie .GeneriBlock h2 a:hover,
.RaiRadio2Indie .bg_dark.playlist ul li a:hover,
.RaiRadio2Indie .bg_dark.playlist ul li a:hover span,
.RaiRadio2Indie .bg_dark.playlist ul li a.active,
.RaiRadio2Indie.homeProgramma .menuProgramma li.active,
.RaiRadio2Indie.homeProgramma .menuProgramma li.active a,
.RaiRadio2Indie.homeProgramma .menuProgramma li a.active,
.RaiRadio2Indie.homeProgramma .menuProgramma li a:hover,
.RaiRadio2Indie .preFooterContainer a:hover,
.RaiRadio2Indie .MenuOver .Ulzero.right li a:hover,
.menu-comparsa ol>li.RaiRadio2Indie a:hover,
.RaiRadio2Indie .risultatiRicerca li.active a,
.RaiRadio2Indie.homeProgramma .userSocialActions li a:hover,
.RaiRadio2Indie.homeProgramma .userSocialActions li.active a
 {
	color: #5f0e10 !important;
	transition: all 200ms ease;
}

.RaiRadio2 .menuProgramma li a.active:after,
.RaiRadio2 .bg_dark.playlist li a.active:after,
.RaiRadio2 .risultatiRicerca li.active:after,
.RaiRadio2Indie .menuProgramma li a.active:after,
.RaiRadio2Indie .bg_dark.playlist li a.active:after,
.RaiRadio2Indie .risultatiRicerca li.active:after
 {
	background-color: #5f0e10;
}


/* Colore principale palette con alpha */

.RaiRadio2 .cover,
.mainHeader.skew.color-RaiRadio2-hover .cover,
.RaiRadio2Indie .cover,
.mainHeader.skew.color-RaiRadio2Indie-hover .cover
 {
	background: linear-gradient(to top, rgba(230, 28, 35, 0.25) 50%, rgba(255, 255, 255, 0));
}


/* Primo colore palette e secondo colore palette - footer */

.RaiRadio2 .preFooterContainer,
.RaiRadio2Indie .preFooterContainer
 {
	background: linear-gradient(to left, #ff5043 50%, #f33633 50%);
}

.RaiRadio2 .containerGallery .slick-prev::before,
.RaiRadio2 .containerGallery .slick-next::before,
.RaiRadio2Indie .containerGallery .slick-prev::before,
.RaiRadio2Indie .containerGallery .slick-next::before
 {
	border-color: #e61c23;
}


/***************************************/


/*************** RADIO 3 ***************/


/***************************************/


/* Quarto colore palette */

.RaiRadio3 .bg_dark a:hover .svg_chan svg,
.RaiRadio3.homeProgramma .userSocialActions li a:hover .svg_chan svg,
.RaiRadio3.homeProgramma .userSocialActions li.active .svg_chan svg {
	stroke: #007650;
	fill: #007650;
	transition: all 200ms ease;
}


/* Colore principale palette */

.RaiRadio3 a:hover .svg_chan svg,
.RaiRadio3.playlistProgramma .userSocialActions li.active a svg,
.RaiRadio3 .ascoltaDiretta .svg_chan svg,
.RaiRadio3 .listaAudio .options li.ico.podcast:hover svg,
.RaiRadio3 .listaAudio .options li.ico.play:hover svg,
.RaiRadio3 .listaAudio .options li.ico.options:hover svg {
	stroke: #00b46e;
	fill: #00b46e;
}

.RaiRadio3 .filtroRisultatiRicerca ul li.selected span svg {
	fill: #00b46e !important;
}

.RaiRadio3 .gradient_chan {
	/*background-image: linear-gradient(45deg, #00275a, #004996, #00a093);*/
	background-color: #00b867;
}

.RaiRadio3 .bg_chan,
.RaiRadio3 .bg_dark ul li a:after,
.RaiRadio3 .wrapperGiorniGuida ul li.today,
.RaiRadio3 .fasciaCanale,
.RaiRadio3 .radioRai-containerGeneral li a.active:after,
.RaiRadio3 .radioRai-containerGeneral li a:hover:after,
.RaiRadio3 .collezioniSection .bg_dark.playlist ul li a.active:after,
.RaiRadio3 .radioRai-containerGeneral li a:hover:after,
.RaiRadio3 .collezioniSection .bg_dark.playlist ul li a:hover:after,
.RaiRadio3 .colorHover,
.RaiRadio3 .filtroRisultatiRicerca .inOnda .switch input:checked~.switch-paddle,
.RaiRadio3.fogliaAod--easyweb .mejs-controls .mejs-time-rail .mejs-time-current
 {
	background-color: #00b46e;
	transition: all 200ms ease;
}

.RaiRadio3 .colorHover,
.RaiRadio3 .boxMultimedia .fotoWrapper .cover {
	opacity: 0;
}

.RaiRadio3 .menuProgramma li.active a,
.RaiRadio3 .menuProgramma li a:hover,
.RaiRadio3 .color_chan,
.RaiRadio3.archivio .headerProgramma h2,
.RaiRadio3.media .headerProgramma h2,
.RaiRadio3 .mediaModal.mediaFotoProgramma h3,
.RaiRadio3 .mediaModal.mediaVideoProgramma h3,
.RaiRadio3.archivio .headerProgramma h1,
.RaiRadio3.articoloProgramma .headerProgramma h2,
.RaiRadio3 .bg_dark.playlist ul li a:hover,
.RaiRadio3 .bg_dark.playlist ul li a:hover span,
.RaiRadio3 .GeneriBlock h2 a,
.RaiRadio3.set .lanci .infoWrapper .channel span,
.RaiRadio3 .radioRai-containerGeneral li a:hover,
.RaiRadio3 .bg_dark.playlist ul li a:hover,
.RaiRadio3 .collezioniSection .bg_dark.playlist ul li a:hover,
.RaiRadio3 .collezioniSection .bg_dark.playlist ul li a:hover span,
.RaiRadio3 .playlist ul li a.active,
.RaiRadio3 .multimediaSection li a:hover,
.RaiRadio3 .radioRai-playlist li a:hover span,
.RaiRadio3 .MenuOver .Ulzero.left li a:hover,
.RaiRadio3 .MenuOver .Ulzero.right li a,
.RaiRadio3 .MenuOver .Ulzero.cambiaCanale li[data-chan="RaiRadio3"] a:hover,
.RaiRadio3.homeCanale .headerProgramma h1,
.RaiRadio3.homeCanale .headerProgramma .descriptionProgramma .menuDescriptionProgramma li a:hover,
.RaiRadio3.homeCanale .headerProgramma .descriptionProgramma a,
.RaiRadio3 .filtroRisultatiRicerca ul li.selected:before,
.RaiRadio3.playlistProgramma .headerProgramma h2,
.RaiRadio3.playlistProgramma .headerProgramma h1,
.RaiRadio3.playlistProgramma .menuProgramma li.active a,
.RaiRadio3.playlistProgramma .menuProgramma li a:hover,
.RaiRadio3 .ascoltaDiretta .ico.play,
.RaiRadio3 .listaAudio .options li:hover span,
.RaiRadio3.archivio h2,
.RaiRadio3 .listaAudio h3 a:hover,
.RaiRadio3 .puntateSection h2 {
	color: #00b46e;
	transition: all 200ms ease;
}

.RaiRadio3 .pagination li.active a,
.RaiRadio3.playlistProgramma .userSocialActions li.active a,
.RaiRadio3.playlistProgramma .userSocialActions li a:hover,
.RaiRadio3 .collezioniSection .bg_dark.playlist ul li a.active {
	color: #00b46e !important;
	transition: all 200ms ease;
}

.RaiRadio3 .pagination li.active {
	border-bottom: 2px solid #00b46e;
	border-radius: 0;
}

.RaiRadio3 .filtroRisultatiRicerca .applicaFiltri .button,
.RaiRadio3 .ascoltaDiretta,
.RaiRadio3 .listaAudio .options li.ico.play:hover svg {
	border: 2px solid #00b46e;
}


/* Colore principale palette alphato */

.RaiRadio3.homeProgramma .fasciaCanale {
	background-color: rgba(0, 180, 110, 0.8);
}

.RaiRadio3 .boxMultimedia .fotoWrapper .cover {
	background-color: rgba(0, 180, 110, 0.2);
}


/* Immagine quadrati*/

.RaiRadio3 .mainHeader.skew .ChanColorRaiRadio,
.mainHeader.skew .HpColorRaiRadio3 {
	/*background-image: linear-gradient(30deg, #c71a1f, #00b46e 50%, #1ce584);*/
	background: url('/dl/components/img/radio/03-Radio3.png')top center no-repeat #00b867;
}


/* Secondo colore palette alphato */

.RaiRadio3 #site-menu .sticked {
	background-color: rgba(14, 205, 121, 1);
}


/* Secondo colore palette */

.RaiRadio3 .bg_chan2 {
	background-color: #0ecd79;
}


/* Primo colore palette */

.RaiRadio3 .bg_chan3,
.RaiRadio3 .elencoPlaylist.guida li.live,

/*.RaiRadio3 .elencoPlaylist.guida li.playing,*/

.RaiRadio3 .elencoPlaylist.guida li.playing .placeholder,
.RaiRadio3 .wrapperInfoFotoFoglia:before,
.RaiRadio3 .giorniGuida .active,
.RaiRadio3 .alfabeto li.active {
	background-color: #1ce584 !important;
}


/* Quarto colore palette */

.RaiRadio3 .color_chan4,
.RaiRadio3 .GeneriBlock h2 a:hover,
.RaiRadio3 .bg_dark.playlist ul li a:hover,
.RaiRadio3 .bg_dark.playlist ul li a:hover span,
.RaiRadio3 .bg_dark.playlist ul li a.active,
.RaiRadio3.homeProgramma .menuProgramma li a.active,
.RaiRadio3.homeProgramma .menuProgramma li a:hover,
.RaiRadio3.homeProgramma .menuProgramma li.active,
.RaiRadio3.homeProgramma .menuProgramma li.active a,
.RaiRadio3 .preFooterContainer a:hover,
.RaiRadio3 .MenuOver .Ulzero.right li a:hover,
.menu-comparsa ol>li.RaiRadio3 a:hover,
.RaiRadio3 .risultatiRicerca li.active a,
.RaiRadio3.homeProgramma .userSocialActions li a:hover {
	color: #007650 !important;
	transition: all 200ms ease;
}

.RaiRadio3 .menuProgramma li a.active:after,
.RaiRadio3 .bg_dark.playlist li a.active:after,
.RaiRadio3 .risultatiRicerca li.active:after {
	background-color: #007650;
}


/* Colore principale palette con alpha */

.RaiRadio3 .cover,
.mainHeader.skew.color-RaiRadio3-hover .cover {
	background: linear-gradient(to top, rgba(0, 180, 110, 0.25) 50%, rgba(255, 255, 255, 0));
}


/* Primo colore palette e secondo colore palette - footer */

.RaiRadio3 .preFooterContainer {
	background: linear-gradient(to left, #1ce584 50%, #0ecd79 50%);
}

.RaiRadio3 .containerGallery .slick-prev::before,
.RaiRadio3 .containerGallery .slick-next::before {
	border-color: #007650;
}


/***************************************/


/*************** RADIO KIDS ***************/


/***************************************/


/* Quarto colore palette */

.RaiRadioKids .bg_dark a:hover .svg_chan svg,
.RaiRadioKids.homeProgramma .userSocialActions li a:hover .svg_chan svg,
.RaiRadioKids.homeProgramma .userSocialActions li.active .svg_chan svg {
	stroke: #02ad45;
	fill: #02ad45;
	transition: all 200ms ease;
}


/* Colore principale palette */

.RaiRadioKids a:hover .svg_chan svg,
.RaiRadioKids.playlistProgramma .userSocialActions li.active a svg,
.RaiRadioKids .ascoltaDiretta .svg_chan svg,
.RaiRadioKids .listaAudio .options li.ico.podcast:hover svg,
.RaiRadioKids .listaAudio .options li.ico.play:hover svg,
.RaiRadioKids .listaAudio .options li.ico.options:hover svg {
	stroke: #2dbbee;
	fill: #2dbbee;
	transition: all 200ms ease;
}

.RaiRadioKids .filtroRisultatiRicerca ul li.selected span svg {
	fill: #2dbbee !important;
}

.RaiRadioKids .gradient_chan {
	/*background-image: linear-gradient(45deg, #00275a, #004996, #00a093);*/
	background-color: #00bdf3;
}

.RaiRadioKids .bg_chan,
.RaiRadioKids .bg_dark ul li a:after,
.RaiRadioKids .wrapperGiorniGuida ul li.today,
.RaiRadioKids .fasciaCanale,
.RaiRadioKids .radioRai-containerGeneral li a.active:after,
.RaiRadioKids .radioRai-containerGeneral li a:hover:after,
.RaiRadioKids .collezioniSection .bg_dark.playlist ul li a.active:after,
.RaiRadioKids .radioRai-containerGeneral li a:hover:after,
.RaiRadioKids .collezioniSection .bg_dark.playlist ul li a:hover:after,
.RaiRadioKids .colorHover,
.RaiRadioKids .filtroRisultatiRicerca .inOnda .switch input:checked~.switch-paddle,
.RaiRadioKids.fogliaAod--easyweb .mejs-controls .mejs-time-rail .mejs-time-current {
	background-color: #2dbbee;
	transition: all 200ms ease;
}

.RaiRadioKids .colorHover,
.RaiRadioKids .boxMultimedia .fotoWrapper .cover {
	opacity: 0;
}

.RaiRadioKids .menuProgramma li.active a,
.RaiRadioKids .menuProgramma li a:hover,
.RaiRadioKids .color_chan,
.RaiRadioKids.archivio .headerProgramma h2,
.RaiRadioKids.media .headerProgramma h2,
.RaiRadioKids .mediaModal.mediaFotoProgramma h3,
.RaiRadioKids .mediaModal.mediaVideoProgramma h3,
.RaiRadioKids.archivio .headerProgramma h1,
.RaiRadioKids.articoloProgramma .headerProgramma h2,
.RaiRadioKids .bg_dark.playlist ul li a:hover,
.RaiRadioKids .bg_dark.playlist ul li a:hover span,
.RaiRadioKids .GeneriBlock h2 a,
.RaiRadioKids.set .lanci .infoWrapper .channel span,
.RaiRadioKids .radioRai-containerGeneral li a:hover,
.RaiRadioKids .bg_dark.playlist ul li a:hover,
.RaiRadioKids .collezioniSection .bg_dark.playlist ul li a:hover,
.RaiRadioKids .collezioniSection .bg_dark.playlist ul li a:hover span,
.RaiRadioKids .playlist ul li a.active,
.RaiRadioKids .multimediaSection li a:hover,
.RaiRadioKids .radioRai-playlist li a:hover span,
.RaiRadioKids .MenuOver .Ulzero.left li a:hover,
.RaiRadioKids .MenuOver .Ulzero.right li a,
.RaiRadioKids .MenuOver .Ulzero.cambiaCanale li[data-chan="RaiRadioKids"] a:hover,
.RaiRadioKids.homeCanale .headerProgramma h1,
.RaiRadioKids.homeCanale .headerProgramma .descriptionProgramma .menuDescriptionProgramma li a:hover,
.RaiRadioKids.homeCanale .headerProgramma .descriptionProgramma a,
.RaiRadioKids .filtroRisultatiRicerca ul li.selected:before,
.RaiRadioKids.playlistProgramma .headerProgramma h2,
.RaiRadioKids.playlistProgramma .headerProgramma h1,
.RaiRadioKids.playlistProgramma .menuProgramma li.active a,
.RaiRadioKids.playlistProgramma .menuProgramma li a:hover,
.RaiRadioKids .ascoltaDiretta .ico.play,
.RaiRadioKids .listaAudio .options li:hover span,
.RaiRadioKids.archivio h2,
.RaiRadioKids .listaAudio h3 a:hover,
.RaiRadioKids .puntateSection h2 {
	color: #2dbbee;
	transition: all 200ms ease;
}

.RaiRadioKids .mainHeader .radioRai-containerGeneral li a:hover {
	color: #02ad45;
}

.RaiRadioKids .pagination li.active a,
.RaiRadioKids.playlistProgramma .userSocialActions li.active a,
.RaiRadioKids.playlistProgramma .userSocialActions li a:hover,
.RaiRadioKids .collezioniSection .bg_dark.playlist ul li a.active {
	color: #2dbbee !important;
	transition: all 200ms ease;
}

.RaiRadioKids .pagination li.active {
	border-bottom: 2px solid #2dbbee;
	border-radius: 0;
}

.RaiRadioKids .filtroRisultatiRicerca .applicaFiltri .button,
.RaiRadioKids .ascoltaDiretta,
.RaiRadioKids .listaAudio .options li.ico.play:hover svg {
	border: 2px solid #2dbbee;
}


/* Colore principale palette alphato */

.RaiRadioKids.homeProgramma .fasciaCanale {
	background-color: rgba(45, 187, 238, 0.8);
}

.RaiRadioKids .boxMultimedia .fotoWrapper .cover {
	background-color: rgba(45, 187, 238, 0.2);
}


/* Immagine quadrati*/

.RaiRadioKids .mainHeader.skew .ChanColorRaiRadio,
.mainHeader.skew .HpColorRaiRadioKids {
	/*background-image: linear-gradient(30deg, #c71a1f, #2dbbee 50%, #f18f2e);*/
	background: url('/dl/components/img/radio/07-RadioKids.png')top center no-repeat #00bdf3;
}


/* Secondo colore palette alphato */

.RaiRadioKids #site-menu .sticked {
	background-color: rgba(237, 123, 124, 1);
}


/* Secondo colore palette */

.RaiRadioKids .bg_chan2 {
	background-color: #ED7B7C;
}


/* Primo colore palette */

.RaiRadioKids .bg_chan3,
.RaiRadioKids .elencoPlaylist.guida li.live,

/*.RaiRadioKids .elencoPlaylist.guida li.playing,*/

.RaiRadioKids .elencoPlaylist.guida li.playing .placeholder,
.RaiRadioKids .wrapperInfoFotoFoglia:before,
.RaiRadioKids .giorniGuida .active,
.RaiRadioKids .alfabeto li.active {
	background-color: #f18f2e !important;
}


/* Quarto colore palette */

.RaiRadioKids .color_chan4,
.RaiRadioKids .GeneriBlock h2 a:hover,
.RaiRadioKids .bg_dark.playlist ul li a:hover,
.RaiRadioKids .bg_dark.playlist ul li a:hover span,
.RaiRadioKids .bg_dark.playlist ul li a.active,
.RaiRadioKids.homeProgramma .menuProgramma li a.active,
.RaiRadioKids.homeProgramma .menuProgramma li a:hover,
.RaiRadioKids.homeProgramma .menuProgramma li.active,
.RaiRadioKids.homeProgramma .menuProgramma li.active a,
.RaiRadioKids .preFooterContainer a:hover,
.RaiRadioKids .MenuOver .Ulzero.right li a:hover,
.menu-comparsa ol>li.RaiRadioKids a:hover,
.RaiRadioKids .risultatiRicerca li.active a,
.RaiRadioKids.homeProgramma .userSocialActions li a:hover {
	color: #02ad45 !important;
	transition: all 200ms ease;
}

.RaiRadioKids .menuProgramma li a.active:after,
.RaiRadioKids .bg_dark.playlist li a.active:after,
.RaiRadioKids .risultatiRicerca li.active:after {
	background-color: #02ad45;
}


/* Colore principale palette con alpha */

.RaiRadioKids .cover,
.mainHeader.skew.color-RaiRadioKids-hover .cover {
	background: linear-gradient(to top, rgba(45, 187, 238, 0.25) 50%, rgba(255, 255, 255, 0));
}


/* Primo colore palette e secondo colore palette - footer */

.RaiRadioKids .preFooterContainer {
	background: linear-gradient(to left, #f18f2e 50%, #ED7B7C 50%);
}

.RaiRadioKids .containerGallery .slick-prev::before,
.RaiRadioKids .containerGallery .slick-next::before {
	border-color: #02ad45;
}


/***************************************/


/************ RADIO CLASSICA ***********/


/***************************************/


/* Quarto colore palette */

.RaiRadioClassica .bg_dark a:hover .svg_chan svg,
.RaiRadioClassica.homeProgramma .userSocialActions li a:hover .svg_chan svg,
.RaiRadioClassica.homeProgramma .userSocialActions li.active .svg_chan svg {
	stroke: #4c5305;
	fill: #4c5305;
	transition: all 200ms ease;
}


/* Colore principale palette */

.RaiRadioClassica a:hover .svg_chan svg,
.RaiRadioClassica.playlistProgramma .userSocialActions li.active a svg,
.RaiRadioClassica .ascoltaDiretta .svg_chan svg,
.RaiRadioClassica .listaAudio .options li.ico.podcast:hover svg,
.RaiRadioClassica .listaAudio .options li.ico.play:hover svg,
.RaiRadioClassica .listaAudio .options li.ico.options:hover svg {
	stroke: #606806;
	fill: #606806;
	transition: all 200ms ease;
}

.RaiRadioClassica .filtroRisultatiRicerca ul li.selected span svg {
	fill: #606806 !important;
}

.RaiRadioClassica .gradient_chan {
	/*background-image: linear-gradient(45deg, #00275a, #004996, #00a093);*/
	background-color: #606805;
}

.RaiRadioClassica .bg_chan,
.RaiRadioClassica .bg_dark ul li a:after,
.RaiRadioClassica .wrapperGiorniGuida ul li.today,
.RaiRadioClassica .fasciaCanale,
.RaiRadioClassica .radioRai-containerGeneral li a.active:after,
.RaiRadioClassica .radioRai-containerGeneral li a:hover:after,
.RaiRadioClassica .collezioniSection .bg_dark.playlist ul li a.active:after,
.RaiRadioClassica .radioRai-containerGeneral li a:hover:after,
.RaiRadioClassica .collezioniSection .bg_dark.playlist ul li a:hover:after,
.RaiRadioClassica .colorHover,
.RaiRadioClassica .filtroRisultatiRicerca .inOnda .switch input:checked~.switch-paddle,
.RaiRadioClassica.fogliaAod--easyweb .mejs-controls .mejs-time-rail .mejs-time-current {
	background-color: #606806;
	transition: all 200ms ease;
}

.RaiRadioClassica .colorHover,
.RaiRadioClassica .boxMultimedia .fotoWrapper .cover {
	opacity: 0;
}

.RaiRadioClassica .menuProgramma li.active a,
.RaiRadioClassica .menuProgramma li a:hover,
.RaiRadioClassica .color_chan,
.RaiRadioClassica.archivio .headerProgramma h2,
.RaiRadioClassica.media .headerProgramma h2,
.RaiRadioClassica .mediaModal.mediaFotoProgramma h3,
.RaiRadioClassica .mediaModal.mediaVideoProgramma h3,
.RaiRadioClassica.archivio .headerProgramma h1,
.RaiRadioClassica.articoloProgramma .headerProgramma h2,
.RaiRadioClassica .bg_dark.playlist ul li a:hover,
.RaiRadioClassica .bg_dark.playlist ul li a:hover span,
.RaiRadioClassica .GeneriBlock h2 a,
.RaiRadioClassica.set .lanci .infoWrapper .channel span,
.RaiRadioClassica .radioRai-containerGeneral li a:hover,
.RaiRadioClassica .bg_dark.playlist ul li a:hover,
.RaiRadioClassica .collezioniSection .bg_dark.playlist ul li a:hover,
.RaiRadioClassica .collezioniSection .bg_dark.playlist ul li a:hover span,
.RaiRadioClassica .playlist ul li a.active,
.RaiRadioClassica .multimediaSection li a:hover,
.RaiRadioClassica .radioRai-playlist li a:hover span,
.RaiRadioClassica .MenuOver .Ulzero.left li a:hover,
.RaiRadioClassica .MenuOver .Ulzero.right li a,
.RaiRadioClassica .MenuOver .Ulzero.cambiaCanale li[data-chan="RaiRadioClassica"] a:hover,
.RaiRadioClassica.homeCanale .headerProgramma h1,
.RaiRadioClassica.homeCanale .headerProgramma .descriptionProgramma .menuDescriptionProgramma li a:hover,
.RaiRadioClassica.homeCanale .headerProgramma .descriptionProgramma a,
.RaiRadioClassica .filtroRisultatiRicerca ul li.selected:before,
.RaiRadioClassica.playlistProgramma .headerProgramma h2,
.RaiRadioClassica.playlistProgramma .headerProgramma h1,
.RaiRadioClassica.playlistProgramma .menuProgramma li.active a,
.RaiRadioClassica.playlistProgramma .menuProgramma li a:hover,
.RaiRadioClassica .ascoltaDiretta .ico.play,
.RaiRadioClassica .listaAudio .options li:hover span,
.RaiRadioClassica.archivio h2,
.RaiRadioClassica .listaAudio h3 a:hover,
.RaiRadioClassica .puntateSection h2 {
	color: #606806;
	transition: all 200ms ease;
}

.RaiRadioClassica .pagination li.active a,
.RaiRadioClassica.playlistProgramma .userSocialActions li.active a,
.RaiRadioClassica.playlistProgramma .userSocialActions li a:hover,
.RaiRadioClassica .collezioniSection .bg_dark.playlist ul li a.active {
	color: #606806 !important;
	transition: all 200ms ease;
}

.RaiRadioClassica .pagination li.active {
	border-bottom: 2px solid #606806;
	border-radius: 0;
}

.RaiRadioClassica .filtroRisultatiRicerca .applicaFiltri .button,
.RaiRadioClassica .ascoltaDiretta,
.RaiRadioClassica .listaAudio .options li.ico.play:hover svg {
	border: 2px solid #606806;
}


/* Colore principale palette alphato */

.RaiRadioClassica.homeProgramma .fasciaCanale {
	background-color: rgba(96, 104, 6, 0.8);
}

.RaiRadioClassica .boxMultimedia .fotoWrapper .cover {
	background-color: rgba(96, 104, 6, 0.2);
}


/* Immagine quadrati*/

.RaiRadioClassica .mainHeader.skew .ChanColorRaiRadio,
.mainHeader.skew .HpColorRaiRadioClassica {
	/*background-image: linear-gradient(30deg, #c71a1f, #606806 50%, #8d9909);*/
	background: url('/dl/components/img/radio/04-RadioClassica.png')top center no-repeat #606805;
}


/* Secondo colore palette alphato */

.RaiRadioClassica #site-menu .sticked {
	background-color: rgba(119, 129, 8, 1);
}


/* Secondo colore palette */

.RaiRadioClassica .bg_chan2 {
	background-color: #778108;
}


/* Primo colore palette */

.RaiRadioClassica .bg_chan3,
.RaiRadioClassica .elencoPlaylist.guida li.live,

/*.RaiRadioClassica .elencoPlaylist.guida li.playing,*/

.RaiRadioClassica .elencoPlaylist.guida li.playing .placeholder,
.RaiRadioClassica .wrapperInfoFotoFoglia:before,
.RaiRadioClassica .giorniGuida .active,
.RaiRadioClassica .alfabeto li.active {
	background-color: #8d9909 !important;
}


/* Quarto colore palette */

.RaiRadioClassica .color_chan4,
.RaiRadioClassica .GeneriBlock h2 a:hover,
.RaiRadioClassica .bg_dark.playlist ul li a:hover,
.RaiRadioClassica .bg_dark.playlist ul li a:hover span,
.RaiRadioClassica .bg_dark.playlist ul li a.active,
.RaiRadioClassica.homeProgramma .menuProgramma li a.active,
.RaiRadioClassica.homeProgramma .menuProgramma li a:hover,
.RaiRadioClassica.homeProgramma .menuProgramma li.active,
.RaiRadioClassica.homeProgramma .menuProgramma li.active a,
.RaiRadioClassica .preFooterContainer a:hover,
.RaiRadioClassica .MenuOver .Ulzero.right li a:hover,
.menu-comparsa ol>li.RaiRadioClassica a:hover,
.RaiRadioClassica .risultatiRicerca li.active a,
.RaiRadioClassica.homeProgramma .userSocialActions li a:hover {
	color: #4c5305 !important;
	transition: all 200ms ease;
}

.RaiRadioClassica .menuProgramma li a.active:after,
.RaiRadioClassica .bg_dark.playlist li a.active:after,
.RaiRadioClassica .risultatiRicerca li.active:after {
	background-color: #4c5305;
}


/* Colore principale palette con alpha */

.RaiRadioClassica .cover,
.mainHeader.skew.color-RaiRadioClassica-hover .cover {
	background: linear-gradient(to top, rgba(96, 104, 6, 0.25) 50%, rgba(255, 255, 255, 0));
}


/* Primo colore palette e secondo colore palette - footer */

.RaiRadioClassica .preFooterContainer {
	background: linear-gradient(to left, #8d9909 50%, #778108 50%);
}

.RaiRadioClassica .containerGallery .slick-prev::before,
.RaiRadioClassica .containerGallery .slick-next::before {
	border-color: #4c5305;
}


/***************************************/


/************ RADIO 3  CLASSICA ***********/


/***************************************/


/* Quarto colore palette */

.RaiRadio3Classica .bg_dark a:hover .svg_chan svg,
.RaiRadio3Classica.homeProgramma .userSocialActions li a:hover .svg_chan svg,
.RaiRadio3Classica.homeProgramma .userSocialActions li.active .svg_chan svg {
	stroke: #007650;
	fill: #007650;
	transition: all 200ms ease;
}


/* Colore principale palette */

.RaiRadio3Classica a:hover .svg_chan svg,
.RaiRadio3Classica.playlistProgramma .userSocialActions li.active a svg,
.RaiRadio3Classica .ascoltaDiretta .svg_chan svg,
.RaiRadio3Classica .listaAudio .options li.ico.podcast:hover svg,
.RaiRadio3Classica .listaAudio .options li.ico.play:hover svg,
.RaiRadio3Classica .listaAudio .options li.ico.options:hover svg {
	stroke: #00b46e;
	fill: #00b46e;
	transition: all 200ms ease;
}

.RaiRadio3Classica .filtroRisultatiRicerca ul li.selected span svg {
	fill: #00b46e !important;
}

.RaiRadio3Classica .gradient_chan {
	/*background-image: linear-gradient(45deg, #00275a, #004996, #00a093);*/
	background-color: #00b867;
}

.RaiRadio3Classica .bg_chan,
.RaiRadio3Classica .bg_dark ul li a:after,
.RaiRadio3Classica .wrapperGiorniGuida ul li.today,
.RaiRadio3Classica .fasciaCanale,
.RaiRadio3Classica .radioRai-containerGeneral li a.active:after,
.RaiRadio3Classica .radioRai-containerGeneral li a:hover:after,
.RaiRadio3Classica .collezioniSection .bg_dark.playlist ul li a.active:after,
.RaiRadio3Classica .radioRai-containerGeneral li a:hover:after,
.RaiRadio3Classica .collezioniSection .bg_dark.playlist ul li a:hover:after,
.RaiRadio3Classica .colorHover,
.RaiRadio3Classica .filtroRisultatiRicerca .inOnda .switch input:checked~.switch-paddle,
.RaiRadio3Classica.fogliaAod--easyweb .mejs-controls .mejs-time-rail .mejs-time-current {
	background-color: #00b46e;
	transition: all 200ms ease;
}

.RaiRadio3Classica .colorHover,
.RaiRadio3Classica .boxMultimedia .fotoWrapper .cover {
	opacity: 0;
}

.RaiRadio3Classica .menuProgramma li.active a,
.RaiRadio3Classica .menuProgramma li a:hover,
.RaiRadio3Classica .color_chan,
.RaiRadio3Classica.archivio .headerProgramma h2,
.RaiRadio3Classica.media .headerProgramma h2,
.RaiRadio3Classica .mediaModal.mediaFotoProgramma h3,
.RaiRadio3Classica .mediaModal.mediaVideoProgramma h3,
.RaiRadio3Classica.archivio .headerProgramma h1,
.RaiRadio3Classica.articoloProgramma .headerProgramma h2,
.RaiRadio3Classica .bg_dark.playlist ul li a:hover,
.RaiRadio3Classica .bg_dark.playlist ul li a:hover span,
.RaiRadio3Classica .GeneriBlock h2 a,
.RaiRadio3Classica.set .lanci .infoWrapper .channel span,
.RaiRadio3Classica .radioRai-containerGeneral li a:hover,
.RaiRadio3Classica .bg_dark.playlist ul li a:hover,
.RaiRadio3Classica .collezioniSection .bg_dark.playlist ul li a:hover,
.RaiRadio3Classica .collezioniSection .bg_dark.playlist ul li a:hover span,
.RaiRadio3Classica .playlist ul li a.active,
.RaiRadio3Classica .multimediaSection li a:hover,
.RaiRadi3oClassica .radioRai-playlist li a:hover span,
.RaiRadio3Classica .MenuOver .Ulzero.left li a:hover,
.RaiRadio3Classica .MenuOver .Ulzero.right li a,
.RaiRadio3Classica .MenuOver .Ulzero.cambiaCanale li[data-chan="RaiRadio3Classica"] a:hover,
.RaiRadio3Classica.homeCanale .headerProgramma h1,
.RaiRadio3Classica.homeCanale .headerProgramma .descriptionProgramma .menuDescriptionProgramma li a:hover,
.RaiRadio3Classica.homeCanale .headerProgramma .descriptionProgramma a,
.RaiRadio3Classica .filtroRisultatiRicerca ul li.selected:before,
.RaiRadio3Classica.playlistProgramma .headerProgramma h2,
.RaiRadio3Classica.playlistProgramma .headerProgramma h1,
.RaiRadio3Classica.playlistProgramma .menuProgramma li.active a,
.RaiRadio3Classica.playlistProgramma .menuProgramma li a:hover,
.RaiRadio3Classica .ascoltaDiretta .ico.play,
.RaiRadio3Classica .listaAudio .options li:hover span,
.RaiRadio3Classica.archivio h2,
.RaiRadio3Classica .listaAudio h3 a:hover,
.RaiRadio3Classica .puntateSection h2 {
	color: #00b46e;
	transition: all 200ms ease;
}

.RaiRadio3Classica .pagination li.active a,
.RaiRadio3Classica.playlistProgramma .userSocialActions li.active a,
.RaiRadio3Classica.playlistProgramma .userSocialActions li a:hover,
.RaiRadio3Classica .collezioniSection .bg_dark.playlist ul li a.active {
	color: #00b46e !important;
	transition: all 200ms ease;
}

.RaiRadio3Classica .pagination li.active {
	border-bottom: 2px solid #00b46e;
	border-radius: 0;
}

.RaiRadio3Classica .filtroRisultatiRicerca .applicaFiltri .button,
.RaiRadio3Classica .ascoltaDiretta,
.RaiRadio3Classica .listaAudio .options li.ico.play:hover svg {
	border: 2px solid #00b46e;
}


/* Colore principale palette alphato */

.RaiRadio3Classica.homeProgramma .fasciaCanale {
	background-color: rgba(0, 180, 110, 0.8);
}

.RaiRadio3Classica .boxMultimedia .fotoWrapper .cover {
	background-color: rgba(0, 180, 110, 0.2);
}


/* Immagine quadrati*/

.RaiRadio3Classica .mainHeader.skew .ChanColorRaiRadio,
.mainHeader.skew .HpColorRaiRadio3Classica {
	/*background-image: linear-gradient(30deg, #c71a1f, #606806 50%, #8d9909);*/
	background: url('/dl/components/img/radio/03-Radio3.png')top center no-repeat #00b867;
}


/* Secondo colore palette alphato */

.RaiRadio3Classica #site-menu .sticked {
	background-color: rgba(14, 205, 121, 1);
}


/* Secondo colore palette */

.RaiRadio3Classica .bg_chan2 {
	background-color: #0ecd79;
}


/* Primo colore palette */

.RaiRadio3Classica .bg_chan3,
.RaiRadio3Classica .elencoPlaylist.guida li.live,

/*.RaiRadioClassica .elencoPlaylist.guida li.playing,*/

.RaiRadio3Classica .elencoPlaylist.guida li.playing .placeholder,
.RaiRadio3Classica .wrapperInfoFotoFoglia:before,
.RaiRadio3Classica .giorniGuida .active,
.RaiRadio3Classica .alfabeto li.active {
	background-color: #1ce584 !important;
}


/* Quarto colore palette */

.RaiRadio3Classica .color_chan4,
.RaiRadio3Classica .GeneriBlock h2 a:hover,
.RaiRadio3Classica .bg_dark.playlist ul li a:hover,
.RaiRadio3Classica .bg_dark.playlist ul li a:hover span,
.RaiRadio3Classica .bg_dark.playlist ul li a.active,
.RaiRadio3Classica.homeProgramma .menuProgramma li a.active,
.RaiRadio3Classica.homeProgramma .menuProgramma li a:hover,
.RaiRadio3Classica.homeProgramma .menuProgramma li.active,
.RaiRadio3Classica.homeProgramma .menuProgramma li.active a,
.RaiRadio3Classica .preFooterContainer a:hover,
.RaiRadio3Classica .MenuOver .Ulzero.right li a:hover,
.menu-comparsa ol>li.RaiRadio3Classica a:hover,
.RaiRadio3Classica .risultatiRicerca li.active a,
.RaiRadio3Classica.homeProgramma .userSocialActions li a:hover {
	color: #007650 !important;
	transition: all 200ms ease;
}

.RaiRadio3Classica .menuProgramma li a.active:after,
.RaiRadio3Classica .bg_dark.playlist li a.active:after,
.RaiRadio3Classica .risultatiRicerca li.active:after {
	background-color: #007650;
}


/* Colore principale palette con alpha */

.RaiRadio3Classica .cover,
.mainHeader.skew.color-RaiRadio3Classica-hover .cover {
	background: linear-gradient(to top, rgba(0, 180, 110, 0.25) 50%, rgba(255, 255, 255, 0));
}


/* Primo colore palette e secondo colore palette - footer */

.RaiRadio3Classica .preFooterContainer {
	background: linear-gradient(to left, #1ce584 50%, #0ecd79 50%);
}

.RaiRadio3Classica .containerGallery .slick-prev::before,
.RaiRadio3Classica .containerGallery .slick-next::before {
	border-color: #007650;
}


/***************************************/

/************* RADIO LIVE **************/


/***************************************/


/* Quarto colore palette */

.RaiRadioLive .bg_dark a:hover .svg_chan svg,
.RaiRadioLive.homeProgramma .userSocialActions li a:hover .svg_chan svg,
.RaiRadioLive.homeProgramma .userSocialActions li.active .svg_chan svg {
	stroke: #87080e;
	fill: #87080e;
	transition: all 200ms ease;
}


/* Colore principale palette */

.RaiRadioLive a:hover .svg_chan svg,
.RaiRadioLive.playlistProgramma .userSocialActions li.active a svg,
.RaiRadioLive.homeCanale li.ascoltaDiretta .svg_chan svg,
.RaiRadioLive.fogliaAod .svg_chan svg,
.RaiRadioLive .listaAudio .options li.ico.podcast:hover svg,
.RaiRadioLive .listaAudio .options li.ico.play:hover svg,
.RaiRadioLive .listaAudio .options li.ico.options:hover svg {
	stroke: #af090e;
	fill: #af090e;
}

.RaiRadioLive .filtroRisultatiRicerca ul li.selected span svg {
	fill: #af090e !important;
}

.RaiRadioLive .gradient_chan {
	/*background-image: linear-gradient(45deg, #00275a, #004996, #00a093);*/
	background-color: #bf0000;
}

.RaiRadioLive .bg_chan,
.RaiRadioLive .bg_dark ul li a:after,
.RaiRadioLive .wrapperGiorniGuida ul li.today,
.RaiRadioLive .fasciaCanale,
.RaiRadioLive .radioRai-containerGeneral li a.active:after,
.RaiRadioLive .radioRai-containerGeneral li a:hover:after,
.RaiRadioLive .collezioniSection .bg_dark.playlist ul li a.active:after,
.RaiRadioLive .radioRai-containerGeneral li a:hover:after,
.RaiRadioLive .collezioniSection .bg_dark.playlist ul li a:hover:after,
.RaiRadioLive .colorHover,
.RaiRadioLive .filtroRisultatiRicerca .inOnda .switch input:checked~.switch-paddle,
.RaiRadioLive.fogliaAod--easyweb .mejs-controls .mejs-time-rail .mejs-time-current {
	background-color: #af090e;
	transition: all 200ms ease;
}

.RaiRadioLive .colorHover,
.RaiRadioLive .boxMultimedia .fotoWrapper .cover {
	opacity: 0;
}

.RaiRadioLive .menuProgramma li.active a,
.RaiRadioLive .menuProgramma li a:hover,
.RaiRadioLive .color_chan,
.RaiRadioLive.archivio .headerProgramma h2,
.RaiRadioLive.media .headerProgramma h2,
.RaiRadioLive .mediaModal.mediaFotoProgramma h3,
.RaiRadioLive .mediaModal.mediaVideoProgramma h3,
.RaiRadioLive.archivio .headerProgramma h1,
.RaiRadioLive.articoloProgramma .headerProgramma h2,
.RaiRadioLive .bg_dark.playlist ul li a:hover,
.RaiRadioLive .bg_dark.playlist ul li a:hover span,
.RaiRadioLive .GeneriBlock h2 a,
.RaiRadioLive.set .lanci .infoWrapper .channel span,
.RaiRadioLive .radioRai-containerGeneral li a:hover,
.RaiRadioLive .bg_dark.playlist ul li a:hover,
.RaiRadioLive .collezioniSection .bg_dark.playlist ul li a:hover,
.RaiRadioLive .collezioniSection .bg_dark.playlist ul li a:hover span,
.RaiRadioLive .playlist ul li a.active,
.RaiRadioLive .multimediaSection li a:hover,
.RaiRadioLive .radioRai-playlist li a:hover span,
.RaiRadioLive .MenuOver .Ulzero.left li a:hover,
.RaiRadioLive .MenuOver .Ulzero.right li a,
.RaiRadioLive .MenuOver .Ulzero.cambiaCanale li[data-chan="RaiRadioLive"] a:hover,
.RaiRadioLive.homeCanale .headerProgramma h1,
.RaiRadioLive.homeCanale .headerProgramma .descriptionProgramma .menuDescriptionProgramma li a:hover,
.RaiRadioLive.homeCanale .headerProgramma .descriptionProgramma a,
.RaiRadioLive .filtroRisultatiRicerca ul li.selected:before,
.RaiRadioLive.playlistProgramma .headerProgramma h2,
.RaiRadioLive.playlistProgramma .headerProgramma h1,
.RaiRadioLive.playlistProgramma .menuProgramma li.active a,
.RaiRadioLive.playlistProgramma .menuProgramma li a:hover,
.RaiRadioLive .ascoltaDiretta .ico.play,
.RaiRadioLive .listaAudio .options li:hover span,
.RaiRadioLive.archivio h2,
.RaiRadioLive .listaAudio h3 a:hover,
.RaiRadioLive .puntateSection h2 {
	color: #af090e;
	transition: all 200ms ease;
}

.RaiRadioLive .pagination li.active a,
.RaiRadioLive.playlistProgramma .userSocialActions li.active a,
.RaiRadioLive.playlistProgramma .userSocialActions li a:hover,
.RaiRadioLive .collezioniSection .bg_dark.playlist ul li a.active {
	color: #af090e !important;
	transition: all 200ms ease;
}

.RaiRadioLive .pagination li.active {
	border-bottom: 2px solid #af090e;
	border-radius: 0;
}

.RaiRadioLive .filtroRisultatiRicerca .applicaFiltri .button,
.RaiRadioLive .ascoltaDiretta,
.RaiRadioLive .listaAudio .options li.ico.play:hover svg {
	border: 2px solid #af090e;
}


/* Colore principale palette alphato */

.RaiRadioLive.homeProgramma .fasciaCanale {
	background-color: rgba(175, 9, 14, 0.8);
}

.RaiRadioLive .boxMultimedia .fotoWrapper .cover {
	background-color: rgba(175, 9, 14, 0.2);
}


/* Immagine quadrati*/

.RaiRadioLive .mainHeader.skew .ChanColorRaiRadio,
.mainHeader.skew .HpColorRaiRadioLive {
	/*background-image: linear-gradient(30deg, #c71a1f, #af090e 50%, #ea112b);*/
	background: url('/dl/components/img/radio/06-RadioLive.png')top center no-repeat #bf0000;
}


/* Secondo colore palette alphato */

.RaiRadioLive #site-menu .sticked {
	background-color: rgba(205, 13, 29, 1);
}


/* Secondo colore palette */

.RaiRadioLive .bg_chan2 {
	background-color: #cd0d1d;
}


/* Primo colore palette */

.RaiRadioLive .bg_chan3,
.RaiRadioLive .elencoPlaylist.guida li.live,

/*.RaiRadioLive .elencoPlaylist.guida li.playing,*/

.RaiRadioLive .elencoPlaylist.guida li.playing .placeholder,
.RaiRadioLive .wrapperInfoFotoFoglia:before,
.RaiRadioLive .giorniGuida .active,
.RaiRadioLive .alfabeto li.active {
	background-color: #ea112b !important;
}


/* Quarto colore palette */

.RaiRadioLive .color_chan4,
.RaiRadioLive .GeneriBlock h2 a:hover,
.RaiRadioLive .bg_dark.playlist ul li a:hover,
.RaiRadioLive .bg_dark.playlist ul li a:hover span,
.RaiRadioLive .bg_dark.playlist ul li a.active,
.RaiRadioLive.homeProgramma .menuProgramma li.active,
.RaiRadioLive.homeProgramma .menuProgramma li.active a,
.RaiRadioLive.homeProgramma .menuProgramma li a.active,
.RaiRadioLive.homeProgramma .menuProgramma li a:hover,
.RaiRadioLive .preFooterContainer a:hover,
.RaiRadioLive .MenuOver .Ulzero.right li a:hover,
.menu-comparsa ol>li.RaiRadioLive a:hover,
.RaiRadioLive .risultatiRicerca li.active a,
.RaiRadioLive.homeProgramma .userSocialActions li a:hover {
	color: #87080e !important;
	transition: all 200ms ease;
}

.RaiRadioLive .menuProgramma li a.active:after,
.RaiRadioLive .bg_dark.playlist li a.active:after,
.RaiRadioLive .risultatiRicerca li.active:after {
	background-color: #87080e;
}


/* Colore principale palette con alpha */

.RaiRadioLive .cover,
.mainHeader.skew.color-RaiRadioLive-hover .cover {
	background: linear-gradient(to top, rgba(175, 9, 14, 0.25) 50%, rgba(255, 255, 255, 0));
}


/* Primo colore palette e secondo colore palette - footer */

.RaiRadioLive .preFooterContainer {
	background: linear-gradient(to left, #ea112b 50%, #cd0d1d 50%);
}

.RaiRadioLive .containerGallery .slick-prev::before,
.RaiRadioLive .containerGallery .slick-next::before {
	border-color: #87080e;
}


/***************************************/


/************ RADIO TECHETE ************/


/***************************************/


/* Quarto colore palette */

.RaiRadioTechete .bg_dark a:hover .svg_chan svg,
.RaiRadioTechete.homeProgramma .userSocialActions li a:hover .svg_chan svg,
.RaiRadioTechete.homeProgramma .userSocialActions li.active .svg_chan svg {
	stroke: #044f40;
	fill: #044f40;
	transition: all 200ms ease;
}


/* Colore principale palette */

.RaiRadioTechete a:hover .svg_chan svg,
.RaiRadioTechete.playlistProgramma .userSocialActions li.active a svg,
.RaiRadioTechete .ascoltaDiretta .svg_chan svg,
.RaiRadioTechete .listaAudio .options li.ico.podcast:hover svg,
.RaiRadioTechete .listaAudio .options li.ico.play:hover svg,
.RaiRadioTechete .listaAudio .options li.ico.options:hover svg {
	stroke: #066855;
	fill: #066855;
}

.RaiRadioTechete .filtroRisultatiRicerca ul li.selected span svg {
	fill: #066855 !important;
}

.RaiRadioTechete .gradient_chan {
	/*background-image: linear-gradient(45deg, #00275a, #004996, #00a093);*/
	background-color: #066855;
}

.RaiRadioTechete .bg_chan,
.RaiRadioTechete .bg_dark ul li a:after,
.RaiRadioTechete .wrapperGiorniGuida ul li.today,
.RaiRadioTechete .fasciaCanale,
.RaiRadioTechete .radioRai-containerGeneral li a.active:after,
.RaiRadioTechete .radioRai-containerGeneral li a:hover:after,
.RaiRadioTechete .collezioniSection .bg_dark.playlist ul li a.active:after,
.RaiRadioTechete .radioRai-containerGeneral li a:hover:after,
.RaiRadioTechete .collezioniSection .bg_dark.playlist ul li a:hover:after,
.RaiRadioTechete .colorHover,
.RaiRadioTechete .filtroRisultatiRicerca .inOnda .switch input:checked~.switch-paddle,
.RaiRadioTechete.fogliaAod--easyweb .mejs-controls .mejs-time-rail .mejs-time-current {
	background-color: #066855;
	transition: all 200ms ease;
}

.RaiRadioTechete .colorHover,
.RaiRadioTechete .boxMultimedia .fotoWrapper .cover {
	opacity: 0;
}

.RaiRadioTechete .menuProgramma li.active a,
.RaiRadioTechete .menuProgramma li a:hover,
.RaiRadioTechete .color_chan,
.RaiRadioTechete.archivio .headerProgramma h2,
.RaiRadioTechete.media .headerProgramma h2,
.RaiRadioTechete .mediaModal.mediaFotoProgramma h3,
.RaiRadioTechete .mediaModal.mediaVideoProgramma h3,
.RaiRadioTechete.archivio .headerProgramma h1,
.RaiRadioTechete.articoloProgramma .headerProgramma h2,
.RaiRadioTechete .bg_dark.playlist ul li a:hover,
.RaiRadioTechete .bg_dark.playlist ul li a:hover span,
.RaiRadioTechete .GeneriBlock h2 a,
.RaiRadioTechete .set .lanci .infoWrapper .channel span,
.RaiRadioTechete .radioRai-containerGeneral li a:hover,
.RaiRadioTechete .bg_dark.playlist ul li a:hover,
.RaiRadioTechete .collezioniSection .bg_dark.playlist ul li a:hover,
.RaiRadioTechete .collezioniSection .bg_dark.playlist ul li a:hover span,
.RaiRadioTechete .playlist ul li a.active,
.RaiRadioTechete .multimediaSection li a:hover,
.RaiRadioTechete .radioRai-playlist li a:hover span,
.RaiRadioTechete .MenuOver .Ulzero.left li a:hover,
.RaiRadioTechete .MenuOver .Ulzero.right li a,
.RaiRadioTechete .MenuOver .Ulzero.cambiaCanale li[data-chan="RaiRadioTechete"] a:hover,
.RaiRadioTechete.homeCanale .headerProgramma h1,
.RaiRadioTechete.homeCanale .headerProgramma .descriptionProgramma .menuDescriptionProgramma li a:hover,
.RaiRadioTechete.homeCanale .headerProgramma .descriptionProgramma a,
.RaiRadioTechete .filtroRisultatiRicerca ul li.selected:before,
.RaiRadioTechete.playlistProgramma .headerProgramma h2,
.RaiRadioTechete.playlistProgramma .headerProgramma h1,
.RaiRadioTechete.playlistProgramma .menuProgramma li.active a,
.RaiRadioTechete.playlistProgramma .menuProgramma li a:hover,
.RaiRadioTechete .ascoltaDiretta .ico.play,
.RaiRadioTechete .listaAudio .options li:hover span,
.RaiRadioTechete.archivio h2,
.RaiRadioTechete .listaAudio h3 a:hover,
.RaiRadioTechete .puntateSection h2 {
	color: #066855;
	transition: all 200ms ease;
}

.RaiRadioTechete .pagination li.active a,
.RaiRadioTechete.playlistProgramma .userSocialActions li.active a,
.RaiRadioTechete.playlistProgramma .userSocialActions li a:hover .RaiRadioTechete .collezioniSection .bg_dark.playlist ul li a.active {
	color: #066855 !important;
	transition: all 200ms ease;
}

.RaiRadioTechete .pagination li.active {
	border-bottom: 2px solid #066855;
	border-radius: 0;
}

.RaiRadioTechete .filtroRisultatiRicerca .applicaFiltri .button,
.RaiRadioTechete .ascoltaDiretta,
.RaiRadioTechete .listaAudio .options li.ico.play:hover svg {
	border: 2px solid #066855;
}


/* Colore principale palette alphato */

.RaiRadioTechete.homeProgramma .fasciaCanale {
	background-color: rgba(6, 104, 85, 0.8);
}

.RaiRadioTechete .boxMultimedia .fotoWrapper .cover {
	background-color: rgba(6, 104, 85, 0.2);
}


/* Immagine quadrati*/

.RaiRadioTechete .mainHeader.skew .ChanColorRaiRadio,
.mainHeader.skew .HpColorRaiRadioTechete {
	/*background-image: linear-gradient(30deg, #c71a1f, #066855 50%, #41b49e);*/
	background: url('/dl/components/img/radio/11-Techete.png')top center no-repeat #006a54;
}


/* Secondo colore palette alphato */

.RaiRadioTechete #site-menu .sticked {
	background-color: rgba(36, 142, 122, 1);
}


/* Secondo colore palette */

.RaiRadioTechete .bg_chan2 {
	background-color: #248e7a;
}


/* Primo colore palette */

.RaiRadioTechete .bg_chan3,
.RaiRadioTechete .elencoPlaylist.guida li.live,

/*.RaiRadioTechete .elencoPlaylist.guida li.playing,*/

.RaiRadioTechete .elencoPlaylist.guida li.playing .placeholder,
.RaiRadioTechete .wrapperInfoFotoFoglia:before,
.RaiRadioTechete .giorniGuida .active,
.RaiRadioTechete .alfabeto li.active {
	background-color: #41b49e !important;
}


/* Quarto colore palette */

.RaiRadioTechete .color_chan4,
.RaiRadioTechete .GeneriBlock h2 a:hover,
.RaiRadioTechete .bg_dark.playlist ul li a:hover,
.RaiRadioTechete .bg_dark.playlist ul li a:hover span,
.RaiRadioTechete .bg_dark.playlist ul li a.active,
.RaiRadioTechete.homeProgramma .menuProgramma li a.active,
.RaiRadioTechete.homeProgramma .menuProgramma li a:hover,
.RaiRadioTechete.homeProgramma .menuProgramma li.active,
.RaiRadioTechete.homeProgramma .menuProgramma li.active a,
.RaiRadioTechete .preFooterContainer a:hover,
.RaiRadioTechete .MenuOver .Ulzero.right li a:hover,
.menu-comparsa ol>li.RaiRadioTechete a:hover,
.RaiRadioTechete .risultatiRicerca li.active a,
.RaiRadioTechete.homeProgramma .userSocialActions li a:hover {
	color: #044f40 !important;
	transition: all 200ms ease;
}

.RaiRadioTechete .menuProgramma li a.active:after,
.RaiRadioTechete .bg_dark.playlist li a.active:after,
.RaiRadioTechete .risultatiRicerca li.active:after {
	background-color: #044f40;
}


/* Colore principale palette con alpha */

.RaiRadioTechete .cover,
.mainHeader.skew.color-RaiRadioTechete-hover .cover {
	background: linear-gradient(to top, rgba(6, 104, 85, 0.25) 50%, rgba(255, 255, 255, 0));
}


/* Primo colore palette e secondo colore palette - footer */

.RaiRadioTechete .preFooterContainer {
	background: linear-gradient(to left, #41b49e 50%, #248e7a 50%);
}

.RaiRadioTechete .containerGallery .slick-prev::before,
.RaiRadioTechete .containerGallery .slick-next::before {
	border-color: #044f40;
}


/***************************************/


/************ RADIO ITALIANA ***********/


/***************************************/


/* Quarto colore palette */

.RaiRadioTuttaItaliana .bg_dark a:hover .svg_chan svg,
.RaiRadioTuttaItaliana.homeProgramma .userSocialActions li a:hover .svg_chan svg,
.RaiRadioTuttaItaliana.homeProgramma .userSocialActions li.active .svg_chan svg {
	stroke: #0f4c65;
	fill: #0f4c65;
	transition: all 200ms ease;
}


/* Colore principale palette */

.RaiRadioTuttaItaliana a:hover .svg_chan svg,
.RaiRadioTuttaItaliana.playlistProgramma .userSocialActions li.active a svg,
.RaiRadioTuttaItaliana .ascoltaDiretta .svg_chan svg,
.RaiRadioTuttaItaliana .listaAudio .options li.ico.podcast:hover svg,
.RaiRadioTuttaItaliana .listaAudio .options li.ico.play:hover svg,
.RaiRadioTuttaItaliana .listaAudio .options li.ico.options:hover svg {
	stroke: #135f7e;
	fill: #135f7e;
}

.RaiRadioTuttaItaliana .filtroRisultatiRicerca ul li.selected span svg {
	fill: #135f7e !important;
}

.RaiRadioTuttaItaliana .gradient_chan {
	/*background-image: linear-gradient(45deg, #00275a, #004996, #00a093);*/
	background-color: #006081;
}

.RaiRadioTuttaItaliana .bg_chan,
.RaiRadioTuttaItaliana .bg_dark ul li a:after,
.RaiRadioTuttaItaliana .wrapperGiorniGuida ul li.today,
.RaiRadioTuttaItaliana .fasciaCanale,
.RaiRadioTuttaItaliana .radioRai-containerGeneral li a.active:after,
.RaiRadioTuttaItaliana .radioRai-containerGeneral li a:hover:after,
.RaiRadioTuttaItaliana .collezioniSection .bg_dark.playlist ul li a.active:after,
.RaiRadioTuttaItaliana .radioRai-containerGeneral li a:hover:after,
.RaiRadioTuttaItaliana .collezioniSection .bg_dark.playlist ul li a:hover:after,
.RaiRadioTuttaItaliana .colorHover,
.RaiRadioTuttaItaliana .filtroRisultatiRicerca .inOnda .switch input:checked~.switch-paddle,
.RaiRadioTuttaItaliana.fogliaAod--easyweb .mejs-controls .mejs-time-rail .mejs-time-current {
	background-color: #135f7e;
	transition: all 200ms ease;
}

.RaiRadioTuttaItaliana .colorHover,
.RaiRadioTuttaItaliana .boxMultimedia .fotoWrapper .cover {
	opacity: 0;
}

.RaiRadioTuttaItaliana .menuProgramma li.active a,
.RaiRadioTuttaItaliana .menuProgramma li a:hover,
.RaiRadioTuttaItaliana .color_chan,
.RaiRadioTuttaItaliana.archivio .headerProgramma h2,
.RaiRadioTuttaItaliana.media .headerProgramma h2,
.RaiRadioTuttaItaliana .mediaModal.mediaFotoProgramma h3,
.RaiRadioTuttaItaliana .mediaModal.mediaVideoProgramma h3,
.RaiRadioTuttaItaliana.archivio .headerProgramma h1,
.RaiRadioTuttaItaliana.articoloProgramma .headerProgramma h2,
.RaiRadioTuttaItaliana .bg_dark.playlist ul li a:hover,
.RaiRadioTuttaItaliana .bg_dark.playlist ul li a:hover span,
.RaiRadioTuttaItaliana .GeneriBlock h2 a,
.RaiRadioTuttaItaliana.set .lanci .infoWrapper .channel span,
.RaiRadioTuttaItaliana .radioRai-containerGeneral li a:hover,
.RaiRadioTuttaItaliana .bg_dark.playlist ul li a:hover,
.RaiRadioTuttaItaliana .collezioniSection .bg_dark.playlist ul li a:hover,
.RaiRadioTuttaItaliana .collezioniSection .bg_dark.playlist ul li a:hover span,
.RaiRadioTuttaItaliana .playlist ul li a.active,
.RaiRadioTuttaItaliana .multimediaSection li a:hover,
.RaiRadioTuttaItaliana .radioRai-playlist li a:hover span,
.RaiRadioTuttaItaliana .MenuOver .Ulzero.left li a:hover,
.RaiRadioTuttaItaliana .MenuOver .Ulzero.right li a,
.RaiRadioTuttaItaliana .MenuOver .Ulzero.cambiaCanale li[data-chan="RaiRadioTuttaItaliana"] a:hover,
.RaiRadioTuttaItaliana.homeCanale .headerProgramma h1,
.RaiRadioTuttaItaliana.homeCanale .headerProgramma .descriptionProgramma .menuDescriptionProgramma li a:hover,
.RaiRadioTuttaItaliana.homeCanale .headerProgramma .descriptionProgramma a,
.RaiRadioTuttaItaliana .filtroRisultatiRicerca ul li.selected:before,
.RaiRadioTuttaItaliana.playlistProgramma .headerProgramma h2,
.RaiRadioTuttaItaliana.playlistProgramma .headerProgramma h1,
.RaiRadioTuttaItaliana.playlistProgramma .menuProgramma li.active a,
.RaiRadioTuttaItaliana.playlistProgramma .menuProgramma li a:hover,
.RaiRadioTuttaItaliana .ascoltaDiretta .ico.play,
.RaiRadioTuttaItaliana .listaAudio .options li:hover span,
.RaiRadioTuttaItaliana.archivio h2,
.RaiRadioTuttaItaliana .listaAudio h3 a:hover,
.RaiRadioTuttaItaliana .puntateSection h2 {
	color: #135f7e;
	transition: all 200ms ease;
}

.RaiRadioTuttaItaliana .pagination li.active a,
.RaiRadioTuttaItaliana.playlistProgramma .userSocialActions li.active a,
.RaiRadioTuttaItaliana.playlistProgramma .userSocialActions li a:hover,
.RaiRadioTuttaItaliana .collezioniSection .bg_dark.playlist ul li a.active {
	color: #135f7e !important;
}

.RaiRadioTuttaItaliana .pagination li.active {
	border-bottom: 2px solid #135f7e;
	border-radius: 0;
}

.RaiRadioTuttaItaliana .filtroRisultatiRicerca .applicaFiltri .button,
.RaiRadioTuttaItaliana .ascoltaDiretta,
.RaiRadioTuttaItaliana .listaAudio .options li.ico.play:hover svg {
	border: 2px solid #135f7e;
}


/* Colore principale palette alphato */

.RaiRadioTuttaItaliana.homeProgramma .fasciaCanale {
	background-color: rgba(19, 95, 126, 0.8);
}

.RaiRadioTuttaItaliana .boxMultimedia .fotoWrapper .cover {
	background-color: rgba(19, 95, 126, 0.2);
}


/* Immagine quadrati*/

.RaiRadioTuttaItaliana .mainHeader.skew .ChanColorRaiRadio,
.mainHeader.skew .HpColorRaiRadioTuttaItaliana {
	/*background-image: linear-gradient(30deg, #c71a1f, #135f7e 50%, #32b1e3);*/
	background: url('/dl/components/img/radio/05-Tuttaitaliana.png')top center no-repeat #006081;
}


/* Secondo colore palette alphato */

.RaiRadioTuttaItaliana #site-menu .sticked {
	background-color: rgba(35, 136, 177, 1);
}


/* Secondo colore palette */

.RaiRadioTuttaItaliana .bg_chan2 {
	background-color: #2388b1;
}


/* Primo colore palette */

.RaiRadioTuttaItaliana .bg_chan3,
.RaiRadioTuttaItaliana .elencoPlaylist.guida li.live,

/*.RaiRadioTuttaItaliana .elencoPlaylist.guida li.playing,*/

.RaiRadioTuttaItaliana .elencoPlaylist.guida li.playing .placeholder,
.RaiRadioTuttaItaliana .wrapperInfoFotoFoglia:before,
.RaiRadioTuttaItaliana .giorniGuida .active,
.RaiRadioTuttaItaliana .alfabeto li.active {
	background-color: #32b1e3 !important;
}


/* Quarto colore palette */

.RaiRadioTuttaItaliana .color_chan4,
.RaiRadioTuttaItaliana .GeneriBlock h2 a:hover,
.RaiRadioTuttaItaliana .bg_dark.playlist ul li a:hover,
.RaiRadioTuttaItaliana .bg_dark.playlist ul li a:hover span,
.RaiRadioTuttaItaliana .bg_dark.playlist ul li a.active,
.RaiRadioTuttaItaliana.homeProgramma .menuProgramma li.active,
.RaiRadioTuttaItaliana.homeProgramma .menuProgramma li.active a,
.RaiRadioTuttaItaliana.homeProgramma .menuProgramma li a.active,
.RaiRadioTuttaItaliana.homeProgramma .menuProgramma li a:hover,
.RaiRadioTuttaItaliana .preFooterContainer a:hover,
.RaiRadioTuttaItaliana .MenuOver .Ulzero.right li a:hover,
.menu-comparsa ol>li.RaiRadioTuttaItaliana a:hover,
.RaiRadioTuttaItaliana .risultatiRicerca li.active a,
.RaiRadioTuttaItaliana.homeProgramma .userSocialActions li a:hover {
	color: #0f4c65 !important;
	transition: all 200ms ease;
}

.RaiRadioTuttaItaliana .menuProgramma li a.active:after,
.RaiRadioTuttaItaliana .bg_dark.playlist li a.active:after,
.RaiRadioTuttaItaliana .risultatiRicerca li.active:after {
	background-color: #0f4c65;
}


/* Colore principale palette con alpha */

.RaiRadioTuttaItaliana .cover,
.mainHeader.skew.color-RaiRadioTuttaItaliana-hover .cover {
	background: linear-gradient(to top, rgba(19, 95, 126, 0.25) 50%, rgba(255, 255, 255, 0));
}


/* Primo colore palette e secondo colore palette - footer */

.RaiRadioTuttaItaliana .preFooterContainer {
	background: linear-gradient(to left, #32b1e3 50%, #2388b1 50%);
}

.RaiRadioTuttaItaliana .containerGallery .slick-prev::before,
.RaiRadioTuttaItaliana .containerGallery .slick-next::before {
	border-color: #0f4c65;
}


/***************************************/


/****** RADIO ISORADIO PARLAMENTO ******/


/***************************************/


/* Quarto colore palette */

.RaiRadioGRParlamento .bg_dark a:hover .svg_chan svg,
.RaiIsoradio .bg_dark a:hover .svg_chan svg,
.RaiRadioGRParlamento.homeProgramma .userSocialActions li a:hover .svg_chan svg,
.RaiIsoradio.homeProgramma .userSocialActions li a:hover .svg_chan svg,
.RaiRadioGRParlamento.homeProgramma .userSocialActions li.active .svg_chan svg,
.RaiIsoradio.homeProgramma .userSocialActions li.active .svg_chan svg {
	stroke: #000077;
	fill: #000077;
	transition: all 200ms ease;
}


/* Colore principale palette */

.RaiRadioGRParlamento a:hover .svg_chan svg,
.RaiIsoradio a:hover .svg_chan svg,
.RaiRadioGRParlamento.playlistProgramma .userSocialActions li.active a svg,
.RaiIsoradio.playlistProgramma .userSocialActions li.active a svg,
.RaiIsoradio .ascoltaDiretta .svg_chan svg,
.RaiRadioGRParlamento .ascoltaDiretta .svg_chan svg,
.RaiIsoradio .listaAudio .options li.ico.podcast:hover svg,
.RaiIsoradio .listaAudio .options li.ico.play:hover svg,
.RaiIsoradio .listaAudio .options li.ico.options:hover svg,
.RaiRadioGRParlamento .listaAudio .options li.ico.podcast:hover svg,
.RaiRadioGRParlamento .listaAudio .options li.ico.play:hover svg,
.RaiRadioGRParlamento .listaAudio .options li.ico.options:hover svg {
	stroke: #000099;
	fill: #000099;
}

.RaiRadioGRParlamento .filtroRisultatiRicerca ul li.selected span svg,
.RaiIsoradio .filtroRisultatiRicerca ul li.selected span svg {
	fill: #000099 !important;
}

.RaiRadioGRParlamento .gradient_chan,
.RaiIsoradio .gradient_chan {
	/*background-image: linear-gradient(45deg, #00275a, #004996, #00a093);*/
	background-color: #004996;
}

.RaiRadioGRParlamento .bg_chan,
.RaiRadioGRParlamento .bg_dark ul li a:after,
.RaiRadioGRParlamento .wrapperGiorniGuida ul li.today,
.RaiRadioGRParlamento .fasciaCanale,
.RaiRadioGRParlamento .radioRai-containerGeneral li a.active:after,
.RaiRadioGRParlamento .radioRai-containerGeneral li a:hover:after,
.RaiRadioGRParlamento .collezioniSection .bg_dark.playlist ul li a.active:after,
.RaiRadioGRParlamento .radioRai-containerGeneral li a:hover:after,
.RaiRadioGRParlamento .collezioniSection .bg_dark.playlist ul li a:hover:after,
.RaiRadioGRParlamento .colorHover,
.RaiIsoradio .bg_chan,
.RaiIsoradio .bg_dark ul li a:after,
.RaiIsoradio .wrapperGiorniGuida ul li.today,
.RaiIsoradio .fasciaCanale,
.RaiIsoradio .radioRai-containerGeneral li a.active:after,
.RaiIsoradio .radioRai-containerGeneral li a:hover:after,
.RaiIsoradio .collezioniSection .bg_dark.playlist ul li a.active:after,
.RaiIsoradio .radioRai-containerGeneral li a:hover:after,
.RaiIsoradio .collezioniSection .bg_dark.playlist ul li a:hover:after,
.RaiIsoradio .colorHover,
.RaiIsoradio .filtroRisultatiRicerca .inOnda .switch input:checked~.switch-paddle,
.RaiRadioGRParlamento .filtroRisultatiRicerca .inOnda .switch input:checked~.switch-paddle,
.RaiIsoradio.fogliaAod--easyweb .mejs-controls .mejs-time-rail .mejs-time-current,
.RaiRadioGRParlamento.fogliaAod--easyweb .mejs-controls .mejs-time-rail .mejs-time-current {
	background-color: #000099;
	transition: all 200ms ease;
}

.RaiRadioGRParlamento .colorHover,
.RaiIsoradio .colorHover,
.RaiRadioGRParlamento .boxMultimedia .fotoWrapper .cover,
.RaiIsoradio .boxMultimedia .fotoWrapper .cover {
	opacity: 0;
}

.archivio.RaiRadioGRParlamento .menuProgramma li.active a,
.archivio.RaiRadioGRParlamento .menuProgramma li a:hover,
.RaiRadioGRParlamento .color_chan,
.RaiRadioGRParlamento.archivio .headerProgramma h2,
.RaiRadioGRParlamento.media .headerProgramma h2,
.RaiRadioGRParlamento .mediaModal.mediaFotoProgramma h3,
.RaiRadioGRParlamento .mediaModal.mediaVideoProgramma h3,
.RaiRadioGRParlamento.archivio .headerProgramma h1,
.RaiRadioGRParlamento.articoloProgramma .headerProgramma h2,
.RaiRadioGRParlamento .bg_dark.playlist ul li a:hover,
.RaiRadioGRParlamento .bg_dark.playlist ul li a:hover span,
.RaiRadioGRParlamento .GeneriBlock h2 a,
.RaiRadioGRParlamento.set .lanci .infoWrapper .channel span,
.RaiRadioGRParlamento .radioRai-containerGeneral li a:hover,
.RaiRadioGRParlamento .bg_dark.playlist ul li a:hover,
.RaiRadioGRParlamento .collezioniSection .bg_dark.playlist ul li a:hover,
.RaiRadioGRParlamento .collezioniSection .bg_dark.playlist ul li a:hover span,
.RaiRadioGRParlamento .playlist ul li a.active,
.RaiRadioGRParlamento .multimediaSection li a:hover,
.RaiRadioGRParlamento .radioRai-playlist li a:hover span,
.RaiRadioGRParlamento .MenuOver .Ulzero.left li a:hover,
.RaiRadioGRParlamento .MenuOver .Ulzero.right li a,
.RaiRadioGRParlamento .MenuOver .Ulzero.cambiaCanale li[data-chan="RaiRadioGRParlamento"] a:hover,
.RaiRadioGRParlamento.homeCanale .headerProgramma h1,
.RaiRadioGRParlamento.homeCanale .headerProgramma .descriptionProgramma .menuDescriptionProgramma li a:hover,
.RaiRadioGRParlamento.homeCanale .headerProgramma .descriptionProgramma a,
.archivio.RaiIsoradio .menuProgramma li.active a,
.archivio.RaiIsoradio .menuProgramma li a:hover,
.RaiIsoradio .color_chan,
.RaiIsoradio.archivio .headerProgramma h2,
.RaiIsoradio.media .headerProgramma h2,
.RaiIsoradio.archivio .headerProgramma h1,
.RaiIsoradio.articoloProgramma .headerProgramma h2,
.RaiIsoradio .bg_dark.playlist ul li a:hover,
.RaiIsoradio .bg_dark.playlist ul li a:hover span,
.RaiIsoradio .GeneriBlock h2 a,
.RaiIsoradio.set .lanci .infoWrapper .channel span,
.RaiIsoradio .radioRai-containerGeneral li a:hover,
.RaiIsoradio .bg_dark.playlist ul li a:hover,
.RaiIsoradio .collezioniSection .bg_dark.playlist ul li a:hover,
.RaiIsoradio .collezioniSection .bg_dark.playlist ul li a:hover span,
.RaiIsoradio .playlist ul li a.active,
.RaiIsoradio .multimediaSection li a:hover,
.RaiIsoradio .radioRai-playlist li a:hover span,
.RaiIsoradio .MenuOver .Ulzero.left li a:hover,
.RaiIsoradio .MenuOver .Ulzero.right li a,
.RaiIsoradio .MenuOver .Ulzero.cambiaCanale li[data-chan="RaiRadioGRParlamento"] a:hover,
.RaiIsoradio.homeCanale .headerProgramma h1,
.RaiIsoradio.homeCanale .headerProgramma .descriptionProgramma .menuDescriptionProgramma li a:hover,
.RaiIsoradio.homeCanale .headerProgramma .descriptionProgramma a,
.RaiIsoradio .filtroRisultatiRicerca ul li.selected:before,
.RaiRadioGRParlamento .filtroRisultatiRicerca ul li.selected:before,
.RaiIsoradio.playlistProgramma .headerProgramma h2,
.RaiRadioGRParlamento.playlistProgramma .headerProgramma h2,
.RaiIsoradio.playlistProgramma .headerProgramma h1,
.RaiRadioGRParlamento.playlistProgramma .headerProgramma h1,
.RaiIsoradio.playlistProgramma .menuProgramma li.active a,
.RaiIsoradio.playlistProgramma .menuProgramma li a:hover,
.RaiRadioGRParlamento.playlistProgramma .menuProgramma li.active a,
.RaiRadioGRParlamento.playlistProgramma .menuProgramma li a:hover,
.RaiRadioGRParlamento .ascoltaDiretta .ico.play,
.RaiIsoradio .ascoltaDiretta .ico.play,
.RaiIsoradio .listaAudio .options li:hover span,
.RaiRadioGRParlamento .listaAudio .options li:hover span,
.RaiIsoradio.archivio h2,
.RaiRadioGRParlamento.archivio h2,
.RaiIsoradio .listaAudio h3 a:hover,
.RaiRadioGRParlamento .listaAudio h3 a:hover,
.RaiIsoradio .puntateSection h2,
.RaiRadioGRParlamento .puntateSection h2 {
	color: #000099;
	transition: all 200ms ease;
}

.RaiIsoradio .pagination li.active a,
.RaiIsoradio.playlistProgramma .userSocialActions li.active a,
.RaiIsoradio.playlistProgramma .userSocialActions li a:hover,
.RaiRadioGRParlamento .pagination li.active a,
.RaiRadioGRParlamento.playlistProgramma .userSocialActions li.active a,
.RaiRadioGRParlamento.playlistProgramma .userSocialActions li a:hover,
.RaiIsoradio .collezioniSection .bg_dark.playlist ul li a.active,
.RaiRadioGRParlamento .collezioniSection .bg_dark.playlist ul li a.active {
	color: #000099 !important;
	transition: all 200ms ease;
}

.RaiRadioGRParlamento .pagination li.active,
.RaiIsoradio .pagination li.active {
	border-bottom: 2px solid #000099;
	border-radius: 0;
}

.RaiRadioGRParlamento .filtroRisultatiRicerca .applicaFiltri .button,
.RaiIsoradio .filtroRisultatiRicerca .applicaFiltri .button,
.RaiIsoradio .ascoltaDiretta,
.RaiRadioGRParlamento .ascoltaDiretta,
.RaiIsoradio .listaAudio .options li.ico.play:hover svg,
.RaiRadioGRParlamento .listaAudio .options li.ico.play:hover svg {
	border: 2px solid #000099;
}


/* Colore principale palette alphato */

.RaiRadioGRParlamento.homeProgramma .fasciaCanale,
.RaiIsoradio.homeProgramma .fasciaCanale {
	background-color: rgba(0, 0, 153, 0.8);
}

.RaiRadioGRParlamento .boxMultimedia .fotoWrapper .cover,
.RaiIsoradio .boxMultimedia .fotoWrapper .cover {
	background-color: rgba(0, 0, 153, 0.2);
}


/* Immagine quadrati*/

.RaiRadioGRParlamento .mainHeader.skew .ChanColorRaiRadio,
.mainHeader.skew .HpColorGrParlamento {
	/*background-image: linear-gradient(30deg, #c71a1f, #000099 50%, #4848ff);*/
	background: url('/dl/components/img/radio/09-GrParlamento.png') top center no-repeat #004996;
}

.RaiIsoradio .mainHeader.skew .ChanColorRaiRadio,
.mainHeader.skew .HpColorRaiIsoRadio {
	background: url('/dl/components/img/radio/10-Isoradio.png') top center no-repeat #004996;
}


/* Secondo colore palette alphato */

.RaiRadioGRParlamento #site-menu .sticked,
.RaiIsoradio #site-menu .sticked {
	background-color: rgba(36, 36, 204, 1);
}


/* Secondo colore palette */

.RaiRadioGRParlamento .bg_chan2,
.RaiIsoradio .bg_chan2 {
	background-color: #2424cc;
}

.RaiRadioGRParlamento .headerProgramma {
	margin-bottom: 200px !important;
}


/* Primo colore palette */

.RaiRadioGRParlamento .bg_chan3,
.RaiRadioGRParlamento .elencoPlaylist.guida li.live,

/*.RaiRadioGRParlamento .elencoPlaylist.guida li.playing,*/

.RaiRadioGRParlamento .elencoPlaylist.guida li.playing .placeholder,
.RaiRadioGRParlamento .wrapperInfoFotoFoglia:before,
.RaiRadioGRParlamento .giorniGuida .active,
.RaiRadioGRParlamento .alfabeto li.active .RaiIsoradio .bg_chan3,
.RaiIsoradio .elencoPlaylist.guida li.live,

/*.RaiIsoradio .elencoPlaylist.guida li.playing,*/

.RaiIsoradio .elencoPlaylist.guida li.playing .placeholder,
.RaiIsoradio .wrapperInfoFotoFoglia:before,
.RaiIsoradio .giorniGuida .active,
.RaiIsoradio .alfabeto li.active {
	background-color: #4848ff !important;
}


/* Quarto colore palette */

.RaiRadioGRParlamento .color_chan4,
.RaiRadioGRParlamento .menuProgramma li a.active,
.RaiRadioGRParlamento .menuProgramma li a:hover,
.RaiRadioGRParlamento .GeneriBlock h2 a:hover,
.RaiRadioGRParlamento .bg_dark.playlist ul li a:hover,
.RaiRadioGRParlamento .bg_dark.playlist ul li a:hover span,
.RaiRadioGRParlamento .bg_dark.playlist ul li a.active,
.RaiRadioGRParlamento .menuProgramma li.active,
.RaiRadioGRParlamento .menuProgramma li.active a,
.RaiRadioGRParlamento .preFooterContainer a:hover,
.RaiRadioGRParlamento .MenuOver .Ulzero.right li a:hover,
.menu-comparsa ol>li.RaiRadioGRParlamento a:hover,
.RaiIsoradio .color_chan4,
.RaiIsoradio .menuProgramma li a.active,
.RaiIsoradio .menuProgramma li a:hover,
.RaiIsoradio .GeneriBlock h2 a:hover,
.RaiIsoradio .bg_dark.playlist ul li a:hover,
.RaiIsoradio .bg_dark.playlist ul li a:hover span,
.RaiIsoradio .bg_dark.playlist ul li a.active,
.RaiIsoradio .menuProgramma li.active,
.RaiIsoradio .menuProgramma li.active a,
.RaiIsoradio .preFooterContainer a:hover,
.RaiIsoradio .MenuOver .Ulzero.right li a:hover,
.menu-comparsa ol>li.RaiIsoradio a:hover,
.RaiRadioGRParlamento .risultatiRicerca li.active a,
.RaiIsoradio .risultatiRicerca li.active a,
.RaiRadioGRParlamento.homeProgramma .userSocialActions li a:hover,
.RaiIsoradio.homeProgramma .userSocialActions li a:hover {
	color: #000077 !important;
	transition: all 200ms ease;
}

.RaiRadioGRParlamento .menuProgramma li a.active:after,
.RaiRadioGRParlamento .bg_dark.playlist li a.active:after,
.RaiIsoradio .menuProgramma li a.active:after,
.RaiIsoradio .bg_dark.playlist li a.active:after,
.RaiRadioGRParlamento .risultatiRicerca li.active:after,
.RaiIsoradio .risultatiRicerca li.active:after {
	background-color: #000077;
}


/* Colore principale palette con alpha */

.RaiRadioGRParlamento .cover,
.mainHeader.skew.color-RaiRadioGRParlamento-hover .cover,
.RaiIsoradio .cover,
.mainHeader.skew.color-RaiIsoradio-hover .cover {
	background: linear-gradient(to top, rgba(0, 0, 153, 0.25) 50%, rgba(255, 255, 255, 0));
}


/* Primo colore palette e secondo colore palette - footer */

.RaiRadioGRParlamento .preFooterContainer,
.RaiIsoradio .preFooterContainer {
	background: linear-gradient(to left, #4848ff 50%, #2424cc 50%);
}

.RaiRadioGRParlamento.media .slick-prev::before,
.RaiRadioGRParlamento.media .slick-next::before,
.RaiIsoradio.media .slick-prev::before,
.RaiIsoradio.media .slick-next::before {
	border-color: #000077;
}


/***** RADIO GR - RADIO GENERICA *****/

.RaiRadioGR .mainHeader.skew .ChanColorRaiRadio,
.mainHeader.skew .HpColorRaiGiornaleRadio,
.raiRadioGenerica .mainHeader.skew .ChanColorRaiRadio,
.mainHeader.skew .HpColorRaiRadioGenerico {
	background: url('/dl/components/img/radio/sfondo_header_generico.png') top center no-repeat #14232a;
}

.RaiRadioGR .bg_chan,
.RaiRadioGR .bg_dark ul li a:after,
.raiRadioGenerica .bg_dark ul li a:after,
.raiRadioGenerica .bgchan,
.RaiRadioGR .fasciaCanale {
	background-color: #004996;
}

.RaiRadioGR.homeProgramma .fasciaCanale,
.raiRadioGenerica.homeProgramma .fasciaCanale {
	background-color: rgba(0, 73, 150, 0.8);
}

.RaiRadioGR .boxMultimedia .fotoWrapper .cover,
.raiRadioGenerica .boxMultimedia .fotoWrapper .cover {
	background-color: rgba(0, 73, 150, 0.2);
}

.RaiRadioGR .bg_chan2,
.raiRadioGenerica .bg_chan2,
.RaiRadioGR .wrapperGiorniGuida.stickyGuida,
.raiRadioGenerica .wrapperGiorniGuida.stickyGuida {
	background-color: #0057ab;
}

.RaiRadioGR .bg_chan3,
.raiRadioGenerica .bg_chan3,
.RaiRadioGR .elencoPlaylist.guida li.live,
.raiRadioGenerica .elencoPlaylist.guida li.live,
.RaiRadioGR .elencoPlaylist.guida li.playing,
.raiRadioGenerica .elencoPlaylist.guida li.playing,
.RaiRadioGR .elencoPlaylist.guida li.playing .placeholder,
.raiRadioGenerica .elencoPlaylist.guida li.playing .placeholder,
.RaiRadioGR .wrapperInfoFotoFoglia:before,
.raiRadioGenerica .wrapperInfoFotoFoglia:before,
.RaiRadioGR .giorniGuida .active,
.raiRadioGenerica .giorniGuida .active,
.raiRadioGenerica .alfabeto li.active {
	background-color: #0064bf !important;
}

.archivio.RaiRadioGR .menuProgramma li.active a,
.archivio.RaiRadioGR .menuProgramma li a:hover,
.archivio.raiRadioGenerica .menuProgramma li.active a,
.archivio.raiRadioGenerica .menuProgramma li a:hover,
.archivio.raiRadioGenerica .headerProgramma h1,
.raiRadioGenerica.playlistProgramma .headerProgramma h2,
.raiRadioGenerica.playlistProgramma .menuProgramma li.active a,
.RaiRadioGR .color_chan,
.RaiRadioGR.archivio .headerProgramma h2,
.RaiRadioGR.articoloProgramma .headerProgramma h2,
.raiRadioGenerica.articoloProgramma .headerProgramma h2,
.raiRadioGenerica.archivio .headerProgramma h2,
.media .headerProgramma h2,
.RaiRadioGR .bg_dark.playlist ul li a:hover,
.raiRadioGenerica .color_chan,
.raiRadioGenerica .bg_dark.playlist ul li a:hover,
.RaiRadioGR .GeneriBlock h2 a,
.raiRadioGenerica .GeneriBlock h2 a,
.RaiRadioGR.set .lanci .infoWrapper .channel span,
.raiRadioGenerica.set .lanci .infoWrapper .channel span,
.RaiRadioGR .multimediaSection li a:hover,
.raiRadioGenerica .multimediaSection li a:hover,
.menu-comparsa ol>li.raiRadioGenerica a:hover,
.menu-comparsa ol>li.RaiRadioGR a:hover {
	color: #004996;
	transition: all 200ms ease;
}

.RaiRadioGR .color_chan4,
.RaiRadioGR .menuProgramma li a.active,
.RaiRadioGR .menuProgramma li a:hover,
.RaiRadioGR .radioRai-playlist li a:hover span,
.raiRadioGenerica .color_chan4,
.raiRadioGenerica .menuProgramma li a.active,
.raiRadioGenerica .menuProgramma li a:hover,
.RaiRadioGR .bg_dark.playlist ul li a:hover,
.RaiRadioGR .bg_dark.playlist ul li a:hover span,
.RaiRadioGR .GeneriBlock h2 a:hover,
.raiRadioGenerica .GeneriBlock h2 a:hover,
.RaiRadioGR .bg_dark.playlist ul li a.active,
.RaiRadioGR .risultatiRicerca li.active a,
.raiRadioGenerica .risultatiRicerca li.active a,
.raiRadioGenerica.homeProgramma .userSocialActions li a:hover,
.RaiRadioGR.homeProgramma .userSocialActions li a:hover,
.raiRadioGenerica.homepage .playlist ul li a.active {
	color: #00376f !important;
	transition: all 200ms ease;
}

.RaiRadioGR .menuProgramma li a.active:after,
.RaiRadioGR .bg_dark.playlist ul li a.active:after,
.RaiRadioGR .radioRai-containerGeneral li a.active:after,
.raiRadioGenerica .menuProgramma li a.active:after,
.raiRadioGenerica .radioRai-containerGeneral li a.active:after,
.RaiRadioGR .risultatiRicerca li.active:after,
.RaiRadioGenerica .risultatiRicerca li.active:after {
	background-color: #00376f;
}

.RaiRadioGR .menuProgramma li a:hover:after,
.RaiRadioGR .menuProgramma li.active:hover a:after,
.RaiRadioGR .multimediaSection li a:hover:after,
.raiRadioGenerica .menuProgramma li a:hover:after,
.raiRadioGenerica .menuProgramma li.active:hover a:after,
.raiRadioGenerica .multimediaSection li a:hover:after {
	background-color: #00376f;
	transition: all 200ms ease;
}

.RaiRadioGR .bg_dark.playlist ul li a:hover:after,
.raiRadioGenerica .bg_dark.playlist ul li a:hover:after {
	background-color: #00376f;
	transition: all 200ms ease;
}

.RaiRadioGR .radioRai-containerGeneral li a:hover:after,
.RaiRadioGR .collezioniSection .bg_dark.playlist ul li a:hover:after,
.raiRadioGenerica .radioRai-containerGeneral li a:hover:after
/*.raiRadioGenerica .collezioniSection .bg_dark.playlist ul li a:hover:after*/


/*.RaiIsoradio .bg_chan, .RaiIsoradio .bg_dark ul li a:after*/

{
	background-color: #004996;
	transition: all 200ms ease;
}

.RaiRadioGR .radioRai-containerGeneral li a:hover,
.RaiRadioGR .collezioniSection .bg_dark.playlist ul li a:hover,
.raiRadioGenerica .radioRai-containerGeneral li a:hover {
	color: #004996 !important;
	transition: all 200ms ease;
}

.RaiRadioGR .cover,
.raiRadioGenerica .cover {
	background: linear-gradient(to top, rgba(51, 53, 56, 0.25) 50%, rgba(255, 255, 255, 0));
}

.RaiRadioGR .preFooterContainer,
.raiRadioGenerica .preFooterContainer {
	background: linear-gradient(to left, #0057ab 50%, #0064bf 50%);
}

.RaiRadioGR .colorHover {
	background-color: #004996;
	opacity: 0;
	transition: 600ms all linear;
}


/* PLAYLIST */

.playlistSection ul li a:after {
	background-color: #00234b;
}

.bg_dark .playlistSection ul li a:after {
	background-color: #fff;
}


/* BG DARK */

.bg_dark h2,
.bg_dark ul li a,
.bg_dark span {
	color: #fff !important;
}


/************* FINE GESTIONE COLORE ****************/

.colorHover:hover,
.lanci .imgWrap:hover .colorHover {
	opacity: 0.2;
}

.boxMultimedia .fotoWrapper .cover:hover {
	opacity: 1;
}

.RaiRadio1 .mainHeader.bg_chan,
.RaiRadio1Sport .mainHeader.bg_chan,
.RaiRadio2 .mainHeader.bg_chan,
.RaiRadio2Indie .mainHeader.bg_chan,
.RaiRadio3 .mainHeader.bg_chan,
.RaiRadioClassica .mainHeader.bg_chan,
.RaiRadioKids .mainHeader.bg_chan,
.RaiRadioTechete .mainHeader.bg_chan,
.RaiRadioLive .mainHeader.bg_chan,
.RaiRadioTuttaItaliana .mainHeader.bg_chan,
.RaiRadioGR .mainHeader.bg_chan,
.RaiIsoradio .mainHeader.bg_chan,
.RaiRadioGRParlamento .mainHeader.bg_chan {
	background-image: none;
}

.raiRadioGenerica .playlistSection .skew h2 {
	color: #fff;
	font-weight: bold;
}

.raiRadioGenerica .playlistSection .playlist ul li a {
	color: #fff;
}

.raiRadioGenerica .playlistSection .playlist ul li a:hover,
.raiRadioGenerica .programmiSection .playlist ul li a:hover,
.raiRadioGenerica .radioRai-playlist li a:hover span,
.raiRadioGenerica .bg_dark.playlist ul li a.active {
	/*color:#00234b;*/
	color: #00a0fa !important;
}

.raiRadioGenerica .bg_dark.playlist ul li a.active:after {
	/*color:#00234b;*/
	background-color: #00a0fa;
}

.raiRadioGenerica .playlistSection .playlist.bg_dark ul li a:hover {
	color: #fff;
}

.raiRadioGenerica .playlistSection .playlist .programItemPlaylist span {
	color: #fff;
}


/* GESTIONE NUOVA HP CANALE */

.homeCanale .ChanColorRaiRadio {
	background: url('/dl/components/img/radio/bg_hp_canale_white.png') center 139px no-repeat #ffffff !important;
}

.archivio .ChanColorRaiRadio,
.articoloProgramma .ChanColorRaiRadio {
	background: none !important;
}

.homeCanale .radioRai-header {
	padding-bottom: 0 !important;
}

.homeCanale .row.radioRai-lanci.radioRai-containerGeneral.block {
	padding-top: 0;
}

.homeCanale .headerProgramma h4 {
	color: #333538;
	font-size: 1.2rem;
	font-weight: 600;
}

.radioRai-containerGeneral.title {
	margin-top: 140px;
}

.homepage .radioRai-containerGeneral.title {
	position: absolute;
	z-index: 3;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	margin-top: 90px;
}

.homeCanale .radioRai-containerGeneral.title {
	margin-top: 160px;
	padding: 0;
}

.radioRai-containerGeneral.title h2 {
	margin-bottom: 72px;
	font-size: 60px;
	font-weight: bold;
	padding-top: 40px;
}

.homeCanale .descriptionProgramma h3,
.homeCanale .headerProgramma .descriptionProgramma .menuDescriptionProgramma li a,
.homeCanale .headerProgramma .descriptionProgramma .menuDescriptionProgramma li,
.homeCanale .textDescriptionProgramma,
.homeCanale .row.radioRai-lanci.radioRai-containerGeneral.block .title h2,
.programmaSection .descriptionProgramma h2,
.programmaSection .descriptionProgramma ul {
	color: #333538;
}

.homeCanale .headerProgramma .menuDescriptionProgramma li {
	font-weight: bold;
	font-size: 1em;
	letter-spacing: -0.3px
}

.homeCanale .contImgHomeProgramma .cover {
	/*width: 218px;
    height: 218px;*/
	width: 351px;
	height: 351px;
}

.homeCanale .menuDescriptionProgramma .contArrow {
	/* background-image: url(/dl/components/img/radio/arrow_playlist.png); */
}

.homeCanale .menuDescriptionProgramma .followProgramma_w {
	background-image: url(/dl/components/img/radio/segui_g.svg);
	background-size: 46px !important;
	padding-left: 45px;
}

.homeCanale .menuDescriptionProgramma .share_w {
	background-image: url(/dl/components/img/radio/condividi_g.svg);
	background-size: 46px !important;
	padding-left: 45px;
}

.homeCanale .menuDescriptionProgramma .program {
	background-image: url(/dl/components/img/radio/prog-dark.png);
	background-position: top left !important;
	background-size: 22px 22px !important;
	background-repeat: no-repeat;
	padding-left: 45px;
}


/* FINE GESTIONE NUOVA HP CANALE */

.playlistSection .playlist .programItemPlaylist span.canale {
	line-height: 26px;
}

.homeProgramma .infoCard.programma {
	display: none;
}


/* MODAL */

.reveal {
	opacity: 0.95;
	box-shadow: -4.6px 43.8px 87px 0 rgba(50, 9, 9, 0.55);
	min-height: 200px;
	padding: 80px 100px;
	border: 0;
	border-radius: 0;
}

.reveal p {
	font-family: Karla;
	font-size: 0.875em;
	color: #333538;
	margin-top: 37px;
	margin-bottom: 54px;
	line-height: 1.5;
}

.reveal ul:not(.toolbox__user-actions) {
	list-style: none;
	margin-bottom: 28px;
	margin-left: 0;
}

.reveal li {
	font-family: Karla;
	font-size: 0.9em;
	color: #333538;
}

.reveal ul li ul {
	margin-top: 14px;
}

.reveal h2 {
	font-family: Raleway;
	font-weight: bold;
	font-size: 2.375em;
	color: #333538;
}

.imgModal {
	width: 350px;
	height: 350px;
}

.descriptionModal {
	margin-bottom: -38px;
	max-width: 551px;
}

.reveal.large {
	max-width: 72em;
}

.reveal .columns {
	padding: 0;
}

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

.reveal.message .descriptionModal {
	margin-bottom: 0;
}

.reveal.message p {
	font-size: 30px;
	font-weight: bold;
	line-height: 41.7px;
	margin: 0;
	padding: 0;
}

.reveal.message p.image {
	margin-bottom: 33px;
}

.reveal.message .button {
	margin-top: 33px;
}

.button.hollow {
	border: 2px solid #009ff8;
}


/* -- classi programma -- */

.headerCanaleList .headerProgramma {
	margin-bottom: 0px;
}

.headerProgramma {
	margin-bottom: 150px;
	margin-top: 55px;
}

.homeCanale .headerProgramma {
	margin-bottom: 0px;
	/*margin-top: 0px;*/
	margin-top: 40px;
}

.archivio .headerProgramma,
.playlistProgramma .headerProgramma {
	margin-bottom: 15px;
}

.headerProgramma h2 a {
	color: #fff;
}

.headerProgramma h2 a:focus {
	outline: none;
}

.headerProgramma .row {
	max-width: 100%;
}


.headerProgramma h1,
.headerProgramma h2,
.homeCollezione.raiRadioGenerica .headerProgramma h1,
.homeCollezione.raiRadioGenerica .headerProgramma h2
 {
	font-family: Raleway;
	font-size: 3.75em;
	font-weight: bold;
	color: #fff;
	margin-bottom: 50px;
	margin-top: 0;
}

.programmi-az .headerProgramma h2 {
	margin-top: 40px;
	margin-bottom: 20px;
}

.programmi-az .fasciaCanale {
	background-color: rgba(0, 0, 0, 0.15);
}

.homeCanale .headerProgramma h1 {
	margin-bottom: 20px;
	margin-top: 55px;
}

.fogliaAod .headerProgramma h1 {
	margin-top: 0;
}

.articoloProgramma .radioRai-playlist.radioRai-containerGeneral h3,
.articoloProgramma .radioRai-playlist.radioRai-containerGeneral h1 {
	font-size: 50px;
	line-height: 70px;
	margin-bottom: 58px;
	font-family: Raleway;
	font-weight: bold;
	margin-top: 0;
	/* fix 19.02 - h1 / h3 in articolo */
}

.headerProgramma h3 {
	font-size: 38px;
	font-family: Raleway;
	font-weight: bold;
}

.homeCanale .descriptionProgramma h3 {
	font-size: 28px;
}

.menuProgramma,
.archivio .programMenu ul {
	list-style: none;
	margin-left: 0;
	margin-bottom: 80px;
}

ul.menuProgramma.alfabeto {
	padding: 45px 0 35px;
	max-width: 70.375em;
	margin: auto;
	text-align: center;
}

.homeProgramma .menuProgramma {
	margin-bottom: 60px !important;
}

.archivio .programMenu ul,
.articoloProgramma .menuProgramma,
.playlistProgramma .programMenu ul {
	margin-top: 20px;
	margin-bottom: 60px !important;
	margin-left: 1.25rem;
}

.menuProgramma li,
.archivio .programMenu ul li,
.homeProgramma .menuProgramma li,
.articoloProgramma .menuProgramma li {
	display: inline-block;
	font-family: Raleway;
	font-size: 1.25em;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -0.4px;
	margin-right: 2em;
	/*text-transform:capitalize;*/
	margin-bottom: 15px;
}

.articoloProgramma .menuProgramma li,
.archivio .programMenu ul li,
.homeProgramma .menuProgramma li,
.articoloProgramma .menuProgramma li,
.playlistProgramma .programMenu ul li {
	display: block;
}

.archivio .programMenu ul li,
.articoloProgramma .programMenu ul li,
.playlistProgramma .programMenu ul li {
	text-align: left;
	margin-top: 0 !important;
}

.utilityMenu .titleListaStagioniPuntate {
	font-family: 'Raleway';
	font-weight: 600;
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: left;
	font-size: 18px;
}


/* scheda programma - nuova grafica */

.suggerimenti h2,
.puntateSection h2 {
	font-size: 1.7em !important;
}

.homeProgramma .puntateSection h2,
.fogliaAod .puntateSection h2 {
	font-size: 40px !important;
}

.homeCanale .collezioniSection .playlist,
.homeProgramma .collezioniSection .playlist,
.homepage .collezioniSection .playlist {
	background-color: #333538 !important;
}

.homeProgramma .menuProgramma li {
	display: block;
}

.homeProgramma .headerProgramma .followShare {
	width: 25px;
	float: right;
	margin-top: 30px;
	margin-right: 25px;
}

.homeProgramma .headerProgramma .menuDescriptionProgramma .followShare {
	float: inherit;
	margin-top: 0px;
}

.homeProgramma .headerProgramma .followShare div {
	background-repeat: no-repeat;
	float: left;
	height: 24px;
	width: 80px;
	margin-top: 35px;
	background-position-x: right !important;
}

.homeProgramma .descriptionProgramma {
	/*max-width:449px;*/
	padding-left: 35px;
}

.homeProgramma .headerProgramma .row.align-center span {
	width: 23px;
	display: inline-block;
	background-repeat: no-repeat;
	margin-top: 35px;
}

.homeProgramma .descriptionProgramma .menuDescriptionProgramma li {
	font-size: 15.9px;
}

.homeProgramma .descriptionProgramma .menuDescriptionProgramma li:first-child {
	margin-right: 65px;
	/*padding-left: 35px;*/
}

.homeProgramma .descriptionProgramma .menuDescriptionProgramma li:last-child {
	margin-right: 0;
}

.homeProgramma .descriptionProgramma .menuDescriptionProgramma li+li.followProgramma_w,
.homeProgramma .descriptionProgramma .menuDescriptionProgramma li+li+li.share_w {
	margin-right: 0px;
}

.homeProgramma .descriptionProgramma .menuDescriptionProgramma li+li.followProgramma_w a,
.homeProgramma .descriptionProgramma .menuDescriptionProgramma li+li+li.share_w a {
	display: none;
}

.homeProgramma .headerProgramma .containerImg img {
	box-shadow: 0px 23px 32px 0 rgba(0, 0, 0, 0.22);
	width: 100%;
}

.homeProgramma .headerProgramma .containerImg {
	position: relative;
}

.homeProgramma .programmaSection .skew {
	background-color: #fff;
}

.homeProgramma .programmaSection .menuDescriptionProgramma {
	margin-top: 0;
}

.homeProgramma .programmaSection .descriptionProgramma h2 {
	margin-bottom: 22px;
}

.row.firstRow {
	margin-bottom: 38px;
}

.row.firstRow .containerImg {
	width: 100%;
}

.row.firstRow .containerImg img {
	/*height:480px;
    height:100%;*/
	border-radius: 2px;
}

.row.secondRow .containerImg img {
	/*height:284px;
    height:100%;*/
	border-radius: 2px;
}

.row.secondRow .columns:nth-child(even) .containerImg {
	margin-bottom: 52px;
	width: 100%;
	float: right;
}

.homeProgramma .headerProgramma .cover {
	height: 100%;
}

.homeProgramma .headerProgramma .description {
	position: absolute;
	left: 22px;
	bottom: 25px;
	color: #fff;
	z-index: 1;
}

.homeProgramma .headerProgramma .description span {
	padding-bottom: 11px;
	font-family: 'Karla';
	font-size: 16px;
}

.homeProgramma .headerProgramma .description h3 {
	font-size: 22px;
}

.programmaSection .descriptionProgramma {
	max-width: 630px;
}

.programmaSection .descriptionProgramma .menuDescriptionProgramma li {
	text-align: left;
	display: inline;
	font-size: 15.9px !important;
	font-weight: bold;
}

.programmaSection .descriptionProgramma .textDescriptionProgramma {
	color: #9d9d9d;
}

.programmaSection .contImgHomeProgramma img {
	box-shadow: -4.6px 43.8px 87px 0 rgba(50, 9, 9, 0.55);
	border-radius: 2px;
}

.linkBack {
	display: block;
	position: relative;
	top: -39px;
	font-family: Karla;
	font-size: 18px;
	line-height: 1.37;
	letter-spacing: -0.4px;
	color: #fff6f6;
}

.alfabeto li {
	display: inline-block !important;
	line-height: 60px;
	height: 60px;
	text-align: center;
	margin: 0em !important;
	padding: 0 12px;
	cursor: pointer;
	transition: all ease .5s;
	color: #fff !important;
	font-family: 'Karla';
	border-radius: 2px;
}

.alfabeto li:hover:not(.disabled):not(.active) {
	background: rgba(255, 255, 255, 0.2);
}

.alfabeto li.disabled {
	cursor: default !important;
	opacity: 0.4 !important;
	background: transparent !important;
}

.alfabeto li.active {
	background: #265975;
}

.sticked .alfabeto {
	padding: 0 !important;
}

.listaProgramma .fourBox .large-3 {
	margin-bottom: 57px;
}

.listaProgramma .fourBox:last-child {
	z-index: 998;
}

.listaProgramma,
.listaProgramma.playlist {
	overflow: visible;
}

.headerProgramma span.live {
	width: 52px;
	height: 18px;
	display: inline-block;
	margin-left: 30px;
}

.menuProgramma li a {
	color: #fff;
	transition: all 200ms ease;
}

.headerProgramma .contImgHomeProgramma,
.playlistProgramma .contImgHomeProgramma {
	max-width: 425px;
	position: relative;
}


/*.homeCanale .headerProgramma .contImgHomeProgramma {
    padding-right: 70px;
}*/

.headerProgramma img.imgHomeProgramma,
.playlistProgramma img.imgHomeProgramma {
	/*width:352px;
    height:352px;*/
	width: 252px;
	height: 252px;
	box-shadow: -4.6px 43.8px 87px 0 rgba(9, 9, 9, 0.55);
	border-radius: 2px;
}

.playlistProgramma img.imgHomeProgramma {
	width: auto !important;
	height: auto !important;
}

.homeCanale img.imgHomeProgramma {
	/*width: 218px;
    height: 218px;*/
	width: 351px;
	height: 351px;
	border-radius: 2px;
}

.descriptionProgramma {
	font-family: Karla;
	font-size: 0.875em;
	color: #fff;
	margin-left: 20px;
}

.descriptionProgramma a {
	color: #fff;
}


/* custom description playlist */

.playlistProgramma .descriptionProgramma,
.playlistProgramma .descriptionProgramma a {
	font-family: Karla;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	color: #333538 !important;
	position: relative;
}

.playlistProgramma .descriptionProgramma .playlistLastUpdate {
	font-weight: bold;
	/*position: absolute;*/
	/*bottom: 20px;*/
	margin-top: 20px;
}

.playlistProgramma .userSocialActions li {
	margin-top: 0;
}

.playlistProgramma .descriptionProgramma .menuDescriptionProgramma,
.playlistProgramma .descriptionProgramma .menuDescriptionProgramma a {
	font-weight: bold;
	margin-top: 0;
}

.playlistProgramma .menu .totalDurationPlaylistContainer span {
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
	padding: 0.7rem 1rem;
	float: left;
}

.playlistProgramma .menu .active>a {
	background: none;
	color: inherit;
}

.playlistProgramma .menuDescriptionProgramma.actions .svg_chan {
	margin-top: -4px;
}

.playlistProgramma .descriptionProgramma h3,
.playlistProgramma .descriptionProgramma h2 {
	font-family: Raleway;
	font-size: 1.7em;
	font-weight: bold;
}

.playlistProgramma .descriptionProgramma .textDescriptionProgramma {
	display: block;
	padding: 0 15px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 75px;
}

.playlistProgramma .descriptionProgramma a {
	display: block;
	overflow: hidden;
}

.playlistProgramma .elencoPlaylist {
	margin-top: 40px;
}

.playlistProgramma .large-9.medium-12.skew-content.fourBox.expanded {
	margin-top: 0;
}

.playlistProgramma .contImgHomeProgramma .ico.play {
	top: auto;
	bottom: 14px;
	left: 26px;
	width: 42px;
	height: 42px;
}

.playlistProgramma .contImgHomeProgramma .ico.options {
	position: absolute;
	z-index: 200;
	cursor: pointer;
	bottom: 7px;
	right: 15px;
	background: url(/dl/components/img/radio/ico-options.svg);
	opacity: 1;
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	background-size: 140%;
	background-position: 50%;
}


/* end custom description playlist */

.descriptionModal br~a {
	font-size: 1.25em;
	font-weight: bold;
	color: #000;
}

.descriptionProgramma p {
	margin-bottom: 30px;
}

.menuDescriptionProgramma {
	list-style: none;
	margin-left: 0;
	margin-bottom: 15px;
	margin-top: 22px;
}

.menuDescriptionProgramma:first-child {
	margin-top: 1.3em !important;
}

.headerProgramma .menuDescriptionProgramma li {
	display: inline-block;
	margin-right: 48px;
}

.headerProgramma .menuDescriptionProgramma li.orarioProgramma {
	font-weight: bold;
}

.headerProgramma .menuDescriptionProgramma li.contArrow {
	font-weight: normal !important;
	padding: 40px 0 0 0;
}

.headerProgramma .menuDescriptionProgramma li.contArrow .svg_chan {
	margin-top: 2px;
}


/* home canale - fix nuova grafica - 01.03 */

.homeCanale .headerProgramma .menuDescriptionProgramma li {
	margin-right: 40px !important;
}

.homeCanale .headerProgramma .menuDescriptionProgramma li.contArrow a,
.ascoltaDiretta .ico.play,
.ascoltaDiretta .ico.go_to_raiplay {
	font-family: 'Raleway';
	font-size: 18px !important;
	font-weight: 600;
}

.ascoltaDiretta {
	padding: 14px 16px;
	border-radius: 2px;
}

.homeCanale .headerProgramma .onAir {
	color: #7e8084;
	font-size: 18px;
	font-weight: 800;
	font-family: 'Raleway';
	padding: 0;
	margin-bottom: 0;
}


/* end home canale - fix nuova grafica - 01.03 */

.headerProgramma .textDescriptionProgramma {
	font-size: 16px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	height: 75px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.homeProgramma .headerProgramma .menuDescriptionProgramma.userSocialActions li a {
	color: #fff;
}

.imagesList {
	list-style: none;
	margin-top: 25px;
	margin-left: 0;
}

.imagesList li {
	display: inline-block;
	margin-right: 50px;
	text-align: center;
}

.imagesList li img {
	width: 70px;
	height: 70px;
	border-radius: 35px;
	display: block;
	margin: 0 auto;
	cursor: pointer;
}

.highlights .skew {
	background-color: #edeef2 !important;
}

.suggerimenti .skew {
	background-color: #e4e5ea !important;
}


/* INIZIO Fascia Programma Condivisione Social */

.column.ico-social-programma-container {
	padding-right: 0;
}

.column.messa-in-onda-programma {
	padding-left: 0;
}

.ico-social-programma-container a {
	display: block;
}

.ico-social-programma-container span {
	display: block;
	width: 35px;
	height: 35px;
	margin: 0 auto;
}

span.ico-social-programma {
	width: 23px;
	height: 23px;
}

span.ico-social-programma.ico-social-facebook {
	margin-top: -9px;
}

span.ico-social-programma.ico-social-twitter {
	width: 45px;
	margin-top: -3px;
}

hr.social-programma-separator {
	margin: 0px;
	margin-bottom: 10px;
}


/* FINE Fascia Programma Condivisione Social */


/* Nuova grafica - colori section HP */


/*.homepage .collezioniSection .skew {
    background-color:#343539;

    background-color: #00a8fc;
	}*/


/*.homepage .collezioniSection .bg_dark.playlist ul li a.active,
.homepage .collezioniSection .bg_dark.playlist ul li a:hover,
.homepage .collezioniSection .bg_dark.playlist ul li a:hover span {
    color: #0b1419 !important;
}*/


/*.homepage .collezioniSection .bg_dark.playlist ul li a.active:after {
    background-color: #0b1419;
}*/

.homepage .playlistSection .skew.bg_dark,
.homepage .programmiSection .skew.bg_dark {
	background-color: #2e3b42 !important;
}


/* Fine Nuova grafica - colori section HP */

.collezioniSection .skew h2 {
	color: #fff !important;
}

.collezioniSection .skew-content ul li a {
	color: #ffffff;
}

.audioSection .skew {
	background-color: #f6f6f8;
}


/* fine gestione colori section varie */

p {
	line-height: 1.2;
}

.valignWrapper {
	display: table;
	width: 100%;
	height: 100%;
}

.valignElem {
	display: table-cell;
	vertical-align: middle;
}

.slick-slide,
.slick-slide a {
	outline: none;
	border: none;
}


/* HEADER */

.mainHeader {
	/*background: #0b1c25;*/
}

.mainHeader .radioChannelLink a {
	display: inline-block;
	background: url('/dl/portaleRadio/images/logo-rai-radio1-white.png') red no-repeat center;
	text-indent: -10000px;
	overflow: hidden;
	width: 100%;
	height: 50px;
	margin: 1rem auto;
}

.radioRai-header {
	padding-top: 180px;
	padding-bottom: 70px !important;
	position: relative;
	z-index: -1;
}

.homepage .radioRai-header {
	padding-bottom: 25px !important;
}

.RaiRadio1 .radioRai-header,
.RaiRadio1Sport .radioRai-header,
.RaiRadio2 .radioRai-header,
.RaiRadio2Indie .radioRai-header,
.RaiRadio3 .radioRai-header,
.RaiRadioKids .radioRai-header,
.RaiRadioClassica .radioRai-header,
.RaiGiornaleRadio .radioRai-header,
.RaiIsoradio .radioRai-header,
.GrParlamento .radioRai-header,
.RaiRadioLive .radioRai-header,
.RaiRadioTuttaItaliana .radioRai-header,
.RaiRadioTechete .radioRai-header {
	/*padding-top: 145px !important;*/
	padding-bottom: 50px !important;
	/*transform: skew(0deg, 3deg);*/
}

.mainHeader .headerDesc .title {
	/*font-size: 3.75em;*/
	/*line-height: 1.12em;*/
	font-family: 'Raleway';
	font-size: 50px;
	font-weight: bold;
	line-height: 55px;
	max-width: 420px;
	/*margin-top:0;	*/
	margin-top: 17px;
}

.mainHeader .headerDesc .subtitle {
	font-family: 'Raleway';
	line-height: 23px;
}

.mainHeader .headerDesc {
	position: relative;
	color: #fff;
	/*min-height: 385px;*/
	display: inline-block;
	width: 40%;
	float: left;
}

.mainHeader .headerDesc .dynamic-live-program {
	position: absolute;
	z-index: 0;
}

.mainHeader.skew.color-RaiRadio1-hover .headerDesc .dynamic-live-program,
.mainHeader.skew.color-RaiRadio1Sport-hover .headerDesc .dynamic-live-program,
.mainHeader.skew.color-RaiRadio2-hover .headerDesc .dynamic-live-program,
.mainHeader.skew.color-RaiRadio2Indie-hover .headerDesc .dynamic-live-program,
.mainHeader.skew.color-RaiRadio3-hover .headerDesc .dynamic-live-program,
.mainHeader.skew.color-RaiRadioClassica-hover .headerDesc .dynamic-live-program,
.mainHeader.skew.color-RaiRadioKids-hover .headerDesc .dynamic-live-program,
.mainHeader.skew.color-RaiRadioGR-hover .headerDesc .dynamic-live-program,
.mainHeader.skew.color-RaiIsoradio-hover .headerDesc .dynamic-live-program,
.mainHeader.skew.color-RaiRadioGRParlamento-hover .headerDesc .dynamic-live-program,
.mainHeader.skew.color-RaiRadioLive-hover .headerDesc .dynamic-live-program,
.mainHeader.skew.color-RaiRadioTuttaItaliana-hover .headerDesc .dynamic-live-program,
.mainHeader.skew.color-RaiRadioTechete-hover .headerDesc .dynamic-live-program {
	max-width: 350px;
	z-index: 1;
}

.mainHeader .chanList {
	display: inline-block;
	float: right;
	width: 42em;
	/*height: 360px;*/
	height: 290px;
}

.chanList .row .chan:hover {
	position: relative;
}

.mainHeader .headerDesc .containerTitleSubTitle {
	margin-top: 23px;
	position: absolute;
	opacity: 1;
	transition: opacity 0.3s;
}

.mainHeader .headerDesc .radioHover img {
	/*max-width:350px;
    max-height:350px;
    min-width:350px;
    min-height:350px;*/
	border-radius: 5px;
}

.homepage .chanList .chan {
	/*margin-bottom: 4.875em;*/
	margin-bottom: 50px;
}


/*.homepage .chanList .chan img {
    opacity: 0.25;
    height: 34px;
    max-width: none !important;
}*/

.chanList .chan a svg {
	height: 32px;
	fill: #fff;
	opacity: 0.3;
	transition: opacity 200ms;
}

.chanList .chan a:hover svg {
	opacity: 1;
}

.prev.changeItem {
	margin-top: -2px !important;
}

.next.changeItem {
	margin-top: -2px !important;
	max-width: 100%;
}

.container_mobile {
	padding: 68px 0 25px 0;
}

.genric_button {
	font-size: 18px;
	color: #fff;
	font-family: 'Raleway';
	font-weight: 600;
	display: inline-block;
	border: 2px solid #fff;
	padding: 13px 25px;
}


/* header end */


/*blocks*/

.block {
	position: relative;
	padding-top: 50px;
	padding-bottom: 50px;
}

.block .set {
	position: relative;
}

.block .content:after {
	content: "";
	display: table;
	clear: both;
}

.block .content.fullWidth {
	max-width: 100%;
}

.block .content.underneath .title {
	text-align: center;
	color: #fff;
	font-size: 15px;
}


/*Lanci*/

.lanci .info h2,
.lanci .info .descriptionLancio {
	color: #333538;
}


/*.homepage .lanci .info h2,
.homepage .lanci .info .descriptionLancio {
    color: #fff;
}*/

.containerLanci {
	padding-top: 80px;
	padding-bottom: 150px;
	position: relative;
	z-index: 2;
}

.homepage .containerLanci {
	padding-top: 190px;
}

.homeCanale .containerLanci {
	/*background: #eceef1 !important;*/
	padding-top: 0;
	padding-bottom: 90px;
}

.block .lanci {
	position: relative;
	z-index: 1;
}

.block .lanci .lancio:after {
	content: "";
	display: table;
	clear: both;
}

.block .lanci .infoWrapper {
	position: relative;
}

.block .lanci .infoWrapper .channel {
	color: #7e8084;
	font-family: 'Raleway';
	font-size: 20px;
	/*padding-bottom:20px;*/
	padding-bottom: 0;
	margin-bottom: 20px;
	font-weight: bold;
	line-height: 18.1px;
}

.lanci .infoWrapper .text {
	color: #929292;
}

.lanci .imgWrapper {
	width: auto;
	position: relative;
	margin-top: 3rem;
	display: block;
}

.lanci .imgWrapper img {
	position: relative;
	top: -3rem;
	left: -3rem;
	border-radius: 5px;
	width: 100%;
}


/* div in hover */

.lanci .info {
	z-index: 10;
}

.lanci .imgWrap {
	z-index: 0;
	position: relative;
	background-color: #fff;
	border-radius: 2px;
}

.lanci .infoWrapper {
	z-index: 1000;
}

.lanci .img {
	overflow: hidden;
	border-radius: 2px;
}

.boxMultimedia .fotoWrapper {
	overflow: hidden;
}

.lanci .img img,
.boxMultimedia .fotoWrapper img {
	-webkit-transition: all 1.4s linear;
	transition: all 1.4s linear;
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
	/*opacity: 0.6;*/
	margin: auto;
	display: block;
}

.boxMultimedia .fotoWrapper img {
	opacity: 1;
}

.lanci:hover .img img,
.boxMultimedia .fotoWrapper:hover img {
	-webkit-transform: scale(1.06, 1.06);
	-moz-transform: scale(1.06, 1.06);
	-o-transform: scale(1.06, 1.06);
	transform: scale(1.06, 1.06);
}


/* end div in hover */

.block .lanci .imgWrapper .tag {
	-moz-transform: rotate(90deg);
	/* -webkit-transform: rotate(90deg); */
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	transform-origin: right;
	position: absolute;
	height: 2rem;
	bottom: 2rem;
	right: 1rem;
	/*left:calc(100% - 4rem);*/
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
}

input.read-more-trigger.marginTrigger {
	margin-top: 70px !important;
	margin-bottom: 0px !important;
}


/*Lanci end*/


/*blocks end*/


/*channleSearch*/

.channelSearch {
	background: rgb(203, 204, 209);
	/* Old browsers */
	background: -moz-linear-gradient(left, rgba(203, 204, 209, 1) 50%, rgba(52, 53, 57, 1) 50%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(203, 204, 209, 1) 50%, rgba(52, 53, 57, 1) 50%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(203, 204, 209, 1) 50%, rgba(52, 53, 57, 1) 50%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+,*/
	text-align: center;
}

.channelSearch .programSearch,
.channelSearch .typeSearch {
	width: 50%;
	margin: 0 auto;
	height: 100%;
	position: relative;
}

.channelSearch .skew-content {
	padding-top: 100px;
}

.channelSearch .title {
	font-size: 2rem;
}

.channelSearch .viewAll {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.channelSearch .programSearch {
	float: left;
	color: #343539;
}

.channelSearch .programSearch .searchBox {
	background-color: #fff;
	position: relative;
	display: inline-block;
	width: auto;
	height: auto;
	margin-bottom: 2rem;
	margin-top: 7rem;
}

.channelSearch .programSearch .searchBox input {
	width: 20rem;
	display: inline-block;
	margin: 0;
	border: none;
	outline: none;
	box-shadow: none;
	vertical-align: middle;
}

.channelSearch .programSearch .searchBox .clear {
	display: inline-block;
	height: 2rem;
	width: 2rem;
	background-color: #343539;
	vertical-align: middle;
	border-radius: 1rem;
	color: #fff;
}

.channelSearch .typeSearch {
	color: #F1F2F7;
	float: right;
}

.channelSearch .typeSearchSlick {
	margin-bottom: 4rem;
	margin-top: 2rem;
}

.channelSearch .typeSearchSlick p {
	font-size: 1.8rem;
	opacity: 0.2;
	outline: none;
	transition: opacity 250ms linear;
}

.channelSearch .typeSearchSlick p.slick-active {
	opacity: 0.7;
}

.channelSearch .typeSearchSlick p.slick-current {
	opacity: 1;
}

.channelSearch .typeSearchSlick p:after,
.channelSearch .typeSearchSlick p:before {
	opacity: 0;
	transition: opacity 250ms linear;
}

.channelSearch .typeSearchSlick p.slick-current:after,
.channelSearch .typeSearchSlick p.slick-current:before {
	opacity: 1;
}

.channelSearch .typeSearchSlick p:after {
	content: "<";
	margin-left: 2rem;
}

.channelSearch .typeSearchSlick p:before {
	content: ">";
	margin-right: 2rem;
}

.channelSearch .slick-slider .slick-track,
.channelSearch .slick-slider .slick-list {
	/*fix per text blur su chrome*/
	-webkit-transform: none;
	transform: none;
}


/*channleSearch end*/


/*skew*/

.skew {
	overflow: hidden;
	/*margin-bottom: -100px; */
	position: relative;
	/*margin-top: -100px;*/
	/*transform: skew(0deg, -3deg);
    -ms-transform: skew(0deg, -3deg);
    -webkit-transform: skew(0deg, -3deg); */
	z-index: 2;
}

.skew+.block {
	padding-top: 200px;
}

.skew+.skew {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: -2px;
}

.skew-wrapper {
	/*transform: skew(0deg, -3deg);
    -ms-transform: skew(0deg, -3deg);
    -webkit-transform: skew(0deg, -3deg);*/
	height: inherit;
	background: #011327;
	position: relative;
}

.skew-content {
	/*transform: skew(0deg, 3deg);
    -ms-transform: skew(0deg, 3deg);
    -webkit-transform: skew(0deg, 3deg); */
	/*padding-top: 200px;*/
	/*padding-top: 173px;*/
	padding-bottom: 50px;
}


/*skew end*/


/* Custom - Homepage */


/* Header */

.row.top_row {
	/* transform: skew(0, 3deg); */
}

.top-bar .dropdown.menu {
	top: 0;
}

#menuDedicato .top-bar,
#menuDedicato .top-bar .dropdown.menu {
	top: 0;
}

#menuDedicato .top-bar {
	background-color: #14232a;
}

.homepage #menuDedicato .top-bar {
	background-color: transparent;
}

#site-menu .menuTitle {
	background: url('/dl/components/img/radio/loghi/logo-RaiPlay-Radio.svg') center left no-repeat;
	position: relative;
	z-index: 1;
	opacity: 1;
	transition: opacity 1s;
}

#site-menu .logo-raiplay-radio-bianco {
	background: url('/dl/components/img/radio/loghi/logo-RaiPlay-Radio-bianco.svg') center left no-repeat;
	height: 70px;
	width: 173px;
	position: absolute;
	top: 0px;
	left: 80px;
	opacity: 0;
	transition: opacity 1s;
}

#site-menu.color-hover:not(.dark) .menuTitle {
	opacity: 0;
}

#site-menu.color-hover:not(.dark) .logo-raiplay-radio-bianco {
	opacity: 1;
}

.menu.comparsa {
	opacity: 1;
	visibility: hidden;
}

.menu.comparsa.opened {
	opacity: 1;
	visibility: visible;
}

.chiudi {
	position: absolute;
	top: 26px;
	right: 33px;
	z-index: 100;
	cursor: pointer;
	width: 40px;
	display: inline-block;
}

.chiudi:before,
.chiudi:after {
	content: '';
	display: inline-block;
	width: 2px;
	height: 100%;
	background: #000;
	border-radius: 100px;
	position: absolute;
	top: 0;
	left: calc(50% - 3px);
}

.chiudi:before {
	transform: rotate(45deg);
}

.chiudi:after {
	transform: rotate(-45deg);
}


/* Fine Header */

.homepage .chanList .chan:hover img {
	opacity: 1;
	cursor: pointer;
}

.green {
	background-color: #00b46e;
}

.blu {
	background-color: #4144c5;
}

.red {
	background-color: #e61c23;
}

.white {
	background-color: #ffffff;
}


/* square white - parallax */

.close-button {
	font-size: 1.4em;
}

.close-button:focus {
	outline: none;
}

.close-button span {
	z-index: 100;
	cursor: pointer;
	width: 40px;
	height: 40px;
	display: inline-block;
}

.close-button span::after {
	content: '';
	display: inline-block;
	position: absolute;
	top: -10px;
	right: -15px;
	width: 60px;
	height: 60px;
	background: url(/dl/components/img/radio/close_b.svg) center center no-repeat;
	background-size: 40px 40px;
}

.block .content.underneath .title {
	width: 38px;
	height: 38px;
	background-color: #ffffff;
	left: 80%;
	top: 30%;
	font-size: 10px;
	margin-top: 30px;
	position: absolute;
	filter: blur(5px);
	display: none;
}

.block .content.underneath.secondoSquare .title {
	top: -15%;
	left: 15%;
	width: 30px;
	height: 30px;
	filter: blur(5px);
}

.block .content.underneath.terzoSquare .title {
	top: -30%;
	left: 80%;
	width: 38px;
	height: 38px;
	filter: blur(5px);
}


/* fine square white - parallax */

.containerLanci .radioRai-lanci .columns.set {
	padding-left: 0;
	padding-right: 0;
}


/* description lanci */

.lanci .info .descriptionLancio {
	color: #333538 !important;
	display: block;
	/*font-size: 16px;*/
	font-size: 14px;
	line-height: 21px;
	font-family: 'Karla';
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 40px;
}
/*.homepage .descriptionLancio {
    color: #fff !important;
}*/

.lanci.mode_1 .position_1 .descriptionLancio,
.lanci.mode_3 .position_1 .descriptionLancio {
	margin-left: 74px;
	width: 383px;
}

.lanci.mode_2 .position_1 .descriptionLancio,
.lanci.mode_6 .position_1 .descriptionLancio {
	width: 295px;
}

.lanci.mode_4 .position_1 .descriptionLancio {
	margin-right: 88px;
	width: 300px;
}

.lanci.mode_5 .position_1 .descriptionLancio {
	margin-left: 74px;
	width: 334px;
}

.lanci.mode_5 .position_1 .descriptionLancio {
	margin-right: 100px;
	width: 300px;
}


/* fine description lanci */


/* PRIMO BLOCCO 3 LANCI */

.lanci .img {
	-webkit-box-shadow: -14.1px 27.6px 109px 0 rgba(51, 53, 56, 0.25);
	-moz-box-shadow: -14.1px 27.6px 109px 0 rgba(51, 53, 56, 0.25);
	box-shadow: -14.1px 27.6px 109px 0 rgba(51, 53, 56, 0.25);
}


/*.homepage .lanci .img {
    box-shadow: none !important;
}*/

.ancora {
	background: url('/dl/components/img/radio/ancora.png')top left no-repeat;
	width: 24px;
	height: 13px;
	margin: 0 auto;
	clear: both;
	display: block;
}

.lanci .square {
	z-index: 1500;
}


/* -- primo lancio -- */

.radioRai-lanci .lancio .position_1 {
	position: relative;
}

.lanci.mode_1 {
	/*margin-bottom: 238px;*/
	margin-bottom: 42px;
}


/*.odd .block .lanci .infoWrapper {
    width: 600px !important;
}*/

.radioRai-lanci .lanci.mode_1 .position_1 .img {
	float: left;
	/*width: 552px;*/
	width: 469px;
}

.radioRai-lanci .lanci.mode_1 .position_1 .info {
	float: right;
	position: absolute;
	z-index: 1500;
	left: 429px;
	/*bottom: 85px;*/
	/*bottom: 137px;*/
	max-width: 570px;
}

.lanci.mode_1 .position_1 .info h2,
.lanci.mode_2 .position_1 .info h2,
.lanci.mode_3 .position_1 .info h2,
.lanci.mode_4 .position_1 .info h2,
.lanci.mode_5 .position_1 .info h2,
.lanci.mode_6 .position_1 .info h2 {
	font-family: 'Raleway';
	font-weight: 800;
	width: 100%;
	color: #333538;
}

.radioRai-lanci .set:nth-child(even) .lanci .imgWrap:before {
	content: " ";
	display: block;
	top: 0;
	right: 0;
	position: absolute;
	height: 100%;
	width: 50%;
	z-index: 1;
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.45) 100%);
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.45) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.45) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
}

.radioRai-lanci .set:nth-child(odd) .lanci .imgWrap:before {
	content: " ";
	display: block;
	top: 0;
	left: 0;
	position: absolute;
	height: 100%;
	width: 50%;
	z-index: 1;
	background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.45) 100%);
	background: -moz-linear-gradient(right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.45) 100%);
	background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.45) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
}


/* custom font h2 - n. battute */

.lanci .info h2.textBig {
	/*font-size: 3.75em;*/
	/*font-size: 2.75em;*/
	font-size: 39.5px;
	/*line-height: 1.17em;*/
	line-height: 49.4px;
}

.lanci .info h2.textSmall {
	font-size: 2.125em;
	line-height: 1.2em;
}


/* fine custom font h2 - n. battute */

.radioRai-lanci .lanci.mode_1 .position_1 .img .square,
.radioRai-lanci .lanci.mode_3 .position_1 .img .square,
.radioRai-lanci .lanci.mode_6 .position_1 .img .square {
	width: 54px;
	height: 54px;
}

.radioRai-lanci .lanci.mode_2 .position_1 .img .square,
.radioRai-lanci .lanci.mode_4 .position_1 .img .square,
.radioRai-lanci .lanci.mode_5 .position_1 .img .square {
	width: 64px;
	height: 64px;
}

.radioRai-lanci .lanci.mode_1 .position_1 .img .square {
	position: absolute;
	z-index: 1000;
	bottom: 210px;
	left: -26px;
}


/* -- fine primo lancio -- */


/* -- secondo lancio -- */

.radioRai-lanci .lanci .position_1 {
	margin-bottom: 56px;
}

.radioRai-lanci .lanci .position_1 .info {
	top: 54px;
}

.radioRai-lanci.block .lanci.mode_2 .position_1 .img
/*.radioRai-lanci.block .lanci.mode_4 .position_1 .img*/

{
	float: right;
	width: 352px;
}

.radioRai-lanci .lanci.mode_2 .lancio.position_1 .info {
	float: left;
	max-width: 475px;
	right: 300px;
	position: absolute;
	/*bottom: 43px;*/
}

.radioRai-lanci .lanci.mode_2 .lancio.position_1 .info h2 {
	float: left;
}

.radioRai-lanci .lanci.mode_2 .position_1 .img .square,
.radioRai-lanci .lanci.mode_4 .position_1 .img .square {
	position: absolute;
	top: 72px;
	right: -31px;
}


/* -- fine secondo lancio -- */


/* -- terzo lancio -- */

.radioRai-lanci.block .lanci.mode_3 .position_1 .infoWrapper {
	margin-left: 0;
	margin-right: 0;
}

.radioRai-lanci.grey {
	/*margin-top: 70px;*/
	margin-top: 0;
}

.radioRai-lanci.block .lanci.mode_3 .position_1 .info {
	float: right;
	max-width: 600px;
	position: absolute;
	left: 372px;
}

.radioRai-lanci .lanci.mode_3 .position_1 .img {
	float: left;
	width: 412px;
}

.radioRai-lanci .lanci.mode_3 .position_1 .img .square {
	position: absolute;
	bottom: 28px;
	left: -27px;
}


/* -- fine terzo lancio -- */


/* FINE PRIMO BLOCCO 3 LANCI */

.marginTrigger {
	margin: 68px 0 0;
}

.read-more-trigger {
	display: block;
	position: relative;
	margin: 68px auto 0;
	width: 56px;
	height: 56px;
	border: solid 2px #b1b3b7;
	font-family: Raleway;
	overflow: hidden;
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	-ms-transition: all 300ms;
	transition: all 300ms;
}

.read-more-trigger i {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	margin: 16px;
	font-size: 60px;
	font-weight: 100;
	line-height: 0.35;
	text-indent: -3px;
	color: #b1b3b7;
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	-ms-transition: all 300ms;
	transition: all 300ms;
}

.read-more-trigger span {
	display: block;
	width: 136px;
	margin-left: -42px;
	font-size: 14px;
	font-weight: 700;
	line-height: 52px;
	text-align: center;
	text-transform: uppercase;
	white-space: nowrap;
	color: #b1b3b7;
	opacity: 0;
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	-ms-transition: all 300ms;
	transition: all 300ms;
}

.read-more-trigger:hover {
	width: 140px;
}

.read-more-trigger:hover i {
	margin: 16px 58px;
	opacity: 0;
}

.read-more-trigger:hover span {
	margin-left: 0;
	opacity: 1;
}

.bg_dark .read-more-trigger {
	border: 2px solid #fff;
}

.bg_dark .read-more-trigger i,
.bg_dark .read-more-trigger span {
	color: #fff;
}


/* SECONDO BLOCCO 3 LANCI */


/* primo lancio */

.radioRai-lanci .lanci.mode_4 .position_1 .info {
	position: absolute;
	z-index: 1500;
	right: 397px;
	/*left:300px !important;*/
	max-width: 428px;
}

.radioRai-lanci.block .infoWrapper {
	width: 100% !important;
}


/*.radioRai-lanci:nth-of-type(even) .lanci.mode_1 .position_1 .img,*/

.radioRai-lanci .lanci.mode_4 .position_1 .img {
	float: right;
	/*width: 552px;*/
	width: 469px;
}


/*.radioRai-lanci:nth-of-type(even) .lanci.mode_1 .position_1 .img .square,*/

.radioRai-lanci .lanci.mode_4 .position_1 .img .square {
	position: absolute;
	z-index: 1000;
	top: 73px;
	right: -26px;
}


/* fine primo lancio */


/* secondo lancio */

.radioRai-lanci .lanci.mode_5 .position_1 .info {
	position: absolute;
	max-width: 600px;
	/*bottom: 48px;*/
	/*left: 400px;*/
	left: 313px;
}

.radioRai-lanci .lanci.mode_5 .position_1 .img {
	float: left;
	/*width: 454px;*/
	width: 352px;
}

.radioRai-lanci .lanci.mode_5 .position_1 .img .square {
	position: absolute;
	top: 72px;
	left: -31px;
}


/* fine secondo lancio */


/* terzo lancio */

.radioRai-lanci .lanci.mode_6 .position_1 .info {
	float: left;
	position: absolute;
	z-index: 1500;
	right: 358px;
	max-width: 516px;
}

.radioRai-lanci .lanci.mode_6 .position_1 .img {
	float: right;
	width: 412px;
}

.radioRai-lanci .lanci.mode_6 .position_1 .img .square {
	bottom: 28px;
	position: absolute;
	right: -26px;
}


/* fine terzo lancio */


/* FINE SECONDO BLOCCO 3 LANCI */


/* PLAYLIST */

.containerPlaylist {
	background-color: #E3E5E9;
}

.radioRai-playlist {
	padding-top: 70px;
}

.playlist .info h2 {
	font-family: 'Raleway';
	font-weight: bold;
	line-height: 40px;
	width: 100%;
	font-size: 3.75em;
	white-space: nowrap;
}

.playlist .info .descriptionProgramma h2 {
	white-space: normal !important;
}

.playlist {
	/*min-height:1400px;*/
	overflow: hidden;
	padding-bottom: 100px !important;
}

.playlist ul {
	list-style: none;
}

.playlist ul li {
	text-align: center;
	margin-top: 15px;
}
.playlist .pagination.text-center .current a:hover{
 color:#fff !important;
 background:none;
 transition:none !important;
 padding:0;
}

/*.playlist ul li:last-child {
	background: url('/dl/components/img/radio/ico-arrow.svg') right 10px no-repeat;
	padding-right: 20px;
}*/


/* da decommentare con svg con fill declinato */

.playlist.guida ul li:last-child {
	background: none !important;
}


/*.bg_dark.playlist ul li:last-child {
    background: url('/dl/components/img/radio/ico-arrow.svg') -10px right no-repeat;
	padding-right: 20px;
}*/


/* da decommentare con svg con fill declinato */

.playlist ul li a {
	font-size: 20px;
	font-weight: 600;
	font-family: 'Raleway';
	color: #333438;
	transition: all 200ms ease;
}

.bg_dark.playlist ul li a {
	color: #fff;
	transition: all 200ms ease;
}


/*.bg_dark.playlist ul li a:hover {
    color:#002547 !important;
}*/

.playlist ul li a:hover:after {
	opacity: 1;
}

.playlist .fourBox {
	padding-top: 23px;
	position: relative;
	z-index: 999;
}

.playlist .fourBox .img {
	box-shadow: 0px 23px 32px 0 rgba(0, 0, 0, 0.22);
	background-color: #fff;
	text-align: center;
	transition: 500ms ease all;
}

.playlist .fourBox .img:hover {
	box-shadow: 0px 23px 32px 0 rgba(0, 0, 0, 0.4);
}

.playlist .fourBox .listaAudio .img:hover {
	box-shadow: 0px 23px 32px 0 rgba(0, 0, 0, 0.22);
}

.playlist .fourBox .programItemPlaylist {
	position: relative;
	z-index: auto;
	padding: 0 5px 0 4px;
	transform: translateY(0px);
	transition: 500ms ease all;
	text-align: left;
}

.playlist .fourBox .bloccoPlaylist {
	position: relative !important;
}

.playlist .fourBox .programItemPlaylist .img {
	margin-bottom: 22px;
}


/* gestione playlist scheda programma - home programma */

.homeProgramma .bloccoPlaylist .canale,
.homeCanale .bloccoPlaylist .canale {
	display: none;
}

.homeProgramma .puntateSection .dataPubblicazione {
	font-family: 'Karla';
	font-size: 16px;
	line-height: 1.62;
	color: #fff;
}

.homeProgramma .puntateSection .programItemPlaylist:hover .dataPubblicazione {
	color: #7e8084 !important;
}

.homeProgramma .audioSection .bloccoPlaylist .canale,
.homeProgramma .suggerimenti .bloccoPlaylist .canale {
	display: block;
}

.homeProgramma .playlist .fourBox .programItemPlaylist .ico.play,
.homeCanale .playlist .fourBox .programItemPlaylist .ico.play {
	/* display: none; */
}

.homeProgramma .playlist .fourBox .programItemPlaylist:hover .ico.play,
.homeCanale .playlist .fourBox .programItemPlaylist:hover .ico.play {
	/* display: block; */
}


/* end gestione playlist scheda programma - home programma */


/* widget jquery ui */


/* end widget jquery ui */

.playlist .fourBox .programItemPlaylist .description {
	display: none;
}

.playlist .fourBox .programItemPlaylist:hover .description {
	position: absolute;
	top: 20px;
	left: 18px;
	right: 18px;
	color: #7e8084;
	opacity: 1;
	z-index: 150;
	display: block;
	font-family: 'Karla';
	font-size: 16px;
	line-height: 1.31em;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	max-height: 126px;
	text-align: left;
}

html.no-touch .playlist .fourBox .programItemPlaylist:hover .description a {
	display: block;
	color: #7e8084;
}

html.no-touch .playlist .fourBox .programItemPlaylist:hover {
	transform: translateY(-10px);
	transition: 500ms ease all;
}

.playlist .fourBox .programItemPlaylist .img .cover {
	bottom: 0 !important;
}

.playlist .fourBox .programItemPlaylist:hover .img .cover {
	/*background: linear-gradient(to bottom, rgba(254, 254, 255, 0.8) 50%,rgb(202, 202, 202) 100%); */
	background: rgba(255, 255, 255, 0.9);
}

.playlist .fourBox.archivioFoto .programItemPlaylist:hover .img .cover,
.playlist .fourBox.archivioVideo .programItemPlaylist:hover .img .cover {
	background: initial;
}

.playlist .fourBox .programItemPlaylist h3 {
	font-family: 'Raleway';
	font-size: 22px;
	line-height: 1.27em;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #333538;
	;
}

.archivio .playlist .fourBox .programItemPlaylist h3 {
	font-size: 20px !important;
}

.playlist.bg_dark .fourBox .programItemPlaylist h3 {
	color: #fff;
}

.titleCanaleSmall {
	padding: 0;
}

.headerProgramma .titleCanaleSmall h2 {
	font-size: 1em;
	margin-bottom: 0px;
	text-align: left;
}

.infoCard,
.playlist .fourBox .programItemPlaylist .canale,
.playlist .fourBox .programItemPlaylist .programma,
.playlist .fourBox .programItemPlaylist .diretta,
.playlist .fourBox .programItemPlaylist .data,
.playlist .fourBox .programItemPlaylist .puntate {
	font-family: 'Karla';
	font-size: 16px;
	line-height: 1.62;
	color: #7e8084 !important;
}

.playlist .fourBox.archivioVideo .programItemPlaylist .canale,
.playlist .fourBox.archivioFoto .programItemPlaylist .canale {
	font-family: 'Karla';
	font-size: 14px;
	line-height: 21px !important;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	margin-top: 5px;
}

.playlist .fourBox .programItemPlaylist .puntate {
	color: #333538 !important;
	display: inline-block;
}

.playlist .fourBox .programItemPlaylist .puntate::after {
	content: "";
	display: inline-block;
	width: 9px;
	height: 9px;
	background: url(/dl/components/img/radio/arrow_right.svg) center center no-repeat;
}


/*
.raiRadioGenerica span.canale + .infoCard.programma::before,
.raiRadioGenerica .infoCard.canale + .infoCard.programma::before {
    content: " - ";
}
*/

.playlist .fourBox .programItemPlaylist .canale {
	color: #7e8084 !important;
}

.playlist .fourBox .programItemPlaylist .diretta {
	color: #333538 !important;
	font-weight: bold;
}

.collezioniSection .playlist .fourBox .programItemPlaylist .canale {
	color: #fff !important;
}

.collezioniSection .playlist .fourBox .programItemPlaylist .canale.descrProgr {
	color: #b1b6b8 !important;
}

.areaPersonale .playlist .fourBox .programItemPlaylist .canale,
.areaPersonale .playlist .fourBox .programItemPlaylist .programma,
.areaPersonale .playlist .fourBox .programItemPlaylist .data {
	color: #7e8084 !important;
}

.areaPersonale.playlist {
	overflow: auto;
}

.areaPersonale .playlist .fourBox .columns:not(.addNew) .programItemPlaylist .img {
	position: relative;
	border-radius: 2px;
	box-shadow: -10.4px 20.5px 51px 0 rgba(0, 0, 0, 0.17);
	padding-top: 100%;
	background: url(/cropgd/250x250/dl/components/img/radio/placeholder-audio.png) 50% 50% no-repeat;
}

.areaPersonale:not(.profilo) .playlist .fourBox .columns:not(.addNew) .programItemPlaylist .img img {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.bg_dark .playlist .fourBox .programItemPlaylist .canale {
	color: #fff;
}

.playlist .fourBox .programItemPlaylist .img {
	position: relative;
	border-radius: 2px;
	box-shadow: -10.4px 20.5px 51px 0 rgba(0, 0, 0, 0.17);
	overflow: hidden;
}

.playlist .fourBox .programItemPlaylist .ico.options {
	position: absolute;
	z-index: 200;
	cursor: pointer;
	bottom: 7px;
	right: 0px;
	/*background: url(/dl/radio/images/static/ico-options.svg);*/
	background: url(/dl/components/img/radio/ico-options.svg);
	opacity: 1;
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	background-size: 140%;
	background-position: 50%;
}

.playlist .fourBox .programItemPlaylist:hover .ico.options {
	background-image: url('/dl/components/img/radio/ico-options-hover.svg') !important;
}

.playlist .fourBox.archivioFoto .programItemPlaylist:hover .ico.options,
.playlist .fourBox.archivioVideo .programItemPlaylist:hover .ico.options {
	position: absolute;
	z-index: 200;
	cursor: pointer;
	bottom: 7px;
	right: 0px;
	background: url(/dl/components/img/radio/ico-options.svg) !important;
	opacity: 1;
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	background-size: 140% !important;
	background-position: 50% !important;
}

.playlist .fourBox .programItemPlaylist .ico.play,
.playlist .fourBox .programItemPlaylist .ico.video,
.playlist .fourBox .programItemPlaylist .ico.foto {
	position: absolute;
	cursor: pointer;
	z-index: 200;
	bottom: 15px;
	left: 15px;
	background: url('/dl/components/img/radio/player/playIcon.svg') center no-repeat;
	border: 3px solid #fff;
	border-radius: 100%;
	opacity: 1;
	width: 40px;
	height: 40px;
	background-size: 50%;
	background-position: 50%;
}

.playlist .fourBox .programItemPlaylist .ico.foto {
	background: url(/dl/components/img/radio/Foto-logo-white.svg) center no-repeat;
	background-size: contain;
}

.playlist .fourBox .programItemPlaylist:hover .ico.play {
	background-image: url('/dl/components/img/radio/player/playIcon_grey.svg') !important;
	border: 3px solid #7e8084;
}


/* FINE PLAYLIST */


/* BLOCCO PROGRAMMI */

.programmiSection .playlist .fourBox .programItemPlaylist:hover .ico.play {
	opacity: 0;
}


/* FINE BLOCCO PROGRAMMI */

.skew-content.showMore {
	padding-top: 0;
	/* transform: skew(0, 3deg);
     -ms-transform: skew(0, 3deg);
     -webkit-transform: skew(0, 3deg);  */
}


/* PAGINA DETTAGLIO PLAYLIST */

.elencoPlaylist {
	margin-top: 155px;
	list-style-position: inside;
}

.elencoPlaylist li {
	font-family: Raleway;
	font-size: 1.25em;
	text-align: left !important;
	height: 95px;
	padding: 31px 30px 30px 30px;
	position: relative;
	line-height: 1.2em;
	font-weight: 600;
}

.elencoPlaylist li a {
	/* position:absolute; */
	/* left: 80px; */
	/* top: 20px; */
	margin-left: 30px;
	color: #303236;
}


/* fix guida programmi */

.listaProgrammiGuida .elencoPlaylist.guida li a {
	margin-left: 0;
}


/* fine fix guida programmi */

.elencoPlaylist li.active {
	color: #303236;
	background-color: #D9DDE0;
}

.elencoPlaylist li.active span {
	/* margin-left:30px; */
}

.dettaglioPlaylistRight:hover .img .cover {
	opacity: 0.5;
}

.dettaglioPlaylistRight:hover .description {
	display: none !important;
}

.playlist .fourBox .dettaglioPlaylistRight .img {
	box-shadow: 0px 23px 32px 0 rgba(0, 0, 0, 0.3);
}

.dettaglioPlaylistRight {
	transition: none !important;
	transform: none !important;
}

.dettaglioPlaylistRight h3 {
	margin-top: 27px !important;
	font-family: Raleway;
	font-size: 1.3em;
	font-weight: bold;
}

.dettaglioPlaylistRight .canale {
	margin-bottom: 40px !important;
	display: block;
	font-family: Karla;
	font-size: 0.875em;
	line-height: 1.5;
	color: #7e8084;
}

.dettaglioPlaylistRight strong a {
	font-family: Karla;
	font-size: 1em;
	letter-spacing: -0.3px;
	color: #333538;
	margin-right: 10px;
}

.dettaglioPlaylistRight .subtitlePlaylist {
	display: block;
	margin-bottom: 18px;
	font-family: Karla;
	font-size: 0.875em;
	font-weight: bold;
}

.elencoPlaylist li:hover {
	color: #303236;
	background-color: #D9DDE0;
	cursor: pointer;
	background-image: url(/dl/components/img/radio/playIcon_DeepGrey.svg) !important;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: contain;
	list-style-type: none;
}

.elencoPlaylist>li::before {
	content: ' ';
	display: none;
}


/*
.elencoPlaylist > li:hover::before{
    content:' ';
    background-image: url(/dl/components/img/radio/ico-options-hover.svg) !important;
    display: block;
    width: 30px;
    height: 70px;
    background-repeat: no-repeat;
    position: absolute;
    right: 22px;
    cursor: pointer;
    background-position: -21px 0px;
    top: 10px;
    background-size: cover;
}
*/

.elencoPlaylist li span {
	font-family: Karla;
	font-size: 0.7em;
	color: #7e8084;
	position: absolute;
	top: 10px;
	left: 80px;
}

.elencoPlaylist li span.descriptionElencoPlaylist {
	top: auto;
	bottom: 14px;
}

.elencoPlaylist li span.timePlaylist {
	top: 33px;
	left: auto;
	right: 61px;
	font-size: 0.9em;
}

.elencoPlaylist li h2 {
	font-family: Raleway;
	font-size: 1em;
	font-weight: 600;
	color: #333538;
	position: absolute;
	left: 80px;
	height: auto;
	bottom: 30px;
}

.playlist.listaProgramma ol.elencoPlaylist li h2 {
	height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	/*width: 450px;*/
	width: 50%;
	white-space: nowrap;
}

.elencoPlaylist>li .ico.options {
	background: url(/dl/components/img/radio/ico-options-guida.png) center center no-repeat !important;
	cursor: pointer;
	background-size: 20% !important;
	transition: all 400ms ease;
	border-radius: 2px;
	width: 20px;
	height: 75px;
	left: 95%;
	position: absolute;
	top: 10%;
}


/* FINE PAGINA DETTAGLIO PLAYLIST */


/* SCHEDA PROGRAMMA */


/* blocco puntateSection */

.puntateSection .playlist .programItemPlaylist {
	position: relative;
}

.puntateSection .playlist .programItemPlaylist .ico.options,
.puntateSection .playlist .programItemPlaylist .ico.play {
	/* display: none; */
}

.puntateSection .playlist .programItemPlaylist .wrapperDescription {
	position: absolute;
	opacity: 1;
	display: block;
	top: 20px;
	left: 20px;
	right: 20px;
}

.puntateSection .playlist .programItemPlaylist .wrapperDescription h3 {
	display: block;
	position: static;
	margin-bottom: 15px;
}

.puntateSection .playlist .programItemPlaylist .wrapperDescription .description {
	font-family: 'Karla';
	font-size: 0.9em;
	display: block;
	position: static;
}

.puntateSection .playlist .programItemPlaylist .wrapperDescription h3,
.puntateSection .playlist .programItemPlaylist .wrapperDescription .description {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #fff;
}

.puntateSection .playlist .programItemPlaylist .wrapperDescription h3 {
	-webkit-line-clamp: 2;
	height: 45px;
}

.puntateSection .playlist .programItemPlaylist .wrapperDescription .description {
	-webkit-line-clamp: 3;
	height: 55px;
}

.puntateSection .playlist .programItemPlaylist:hover .ico.options,
.puntateSection .playlist .programItemPlaylist:hover .ico.play {
	display: block;
}

.puntateSection .playlist .programItemPlaylist:hover .wrapperDescription {
	position: absolute !important;
	z-index: 0;
}

.puntateSection .playlist .programItemPlaylist:hover .wrapperDescription h3,
.puntateSection .playlist .programItemPlaylist:hover .wrapperDescription .description {
	color: inherit;
}

.puntateSection .playlist .programItemPlaylist:hover .ico.play {
	border-color: #7e8084;
	background-image: url('/dl/components/img/radio/player/playIcon_grey.svg');
}

.puntateSection .playlist .programItemPlaylist .img img {
	opacity: 0;
}

.puntateSection .playlist .programItemPlaylist .img .programTitle img {
	opacity: 1;
}

.puntateSection .playlist .programItemPlaylist .img {
	border: 2px solid #fff;
	background-color: transparent;
	box-shadow: none;
}

.puntateSection .playlist .programItemPlaylist .img .cover {
	background: none;
}

.puntateSection .playlist .programItemPlaylist .img:hover,
.puntateSection .playlist .programItemPlaylist.playing .img {
	background-color: #ffffff !important;
	-webkit-box-shadow: 0px 10px 48px -5px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 10px 48px -5px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 10px 48px -5px rgba(0, 0, 0, 0.75);
	border: 0;
}


/* gestione puntata playing */

.playlist .fourBox .programItemPlaylist.playing {
	transform: translateY(-10px);
	transition: 500ms ease all;
}

.playlist .fourBox .programItemPlaylist.playing .img .cover {
	background: linear-gradient(to bottom, rgba(254, 254, 255, 0.2) 30%, rgb(202, 202, 202) 100%);
}

.homeProgramma .puntateSection .playlist .programItemPlaylist .img:hover .cover {
	background: none;
}

.puntateSection .playlist .programItemPlaylist.playing .wrapperDescription {
	top: 40px;
	left: 20px;
	right: 20px;
	position: absolute;
}

.puntateSection .playlist .programItemPlaylist.playing .wrapperDescription h3,
.puntateSection .playlist .programItemPlaylist.playing .wrapperDescription .description {
	color: inherit;
}

.puntateSection .playlist .programItemPlaylist.playing .img .ico.play {
	background-image: url(/dl/components/img/radio/player/playing_grey.svg);
	border-color: #7e8084;
	display: block;
}

.puntateSection .playlist .programItemPlaylist.playing .img .ico.options {
	background-image: url(/dl/components/img/radio/ico-options-hover.svg);
	display: block;
}


/* fine gestione puntata playing */


/* fine blocco puntateSection */


/* PAGINE LISTA */

.suggerimenti .no-skew {
	background-color: #e4e5ea !important;
}

.no-skew.playlist {
	padding-bottom: 200px !important;
}

.no-skew .info {
	padding-bottom: 50px;
}

.no-skew.playlist .fourBox {
	position: static;
}

.headerListaProgramma {
	margin: 0;
}

.listaProgramma {
	margin-top: -100px !important;
	position: relative;
	padding-bottom: 150px !important;
}

.listaProgramma.playlist ul li a:after {
	display: none;
}


/*.listaProgramma.playlist ul li:last-child{
    background-image: none;
}*/

.listaProgramma .fourBox {
	margin-top: 40px;
}

.articoloPage .listaProgramma .fourBox,
.archivio .listaProgramma .fourBox {
	margin-top: 0px;
}


/******* nascosto temporaneamente h2 *******/


/*.archivio .listaProgramma .fourBox h2 {
    display:none;
}*/

.archivio h2 {
	/*display:block !important;*/
	font-family: 'Raleway';
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
}

.archivio .archivioPuntate h2 {
	margin-bottom: 0;
}

.listaProgramma .radioRai-playlist {
	padding-top: 0px !important;
}

.listaProgramma .fourBox .containerOption {
	margin-bottom: 57px;
}

.listaProgramma .fourBox .containerOption {
	margin-bottom: 57px;
}

.listaProgramma .fourBox .containerOption h3,
.listaProgramma .fourBox .canale {
	color: #333538;
}

.listaProgramma .pagination-previous a::before,
.listaProgramma .pagination-previous.disabled::before {
	display: inline;
	margin-right: 0;
	content: '';
}

.listaStagioniPuntate {
	position: absolute;
	list-style: none;
	margin-left: 10px;
	top: 204px;
	z-index: 9999;
}

.utilityMenu .listaStagioniPuntate {
	position: static;
	margin-left: 1.25rem;
}

.listaStagioniPuntate li {
	margin-top: auto !important;
	text-align: left !important;
}

.listaStagioniPuntate li.active {
	font-weight: bold;
	/*margin-left: -10px;*/
	margin-left: 0;
}

.listaStagioniPuntate li.active::before {
	content: "\2022";
	color: red;
	padding-right: 4px;
}

.listaStagioniPuntate li.active a {
	font-weight: bold !important;
}

.listaStagioniPuntate li:not(.active) {
	/*padding-left:15px !important;*/
	padding-left: 10px !important;
}

.listaStagioniPuntate strong {
	font-family: Raleway;
	font-size: 1.125em;
}

.listaStagioniPuntate li a {
	font-family: Karla !important;
	font-size: 16px !important;
	font-weight: normal !important;
	color: #7e8084 !important;
}

.titleListaStagioniPuntate {
	/*margin-bottom:26px;*/
	margin-bottom: 0;
	display: block;
}

.pagination {
	text-align: center;
}

.pagination li.pagination-next a {
	font-size: 1.2em !important;
}

.pagination li.pagination-previous a {
	font-size: 1.2em !important;
}

.pagination li.pagination-next {
	font-size: 1.2em !important;
	background: none !important;
}

.pagination li.pagination-previous {
	font-size: 1.2em !important;
}

.pagination li {
	font-size: 1.2375em !important;
	font-family: Karla !important;
	margin: 0 5px;
}

.pagination li a {
	font-size: 1em !important;
	font-family: Karla !important;
	color: #7e8084 !important;
	font-weight: normal !important
}
.pagination li.pagination-next a::before {
	content:'\003e'
}
.pagination li.pagination-previous a::before{
	content:'\003c'
}
.pagination li.pagination-previous.disabled::before{
	content:'\003c'
}
.pagination li.pagination-next.disabled::before{
	content:'\003e'
}
.pagination::before,
.pagination::after {
	display: none;
}

.pagination- a::before,
.pagination-previous.disabled::before {
	display: none;
}

.pagination-next a::after,
.pagination-next.disabled::after {
	display: none;
}

.pagination li a.disabled {
	opacity: 0.5;
}


/* FINE PAGINE LISTA */


/* blocco collezioni */

.collezioniSection .programItemPlaylist h3 {
	color: #fff;
}

.collezioniSection .programItemPlaylist .img {
	box-shadow: none;
}

.collezioniSection .programItemPlaylist .img .ico.play {
	display: none;
}


/* fine blocco collezioni */


/* blocco playlist */

.playlistSection .programItemPlaylist h3 {
	color: #fff;
}


/* fine bloccoplaylist */


/* blocco foto */

.multimediaSection .skew.block,
.audioSection .skew.block,
.audioSection .skew::before {
	background-color: #eceef1;
}

.highlightsSection .skew.block {
	background-color: #eceef1;
}

.multimediaSection .cover,
.multimediaSection .ico.play,
.multimediaSection h3,
.multimediaSection .ico.option {
	opacity: 0;
	transition: all 0.2s ease-in-out;
}

.multimediaSection .cover:hover,
.multimediaSection .cover:hover h3,
.multimediaSection .cover:hover .ico.play,
.multimediaSection .cover:hover .ico.option {
	opacity: 1;
}


/*.multimediaSection .cover h3 {
    position: absolute;
    font-weight: bold;
    color: #fff;
    text-align: left;
    z-index:1;
    padding: 4% 4% 0% 4%;
}*/

.homeCanale .bg_dark.playlist .fourBox .programItemPlaylist .infoCard {
	color: #fff !important;
}

.raiRadioGenerica .bg_dark.playlist .fourBox .programItemPlaylist .infoCard {
	color: #7e8084 !important;
}

.raiRadioGenerica .bg_dark .infoCard {
	color: #7e8084 !important;
}

.homeProgramma .infoCard.programma {
	display: none;
}

.fotoWrapper {
	box-shadow: -1.1px 7.9px 15px 0 rgba(0, 0, 0, 0.25);
	transition: all 0.1s ease-in-out;
	height: 100%;
	max-height: 300px;
	position: relative;
}

.fotoWrapper:hover {
	box-shadow: 0px 17px 55px 0 rgba(0, 0, 0, 0.42);
	z-index: 1;
	position: relative;
}

.boxMultimedia .fotoWrapper .cover {
	max-height: 100%;
	width: 100%;
	position: absolute;
	z-index: 1;
	cursor: pointer;
}

.boxMultimedia .fotoWrapper img {
	height: 100%;
	width: 100%;
	border-radius: 2px;
}

.boxMultimedia {
	/*background-color:#ffffff;
    text-align:center;*/
	position: relative;
	margin-bottom: 56px;
	margin-right: 15px;
}

.boxMultimedia:hover {
	z-index: 9999 !important;
}

.boxMultimedia .ProgramInfoFoto {
	margin-top: 37px;
	font-family: 'Karla';
}

.boxMultimedia .ProgramInfoFoto h3 {
	color: #333538;
	font-weight: bold;
	font-size: 20px;
	opacity: 1 !important;
}

.boxMultimedia .ProgramInfoFoto span {
	font-size: 16px;
	color: #7f8084;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-height: 23px;
	max-height: 52px;
	margin-top: 0px !important;
	width: 100% !important;
}

.boxMultimedia .ProgramInfoFoto span strong {
	color: #333538;
}

.boxMultimedia .programTitle img {
	width: auto !important;
	height: auto !important;
}

.multimediaSection .programTitle h3 {
	position: static;
}

.multimediaSection .boxMultimedia .ico.foto {
	position: absolute;
	cursor: pointer;
	z-index: 200;
	bottom: 24px;
	left: 24px;
	background: url(/dl/components/img/radio/Foto-logo-white.svg) center no-repeat;
	border: 3px solid #fff;
	border-radius: 100%;
	opacity: 1;
	width: 70px;
	height: 70px;
	background-size: contain;
	background-position: 50%;
}

.multimediaSection .boxMultimedia .ico.play,
.multimediaSection .boxMultimedia .ico.video {
	position: absolute;
	cursor: pointer;
	z-index: 200;
	bottom: 24px;
	left: 24px;
	background: url(/dl/components/img/radio/player/playIcon.svg) center no-repeat;
	border: 3px solid #fff;
	border-radius: 100%;
	opacity: 1;
	width: 70px;
	height: 70px;
	background-size: 65%;
	background-position: 50%;
}


/* fine blocco foto */


/* FINE SCHEDA PROGRAMMA */


/* GUIDA */

.columns.listaProgrammiGuida {
	padding-left: 0;
	padding-right: 0;
}

.listaProgramma.guida {
	background-color: #f6f6f8;
}

.listaProgrammiGuida {
	margin-top: 40px;
	padding-top: 23px;
}

#site-menu .sticked {
	color: #fff;
	position: absolute;
	top: 70px;
	width: 100%;
	padding: 0 12% !important;
	background-color: #0b1c25;
}

.wrapperGiorniGuida.stickyGuida {
	position: absolute;
	z-index: 150;
	top: 0;
	width: 100%;
	/*box-shadow: -4.6px 43.8px 87px 0 rgba(152, 154, 158, 0.55);*/
}

.wrapperGiorniGuida.stickyGuida ul {
	color: #fff;
}

.wrapperGiorniGuida.stickyGuida ul li:hover {
	background-color: rgba(255, 255, 255, 0.2);
}

.giorniGuida {
	position: relative;
	z-index: 99;
	margin: 0 auto;
	width: 72.5em;
	height: 98px;
	top: -40px;
	padding: 0 !important;
	-webkit-box-shadow: -29px 37px 57px -42px rgba(166, 166, 171, 1);
	-moz-box-shadow: -29px 37px 57px -42px rgba(166, 166, 171, 1);
	box-shadow: -29px 37px 57px -42px rgba(166, 166, 171, 1);
}

.wrapperGiorniGuida.stickyGuida .giorniGuida {
	top: 0;
}


/* guida programmi - alfabeto */

.sticked .menuProgramma.alfabeto li {
	display: inline;
}


/* fine guida programmi - alfabeto */

.giorniGuida ul {
	list-style: none;
	padding: 0;
	display: table;
	width: 72.5em;
	margin: auto;
}

.giorniGuida ul li {
	display: inline;
	width: 76px;
	display: table-cell;
	padding: 16px 0 12px;
	border-radius: 2px;
}

.giorniGuida ul li:hover {
	cursor: pointer;
}

.giorniGuida ul li span {
	display: block;
	text-align: center;
	font-family: 'Karla';
}

.giorniGuida ul li span.dayName {
	font-size: 14px;
}

.giorniGuida ul li span.dayNumber {
	font-size: 30px;
}

.giorniGuida li.active span {
	color: #fff;
}

.wrapperData {
	height: 50px;
	margin: 0 auto;
}

.dataGuida {
	text-align: left;
	font-family: 'Raleway';
	font-weight: bold;
	font-size: 24px;
	margin: 20px 0 20px 35px;
	color: #4f4f4f;
}

.containerElencoPlaylistGuida {
	top: 38px;
	position: relative;
}

.elencoPlaylist.guida {
	margin-top: 0;
	margin-left: 0;
}

.elencoPlaylist.guida li h2,
.elencoPlaylist.guida li.playing h2 {
	/*bottom: 40px;*/
	bottom: 30px;
}

.elencoPlaylist.guida li:hover {
	background-image: none !important;
}

.elencoPlaylist.guida li span.descriptionElencoPlaylist {
	max-width: 62%;
	font-weight: normal;
	height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.elencoPlaylist.guida li .ico.options {
	background: url(/dl/components/img/radio/ico-options-guida.png) center center no-repeat !important;
	cursor: pointer;
	background-size: 20% !important;
	transition: all 400ms ease;
	border-radius: 2px;
	width: 20px;
	height: 75px;
	left: 95%;
	position: absolute;
	top: 10%;
}

.elencoPlaylist.guida li.live .ico.options {
	background-image: url(/dl/components/img/radio/ico-options-guida-white.png) !important;
}

.elencoPlaylist.guida li .placeholderGuida {
	background: url(/dl/components/img/radio/player/placeholder_img.png) center center no-repeat;
	width: 70px;
	height: 70px;
	position: relative;
	left: 115px;
	top: -19px;
}

.elencoPlaylist.guida li span {
	font-size: 14px;
}

.elencoPlaylist.guida li .placeholderGuida .placeholderImg {
	height: 40px;
	width: 40px;
	position: relative;
	top: 15px;
	left: 15px;
	background-size: contain;
	border: 2px solid #fff;
	border-radius: 100%;
	opacity: 0;
	transition: all 400ms ease;
}

.elencoPlaylist.guida li.available .placeholderGuida .placeholderImg,
.elencoPlaylist.guida li.aod .placeholderGuida .placeholderImg {
	background-image: url('/dl/components/img/radio/player/playIcon.svg');
	background-repeat: no-repeat;
	background-position: center center;
}

.elencoPlaylist.guida li .placeholderGuida .hiddenPlayer {
	background: url('https://www.rai.it/cropgd/70x70/dl/components/img/radio/player/placeholder_img.png') center center no-repeat;
	height: 100%;
	background-size: contain;
	opacity: 1;
	transition: all 400ms ease;
}

.elencoPlaylist.guida li.aod:hover .placeholderGuida .placeholderImg,
.elencoPlaylist.guida li.available:hover .placeholderGuida .placeholderImg,
.elencoPlaylist.guida li.future:hover .placeholderGuida .placeholderImg,
.elencoPlaylist.guida li:hover .placeholderGuida .hiddenPlayer {
	opacity: 1;
	transition: all 400ms ease;
}

.elencoPlaylist.guida li.aod:hover .placeholderGuida .hiddenPlayer,
.elencoPlaylist.guida li.available:hover .placeholderGuida .hiddenPlayer,
.elencoPlaylist.guida li.future:hover .placeholderGuida .hiddenPlayer {
	opacity: 0;
	transition: all 400ms ease;
}

.elencoPlaylist.guida li .placeholderGuida img,
.elencoPlaylist.guida li .placeholderGuida .cover,
.elencoPlaylist.guida li.playing .wrapperPlaceholder {
	border-radius: 2px;
}

.elencoPlaylist.guida li .cover {
	width: 70px;
}


/* show - hidden elementi della guida */

.elencoPlaylist.guida li .placeholderGuida {
	display: block;
	background-color: #fff;
}

.elencoPlaylist.guida li .wrapperPlaceholder,
.elencoPlaylist.guida li.playing.live .placeholderGuida {
	display: none;
}

.elencoPlaylist.guida li.playing.live.available .placeholderGuida,
.elencoPlaylist.guida li.playing.live.available .duration,
.elencoPlaylist.guida li.playing .ico.options {
	display: block;
}

.elencoPlaylist.guida li.playing.live .wrapperPlaceholder {
	display: block !important;
}


/* end show - hidden elementi della guida */

.elencoPlaylist.guida li:hover::before {
	background-image: none !important;
}

.elencoPlaylist.guida li:hover {
	background-color: #ffffff;
}

.elencoPlaylist.guida li.live .time,
.elencoPlaylist.guida li.live h2,
.elencoPlaylist.guida li.live span {
	color: #ffffff;
}

.elencoPlaylist.guida li.live h2 {
	bottom: 30px !important;
}

.elencoPlaylist.guida li.live h2:before {
	content: 'LIVE';
	position: absolute;
	display: block;
	width: 100%;
	height: 20px;
	font-size: 14px;
	font-family: 'Karla';
	font-weight: normal;
	color: #fff !important;
	left: 60px;
	top: -18px;
}

.elencoPlaylist.guida li.live .placeholderGuida .placeholderImg {
	opacity: 1;
	transition: all 400ms ease;
}

.elencoPlaylist.guida li.live .placeholderGuida .hiddenPlayer {
	opacity: 0;
	transition: all 400ms ease;
}


/*.elencoPlaylist.guida li.playing .cover
{
	height:70px;
	margin-top:12px;
}*/

.elencoPlaylist.guida li span,
.elencoPlaylist.guida li h2 {
	left: 258px;
	max-width: 65%;
}

.elencoPlaylist.guida li .time {
	font-size: 20px;
	color: #7e8084;
	font-family: 'Karla';
	position: absolute;
	left: 45px;
	top: 35px;
}

.elencoPlaylist.guida li .placeholder {
	background-color: #ffffff;
	width: 72px;
	position: absolute;
	left: 130px;
	height: 72px;
	top: 15px;
	background: url('/dl/components/img/radio/player/placeholder_img.png')center center no-repeat;
	text-align: center;
}

.elencoPlaylist.guida li.playing .wrapperPlaceholder {
	background-color: #fff;
	width: 70px;
	height: 70px;
	margin-left: 115px;
	margin-top: -20px;
	display: block;
}


/*.elencoPlaylist.guida li.playing .placeholder
{
background:url('/dl/components/img/radio/player/playing.svg')center center no-repeat;
background-size:50%;
border-radius:100%;
z-index:10;
width:50px;
height:50px;
top: 20px;
    left: 155px;
    position: absolute;
	display:block;
}*/

.elencoPlaylist.guida li.playing .placeholderGuida .placeholderImg {
	background: url(/dl/components/img/radio/player/playing.svg)center center no-repeat;
	background-size: 50%;
	border-radius: 100%;
	z-index: 10;
	width: 50px;
	height: 50px;
	top: 10px;
	left: 10px;
	position: absolute;
	display: block;
	opacity: 1;
	background-color: #e83138;
	border: 0;
}

.RaiRadio1 .elencoPlaylist.guida li.playing .placeholderGuida .placeholderImg,
.RaiRadio1Sport .elencoPlaylist.guida li.playing .placeholderGuida .placeholderImg
 {
	background-color: #68baff;
}

.RaiRadio2 .elencoPlaylist.guida li.playing .placeholderGuida .placeholderImg,
.RaiRadio2Indie .elencoPlaylist.guida li.playing .placeholderGuida .placeholderImg
 {
	background-color: #ff5043;
}

.RaiRadio3 .elencoPlaylist.guida li.playing .placeholderGuida .placeholderImg {
	background-color: #1ce584;
}

.RaiRadioTuttaItaliana .elencoPlaylist.guida li.playing .placeholderGuida .placeholderImg {
	background-color: #32b1e3;
}

.RaiRadioClassica .elencoPlaylist.guida li.playing .placeholderGuida .placeholderImg {
	background-color: #8d9909;
}

.RaiRadioTechete .elencoPlaylist.guida li.playing .placeholderGuida .placeholderImg {
	background-color: #41b49e;
}

.RaiRadioLive .elencoPlaylist.guida li.playing .placeholderGuida .placeholderImg {
	background-color: #ea112b;
}

.RaiRadioKids .elencoPlaylist.guida li.playing .placeholderGuida .placeholderImg {
	background-color: #f18f2e;
}

.elencoPlaylist.guida li.future .placeholderGuida .placeholderImg {
	/*background-image: url('/dl/components/img/radio/player/bell.svg') !important;
    background-repeat: no-repeat;
    background-position: center center;*/
	border: 0;
}


/* FINE GUIDA */


/* GENERI */

.Generi .headerProgramma h2 {
	max-width: 320px;
}

.Generi .listaProgramma.guida {
	padding-bottom: 90px !important;
}

.GeneriBlock {
	margin-top: 110px;
}

.GeneriBlock h2 {
	font-size: 44px;
	/* da zeplin font a 60px in versione xl*/
	margin: 0 !important;
	padding: 0;
	font-family: 'Raleway';
	font-weight: 800;
}

.GeneriBlock span {
	font-family: 'Karla';
	font-size: 20px;
	padding: 0;
	margin: 0;
	color: #7e8084;
}

.GeneriBlock .containerGeneri {
	margin-bottom: 45px;
	max-width: 458px;
	margin-right: 143px;
}

.GeneriBlock .containerGeneri:nth-child(even) {
	margin-right: 0;
}

.generi .GeneriBlock {
	margin-top: 25px;
}


/* FINE GENERI */


/* PREFOOTER */


/* FOOTER PLAYER RADIO */

.preFooterContainer {
	overflow: hidden;
	margin-top: 100px;
}


/* RICERCA FOOTER */

.ui-menu.ui-autocomplete li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255, 255, 255, 0.3);
	border-radius: 0;
	text-align: left;
	color: #fff;
	padding: 0px;
	margin: 0px;
	height: 37px;
	line-height: 17px;
}

.ui-menu.ui-autocomplete li>span {
	display: block;
	padding: 10px 5px;
	font-size: 16px;
	font-weight: normal;
	padding-left: 15px;
}

.ui-menu.ui-autocomplete li:last-child {
	border-bottom: 0;
}

.ui-menu.ui-autocomplete .ui-highlight {
	color: rgba(255, 255, 255, 0.5);
}

.ui-menu.ui-autocomplete {
	position: absolute !important;
	top: 55px !important;
	width: 351px !important;
	list-style: none;
	background: transparent;
	border-radius: 0;
	box-shadow: none;
	z-index: 999999;
	overflow: auto;
	max-height: 150px;
	font-family: Karla;
}

.ui-menu.ui-autocomplete li.ui-state-focus {
	background-color: rgba(255, 255, 255, 0.2);
	cursor: pointer;
}

#footerSearchField {
	width: 351px;
	border-radius: 2px;
	font-family: Karla;
	border: 0;
	padding-left: 15px;
	font-size: 20px;
	height: 56px;
	color: #333538;
	box-shadow: none !important;
}

#ricercaFooter::-webkit-input-placeholder {
	color: #b1b3b7 !important;
}

#ricercaFooter div.ui-noresults {
	position: absolute !important;
	top: 50px !important;
	width: 288px !important;
	max-height: calc(100vh - 80px);
	list-style: none;
	background: transparent;
	border-radius: 0;
	box-shadow: none;
	z-index: 1000;
	overflow: auto;
	padding: 5px;
	border: 0;
	text-align: left;
	color: #fff;
}

.showSearchDiv {
	position: relative
}

.preFooterContainer ul {
	max-width: 100%;
}

.preFooterContainer .secondColumn .secondColumnContainer {
	max-width: 480px;
	margin: 0 auto;
}

.preFooterContainer .row.no-bullet .columns {
	padding: 0;
}

.preFooterContainer .firstColumn .firstColumnContainer {
	max-width: 500px;
	/* da verificare */
	margin: 0 auto;
}

.preFooterContainer h3 {
	font-size: 2.3rem;
}

.preFooterContainer .secondColumn li {
	font-size: 1.3rem
}

.preFooterContainer h3 {
	font-family: 'Raleway';
	font-weight: bold;
	color: #fff;
}

.preFooterContainer .preFooterRow {
	padding-bottom: 150px;
	/* transform: skew(0deg, 3deg);
    -ms-transform: skew(0deg, 3deg);
    -webkit-transform: skew(0deg, 3deg);  */
}

.preFooterContainer a {
	color: #fff;
	font-family: 'Raleway';
}

.preFooterContainer .allShow,
.allGenres {
	font-weight: bold;
	font-size: 20px;
	background: url('/dl/components/img/radio/arrow_app.png') right 7px no-repeat;
	padding-right: 17px;
}

.preFooterContainer a:hover {
	color: #002547;
}

.preFooterContainer .firstColumn h3 {
	/*margin-bottom: 3rem*/
	margin-bottom: 143px;
}

.preFooterContainer .firstColumn .showSearchDiv {
	/*height: 15em;*/
	margin: auto;
	max-width: 400px;
}

.preFooterContainer .firstColumn .showSearchDiv form {
	margin-bottom: 134px;
	text-align: center;
	display: inline-block;
}

.preFooterContainer .firstColumn input[type='text'] {
	border-radius: 4px;
	box-sizing: border-box;
	height: 3rem;
	font-size: 1.2em;
}

.preFooterContainer .secondColumn h3 {
	margin-bottom: 3rem
}

.preFooterContainer .secondColumn li {
	/*margin-bottom: 1.5rem*/
	margin-bottom: 25px;
}

.preFooterContainer .firstColumnContainer,
.secondColumnContainer {
	padding-top: 10rem;
	padding-bottom: 10rem
}

.preFooterContainer ul.no-bullet {
	margin-bottom: 2px;
	min-height: 300px;
}


/* END PREFOOTER */


/* App Radio */

.adPreFooterContainer {
	background-color: #243037;
	/* transform: skew(0deg, 3deg);
    -ms-transform: skew(0deg, -3deg);
    -webkit-transform: skew(0deg, -3deg); */
	height: 340px;
	position: relative;
	z-index: 20;
	width: 100%;
}

.adPreFooterContainer .smartphone {
	/*left: 140px;*/
	background: url('/dl/components/img/radio/phone.png') top left no-repeat;
	height: 450px;
	top: -70px;
	position: absolute;
	width: 535px;
	/*transform: skew(0, 3deg);*/
	right: 53%;
}

.adPreFooterContainer .downloadApp {
	width: 100%;
	margin-top: 45px;
	/*transform: skew(0, 3deg);*/
	display: table;
	color: #fff;
}

.adPreFooterContainer .downloadApp .icona {
	display: table-cell;
	width: 120px;
	vertical-align: top;
	background: url('/dl/components/img/radio/icona_app.png') top left no-repeat;
}

.adPreFooterContainer .downloadApp .scaricaApp {
	display: table-cell;
	vertical-align: top;
}

.adPreFooterContainer .downloadApp .scaricaApp p.download {
	font-size: 28px;
}

.adPreFooterContainer .downloadApp .scaricaApp p.download span {
	font-weight: bold;
}

.adPreFooterContainer .downloadApp .scaricaApp p {
	font-size: 16px;
	font-family: 'Karla';
	line-height: 1.3em;
	font-weight: normal;
	width: 100%;
}

.adPreFooterContainer .downloadApp .scaricaApp p a {
	font-family: 'Raleway';
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	width: 50%;
	background: url('/dl/components/img/radio/arrow_app.png') right 8px no-repeat;
	margin-right: 50px;
	padding-right: 17px;
}

.adPreFooterContainer .downloadApp .scaricaApp p:last-child {
	padding-top: 20px;
}

.adPreFooterContainer .downloadApp .scaricaApp p a:last-child {
	margin-right: 0 !important;
	text-align: right !important;
}


/* Fine App Radio */


/* Footer */

.containerFooter {
	background-color: #1a1b1c;
}

.containerFooter .block.secondRow {
	padding-bottom: 120px;
padding-top:20px;
}

footer {
	margin-top: -90px;
	position: absolute;
	z-index: 100;
	width: 100%;
	/*padding-bottom: 70px;*/
}

.homeCanale footer {
	margin-top: 0px;
}

.homeCanale .adPreFooterContainer {
	margin-bottom: -150px;
}

.row.expanded.block.radioRai-footer .columns:first-child {
	padding-left: 0;
}

.row.expanded.block.radioRai-footer .columns:last-child {
	padding-right: 0;
}

footer h3,
.archivio footer h3 {
	color: #fff;
	padding-bottom: 13px;
	border-bottom: 1px solid #323335;
	font-size: 14px;
	font-weight: bold;
	font-family: 'Raleway';
}

footer ul {
	font-size: 0.9em;
	margin: 30px 0 0 0;
	font-family: 'Karla';
}

footer ul li {
	list-style: none;
	color: #7e8084;
	width: 49%;
	float: left;
	padding-bottom: 5px;
}

footer .radioRai-footer div.hide-for-small-only:nth-child(2) ul li {
	width: 30%;
}

footer ul li a {
	color: #7e8084;
	font-family: Karla;
	font-size: 14px;
}

footer .social ul li {
	display: inline;
	margin-right: 20px;
	width: 20px;
	height: 20px;
}

footer .social ul li a {
	width: 20px;
	height: 20px;
	display: block;
}

footer .social ul li.facebook {
	background: url('/dl/components/img/radio/facebook_footer.png')top left no-repeat;
}

footer .social ul li.twitter {
	background: url('/dl/components/img/radio/twitter_footer.png')top left no-repeat;
}

footer .social ul li.googlePlus {
	background: url('/dl/components/img/radio/googlePlus_footer.png')top left no-repeat;
}

footer .social ul li.rss {
	background: url('/dl/components/img/radio/rss_footer.png')top left no-repeat;
}

footer .secondRow {
	/*font-size: 0.8em;*/
	border-top: 1px solid #323335;
}

.radiorai .footer
{
	margin-left:0 !important;
	margin-right:0 !important;
	background-color:transparent !important;
	width:100% !important;
}

footer .containerLogoFooter {
	display: table;
}

.footer .logo_footer {
    float: left;
    margin-right: 20px;
}

.footer .logo_footer svg {
    width: 56px;
    height: 56px;
}

.footer .inner-footer
{
	font-family:'Karla' !important;
}

/*footer .logo_footer {
	display: table-cell;
	width: 70px;
	height: 70px;
	vertical-align: top;
	background: url(/dl/components/img/radio/logo_rai_footer.png) top left no-repeat;

}*/

/*footer .containerLogoFooter .infoFooter {
	display: table-cell;
	font-size: 14px;
	color: #7e8084;

	padding-left: 10px;

	font-family: "Open Sans";
}*/

footer .containerLogoFooter .infoFooter ul {
	margin: 0;
}

footer .containerLogoFooter .infoFooter ul li {
	width: 100%;
}

footer .privacy ul {
	text-align: right;
	margin: 0;
}

footer .privacy ul li {
	width: 100%;
	clear: left;
}


/* Fine footer */

.MenuOver {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 1000;
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.6);
}

.blocks {
	min-width: 100%;
}

.menu .row.white {
	background-color: #ffffff;
	padding: 63px 100px 45px 85px;
	position: relative;
}

.menu .row.skew.grey {
	background-color: #f6f6f8;
	padding: 0 100px 30px 100px;
	font-family: raleway;
	margin-top: -26px;
}

.ContainerMenuOver {
	width: 800px;
	max-width: none;
	flex: none;
	height: 100vh;
	background-color: #f6f6f8;
	overflow-x: hidden;
	overflow-y: auto;
}

.menu .NoDiagonal {
	overflow: hidden;
	position: relative;
	/* transform: skew(0deg,3deg);
    -ms-transform: skew(0deg,3deg);
    -webkit-transform: skew(0deg,3deg);*/
	z-index: 32;
}


/* barra social */

.titleCambia {
	margin-bottom: 11px;
	font-family: Raleway;
	font-size: 16px;
	font-weight: bold;
	color: #333538;
}

.menu .vaiRadio {
	margin-top: -36px;
	font-size: 14px;
	font-family: Raleway;
	color: #7e8084;
	font-weight: 600;
}

.menu .vaiRadio a {
	color: #7e8084;
	padding: 0.7em 0;
}

.menu .social {
	padding: 0;
	margin-top: 40px;
	margin-left: 0;
	text-align: center;
}

.menu .social li {
	display: inline-block;
	list-style: none;
	width: 45px;
}

.menu .social li:last-child {
	margin-right: 0;
}

.menu .social li span {
	width: 27px;
	height: 30px;
	float: left;
}

.menu .social li a {
	padding-top: 0;
}

.menu .social .facebook {
	background: url('/dl/components/img/radio/facebookGrey.png') center center no-repeat;
	/*margin-left: -25px;*/
}

.menu .social .twitter {
	background: url('/dl/components/img/radio/twitterGrey.png') center center no-repeat;
}

.menu .social .instagram {
	background: url('/dl/components/img/radio/instagramGrey.png') center center no-repeat;
}


/* end barra social */

.menu .Ulzero {
	margin-left: 0;
	list-style-type: none;
	font-family: 'Raleway';
}

.menu .Ulzero.left {
	font-size: 1.375em;
	font-weight: bold;
	margin-top: 10px;
}

.menu .Ulzero.left li {
	margin: 7px 0;
}

.menu .Ulzero.left li:first-child {
	margin-top: 0;
}

.menu .Ulzero.right {
	font-size: 1em;
	margin-top: 10px;
}

.menu .Ulzero.right li {
	min-height: 34px;
}

.menu .Ulzero li {
	min-height: 44px;
	padding: 0;
	margin: 0;
}

.menu .Ulzero.left a {
	color: #333538;
	text-decoration: none;
	padding-left: 0px;
}

.menu .Ulzero.right a {
	text-decoration: none;
	font-size: 0.9em;
	font-weight: 500;
}

.menu .Ulzero.cambiaCanale a {
	color: #4c4e51;
	padding-left: 0px !important;
}

.menu .Ulzero.cambiaCanale li {
	min-height: 30px;
	font-weight: 600;
}

.cambiaCanale {
	min-height: 30px;
	font-size: 1em;
	margin-bottom: 10px;
}

.cambiaCanale strong {
	color: #333538;
	font-weight: 800 !important;
}

.menu .row.skew-content.up {
	padding-top: 60px;
	padding-bottom: 0;
	color: #4c4e51;
}

.menuLeft {
	max-width: 45%;
}

.mRight {
	margin-right: 2%;
}

.faqHelp {
	margin-left: 0;
	margin-top: 40px;
	padding-left: 0;
	padding-right: 0;
}

.faqHelp ul {
	margin-left: 0;
}

.faqHelp ul li {
	margin: 0;
	list-style: none;
	display: inline;
	padding-right: 45px;
}

.faqHelp ul li:last-child {
	padding-right: 0;
}

.faqHelp ul li a {
	padding: 0;
	display: inherit;
	font-family: 'Raleway';
	font-size: 14px;
	color: #7e8084;
}

.faqHelp ul li a:hover {
	color: #333538;
}


/* Gestione colore menu comparsa */

.MenuOver li a,
MenuOver li a:hover {
	transition: all 400ms ease;
}

.MenuOver .vaiRadio a:hover {
	font-weight: bold;
}


/* Radio Rai Generica - Ragio Rai GR */

.raiRadioGenerica .MenuOver .Ulzero.left li a:hover,
.raiRadioGenerica .MenuOver .Ulzero.right li a,
.RadioRaiGR .MenuOver .Ulzero.left li a:hover,
.RadioRaiGR .MenuOver .Ulzero.right li a,
.raiRadioGenerica .MenuOver .Ulzero.cambiaCanale li a:hover,
.RadioRaiGR .MenuOver .Ulzero.cambiaCanale li a:hover,
.fogliaAod .headerProgramma h1
 {
	color: #004996;
}

.raiRadioGenerica .MenuOver .Ulzero.right li a:hover,
.RadioRaiGR .MenuOver .Ulzero.right li a:hover {
	color: #00376f;
}


/* LOGIN */

.raissoPage .ssoOverlayMask {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 20;
	background-color: rgba(0, 0, 0, 0.5);
	background-image: url(/dl/components/img/loading_user.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 5rem;
}

.radioRai-Login {
	margin-top: -278px !important;
	top: -100px;
}

.radioRai-Login .radioRai-containerGeneral {
	margin-top: 100px;
	/* transform: skew(0deg, 3deg); */
}

.radioRai-Login .radioRai-containerGeneral .containerTestoLogin {
	/* transform: skew(0deg, 0deg); */
}

.radioRai-Login .radioRai-containerGeneral .textOther {
	font-size: 18px;
	font-family: 'Raleway';
	font-weight: 800;
	text-align: center;
	padding: 0 !important;
	margin: 0 !important;
}

.radioRai-Login .radioRai-containerGeneral .btnSocial {
	margin: 42px 0;
	padding: 0;
}

.radioRai-Login .radioRai-containerGeneral .btnSocial .button {
	margin-bottom: 0;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(204, 204, 204, 1);
	-moz-box-shadow: 2px 2px 5px 0px rgba(204, 204, 204, 1);
	box-shadow: 2px 2px 5px 0px rgba(204, 204, 204, 1);
	font-family: 'Roboto';
	font-size: 14px;
	padding-left: 30px !important;
}

.btnAccFB {
	/*background-color: #335a9f;*/
	color: #fff;
	background: url('/dl/components/img/btn_facebook.svg') left center no-repeat #475a96;
	background-size: 35px;
	font-weight: bold;
}

.btnAccFB:hover {
	background-color: #335a9f;
}

.btnAccTwitt {
	/*background-color: #29adf5;*/
	color: #fff;
	background: url('/dl/components/img/btn_twitter.svg') left center no-repeat #5d9ec9;
	background-size: 29px;
	font-weight: bold;
}

.btnAccTwitt:hover {
	background-color: #5d9ec9;
}

.btnAccGoog {
	color: #000;
	background: url('/dl/components/img/btn_google.svg') left center no-repeat #fff;
	background-size: 29px;
	font-weight: bold;
}

.btnAccGoog:hover {
	background-color: #fff;
	color: #000;
}

.form {
	padding: 0 95px;
}

.form .no-small-margin {
	margin-left: 0;
	margin-right: 0;
}

.form .rowLogMailPass {
	margin-top: 30px;
}


/*.radioRai-Login form{
    padding: 0 90px;
}*/

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

.radioRai-Login form {
	margin-top: 59px;
}

.containerForm {
	width: 375px;
	padding: 0;
}

form .wrapperInput {
	position: relative;
}

form.formLoginAccedi .wrapperInput {
	margin-bottom: 48px;
}

form.disabled .wrapperInput a.delete {
	display: none !important;
}

form .wrapperInput a.delete {
	position: absolute;
	right: 0;
	background: url('/dl/components/img/radio/delete.png')center right no-repeat;
	top: 10px;
	right: 0;
	width: 20px;
	height: 20px;
	display: none;
}

form .wrapperInput.error a.delete {
	background: url('/dl/components/img/radio/error.png')center right no-repeat;
}

form .wrapperInput a.error {
	display: none;
}

form .wrapperInput a.error {
	position: absolute;
	right: 0;
	background: url('/dl/components/img/radio/error.png')center right no-repeat !important;
	top: 10px;
	right: 0;
	width: 20px;
	height: 20px;
}

form .wrapperInput input[type='text'],
.radioRai-Login form .wrapperInput input[type='password'],
form .wrapperInput input[type='email'] {
	border: 0;
	border-bottom: 1px solid #b2b3b7;
	border-radius: 0;
	background-color: transparent !important;
	box-shadow: none !important;
	font-family: 'Karla';
	font-size: 18px;
	line-height: 1.32em;
	color: #333538;
	padding-left: 0;
	margin: 0;
}

form .wrapperInput label {
	position: absolute;
	left: 0;
	bottom: 5px;
	font-size: 18px;
	color: #b2b3b7;
	z-index: -10;
	font-family: 'Karla';
	transition: 0.2s all;
}

form .wrapperInput label.top {
	color: #333538;
	bottom: 40px;
	font-size: 10px;
	font-weight: 800;
}

form .wrapperInput.last {
	margin-bottom: 0;
}

form .wrapperInput input:focus {
	border: 0;
	border-bottom: 1px solid #b2b3b7;
}

form .wrapperInput:not(.error) input[type='text']:focus,
.radioRai-Login form .wrapperInput:not(.error) input[type='password']:focus {
	border-bottom-color: #333538;
}

form .wrapperInput.error input[type='text'],
.radioRai-Login form .wrapperInput.error input[type='password'],
form .wrapperInput.error input[type="email"],
.radioRai-Login form .wrapperInput.error .wrapperSelect.selected {
	border-bottom-color: #d50000 !important;
}

form .wrapperInput.error label,
form .informativa .error+p,
.radioRai-Login form .wrapperInput.error select.selected {
	color: #d50000;
}

form .wrapperInput.error textarea {
	border: 1px solid #d50000 !important;
}

form .button.secondary {
	background-color: #fff !important;
	border: 2px solid #333538;
}

form p.recoverPsw {
	margin: 32px 0 35px 0;
	padding: 0;
}

form p.recoverPsw a {
	color: #333538;
	font-family: 'Karla';
	font-size: 16px;
	font-weight: bold;
}

.radioRai-Login form select.selected {
	color: #333538;
}

.radioRai-Login .regLogin p,
.wrapperModal .messageBox {
	color: #333538;
	font-family: 'Raleway';
	font-size: 18px;
	line-height: 21px;
	margin: 41px 0;
	padding: 0;
}

.radioRai-Login .regLogin p a {
	font-weight: bold;
	color: #333538;
}

.radioRai-Login p.help {
	font-family: 'Karla';
	font-size: 16px;
	text-align: center;
}

.radioRai-Login p.help a {
	color: #333538;
}

.descriptionLogin {
	/*width:495px;*/
	width: 100%;
	margin-top: 40px;
}

.descriptionLogin h2 {
	font-family: Raleway;
	font-size: 3.125em;
}

.RaiRadioForm .mainHeader.skew {
	/*height:64vh;*/
	height: 448px;
}

.radioRai-Login .containerTestoRegistrazione {
	width: 740px;
	margin: 0 auto;
	margin-bottom: 50px;
}

.radioRai-Login .containerTestoRegistrazione .descriptionLogin,
.radioRai-Login .containerTestoRegistrazione h2 {
	width: 100%;
}

.radioRai-Login .containerTestoRegistrazione .descriptionLogin p {
	font-family: 'Raleway';
	font-size: 25px;
	line-height: 28px;
}

.radioRai-Login .row.rowLogMailPass {
	padding: 0;
	margin-bottom: 48px;
}

form .registration,
form .send,
form .update {
	border: 2px solid #b1b3b7 !important;
	padding: 20px 80px;
	background-color: transparent;
	color: #b1b3b7;
	font-family: 'Raleway';
	font-weight: 400;
	font-size: 20px;
}

form .informativa {
	display: table;
	margin: 0px 0 40px;
}

form .informativa:first-of-type {
	margin-top: 30px;
}

form .informativa .wrapperRounded {
	display: table-cell;
	padding-right: 10px;
}

form .informativa .roundedTwo {
	width: 20px;
	height: 20px;
	position: relative;
	margin: 0 auto;
	border-radius: 100%;
	background-color: #333538;
	border: 1px solid #333538;
}

.roundedTwo label:before {
	content: '';
	background-color: #eeeeee;
	width: 18px;
	height: 18px;
	position: absolute;
	display: block;
	border-radius: 100%;
	top: -4px;
	bottom: 0;
	left: -8px;
}

.roundedTwo label {
	width: 10px;
	height: 10px;
	position: absolute;
	top: 4px;
	left: 0;
	cursor: pointer;
}

.roundedTwo label:after {
	content: '';
	width: 10px;
	height: 6px;
	position: absolute;
	top: 1px;
	left: -3px;
	border: 2px solid #fff;
	border-top: none;
	border-right: none;
	opacity: 0;
	transform: rotate(-45deg);
}

.roundedTwo input[type=checkbox] {
	visibility: hidden;
}

.roundedTwo input[type=checkbox]:checked+label:after {
	opacity: 1;
}

.roundedTwo input[type=checkbox]:checked+label:before {
	opacity: 0;
}

.radioRai-Login form .informativa p {
	display: table-cell;
	font-family: 'Karla';
	font-size: 14px;
	vertical-align: top;
}

.radioRai-Login form .informativa p.important {
	font-size: 16px;
}

.radioRai-Login form .wrapperSelect {
	border-bottom: 1px solid #b2b3b7;
}

.radioRai-Login form .wrapperSelect.selected {
	border-bottom-color: #333538;
}

.radioRai-Login form select {
	border: 0;
	border-radius: 0;
	background-color: transparent;
	color: #b1b3b7;
	padding-left: 0;
}

.radioRai-Login form select:focus {
	box-shadow: none;
}

.radioRai-Login form .checkbox-custom.gendCheckLogin {
	opacity: 0;
	position: absolute;
	top: 10px;
}

.radioRai-Login .wrapperInput .wrapperCheckboxSex {
	border-bottom: 1px solid #b1b3b7;
	padding-bottom: 5px;
}

.radioRai-Login form .checkbox-custom-label {
	position: relative !important;
	margin: 0 !important;
	z-index: 150 !important;
	bottom: 5px !important;
	left: 0 !important;
	width: 100%;
	top: 5px;
	text-align: left;
}

.radioRai-Login form .checkbox-custom.gendCheckLogin+.checkbox-custom-label.maleCustomCheck:before {
	content: 'Maschio';
}

.radioRai-Login form .checkbox-custom:checked+.checkbox-custom-label:before {
	color: #333538;
}

.radioRai-Login form .checkbox-custom:checked+.checkbox-custom-label:after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	border-bottom: 1px solid #333538;
}

.checkbox-custom.gendCheckLogin+.checkbox-custom-label.femaleCustomCheck:before,
.checkbox-custom.gendCheckLogin+.checkbox-custom-label.famaleCustomCheck:before {
	content: 'Femmina';
}

.checkbox-custom.gendCheckLogin+.checkbox-custom-label.transGenderCustomCheck:before {
	content: 'Altro';
}

.radioRai-Login form .checkbox-custom+.checkbox-custom-label:before {
	content: '';
	color: #b1b3b7;
	line-height: 1;
	border-radius: 0;
	padding: 0;
	width: 100% !important;
	position: relative;
}

.radioRai-Login #birthDateModifyWrapper .row {
	margin-left: -1em;
	margin-right: -1em;
}

.radioRai-Login #birthDateModifyWrapper .wrapperSelect {
	margin-bottom: 0px !important;
}


/* modale password - creazione playlist */

.RaiRadioForm .blurMask,
.areaPersonale .blurMask {
	background-color: transparent;
}

.large.reveal.modalLogin {
	max-width: 952px;
}

.modalLog .wrapperModal {
	width: 552px;
	margin: 0 auto;
}

.modalLog .wrapperModal p {
	font-family: 'Raleway';
	margin: 0 auto;
}

.modalLog .wrapperModal .wrapperInput {
	margin-bottom: 15px;
}

.modalLog .wrapperModal .newInvio {
	font-size: 16px;
	font-family: 'Karla';
	line-height: 21px;
	color: #7e8084;
	width: 401px;
	padding: 0;
	margin-bottom: 45px;
}

.modalLog .wrapperModal .button.secondary {
	padding: 14px 21px 12px;
	border-radius: 2px;
	font-size: 16px;
	font-weight: 600;
}

.modalLog h2 {
	font-weight: bold;
	font-size: 30px;
	line-height: 21px;
	color: #333538;
}

.modalLog p.helper {
	font-weight: 400;
	font-size: 16px;
	color: #7e8084;
	margin: 37px 0;
}

.html.is-reveal-open,
html.is-reveal-open body {
	width: 100%;
}

.formLoginAccedi.gestisciPlaylist {
	margin-top: 50px;
}

.formLoginAccedi.gestisciPlaylist .lastRow {
	margin-top: 25px;
}

.formLoginAccedi.gestisciPlaylist .lastRow .button.secondary {
	text-align: right;
	padding: 15px 75px 15px 78px;
	font-size: 16px;
	/*float: right;*/
}

.formLoginAccedi.gestisciPlaylist .lastRow p.reset {
	text-align: left;
	padding: 15px 0 0 0;
	margin: 0;
}

.formLoginAccedi.gestisciPlaylist .lastRow p.reset a {
	color: #e3e5ea;
	font-size: 16px;
}

.formLoginAccedi.gestisciPlaylist .wrapperInput input[type="text"]:disabled {
	border-bottom-width: 0px;
}


/* fine modale password - creazione playlist */


/* END LOGIN */


/* AREA PERSONALE */

.areaPersonale .headerListaProgramma h2,
.areaPersonale .headerListaProgramma h1 {
	padding-left: 90px;
}

.areaPersonale .headerListaProgramma span.initial {
	display: block;
	float: left;
	width: 56px;
	height: 56px;
	background-color: #989a9e;
	font-size: 20px;
	border-radius: 100%;
	font-family: Raleway;
	font-size: 25px;
	font-weight: bold;
	line-height: 1.19;
	text-align: center;
	margin-top: 15px;
	padding-top: 15px;
	color: #ffffff;
}

.areaPersonale .headerListaProgramma ul li.active,
.areaPersonale .headerListaProgramma ul li.active a,
.risultatiRicerca li.active a {
	color: #989a9e;
}

.areaPersonale .headerListaProgramma ul li.active:after {
	background-color: #989a9e;
	content: '';
	width: 45px;
	height: 3px;
	position: relative;
	display: block;
	text-align: center;
	margin: 0 auto;
	top: 5px;
}

.areaPersonale .pagination li.current {
	border-bottom: 2px solid #333538;
	color: #333538;
	padding: 0px;
	border-radius: 0px;
	background-color: transparent;
}

.areaPersonale .pagination li.current a {
	color: #333538 !important;
}

.areaPersonale .pagination li a:hover {
	background-color: transparent;
	color: #333538 !important;
}

.areaPersonale .coverCreaPlaylist {
	border: 3px dashed #caccd1;
	position: absolute;
	display: block;
	width: 75%;
	height: 75%;
	top: 12%;
	left: 12%;
	background: url('/dl/components/img/radio/crea_nuova.png')no-repeat center center;
}

.areaPersonale .coverCreaPlaylist span {
	text-align: center;
	font-family: 'Raleway';
	font-weight: 800;
	color: #caccd1;
	position: relative;
	top: 62%;
}

.areaPersonale .Profilo .dettaglioPlaylistRight .img {
	margin-bottom: 44px;
	box-shadow: 0px 12px 21px 0 rgba(0, 0, 0, 0.18);
}

.areaPersonale .Profilo .dettaglioPlaylistRight h3 {
	margin-bottom: 100px;
}

.areaPersonale .Profilo.Sortable .dettaglioPlaylistRight h3 {
	margin-bottom: 0;
}

.areaPersonale #sortable .ui-sortable-helper {
	background-color: #eceef1;
	-webkit-box-shadow: -4px 4px 71px -11px rgba(173, 168, 173, 1);
	-moz-box-shadow: -4px 4px 71px -11px rgba(173, 168, 173, 1);
	box-shadow: -4px 4px 71px -11px rgba(173, 168, 173, 1);
}

.dettaglioPlaylistRight ul {
	list-style: none;
	margin: 0;
}

.dettaglioPlaylistRight ul li {
	margin-bottom: 40px;
	padding-left: 30px;
	text-align: left;
}

.dettaglioPlaylistRight ul li a {
	font-size: 16px;
	font-family: 'Karla';
}

.dettaglioPlaylistRight ul li.gestisci {
	background: url('/dl/components/img/radio/gestisci_account.png') top left no-repeat;
}

.dettaglioPlaylistRight ul li.disconnetti {
	background: url('/dl/components/img/radio/disconnetti.png') top left no-repeat;
}

.dettaglioPlaylistRight ul li.modifica {
	background: url('/dl/components/img/radio/modifica_g.png') top left no-repeat;
}

.dettaglioPlaylistRight ul li.elimina {
	background: url('/dl/components/img/radio/elimina_g.png') top left no-repeat;
}

.dettaglioPlaylistRight ul li.questionarioProfilo {
	background: url('/dl/components/img/radio/ico-questionario.png') top left no-repeat;
}


/* Area Personale profilo */

.areaPersonale.profilo .Profilo {
	margin-top: 187px !important;
}

.areaPersonale.profilo form {
	width: 100%;
	/* top: -100px; */
	position: relative;
}

.areaPersonale.profilo form.formLoginAccedi .row.expanded .fourBox.skew-content.fields {
	margin-top: 100px !important;
}

.areaPersonale.profilo form.disabled .wrapperInput input[type='text'] {
	border-bottom-color: transparent !important;
}

.areaPersonale.profilo form .wrapperInput a.delete {
	opacity: 0;
	transition: opacity ease 1s;
}

.areaPersonale.profilo form .wrapperInput a.delete.show {
	opacity: 1;
}

form.disabled .wrapperInput a.delete {
	display: none !important;
}

.areaPersonale.profilo .listaProgramma .fourBox .large-3 {
	margin-bottom: 0px;
}

.areaPersonale.profilo .programItemPlaylist .img {
	position: relative;
	width: 100%;
	padding-top: 100%;
	overflow: hidden;
}

.areaPersonale.profilo .programItemPlaylist .img img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: none;
}

.areaPersonale.profilo .coverLaTuaFoto {
	border: 3px dashed #caccd1;
	position: absolute;
	display: block;
	width: 75%;
	height: 75%;
	top: 12%;
	left: 12%;
	background: url(/dl/components/img/radio/carica.png)no-repeat center 40%;
	background-size: 50%;
	transition: background-size ease .5s;
	cursor: pointer;
	z-index: 1;
}

.areaPersonale.profilo .coverLaTuaFoto:hover {
	background-size: 40%;
}

.areaPersonale.profilo .coverLaTuaFoto span {
	text-align: center;
	font-family: 'Raleway';
	font-weight: 800;
	color: #caccd1;
	position: relative;
	top: 62%;
}

.areaPersonale.profilo .large-4.columns {
	padding-left: 0px;
}

.areaPersonale.profilo [type=file] {
	opacity: 0;
	position: absolute;
	z-index: -1;
	top: -50px;
	margin: 0;
}

.areaPersonale.profilo .switch {
	text-align: left;
}

.areaPersonale.profilo .switch span {
	font-weight: normal;
	color: #333538;
	font-family: Karla;
	font-size: 18px;
}

.headingNotifiche h4 {
	padding: 0;
	margin: 0;
	font-size: 20px;
	text-align: left;
	font-family: 'Raleway';
	font-weight: bold;
}

.switch {
	margin-bottom: 1rem;
	outline: 0;
	position: relative;
}

.switch input {
	width: 3.25rem;
	height: 2rem;
	margin: 0;
	z-index: 10;
}

input:checked~.switch-paddle {
	background-color: #4cd964;
}

.switch input+.switch-paddle {
	float: left;
	border-radius: 1rem;
	height: 1.125rem;
	width: 32px;
	margin: .1875rem 1rem .1875rem 0;
}

label.switch-paddle {
	padding: 0px 5px;
	background-color: #b1b3b7;
	display: inline-block;
	position: relative;
	transition: all 0.25s ease-out;
	color: inherit;
	font-weight: inherit;
}

label.switch-paddle .label {
	left: 40px;
	top: -5px;
	font-size: 18px;
	font-family: 'Karla';
	color: #444444;
	background-color: transparent;
	position: absolute;
}

.switch input+.switch-paddle .show-for-on {
	display: none;
}

.switch input:checked+.switch-paddle .show-for-on {
	display: inline;
	position: absolute;
	left: .625rem;
	bottom: -.1875rem;
}

.switch input:checked+.switch-paddle .show-for-off {
	display: none;
}

.switch input+.switch-paddle .show-for-off {
	display: inline;
	position: absolute;
	left: 1.225rem;
	bottom: -.1875rem;
}

label.switch-paddle::after {
	background: #fff;
	content: '';
	display: block;
	position: absolute;
	height: 12px;
	top: 3px;
	width: 12px;
	transition: all 0.25s ease-out;
	transform: translate3d(0, 0, 0);
	border-radius: 100%;
}

input:checked~.switch-paddle::after {
	left: 1rem !important;
}


/* END AREA PERSONALE */


/* PAGINA FOGLIA */

.mainHeader.skew.fogliaHeader {
	overflow: visible;
	/* transform: skew(0deg, -3deg); */
	height: 540px;
}

.mainHeader.skew.fogliaHeader .radioRai-header {
	padding-bottom: 0 !important;
}

.mainHeader.skew.fogliaHeader .ChanColorRaiRadio {
	/* transform: skew(0deg, 3deg); */
	height: 71%;
}

.wrapperInfoFotoFoglia {
	padding-left: 496px;
	/*padding-top:55px;*/
}

.articoloProgramma .headerProgramma {
	margin-bottom: 85px;
}

.headerFoglia h2,
.articoloProgramma .radioRai-playlist.radioRai-containerGeneral h3,
.articoloProgramma .radioRai-playlist.radioRai-containerGeneral h1 {
	/*width:564px;*/
	line-height: 70px;
	color: #fff;
	position: relative;
	z-index: 250;
}

.headerFoglia .upperTitle,
.articoloProgramma .upperTitle {
	font-size: 20px;
	font-family: 'Raleway';
	font-weight: bold;
	color: #fff;
	padding: 0 !important;
	margin: 0;
	position: relative;
	z-index: 250;
}

.articoloProgramma .playlist .fourBox {
	padding-top: 8px;
}

body.articoloProgramma {
	background-color: #fff;
}

.articoloProgramma .upperTitle,
.articoloProgramma .radioRai-playlist.radioRai-containerGeneral h3,
.articoloProgramma .radioRai-playlist.radioRai-containerGeneral h1,
.articoloProgramma .menuProgramma a {
	color: #333538;
}

.articoloProgramma .playlist .fourBox .img {
	margin-bottom: 66px;
}

.articoloProgramma .headerProgramma h2 {
	padding-top: 55px;
	margin-bottom: 0;
}

.articoloProgramma .followProgramma_w,
.articoloProgramma .share_w {
	display: none;
}

.homeProgramma .followProgramma_w {
	width: auto;
	float: right;
	margin-top: 30px;
	/*padding: 0;*/
	margin-right: -5px;
}

.homeProgramma .menuDescriptionProgramma .followProgramma_w {
	float: inherit;
	margin-top: 0px;
}

.listaProgramma.foglia {
	background-color: #e8eaef;
	overflow: visible;
}

.listaProgramma.foglia.foto {
	background-color: transparent;
}

.listaProgramma.foglia.foto .corpoFoglia {
	margin: 318px auto 0 auto;
	font-family: 'Karla';
}

.wrapperInfoFotoFoglia:before {
	content: '';
	display: block;
	position: relative;
	z-index: 250;
	left: -540px;
	width: 54px;
	height: 54px;
	top: 219px;
}

.wrapperInfoFotoFoglia img {
	width: 552px;
	top: 225px;
	left: 0;
	position: absolute;
	box-shadow: -14.1px 27.6px 109px 0 rgba(51, 53, 56, 0.25);
	border-radius: 2px;
}

.listaProgramma.foglia .corpoFoglia {
	width: 743px;
	margin: 113px auto 0 auto;
}

.listaProgramma.foglia .corpoFoglia p,
.articoloProgramma .radioRai-playlist.radioRai-containerGeneral .fourBox.expanded p {
	line-height: 28px;
	font-size: 18px;
	color: #7e8084;
	padding-bottom: 15px;
}


/* FINE PAGINA FOGLIA */


/* PAGINA 404 */

.mainHeader.notFound {
	background-color: #4144c5;
	margin-bottom: 0;
	overflow: hidden;
	position: relative;
	z-index: 2;
	/* transform: skew(0deg, 0deg); */
}

.mainHeader.notFound .radioRai-containerGeneral {
	/* transform: skew(0deg, 0deg); */
	height: 129px;
	padding-bottom: 0 !important;
}

.mainHeader.notFound .row.top_row {
	/*transform: skew(0deg, 0deg);*/
}

.mainHeader.notFound #barraRai {
	margin-top: -94px !important;
}

.expanded.container404 {
	background-color: #4144c5;
}

.expanded .radioRai-404 {
	padding-bottom: 100px;
	width: 540px;
	margin: 0 auto;
}

.expanded .radioRai-404 .text404 {
	font-family: 'Raleway';
	font-size: 40px;
	line-height: 56px;
	color: #fff;
	width: 100%;
	margin: 67px 0 62px;
}

.expanded .radioRai-404 .button {
	color: #fff;
	border: 2px solid #fff;
	background-color: transparent;
	margin-bottom: 98px;
	font-family: 'Raleway';
	font-weight: 400;
	line-height: 23.7px;
	font-size: 20px;
	padding: 20px 63px;
}


/* FINE PAGINA 404 */


/* Supporto */

.supporto .mainHeader.skew {
	background: none;
	background-color: #333538;
	z-index: 3;
}

.supporto .headerListaProgramma ul li.active {
	color: #989a9e;
}

.supporto .headerListaProgramma ul li.active:after {
	background-color: #989a9e;
	content: '';
	width: 45px;
	height: 3px;
	position: relative;
	display: block;
	text-align: center;
	margin: 0 auto;
	top: 5px;
}

.supporto .headerListaProgramma span.initial {
	display: block;
	float: left;
	width: 56px;
	height: 56px;
	background-color: #989a9e;
	font-size: 20px;
	border-radius: 100%;
	font-family: Raleway;
	font-size: 25px;
	font-weight: bold;
	line-height: 1.19;
	text-align: center;
	margin-top: 15px;
	padding-top: 15px;
	color: #ffffff;
}

.supporto .headerProgramma .menuProgramma {
	margin-bottom: 20px;
}

.supporto .foglia .corpoFoglia {
	width: auto;
	margin: auto;
}

.supporto .foglia>.radioRai-containerGeneral {
	margin-top: 220px;
	display: block;
}

.supporto.aiuto .foglia>.radioRai-containerGeneral {
	margin-top: 320px;
}

.supporto ul.chapter-menu {
	list-style: none;
}

.supporto ul.chapter-menu li {
	margin-top: 15px;
	margin-left: 1em;
}

.supporto ul.chapter-menu li::before {
	content: "\2022";
	color: transparent;
	padding-right: 6px;
	transition: color ease .5s;
	position: absolute;
	margin-left: -1em;
}

.supporto ul.chapter-menu li.active::before {
	color: red;
}

.supporto ul.chapter-menu li a,
.supporto .accordion-item a {
	color: #444;
	font-size: 18px;
	font-weight: bold;
}

.supporto ul.chapter-menu li a {
	font-family: Karla !important;
	margin-bottom: 2em;
	line-height: 0em;
	letter-spacing: -0.4px;
}

.supporto .chapter h2 {
	color: #444;
	font-weight: bold;
	font-size: 28px;
}

.supporto .accordion-item {
	margin-bottom: 2em;
}

.supporto .accordion {
	background: none;
}

.supporto .accordion-content {
	display: none;
	padding: 1rem 0rem 0rem 2rem;
	border: 0;
	border-bottom: 0;
	background: none;
	line-height: 28px;
	font-size: 18px;
	color: #7e8084;
}

.supporto .accordion-content ul ul {
	list-style: none;
	margin-left: 0;
	padding-left: 1.2em;
	text-indent: -1.2em;
}

.supporto .accordion-content ul ul li::before {
	content: "✓";
	display: block;
	float: left;
	width: 1.2em;
}

.supporto .detail {
	display: none;
}

.supporto .containerTestoAiuto {
	max-width: 740px !important;
	margin: 0 auto;
	margin-bottom: 50px;
}

.supporto .descriptionHelp {
	padding-top: 200px;
}

.supporto .descriptionHelp h2 {
	font-size: 30px;
	font-weight: bold;
}

.supporto .descriptionHelp h2 {
	font-size: 30px;
	font-weight: bold;
}

.supporto button.reset {
	background-color: transparent;
	color: #0a0a0a;
}

.supporto button.reset:hover {
	color: #b1b3b7;
}

.supporto textarea {
	border-radius: 2px;
	background-color: #e3e5ea;
	border: 0;
	box-shadow: none;
	resize: none;
	height: 250px;
	padding: 1em;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}


/* Lanci personalizzati in homepage */

.lanciPersonalizzatiSection .skew.block {
	background-color: #eceef1;
}

.lanciPersonalizzatiSection .default .programItemPlaylist .img {
	background-color: #23b6fc;
}

.lanciPersonalizzatiSection .programItemPlaylist .icon {
	background-size: 60%;
	background-position: 50% 40%;
	background-repeat: no-repeat;
	width: 100%;
	padding-top: 100%;
	position: relative;
	z-index: 2;
	display: none;
}

.lanciPersonalizzatiSection .default .programItemPlaylist .icon {
	display: block;
}

.lanciPersonalizzatiSection #highlight1 .programItemPlaylist .icon {
	background-image: url(/dl/components/img/radio/lanci_segui_canale.svg);
}

.lanciPersonalizzatiSection #highlight2 .programItemPlaylist .icon {
	background-image: url(/dl/components/img/radio/lanci_segui_programma.svg);
}

.lanciPersonalizzatiSection #highlight3 .programItemPlaylist .icon {
	background-image: url(/dl/components/img/radio/lanci_crea_playlist.svg);
}

.lanciPersonalizzatiSection .default .programItemPlaylist .cover {
	background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5));
}

.lanciPersonalizzatiSection .default .programItemPlaylist h3 {
	width: 100%;
	margin: 0;
	position: absolute !important;
	left: 1.2em !important;
	bottom: 15px;
	top: auto;
	height: auto;
	word-break: break-word;
	line-height: 1.3em;
	font-size: 1.4em !important;
	font-family: Raleway;
	font-weight: bold;
	color: #fff !important;
	z-index: 2;
}

.lanciPersonalizzatiSection .default img {
	display: none;
}

.lanciPersonalizzatiSection img {
	width: 100%;
}

.lanciPersonalizzatiSection .default .programItemPlaylist .frame {
	border-radius: 100%;
	overflow: hidden;
	transform: scale(0.65);
	position: absolute;
	top: -10%;
	border: 5px solid #fff;
	width: 100%;
}


/* Questionario */

.questionario .valign {
	position: absolute;
	width: 100%;
	top: 50%;
	right: 0%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.questionario {
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 50%, #d1eefe 100%);
	background: -webkit-linear-gradient(top, #ffffff 50%, #d1eefe 100%);
	background: linear-gradient(to bottom, #ffffff 50%, #d1eefe 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d1eefe', GradientType=0);
}

.questionario.reveal {
	padding: 80px 50px;
}

.questionario .modalLog {
	height: 100%;
}

.questionario .modalLog .wrapperModal {
	width: 100%;
	max-width: 960px;
	height: 100%;
}

.questionario h3 {
	font-weight: bold;
	font-size: 26px;
	line-height: 1.2em;
	color: #333538;
	margin-bottom: 1em;
}

.questionario .button.secondary {
	border-radius: 4px;
	background-color: transparent;
	border: solid 2px #00a0fa;
	color: #00a0fa;
	width: 220px;
	transition: all ease .5s;
}

.questionario .button.secondary:hover,
.questionario #questionario-page4 .button.secondary:hover {
	background-color: #00a0fa;
	color: #fff;
	border-color: #00a0fa;
}

.questionario #questionario-page4 .button.secondary {
	color: #b1b3b7;
	background-color: transparent;
	border: solid 2px #b1b3b7;
	width: 300px;
}

.questionario .page[data-page="1"] .button.secondary {
	margin-top: 2em;
}

.questionario .item {
	position: relative;
	margin: 2.5em 0em 2.5em 3em;
	padding-left: 0em;
	padding-bottom: .25em;
}

.questionario .item .roundedTwo {
	width: 32px;
	height: 32px;
	top: -5px;
	left: -40px;
	position: relative;
	border-radius: 100%;
	background-color: transparent;
	border: 1px solid #fafafb;
	display: block;
	position: absolute;
}

.questionario .item.selected .roundedTwo {
	background-color: #00a0fa;
	animation-name: checked;
	animation-duration: .5s;
}

@keyframes checked {
	0% {
		transform: scale(1.5)
	}
	100% {
		transform: scale(1)
	}
}

.questionario .item .roundedTwo label:before {
	content: '';
	width: 32px;
	height: 32px;
	background-color: transparent;
	border: 2px solid #909193;
	top: -5px;
	opacity: 1;
}

.questionario .item.selected .roundedTwo label:before {
	opacity: 0;
}

.questionario .item>span {
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
	text-align: left;
	color: #7e8084;
	cursor: pointer;
	transition: color ease .5s;
}

.questionario .item .img {
	width: 70px;
	height: 70px;
	position: absolute;
	top: -20px;
	cursor: pointer;
}

.questionario .item .img~span {
	display: block;
	position: relative;
	left: 90px;
}

.questionario .item .img~span.titolo {
	color: #333538;
	font-size: 17px;
	font-weight: 600;
}

.questionario .item .img~span .canale {
	display: block;
	font-family: Karla;
	font-size: 14px;
	line-height: 1.5;
	color: #7e8084;
	margin-top: .25em;
}

.questionario .item .img~span {
	max-width: 190px;
	height: 70px;
	top: -19px;
	position: relative;
}

.questionario .item .img~span>span {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.questionario .item .cover {
	height: auto;
}

.questionario .columns .item:last-of-type {
	margin-bottom: 0px;
}

.questionario .item.selected>span.canale {
	font-weight: 700;
}

.questionario .item.selected>span.RaiRadio1,
.questionario .item.selected>span.RaiRadio1Sport
 {
	color: #4144c5;
}

.questionario .item.selected>span.RaiRadio2,
.questionario .item.selected>span.RaiRadio2Indie
 {
	color: #e61c23;
}

.questionario .item.selected>span.RaiRadio3 {
	color: #00b46e;
}

.questionario .item.selected>span.RaiRadioClassica {
	color: #606806;
}

.questionario .item.selected>span.RaiRadioKids {
	color: #2dbbee;
}

.questionario .item.selected>span.RaiRadioGRParlamento {
	color: #004996;
}

.questionario .item.selected>span.RaiRadioIsoradio {
	color: #004996;
}

.questionario .item.selected>span.RaiRadioTechete {
	color: #066855;
}

.questionario .item.selected>span.RaiRadioLive {
	color: #87080e;
}

.questionario .item.selected>span.RaiRadioTuttaItaliana {
	color: #135f7e;
}

.questionario .content {
	width: 100%;
	max-width: 940px;
	margin: 0 auto;
	padding: 0 1em;
}

.questionario .item .roundedTwo label:after {
	width: 18px;
	height: 10px;
	top: 4px;
	left: -2px;
	border-left: 3px solid #fff;
	opacity: 0;
}

.questionario .item.selected .roundedTwo label:after {
	opacity: 1;
}

.questionario .button.circle {
	border-radius: 100%;
	width: 56px;
	height: 56px;
	position: fixed;
	bottom: 10px;
	box-shadow: 0px 10px 14.1px 0.9px rgba(0, 0, 0, 0.24);
	background-image: url(/dl/components/img/radio/arrow_back_white.svg);
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: 50%;
}

.questionario .button.circle.next {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	box-shadow: 0px -10px 14.1px 0.9px rgba(0, 0, 0, 0.24);
	right: calc(0% + 20px);
}

.questionario .button.circle.prev {
	right: calc(0% + 90px);
}

.questionario .ui-autocomplete-input {
	background-color: transparent;
	width: 100%;
	max-width: none;
	border-radius: 0px;
	border-width: 0px;
	border-bottom-width: 1px;
	box-shadow: none;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	padding-right: 0px;
}

.questionario .ui-autocomplete-input:focus {
	border-width: 0px;
	border-bottom-width: 1px;
	border-color: #333538;
	box-shadow: none;
}

#ricercaProgrammi>div {
	position: relative;
	width: 100%;
	max-width: 648px;
	margin: 0 auto;
}

#ricercaProgrammi>div::after {
	content: "";
	background-image: url(/dl/components/img/radio/ricerca-logo-barra-grigio.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50%;
	position: absolute;
	height: 35px;
	width: 34px;
	top: 0px;
	right: 0px;
}

.questionario .scroll>.row {
	overflow-y: auto;
	overflow-x: hidden;
}

.questionario .confirm {
	background-image: url(/dl/components/img/radio/thumb_confirm.svg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 140px;
	height: 112px;
	margin: 20px auto;
}


/* Conferma registrazione */

.conferma-registrazione .block {
	padding-bottom: 150px;
}

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

.conferma-registrazione .subTitlePageLogin,
.conferma-registrazione .subTitleTextPageLogin {
	font-family: 'Raleway';
	font-weight: 800;
	color: #333538;
}

.conferma-registrazione .subTitlePageLogin {
	font-size: 2.25em;
	line-height: 1.17em;
}

.conferma-registrazione .subTitleTextPageLogin {
	font-size: 1.5em;
	margin-bottom: 1.5em;
}

.conferma-registrazione .imgFirstLoginPage {
	max-width: 200px;
	margin-bottom: 2em;
}

.conferma-registrazione .button {
	padding: 20px 60px;
	font-family: 'Raleway';
	font-weight: 400;
	font-size: 18px;
}

.conferma-registrazione .button.go-button {
	background-color: transparent;
	border: 2px solid #333538;
	color: #0a0a0a;
}

.conferma-registrazione .button.go-button:hover {
	background-color: #333538;
	border: 2px solid #333538;
	color: #fff;
}


/**** FLOOR ADV *****/

.adv_floorAd {
	width: 1000px;
	height: 140px;
}

.adv_floorAd {
	position: fixed;
	margin-left: auto;
	margin-right: auto;
	bottom: 101px;
	left: 0px;
	right: 0px;
	cursor: pointer;
	background: url(https://b.neodatagroup.com/img_uploads/899/49_571899_1_FloorAd_cta.jpg) transparent;
	background-size: 100%;
	z-index: 100;
	background-repeat: no-repeat;
}

.adv_floorAd>.close {
	width: 25px;
	height: 25px;
	position: absolute;
	top: -12.5px;
	right: -12.5px;
	display: none;
	background: url(https://adagiobanner.s3.amazonaws.com/img_uploads/193/49_539193_1_btn_chiudi.png) transparent no-repeat;
	background-size: 100%;
}


/* Photogallery */

.fotoGallery {
	background: #e3e5ea;
}

.fotoGallery .ChanColorRaiRadio {
	display: none;
}

.fotoGallery .mainHeader,
.fotoGallery .mainHeader .radioRai-header {
	transform: none;
	background-color: #e3e5ea;
	padding-bottom: 0;
}

.fotoGallery .mainHeader .radioRai-header {
	padding-bottom: 30px !important;
}

.fotoGallery .mainHeader.skew {
	margin-bottom: 0;
	background-image: none;
}

.fotoGallery .headerProgramma {
	margin: 21px 0 0;
}

.fotoGallery .headerProgramma h3 {
	margin: 60px 0 0;
	font-size: 20px;
	line-height: 20px;
	color: #7e8084 !important;
}

.fotoGallery .headerProgramma h2 {
	margin: 10px 0;
	font-size: 30px;
	line-height: 30px;
	color: #333538 !important;
}

.fotoGallery .headerProgramma .menuDescriptionProgramma {
	margin: 0;
}

.fotoGallery .headerProgramma .menuDescriptionProgramma li {
	margin-right: 40px;
	font-size: 16px;
	font-family: "Karla";
	font-weight: 400;
	line-height: 22px;
	color: #333538;
}

.fotoGallery .headerProgramma .menuDescriptionProgramma li a {
	color: #333538;
}

.fotoGallery .headerProgramma .menuDescriptionProgramma li.share {
	padding: 0 0 0 30px;
	background: url('/dl/components/img/radio/share-dark.png') 0 0 / 22px auto no-repeat !important;
}

.fotoGallery .containerGallery {
	background: #e3e5ea !important;
	padding-top: 0;
	padding-bottom: 90px;
}

.fotoGallery .radioRai-containerGeneral.row.radioRai-gallery {
	max-width: 100%;
	width: 100%;
	padding: 0;
}

.fotoGallery .full-width-content {
	width: 100%;
	height: 57px;
	position: relative;
	overflow-x: hidden;
}

.fotoGallery .radio-thumbnails {
	position: absolute;
	top: 0;
	left: 0;
	white-space: nowrap;
	transition: all 300ms;
}

.fotoGallery .radio-thumbnail {
	display: inline-block;
	margin: 0;
	padding: 0;
	border-radius: 2px;
}

.fotoGallery .radio-thumbnail:not(:first-child) {
	margin-left: 50px;
}

.fotoGallery .radio-thumbnail:not(.active) {
	cursor: pointer;
	opacity: .3;
}

.fotoGallery .video-container {
	max-width: 62.5em;
	margin: 0 auto 130px;
	border-radius: 2px;
	overflow: hidden;
}

.fotoGallery .video-container .responsive-embed {
	margin-bottom: 0;
}

.fotoGallery #down-arrow {
	margin: 23px auto 61px;
	width: 12px;
	height: 7px;
}

.fotoGallery .programList {
	margin-top: 0;
}

.fotoGallery .programList .slick-list.draggable {
	padding-bottom: 80px !important;
}

.fotoGallery .programList .foto {
	position: relative;
	margin: 0 5vw;
	transition: all 300ms;
}

.fotoGallery .programList .foto img {
	width: auto !important;
	max-height: 60vh;
	max-width: 50vw;
	border-radius: 2px;
}

.fotoGallery .programList .foto .foto-index-label {
	position: absolute;
	top: 33px;
	right: -20px;
	color: #fff;
	font-size: 3em;
	font-weight: 800;
	font-family: Raleway;
}

.fotoGallery .programList .foto .foto-info {
	position: absolute;
}

.fotoGallery .programList .foto .foto-info p {
	font-family: Karla;
	font-size: 1rem;
	color: #333538;
	margin-top: 37px;
	line-height: 1.5rem;
}

.fotoGallery .programList .foto.slick-current {
	/*margin: 0 12vw 0 12vw;*/
	background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(15deg, #212121), linear-gradient(#203a64, #203a64);
	box-shadow: 0 30px 70px 0 rgba(0, 0, 0, 0.4);
	z-index: 10;
}

.fotoGallery .programList .foto:not(.slick-current) {
	transform: scale(0.8, 0.8);
}

.fotoGallery .programList .slick-track {
	min-height: 500px;
}

#modal-gallery {
	background: #e3e5ea;
	overflow-x: hidden;
}

#modal-gallery .fotoGallery .headerProgramma {
	max-width: 62.5rem;
	margin: 0 auto 30px;
}

#modal-gallery .fotoGallery .headerProgramma h3 {
	margin-top: 55px;
}

#modal-gallery .fotoGallery .headerProgramma .menuDescriptionProgramma li span {
	width: auto;
	margin: 0;
}

#modal-gallery .containerGallery {
	background: transparent !important;
}

#modal-gallery .containerGallery .full-widht-content {
	height: 57px;
}

#modal-gallery .close-button span {
	width: 30px;
	height: 30px;
}

#modal-gallery .close-button span:before,
#modal-gallery .close-button span:after {
	top: 0px;
}


/* Foglia audio */

.fogliaAod .radioRai-header {
	padding: 146px 0 140px !important;
}

.fogliaAod .headerProgramma {
	margin-top: 70px;
}

.fogliaAod .headerProgramma h3 {
	margin: 0;
	font-family: Raleway;
	font-size: 18px;
	font-weight: bold;
	line-height: 16px;
	text-align: left;
	color: #333538;
}

.fogliaAod .headerProgramma h2 {
	margin: 0 0 30px;
}

.fogliaAod .headerProgramma .contImgHomeProgramma {
	padding-right: 50px;
}

.fogliaAod .headerProgramma .contImgHomeProgramma .imgHomeProgramma {
	width: 250px;
	height: 250px;
}

.fogliaAod .headerProgramma .descriptionProgramma {
	color: #333538;
}

.fogliaAod .headerProgramma .descriptionProgramma .menuDescriptionProgramma {
	margin: 0 0 50px !important;
	height: 22px;
}

.fogliaAod .headerProgramma .descriptionProgramma .menuDescriptionProgramma li {
	float: left;
	padding: 0 0 0 30px !important;
	font-weight: bold;
	font-size: 16px;
	line-height: 22px;
	margin-right: 40px;
	background-position: top left !important;
	background-size: 22px 22px !important;
	background-repeat: no-repeat;
}

.fogliaAod .headerProgramma .descriptionProgramma .menuDescriptionProgramma li.program {
	background-image: url(/dl/components/img/radio/prog-dark.png);
}

.fogliaAod .headerProgramma .descriptionProgramma .menuDescriptionProgramma li.playlist {
	background-image: url(/dl/components/img/radio/playlist-dark.png);
}

.fogliaAod .headerProgramma .descriptionProgramma .menuDescriptionProgramma li.share {
	background-image: url(/dl/components/img/radio/share-dark.png);
}

.fogliaAod .headerProgramma .descriptionProgramma .aodHtmlDescription {
	margin-top: 42px;
}


/* Skew */

.skew {
	overflow: visible;
}

.skew>div,
.adPreFooterContainer>div,
.homeCanale .mainHeader.skew .headerProgramma {
	position: relative;
	z-index: 1;
}

.skew>div {
	margin-top: -60px;
}

.preFooterContainer>div,
.adPreFooterContainer>div,
.homeCanale .mainHeader.skew>div {
	margin-top: -100px;
}

.adPreFooterContainer>div {
	top: -60px;
}

.radiorai.homepage .adPreFooterContainer {
	height: 275px;
}

.skew::before,
.adPreFooterContainer::before,
.homeCanale .mainHeader.skew::after,
.homepage .mainHeader.skew::after,
.supporto .mainHeader.skew::after,
.articoloCanale .mainHeader.skew::after,
.homepage .containerLanci:before {
	content: "";
	width: 100%;
	height: 200px;
	position: absolute;
	z-index: 0;
	transform: skew(0deg, -3deg);
	-ms-transform: skew(0deg, -3deg);
	-webkit-transform: skew(0deg, -3deg);
}

.homepage .containerLanci:before {
	top: 40px;
	height: 120px !important;
}

.headerCanaleList .mainHeader.skew {
	background-color: #0b1c25;
}

.articoloCanale .mainHeader.skew::after {
	bottom: -121px;
	z-index: 1;
	background-color: #e8eaef;
}

.articoloCanale .mainHeader.skew.fogliaHeader .radioRai-header {
	z-index: 2;
	position: relative;
}

.mainHeader.skew::before,
.archivio .skew.listaProgramma::before,
.articoloPage .skew.listaProgramma::before {
	content: none;
}

.articoloPage h2,
.archivio h3 {
	font-size: 50px;
	font-weight: 800;
	color: #333538;
}

.articoloCanale.articoloPage h2 {
	color: #FFFFFF;
}

.articoloDoc {
	padding: 2px 40px;
	background: url(/dl/components/img/socTrasp/icon-download.svg) left center / auto 30px no-repeat;
}

.archivio h3 {
	margin-left: 15px;
}

.generi .mainHeader.skew>div {
	margin-top: 0px;
	margin-bottom: 150px;
}

.generi .skew.listaProgramma {
	background-color: #eceef1;
}

.generi .skew.listaProgramma::before {
	top: -100px;
}

.guidaPage .skew.listaProgramma::before {
	background-color: #f6f6f8;
}

.skew::before,
.adPreFooterContainer::before,
.guidaPage .skew.listaProgramma::before {
	top: -55px;
}

.multimediaSection .skew::before {
	background-color: #eceef1;
}

.adPreFooterContainer::before {
	background-color: #243037;
}

.homeCanale .mainHeader.skew::after {
	background-color: #fff;
	bottom: -60px;
}

.radiorai.homepage .mainHeader.skew::before {
	content: none;
}

.radiorai.homepage .mainHeader.skew>div {
	margin-top: -40px;
}

.radiorai.homepage .radioRai-header {
	padding-top: 200px;
}


/*.homepage .mainHeader.skew::after {
    background-color: #0b1419;
}*/

.lanciPersonalizzatiSection .skew::before,
.guidaPage .skew::before,
.skew.listaProgramma::before {
	background-color: #eceef1;
}

.playlistProgramma .skew.listaProgramma::before,
.homepage .containerLanci:before {
	background-color: #fff;
}

.skew.listaProgramma::before {
	top: 100px;
}

.programmi-az .skew.listaProgramma::before {
	top: 50px;
}

.supporto .mainHeader.skew::after {
	background-color: #333538;
	bottom: -60px;
}

.supporto .radioRai-header {
	padding-bottom: 0px !important;
}

.RaiRadio1 .bg_chan2.skew::before,
.RaiRadio1Sport .bg_chan2.skew::before
 {
	background-color: #557fe2;
}

.RaiRadio1 .bg_chan3.skew::before,
.RaiRadio1Sport .bg_chan3.skew::before
 {
	background-color: #68baff;
}

.RaiRadio2 .bg_chan2.skew::before,
.RaiRadio2Indie .bg_chan2.skew::before
 {
	background-color: #f33633;
}

.RaiRadio2 .bg_chan3.skew::before,
.RaiRadio2Indie .bg_chan3.skew::before
 {
	background-color: #ff5043;
}

.RaiRadio3 .bg_chan2.skew::before {
	background-color: #0ecd79;
}

.RaiRadio3 .bg_chan3.skew::before {
	background-color: #1ce584;
}

.RaiRadioKids .bg_chan2.skew::before {
	background-color: #ED7B7C;
}

.RaiRadioKids .bg_chan3.skew::before {
	background-color: #f18f2e;
}

.RaiRadioClassica .bg_chan2.skew::before {
	background-color: #778108;
}

.RaiRadioLive .bg_chan2.skew::before {
	background-color: #cd0d1d;
}

.RaiRadioLive .bg_chan3.skew::before {
	background-color: #ea112b;
}

.RaiRadioTechete .bg_chan2.skew::before {
	background-color: #248e7a;
}

.RaiRadioTechete .bg_chan3.skew::before {
	background-color: #41b49e;
}

.RaiRadioTuttaItaliana .bg_chan2.skew::before {
	background-color: #2388b1;
}

.RaiRadioTuttaItaliana .bg_chan3.skew::before {
	background-color: #32b1e3;
}

.RaiRadioGRParlamento .bg_chan2.skew::before,
.RaiIsoradio .bg_chan2.skew::before {
	background-color: #2424cc;
}

.RaiRadioGRParlamento .bg_chan3.skew::before,
.RaiIsoradio .bg_chan3.skew::before {
	background-color: #4848ff;
}

.RaiRadioGR .bg_chan2.skew::before,
.raiRadioGenerica .bg_chan2.skew::before {
	background-color: #0057ab;
}

.RaiRadioGR .bg_chan3.skew::before,
.raiRadioGenerica .bg_chan3.skew::before {
	background-color: #0064bf;
}

.raiRadioGenerica .skew.bg_dark::before {
	background-color: #2e3b42;
}

.raiRadioGenerica .playlistSection .skew.bg_dark {
	background-color: #2e3b42 !important;
}

.homeProgramma .programmaSection .skew::before {
	background-color: #fff;
}

.highlightsSection .skew.block::before {
	background-color: #eceef1;
}

.collezioniSection .skew::before {
	background-color: #333538 !important;
}

.areaPersonale .skew::before,
.supporto .skew::before {
	background-color: #eceef1;
	top: 0px;
}

.areaPersonale .radioRai-header {
	padding-bottom: 0px !important;
}

.areaPersonale .mainHeader.skew {
	padding-bottom: 150px !important;
	margin-top: -90px;
}

.areaPersonale.profilo .radioRai-Login {
	padding-top: 70px !important;
}

.areaPersonale.profilo .Profilo.skew {
	padding-bottom: 0px !important;
}

.areaPersonale.seguiti .listaProgramma .radioRai-playlist,
.areaPersonale.salvati .listaProgramma .radioRai-playlist,
.areaPersonale.playlist .listaProgramma .radioRai-playlist,
.areaPersonale.le-mie-playlist .listaProgramma .radioRai-playlist,
.areaPersonale.playlist-editoriali .listaProgramma .radioRai-playlist,
.areaPersonale.dettaglio-le-mie-playlist .listaProgramma .radioRai-playlist {
	top: -100px;
}

.areaPersonale .cards-container {
	padding-bottom: 0px;
}

.RaiRadioForm .radioRai-Login.skew::before {
	background-color: #eaecf0;
	top: 170px;
}

.RaiRadioForm .mainHeader.skew {
	height: 500px;
}


/* Skew footer */

.raiRadioGenerica .preFooterContainer.skew::before {
	background: linear-gradient(to left, #0057ab 50%, #0064bf 50%);
}

.RaiRadio1 .preFooterContainer.skew::before,
.RaiRadio1Sport .preFooterContainer.skew::before
 {
	background: linear-gradient(to left, #68baff 50%, #557fe2 50%);
}

.RaiRadio2 .preFooterContainer.skew::before,
.RaiRadio2Indie .preFooterContainer.skew::before
 {
	background: linear-gradient(to left, #ff5043 50%, #f33633 50%);
}

.RaiRadio3 .preFooterContainer.skew::before {
	background: linear-gradient(to left, #1ce584 50%, #0ecd79 50%);
}

.RaiRadioTuttaItaliana .preFooterContainer.skew::before {
	background: linear-gradient(to left, #32b1e3 50%, #2388b1 50%);
}

.RaiRadioClassica .preFooterContainer.skew::before {
	background: linear-gradient(to left, #8d9909 50%, #778108 50%);
}

.RaiRadioTechete .preFooterContainer.skew::before {
	background: linear-gradient(to left, #41b49e 50%, #248e7a 50%);
}

.RaiRadioKids .preFooterContainer.skew::before {
	background: linear-gradient(to left, #f18f2e 50%, #ED7B7C 50%);
}

.RaiRadioLive .preFooterContainer.skew::before {
	background: linear-gradient(to left, #ea112b 50%, #cd0d1d 50%);
}

.RaiRadioGRParlamento .preFooterContainer.skew::before,
.RaiIsoradio .preFooterContainer.skew::before {
	background: linear-gradient(to left, #4848ff 50%, #2424cc 50%);
}


/* Login alternativo */

.loginAlternativo {
	background: #eceef1;
	display: block;
}

.loginAlternativo.reveal {
	padding: 0 50px;
	opacity: 1;
}

.loginAlternativo .modalLog .sfondoLogin {
	width: 100%;
	height: 625px;
	position: relative;
	background: url(/dl/components/img/radio/back_login_alternativo.png) bottom center no-repeat;
	background-size: cover;
}


/*.loginAlternativo .modalLog > div.sfondoLogin {
    width: 100%;
    height: 625px;
    position: absolute;
    background: url(/dl/components/img/radio/back_login_alternativo.png) bottom center no-repeat;
    background-size: cover;
}*/

.loginAlternativo .sfondoLogin:before {
	content: "";
	width: 100%;
	height: 200px;
	position: absolute;
	z-index: 0;
	transform: skew(0deg, -3deg);
	-ms-transform: skew(0deg, -3deg);
	-webkit-transform: skew(0deg, -3deg);
	background-color: #eceef1;
	bottom: -150px;
}

.modalLog .wrapperModal {
	/* width: 552px; */
	margin: 0 auto;
	position: relative;
	width: 100%;
	max-width: 100%;
}

.loginAlternativo .wrapperModal:before {
	content: "";
	width: 100%;
	height: 200px;
	position: absolute;
	z-index: 0;
	transform: skew(0deg, -3deg);
	-ms-transform: skew(0deg, -3deg);
	-webkit-transform: skew(0deg, -3deg);
	background-color: #eceef1;
	top: -55px;
}

.loginAlternativo .wrapperModal .testoLogin {
	margin: auto;
	width: 100%;
	max-width: 907px;
	height: auto;
	/* padding-bottom: 95px; */
	z-index: 1;
	position: relative;
}

.loginAlternativo .wrapperModal p.continua {
	margin: 49px 0 41px;
}


/* step 2*/

.loginAlternativo .step2 hr {
	display: none;
}

.loginAlternativo .step2 {
	display: none;
}

.loginAlternativo .step2 .dichiarazionePrivacy,
.loginAlternativo .step2 .privacyCookie {
	position: relative;
	max-width: 842px;
}

.loginAlternativo .step2 .dichiarazionePrivacy {
	/*margin: 110px auto 67px auto;*/
	margin: 50px auto;
}

.loginAlternativo .step2 .dichiarazionePrivacy h3 {
	font-size: 50px;
	margin-bottom: 50px;
	text-align: center;
}

.loginAlternativo .step2 .dichiarazionePrivacy p {
	font-family: 'Karla';
	font-size: 17.8px;
	line-height: 28.3px;
}

.loginAlternativo .step2 .privacyCookie .informativa {
	margin: 0;
}

.loginAlternativo .step2 .privacyCookie {
	margin: 0 auto;
}

.loginAlternativo .step2 .privacyCookie .row {
	margin-bottom: 34px;
}

.loginAlternativo .step2 .privacyCookie .changeSettings {
	font-size: 16px;
	line-height: 21px;
}

.loginAlternativo .step2 .privacyCookie p {
	display: table-cell;
	vertical-align: top;
	font-size: 15.8px;
	font-family: 'Karla';
}

.loginAlternativo .step2 .privacyCookie .row:last-child p {
	display: inherit;
}

.loginAlternativo .step2 .privacyCookie .row:last-child p a {
	text-decoration: underline;
	color: #333538;
	font-size: 16px;
}

.loginAlternativo .button.secondary {
	font-size: 20.2px;
	font-family: 'Raleway';
	border-radius: 4px;
}

.loginAlternativo .button.secondary:hover {
	border-color: #0057ab;
	color: #0057ab;
}

.loginAlternativo a {
	color: #333538
}

.loginAlternativo a:hover {
	color: #0057ab
}

.loginAlternativo .step1 .button.secondary {
	padding: 20px 50px;
}

.loginAlternativo .step2 .privacyCookie .button.secondary {
	padding: 20px 90px;
}

.testoLogin {
	text-align: center;
	font-size: 30px !important;
}

.testoLogin:last-child {
	font-size: 17.8px !important;
}

.loginAlternativo.reveal {
	padding: 0;
}

.loginAlternativo .wrapperModal p.continua {
	margin: 49px auto 41px;
	position: relative;
	text-align: center;
}

.loginAlternativo .button.secondary {
	background-color: transparent !important;
	font-size: 20px;
}

.loginAlternativo .modalLog .wrapperModal {
	padding-bottom: 95px;
}

.privacyReveal p {
	font-size: 1.2em;
	margin-bottom: 0px;
}

.privacyReveal .userModal {
	max-width: none !important
}

.privacyReveal .userModal .button.secondary {
	padding: 14px 28px;
}


/* modale utente non registrato */

.userModal {
	width: 100%;
	max-width: 549px !important;
	margin: 20px auto;
}

.userModal h3 {
	text-align: center;
	font-family: 'Raleway';
}

.userModal a.link {
	font-size: 16px;
	font-weight: 400;
	color: #333538;
}

.userModal.row.expanded div:first-child {
	padding-top: 14px;
}

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

.userModal .button.secondary {
	border: 2px solid #333538;
	background-color: transparent;
	font-size: 16px;
	padding: 14px 7px;
}


/* end login alternativo */


/* SCARICA APP */


/* FASCIA SEGUI PROGRAMMI - CREA PLAYLIST  */

.scaricaAppRadio .mainHeader.skew {
	transform: skew(0deg, -3deg);
	position: relative;
	z-index: 10;
}

.scaricaAppRadio .mainHeader.skew .ChanColorRaiRadio {
	background-image: linear-gradient(337deg, #002547, #0064bf 68%, #009e93);
}

.scaricaAppRadio .radioRai-header.radioRai-containerGeneral.skew-content {
	top: 40px !important;
	transform: skew(0deg, 3deg);
}

.scaricaAppRadio .radioRai-header.radioRai-containerGeneral.skew-content div {
	margin-bottom: 20px;
}

.scaricaAppRadio .introduction {
	width: 100%;
	color: #fff;
	font-family: 'Raleway';
}

.scaricaAppRadio h1 {
	font-weight: bold;
	font-size: 60px;
	line-height: 66px;
}

.scaricaAppRadio .introduction p {
	font-size: 16px;
}

.scaricaAppRadio .button {
	padding: 20px 70px;
}

.primaFascia {
	position: relative;
	top: 0;
	margin-bottom: 0;
}

.primaFascia .phone {
	position: absolute;
	top: -50vh;
	left: 60%;
	display: block;
	/* content: ''; */
	width: 354px;
	z-index: 10;
}

.primaFascia .tabletIntroduction div {
	position: relative;
	width: 100%;
	max-width: 60%;
	left: auto;
	top: -150px;
	margin: 0 auto;
	text-align: center;
}

.primaFascia .tabletIntroduction {
	position: relative;
	width: 100%;
}

.seguiCreaApp,
.primaFascia {
	background-color: #ffffff;
}

.seguiCreaApp a {
	color: inherit;
}

.seguiCreaApp .listaRight ul {
	list-style: none;
	margin-left: 0 !important;
	margin-top: 90px;
}

.seguiCreaApp .listaRight ul li {
	min-height: 98px;
	margin: 0 0 119px 0;
	/*display:table;*/
	width: 100%;
	max-width: 620px;
	padding-left: 150px;
	background-size: 98px;
}

.seguiCreaApp .listaRight ul li h4 {
	font-family: 'Raleway';
	font-size: 24px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

.seguiCreaApp .listaRight ul li p {
	font-family: 'Karla';
	font-size: 16px;
	padding: 0;
	margin: 0;
}

.seguiCreaApp .listaRight ul .seguiProgrammi {
	background: url('/dl/components/img/radio/segui.png') top left no-repeat;
}

.seguiCreaApp .listaRight ul .creaLibreria {
	background: url('/dl/components/img/radio/crea_libreria.png') top left no-repeat;
}

.seguiCreaApp .listaRight ul .creaPlaylist {
	background: url('/dl/components/img/radio/crea_playlist.png') top left no-repeat;
}

.scaricaAppRadio .tabletApp,
.scaricaAppRadio .scaricaApp {
	text-align: center;
	/*height:1500px;*/
	background-color: #f7f7f9;
}

.tabletApp .tabletIntroduction {
	margin: 0 0 140px 0;
	width: 100%;
	max-width: 1005px;
}

.tabletApp .tabletIntroduction:before {
	height: 150px;
	background: url('/dl/components/img/radio/sfondo_before_live.png')top center no-repeat;
	width: 100%;
	display: block;
	left: 0;
	position: absolute;
	content: '';
	background-size: contain;
}

.tabletApp .tabletIntroduction div {
	position: relative;
	top: 250px;
	height: 350px;
	left: 0;
	width: 100%;
}

.tabletIntroduction h3 {
	font-family: 'Raleway';
	font-size: 60px;
	margin: 0 0 20px 0;
	line-height: 66px;
	padding: 0;
	font-weight: bold;
}

.tabletIntroduction p {
	width: 60%;
	margin: 0 auto;
	font-size: 16px;
	font-family: 'Karla';
}

.scaricaApp .tabletIntroduction h3 {
	margin-bottom: 0 !important;
}

.scaricaApp .tabletIntroduction p {
	font-size: 40px;
	font-family: 'Raleway';
	font-weight: bold;
	color: #989a9e;
	line-height: 50px;
}

.tabletApp .row.expanded.number {
	margin: 107px 0 199px 0;
}

.tabletApp .row.expanded.number .columns {
	background-size: 98px;
	padding-top: 125px;
}

.tabletApp .row.expanded.number .columns h4 {
	font-family: 'Raleway';
	font-size: 20px;
}

.tabletApp .row.expanded.number .columns p {
	font-family: 'Karla';
	font-size: 16px;
	color: #7e8084;
}

.tabletApp .first {
	background: url('/dl/components/img/radio/01_ascolta.png')top center no-repeat;
}

.tabletApp .second {
	background: url('/dl/components/img/radio/02_ascolta.png')top center no-repeat;
}

.tabletApp .third {
	background: url('/dl/components/img/radio/03_ascolta.png')top center no-repeat;
}

.scaricaAppRadio .scaricaApp {
	background-color: #e1e2e3;
	position: relative;
	min-height: 1128px;
}

.scaricaAppRadio .scaricaApp .tabletIntroduction {
	/*height:762px;*/
	position: absolute;
	margin-bottom: 40px;
	top: 0;
	width: 100%;
}

.imgScarica {
	width: 100% !important;
	height: 100% !important;
}

.scaricaAppRadio .scaricaApp .tabletIntroduction div {
	position: absolute;
	text-align: center;
	top: 40px;
	width: 100%;
}

.scaricaAppRadio .scaricaApp .introDownloadApp {
	margin-bottom: 94px;
	font-family: 'Karla';
	font-size: 30px;
}

.scaricaAppRadio .scaricaApp .appStore {
	text-align: right !important;
}

.scaricaAppRadio .scaricaApp .googlePlay {
	text-align: left !important;
}

.scaricaAppRadio .scaricaApp .store {
	margin-bottom: 148px;
}


/* END SCARICA APP */

span.playlistTotalTracks {
	display: block;
}

span.totalDurationPlaylistLabel,
span.totalDurationPlaylist {
	display: none;
}


/* SMART BANNER*/

#smartbanner {
	position: fixed !important;
	top: 0 !important;
}

#smartbanner .sb-info span {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}





/* MODALE RICERCA GENERICA (IN ALTO A DESTRA) */

#menuDedicato #cerca-barra {
	display: block;
}

#menuDedicato #cerca-barra a.enable-search {
	display: block;
	float: right;
	height: 40px;
	width: 40px;
	margin: 20px 20px 20px 0;
	padding: 6px;
	border-radius: 5px 5px 5px 5px;
	background: rgba(48, 63, 72, 0);
	color: #fff;
	transition: all 400ms;
	-webkit-transition: all 400ms;
	font-size: .875rem;
}

#menuDedicato #cerca-barra a.enable-search:hover {
	background: rgba(44, 57, 64, .95);
}

#menuDedicato #cerca-barra a.enable-search img {
	-ms-transform: scale(-1, 1);
	-webkit-transform: scale(-1, 1);
	transform: scale(-1, 1);
}

#searchModal input[type="submit"] {
	display: none;
}

#searchModal input#searchField::-webkit-input-placeholder,
#searchModal input#searchField::-moz-placeholder #searchModal input#searchField::-ms-input-placeholder,
#searchModal input#searchField::-moz-placeholder {
	/* IE 10+ */
	color: #b1b3b7;
}

#searchModal div:not(.containerInput) {
	height: 100%;
	overflow: hidden;
	font-family: 'Raleway';
}

#searchModal .containerInput:after {
	content: "";
	background-image: url(/dl/components/img/radio/ricerca-logo-barra-grigio.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50%;
	position: absolute;
	height: 60px;
	width: 60px;
	top: 25px;
	right: 0px;
}

#searchModal form {
	display: block;
	overflow: hidden;
	height: 100%;
}

#searchModal .ui-menu.ui-autocomplete,
#searchModal .ui-noresults {
	font-size: 40px;
	width: 100% !important;
	height: 100%;
	max-height: 100%;
	text-align: left;
}

#searchModal .ui-menu.ui-autocomplete {
	margin-top: 80px;
}

#searchModal .ui-noresults {
	display: none;
	color: #b1b3b7;
	font-weight: 600;
	margin-top: 20px;
}

#searchModal .ui-noresults strong {
	color: #333538;
}

#searchModal .ui-menu.ui-autocomplete li {
	text-align: left;
	color: #b1b3b7;
	font-size: 22px;
	font-weight: 600;
	padding: 15px 0;
	height: auto;
}

#searchModal .ui-menu.ui-autocomplete li.ui-state-focus {
	background: #f6f6f8;
}

#searchModal .ui-menu.ui-autocomplete li>span {
	font-size: 40px;
	font-weight: 600;
}

#searchModal .ui-menu.ui-autocomplete .ui-highlight {
	color: #333538;
}

#searchModal input.searchField {
	border: 0;
	box-shadow: none;
	font-size: 3.7em;
	height: 100px;
	border-bottom: 1px solid #b1b3b7;
	padding-bottom: 10px;
	border-radius: 0;
	color: #333538;
	font-weight: 300;
}

#searchModal input[type="submit"] {
	display: none;
}

#searchModal .columns {
	margin-left: auto;
	margin-right: auto;
}


/* FINE MODALE RICERCA GENERICA (IN ALTO A DESTRA)

/* TUTORIAL HP */

.largeDown {
	display: none;
}

.homepage .tutorialSection .skew.bg_dark {
	background: url('/dl/components/img/radio/bg-fascia2.png') top left repeat-x;
	background-size: contain;
}

.homepage .tutorialSection .skew.bg_dark::before {
	background-color: #004d9b;
}

.homepage .tutorialSection .radioRai-containerGeneral {
	top: -50px;
}

.homepage .tutorialSection .block.bg_dark {
	padding-top: 0;
	margin-bottom: -250px;
}

.slickSlider.tutorial {
	margin-top: -80px;
}

.slickSlider li {
	display: inline;
	list-style: none;
	width: 100%;
}

.slickSlider .slick-list {
	padding: 0 25px !important;
	margin-top: 100px;
}

.slickSlider {
	margin: 0 auto;
	width: 100%;
}

.slickSlider .slick-dots {
	top: 50px;
	right: 0;
	width: auto;
	height: 10px;
}

.slickSlider .slick-dots li {
	display: inline;
	margin: 0 3px;
}

.slickSlider .slick-arrow {
	top: 400px;
}

.slickSlider .slick-dots li button {
	display: inline;
}

.slickSlider .slick-dots .slick-prev {
	left: -80px;
}

.slickSlider .slick-slide {
	opacity: 0;
	transition: opacity 600ms;
}

.slickSlider .paddingLeft {
	padding-left: 40px;
}

.slickSlider .slick-slide.slick-current {
	opacity: 1;
}

.slickSlider.tutorial .slick-prev:before,
.slickSlider.tutorial .slick-next:before {
	width: 35px;
	height: 60px;
	padding: 0;
	margin: 0;
	content: '';
	display: block;
}

.slickSlider.tutorial .slick-prev:before {
	background: url('/dl/components/img/radio/arrow_previous.png') top left no-repeat;
}

.slickSlider.tutorial .slick-next:before {
	background: url('/dl/components/img/radio/arrow_next.png') top left no-repeat;
}

.slickSlider.tutorial .slick-prev {
	left: -80px;
}

.slickSlider.tutorial .slick-next {
	right: -80px;
}

.slickSlider .slick-dots li button {
	font-size: inherit;
	width: auto;
	height: auto;
}

.slickSlider .slick-dots li button:before {
	font-size: 25px;
	opacity: 1;
	padding: 0;
	color: #fff;
}

.slickSlider .slick-dots .slick-active {
	top: 1px;
}

.slickSlider .slick-active button {
	width: 4px !important;
	height: 4px !important;
	border: 4px solid #00a0fa;
	border-radius: 100%;
	padding: 3px;
}

.slickSlider .slick-dots .slick-active button:before {
	color: transparent;
}

.slickSlider .slick-track {
	top: 80px;
}

.slickSlider .descriptionTutorial div:first-child {
	padding: 0;
}

.slickSlider.tutorial .descriptionTutorial h3 {
	margin: 50px 0 34px 0;
	padding: 0;
}

.slickSlider.tutorial .descriptionTutorial h3,
.slickSlider .descriptionTutorial p {
	color: #fff;
	text-align: left;
	max-width: 380px;
}

.slickSlider .descriptionTutorial h3 {
	line-height: 45px;
	font-size: 38px;
	font-family: 'Raleway';
	font-weight: bold;
}

.slickSlider .descriptionTutorial p {
	line-height: 27px;
	font-family: 'Karla';
}


/* END TUTORIAL HP */


/* ELEMENTI TEMPORANEAMENTE NASCOSTI (CHIAMATE A STATISTICHE) */

.multimediaSection li:nth-child(2),
.collezioniSection li:nth-child(2),
.audioSection li:nth-child(2),
.aggregatoSection li:nth-child(2) {
	display: none;
}

.homeCanale .multimediaSection li:nth-child(3),
.homeCanale .collezioniSection li:nth-child(3),
.homeCanale .audioSection li:nth-child(3),
.homepage .multimediaSection li:nth-child(3),
.homepage .collezioniSection li:nth-child(3),
.homepage .audioSection li:nth-child(3),
.homeProgramma .lanciPlaylistProgramma li:nth-child(3) {
	display: none;
}

.playlistProgramma .followProgrammaToggle {
	display: none;
}


/* END ELEMENTI TEMPORANEAMENTE NASCOSTI (CHIAMATE A STATISTICHE) */


/* HP CANALE - FASCIA RADIO TG */

.giornaleRadioSection {
	position: relative;
}

.giornaleRadioSection .content {
	position: absolute;
	width: 300px;
	top: 150px;
	z-index: 1;
	color: #fff;
}

.giornaleRadioSection .content .elencoPlaylist {
	margin-top: 0px;
	list-style-position: inside;
	list-type: none;
	margin-left: 0px;
	margin-bottom: 0px;
}

.giornaleRadioSection .content>h2 {
	font-size: 2em;
	color: #fff;
	font-weight: 700;
}

.giornaleRadioSection .elencoPlaylist li {
	font-size: 1em;
	height: auto;
	padding: 25px 0;
	margin-bottom: 2px;
}

.giornaleRadioSection .elencoPlaylist li,
.giornaleRadioSection .elencoPlaylist li:hover {
	list-style: none;
	background-color: transparent;
	background-image: none !important;
}

.giornaleRadioSection .elencoPlaylist li h2,
.giornaleRadioSection .elencoPlaylist li h2 a {
	color: #fff;
	bottom: auto;
	left: 50px;
	margin: 0px;
	font-weight: 500;
	top: 15px;
	transition: color 0.5s;
}

.giornaleRadioSection .elencoPlaylist li.active h2,
.giornaleRadioSection .elencoPlaylist li.active h2 a {
	font-weight: 700;
}

.giornaleRadioSection .elencoPlaylist .ico.play,
.giornaleRadioSection .elencoPlaylist .ico.playing {
	position: absolute;
	cursor: pointer;
	left: auto;
	right: auto;
	top: 10px;
	background-image: none;
	border: 2px solid #fff;
	border-radius: 100%;
	opacity: 1;
	width: 30px;
	height: 30px;
	transition: border 0.5s;
}

.giornaleRadioSection .elencoPlaylist .ico.play svg {
	position: relative;
	top: 6px;
	left: 9px;
	fill: #fff;
	width: 14px;
	transition: all 0.5s;
}

.giornaleRadioSection .elencoPlaylist .ico.playing svg {
	position: relative;
	top: 5px;
	left: 5px;
	fill: #fff;
	width: 17px;
	transition: all 0.5s;
}

.giornaleRadioSection .elencoPlaylist lo {
	margin-left: 0px;
}

.giornaleRadioSection .elencoPlaylist li.active .ico.play {
	display: none;
}

.giornaleRadioSection .elencoPlaylist .ico.playing {
	display: none;
}

.giornaleRadioSection .elencoPlaylist li.active .ico.playing {
	display: block;
}

.giornaleRadioSection .elencoPlaylist>li .ico.options {
	top: 15px;
	background-image: none !important;
	height: 20px;
}

.giornaleRadioSection .elencoPlaylist>li .ico.options svg {
	fill: #fff;
	transition: all 0.5s;
}

.giornaleRadioSection .contArrow a {
	color: #fff;
	transition: all 0.5s;
}

.giornaleRadioSection .contArrow .svg_chan {
	position: relative;
	top: 7px;
	float: none;
}

.giornaleRadioSection .contArrow .svg_chan svg {
	stroke: #fff;
	transition: stroke 0.5s;
}

.giornaleRadioSection .skew {
	background-color: #2f317c;
	height: 450px;
	transform: skew(0deg, -3deg);
	-ms-transform: skew(0deg, -3deg);
	-webkit-transform: skew(0deg, -3deg);
	z-index: 0;
	overflow: hidden;
}

.giornaleRadioSection.RaiRadio1 .skew .bg,
.giornaleRadioSection.RaiRadio1 .skew .hand {
	position: absolute;
	background-repeat: no-repeat;
	background-size: contain;
	transform: skew(0deg, 3deg);
	-ms-transform: skew(0deg, 3deg);
	-webkit-transform: skew(0deg, 3deg);
}

.giornaleRadioSection.RaiRadio1 .skew .bg {
	margin-top: 0px;
	background-position: center bottom;
	top: 0;
	bottom: -60px;
	left: 0;
	right: 0;
}

.giornaleRadioSection.RaiRadio1 .skew .hand {
	background-image: url(/dl/components/img/radio/img-giornale-RaiRadio1-app.png);
	width: 200px;
	height: 450px;
	top: 35%;
	left: 55%;
	z-index: 3;
}

.giornaleRadioSection.RaiRadio1 .skew {
	background: -moz-linear-gradient(left, #2f317c 0%, #2f317c 35%, #445cb5 64%, #445cb5 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #2f317c 0%, #2f317c 35%, #445cb5 64%, #445cb5 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #2f317c 0%, #2f317c 35%, #445cb5 64%, #445cb5 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.giornaleRadioSection.RaiRadio1 .skew .bg {
	background-image: url("/dl/components/img/radio/bg-giornale-RaiRadio1.jpg");
}

.giornaleRadioSection.RaiRadio1 .elencoPlaylist li.active h2,
.giornaleRadioSection.RaiRadio1 .elencoPlaylist li.active h2 a,
.giornaleRadioSection.RaiRadio1 .elencoPlaylist li h2 a:hover,
.giornaleRadioSection.RaiRadio1 .elencoPlaylist li:hover h2,
.giornaleRadioSection.RaiRadio1 .elencoPlaylist li:hover h2 a,
.giornaleRadioSection.RaiRadio1 .contArrow a:hover {
	color: #68baff;
}

.giornaleRadioSection.RaiRadio1 .elencoPlaylist li.active .ico.playing,
.giornaleRadioSection.RaiRadio1 .elencoPlaylist li:hover .ico.play {
	border-color: #68baff;
}

.giornaleRadioSection.RaiRadio1 .elencoPlaylist li.active .ico.playing svg,
.giornaleRadioSection.RaiRadio1 .elencoPlaylist li:hover .ico.play svg,
.giornaleRadioSection.RaiRadio1 .contArrow a:hover .svg_chan svg,
.giornaleRadioSection.RaiRadio1 .elencoPlaylist>li.active .ico.options svg,
.giornaleRadioSection.RaiRadio1 .elencoPlaylist>li:hover .ico.options svg {
	fill: #68baff;
	stroke: #68baff;
}


/* Fine HP CANALE - FASCIA RADIO TG */


/* YOURADIO */

.giornaleRadioSection.YouRadio .skew {
	height: 520px;
	background-image: none;
}

.giornaleRadioSection.YouRadio .content.right {
	left: 50%;
	margin-left: -150px;
}

.giornaleRadioSection.YouRadio .content.right .edit {
	font-size: 0.875em;
}

.giornaleRadioSection.YouRadio .content.right .edit span {
	display: block;
	background: url(/dl/components/img/radio/img-giornale-RaiRadio1-YouRadio-devices.png) center right no-repeat;
	height: 55px;
	width: 300px;
	font-weight: 700;
	padding-top: 25px;
	margin-top: 10px;
	margin-bottom: 26px;
}

.giornaleRadioSection.YouRadio .skew .bg {
	margin-left: -220px;
	left: 50%;
	background-image: none;
}

.giornaleRadioSection.YouRadio .skew .bg::after {
	content: "";
	display: block;
	width: 334px;
	height: 344px;
	background-size: cover;
	top: 110px;
	left: 420px;
	position: absolute;
}

.giornaleRadioSection.RaiRadio1.YouRadio .skew {
	background-color: #4144c5;
}

.giornaleRadioSection.RaiRadio1.YouRadio .skew .bg {
	background-color: #2f317c;
}

.giornaleRadioSection.YouRadio .skew .bg::after {
	background-image: url(/dl/components/img/radio/img-giornale-RaiRadio1-YouRadio-app.png);
}

.giornaleRadioSection.YouRadio.edit .skew .bg::after {
	background-image: url(/dl/components/img/radio/img-giornale-RaiRadio1-YouRadio-edit.png);
}


/* Fine YOURADIO */


/* YOURADIO MODIFICA PREFERENZE */

.youradio-modifica.RaiRadio1 .mainHeader.bg_chan {
	background: -moz-linear-gradient(60deg, #4144c5 0%, #557fe2 56%, #557fe2 86%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(60deg, #4144c5 0%, #557fe2 56%, #557fe2 86%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(60deg, #4144c5 0%, #557fe2 56%, #557fe2 86%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.youradio-modifica .dettaglioPlaylistRight>span {
	text-align: justify;
}

.youradio-modifica .listaProgramma .radioRai-playlist {
	top: -100px;
}

.youradio-modifica .skew.listaProgramma::before {
	top: 50px;
}

.youradio-modifica .headerProgramma h2 {
	margin-bottom: 120px;
	margin-top: 40px;
}

.youradio-modifica .elencoTematiche {
	font-family: 'Karla';
	margin-top: 150px;
}

.youradio-modifica .elencoTematiche>span {
	font-size: 1.125em;
}

.youradio-modifica .elencoTematiche .introTematiche {
	font-size: 0.875em;
	color: #7e8084;
	border-bottom: #7e8084 1px solid;
	margin-top: 2em;
	padding-bottom: 0.5em;
}

.youradio-modifica .elencoTematiche .aggiungiTematica {
	border: dashed 2px #caccd1;
	color: #caccd1;
	font-size: 1.875em;
	padding: 100px 0px 70px 0px;
	margin-top: 1em;
	text-align: center;
	font-weight: 700;
	overflow: hidden;
}

.youradio-modifica .elencoTematiche .aggiungiTematica span {
	display: block;
	width: 30px;
	height: 30px;
	margin: 0 auto;
}

.youradio-modifica .elencoTematiche .aggiungiTematica svg {
	fill: #caccd1;
	stroke: none;
}

.youradio-modifica .elencoTematiche ol {
	margin: 0px;
	list-style-position: inside;
}

.youradio-modifica .elencoTematiche li {
	font-family: Raleway;
	font-size: 1.25em;
	padding: 20px 30px;
	position: relative;
	line-height: 1.2em;
	font-weight: 500;
	color: #7e8084;
}

.youradio-modifica .elencoTematiche li span {
	margin-left: 20px;
}

.youradio-modifica .elencoTematiche .elencoTematicheAggiunte li {
	font-weight: 700;
	color: #333538;
}

.youradio-modifica .elencoTematicheDisponibili li {
	list-style: none;
	padding-left: 50px;
}

.youradio-modifica .elencoTematicheDisponibili li::before {
	content: "+";
	width: 22px;
	height: 22px;
	left: 26px;
	border: 2px solid #7e8084;
	border-radius: 100%;
	display: block;
	position: absolute;
	font-size: 33px;
	line-height: 19px;
	text-align: center;
}

.youradio-modifica .elencoTematicheDisponibili li.disabled::before {
	content: "";
}

.youradio-modifica .elencoTematicheAggiunte li::after {
	content: "";
	width: 16px;
	height: 16px;
	background-size: 16px;
	position: absolute;
	right: 30px;
}

.youradio-modifica .elencoTematicheAggiunte li.ui-state-disabled::after {
	background-image: url(/dl/components/img/radio/ico-lock.svg) !important;
}

.youradio-modifica .elencoTematicheDisponibili li.ui-draggable-dragging {
	z-index: 100;
	box-shadow: -10.4px 20.5px 51px 0 rgba(0, 0, 0, 0.17);
	background-color: #eaecf0;
}

.youradio-modifica .elencoTematicheAggiunte li.ui-sortable-helper {
	display: block;
	background-color: #D9DDE0;
	cursor: pointer;
}

.youradio-modifica .elencoTematicheAggiunte li.ui-sortable-helper span {
	margin-left: 38px;
}

.youradio-modifica .elencoTematicheAggiunte li.ui-sortable-helper::before {
	content: " - ";
	position: absolute;
	font-size: 26px;
}

.youradio-modifica .elencoTematicheAggiunte li.ui-sortable-helper::after {
	background-image: url(/dl/components/img/radio/ico-draggable.svg);
}

.youradio-modifica .playlist ul li:last-child {
	background-position: unset !important;
}

.youradio-modifica .reveal .large-4 {
	padding: 0em 0.5em;
}

html.no-touch .youradio-modifica .elencoTematiche .aggiungiTematica.hover {
	background-color: #fff;
}

html.no-touch .youradio-modifica .elencoTematicheDisponibili li:not(.disabled):hover {
	color: #333538;
	cursor: pointer;
}

html.no-touch .youradio-modifica .elencoTematicheDisponibili li:not(.disabled):hover::before {
	border-color: #333538;
}

html.no-touch .youradio-modifica .elencoTematicheDisponibili li:not(.disabled):hover::after {
	content: "Aggiungi";
	font-size: 14px;
	position: absolute;
	right: 50px;
	color: #7e8084;
}

html.no-touch .youradio-modifica .elencoTematicheAggiunte li:hover::after {
	background-image: url(/dl/components/img/radio/ico-delete.svg);
}

html.no-touch .youradio-modifica .elencoTematicheAggiunte li.ui-sortable-helper:hover {
	box-shadow: -10.4px 20.5px 51px 0 rgba(0, 0, 0, 0.17);
}

html.no-touch .youradio-modifica .elencoTematiche li:not(.disabled):hover {
	background-color: #D9DDE0;
	cursor: pointer;
}

.giornaleRadioSection .elencoPlaylist li h2 {
	width: 100%;
	top: 7px !important;
}

.giornaleRadioSection .elencoPlaylist li span.infoCard {
	display: block !important;
	font-size: 0.8em;
	top: 19px;
	left: 0;
	color: #fff !important;
	transition: color .5s;
}

.giornaleRadioSection .elencoPlaylist li:hover span.infoCard {
	color: #68baff !important;
}

section#giornale-radio.youradio-complete .logged {
	display: none;
}

.giornaleRadioSection .elencoPlaylist li.youradioEdizione h2 {
	top: 15px !important;
}

.playerWrapper .programList .youradioEdizioneBreve .ico.play,
.playerWrapper .programList .youradioEdizioneLunga .ico.play,
.playerWrapper .programList .youradioEdizioneBreve .ico.options,
.playerWrapper .programList .youradioEdizioneLunga .ico.options {
	display: none;
}

.articoloPage a.ico.play,
.articoloPage a.ico.video,
.articoloPage a.ico.foto {
	position: static;
	backgground: none;
	border: none;
}


/* Fine YOURADIO MODIFICA PREFERENZE */


/* RISULTATI RICERCA */
.searchResults ul.menu{
	padding:30px 0 90px
}
.searchResults li a {
    color: #fff;
    transition: all 200ms ease;
    font-size: 16px;
    font-family: 'Karla';
    font-weight:bold;
    letter-spacing:-0.5px;
}
.searchResults li.active a {
    color: #989a9e;
    background-color:transparent;
}
.searchResults .badge{
	background-color: rgba(255, 255, 255, 0.4);
	color: #fff;
	border-radius: 100%;
	border: 1px solid transparent;
	width: 25px;
	height: 25px;
	font-size: 14px;
	font-family: 'Karla';
	font-weight: bold;
	padding: 2px 4px;
	margin-left: 10px;
	display: inline;
}
#site-menu .sticked.searchResults ul.menu{
	padding-top:10px !important;
	padding-bottom:10px !important;
}
.sticked .menuProgramma.risultatiRicerca {
	margin-bottom: 0;
	margin-top: 20px;
}

.sticked.searchResults {
	padding: 0 6% !important;
}

.risultatiRicerca li {
	font-size: 16px;
	font-family: 'Karla';
	margin-right: 45px;
}

.risultatiRicerca li.active {
	position: relative;
}

.risultatiRicerca li.active:after {
	content: '';
	width: 30px;
	height: 3px;
	position: relative;
	display: block;
	text-align: center;
	margin: 0 auto;
	top: 5px;
	transition: all 200ms ease;
	left: -15px;
}

.risultatiRicerca span {
	background-color: rgba(255, 255, 255, 0.4);
	color: #fff;
	border-radius: 100%;
	border: 1px solid transparent;
	width: 25px;
	height: 25px;
	font-size: 14px;
	font-family: 'Karla';
	font-weight: bold;
	padding: 2px 4px;
	margin-left: 10px;
}

.ricercaForm,
.ricerca {
	position: relative;
}

.ricerca .filtro {
	position: absolute;
	right: 18px;
	top: 10px;
}

.ricercaForm a.delete {
	display: none;
}

.ricercaForm a.delete {
	position: absolute;
	background: url('/dl/components/img/radio/reset.png')center right no-repeat;
	top: 10px;
	left: 68%;
	width: 20px;
	height: 20px;
	display: none;
}

.ricercaForm input,
.ricercaForm input:focus,
.filtriRicerca input,
.filtriRicerca input:focus {
	border: 0;
	border-bottom: 1px solid #fff;
	background-color: transparent;
	width: 70%;
	box-shadow: none;
	color: #fff;
	border-radius: 0;
	font-size: 40px;
	padding: 0 0 15px 30px;
	font-weight: bold;
	height: 50px;
	font-family: 'Raleway';
}

.filtriRicerca input,
.filtriRicerca input:focus {
	border-bottom: 1px solid #7e8084;
	width: 100%;
	color: #7e8084;
	font-size: 18px;
	height: 30px;
	padding: 0;
}

.ricercaForm a.lenteRicerca {
	position: absolute;
	top: 5px;
}

.ricercaForm a.lenteRicerca img {
	width: 25px;
	height: 25px;
	transform: scale(-1, 1);
}

a.lenteRicerca2 {
	position: absolute;
	top: 5px;
	right: 0;
}

.lenteRicerca2 svg {
	width: 17px;
	height: 17px;
	position: relative;
	top: 53px;
	right: 63px;
	transform: scale(-1, 1);
}


/* END RISULTATI RICERCA */


/* shadow - filtri di ricerca */

.shadowFiltro {
	display: none;
	position: fixed;
	z-index: 111;
	top: 0px;
	left: 0px;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.5);
}

.shadowFiltro.open {
	cursor: url("/dl/components/img/radio/ico-close@1x.png") 0 0, pointer;
	/* FF */
	cursor: -webkit-image-set(url("/dl/components/img/radio/ico-close.png") 1x, url("/dl/components/img/radio/ico-close.png") 2x) 0 0, pointer;
	/* Webkit */
}


/* fine shadow - filtri di ricerca */


/* filtro risultati ricerca */

.filtroRisultatiRicerca ul li.selected span svg {
	fill: #000;
}

.filtroRisultatiRicerca.open {
	visibility: visible;
	opacity: 1;
	top: 0px;
	right: 0px;
}

.filtroRisultatiRicerca {
	display: block;
	position: fixed;
	visibility: hidden;
	opacity: 0;
	z-index: 112;
	top: 0px;
	right: -800px;
	width: 410px;
	height: 100vh;
	padding: 48px 50px;
	/* da verificare */
	box-shadow: 0px 0px 0px #000;
	transition: all ease .5s;
	background: #fff;
}

.filtroRisultatiRicerca .inOnda {
	margin: 40px 0 !important;
}

.filtroRisultatiRicerca .inOnda .switch {
	position: relative;
	width: 150px;
}

.filtroRisultatiRicerca .inOnda .switch input+.switch-paddle {
	width: 56px;
	height: 28px;
	float: right;
	margin: 0;
}

.filtroRisultatiRicerca .inOnda .switch span {
	color: #000;
	margin-bottom: 0 !important;
}

.filtroRisultatiRicerca .inOnda .switch input:checked~.switch-paddle {
	float: right;
}

.filtroRisultatiRicerca .inOnda .switch input:checked~.switch-paddle::after {
	left: 2.1em !important;
	cursor: pointer;
}

.filtroRisultatiRicerca .inOnda .switch .switch-paddle::after {
	background: #fefefe;
	content: '';
	display: block;
	position: absolute;
	height: 1.4rem;
	left: 0.25rem;
	top: 0.20em;
	width: 1.5rem;
	transition: all 0.25s ease-out;
}

.filtroRisultatiRicerca h4,
.filtroRisultatiRicerca .inOnda,
.filtroRisultatiRicerca .inOnda span {
	font-family: 'Raleway';
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 10px;
}

.filtroRisultatiRicerca ul {
	padding-left: 0;
	margin-left: 0;
}

.filtroRisultatiRicerca ul li {
	font-size: 16px;
	font-family: 'Karla';
	list-style: none;
	padding: 0;
	margin: 0;
}

.filtroRisultatiRicerca ul li:hover {
	cursor: pointer;
}

.filtroRisultatiRicerca ul li.selected span {
	display: inline-block;
	width: 10px;
	margin-left: -14px;
	margin-right: 4px;
	opacity: 0;
}

.filtroRisultatiRicerca ul li.selected:hover span {
	opacity: 1;
}

.filtroRisultatiRicerca ul li.selected:hover:before {
	opacity: 0;
}

.filtroRisultatiRicerca ul li.selected:before {
	content: "\2022";
	padding-right: 4px;
	margin-left: -12px;
	font-weight: bold;
	font-size: 14px;
	font-family: 'Karla';
}

.applicaFiltri {
	text-align: center;
}

.applicaFiltri p {
	font-size: 14px;
	font-family: 'Raleway';
	font-weight: bold;
	color: #b1b3b7;
}

.applicaFiltri .button {
	padding: 18px 88px;
	font-size: 20px;
	font-weight: 600;
	border-radius: 2px;
	background-color: transparent;
}


/* fine filtro risultati ricerca */


/* popup errore tagmanager */

.tagManagerError {
	position: fixed;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .5);
	z-index: 10000000;
}

.tagManagerError .message {
	position: relative;
	color: #fff;
	background-color: #00a0fa;
	margin: 2rem 1rem 1rem 1rem;
	padding: 1rem;
	border-radius: 10px;
	font-size: .875rem;
	width: 30%;
	max-height: 70%;
	left: calc(70% - 3rem);
	padding: 3rem;
	text-align: center;
}

.tagManagerError .message:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-left: 1.5rem solid transparent;
	border-right: 0 solid transparent;
	border-bottom: 1.8rem solid #00a0fa;
	top: -1.8rem;
	right: 15px
}

.tagManagerError .message p.img {
	text-align: center;
	margin-bottom: 3rem;
	font-size: 5rem;
}


/* Video e foto gallery */

.media #mainContainer {
	/* Da riportare su regola generale*/
	background-color: #fff;
}

.media .ChanColorRaiRadio,
.media .gradient_chan {
	/* Da riportare su regola generale*/
	background: none !important;
}

.media .programMenu ul {
	/* Da riportare su regola generale*/
	margin-top: 20px;
	margin-bottom: 60px !important;
	margin-left: 1.25rem;
}

.media .programMenu ul li {
	/* Da riportare su regola generale*/
	text-align: left;
	margin-top: 0 !important;
}

.media .programMenu ul li {
	/* Da riportare su regola generale*/
	display: block;
}

.media .headerProgramma {
	/* Da riportare su regola generale*/
	margin-bottom: 15px;
}

.media .radioRai-gallery {
	position: relative;
	overflow: hidden;
	max-width: 100% !important;
	margin-bottom: 2em !important;
	/*width: 859px;*/
	background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(15deg, #212121), linear-gradient(#203a64, #203a64);
	box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.4);
	background-color: #000;
	padding-top: 0px;
}

.media.mediaFotoProgramma:not(.mediaModal) .radioRai-gallery,
.media.mediaVideoProgramma:not(.mediaModal) .radioRai-gallery {
	margin-top: 20px;
}

.media.mediaFoto .programList {
	margin-top: 0px;
	margin-bottom: 0px;
	width: 100%;
}

.media h1 {
	color: #333538 !important;
	font-weight: 800;
	font-size: 2.1875em;
	line-height: 1.2em;
	margin-bottom: 0.5em !important;
}

.media h3 {
	font-size: 1.25em;
	font-weight: 600;
	margin-left: 0px;
	margin-bottom: 0px;
	color: #9a9b9e;
}

.media.mediaModal.mediaFotoProgramma h3.subtitle,
.media.mediaModal.mediaVideoProgramma h3.subtitle {
	font-weight: 800;
}

.media h3+h1 {
	margin-top: 0px !important;
}

.media .description {
	color: #7e8084 !important;
	line-height: 1.6em;
	font-family: Karla;
	margin-bottom: 1em;
	position: static !important;
}

.media .boxMultimedia {
	margin-bottom: 0px;
	margin-right: 0px;
}

.media .boxMultimedia .ProgramInfoFoto {
	margin-top: 1em;
}

.media .boxMultimedia .fotoWrapper {
	position: relative;
}

.media .boxMultimedia .ico.foto,
.media .boxMultimedia .ico.video,
.media .boxMultimedia .ico.play {
	bottom: 15px;
	left: 15px;
	width: 40px !important;
	height: 40px !important;
}

.media .boxMultimedia h3 {
	font-size: 120%;
}

.media .multimediaSection {
	margin-left: -1em;
	margin-right: -1em;
}

.media .slick-prev,
.media .slick-next,
.containerGallery.fullscreen .slick-prev,
.containerGallery.fullscreen .slick-next {
	background-color: #fff;
	border-radius: 0px;
	z-index: 10;
	top: 50%;
	transform: translateY(-50%);
	width: 42px;
	height: 42px;
	margin-top: 0px;
}

.containerGallery.fullscreen .close-button span {
	width: 60px;
	height: 60px;
}

.media .slick-prev,
.containerGallery.fullscreen .slick-prev {
	transition: left .5s ease;
	left: 0px;
}

.media .slick-next,
.containerGallery.fullscreen .slick-next {
	right: 0px;
	transition: right .5s ease;
}

.no-touch .media .radioRai-gallery:hover .slick-prev,
.no-touch .containerGallery.fullscreen .radioRai-gallery:hover .slick-prev {
	left: 20px;
}

.no-touch .media .radioRai-gallery:hover .slick-next,
.no-touch .containerGallery.fullscreen .radioRai-gallery:hover .slick-next {
	right: 20px;
}

.media .radioRai-gallery .ProgramInfoFoto,
.containerGallery.fullscreen .radioRai-gallery .ProgramInfoFoto {
	position: absolute;
	bottom: 0px;
	background-color: rgba(0, 0, 0, .5);
	z-index: 10;
	color: #fff;
	width: 100%;
	padding: 1.2em;
}

.no-touch .media .radioRai-gallery .ProgramInfoFoto,
.no-touch .containerGallery.fullscreen .radioRai-gallery .ProgramInfoFoto {
	bottom: -300px;
	transition: bottom .5s ease;
}

.no-touch .media .radioRai-gallery:hover .ProgramInfoFoto,
.no-touch .containerGallery.fullscreen .radioRai-gallery:hover .ProgramInfoFoto {
	bottom: 0px;
}

.media .radioRai-gallery .ProgramInfoFoto .number,
.containerGallery.fullscreen .radioRai-gallery .ProgramInfoFoto .number {
	font-family: Karla;
	color: #9a9b9e;
}

.media .radioRai-gallery .ProgramInfoFoto .title,
.containerGallery.fullscreen .radioRai-gallery .ProgramInfoFoto .title {
	font-size: 1.375em;
	font-weight: 700;
	color: #fff;
	margin-left: 0px;
}

.media .radioRai-gallery .ProgramInfoFoto .toggle,
.containerGallery.fullscreen .radioRai-gallery .ProgramInfoFoto .toggle {
	width: 20px;
	height: 20px;
	position: absolute;
	right: 2em;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	padding-right: 1em;
}

.media .radioRai-gallery .ProgramInfoFoto .toggle.fullscreen,
.containerGallery.fullscreen .radioRai-gallery .ProgramInfoFoto .toggle.fullscreen {
	background: url(/dl/components/img/radio/ico-fullscreen.svg) center center no-repeat;
}

.media .radioRai-gallery .ProgramInfoFoto .toggle.smallscreen,
.containerGallery.fullscreen .radioRai-gallery .ProgramInfoFoto .toggle.smallscreen {
	background: url(/dl/components/img/radio/ico-smallscreen.svg) center center no-repeat;
}

.media .slick-prev::before,
.media .slick-next::before,
.containerGallery.fullscreen .radioRai-gallery .slick-prev::before,
.containerGallery.fullscreen .radioRai-gallery .slick-next::before {
	top: 12px;
	left: 15px;
	border-width: 3px;
	border-style: solid;
	content: " ";
	height: 20px;
	width: 20px;
	position: absolute;
	pointer-events: none;
	transform: rotate(45deg);
	border-right-width: 0px;
	border-top-width: 0px;
	opacity: 1;
}

.media .slick-next::before,
.containerGallery.fullscreen .radioRai-gallery .slick-next::before {
	transform: rotate(-135deg) !important;
	left: 5px !important;
}

.media .menuDescriptionProgramma {
	display: inline-block;
	margin-top: 0px;
	margin-bottom: 1em;
	float: right;
}

.media .menuDescriptionProgramma li {
	margin-right: 40px;
	font-family: "Karla";
	font-weight: 400;
	line-height: 22px;
	color: #333538;
}

.media .menuDescriptionProgramma li.share {
	padding: 0px;
	background: none;
	margin-right: 1em;
}

.media .menuDescriptionProgramma li.share .svg_chan {
	float: left;
}

.media .menuDescriptionProgramma li.share a {
	font-size: 16px;
}

.mediaModal.radioRai-containerGeneral li a {
	color: #333538;
}

.media .menuDescriptionProgramma li.share .svg_chan {
	margin-top: 0px;
	margin-right: 10px;
}

.media.mediaFotoCanale .skew-content.fourBox,
.media.mediaVideoCanale .skew-content.fourBox,
.media.mediaModal .skew-content.fourBox {
	padding-top: 0px;
	margin-top: 0px;
	padding-right: 1.5em;
}

.media.mediaVideoProgramma .skew-content.fourBox {
	margin-top: 0px;
}

.media .skew.listaProgramma::before {
	display: none;
}

.media.mediaFotoCanale .skew.listaProgramma>.row>.row.expanded,
.media.mediaVideoCanale .skew.listaProgramma>.row>.row.expanded {
	padding-top: 20em;
	margin-bottom: 1em;
}

.media .containerGallery,
.media .video-container {
	margin-top: 0px;
	margin-bottom: 3em;
}

.media.mediaFotoCanale h4,
.media.mediaVideoCanale h4,
.media.mediaModal h4 {
	font-weight: bold;
	font-size: 1.25em;
	margin-left: 1em;
	margin-right: 1em;
}

.media.mediaFotoCanale .boxMultimedia,
.media.mediaVideoCanale .boxMultimedia,
.media.mediaModal .boxMultimedia {
	margin: 1em 0em;
}

.reveal .media .columns {
	padding-right: 0.9375rem;
	padding-left: 0.9375rem;
}

.containerGallery.fullscreen {
	position: fixed;
	z-index: 1007;
	/*  modal 1006*/
	background-color: #000;
	margin-bottom: 0px;
	width: 100vw;
	height: 100vh;
}

.containerGallery.fullscreen .radioRai-gallery {
	margin-top: 0px !important;
	width: 100vw;
	height: 100vh;
	max-width: 100%;
}

.containerGallery.fullscreen .radioRai-gallery .slick-slider,
.containerGallery.fullscreen .radioRai-gallery .slick-slide {
	max-width: 100%;
	max-height: 100%;
	height: 100vh;
}

.containerGallery.fullscreen .radioRai-gallery .slick-slide img {
	width: auto !important;
	height: auto !important;
	max-width: 100% !important;
	max-height: 100% !important;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.containerGallery.fullscreen .radioRai-gallery .ProgramInfoFoto {
	position: fixed !important;
}


/* Fine video e foto gallery */


/* Lista audio - nuova grafica */

.listaAudio .cover {
	height: 100% !important;
}

.homeProgramma .puntateSection,
.homeProgramma .puntateSection .skew:before,
.homeProgramma .puntateSection .skew {
	background-color: #fff;
}

.fogliaAod .puntateSection,
.fogliaAod .puntateSection .skew:before,
.fogliaAod .puntateSection .skew {
	background-color: #f6f6f8;
}

.fogliaAod .puntateSection .homeProgramma .puntateSection .skew:before,
.fogliaAod .puntateSection .skew:before {
	height: 220px;
}

.listaAudio {
	padding: 27px 0 36px;
	border-bottom: 1px solid #dbdde2;
}

.listaAudio h3 {
	font-size: 20px;
	font-family: 'Raleway';
	font-weight: 600;
	color: #333538;
	line-height: 20px;
	margin-left: 0;
}

.listaAudio h3 a {
	color: inherit;
}

.listaAudio .canale {
	font-weight: bold;
}

.listaAudio .canale,
.listaAudio p {
	font-family: 'Karla';
	font-size: 14px;
	line-height: 21px;
	color: #7e8084;
}

.listaAudio .img {
	width: 70px;
	position: relative;
}

.listaAudio p {
	font-size: 16px;
	padding-top: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.listaAudio .readMore {
	display: inline-block;
	width: 18px;
	height: 18px;
	border-radius: 100%;
	font-size: 14px;
	text-align: center;
	color: #7e8084;
	border: solid 2px #7e8084;
	cursor: pointer;
	line-height: 1em;
	margin-left: 5px;
}

.listaAudio .readMore.more::after {
	content: "+";
}

.listaAudio .readMore.less::after {
	content: "-";
}

.listaAudio .moreContent {
	display: none;
}


/*.listaAudio .options
{
	margin:0;
}*/

.listaAudio .options li {
	position: relative;
	padding-left: 30px;
	margin: 0 0 25px 30px;
	font-size: 16px;
	font-family: 'Karla';
	line-height: 21px;
}

.listaAudio .options li span {
	cursor: pointer;
}

.listaAudio .options li span:first-child {
	position: absolute;
	left: 0;
}

.listaAudio .options .ico.podcast,
.listaAudio .options .ico.options
{
	position:relative;
}

.listaAudio .options .ico.podcast svg,
.listaAudio .options .ico.options svg

{
	position:absolute;
	top:0;
	height:24px;
}

.listaAudio .options .ico.options svg
{
	height:50px;
}

.listaAudio .options .ico.play {
	height: inherit !important;
	right: inherit !important;
	width: inherit !important;
	border: none !important;
	left: inherit !important;
	background: none !important;
}

.listaAudio .options .ico.play svg {
	border: 2px solid #333538;
	fill: #333538;
	border-radius: 100%;
	width: 26px;
	height: 26px;
}

.listaAudio .options .ico.podcast svg {
	fill: none;
	stroke: #333538;
	stroke-width: 1.6;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.listaAudio .options .ico.options span:first-child {
	top: -15px;
	left: -12px;
}

.listaAudio .options .ico.options svg {
	fill: #333538;
	width: 50px;
}

.listaAudio .img .ico.play {
	position: absolute;
	opacity: 0.6;
	width: 42px;
	height: 42px;
	background: url(/dl/components/img/radio/player/playIcon.svg) center no-repeat;
	display: block !important;
	left: 14px;
	bottom: 14px;
	background-size: 50%;
	border: 2px solid #fff;
}

.listaAudio.activeAudio {
	background-color: #fafafb;
	transition: background 700ms ease;
}

.listaAudio.activeAudio .img .ico.play {
	opacity: 1;
	transition: opacity 700ms ease;
}

.listaAudio.activeAudio p {
	display: inherit;
}


/* fix pagina articolo - canale */

.corpoFoglia .bloccoSx ul li {
	margin-bottom: 20px;
}

.corpoFoglia .bloccoSx ul li h3 {
	font-size: 20px;
	text-transform: uppercase;
	margin-bottom: 0;
}

.corpoFoglia .numeroSmsArt {
	margin-bottom: 50px;
}


/*.listSms h3
{
	font-size:18px;
	font-weight: 800;
}

.listSms ul li span
{
	font-size:22px;
}*/


/* end fix pagina articolo - canale */


/* fix form in pagine articoli */

.articoloPage .form {
	padding: 0 95px;
}

.inserisci .button,
.inserisci .label {
	background-color: transparent;
}

.inserisci form ul {
	margin-left: 0;
}

.inserisci form ul li {
	position: relative;
	font-family: 'Karla';
	margin-bottom: 28px;
	width: 100%;
}

.inserisci form ul li h4 {
	text-align: left;
}

.inserisci .label {
	color: #333538;
	position: absolute;
	left: 0;
	text-align: left;
	top: -15px;
	padding: 0;
	font-size: 12px;
	font-weight: 800;
}

.inserisci .input {
	margin-bottom: 5px;
	float: left;
	width: 100% !important;
}

.inserisci .input input {
	border: 0;
	border-bottom: 1px solid #b2b3b7;
	background-color: transparent;
	border-radius: 0;
	box-shadow: none;
	color: #333538;
	padding: 0;
	margin: 0;
	height: 30px;
	width: 100% !important;
}

.inserisci div {
	font-family: 'Karla';
	font-size: 14px;
}

.inserisci .notice.Error {
	text-align: right;
	font-weight: bold;
	/*width:600px;*/
	margin-top: -6px;
	border-top: 1px solid #f00;
	padding-top: 5px;
	font-size: 10px !important;
}

.inserisci .button li {
	width: 50% !important;
}

.inserisci .button li#send a,
.inserisci .button li#cancel a {
	border: 2px solid #b1b3b7 !important;
	padding: 20px 80px;
	background-color: transparent;
	color: #333538;
	font-family: 'Raleway';
	font-weight: 400;
	font-size: 20px;
	transition: background-color 0.25s ease-out, color 0.25s ease-out;
	border-radius: 3px;
	text-align: center;
	width: auto;
	height: auto;
}

.inserisci .button li#send a {
	background-color: #2ba6cb;
	color: #fefefe !important;
}


/* end fix form in pagine articoli */


/* sondaggi */

.radiorai #sondaggi #iubenda-cs-banner {
	margin-bottom: 80px;
	margin-top: -80px;
}

.radiorai #sondaggi header #menuDedicato {
	background: linear-gradient(to right, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.2) 90%), linear-gradient(to left, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.2) 90%);
}

.radiorai #sondaggi .canaleLogo svg {
	width: 75px;
	position: absolute;
	right: 85px;
	top: 22px;
	z-index: 9999;
}

.radiorai #sondaggi .canaleLogo svg>g path {
	fill: white;
}

.radiorai #sondaggi #intestazione {
	position: absolute;
	width: 100%;
	margin-top: -80px;
	background: transparent;
	background-size: cover;
}

.radiorai #sondaggi #intestazione>div {
	height: 220px;
	position: relative;
}

.radiorai #sondaggi #intestazione>div h1 {
	padding: 0;
	margin: 0;
	text-indent: -9999rem;
	background: transparent;
	background-size: contain;
	height: 100%;
}

.radiorai #sondaggi .sondaggioinfo {
	margin-bottom: 8.75rem;
	max-width: 62.5rem;
	margin-left: auto;
	margin-right: auto;
}

.radiorai #sondaggi .sondaggioinfo>.row {
	padding: 6rem 0 0;
}

.radiorai #sondaggi .percentuale {
	font-size: 2.313rem;
	font-weight: 800;
	color: #485459;
}

.radiorai #sondaggi .fotoPartecipante {
	border-radius: 50%;
	width: 100%;
	height: 100%;
}

.radiorai #sondaggi .nome,
.radiorai #sondaggi .descrizione {
	color: #2e3b42;
	margin-bottom: 0;
}

.radiorai #sondaggi .sondaggioinfo>.row {
	padding-top: 2em;
}

.radiorai #sondaggi .sondaggioinfo>.row:first-child {
	padding: 0;
}

.radiorai #sondaggi h2 {
	font-weight: bold;
	font-size: 2.125rem;
	margin-bottom: 0em;
	text-align: left;
}

.radiorai #sondaggi .percentuale {
	font-size: 2em;
}

.radiorai .percircle {
	font-size: 100px;
}

.radiorai .percircle::after {
	display: none;
}

.radiorai #sondaggi p {
	padding-bottom: 0px;
	line-height: 1em;
}

.radiorai #sondaggi p.nome {
	font-size: 18px;
}

.radiorai #sondaggi p.descrizione {
	font-size: 16px;
}

.radiorai #sondaggi .buttonCont .button {
	padding: 0.85em 0em;
	border-radius: 2px !important;
	margin-bottom: 0;
}

.radiorai #sondaggi .buttonCont .button.vota {
	min-width: 3em;
	background: transparent;
}

.radiorai #sondaggi .buttonCont .button:hover {
	background-color: #485459 !important;
	color: #fff !important;
}

.radiorai #sondaggi .buttonCont .button.guarda {
	border: 1px solid #818181;
	color: #818181;
	background: #fff;
}

.radiorai #sondaggi .column.align-middle,
.radiorai #sondaggi .align-middle.columns {
	-webkit-align-self: center;
	-ms-flex-item-align: center;
}

.radiorai #radiorai-dynamic-wrapper.blurMask {
	background-color: transparent;
}

#voteMessage {
	padding: 2.5rem;
	animation: fadein 0.6s;
}

#voteMessage p {
	font-size: 1em;
	margin-bottom: 0;
}

#voteMessage p span {
	font-weight: 600;
}

#voteMessage .socialShareCont {
	display: flex;
	justify-content: space-between;
	margin-top: 1rem;
}

#voteMessage .socialShareCont .button {
	flex-basis: 49%;
	margin: 0;
	font-weight: 600;
}

#voteMessage .socialShareCont .button.facebook-share {
	background: #2d448a;
}

#voteMessage .socialShareCont .button.twitter-share {
	background: #24b1ff;
}

#voteMessage .close-button {
	right: 2rem;
	top: 1.5rem;
}

#voteMessage .close-button span {
	color: #fff;
}

#voteMessage .close-button span::after {
	background: url(http://www.raiplayradio.it/dl/components/img/radio/close_b.svg) center center no-repeat;
	transform: scale(.5);
}

#voteMessage:focus {
	outline-width: 0px;
}

/* fine sondaggi */

/* hack mozilla */

@-moz-document url-prefix() {
    .lanci .info .descriptionLancio{
       height:100px;
    }
}

/* Foglia audio easyweb */
.fogliaAod--easyweb .fasciaCanale {
	margin-top: 0;
}
.fogliaAod--easyweb .mainHeader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	width: 100%;
}
.fogliaAod--easyweb .radioRai-header {
	padding: 0px !important;
	z-index: 0;
}
.fogliaAod--easyweb .row {
	max-width: 100%;
}
.fogliaAod--easyweb .descriptionProgramma {
	margin-left: 0;
}
.fogliaAod--easyweb .mejs-container,
.fogliaAod--easyweb .mejs-container .mejs-controls,
.fogliaAod--easyweb .mejs-controls div.mejs-horizontal-volume-slider {
	background: #EAECF0;
}
.fogliaAod--easyweb .headerProgramma {
    margin-top: 0px;
}
.fogliaAod--easyweb  .mejs-container .mejs-controls  {
	max-width: 1000px;
}
.fogliaAod--easyweb .mejs-controls .mejs-playpause-button button {
	border: 3px solid #ddd;
	background-color: #ddd;
  width: 30px;
}
.fogliaAod--easyweb .mejs-controls .mejs-time-rail .mejs-time-handle,
.fogliaAod--easyweb .mejs-controls .mejs-time-rail .mejs-time-total,
.fogliaAod--easyweb .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float {
	background: #6a6a6a;
}
.fogliaAod--easyweb .mejs-controls .mejs-time-rail .mejs-time-float-corner {
  border-color: #6a6a6a transparent transparent transparent;
}