*{
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
padding:0;
margin:0;
border:0;
}

html,body{
font-family:Verdana, Geneva, sans-serif;
font-size:16px;

margin:0;
padding:0;
width:100%;
min-height:100%;
color:#747474;
}

header h1 img {
    height: 2em;
    margin: auto;
    vertical-align: middle;
}

h1 {
    font-size: 1.7em;
    color: #80DF00;
    padding: 0;
    float: left;
}
h2{
font-size:1.5em;
}
h3{
font-size:1em;
color:#80DF00;
}
h4{
font-size:1em;
color:#FFF;
margin:0.5em 0 0 0;
}
h5{
font-size:1em;
}

a,a:link,a:visited{
color:#80DF00;
text-decoration:none;
}
a:active,a:hover,a:focus{
color:#808080;
text-decoration:underline;
}

ul,ol{
padding:0 0 0 2em;
}

header{
width:100%;
background-color:#fff;
position:fixed;
top:0;
left:0;
z-index:2000;
padding:0.5em 10%;
box-shadow:0 0 0.5em rgba(0,0,0,0.25);
}


section{
width:100%;
position:absolute;
top:4em;
z-index:1000;
padding:0 5% 2em 10%;
}

section article{
width:25%;
margin:0 0 1em 0;
float:right;
padding:1em;
background-color:rgba(255,255,255,0.9);
z-index:1000;
clear:both;
}

#login{
margin-top:5%;
}

#news{
max-height:20em;
overflow-y:auto;
height:100%;
}
#news .news{
margin:1em 0;
}
#news .news p{
margin:0 0 0.5em 0;
line-height:150%;
}
#news .date{
font-size:0.8em;
color:#80DF00;
}
#manual img{
height:2em;
float:right;
}

input{
font-size:1.2em;
padding:0 0.2em;
border:2px solid #80DF00;
margin:0.2em 0;
color:#808080;
}
input.button{
background-color:#80DF00;
color:#fff;
}
input.text{
max-width:10em
}

footer{
position:fixed;
bottom:0;
font-size:0.8em;
width:100%;
z-index:1000;
padding:0.2em 10%; 
background-color:#80DF00;
color:#FFF;
margin:0;
}
#contacts{
width:60%;	
}

footer aside{
width:40%;
float:left;
padding:0 0.5em;
}
footer a,footer a:link,footer a:visited,footer a:active,footer a:hover,footer a:focus{
color:#FFF;
text-decoration:underline;
}
footer aside img{
height:1.5em;
margin:-0.3em 0 -0.2em 0;
vertical-align:middle;
line-height:1em;
}

#ead{
position:fixed;
top:4em;
left:10%;
z-index:1000;
width:40%;
padding:1em;
background-color:rgba(255,255,255,0.75);

}

.background-image{
position:fixed;
z-index:0;
left:0;
top:0;
width:100%;
}

#background-image-1{

}
#background-image-2{

opacity:0;

animation:background-image-2 9s;
-webkit-animation:background-image-2 9s;
animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
}
@keyframes background-image-2{
0%{opacity:0;}
25%{opacity:0;}
40%{opacity:1;}
55%{opacity:1;}
70%{opacity:1;}
100%{opacity:0;}
}
@-webkit-keyframes background-image-2{
0%{opacity:0;}
25%{opacity:0;}
40%{opacity:1;}
55%{opacity:1;}
70%{opacity:1;}
100%{opacity:0;}
}

#background-image-3{

opacity:0;

animation:background-image-3 9s;
-webkit-animation:background-image-3 9s;
animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
}
@keyframes background-image-3{
0%{opacity:0;}
55%{opacity:0;}
70%{opacity:1;}
85%{opacity:1;}
100%{opacity:0;}
}
@-webkit-keyframes background-image-3{
0%{opacity:0;}
55%{opacity:0;}
70%{opacity:1;}
85%{opacity:1;}
100%{opacity:0;}
}

#manual-window,#faq-window{
position:fixed;
background-color:rgba(0,0,0,0.8);
z-index:3000;
height:100%;
width:100%;
top:100%;
bottom:0;
left:0;
right:0;
padding:5% 20%;
}
#faq-window article{
padding:1em 2em;
background-color:#FFF;
}
/*@media (min-width: 1650px) {
html,body{
font-size:20em;
}
}*/
@media (max-width: 1280px) {
footer{
padding:0.2em 0.5em; 
}
header{
padding:0.5em 0.5em;
}
section{
padding:0 1em 2em 1em;

}
section article{
width:50%;
}
#ead{
left:1em;
}
.background-image{
width:auto;
height:100%;
}
iframe#manual-window{
padding:2em 4em;
}
}
@media (max-width: 800px) {
.background-image,#manual,#ead{
display:none;
}
header,section,section article,footer,footer aside{
position:relative;
height:auto;

top:0;
float:left;
width:100%;

clear:both;
}
#news{
overflow:auto;
max-height:none;
}
}