@charset "utf-8";
/* CSS Document */
@font-face {
    font-family:'neosansarabic';
    src: url(../font/neosansarabic.ttf) format('truetype');
}
@font-face {
    font-family:'neosansarabic-black';
    src: url(../font/neosansarabic-black.ttf) format('truetype');
}
@font-face {
    font-family:'neosansarabic-bold';
    src: url(../font/neosansarabic-bold.ttf) format('truetype');
}
@font-face {
    font-family:'neosansarabic-light';
    src: url(../font/neosansarabic-light.ttf) format('truetype');
}
@font-face {
    font-family:'neosansarabic-medium';
    src: url(../font/neosansarabic-medium.ttf) format('truetype');
}
@font-face {
    font-family:'neosansarabic-ultra';
    src: url(/font/neosansarabic-ultra.ttf) format('truetype');
}

body{
	background-color:#ededed;
	background-image:url(../Images/imgs/testimonials-background.jpg);
	background-size:cover;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:center;
	
	font-family:'neosansarabic';
}
.page-header-cont{
	height:auto;
	padding:20px 20px 0px;
}
.page-header-cont a{
	display: inline-block;
	text-decoration: none;
}
.page-header-cont a img{
	width:auto;
	height:60px;
}
.login-main-cont{
	padding:50px 0px 20px;
	margin:0px;
	height:auto;
	min-height:200px;
}
.login-box{
	width:calc(100% - 40px);
	max-width:360px;
	height:auto;
	min-height:400px;
	
	margin:0px auto;
	padding:80px 20px 20px;
	
	border-top-left-radius:80px;
	border-top-right-radius:12px;
	border-bottom-left-radius:12px;
	border-bottom-right-radius:80px;
	
	background-color:rgba(255,255,255,1);
	box-shadow:rgba(0,0,0,0.1) 0px 1px 3px;
}
.login-logo-box {
    width: 100px;
    height: 100px;
    margin-top: -120px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border-top-left-radius: 24px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 24px;
    border: solid 3px rgba(255,255,255,1);
    box-shadow: rgba(0,0,0,0.2) 0px 2px 5px;
    background-color: #0f8ed8;
    background-image: url(../Images/imgs/login-image.svg);
    background-size: 300px 100px;
    background-position: 0px center;
    transition: all ease 0.5s;
}
.login-title-div{
	width:100%;
	height:auto;
	margin-bottom:40px;
}
.login-title-div h2{
	margin:20px 0px 10px;
	width:100%;
	text-align:center;
	text-transform:uppercase;
	color:#32363e;
	font-size:24px;
}
.login-title-div h2 span{
	color:#0f8ed8;
}
.warning-box {
    width: 100%;
    height: auto;
    min-height: 70px;
    padding: 5px 0px 0px;
    background-image: url(../Images/imgs/login-alert.svg);
    background-size: 100px 75px;
    background-position: center top;
    background-repeat: no-repeat;
    margin-top: -20px;
    text-align: center;
    font-size: 13px;
    color: #d31e7a;
    text-align:center;
}
.login-form{
	width:100%;
	max-width:260px;
	height:auto;
	overflow:hidden;
	margin:0px auto 10px;
	padding:0px;
    text-align:center;

}
.login-form input{
	width:calc(100% - 20px);
	height:35px;
	border:none;
	border-bottom:solid 1px #cfe8f7;
	text-align:center;
	outline:none!important;
	font-size:15px;
	margin-bottom:20px;
	position:relative;
	/*left:50%;
	transform:translateX(-50%);*/
	transition:all ease 0.3s;
}
.login-form input::placeholder{
	color:#7a7070;
	font-size:14px;
}
.login-form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:#a1a1a1;
	font-size:13px;
}
.login-form input::-ms-input-placeholder { /* Microsoft Edge */
    color:#a1a1a1;
	font-size:14px;
}
.login-form input:focus{
	width:100%;
	
	border-bottom:solid 1px #0f8ed8;
	transition:all ease 0.3s;
}
.switcher-holder{
	width:100%;
	height:auto;
	padding:0px;
	margin:0px 0px 10px;
	overflow:hidden;
}
.login-form button{
	width:auto;
	min-width:120px;
	height:45px;
	background-color:#d31e7a;
	color:#fff;
	font-size:16px;
	border:none;
	border-radius:3px;
	outline:none!important;
	position:relative;

}