/*Style for Jamiah In'amil Hasan Arabic College*/
body{
	font-family:				"Trebuchet MS", Helvetica, sans-serif;
}
/*Start Background Styles*/
.main-background{
	background: 				#f5f5f5 url("images/bg-img.png");
	border-color:				#e3e3e3;
	box-shadow: 				0 2px 6px rgba(0, 0, 0, .6);
	background-image: 			-moz-linear-gradient(top, #f5f5f5, #ffffff);
	background-image: 			-webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#ffffff));
	background-image: 			-webkit-linear-gradient(top, #f5f5f5, #ffffff);
	background-image: 			-o-linear-gradient(top, #f5f5f5, #ffffff);
	background-image: 			linear-gradient(to bottom, #f5f5f5, #ffffff);
}/*End Background Styles*/

/*Start Styles for Title Name and Search Form*/
.top-image{
	background-color:			dimgray;
	box-shadow: 				0 0px 6px rgba(0, 0, 0, .6);
	height:						80px;
	border-bottom:				5px solid olivedrab;
	position:					inline;
}
.title-row{
	background-color:			#ffffff;
	margin:						-65px 0 15px 0;
	padding:					10px 0;
	border-radius:				3px;
	box-shadow: 				0 0px 6px rgba(0, 0, 0, .6);
}
.title-name{
	font-family:				"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight:				bold;
	font-style:					normal;
	color:						dimgray;
	margin:						0;
	padding:					10px 5px;
	text-shadow: 				0 4px 6px rgba(0, 0, 0, .6);
	background-color:			;
}
.title-first-letter{
	color:						olivedrab;
}
.search{
	margin-top:					15px;
}
.social{
	padding:					20px 0 5px 0;
	background-color:			;
}
.social a{
	color:						darkgray;
}
a
.social a :visited {
	color:						olivedrab;
}
.fb a:hover,a:focus{
	color:						#3B5998;
	text-shadow:				none;
}
.tw a:hover,a:focus{
	color:						#55acee;
	text-shadow:				none;
}
.in a:hover,a:focus{
	color:						#0976b4;
	text-shadow:				none;
}
.g-plus a:hover,a:focus{
	color:						#dd4b39;
	text-shadow:				none;
}
.youtube a:hover,a:focus{
	color:						#b31217;
	text-shadow:				none;
}
.rss a:hover,a:focus{
	color:						#f26522;
	text-shadow:				none;
}/*End Styles for Title Name and Search Form*/

/*Start Styles for Navigation Bar*/
.navbar-inverse {
	background-color: 			olivedrab;
	border-color: 				olive;
	border-bottom:				8px solid dimgray;
	margin-top:					7px;
	margin-bottom:				0;
	padding-top:				7px;
    border-radius: 				4px 4px 0 0;
}
.navbar-inverse .navbar-brand {
	color: 						white;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
	color: 						#fff;
	background-color: 			transparent;
}
.navbar-inverse .navbar-text {
	color: 						olive;
}
.navbar-inverse .navbar-nav > li > a {
	margin-left:				5px;
	color: 						white;
	background-color: 			transparent;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
	color: 						darkgray;
	background-image: 			-moz-linear-gradient(top, darkgray, dimgray);
	background-image: 			-webkit-gradient(linear, 0 0, 0 100%, from(darkgray), to(dimgray));
	background-image: 			-webkit-linear-gradient(top, darkgray, dimgray);
	background-image: 			-o-linear-gradient(top, darkgray, dimgray);
	background-image: 			linear-gradient(to bottom, darkgray, dimgray);
	border-radius:				6px 6px 0 0;
	text-shadow: 				0 3px 7px rgba(0, 0, 0, .6);
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus {
	color: 						darkgray;
	background-image: 			-moz-linear-gradient(top, darkgray, dimgray);
	background-image: 			-webkit-gradient(linear, 0 0, 0 100%, from(darkgray), to(dimgray));
	background-image: 			-webkit-linear-gradient(top, darkgray, dimgray);
	background-image: 			-o-linear-gradient(top, darkgray, dimgray);
	background-image: 			linear-gradient(to bottom, darkgray, dimgray);
	border-radius:				6px 6px 0 0;
	text-shadow: 				0 3px 7px rgba(0, 0, 0, .6);
}
.navbar-inverse .navbar-nav > .active > a:hover{
	color: 						white;
	background-image: 			-moz-linear-gradient(top, silver, dimgray);
	background-image: 			-webkit-gradient(linear, 0 0, 0 100%, from(silver), to(dimgray));
	background-image: 			-webkit-linear-gradient(top, silver, dimgray);
	background-image: 			-o-linear-gradient(top, silver, dimgray);
	background-image: 			linear-gradient(to bottom, silver, dimgray);
	border-radius:				6px 6px 0 0;
	text-shadow: 				0 3px 7px rgba(0, 0, 0, .6);
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
	color: 						dimgray;
	background-color:		 	transparent;
}
.navbar-inverse .navbar-toggle {
	border-color: 				dimgray;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
	background-color: 			darkgray;
}
.navbar-inverse .navbar-toggle .icon-bar {
	color: 						white;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
	border-color: 				#101010;
}
@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 				-5px;
    margin-left: 				-5px;
  }
}
.navbar-collapse{
	padding-right:				0;
	padding-left:				0;
}
/*End Styles for Navigation Bar*/

/* === Carousel Styles Start === */
.carousel.fade {
	opacity: 					1;
}
.carousel.fade .item {
	-moz-transition: 			opacity ease-in-out .9s;
	-o-transition: 				opacity ease-in-out .9s;
	-webkit-transition: 		opacity ease-in-out .9s;
	transition: 				opacity ease-in-out .9s;
	left: 						0 !important;
	opacity: 					0;
	top:						0;
	position:					absolute;
	width: 						100%;
	display:					block !important;
	z-index:					1;
}
.carousel.fade .item:first-child {
	top:						auto;
	position:					relative;
}
.carousel.fade .item.active {
	opacity: 					1;
	-moz-transition: 			opacity ease-in-out .9s;
	-o-transition: 				opacity ease-in-out .9s;
	-webkit-transition: 		opacity ease-in-out .9s;
	transition: 				opacity ease-in-out .9s;
	z-index:					2;
} 
.carousel-caption {
	position:					absolute;
	right: 						15%;
	bottom: 					20px;
	left: 						15%;
	z-index: 					10;
	padding-top: 				20px;
	padding-bottom: 			20px;
	color: 						#fff;
	background-color:			transparent;
	text-align: 				center;
	text-shadow: 				0 3px 7px rgba(0, 0, 0, .9);
}
.carousel-caption h3{
	background-color:			transparent;
}
.carousel-caption .btn {
	text-shadow: 				none;
}
.carousel-indicators {
	position: 					absolute;
	bottom: 					10px;
	left: 						50%;
	z-index: 					15;
	width: 						60%;
	padding-left: 				0;
	margin-left: 				-30%;
	text-align: 				center;
	list-style: 				none;
}
.carousel-indicators li {
	display: 					inline-block;
	width: 						10px;
	height: 					10px;
	margin: 					1px;
	text-indent: 				-999px;
	cursor: 					pointer;
	background-color: 			#000 \9;
	background-color: 			rgba(0, 0, 0, 0);
	border:						2px solid olivedrab;
	border-radius: 				3px;
} 
}/*=== Carousel Styles End === */

/*Welcome Bar's Styles Starts*/
.welcome{
	padding-top:				15px;
}
.welcome p{
	text-align:					justify;
}
/*Social Bar CSS Starts*/
.social-row{
	margin-bottom:				15px;
}
.frnt-tw{
	margin-right:				0;
	margin-left:				0;
	margin-top:					0;
}
.front-g {
	margin-right:				0;
	margin-top:					12px;
}
.frnt-fb{
	margin-left:				5px;
}
.vd-frame{
	background-color:			darkgray;
	border:						3px solid dimgray;
	border-radius:				4px;
}/*Social Bar CSS ends*/
/* Impotanct Front FB like box CSS starts */
#fb-root {
	display: 					none;
}
.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] {
	width: 						100% !important;
}/* Impotanct Front FB like box CSS Ends */

/*Welcome Bar's Styles Ends*/

/* === Olive Button Styles Start === */
.btn-success {
	color: 						white;
	background-color: 			olivedrab;
	border: 					1px solid olive;
	box-shadow: 				0 2px 4px rgba(0, 0, 0, .3);
}
.btn-success:hover {
	color: 						white;
	background-color: 			dimgray;
	border-color: 				darkgray;
	box-shadow: 				0 3px 7px rgba(0, 0, 0, .9);
}
.btn-success:focus,
.btn-success.focus {
  color: 						#ffffff;
  background-color: 			#449d44;
  border-color: 				#398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: 						#ffffff;
  background-color: 			#449d44;
  border-color: 				#398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: 						#ffffff;
  background-color:				#398439;
  border-color: 				#255625;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: 			none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: 			#5cb85c;
  border-color: 				#4cae4c;
}
.btn-success .badge {
  color: 						#5cb85c;
  background-color: 			#fff;
}/* === Olive Button Styles End === */

/*Blog Role & News Update's CSS Starts*/
.blog{
	background-color:			#f5f5f5;
	padding-bottom:				20px;
}
.events,.news{
	padding:					0 6px;
}
.frnt-events>.first-1{
	background-color:			darkgray;
}
.frnt-events>.second-1{
	background-color:			gray;
}
.frnt-events>.third-1{
	background-color:			dimgray;
}
.frnt-events>.first-1 img,
.frnt-events>.second-1 img,
.frnt-events>.third-1 img{
	border:						5px solid white;
	margin:						10px 0 10px -5px;
}
.frnt-events h5{
	margin:						12px 0;
	font-size:					16px;
	color:						#ffffff;
}
.frnt-events a{
	color:						olivedrab;
}
.frnt-events a:hover, a:focus{
	color:						dimgray;
}
/*Blog Role & News Update's CSS Ends*/


/* === Features' and Portfolio's Styles Start === */
.bullet{
	background-color:			#f5f5f5;
}
.portfolio{
	background-color:			#fff;
	border:						none;
	padding-bottom:				15px;
}
.home-portfolio, .home-features{
	text-align:					center;
	font-family:				arial narrow;
	font-weight:				bold;
}/* === Features' and Portfolio's Styles End === */

/* === Thumbnail's Styles Start === */
.thumbnail{
	margin-top:					25px;
	padding: 					25px 5px 0 5px;
	background-color:			transparent;
	border:						none;
}
.img-thumbnail {
	max-width: 					100%;
	height: 					auto;
	padding: 					4px;
	line-height: 				1.42857143;
	background-color: 			olivedrab;
	border: 					2px solid olive;
	border-radius: 				4px;
	-webkit-transition: 		all .2s ease-in-out;
    -o-transition: 				all .2s ease-in-out;
    transition: 				all .2s ease-in-out;
}
.thumbnail .caption{
	text-align:					center;
}
.bullet i{
	color:						darkgray;
}
.bullet i:hover{
	color:						dimgray;
}
/* === Thumbnail's Styles End === */

/* === Common Styles Start === */
.pull-right{
	margin:						0 0 0 10px;
}
.pull-left{
	margin:						0 10px 0 0;
}
.carousel slide{
	margin-bottom:				15px;
}
.news{
	background-color:			;
	margin-top:					-15px;
	padding:					0;
}/* === Common Styles End === */

/* === Front Gallery Styles Start === */
.front-gallery{
	box-shadow: 				0 3px 7px rgba(0, 0, 0, .6);
	border-radius:				5px;
}/* === Front Gallery Styles End === */

/* === Heading Styles Start === */
h2{
	color:						dimgray;
	text-align:					center;
	text-shadow: 				0 3px 7px rgba(0, 0, 0, .6);
}
.carousel-inner h3{
	color:						white;
	text-align:					center;
	text-shadow: 				0 3px 7px rgba(0, 0, 0, .6);
}
h4 {
	color:						olivedrab;
	text-shadow: 				0 1px 5px rgba(0, 0, 0, .6);
}/* === Heading Styles End === */

/* === Olivedrab hr Styles Start === */
hr {
	margin-top: 				10px;
	margin-bottom: 				10px;
	border: 					0;
	border-top: 				1px solid olivedrab;
}	
.alert-success {
	color: 						#3c763d;
	background-color: 			#dff0d8;
	border-color: 				#d6e9c6;
}
.alert-success hr {
	border-top-color: 			#c9e2b3;
}
.alert-success .alert-link {
	color: 						#2b542c;
}/* === Olivedrab hr Styles End === */

.construction{
	color:						dimgray;
}

.modal-header{
	min-height: 				16.42857143px;
	padding: 					12px 10px 10px 12px;
	border-bottom: 				3px solid darkgray;
	border-radius:				0 6px 0 0;
}/* === Olivedrab hr Styles End === */

/* === Footer's Styles Start === */
.footer{
	background-color:			dimgray;
	margin-bottom:				;
	color:						#fff;
}
.footer a{
	color:						olivedrab;
	text-shadow: 				0 3px 7px rgba(0, 0, 0, .6);
}
.modal-footer {
  clear:						both;
  padding-bottom: 				10px;
  text-align: 					left;
  border-top: 					12px solid olivedrab;
}
.footer-up h4{
	color:						darkgray;
}
.footer-abt{
	text-align:					left;
}
.modal-footer .btn + .btn {
	margin-bottom: 				0;
	margin-left: 				5px;
}
.modal-footer .btn-group .btn + .btn {
	margin-left: 				-1px;
}
.modal-footer .btn-block + .btn-block {
	margin-left: 				0;
}
.history,.reach,.location, h4{
	text-shadow: 				0 3px 7px rgba(0, 0, 0, .6);
}
.mail a{
	color:						white;
	text-shadow:				none;
}
.mail, a:hover{
	color:						white;
	text-shadow: 				0 3px 7px rgba(0, 0, 0, .6);
	text-decoration:			none;
}
.footer-down{
	text-align:					center;
	color:						white;
	text-shadow: 				0 3px 7px rgba(0, 0, 0, .6);
}
.footer-down a{
	color:						olivedrab;
	text-shadow: 				0 3px 7px rgba(0, 0, 0, .6);
}
.footer-down a:hover{
	color:						darkgray;
	text-shadow: 				0 3px 7px rgba(0, 0, 0, .6);
	text-decoration:			none;
}/* === Footer's Styles End === */

/* === Back to Top Button's Styles Start === */
.back-to-top{
	font-family:				Trebuchet MS;
	color:						#ffffff;
	margin:						-21px 0 0 -18px;
	position:					absolute;
	background-color:			dimgray;
	border-bottom:				2px solid dimgray;
	border-left:				2px solid dimgray;
	border-right:				2px solid dimgray;
	padding:					0 3px;
	border-radius:				50px;
	left:						50%;
}
.back-to-top a{
	color:						darkgray;
	text-shadow: 				0 3px 7px rgba(0, 0, 0, .6);
}
.back-to-top, a:hover,a:focus{
	text-decoration:			none;
}
.back-to-top a:active{
	color:						gray;
}/* === Back to Top Button's Styles End === */

.trend a{
    color:						olivedrab;
	text-decoration: 			none;
}
a:hover, a:focus, a:active, a:visited{
	text-decoration: 			none;
} 
.trend img{
	border:						1px solid #ffffff;
}
.video{
	border:						1px solid #ffffff;
}
.vd{
	height:						180px;
	background-color:			#ffffff;
	padding:					10px 20px;
}
.vd i{
	color:						#b31217;
	position:					relative;
	margin-top:					-37px;
}
 .vd-bg{
	box-shadow: 				0 3px 7px rgba(0, 0, 0, .6); 
 }
.news-video{
	padding-bottom:				20px;
	background-color:			#f5f5f5;
}