html{height:100%;width:100%}body{height:100%;width:100%;font-family:sans-serif;margin:0;padding:0;sans-serif;background-color:#000;color:#fff;font-size:12px;line-height:20px;font-family:sans-serif;font-weight:300}.clearfix{display:block;clear:both;float:none}a{color:#fff;text-decoration:none}a:active,a:focus{outline:none}#page{height:100%;display:none;text-align:center}.video-back{height:100%;display:block;text-align:left}.video-back h1{font-size:12px;font-weight:300;color:#fff;padding:0;margin:0}#container{position:relative;height:100%;width:100%;min-height:220px}#content{height:300px;padding:30px 20px}#footer{position:absolute;bottom:20px;padding:0 20px;height:20px}#loader{position:absolute;left:50%;top:50%;z-index:1;margin:-30px 0 0 -30px;border:10px solid #333;border-radius:50%;border-top:10px solid #888;width:50px;height:50px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}.vidmask-body-back{background:none}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.animate-top{position:relative;-webkit-animation-name:animatetop;-webkit-animation-duration:1s;animation-name:animatetop;animation-duration:1s}@-webkit-keyframes animatetop{from{bottom:-100px;opacity:0}to{bottom:0;opacity:1}}@keyframes animatetop{from{bottom:-100px;opacity:0}to{bottom:0;opacity:1}}.animate-bottom{position:relative;-webkit-animation-name:animatebottom;-webkit-animation-duration:1s;animation-name:animatebottom;animation-duration:1s}@-webkit-keyframes animatebottom{from{top:-100px;opacity:0}to{top:0;opacity:1}}@keyframes animatebottom{from{top:-100px;opacity:0}to{top:0;opacity:1}}#slide_background{transition:all 0.3s 0.3s}#slide,#slide_wrapper{transition:all 0.3s ease-out}#slide{transform:translateX(0) translateY(-40%)}.popup_visible #slide{transform:translateX(0) translateY(0)}