[class*=canvas-ratio-]{position:relative;display:block;width:100%;padding:0;overflow:hidden}[class*=canvas-ratio-] *,[class*=canvas-ratio-] :after,[class*=canvas-ratio-] :before{transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;-webkit-transition:all .5s ease}[class*=canvas-ratio-]:before{display:block;content:""}[class*=canvas-ratio-].canvas-ratio-21by9::before{padding-top:42.85714%}[class*=canvas-ratio-].canvas-ratio-16by9::before{padding-top:56.25%}[class*=canvas-ratio-].canvas-ratio-4by3::before{padding-top:75%}[class*=canvas-ratio-].canvas-ratio-2by1::before{padding-top:50%}[class*=canvas-ratio-].canvas-ratio-1by1::before{padding-top:100%}:-moz-full-screen [class*=canvas-ratio-],:-ms-fullscreen [class*=canvas-ratio-],:-webkit-fullscreen [class*=canvas-ratio-],:fullscreen [class*=canvas-ratio-]{width:auto!important;max-width:none!important}.controls{padding-top:25px;width:125px;height:25px;margin:auto}.controls>div{position:relative;border:1px solid #000;cursor:pointer;width:25px;height:25px;float:left;margin-right:5px}.controls>div:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);content:''}.controls>div:last-child{margin-right:0}.controls .play:before{border-left:10px solid #000;border-top:10px solid transparent;border-bottom:10px solid transparent}.controls .pause:before{content:'ll';font-weight:700;font-size:20px}.controls .reset:before{width:15px;height:15px;background-color:#000}.controls .fullscreen:before{content:'FS'}.controls>.fa.play:before,.controls>.fas.play:before{border:0 none}.controls>.fa.reset:before,.controls>.fas.reset:before{width:auto;height:auto}.controls>.fa.fa-play:before,.controls>.fas.fa-play:before{content:'\f04b'}.controls>.fa.fa-pause:before,.controls>.fas.fa-pause:before{content:'\f04c'}.controls>.fa.fa-stop:before,.controls>.fas.fa-stop:before{content:'\f04d'}.controls>.fa.fa-expand:before,.controls>.fas.fa-expand:before{content:'\f065'}