@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,300,500,700);
body{
	font-family: 'Ubuntu', sans-serif;
}

.loginBox{
	border: 1px solid #98222a;
	border-radius:10px;
	margin-top: 30vh;
	padding:0;
}

login_icon img:hover {
-webkit-transform:scale(1.2);
transform:scale(1.2);
}
login_icon img {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}

.navbar{
	border-bottom:solid 3px #e25927;
	background-color:#fff;
}

.login_title{
	font-size:26px;
	padding:20px;
	padding-top:25px;
	padding-right:35px;
	color:#e25927;
	font-weight:bold;
}
.navbar-brand{
padding:8px !important;
padding-left:40px !important;
}
.center{
	margin-left: 10px;
	margin-right: 10px;
	text-align:center;
}

.titleText{
	font-weight: bold;
	font-size: 20px;
	margin:0;
	padding: 5px 0;
	margin-top:60px;
}

.errorText{
	color: #fff;
	font-weight:bold;
}

.headLogin{
	margin: 0;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	border-bottom: 1px solid #98222a;
	padding:15px;
	background-color:#98222a;
	color:#fff;
	font-size:18px;
	font-weight:bold;
}

.bodyLogin{
	padding-top: 10px;
}

.btnLoginFull{
	width: 100%;
}


.btn-primary {
    background-color: #56A112;
    color:#fff;
    border:0;
    width:150px;
    margin:0 auto;
    box-shadow: 1px 1px 3px #000;
    font-size:1.3em;
}

.btn-primary:hover {
	background-color: #3A6B0D;
}

.btn-primary:active{
	background-color: #98222a;
	border-color: #98222a;
	color:#fff;
}
.btn-primary:focus{
	background-color: #98222a;
	border-color: #98222a;
	color:#fff;
}
.btn-primary:active:focus{
	background-color: #98222a;
	border-color: #98222a;
	color:#fff;
}
/*
.form-control {
text-align:center;
    background-color: #FFF;
    background-image: none;
    color:#555;
    border: 1px solid #000;
    border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
*/
/*
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border-color: rgba(0, 0, 0, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 0, 0, 0.3);
  outline: 0 none;
}

.form-control::-webkit-input-placeholder { color: #eee; }
.form-control:-moz-placeholder { color: #ccc; }
.form-control::-moz-placeholder { color: #ccc; }
.form-control:-ms-input-placeholder { color: #ccc; }
*/


body{
	margin:0;
}
.ctr{
	font-family: 'Source Sans Pro', sans-serif;
}
.row{
	margin-right:0;
}
.main_title .welc{
	font-size:1.5em;
	color:#6d6e72;
	padding-left:35px;
}
.main_title .title{
	font-size:3em;
	color:#fb4a04;
	padding-left:35px;
	font-family: 'Ubuntu', sans-serif;
	font-weight:700;
}
.main_title{
	padding:35px;
	
}

.body_area{
	background:url('../images/bg_login.jpg') no-repeat;
	background-position: center 0.1px;
  	background-size: cover;
}
.login_area{
padding-top:50px;
	text-align: center;
	background-color:#fa4c07;
	color:#fff;
	height:450px;
}
.logo{
	padding:16.5px;
}
.logo_img{
	display: block;
    margin-left: auto;
    margin-right: auto;
    width:200px;
    max-width: 100%;
    margin-top:25px;
}


.empty{
	height:450px;
}
.empty2{
	height:25px;
}
.btn_login{
	width:200px;
	max-width: 100%;
	margin:0 auto;
}



footer{
	padding:10px;
	padding-bottom:25px;
}
footer .footer_center{
	text-align: center;
}
footer .footer_right{
	text-align:right;
}
.login_icon div{
	padding:10px;
}
.footer_line{
	height:70px;
	margin-top:25px;
	background:url('../images/footer_line.png') no-repeat;
	background-position: center;
  	background-size: cover;
}

@media (max-width: 800px) {
	.main_title span{
		padding:0px;
	}
	
}

@media (max-width: 799px) and (min-width: 481px) {
	
}

@media (max-width: 480px) {
	.main_title{
		text-align:center;
		font-size:0.5em;
	}
	.main_title span{
		padding:0px;
		display:table;
		margin:0 auto;
	}
	.body{
		padding-left: 0px;
		padding:15px;
	}
	.body span{
		font-size: 2em;
		
	}
	.body .body_area {
		text-align:center;
	}
	.body .body_area span{
		display:table;
		margin:0 auto;
	}
	.row{
		margin-right:-15px;
	}
	.pull-right {
	    float: none!important; 
	}
	.learn{
	  	text-align: center;
	}
	.btn_learn{
		display:table;
		margin:0 auto;
	}
	footer div{
		text-align: center !important;
	}	
}

.login_icon .login1:hover {
-webkit-transform:scale(1.2);
transform:scale(1.2);
}
.login_icon .login1{
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}

.login_icon .login2:hover {
-webkit-transform:scale(1.2);
transform:scale(1.2);
}
.login_icon .login2{
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}

.login_icon .login3:hover {
-webkit-transform:scale(1.2);
transform:scale(1.2);
}
.login_icon .login3{
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}