.vimeo iframe {
    width: 100%;
    /* height: 100%; */
    /* position: absolute; */
}

.vimeo, #youtube_video {
    background-image: url(../../../assets/images/default-lecture.jpg);
    background-size:contain;
    background-repeat:no-repeat;
    background-position: center;
}


@media only screen and (min-width : 320px) and (max-width : 920px) and (orientation : portrait) {
    .nav-header.dark-header{
        background: #000 !important;
    }
    .nav-header .lecture-title {
        font-size: 19px;
        font-weight: 600;
        line-height: 50px;
        padding-left: 10px;
        padding-top: 0px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    /* .youtube_video iframe{height:calc(100% - 40px)} */
}

@media only screen and (max-width : 920px) and (orientation : landscape) {

}
.watermark {
    border-radius: 5px;
    font-size: 14px;
    padding: 11px 8px;
    position: absolute;
    text-align: center;
}
.black-watermark{color :rgba(0, 0, 0, 0.3); }
.white-watermark{color :rgba(255, 255, 255, 0.3); }
.skyblue-watermark{color :rgba(0, 167, 200, 0.3); }
.orange-watermark{color :rgba(247, 130, 34, 0.3); }
.yellow-watermark{color :rgba(255, 255, 0, 0.3); }
.poster-container{ position: absolute; top: 0; right: 0; left: 0; }
.poster-center {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
}
.poster-img{
    /* max-width: calc(177.778vh); */
    /* height: calc(56.25vw); */
    width: 72px;
}
.fp-player .watermark{font-family: 'Roboto', 'Open Sans', sans-serif;font-weight: 300;font-size:11px}
.flowplayer .fp-backward svg, .flowplayer .fp-forward svg { vertical-align: bottom; }
.flowplayer .fp-backward.is-disabled svg .fill-path,
.flowplayer .fp-forward.is-disabled svg .fill-path {
  fill: #999;
}
#youtube_video .plyr__video-embed{
    height: 100%;
}
.video-container .plyr iframe {
  transition: 0.2s filter linear;
}

.video-container .plyr.plyr--paused iframe {
  filter: blur(2rem);
} 
.plyr-beforeload .plyr__video-embed:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url(../../../assets/images/default-lecture.jpg);
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center;
}
.video-container .plyr--paused .plyr__video-embed:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #101010;
    /* background-image: url(../../../assets/images/default-lecture.jpg);
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center; */
}
.video-container .plyr--video .plyr__controls {
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.7));
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 20px 5px 5px;
    position: absolute;
    right: 0;
    transition: opacity .4s ease-in-out,transform .4s ease-in-out;
    z-index: 4;
}
.video-container .plyr__control--overlaid {
    background: rgba(0,179,255,.8);
    border: 0;
    border-radius: 100%;
    color: #fff;
    display: none;
    left: 50%;
    padding: 15px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 3;
}
.video-container .plyr__video-wrapper {
    top: 0;
    transform: unset;
}
.video-container .plyr__volume {
    min-width: auto;
    width: auto;
}
.video-container .plyr__controls__item.plyr__control:disabled svg{ fill: gray }
.context-holder.ios-player-context{ padding-top: 25vh; }
a.ios-app-opener{ color: #fff!important; text-decoration: none; }
@media only screen and (max-width: 920px) and (min-width: 320px) and (orientation: portrait)
{
        .video-lecture .video-container {
           display: block !important;
           height: 100%;
       }
       /* .video-lecture div#player {
           top: 60px;
           height: fit-content !important;
       } */
       .video-lecture  .nav-header .lecture-title {
           font-size: 17px;
           line-height: 24px;    
           padding-top: 13px;
           white-space: normal;
       }
       .video-lecture div#player {
           top: 60px;
           position: absolute;
           height: fit-content !important;
           /* height: auto!important; */
           background: #353535;
           background-size: cover;
       }
       .video-lecture div#player:empty {
            height: 56vw!important;
            width: 100vw;
        }

       .video-lecture .text-left.contenttitle {
           position: fixed;
           left: 0;
           width: 100%;
           top: calc( 0.56 * 100vw + 70px );
       }
       .video-lecture .curriculam-index {
           display:block !important;
           font-size: 14px;
           color: #fff;
           font-weight: 400;
           padding-left: 13px;
           transition: font-size .6s ease;
       }
       
       div#vimeo {
        /* padding-top: 56%; */
        position: absolute;
        width: 100%;
        top: 60px;
        height: fit-content !important;
        background-image: url(../../../assets/images/default-lecture.jpg);
        background-size:contain;
        background-repeat:no-repeat;
        background-position: center;
        }

        .vimeo-iphone{padding-top:29% !important;}
      
        div#vimeo iframe {
        position: absolute !important;
            top: 0px;
            height: 100%;
            width: 100%;
        }
       
      div#youtube_video {
        /* padding-top: 56%; */
        position: absolute;
        width: 100%;
        top: 60px;
        height: fit-content !important;
        background-image: url(../../../assets/images/default-lecture.jpg);
        background-size:contain;
        background-repeat:no-repeat;
        background-position: center;
        }
      
        div#youtube_video iframe {
        position: absolute !important;
            top: 0px;
            height: 100%;
            width: 100%;
        }
        .flowplayer .fp-menu.fp-active {
            position: fixed;
            top: 95px !important;
            z-index: 999;
         }
         .video-container .plyr--playing .plyr__control--overlaid {
            visibility: unset;
        }
        .video-container .plyr--video {
            height: fit-content!important
        }
        .video-container .plyr__menu__container [role=menu] {
            max-height: 16vh;
            overflow-y: scroll;
        }
}
@media only screen and (max-width: 920px) and (min-width: 320px) and (orientation: landscape)
{
   .flowplayer .fp-menu.fp-active {
        position: fixed;
        top: 47px !important;
        z-index: 999;
    }
    .video-lecture div#player:empty {
        height: 100vh!important;
        width: 100vw;
        background: #353535;
        background-size: cover;
    }
    .video-container .plyr--playing .plyr__control--overlaid {
        visibility: unset;
    }
    .video-container .plyr__menu__container [role=menu] {
        max-height: unset;
        overflow-y: scroll;
    }
}