.login{
  width:25%;
  padding-bottom: 20px;
  position:absolute;
  margin:auto;
  right:0;
  left:0;
  top:50%;
  transform: translateY(-50%);
  background: #e2e2e2; /* Old browsers */
  background: -moz-linear-gradient(-45deg, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  border-radius:4px;
  box-shadow:0 0 25px rgba(0,0,0,0.5);
}
.Up-Login{
  text-align:center;
  background-color:#007979;
  padding:5px 0;
  border-radius:4px 4px 0 0;
}
.Up-Login img{
  vertical-align: middle;


}
.login input{
  display:block;
  font-family:"irsans";
}
.login input[type="email"]
,.login input[type="password"]
,.login input[type="text"]{
  border-radius:3px;
  border:1px solid white;
  outline:none;
  padding:10px 10px;
  margin:10px auto;
  width:90%;
  box-shadow: 0 2px 3px 0px rgba(194, 194, 194, 0.45);
  background-color:white;

}
.login input[type="email"]:focus,
.login input[type="password"]:focus,
.login input[type="text"]:focus{
  border:1px solid #007979;
}
.login input[type="button"],
.login input[type="submit"]{
  width: 40%;
  margin: auto;
  margin: auto;
  background-color: #007979;
  border-radius:3px;
  border: none;
  color: white;
  outline: none;
  padding: 5px 0;
  cursor: pointer;
  font-size:15px;
  font-weight: bold;
  transition:all 0.3s ease;

  background: #3bb984;
  border-radius:50px;
}
.login input[type="button"]:hover,
.login input[type="submit"]:hover{
  background-color:white;
  color: #3bb984;
  box-shadow:0 0 5px rgba(0,0,0,0.5);
}
.Title-Login h3{
  text-align:center;
  color:#009688;
}
.sublink{
  text-align:center;


  display:block;


}

.sublink a{

  margin:10px auto;
  display:block;
  font-size:14px;
  color:#737373;
  font-weight: bold;
  transition:all 0.3s ease;
}
.sublink a:hover{

  color:#007979;
}
._error{
	text-align: center;
    color: red;
    font-size: 13px;
    margin: 10px 0;
}

/*-----------------Rsponsive-----------------*/

/*Login Responsive*/
@media only screen and (max-width:1080px){
.login{width:50%;}
.Up-Login{padding:5px 20px;}
.Up-Login img{width:100%;}
}
@media only screen and (max-width:500px){
  .login{width:80%;height:auto;padding:0 0 30px 0;}
}
@media only screen and (max-height:400px){
  .login{height:100%;}
}