body{
	/*background:url(../images/bg_body.jpg) repeat;*/
	background:url(https://limsinfo.org/wp-content/uploads/2016/01/islamic-background-pattern.png) repeat;
	font-family: 'Open Sans','sans-serif';
	color:#000000;
	font-size:14px;
	line-height:22px;
	font-weight: 400;
	
	}
*{
	padding:0;
	margin:0;
	}
a{
	text-decoration:none;
}
.clr{ 
	clear:both;
}
@font-face {
	font-family:"Open Sans Bold";
	src:url("../fonts/OpenSans-Bold.eot?") format("eot"),url("../fonts/OpenSans-Bold.woff") format("woff"),url("../fonts/OpenSans-Bold.ttf") format("truetype"),url("../fonts/OpenSans-Bold.svg#OpenSans-Bold") format("svg");
	font-weight:normal;
	font-style:normal;
	}
@font-face {
    font-family: 'oswaldbook';
    src: url('../fonts/oswald-regular-webfont.eot');
    src: url('../fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oswald-regular-webfont.woff2') format('woff2'),
         url('../fonts/oswald-regular-webfont.woff') format('woff'),
         url('../fonts/oswald-regular-webfont.ttf') format('truetype'),
         url('../fonts/oswald-regular-webfont.svg#oswaldbook') format('svg');
    font-weight: normal;
    font-style: normal;

}
.banner .prayertable .table {
    margin-bottom: 0px;
}
/*===================
	header
===================*/
.header{
	margin:0 auto;
	overflow:hidden;
	}
/******************
    Main Nav
******************/
.mainNav {
	width: 100%;
   	background:url(../images/bg_mainnav.gif) repeat-x;
}
.navigation {
	width: 100%;
	margin: 0px;
	padding: 0px;
	background: #1c1c1c;
}
.navbar-inverse {
	border-color: #080808;
}
.navbar-inverse .navbar-nav > li > a {
	font-size:14px;
	line-height:38px;
	color:#FFF;
	font-family: 'oswaldbook','Open Sans','sans-serif';
	padding: 0 8px;
	display: block;
	border-right-width: 1px;
	border-right-color: white;
	border-right-style: dotted;
}
.navbar-inverse {
	background: none !important;
	border: none;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
	/*	background: rgb(67,67,68);  Old browsers 
	background: -moz-linear-gradient(top,  rgba(67,67,68,1) 0%, rgba(101,101,102,1) 44%, rgba(67,67,68,1) 100%);  FF3.6+ 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(67,67,68,1)), color-stop(44%,rgba(101,101,102,1)), color-stop(100%,rgba(67,67,68,1)));  Chrome,Safari4+ 
	background: -webkit-linear-gradient(top,  rgba(67,67,68,1) 0%,rgba(101,101,102,1) 44%,rgba(67,67,68,1) 100%);  Chrome10+,Safari5.1+ 
	background: -o-linear-gradient(top,  rgba(67,67,68,1) 0%,rgba(101,101,102,1) 44%,rgba(67,67,68,1) 100%);  Opera 11.10+ 
	background: -ms-linear-gradient(top,  rgba(67,67,68,1) 0%,rgba(101,101,102,1) 44%,rgba(67,67,68,1) 100%);  IE10+ 
	background: linear-gradient(to bottom,  rgba(67,67,68,1) 0%,rgba(101,101,102,1) 44%,rgba(67,67,68,1) 100%);  W3C 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434344', endColorstr='#434344',GradientType=0 );  IE6-9 */
	color: #c10032;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background:#FFF;
}
.navbar {
	padding:7px 0px 0px 0px;
	border: 1px solid transparent;
	margin-bottom: 0;
	min-height: 52px;
	position: relative;
	z-index: 1000;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{
	background-color:#FFF;
	color: #c10032;
	}
/*===================
	banner
===================*/
.banner{
	margin:0 auto;
	}
.bannerIn{
	background:#EEFDBC;
	padding:8px 20px 8px 8px;
	}
h1, .h1, h3, .h3{font-family: 'oswaldbook','Open Sans','sans-serif';}
.prayertable td{
	font-size:12px;
	font-family: 'Open Sans','sans-serif';
	color:#000;
	}
.prayertable th{
	line-height:14px;
	text-transform:uppercase;
	text-align:center;
	font-size:14px;
	font-weight:normal;
	font-family: 'Open Sans','sans-serif';
	color:#FFF;
	}
.prayertable p{
	line-height:18px;
	text-transform:uppercase;
	text-align:center;
	font-size:15px;
	font-weight:normal;
	font-family: 'Open Sans','sans-serif';
	color:#000;
	}
.prayertable p a{
	color:#aeea60;
	}
tr.azan{
	background:#c10032 !important;
	}
.azan{
	line-height:16px;
	background:#4a8a00;
	color:#FFF;
	font-size:18px;	
	font-family: 'Open Sans','sans-serif';
	}
.azan th{
	font-weight:normal;
	padding:2px 6px !important;
	}
.fajr{
	background:#FFF;
	color:#262626; 
	font-size:14px;
	font-family: 'Open Sans','sans-serif';
	}
.fajr td, .zuhr td, .asr td, .magrib td, .isha td{
	padding:3px 6px !important;
	}
.zuhr{
	background:#a8d772;
	color:#262626;
	font-size:14px;
	font-family: 'Open Sans','sans-serif';
	}
.asr{
	background:#f1f1f1;
	color:#262626;
	font-size:14px;
	font-family: 'Open Sans','sans-serif';
	}
.magrib{
	background:#a8d772;
	color:#262626;
	font-size:14px;
	font-family: 'Open Sans','sans-serif';
	}
.isha{
	background:#f1f1f1;
	color:#262626;
	font-size:14px;
	font-family: 'Open Sans','sans-serif';
	}
.jummah{
	background:#088f02;
	color:#FFF;
	font-size:14px;
	font-family: 'Open Sans','sans-serif';
	}
.jummah td{
	padding:3px 6px !important
	}
/*===================
	slideshow
===================*/
.slideshow{
	margin:0 auto;
	overflow:hidden;
	border-bottom:3px solid #e2e1e1;
	background:#FFF;
	}
.slideIn{
	overflow:hidden;
	position:relative;
	padding:20px 0px 25px 25px;
	}
.slideIn ul{
	padding:0px 0px 0px 15px;
	}
.slideIn ul li{
	float:left;
	padding:0px 28px 0px 0px;
	list-style:none;
	}
.slideshow h3 {
padding: 20px 0 10px 45px;
margin: 0px;
line-height: 34px;
text-align: left;
text-transform: uppercase;
font-size: 30px;
font-family: "Open Sans";
border-bottom: 2px solid #e2e1e1;
color: #101010;
}
.scroller{
	
	}
.scroller ul li{
	padding:0px 20px 0px 0px;
	}
a.scrolerLeft{
	width:23px;
	height:38px;
	position:absolute;
	left:10px;
	top:90px;
	cursor:pointer;
	background:url(../images/leftscroller.png) no-repeat;
	}
a.scrolerRight{
	width:23px;
	height:38px;
	position:absolute;
	right:8px;
	top:90px;
	cursor:pointer;
	background:url(../images/rightscroller.png) no-repeat;
	}
/*===================
	mainPage
===================*/
.mainPage{
	margin:0 auto;
	padding:15px 10px 20px 25px;
	overflow:hidden;
	background:#EEFDBC;
	}
/*==================
	welcome
===================*/
.welcome{
	overflow:hidden;
	padding:0px 0px 15px 0px;
	background: #EEFDBC;
	}
.welcome h3{
	margin:0px;
	padding:20px 0px  0px 20px;
	text-align:left;
	line-height:28px;
	font-family: 'oswaldbook','Open Sans','sans-serif';
	font-size:24px;
	color:#c10032;
	}
.welcome h3 span{
	text-align:left;
	line-height:28px;
	font-family: 'Open Sans','sans-serif';
	font-size:24px;
	color:#101010;
	}
.welcome p {
	padding: 20px 20px 10px 20px;
	text-align: justify;
	font-family: 'Open Sans','sans-serif';
	color: #262626;
}
.newsEvents{
	width: 100%;
	overflow: hidden;
	padding:0px 15px 20px 0px;
	}
.newsEvents h3{
	text-align:left;
	line-height:28px;
	font-family: 'oswaldbook','Open Sans','sans-serif';
	font-size:24px;
	color:#4f8910;
	}
.newsEvents h4{
	text-align: left;
}
.newsEvents h4 a{
	text-align:left;
	line-height:28px;
	font-family: 'Open Sans','sans-serif';
	font-size:18px;
	color:#ea0337;
	}
.newsEvents .date {
    color: #c0c0c0 !important;
	}
.newsEvents h3 span{
	text-align:left;
	line-height:28px;
	font-family: 'Open Sans','sans-serif';
	font-size:24px;
	color:#101010;
	}
.newsEvents p{
	padding: 0 10px;
	font-size:14px;
	color:#262626;
	}
.newsEvents img{
	padding:0px 20px 2px 0px;
	width: 50%;
	height: auto;
	display: inline-block;
	/*float:left;*/
	}
.newsList{
	border-bottom:1px solid #e6e6e6;
	}
.newsList h4{
	text-align:left;
	font-family: 'Open Sans','sans-serif';
	color:#000;
	}
.newsList p{
	padding:0px 0px 10px 0px;
	text-align:justify;
	font-family: 'Open Sans','sans-serif';
	color:#262626;
	}
.newsList img{
	float:left;
	padding:0px 15px 0px 0px;
	}
a.readMore{
	float:right;
	padding:4px;
	margin:-12px 0px 0px 0px;
	font-family: 'Open Sans','sans-serif';
	font-size:13px;
	color:#57573a;
	text-decoration:none;
	background:#d9d9d9;
	}
a.readMore:hover{
	text-decoration:none;
	}
.newsEventsIn{
	margin:0px 0px 15px 0px;
	border:1px solid #BED472;
	/*padding-right: 70px;*/
	text-align: center;
	background:#FFFFCC;
	}
/*===================
	sidebar
===================*/
.sidebar{
	
	}
.serviceList{
	padding:10px;
	background:none;
	margin: 15px 0px 0px 0px;
	}
.serviceList ul{
	margin:0px;
	padding:0px;
	}
.serviceList ul li{
	padding:0px 0px 5px 10px;
	width:98%;
	list-style:none;
	border-bottom:1px solid #6ea133;
	}
.serviceList li a{
	padding:0px 0px 5px 10px;
	margin:0px 0px 12px 0px;
	line-height:18px;
	text-align:left;
	font-family: 'Open Sans','sans-serif';
	font-size:13px;
	text-decoration:none;
	color:#FFF;
	background:url(../images/servicesList.jpg) no-repeat left center;
	}
.serviceList li a:hover{
	text-decoration:none;
	}
.donate{
	margin:15px 0px 0px 0px;
	}
.donate img{

	width: 100%;
}
.gallery{
	margin:15px 0px 0px 0px;
	}
.gallery h3{
	text-align:left;
	line-height:28px;
	font-family: 'Open Sans','sans-serif';
	font-size:24px;
	color:#808080;
	}
.gallery h3 span{
	text-align:left;
	line-height:28px;
	font-family: 'Open Sans','sans-serif';
	font-size:24px;
	color:#101010;
	}
.gallery ul{
	margin:0px;
	padding:0px;
	}
.gallery ul li{
	float:left;
	margin:0px 8px 6px 0px;
	list-style:none;
	}
.ayat {
	 
	/*border: 1px solid #e3e3e3;
	border-radius: 8px;
	background: #F2FFF3;*/
}
.ayat h3 {
	padding: 8px 0px;
	margin: 0px;
	text-align: left;
	text-transform: capitalize;
	line-height: 30px;
 	font-family: "Open Sans Bold";
	color: #4a8a00;
}
.ayat h4{
	padding: 8px 0px;
	margin: 0px;
	text-align: left;
	text-transform: capitalize;
	line-height: 26px;
	font-size: 18px;
	font-family: "Open Sans Bold";
	color: #000;
}
.ayat p {
	padding:0px 0px 8px 0px;
	line-height: 23px;
	text-align: left;
	font-size: 14px;
	color: #000;
	font-family: 'Open Sans','sans-serif';
}
.ayat p a{
	text-decoration:underline;
	color:#c10032;
	}
.ayat p a:hover{
	text-decoration:none;
	}
.iafw h3 {
	line-height: 35px;
	text-align: left;
	font-size: 30px;
	color: #000;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
}
.iafw p {
	line-height: 22px;
	text-align: left;
	font-size: 18px;
	color: #000;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
}
/*===================
	footer
===================*/
.footer{
	margin:0 auto;
	overflow:hidden;
	background:url(../images/bg_footer.jpg) repeat-x;
	}
ul.sociallist{
	padding:30px 0 0 20px;
	}
ul.sociallist li{
	margin:0 0 0 10px;
	float:left;
	list-style:none;
	}
.footerText{
	padding:30px 30px 0 0px;
	}
.footerText p{
	line-height:20px;
	font-family: 'Open Sans','sans-serif';
	font-size:14px;
	text-align:right;
	}
.footerText p a{
	color:#4f8910;
	text-decoration:underline;
	}
.footerText p a:hover{
	text-decoration:none;
	}
@media (max-width: 1199px) {
	#slideshow{
		display:none;	
	}
	.footer{
		padding:10px 0px;
		background:#E2E2E2;	
	}
}
@media screen and (max-width: 400px) {
	.navbar-inverse .navbar-nav > li > a {
		font-size:13px;
		line-height:35px;
		color:#fff;
		font-family: 'Open Sans','sans-serif';
		padding:0 12px;
		display:block;
	}
	ul.sociallist {
		padding: 6px 0 0 20px;
		overflow:hidden;
	}
	
	.ramadan-countdown{
        background-repeat:  repeat !important;
        height: 100% !important;
    }
    h3.ramadan-timer { 
        font-size: 20px !important;
    }
    .timer-block {
        margin-top: 4px !important;
    }

}
@media (max-width: 768px) {
	.footerText {
		padding: 0 30px 0 0;
	}
	.ramadan-countdown{
        background-repeat:  repeat !important;
        height: 100% !important;
    }
    h3.ramadan-timer { 
        font-size: 20px !important;
    }
    .ramadan-countdown h4 {
        margin-top: 0px;
    
    }
}
@media (max-width: 800px) {
	.footerText {
		padding: 0 30px 0 0;
	}
}
@media (max-width: 980px) {
	.footerText {
		padding: 0 30px 0 0;
	}
}





b, strong {
     
    padding-left: 5px;
}


.services {
	
	 
    font-size: 13px;
	padding-left: 35px;
    padding-top: 15px;
	margin-left: 15px;
	}
	
	
.announ {
	
	float:right;
	}	
	
	
	
	
	.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    /* height: auto; */
    line-height: 1;
}

.ramadan-countdown{
    padding:5px 10px;
    background-image:url(../images/count-down-bg.png);
    background-position: left top;
    background-repeat:  repeat-x;
    
    height: 103px;
    color:#fff;
}
.ramadan-countdown h4 {
    color:#ffe63f;
    text-transform:uppercase;
}
.timer-block {
    border: 1px solid #fff;
    padding: 10px;
    border-radius: 5px;
    margin-top: 20px;
}

h3.ramadan-timer {
    color:#fdde63;
    font-size:32px;
    margin: 0px;
}

h3.ramadan-timer span{
    font-size:16px;
    color:#fff;
    font-weight:400;
}
.home-video-list{
    width: 100%;
    padding: 0 1px 0 0;
    overflow: hidden;
}
.home-video-list ul {
    width: 100%;
    padding: 0;
    margin: 0;
}
.home-video-list ul li {
    width: 33.1%;
    padding: 0 10px 0 0;
    float: left;
    list-style: none;
}
.home-video {
    width: 100%;
    padding: 0px 15px 0 0;
    margin: 0 0 20px 0;
    overflow: hidden;
}
.home-video p {
    min-height: 60px;
    font-weight: 700;
    font-size: 11px;
}
.home-video p a {
    text-decoration: none;
    color: #353535;
}
.home-video p a:hover {
    text-decoration: none;
}
.home-video-responsive{
    overflow:hidden;
    padding-bottom:55%;
    position:relative;
    height:0;
}
.home-video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.home-video h4 {
    text-align: left;
    line-height: 28px;
    font-family: 'Open Sans','sans-serif';
    font-size: 18px;
    color: #ea0337;
}
.home-video h3 {
    text-align: left;
    font-family: 'Open Sans','sans-serif';
    font-size: 20px;
	font-weight: 600;
    line-height: 25px;
    color: #353535;
}
ul.jamaat-list {
	width: 100%;
	padding: 0;
	margin: 20px 0 0 0;
	overflow: hidden;
}
ul.jamaat-list li {
	padding: 0;
	margin-right: 10px;
	list-style: none;
	display: inline-block;
}
.btn_channel {
    width: 100%;
    overflow: hidden;
    text-align: center;
}
.btn_channel a {
    padding: 7px 20px 5px 20px;
    display: inline-block;
    text-decoration: none;
    /*-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;*/
    text-transform: uppercase;
    color: #fff;
    /*background: #cb9531;*/
}
.btn_channel a:hover{
    text-decoration: none;
    color: #fff;
}
.announcement {
    margin: 0;
    padding: 10px;
    width: 100%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    display: table;
}
.announcement p{
	padding: 10px;
	text-align: left;
}
.announcement-row:nth-of-type(odd) {
    background: #4A8A00;
}
.announcement-row:nth-of-type(even) {
    background: #A8D772;
}
.row.announcement-header {
    font-weight: 900;
    color: #ffffff;
}
.announcement-row.green {
    background: #27ae60;
}
.announcement-row {
    display: table-row;
    background: #f6f6f6;
}
.announcement-cell {
    padding: 6px 12px;
	font-size: 16px;
    font-weight: 700;
    line-height: 38px;
    text-align: left;
    color: #FFF;
    display: block;
    border-right-width: 1px;
    border-right-color: white;
    border-right-style: dotted;
    display: table-cell;
}
.announcement-cell:nth-of-type(even) {
    border-right-width: 0px;
    border-right-color: white;
    border-right-style: dotted;
}
.announcement-row.announcement-header {
    font-weight: 900;
    color: #ffffff;
}

.donation-new-page {
    display: block;
    text-align: left;
    margin-bottom: 21.74px;
    max-width: 100%;
}
.donation-new-page .btn-one {
    color: #fff;
    border: none;
    background-color: #00c1cf;
    background-image: -webkit-linear-gradient(left, #00c1cf 0%, #5472d2 50%,#00c1cf 100%);
    background-image: linear-gradient(to right, #00c1cf 0%, #5472d2 50%,#00c1cf 100%);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background-size: 200% 100%;
    
    font-size: 16px;
    padding: 18px 25px;
    
    border-radius: 5px;
    box-sizing: border-box;
    word-wrap: break-word;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    
    display: block;
    text-align: center;
}
.donation-new-page .btn-one:hover {
    color: #fff;
    background-color: #5472d2;
    border: none;
    background-position: 100% 0;
}

.donation-new-page .btn-two {
    color: #fff;
    border: none;
    background-color: #cec2ab;
    background-image: -webkit-linear-gradient(left, #cec2ab 0%, #50485b 50%,#cec2ab 100%);
    background-image: linear-gradient(to right, #cec2ab 0%, #50485b 50%,#cec2ab 100%);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background-size: 200% 100%;
    
    font-size: 16px;
    padding: 18px 25px;
    
    border-radius: 5px;
    box-sizing: border-box;
    word-wrap: break-word;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    
    display: block;
    text-align: center;
}
.donation-new-page .btn-two:hover {    
    color: #fff;
    background-color: #50485b;
    border: none;
    background-position: 100% 0;
}

.donation-new-page .btn-withpaypal {
    color: #fff;
    border: none;
    background-color: #31B1F0;
    
    font-size: 16px;
    padding: 18px 25px;
    
    border-radius: 5px;
    
    display: block;
    text-align: center;
}
.donation-new-page .btn-withpaypal:hover {
    color: #fff;
    background-color: #0297D8;
    border: none;
}

.mobile-donate {
    width: 100%;
    margin: 30px 0 20px 0;
    overflow: hidden;
    display: none;
}
.navbar-collapse {
    max-height: unset !important;
}
.home-social {
    position: absolute;
    top: 20px;
    right: 10px;
}
.home-social h4 {
   display: inline-block; 
}
.home-social ul {
    width: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
}
.home-social ul li {
    list-style: none;
    display: inline-block;
}
.home-social ul li:last-child a {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
    background: red;
    border: 1px solid red;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

@media (max-width: 767px){
    .home-video-list ul li {
        width: 100%;
        padding: 0 15px 0 0;
    }
    .home-social {
        position: unset;
        top: 0;
        right: 0;
        margin: 10px 0 0 20px;
    }
    .home-social ul li {
        float: left;
        margin: 0 2px 0 0;
        display: block;
    }
    .home-social ul li img {
        height: 18px;
    }
    .home-social ul li:last-child a {
        margin-top: -3px;
        padding: 3px;
        font-size: 5px;
        text-transform: uppercase;
        font-weight: 700;
        background: red;
        border: 1px solid red;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
    }
}