body {
	font-family:Arial, sans-serif;
	font-size:16px;
	color:#666;
	line-height:20px;
	font-weight:400;
	background:#fff;
}
a {
	text-decoration:none;
	font-family: 'TrebuchetMS';
	outline: medium none;
}
img, a img {
	border:none;
	outline:none;
}
ol, ul {
	list-style:none;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'TrebuchetMS';
}
p {
	font-family: 'TrebuchetMS';
}
.main_row {
	width:800px;
	margin:0px auto;
}
#container {
	width:100%;
	margin:0px;
	padding:0px;
	float:left;
}
.motivation > h1 {
	    background: rgb(209, 202, 202) none repeat scroll 0 0;
    font-family: arial;
    font-size: 19px;
    line-height: 25px;
    text-align: center;
    width: 100%;
    padding: 7px 0;
	margin-top:0px;
	margin-bottom:0px;
}
.middle-bg > img {
	width: 100%;
}
.txt {
	float: left;
	width: 100%;
}
.loginpanel {
	border-radius: 4px;
	margin: 0 auto;
	max-width: 560px;
	width: 100%;
}
.txt {
	position: relative;
	transition: all 0.2s ease-out 0s;
}
.loginpanel .txt input[type="text"], .loginpanel .txt input[type="password"] {
	background-color: rgba(255, 255, 255, 0.8);
	border: 2px solid #999999;
	border-radius: 4px;
	color: #555;
	outline: medium none;
	text-shadow: 0 1px #fff;
}
.loginpanel input {
	margin: 8px 5px;
	padding: 12px;
}
.course_icon {

    background: rgba(0, 0, 0, 0) url("../img/course.png") no-repeat scroll 15px 13px;
    position: relative;

}
.course_icon {
	background-color: #999999;
	border-radius: 2px 0 0 2px;
	height: 40px;
	left: 2px;
	line-height: 58px;
	position: absolute;
	text-align: center;
	top: 2px;
	width: 40px;
	 padding: 16px 0 0 22px;
}


.user_icon {

    background: rgba(0, 0, 0, 0) url("../img/user.png") no-repeat scroll 15px 13px;
    position: relative;

}
.user_icon {
	background-color: #999999;
	border-radius: 2px 0 0 2px;
	height: 40px;
	left: 2px;
	line-height: 58px;
	position: absolute;
	text-align: center;
	top: 2px;
	width: 40px;
	 padding: 16px 0 0 22px;
}

.user_input {
    border: 2px solid #999999;
    border-radius: 4px;
    float: left;
    font-size: 20px;
    margin: 0 0 21px;
    padding: 16px 0 16px 72px !important;
    width: 89%;}

.user_input:focus{
	border-color: #ed3237;	
}
.loginpanel .txt input[type="text"]:focus, .loginpanel .txt input[type="password"]:focus {
	border-color: #ed3237;
}
.last_input {
	float: left;
	padding: 8px 12px 8px 6px !important;
	width: 44%;
	font-size:20px
}
.mb_icon {
	background:rgba(0, 0, 0, 0) url("../img/mb.png") no-repeat scroll 15px 11px;
	position: relative;
}
.mb_icon {
	background-color: #999999;
	border-radius: 2px 0 0 2px;
	height: 40px;
	left: 2px;
	line-height: 58px;
	position: absolute;
	text-align: center;
	top: 2px;
	width: 40px;
padding: 16px 0 0 22px;
}
.mb_input {
	   border: 2px solid #999999;
    border-radius: 4px;
    float: left;
    font-size: 20px;
    margin: 0 0 11px;
  padding: 16px 0 16px 72px !important;
    width: 89%;
}

.mb_input:focus{
	border-color: #ed3237;		
}
.mail_icon {
	background: rgba(0, 0, 0, 0) url("../img/email.png") no-repeat scroll 13px 19px;
	position: relative;
}
.mail_icon {
	background-color: #999999;
	border-radius: 2px 0 0 2px;
	height: 40px;
	left: 2px;
	line-height: 58px;
	position: absolute;
	text-align: center;
	top: 2px;
	width: 40px;
	 padding: 16px 0 0 22px;
}
.mail_input {
	 border: 2px solid #999999;
    border-radius: 4px;
    float: left;
    font-size: 20px;
    margin: 0 0 11px;
  padding:16px 0 16px 72px !important;
    width: 89%;
}
.mail_input:focus{
	border-color: #ed3237;		
}

.imm_input {
    background-color: rgba(255, 255, 255, 0.8);
    border: 2px solid #999999;
    border-radius: 4px;
    color: #9c9a9a;
    float: left;
    font-size: 20px;
    margin: 0 0 11px;
    outline: medium none;
    padding: 16px 0 16px 72px !important;
    text-shadow: 0 1px #fff;
    width: 99%;
}
.imm_icon {
	background:rgba(0, 0, 0, 0) url("../img/imm.png") no-repeat scroll 11px 13px;
	position: relative;
}
.imm_icon {
	background-color: #999999;
	border-radius: 2px 0 0 2px;
	height: 40px;
	left: 2px;
	line-height: 58px;
	position: absolute;
	text-align: center;
	top: 2px;
	width: 40px;
	padding:18px 0 0 22px;
}
.imm_input:focus {
	border-color: #ed3237 !important;
}
.cot_input {
	background-color: rgba(255, 255, 255, 0.8);
	border: 2px solid #999999;
	border-radius: 4px;
	color: #9c9a9a;
	float: left;
	font-size: 20px;
	margin: 16px 0 0 5px;
	outline: medium none;
	padding: 7px 12px 7px 40px !important;
	text-shadow: 0 1px #fff;
	width: 97.6%;
}
.cot_icon {
	background:rgba(0, 0, 0, 0) url("../img/country.png") no-repeat scroll 11px 12px;
	position: relative;
}
.cot_icon {
	background-color: #999999;
	border-radius: 2px 0 0 2px;
	height: 40px;
	left: 2px;
	line-height: 58px;
	position: absolute;
	text-align: center;
	top:2px;
	width: 40px;
	  padding: 18px 0 0 22px;
}
.cot_input:focus {
	border-color: #ed3237;
}


.know_icon {
    background-color: rgba(255, 255, 255, 0.8);
    border: 2px solid #999999;
    border-radius: 4px;
    color: #9c9a9a;
    float: left;
    font-size: 20px;
    margin: 0 0 11px;
    outline: medium none;
    padding: 16px 0 16px 72px !important;
    text-shadow: 0 1px #fff;
    width: 99%;
}
.know_icon {
	background:rgba(0, 0, 0, 0) url("../img/know-icon.png") no-repeat scroll 11px 13px;
	position: relative;
}
.know_icon {
	background-color: #999999;
	border-radius: 2px 0 0 2px;
	height: 36px;
	left: 2px;
	line-height: 58px;
	position: absolute;
	text-align: center;
	top: 2px;
	width: 40px;
	padding:18px 0 0 22px !important;
}
.know_icont:focus {
	border-color: #ed3237 !important;
}

.form-area {
	float: left;
	margin: 0px 0;
	width: 100%;
}
.buttons {
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
.submit .btn-large {
	background: #f03234 none repeat scroll 0 0;
	border: 1px solid #fff;
	box-shadow: 3px 3px 4px #7e7c7c;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	width: 155px;
 margin: 8px 0;
    padding: 21px;
}
.form-area h1 {
	color: #000;
	font-family: arial;
	text-align: center;
}
.recommended-logo > img {
    margin: 0;
    width: 100%;
}
.footer-logo > img {
	width: 100%;
}
.address {
	background: rgb(0, 0, 0) none repeat scroll 0 0;
	float: left;
	width: 100%;
}
.address p {
	color: rgb(255, 255, 255);
	font-family: arial;
	line-height: 28px;
	margin: 0;
	text-align: center;
	width: 100%;
}


.control-label {
    color: red;
}

.alert.alert-danger {
    background: #fdc8ca none repeat scroll 0 0;
    margin: 10px 0 0;
    padding: 5px 0;
    text-align: center;
}



.notifyjs-bootstrap-success {
    background-color: #5cb85c !important;
    color: #fff !important;
    text-shadow: inherit;
}

.notifyjs-arrow {
    border-top: 5px solid #5cb85c !important;
}


.col-md-4.logo {
    float: left;
    width: 100%;
}

.col-md-4.logo > a {
    float: left;
    text-align: center;
    width: 100%;
}

.col-md-4.logo img {
    width: 29%;
}

.login-area {
    background: #dcdbdb none repeat scroll 0 0;
    border-radius: 5px;
    box-shadow: 1px 1px 2px #000;
    margin: 39px 0 65px 31%;
    padding: 45px 21px;
    width: 38%;
}

.col-md-4.lg-fr {
    margin: 0 0 25px;
    width: 100%;
	padding:0px
}

.col-md-4.ps-fr
{
    margin: 0 0 25px;
    width: 100%;
	padding:0px;
}



	  /* RESPONSIVE SCREEN*/
	  
	  
	  
	  
	  

@media (max-width: 1050px) {
	
.row {
    width: 100%;
}	
	
 .top-header > img {
 width: 100%;
}
 .banner > img {
 width: 100%;
}

.login-area {
    margin: 70px 0 95px 13%;
    padding: 36px 21px;
    width: 70%;
}

.submit input {
    float: none;
    margin: 25px 0 0;
}

.login-footer {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
   }
   
   .col-md-4.logo img {
    width: 53%;
}
}
 @media (max-width: 980px) {
.main_row {
 margin: 0 auto;
 width: 100%;
}
 .header_img > img {
 float: left;
 width: 100%;
}
 .footer-img > img {
 width: 100%;
}
}
 @media (max-width: 767px) {
.motivation > h1 {
 font-size: 18px;
}
 .recommended-logo > img {
 margin: 3px 0 22px 73px;
 width: 74%;
}
 .motivation > h1 {
 font-size: 11px;
 line-height: 26px;
}

.login-area {
    margin: 61px 0 91px 6%;
    padding: 36px 21px;
    width: 86%;
}

.submit input {
    float: none;
    margin: 0;
}
}
 @media (max-width: 480px) {
.user_input {
 width: 82%;
}
 .last_input {
 width: 89%;
}
 .mb_input {
 width: 82%;
}
 .mail_input {
 width: 82%;
}
.mb_icon {
    top: 2px;
}
.mail_icon {
    top: 2px;
}
 .buttons {
 margin: 0 auto;
 width: 126px;
}
.recommended-logo > img {
 margin: 3px 0 22px;
 width: 100%;
}
}