.maskOverlay,.mainMenuContainer {
    display: block;
    visibility: hidden;
    opacity: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(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
}

.iabBox,.tagManagerError {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 10000000
}

.iabBox .iabMessage,.tagManagerError .message {
    position: absolute;
    color: #fff;
    width: calc(100% - 2rem);
    background-color: #00a0fa;
    margin: 2rem 1rem 1rem 1rem;
    padding: 1rem;
    border-radius: 10px;
    font-size: .875rem
}

.iabBox .iabMessage a.img {
    display: block;
    text-align: center;
    padding-bottom: 1rem
}

.iabBox .iabMessage .img img {
    width: 5rem;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 35px 0px rgba(0,0,0,.2);
    -moz-box-shadow: 0px 0px 35px 0px rgba(0,0,0,.2);
    box-shadow: 0px 0px 35px 0px rgba(0,0,0,.2)
}

.iabBox .iabMessage a {
    color: #fff;
    text-decoration: underline
}

.iabBox .iabMessage:before,.tagManagerError .message:before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 1.5rem solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 1.8rem solid #00a0fa;
    top: -1.8rem;
    right: 15px
}

.tagManagerError {
    display: block
}

.tagManagerError .message {
    max-width: 50%;
    max-height: 70%;
    right: 0;
    padding: 3rem;
    text-align: center
}

.tagManagerError .message p.img {
    text-align: center;
    margin-bottom: 3rem;
    font-size: 5rem
}

.mainMenuContainer {
    z-index: 1000
}

.maskOverlay.opened,.mainMenuContainer.opened {
    opacity: 1;
    visibility: visible
}

.mainMenuContainer .closeMainMenu,.mainMenuContainer ul {
    position: relative;
    left: -440px;
    -webkit-transition: left 400ms ease;
    -moz-transition: left 400ms ease;
    -ms-transition: left 400ms ease;
    -o-transition: left 400ms ease;
    transition: left 400ms ease
}

.mainMenuContainer.opened ul {
    width: 440px;
    max-height: calc(100% - 80px);
    overflow: auto
}

.mainMenuContainer.opened .closeMainMenu,.mainMenuContainer.opened ul {
    left: 0px
}

.mainMenuContainer.opened ul li.menuItem:after {
    content: " ";
    display: block;
    width: 86%;
    height: 1px;
    background-color: #25333b;
    margin: 0 auto
}

.mainMenuContainer .closeMainMenu {
    width: 440px;
    height: 80px
}

.mainMenuContainer .closeMainMenu #closeMainMenuBtn svg {
    width: 34px;
    margin: 23px
}

.mainMenuContainer .closeMainMenu #closeMainMenuBtn svg path {
    fill: #29a2ff;
    stroke: none
}

.mainMenuContainer ul {
    width: 440px;
    height: 100%;
    margin-left: 0
}

.mainMenuContainer ul li {
    list-style: none
}

.mainMenuContainer ul li a {
    color: #b2bcbf;
    display: block;
    padding: 17px 40px;
    font-size: 17px;
    line-height: 20px;
    position: relative;
    padding-left: 82px
}

.mainMenuContainer ul li a.active {
    background: #29a2ff!important;
    color: #fff
}

.mainMenuContainer ul li a:hover {
    background: #2199e8;
    color: #fff
}

.mainMenuContainer ul li[data-name="Guarda offline"] {
    display: none
}

.menuSets::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

.menuSets::-webkit-scrollbar-thumb {
    background: #2a3a44;
    border: 0px none #fff;
    border-radius: 50px
}

.menuSets::-webkit-scrollbar-track {
    background: #14232a;
    border: 0px none #fff;
    border-radius: 50px
}

#mainMenuBtn {
    display: block;
    float: left;
    height: 80px;
    width: 80px;
    line-height: 80px
}

#mainMenuBtn:after {
    box-shadow: 0 9px 0 #fefefe, 0 18px 0 #fefefe;
    width: 26px;
    margin: 30px 0 0 27px!important
}

#mainMenuBtn:hover:after {
    background: #29a2ff;
    box-shadow: 0 9px 0 #29a2ff, 0 18px 0 #29a2ff
}

.top-bar-left,.top-bar-right {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

#barraRaiNetworkDiv {
    display: none;
    color: #fff;
    background: #212f36
}

.row.top_row .row {
    margin: 0 auto;
    padding: 1.25rem 0
}

#barraRaiNetworkDiv h4 {
    color: #fff;
    font-size: 1rem
}

#barraRaiNetworkDiv .col ul {
    list-style: none;
    font-size: .8rem;
    margin: 0
}

#barraRaiNetworkDiv .col ul span {
    margin-right: .5rem
}

#barraRaiNetworkDiv .col ul a {
    color: #646e73
}

#raissoBox {
    position: relative;
    display: none
}

#raissoBox .raissoClose {
    position: absolute;
    top: 20px;
    right: 10px;
    width: 23px;
    height: 23px;
    font-size: 40px;
    line-height: 20px;
    text-align: center;
    color: #7c8589;
    cursor: pointer
}

#menuDedicato {
    background-color: transparent
}

.top-bar div {
    padding: 0
}

.menu-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    width: 20px;
    height: 16px
}

#site-menu.top-bar .columns {
    flex: initial
}

#site-menu .menuTitle {
    width: 115px!important;
    color: transparent;
    font-size: 28px;
    line-height: 80px;
    font-weight: 100;
    text-indent: -10000px;
    display: inline-block;
    background-image: url(/dl/components/img/nuovoLogoRaiPlayTrasparent.png);
    background-repeat: no-repeat;
    background-position: left center
}

.top-bar .top-bar-right {
    float: right
}

.top-bar ul li#barraRaiBtn {
    width: 80px;
    height: 80px;
    background: rgba(203,206,208,.5);
    cursor: pointer
}

#barraRaiMenuIcon {
    width: 22px;
    height: 20px;
    margin-top: 4px
}

#barraRaiMenuIcon {
    display: none;
    top: 26px;
    left: 30px
}

.top-bar ul li#barraRaiBtn:hover img,.top-bar ul li#barraRaiBtn.opened img,.top-bar ul li#barraRaiBtn.opened #barraRaiMenuIcon,.top-bar ul li#barraRaiBtn #barraRaiCloseIcon {
    display: none
}

.top-bar ul li#barraRaiBtn #barraRaiCloseIcon svg {
    width: 38px;
    margin: 21px
}

.top-bar ul li#barraRaiBtn #barraRaiCloseIcon svg path {
    stroke: none;
    fill: #29a2ff
}

header {
    transition: all 1000ms ease
}

@media screen and (max-width: 40em) {
    .mainMenuContainer .closeMainMenu,.mainMenuContainer ul {
        width:100%!important;
        left: -100%
    }

    .mainMenuContainer .closeMainMenu svg {
        margin: 23px 8px
    }
}

.top-bar ul li#barraRaiBtn.opened {
    background-color: #475358!important
}

.top-bar ul li#barraRaiBtn {
    width: 80px;
    height: 80px;
    background: rgba(203,206,208,.5);
    cursor: pointer
}

#barraRaiBtn.opened {
    z-index: 200
}

.top-bar ul li {
    background: transparent
}

.top-bar ul li#barraRaiBtn:hover img,.top-bar ul li#barraRaiBtn.opened img,.top-bar ul li#barraRaiBtn.opened #barraRaiMenuIcon,.top-bar ul li#barraRaiBtn #barraRaiCloseIcon {
    display: none
}

#barraRaiMenuIcon {
    width: 22px;
    height: 20px;
    margin-top: 4px;
    display: none;
    top: 26px;
    left: 30px
}

.top-bar ul li#barraRaiBtn.opened #barraRaiCloseIcon {
    display: block
}

#barraRai {
    z-index: 200
}

#barraRai {
    display: none;
    max-width: inherit;
    margin: 0!important;
    height: 80px;
    z-index: 200;
    position: relative;
    background: #475358;
    overflow: hidden
}

.top-bar {
    background: transparent;
    height: 80px;
    margin: 0;
    padding: 0
}

.top-bar .logo {
    height: auto;
    width: auto;
    flex: initial;
    padding-right: 10px
}

#main-menu h1 {
    margin: 0;
    height: 80px
}

.logoRai {
    height: 80px;
    width: 80px
}

.textIndentOut {
    text-indent: -10000px;
    color: transparent;
    height: 0;
    margin: 0
}

.dropdown.menu {
    position: relative
}

.top-bar ul li a {
    color: #fff
}

.top-bar ul,.dropdown.menu {
    background: transparent
}

.top-bar ul li#barraRaiBtn:hover #barraRaiMenuIcon {
    display: inline-block
}

#barraRaiMenuIcon::after {
    background: #fefefe;
    box-shadow: 0 9px 0 #fefefe, 0 18px 0 #fefefe
}

.menu-icon::after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background: #fefefe;
    top: 0;
    left: 0;
    box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe
}

.menu-icon:hover::after {
    background: #cacaca;
    box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca
}

.top-bar ul li#barraRaiBtn:hover img,.top-bar ul li#barraRaiBtn.opened img,.top-bar ul li#barraRaiBtn.opened #barraRaiMenuIcon,.top-bar ul li#barraRaiBtn #barraRaiCloseIcon {
    display: none
}

#smartbanner {
    margin-top: -60px;
    height: 80px;
    margin-bottom: 60px
}

#smartbanner .sb-container {
    position: relative
}

#smartbanner .sb-close,#smartbanner .sb-icon,#smartbanner .sb-info {
    top: 10px
}

header {
    position: relative;
    width: 100%;
    z-index: 3000;
    top: -80px;
    margin-bottom: -80px;
    transition: none;
    -webkit-transition: none
}

header.fixed {
    position: fixed;
    top: -80px;
    margin-bottom: 0;
    transition: top 600ms;
    -webkit-transition: top 600ms
}

header.fixed.visible {
    top: 0px
}

header.fixed.visible.waiting {
    top: -80px!important
}

header.fixed #menuDedicato {
    background: rgba(32,46,54,.9)
}

img.logoMenu {
    height: 40px;
    -webkit-filter: brightness(120%);
    filter: brightness(120%)
}

.menuItem .imagePosition {
    position: absolute;
    width: 40px;
    height: 21px;
    left: 27px;
    top: 7px;
    text-align: center
}

div#menuDedicato {
    margin: 0!important;
    max-width: inherit;
    background: rgba(32,46,54,0);
    transition: background 600ms;
    -webkit-transition: background 600ms
}
.blocco.recommendedBlock.unpopulated{
    height: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
    visibility: hidden;
}
.raiplay .blocco.transparent .row .title h2,.raiplay .blocco.transparent .row .title h1 {
    color: #fff
}

.raiplay .blocco.transparent .row .title h1 {
    margin-top: 0
}

.raiplay .genericMainCont {
    max-width: 62.5rem;
    margin: 0 auto;
    color: #fff
}

.raiplay .genericMainCont h1 {
    color: #fff;
    text-align: center;
    margin-bottom: 1.25rem;
    font-size: 3.125rem;
    font-weight: lighter
}

.raiplay .genericMainCont h2 {
    color: #fff;
    text-align: center;
    margin-bottom: 1.25rem;
    font-size: 1.75rem;
    font-weight: lighter;
    margin: 3.75rem auto
}

.raiplay .genericMainCont .columns.left {
    padding-right: 3.125rem;
}

.raiplay .genericMainCont .columns.left img {
    margin: 0 auto 2.5rem;
    display: block
}

.genericMainCont .genericMenu {
    list-style: none
}

.genericMainCont .genericMenu li a {
    color: #fff
}

.genericMainCont .genericMenu li a.active:before {
    content: " ";
    width: .5rem;
    height: .5rem;
    display: inline-block;
    background: #009ffa;
    border-radius: 100%;
    margin: 0 .5rem 0 -1rem
}

.genericMainCont.row+.row.prefooter {
    margin-top: 6.75rem
}

/* fix prefooter - social */

.prefooter .prefooter-fixed
{
	display:block;
	margin-left:20px;
}

.prefooter .paddingSociale
{
	float:left;
}

.prefooter .paddingSociale svg .st0
{
	display:block;
}

/* end fix prefooter - social */

#Faq,#Privacy-Policy {
    margin: 2.5rem auto 7rem
}

#Faq .no-aside-margin,#Privacy-Policy .no-aside-margin {
    margin-left: 0!important;
    margin-right: 0!important;
    width: 100%;
    margin-top: 2.5rem
}

#Faq .setList,#Privacy-Policy .setList {
    list-style-type: none;
    margin: 0 15px 0 0
}

#Faq .setList a,#Privacy-Policy .setList a {
    display: block;
    padding: 15px 10px;
    border-radius: 3px
}

#Faq .setList a.active,#Faq .setList a:hover,#Privacy-Policy .setList a.active,#Privacy-Policy .setList a:hover {
    color: #fff
}

#Faq .setList a.active,#Privacy-Policy .setList a.active {
    background-color: #2199e8
}

#Faq .accordion {
    border: none;
    border-radius: 3px;
    color: #2e3b42;
    background: #14232a
}

#Faq .accordion .accordion-item .accordion-title {
    background: #14232a;
    color: #2199e8;
    font-size: 1rem;
    border-bottom: 1px solid #2e3b42;
    border-radius: 3px 3px 0 0;
    outline: 0!important
}

#Faq .accordion .accordion-item.is-active .accordion-title,#Faq .accordion .accordion-item .accordion-title:hover {
    background: #2199e8;
    color: #fff;
    font-size: 1rem;
    font-weight: bold;
    border-bottom: 0
}

#Faq .accordion .accordion-item:not(.is-active) .accordion-title:hover {
    font-weight: normal
}

#Faq .accordion .accordion-content {
    background-color: transparent;
    color: #fff;
    font-size: .875rem;
    border-bottom: 1px solid #2e3b42
}

#Faq .accordion .accordion-content h3 {
    font-size: .9375rem
}

#Privacy-Policy .sticky {
    width: 100%
}

@media only screen and (min-width: 30.0625em) {
    #Privacy-Policy section:first-child h2 {
        margin-top:0px
    }
}

.raiplay h1.title-border-bottom {
    color: #fff;
    text-align: center;
    font-size: 3.125rem;
    margin: 3.75rem 0 1.25rem
}

.raiplay.canale h1.title-border-bottom {
    color: #626c71;
    text-align: center;
    font-size: 3.125rem;
    margin: 3.75rem 0 1.25rem
}

.raiplay.canale .articolo h1.title-border-bottom {
    margin-top: 0px;
    font-weight: 300;
    text-align: left;
    white-space: normal
}

.raiplay.canale .articolo .title-border-bottom::after {
    margin: 15px 0 50px
}

@media screen and (max-width: 64rem) {
    .raiplay .genericMainCont .columns.left {
        padding-right:.625rem
    }

    .genericMainCont .genericMenu {
        margin-top: 6.75rem
    }
}

@media screen and (max-width: 40em) {
    #site-menu .menuTitle {
        float:left;
        width: 50px;
        white-space: nowrap;
        font-size: 5vw;
        line-height: 80px
    }

    #barraRai .title-bar {
        display: block;
        padding: 0
    }

    header #barraRai .title-bar .top-bar-right {
        display: none
    }

    #barraRai #main-menu>a {
        display: none
    }
}

.top-bar .logo {
    width: 80px;
    height: 80px;
    padding: 0
}

.mainMenuContainer ul li a[disabled]:hover {
    background: transparent
}

.mainMenuContainer ul li a[disabled] {
    opacity: .5
}

.slick-row .slick-large-1 .img:before {
    background: -moz-linear-gradient(top,rgba(30,87,153,0) 0%,rgba(24,56,88,0) 35%,rgba(20,35,42,.8) 100%);
    background: -webkit-linear-gradient(top,rgba(30,87,153,0) 0%,rgba(24,56,88,0) 35%,rgba(20,35,42,.8) 100%);
    background: linear-gradient(to bottom,rgba(30,87,153,0) 0%,rgba(24,56,88,0) 35%,rgba(20,35,42,.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#cc14232a',GradientType=0 )
}

.slick-row .slick-large-1 .img:after {
    opacity: 0
}

.slick-row .slick-large-1 .info {
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: calc(100% - 20px);
    margin: 0!important;
    z-index: 10
}

.slick-row .slick-large-1 .label-invisible {
    display: none
}

.slick-slide .img {
    position: relative
}

.slick-slide .img .label {
    position: absolute;
    top: 15px;
    left: 20px
}

.slick-row .slick-large-1 .titolo {
    color: #fff;
    margin: 0;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.slick-row .slick-large-1 .description {
    color: rgba(255,255,255,.7)!important;
    height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.homepagedirette {
    background: #27343b
}

#modalInfoPRGT {
    padding: 0
}

#modalInfoPRGT .testata-container .canale {
    padding: 25px 10px;
    width: 70px;
    float: left;
    margin-right: 10px
}

#modalInfoPRGT .testata-container .canale svg {
    fill: #fff
}

#modalInfoPRGT .testata-container .testata .titolo-container .titolo-programma {
    font-size: 30px
}

#modalInfoPRGT .testata-container .testata .subtitolo-container .titolo-puntata,#modalInfoPRGT .testata-container .testata .subtitolo-container .quando {
    float: left;
    margin-right: 10px
}

#modalInfoPRGT .testata-container .content {
    clear: both;
    padding: 15px 15px 30px 15px
}

#modalInfoPRGT .testata-container .content .video-container {
    float: left;
    margin: 0 15px
}

#modalInfoPRGT .testata-container .content .descrizione {
    font-size: 10px;
    max-width: 550px
}

div.reveal-overlay #modalInfoPRGT div.testata {
    background-repeat: no-repeat;
    background-size: cover;
    height: 250px
}

.reveal-overlay
{
	overflow-y:hidden;
}

#modalInfoPRGT.reveal {
    border: 0
}

#modalInfoPRGT .close-button {
    position: absolute;
    color: #fff;
    right: 0;
    top: -2px;
    font-size: 3.6em;
    line-height: .5;
    cursor: pointer;
    font-family: "Open Sans",Helvetica,Arial,sans-serif!important;
    font-weight: 100
}

#modalInfoPRGT .close-button:hover,.close-button:focus {
    color: #fff
}

#modalInfoPRGT.reveal>:last-child {
    margin-bottom: 0;
    padding-right: 16px
}

#modalInfoPRGT {
    background: -webkit-linear-gradient(left,#2d3a42 92%,rgba(37,95,159,0) 92%,rgba(125,185,232,0) 100%);
    background: -moz-linear-gradient(left,#2d3a42 92%,rgba(37,95,159,0) 92%,rgba(125,185,232,0) 100%);
    background: linear-gradient(to right,#2d3a42 92%,rgba(37,95,159,0) 92%,rgba(125,185,232,0) 100%);
    padding-right: 32px;
    color: #fff
}

#modalInfoPRGT .testata-container .titolo-container .titolo-programma {
    font-size: 1.4em;
    display: inline-block
}

#modalInfoPRGT .testata-container .content {
    clear: both;
    padding: 15px 21px 30px 21px
}

#modalInfoPRGT .shadow {
    background: -moz-linear-gradient(top,rgba(45,58,66,0) 57%,rgba(45,58,66,.7) 100%);
    background: -webkit-linear-gradient(top,rgba(45,58,66,0) 57%,rgba(45,58,66,.7) 100%);
    background: linear-gradient(to bottom,rgba(45,58,66,0) 57%,rgba(45,58,66,.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002d3a42', endColorstr='#2d3a42',GradientType=0 );
    height: 100%;
    padding-left: 21px
}

#modalInfoPRGT .testata .subtitolo-container {
    position: absolute;
    top: 210px
}

#modalInfoPRGT .testata .titolo-container {
    position: absolute;
    top: 170px
}

#modalInfoPRGT .testata-container .titolo-container .titolo-programma,#modalInfoPRGT .testata-container .subtitolo-container .titolo-puntata {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 480px;
    color: #fff
}

#modalInfoPRGT .testata-container .subtitolo-container .titolo-puntata,div.descrizione,div.dettagli {
    color: #b3b8bb
}

img.arrowGo {
    width: 35px;
    margin-top: -5px;
    margin-left: 5px;
    display: inline-block
}

#modalInfoPRGT .testata-container .content .descrizione {
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 20px
}

#modalInfoPRGT div.dettagli {
    font-size: 12px
}

#modalInfoPRGT .quando {
    font-size: 14px
}

#modalInfoPRGT .quando:before {
    content: url(//www.rai.it/dl/components/img/clock-icon-gray.png);
    position: relative;
    top: 5px;
    margin-right: 10px
}

#modalInfoPRGT .dettagli div.iconaPreferiti {
    background-color: #b3b8bb;
    -webkit-mask: url(https://www.rai.it/dl/components/img/preferitiLogo.svg) no-repeat 0 0;
    mask: url(https://www.rai.it/dl/components/img/preferitiLogo.svg) no-repeat 0 0;
    height: 35px;
    margin-left: 4px;
    margin-bottom: 2px
}

#modalInfoPRGT .dettagli div.iconaAvvisami {
    background-color: #e8e8e8;
    -webkit-mask: url(https://www.rai.it/dl/components/img/avvisami.svg) no-repeat 0 0;
    -webkit-mask-size: 50%;
    mask: url(https://www.rai.it/dl/components/img/avvisami.svg) no-repeat 0 0;
    mask-size: 50%;
    height: 30px;
    margin-left: 10px;
    margin-top: 4px;
    margin-bottom: 3px
}

#modalInfoPRGT a.avvisami>div,a.bookmarks-button>div {
    color: #b3b8bb
}

.playRaiGuidaTv .prgtPrograms .program li.eventSpan span.openDesc {
    cursor: pointer
}

#modalInfoPRGT .testata-container div.canale {
    width: 552px;
    height: 100%
}

#modalInfoPRGT div.testata div.canale svg {
    width: 150px
}

.eventSpan .img {
    position: relative
}

.eventSpan .img .progresso {
    bottom: 0;
    position: absolute;
    margin-top: 0
}

#viewOtherContent {
    margin-bottom: 40px;
    margin-bottom: 0;
    float: right;
    min-width: 220px
}

.sr-button {
    border-radius: 5px;
    border: 1px solid #b1b6b8;
    color: #7c8589;
    padding: 10px;
    display: block;
    text-align: center;
    font-size: 12px;
    background: transparent;
    float: right;
    margin-left: 10px
}

@media screen and (max-width: 40em) {
    body.raiplay {
        padding-top:60px
    }

    header {
        top: -60px;
        margin-bottom: -60px
    }

    .mainTitleCont.text-center>h1 {
        font-size: 1.875rem
    }

    .top-bar {
        height: 60px
    }

    #mainMenuBtn {
        height: 60px;
        width: 60px;
        line-height: 60px
    }

    #mainMenuBtn:after {
        box-shadow: 0 9px 0 #fefefe, 0 18px 0 #fefefe;
        width: 24px;
        margin: 20px 0 0 18px!important
    }

    #mainMenuBtn:hover:after {
        background: #29a2ff;
        box-shadow: 0 9px 0 #29a2ff, 0 18px 0 #29a2ff
    }

    #site-menu .menuTitle {
        width: 70px!important;
        line-height: 60px;
        background-size: auto 30px
    }

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

    #barraRaiMenuIcon {
        width: 24px;
        margin: 0;
        top: 20px;
        left: 18px
    }

    #barraRaiMenuIcon::after {
        background: #fefefe;
        box-shadow: 0 9px 0 #fefefe, 0 18px 0 #fefefe
    }

    #barraRaiCloseIcon svg,.mainMenuContainer .closeMainMenu #closeMainMenuBtn svg {
        width: 30px!important;
        margin: 15px!important
    }

    #barraRai {
        height: 60px
    }

    .logoRai {
        height: 60px;
        width: 60px
    }

    .mainMenuContainer .closeMainMenu {
        height: 60px
    }

    .mainMenuContainer.opened ul {
        max-height: calc(100% - 40px)
    }

    .mainMenuContainer ul li a {
        padding: 15px 40px 15px 52px!important
    }

    .mainMenuContainer ul li a.profile,.mainMenuContainer ul li a.logout {
        padding: 0 10px
    }

    .menuItem .imagePosition {
        left: 7px;
        top: 4px
    }

    .homepagedirette .loghetto.logoOtherOut {
        width: 80px;
        height: 90px;
        margin: 0;
        top: 0;
        float: left
    }

    .homepagedirette .loghetto.logoOtherOut svg {
        height: 100%;
        width: 50%;
        margin: 0 auto;
        display: block
    }

    .homepagedirette .img {
        display: none
    }

    .homepagedirette .info {
        margin: 0;
        float: left;
        width: calc(100% - 80px);
        height: 90px
    }

    .homepagedirette .progresso {
        position: absolute;
        bottom: 0
    }

    .homepagedirette .info .titolo {
        margin: 15px 10px 0;
        text-overflow: ellipsis;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        position: relative;
        width: 90%;
        font-size: 1rem
    }

    .raiplay .homepagedirette .channel_rai {
        padding: 0
    }

    .homepagedirette .info .description,.homepagedirette .info .time {
        margin: 0 10px;
        font-size: .6875rem
    }

    .homepagedirette .info .next,.homepagedirette .info .next-titolo,.homepagedirette .info .next-time {
        display: none!important
    }

    .loghetto+.durata {
        display: none
    }

    #modalInfoPRGT {
        padding-right: 0;
        background: #2d3a42
    }

    #modalInfoPRGT.reveal>:last-child {
        padding-right: 0
    }

    #modalInfoPRGT .subtitolo-container .titolo-puntata {
        color: #fff
    }

    #modalInfoPRGT .close-button {
        top: 10px;
        right: 10px
    }

    #modalInfoPRGT .testata-container .titolo-container .titolo-programma {
        width: 85%
    }
}

.tutorial-container {
    position: relative;
    background: #00a0fa;
    padding: 60px 0
}

.tutorial-container .tutorial {
    margin: 0;
    color: #fff;
    font-weight: 200
}

.tutorial-container .tutorial .row {
    max-width: 1000px;
    margin: 0 auto
}

.tutorial-container .tutorial .title {
    font-size: 2.5rem;
    line-height: 3.125rem;
    padding: 0
}

.tutorial-container .tutorial .description {
    font-size: 1.25rem;
    line-height: 1.875rem
}

.tutorial-container a#closeMenuTutorialBtn {
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px
}

.tutorial-container a#closeMenuTutorialBtn svg {
    width: 40px;
    height: 40px
}

.tutorial-container a#closeMenuTutorialBtn svg path {
    color: #fff;
    fill: white;
    stroke: none
}

@media screen and (max-width: 39.9375em) {
    .tutorial-container .tutorial .title {
        text-align:center;
        font-size: 1.875rem;
        line-height: 2.5rem
    }

    .tutorial-container .tutorial .title br {
        display: none
    }

    .tutorial-container .tutorial .description {
        text-align: center;
        font-size: 1.125rem;
        line-height: 1.5rem
    }
}

header.search {
    position: fixed;
    top: 0px;
    margin-bottom: 0
}

header.search:not(.fixed) #menuDedicato {
    background: #14232a
}

#menuDedicato #cerca-barra {
    display: block
}

#menuDedicato #cerca-barra form {
    position: relative;
    height: 80px;
    width: 480px
}

#menuDedicato #cerca-barra form a.enable-search {
    display: block;
    float: right;
    height: 40px;
    width: 40px;
    margin: 20px 20px 20px 0;
    padding: 6px;
    border-radius: 5px 5px 5px 5px;
    background: rgba(48,63,72,0);
    transition: all 400ms;
    -webkit-transition: all 400ms
}

#menuDedicato #cerca-barra form a.enable-search img {
    -ms-transform: scale(-1,1);
    -webkit-transform: scale(-1,1);
    transform: scale(-1,1)
}

#menuDedicato #cerca-barra form a.enable-search:hover {
    background: rgba(44,57,64,.95)
}

#menuDedicato #cerca-barra form input#searchField {
    float: right;
    height: 40px;
    width: 0;
    padding: 0;
    margin: 20px 0;
    border: 0;
    text-indent: 15px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background: rgba(44,57,64,.95);
    border-radius: 5px 0 0 5px;
    transition: width 600ms;
    -webkit-transition: width 600ms
}

#menuDedicato #cerca-barra form input#searchField:focus {
    outline: none;
    box-shadow: none
}

#menuDedicato #cerca-barra form input[type="submit"] {
    display: none;
    position: absolute;
    top: 20px;
    right: 0;
    width: 40px;
    height: 40px;
    font-size: 0;
    border: none;
    background: transparent;
    z-index: 1
}

#menuDedicato #cerca-barra form.ready a.enable-search {
    background: rgba(44,57,64,.95);
    border-radius: 0 5px 5px 0
}

#menuDedicato #cerca-barra form.ready input#searchField {
    width: 420px;
	color:#fff !important;
}

#menuDedicato #cerca-barra form.result input#searchField {
    border-radius: 5px 0 0 0
}

#menuDedicato #cerca-barra form.result a.enable-search {
    border-radius: 0 5px 0 0
}

#menuDedicato #cerca-barra div.maskSearch {
    display: block;
    visibility: hidden;
    opacity: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    top: 80px;
    left: 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
}

#menuDedicato #cerca-barra div.maskSearch:before,#menuDedicato #cerca-barra div.maskSearch:after {
    content: '';
    position: absolute;
    width: 80px;
    height: 80px;
    top: -80px;
    left: 0
}

#menuDedicato #cerca-barra div.maskSearch:after {
    right: 0;
    left: auto
}

#menuDedicato #cerca-barra div.maskSearch.ready {
    visibility: visible;
    opacity: 1
}

#menuDedicato #cerca-barra div.ui-noresults {
    display: none;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 600;
    color: #979da0
}

#menuDedicato #cerca-barra div.ui-noresults strong {
    font-weight: 600;
    color: #fff
}

#menuDedicato #cerca-barra div.ui-noresults,.ui-menu.ui-autocomplete {
    position: fixed!important;
    top: 60px!important;
    width: 460px!important;
    max-height: calc(100vh - 80px);
    list-style: none;
    background: rgba(44,57,64,.95);
    border-radius: 0 0 5px 5px;
    box-shadow: none;
    z-index: 1000;
    overflow: auto
}

.ui-menu.ui-autocomplete li {
    margin: 5px;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
    color: #979da0
}

.ui-menu.ui-autocomplete li a {
    color: #979da0
}

.ui-menu.ui-autocomplete li.ui-state-focus {
    background: #14232a
}

.ui-menu.ui-autocomplete .ui-highlight {
    color: #fff
}
.collectionList, .approfondimentoRaiCultura{
    padding-left: 0.625rem;
    width:100%;
}
.collectionList ul, .approfondimentoRaiCultura ul{
    display: inline-block;list-style:none
}
.collectionList ul li, .approfondimentoRaiCultura ul li{
    display: inline-block;margin-right: 10px;
}
.collectionList ul li a, .approfondimentoRaiCultura ul li a{
    padding: 4px 6px;border-radius: 10px;background-color: #333;color: #7c8688;
}
.collectionList ul li a:hover, .approfondimentoRaiCultura ul li a:hover{
    color:#fff;
}

@media screen and (max-width: 39.9375em) {
    .dropdown.menu {
        position:initial
    }

    #menuDedicato #cerca-barra {
        height: 60px
    }

    #menuDedicato #cerca-barra form {
        position: initial;
        height: 60px;
        width: 60px
    }

    #menuDedicato #cerca-barra form a.enable-search {
        height: 60px;
        width: 60px;
        margin: 0;
        padding: 15px;
        border-radius: 0!important
    }

    #menuDedicato #cerca-barra form a.enable-search:hover {
        background: transparent
    }

    #menuDedicato #cerca-barra form input#searchField {
        float: none;
        position: absolute;
        left: 20px;
        top: 80px;
        margin: 0;
        text-indent: 10px;
        background: transparent;
        color: transparent;
        border-radius: 5px!important;
        transition: width 0ms, background 300ms, color 300ms;
        -webkit-transition: width 0ms, background 300ms, color 300ms;
        z-index: 1000
    }

    #menuDedicato #cerca-barra form input[type="submit"] {
        top: 20px;
        right: 0;
        width: 40px;
        height: 40px;
        margin: 0;
        padding: 0
    }

    #menuDedicato #cerca-barra form.ready a.enable-search {
        background: rgba(33,47,54,.97)
    }

    #menuDedicato #cerca-barra form.ready input#searchField {
        width: calc(100% - 40px);
        background: #485459;
        color: #fff
    }

    #menuDedicato #cerca-barra div.maskSearch {
        background: rgba(33,47,54,.97);
        top: 60px
    }

    #menuDedicato #cerca-barra div.maskSearch:before,#menuDedicato #cerca-barra div.maskSearch:after {
        width: 60px;
        height: 60px;
        top: -60px
    }

    #menuDedicato #cerca-barra div.ui-noresults {
        left: 20px
    }

    #menuDedicato #cerca-barra div.ui-noresults,.ui-menu.ui-autocomplete {
        top: 120px!important;
        width: calc(100% - 40px)!important;
        max-height: calc(100% - 140px);
        background: transparent
    }

    .ui-menu.ui-autocomplete li {
        padding: 5px
    }
}

#ssoLogin #ssoMail::-webkit-input-placeholder,#ssoLogin #ssoPassword::-webkit-input-placeholder {
    color: #999
}

#ssoLogin #ssoMail::-moz-placeholder,#ssoLogin #ssoPassword::-moz-placeholder {
    color: #999
}

#ssoLogin #ssoMail:-ms-input-placeholder,#ssoLogin #ssoPassword:-ms-input-placeholder {
    color: #999
}

#ssoLogin #ssoMail:-moz-placeholder,#ssoLogin #ssoPassword:-moz-placeholder {
    color: #999
}


.reveal .close-button:hover, .reveal .close-button:focus {
    color: #00a0fa;
}

#messageLogin,#notVerifiedModal,#pendingDeletedUserModal,#moreInfoModal, #newSearchInfoModal, #deleteModal {
    background-color: #202e36!important;
    color: #fff;
    border-color: #202e36!important;
    text-align: center
}

#deleteModal{
	padding: 30px 30px 0;
}

#deleteModal p.desc{
	font-size:14px;
	margin: 20px 0 50px;
}

#deleteModal .button {
    display: block;
    width: 190px;
    margin: 20px auto;
    line-height:25px;
    border-radius: 5px;
}

#deleteModal .button.canceling {
    background-color: #202e36;
}

#deleteModal p, #deleteModal h4{
	font-weight: 100;
}

#moreInfoModal {
  padding: 0px;
  max-width: 600px;
  width: 100%;
}

#moreInfoModal .close-button,
#newSearchInfoModal .close-button
 {
  color: #fff;
}

#messageLogin .imgLogin,#notVerifiedModal .imgLogin,#pendingDeletedUserModal .imgLogin, #moreInfoModal .imgModal {
    margin: 25px auto;
    width: 150px
}

#moreInfoModal .titleModal,
#newSearchInfoModal .titleModal
 {
  font-size: 1.75rem;
  display: block;
}

#moreInfoModal .linkModal,
#newSearchInfoModal .linkModal
 {
  text-decoration: underline;
  color: #2199e8;
}

#moreInfoModal .linkModal:hover,
#newSearchInfoModal .linkModal:hover
 {
  color: #1585cf;
}

#moreInfoModal .btnModal
 {
  width: 200px;
  border-radius: 6px;
  background-color: transparent;
  font-size: 1.375rem;
  padding: 13px 0px;
  display: block;
  margin: 0 auto;
  margin-bottom: 1em;
  transition: all .5s ease;
}

#moreInfoModal .btnModal.confirm
{
  margin-top: 4em;
  background-color: #039ff9;
}

#moreInfoModal .btnModal.confirm:hover {
  background-color: #1585cf;
}

#moreInfoModal .btnModal.closeModal:hover {
  color: #7b8588;
}

#moreInfoModal .stepConfirm .titleModal
{
  margin-bottom: 1.5em;
}

#moreInfoModal .step,
#newSearchInfoModal .step
 {
  padding: 40px;
  /*height: 410px;*/
}

@media screen and (max-width: 39.9375em) {
  #moreInfoModal .step {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 40px 20px;
    height: auto;
  }
}

#messageLogin a,#notVerifiedModal a,#pendingDeletedUserModal a {
    padding: 5px;
    border: 1px solid;
    border-color: #fff!important;
    color: #fff!important;
    width: 100%;
    display: block;
    margin-top: 15px;
    border-radius: 5px
}

.linkToSet .link {
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #009ef9;
    color: #fff
}

.linkToSet {
    display: flex;
    align-items: center
}

.linkToSet .link .arrow {
    width: 22px;
    border: 1px solid #fff;
    border-radius: 50%;
    margin-left: 10px
}

.linkToSet .link::after {
    background-image: url(/dl/components/img/arrow_dx.png);
    background-size: 22px;
    width: 30px;
    height: 30px;
    border: 1px solid #fff;
    border-radius: 50%;
    margin-left: 15px;
    content: '';
    background-position: 4px
}

#skippy {
    width: 100%;
    position: fixed!important;
    top: 0;
    height: 80px;
    background-color: #13232a;
    z-index: 9999;
    padding: 28px;
    font-size: 16px
}

@import url('https://fonts.googleapis.com/css?family=Lato:900');.fascia-tutorial {
                                                                    width: 100%
                                                                }

.fascia-tutorial a {
    color: #fff;
    text-decoration: underline;
    font-weight: 800;
}

.info-tutorial {
    min-height: 575px;
    padding-top: 185px
}

.info-tutorial h2 {
    font-family: 'Lato',sans-serif;
    font-weight: 600;
    font-size: 41px;
    letter-spacing: -.5px;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
    margin-top: 0px;
    font-weight: bold;
    width: 415px;
    margin-bottom: 30px
}

.info-tutorial span {
    font-family: Open\ Sans;
    font-size: 19px;
    font-weight: 300;
    line-height: 1.6;
    text-align: left;
    color: #fff;
    display: block;
    width: 415px
}

.container-fascia1,.container-fascia2,.container-fascia3,.container-fascia4,.container-fascia5,.container-fascia6,.container-fascia7,.container-fascia8,.container-fascia9,.container-fascia10,.container-fascia11,.container-fascia12 {
    max-width: 1400px;
    margin: 0 auto
}

.container-fascia1 {
    background: url(/dl/components/img/raiplay/index/image1.png) right bottom no-repeat
}

.container-fascia1 .info-tutorial,.container-fascia3 .info-tutorial,.container-fascia5 .info-tutorial,.container-fascia7 .info-tutorial,.container-fascia9 .info-tutorial,.container-fascia11 .info-tutorial {
    margin-left: 167px
}

.container-fascia2 .info-tutorial,.container-fascia4 .info-tutorial,.container-fascia6 .info-tutorial,.container-fascia8 .info-tutorial,.container-fascia10 .info-tutorial,.container-fascia12 .info-tutorial {
    margin-right: 103px;
    float: right
}

.container-fascia2 {
    background: url(/dl/components/img/raiplay/index/image2.png) left bottom no-repeat
}

.container-fascia3 {
    background: url(/dl/components/img/raiplay/index/image3.png) right bottom no-repeat
}

.container-fascia4 {
    background: url(/dl/components/img/raiplay/index/image4.png) left bottom no-repeat
}

.container-fascia5 {
    background: url(/dl/components/img/raiplay/index/image5.png) right bottom no-repeat
}

.container-fascia6 {
    background: url(/dl/components/img/raiplay/index/image6x.png) left bottom no-repeat
}

.container-fascia7 {
    background: url(/dl/components/img/raiplay/index/image7.png?06112017) right bottom no-repeat
}

.container-fascia7 h2 {
    color: #000
}

.container-fascia7 span {
    color: #000
}
.container-fascia11 h2 {
    color: #000
}

.container-fascia11 span {
    color: #000
}
.container-fascia8 {
    background: url(/dl/components/img/raiplay/index/image8.png) left bottom no-repeat
}

.container-fascia9 {
    background: url(/dl/components/img/raiplay/index/image9.png) right bottom no-repeat
}

.container-fascia10 {
    background: url(/dl/components/img/raiplay/index/image10.png) left bottom no-repeat
}

.container-fascia11 {
    background: url(/dl/components/img/raiplay/index/image12.png) right bottom no-repeat
}
.container-fascia12 {
    background: url(/dl/components/img/raiplay/index/image11x.png) left bottom no-repeat
}

.fascia-tutorial.blue {
    background-color: #00a1fa
}

.fascia-tutorial.red {
    background-color: #f83e3e
}

.fascia-tutorial.violet {
    background-color: #9137d0
}

.fascia-tutorial.yellow {
    background-color: #c1cb2f
}

.fascia-tutorial.purple {
    background-color: #4f27c7
}

.fascia-tutorial.black {
    background-color: #112732
}

.fascia-tutorial.white {
    background-color: #fbfdff
}

.container-fascia4 h2.titoloSmall {
    display: none
}

.modalAncor {
    display: none
}

.modaleProfilo {
    background-color: #2e3b42
}

.modaleProfilo svg path,.modaleSupporto svg path {
    fill: #fff;
    stroke: none
}

.modaleProfilo div.close-button,.modaleSupporto div.close-button {
    width: 50px
}

.modaleSupporto {
    background-color: #bcc632
}

.modaleProfilo,.modaleSupporto {
    color: #fff;
    padding: 140px 0;
    width: 100%;
    max-width: 100%;
    top: 0px!important
}

.modaleProfilo h2,.modaleSupporto h2 {
    text-align: center;
    font-size: 50px;
    font-family: 'Lato',sans-serif;
    font-weight: 600;
    color: #fff;
    margin: 0px;
    text-transform: uppercase
}

.modaleProfilo span,.modaleSupporto span {
    text-align: center;
    font-size: 28px;
    font-family: Open\ Sans;
    color: #fff;
    margin-top: 50px;
    display: block;
    width: 550px
}

.modaleProfilo .container-fascia-modale1,.modaleProfilo .container-fascia-modale2,.modaleProfilo .container-fascia-modale3,.modaleSupporto .container-fascia-modale1,.modaleSupporto .container-fascia-modale2,.modaleSupporto .container-fascia-modale3,.modaleSupporto .container-fascia-modale4 {
    max-width: 1300px;
    margin: 0 auto;
    background-size: 50%!important
}

.modaleProfilo .container-fascia-modale1 .info-tutorial,.modaleProfilo .container-fascia-modale3 .info-tutorial,.modaleSupporto .container-fascia-modale1 .info-tutorial,.modaleSupporto .container-fascia-modale3 .info-tutorial {
    float: right
}

.modaleProfilo .container-fascia-modale2 .info-tutorial,.modaleSupporto .container-fascia-modale2 .info-tutorial,.modaleSupporto .container-fascia-modale4 .info-tutorial {
    float: left
}

.modaleProfilo .container-fascia-modale1 {
    background: url(/dl/components/img/raiplay/index/modale1x.png?06112017) left bottom no-repeat
}

.modaleProfilo .container-fascia-modale2 {
    background: url(/dl/components/img/raiplay/index/modale2.png?06112017) right bottom no-repeat
}

.modaleProfilo .container-fascia-modale3 {
    background: url(/dl/components/img/raiplay/index/modale3.png?06112017) left bottom no-repeat
}

.modaleSupporto .container-fascia-modale1 {
    background: url(/dl/components/img/raiplay/index/modale4.png?06112017) left bottom no-repeat
}

.modaleSupporto .container-fascia-modale2 {
    background: url(/dl/components/img/raiplay/index/modale5x.png?06112017) right bottom no-repeat
}

.modaleSupporto .container-fascia-modale3 {
    background: url(/dl/components/img/raiplay/index/modale6.png?06112017) left bottom no-repeat
}

.modaleSupporto .container-fascia-modale4 {
    background: url(/dl/components/img/raiplay/index/modale7.png?06112017) right bottom no-repeat
}

/* progress bar - fascia HP */

.gradientCenter
{
/* IE10+ */
background-image: -ms-radial-gradient(center top, ellipse farthest-side, #414f55 0%, #202E36 100%);

/* Mozilla Firefox */
background-image: -moz-radial-gradient(center top, ellipse farthest-side, #414f55 0%, #202E36 100%);

/* Opera */
background-image: -o-radial-gradient(center top, ellipse farthest-side, #414f55 0%, #202E36 100%);

/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(radial, center top, 0, center top, 258, color-stop(0, #414f55), color-stop(100, #202E36));

/* Webkit (Chrome 11+) */
background-image: -webkit-radial-gradient(center top, ellipse farthest-side, #414f55 0%, #202E36 100%);

/* W3C Markup */
background-image: radial-gradient(ellipse farthest-side at center top, #414f55 0%, #202E36 100%);
}

.show-more-info-icon
{
  display: inline-block;
  content: ' ';
  background-image: url(/dl/components/img/info-copy.svg);
  background-size: 20px 20px;
  height: 20px;
  width: 20px;
  top: 0;
  margin-bottom: 18px;
  margin-left: 5px;
}

.slick-slide .video {
  overflow: hidden;
}

.slick-slide .video .progress
{
  background-color: transparent;
  height: 3px;
  position: absolute;
  display: block;
  width: 100%;
  z-index: 150;
  margin-bottom:0;
  bottom:0;
}

.slick-slide .video .close::after
{
  position: absolute;
  top: 7px;
  right: 7px;
  color: #fff;
  display: block;
  content: '';
  width: 10px;
  height: 10px;
  background-size: contain;
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDIxMi45ODIgMjEyLjk4MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjEyLjk4MiAyMTIuOTgyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnIGlkPSJDbG9zZSI+Cgk8cGF0aCBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7IiBkPSJNMTMxLjgwNCwxMDYuNDkxbDc1LjkzNi03NS45MzZjNi45OS02Ljk5LDYuOTktMTguMzIzLDAtMjUuMzEyICAgYy02Ljk5LTYuOTktMTguMzIyLTYuOTktMjUuMzEyLDBsLTc1LjkzNyw3NS45MzdMMzAuNTU0LDUuMjQyYy02Ljk5LTYuOTktMTguMzIyLTYuOTktMjUuMzEyLDBjLTYuOTg5LDYuOTktNi45ODksMTguMzIzLDAsMjUuMzEyICAgbDc1LjkzNyw3NS45MzZMNS4yNDIsMTgyLjQyN2MtNi45ODksNi45OS02Ljk4OSwxOC4zMjMsMCwyNS4zMTJjNi45OSw2Ljk5LDE4LjMyMiw2Ljk5LDI1LjMxMiwwbDc1LjkzNy03NS45MzdsNzUuOTM3LDc1LjkzNyAgIGM2Ljk4OSw2Ljk5LDE4LjMyMiw2Ljk5LDI1LjMxMiwwYzYuOTktNi45OSw2Ljk5LTE4LjMyMiwwLTI1LjMxMkwxMzEuODA0LDEwNi40OTF6IiBmaWxsPSIjRkZGRkZGIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
}

.slick-slide .video .close
{
  background-color: rgba(20, 36, 43, 0.4);
  border-radius: 100%;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 15px;
  z-index: 1400;
  right: 15px;
  display: none;
}
.slick-slide .video:hover .close,
html.touch .slick-slide .video .close {
  display: block;
}
html.touch .slick-arrow {
  display: none !important;
}

/* end progress bar - fascia HP */

/* dropdown new search */

#newSearchTip
{
	background-color:#2199e8;
	border-radius:6px;
	padding:15px 20px !important;
	top:70px !important;
	color:#fff;
	width:155px;
	font-size:16px;
	text-align:center;
	right:50px;
	position:absolute !important;
	border:0;
	z-index:1000;
	left:initial !important;
}

@media screen and (max-width: 640px) {
  #newSearchTip {
    right:10px;
  }
}


#newSearchTip .arrow-up {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #2199e8;
  top:-7px;
  position:absolute;
  left:48%;
}

#newSearchTip p
{
	line-height:20px;
}


#newSearchTip p a
{
	font-size:18px !important;
}

#newSearchTip span a
{
	font-size:10px !important;
}

#newSearchTip .close-button
{
	color:#fff;
	top:7px;
	right:7px;
	font-size:18px !important;
}

/* modale nuova ricerca */

#newSearchInfoModal
{
	width:100% !important;
	max-width:890px !important;
}

#newSearchInfoModal p
{
	line-height:20px;
	font-size:14px;
}

#newSearchInfoModal img
{
	margin-bottom:10px;
}

.row.newSearch
{
	margin:30px 0;
}

.row.newSearch p
{
	text-align:center;
	font-weight:600;
}

.row.description p
{
	text-align:left;
	font-weight:400;
}

/* fine modale nuova ricerca */

/* end dropdown new search */

@media screen and (max-width: 1400px) {
    .modaleProfilo span,.modaleSupporto span {
        width:500px;
        font-size: 23px
    }

    .modaleProfilo .container-fascia-modale1,.modaleProfilo .container-fascia-modale2,.modaleProfilo .container-fascia-modale3,.modaleSupporto .container-fascia-modale1,.modaleSupporto .container-fascia-modale2,.modaleSupporto .container-fascia-modale3,.modaleSupporto .container-fascia-modale4 {
        max-width: 1100px
    }

    .modaleProfilo .container-fascia-modale1 .info-tutorial,.modaleProfilo .container-fascia-modale3 .info-tutorial,.modaleSupporto .container-fascia-modale2 .info-tutorial,.modaleSupporto .container-fascia-modale4 .info-tutorial {
        padding-top: 200px;
        min-height: 490px
    }

    .modaleProfilo .container-fascia-modale2 .info-tutorial,.modaleSupporto .container-fascia-modale1 .info-tutorial,.modaleSupporto .container-fascia-modale3 .info-tutorial {
        padding-top: 200px;
        min-height: 490px
    }
}

@media screen and (max-width: 1300px) {
    .container-fascia1,.container-fascia2,.container-fascia3,.container-fascia4,.container-fascia5,.container-fascia6,.container-fascia7,.container-fascia8,.container-fascia9,.container-fascia10,.container-fascia11,.container-fascia12 {
        background-size:55%
    }

    .container-fascia1 .info-tutorial,.container-fascia3 .info-tutorial,.container-fascia5 .info-tutorial,.container-fascia7 .info-tutorial,.container-fascia9 .info-tutorial,.container-fascia11 .info-tutorial {
        margin-left: 130px
    }

    .container-fascia2 .info-tutorial,.container-fascia4 .info-tutorial,.container-fascia6 .info-tutorial,.container-fascia8 .info-tutorial,.container-fascia10 .info-tutorial.container-fascia12 .info-tutorial {
        margin-right: 90px
    }

    .info-tutorial {
        min-height: 550px;
        padding-top: 150px
    }
}

@media screen and (max-width: 1200px) {
    .modaleProfilo .container-fascia-modale1,.modaleProfilo .container-fascia-modale2,.modaleProfilo .container-fascia-modale3,.modaleSupporto .container-fascia-modale1,.modaleSupporto .container-fascia-modale2,.modaleSupporto .container-fascia-modale3,.modaleSupporto .container-fascia-modale4 {
        max-width:1000px
    }

    .container-fascia1 .info-tutorial,.container-fascia3 .info-tutorial,.container-fascia5 .info-tutorial,.container-fascia7 .info-tutorial,.container-fascia9 .info-tutorial,.container-fascia11 .info-tutorial {
        margin-left: 100px
    }

    .container-fascia2 .info-tutorial,.container-fascia4 .info-tutorial,.container-fascia6 .info-tutorial,.container-fascia8 .info-tutorial,.container-fascia10 .info-tutorial {
        margin-right: 80px
    }
}

@media screen and (max-width: 1024px) {
    .modaleProfilo .container-fascia-modale1 {
        background:url(/dl/components/img/raiplay/tablet/modale1.png) left bottom no-repeat
    }

    .modaleProfilo .container-fascia-modale2 {
        background: url(/dl/components/img/raiplay/tablet/modale2.png?06112017) right bottom no-repeat
    }

    .modaleProfilo .container-fascia-modale3 {
        background: url(/dl/components/img/raiplay/tablet/modale3.png) left bottom no-repeat
    }

    .modaleSupporto .container-fascia-modale1 {
        background: url(/dl/components/img/raiplay/tablet/modale4.png) left bottom no-repeat
    }

    .modaleSupporto .container-fascia-modale2 {
        background: url(/dl/components/img/raiplay/tablet/modale5.png) right bottom no-repeat
    }

    .modaleSupporto .container-fascia-modale3 {
        background: url(/dl/components/img/raiplay/tablet/modale6.png) left bottom no-repeat
    }

    .modaleSupporto .container-fascia-modale4 {
        background: url(/dl/components/img/raiplay/tablet/modale7.png) right bottom no-repeat
    }

    .modaleProfilo,.modaleSupporto {
        padding: 100px 0
    }

    .modaleProfilo .container-fascia-modale1,.modaleProfilo .container-fascia-modale2,.modaleProfilo .container-fascia-modale3,.modaleSupporto .container-fascia-modale1,.modaleSupporto .container-fascia-modale2,.modaleSupporto .container-fascia-modale3,.modaleSupporto .container-fascia-modale4 {
        max-width: 850px
    }

    .modaleProfilo h2,.modaleSupporto h2 {
        font-size: 30px
    }

    .modaleProfilo span,.modaleSupporto span {
        font-size: 18px!important
    }

    .modaleProfilo .container-fascia-modale1 .info-tutorial,.modaleProfilo .container-fascia-modale3 .info-tutorial,.modaleSupporto .container-fascia-modale2 .info-tutorial,.modaleSupporto .container-fascia-modale4 .info-tutorial {
        padding-top: 90px;
        min-height: 340px
    }

    .modaleProfilo .container-fascia-modale2 .info-tutorial,.modaleSupporto .container-fascia-modale1 .info-tutorial,.modaleSupporto .container-fascia-modale3 .info-tutorial {
        padding-top: 90px;
        min-height: 340px
    }

    .modaleProfilo div.close-button,.modaleSupporto div.close-button {
        width: 35px
    }

    .container-fascia4 h2.titoloLarge {
        display: none
    }

    .container-fascia4 h2.titoloSmall {
        display: block
    }

    .container-fascia1,.container-fascia2,.container-fascia3,.container-fascia4,.container-fascia5,.container-fascia6,.container-fascia7,.container-fascia8,.container-fascia9,.container-fascia10,.container-fascia11,.container-fascia12 {
        max-width: 1024px;
        margin: 0 auto;
        background-size: 50%!important
    }

    .info-tutorial {
        min-height: 377px;
        padding-top: 90px
    }

    .info-tutorial h2 {
        font-size: 28px;
        width: 320px
    }

    .info-tutorial span {
        font-size: 14px;
        width: 320px
    }

    .container-fascia1 .info-tutorial,.container-fascia3 .info-tutorial,.container-fascia5 .info-tutorial,.container-fascia7 .info-tutorial,.container-fascia9 .info-tutorial,.container-fascia11 .info-tutorial {
        margin-left: 130px
    }

    .container-fascia2 .info-tutorial,.container-fascia4 .info-tutorial,.container-fascia6 .info-tutorial,.container-fascia8 .info-tutorial,.container-fascia10 .info-tutorial,.container-fascia12 .info-tutorial {
        margin-right: 130px
    }

    .container-fascia1 {
        background: url(/dl/components/img/raiplay/tablet/image1.png) right bottom no-repeat
    }

    .container-fascia2 {
        background: url(/dl/components/img/raiplay/tablet/image2.png) left bottom no-repeat
    }

    .container-fascia3 {
        background: url(/dl/components/img/raiplay/tablet/image3.png) right bottom no-repeat
    }

    .container-fascia4 {
        background: url(/dl/components/img/raiplay/tablet/image4.png) left bottom no-repeat
    }

    .container-fascia5 {
        background: url(/dl/components/img/raiplay/tablet/image5.png) right bottom no-repeat
    }

    .container-fascia6 {
        background: url(/dl/components/img/raiplay/tablet/image6.png) left bottom no-repeat
    }

    .container-fascia7 {
        background: url(/dl/components/img/raiplay/tablet/image7.png) right bottom no-repeat
    }

    .container-fascia8 {
        background: url(/dl/components/img/raiplay/tablet/image8.png) left bottom no-repeat
    }

    .container-fascia9 {
        background: url(/dl/components/img/raiplay/tablet/image9.png) right bottom no-repeat
    }

    .container-fascia10 {
        background: url(/dl/components/img/raiplay/tablet/image10.png) left bottom no-repeat
    }

    .container-fascia11 {
        background: url(/dl/components/img/raiplay/index/image12.png) right bottom no-repeat
    }
    .container-fascia12 {
        background: url(/dl/components/img/raiplay/index/image11x.png) left bottom no-repeat
    }
}

@media screen and (max-width: 960px) {
    .modaleProfilo .container-fascia-modale1,.modaleProfilo .container-fascia-modale2,.modaleProfilo .container-fascia-modale3,.modaleSupporto .container-fascia-modale1,.modaleSupporto .container-fascia-modale2,.modaleSupporto .container-fascia-modale3,.modaleSupporto .container-fascia-modale4 {
        max-width:750px
    }

    .container-fascia1 .info-tutorial,.container-fascia3 .info-tutorial,.container-fascia5 .info-tutorial,.container-fascia7 .info-tutorial,.container-fascia9 .info-tutorial,.container-fascia11 .info-tutorial {
        margin-left: 30px
    }

    .container-fascia2 .info-tutorial,.container-fascia4 .info-tutorial,.container-fascia6 .info-tutorial,.container-fascia8 .info-tutorial,.container-fascia10 .info-tutorial,.container-fascia12 .info-tutorial {
        margin-right: 30px
    }

    .info-tutorial {
        min-height: 300px;
        padding-top: 30px
    }

    .info-tutorial h2 {
        font-size: 28px;
        width: 320px
    }

    .info-tutorial span {
        font-size: 14px;
        width: 320px
    }
}

@media screen and (max-width: 800px) {
    .modaleProfilo .container-fascia-modale1,.modaleProfilo .container-fascia-modale2,.modaleProfilo .container-fascia-modale3,.modaleSupporto .container-fascia-modale1,.modaleSupporto .container-fascia-modale2,.modaleSupporto .container-fascia-modale3,.modaleSupporto .container-fascia-modale4 {
        max-width:650px
    }

    .modaleProfilo .info-tutorial span,.modaleSupporto .info-tutorial span {
        font-size: 16px!important;
        width: 250px
    }

    .modaleProfilo .container-fascia-modale1 .info-tutorial,.modaleProfilo .container-fascia-modale3 .info-tutorial,.modaleSupporto .container-fascia-modale2 .info-tutorial,.modaleSupporto .container-fascia-modale4 .info-tutorial {
        padding-top: 150px;
        min-height: 350px
    }

    .modaleProfilo .container-fascia-modale2 .info-tutorial,.modaleSupporto .container-fascia-modale1 .info-tutorial,.modaleSupporto .container-fascia-modale3 .info-tutorial {
        padding-top: 150px;
        min-height: 350px
    }
}

@media screen and (max-width: 730px) {
    .container-fascia2 .info-tutorial,.container-fascia4 .info-tutorial,.container-fascia6 .info-tutorial,.container-fascia8 .info-tutorial,.container-fascia10 .info-tutorial {
        margin-right:10px
    }

    .info-tutorial span {
        width: 260px
    }

    .info-tutorial h2 {
        width: 291px
    }
}

@media screen and (max-width: 700px) {
    .modaleProfilo .container-fascia-modale1,.modaleProfilo .container-fascia-modale2,.modaleProfilo .container-fascia-modale3,.modaleSupporto .container-fascia-modale1,.modaleSupporto .container-fascia-modale2,.modaleSupporto .container-fascia-modale3,.modaleSupporto .container-fascia-modale4 {
        max-width:550px
    }
}

@media screen and (max-width: 640px) {
    .modalAncor {
        display:block;
        position: fixed;
        top: 200px;
        left: 0px;
        list-style: none
    }

    .modalAncor li a {
        width: 12px;
        height: 12px;
        display: block
    }

    .modalAncor li {
        background-color: #485459;
        width: 12px;
        height: 12px;
        margin-bottom: 20px;
        border-radius: 24px
    }

    .modalAncor li:active {
        border: 2px solid #fff;
        width: 12px;
        height: 12px;
        margin-bottom: 20px;
        border-radius: 24px
    }

    .modaleProfilo,.modaleSupporto {
        padding: 0;
        overflow-x: hidden
    }

    .modaleSupporto h2,.modaleProfilo h2 {
        display: none
    }

    .modaleProfilo span {
        display: none
    }

    .modaleProfilo .info-tutorial span {
        display: block
    }

    .modaleProfilo .container-fascia-modale1 {
        background: url(/dl/components/img/raiplay/smartphone/modale1x.png) center bottom no-repeat
    }

    .modaleProfilo .container-fascia-modale2 {
        background: url(/dl/components/img/raiplay/smartphone/modale2.png) center bottom no-repeat
    }

    .modaleProfilo .container-fascia-modale3 {
        background: url(/dl/components/img/raiplay/smartphone/modale3.png) center bottom no-repeat
    }

    .modaleSupporto .container-fascia-modale1 {
        background: url(/dl/components/img/raiplay/smartphone/modale4.png) center bottom no-repeat
    }

    .modaleSupporto .container-fascia-modale2 {
        background: url(/dl/components/img/raiplay/smartphone/modale5x.png) center bottom no-repeat
    }

    .modaleSupporto .container-fascia-modale3 {
        background: url(/dl/components/img/raiplay/smartphone/modale6.png) center bottom no-repeat
    }

    .modaleSupporto .container-fascia-modale4 {
        background: url(/dl/components/img/raiplay/smartphone/modale7.png) center bottom no-repeat
    }

    .modaleProfilo .container-fascia-modale3 .info-tutorial,.modaleSupporto .container-fascia-modale2 .info-tutorial {
        padding-top: 80px;
        min-height: 530px
    }

    .modaleProfilo .container-fascia-modale1 .info-tutorial {
        padding-top: 80px;
        min-height: 500px
    }

    .modaleSupporto .container-fascia-modale4 .info-tutorial {
        padding-top: 80px;
        min-height: 550px
    }

    .modaleProfilo .container-fascia-modale2 .info-tutorial,.modaleSupporto .container-fascia-modale1 .info-tutorial,.modaleSupporto .container-fascia-modale3 .info-tutorial {
        padding-top: 80px;
        min-height: 530px
    }

    .modaleProfilo div.close-button,.modaleSupporto div.close-button {
        width: 20px
    }

    .modaleProfilo .container-fascia-modale1,.modaleProfilo .container-fascia-modale2,.modaleProfilo .container-fascia-modale3,.modaleSupporto .container-fascia-modale1,.modaleSupporto .container-fascia-modale2,.modaleSupporto .container-fascia-modale3,.modaleSupporto .container-fascia-modale4 {
        background-size: 71%!important
    }

	.show-more-info-icon
	{
		background-size: 18px 18px;
		height: 18px;
		width: 18px;
		top: 0;
		margin-bottom: -2px;
    display: inline-block !important;
	}

    .info-tutorial h2 {
        font-size: 26px;
        text-align: center;
        margin: 0 auto 30px auto;
        width: 93%
    }

    .info-tutorial span {
        font-size: 14.5px;
        text-align: center;
        margin: 0 auto 0 auto;
        width: 88%;
        font-weight: 600;
    }

    .info-tutorial {
        min-height: 534px
    }

    .container-fascia1,.container-fascia2,.container-fascia3,.container-fascia4,.container-fascia5,.container-fascia6,.container-fascia7,.container-fascia8,.container-fascia9,.container-fascia10,.container-fascia11,.container-fascia12{
        background-size: inherit!important;
        max-width: 100%
    }

    .container-fascia1 {
        background: url(/dl/components/img/raiplay/smartphone/image1.png) center bottom no-repeat
    }

    .container-fascia2 {
        background: url(/dl/components/img/raiplay/smartphone/image2.png) center bottom no-repeat
    }

    .container-fascia3 {
        background: url(/dl/components/img/raiplay/smartphone/image3.png) center bottom no-repeat
    }

    .container-fascia4 {
        background: url(/dl/components/img/raiplay/smartphone/image4.png) center bottom no-repeat
    }

    .container-fascia5 {
        background: url(/dl/components/img/raiplay/smartphone/image5.png) center bottom no-repeat
    }

    .container-fascia6 {
        background: url(/dl/components/img/raiplay/smartphone/image6x.png) center bottom no-repeat
    }

    .container-fascia7 {
        background: url(/dl/components/img/raiplay/smartphone/image7.png) center bottom no-repeat
    }

    .container-fascia8 {
        background: url(/dl/components/img/raiplay/smartphone/image8.png) center bottom no-repeat
    }

    .container-fascia9 {
        background: url(/dl/components/img/raiplay/smartphone/image9.png) center bottom no-repeat
    }

    .container-fascia10 {
        background: url(/dl/components/img/raiplay/smartphone/image10.png) center bottom no-repeat
    }

    .container-fascia11 {
        background: url(/dl/components/img/raiplay/smartphone/image12x.png) center bottom no-repeat
    }
    .container-fascia12 {
        background: url(/dl/components/img/raiplay/smartphone/image11x.png) center bottom no-repeat
    }

    .container-fascia5.row.align-middle, .container-fascia7.row.align-middle {
        padding-bottom: 30px;
    }

    .container-fascia10.row.align-middle {
        padding-bottom: 50px;
    }

    .container-fascia11.row.align-middle {
        padding-bottom: 20px;

    }
    .info-tutorial {
        float: none!important;
        margin: 0!important;
        padding-top: 60px
    }
}

@media screen and (max-width: 555px) {
    .modaleProfilo .container-fascia-modale1,.modaleProfilo .container-fascia-modale2,.modaleProfilo .container-fascia-modale3,.modaleSupporto .container-fascia-modale1,.modaleSupporto .container-fascia-modale2,.modaleSupporto .container-fascia-modale3,.modaleSupporto .container-fascia-modale4 {
        background-size:82%!important
    }
}

@media screen and (max-width: 475px) {
    .modaleProfilo .container-fascia-modale1,.modaleProfilo .container-fascia-modale2,.modaleProfilo .container-fascia-modale3,.modaleSupporto .container-fascia-modale1,.modaleSupporto .container-fascia-modale2,.modaleSupporto .container-fascia-modale3,.modaleSupporto .container-fascia-modale4 {
        background-size:95%!important
    }
}

@media screen and (max-width: 375px) {
    .modaleProfilo .container-fascia-modale1,.modaleProfilo .container-fascia-modale2,.modaleProfilo .container-fascia-modale3,.modaleSupporto .container-fascia-modale1,.modaleSupporto .container-fascia-modale2,.modaleSupporto .container-fascia-modale3,.modaleSupporto .container-fascia-modale4 {
        background-size:100%!important
    }

    .modaleProfilo .container-fascia-modale1 .info-tutorial {
        min-height: 460px
    }
}
@media screen and (max-width: 335px) {
    .info-tutorial {
        padding-top:0px;
    }
}

@media screen and (min-width:640px) and (max-width:735px)
{
	.prefooter .paddingSociale svg,
	.prefooter .paddingSociale img
	{
		margin-right:5px;
	}
}

.loginAlternativo {
    background: #eceef1;
    display: block
}

.loginAlternativo.reveal {
    padding: 0 50px;
    opacity: 1;
    background-color: #1b282e
}

.loginAlternativo .step1 {
    padding-top: 20px;
    text-align: center
}

.loginAlternativo .modalLog .sfondoLogin {
    width: auto;
    height: 300px;
    position: relative;
    background: url(/dl/components/img/login.png) top center no-repeat
}

.modalLog .wrapperModal {
    margin: 0 auto;
    position: relative;
    width: 100%;
    max-width: 100%
}

.loginAlternativo .wrapperModal .subtitleLogin {
    margin: auto;
    width: 100%;
    max-width: 672px;
    height: auto;
    z-index: 1;
    position: relative
}

body .step1 h1.titlePageLogin {
    margin-bottom: 40px
}

.loginAlternativo .bloccoFissoFirstStep {
    max-width: 672px;
    margin: 0 auto
}

.loginAlternativo .wrapperModal p.continua {
    margin: 49px 0 41px
}

.loginAlternativo .step1 .bloccoFissoFirstStep p:last-child {
    color: #fff;
    font-size: 16.3px
}

.loginAlternativo .button.expanded {
    display: block;
    width: auto;
    margin: 0 auto;
    padding: 11px 55px
}

.loginAlternativo .step1 .button.expanded {
    width: 45%
}

.loginAlternativo .step2 hr {
    display: none
}

.loginAlternativo .step2 {
    display: none;
    padding-top: 60px
}

.loginAlternativo .step2 .dichiarazionePrivacy,.loginAlternativo .step2 .privacyCookie {
    position: relative;
    max-width: 687px
}

.loginAlternativo .subTitleTextPageLogin {
    text-align: left
}

.loginAlternativo .step2 .dichiarazionePrivacy {
    margin: 0 auto 67px auto
}

.loginAlternativo .step2 .button.expanded {
    margin-right: 20px
}

.loginAlternativo .checkbox-custom {
    z-index: 1;
    width: 30px;
    height: 30px
}

.loginAlternativo .textSimple {
    font-size: 12px;
    color: #fff
}

.loginAlternativo .step2 .privacyCookie {
    margin: 0 auto
}

.loginAlternativo .step2 .privacyCookie .row {
    margin-bottom: 34px
}

.loginAlternativo .step2 .privacyCookie .changeSettings {
    font-size: 12px;
    line-height: 18px;
    color: #7b8588
}

.loginAlternativo .step2 .privacyCookie .row:last-child p {
    display: inherit
}

.loginAlternativo .step2 .privacyCookie .row.show-for-small-only p {
    color: #fff!important
}

.loginAlternativo .step2 .privacyCookie .row:last-child p a {
    color: #7b8588;
    font-size: 14px
}

.loginAlternativo .button.secondary {
    font-size: 20.2px;
    border-radius: 4px
}

.loginAlternativo .button.secondary:hover {
    border-color: #0057ab;
    color: #0057ab
}

.loginAlternativo .step1 .button.secondary {
    padding: 20px 50px
}

.loginAlternativo .step2 .privacyCookie .button.secondary {
    padding: 20px 90px
}

.testoLogin {
    text-align: center;
    font-size: 30px!important
}

.testoLogin:last-child {
    font-size: 17.8px!important
}

.loginAlternativo.reveal {
    padding: 0
}

.loginAlternativo .wrapperModal p.continua {
    margin: 49px auto 41px;
    position: relative;
    text-align: center
}

.loginAlternativo .modalLog .wrapperModal {
    padding-bottom: 95px
}

.modalUserNotRegist {
    width: 60%!important;
    border-radius: 10px;
    background-color: #242f36;
    position: fixed;
    left: 20%;
    right: auto;
    color: #fff;
    transition: margin-top 1000ms ease;
    display: block
}

.modalUserNotRegist.visibleModal {
    margin-top: 0
}

.userModal {
    font-size: 14px;
    padding: 64px 70px 0
}

.userModal a.link {
    font-size: 14px;
    font-weight: 400;
    color: #fff
}

.userModal.row.expanded div:first-child {
    padding-top: 14px
}

.userModal .align-right {
    text-align: right
}

.userModal .button.secondary {
    border: 2px solid #fff;
    background-color: transparent;
    font-size: 14px!important;
    padding: 14px 7px
}

.modalUserNotRegist .close-button span:after {
    transform: rotate(-45deg)
}

.modalUserNotRegist .close-button span:before {
    transform: rotate(45deg)
}

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

.modalUserNotRegist .close-button span:before,.modalUserNotRegist .close-button span:after {
    content: '';
    display: inline-block;
    width: 2px;
    height: 100%;
    background: #fff;
    border-radius: 100px;
    position: absolute;
    top: 7px;
    right: 15px
}

@media only screen and (max-width: 63.9375em) and (min-width:30.0625em) {
    .loginAlternativo .step2,.loginAlternativo .step1 {
        padding-top:20px
    }

    .modalUserNotRegist {
        width: 80%!important;
        left: 10%!important;
        top: 50px!important
    }

    .userModal:last-child {
        padding-top: 32px
    }
}

@media only screen and (max-width: 30em) {
    .modalUserNotRegist {
        display:none;
        width: 90%!important;
        left: 5%!important
    }

    .userModal.row.expanded div:first-child {
        text-align: center;
        margin-bottom: 20px!important;
        text-align: center!important
    }

    .loginAlternativo .userModal {
        padding: 64px 0
    }

    .loginAlternativo .step1 {
        padding-top: 20px
    }

    .loginAlternativo .step2 {
        padding-top: 80px
    }

    .loginAlternativo h1.titlePageLogin {
        position: fixed;
        left: 0;
        width: 100%;
        z-index: 1200;
        background: #13222a;
        top: 0;
        text-align: center;
        font-size: 15px;
        height: 60px;
        padding-top: 20px
    }

    .loginAlternativo .modalLog .sfondoLogin {
        margin-top: 60px
    }

    .loginAlternativo .wrapperModal .subtitleLogin {
        width: 80%;
        font-size: 16px;
        padding-bottom: 20px
    }

    .loginAlternativo .subtitleLogin span {
        display: block;
        margin-top: 10px;
        font-size: 14px
    }

    .loginAlternativo .step1 .button.expanded {
        width: 80%
    }

    .loginAlternativo .bloccoFissoFirstStep {
        position: fixed;
        bottom: 0;
        text-align: center;
        margin: 0 auto;
        width: 100%;
        z-index: 1600!important;
        left: 0;
        height: 100px;
        background-color: #13222a
    }

    .step2 .privacyCookie .bloccoFisso {
        position: fixed;
        left: 0;
        width: 100%;
        z-index: 1200;
        background: #13222a;
        bottom: 0;
        text-align: center;
        font-size: 15px;
        padding-top: 20px
    }

    .loginAlternativo .wrapperModal p.continua {
        margin: 10px 0
    }

    .loginAlternativo .button.expanded {
        padding: 7px 20px;
        margin-bottom: 0!important
    }

    .loginAlternativo .step2 .privacyCookie .row {
        margin-bottom: 0!important
    }
}