body {

    margin: 0;
    background: #000;
}
section.video_list_inline {
    z-index: 11;
    position: relative;
}
section.video_list_inline h1,section.video_list_inline h2,section.video_list_inline h3 {
    padding-left:60px;
    color:white;
    letter-spacing: 1px;
     font-weight: 500;
}
section.video_list_inline h1 span,section.video_list_inline h2 span,section.video_list_inline h3 span {
color:white;
    font-weight: 500;

}
.list_inline_container {
    z-index: 12;
}

.s_container {
    position: relative;
    z-index: 2;
}
.nolink, .nolink:hover {
    text-decoration: none;
    color:white;
}
.slider {
    transition: all 0.2s linear;
    position: relative;
    margin-top: 0;
    margin: 0;
    top: 0px;
    left: 0;
    width: 3000vw;
    display: table;
}
.slider .video_container {
    filter: contrast(120%);
}
.slider .video_container:hover {
    filter: contrast(100%);   
}


.slider .element iframe, .slider .element img{
    /*    border-radius: 5px;*/
}
.slider .element {
    transform: scale(1);
    background-color: rgba(0, 0, 0, 0.9);
    position: relative;
    display: inline-block;
    margin-right: 1.5vw;
    vertical-align: top;
    width: 341px;
    height: 192px;
    background: #101010;
    cursor: pointer;
    transition: all 0.2s linear;
    border : .5px solid #222;
    /*    border-radius: 5px;*/
    box-shadow: 0px 0px 0px -5px #555;
}
.slider .element .right_column {
    position: absolute;
    z-index: 9;
    right: 0;
    height: calc(100% - 10px);
    top: 0;
    width: 30%;
    max-width: 32px;
}
.slider .element .right_column .audio {
    display: none;
    position: relative;
    margin: 1px 0px;
    width: 48px;
    height: 48px;
    right: 20px;
}
.slider .element .right_column .audio.mute::after {
    width: 29.867904px;
}
.slider .element .right_column .audio::after {
    transition: 200ms linear;
    content: "";
    z-index: 2;
    position: absolute;
    width: 0;
    height: 1.2px;
    background: #000;
    transform: rotate(135deg);
    transform-origin: bottom left;
    left: 35px;
    top: 12px;
}

.slider .element span.brd {
    position: absolute;
    left: 50%;
    display: none;
    top: 100%;
    margin-left: -60px;
    z-index: 99999;
}
.slider .element span.brd:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 10px;
    z-index: 9999;
    border-style: solid;
    border-color: #FFFFFF transparent transparent transparent;
    top: 4px;
    left: 50px;
}
.slider .element .countdt  {
    margin: 0 ;
}
.slider .element .countdt span {
    display:inline-block;
    margin: 0 2px;
    padding:0;
}
.countdtend {
    font-size: 1vw;
    color:white;
}
.countdtend .blinker{
    -webkit-animation-name: blinker;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
    -webkit-animation-duration: .5s;
}

.slider .element .title {
    position: absolute;
    bottom: 0px;

    letter-spacing: 140%;
    width: 100%;
    left: 0;

    opacity: 0;
    z-index: 9;

    color: #fff;
    text-align: center;
    font-size: 1.4rem;
    background: rgba(255,255,255,.5);
}
.slider .element .description {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    z-index: 2;
    opacity: 0;
    filter: invert(100%);
    background: url(https://i.ibb.co/XxkBhZd/iconfinder-basics-08-296826.png) no-repeat center 80%;
    background-size: 16px 16px;
}
@media screen and (max-width: 400px) {
    .slider .element {
        width: 250px;
        height: 140px;
    }
}
.slider .element .video_container {
    display: block;
    position: absolute;
    width: 100%;
    right: 0;
    transition: none;
    top: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    background: #101010;
}
.slider .element .video_container .v_preloader {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    background: url(https://cdn.dribbble.com/users/1148781/screenshots/3233207/bold-preloader.gif) no-repeat center center #101010;
    background-size: contain;
}
.slider .element .video_container::after {
    position: absolute;
    z-index: 2;
    content: '';
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    box-shadow: inset 0px -34px 41px 10px rgba(0, 0, 0, 0);
    transition: 100ms linear;
    background: rgba(0, 0, 0, 0.2);
}
.slider .element .video_container video {
    object-fit: cover;
    appearance: none;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: -1;
    position: absolute;
}
.slider .element.focus, .slider .element.firstFocus {
    z-index: 9999;
    box-shadow: 0px 0px 1px 0px rgba(255, 255, 255, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.slider .element.focus .video_container::after, .slider .element.firstFocus .video_container::after {
    box-shadow: inset 0px -34px 41px 10px rgba(0, 0, 0, 0.95);
}
.slider .element.focus .title, .slider .element.firstFocus .title {
    opacity: 1;
    filter: invert(100%);
    color: #000;
}
.slider .element.focus .description, .slider .element.firstFocus .description {
    opacity: 0.7;
}
.slider .element.focus .description:hover, .slider .element.firstFocus .description:hover {
    transform: scale(1.6);
    opacity: 1;
    transition: 0.2s linear;
}
.slider .element.focus .video_container, .slider .element.firstFocus .video_container {
    background: rgba(0, 0, 0, 0.2);
    transition: 0.2s linear;
}
.slider .element.focus .video_container::after, .slider .element.firstFocus .video_container::after {
    transition: all 200ms;
}
.slider .element.n_focus {
    transform: scale(1);
    transition: 0.2s linear;
    padding: 10px;
    border: 5px solid #fff;
}
.slider .element.n_focus .video_container::after {
    background: rgba(0, 0, 0, 0);
    transition: 0.2s linear;
}
.slider .element.n_focus span {
    display: block;
}
.slider .element.focus, .slider .element.pfocus, .slider .element.fpfocus, .slider .element.firstFocus {
    transition-delay: 200ms !important;
}

.slider .element.focus {
    transform: scale(1.5);
}

.slider .element.firstFocus {
    transform: scale(1.5);
    transform-style: preserve-3d;
}





.hsectionloader {
    min-height:240px;
}

.hsectionloader.inviewport[data-loading="loaded"] {
    min-height:0px;
}

.after {
    right: 0;
    margin-right: -60px;
}

.after i,
.previous i{
    top: 50%;
    position: absolute;
    margin-top: -50%;

}
.after i {
    margin-left:-10px;
}
.previous i{
    margin-left:10px;
}

.after,
.previous {
    position: absolute;
    margin-top: 0;
    height: 100%;
    background: #fff;
    top: 0;
    top: 0;
    z-index: 99;
    background: transparent;
    /*    background-size: 32px 32px !important;
        background: url(http://www.myiconfinder.com/uploads/iconsets/256-256-7e81c2f3697b91ee17fe6ed6348c232a-Arrow.png) no-repeat center center;*/
    cursor: pointer;
    opacity: 0;
    color:white;
}
.after.visible,
.previous.visible {
    opacity: 0.3 !important;
}

.previous {
    left: 0 !important;
    margin-left: -60px;
    /*transform: rotate(180deg);*/
}

.s_container:hover .after {
    opacity: 1;
}
.s_container:hover .previous {
    opacity: 1;
}
.s_container .ui-widget-content .ui-slider-handle  {
    display : none !important;   
}
.s_container .ui-widget-content {
    background: transparent;
    border:0;
}


@keyframes displayStaff {
    from { opacity: 0;  transform: translateY(16px);translateX(6px); }
    to   { opacity: 1 ;transform: translateY(0);translateX(0);}
}
.video_description.active .staff_container div.staff{
    display:inline-block;   
    margin:10px 10px 10px 0;
    opacity:0;
    animation: displayStaff .8s forwards;
}
.video_description.active .staff_container {

    margin-top:10px; 
}


.video_description .staff_container  img{
    width: 40px;
    border-radius: 50%;
    margin-right:10px;

}
.video_description.active {
    display: block;
    left: 0;
    width: 100%;
    z-index: 1;
    margin-top: -3px;

    position: absolute;
    background: #000;
    transition: 60ms linear;
    color: #fff;
    opacity:1;
}
.video_description.active div {
    display: block;
}

.video_description {
    opacity:0;
    height: 0px;
    z-index: -1;
    transition: 100ms linear;

}
.video_description .desc_container {
    position: relative;
    font-size: 16px !important;
    width: 70%;
    line-height: 27px;
    margin-top: 30px;

    color: #fff;
    background: inherit;
    font-size: 28px;
}
.video_description .text_container {
    position: relative;
    left: 5%;
    width: auto;
    max-width: 55%;
    z-index: 2;
    height: auto;
    top: 20%;
    background: trasparent;
}
.video_description .text_container .movie_title {
    position: relative;

    line-height: 48px;
    color: #fff;

    font-weight: bold;
    user-select: none;
    font-size: 38px;
}
.video_description .text_container .actions_container {
    position: relative;
    width: 100%;
    height: 60px;
    margin-top: 20px;
    display: flex;
    /*
          
          https://google.github.io/material-design-icons/
          
    */
}



.buttonslide i{

}
.buttonslide { 
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    border-radius: 50px;
    color: #fff;

    width: 45px;
    height:45px;
    position: relative;
    overflow: hidden;
    padding: 5px ;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    transition: padding .5s ease, width .5s ease, transform .5s ease;
    margin-right: 1em;
}

.buttonslide.active { 
    background:#cf3319; 
}
.buttonslide i.fa-2x {
    font-size:1.5em;   
}
.buttonslide:hover {
    transform: scale(1, 1);
    padding-left: 20px;
    padding-right: 5px;
    background-position: 5px center;
    width: auto;
    min-width: 45px;
    overflow: auto;
    transition: padding .5s ease, width .5s ease, transform .5s ease;
    text-decoration: none !important;
}
.buttonslide:hover i {
    right: 17px;
    position:fixed;

}
.buttonslide span {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;

}
.buttonslide strong {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    text-align: center;
    position: absolute;
}



.buttonslide span:nth-child(1) {   
    margin-left: -190px;
    transition: left .5s ease;
}


.buttonslide:hover strong { 
    text-align: center;
    left:15px;
    transition-delay: 0;
}
.buttonslide:hover span:nth-child(1) {   
    margin-left:0px;    
    margin-right:40px;    
    transition: all .6s ease;
    transition-delay: .2s;
}






/*
.video_description .text_container .actions_container .play_button,
.video_description .text_container .actions_container .my_list,
.video_description .text_container .actions_container .like,
.video_description .text_container .actions_container .dislike {
    font-size: 20px;
    vertical-align: middle;
    text-transform: uppercase;
}
.video_description .text_container .actions_container .play_button,
.video_description .text_container .actions_container .my_list,
.video_description .text_container .actions_container .like,
.video_description .text_container .actions_container .dislike {
    cursor: pointer;
    padding: 4px 10px;
    user-select: none;
    transition: 200ms linear;
    width: auto;
    max-width: 140px;
    height: 50px;
    text-align: center;
    display: inline-block;
    background: #E50914;
    color: #fff;
    margin-right: 20px;
}
.video_description .text_container .actions_container .play_button i,
.video_description .text_container .actions_container .my_list i,
.video_description .text_container .actions_container .like i,
.video_description .text_container .actions_container .dislike i {
    margin-top: -3px;
}
.video_description .text_container .actions_container .play_button:hover,
.video_description .text_container .actions_container .my_list:hover,
.video_description .text_container .actions_container .like:hover,
.video_description .text_container .actions_container .dislike:hover {
    transform: scale(1.1);
    transition-delay: 400ms;
}
.video_description .text_container .actions_container .my_list,
.video_description .text_container .actions_container .like,
.video_description .text_container .actions_container .dislike {
    background: #000 !important;
    border: 1px solid rgba(255, 255, 255, 0.6);
}
.video_description .text_container .actions_container .like {
    margin-left: 15px;
}
.video_description .text_container .actions_container .like,
.video_description .text_container .actions_container .dislike {
    margin-right: 6px;
    padding: 0 !important;
    width: 48px !important;
    height: 48px !important;
    vertical-align: middle;
    border-radius: 80%;
}
.video_description .text_container .actions_container .like i,
.video_description .text_container .actions_container .dislike i {
    font-size: 16px !important;
    margin-top: 0px;
    vertical-align: middle;
}
.video_description .text_container .actions_container .t_icon {

    font-weight: normal;
    font-style: normal;
    font-size: 32px;
    display: inline-block;
    line-height: 1;
    display: inline-block;
    vertical-align: bottom;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
  
    -webkit-font-smoothing: antialiased;
   
    text-rendering: optimizeLegibility;
   
    -moz-osx-font-smoothing: grayscale;
  
    font-feature-settings: 'liga';
}*/
.video_description .video_container {
    position: absolute;
    right: 0;
    width: 50%;
    height: 100%;
    top: 0;
    background: inherit;
}
.video_description .video_container .v_pause {
    position: absolute;
    bottom: 10%;
    width: 48px;
    height: 48px;
    right: 10%;
    cursor: pointer;
    user-select: none;
    z-index: 2;
}
.video_description .video_container .v_pause.mute::after {
    width: 63.808704px;
}
.video_description .video_container .v_pause::after {
    transition: 200ms linear;
    content: "";
    z-index: 2;
    position: absolute;
    width: 0;
    height: 3.2px;
    background: #000;
    transform: rotate(135deg);
    transform-origin: bottom left;
    left: calc(100% - 8px);
    top: 0;
}
.video_description .video_container video {
    object-fit: cover;
    appearance: none;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 0;
    position: absolute;
}
.video_description .video_container::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0, 0, 0, 0.3);
    z-index: 1;
    box-shadow: inset 120px -20px 110px -10px rgb(0, 0, 0);
}
.video_description div {
    display: none;
}
.video_description .close {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 9;
    cursor: pointer;
    color: #fff;

    font-size: 35px;
    outline: none;
    color:#cf3319;
    opacity: 1;
    text-shadow:none;
}
.video_description .close:hover {
    transform: scale(1.2);
}


.actionbtns {
    margin-top: 10px;
}
.actionbtns span.button {
    display: inline-block;
    background: transparent none repeat scroll 0 0;
    border: 2px solid #CF3319;
    color: #CF3319;
    border-radius: 30px;
    clear: both;
    padding: 5px 20px;
    cursor: pointer;
}
.actionbtns span i {
    color:white;   
}
.actionbtns span[rel="bookmark"] i.active,
.actionbtns span[rel="watchlater"] i.active {
    color:#CF3319;
}

.top_container {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: 0 60px;
    margin-bottom:70px;
}


footer {
    margin-top:0;
    padding-bottom:30px;
}

#counts-home  {
    z-index: 9;
}
#counts-home, #counts-home div,#counts-home span,#counts-home a {
    color:white;
}

#counts-home-light {
    font-size : .9em; 
    opacity: .4;
    transition : .5s ease all;
}
#counts-home-light:hover {
     opacity: 1;
}
#counts-home-light a{color: white;}
#counts-home-light {
    width: 410px;
    background: rgba(0,0,0,.8);
    color: white;

    margin-top: 53px;
    z-index: 9;
    position: absolute;
    right: 0;
    padding: 15px;
}




#counts-home-light i{
    float:left;
}
#counts-home-light .count-number{
    font-size : 1em;  
    float:left;
    margin: 0 10px; 
}

.nfvideo-foreground {
    overflow: hidden;
    position: relative;
    height:600px;
}
.nfvideo-foreground iframe {
    height: 3200px;
    width: 1800px;
    max-width: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

}

.watchtime {
    width: 100%;
    height: 2px;
    z-index: 9;
    position: absolute;

    bottom: 0;
}

.watchtimebar {
    background: #cf3319;
    height:2px;
}

.bull-rub {
    display:block;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 10px;
    right: 10px;
    background : #cf3319;

    z-index:9;
    text-align:right;
    font-size: 0em;
    border-radius: 10px;
    color:transparent;
    overflow:hidden;
    text-overflow: clip;
    border: 0.5px solid rgba(254,254,254,.5);
    transition: width 0.5s cubic-bezier(.22,.97,.87,.33) ;
    transition: color 0s ;

}
.element.focus .bull-rub, .element.firstFocus .bull-rub, .element.n_focus .bull-rub {

    width:auto;
    color:black;
    line-height: 14px;
    height: 14px;
    padding: 0 5px;
    font-size: .5em;
    z-index:9;
    border:0;

    overflow:auto;
    text-overflow: "";
    transition: all 0.5s cubic-bezier(.22,.97,.87,.33) ;
}

.s_container .duree {
    background: black;
    color:white;
    padding: 3px;
    border-radius:3px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index:9;
    font-size: 0.8em;
}
.s_container .firstFocus .duree , .s_container .focus .duree {

    display:none;

}
.sw-button-next {

    position: absolute;
    top: 0;
    right:10px;
    height:100%;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color:rgba(255,255,255,.8);

}

.sw-button-prev {
    position: absolute;
    top: 0;
    left:10px;
    height:100%;
    z-index: 10;
    margin-left:-55px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color:rgba(255,255,255,.8);

}

.swiper-button-lock {
    display:none; 
}
.swiper-button-hidden {
    opacity:.2;
}
.swiper-container,.swiper-wrapper, .swiper-slide {
    overflow:visible ;
}
#main-focus-loader {
    display:none !important;
    height:0; width:0;
}


.focuson h2 {
    position:relative;
    z-index:1;
     color:white;
    letter-spacing: 1px;
     font-weight: 500;
}
.focuson {
    position:relative;
    padding: 0 0 0 60px;
}

.focuscard {
    position:relative;
    margin-bottom: 15px;
    min-height:420px;
    color:white;
    border-radius: 5px;
    z-index:9;
    background-size: cover;
    padding:0;
    background: rgba(20,20,20,0.5);
    transition: 0.2s linear;
    border: .5px solid #222;
}
.focuscard:hover {
    transform: scale(1.05);
    opacity: 1;

}

.focuscard .button{
    position:absolute;
    bottom: 20px;
    left: 20px;
    background: black;
}
.focuscard .content{
    padding: 20px;
    font-size: 1em;
    border-radius: 5px;
}
.focuscard h2{
    color:white;
    font-size: 1.5em;
    margin:0;
}
.focuscard h3{
    color:white;
    font-size: 1.2em;
    margin: 5px 0 ;  
}
.focuscard .desc{
    min-height:65px;
}
.focuscard .desc p{
    margin: 5px 0 ;
}
.focuscard .button {
    margin-top: 10px;   
}
.focuscard .focusimg {
    max-height: 300px;
}
.focuscard .afocusimg {
    height: 190px;
    width:100%;
    background-size: cover !important;
    display:block;
    background-repeat: no-repeat;
    background-position: center center;
}


.nextlives_home .active-slide {
    border: 1px solid #cf3319;
}


/******

.nfvideo-background {
background: #000;
position: fixed;
top: 0; right: 0; bottom: 0; left: 0;
z-index: -99;
}
.nfvideo-foreground,
.nfvideo-background iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}

@media (min-aspect-ratio: 16/9) {
.nfvideo-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
.nfvideo-foreground { width: 300%; left: -100%; }
}
@media all and (max-width: 600px) {
.nfvid-info { width: 50%; padding: .5rem; }
.nfvid-info h1 { margin-bottom: .2rem; }
}
@media all and (max-width: 500px) {
.nfvid-info .acronym { display: none; }
}***/



/*
.volatile-billboard-animations-container {
        display: block;
        z-index: 1;
        position: relative;
}
.volatile-billboard-animations-container .billboard-row {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
}
.billboard-row .billboard {
        position: absolute;
        background-color: #000;
        width: 100%;
        height: 56.25vw;
        z-index: 0;
}
.billboard-row .billboard .billboard-motion {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
}
.billboard-row .billboard .bottom-layer {
        z-index: 2;
}
.billboard-row .billboard .full-screen {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
}
.hero-image-wrapper {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
}

.hero-image-wrapper .static-image {
        position: absolute;
        background-position: center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        opacity: 1;
        -webkit-transition: opacity .4s cubic-bezier(.665,.235,.265,.8) 0s;
        -o-transition: opacity .4s cubic-bezier(.665,.235,.265,.8) 0s;
        -moz-transition: opacity .4s cubic-bezier(.665,.235,.265,.8) 0s;
        transition: opacity .4s cubic-bezier(.665,.235,.265,.8) 0s;
}
.fill-container {
        height: 100%;
        width: 100%;
}
.billboard-row .billboard .fill-container {
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        position: absolute;
}
.billboard-row .billboard .billboard-info {
        left: 60px;
}*/

.billboard-row .billboard .billboard-motion {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0
}
.billboard-row .billboard .billboard-motion .ActionButtons {
    width:2.4vw;
    height:2.4vw;
    position:relative;
    margin:0 1.1vw 0 0
}
html.change-font-scaling .billboard-row .billboard .billboard-motion .ActionButtons {
    height:auto;
    width:auto;
    margin-right:1.4rem
}
.billboard-row .billboard .billboard-motion.dismiss-static .static-image {
    opacity:0
}
.billboard-row .billboard .billboard-motion .audio-btn.global-supplemental-audio-toggle .nf-svg-button {
    margin:0;
    padding:0;
    width:2.4vw;
    height:2.4vw;
    border-width:.1vw;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.billboard-row .billboard .billboard-motion .audio-btn.global-supplemental-audio-toggle .svg-icon {
    width:1.6vw;
    height:1.6vw
}
.billboard-row .billboard .Billboard__replay-trailer-button.svg-icon {
    position:absolute;
    cursor:pointer;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    color:#fff;
    background:rgba(0,0,0,.25);
    width:2.4vw;
    height:2.4vw;
    padding:.3vw;
    -webkit-transition:-webkit-transform 150ms ease;
    transition:-webkit-transform 150ms ease;
    -o-transition:-o-transform 150ms ease;
    -moz-transition:transform 150ms ease,-moz-transform 150ms ease;
    transition:transform 150ms ease;
    transition:transform 150ms ease,-webkit-transform 150ms ease,-moz-transform 150ms ease,-o-transform 150ms ease;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    border:.1vw solid rgba(255,255,255,.5);
    pointer-events:auto;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.billboard-row .billboard .Billboard__replay-trailer-button.svg-icon:focus,
.billboard-row .billboard .Billboard__replay-trailer-button.svg-icon:hover {
    border-color:#fff;
    outline:0;
    -webkit-transform:scale(1.13);
    -moz-transform:scale(1.13);
    -ms-transform:scale(1.13);
    -o-transform:scale(1.13);
    transform:scale(1.13)
}
.billboard.episodic-billboard .title-area {
    font-size:1.4em;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:start;
    -webkit-justify-content:flex-start;
    -moz-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    padding-right:1em
}
.billboard.episodic-billboard .title-area .title-text-area {
    -webkit-transition:opacity .5s,margin .5s;
    -o-transition:opacity .5s,margin .5s;
    -moz-transition:opacity .5s,margin .5s;
    transition:opacity .5s,margin .5s;
    position:relative;
    margin-right:0;
    margin-top:1vw;
    z-index:2;
    padding:0;
    max-width:25em
}
.billboard.episodic-billboard .title-area .title-text-area.hide {
    opacity:0;
    margin-right:-100%
}
.billboard.episodic-billboard .title-area .episodic-title {
    font-size:1.6vw;
    font-weight:700;
    color:#fff;
    margin:0;
    padding:0
}
.billboard.episodic-billboard .billboard-info .logo-and-text .synopsis {
    font-size:1.35vw
}
.billboard.episodic-billboard .new-badge {
    font-size:1em;
    line-height:1.9em;
    margin:0
}

.reminderBadge--wrapper {
    margin-bottom:1.5vw;
    font-size:1.3rem;
    position:absolute;
    top:5.5vw;
    left:4%;
    font-weight:700;
    text-shadow:2px 2px 4px rgba(0,0,0,.45);
    z-index:11;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.reminderBadge--wrapper .reminderBadge--icon {
    background:#e50914;
    margin-right:1vw;
    width:3vw;
    height:3vw;
    display:-webkit-inline-box;
    display:-webkit-inline-flex;
    display:-moz-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%
}
.reminderBadge--wrapper .reminderBadge--icon .remindme-add {
    width:1.7vw;
    height:1.7vw;
    -webkit-transform:translate(0,.3vw);
    -moz-transform:translate(0,.3vw);
    -ms-transform:translate(0,.3vw);
    -o-transform:translate(0,.3vw);
    transform:translate(0,.3vw);
    margin-top:.3vw
}
.volatile-billboard-animations-container {
    display:block;
    z-index:1;
    position:relative;
    margin-top:55px;
}
.volatile-billboard-animations-container .billboard-row {
    position:relative;
    top:0;
    left:0;
    right:0
}
.volatile-billboard-animations-enter {
    -webkit-animation-duration:.3s,.6s;
    -moz-animation-duration:.3s,.6s;
    -o-animation-duration:.3s,.6s;
    animation-duration:.3s,.6s;
    -webkit-animation-name:billboardOpacityFadeIn,billboardScaleFadeIn;
    -moz-animation-name:billboardOpacityFadeIn,billboardScaleFadeIn;
    -o-animation-name:billboardOpacityFadeIn,billboardScaleFadeIn;
    animation-name:billboardOpacityFadeIn,billboardScaleFadeIn;
    -webkit-animation-timing-function:linear,cubic-bezier(.23,1,.32,1);
    -moz-animation-timing-function:linear,cubic-bezier(.23,1,.32,1);
    -o-animation-timing-function:linear,cubic-bezier(.23,1,.32,1);
    animation-timing-function:linear,cubic-bezier(.23,1,.32,1);
    z-index:1
}
@-webkit-keyframes billboardOpacityFadeIn {
    from {
        opacity:0
    }
    to {
        opacity:1
    }
}
@-moz-keyframes billboardOpacityFadeIn {
    from {
        opacity:0
    }
    to {
        opacity:1
    }
}
@-o-keyframes billboardOpacityFadeIn {
    from {
        opacity:0
    }
    to {
        opacity:1
    }
}
@keyframes billboardOpacityFadeIn {
    from {
        opacity:0
    }
    to {
        opacity:1
    }
}
@-webkit-keyframes billboardScaleFadeIn {
    from {
        -webkit-transform:scale(1.15);
        transform:scale(1.15)
    }
    to {
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@-moz-keyframes billboardScaleFadeIn {
    from {
        -moz-transform:scale(1.15);
        transform:scale(1.15)
    }
    to {
        -moz-transform:scale(1);
        transform:scale(1)
    }
}
@-o-keyframes billboardScaleFadeIn {
    from {
        -o-transform:scale(1.15);
        transform:scale(1.15)
    }
    to {
        -o-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes billboardScaleFadeIn {
    from {
        -webkit-transform:scale(1.15);
        -moz-transform:scale(1.15);
        -o-transform:scale(1.15);
        transform:scale(1.15)
    }
    to {
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
}
.volatile-billboard-animations-leave {
    -webkit-animation-duration:.4s;
    -moz-animation-duration:.4s;
    -o-animation-duration:.4s;
    animation-duration:.4s;
    -webkit-animation-name:billboardOpacityFadeOut;
    -moz-animation-name:billboardOpacityFadeOut;
    -o-animation-name:billboardOpacityFadeOut;
    animation-name:billboardOpacityFadeOut;
    -webkit-animation-timing-function:linear;
    -moz-animation-timing-function:linear;
    -o-animation-timing-function:linear;
    animation-timing-function:linear;
    z-index:2
}
@-webkit-keyframes billboardOpacityFadeOut {
    from {
        opacity:1
    }
    to {
        opacity:0
    }
}
@-moz-keyframes billboardOpacityFadeOut {
    from {
        opacity:1
    }
    to {
        opacity:0
    }
}
@-o-keyframes billboardOpacityFadeOut {
    from {
        opacity:1
    }
    to {
        opacity:0
    }
}
@keyframes billboardOpacityFadeOut {
    from {
        opacity:1
    }
    to {
        opacity:0
    }
}
.volatile-billboard-animations-leave.billboard-row {
    position:absolute
}
.lolomoRow {
    z-index:1
}
.billboard-row {
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -ms-touch-action:pan-y;
    touch-action:pan-y;
    margin-bottom:20px;
    background-color:#000;
    position:relative;
    padding-bottom:35%
}
.billboard-row .billboard {
    position:absolute;
    background-color:#000;
    width:100%;
    height:56.25vw;
    z-index:0
}
.billboard-row .billboard .button-layer {
    position:relative;
    z-index:10
}
.billboard-row .billboard .play-hit-layer {
    z-index:9
}
.billboard-row .billboard .full-screen {
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0
}
.billboard-row .billboard .hero-image-wrapper {
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    overflow:hidden; /* masquer dÊpassement de l'image en pas si pas bon ratio */
}
.billboard-row .billboard .hero-image-wrapper .image-layer {
    z-index:5
}
.billboard-row .billboard .hero-image-wrapper .vignette-layer {
    z-index:8;
    position:absolute;
    left:0;
    right:0
}
.billboard-row .billboard .hero-image-wrapper .static-image {
    position:absolute;
    background-position:center center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    left:0;
    right:0;
    top:0;
    bottom:0;
    width:100%;
    opacity:1;
    -webkit-transition:opacity .4s cubic-bezier(.665,.235,.265,.8) 0s;
    -o-transition:opacity .4s cubic-bezier(.665,.235,.265,.8) 0s;
    -moz-transition:opacity .4s cubic-bezier(.665,.235,.265,.8) 0s;
    transition:opacity .4s cubic-bezier(.665,.235,.265,.8) 0s
}
.billboard-row .billboard .hero-image-wrapper .hero-vignette {
    background: rgb(0,0,0);
    background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 8%, rgba(0,0,0,0) 68%);
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 8%, rgba(0,0,0,0) 68%);
    background: linear-gradient(0deg, rgba(0,0,0,1) 8%, rgba(0,0,0,0) 68%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); 
    -webkit-background-size:100% 100%;
    -moz-background-size:100% 100%;
    background-size:100% 100%;
    background-position:0 top;
    background-repeat:repeat-x;
    background-color:transparent;
    width:100%;
    height:14.7vw;
    top:auto;
    bottom:-1px;
    opacity:1
}
.billboard-row .billboard .hero-image-wrapper .trailer-vignette {
    background:-webkit-linear-gradient(13deg,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 85%);
    background:-moz- oldlinear-gradient(13deg,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 85%);
    background:-o-linear-gradient(13deg,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 85%);
    background:linear-gradient(77deg,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 85%);
    position:absolute;
    top:0;
    left:0;
    right:26.09%;
    bottom:0;
    opacity:1;
    -webkit-transition:opacity .5s;
    -o-transition:opacity .5s;
    -moz-transition:opacity .5s;
    transition:opacity .5s
}
.billboard-row .billboard.video-playing .hero-image-wrapper .trailer-vignette {
    opacity:.71
}
.billboard-row .billboard .bottom-layer {
    z-index:2
}
.billboard-row .billboard .embedded-components {
    position:absolute;
    right:0;
    bottom:35%;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-direction:row;
    -moz-box-orient:horizontal;
    -moz-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:end;
    -webkit-justify-content:flex-end;
    -moz-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.billboard-row .billboard .fill-container {
    top:0;
    bottom:0;
    right:0;
    left:0;
    position:absolute
}
.billboard-row .billboard .billboard-pane {
    position:absolute;
    z-index:3;
    top:0;
    bottom:0;
    left:0;
    right:0
}
.billboard-row .billboard .billboard-play-hitzone {
    right:0;
    top:0;
    bottom:0;
    position:absolute;
    width:60%
}
.billboard-row .billboard .maturity-rating {
    border:solid 3px #dcdcdc;
    border-style:none none none solid;
    background-color:rgba(51,51,51,.6);
    font-size:1.1vw;
    padding:.5vw 3.5vw .5vw .8vw;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:2.4vw;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.billboard-row .billboard .maturity-rating .maturity-number {
    padding:0;
    border-width:0
}
html.change-font-scaling .billboard-row .billboard .maturity-rating {
    font-size:1.6rem;
    font-weight:500;
    height:auto;
    padding:1rem 5rem 1rem 1.4rem;
    line-height:1
}
.billboard-row .billboard .maturity-rating:empty {
    visibility:hidden
}
.billboard-row .billboard .billboard-info {
    position:absolute;
    top:0;
    bottom:45%;
    left:4%;
    width:65%;
    z-index:10;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -webkit-justify-content:flex-end;
    -moz-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -moz-box-orient:vertical;
    -moz-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
@media screen and (min-width:1500px) {
    .billboard-row .billboard .billboard-info {
        left:60px
    }
}
.billboard-row .billboard .billboard-info .logo-and-text {
    width:100%;
    -webkit-transition:-webkit-transform 1.5s cubic-bezier(.165,.84,.44,1);
    transition:-webkit-transform 1.5s cubic-bezier(.165,.84,.44,1);
    -o-transition:-o-transform 1.5s cubic-bezier(.165,.84,.44,1);
    -moz-transition:transform 1.5s cubic-bezier(.165,.84,.44,1),-moz-transform 1.5s cubic-bezier(.165,.84,.44,1);
    transition:transform 1.5s cubic-bezier(.165,.84,.44,1);
    transition:transform 1.5s cubic-bezier(.165,.84,.44,1),-webkit-transform 1.5s cubic-bezier(.165,.84,.44,1),-moz-transform 1.5s cubic-bezier(.165,.84,.44,1),-o-transform 1.5s cubic-bezier(.165,.84,.44,1)
}
.billboard-row .billboard .billboard-info .billboard-title {

    position:relative;
    margin-bottom:1.2vw;

    font-size: 2.8vw;
    line-height: initial;
    font-weight: 500;
    color: white;
    -webkit-transition: color 1s cubic-bezier(.165,.84,.44,1);
    -o-transition: color 1s cubic-bezier(.165,.84,.44,1);
    -moz-transition: color 1s cubic-bezier(.165,.84,.44,1);
    transition: color 1s cubic-bezier(.165,.84,.44,1);
    text-shadow: 2px 2px 1px rgba(0,0,0,.45);
}

.billboard-row .billboard .billboard-info .billboard-title .title {
    font-size:3.5vw;
    margin-top:4vw;
    position:absolute;
    bottom:0
}
.billboard-row .billboard .billboard-info .billboard-title .title-logo {
    width:90%;
    -webkit-transform-origin:bottom left;
    -moz-transform-origin:bottom left;
    -ms-transform-origin:bottom left;
    -o-transform-origin:bottom left;
    transform-origin:bottom left
}
.billboard-row .billboard .billboard-info .billboard-title .title-logo.awards {
    max-width:90%;
    height:13.2vw;
    width:auto
}
.billboard-row .billboard .billboard-info .billboard-title.isRtl .title-logo {
    margin-bottom:0;
    padding-top:40%;
    -webkit-background-size:contain;
    -moz-background-size:contain;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:left top
}
.billboard-row .billboard .billboard-info .synopsis {
    color:#fff;
    font-weight:400;
    line-height:normal;
    width:100%;
    font-size:1.4vw;
    line-height: initial;
    text-shadow:2px 2px 4px rgba(0,0,0,.45);
    margin-top:.1vw
}
html.change-font-scaling .billboard-row .billboard .billboard-info .synopsis {
    font-size:2rem
}
.billboard-row .billboard .billboard-info .synopsis.no-supplemental {
    margin:.5vw 0 0 0
}
.billboard-row .billboard .billboard-info .maturity-rating .maturity-number {
    border-width:0;
    font-size:1.2em;
    font-weight:700;
    padding:0
}
.billboard-row .billboard .billboard-info .billboard-links {
    margin-top:1.5vw;
    white-space:nowrap;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    line-height:88%
}
.billboard-row .billboard .billboard-info .billboard-links .nf-flat-button .nf-flat-button-icon.svg-icon.svg-icon-info {
    margin-bottom:0;
    width:1.4vw;
    height:1.4vw
}
.billboard-row .billboard .billboard-info .billboard-links>a {
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.billboard-row .billboard .billboard-info .billboard-links>a,
.billboard-row .billboard .billboard-info .billboard-links>button {
    -webkit-flex-shrink:0;
    -ms-flex-negative:0;
    flex-shrink:0;
    margin-right:1vw;
    font-size:1.1vw;
    padding: 1vw 2vw;
}
.billboard-row .billboard .billboard-info .supplemental-message {
    font-size:1.9vw;
    line-height: initial;
    color:#fff;
    -webkit-transition:color 1s cubic-bezier(.165,.84,.44,1);
    -o-transition:color 1s cubic-bezier(.165,.84,.44,1);
    -moz-transition:color 1s cubic-bezier(.165,.84,.44,1);
    transition:color 1s cubic-bezier(.165,.84,.44,1);
    text-shadow:2px 2px 4px rgba(0,0,0,.45);
    margin:1vw 0
}
html.change-font-scaling .billboard-row .billboard .billboard-info .supplemental-message {
    font-size:2.4rem
}
.billboard-row .billboard .billboard-info .supplemental-message img {
    max-width:100%
}

.billboard-row .billboard .billboard-info .duree-container .duree span{
    background: rgba(0,0,0,.5);
    color:white;
    font-size:1.2vw;
    padding:.4vw;
    border-radius: .2vw;
    margin-right: .5vw;
    display:inline-block;
}
.billboard-row .billboard .mylist-button,
.billboard-row .billboard .remindme-button {
    font-size:1.1vw;
    font-weight:700;
    margin-right:.75em;
    padding:.57em 1.35em;
    color:#fff;
    border:1px solid rgba(255,255,255,.4);
    -webkit-box-shadow:0 1px 2px rgba(0,0,0,.3);
    -moz-box-shadow:0 1px 2px rgba(0,0,0,.3);
    box-shadow:0 1px 2px rgba(0,0,0,.3);
    background-image:none;
    background-color:rgba(0,0,0,.4)
}
.billboard-row .billboard .mylist-button .nf-icon-button-icon,
.billboard-row .billboard .mylist-button .playRing,
.billboard-row .billboard .remindme-button .nf-icon-button-icon,
.billboard-row .billboard .remindme-button .playRing {
    margin-right:.71em;
    background-color:transparent;
    font-size:inherit;
    -webkit-transition:none;
    -o-transition:none;
    -moz-transition:none;
    transition:none
}
.billboard-row .billboard .mylist-button .icon-button-mylist-added,
.billboard-row .billboard .mylist-button .icon-button-mylist-added-reverse,
.billboard-row .billboard .mylist-button .icon-button-remindme-added,
.billboard-row .billboard .mylist-button .icon-button-remindme-added-reverse,
.billboard-row .billboard .remindme-button .icon-button-mylist-added,
.billboard-row .billboard .remindme-button .icon-button-mylist-added-reverse,
.billboard-row .billboard .remindme-button .icon-button-remindme-added,
.billboard-row .billboard .remindme-button .icon-button-remindme-added-reverse {
    -webkit-transform:scale(1.5);
    -moz-transform:scale(1.5);
    -ms-transform:scale(1.5);
    -o-transform:scale(1.5);
    transform:scale(1.5)
}
.billboard-row .billboard .mylist-button .nf-icon-button-label,
.billboard-row .billboard .remindme-button .nf-icon-button-label {
    padding:0;
    margin:0;
    top:auto
}
.billboard-row .billboard .mylist-button:hover,
.billboard-row .billboard .remindme-button:hover {
    background-color:rgba(51,51,51,.4)
}
.billboard-row .billboard .mylist-button:hover .nf-icon-button-icon,
.billboard-row .billboard .remindme-button:hover .nf-icon-button-icon {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}
.billboard-row .billboard .mylist-button:hover .nf-icon-button-icon.icon-button-mylist-added,
.billboard-row .billboard .mylist-button:hover .nf-icon-button-icon.icon-button-mylist-added-reverse,
.billboard-row .billboard .mylist-button:hover .nf-icon-button-icon.icon-button-remindme-added,
.billboard-row .billboard .mylist-button:hover .nf-icon-button-icon.icon-button-remindme-added-reverse,
.billboard-row .billboard .remindme-button:hover .nf-icon-button-icon.icon-button-mylist-added,
.billboard-row .billboard .remindme-button:hover .nf-icon-button-icon.icon-button-mylist-added-reverse,
.billboard-row .billboard .remindme-button:hover .nf-icon-button-icon.icon-button-remindme-added,
.billboard-row .billboard .remindme-button:hover .nf-icon-button-icon.icon-button-remindme-added-reverse {
    -webkit-transform:scale(1.5);
    -moz-transform:scale(1.5);
    -ms-transform:scale(1.5);
    -o-transform:scale(1.5);
    transform:scale(1.5)
}
.billboard-row .billboard .icon-button-mylist-add:before {
    content:'\e641'
}
.billboard-row .billboard .icon-button-mylist-add-reverse:before {
    content:'\e641'
}
.billboard-row .billboard .icon-button-mylist-added:before {
    content:'\e804'
}
.billboard-row .billboard .icon-button-mylist-added-reverse:before {
    content:'\e804'
}
.billboard-links button {
    margin-right:1rem;
    margin-bottom:1rem
}
.billboard-links .playLink button {
    margin-left:0
}
.bigRowItem .forward-leaning,
.billboard-links.forward-leaning {
    margin-top:1vw
}
.bigRowItem .forward-leaning .btn-flat,
.bigRowItem .forward-leaning .nf-flat-button .annotation,
.bigRowItem .forward-leaning .nf-flat-button .nf-flat-button-text,
.bigRowItem .forward-leaning .nf-icon-button .nf-icon-button-label,
.billboard-links.forward-leaning .btn-flat,
.billboard-links.forward-leaning .nf-flat-button .annotation,
.billboard-links.forward-leaning .nf-flat-button .nf-flat-button-text,
.billboard-links.forward-leaning .nf-icon-button .nf-icon-button-label {
    text-transform:none
}
.bigRowItem .forward-leaning .btn-flat,
.bigRowItem .forward-leaning .btn-flat-primary,
.bigRowItem .forward-leaning .nf-flat-button,
.bigRowItem .forward-leaning .nf-flat-button-primary,
.bigRowItem .forward-leaning .nf-icon-button:not(.audio-btn),
.billboard-links.forward-leaning .btn-flat,
.billboard-links.forward-leaning .btn-flat-primary,
.billboard-links.forward-leaning .nf-flat-button,
.billboard-links.forward-leaning .nf-flat-button-primary,
.billboard-links.forward-leaning .nf-icon-button:not(.audio-btn) {
    background-color:rgba(51,51,51,.4);
    border-width:0;
    padding:.75em 2.3em;
    height:1.2vw;
    -webkit-border-radius:.2vw;
    -moz-border-radius:.2vw;
    border-radius:.2vw;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    font-size:1.1vw;
    margin-bottom:.75em
}
.bigRowItem .forward-leaning .btn-flat-primary:hover,
.bigRowItem .forward-leaning .btn-flat:hover,
.bigRowItem .forward-leaning .nf-flat-button-primary:hover,
.bigRowItem .forward-leaning .nf-flat-button:hover,
.bigRowItem .forward-leaning .nf-icon-button:not(.audio-btn):hover,
.billboard-links.forward-leaning .btn-flat-primary:hover,
.billboard-links.forward-leaning .btn-flat:hover,
.billboard-links.forward-leaning .nf-flat-button-primary:hover,
.billboard-links.forward-leaning .nf-flat-button:hover,
.billboard-links.forward-leaning .nf-icon-button:not(.audio-btn):hover {
    -webkit-box-shadow:0 .6vw 1vw -.4vw rgba(0,0,0,.35);
    -moz-box-shadow:0 .6vw 1vw -.4vw rgba(0,0,0,.35);
    box-shadow:0 .6vw 1vw -.4vw rgba(0,0,0,.35);
    background-color:#e6e6e6;
    color:#000;
    height:1.2vw
}




/* animations slides */

@keyframes billboardTitle {
    from { opacity: 0; margin-left:-100px; transform: scale(1.2);}
    to   { opacity:1 ;margin-left:0px; transform:scale(1);}
}
@keyframes billboardFadeIn {
    from { opacity: 0;  }
    to   { opacity:0.5 ; }
}
@keyframes billboardScaleBounce {
    from { transform: scale(1);}
    to   { transform:scale(1.4);}
}
@keyframes flipCntd {
    from {  transform: rotateY(0deg);}
    to   { transform: rotateY(90deg);}
}

section.video_list_inline {
    animation: .5s cubic-bezier(1,.07,.62,.82) 0s billboardFadeIn;
}

.duree-container .duree span.s {
    transition: transform 0.8s;
    transform-style: preserve-3d;
    animation: .5s cubic-bezier(1,.07,.62,.82) 0s infinite alternate flipCntd;
}
.billboard-row .billboard .hero-image-wrapper .static-image {
   
    opacity:0.5;
    animation: 45s linear 0s infinite alternate billboardScaleBounce, 1s linear 0s  billboardFadeIn ;
}
.billboard-row .billboard .hero-image-wrapper iframe {
    width: 100%;
    height:100%;
      /*animation: 45s linear 0s infinite alternate billboardScaleBounce, 1s linear 0s  billboardFadeIn ;*/
}
.billboard-row .billboard .hero-image-wrapper.has-iframe .static-image {
   
    opacity:0;
    animation: 45s linear 0s infinite alternate billboardScaleBounce, 1s linear 0s  billboardFadeIn ;
}

.billboard-title {

    animation : billboardTitle .8s;
}
.info-wrapper{   
    animation : billboardTitle 1s;
    animation-delay: 0s;
}

.billboard-links{

    animation : billboardTitle 1.2s;
    animation-delay: 0s;
}


.morelives {
    display:none;    
}
.showmorelives {
    font-size:.6em;
}



@media screen and (max-width: 1024px) {
    .video_description .text_container {
        top:10%
    }

}
@media screen and (max-width: 768px) {
    .video_description.active div.desc_container {
        display:none;
    }
    .video_description .text_container .movie_title {
        font-size: 20px;
        line-height:initial;
    }
    .staff_container {
        height: 45;
        overflow:scroll;
    }
    .nfvideo-foreground {	
        height: 400px;
    }
    .video_description .staff_container img {
        width: 30px;
    }
    .video_description.active .staff_container div.staff {
        margin: 5px 5px 5px 0;
    }
    .billboard-row .billboard .billboard-info .billboard-title {

        font-size: 3vw;

    }
    .billboard-row .billboard .billboard-info .supplemental-message {
        font-size: 2.5vw;

    }
    .billboard-row .billboard .billboard-info .synopsis {
        font-size: 2.5vw;
    }
    .billboard-row .billboard .billboard-info .billboard-links > a, .billboard-row .billboard .billboard-info .billboard-links > button {

        font-size: 2vw;

    }
    .billboard-row .billboard .billboard-info .duree-container .duree span {

        font-size: 2vw;

    }
    .billboard-row .billboard .billboard-info {
        bottom: 25%;
        width: 75%;
    }

    .after,.previous {
        opacity: 0.3 !important;
    }

    .top_container {

        margin-bottom: 50px;
    }

    #counts-home-light {
        right:auto;
        position: relative;
        width: 100%;
         opacity: 1;
    }
    .volatile-billboard-animations-container {
        margin-top:0 !important;
    }

}


@media screen and (max-width: 550px) {
    .slider .element.firstFocus {
        transform: unset;
        transform-style: unset;
        transform-origin: unset;
    }
    .slider .element.focus .description:hover, .slider .element.firstFocus .description:hover  {
        transform: unset;
        transform-style: unset;
        transform-origin: unset;
    }
    .video_description .text_container .movie_title {
        font-size: 18px;
        line-height:initial;
    }
    .video_description .staff_container img {
        width: 25px;
    }
    .video_description.active .staff_container div.staff {
        margin: 5px 5px 5px 0;
    }
    .video_description .video_container {
        width: 80%;
    }
    .nfvideo-foreground {	
        height: 400px;
    }

    .billboard-row .billboard .billboard-info .billboard-title {

        font-size: 4vw;
        line-height:1.2;

    }
    .billboard-row .billboard .billboard-info .supplemental-message {
        font-size: 2.9vw;
         line-height:1.1;

    }
    .billboard-row .billboard .billboard-info .synopsis {
        font-size: 3vw;
    }
    .billboard-row .billboard .billboard-info .billboard-links > a, .billboard-row .billboard .billboard-info .billboard-links > button {

        font-size: 2.5vw;

    }
    .billboard-row .billboard .billboard-info {
        bottom: 15%;
        width: 92%;
    }

    section.video_list_inline h1, section.video_list_inline h2, section.video_list_inline h3 {
        font-size:22px
    }

    .top_container {

        margin-bottom: 40px;
    }

}


@media screen and (max-width: 375px) {
    #counts-home-light {
        font-size:10px;
    }
}