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:#2F77B7;
opacity:.69;
position:fixed;
width:100%;
height:100vh;
}


 #kbox-first {
position:fixed;
top:0;
left:0;
width:100vw;
font-size:20em;
background-color:#FFFFFF;
color:#6F7381;
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:#000000;
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;
}