@import url('http://fonts.googleapis.com/earlyaccess/droidarabickufi.css');
.demo {
	font-family: 'Droid Arabic Kufi', serif !important;
	width: 800px;
	text-align: right;
}
body {
	font-family: 'Droid Arabic Kufi', serif !important;
	direction:rtl;

}
p{line-height:33px;}
a {
	color: inherit;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}

.header {
	top: 0px;
  left: 0px;
  width: 100%;
  min-height:170px; 
  background:#003a6a; border-top:#fecd0b solid 3px;

}

.social{
	
		margin-top:1px; color:#4968a8;
}
.social span{
	
		margin-top:5px; color:#4d5384; font-weight:bold; font-size:12px;
}

.member{
 font-weight:bold; font-size:14px;padding-top: 3px;
	
	
}

.banner{

	background:#fff;

}

.banner-photo{
		 margin-top:20px;

	
}

.content{
	

	top: 0px;
  left: 0px;
  width: 100%;  padding: 18px 20px; text-align:right;
}


.page-title {
  display: block;
  padding: 18px 20px; 
}

.page-title h6 {
  font-size: 12px;
  text-transform: uppercase;
  float: right;
  margin: 0;
}

.service h1 {
  color: #00589d;
  font-size: 16px;
  text-align: right;
  padding-bottom: 14px;
  border-bottom:solid 1px #d5dbe0 !important;
  font-weight: bold;
}
.service h5 {
  color: #00589d;
  font-size: 15px;
  text-align: right;
  font-weight: bold;
}
.service p {
  color: #333;
  font-size: 14px;
  text-align: right;
  line-height: 30px;
  padding-bottom: 10px;
}
.servicing h1 {
  color: #00589d;
  font-size: 16px;
  text-align: right;
  font-weight: bold;
}
.servicing h5 {
  color: #00589d;
  font-size: 15px;
  text-align: right;
  font-weight: bold;
}
.servicing p {
  color: #333;
  font-size: 14px;
  text-align: right;
  line-height: 30px;
  padding-bottom: 10px;
}

.list-group{
	margin-top:5px;text-align:right;
	
}


.item-up{
	font-weight: bold;color: #D9534F;background-color: #f5f5f5;
}


.time{
	
position: fixed;
  height: 45px;
  width: 460px;
  display: block;
  z-index: 999;
  list-style: none;
  padding: 0;
  bottom: 0px;
  left: -53px;
  opacity: 0.9;
  top: 180px;
  border-radius: 5px;

	
}


.contact-form h4 {
	color: #d42222;
	font-size: 20px;
	text-align: center;
}
.contact-form h1 {
	color: #183c55;
	font-size: 20px;
	padding: 24px 20px 20px 0;
	border-bottom: 1px #70D0F0 solid;
}
.contact-form p {
	line-height: 30px;
	font-size: 13px;
	margin-top: 10px;
	text-align: right;
}
.contact-form img {
	float: right;
	margin: 5px;
	padding-top: 15px;
}
/* blog comment */
#blog-comment {
	margin-right: 40px;
}
#blog-comment ol {
	margin-bottom: 40px;
}
#blog-comment h5 {
	margin-bottom: 10px;
}
#blog-comment ul, #blog-comment li {
	list-style: none;
	margin-right: -30px;
	padding-right: 0;
}
#blog-comment li {
	min-height: 70px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	padding-bottom: 20px;
	border-bottom: solid 1px #bbb;
}
#blog-comment li .avatar {
	position: absolute;
	margin-top: 5px;
	width: 60px;
	height: 60px;
}
#blog-comment .comment {
	margin-right: 85px;
	text-align: right;
	padding-right: 40px;
}
#blog-comment li {
	min-height: 70px;
	font-size: 14px;
	line-height: 1.6em;
}
#blog-comment li li {
	margin-right: 55px;
	padding-bottom: 0px;
	margin-top: 20px;
	padding-top: 10px;
	border-top: solid 1px #bbb;
	border-bottom: none;
}
#blog-comment li li .avatar {
	position: absolute;
}
#blog-comment li li .comment {
}
.comment-info {
	margin-right: 85px;
	margin-bottom: 5px;
}
.comment-info span {
}
.comment-info .c_name {
	display: block;
	font-weight: 700;
	color: #555;
	padding-right: 20px;
}
.comment-info .c_reply {
	padding-right: 20px;
	margin-right: 20px;
	border-right: solid 1px #ddd;
	font-size: 12px;
}
.comment-info .c_date {
	font-size: 12px;
}
/* comment form */
#commentform label {
	display: block;
}
#commentform input {
	width: 290px;
}
#commentform input:focus {
	border: solid 1px #999;
	background: #fff;
}
#commentform textarea {
	width: 97%;
	padding: 5px;
	height: 150px;
}
#commentform textarea:focus {
	border: solid 1px #999;
	background: #fff;
}
#commentform input.btn {
	width: auto;
}

.commentBlock {
	margin: 5px 0px 0px 0px;
	border-bottom: 2px solid #FFFFFF;
	background-color: #F0F0F0;
	clear: both;
}
#comment {
	margin-bottom: 10px;
}
#comment h6 {
	height: 33px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding-right: 10px;
	margin-top: 10px;
	background-color: #142B55;
	margin-bottom: 10px;
	line-height: 30px;
}
.commentBlock {
	margin: 5px 0px 0px 0px;
	border-bottom: 2px solid #FFFFFF;
	background-color: #F0F0F0;
	clear: both;
}
.commentHeader {
	width: auto;
}
.commentHeader h4 {
	font-size: 16px;
	color: #090e3d;
	display: block;
	margin: 0px 0px 3px 0px;
	color: #fff;
	padding-right: 10px;
	background-color: #30C0FF;
	line-height: 25px;
}
.commentDate {
	display: block;
	margin: 0px;
	font-size: 11px;
	color: #2b005d;
	font-weight: bold;
	padding-right: 10px;
}
.commentAuthor {
	font-size: 10px;
	padding-right: 10px;
	color: #090E3D;
	font-weight: bold;
}
.commentBody {
	float: right;
	width: 100%;
	clear: both;
}
.commentBody {
	float: right;
	clear: both;
}
.commentBody p {
	display: block;
	padding: 10px;
	text-align: justify;
	font-size: 11px;
	border-top: #AFAFAF solid 1px;
}
#comment h5 {
	height: 33px;
	width: 50px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding-right: 10px;
	background-color: #090e3d;
	margin-bottom: 10px;
	margin-right: 10px;
	line-height: 35px;
	margin-top: 10px;
	margin-right: 30px;
}





.radio{
	
	padding-right:20px;
}
.radio p{
	
	padding-right:20px; line-height:18px;
}
/* Flexible iFrame */

.Flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}














.firstPart {
	background:#003a6a; 
}

.secoundpart {
	margin-bottom: 10px;
	background:#fff; 
}



.logo {
float: right; width:200px;
    height:82px;
  padding-bottom: 10px; 
   
}


.blog-list {
	margin-top: -10px;
	margin: 0;
	padding: 0;
	background-color: #fff;
}
.blog-list li {
	margin-bottom: 20px;
	list-style: none;
	background: url(../images/dotwhite50.html);
	line-height: 1.7em;
}
.blog-list .preview {
	padding: 10px;
	line-height: 1.6em;
	margin-top: 10px;
}
.blog-list .meta-info {
	margin: 0px 0 15px 14px;
font-size: 13px;
padding: 0px 0 5px 0;
border-bottom: solid 1px #0872B9;
}
.blog-list .meta-info span {
	padding: 0 10px 0 10px;
	color: #ccc;
}


.menu{
	background-color:#00447c;
	height:57px;
	margin-top:30px;
	 z-index:99;
	
}
.menu-dir{
 float:right;
	
	
}

.input-search {
width: 221px!important;
    text-align: right;
    margin-top: -9px;
    height: 35px;
}







.text h4{
	color:#fff;
	
	text-align:right;
	font-size:30px;
	padding-top:10px;
	
}

.text p{
	color:#fff;
	
	text-align:right;
	font-size:18px;
	line-height:35px;
	padding-top:20px;
	
}

.text-sign h4{

	color:#003a6a;
	
	text-align:center;
	font-size:30px;
	padding-top:10px;
}


.text-sign p{

	color:#003a6a;
	
	text-align:right;
	font-size:18px;
	line-height:35px;
	padding-top:20px;
}


.button-exam{
text-align: center;
    margin: 30px;
}



.button-sign{
	text-align: center;
  margin: 30px;
}

.photo-book{
margin-top: 80px;

}


















	.signature2 {
	margin-top: 5px;
}
.signature2 h5 {
	text-align: right;
	font-weight: bold;
	color: #14253F;
	font-size: 12px;
}
.signature {
	margin: 0px 0px 0px;
}
.signature h5 {
	text-align: center;
    font-weight: bolder;
    color: #14253F;
    font-size: 15px;
    font-family: inherit;
}
	

.divider {
height: 5px;
margin-bottom: 10px;
position: relative;
}
.divider_gray {
background: transparent url('../images/title-hline2.png') no-repeat scroll center bottom;
}
.man img{
	  border-radius: 6px;
	
	
}


/* widget
/*-------------------------------------------------- */
.widget {
      margin-bottom: 2px;
background: transparent url('../images/text_bg.png');  
margin-top:2px;
}

    .widget h4.title {
margin-top: 0;
  padding-bottom: 10px;
  font-size: 16px;
  /* font-weight: 700; */
  color: #FFFFFF;
border-bottom: 4px solid #FECD0B !important;
  background: #00447C;
  height: 40px;
  line-height: 36px;
  padding-right: 10px;
  text-align: right;
  border-radius: 4px;
    }

/*-------------------------------------------------- 
/* list news
/*-------------------------------------------------- */
.list-news {
    padding: 0;
    margin: 0;
}

    .list-news img {
        position: absolute;
    }

    .list-news .text {
padding-right: 80px;
  font-size: 12px;
    }

    .list-news li {
    list-style: none;
    /* min-height: 48px; */
    padding-bottom: 30px;
    border-bottom: 1px dashed #ccc;
    }

        .list-news li h5 {
            margin-bottom: 0;
            font-weight: 600;font-size: 14px;
  margin: 8px;
        }


.form-center{
	
	text-align:center;
	padding:10px;
	
}		
		
.form-input{
	margin-top: 10px;
}		
		
		
		
		
		
		
		
		
		
		

.footer {

	width: 100%; 
    background-color:#003a6a;
	min-height: 74px; 
    padding-top:20px;
}
.footer_menu{
	list-style: none;
	font-size: 11pt;
	color: #fff;
	width: 100%;
	text-align:  center;
	border-bottom:#004aaa 1px solid; padding-bottom:10px; float:right;

}
.footer_menu li{
	text-align: center;
	margin-top: 5px;
	padding-left: 10px;
	text-decoration: none;
	color: #fff;

}

.footer_menu li a{
	color: #fff;
	text-decoration: none;
	margin-left: 20px;	
	}
.footer_menu li a:hover{
	color: #000;
	font-size: 10pt;
}

.word-style {
/*	    height: 45px;*/
    margin: 10px 0 17px 0;
    background: rgba(245, 245, 245, 0.51);
    border-radius: 6px;
    padding: 14px;
}