html {
	background:#fff url('/kent-img/bgConnect.jpg') center center/cover no-repeat fixed;

}
body {
	width:100%;
	height:100vh;
	padding:0;
	margin:0;
}
 #bgOverlay {
	background:#8B2111;
	opacity:.69;
	position:fixed;
	width:100%;
	height:100vh;
}


 #kbox-first {
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	font-size:20em;
	background-color:#7F6957;
	color:#FFFFFF;
	font-size:19px;
	line-height:2em;
	min-height:2em;
	text-align:center;
	z-index:3;
}
form:hover #kbox-first{
	animation:zoom .5s;
}
body>.lang {
	position:absolute;
	top:16px;
	right:16px;
	text-transform:uppercase;
	color:#fff;
	text-shadow:0 0 3px rgba(0,0,0,.8);
	padding:16px;
}
body>.lang.opened {
	background-color:white;
	box-shadow:2px 2px 4px rgba(0,0,0,.4) 0 0 3px rgba(0,0,0,.2);
	color:#000;
	text-shadow:none;
}
body>.lang:not(.opened)>ul {
	display:none;
}
body>.lang a {
	color:inherit;
	text-decoration:none;
}
body>.lang ul {
		list-style-type:none;
		margin:0;
}
body>.contents {
	background-color:#FFFFFF;
	position:absolute;
	width:480px;
	top:180px;
	left:calc(50% - 240px);
	color:#595959;
	font-size:16px;
	padding:2em 4em;
	box-sizing:border-box;
	margin-bottom:180px;
}
@media screen and (max-width:496px) {
	body>.contents {
		width:calc(100vw - 16px);
		left:8px;
		padding:2em;
	}
}
body>.contents p {
	margin:0 0 .5em;
}
body>.contents p.small {
	text-align:right;
}
body>.contents h1 {
	font-size: 1.5em;
	color:inherit;
	text-align:center;
}
body>.contents h2 {
	font-size: 1.2em;
	color:inherit;
	text-align:center;
}
 #connectWrapper>.loader {
	width:100%;
	height:200px;
}
h1 img {
	max-width:140px;
	max-height:140px;
	display:block;
	margin:0 auto .5em;
	
}
 #kentikaLogo {
	max-width:140px;
	max-height:140px;
	display:block;
	margin:0 auto;
	display:none;
}
 #kentikaLogo polygon:first-child{
	animation:kentiLogo 20s linear infinite;
	animation-direction:alternate-reverse;
	animation-delay:10s;
	fill:#9C9D9F;
}
 #kentikaLogo polygon:nth-child(2){
	animation:kentiLogo 20s linear infinite;
	animation-direction:alternate;
	fill:#E1001A;
}
@keyframes kentiLogo {
	0% {fill:#E1001A;}
	45% {fill:#E1001A;}
	55% {fill:#9C9D9F;}
	100% {fill:#9C9D9F;}
}

.new {
	font-size:1.5em;
	text-align:center;
	font-family:'Raleway', Arial, sans-serif;
}

body>.contents #connectWrapper>.loader {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	background-color:rgba(255,255,255,.7);
}
 #connecti .error {
	text-align:center;
}
 #connectWrapper>p.error {
	color:#e00000;
	font-weight:bold;
}
 #version {
	position:absolute;
	bottom:-180px;
	left:0;
	width:100%;
	text-align:center;
	color:#FFF;
	font-size:13px;
}
 #version a {
	color:inherit;
}