@import url(https://fonts.googleapis.com/css?family=Amarante);
@import url(https://fonts.googleapis.com/css?family=Amaranth);
@import url(https://fonts.googleapis.com/css?family=Oswald);
@import url(https://fonts.googleapis.com/css?family=Fjalla+One);


@import url(http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);
@import url(http://fonts.googleapis.com/earlyaccess/lateef.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskufiarabic.css);
@import url(http://fonts.googleapis.com/earlyaccess/amiri.css);

body { padding: 0px; margin: 0px; background-color: #fff; font-family: Arial; background-color:#eeeeee}

h1, h2, h3, h4 { font-family: Amaranth; }

.main-logo { height: 90px; float: left; margin-right: 25px; }
.header-banner { text-align: center; background-color: #172f89; text-align: left; direction: ltr; margin: -20px auto 10px auto;}
.img-banner { text-align: center; direction: ltr; margin: auto; }
.inside-container-fluid { margin: 0px 0px 40px 0px; background-color: #fff; height: 90px }
.navbr-cusstyle { width: 80%; margin: auto }
.dropdown-menu li {direction: ltr ; text-align: left;}

.main-subjects, .main-subjects-d1, .main-subjects-d2 { height: 500px; text-align: left; direction: ltr; }
.main-subjects-d1 div, .main-subjects-d2 div { background-position: right; background-size: cover; vertical-align: top; width: 100%;}
.main-subjects-d2 div { height: 246px; margin-bottom: 5px  }
.main-subjects-d1 div { height: 500px;  }
.main-subjects-d2 span, .main-subjects-d1 span { color: white; font-size: 12pt; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); padding: 10px; line-height: 300%; position: relative; top: 13rem; }
.main-subjects-d1 a:link span, .main-subjects-d1 a:visited span, .main-subjects-d2 a:link span, .main-subjects-d2 a:visited span { color: #fff; text-decoration: none }
.main-subjects-d1 a:hover span, .main-subjects-d2 a:hover span { color: #FF9900; text-decoration: none;  }
.main-subjects-d1 a:hover, .main-subjects-d2 a:hover {text-decoration: none;  }
   
.container-2nddiv { direction: ltr; text-align: left }
@media (max-width:900px) and  (min-width:500px) {
.main-subjects { height: 600px }
.main-subjects-d1, .main-subjects-d2, .main-subjects-d2 div { height: 50%}
.main-subjects-d2 span, .main-subjects-d1 span { top: 9rem; }
}
@media (max-width:500px) {
.main-subjects, .main-subjects-d1 , .main-subjects-d2 { height: auto}
}

.home-column { text-align: left; margin-top: 10px; margin-left: 0px; padding-top: 8px; }
.column-div { margin: 5px 5px 20px 0px	;}

.home-details { margin-top: 10px; text-align: left; direction:ltr; padding: 0px }
.home-details-banner { background-color: #006699; margin-bottom: 10px; color: #fff; font-size: 18pt; font-weight: bold; padding: 3px }
.home-details-news { margin-bottom: 10px; font-size: 11pt; font-weight: bold; color: #006699; vertical-align: top; height: 300px }
.home-details-news p { margin: 5px auto 10px 5px }
.home-details-news span { margin: 5px; font-size: 11pt; direction: ltr; text-align: left; color: #808080 }
.home-details-news a:link, .home-details-news a:visited { color: #006699; text-decoration: none }
.home-details-news a:hover { color: #FF9900; text-decoration: none;  }
.home-details-news a:hover div {background-size: 100% }


.archive-bymonth-ul { list-style: none; margin-left: -30px  }
.archive-bymonth-ul li { padding: 12px; border-bottom: 1px #C0C0C0 dotted}
.archive-bymonth-ul li span { color: #CC3300 }
.archivedates-div { text-align: left; direction: ltr; font: normal 12pt Arial;}
.archivenothscolumn { background-color: #C0C0C0; margin-right: 10px}
.archive-bymonth-ul a:link li { color: #333333;  }
.archive-bymonth-ul a:visited li { color: #333333;  }
.archive-bymonth-ul a:hover li { color: #fff; text-decoration: none; background-color:#298AA3 }
.archive-bymonth-ul a:hover {  text-decoration: none; }
.archive-search { margin: 25px}

.home-column-social-div { padding: 25px; letter-spacing: 25px}

.qazan {  direction: ltr; text-align: left; background-color: #fff;}
.qazan .inwan { font-size: 20pt; font-weight: bold; text-align: left; padding: 10px; padding-right: 10px; border-top: 7px #E16D04 solid; margin-bottom: 20px }
.qazan .inwan span, .qazan .inwan i { font-size: 12pt; font-weight: bold; text-align: left; color: #333333}
.qazan h3 { font: bold 12pt Arial;}
.qazan .photo-gallery { text-align: center; margin-bottom: 20px}

.showcate-style-4 { font: bold 10pt Arial; color:#666666;height: 170px }
.showcate-style-4 h3 { font: bold 12pt Arial; direction: ltr; color: #FF9900 }
.showcate-style-4 img { max-height: 150px; float: right; margin-left: 10px  }

.contact-header{ padding: 25px; font-size: 17pt; font-weight: bold; border-bottom: 1px #C0C0C0 solid; margin-bottom: 15px; color: #006666}
.contact-body .col-md-7 { padding: 15px; margin-bottom:20px;}
.contact-body .col-md-5 { padding: 15px; padding-right: 30px; margin-bottom:20px;}
.contact-body .col-md-5 span { font-weight:bold; font-size: 17pt;}
.donate-form label { direction: ltr; text-align: left; font-size: 10pt  }
/* Footer */
.footer-distributed .footer-right { text-align: left }
.footer-distributed { background-color: #292c2f; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12); box-sizing: border-box; text-align: left; padding: 55px 50px;  color: #ffffff; }
.footer-distributed .footer-left, .footer-distributed .footer-right { vertical-align: top; }
.footer-distributed .footer-center { vertical-align: middle ; }
.footer-distributed .footer-left { width: 45%; display: inline-block; }
.footer-distributed .footer-center { width: 22%; display: inline-block; }
.footer-distributed .footer-right { width: 25%; display: inline-block; }
/* The company logo */
.footer-distributed h3 { color: #ffffff; font: normal 25pt 'Amaranth'; margin: 0; }
.footer-distributed h3 span { color: #5383d3; }
/* Footer links */
.footer-links a { display:inline-block; line-height: 1.8; text-decoration: none; color: inherit; }
.footer-distributed .footer-company-name { color: #8f9296; font-size: 14px; font-weight: normal; margin: 0; text-align: center }
.footer-distributed .footer_menu { direction: ltr; margin: auto; vertical-align:top}
.footer-distributed .footer_menu_div1 { min-width: 120px; text-align: left; margin-left: 4px; color: #fff; font-size: 12pt;  vertical-align:top;display : inline-block;}
.footer-distributed .footer_menu_div2 { text-decoration: none; margin: 2px; font-size: 10pt; line-height: 150%; font-weight: bold; font-size: 15pt  }
.footer-distributed .footer_menu_div2 a:link { text-decoration: none ; color: #EC8D00}
.footer-distributed .footer_menu_div2 a:visited { text-decoration: none ; color: #EC8D00}
.footer-distributed .footer_menu_div2 a:hover { text-decoration: none ; color: #F0F000}
.footer-distributed hr { margin: 5px 0px 5px 0px }
/* Footer Center */
.footer-distributed .footer-center i { background-color: #33383b; font-size: 25px; width: 38px; height: 38px; border-radius: 50%; text-align: center; line-height: 42px; margin: 10px 15px;	vertical-align: middle; }
.footer-distributed .footer-center i.fa-envelope { font-size: 17px; line-height: 38px; }
.footer-distributed .footer-center p{  display: inline-block; vertical-align: middle; margin:0; }
.footer-distributed .footer-center p span { display:block; font-weight: normal;	font-size:14px;	line-height:2; }
.footer-distributed .footer-center p a{ color: #5383d3; text-decoration: none;}
/* Footer Right */
.footer-distributed .footer-company-about{ line-height: 20px; color: #92999f; font-size: 13px; font-weight: normal; margin: 0; }
.footer-distributed .footer-company-about span{ display: block; font-size: 14px; font-weight: bold;	margin-bottom: 20px; }
.footer-distributed .footer-icons { margin-top: 25px; text-align: center; }
.footer-distributed .footer-icons a{ display: inline-block; width: 35px; height: 35px; cursor: pointer; background-color:  #33383b; border-radius: 3px; font-size: 20px; color: #ffffff; 
	text-align: center; line-height: 35px; margin-right: 3px; margin-bottom: 5px; padding-top: 8px; }

@media (max-width: 880px) {
	.footer-distributed { font: bold 14px sans-serif; }
	.footer-distributed .footer-left, .footer-distributed .footer-center, .footer-distributed .footer-right, .footer-distributed .footer_menu, .footer-distributed .footer_menu_div1 { display: block; width: 100%; margin-bottom: 40px; text-align: center;}
	.footer-distributed .footer-center i { margin-left: 0; }
	
	.home-details-news-div {  display: block; width: 100%}
	.details-news-div-img {
	height: 180px !important;
	margin: auto 
	}
}

@media (min-width:600px) {
	.img-ignoreresponse {
	width: 1150px !important;
	height: 600px !important;
	}


}