@charset "utf-8";
/* CSS Document */@font-face {font-family: 'open_sansregular';src: url('fonts/opensans-regular-webfont.eot');src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-regular-webfont.woff2') format('woff2'), url('fonts/opensans-regular-webfont.woff') format('woff'), url('fonts/opensans-regular-webfont.ttf') format('truetype'), url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'open_sansbold';src: url('fonts/opensans-bold-webfont.eot');src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),    url('fonts/opensans-bold-webfont.woff2') format('woff2'), url('fonts/opensans-bold-webfont.woff') format('woff'), url('fonts/opensans-bold-webfont.ttf') format('truetype'), url('fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');   font-weight: normal; font-style: normal;}
@font-face {font-family: 'open_sanslight';src: url('fonts/opensans-light-webfont.eot');src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-light-webfont.woff2') format('woff2'), url('fonts/opensans-light-webfont.woff') format('woff'), url('fonts/opensans-light-webfont.ttf') format('truetype'), url('fonts/opensans-light-webfont.svg#open_sanslight') format('svg');font-weight: normal;font-style: normal;}
@font-face {
    font-family: 'traditional_arabicregular';
    src: url('fonts/trado-webfont.woff2') format('woff2'),
         url('fonts/trado-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'traditional_arabicregular';
	src: url('fonts/TraditionalArabic.eot');
	src: url('fonts/TraditionalArabic.eot?#iefix') format('embedded-opentype'),
		url('fonts/TraditionalArabic.woff') format('woff'),
		url('fonts/TraditionalArabic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

*{ padding:0; margin:0; font-family:'open_sansregular'; font-size:14px; color:#231f20;}
body{ background:#fff;}
.logo{ padding:5px 0; display:inline-table;}
img{max-width:100% !important;}
.body-part{ background:#fff;}
.welcome{  width:100%; padding-bottom:50px; display:inline-table;}
.welcome h1{ color:#005a00; font-size:30px; font-weight:normal; text-transform:uppercase;}
.welcome p{ font-size:16px; text-align:justify; line-height:24px;}
.welcome img{ float:left; padding:0 10px 0 0;}
.bodyright{ padding:15px 0;}
.services{}
.services h1{ color:#0d4c83; font-size:18px; font-weight:bold; text-transform:uppercase; text-align:center; margin-bottom:20px;}
.pro{ background:#fff; border-radius:20px;}
.pro h1{ background:#005a00; border-radius:20px 20px 0 0; color:#fff; text-transform:uppercase; font-size: 16px; text-align:center; padding:10px 0}
.pro p{ direction:rtl; padding:0 20px; font-size:28px; color:#000;}
.pro_bis{ background:url(images/bismillah.png) no-repeat center center; display:block; padding:5px 0;}
.pro_a{ background:#2e2e2e; padding:8px 20px; color:#fff; margin:0 20px 20px 0;}
.pro_a:hover{ background:#005a00; padding:8px 20px; color:#fff; margin:0 20px 20px 0; text-decoration:none;}
#st_search{ background:#CCC;}
.st_search{ padding:5px 0 5px 0; }
.st_search input[type="text"]{ border-radius:6px; border:1px solid #ccc; width:86%; padding:0 0 0 10px; height:35px;}
.st_search input[type="submit"]{  background:#2680e5 !important; border:none; font-weight:bold; padding:8px 15px 8px 15px; color:#fff; margin-top:1px; border-radius:6px;}

@media (max-width: 768px) {
  .st_search input[type="text"]{ border-radius:6px;width:100% !important;}

.st_search input[type="submit"]{ background:#2680e5 !important; background-image:none !important; border:none; font-weight:bold; padding:8px 0; color:#fff; margin-top:5px; width:100%;}
}
.case{ padding:20px 0;}
#slider{ background:#eeeeee;}
.partners{ background: url(images/list_bg.png) no-repeat; background-size:cover;}
.partners h2{ color:#395b08; font-size:28px;}
#footer{ background:url(images/ft_bg.png) no-repeat; background-size:cover;}
.ft-nav{ padding:30px 0; color:#fff;font-size:16px;}
.ft-nav li{ list-style:none; float:left;}
.ft-nav span{ color:#fff;font-size:14px;}
.ft-nav a{ color:#fff;font-size:14px; padding:0 4px}
.ft-nav a:hover{ color:#fff;font-size:14px; padding:0 4px; text-decoration:none;}
.icon{ padding:10px 0;}
.footer{ background:#2e2e2e; padding:10px 0; border-top:5px solid #2680e5;}
.copy{ color:#fff; padding:25px 0 15px 0;}
.social{ color:#fff; padding:6px 0;}
.social img{ width:31px !important; }
.contact{ width:100%; padding-bottom:50px; display:inline-table;}
.contact h1{ color:#0d4c83; font-size:21px; font-weight:bold; text-transform:uppercase; background-image:url(images/heading.png), url(images/heading_r.png);background-repeat: no-repeat;	background-position: center left, center right; text-align:center;}
.contact input[type="text"]{ width:99%; padding:0 0 0 10px; height:40px; border:1px solid #eee; margin:5px 0;}
.contact select{ width:99%; padding:0 0 0 10px; height:40px; border:1px solid #eee; margin:5px 0;}
.contact textarea{ max-width:99%; min-width:99%; padding:0 0 0 10px; min-height:100px; max-height:100px; border:1px solid #eee; margin:5px 0;}
.contact input[type="submit"]{padding:8px 10px; height:35px; border:none; margin:5px 0;}
.addr{ padding:20px 0;} 
.addr p{ line-height:24px;}
.map iframe{ width:99%; height:320px; border:2px solid #ccc; padding:5px;}
.content{ background:#fff; font-size:18px;}
.content .col-sm-5{ direction:rtl; font-family:'kacstqurnmedium' ; font-size:30px; color:#360;}
.content .col-sm-5 a{ direction:rtl; font-family:'kacstqurnmedium'; font-size:30px; color:#360;}
.content .col-sm-5 a:hover{ direction:rtl; font-family:'kacstqurnmedium'; font-size:30px; color:#F00; text-decoration:none;}
.content .col-sm-7 { padding:20px 10px; font-size:16px;}
.entry-content p {
    color: #000;
    font-size: 14px;
    line-height: 24px;
    text-align: justify;
}

.entry-content p {
    color: #000;
    font-size: 14px;
    line-height: 24px;
    text-align: justify;
}
.widget_recent_entries {
    background: #ddd none repeat scroll 0 0;
    padding: 10px;
}
#recent-posts-3 > ul {
    list-style: outside none none;
}
#recent-posts-3 li {
    border-bottom: 1px solid #ccc;
    padding: 5px 0;
}
#recent-posts-3 a {
    color: #005a00;
    font-size: 15px;
}
/****************
advanced comment styles
****************/
 
h3#comments,.comment-navigation,.comment-navigation:after,#respond:after,.comment-rss{display:block} 
ol.commentlist{width:100%} 
h3#comments,#respond h3{height:25px;text-align:left;background:#4c7faa;color:#fff;padding:5px 0 0 5px} 
ol.commentlist,li.authorcomment,li.comment,#respond h3,form#commentform,input#submit{margin:0}
ol.commentlist,ol.commentlist ul,form#commentform{padding:0}  
ol.commentlist{border-bottom:1px solid #ccc} 
ol.commentlist ul{margin:0 0 0 20px} 
li.authorcomment,li.comment,form#commentform textarea,form#commentform input{border:1px solid #ccc}
li.authorcomment,li.comment{padding:10px 0 0 10px;list-style:none; margin-bottom:10px; float:left; width:99%;} 
li.even{background:#fff} 
li.odd{background:#efefef} 
.authorcomment{background:#deebf9} 
ul.children ul{margin-left:20px} 
ul.children li{border-right:none} 
.vcard img{float:left;background:#c4c4c4} 
.vcard img,.comment-navigation .newer a,.comment-navigation .older a{padding:5px; margin:0 5px 0 0;} 
.comment-meta,ol.commentlist li small,p.subscribe-to-comments label{position:relative} 
.comment-meta,ol.commentlist li small{top:10px;left:10px} 
.comment-text{margin:0 10px 0 0} 
.reply,.comment-navigation .newer,input#submit{float:right} 
.reply,.comment-navigation .newer a,.comment-navigation .older a,input#submit{background:#4c7faa} 
.reply{margin:0 10px 10px 0} 
a.comment-reply-link,.reply a:link,
.comment-navigation .newer a,.comment-navigation .older a,input#submit{display:inline-block;text-align:center;cursor:pointer;color:#fff} 
a.comment-reply-link,.reply a:link{padding:5px 0} a.comment-reply-link,.reply a:link,input#submit{width:70px} 
a.comment-reply-link:hover,.reply a:hover,.comment-navigation .newer a:hover,
.comment-navigation .older a:hover,input#submit:hover{background:#e7e7e7;text-decoration:none;color:#4c7faa;font-weight:bold} 
a.comment-reply-link:hover,.reply a:hover,input#submit:hover{width:68px} 
a.comment-reply-link:hover,.reply a:hover{padding:4px 0} 
a.comment-reply-link:hover,.reply a:hover,.comment-navigation .newer a:hover,.comment-navigation .older a:hover{border:1px solid #4c7faa} 
.comment-navigation{margin:10px 0 10px 0} .comment-navigation:after,#respond:after{content:".";height:0;visibility:hidden} 
.clear{clear:both} 
.comment-navigation .newer a:hover,.comment-navigation .older a:hover{padding:4px} 
form#commentform textarea,form#commentform input{padding:2px 3px} 
form#commentform textarea{width:99%;}
input#author , input#email {
    width: 99%;
} 
input#submit{padding:5px 0 !important;border:0 !important} 
input#submit,p.subscribe-to-comments input{outline:0; float:left;} 
input#submit:hover{padding:4px 0 !important;border:1px solid #4c7faa !important; float:left;} 
p.subscribe-to-comments{background:url('images/email_32.png') no-repeat} 
p.subscribe-to-comments,.comment-rss{height:32px;text-indent:42px;padding:5px 0 0 0} 
p.subscribe-to-comments input{margin:5px 3px 3px 3px !important;border:0} 
p.subscribe-to-comments label{top:-2px;color:#666} 
.comment-rss{background:url('images/rss_32.png') no-repeat} 
 
/*comment total stlying*/
 
.comment-total{text-align: center;font-size: 1.5em;color: #fff;}
.comment-total span{font-size: 2em;color: #800000;}
.message-admin label {
    display: block;
}
#respond {
    background: #eee none repeat scroll 0 0;
    padding: 10px 20px;
}
.comment-meta.commentmetadata {
    float: left;
    padding: 0 0 10px;
    width: 100%;
}
.ft-nav li:last-child span {
    display: none;
}
.arab{ font-family:'traditional_arabicregular'; font-size:20px;}
.arab a{ font-family:'traditional_arabicregular'; font-size:20px;}
.content .col-sm-5{ direction:rtl; font-family:'traditional_arabicregular' ; font-size:30px; color:#360;}
.content .col-sm-5 a{ direction:rtl; font-family:'traditional_arabicregular'; font-size:30px; color:#360;}
.content .col-sm-5 a:hover{ direction:rtl; font-family:'traditional_arabicregular'; font-size:30px; color:#F00; text-decoration:none;}










/* Disable WhatsApp button on Desktop - Tutorial link: http://crunchify.me/1VIxAsz */
@media screen and (min-width: 1024px) {
    .crunchify-whatsapp {
	display: none !important;
    }
}
 
.crunchify-link {
    padding:4px 6px !important;
    color: white;
    font-size: 14px;
    border-radius: 2px;
    margin-right: 2px;
    cursor: pointer;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
    -moz-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
    margin-top: 2px;
    display: inline-block;
}
 
.crunchify-link:hover,.crunchify-link:active {
    color: white;
}
 
.crunchify-twitter {
    background: #00aced;
}
 
.crunchify-twitter:hover,.crunchify-twitter:active {
    background: #0084b4;
}
 
.crunchify-facebook {
    background: #3B5997;
}
 
.crunchify-facebook:hover,.crunchify-facebook:active {
    background: #2d4372;
}
 
.crunchify-googleplus {
    background: #D64937;
}
 
.crunchify-googleplus:hover,.crunchify-googleplus:active {
    background: #b53525;
}
 
.crunchify-buffer {
    background: #444;
}
 
.crunchify-buffer:hover,.crunchify-buffer:active {
    background: #222;
}
 
.crunchify-pinterest {
    background: #bd081c;
}
 
.crunchify-pinterest:hover,.crunchify-pinterest:active {
    background: #bd081c;
}
 
.crunchify-linkedin {
    background: #0074A1;
}
 
.crunchify-linkedin:hover,.crunchify-linkedin:active {
    background: #006288;
}
 
.crunchify-whatsapp {
    background: #43d854;
}
 
.crunchify-whatsapp:hover,.crunchify-whatsapp:active {
    background: #009688;
}
 
.crunchify-social {
    padding: 0 0 10px 20px;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
}
.post{ padding:10px 0; border-bottom: 1px dashed #000;}
.post h4 {
    background: #52a4ff none repeat scroll 0 0;
    border-radius: 8px;
    color: #fff;
    margin: 10px;
    padding: 5px 10px;
    display:inline;
    max-width: 100px;
    min-width: 100px;
}
.list-group-item-heading label {
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    padding: 0;
}
.list-group-item-heading input[type="checkbox"] {
    margin: 0 5px 0 0;
}

    /*.box{
        padding: 20px;
        display: none;
        margin: 20px 20px 0 20px;
        border: 1px solid #000;
    }*/
   
    .green {
    border-radius: 8px;
    box-shadow: 0 0 20px #2680e5 inset;
    font-family: "Play";
    font-size: 15px;
    line-height: 24px;
}
    .blue{  border-radius: 8px;
    box-shadow: 0 0 20px green inset;
    font-family: "Play";
    font-size: 15px;
    line-height: 24px; }
    .crunchify-social h5 {
    margin: 0;
    padding: 0 0 5px;
}
.red {
    border-radius: 8px;
    box-shadow: 0 0 66px #999 inset;
    font-family: "Play";
    font-size: 15px;
    line-height: 24px;
    text-align: justify;
}
.box {
    display: none;
    margin: 0 20px 5px 5px;
    padding: 0 10px;
}
.crunchify-social a:hover {
    text-decoration: none;
}
#post-145 h4 {
    display: none;
}
.list-group-item li {
    line-height: 30px;
    list-style: inside;
    color: #010100;
    font-size: 16px;
    border-bottom: 1px solid #ccc;
    list-style-type: decimal !imporatnt;
}
.list-group-item li:hover {
    line-height: 30px;
    list-style: inside;
    color: #005a00;
    font-size: 16px;
    border-bottom: 1px solid #ccc;
    list-style-type: decimal !imporatnt;
}

.list-group li.active {
    color:#005a00 !imporatnt;
}

.list-group li.active a {
    color: #005a00 !imporatnt;
}
.content h2 {
    background: rgb(73,155,234); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(73,155,234,1) 0%,rgba(32,124,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(73,155,234,1) 0%,rgba(32,124,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 ); 
    border-bottom: 1px solid #000;
    color: #fff;
    font-size: 20px;
    padding: 8px;
    margin: 0 0 0 2px;
}