@charset "utf-8";
/* CSS Document */

@font-face {
  font-family:RegencieLight;
  src:url(../fonts/RegencieLightAlt.ttf);
}
@font-face {
  font-family:Roboto;
  src:url(../fonts/Roboto-Thin.ttf);
}

@font-face {
  font-family:basic;
  src:url(../fonts/basictitlefont.ttf);
}

@font-face {
  font-family:josfin;
  src:url(../fonts/josefin/JosefinSlab-Bold.ttf);
}
@font-face{
	font-family:Myriad Set Pro;
  src:url(../fonts/apple/MYRIADAT.TTF);}
  
 @font-face{font-family:proximanova;src:url(../fonts/proximanova/proximanova-light-webfont.eot);
 src:url(../fonts/proximanova/proximanova-light-webfont.eot?#iefix)format('embedded-opentype'),
 url(../fonts/proximanova/proximanova-light-webfont.woff2)format('woff2'),
 url(../fonts/proximanova/proximanova-light-webfont.woff)format('woff'),
 url(../fonts/proximanova/proximanova-light-webfont.ttf)format('truetype'),
 url(../fonts/proximanova/proximanova-light-webfont.svg#ProximaNova)format('svg'); }


.text-black{color:#333;}

 
.signin-body .btn-primary {
    color: #fff;
    border-color: rgba(155, 155, 155, 0.3);
     background-color: rgba(159, 159, 159, 0.3);  
}
 
body { 
	/* background: url(../images/background/laptop.jpg) no-repeat center center fixed; 
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover; */
	/* font-family:proximanova;  */
    font-family: Avenir,-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol',sans-serif;
	font-family:15px;
	color: #212529;
}
#content{/* background:url(../images/background/laptop.jpg) center center/cover no-repeat fixed;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover; */
}
.animate-fade-up{
animation: 0.35s ease 0s normal none 1 running fade-up-enter;
}

/* aleyna add start */
@media (max-width: 767px){
	#loginapge{
		padding: 0 20px;
	}
	#loginapge #forgetFieldset, #forgetFieldset {
		width: auto;
	}
	#forgetFieldset.form-container .register {
		margin: 0 20px;
	}
	#loginapge .form-container {
		width: auto !important;
		margin: 0 20px;
	}
	textarea.form-control {
		width: 100%;
	}
	
	#loginapge #forgetFieldset, #forgetFieldset {
		width: auto;
		margin: 0 18px;
		top: 5%;
	}
	.logo img {
		width: 180px;
	}
}
	/* aleyna add end */

/*a{
	text-decoration:none;
	color:#fff;
}
a:hover {
  color:#333;
  text-decoration: none;
}
h1 {
  font-size: 20px;
  color:#fff;
}

#wrapper-login {
	width:100%;
	margin:0 auto;
}
#wrapper-login1 {
	width:100%;
	margin:0 auto;
	background-image:url(../images/login-shade.jpg);
	background-repeat:repeat-x;	
	
}
#container {
	width:450px;
	margin:0 auto;
}
#login_container {
	position:absolute;
	top:140px;
	width:450px;
	height:350px;
	background:#05869a;
	float:left;
	margin:0 auto;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border:2px solid #fff;
	box-shadow:5px 5px 5px #333;
}
#register_container {
	position:absolute;
	top:140px;
	width:450px;
	height:500px;
	background:#05869a;
	float:left;
	margin:0 auto;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border:2px solid #fff;
	box-shadow:5px 5px 5px #333;
}
#changepassword_container {
	position:absolute;
	top:140px;
	width:450px;
	height:530px;
	background:#05869a;
	float:left;
	margin:0 auto;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border:2px solid #fff;
	box-shadow:5px 5px 5px #333;
}
.changepassword_upper {
	width:420px;
	padding:15px;	
	background:#fff;
	border-top-left-radius:17px;
	border-top-right-radius:17px;
	-webkit-border-top-right-radius:17px;
	-webkit-border-top-left-radius:17px;
	-moz-border-radius-topleft:17px;
	-moz-border-radius-topright:17px;
}
.changepassword_txtb{
	width:250px;
}
.changepassword_holder{
	background:#171717;
	border:0px solid #000;
	height:40px;
	width:250px;
	margin-bottom:30px;
	float:left;
	text-align:left;
}
.changepassword_holder_header{
	border:0px solid #000;
	height:40px;
	float:left;
}
.changepassword-btn-holder {
	width:100%;
	text-align:center;
	font-size:12px;
	color:#fff;
}


#forget_container {
	position:absolute;
	top:140px;
	width:450px;
	height:355px;
	background:#05869a;
	float:left;
	margin:0 auto;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border:2px solid #fff;
	box-shadow:5px 5px 5px #333;
}
#reset_container {
	position:absolute;
	top:140px;
	width:450px;
	height:480px;
	background:#05869a;
	float:left;
	margin:0 auto;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border:2px solid #fff;
	box-shadow:5px 5px 5px #333;
}
.login_inner {
	width:95%;
	padding-left:20px;
	float:left;
	margin-top:10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	
}
.upper-heading {
	width:420px;
	padding:15px;	
	background:#fff;
	border-top-left-radius:17px;
	border-top-right-radius:17px;
	-webkit-border-top-right-radius:17px;
	-webkit-border-top-left-radius:17px;
	-moz-border-radius-topleft:17px;
	-moz-border-radius-topright:17px;
}
.user-login {
	width:100%;
	float:left;
	margin-bottom:10px;
}
.user-img {
	width:60px;
	float:left;
}
.user-logintxt {
	width:80%;
	padding-top:10px;
	float:left;
	font-size:20px;
	color:#fff;
	vertical-align:middle;
}
.uname-holder{
	background:#171717;
	border:1px solid #000;
	height:40px;
	width:85%;
	margin-bottom:30px;
	float:left;
}
.email-holder{
	background:#171717;
	border:0px solid #000;
	height:40px;
	width:84%;
	margin-bottom:30px;
	float:left;
}
.captcha-holder{
	background:#171717;
	border:0px solid #000;
	height:40px;
	width:36%;
	margin-bottom:30px;
	float:left;
}
input:focus{
    outline: 0;
}
input[type="text"] {
	background-color:transparent;
	margin:0;
	color:#ddd;
	border:0;
	height:40px;
	width:95%;
}
input[type="password"] {
	background-color:transparent;
	margin:0;
	color:#ddd;
	border:0;
	height:40px;
	width:95%;
}
.img-uname {
	width:48px;
	float:left;
}
.txtb-uname{
	float:left;
	width:300px;
}
.login-btn-holder {
	width:100%;
	text-align:left;
	font-size:12px;
	color:#fff;
}
.login-btn {
	width:150px;
	height:35px;
	border:1px solid #000;
	color:#fff;
	background:#2b2b2b;
}
.login-btn:hover {
	width:150px;
	height:35px;
	border:1px solid #000;
	color:#666;
	background:#272727;
	cursor:pointer;
}
#footer-login {
	width:100%;
	margin:0 auto;
	text-align:center;
	color:#fff;
	font-size:11px;
	position:relative;
	top:500px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
#footer-register {
	width:100%;
	margin:0 auto;
	text-align:center;
	color:#fff;
	font-size:11px;
	position:relative;
	top:650px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
#footer-changepassword {
	width:100%;
	margin:0 auto;
	text-align:center;
	color:#fff;
	font-size:11px;
	position:relative;
	top:680px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
#footer-forget {
	width:100%;
	margin:0 auto;
	text-align:center;
	color:#fff;
	font-size:11px;
	position:relative;
	top:505px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
#footer-resetpassword {
	width:100%;
	margin:0 auto;
	text-align:center;
	color:#fff;
	font-size:11px;
	position:relative;
	top:630px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}*/