/*---GRAMMATOSEIRA---*/
*{
    font-family:comfortaa;
    }

/*---PERITHORIO TOP---*/

.top{
    margin-top: 5%;
    }

/*---STYLE GIA SELIDA INDEX---*/

body {
    background-image: url(../images/fy7.jpg);
    background-size:cover;
    color: #ffffff;
    text-align: center;   
    }

body h1 {
    border-radius:10px;
    background-color: rgba(156, 156, 156, 0.8);
    padding: 1%;
    
}
body h3{
	border-radius:10px;
    background-color: rgba(156, 156, 156, 0.8);
	margin-left:25%;
	margin-right:25%;
	padding-top:2%;
	padding-bottom:2%;
    cursor:default;
}

.top img{
    width: 15%;
}

.member{
    margin-top: 3%;
}

.member img {
    margin-top: 2%;
    width: 20%;
    animation-name: zoomin ;
    animation-duration :3s;
}

/*---EFE PODILATWN---*/
@-webkit-keyframes zoomin {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

/*---STYLE GIA TA KOYMPIA---*/
button, #submit, input[type="button"], input[type="submit"] {
    background-color: #141414;
    color: #fef11a;
    width: 30%;
    padding: 2%;
    font-size: 18px;
    border-radius: 15px;
    border-color: #fef11a;
    cursor: pointer;
}

button:hover, #submit:hover {
    background-color: #fef11a;
    color: #141414;
    border-color: #121212;
}

/*---STYLE GIA LOGIN PAGE---*/
#login {
    background-image: url(../images/fy8.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    color: #ffffff;
    text-align: center;  
}

#login h2{
    border-radius:10px;
    background-color: rgba(156, 156, 156, 0.8);
    padding: 1%;
}

#login input[type="button"], #forma1 #submit {
    background-color: #141414;
    width: 30%;
    padding: 2%;
    font-size: 18px;
    border-radius: 15px;
    border-color: #fef11a;
    cursor: pointer;
}

#login input[type="button"]:hover, #forma1 #submit:hover {
    background-color: #fef11a;
    color: #141414;
    border-color: #121212;
}

#forma1 input[type="text"], #forma1 input[type="password"] {
    width: 40%;
    padding: 1%;
    margin-top: 2%;
    color: #161616;
	border-color:#A09B9B;
    border-radius:7px;
	border-width:thick;
	font-size:16px;
}

#forma1 input[type="text"]:focus, #forma1 input[type="password"]:focus {
    border-color:#fef11a;
    color: #161616;
}

#forma1 #check{
    margin-top: 5%;
    width: 5%;
}

#forma1 spanl{
    background-color: rgba(156, 156, 156, 0.8);
    padding: 1%;
    border-radius: 5px;
    margin: 1%;
    cursor: default;
}

#forma1 button, #submit {
    margin: 6%;   
}

/*---STYLE GIA REGISTRATION SELIDA---*/

#register {
    background-image: url(../images/fy1.jpg);
    background-size: cover;
    background-repeat: no-repeat;   
    text-align: center;  
}

.forma2 {
    background-color: rgba(156, 156, 156, 0.8);
}

.forma2 h3{
    background-color: transparent;
}

.forma2 input[type="text"], .forma2 input[type="password"], .forma2 input[type="tel"]{
    width: 50%;
    padding: 1%;
    color: #161616;
	border-color:#A09B9B;
    border-radius:7px;
	border-width:thick;
}

.forma2 input[type="text"]:focus, .forma2 input[type="password"]:focus, .forma2 input[type="tel"]:focus {
    border-color:#fef11a;
    color: #161616;
}

.forma2 input[type="checkbox"]{
    margin-top: 2%;
    background-color: #161616;    
    width: 10%;
    transform: scale(1.8);
}
span {
    padding: 5px;
    font-size: 20px;  
}

#koumpia {
    margin-top: 1%;
}

#koumpia input[type="button"], #koumpia input[type="submit"] {
    background-color: #141414;
    color: #fef11a;
    width: 20%;
    padding: 1%;
    font-size: 18px;
    border-radius: 15px;
    border-color: #fef11a;
    cursor: pointer;
}

#koumpia input[type="button"]:hover, #koumpia input[type="submit"]:hover {
    background-color: #fef11a;
    color: #141414;
    border-color: #121212;
}

#register h4{
    margin-top: 1%;
}

/*---STYLE GIA SELIDA ME SFALMATA---*/
.wrong {
    background-image: url(../images/fy3.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center; 
}

.wrong h3{
    width: 50%;
    border-radius:10px;
    background-color: rgba(156, 156, 156, 0.8);
    padding: 1%;
    cursor: default;
}

.position {
    margin-top:12%;
}

.position button {
    margin-top: 1%;
    width: 20%;
    padding: 1%;
}

/*---STYLE GIA SELIDA SUCCESS---*/

.wright {
    background-image: url(../images/fy2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;   
}

.wright h2{
    border-radius:10px;
    background-color: rgba(156, 156, 156, 0.8);
    padding: 1%;
    cursor: default;
}

.position2 {
    margin-top:5%;
}

.position2 a{
    text-decoration: underline;
    color: #fef11a;
    font-weight: bold;
    font-size: 30px;
}

/*---CLASSES ME STYLE GIA ALLAGH APO JAVASCRIPT---*/
.lathos{
    background-color: #ffffff;
	border: 4px solid #FF1111;
	border-radius:5px;
	color:#BD0E11;
	font-weight:bold;
	font-size:20px;
	padding:5px;
	}

.wrongInput {
	border: 4px solid #FF1111;
	border-radius:5px;
	color: #161616;
	font-weight:bold;
	font-size:16px;
	}
.check {
	display:none;
	width:40px;
	height:40px;
	}
.showCheck{
	display:inline-block;
    width:6%!important;
	}
.rightInput {
	border: 4px solid #6FE53F;
	border-radius:5px;
	color: #161616;
	font-weight:bold;
	font-size:16px;
	}