@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);


@font-face {
font-family: nizar;
src: 
url(../fonts/NizarCoconKurdishBold.ttf) ;

}
body {
	 font-family:  'Droid Arabic Kufi', sans-serif;

	background-image:url(../img/111.jpg) ;  background-repeat:no-repeat; background-size:cover;
    background-color:#353333;
	min-height:900px;
	
}



.login-block {
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    border-top: 5px solid #dd5ba4;
    margin-top:80px;
	padding-bottom:10px;
}

.login-block h1 {
    text-align: center;
    color: #000;
    font-size: 18px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 20px;
}

.login-block input {
    width: 100%;
    height: 42px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    font-size: 14px;
    padding: 0 20px 0 50px;
    outline: none;
}

.login-block input#username , .login-block input#username2{
    background: #fff url('http://i.imgur.com/u0XmBmv.png') 20px top no-repeat;
    background-size: 16px 80px;
}

.login-block input#username:focus , .login-block input#username2:focus {
    background: #fff url('http://i.imgur.com/u0XmBmv.png') 20px bottom no-repeat;
    background-size: 16px 80px;
}

.login-block input#password , .login-block input#password2 {
    background: #fff url('http://i.imgur.com/Qf83FTt.png') 20px top no-repeat;
    background-size: 16px 80px;
}

.login-block input#password:focus , .login-block input#password2:focus  {
    background: #fff url('http://i.imgur.com/Qf83FTt.png') 20px bottom no-repeat;
    background-size: 16px 80px;
}
.login-block input#email {
    background: #fff url(../img/em.png) 20px top no-repeat;
    background-size: 16px 80px;
}
.login-block input#email:focus {
    background: #fff url(../img/em.png) 20px bottom no-repeat;
    background-size: 16px 80px;
}
.login-block input#tele {
    background: #fff url(../img/tel.png) 20px top no-repeat;
    background-size: 16px 80px;
}
.login-block input#tele:focus {
    background: #fff url(../img/tel.png) 20px bottom no-repeat;
    background-size: 16px 80px;
}




.login-block input:active, .login-block input:focus {
    border: 1px solid #dd5ba4;
}

.login-block button ,.login-block a  {
    width: 100%;
    height: 40px;
    background: #dd5ba4;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #dd5ba4;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    outline: none;
    cursor: pointer;
	margin-bottom:15px;
}

.login-block button:hover {
    background: #dd5ba4;
}





.btn-link-2 {
	display: inline-block;
	height: 40px;
	margin: 5px;
	padding: 10px 15px 0 15px;
	background: rgba(0, 0, 0, 0.3);
	border: 1px solid #fff;
	font-size: 14px;
    font-weight: 300;
    line-height: 16px;
    color: #fff;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
.btn-link-2:hover, .btn-link-2:focus, 
.btn-link-2:active, .btn-link-2:active:focus { outline: 0; opacity: 0.6; background:#dd5ba4; color: #fff; }

.footer-section {
    background: rgba(44, 43, 43, 0.2);
    text-align: center;
    padding: 30px 0;
	
	
}
    .footer-section p {
        margin: 0 !important;
        color: #fff;
        font-size: 18px;
    }

    .footer-section p a{
        color: #dd5ba4;
    }
	
	.pra {font-size:20px; margin-top:19%; color:rgba(248,245,245,1.00); direction:rtl; text-align:justify}
	
@media screen and (min-width: 770px){		
		.pra { margin-top:50px; margin-right:70px}
		.but { margin-right:70px}
		
		
	

		
		}