body{					
	/*background-image: url(../images/861832970971266920_101936146568268_649947_o.jpg);*/
	background-size: cover;
	background-repeat:no-repeat;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}

.col-null{
	padding-left: 0;
	padding-right: 0
}

.title{
	position: absolute;
	top: 10px;
	right: -15px;
	z-index: 999;
}

.title h3{
	background: #114479;
	color: #ffca01;
	padding: 15px 20px;
	padding-right: 120px;
}

.title img{
	height: 100px;
	position: absolute;
	bottom: -10px;
	right: 5px;
}

.describe{
	background: rgba(255,255,255, .8);
	padding: 150px 20px;
	color: #114479;
	text-align: right;
}

.describe h3{
	margin: 17px 0 21px;
	font-weight: bold;
}

.login-body{
	height: 435px;
}

.login{
	background: #114479;
	padding: 20px;
	color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
}

.login h4{
	font-size: 26px;
	font-weight: bold;
	margin-top: 0;
}

.login form{
	margin-top: 30px;
	margin-bottom: 10px;
	text-align: left;
}

.login input,.login select{
	width: 100%;
	margin-bottom: 15px;
	padding: 10px 15px;
	color: #333;
	background: #fff;
	transition: background ease .8s;
	border: 0;
}

.login input:hover,.login select:hover{
	background: #bcbcbc;
}

.login input:focus,,.login select:focus{
	background: #333;
	color: #fff;
	border: 0;
}

.login button{
	border: 0;
	background: #f7931c;
	padding: 10px 20px;
	font-weight: bold;
	border-radius: 0;
	transition: border-radius ease 1s;
}

.login button:hover{
	border-radius: 50px;
}

.login a{
	color: #ffca01;
	text-decoration: underline;
	display: block;
	margin-top: 20px;
	transition: color ease .5s;
}

.login a:hover{
	color: #fff;
}

.copyright{
	color: #114479;
	position: absolute;
	bottom: 10px;
	right: 30px;	
}


@media (min-width: 992px) and (max-width: 1199px) {
	.login-body{
		height: 455px;
	}

	.login form{
		text-align: left;
		margin-bottom: 0px;
	}

	.login a{
		margin-top: 20px;
		display: block;
		margin-bottom: 0;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	body{
		background-position: 0px 0px;
	}
	
	.describe{
		padding: 170px 25px;
	}

	.login form{
		text-align: left;
		margin-bottom: 0px;
	}

	.login a{
		margin-top: 20px;
		display: block;
		margin-bottom: 0;
	}
}

@media (max-width: 767px) {
	body{
		background-position: 0px 0px;
	}

	.copyright{
		left: 35px;
	}

	.describe{
		padding-bottom: 50px;
		text-align: left;
	}

	.login-body{
		height: 350px;
	}

	.login{
		margin-top: 30px;
		position: static;
	}

	.login form{
		text-align: left;
		margin-bottom: 0px;
	}

	.login a{
		margin-top: 20px;
		display: block;
		margin-bottom: 0;
	}
}