body {
    padding-top: 80px;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    background-position: center top;
    background-repeat: no-repeat;
}
body.iframe{
 padding-top:0;
}
body.iframe .footer,body.iframe .socialBlock{
 display:none;
}
body.iframe .videoIframe{
    height:0;
}
body.iframe .Player{
 margin:0;
}
a.nolink{
    cursor: default;
}
header {
    width: 100%;
    position: relative;
    top: -80px;
    margin-bottom: -80px;
    z-index: 1000;
    transition: none;
    -webkit-transition: none;
}
header.fixed {
    position: fixed;
    top: 0;
    margin-bottom: 0;
    transition: top 600ms ease;
    -webkit-transition: top 600ms ease;
    z-index: 1004;
}
header #barraRai,
header #menuDedicato #cerca-barra {
    display: none;
}
header #menuDedicato{
    background: -moz-linear-gradient(left, rgba(46,59,66,0) 80%, rgba(46,59,66,0.5) 90%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(46,59,66,0) 80%,rgba(46,59,66,0.5) 90%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(46,59,66,0) 80%,rgba(46,59,66,0.5) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    -webkit-transition: background 1s ease;
    -moz-transition: background 1s ease;
    -o-transition: background 1s ease;
    transition: background 1s ease;
}
header.fixed #menuDedicato{
    background:rgba(46,59,66,0.8);
}
header #menuDedicato #site-menu.top-bar{
    height: 80px;
}

header .maskOverlay,
header .mainMenuContainer{
    display: block;
    visibility: hidden;
    opacity: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    top: 0;
    z-index: 100;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
header .maskOverlay.opened,
header .mainMenuContainer.opened {
    opacity: 1;
    visibility: visible;
}
header #barraRai {
    background-color: #475358 !important;
}
header #barraRai.opened,
header #barraRaiBtn.opened {
    position: relative;
    z-index: 200;
}
header #barraRaiBtn:hover{
  background: rgba(71, 83, 88, 0.8);
}
header #barraRaiBtn {
    width: 80px;
    height: 80px;
    background: rgba(203,206,208,0.5);
    cursor:pointer;
}
header #barraRaiBtn img {
    display: block;
}
header #barraRaiBtn #barraRaiMenuIcon {
    width: 22px;
    height: 20px;
    margin-top: 4px;
}
header #barraRaiBtn #barraRaiMenuIcon::after{
    background:#fefefe;
    box-shadow: 0 9px 0 #fefefe, 0 18px 0 #fefefe;
}
#mainMenuBtn:hover:after {
    background: #fefefe;
    box-shadow: 0 9px 0 #fefefe, 0 18px 0 #fefefe;
}
header #barraRaiBtn #barraRaiCloseIcon svg {
    width: 38px;
    margin: 21px;
}
header #barraRaiBtn #barraRaiCloseIcon svg path {
    stroke: none;
    fill: #fff;
}
header #barraRaiBtn #barraRaiMenuIcon,
header #barraRaiBtn #barraRaiCloseIcon {
    display: none;
}
header #barraRaiBtn:hover img {
    display: none;
}
header #barraRaiBtn:hover #barraRaiMenuIcon {
    display: block;
}
header #barraRaiBtn.opened {
    background-color: #475358 !important;
}
header #barraRaiBtn.opened #barraRaiCloseIcon {
    display: block;
}
header #barraRaiBtn.opened img,
header #barraRaiBtn.opened #barraRaiMenuIcon {
    display: none !important;
}
header .mainMenuContainer {
    z-index: 1000;
}
header .mainMenuContainer .closeMainMenu ,
header .mainMenuContainer ul {
    position: relative;
    left: -440px;
    background: rgba(46,59,66,0.8);
    -webkit-transition: left 400ms ease;
    -moz-transition: left 400ms ease;
    -ms-transition: left 400ms ease;
    -o-transition: left 400ms ease;
    transition: left 400ms ease;
}
header .mainMenuContainer.opened ul {
    width: 440px;
    max-height: calc(100% - 59px);
    overflow: auto;
    top: -1px;
}
header .mainMenuContainer.opened .closeMainMenu,
header .mainMenuContainer.opened ul{
    left: 0px;
}
header .mainMenuContainer .closeMainMenu {
    width: 440px;
    height: 80px;
}
header .mainMenuContainer .closeMainMenu #closeMainMenuBtn svg {
    width: 34px;
    margin: 23px;
}
header .mainMenuContainer .closeMainMenu #closeMainMenuBtn svg path {
    fill: #fff;
    stroke: none;
}
header .mainMenuContainer ul {
    width:440px;
    height:100%;
    margin-left:0;
}
header .mainMenuContainer ul li {
    list-style: none;
}
header .mainMenuContainer ul li a {
    color: #fff;
    display: block;
    padding: 1rem 2rem;
    font-size: 16px;
    line-height: 20px;
}
header .mainMenuContainer ul li.SecondoLivello a {
    padding-left: 3rem;
}
header .mainMenuContainer ul li.TerzoLivello a {
    padding-left: 4rem;
}
#mainMenuBtn {
    display: block;
    float: left;
    height: 80px;
    width: 80px;
    line-height: 80px;
    background: rgba(0,0,0,.2);
    z-index: 999;
}
#mainMenuBtn:after {
    box-shadow: 0 9px 0 #fefefe, 0 18px 0 #fefefe;
    width: 26px;
    margin: 30px 27px !important;
}
header #site-menu .menuTitle {
    font-size: 28px;
    line-height: 80px;
    font-weight: 100;
    display: inline-block;
    margin-left: 1em;
    color: rgba(255,255,255,0);
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    transition: color 0.2s ease;
}
header #barraRaiMenuIcon{
    display:none;
    top: 26px;
    left: 30px;
}
h2.sottotitolo {
    font-size: 1.5rem;
    font-weight: 200;
    padding-bottom: 20px;
}

.text.one-col, .text.two-col, .text.three-col, .text.four-col {
    max-width: 1000px;
    margin: 0 auto;
}
.text.two-col, .text.three-col, .text.four-col {
    text-align:left;
}
.prixLogo{
    width:400px !important;
    top:-65px !important;
}
@media screen and (max-width: 40em) {
    body {
        padding-top: 60px;
    }
    header {
        top: -60px;
        margin-bottom: -60px;
    }
    header #barraRai .title-bar .top-bar-right {
        display: none;
    }
    /*header #menuDedicato .top-bar #mainMenuBtn {
        margin: 31px 15px 0;
    }*/
    header #menuDedicato .top-bar .menuTitle {
        float: left; width: 50px;
        white-space: nowrap;
        font-size: 4vw;
        line-height: 60px;
    }
    header #menuDedicato .top-bar .top-bar-right {
        display: block !important;

    }
    header .mainMenuContainer .closeMainMenu {
        height: 60px;
    }
    header .mainMenuContainer .closeMainMenu #closeMainMenuBtn svg {
        width: 34px;
        margin: 13px;
    }
    header .mainMenuContainer .closeMainMenu,
    header .mainMenuContainer ul {
        width: 100% !important;
        left: -100%;
    }
    header .mainMenuContainer .closeMainMenu svg {
        margin: 23px 8px;
    }
    header #menuDedicato .top-bar{
        height: 60px !important;
    }
    header #menuDedicato .top-bar #mainMenuBtn{
        height:60px;
        width:60px;
    }
    header #menuDedicato .top-bar #mainMenuBtn:after {
        box-shadow: 0 9px 0 #fefefe, 0 18px 0 #fefefe;
        width: 24px;
        margin: 20px 18px !important;
    }
    header .mainMenuContainer.opened ul {
        height: calc(100% - 60px);
    }
    header #barraRaiBtn{
        width: 60px;
        height: 60px;
    }
    header #logoEditoreBarra svg{
        width:65px;
    }
    header #menuDedicato .top-bar .columns:nth-child(2) .dropdown.menu:before{
        right:60px;
        height:60px;
    }
    header #barraRaiBtn.opened #barraRaiCloseIcon{
        width:60px;
        height:60px;
        margin:0px;
    }
    header #barraRaiBtn #barraRaiCloseIcon svg{
        margin: 15px;
        width: 30px;
    }
    header #barraRaiBtn:hover #barraRaiMenuIcon{
        width: 24px;
        margin: 0px;
        top: 20px;
        left: 18px;
    }
    header #barraRaiBtn:hover #barraRaiMenuIcon:after{
        background: #fefefe;
        box-shadow: 0 9px 0 #fefefe, 0 18px 0 #fefefe;
    }
}
@media screen and (min-width: 40em) {
}
@media screen and (min-width: 64em) {
}



/* VECCHIO RAI PLAY MAIN CSS */
@charset "UTF-8";

body {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 16px;
}
body.raiplay {
    background-color: #14232a;
}
body.raiplay.guidaTv {
    background-color: inherit;
}
:focus {
    outline: none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Open Sans";
}

.row.title h2 {
    font-weight: lighter;
}

.medium-uncollapse>.column, .medium-uncollapse>.columns {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}

.row .title {
    padding: 0 0rem 2.5rem 0;
}

.row .title a {
    color: #595959;
    font-size: .8rem;
}

.row .title h1, .row .title h2, .row .title h3, .row .title h4, .row .title h5,
    .row .title h6, .blocco.white .row .title h2 {
    color: #626c71;
}

#bannerRaiPlay {
    background: url(../img/back_banner_raiplay.png) no-repeat center right;
    height: 365px;
    background-size: cover;
    position: relative;
}

#bannerRaiPlay .container-banner {
    max-width: 80rem;
    margin: 0 auto;
}

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background-color: rgba(33, 47, 54, .6);
}

::-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,.2);
    border-radius: 10px;
}

.header-raiplay{
    padding:15px 0;
}

.raiplay .menu-icon{
    width: 28px;
    height: 24px;
}

.raiplay .menu-icon::after {
    background: #fefefe;
    box-shadow: 0 9px 0 #fefefe, 0 18px 0 #fefefe;
}

.raiplay .menu-icon:hover::after {
    background: #cacaca;
    box-shadow: 0 9px 0 #cacaca, 0 18px 0 #cacaca;
}



/*Search bar*/
#main-menu-raiplay .rightItemMenu>div {
    float: right;
}

.raiplay .container-2 input#search-barra {
    margin-left: 15px;
    background: transparent;
    margin-bottom: 0;
}

.raiplay #cerca-barra .container-2 .icon {
    margin-top: 2px;
    right: 30px;
}

.raiplay #cerca-barra .container-2 .icon img {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.raiplay #cerca-barra .container-2 input#search-barra:focus, .raiplay #cerca-barra .container-2 input#search-barra:active
    {
    width: 105px;
    padding-left: 12px;
    padding-right: 50px;
    border-bottom: 1px solid #00a1fc;
    border-radius: 0;
}

.raiplay #cerca-barra .container-2:hover input#search-barra {
    width: 105px;
    padding-left: 12px !important;
    padding-right: 50px;
}

/*Menu a comparsa*/
body.raiplay.menu-comparsa-push-toright .upToBody {
    display: block;
    background-color: #000000;
    width: 100%;
    height: 100%;
    opacity: .56;
    position: absolute;
    z-index: 9999;
}
body.raiplay.guidaTv.menu-comparsa-push-toright .upToBody {
    position: fixed;
    left: 350px;
    right: 0;
    top: 0;
    bottom: 0;
}
/* General styles for all menus */
.menu-comparsa {
    background: #212F36;
    position: fixed;
    overflow-y: auto;
}

.menu-comparsa h3 {
    color: #ffffff;
    font-size: 1.9em;
    padding: 23px;
    margin: 0;
    font-weight: 300;
    background: #00A0FA;
}

.menu-comparsa a {
    display: block;
    color: #fff;
    font-size: 1.1em;
    font-weight: 300;
}

.menu-comparsa a:hover {
    background: #258ecd;
}

.menu-comparsa a:active {
    background: #afdefa;
    color: #47a3da;
}

.menu-comparsa-left::-webkit-scrollbar-track {
    background-color: rgba(255,255,255,.1);
}

/* Orientation-dependent styles for the content of the menu */

.raiplay .menu-comparsa-vertical {
    width: 350px;
    height: 100%;
    top: 0;
    z-index: 1000;
}

.raiplay .menu-comparsa-vertical a {
    padding: 13px 0px;
    margin: 0 40px;
    border-bottom: 2px solid #25333b;
}

.raiplay .menu-comparsa-vertical a:before{
    width: 26px;
    height: 26px;
    margin-right: 1rem;
    vertical-align: -30%;
    display: inline-block;
    opacity: .6;
}

.raiplay .menu-comparsa-vertical a:first-child{
    margin-top:45px;
}

.raiplay .menu-comparsa-vertical a.Home:before{
    content: url(https://www.rai.it/resizegd/26X26/dl/components/img/euro2016/home.png);
}

.raiplay .menu-comparsa-vertical a.Guida.TV:before{
    content: url(https://www.rai.it/resizegd/26x26/dl/img/2016/06/10/1465551560724_icon_guida.png);
}

.raiplay .menu-comparsa-vertical a.Dirette:before{
    content: url(https://www.rai.it/resizegd/26x26/dl/img/2016/06/10/1465549191335_icon_live.png);
}

.raiplay .menu-comparsa-vertical a.Programmi:before{
    content: url(https://www.rai.it/resizegd/26x26/dl/img/2016/06/10/1465550368797_icon_program.png);
}

.raiplay .menu-comparsa-vertical a.Serie.e.Fiction:before{
    content: url(https://www.rai.it/resizegd/26x26/dl/img/2016/06/10/1465550398128_icon_fiction.png);
}

.raiplay .menu-comparsa-vertical a.Tutorial:before{
    content: url(https://www.rai.it/resizegd/26x26/dl/img/2016/06/10/1465550411403_icon_tutorial.png);
}

.raiplay .menu-comparsa-vertical a.Privacy.Policy:before{
    content: url(https://www.rai.it/resizegd/26x26/dl/img/2016/06/10/1465550420547_icon_privacy.png);
}

.raiplay .menu-comparsa-vertical a.Accedi.Registrati:before{
    content: url(https://www.rai.it/resizegd/26x26/dl/img/2016/06/10/1465550437394_icon_accedi.png);
}

.raiplay .menu-comparsa-vertical a.Ultimi.visti:before{
    content: url(https://www.rai.it/resizegd/26x26/dl/img/2016/06/10/1465550453092_icon_ultimi_visti.png);
}

.menu-comparsa-horizontal {
    width: 100%;
    height: 150px;
    left: 0;
    z-index: 1000;
    overflow: hidden;
}

.menu-comparsa-horizontal h3 {
    height: 100%;
    width: 20%;
    float: left;
}

.menu-comparsa-horizontal a {
    float: left;
    width: 20%;
    padding: 0.8em;
    border-left: 1px solid #258ecd;
}
/* Vertical menu that slides from the left or right */

.menu-comparsa-left {
    left: -350px;
}

.menu-comparsa-right {
    right: -350px;
}

.menu-comparsa-left.menu-comparsa-open {
    left: 0px;
}

.menu-comparsa-right.menu-comparsa-open {
    right: 0px;
}
/* Push classes applied to the body */

.menu-comparsa-push {
    overflow-x: hidden;
    position: relative;
    left: 0;
}

.menu-comparsa-push-toright {
    left: 350px;
}

.menu-comparsa-push-toleft {
    left: -350px;
}

/* Transitions */

.menu-comparsa,
.menu-comparsa-push {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/*Divisore Menu*/
.menu-comparsa .divisory {
    display: block;
    height: 20px;
    background: #1C272D;
    border-bottom: 1px solid #00A0FA;
}
/* Menu media queries */

@media screen and (max-width: 55.1875em){

    .menu-comparsa-horizontal {
        font-size: 75%;
        height: 110px;
    }

    .menu-comparsa-top {
        top: -110px;
    }

    .menu-comparsa-bottom {
        bottom: -110px;
    }

}
@media only screen and (max-width: 40em){
    .top-bar .logo {
        display: block !important;
    }
}
@media screen and (max-height: 26.375em){

    .menu-comparsa-vertical {
        font-size: 90%;
        width: 350px;
    }

    .menu-comparsa-left,
    .menu-comparsa-push-toleft {
        left: -350px;
    }

    .menu-comparsa-right {
        right: -350px;
    }

    .menu-comparsa-push-toright {
        left: 350px;
    }
}
/*Fine Menu a comparsa*/
.row a.register {
    background-color: transparent;
    border: 1px solid #fff;
    position: absolute;
    top: 9rem;
    left: 3rem;
}

.blocco {
    padding: 2rem 0;
}
.blocco .linkBlocco{
    margin: 5px;
    position: absolute;
    right: 10px;
    bottom: 25px;
}
.no-padding {
    padding: 0;
}

.blocco.dark {
    background-color: #14232a;
}

.blocco.darklight {
    background-color: #202e36;
}

.raiplay.home .blocco.dark:first-of-type {
    padding: 5rem 0 2rem;
}

.raiplay.home .blocco.darklight {
    padding: 3.875rem 0 2.5rem;
}

.raiplay.home .blocco.darklight+.blocco.dark {
    padding: 5.125rem 0 2rem;
}

.raiplay.home .blocco.darklight+.blocco.dark+.blocco.dark {
    padding: 2rem 0 3.125rem;
}

.raiplay.home .blocco.dark+.blocco.dark+.blocco.dark+.blocco.dark {
    padding: 2rem 0 5rem;
}

.blocco.dark .title h1, .blocco.dark .title h2, .blocco.dark .title h3,
    .blocco.dark .title h4, .blocco.dark .title h5, .blocco.dark .title h6,
    .blocco.darklight .title h1, .blocco.darklight .title h2, .blocco.darklight .title h3,
    .blocco.darklight .title h4, .blocco.darklight .title h5, .blocco.darklight .title h6
    {
    color: #f5f5f5;
}

.blocco.dark .title a, .blocco.darklight .title a {
    color: #f5f5f5;
    font-size: .8rem;
}

.blocco.dark .title h5, .blocco.darklight .title h5 {
    font-weight: 600;
}

.raiplay .title.row.align-middle.with-link {
    position: relative;
}

.raiplay .columns.with-link a {
    position: absolute;
    bottom: 1.875rem;
    right: 8.75rem;
}

.no-padding-bottom {
    padding-bottom: 0;
}

.blocco-tabs {
    background-color: #eeeeee;
}


.blocco.content-tab {
    padding: 4rem 0 4rem;
}

.blocco.grey {
    background-color: #f0f0f0;
}

.blocco.grey .title h1, .blocco.grey .title h2, .blocco.grey .title h3,
    .blocco.grey .title h4, .blocco.grey .title h5, .blocco.grey .title h6
    {
    color: #595959;
}

.blocco.grey .title a {
    color: #595959;
    font-size: .8rem;
    /* color:#FFF; */
}

.blocco.grey .title a:hover {
    color: #FFF;
    font-size: .8rem;
}

.blocco.grey .title h5 {
    font-weight: 600;
}

.blocco.white {
    background-color: #fff;
    margin-bottom:20px;
}

.blocco.greyDark {
    background-color: #626c71;
}

.blocco.greyDark h3 {
    color: #fff;
}
@media screen and (min-width: 40em) {
    .row.fasciaItem .text.two-col { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; }
    .row.fasciaItem .text.three-col { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; }
    .row.fasciaItem .text.four-col { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; }
}
.mainTitleCont.text-center {
    color: #fff;
    padding: 2.188rem 0;
    background-color: #27343b;
}

.mainTitleCont.text-center > h1 {
    margin: 0;
    font-size: 3.125rem;
    font-weight: 100;
}

.tipologiaItem a {
    position: relative;
    display: block;
}

.tipologiaItem .img{
    position:relative;
}

.tipologiaItem .img:before{
    content: "";
    display: block;
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(24,56,88,0) 59%, rgba(20,35,42,0.8) 100%);
    background: -webkit-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(24,56,88,0) 59%,rgba(20,35,42,0.8) 100%);
    background: linear-gradient(to bottom, rgba(30,87,153,0) 0%,rgba(24,56,88,0) 59%,rgba(20,35,42,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#cc14232a',GradientType=0 );
}

.tipologiaItem .info {
    position: absolute;
    z-index: 9;
    width: calc(100% - 3.125rem);
    bottom: 0;
    left: 3.125rem;
}

.tipologiaItem .info .itemTitle {
    color: #fff;
    font-size: 2.438rem;
    line-height: 2.438rem;
    font-weight: 100;
    margin-bottom: 0;
    /*temp*/
    margin-bottom: 2.5rem;
}

.tipologiaItem .info .itemSubTitle {
    color: #969d9f;
    font-size: 2.125rem;
    /*temp*/
    display: none;
}

.row .circle img {
    position: absolute;
    z-index: 999;
    border: 15px solid transparent;
    border-radius: 1000px;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    top: 0px;
    position: relative;
    background: transparent;
    overflow: hidden;
    text-align: center;
}

.row .circle .circleTitle {
    font-size: 1.3rem;
    color: #4b4b4b;
    font-weight: bolder;
    margin: .4rem 0;
    line-height: 1.2;
}

.row .circle p {
    font-size: 0.875rem;
}

.slick-row {
    background: transparent;
}

.slick-row .row {
    opacity: 0;
    position: absolute;
}
.rai-it .slick-row{
    opacity:0;
}

.slick-row.slick-initialized {
    background: none;
}

.slick-row.slick-initialized .row, .rai-it .slick-row.slick-initialized{
    opacity: 1;
    position: relative;
    transition: opacity 1s ease-in;
}

.raiplay .slick-row, .guidaTv .slick-row{
    opacity: 0;
}

.raiplay .slick-row.slick-initialized, .guidaTv .slick-row.slick-initialized{
    opacity:1;
    transition: opacity 1s ease-in;
}

.slick-row.slick-initialized .row {
    -webkit-animation: fadein 1s;
    -moz-animation: fadein 1s;
    -ms-animation: fadein 1s;
    -o-animation: fadein 1s;
    animation: fadein 1s;
}

@keyframes fadein {
    from { opacity:0;}
    to {opacity: 1;}
}
.slick-prev, .slick-next {
    z-index: 998;
    top: 50%;
    width:40px;
    display: none;
}

.slick-prev:before, .slick-next:before {
    content: url(http://rai.it/dl/componentss/img/arrow_dx.png);
    width: 40px;
    height: 40px;
    background-color: #cbced0;
    display: block;
    font-size: 40px;
}

.slick-prev:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.blocco.dark .slick-prev:before, .blocco.dark .slick-next:before,
    .blocco.darklight .slick-prev:before, .blocco.darklight .slick-next:before
    {
    content: url(http://rai.it/dl/componentss/img/arrow_dx_dark.png);
    background-color: #626c71;
}

.blocco .slick-prev:before, .blocco .slick-next:before {
    content: url(http://rai.it/dl/componentss/img/arrow_dx.png);
}

.rai-it .blocco.grey .slick-prev:before, .rai-it .blocco.grey .slick-next:before{
    background-color: #979da0;
    content: url(http://rai.it/dl/componentss/img/arrow_dx.png);
}

.row .row {
    margin-left: calc(-0.625rem + 40px);
    margin-right: calc(-0.625rem + 40px);
}

.slick-row .row {
    margin: 0;
}

.slick-row .pubDate {
    position: absolute;
    top: 1rem;
    left: 1rem;
    color: #fff;
    font-size: .8rem;
    z-index: 99;
}

.slick-row .pubDate:before {
    content: url('http://rai.it/dl/componentss/img/ico-hour.png');
    padding-right: .3rem;
    display: block;
    float: left;
    margin-top: 0.3rem;
}

.slick-row a {
    display: block;
    position: relative;
    width: 100%;
    color: #7c8589;
}

.slick-row .slick-large-2 .label {
    margin-left: 1rem;
    text-transform: uppercase;
}

.slick-row .slick-large-2 .description {
    display: none;
}

.slick-large-2 .img:before, .slick-large-4 .img:before {
    content: "";
    /*background: url('http://rai.it/dl/componentss/img/shadow.png');*/
    background: -moz-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(24,56,88,0) 59%, rgba(20,35,42,0.8) 100%);
    background: -webkit-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(24,56,88,0) 59%,rgba(20,35,42,0.8) 100%);
    background: linear-gradient(to bottom, rgba(30,87,153,0) 0%,rgba(24,56,88,0) 59%,rgba(20,35,42,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#cc14232a',GradientType=0 );
    background-size: cover;
    position: absolute;
    height: 100%;
    width: 100%;
}

.slick-large-2 .img, .slick-large-4 .img {
    position: relative;
}

.slick-row .slick-large-2 img {
    height: 100%;
}

.slick-row .slick-large-2 .titolo {
    position: relative;
    padding: .5rem 1rem 1rem;
    color: #fff;
    font-weight: 100;
}

.slick-row .slick-large-2 .info {
    position: absolute;
    bottom: 0;
}

.slick-row .slick-large-3 a {
    float: left;
}

.slick-row .slick-large-3 .label {
    position: absolute;
    top: 45%;
    left: 1rem;
    text-transform: uppercase;
}

.slick-row .slick-large-3 .description {
    display: block;
    color: #4b4b4b;
    padding-left: 1.25rem;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2.125rem;
}

.slick-row .slick-large-3 .testo {
    color: #4b4b4b;
    padding: 1.25rem 0 0 1.25rem;
    padding-right: 1.25rem;
    font-weight: 300;
    font-size: .9375rem;
}

.slick-row .slick-large-3 .img {
    height: 100%;
    width: 75%;
    float: left;
}

.slick-row .slick-large-3 .titolo {
    position: absolute;
    top: 50%;
    left: 1rem;
    color: #fff;
    font-weight: 900;
    font-size: 3rem;
    width: calc(75% - 1rem);
}

.slick-row .slick-large-3 .info {
    height: 100%;
    width: 25%;
    float: left;
}

.slick-row .slick-large-4 .label {
    margin-left: 1rem;
    text-transform: uppercase;
}

.slick-row .slick-large-4 .description {
    padding: .5rem 1rem 1rem;
    color: #fff;
    font-size: 0.9375rem;
    width: 80%;
}

.slick-row .slick-large-4 img {
    height: 100%;
}

.slick-row .slick-large-4 .titolo {
    padding: .5rem 1rem 1rem;
    color: #fff;
    font-size: 2.5rem;
    width: 80%;
    font-weight: 900;
}

.slick-row .slick-large-4 .info {
    position: absolute;
    bottom: 0;
}

.slick-row .slick-large-1 .img {
    position: relative;
}

.slick-row .slick-large-1 .img:before {
    content: "";
    background: url('http://rai.it/dl/componentss/img/shadow-up.png');
    background-size: cover;
    display: block;
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 100%;
}
.raiplay .slick-row .slick-large-1 .img:before, .guidaTv .slick-row .slick-large-1 .img:before{
    background: -moz-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(24,56,88,0) 59%, rgba(20,35,42,0.8) 100%);
    background: -webkit-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(24,56,88,0) 59%,rgba(20,35,42,0.8) 100%);
    background: linear-gradient(to bottom, rgba(30,87,153,0) 0%,rgba(24,56,88,0) 59%,rgba(20,35,42,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#cc14232a',GradientType=0 );
}
.row .video .img:after {
    content: '';
    background: url(http://rai.it/dl/componentss/img/ico-play.png);
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    z-index: 99;
    width: 7rem;
    height: 3rem;
    top: calc(49% - 1.5rem);
    left: calc(50% - 3.8rem);
    background-position-x: 32px;
}

.row .foto .img:after {
    content: url('http://rai.it/dl/componentss/img/ico-foto.png');
    display: block;
    position: absolute;
    z-index: 99;
    width: 3rem;
    height: 3rem;
    top: calc(50% - 1.5rem);
    left: calc(50% - 1.5rem);
}

.slick-row.palinsesto .slick-large-1 .img:before {
    content: "";
    background: url('http://rai.it/dl/componentss/img/shadow-corner.png');
    background-size: cover;
}
.raiplay.canale .brandcolor img {
    width: 100%;
}
.slick-row .slick-large-1 .info {
    position: relative;
}

.slick-row .titolo, .slick-row .label {
    font-weight: bolder;
    line-height: 1.2;
}

.label {
    border-radius: 0;
    font-size: .6rem;
    line-height: 0.7;
}

.label-invisible {
    height: 1rem;
    width: 1px;
}

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
    display: none;
}

.slick-row .slick-large-1 .info {
    margin-top: -1rem;
}

.slick-row .label {
    text-transform: uppercase;
    background-color: #7c8589;
    position: relative;
    z-index: 9999;
    /* margin-bottom: 10px; */
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.slick-row .slick-large-1 .titolo {
    color: #4b4b4b;
    margin: 2rem 0 1rem;
}

.raiplay .blocco.white .slick-row .slick-large-1 .titolo {
    color: #4b4b4b;
    margin: .4rem 0;
    font-weight: bolder;
}

.raiplay.canale .blocco.white .slick-row .slick-large-1 .titolo {
    color: #fff;
    font-weight: 100;
}

.raiplay.canale .brandcolor a {
    color: #fff;
}

.raiplay .blocco.white .slick-row .slick-large-1 .description {
    color: #7c8589;
    font-size: .8rem;
}

.raiplay.canale .blocco.white .slick-row .slick-large-1 .description {
    color: #ffffff;
}

.slick-row .slick-large-1 .description {
    color: #7c8589;
    font-size: .8rem;
    font-weight: 500;
    max-height: 6.25rem;
    overflow-y: hidden;
}

.slick-row .slick-dots {
    position: absolute;
    top: -45px;
    right: calc(1rem - 10px);
    width: auto;
}

.slick-row .slick-dots li.slick-active button:before, .raiplay .blocco .slick-row .slick-dots li.slick-active button:before, .raiPlayVideoFoto .slick-dots li.slick-active button:before {
    opacity: 1;
    content: " ";
    border-radius: 100%;
    background: transparent;
    margin-top: -2px;
    border:2px solid;
}
.slick-row .slick-dots li.slick-active button:before{
    border-color: #505B60;
}
.raiplay .blocco .slick-row .slick-dots li.slick-active button:before, .guidaTv .blocco .slick-row .slick-dots li.slick-active button:before, .raiPlayVideoFoto .slick-dots li.slick-active button:before{
    border-color: #00A0FA;
}
.raiplay .blocco .slick-row .slick-dots.purple li.slick-active button:before{
     color: #FFFFFF;
    border: 2px solid #AB1678;
    border-radius: 100%;
    width: 10px;
    height: 10px;
    margin-top: 6px;
    content: ""!important;
}
.slick-row .slick-dots li.slick-active button:before, .raiPlayVideoFoto .slick-dots li.slick-active button:before{
    width: 10px;
    height: 10px;
    content: url("RaiPlay/images/current_page.png");
    opacity: .75;
}
.slick-row.palinsesto .slick-dots li.slick-active button:before {
    content: url("/dl/components/img/current_page_white.png");
}

.slick-row .slick-dots li button:before, .raiPlayVideoFoto .slick-dots li button:before{
    width: 6px;
    height: 6px;
    content: " ";
    background-color: #C0C0C0;
    border-radius: 100%;
}

.slick-row.slick-initialized .slick-slide {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.tabs-content {
    background: transparent;
    border: 0;
    /* padding-bottom: 3rem; */
}

.tabs {
    display: flex;
    background: transparent;
    border-radius: .5rem;
    border: 1px solid #626c71;
    margin: 0 2rem;
}

.tabs-title {
    text-align: center;
    border-radius: .5rem;
}

.tabs-panel {
    padding: 0;
}

.fasciaTabs{
    margin-bottom:1.5rem;
}

.fasciaTabs li{
    overflow:hidden;
    border-radius: 0;
   border-right: 1px solid #626C71;
}
.fasciaTabs .tabs-title:last-child {
    border-right: 0;
}

.fasciaTabs li a{
    text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   color:#ffffff;
}

.lineCont{
    margin-bottom: 2rem;
}

.tabs-title>a {
    padding: .8rem 1rem;
}

.tabs-title>a:focus, .tabs-title>a[aria-selected='true'] {
    background: #626c71;
}

.guidaTv .tabs-title>a:focus, .tabs-title>a[aria-selected='true'] {
    background: #00A0FA;
    color: #fff;
}

.tabs-title:first-child>a {
    border-radius: .4rem 0 0 .4rem;
}

.tabs-title:last-child>a {
    border-radius: 0 .4rem .4rem 0;
}

.tabs-title>a:hover {
    background: #626c71;
    color: #FFF;
}

.row .grey .tabs-title>a:hover {
    background: #979da0;
    color: #FFF;
}

.slick-row.palinsesto .slick-large-1 .info {
    margin: 0;
    position: relative;
}

.loghetto {
    position: absolute;
    top: -65px;
    width: 50px;
    height: 42px;
    padding: 11px 7px 11px 6px;
    z-index: 99;
}

.loghetto img {
    width: 37px;
}

.loghetto svg {
    fill: #FFF;
}

.rai1 .loghetto {
    background: #0060a9;
}

.rai2 .loghetto {
    background: #fb0a13;
}

.rai3 .loghetto {
    background: #22a310;
}

.rai4 .loghetto {
    background: #ab1678;
}

.durata {
    position: absolute;
    top: -40px;
    color: #fff;
    left: 6px;
    font-size: .9rem;
    font-weight: 600;
    z-index: 99;
    /* text-transform: capitalize; */
}

.loghetto+.durata {
    top: -24px;
    left: 2px;
}

.slick-row.palinsesto .slick-large-1 .titolo {
    font-size: 1rem;
    color: #fff;
    margin: .8rem 0 0;
    font-weight: 600;
}

.guidaTv .slick-large-1 .titolo {
    max-height: 40px;
    overflow: hidden;
}

.slick-row.palinsesto .slick-large-1 .description, .slick-row.palinsesto .slick-large-1 .time,
    .slick-row.palinsesto .slick-large-1 .next, .slick-row.palinsesto .slick-large-1 .next-time
    {
    font-size: .8125rem;
    color: #7c8589;
}
.slick-row.palinsesto .slick-large-1[id$="Rai1"] .next {
    color: #00549C;
}
.slick-row.palinsesto .slick-large-1[id$="Rai1"] .loghetto {
    background: #00549C;
}
.slick-row.palinsesto .slick-large-1[id$="Rai2"] .next {
    color: #FE0002;
}
.slick-row.palinsesto .slick-large-1[id$="Rai2"] .loghetto {
    background: #FE0002;
}
.slick-row.palinsesto .slick-large-1[id$="Rai3"] .next {
    color: #009E1D;
}
.slick-row.palinsesto .slick-large-1[id$="Rai3"] .loghetto {
    background: #009E1D;
}
.slick-row.palinsesto .slick-large-1[id$="Rai4"] .next {
    color: #CC00FF;
}
.slick-row.palinsesto .slick-large-1[id$="Rai4"] .loghetto {
    background: #CC00FF;
}
.slick-row.palinsesto .slick-large-1[id$="Rai5"] .next {
    color: #2A3484;
}
.slick-row.palinsesto .slick-large-1[id$="Rai5"] .loghetto {
    background: #2A3484;
}
.slick-row.palinsesto .slick-large-1[id$="RaiMovie"] .next {
    color: #990000;
}
.slick-row.palinsesto .slick-large-1[id$="RaiMovie"] .loghetto {
    background: #990000;
}
.slick-row.palinsesto .slick-large-1[id$="RaiNews24"] .next {
    color: #CD0000;
}
.slick-row.palinsesto .slick-large-1[id$="RaiNews24"] .loghetto {
    background: #CD0000;
}
.slick-row.palinsesto .slick-large-1[id$="RaiStoria"] .next {
    color: #CCCC00;
}
.slick-row.palinsesto .slick-large-1[id$="RaiStoria"] .loghetto {
    background: #CCCC00;
}
.slick-row.palinsesto .slick-large-1[id$="RaiScuola"] .next {
    color: #767C87;
}
.slick-row.palinsesto .slick-large-1[id$="RaiScuola"] .loghetto {
    background: #767C87;
}
.next-titolo {
    font-size: .875rem;
    color: #fff;
}

.blocco.white .next-titolo {
    color: #7c8589;
}

.slick-row.palinsesto .slick-large-1 .next {
    margin-top: 1rem;
    font-weight: 800;
}

.progresso {
    height: 4px;
    margin-top: -4px;
    max-width: 100%;
}

.rai1 .progresso {
    background: #0060a9;
}

.rai2 .progresso {
    background: #fb0a13;
}

.rai3 .progresso {
    background: #22a310;
}

.rai4 .progresso {
    background: #ab1678;
}


.slick-programmi-online.programmi a, .slick-programmi-online.programmi p,
.slick-programmi-offline.programmi a, .slick-programmi-offline.programmi p{
    display: block;
    font-size: 0.875rem;
    color: #595959;
    line-height: 1.875rem;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 240px;
    white-space: nowrap;
}

.slick-programmi-online.programmi p, .slick-programmi-offline.programmi p{
    font-weight: bolder;
}

.slick-programmi-online.programmi .slide,
    .slick-programmi-offline.programmi .slide {
    margin-left: 1.875rem;
}

.slick-programmi-offline, #tv-programmi-offline,
    #radio-programmi-offline {
    display: none;
}

.lettera_programma button {
    margin-right: 0.8rem;
    width: 1.6rem;
    height: 1.6rem;
    position: relative;
}

.lettera_programma button {
    margin-right: 0.8rem;
    width: 1.6rem;
    height: 1.6rem;
    position: relative;
}

.lettera_programma button.select {
    background-color: #979da0;
    -webkit-border-radius: 1.25rem;
    -moz-border-radius: 1.25rem;
    border-radius: 1.25rem;
    color: #FFF;
}

.lettera_programma button span {
    position: absolute;
    top: -30px;
    font-size: 0.7rem;
    color: #595959;
    width: 2rem;
    height: 1.3rem;
    background-color: #ddd;
    line-height: 1.3rem;
    border-radius: 0.5rem;
    left: -3px;
    display: none;
}

.lettera_programma button span:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 3px 0 3px;
    border-color: #dddddd transparent transparent transparent;
    display: block;
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -3px;
}

.lettera_programma button.select span {
    display: block;
    font-size: 0.8125rem;
    font-weight: bolder;
}

.lettera_programma button[disabled] {
    color: #cbced0;
}

.blocco.listaProgrammi .switch input, #bannerSinistra .switch input, #panel-tv-programmi .switch input, #panel-radio-programmi .switch input .switch input{
    width: 3.25rem;
    height: 2rem;
    margin: 0;
    z-index: 10;
}

.blocco.listaProgrammi .switch input+.switch-paddle, #bannerSinistra .switch input+.switch-paddle, #panel-tv-programmi .switch input+.switch-paddle, #panel-radio-programmi .switch input+.switch-paddle{
    float: left;
    border-radius: 1rem;
    height: 1.125rem;
    width: 3.25rem;
    margin: 0.1875rem 1rem 0.1875rem 0;
}

.blocco.listaProgrammi .switch input+.switch-paddle:after, #bannerSinistra .switch input+.switch-paddle:after, #panel-tv-programmi .switch input+.switch-paddle:after, #panel-radio-programmi .switch input+.switch-paddle:after{
    border-radius: 1rem;
    top: .125rem;
    left: .125rem;
    height: .9rem;
    width: .9rem;
}

.blocco.listaProgrammi .switch input+.switch-paddle .show-for-off, #bannerSinistra .switch input+.switch-paddle .show-for-off, #panel-tv-programmi .switch input+.switch-paddle .show-for-off, #panel-radio-programmi .switch input+.switch-paddle .show-for-off{
    display: inline;
    position: absolute;
    left: 1.225rem;
    bottom: -.1875rem;
}

.blocco.listaProgrammi .switch input+.switch-paddle .show-for-on, #bannerSinistra .switch input+.switch-paddle .show-for-on, #panel-tv-programmi .switch input+.switch-paddle .show-for-on, #panel-radio-programmi .switch input+.switch-paddle .show-for-on{
    display: none;
}

.blocco.listaProgrammi .switch input:checked+.switch-paddle {
    background-color: #979da0;
}

.blocco.listaProgrammi .switch input:checked+.switch-paddle .show-for-off, #bannerSinistra .switch input:checked+.switch-paddle .show-for-off, #panel-tv-programmi .switch input:checked+.switch-paddle .show-for-off, #panel-radio-programmi .switch input:checked+.switch-paddle .show-for-off{
    display: none;
}

.blocco.listaProgrammi .switch input:checked+.switch-paddle .show-for-on, #bannerSinistra .switch input:checked+.switch-paddle .show-for-on, #panel-tv-programmi .switch input:checked+.switch-paddle .show-for-on, #panel-radio-programmi .switch input:checked+.switch-paddle .show-for-on{
    display: inline;
    position: absolute;
    left: 0.625rem;
    bottom: -.1875rem;
}

.blocco.listaProgrammi .switch input:checked+.switch-paddle:after, #bannerSinistra .switch input:checked+.switch-paddle:after, #panel-tv-programmi .switch input:checked+.switch-paddle:after, #panel-radio-programmi .switch input:checked+.switch-paddle:after{
    left: 2.25rem;
}

.blocco.listaProgrammi .switch div, #bannerSinistra .switch div, #panel-tv-programmi .switch input:checked+.switch-paddle:after, #panel-radio-programmi .switch input:checked+.switch-paddle:after{
    font-size: 0.875rem;
    color: #595959;
    line-height: 1.875rem;
}

.blocco.listaProgrammi .switch div span {
    position: absolute;
   padding: 0 0.35rem;
   font-size: 0.7rem;
   color: #595959;
   height: 1.3rem;
   background-color: #ddd;
   line-height: 1.4rem;
   top: 0.3rem;
   margin-left: 0.3rem;
   border-radius: 0.5rem;
}
.searchAZCont {
    margin-bottom: 40px;
}

.searchAZCont:before {
    content: "";
    float: right;
    width: 70px;
    height: 40px;
    background-image: url("/dl/components/img/search_button_grey.png");
    background-repeat: no-repeat;
    background-position: center;
    background-color: #28353c;
    background-size: 18px;
    border-radius: 0 5px 5px 0;
}

.blocco.grey .searchAZCont:before {
    background-color: #979DA0;
    background-image: url("/dl/components/img/search_button.png");
}

input.searchAZ {
    display: block;
    padding: 12px;
    width: calc(100% - 70px);
    height: 40px;
    border: none;
    background: #616d74;
    border-radius: 5px 0 0 5px;
    font-size: 0.8rem;
    color: #ffffff;
}

.searchColumn.radio{
    display:none;
}

input.searchAZ:focus {
    box-shadow: 0 0 6px 0 #979DA0 inset;
}

.blocco.grey input.searchAZ {
    background: #ffffff;
    color: #979DA0;
}

.blocco.grey input.searchAZ:focus {
    box-shadow: 0 0 5px 0px inset;
}

#Rai4 .ui-menu .ui-state-focus, .ui-menu .ui-state-active {
    background: #AB1678;
}

.raiplay #focus, .raiplay .slick-row .articolo, .guidaTv .slick-row .articolo{
    position: relative;
}

.raiplay #focus .slick-slide {
    margin: 0 10px;
    position: relative;
}

.raiplay #focus .info{
    position: absolute;
    bottom: 0;
    margin: 0;
    width: 100%;
    padding: 20px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#14232a+1,14232a+100&0+0,0.75+48,0.9+75 */
background: -moz-linear-gradient(top,  rgba(20,35,42,0) 0%, rgba(20,35,42,0.02) 1%, rgba(20,35,42,0.75) 48%, rgba(20,35,42,0.9) 75%, rgba(20,35,42,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(20,35,42,0) 0%,rgba(20,35,42,0.02) 1%,rgba(20,35,42,0.75) 48%,rgba(20,35,42,0.9) 75%,rgba(20,35,42,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(20,35,42,0) 0%,rgba(20,35,42,0.02) 1%,rgba(20,35,42,0.75) 48%,rgba(20,35,42,0.9) 75%,rgba(20,35,42,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0014232a', endColorstr='#e614232a',GradientType=0 ); /* IE6-9 */

}

.raiplay .slick-row .articolo .info, .guidaTv .slick-row .articolo .info{
    position: absolute;
    bottom: 0.6875rem;
    margin-left: 0.6875rem;
    z-index: 9;


}

.raiplay #focus .titolo{
    color: #ffffff;
    font-size: 1.75rem;
    line-height: 2rem;
    margin-bottom: 0.6rem;
}

.raiplay .slick-row .articolo .info .label, .guidaTv .slick-row .articolo .info .label{
    display:none;
}

.raiplay .slick-row .articolo .info .titolo, .guidaTv .slick-row .articolo .info .titolo{
    color: #ffffff;
    font-size: 1rem;
    font-weight: 400;
    margin: 0.3125rem 0;
}

.raiplay #focus .description, .raiplay .slick-row .articolo .info .description, .guidaTv .slick-row .articolo .info .description {
   color: rgba(255,255,255,.75);
   font-weight: 100;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2; /* number of lines to show */
   line-height: 1.2rem;        /* fallback */
   max-height: 48px;       /* fallback */
   font-size: .9rem;
}

/*autocomplete*/
            .ui-menu.ui-autocomplete {
                list-style: none;
                padding: 0;
                margin: 0;
                display: block;
                outline: none;
                width: 144px;
                background: #fff;
                max-height: 200px;
                overflow-y: auto;
                overflow-x: hidden;
                z-index: 13;
                -webkit-box-shadow: 2px 2px 0 rgba(115,115,115,0.2);
                -moz-box-shadow: 2px 2px 0 rgba(115,115,115,0.2);
                -ms-box-shadow: 2px 2px 0 rgba(115,115,115,0.2);
                box-shadow: 2px 2px 0 rgba(115,115,115,0.2)
            }

            .ui-menu .ui-menu {
                position: absolute;

            }

            .ui-menu .ui-menu-item {
                position: relative;
                margin: 0;
                padding: 6px 8px;
                cursor: pointer;
                min-height: 0;
            }

            .ui-menu .ui-menu-divider {
                margin: 5px 0;
                height: 0;
                font-size: 0;
                line-height: 0;
                border-width: 1px 0 0 0
            }

            .ui-menu .ui-state-focus,.ui-menu .ui-state-active {
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
                color: #fff
            }
/*fine autocolplete*/
.grey .tabs {
    border: 1px solid #979da0;
}

.grey .tabs-title>a[aria-selected='true'] {
    background: #979da0;
    color: #FFF;
}

#bannerRaiPlay .title {
    color: #FFF;
    font-size: 2.5rem;
    padding-left: 3rem;
}

#bannerRaiPlay .content {
    color: #FFF;
    padding-left: 3rem;
    position: relative;
}

.row #bannerRaiPlay {
    padding-left: 4rem;
}

.row.nolimits, .prefooter {
    max-width: 100%;
}

.bannerTvRadio {
    padding: 0 !important;
    position: relative;
    background-position: right top;
    background-size: cover;
}

.bannerTvRadio.tv {
    background-image: url(http://rai.it/dl/componentss/img/bannertvradio-tv.jpg);
}

.bannerTvRadio.radio {
    background-image: url(http://rai.it/dl/componentss/img/bannertvradio-radio.jpg);
}

.bannerTvRadio .shadow {
    width: 100%;
    display: block;
}

.bannerTvRadio .lifebelt {
    position: absolute;
    height: 100%;
    width: 100%;
}

.bannerTvRadio.tv .lifebelt {
    right: 0;
}

.bannerTvRadio.radio .lifebelt {
    left: 0;
}

.bannerTvRadio .lifebelt .entry {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 2.5em 0 2.5em 3.125em;
    font-weight: 300;
    color: #fff;
}

.bannerTvRadio .lifebelt .entry .title {
    padding: 1rem 0;
    font-size: 1.875rem;
    line-height: 1.875rem;
}

.bannerTvRadio .lifebelt .entry .p {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.bannerTvRadio .lifebelt .entry .action .button {
    background: transparent;
    border-radius: 0.3125rem;
    border: 1px solid #fff;
    font-size: 0.875rem;
    font-weight: 400;
    margin: 0 0.625rem 0 0;
}

.bannerTvRadio.tv .lifebelt .entry .action .button.colorized {
    background: #00a0fa;
    border-color: #00a0fa;
}

.bannerTvRadio.radio .lifebelt .entry .action .button.colorized {
    background: #00d2b9;
    border-color: #00d2b9;
}
/* IUBENDA */

.iubenda-cs-rationale {
    background: #49545a;
    color: #FFF;
    text-align: center;
    padding: 1.250rem;
    font-size: 0.875rem;
    line-height: 1.563rem;
}

.iubenda-cs-close-btn {
    text-indent: -9999px;
    background: url(http://rai.it/dl/componentss/img/ico-chiudi.svg) no-repeat;
    white-space: nowrap;
    width: 2.5rem;
    height: 2.5rem;
    position: absolute;
    right: 0.625rem;
    top:  -4.437rem;
}

.iubenda-cs-content {
    /* margin: -80px 0 80px 0; */
    margin-top: 4.5rem;
}

.row.menu {
    border-top: 1px solid #e4e8ea;
    font-size: 0.875rem;
    padding: 1.25rem 0;
}

.row.menu a {
    color: #7c8589;
}

.row .circle .panel img {
    width: 140px;
    height: 140px;
}

.darklight .slick-row .slick-large-1 .titolo, .dark .slick-row .slick-large-1 .titolo {
    font-size: 1rem;
    color: #fff;
    font-weight: 600;
    margin-top: 1rem;
}

.darklight .slick-row .slick-large-1 .description, .dark .slick-row .slick-large-1 .description {
    font-size: .8125rem;
    color: #7c8589;
}

.darklight .row .info .time {
    font-size: .8125rem;
    color: #7c8589;
}

.darklight .slick-row .slick-large-1 .info {
    margin: 0;
    display: block;
    width: 100%;
    padding: 0 0.6875rem;
}

.darklight .slick-row .slick-large-1 .info .titolo {
    font-size:1.5rem;
    margin:0;
}

.darklight .slick-row .slick-dots li.slick-active button:before {
    content: url("/dl/components/img/current_page_white.png");
}

.guidaTv .darklight .slick-row .slick-dots li.slick-active button:before {
    content:"";
}

.guidaTv #nielsen, .raiPlayVideoFoto #nielsen{
    display:none;
}
.row .circle p {
    font-size: 0.875rem;
    color: #7c8589;
}

.blocco .tabs-title>a:focus, .blocco .tabs-title>a[aria-selected='true'] {
    background: #979da0;
    color: #FFF !important;
}

.blocco .tabs {
    border: 1px solid #979da0;
}

.blocco .tabs-title>a:hover {
    color: #FFF !important;
}

.slick-prev:before.slick-next:before {
    content: url(http://rai.it/dl/componentss/img/arrow_dx.png);
    width: 40px;
    height: 40px;
    background-color: #00a0fa;
    display: block;
    font-size: 40px;
}

.slick.row {
    width: 100% !important;
}

.marginrow {
    margin-bottom: 4%;
}

.pubDateRaiPlay {
    position: absolute;
    top: -5rem;
    left: 1rem;
    color: #fff;
    font-size: .8rem;
    z-index: 99;
}

.img_app {
    width: 70px;
}

.img_prefoot {
    float: none !important;
}

.dName {
    margin: 0px auto;
    padding: 5px;
    padding-bottom: 0px;
    width: 100px;
    font-size: 13px;
    font-weight: bold;
    color: #75797B;
}

.dNumber {
    margin: 0px auto;
    width: 100px;
    font-size: 20px;
    color: #75797B;
}

.canale {
/*  text-transform: uppercase; */
/*  font-weight: bold; */
/*  font-size: 9px; */
/*  color: #00a0fa; */
}

.paddingSociale {
     padding: 2.5rem 0;
    color: #FFF;
}

.info1 {
    margin-top: -74px;
    position: relative;
    margin-left: 5%;
}

.info2 {
    margin-top: 6%;
}

h6 {
    font-size: 3.125rem;
    color: #485459;
    width: 100%;
    text-align: center;
    font-weight: 200;
    font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
    margin: 0.67em 0;
}

.containercalendar {
    text-align: center;
    cursor: pointer;
    border-right: 1px solid #dadada;
    margin: 15px 0px;
    display: inline-block;
    width: 140px;
    font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
}

.raiplay #calendario {
    padding-bottom: 3%;
    text-align: center;
}

.raiplay .slick-row.palinsesto .next {
    display: none;
}

.raiIndiretta {
    color: rgb(72, 84, 89) !important;
}

.footterline {
    border-top: 0.5px solid #ddd;
    margin: 0 auto;
}

.cerca {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    height: 21px;
    display: inline-block;
    margin-top: 2%;
}

.buttoncerc {
    background-color: rgb(40, 53, 60);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-top: 9px;
    padding-bottom: 8px;
    padding-left: 2%;
    right: 2%;
    position: relative;
}

#rightbut {
    float: right;
    display: block;
    /*right: 35px !important;*/
    top: 245px;
    position: relative !important;
}

#iso-container::-webkit-scrollbar {
    display: none;
}

#leftbut {
    display: block;
    /*left: 35px !important;*/
    top: 245px;
    position: relative !important;
}

.line {
    border-bottom: 1px solid #2e3c42;
    margin: 0 auto;
}

.colorQuestaSera {
    color: #ffffff !important;
}

.fontQuestaSEra {
    font-size: 8px !important;
}

.app {
    background-image: url(http://rai.it/dl/componentss/img/sfondoBannerApp.jpg);
    background-size: cover;
    padding-bottom: 90px;
}

.raiplay .appBanner {
    margin-top: 10%;
     color: #ffffff;
}

.raiplay .appBanner .title {
    color: white;
    margin: 0.67em 0;
    margin-bottom: 3%;
    text-align: center;
    font-size: 3.125rem;
    font-weight: 200;
    font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
    padding: 0;
}

.raiplay .appBanner .appBannerItem{
    display: inline-block;
    margin: 3%;
}

.raiplay .appBanner .smallText{
    font-size: 0.625rem;
}

#iso-container::-webkit-scrollbar {
    display: none;
}

.slide {
    margin-top: 0;
}

.element {
    width: 230px;
    overflow: hidden;
    margin: 5px;
    float: left;
    position: relative;
    background: #111;
    color: #222;
    box-shadow: 0 1px 3px #111;
    -moz-box-shadow: 0 1px 2px #111;
    -webkit-box-shadow: 0 1px 3px #111;
}

.element.one {
    height: 150px;
}

.element.two {
    height: 175px;
}

.element.three {
    height: 200px;
}

.grid {
    height: 450px;
}

.grid-item {
    float: left;
    overflow: hidden;
}

.grid-item-s {
    width: 200px;
    height: 150px;
}

.grid-item-b {
    width: 400px;
    height: 300px;
}

.grid-item-v {
    width: 200px;
    height: 300px;
}

.grid-item-h {
    width: 400px;
    height: 150px;
}

.container {
    width: 1200px;
    overflow: scroll;
    margin: 0 auto;
}

.prefooter {
    background-color: rgb(46, 59, 66);
}
.prefooter .social{
    text-align: center;
    font-weight: 300;
}
.prefooter .social a{
    color: #fff;
}
.prefooter .social a:hover{
    color: #82898e;
}
.prefooter .social a img{
    margin-right: 1.25rem;
}
.prefooter .extension{
    margin-top: 1.875rem;
    padding-top: 1.875rem;
    border-top: 1px solid #434f55;
}
.prefooter .extension .row {
    margin: 0;
}
.prefooter .extension .row .columns{
    border-right: 1px solid #434f55;
}
.prefooter .extension .row .columns:last-of-type{
    border: none;
}
.prefooter .extension .row .columns .item{
    margin: 0 0.625rem;
    text-align: center;
}
.prefooter .extension .row .columns .item .title{
    margin: 1rem 0;
    padding: 0;
    font-size: 20px;
    font-weight: 300;
    color: #fff;
}
.prefooter .extension .row .columns .item p{
    margin: 0 0 1rem;
    line-height: 20px;
    font-size: 12px;
    color: #cbced0;
}
.prefooter .extension .row .columns .item p a{
    font-weight: 400;
    color: #fff;
}
.prefooter .extension .row .columns .item button{
    padding: 0.625rem 1.625rem;
    font-size: 12px;
    line-height: 12px;
    color: #fff;
    background: #434f55;
    border-radius: 5px;
}
/**REVISIONE ATTILIO 26/04**/
.raiplay .slick-row {
    margin-left: 0% !important;
    margin-right: 0% !important;
}

.raiplay .slick-large-1 {
    padding: 10px;
}

.raiplay .slick-prev:before, .raiplay .slick-next:before, .raiplay .blocco.dark .slick-prev:before, .raiplay .blocco.dark .slick-next:before, .raiplay .blocco.darklight .slick-prev:before, .raiplay .blocco.darklight .slick-next:before, .guidaTv .slick-prev:before, .guidaTv .slick-next:before, .guidaTv .blocco.dark .slick-prev:before, .guidaTv .blocco.dark .slick-next:before, .guidaTv .blocco.darklight .slick-prev:before, .guidaTv .blocco.darklight .slick-next:before {
    content: url(http://rai.it/dl/componentss/img/arrow_dx.png);
    width: 40px;
    height: 40px;
    background-color: #00a0fa;
    display: block;
    font-size: 40px;
}

.raiplay .slick-list.slick-prev:before, .raiplay .slick-next:before {
    content: url(http://rai.it/dl/componentss/img/arrow_dx.png);
    width: 40px;
    height: 40px;
    background-color: #00A0FA;
    display: block;
    font-size: 40px;
}

.raiplay .slick-inline.slick-prev:before, .raiplay .slick-next:before {
    content: url(http://rai.it/dl/componentss/img/arrow_dx.png);
    width: 40px;
    height: 40px;
    background-color: #00a0fa !important;
    display: block;
    font-size: 40px;
}


.raiplay .slick-next {
    right: 0px !important;
}

.raiplay .slick-prev {
    left: 0px !important;
}

/*.raiplay .titolo {
    color: white;
    font-size: 16px;
    font-weight: 100;
}*/

/*.raiplay .description {
    color: white !important;
    font-size: 9px !important;
}*/

.rai-it .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a::after{
    margin-top: -5px !important;
}

.blocco.white .row .title h2 {
    color: #626c71;
}

.blocco.white .row .title a {
    color: #595959;
}

.rai-it .row.menu.fascia {
    margin: 0 !important;
}

.guidaTv h2 {
    text-align: center;
}

.raiplay .blocco .row .title h2 {
    text-align: center;
    margin-bottom: 1.25rem;
    font-size: 3.125rem;
}

.raiplay .containercalendar.is-active p {
    color: #fff;
}

.raiplay .containercalendar.is-active {
    background-size: 63% 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url("/dl/components/img/seleceted_data.png");
}

.slick-row .slick-large-1 .label+.titolo {
    margin: 1rem 0;
}

.raiplay .imagetematica {
    position: relative;
}

.raiplay .tematica-odd {
    padding-right: 0;
}

.raiplay .tematica-even {
    padding-left: 0;
}

.raiplay h3.titletematiche {
    font-size: 2.5rem;
    color: #FFF;
    width: 100%;
    text-align: center;
    font-weight: 200;
    font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
    margin: 0.67em 0;
    position: absolute;
    top: 0;
}

.raiplay .paddingSociale img {
    margin-right: 1rem;
}

/* SocialShareCont*/
.blocco.articolo #socialShareCont{
    text-align:right;
}
.blocco.articolo #socialShareCont a.shareLink,
.raiVideoFoto  #socialShareCont a.sr-button  {
    color: #7c8688;
    padding: 5px;
    padding-right: 15px;
    font-size:0.9rem;
    /* line-height: 29px; */
}
.blocco.articolo #socialShareCont a.shareLink svg,
.raiVideoFoto #socialShareCont a.sr-button svg{
    width: 1.8rem;
    vertical-align: middle;
    max-height: 1.8rem;
}
.blocco.articolo #socialShareCont a.shareLink.fbShare svg {
    margin-top: -6px;
}
.blocco.articolo #socialShareCont a.shareLink:last-child {
    padding-right: 0;
}
.raiVideoFoto #socialShareCont a.sr-button {
  float: right;
  margin-bottom: 2em;
}
@media screen and (max-width: 40em) {
    .blocco.articolo #socialShareCont a.shareLink svg{
        width: 1.5rem;
    }
}
@media screen and (max-width: 64em) {
    .blocco.articolo #socialShareCont a.shareLink span{
        display:none;
    }
}

/*Social Footer*/
#socialFooter {
    max-width: 100%;
    background-color: #2e3b42;
    padding: 50px 0;
}

#socialFooter span {
    display: block;
}

.row .socialFootItem .title {
    padding: 0;
    font-size: 1.1rem;
    padding-top: 6px;
    color: #ffffff;
}

.socialFootItem p {
    margin: 0;
}

.socialFootImg {
    float: left;
    width: 40px;
    height: 40px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.socialFootImg.facebook {
    background-image: url(/dl/test/footFacebook.jpg);
}

.socialFootImg.twitter {
    background-image: url(/dl/test/footTwitter.jpg);
}

.socialFootImg.google {
    background-image: url(/dl/test/footGoogle.jpg);
}

.socialFootImg.blog {
    width: 43px;
    background-image: url(/dl/test/footBlog.jpg);
}

#mobileLastFooter {
    background-color: #14232a;
}

#mobileLastFooter>div {
    text-align: center;
    padding: 25px 0;
}

#mobileLastFooter a {
    font-size: 1.563rem;
    color: #485459;
}


.prefooter .columns {
    text-align: center;
}

.prefooter .columns p.small-5 {
    margin-top: 10px;
    margin-bottom: 0;
}

.prefooter .paddingSociale svg {
    width: 42px;
    margin-right: 10px;
    height: 42px;
    float: left;
}

#prefooterBlockCont{
    border-top: 0.5px solid #ddd;
}
#prefooterBlock {
    margin-right: 0;
    margin-left: 0;
    max-width: 100%;
    padding: 2.5rem 0;
}
#prefooterBlock > div{
    border-right: 0.5px solid #ddd;
    position: relative;
}
#prefooterBlock > div.noBorder{
    border-right:none;
}
.buttonfootCont {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.buttonfoot {
    background-color: rgb(67, 79, 85);
    border-radius: 4px;
    width: 100px;
    height: 30px;
    padding: 0px;
    font-size: 10px;
    color: #FFF;
}
/*================================modifiche sara=====================================*/
body.rai-it .slick-row .slick-dots li.slick-active button:before {
    border: 2px solid #297dff;
    width: 10px;
    height: 10px;
}
body.rai-it .blocco.dark .slick-row .slick-dots li.slick-active button:before {
    border: 2px solid #fff;
    content: "";
}
body.rai-it .blocco.dark .titolo {
    color: #fff;
}
label.switch-paddle {
        border-radius: 15px 15px 15px 15px;
    padding: 0px 5px;
    background: #979da0 !important;
    display: inline-block;
    float: left;
    margin-right: 20px;
}
label.switch-paddle::after {
    border-radius: 50%;
}
.switch .programmi-on-line {
    color: #595959;
}
.programmi-on-line span {
    margin-left: 10px;
    padding: 1px 2px;
    background-color: #979DA0;
    border-radius: 100%;
    color: #ffffff;
}


/*fine Social Footer*/

/*Media Query*/
@media screen and (min-width: 64em) {
    .large-uncollapse>.column, .large-uncollapse>.columns {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
    }
    .bannerTvRadio .lifebelt {
        max-width: 40em;
    }
}

@media screen and (min-width: 40em) {
    .row .row {
        margin-left: -0.625rem;
        margin-right: -0.625rem;
    }
    .column, .columns {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
    }
    .rai-it .row.menu.fascia .columns {
        padding-left: 0.2rem;
    }
}

@media screen and (min-width: 40em) {
    .row .row {
        margin-left: calc(-0.625rem + 40px);
        margin-right: calc(-0.625rem + 40px);
    }

}

@media screen and (max-width: 64em){
    .facebook img, .twitter img, .google img, .tv-blog img{
        display:block;
        float: none;
        margin-right: auto!important;
        margin-left:auto;
    }

}
@media screen and (max-width: 40em) {
    .socialLinks .link{
        text-align:center;
        margin: 0 auto;
    }
    .socialLinks .link span{
        display:inline-block;
        margin:0 auto !important;
        width:100%;
    }
    .socialLink img{
        display:block;
        float: none;
        margin-right: auto!important;
        margin-left:auto;
    }
}
@media screen and (max-width: 845px) {
    .row .socialFootItem .title {
        font-size: 0.668rem;
        padding-top: 9px;
    }
    .socialFootImg {
        float: left;
        width: 40px;
        height: 40px;
        background-size: 100% auto;
    }
}

@media screen and (max-width: 640px) {
    .socialFootImg {
        background-size: auto 100%;
    }
    #socialFooter span {
        text-align: center;
    }
    .fasciaTabs{
        margin: 0 0 1.5rem 0;
    }
}


@media screen and (min-width: 600px) and (max-width: 639px){
    .slick-row.slick-initialized .slick-slide{
        padding-right: 6px;
    }
}
@media screen and (max-width: 599px) {
    .slick-row.slick-initialized .slick-slide{
        padding-right: 6px;
    }
}
.slick-next {
    right: 0px !important;
}
.slick-prev {
    left: 0px !important;
}
.dynamicHeader.long {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 760px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-position-x: 0% !important;
}

.mainHeader.withFocus {
    top: -80px;
    position: relative;
    width: 100%;
    height: 880px !important;
    overflow: visible !important;
}
.focus.slick-row.slick-slider {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 50;
    bottom: 120px;
    height: 400px;
    background: -moz-linear-gradient(top,rgba(33,13,15,0) 0%,rgba(5,3,4,1) 59%);
    background: -webkit-linear-gradient(top,rgba(33,13,15,0) 0%,rgba(5,3,4,1) 59%);
    background: linear-gradient(to bottom,rgba(33,13,15,0) 0%,rgba(5,3,4,1) 59%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00210d0f', endColorstr='#050304',GradientType=0 );
}
.withFocus .slick-row.slick-initialized .row,.rai-it .withFocus .slick-row.slick-initialized {
    max-width: 100% !important;
}
.mainHeader .dynamicHeader .logoSx a{
    width:100%;
    height:100%;
    display:block;
}
.mainHeader .dynamicHeader.long .logoSx  {
    display: block;
    position: absolute;
    top: 0px;
    right: 55%!important;
    width: 646px;
    height: 469px;
    transition: left 600ms ease, right 600ms ease
}
.mainHeader.withFocus .dynamicHeader.long .logoDx {
    display: block;
    position: absolute;
    top: 40px;
    left: 45%!important;
    width: 707px;
    height: 470px;
    z-index: 40;
    margin: 0px 0px 0px 0px;
    transition: left 600ms ease, right 600ms ease
}

.mainHeader .dynamicHeader.short .logoSx  {
    top: -20px;
    display: block;
    position: absolute;
    right: 55%!important;
    width: 500px;
    height: 350px;
    transition: left 600ms ease, right 600ms ease;
    background-size: contain;
    background-repeat: no-repeat;
}
.mainHeader .dynamicHeader.short .logoDx {
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: 40px;
    left: 65%!important;
    width: 707px;
    height: 470px;
    z-index: 40;
    margin: 0px 0px 0px 0px;
    transition: left 600ms ease, right 600ms ease;
}



@media only screen and (max-width:479px) {

    .mainHeader.withFocus .dynamicHeader.long .logoSx {
        top: -50px;
        left: 50%!important;
        margin: 0px 0px 0px -323px;
        transform: scale(.8)!important
    }
    .mainHeader.withFocus .dynamicHeader.long .logoDx {
        display: none!important
    }
    .mainHeader .dynamicHeader.short .logoSx {
        top: 5px;
        left: 70%!important;
        margin: 0px 0px 0px -323px;
        transform: scale(.8)!important;
    }
    .mainHeader .dynamicHeader.short .logoDx {
        display: none!important
    }
}

@media screen and (max-width:767px) and (min-width:480px) {
    .mainHeader.withFocus {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 90vw;
    }
    .mainHeader.withFocus .dynamicHeader.long .logoSx {
        top: -45px;
        left: -20%!important;
        transform: scale(.9)!important;
    }
   .mainHeader.withFocus .dynamicHeader.long .logoDx {
        top: 10px;
        left: auto!important;
        right: -24%!important;
        transform: scale(.7)!important;
        transition: all 500ms ease
    }
    .mainHeader {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 90vw;
    }
    .mainHeader .dynamicHeader.short .logoSx {
        top: -95px;
        left: -6%!important;
        transform: scale(.6)!important;
    }
   .mainHeader .dynamicHeader.short .logoDx {
        top: 27px;
        left: 47% !important;
        transform: scale(.8)!important;
        transition: all 500ms ease;
    }

}


@media screen and (max-width:646px) and (min-width:480px) {
    .mainHeader.withFocus .dynamicHeader.long .logoDx {
        opacity: 0!important
    }
   .mainHeader.withFocus .dynamicHeader.long .logoSx {
        top: -20px;
        left: auto!important;
        right: 50%!important;
        margin: 0px -323px 0px 0px;
        transform: scale(1)!important
    }
   .mainHeader .dynamicHeader.short .logoDx {
        opacity: 0!important
    }
   .mainHeader .dynamicHeader.short .logoSx {
        top: -35px;
        left: -10% !important;
        margin: 0px -323px 0px 0px;
        transform: scale(0.8)!important;
    }
}

@media screen and (max-width:1024px) and (min-width:768px) {
    .mainHeader.withFocus .dynamicHeader.long .logoSx {
        top: -21px;
        right: 40%!important;
    }
    .mainHeader.withFocus .dynamicHeader.long .logoDx {
        top: 40px;
        left: 28%!important;
        transform: scale(.9)!important
    }
    .mainHeader .dynamicHeader.short .logoSx {
        right: 39%!important;
        transform: scale(.9)!important;
        top: -38px;
    }
    .mainHeader .dynamicHeader.short .logoDx {
        top: 40px;
        left: 56%!important;
        transform: scale(.9)!important;
    }
     .mainHeader .dynamicHeader.short.internal .logoDx {
        top: 10px;
        left: 26%!important;
        transform: scale(.7)!important;
    }
}

@media screen and (max-width: 1360px) and (min-width: 1025px){
 .mainHeader.withFocus .dynamicHeader.long .logoSx {
    right: 50%!important;
    width: 646px;
    height: 469px;
}
.mainHeader.withFocus .dynamicHeader.long .logoDx {
    top: 40px;
    left: 40%!important;
    width: 707px;
    height: 470px;
}
 .mainHeader .dynamicHeader.short .logoSx {
    right: 58%!important;
}
.mainHeader .dynamicHeader.short .logoDx {
    left: 69%!important;
}
.mainHeader .dynamicHeader.short.internal .logoDx {
    left: 84%!important;
}
}

@media screen and (min-width:1025px) {
    .mainHeader.withFocus .dynamicHeader.long .logoSx {
        top: -20px;
        /* right: 55%!important; */
        width: 646px;
        height: 469px;
    }
    .mainHeader.withFocus .dynamicHeader.long .logoDx {
        top: 40px;
        /* left: 40%!important; */
        width: 707px;
        height: 470px;
    }
        .mainHeader .dynamicHeader.short .logoSx {
        right: 57%!important;
    }
    .mainHeader .dynamicHeader.short .logoDx {
        left: 70%!important;
    }
     .mainHeader .dynamicHeader.short.internal .logoDx {
        left: 44%!important;
    }
}
.top-bar .logo{
    min-width: 80px;
}
.focus .info {
    position: absolute;
    bottom: 0;
    padding-left: 25px;
    color: #fff;
    height: 105px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    display: block;
    z-index: 10;
    /* display: -webkit-box; */
}

.focus .info .title {
    padding: 0;
    font-size: 34px;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
}

.focus .info .desc {
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 15px;
}

.focus .video:after, .focus .lancio:after, .focus .foto:after{
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    height: 360px;
    width: 100%;
    /*background-image: url(http://rai.it/dl/componentss/img/sfumaturaFocus_base.png);*/
	background-image: url(http://rai.it/dl/componentss/img/sfumaturaFocus_base_2.png);
    background-size: 100% 360px;
    z-index: 0;
    opacity: 0.8;
}
.row.infoRow {
    min-height: 120px;
    z-index: 10;
    position: relative;
    /* top: 0; */
    bottom: 0;
    line-height: 120px;
    background: #000;
}
@media screen and (max-width: 768px) {
    .focus.slick-row a{
        overflow:hidden;
        max-height:180px;

    }
    .focus.slick-row a img{
        width:auto;
    }
    .focus .video:after, .focus .lancio:after, .focus .foto:after{
        background-size: 100% 180px;
        height: 180px;
    }
    .focus .info {
        padding-left: 7px;
        height: 3.5rem;
        width: 100%;
    }
    .focus .info .title{
        font-size: 1rem;
    }
    .focus .info .desc{
        display:none;
    }
    .focus.slick-row.slick-slider{
        bottom:0px;
        height: 120px;
        height: auto;
    }
    .mainHeader.withFocus .dynamicHeader.long{
        height: 600px;
    }
    .mainHeader.withFocus{
        height: 640px!important;
    }
}
@media screen and (max-width: 460px) {
    .mainHeader.withFocus .dynamicHeader.long{
        height: 400px;
    }
    .mainHeader.withFocus{
        height: 440px!important;
    }
}
.row.infoRow .genericInfo p {
    float: left;
    color: #fff;
    line-height: 120px;
    display: inline-flex;
    white-space: nowrap;
}

.row.infoRow .socialShare{
    text-align: right;
    padding-right: 4rem;
    color: #fff;
}
.row.infoRow .genericInfo{
    text-align: left;
    padding-left: 4rem;
    font-size: 28px;
}
.row.infoRow .socialShare span{
    font-size: 14px;
    color: #fff;
    margin-right: 30px;
    margin-left: 10px;
}



@media screen and (max-width: 1024px) {
.row.infoRow .socialShare{
    padding-right: 0.625rem;
    text-align: left;
}
.row.infoRow .genericInfo{
    padding-left: 0.625rem;
}
}

@media screen and (max-width: 880px) {
.row.infoRow .socialShare span{
    font-size: 10px;
}
}


@media screen and (max-width: 784px) {
.row.infoRow .socialShare a span{font-size: 1.4vw;}
.row.infoRow .socialShare a img{
width: 30px;
}
.row.infoRow .genericInfo p{
font-size: 3vw;
}
}


@media screen and (max-width: 700px) {
.row.infoRow .socialShare a img{width: 22px;}
}

@media screen and (max-width: 640px) {
.row.infoRow .socialShare a span{font-size: 3.5vw;display: block;height: 3.5vw;line-height: 9.5vw;margin: 0;}
.row.infoRow .socialShare a img{width: 8vw;}
.row.infoRow .genericInfo p{font-size: 20px;}
.row.infoRow .socialShare.small-12, .row.infoRow .genericInfo.small-12 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    height: 7rem;
    vertical-align: middle;
}
.row.infoRow .socialShare .socialLink{
    display:inline-block;
    height: 50px;
    text-align: center;
    margin: 10px 10px 0 10px;
}
.row.infoRow .genericInfo.small-12 p{
    text-align: center;
    float: none;
}
.row.infoRow{
    /* line-height: 80px; */
}

}

li#logoEditoreBarra {
    position: relative;
    right: 15px;
    top: 8px;
}
#logoEditoreBarra svg{
    width: 90px;
    fill: #fff;
    margin: auto;
    vertical-align: middle;
}
/***TESTATA***/
button#mainMenuBtn {
    transition:all 500ms ease;
    -webkit-transition: all 500ms ease;
}
header #barraRaiBtn {
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
}
li#loggedUser img {
width:50px;
border-radius:50px;
border:2px solid gray;
}
header.fixed {
    transition: top 600ms ease;
    -webkit-transition: top 600ms ease;
    transition: top 600ms ease;
    z-index: 1004;
}
#organigrammaModal .titoloModal{text-align: center; font-weight: 300; font-size: 1.875rem; color: #485459; margin: 0;}
    #organigrammaModal .divider{height: 42px;}
    #organigrammaModal .divider span{display: block; width: 80px; height: 2px; margin: 20px auto; background: #29a2ff;}
header {
    transition: background 500ms ease;
    -webkit-transition: background 500ms ease;
}
header.fixed #site-menu .menuTitle {
    color: rgba(255,255,255,1);
}
.row.infoRow .genericInfo p .logoEditore {
    width: 80px;
    height: 120px;
    display: block;
    margin-left: 5px;
    position: relative;
    top: 7px;
}

.row.infoRow .genericInfo p .logoEditore svg {
    width: 75px;
    fill: #fff;
    height: 100%;
}

.row {
    max-width: 100%;
}
.blocco .title.row.align-middle.with-link, .blocco .title.row.align-middle {
        position: relative;
        display: block;
}
.blocco .title.row.align-middle.with-link .columns{
        width: 100%;
        display: inline-flex;
}
.blocco .title.row.align-middle.with-link .columns h2 {
    width: 100%;
    text-align: center;
    margin-bottom: 2rem;
    font-size: 3.125rem;
}
.blocco .title.row.align-middle.with-link .columns h2:after, .blocco .title h2.title-border-bottom:after,
.blocco.articolo .title.row.align-middle.with-link .columns h1:after, .blocco.articolo .title h1.title-border-bottom:after {
    content: "";
    width: 200px;
    display: block;
    height: 1px;
    text-align: center;
    background: #ebeced;
    position: relative;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 30px;
}
li.tabs-title {
    max-width: 160px;
    display: table;
    width: 160px;
    height: 100%;
}
li.tabs-title a {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    position:relative;
}
li.tabs-title a:before{
    content:'';
    display: block;
    position:absolute;
    width:1px;
    height: 2rem;
    height:100%;
    left:0;
    top: calc(50% - 1rem);
    top:0;
    background-color:#c5c5c5;
}
li.tabs-title:first-child a:before{
    display:none;
}
.blocco ul.tabs {
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
}
.personaggi.blocco .row {
    max-width: 64rem;
}
.blocco .slick-row .slick-large-1 .img:before, .listaPersonaggi .personaggio .img:before, .personaggioSingolo a .img:before{
    background: -moz-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(24,56,88,0) 59%, rgba(20,35,42,0.8) 100%);
    background: -webkit-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(24,56,88,0) 59%,rgba(20,35,42,0.8) 100%);
    background: linear-gradient(to bottom, rgba(30,87,153,0) 0%,rgba(24,56,88,0) 59%,rgba(20,35,42,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#cc14232a',GradientType=0 );
}
.slick-row .info.interno {
    margin-top: -6rem;
    padding: 0 10px;
    z-index: 10;
    width: inherit;
    position: absolute;
}
.info.interno .label {
    display: none;
}
.slick-row .info.interno .titolo {
    color: #fff;
    font-size: 1rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 0.2rem;
    margin-top: 2.2rem;
    display: none;
}
.slick-row .info.interno .description, .slick-row .info.interno h3 {
    color: #fff;
    font-size: 0.9375rem;
    line-height: 1.3rem;
    padding-right: 0.25rem;
    margin-bottom: 0px;
    font-weight: bolder;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    position: absolute;
    bottom: -4rem;
}
.linkToSet.slick-slide {
    background: #ca190f;
    position: absolute;
    right: -0.375rem;
    height: 100%;
}

.slick-row a.link {
    vertical-align: middle;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 42%;
    text-align: -webkit-center;
    color: #fff;
    font-size: 20px;
}

.slick-row a.link:after {
    content: "";
    background:url('http://rai.it/dl/componentss/img/infografica/right-arrow.png');
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-left: 0.5rem;
    top: 0.4rem;
    position: relative;
    background-size: 25px 25px;
    background-repeat: no-repeat;
    filter: brightness(1000);
    -webkit-filter: brightness(1000%);
  }

  .slick-slider:hover .slick-prev,.slick-slider:hover .slick-next {
    display: block !important;
}
.listaPersonaggi .personaggio .img:before{
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    bottom: 0;
}
.personaggio {
    position: relative;
    margin: 50px 0;
}
.personaggio.campione:before {
    content:'';
    display:block;
    width:100%;
    height:2rem;
    background-image:url(http://rai.it/dl/componentss/img/campione.png);
    background-size:auto 2rem;
    background-repeat:no-repeat;
    background-position:50%;
    position:absolute;
    top:-1rem;
    z-index:2;
}
.personaggio.campionessa:before {
    content:'';
    display:block;
    width:100%;
    height:2rem;
    background-image:url(http://rai.it/dl/componentss/img/campionessa.png);
    background-size:auto 2rem;
    background-repeat:no-repeat;
    background-position:50%;
    position:absolute;
    top:-1rem;
    z-index:2;
}
.personaggio p.name {
    color: #fff;
    text-align: left;
    margin-left: 10px;
}
.personaggio .info {
 bottom: 0;
 z-index: 10;
 width: inherit;
 position: absolute;
 left: 0;
 right: 0;
 margin-left: auto;
 margin-right: auto;
 padding: 0 15px;
}
.personaggio a {
    width: 100%;
    height: 100%;
    display: block;
}
.personaggio .img {
    width: 100%;
    display: block;
    position: relative;
    height: 100%;
}
.personaggio .img img {
    bottom: 0;
    position: relative;
    display: block;
    width: 100%;
}
div.personaggiBlock + div.grey {
    margin: 0;
}
.fasciaItem .link{
    display: block;
    margin-top: 2rem;
}
.fasciaItem .link a{
    display: inline-block;
    color:#fff;
    padding: 0.7rem 2.5rem;
    border:solid 1px;
    border-radius:5px;
}
.fasciaItem .link a:hover{
    background-color:rgba(255,255,255,0.1)
}


/* download documenti */

.row.fasciaItem .document
{
	margin-top: 20px;
    padding: 0;
    border-top: 1px solid #dadada;
}

.row.fasciaItem .document a
{
	display: block;
    height: 70px;
    padding-left: 35px;
    background: url(https://www.rai.it/dl/components/img/socTrasp/icon-download.svg) left center / auto 30px no-repeat;
    line-height: 70px;
    text-align: left;
    border-bottom: 1px solid #dadada;
    font-size: 14px;
    color: #485459;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* end download documenti */

.mediaOverlay {
     position: fixed;
     width: 100%;
     height: 100%;
     background: rgba(0,0,0,0.5);
     top: 0;
     z-index: 99999999;
     -webkit-transition: all 400ms ease;
     -moz-transition: all 400ms ease;
     -ms-transition: all 400ms ease;
     -o-transition: all 400ms ease;
     transition: all 400ms ease;
}

.mediaOverlay .frameBox {
    position: relative;
    margin: 0 auto;
    width: 70%;
    height: 100%;
    display: block;
    float: none;
}
.mediaOverlay .frameBox.error {
    padding-top: 5rem;
    text-align: center;
}
.mediaOverlay .frameBox.error p , .mediaOverlay .frameBox.error a{
    color:#fff;
}
.mediaOverlay .frameBox iframe{
    width: 1px;
    min-width: 100%;
    height: 90%;
    float: left;
    position: relative;
}

p.closeMediaOverlay {
    position: absolute;
    right: -25px;
    width: 27px;
    top: 0;
}

.closeMediaOverlay a {
    font-size: 26px;
    line-height: 26px;
    margin-left: 10px;
    color: #fff;
    font-family: monospace;
}
@media screen and (max-width: 40em) {
    .mediaOverlay .frameBox {
        width: 98%;
    }
    p.closeMediaOverlay {
        right:0;
    }
    .closeMediaOverlay a {
        position:relative;
        top:-25px;
    }
}
#PublishingBlock-63666837-fc8e-4fab-bb81-c942c2adca8d .blocco.personaggioBig .row .title h2.title-border-bottom, #ContentItem-02984d6d-359f-4984-a9ab-091c2c143d39.blocco.personaggioBig .row .title h2.title-border-bottom {
    color: #fff;
}

.personaggioSingolo a .img:before {
   content: "";
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    bottom: 0;
}

.personaggioSingolo .videoFrame .img {
    width: 100%;
    display: block;
    position: relative;
    height: 100%;
}
/* fix sito Sanremo - scheda cantante - versione S */
@media screen and (max-width:39.938em)
{
    .personaggioSingolo .videoFrame
    {
      padding:15px 0;
    }
}
/* end fix sito Sanremo - scheda cantante - versione S */

.personaggioSingolo .videoFrame .info {
 margin-top: -6rem;
 padding: 0 10px;
 z-index: 10;
 width: inherit;
 position: absolute;
 width: 92%;
}

.personaggioSingolo .videoFrame a.video {
    width: 100%;
    height: 100%;
    display: block;
}

.personaggioSingolo .videoFrame {
    position: relative;
    width: 100%;
}

.personaggioSingolo .videoFrame .info .title {
        color: #fff;
        font-size: 1rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin-bottom: 0;
        margin-top: 2.5rem;
        padding-bottom: 0;
}

.personaggioSingolo .videoFrame .info .desc {
        color: #fff;
    font-size: 0.7rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 2rem;
}
.personaggioSingolo p.testoBreve {
    text-align: initial;
    MAX-HEIGHT: 200PX;
    OVERFLOW: hidden;
}

#PublishingBlock-63666837-fc8e-4fab-bb81-c942c2adca8d .personaggioSingolo p.testoBreve, #ContentItem-02984d6d-359f-4984-a9ab-091c2c143d39 .personaggioSingolo p.testoBreve {
    color: #fff;
}

.personaggioSingolo .infoText p.sottotitolo {
    text-align: left;
    margin-bottom: 0;
    margin-top: 20px;
    font-size: 22PX;
}

#PublishingBlock-63666837-fc8e-4fab-bb81-c942c2adca8d .personaggioSingolo .infoText p.sottotitolo, #ContentItem-02984d6d-359f-4984-a9ab-091c2c143d39 .personaggioSingolo .infoText p.sottotitolo{
    color: #fff;
}
#ContentItem-02984d6d-359f-4984-a9ab-091c2c143d39 .personaggioSingolo .iconPersonaggio {
    display: none;
}
.personaggioBig {
    padding-bottom: 0 !important;
}
.personaggioBig > .row {
    position: relative;
    margin-top: 2rem;
}
.personaggi.personaggioBig.blocco {
    position: relative;
    background-size: cover;
}
.testoPersonaggio {
    z-index: 99;
}
.fotoPersonaggio{position: relative;z-index: 99;}
.blocco {
    padding: 6rem 0 0 0;
}
.blocco.custom, .blocco.grey, .blocco.dark, .blocco.darklight, .blocco.greyDark{
    margin-top:6rem;
    padding-bottom:6rem;
}
.blocco .row .title h2, .blocco.articolo .row .title h1 {
    width: 100%;
    text-align: center;
    margin-bottom: 2rem;
    font-size: 3.125rem;
}
.blocco .title .columns.text-center {
    width: 100%;
    display: inline-flex;
}
.row .row {
    margin-left: 0;
    margin-right: 0;
}
.personaggio.Eliminato .img img{
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  opacity: 0.4;
}
.blocco .row.circle{
    justify-content: center;
}

.personaggioSingolo.Eliminato .fotoPersonaggio:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%,rgba(24,56,88,0) 73%,rgba(255, 255, 255, 0.6) 91%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%,rgba(24,56,88,0) 73%,rgba(255, 255, 255, 0.6) 91%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%,rgba(24,56,88,0) 73%,rgba(255, 255, 255, 0.6) 91%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#cc14232a',GradientType=0 );
}


.personaggioSingolo.Eliminato .fotoPersonaggio img {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

.testoPersonaggio .infoText p {
    color: #576266;
}

.personaggioSingolo .statoIcon{
    display: block;
    background: red;
    width: 50px;
    height: 38px;
}



.personaggioSingolo .testoPersonaggio .testoBreve{
    max-height: 15rem;
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    line-height: 1.3rem;
    overflow: visible;
    margin-bottom: 68px;
}
/*.personaggioSingolo .testoPersonaggio .testoBreve:hover span{
    display:block!important;
}*/

.iconPersonaggio{
    display:none;
}

.personaggioSingolo.Eliminato .fotoPersonaggio .titoloPersonaggioSingolo{
    display: block !important;
    height: 60px;
    position: absolute;
    left: 0;
    top: 21rem;
    right: -56px;
}
.personaggioSingolo.Eliminato .fotoPersonaggio .titoloPersonaggioSingolo span{
    display: inline-block;
    max-width: 400px;
    height: 60px;
    border: 4px solid #ae2900;
    COLOR: #ae2900;
    left: 0;
    top: 21rem;
    right: -56px;
    margin-left: auto;
    font-size: 40px;
    font-weight: 700;
    margin-right: auto;
    background: rgba(255, 255, 255, 0.57);
    line-height: 50px;
    border-radius: 8px;
    white-space: nowrap;
    text-transform: uppercase;
    padding: 0 15px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.Eliminato .labelPersonaggio{
    display: block !important;
    position: absolute;
    left: 23px;
    top: -31px;
}
.Eliminato .labelPersonaggio span{
    display: inline-block;
    max-width: 150px;
    background: #ca190f;
    COLOR: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 3px;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.personaggioSingolo.InSospeso .fotoPersonaggio .titoloPersonaggioSingolo{
    display: block !important;
    height: 60px;
    position: absolute;
    left: 0;
    top: 21rem;
    right: -56px;
}
.personaggioSingolo.InSospeso .fotoPersonaggio .titoloPersonaggioSingolo span{
    display: inline-block;
    max-width: 400px;
    height: 60px;
    border: 4px solid #ae2900;
    COLOR: #ae2900;
    left: 0;
    top: 21rem;
    right: -56px;
    margin-left: auto;
    font-size: 40px;
    font-weight: 700;
    margin-right: auto;
    background: rgba(255, 255, 255, 0.57);
    line-height: 50px;
    border-radius: 8px;
    white-space: nowrap;
    text-transform: uppercase;
    padding: 0 15px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.InSospeso .labelPersonaggio{
    display: block !important;
    position: absolute;
    left: 23px;
    top: -31px;
}
.InSospeso .labelPersonaggio span{
    display: inline-block;
    max-width: 150px;
    background: #ca190f;
    COLOR: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 3px;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media screen and (max-width: 64em) {
    .personaggioSingolo .videoFrame .info{
        margin: 0;
        padding: 0;
    }
    .personaggioSingolo .videoFrame .info .title{
        margin-top:0;
    }
    .personaggioSingolo .videoFrame .info{
        position:relative;
    }
    .personaggioSingolo.Eliminato .fotoPersonaggio:after{
        top:11rem;
    }
}
@media screen and (max-width: 40em) {

    .testoPersonaggio{
        padding-bottom:1rem;
    }
    .personaggioSingolo.Eliminato .fotoPersonaggio:after{
        top:11rem;
    }
}

.dynamicHeader.short {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 220px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: 0% !important;
}

.mainHeader {
    top: -80px;
    position: relative;
    width: 100%;
    height: auto;
    overflow: visible !important;
    margin-bottom: -80px;
}

.blocco.socialBlock{
 background-color: #475358;
}
.blocco.socialBlock .socialRow{
 max-width:64rem;
 text-align: right;
 color: #fff;
}
.blocco.socialBlock .socialRow span{
    font-size: 14px;
    color: #fff;
    margin-right: 30px;
    margin-left: 10px;
}
.filteredContent .filters.visible{
    display:block!important;
}
.filteredContent .filterButton{position: absolute;width: 30px;height: 30px;right: 10px;top: 10px;cursor: pointer;}
.filterContainer p.titolo {
    font-weight: 900;
    width: 100%;
    margin-bottom: 0.2rem;
}

.filterContainer {
    margin-bottom: 30px;
}

.filterContainer ul li {
    list-style: none;
    cursor: pointer;
    font-size: 14px;
    color: #979da0;
}
.filterContainer ul li.filter.selected:before {
    content: "";
    width: 8px;
    height: 8px;
    background: #ca190f;
    position: relative;
    left: -18px;
    border-radius: 10px;
    top: 16px;
    z-index: 2;
    display: block;
}
.filterContainer ul {
    position: relative;
}
.filteredContent > .row {
    max-width: 61rem !important;
}
.filteredContent .title h2.title-border-bottom {
    text-align: left;
}
body .mainHeader + .blocco{
    position: relative;
}
/*body .mainHeader.withFocus + .blocco{
    top: -10px !important;
}*/

.filteredContent.blocco .title h2.title-border-bottom:after{
    content: "";
    width: 200px;
    display: block;
    height: 1px;
    text-align: left !important;
    background: #ebeced;
    position: relative;
    top: 35px;
    margin-left: 0px;
}

.filterContainer ul li.selected {
    margin-top: -8px;
}
@media screen and (max-width: 40em) {
    .filteredContent .result{
        padding:0;
    }
    .filteredContent .result .row .externalDescription{
        padding: 0.8rem;
        margin: 0;
    }
    .filteredContent .result .row .externalDescription:nth-child(even){
        background-color:#F6F6F6
    }
    .filteredContent .title h2.title-border-bottom {
        font-size:2rem;
    }
    .filteredContent .columns.externalDescription .img{
        width:48%;
        display:inline-block;
        vertical-align: top;
        margin-top: 5px;
    }
    .filteredContent .columns.externalDescription .info{
        width:50%;
        display:inline-block;
        margin: 0;
    }
    .filteredContent .columns.externalDescription .info .titolo{
        max-height:1.5rem;
        overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
        font-weight:bold;
    }
    .filteredContent .columns.externalDescription .info .desc{
        font-size:0.8rem;
        max-height: 3.5rem;
        overflow: hidden;
    }
    .filteredContent .filterContainer{
        width: 48%;
        display:inline-block;
        vertical-align: top;
    }

}

/**articolo**/
.blocco.articolo .row{
    max-width: 64rem;
}
.blocco.articolo .titoloArticolo .title{
    padding:0;
}
.blocco.articolo .titoloArticolo .title h2.title-border-bottom, .blocco.articolo .titoloArticolo .title h1.title-border-bottom{
    text-align:left;
    font-weight:lighter;
    margin-top: 0;
}
.blocco.articolo .titoloArticolo .title h2.title-border-bottom:after, .blocco.articolo .titoloArticolo .title h1.title-border-bottom:after{

text-align: left;

margin: 0;

position: relative;

top: 15px;
}
.blocco.articolo .img{
    width:100%;
    text-align:center;
    padding: 10px 0;
}
.blocco.articolo .info{
    text-align:left;
    padding:10px;
}
.blocco.articolo .info .autore{
    font-style:italic;
    font-size:0.9rem;
    /* font-weight: bold; */
    color: #626c71;
}
.blocco.articolo .corpoArticolo .testo{
    margin-top:3rem;
    margin-bottom:3rem;
    padding-left:0;
    text-align:left;
}
.blocco.articolo .corpoArticolo .testo {
    color: #626c71;
    font-size: 0.9rem;
}
.blocco.articolo .altreNews{
    position:relative;
}
.blocco.articolo .altreNews .title{
    font-size:1.9rem;
    position: absolute;
    top: -50px;
    padding: 0;
    margin: 0;
    color: #475358;
}
.blocco.articolo .altreNews .relatedLink{
    display:block;
    width:100%;
    padding: 10px 0;
    clear:both;
}
.blocco.articolo .altreNews .relatedLink .img{
    display:inline-block;
    width:80px;
    height:80px;
    background-position:center;
    float:left;
}
.blocco.articolo .altreNews .relatedLink .info{
    display:inline-block;
    padding-top: 0;
    width: calc(100% - 80px);
    height: 70px;
}
.blocco.articolo .altreNews .relatedLink .info p{
    margin:0;
    padding:0;
}
.blocco.articolo .altreNews .relatedLink .info p.title{
    font-size:1rem;
    color: #475358;
    overflow: auto;
    position: static;
    font-size: 14px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.blocco.articolo .tags {
    list-style-type: none;
    margin: 0 0 20px;
}
.blocco.articolo .tags li {
    display: inline-block;
    margin: 0 5px;
}
.blocco.articolo .tags li a{
	padding: 3px 8px;
	color: #0a0a0a;
	border: 1px solid #ebeced;
    border-radius: 5px;
}
.blocco.articolo .tagList{
	position: relative;
	margin-top:90px;
}
.blocco.articolo .tagList > p{
	position:absolute;
	top:-60px;
	font-size:25px;
}
.blocco.articolo .tagList .tags{
	margin-top:15px;
}
.blocco.articolo .tagList .tags li{
	margin-bottom:15px;
}
.blocco.articolo .tagList .tags li a:hover{
		background-color: #b3b5b7;
		color: #fff;
}
@media screen and (max-width: 40em) {
    .blocco.articolo .altreNews .title{
        font-size:2rem;
        position: static;
        padding:10px 0 0 0;
    }
    .blocco.articolo .altreNews .relatedLink{
        display:inline-block;
        width:50%;
        padding: 10px 0;
        clear:both;
    }
    .blocco.articolo .info .autore{
        font-size:0.7rem;
    }
}
.columns.externalDescription a {
    display: block;
    position: relative;
}
.row .columns.externalDescription {
    margin-bottom: 1rem;
}

.columns.externalDescription  .landscapeP {
    position: relative;
}

.columns.externalDescription .img:before{
    background: -moz-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(24,56,88,0) 59%, rgba(20,35,42,0.8) 100%);
    background: -webkit-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(24,56,88,0) 59%,rgba(20,35,42,0.8) 100%);
    background: linear-gradient(to bottom, rgba(30,87,153,0) 0%,rgba(24,56,88,0) 59%,rgba(20,35,42,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#cc14232a',GradientType=0 );
}
.columns.externalDescription .img:before {
     content: "";
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    bottom: 0;
}
.columns.externalDescription .img {
    position: relative;
}
.columns.externalDescription .info {
    color: #576266;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 40px;
}


.personaggio .img:hover:before {
    /* background: initial !important; */
    background: -moz-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(24,56,88,0) 59%, rgba(20,35,42,0.8) 100%);
    background: -webkit-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(24,56,88,0) 59%,rgba(20,35,42,0.8) 100%);
    background: linear-gradient(to bottom, rgba(30,87,153,0) 0%,rgba(24,56,88,0) 59%,rgba(20,35,42,0.8) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#cc14232a',GradientType=0 );
}

.video.isRaiplayMedia .img:hover:before {
      content: "" !important;
      display: block;
      background: rgba(51, 178, 249, 0.66) !important;
}
.row .isRaiplayMedia .img:hover:after{
    content: "Apri in RaiPlay";
    background: url('http://rai.it/dl/componentss/img/ico-play.png');
    width: 7rem;
    background-size: 3rem;
    top: calc(49% - 1.5rem);
    left: calc(50% - 3.8rem);
    background-repeat: no-repeat;
    color: #fff;
    line-height: 8rem;
    font-weight: 600;
    background-position-x: 32px;

}

a.isRaiplayMedia:hover .info.interno, .personaggioSingolo a.isRaiplayMedia:hover .info {
    display: none !important;
}
.personaggi.blocco, .blocco.ugcBlock {
    background-size: 100% 100%;
}
/*video*/
aside#bannerSinistra{
    background-color:#E5E7E6;
}
aside#bannerSinistra h4{
    color:#6A7477;
}
aside#bannerSinistra .switch div {
    color:#6A7477;
}
aside#bannerSinistra #autoplayContainer.switch
{
  display: none;
}
#video-correlati .relatedLink{
    width:100%;
    clear: both;
    display: inline-block;
    padding: 10px 0;
    / -webkit-box-shadow: -1px 1px 4px -3px rgba(0,0,0,1); /
    / box-shadow: 0px 1px 4px -3px rgba(0,0,0,1); /
    border-bottom: 1px solid #d2cece;
}
#video-correlati .relatedLink .img{
    width: 90px;
    height: 60px;
    background-position: center;
    background-repeat: no-repeat;
    float: left;
    margin-right: 10px;
}
#video-correlati .relatedLink .info{
    color:#6A7477;
    max-height: 60px;
    overflow: hidden;
}
#video-correlati .relatedLink .info .title{
    font-weight:bold;
    font-size:0.9rem;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
#video-correlati .relatedLink .info .time{
    display:none;
}
#videoDescription .titleItem{
    color:#6A7477;
    padding-bottom: 10px;
}
#video-correlati .relatedLink .img:after{
    display:none;
}
/*Media content page*/
.mediaContent .row{
    max-width:64rem;
}
.mediaContent .list a{
    padding-bottom:10px;
    display:inline-block;
}
.mediaContent .list a .info{
    height:100px;
    overflow:hidden;
    color:#4b4b4b;
    font-weight:bold;
    font-size:0.9rem;

}
.mediaContent .list a .img{
    position:relative;
}
.mediaContent .list a .info .titolo{
    height: 2rem;
    line-height: 1rem;
    text-overflow:ellipsis;
    overflow: hidden;
}
.mediaContent .list a .info .description{
    font-weight:normal;
    font-size:0.8rem;
    line-height: 1rem;
    text-overflow:ellipsis;
    height: 2.4rem;
}
.blocco.downloads .documentSet .documentItem .files .file a{
        display: block;
    height: 70px;
    padding-left: 35px;
    background: url(https://www.rai.it/dl/components/img/socTrasp/icon-download.svg) left center / auto 30px no-repeat;
    line-height: 70px;
    text-align: left;
    border-bottom: 1px solid #dadada;
    font-size: 14px;
    color: #485459;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.blocco.downloads .documentSet * {
    color: #485459;
}
.blocco.downloads .documentSet .documentItem .files {
    padding-bottom: 20px;
    border-bottom: 1px solid #dadada;
}
@media screen and (max-width: 640px) {
    .blocco .title.row.align-middle.with-link .columns h2{
        font-size:2rem;
    }
    li.tabs-title{
        max-width:100px;
    }
}
@media screen and (min-width: 64em) and (min-width: 64em) {
  .large-expand {
    max-width: 100%;
    } }



    /*  TABS   */
.blocco-tabs .switch-modifiche-container {
    height: auto;
    overflow: hidden;
}

.blocco-tabs .switch-modifiche {
    margin: 0;
    padding-bottom: 30px;
    text-align: center;
    font-size: 0;
    white-space: nowrap;
    overflow: auto;
}

.blocco-tabs .switch-modifiche li {
    position: relative;
    color: #939999;
    background: transparent;
    cursor: pointer;
    -webkit-transition: background 400ms ease;
    -moz-transition: background 400ms ease;
    transition: background 400ms ease;
}

.blocco-tabs .switch-modifiche li.active .icon {
    background: rgba(46,59,66,1);
    margin: 0;
    border-radius: 5px;
}

.blocco-tabs .switch-modifiche li.active:after {
    content: ' ';
    display: block;
    position: absolute;
    bottom: -30px;
    left: 50%;
    margin-left: -25px;
    border-style: solid;
    border-width: 0 25px 30px 25px;
    border-color: transparent transparent #fff transparent;
}

.blocco-tabs .switch-modifiche li .icon {
    width: 160px;
    padding: 20px;
}

.blocco-tabs .switch-modifiche li .icon svg path {
    fill: #939999 !important
}

.tab {
    display: none;
}

.tab.active {
    display: block;
}

.blocco-tabs .switch-modifiche li .testo {
    color: #4c4c4c;
    padding: 20px 0;
    display: block;
    font-size: 15px;
    width: 160px;
    white-space: normal;
}

.blocco-tabs .switch-modifiche li.active .icon svg .st0 {
    fill: #fff !important;
}

.blocco-tabs .switch-modifiche::-webkit-scrollbar {
    display: none;
}

@media screen and (max-width: 800px) {
    .blocco-tabs .switch-modifiche {
        display: -webkit-box;
    }
}


/* Tabs  filtro*/
.blocco ul.tabs{
    border: none;
}
.blocco ul.tabs::-webkit-scrollbar {
    display: none;
}
.blocco ul.tabs li {
    display: block;
    text-align: center;
    width: auto;
    max-width: none;
    height: auto;
    border: none;
    border-radius: 0px;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}
.blocco ul.tabs li a {
    border: 1px solid #999;
    border-radius: 5px;
    display: block;
    width: auto;
    text-align: center;
    height: auto;
    margin-top: 10px;
}
.blocco ul.tabs li.no-items a {
    border-color: #CCC;
    color: #CCC !important;
}
.blocco ul.tabs li.no-items a:hover, .blocco ul.tabs li.no-items.is-active a {
    background: #FFF;
    color: #CCC !important;
    border-color: #CCC;
    cursor: default;
}
.blocco ul.tabs li a:before {
    content: none;
}
.blocco .select-tab {
    display: block;
}
.blocco ul.tabs{
    display: none !important;
}
.blocco .select-tab {
    margin-top: 10px;
}
@media screen and (min-width: 40em) {
    .blocco ul.tabs li {
        width: 33.33333%;
        min-width: 200px;
    }
    .blocco .select-tab {
        display: none;
    }
    .blocco ul.tabs{
        display: block !important;
    }
}
@media screen and (min-width: 64em) {
    .blocco ul.tabs li {
        width: 20%;
    }
}
@media screen and (min-width: 80em) {
    .blocco ul.tabs li {
        min-width: 250px;
    }
}