html {
    background-image: url(../images/bg.jpg);
    background-size: cover;
}

body {
    background-color: transparent;
}

.page.login {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1001;
    width: 500px;
}

.page.login section.form {
    padding: 30px;
    background-color: #FFF;
    border-radius: 10px;
    margin-top: 50px;
    margin-bottom: 50px;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.page.login .form-fields .field {
    padding-left: 0px;
    padding-right: 0px;
}

.page.login .form-section {
    box-shadow:none;
    padding: 0px;
}

.video {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.video video {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}