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


@font-face {
    font-family: body-font;
    src: url(FiraSans-Book.otf);
}

@font-face {
    font-family: title-font;
    src: url(FiraSans-SemiBold.otf);
}

@font-face {
    font-family: ebony-world;
    src: url(ALGERINN.TTF);
}




body {
	margin:0px;
	padding:0px;
    font-family: body-font;
	font-size:14px;
}
a{ text-decoration:none;}








#back2Top {
    width: 40px;
    line-height: 40px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: fixed;
    bottom: 100px;
    right: 2%;
    background: #E72029;
    color: #FFF;
    text-align: center;
    font-size: 20px;
    text-decoration: none;
-moz-transition:all 0.2s ease-in 0.2s;
transition:all 0.2s ease-in 0.2s;
-webkit-transition:all 0.2s ease-in 0.2s;
-ms-transition:all 0.2s ease-in 0.2s;
-o-transition:all 0.2s ease-in 0.2s;
}
#back2Top:hover {
    background-color: #DDF;
    color: #000;
}



.success-div, #not-success-div, #warning-div{
	width:300px;
	height:50px;
	padding-top:10px;
	background:rgba(0,202,101,1);
	position:fixed;
	right:0px;
	top:100px;
	z-index:300;
	font-size:16px;
	color:#FFF;
	cursor:pointer;
	display:none;
}

.success-div div, #not-success-div div, #warning-div div{
	text-align:center;
	width:60px;
	height:50px;
	background:#ecf0f1;
	color:rgba(0,202,101,.7);
	font-size:40px;
	float:left;
	padding-top:10px;
	margin-right:5px;
	margin-top:-10px;
}

.success-div span, #not-success-div span, #warning-div span{
	font-size:13px;
}
#not-success-div{
	font-size:14px;
	background: rgba(255,0,0,1);
}
#not-success-div div{
	color:rgba(255,0,0,1);
}
#not-success-div span{
	font-size:11px;
}
#warning-div{
	background: rgba(255,128,0,1);
}
#warning-div div{
	color:rgba(255,128,0,1);
}

.alert-div{
	width:100%;
	height:100%;
	position:fixed;
	background: rgba(0,0,0,.5);
	top:0px;
	z-index:250;
	display:none;
}


.ajax-loader{
	text-align:center;
	padding-top:200px;
	font-size:18px;
	color:#bdc3c7;
}
.ajax-loader span{
	color:#FFF;
	cursor:pointer;
}






.alert{
	border:rgba(231,107,46,.4) 1px solid;
	background:rgba(231,107,46,.05);
	min-height:20px;
	padding:10px 5% 10px 5%;
	font-size:14px;
	line-height:20px;
	color:#7f8c8d;
	margin-bottom:30px;
	text-align:left;
}

.alert span{
	color:#3498db;
	cursor:pointer;
}

.alert-success{
	border:rgba(46,204,113,.4) 1px solid;
	background:rgba(46,204,113,.05);
}
.alert-failed{
	border:rgba(231,76,60,.4) 1px solid;
	background:rgba(231,76,60,.05);
}


.ajax-progress {
  background:#090;
  display: block;
  height: 20px;
  text-align: center;
  transition: width .3s;
  width: 0;
  line-height:20px;
  color:#FFF;
  border-radius:10px;
}
.ajax-loader{
	text-align:center;
	padding-top:70px;
	font-size:18px;
	color:#bdc3c7;
}
.ajax-loader span{
	color:#FFF;
	cursor:pointer;
}













.header-div{
	position:fixed;
	top:0px;
	width:100%;
	height:50px;
	background:#E72029;
	z-index:10;
}

.header-div .header-div-in{
	width:80%;
	margin:auto;
}

.header-div .header-div-in .logo-div{
	margin-top:3px;
	width:170px;
	float:left;
	overflow:hidden;
}

.header-div .header-div-in .logo-div img{
	width:100%;
}

.header-div .header-div-in li{
	min-width:50px;
	height:50px;
	line-height:50px;
	float:right;
	list-style:none;
	text-align:center;
	margin-left:10px;
	padding:0px 10px 0px 10px;
	cursor:pointer;
	-moz-transition:all 0.2s ease-in 02s;
transition:all 0.2s ease-in 0.2s;
-webkit-transition:all 0.2s ease-in 0.2s;
-ms-transition:all 0.2s ease-in 0.2s;
-o-transition:all 0.2s ease-in 0.2s;
color:#FFF;
}
.header-div .header-div-in #mobile-li{
	height:50px;
	line-height:50px;
	min-width:25px;
	font-size:24px;
	display:none;
}


.header-div .header-div-in li:hover, .header-div .header-div-in .active-li{
	color:#E72029;
	background:#FFF;
}
.header-div .header-div-in .active-li{
	background:#FFF;
}
@media all and (max-width:1150px) {
.header-div .header-div-in{
	width:96%;
}
}
@media all and (max-width:390px) {
.header-div .header-div-in #li{
	display:none;
}
.header-div .header-div-in #mobile-li{
	display:block;
}

}







.body-back-div{
	width:100%;
	height:100%;
	position:absolute;
	overflow:auto;
}



.login-all-div{
	padding:0px 5% 0px 5%;
	background:rgba(255, 255, 255,.9);
	width:60%;
	height:350px;
	margin:200px auto;
	margin-bottom:0px;
	border-radius:5px;
}


.login-all-div .left-div{
	background:#FFF;
	width:50%;
	height:500px;
	margin-top:-75px;
	float:left;
	text-align:center;
	box-shadow:0px 0px 10px 1px rgba(0, 0, 0,.2);
	border-radius:5px;
	-moz-transition:all 0.2s ease-in 02s;
transition:all 0.2s ease-in 0.2s;
-webkit-transition:all 0.2s ease-in 0.2s;
-ms-transition:all 0.2s ease-in 0.2s;
-o-transition:all 0.2s ease-in 0.2s;
}
.login-all-div .left-div .title{
	text-align:center;
	padding:30px 0px 20px 0px;
	font-size:25px;
	color:#E72029;
}
.login-all-div .left-div #page-content{
	height:350px;
	padding:38px 0px 38px 0px;
}
.text_field,#text_field{
	background:#FFF;
	color:#7f8c8d;
	margin:auto;
	margin-top:7.5px;
	margin-bottom:7.5px;
	width:60%;
	border:#CCC 1px solid;
	border-radius:5px;
	padding:15px 5% 15px 5%;
	transition:all ease 0.2s;
    font-family: body-font;
-webkit-transition:all ease 0.2s;
-ms-transition:all ease 0.2s;
-o-transition:all ease 0.2s;
-moz-transition:all ease 0.2s;
 -webkit-appearance: none;
    -moz-appearance: none;
}
.text_field:focus,#text_field:focus{
		border:#666 1px solid;

}
	
.login-btn{
	border:none;
	padding:15px;
	width:50%;
	min-width:150px;
	background:#E72029;
	border:#FFF 1px solid;
	color:#FFF;
	border-radius:7px;
	font-size:15px;
	cursor:pointer;
    font-family: body-font;
-moz-transition:all 0.2s ease-in 0.2s;
transition:all 0.2s ease-in 0.2s;
-webkit-transition:all 0.2s ease-in 0.2s;
-ms-transition:all 0.2s ease-in 0.2s;
-o-transition:all 0.2s ease-in 0.2s;
}
.login-btn:hover{
	background:#FFF;
	color:#E72029;
	border:#E72029 1px solid;
	}

.login-all-div .forgetlink{
	margin-top:10px;
	padding:10px;
	text-align:center;
	font-size:13px;
	color:#666;
	-moz-transition:all 0.2s ease-in 02s;
transition:all 0.2s ease-in 0.2s;
-webkit-transition:all 0.2s ease-in 0.2s;
-ms-transition:all 0.2s ease-in 0.2s;
-o-transition:all 0.2s ease-in 0.2s;
cursor:pointer;
}

.login-all-div .forgetlink:hover{
	text-decoration:underline;
	}

.login-all-div .action-info{
	color:#F00;
	text-align:center;
	display:none;
	padding:5px;
}
.login-all-div .left-div .footer-div{
	padding:27px;
	height:20px;
	font-size:12px;
	background:#E72029;
	text-align:center;
	color:#FFF;
}
.login-all-div .left-div .footer-div span{
	font-size:10px;
	color: rgba(255,255,255,.7);
}





.login-all-div .right-div{
	width:50%;
	float:right;
	text-align:center;
	color:#666;
	padding-top:60px;
    font-family: title-font;
	-moz-transition:all 0.2s ease-in 02s;
transition:all 0.2s ease-in 0.2s;
-webkit-transition:all 0.2s ease-in 0.2s;
-ms-transition:all 0.2s ease-in 0.2s;
-o-transition:all 0.2s ease-in 0.2s;
	font-size:28px;
}

.login-all-div .right-div span{
	color:#E72029;
	font-size:40px;
    font-family: ebony-world;
}





.result-logo{
	width:100px;
	height:100px;
	border-radius:100%;
	overflow:hidden;
	margin:auto;
	background:#FFF;
	margin-bottom:-20px;
}
.result-logo img{
	width:100%;
}
@media all and (max-width:1150px) {
.login-all-div{
	width:80%;
}
}

@media all and (max-width:800px) {
.body-back-div{
	background:#FFF;
}
.login-all-div{
	background:none;
	margin-top:90px;
}
.login-all-div .left-div{
	width:100%;
	float:none;
	margin:auto;
	text-align:center;
	box-shadow:0px 0px 5px 1px rgba(0, 0, 0,.05);
}
.login-all-div .right-div{
	display:none;
}
}
@media all and (max-width:500px) {
.login-all-div{
	width:90%;
	padding:0;
}
}