body{margin:0;padding:0}
a,a:hover,a:focus{display:inline-block;text-decoration:none;color:#fff}
ul,ol{list-style:none;padding:0;margin:0}
button{background:none;border:none}
.container{width:100%;max-width:1300px;margin:0 auto;clear:both}
.container::after{content:"";display:block;clear:both}
body::-webkit-scrollbar{width:4px}
body::-webkit-scrollbar-thumb{background-color:#555}
body{min-height:100vh}
.container{width:80%;margin:0 auto}
.button{opacity:.9}
.button:hover{width:110px!important;height:110px!important;opacity:1}
.butnew{display:flex;flex-direction:row;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;z-index:1;background-color:rgba(255,255,255,0.3);width:120px;height:120px;border-radius:100%;transition:all 150ms linear 0;color:#fff}
@media (max-width: 768px) {
.container{width:100%}
}
#video{margin:2px}
#videoContainer{border-radius:10px;position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}
#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 .volume .icon,#videoContainer.small .scale .icon{width:15px!important;height:15px!important}
#videoContainer.small .progressBar{height:6px!important}
#videoContainer.small .overlay .button{width:70px!important;height:70px!important}
#videoContainer.small .time{display:none!important}
#videoContainer .overlay{width:100%;height:100%;position:absolute;top:0;left:0;z-index:999}
#videoContainer .overlay .button{width:80px;height:80px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);cursor:pointer;transition:width 0.2s,height .2s}
#videoContainer .overlay .button:hover{width:90px;height:90px}
#videoContainer #video{padding-top:56.25%;width:100%;position:relative;top:0;left:0;overflow:hidden;opacity:1}
#videoContainer #video video{width:100%;height:100%;position:absolute;top:0;left:0}
#videoContainer #controls{width:100%;height:60px;background:transparent;position:absolute;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;z-index:9999}
#videoContainer #controls .playButton{width:70px;height:100%;display:flex;align-items:center;justify-content:center;margin-right:20px;cursor:pointer;transition:all .4s}
#videoContainer #controls .playButton .playPause{width:25px;height:25px;background:url(/land_assets/media/play_bq5ogt.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:red;cursor:pointer;overflow:hidden}
#videoContainer #controls .ProgressContainer .progressBar:hover + .time{opacity:1;transform:translateY(0)}
#videoContainer #controls .ProgressContainer .progressBar .progress{width:0;height:100%;background:#fff}
#videoContainer #controls .ProgressContainer .timer{margin:0 10px;font-family:Arial,sans-serif;font-weight:300;font-size:12px;font-weight:300;color:red;letter-spacing:1px}
#videoContainer #controls .ProgressContainer .time{width:80px;height:25px;background:red;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 0.3s,opacity .3s}
#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 red}
#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(/land_assets/media/volume_ee3e3u.svg);background-size:100% 100%;cursor:pointer;margin-right:10px}
#videoContainer #controls .volume .intensityBar{width:100px;height:4px;background:red;border-radius:20px;max-width:100px;overflow:hidden;transform-origin:right center;cursor:pointer;transition:all .5s}
#videoContainer #controls .volume .intensityBar .intensity{width:50%;height:100%;background:#fff}
#videoContainer #controls .scale{width:70px;height:100%;display:flex;align-items:center;justify-content:center;margin-left:5px;cursor:pointer;transition:all .4s;border-bottom-right-radius:5px}
#videoContainer #controls .scale .icon{width:25px;height:25px;background:url(/land_assets/media/expand.svg);background-size:100% 100%;background:url(/land_assets/media/expand_xzhgnk.svg);background-size:100% 100%}