
.wrapper {
	
    position: relative;

}



.st {
	 background: url("/img/frontend/student2.jpg") no-repeat  center center ;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.mask {
	background: rgba(0,0,0, 0.4);
	height: 100%;
}

.man {
		 background: url("/img/frontend/man.jpg") no-repeat  center center ;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.tch {
		 background: url("/img/frontend/te.jpg") no-repeat  center center ;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.wrapper .lg-frm {
	margin-top: 38%;
	padding: 45px;
	color: #fff;
	text-transform: uppercase;

}
.wrapper .comp-name {
	margin-top: 35%;
	color: #fff;
	text-transform: uppercase;
	padding-left: 75px;
	border-left: 1px solid #fff;
	margin-left: 75px;

}

.wrapper .comp-name h2 {
	font-size: 65px;
	font-weight: 600;
}

.wrapper .comp-name h3 {
font-size: 45px;
}

.wrapper .lg-frm .form-control {
	box-shadow: none;
	height: 55px;
	border-radius: 0px;
	background: rgba(255,255,255, 0.95);
	border: none;
}

.wrapper .lg-frm placeholder {

}

.wrapper footer {
	position: absolute;
	bottom: 0px;
	width: 100%;
	background: rgba(0,0,0, 0.6) ;
}

.btn-login {
	background: #10C6BA;
	border-radius: 2px;
	padding: 15px 35px;
	text-transform: uppercase;
}

.btn-login:hover {
	background: #7DBF13;
	color: #fff;
}

.forgot {
	margin-left: 25px;
}
.forgot  {
	color: #fff;
}

.forgot:hover {
		color: #fff;

}



.hello {
	background: rgba(255,255,255, 0.56);
 position: absolute;
  top: 50%;
  transform: translateY(-50%);
     margin: 0 auto;
     width: 60%;
     left: 15%;
     right: 15%;
     padding: 45px;

}