#videoContainer{width:100%;height:73vh;background:#39a072;margin:0 auto;margin-top:10%;border-radius:5px;box-shadow:3px 3px 3px rgba(0,0,0,.2);margin-bottom:20px;position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}#videoContainer.geography{background:#377393}#videoContainer.vcRed{background:#a60011}#videoContainer.science{background:#f39200}#videoContainer.fullScreen{width:100vw!important;height:100vh!important}#videoContainer.small .intensityBar{width:50px!important}#videoContainer.small .playButton{margin:0!important;margin-right:5px!important}#videoContainer.small .timer{display:none!important}#videoContainer.small .playPause,#videoContainer.small .scale .icon,#videoContainer.small .volume .icon{width:15px!important;height:15px!important}#videoContainer.small .progressBar{height:6px!important}#videoContainer.small .overlay .button{width:50px!important;height:50px!important}#videoContainer.small .time{display:none!important}#videoContainer .overlay{width:100%;height:100%;background:radial-gradient(circle,rgba(77,191,140,.9),rgba(41,115,82,.9));position:absolute;top:0;left:0;z-index:999;border-radius:5px}#videoContainer.geography .overlay{background:radial-gradient(circle,rgba(94,159,196,.5),rgba(57,121,155,.5))}#videoContainer.vcRed .overlay{background:radial-gradient(circle,rgba(221,0,22,.5),rgba(166,0,17,.5))}#videoContainer.science .overlay{background:radial-gradient(circle,rgba(217,130,00,.5),rgba(193,116,0,.5))}#videoContainer .overlay .button{width:80px;height:80px;position:absolute;top:50%;left:50%;background:url(../assets/videoplayer/play-button.svg);background-size:100% 100%;margin:-40px 0 0 -40px;cursor:pointer;transition:transform .2s,transform .2s}#videoContainer .overlay .button:hover{transform:scale(1.1)}#videoContainer #video{width:100%;height:calc(100% - 60px);position:relative;top:0;left:0;overflow:hidden;border-radius:5px;border-bottom-left-radius:0;border-bottom-right-radius:0}#videoContainer #video video{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:5px;border-bottom-right-radius:0;border-bottom-left-radius:0}#videoContainer #controls{width:100%;height:60px;background:#4dbf8c;position:absolute;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;border-bottom-right-radius:5px;border-bottom-left-radius:5px;z-index:9999}#videoContainer.geography #controls{background:#448eb7}#videoContainer.vcRed #controls{background:#ae0011}#videoContainer.science #controls{background:#f39200}#videoContainer #controls .playButton{width:70px;height:100%;background:#4dbf8c;display:flex;align-items:center;justify-content:center;margin-right:20px;cursor:pointer;transition:all .4s;border-bottom-left-radius:5px}#videoContainer.geography #controls .playButton{background:#448eb7}#videoContainer.vcRed #controls .playButton{background:#ae0011}#videoContainer.science #controls .playButton{background:#f39200}#videoContainer #controls .playButton:hover{background:#41b682}#videoContainer.geography #controls .playButton:hover{background:#5e9fc4}#videoContainer.vcRed #controls .playButton:hover{background:#ff374b}#videoContainer.science #controls .playButton:hover{background:#ffb13e}#videoContainer #controls .playButton .playPause{width:25px;height:25px;background:url(../assets/videoplayer/play.svg);background-size:100% 100%}#videoContainer.geography #controls .playButton .playPause{background:url(../assets/videoplayer/play-white.svg);background-size:100% 100%}#videoContainer.vcRed #controls .playButton .playPause{background:url(../assets/videoplayer/play-white.svg);background-size:100% 100%}#videoContainer.science #controls .playButton .playPause{background:url(../assets/videoplayer/play-white.svg);background-size:100% 100%}#videoContainer #controls .ProgressContainer{color:#fff;width:calc(100% - 100px);height:100%;display:flex;align-items:center;justify-content:flex-start;position:relative}#videoContainer #controls .ProgressContainer .progressBar{width:100%;height:8px;background:#39a072;border-radius:20px;cursor:pointer;overflow:hidden}#videoContainer.geography #controls .ProgressContainer .progressBar{background:#39799b}#videoContainer.vcRed #controls .ProgressContainer .progressBar{background:#a60011}#videoContainer.science #controls .ProgressContainer .progressBar{background:#c17400}#videoContainer #controls .ProgressContainer .progressBar:hover+.time{opacity:1;transform:translateY(0)}#videoContainer #controls .ProgressContainer .progressBar .progress{width:0%;height:100%;background:#fff;border-radius:20px}#videoContainer #controls .ProgressContainer .timer{margin:0 10px;font-family:Arial,sans-serif;font-weight:300;font-size:12px;font-weight:300;color:#2c7a57;letter-spacing:1px}#videoContainer.geography #controls .ProgressContainer .timer{color:#fff}#videoContainer.vcRed #controls .ProgressContainer .timer{color:#fff}#videoContainer.science #controls .ProgressContainer .timer{color:#fff}#videoContainer #controls .ProgressContainer .time{width:80px;height:25px;background:#2c7a57;position:absolute;top:-20px;left:0;border-radius:5px;color:#fff;font-family:Arial,sans-serif;text-align:center;line-height:25px;font-size:12px;letter-spacing:1px;opacity:0;transform:translateY(10px);transition:transform .3s,opacity .3s}#videoContainer.geography #controls .ProgressContainer .time{background-color:#39799b}#videoContainer.vcRed #controls .ProgressContainer .time{background-color:#a60011}#videoContainer.science #controls .ProgressContainer .time{background-color:#c17400}#videoContainer #controls .ProgressContainer .time::after{content:"";display:block;width:0;height:0;position:absolute;top:25px;left:33px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #2c7a57}#videoContainer.geography #controls .ProgressContainer .time::after{border-top:6px solid #39799b}#videoContainer.vcRed #controls .ProgressContainer .time::after{border-top:6px solid #a60011}#videoContainer.science #controls .ProgressContainer .time::after{border-top:6px solid #c17400}#videoContainer #controls .volume{width:150px;height:100%;display:flex;align-items:center;justify-content:flex-end;position:relative}#videoContainer #controls .volume .icon{width:25px;height:25px;background:url(../assets/videoplayer/volume.svg);background-size:100% 100%;cursor:pointer;margin-right:10px}#videoContainer.geography #controls .volume .icon{background:url(../assets/videoplayer/volume-white.svg);background-size:100% 100%}#videoContainer.vcRed #controls .volume .icon{background:url(../assets/videoplayer/volume-white.svg);background-size:100% 100%}#videoContainer.science #controls .volume .icon{background:url(../assets/videoplayer/volume-white.svg);background-size:100% 100%}#videoContainer #controls .volume .intensityBar{width:100px;height:4px;background:#39a072;border-radius:20px;max-width:100px;overflow:hidden;transform-origin:right center;cursor:pointer;transition:all .5s}#videoContainer.geography #controls .volume .intensityBar{background:#39799b}#videoContainer.vcRed #controls .volume .intensityBar{background:#a60011}#videoContainer.science #controls .volume .intensityBar{background:#c17400}#videoContainer #controls .volume .intensityBar .intensity{width:50%;height:100%;background:#fff}#videoContainer #controls .scale{width:70px;height:100%;background:#4dbf8c;display:flex;align-items:center;justify-content:center;margin-left:5px;cursor:pointer;transition:all .4s;border-bottom-right-radius:5px}#videoContainer.geography #controls .scale{background:#448eb7}#videoContainer.vcRed #controls .scale{background:#ae0011}#videoContainer.science #controls .scale{background:#f39200}#videoContainer #controls .scale:hover{background:#40b27f}#videoContainer.geography #controls .scale:hover{background:#5e9fc4}#videoContainer.vcRed #controls .scale:hover{background:#ff374b}#videoContainer.science #controls .scale:hover{background:#ffb13e}#videoContainer #controls .scale .icon{width:25px;height:25px;background-size:100% 100%;background:url(../assets/videoplayer/expand.svg);background-size:100% 100%}#videoContainer.geography #controls .scale .icon{background:url(../assets/videoplayer/expand-white.svg);background-size:100% 100%}#videoContainer.vcRed #controls .scale .icon{background:url(../assets/videoplayer/expand-white.svg);background-size:100% 100%}#videoContainer.science #controls .scale .icon{background:url(../assets/videoplayer/expand-white.svg);background-size:100% 100%}