body{
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	font-family: 'Raleway', sans-serif;

	margin: 0 auto;
	background-image: url("../img/bg.jpg");
	/*background-color: rgba(20, 20, 20, 1);*/
	/*background-repeat: no-repeat;*/
	/*background-size: 100% 720px;*/
}
.container{
	/*width: 380px;*/
	/*width: 30%;
	min-width: 340px;
	max-width: 380px;
	height: 445px;
	text-align: center;
	background-color: rgba(20,150,190,0.65);
	border-radius: 15px;
	border: 1px;
	border-color: rgba(20,150,190,0.9);*/

	min-width: 240px;
	max-width: 280px;
	height: 390px;
	text-align: center;
	background-color: rgba(170,170,170,0.65);
	border-radius: 5px;
	border: 1px;
	border-color: rgba(190,40,20,0.9);

	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 10px;
}
.container img{
	width: 110px;
	height:110px;
	margin-top: -55px;
	margin-bottom: 7px;
	border: 5px;
	border-color: blue;
	padding: 10px;
}
input[type="text"],input[type="password"]{
	height: 30px;
	width: 220px;
	font-size: 16px;
	/*margin-bottom: 20px;*/
	margin-top: 20px;
	border-radius: 4px;
	border: none;
	background-color: #fff;
	padding-left: 30px;
}
.form-input::before{
	content:"\f007";
	position: absolute;
	font-family: "FontAwesome";
	padding-left: 5px;
	color: rgba(250,25,20,.7);
	padding-top: 18px;
	font-size: 24px;
}
.form-input:nth-child(4)::before{
	content:"\f023";
}

.btn-login{
	/*padding: 10px 20px;
	cursor: pointer;
	color: #fff;
	font-size: 20px;
	border-radius: 4px;
	border: none;
	background-color: rgba(0,220,130,0.9);
	border-bottom: 4px solid rgba(0,225,130,0.9);
	margin-bottom: 30px;*/
	background-color: rgba(100,100,100,1); /* Green */
    border: 2px solid rgba(140,140,140,1);
    color: white;
    border-radius: 4px;
    padding: 6px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    margin-top: 40px;
    margin-bottom: 20px;
}
.login:hover {
    background-color: white;
    color: rgba(250,0,0,1);
    border: 2px solid rgba(250,0,0,1);
}

.login: {
    background-color: rgba(250,0,0,1);
    color: white;
    border: 2px solid rgba(250,0,0,1);
}

a{
	/*font-family:"FontAwesome";
	font-size:"30px";
	padding-right:"30px"*/
	color: #fff;
	margin-bottom: 10px;
}
a:hover {
	/*font-family:"FontAwesome";
	font-size:"30px";
	padding-right:"30px"*/
	color: rgba(255,200,0,1);
	margin-bottom: 10px;
}
.header {
	padding:25px 0;
}
/*-- Agile ITS --*/
.header h1 {
	font-size: 35px;
    /*font-weight: 600;*/
    /*color: #fff;*/
	color: rgba(10,250,250,1);
    text-align: center;
	font-family: 'Poiret One', cursive;
	/*font-family: 'Questrial', cursive;*/
	z-index:99;
}
.footer {
	text-align:center;
}
.footer p {
	padding:60px 0 50px; 
	font-size:17px;
	/*color: black;*/
	color: 	rgba(250,250,250,.8);
	line-height:27px;
	font-weight:normal;
	/*background-color: rgba(0,130,175,0.35);*/
}
.footer p a {
	color: 	rgba(250,250,250,.8);
	/*color: 	rgba(20,240,215,.8);*/
	text-decoration:none;
	transition: all 0.5s ease-in-out;
}
.footer p a:hover {
	/*background-color: yellow;*/
	color: #FF0000;
}