body.raiCinemaVideoFoto, .medium-collapse {
    color: #14232a;
    font-size: 12px;
}

.raicinema.raiPlayVideoFoto #videoDescription p
{
	font-size:14px;
}

#galleryDescription, #galleryDescription .row {
    margin-left: 0px;
    margin-right: 0px;
}

.column.white {
    background-color: #ffffff;
}

.Player {
    margin-bottom: 40px;
}

body.raiCinemaVideoFoto .slick-row .linkToSet {
    display: none !important;
}

#galleryDescription {
    margin-top: 40px;
}

#videoDescription, #buttonContainer, #videoInteractContainer {
    margin-bottom: 40px;
}

#trimmedTextCont h1 {
    font-size: 1.5rem;
    margin: 0;
}

#trimmedTextCont h1 strong {
    margin-bottom: 15px;
    /*font-size: 14px;*/
	font-size:24px;
    color: #485459;
    display: block;
    font-weight: normal;
}

#trimmedTextCont h2 {
    margin-bottom: 15px;
    font-size: 14px;
}

#bannerRow {
    margin-top: 50px;
}

.banner300x250 h3 {
    font-size: 0.7rem;
}

.banner300x250.left-shift {
    margin-left: -30px;
}

#socialShareCont .margin-btn {
    max-width: 31% !important;
    margin: 0 1%;
}

.icon-info {
    margin-bottom: 5px;
}

#tagContainer {
    border-top: 1px solid #cacaca;
    padding-top: 30px;
    margin-left: calc(-0.625rem + 40px);
    margin-right: calc(-0.625rem + 40px);
}

.raiCinemaVideoFoto header {
    font-size: 1rem;
}
.raiCinemaVideoFoto .audiodescrizioneSvg {
        background: url(https://www.rai.it/dl/components/img/ico_newAudiodesc.png) no-repeat;
        background-position: center top;
    }

/*===================================Search Bar===================================*/
a.search-icon {
    background: #28353c;
    display: block;
}

.search-cont-inner-sr {
    margin: 0 auto 0 auto;
    padding-top: 20px;
}

.search-bar-sr {
    border: none;
}

input.search-bar-sr {
    border-radius: 5px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    height: 50px;
}

    input.search-bar-sr::-webkit-input-placeholder {
        opacity: 1;
        color: #303742;
    }

    input.search-bar-sr:-moz-placeholder {
        opacity: 1;
        color: #303742;
    }

    input.search-bar-sr::-moz-placeholder {
        opacity: 1;
        color: #303742;
    }

    input.search-bar-sr:-ms-input-placeholder {
        opacity: 1;
        color: #303742;
    }

    input.search-bar-sr:-moz-placeholder {
        opacity: 1;
        color: #303742;
    }

    input.search-bar-sr::-moz-placeholder {
        opacity: 1;
        color: #303742;
    }

    input.search-bar-sr:-ms-input-placeholder {
        opacity: 1;
        color: #303742;
    }
/*===================================fine Search Bar===================================*/
/*===================================Colonna di destra===================================*/
#bannerSinistra {
    /*padding: 0 10px;*/
	padding:0;
}
#bannerSinistra.loading{
   background-image:url('/dl/components/img/raicinema-loading.gif');
   background-position:50% 200px;
   background-repeat:no-repeat;
}
    #bannerSinistra h4 {
        margin: 40px 0 30px 0;
        padding: 0;
		font-size: 22px;
		color: #485459;
    }

    #bannerSinistra .relatedItem img {
        float: left;
        width: 90px;
        height: 60px;
        padding: 0;
        margin-right: 15px;
    }

.relatedItem div.img {
    position: relative;
}

    .relatedItem div.img:before {
        content: "";
        width: 90px;
        height: 60px;
        position: absolute;
        display: block;
        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 );
    }

#bannerSinistra .relatedItem {
    padding: 14px 0;
    border-bottom: 1px solid #cbced0;
}

#bannerSinistra .relatedItem, #otherRelated {
    font-size: 0.8rem;
    color: #424e55;
    margin: 0;
    font-weight: 600;
}

    #bannerSinistra .relatedItem .info .titolo {
        color: #576266;
        /* text-transform: uppercase; */
        margin: 0;
        padding: 0;
        font-weight: 600;
    }

    #bannerSinistra .relatedItem .info .description {
        color: #979da0;
        font-weight: 600;
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

#otherRelated {
    padding: 20px 0;
}

    #otherRelated a {
        color: #424e55;
    }

#bannerSinistra .rightArrow {
    display: inline-block;
    margin: 0 0 -3px 7px;
    width: 16px;
    height: 16px;
    background: url(/dl/components/img/infografica/right-arrow_w.png) no-repeat;
}
/*===================================fine Colonna di destra===================================*/
.itemClearfix {
    clear: both;
    margin: 0;
}
/*===================================slick===================================*/
.title-slick-tab-sr {
    text-align: center;
    font-size: 2.5rem;
    margin: 35px auto;
    font-weight: 200;
    color: #fff;
}

.slick-initialized .slick-dots {
    top: -35px;
}

    .slick-initialized .slick-dots li button:before {
        font-size: 30px;
    }

.slick-slide a .info .label {
    font-size: 16px;
    color: #7c8589;
    background: transparent;
    margin: 5px 0px 0px 0px;
    font-weight: 400;
    text-transform: lowercase;
    white-space: normal;
    line-height: normal;
}

.slick-slide a .info .titolo {
    font-size: 1rem;
    margin-top: 10px;
    font-weight: 600;
}

.slick-slide a .info .description {
    font-size: 12px;
    color: #7c8589;
    background: transparent;
    font-weight: 200;
    padding: 0.33333rem 0.5rem;
    display: block;
}

.slick-row .video .img:after {
    content: "";
}
/*da rimuovere*/
.raiCinemaVideoFoto .slick-slide a span.duration {
    color: #fff;
    position: absolute;
    margin-top: -22px;
    margin-left: 10px;
}

.raiCinemaVideoFoto .h6 {
    color: #fff;
}

/*===============Slick Gallery===============*/
.centerSlide img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    margin: 0 auto;
    display: block;
}

.custom_paging {
    display: none;
}

.relativeRow {
    position: relative;
}

.correlati-sr .slick-prev, .correlati-sr .slick-next {
    width: 40px;
    z-index: 999;
    top: 37%;
}

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

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

#galleryButtonCont {
    position: absolute;
    bottom: 15px;
    left: 25px;
    z-index: 100;
}

.no-aside-margins {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#galleryButtonCont span {
    display: block;
    font-weight: 600;
}

    #galleryButtonCont span.fotoAttiva {
        display: inline;
    }

#galleryButtonCont > span {
    float: left;
    height: 50px;
    line-height: 50px;
}

body.iframe {
    background-color: #111A20;
}

    body.iframe.video {
        padding: 0;
    }

        body.iframe.video .Player {
            margin: 0;
        }

        body.iframe.video .loading {
            width: 100%;
            height: 100%;
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
        }

        body.iframe.video .redirect {
            position: relative;
            text-align: center;
            width: 100%;
            height: 100%;
        }

            body.iframe.video .redirect a {
                display: inline-block;
                width: 100%;
                height: 100%;
                background-repeat: no-repeat;
                background-size: contain;
            }

            body.iframe.video .redirect p {
                position: absolute;
                width: 100%;
                top: 50%;
                color: #fff;
                font-size: 2rem;
                font-family: "Open Sans";
            }

                body.iframe.video .redirect p:before {
                    content: "";
                    display: block;
                    margin: 0 auto;
                    width: 60px;
                    height: 60px;
                    background: url(/dl/playern_raitv/css/controls/icorai/play-big-touch.png) no-repeat;
                }

    body.iframe .galleryIframe {
        height: 100%;
    }

    body.iframe #galleryContainer {
        margin: 0;
        padding: 0;
        max-height: 100%;
    }

    body.iframe .galleryIframe:hover .slick-prev, body.iframe .galleryIframe:hover .slick-next {
        display: block;
    }

#bannerSinistra {
    background-color: #e5e7e7;
    color: #979da0;
}

.raiplay #bannerSinistra .spalla-stat {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
}

/*======bottoni gallery======*/
#countFullCont > span {
    float: left;
}

#playGallery {
    width: 50px;
    height: 50px;
    cursor: pointer;
    transition: 0.5s;
}

    #playGallery.play {
        background-image: url(/dl/test/infografica/play-gallery.png);
    }

    #playGallery.pause {
        background-image: url(/dl/test/infografica/pause-gallery.png);
    }

#countFullCont {
    margin-left: 10px;
    background-color: rgba(13, 21, 25, 0.8);
    opacity: 0.8;
    color: #6e7376;
}

    #countFullCont > span {
        margin-left: 23px;
        margin-right: 23px;
    }

#fullscreen {
    width: 26px;
    height: 18px;
    margin-top: 14px;
    background-image: url(/dl/test/infografica/full-screen-gallery.png);
    cursor: pointer;
}

#photoDescription {
    background-color: #03A0F8;
    padding: 0 23px;
    color: #ffffff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#myModal {
    background-color: rgba(0, 0, 0, 0.76);
    padding: 5%;
    max-height: 80%;
}

    #myModal #galleryContainer {
        max-width: 80%;
        margin: 0 auto;
    }
/*Giorni rimanenti disponibilit� contenuto*/
.rangeCont {
    float: left;
    width: 40px;
    height: 6px;
    margin-top: 6px;
}

    .rangeCont div {
        height: 6px;
    }

.empyRange {
    background-color: #cbced0;
    height: 10px;
}

.range {
    background-color: #7c8589;
    width: 0;
}

.empyRange, .range {
    width: 100%;
    border-radius: 10px;
}

.remainingDay {
    float: left;
    margin-left: 10px;
}
/*fine Giorni rimanenti disponibilit� contenuto*/
/*======fine bottoni gallery======*/
/*===============fine Slick Gallery===============*/
/*===================================fine slick===================================*/
/*===================================icons===================================*/
.sr-icon {
    margin-right: 5px;
}

.HD-icon::before {
    content: url(/dl/test/infografica/HD-icon.png);
    display: inline-block;
}

.calendar-icon::before {
    content: url(/dl/test/infografica/calendar-icon.png);
    display: inline-block;
}

.photo-icon::before {
    content: url(/dl/test/infografica/photo-icon.png);
    display: inline-block;
}

.view-icon::before {
    content: url(/dl/test/infografica/view-icon.png);
    display: inline-block;
}

.prog-bar-icon::before {
    content: url(/dl/test/infografica/prog-bar-icon.png);
    display: inline-block;
}

.rating-icon::before {
    content: url(/dl/test/infografica/rating-icon.png);
    display: inline-block;
}

.alert-icon::before {
    content: url(/dl/test/infografica/alert-icon.png);
    display: inline-block;
}

.orange-alert-icon::before {
    content: url(/dl/test/infografica/orange-alert-icon.png);
    display: inline-block;
}

.heart-icon::before {
    content: url(/dl/test/infografica/heart-icon.png);
    display: inline-block;
}

.red-heart-icon::before {
    content: url(/dl/test/infografica/red-heart-icon.png);
    display: inline-block;
}

.unlike-icon-gray::before {
    content: url(/dl/test/infografica/unlike-icon-gray.png);
    display: inline-block;
}

.like-icon-gray::before {
    content: url(/dl/test/infografica/like-icon-gray.png);
    display: inline-block;
}

.share-icon-gray::before {
    content: url(/dl/test/infografica/share-icon-gray.png);
    display: inline-block;
}

.clock-icon-gray::before {
    content: url(/dl/test/infografica/clock-icon-gray.png);
    display: inline-block;
}

.arrow-left::before {
    content: url(/dl/test/infografica/arrow-left.png);
    display: inline-block;
}

.arrow-right::before {
    content: url(/dl/test/infografica/arrow-right.png);
    display: inline-block;
}

.search-icon::before {
    content: url(/dl/test/infografica/search-icon.png);
    display: inline-block;
}

p.tagSR span {
    background-image: url("/dl/test/infografica/cover-border-tag.png");
    background-repeat: repeat-x;
    background-position: 10px 0px;
    border-right: 1px solid #cbced0;
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding-right: 10px;
    margin: 7px 5px;
    border-radius: 5px;
}

    p.tagSR span::before {
        content: url(/dl/test/infografica/cover-left-tag.png);
        display: inline-block;
        float: left;
        z-index: 9;
        background-color: #fff;
    }

.videoOverlay {
    width: 100%;
    background-color: #000;
    font-size: 24px;
    color: #fff;
    text-align: center;
    height: 500px;
    align-items: center;
    justify-content: center;
}

    .videoOverlay .closeVideoOverlay {
        width: 50px;
        height: 50px;
        padding: 10px;
        display: flex;
        position: absolute;
        right: 25px;
        cursor: pointer;
        top: 25px;
        -webkit-transition: width 500ms, background 100ms;
        transition: width 500ms, background 100ms;
        border-radius: 5px;
    }
    .videoOverlay .closeVideoOverlay img {
        position: absolute;
        top: 50%;
        right: 10px;
        margin-top: -15px;
        -webkit-transition: all 500ms;
        transition: all 500ms;
    }
    .closeVideoOverlay:after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 12px;
        height: 100%;
        background-color: transparent;
        border-radius: 10px;
        -webkit-transition: all 500ms;
        transition: all 500ms;
    }
    .closeVideoOverlay.skip {
        width: 180px;
        background: #00a0fa;
        font-size: 16px;
        line-height: 30px;
        text-transform: uppercase;
        white-space: nowrap;
        overflow: hidden;
    }
    .videoOverlay .closeVideoOverlay.skip img {
        right: -3px;
        -ms-transform: scale(0.7);
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }
    .closeVideoOverlay.skip:before {
        content: 'Guarda il video';
    }
    .closeVideoOverlay.skip:after {
        background: #00a0fa;
    }

    .videoOverlay p {
        margin: 20px 0;
    }

    .videoOverlay .button {
        background: #00a0fa;
        border-radius: 5px;
        font-size: 1.125rem !important;
        padding: .875rem;
    }

#buttonCont .button {
    padding: 2px 25px;
    line-height: 51px;
    font-size: 25px;
    border-radius: 4px;
}

    #buttonCont .button:before {
        content: " ";
        display: block;
        float: left;
        width: 47px;
        height: 47px;
        background: url("http://www.rai.tv/resizegd/35x35/dl/components/img/ico-play.png") no-repeat center;
        margin-right: 10px;
    }

.remainInfo {
    display: none;
}
/*===================================fine icons===================================*/

/*===================================Media Query===================================*/

@media screen and (min-width: 64em) {
    #socialShareCont .row {
        margin-left: 0;
        margin-right: 0;
    }

        #socialShareCont .row .small-6,
        #socialShareCont .row .small-12 {
            padding-left: 0;
            padding-right: 0;
        }
}

@media screen and (min-width: 1024px) and (max-width: 1260px) {
    #socialShareCont .small-12 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 1024px) {
    #bannerSinistra {
        background-color: #e5e7e7;
    }

        #bannerSinistra > .column {
            padding: 0;
        }

            #bannerSinistra > .column > h4 {
                padding: 0 10px;
            }


    #otherRelated {
        text-align: center;
    }

    .Player {
        margin-bottom: 25px;
    }

    #videoDescription {
        margin-bottom: 0;
    }

    .title-slick-tab-sr {
        font-size: 1.5rem;
    }

    .slick-slide a .info .label {
        font-weight: 600;
    }

    #mainRow div#slickContainer {
        border-top: 0;
        margin-top: 0;
    }

        #mainRow div#slickContainer .h6.title-slick-tab-sr {
            padding-top: 0;
            text-align: left;
            margin-bottom: 0;
        }

        #mainRow div#slickContainer > .row .h6.title-slick-tab-sr:after {
            border-bottom: 0;
        }

    .relatedItem a.img {
        float: none;
        height: auto;
    }

    .durataCorrelati {
        bottom: 2.5rem !important;
    }

    .relatedItem div.img:before {
        width: 100%;
        height: 100%;
    }

    .raiCinemaVideoFoto .blocco .row .title h2 {
        font-size: 1.25rem;
        text-align: left;
    }

    #bannerSinistra > .column > h4 {
        padding: 0 1.875rem;
    }
}

@media screen and (max-width: 40rem) {
    .relatedItem {
        padding: 14px 10px;
    }

    .correlati-sr .slick-dots {
        top: inherit !important;
        text-align: center;
    }

    #socialShareCont a.showShareButtons {
        margin: 0 -10px 0 0;
    }

    #socialShareCont .shareButtons {
        top: 0;
    }

    #bannerSinistra .relatedItem {
        float: none;
        margin: 0 auto;
    }

    .durataCorrelati {
        width: 80px;
    }
}

@media screen and (max-width: 38.31rem) {
    .videoOverlay > p {
        margin-top: 9%;
    }
}

@media screen and (max-width: 480px) {
    #galleryContainer {
        margin-bottom: 125px;
    }

    #galleryButtonCont {
        bottom: -58px;
        width: 96%;
        bottom: -150px;
        left: 10px;
    }

        #galleryButtonCont #photoDescription {
            float: none;
            width: calc(100% - 1px);
            margin-top: 50px;
        }

    #countFullCont {
        width: calc(100% - 61px);
    }

    #countSlide {
        width: calc(100% - 118px);
        text-align: center;
    }
}

@media screen and (max-width: 64em) {
    .videoOverlay {
        font-size: 20px;
    }
    .videoOverlay > .row.align-center {
        margin-top: 10% !important;
    }
    .videoOverlay .button {
        font-size: 16px !important;
    }
}
/*Fine Media Query*/


/* Nuova grafica @francesco */

.dark-blue {
    background-color: #111A20;
}

#bannerSinistra #autoplayContainer input:checked + .switch-paddle {
    background-color: #2199e8 !important;
}

#bannerSinistra .switch div {
    color: #fff;
    line-height: 1.5em;
}

#bannerSinistra .relatedItem p.relatedTitle {
    color: #fff;
    text-transform: none;
}

#bannerSinistra .relatedItem p, #otherRelated a {
    color: #7C8688;
}

#bannerSinistra .switch div {
    color: #fff;
    line-height: 1.5em;
}

#bannerSinistra .relatedItem p.relatedTitle, #bannerSinistra .relatedItem p.relatedTitle a {
    color: #fff;
    text-transform: none;
}

#bannerSinistra .relatedItem p, #otherRelated a, #bannerSinistra .relatedItem p a {
    color: #7C8688;
}

#bannerSinistra .relatedItem {
    border-bottom-color: #cbced0;
    position: relative;
}

#socialShareCont .sr-button,
#actionButtons .sr-button {
    border: none;
    text-align: center;
}

    #actionButtons .sr-button span {
        display: block;
    }

    #actionButtons .sr-button ellipse.st0 {
        fill: transparent;
        stroke: #7c8688;
    }

#trimmedTextCont h1 {
    margin-right: 15px;
    color: #485459;
}

div#videoDescription {
    color: #485459;
}

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

#socialShareCont svg,
#actionButtons svg {
    height: 32px;
}

/* actions & sharing buttons */

.bookmarks-button {
    margin-left: 0.625rem;
}

.see-later-button {
    width: 95px;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    margin-right: 4%;
    float: left;
}

.audio-description-button {
    width: 120px;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    float: left;
}

.subtitle-spacing {
    margin-right: 10px;
}

/***20/07/2016***/
#bannerSinistra .relatedItem .titolo, #bannerSinistra .relatedItem .description {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#bannerSinistra .relatedItem p.relatedTitle a {
    height: 20px;
}

#otherRelated a {
    width: 100%;
    color: #fff;
    padding: 1rem 0;
    max-width: 220px;
}

p.collapseTxt {
    overflow: hidden;
}

#bannerSinistra .relatedItem .collapseTxt a.txt {
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.infoIcon {
    display: none;
}

@media screen and (max-width: 1023px) {
    .remainInfo {
        display: none;
    }

    #bannerSinistra .relatedItem {
        padding: 14px 0.625rem;
    }

    .raiplay #bannerSinistra .spalla-stat {
        margin-left: calc(-0.625rem + 40px);
        margin-right: calc(-0.625rem + 40px);
    }

    #bannerSinistra {
        padding: 0 0 1.25rem;
    }

        #bannerSinistra .relatedItem {
            padding: 14px 0.625rem;
            border-bottom: 0;
        }

            #bannerSinistra .relatedItem img {
                float: none;
                display: block;
                height: auto;
                width: 100%;
                margin-right: 0;
            }

        #bannerSinistra h4 {
            padding: 0 0.625rem;
        }
}

@media screen and (max-width: 769px) {
    #viewOtherContent .sr-button { display: none; }
    #viewOtherContent .sr-button:nth-child(2) { display: block; }

    div#videoDescription h1.titleItem {
      display: block;
      width: 100%;
    }

    .mejs-raiplay-nofull {
        background: rgba(0,0,0,.7) !important;
        z-index: 9999 !important;
    }
}

@media screen and (max-width: 40rem) {
    .raiplay #bannerSinistra .spalla-stat {
        margin-left: 0.9375rem;
        margin-right: 0.9375rem;
    }
}

#videoDescription p.show-for-large {
    font-size: 14px;
    color: #979da0;
}

#mainRow div#slickContainer {
    border-top: 1px solid #2e3c42;
    margin-top: 15px;
}

    #mainRow div#slickContainer .h6.title-slick-tab-sr {
        padding-top: 90px;
        padding-bottom: 5px;
        margin-top: 0;
    }

    #mainRow div#slickContainer > .row .h6.title-slick-tab-sr:after {
        content: "";
        border-bottom: 1px solid #2e3c42;
        position: relative;
        top: 10px;
        width: 200px;
        display: block;
        margin: 0 auto;
    }

.expanded.banner300x250 {
    padding-left: 0;
    margin-bottom: 2.5rem;
    display: block !important;
}

.durataCorrelati {
    position: absolute;
    bottom: 0.875rem;
    color: #fff;
    left: 6px;
    font-weight: 600;
    z-index: 99;
    font-size: 12px;
    width: 5rem;
}



.lista-canali {
    padding: 0;
    margin: 0 !important;
}

    .lista-canali .channelPrev {
        width: 140px;
        /* padding-left: 40px; */
        float: left;
    }

    .lista-canali .channelPrev, .lista-canali .channelNext {
        display: inline-block;
        width: 100px;
        height: 80px;
        text-align: center;
        background-color: transparent;
        padding-top: 20px;
        font-size: 25px;
        font-weight: bold;
        cursor: pointer;
    }

    .lista-canali .channels {
        float: left;
        display: flex;
        height: 80px;
        padding: 0;
        margin: 0;
        min-width: 100px;
        background: transparent;
    }

.channelPrev, .channelDX, .channels {
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -ms-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
}

.lista-canali .channels .channel {
    list-style: none;
    text-align: center;
    padding: 20px 20px 0;
    height: 80px;
    width: auto;
    background-color: #111A20;
    cursor: pointer;
    border-radius: 5px;
}

    .lista-canali .channels .channel svg {
        fill: #7c8589;
        height: 40px;
        margin: 0 auto;
    }

    .lista-canali .channels .channel.attivo svg,
    .lista-canali .channels .channel:hover svg {
        fill: #fff;
    }


/*.lista-canali .channel{
  border-radius:5px;
  max-width: 100px;
  padding: 10px 20px 5px 20px;
  margin-right: 35px;
}
.lista-canali .channel a{
  fill:#7C8688;
}
.lista-canali .channel.channel-current a, .lista-canali .channel:hover a{
    fill:#FFF;
}

.lista-canali .slick-prev:before, .lista-canali .slick-next:before{
    background-color: transparent !important;
}*/

li.eventSpan {
    min-height: 200px;
    background-color: #14232A;
    color: #FFF;
}

    li.eventSpan.onAir {
        background-color: #344147;
        color: #FFF;
    }

    li.eventSpan .eventWrapper p.info a {
        color: #FFF;
    }

    li.eventSpan .eventWrapper p.desc, li.eventSpan .eventWrapper p.infoIcon {
        display: none;
    }

    li.eventSpan .eventWrapper p.descProgram {
        max-height: 100px;
        overflow: hidden;
    }

    li.eventSpan .eventWrapper .infoSx p.nameChannel, li.eventSpan .eventWrapper .infoSx p.subtitle {
        display: none;
    }

    li.eventSpan .eventWrapper {
        position: relative;
        padding-top: 45px;
    }

        li.eventSpan .eventWrapper p.time {
            font-size: 1.3rem;
            text-align: center;
            position: absolute;
            top: 0;
            width: 100%;
        }

.srContSeg {
    display: none;
}

#livePage .program {
    margin-bottom: 0px !important;
    opacity: 0;
}

    #livePage .program.slick-initialized, .lista-canali.slick-initialized {
        opacity: 1;
        transition: opacity 1s ease-in;
    }

#livePage .eventSpan {
    padding: 0.625rem;
}

#livePage li.eventSpan .eventWrapper .img img {
    width: 100%;
    display: none;
}

#livePage li.eventSpan.onAir .eventWrapper .img img {
    display: block;
}

#livePage li.eventSpan .eventWrapper p.info {
    margin: .75rem 5px;
}

    #livePage li.eventSpan .eventWrapper p.info a {
        font-size: 1rem;
    }

#livePage li.eventSpan .eventWrapper p.descProgram {
    font-size: .75rem;
    margin: 0 5px 45px;
}

#livePage .watchlater-button {
    display: none;
}

#livePage .contProgresso {
    display: none;
    position: absolute;
    height: 4px;
    bottom: 0;
}

.raiCinemaVideoFoto .slick-row .slick-large-1 .info {
    position: static;
    margin-top: 0;
}

.raiCinemaVideoFoto .slick-row a .info .titolo {
    font-weight: 400;
    padding: 0 0.5rem;
    color: #979da0;
}

.overlayResume {
    width: 50%;
    position: absolute;
    bottom: 50px;
    left: 25%;
    background: rgba(255,255,255,0.5);
    border-radius: 10px;
    text-align: center;
}

    .overlayResume p {
        margin: 0;
        font-size: 1.2rem;
        color: #fff;
        padding: .5rem;
    }

.mejs-captions-layer {
    font-size: 38px !important;
    line-height: 48px !important;
    z-index: 999999 !important;
}

@media screen and (max-width: 639px) {
    #livePage .row .row {
        margin: 0px 5px;
    }

    #livePage .program {
        opacity: 1;
    }

        #livePage .program li.eventSpan {
            background: #434f54;
            width: 100% !important;
        }

            #livePage .program li.eventSpan .eventWrapper {
                padding: 0;
                margin: 0;
                width: 100%;
                height: 80px;
            }

                #livePage .program li.eventSpan .eventWrapper .img,
                #livePage .program li.eventSpan .eventWrapper p.nameChannel {
                    display: none;
                }

                #livePage .program li.eventSpan .eventWrapper a {
                    color: #fff;
                }

                #livePage .program li.eventSpan .eventWrapper p.time {
                    font-size: 18px;
                    line-height: inherit;
                    padding-top: calc(.8125rem + 10px);
                    color: #fff;
                }

                #livePage .program li.eventSpan .eventWrapper .infoSx {
                    width: 70%;
                    height: 80px;
                    padding: 20px 0;
                }

            #livePage .program li.eventSpan.onAir .eventWrapper .img {
                display: inline;
                /* height: 80px; */
                margin-left: 0px;
                width: 107px;
                overflow: hidden;
            }

                #livePage .program li.eventSpan.onAir .eventWrapper .img img {
                    width: 120px;
                }

            #livePage .program li.eventSpan.onAir .eventWrapper .infoSx {
                width: 67%;
                padding: 0;
                height: 40px;
            }

            #livePage .program li.eventSpan.onAir .eventWrapper p.info {
                padding-top: 0;
                font-size: 1rem;
            }

            #livePage .program li.eventSpan .eventWrapper p.descProgram {
                font-size: .6875rem;
            }

            #livePage .program li.eventSpan .eventWrapper p {
                padding: 0 15px;
            }

            #livePage .program li.eventSpan.onAir .eventWrapper p.time {
                font-size: .75rem;
                color: #b1b6b8;
                float: left;
                padding: 0 15px;
                margin: 0;
                text-align: left;
            }

    #livePage #bannerSinistra, #livePage .lista-canali, #livePage h6.title-slick-tab-sr,
    #livePage .blocco.dark.border-top {
        display: none;
    }

    #livePage #videoDescription,
    #livePage #socialShareCont,
    #livePage .useraction {
        margin: 10px 0 0;
    }

    #livePage .program li.eventSpan .eventWrapper {
        width: 90vw;
    }

    #livePage .program li.eventSpan .eventPlaybill {
        display: none;
    }

    #livePage .program li.eventSpan {
        background: #273137;
        padding: 0;
        display: block;
        overflow: hidden;
        position: relative;
        cursor: pointer;
        min-height: inherit;
    }

        #livePage .program li.eventSpan .eventWrapper {
            padding: 0;
            margin: 0;
            width: 100%;
            height: 80px;
            display: block;
            border-bottom: 1px solid rgba(255,255,255,0.1);
            color: #b1b6b8 !important;
        }

            #livePage .program li.eventSpan .eventWrapper .img,
            #livePage .program li.eventSpan .eventWrapper p.nameChannel {
                display: none;
            }

            #livePage .program li.eventSpan .eventWrapper a {
                color: #fff;
            }

            #livePage .program li.eventSpan .eventWrapper p.time {
                line-height: 130px;
                font-size: 30px;
                text-align: center;
                color: #7b8588;
                float: right;
                width: 100px;
                font-weight: 200;
            }

            #livePage .program li.eventSpan .eventWrapper p.time {
                font-size: 18px;
                line-height: inherit;
                padding-top: calc(.8125rem + 10px);
                color: #fff;
                position: relative;
            }

            #livePage .program li.eventSpan .eventWrapper .infoSx {
                width: 70%;
                height: 80px;
                padding: 20px 0;
                float: left;
            }

        #livePage .program li.eventSpan.onAir .eventWrapper .img {
            display: inline;
            height: 100%;
            margin-left: 0px;
            overflow: hidden;
            float: left;
            width: auto;
        }

            #livePage .program li.eventSpan.onAir .eventWrapper .img img {
                height: 100%;
                width: auto;
            }

        #livePage .program li.eventSpan.onAir .eventWrapper .infoSx {
            width: auto;
            padding: 10px 0 0;
            height: auto;
            position: relative;
            float: left;
            max-width: 65%;
        }

        #livePage .program li.eventSpan.onAir .eventWrapper p.info {
            padding-top: 0;
            font-size: 1rem;
        }

        #livePage .program li.eventSpan .eventWrapper p.descProgram {
            font-size: .6875rem;
        }

        #livePage .program li.eventSpan .eventWrapper p {
            padding: 0 15px;
            font-size: 18px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            margin: 0px;
        }

            #livePage .program li.eventSpan .eventWrapper p.info {
                padding-top: 0;
                font-size: 18px;
            }

            #livePage .program li.eventSpan .eventWrapper p.subtitle {
                color: #485459;
                font-size: .75rem;
            }

        #livePage .program li.eventSpan.onAir .eventWrapper p, #livePage .program li.eventSpan[data-href] .eventWrapper p {
            color: #FFF;
        }

            #livePage .program li.eventSpan.onAir .eventWrapper p.time {
                font-size: .75rem;
                color: #b1b6b8;
                float: left;
                padding: 0 15px;
                margin: 0;
                text-align: left;
                width: auto;
            }

    .playRaiGuidaTv .prgtPrograms .program li.eventSpan.onAir .eventWrapper .img {
        display: inline;
        /* height: 80px; */
        margin-left: 0px;
        width: 107px;
        overflow: hidden;
    }

    #livePage .program li.eventSpan.onAir {
        background: #151e24;
    }

    #livePage .program li.eventSpan .eventWrapper .img {
        width: 320px;
        float: left;
        position: relative;
    }

    #livePage .img .progresso {
        display: none;
    }

    #livePage .contProgresso {
        display: block;
    }

        #livePage .contProgresso .progresso {
            margin-top: 0;
        }

    #livePage .dark-blue {
        background: #273137;
    }

    .videoOverlay {
        position: fixed;
        top: 0;
        height: 100vh;
        z-index: 9999999;
        background: rgba(12,22,26,.9);
        padding-top: 35%;
    }
    .closeVideoOverlay {
        width: 40px;
        height: 40px;
    }
    .closeVideoOverlay img {
        -ms-transform: scale(0.7);
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }
    .closeVideoOverlay.skip {
            width: 160px;
            font-size: 14px;
            height: 40px;
            line-height: 20px;
    }
    .videoOverlay .closeVideoOverlay.skip img {
        right: -3px;
        -ms-transform: scale(0.5);
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

        .videoOverlay p {
            font-size: 1.125rem;
        }

        .videoOverlay .button {
            font-size: .875rem !important;
        }

    .overlayResume {
        width: 95%;
        bottom: 10px;
        left: 2.5%;
    }

        .overlayResume p {
            font-size: .875rem;
        }

    .mejs-captions-layer {
        font-size: 16px !important;
        line-height: 23px !important;
    }
}