html, body {
	margin: 0;
	padding: 0;
	background-color: #000000;
	font-family: 'Quicksand', sans-serif;
	overflow-y: hidden;
}


*:focus  {outline: 0;}

*input:focus {outline: none;}

#bgvid { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    /*background: url(polina.jpg) no-repeat;*/
    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
    background-size: cover; 
    display: block;
}

#bg {
	position: fixed;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	-webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
	display: none;
}

.banner-bg {
	position: fixed;
	top: 0px;
	z-index: 4;
	width: 100%;
	height: 100px;
	background-color: rgba(255, 255, 255, 0.05);
}

.banner {
	position: relative;
	margin: 0 auto;
	z-index: 5;
	width: 85%;
	max-width: 1207px;
	height: 100px;
}

.banner img {
	height: 90px;
	padding-top: 8px;
	position: absolute;
	left: 0px;
	top: 0px;
}

table {
    width: 310px;
	height:120px;
    position:fixed;
    padding: 0;
	margin-left:-155px; /* half of width */
    margin-top:-60px;  /* half of height */
    top:50%;
    left: 50%;
   border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 1px solid #ffffff;
	background-color: rgba(255, 255, 255, 0.05);
}

table p {
	color: #ffffff;
	font-family:'Lato', sans-serif;
	font-size: 2em;
	margin-top: -30px;
	margin-bottom: 0px;
	text-align: center;
}

table ul {
	margin: 0px;
	list-style: none;
	padding: 0px;
	position: relative;
}

table ul li {
	display: inline-block;
	padding: 0px;
}

.ibobox {
	width: 123px;
	height: 45px;
	font-size: 20px;
	background-color:#ffffff;
	font-family:'Lato', sans-serif;
	padding-left: 5px;
	border: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
    border-radius: 0;
    position: absolute;
    top: 0px;
    left: 7px;
}

.contrasenabox {
	width: 123px;
	height: 45px;
	font-size: 20px;
	color: #666;
	background-color:#ffffff;
	font-family:'Lato', sans-serif;
	padding-left: 10px;
	border: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
    border-radius: 0;
    position: absolute;
    top: 0px;
    left: 140px;
}

.enter{
	height: 45px;
	width:25px;
	right: 0px;
	border: none;
	margin-left:5px;
	position: absolute;
	top: 0px;
	left: 267px;
}

.button {
	height: 45px;
	width: 25px;
}

.mainfooter {
	position: fixed;
	bottom:0px;
	width: 100%;
	height: 40px;
	z-index: 3;
	float: left;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.05);
}

.mainfooter p {
font-size: 80%;
	color:#ffffff;
}

@media all and (max-device-width: 1024px) {
#bgvid {
	display:none;
	}
	
#bg {
	display: block;
	}
	
}