/*
Theme Name: e-quran
Author: Yusuf Jameel
Author URI: 
Description: A smooth Theme
Version: 1.0.11
*/

@charset "utf-8";

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
@import 'flexvideo.css';
@import 'fix-bootstrap.css';



img.aligncenter {
	display: block;
	margin: 0 auto;
}



/* ancient-browser-alert error */
.ancient-browser-alert {
	background: #a00;
	color: #faa;
	display: block;
	padding: 3px 0;
	text-align: center;
}
.ancient-browser-alert a {
	color: #fff;
	text-decoration: underline;
}



.page-header-top-right {
	margin-top: 10px;
}



.pagination {
	margin: 0;
}



.pagination-center {
	text-align: center;
}
.pagination-row {
	margin-bottom: 20px;
}



.required {
	color: #f00;
}



.row-with-vspace {
	margin-bottom: 20px;
}



.site-main .format-aside {
	background: #f5f5f5;
}
.site-main .format-image {
	background: url('../img/content-post-format-image.png') left top no-repeat;
}
.site-main .format-link {
	background: url('../img/content-post-format-link.png') left top no-repeat;
}
.site-main .format-quote {
	background: url('../img/content-post-format-quote.png') left top no-repeat;
}
.site-main .format-video {
	background: url('../img/content-post-format-video.png') left top no-repeat;
}



.site-title {
	margin-bottom: 0;
	margin-top: 10px;
}
.site-title > a {
	text-decoration: none;
}
.site-title > div {
	height: auto;
	line-height: 18px;
}
.site-title .site-description {
	color: #999;
	font-size: 16px;
}
.site-title .site-title-heading {
	margin: 0;
}



.widget_calendar #wp-calendar {
	margin: 0;
}
.widget_calendar #wp-calendar #next {
	text-align: right;
}



#comments .comment-navigation {
	margin-bottom: 0;
}
#comments .comment-navigation-below {
	margin-bottom: 20px;
	margin-top: 15px;
}
#comments .media-list li .media {
	margin-top: 15px;
}
#comments .media-list li .media .media-body {
	border: 1px solid #eee;
	padding: 10px;
}
#comments .media-list li .media .media-body .comment-author {
	font-size: 12px;
	margin-bottom: 10px;
}
#comments .media-list ul.children {
	list-style: none;
	margin-left: 2.5em;
}


#main-column .wp-video-shortcode {
	display: block;
	height: auto;
	max-width: 100%;
}
#main-column .attachment .entry-content {
	margin-bottom: 20px;
}
#main-column .attachment .entry-content .attachment {
	text-align: center;
}
#main-column .attachment .entry-meta {
	margin-bottom: 20px;
}
#main-column .post,
#main-column .page {
	border: 1px solid #eee;
	margin-bottom: 20px;
	padding: 10px;
}
#main-column .post .entry-header .entry-meta {
	color: #999;
}
#main-column .post .entry-header .entry-meta a {
	color: inherit;
}
#main-column .post .entry-header .entry-meta .posted-on .updated {
	display: none;
}
#main-column .post .entry-meta .categories-icon {
	cursor: default;
}
#main-column .post .entry-meta .comments-link a {
	color: #333;
}
#main-column .post .entry-meta .comments-link a .comment-icon .comment-total,
#main-column .page .entry-meta .comments-link a .comment-icon .comment-total {
	color: #555;
	font-size: 12px;
	margin-left: 5px;
}
#main-column .attachment .edit-post-link a, 
#main-column .attachment .entry-meta .edit-post-link a, 
#main-column .post .entry-meta .edit-post-link a,
#main-column .page .entry-meta .edit-post-link a {
	color: #333;
}
#main-column .post .entry-meta .tags-icon {
	cursor: default;
}
#main-column .attachment .entry-title, 
#main-column .post .entry-title,
#main-column .page .entry-title {
	margin-top: 0;
	word-wrap: break-word;
}



#sidebar-left .widget,
#sidebar-right .widget {
	border: 1px solid #eee;
	margin-bottom: 20px;
	overflow: hidden;
	padding: 10px;
}
#sidebar-left .widget ul,
#sidebar-right .widget ul {
	padding-left: 20px;
}
#sidebar-left .widget .widget-title,
#sidebar-right .widget .widget-title {
	font-size: 18px;
	margin-top: 0;
}



#site-footer {
	background: #f5f5f5;
	border-top: 3px solid #ddd;
	font-size: 12px;
	padding: 10px;
}



h1, h2, h3, h4, h5, h6 {
	color: #32383C;
	font-weight: 700;
	font-family: "Lato", sans-serif;
}

.breadcumb-section h1, .breadcumb-section p, .breadcumb-section a {
	color: #fff;
	margin-bottom: 0;
}

h1 {
	font-size: 48px;
	line-height: 1.0833333333333333;
	margin-bottom: 0.5416666666666666em;
}

.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
}

.nav-grey{    background-color: #e4e4e4;}
/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}








.fixed_header{
	position: fixed;
	z-index: 3;
	width: 100%;
	background-color: #fff;
	top: 0px;
}
.service{    margin-top: 15px;
    color: #fff;
    font-size: 14px;
}
.padding_top,.entry-header{
	padding-top: 175px;
}
.well_border{
	border:20px solid #D2F4D6 !important;
}
.yellow_row{
	background-color:#fcf6e4;
}
#about #post-0 ul li{
	margin:0 !important;
}



/*small widget*/
#green_text table tr td a, #green_text table tr td{
	color:#099600 !important;
	text-align:left;
	padding:25px;
	text-decoration:none;
}
#green_text table td:hover { 
   background-color: #B7B7B71A;
}

.skype{
	background-color:#3aa2f1;
	padding:10px;
	margin-bottom:10px;
}
.skype h3{
	color:#fff;
	margin:0px;
}
.skype_main{
	overflow:hidden;
}
.skype_main ul li{
	float: left;
	list-style: none;
	font-size: 18px;
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 30px;
	border-right:1px solid #000;
}
.skype_main ul li a{
	color:#000;
	text-decoration:none;
}
.skype_main ul li:last-child{
	border-right:0px solid #000 !important;
}


#aniimated-thumbnials a{
	text-decoration:none;
}
/* #aniimated-thumbnials p{
	display: inline-block;
} */
.para_number{
	display: inline-block;
text-align: center;
}
.thumb-img
{
	height: 155px;
	background-size: cover;
}


ul li.blog_li {
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
    clear: both;
	list-style: none;
}
.well-payfee {margin-bottom: 5rem !important;}
.blog_thumb_left {
    display: table-cell;
    vertical-align: top;
    width: 100px;
}
.blog_thumb_left a {
    display: block;
    margin-right: 10px;
}
.blog_thumb_left img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover;
    object-position: top center;
}
.blog_thumb_right {
    display: table-cell;
    vertical-align: top;
}
.widget-date-cat, .widget-date-cat a {
    font-size: 13px;
}







.post-content-text{
	width: 87%;
}
.blog-title {
    margin-top: 5px !important;
    margin-bottom: 10px !important;
	clear: both;
color: #3aa2f1 !important;
font-weight: 700 !important;
}
.blog-title a {
    font-size: 22px;
    line-height: 26px;
	color: #3aa2f1 !important;
	text-decoration:none;
}
p.blog-short-content {
	line-height: 20px;
	font-size: 14px;

}
.blog-col-0 {
    padding-bottom: 40px;
    border-bottom: 1px solid #d1d1d1;
	overflow: hidden;
	padding-top: 40px;
}




.f_link a{
padding: 7px 0px;
text-decoration: none !important;
color: rgb(90, 90, 90);
border: 1px solid rgb(0, 0, 0);
border-radius: 25px;
text-align: center;
margin-right: 5px;
float: none !important;
display: block;
width: 35px;
height: 35px;
padding-top: 10px;
margin-left: 45px !important;
}

.f_link a:hover{
color: #FFF;
background: #3aa2f1;
border-color: #3aa2f1;
}

/*video*/

.video-section .pattern-overlay {
background: rgba(71, 71, 71, 0.59);
padding: 110px 0 32px;
min-height: 496px; 
/* Incase of overlay problems just increase the min-height*/
}
.video-section h1, .video-section h3{
text-align:center;
color:#fff;
}
.video-section h1{
font-size:110px;
font-family: 'Buenard', serif;
font-weight:bold;
text-transform: uppercase;
margin: 40px auto 0px;
text-shadow: 1px 1px 1px #000;
-webkit-text-shadow: 1px 1px 1px #000;
-moz-text-shadow: 1px 1px 1px #000;
}
.video-section h3{
font-size: 25px;
font-weight:lighter;
margin: 0px auto 15px;
}
.video-section .buttonBar{display:none;}
.player {font-size: 1px;}


/*video page*/
.gallery
{
    display: inline-block;
    margin-top: 20px;
	width: 100%;
}
#video .thumbnail{
	border:none !important;
}
#video h2{
	margin-top: 30px;
margin-bottom: 30px;
color: rgb(58, 162, 241);
text-align:center;
}

/*downloads*/
#download h2{
	margin-top: 30px;
margin-bottom: 30px;
color: rgb(58, 162, 241);
text-align:center;
}
#download .nav {
    background: none;
    height: auto;
}
#download .well{
	background: rgba(245, 245, 245, 0.53);
	border: 2px solid #3aa2f1;
	padding: 10px;
}
#download .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #FFF;
    cursor: default;
    background: #3aa2f1;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}
#download .nav > li {
	padding-left: 0px !important;
	font-weight: bold;
	font-size: 15px;
}

/*contact*/
#contact{
	margin-bottom:30px;
}
#contact .well{
	overflow: hidden;
background: rgba(245, 245, 245, 0.53);
	border: 1px solid #3aa2f1;
}
#contact h2{
	margin-top: 30px;
margin-bottom: 30px;
color: rgb(58, 162, 241);
text-align:center;
}
#contact form input, #contact form textarea, .Submit_modal{
	border: 1px solid rgba(90, 179, 248, 0.41) !important;
	background:#fff !important;
}
.contact_no small{
	margin-left:20px;
}

/*fee page*/

#fee h2{
	margin-top: 30px;
margin-bottom: 30px;
color: rgb(58, 162, 241);
text-align:center;
}
#fee > p{
	font-size: 18px;
	text-align: center;
}
#fee .well{
	background: rgba(245, 245, 245, 0.53);
	border: 1px solid #3aa2f1;
}
#fee .nav {
    background: none;
    height: auto;
}
#fee .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #FFF;
    cursor: default;
    background: #3aa2f1;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}
#fee .nav > li {
    padding-left: 0px !important;
}

/*faq page*/
#faq .panel-default > .panel-heading {
    color: #333;
    background: rgba(178, 219, 249, 0.08);
    border-color: #b2dbf9;
}
#faq .panel-default {
    border-color: rgba(58, 162, 241, 0.57);
}
#faq h2{
	margin-top: 30px;
margin-bottom: 30px;
color: rgb(58, 162, 241);
text-align:center;
}
#faq .panel-title > a{
    text-decoration: none;
	color:#337ab7;
}
#faq .panel-title > a:hover{
	color:#000;
}


/*about page*/


#about{
	margin-bottom:0px;
}
#about .well {margin-bottom: 0px;}


.padding-top-70{padding-top: 70px;}

#about h2{
	color: #3aa2f1;
	font-weight: bold;
	margin-top: 40px;
	margin-bottom: 30px;
	text-align: center;
}
#about h4{
	margin-top: 30px;
	color: rgb(58, 162, 241);
	text-align: left;
}
#about .well{
	background: rgba(245, 245, 245, 0.53);
	border: 1px solid #3aa2f1;
}
#about .fa-square{
	color:#3aa2f1;
	margin-right:10px;
}
#about ul li{
	margin-top:8px;
	margin-bottom:8px;
	list-style: none;
}
.modal-header{
	background:#3aa2f1;
	text-align:center;
	color:#fff;
	
}
.modal-title {
    margin: 0;
    line-height: 1.42857143;
    font-weight: bold;
    font-size: 24px;
}
.complaint{
	font-size:30px !important;
	color:#3aa2f1;
	text-align:center;
	padding:20px;
}

#about .well-model {
    background: rgba(245, 245, 245, 0.53);
    border: 1px solid #3aa2f1;
}
#about .well-model {
    margin-bottom: 0px;
}


.close_button{
	background:#3aa2f1 !important;
	color:#fff !important;
}
#modal_form form input, #modal_form form textarea, .Submit_modal{
	border: 1px solid rgba(90, 179, 248, 0.41) !important;
	background:#fff !important;
}
.Submit_modal:hover{
	background:#3aa2f1 !important;
	color:#fff !important;
}

.page-banner { position: absolute;
top: 20%;
width: 100%;}

.page-banner p{
font-size: 19px !important;
text-shadow: 2px 2px 2px #000 !important;
}
.page-banner h1{
text-shadow: 2px 2px 2px #000!important;	
}


/*about end*/

.mission_bg{
	background: rgba(0, 0, 0, 0.05);
padding-bottom: 65px;
padding-top: 80px;
}

.mission_bg h3{
	color: rgb(58, 162, 241);
	font-weight: bold;
}

.tajweed_bg{
	padding-bottom: 65px;
padding-top: 80px;
}

.tajweed_bg h3{
	color: rgb(58, 162, 241);
	font-weight: bold;
}

.whyeq_bg{
	background: rgba(0, 0, 0, 0.05);
	padding-bottom: 65px;padding-top: 80px;
}

.whyeq_bg h3{
	color: rgb(58, 162, 241);
	font-weight: bold;
}
.content_section{
	margin-bottom:40px;
}

.green_bg{
	background:#3aa2f1;
	padding-bottom:40px;
	padding-top:40px;
}
.green_bg h4{
	color:#fff;
	text-align:center;
	font-size:30px;
}
.green_submit{
	color: #fff;
background: #000;
border-color: #ccc;
width: 200px;
margin: auto;
display: block !important;
}
.green_submit:hover{
	color: #FFF !important;
	background: transparent;
	border: 1px solid #FFF;
}
#footer_contact p{
	color:#fff;
	font-size:16px;
	text-align:center;
}
#footer_contact p img{
	margin-right:10px;
}


/*end*/

.read_more{
	color:#fff;
	background:#3aa2f1 !important;
	border:1px solid #ccc;
	display: block !important;
	margin: auto;
	padding: 7px 15px;
	font-size: 16px;
}
.read_more:hover{
	color:#fff !important;
}
.icon-bar{
	background:rgb(58, 162, 241);
}
.services .col-sm-2{
	background: rgb(58, 162, 241);
	padding: 30px;
	color: #fff;
	border-right: 1px solid #fff;
	text-align: center;
	height: 150px;
	padding-top: 60px;
	width: 14.2%; 
}

.services .col-sm-2 a{
	color: #fff !important;
	text-decoration:none;
}

.services .col-sm-2 a:hover{
	color: #052741 !important;
}

#menu li a{
	text-align:center;	color: #717171;
}#menu li a:hover{	/* border-top: 5px solid #4D4D4D1A; */}


#menu li a:hover{
	color: #008aff;
	border-top: 5px solid #ccc;
	padding-top: 10px;
}
.icon_place > .fr a{
	padding: 10px;
	border: 1px solid rgb(204, 204, 204);
	border-radius: 100%;
	width: 30px !important;
	height: 22px;
	margin-right: 8px;
	color: #943cea;
	text-decoration: none;
	font-size: 12px;
}
.icon_place > .fr a:hover{
	color: #24abe5;
}


.icon_place2 > .fr a{
	padding: 10px;
	border: 1px solid rgb(204, 204, 204);
	border-radius: 100%;
	width: 30px !important;
	height: 22px;
	margin-right: 8px;
	color: #ccc;
	text-decoration: none;
	font-size: 12px;
}
.icon_place2 > .fr a:hover{
	color: #24abe5;
}

.submit{
	color:#fff;
	background:#943cea;
	border:1px solid #ccc;
	display: block !important;
	margin: auto;
	padding: 7px 15px;
	font-size: 16px;
}
.submit:hover{
	color:#fff !important;
}


@font-face {
    font-family: 'helvetica_ceregular';
    src: url('http://www.quranreading.com/fonts/helvetica-ce-regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:'pt_sans';
    src:url('http://www.quranreading.com/fonts/PT_Sans-Caption-Web-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}



* {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.fl {
    float: left;
	margin-top: 27px;
}

.fr {
    float: right;
}

.clr {
    clear: both;
}



a {
    outline: none;
    text-decoration: none;
    border: none;
}

input {
   
}

select {
    border: none;
	
}


strong { font-weight:normal; }

.img2 {
	vertical-align:bottom;	
}



.highlighted_menu{
	background: transparent;
	border-top: 5px solid #c1c1c1;
	-webkit-box-shadow:  none;
	-moz-box-shadow:   none;
	box-shadow:  none;
	color: #008aff !important;
	padding-top:10px !important;
}

h2.apps_head a, a.read_more, a.link_separator {
color: #2e7cb4;
}

h2.apps_head a:hover, a.read_more:hover {
color: #70ac00;
}
	
div.apps_ptn div.fl a img{
width:150px;
height:150px;
}

.nav > li {
	padding-left: 1px;
}

.nav-bottom li > a {
	color: #FFF;
}

.paypal_form{
	margin-top: 20px; 
	margin-bottom: 20px;
}
.We_are_Social input{
	border: 1px solid #ccc;
}

.post-type-archive-forum .services,.post-type-archive-forum .banner_bg,.bbpress  .services,.bbpress  .banner_bg{
	display:none !important;
}
.post-type-archive-forum #about,.bbpress  #about{
	padding-top:154px;
}


/* Added css by snehal */

.nav-quran-btn
{
    background-color: #e94674 !important;
		
}
.nav-quran-btn a {
	color:#fff;
	font-weight: bold;
}


.nav-quran-btn a:hover{
		background-color: #70ac00  !important;
	
}


.nav-more-btn
{
    background-color: #70ac00 !important;
		
}
.nav-more-btn a {
	color:#fff;
	font-weight: bold;
}


.nav-more-btn a:hover{
		background-color: #d46ed7  !important;
	
}
.container2 {
    max-width: 100%;
}

.b-b h2 {
    color: #fff;
    text-align: center;
    margin-top: 31px;
    margin-bottom: 21px;
}
.h2, h2 {
    font-size: 41px;
}

.b-b {
	background-color:#000;
	height: 215px;
	margin-top: 60px;
	margin-bottom: 10px;
	padding-top: 5px;
	  background: rgb(0, 0, 0); /* Fall-back for browsers that don't
                                    support rgba */
    background: rgba(0, 0, 0, .5);
}

.bg-img {
	height: 543px;
	background: url(../new-images/bg-1.jpg) center center no-repeat scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	margin-bottom: -50px;
}
.row {
    margin-right: -15px;
    margin-left: -15px;

}
.breadcumb-section .row{position: relative;
height: 188px;}

.sunah {
    text-align: center;
}
.sb-search-submit {
	padding: 16px 16px !important;
	border: none;
	margin-left: -4px !important;
	font-size: 18px;
	background-color: #979797;
	color: #fff
}
input[type="search"] {
	color: #878585;
	font-size: 18px;
	height: 53px;
	width: 55%;
	padding-top: 14px;
	padding-bottom: 15px;
	padding-left: 10px;
}
 .pd-sun
 {
	 margin-top:60px;
	 
}

.thumb {
    width: 25%;
	margin-bottom: -20px;
}
.pdng-no {
    padding-right: 0px !important;
    padding-left: 0px !important;
}
.bukhari {
	
   
    background: rgba(9, 111, 99, .9);
	border: 0px;
	height: 189px;
	border-radius: 0px;
	z-index: -1000;
}
.bukhari:hover {
	 background: rgb(9, 111, 99); /* Fall-back for browsers that don't
                                    support rgba */
    background: rgba(9, 111, 99);
	border: 0px;
	height: 189px;
	border-radius: 0px;
	z-index: -1000;
}
.g-bar {
	border-top: solid 4px #0c7f7e;
}
.thumbnail {
	display: block;
	padding: 4px;
	margin-bottom: 20px;
	line-height: 1.42857143;
	
}
.thumbnail a>img, .thumbnail>img {
	margin-right: auto;
	margin-left: auto
}
a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
	border-color: #337ab7
}
.thumbnail .caption {
	padding: 9px;
	color: #333
}
.caption {
    padding-top: 20px !important;
}
.icnb {
    text-align: center;
}
.caption h3 {
    color: #fff !important;
    font-weight: bold;
    margin-top: 7px !important;
    margin-bottom: 3px !important;
}
.caption h3 {
    text-align: center;
}
.sunh-head {
    font-size: 21px !important;
}


element {

}
.caption p {

    margin-top: 3px !important;

}
.caption p {

    text-align: center;
    color: #fff;
    line-height: 19px;

}
.g-r {
    color: #28f0eb !important;
}
.Muslium {
   
    background: rgba(16, 67, 125, .8);
    border: 0px;
    height: 189px;
    border-radius: 0px;
    z-index: -1000;
}
.Qudusi {
   
    background: rgba(91, 128, 31, .8);
    border: 0px;
    height: 189px;
    border-radius: 0px;
    z-index: -1000;
}
.Nawawi {
    
    background: rgba(186, 62, 63, 0.8);
    border: 0px;
    height: 189px;
    border-radius: 0px;
    z-index: -1000;
}

.date-tab {
    background-color: #70ac00;
    padding: 24px;
    width: 376px;
    margin-top: 18px;
    padding-bottom: 44px;
}
.is-date {
    float: left;
    color: #fff;
        font-style: italic;
    padding-right: 30px;
    font-size: 18px;
}
.geo-date{
    float: left;
    color: #fff;
    
    font-style: italic;
    font-size: 18px;
}

.s-calendar {
    padding: 37px;
    background-color: #c8daa6;
    margin-top: 60px;
    background: rgba(188, 176, 249, 0.8);
    padding-top: 10px;
}
.margin-date {
    margin-left: 16px;
}
.d-link {
    color: #1a6695;
    font-size: 17px;
    margin-top: -5px;
}
.calendar-controls {
    margin-top: -10px;
}
.btn-reset {
    padding: 7px;
    background-color: #E9E9E9;
    border: solid 1px #B9B9B9;
}
.calendar-dropdown-month {
    padding: 8px;
    margin-bottom: 10px;
    border: solid 1px #E4E4E4;
}
.wht {
    background-color: #fff;
}
.panel {
    border: none;
   
}
.panel-body {
    padding: 0px;
}
html .fc, .fc table {
    font-size: 1em;
    font-family: "Helvetica Neue", Helvetica;
}

.fc {
    direction: ltr;
    text-align: left;
}
.fc-header td {
	white-space: nowrap;
	padding: 15px 10px 0px;
}
.fc-header-left {
	width: 25%;
	text-align: left;
}
.fc-header-center {
	text-align: center;
}
.fc-header-right {
	width: 25%;
	text-align: right;
}
.fc-header-title {
	display: inline-block;
	vertical-align: top;
	margin-top: -5px;
}
.calendar-dropdown-year {
    padding: 8px;
    margin-bottom: 10px;
    border: solid 1px #E4E4E4;
}
.panel {
    margin-bottom: 20px;
        border-radius: 4px;
}
.panel-body {
    padding: 0px;
}
tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
.fc-day-number {
    text-align: center;
    padding-top: 20px;
    font-size: 17px;
    color: #000;
}
.event {
    background: #fff;
    color: #fff;
  
    cursor: default;
    border: 2px solid #1a6695!important;
}
.fc td, .fc th {
    padding: 0;
    vertical-align: top;
}
.fc-widget-content {
    border: 1px solid #e5e5e5;
}
tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
.fc-first th {
    font-family: 'Roboto', sans-serif;
    background: #1a6695 !important;
    color: #FFF;
    font-size: 17px !important;
    font-weight: 500 !important;
    padding: 15px !important;
}
.pillars-islam-section, .prayer-timings {
    background: #e94674;
}
.pillars-islam-section {
  /*   float: left;
    width: 100%; */
    padding: 50px 0;
    text-align: center;
}
.navbar1 {
    position: relative;
    min-height: 50px;
    /* margin-bottom: 20px; */
    border: 1px solid transparent;
}
.services div:last-child { border-right: 0;  }
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.well-model{
	min-height: 20px;
	padding: 0px;
	border-radius: 4px;
	
}
.container-home{
    padding-right: 0px;
    padding-left: 9.5rem;
    margin-right: auto;
    margin-left: auto;
}
.pillars-islam-section h2 {
    color: #fff;
    margin: 0 0 100px 0;
}
.pillar-box {
    display: inline-block;
    width: 200px;
    position: relative;
	z-index:0;
}

.mission-h2-margin-top{
 margin-top: 5%;
}
section .section-body-mission {
 margin-top: 5rem;
 margin-bottom: 11rem;
}

.shape-1 {
    background: #fff none repeat scroll 0 0;
    border-radius: 20px;
    height: 120px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: -60px;
    width: 120px;
    z-index: 9;
}
.shape-1 img {
    display: block;
    position: relative;
    width: 100%;
    z-index: 99;
	vertical-align: middle;
	-webkit-transition: all 0.5s ease-in;
}
.shape-1::before, .shape-1::after {
    background: #fff none repeat scroll 0 0;
    border-radius: 20px;
    content: "";
    height: 120px;
    left: 0;
    position: absolute;
    top: 0;
    width: 120px;
}
.shape-1::after {
    transform: rotate(60deg);
}
.shape-1:before {
    transform: rotate(30deg);
}
.shape-1::before, .shape-1::after {
    background: #fff none repeat scroll 0 0;
    border-radius: 20px;
    content: "";
    height: 120px;
    left: 0;
    position: absolute;
    top: 0;
    width: 120px;
}
.pillar-box h3 {
    display: block;
    color: #fff;
    text-align: center;
    margin: 90px 0 0 0;
}
.pillars-islam-section h2 {
    color: #fff;
    margin: 0 0 100px 0;
}
.section-title h2 span {
    color: #0268B2;
    font-weight: 800;
}
.col-md-8 {
    width: 66.66666667%;
}
.col-md-offset-2 {
    margin-left: 16.66666667%;
}
span.title-separetor {
    position: relative;
    height: 3px;
    width: 250px;
    background: #32383C;
    display: inline-block;
}
span.title-separetor img {
    position: absolute;
    left: 50%;
    top: -11px;
    margin-left: -28px;
    padding: 0 10px;
    background: #fff;
}
.col-sm-pull-5 {
      width: 99.666667%;
}

.section-title{
	    margin-bottom: 50px;
}


.section-wrapper.mission{
    background-image: url(../new-images/banner/our_mission.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.section-wrapper.tajwid{
    background-image: url(../new-images/banner/bg-pattern.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.section-wrapper.tajwid_class{
    background-image: url(../new-images/banner/our-vision-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.section-wrapper.equran{
    background-image: url(../new-images/banner/banner-img-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.section-wrapper.ramdan{
    background-image: url(../new-images/banner/bg-pattern.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.col-sm-pull-5.white_text{
    font-family: 'Lato', sans-serif !important;
    font-size: 13px;
    color: #ffffff;
    text-align: justify;
}

.breadcumb-section {
	position: relative;
	z-index: 1;
	/* padding-top: 32px;
	padding-bottom: 53px; */
}
.breadcumb-bg {
    background: url(../new-images/banner/aboutus.jpg);
    background-position: center;
    background-size: cover;
}

.top-section{
	    margin-top: 155px;
}

.overlay-bg {
    background: #32383C;
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}

.breadcumb-section:after {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(63, 63, 63, 0.43);
    width: 100%;
    height: 100%;
    content: '';
    opacity: .9;
    z-index: -1;
}

.breadcumb-section h1, .breadcumb-section p, .breadcumb-section a {
    color: #fff;
    margin-bottom: 0;
}

.breadcumb-section h1,
.breadcumb-section p
 {
	text-align: center;
}

.requirments_wrapper {
	background-image: url("../new-images/banner/pattern-bg.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.requirments_wrapper.them_overlay::before {
	background-color: #fff;
	opacity: 0.92;
}

.them_overlay::before {
	position: absolute;
	content: "";
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	opacity: 0.65;
	background-color: #000;
}

.them_overlay {
	position: relative;
}

.requirments_wrapper .section-title{
	text-align:left;
}

h5 {
font-size: 20px;
}
.history-section {
    float: left;
    width: 100%;
    padding: 107px 0 80px 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}

.container::before, .row::before{    
 display: table;
    content: " ";
}
.history-section .frame {
	padding: 0 0 0 70px;
	position: relative;
	overflow: inherit;
	margin: 0;
}
.history-section .frame::before {
	content: '';
	position: absolute;
	left: 44px;
	top: -27px;
	width: 422px;
	height: 598px;
	border: 14px solid;
	z-index: -1;
}
.slider-frame .owl-theme .owl-controls .owl-nav [class*="owl-"], #header, .navigation-row .navbar-inverse .navbar-nav > .active > a, .navigation-row .navbar-inverse .navbar-nav > .active > a:hover, .navigation-row .navbar-inverse .navbar-nav > .active > a:focus, .top-menu .dropdown-menu, #banner .owl-theme .owl-controls .owl-nav [class*="owl-"], .history-section .frame::before, .gallery-style-1 .frame:hover, .footer-section-2 {
	border-color: #ffad05;
}
.history-section .frame img {
    width: auto;
}
.frame img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: auto;
}

.text-box {
	float: left;
	width: 100%;
}
.history-section .text-box {
	margin: 60px 0 0 0;
}
.heading-left {
	float: left;
	width: 100%;
	position: relative;
}
b, strong {
	font-weight: bold;
}
/* body p {
	font: 400 14px/24px 'Poppins', sans-serif;
	margin: 0 0 15px 0;
} */
.frame {
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 20px;
	overflow: hidden;
}
.fix_ground_box {
	color: #fff;
	text-shadow: 0px 0px 14px rgba(0, 0, 0, 1);
	margin: 0px auto 40px;
	padding: 90px 0px 40px 0px;
	max-width: 100%;
	width: 100%;
	z-index: 200;
	background: #020403 url("../new-images/banner/quran-edit_1.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.fix_ground_box .bg {
	width: 100%;
	height: 100%;
	background: url("../new-images/banner/bg-figure.png");
	text-align: center;
}
.dome_wrap {
	position: relative;
}
.dome_box {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.dome_box td.bg_col {
	background: #FFF;
	width: 50%;
}

.dome_box td.bg_col img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}
.color-white-h2 {
	color: #fff;
}
.main {
    width: 67%;
}
.prayer-timetable {
    padding: 0;
}
.prayer-date, .qibla-direction, .mp-widget-header, .mp-salam-header {
	display: block;
	margin: 0 0 1em 0;
	font-size: 1em;
	padding: 10px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	font-family: "Open Sans",Helvetica Neue,sans-serif;
	background-color: #007330;
	color: #fff;
	position: relative;
}
.prayer-date li:nth-child(1), .qibla-direction li:nth-child(1), .mp-widget-header li:nth-child(1), .mp-salam-header li:nth-child(1) {
	width: 65%;
}
.prayer-timetable li {
	vertical-align: middle;
}
.prayer-date li, .qibla-direction li, .mp-widget-header li, .mp-salam-header li {
	display: inline-block;
	vertical-align: top;
}
.prayer-date li p, .qibla-direction li p, .mp-widget-header li p, .mp-salam-header li p {
	margin: 0;
}
.currentconvention {
	font-size: .8em;
	font-style: italic;
	color: #daeae1;
	margin-top: 3px;
}
.prayer-date li:nth-child(2), .qibla-direction li:nth-child(2), .mp-widget-header li:nth-child(2), .mp-salam-header li:nth-child(2) {
	width: 33%;
}
.prayer-date .monthpicker {
	cursor: hand;
	cursor: pointer;
	line-height: 35px;
	-moz-transition-duration: 0s;
	-o-transition-duration: 0s;
	-webkit-transition-duration: 0s;
	transition-duration: 0s;
}
.prayer-times {
	margin: -.85em 0 1em 0;
	width: 100%;
	font-size: 1.2em;
}
.prayer-times td:first-child {
	padding-left: 4px;
	text-align: left;
	min-width: 86px;
}
.prayer-times td {
	padding: 10px;
	width: 12%;
	font-size: .75em;
	text-align: center;
	white-space: nowrap;
}

.shape-1 {
	background: #fff none repeat scroll 0 0;
	border-radius: 20px;
	height: 120px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	text-align: center;
	top: -60px;
	width: 120px;
	z-index: 9;
}

.timing-box {
	display: inline-block;
	width: 100%;
	text-align: center;
	position: relative;
	z-index:0;
}
.timing-box .text-holder {
	position: relative;
	z-index: 99;
	padding: 30px 0 0 0;
	margin: 0;
	width: auto;
	display:block;
}

.timing-box h3 {
	display: block;
	color: #222;
	margin: 0 0 0 0;
}

.timing-box span {
	display: block;
	text-align: center;
}

.shape-1::before, .shape-1::after {
	background: #fff none repeat scroll 0 0;
	border-radius: 20px;
	content: "";
	height: 120px;
	left: 0;
	position: absolute;
	top: 0;
	width: 120px;
}
.row.prayer_timings_wrapper {
	margin-top: 100px;
	margin-bottom: 100px;
}
span.title-separetor.pink img {
	background: #e94674;
}
span.title-separetor.pink {
	background: #fff;
}
span.title-separetor.blue img {
	background: #3aa2f1;
}
span.title-separetor.blue {
	background: #fff;
}


.text-white{color:#fff}
.bg-pink{background-color:#e94674;}
.bg-blue{background-color:#3aa2f1;}

section{margin-top: 5rem ;margin-bottom: 5rem;}
section .section-body{margin-top: 5rem;
margin-bottom: 5rem;}
section .section-header{text-align:center;}

section .gulp {
	margin-top: 13rem;
	margin-bottom: 13rem;
}

.why_choose_us_wrapper .section-header h2 span {
	color: #fff;
	font-weight: 800;
}

.tajwid .section-header h2 span {
	color: #0268B2;
	font-weight: 800;
}
.requirments_wrapper  .section-header h2 span {
	color: #0268B2;
	font-weight: 800;
}
.salah-timing{
background-image: url('../new-images/hadith/2.jpg');
	background-position: center top;
}
.pillars{
	background-image: url('../new-images/banner/quran-edit_1.jpg');
	background-position: center center;
	background-size: cover;
	    height: 454px;
}
.quran-bg {
    background: url(../new-images/hadith/2.jpg);
    background-position: center;
    background-size: cover;
}
.breadcumb-quran-section {
    position: relative;
    z-index: 1;
    padding-top: 150px;
    padding-bottom: 53px;
}

.breadcumb-quran-section h1, .breadcumb-quran-section p {
    text-align: center;
}
.breadcumb-quran-section h1, .breadcumb-quran-section p, .breadcumb-quran-section a {
    color: #fff;
    margin-bottom: 0;
}
.breadcumb-quran-section::after {
    position: absolute;
    left: 0;
    top: 0;
    background: #32383C;
    width: 100%;
    height: 100%;
    content: '';
    opacity: .9;
    z-index: -1;
}

.list_container {
    direction: rtl;
    overflow:auto;
    height: 200px;
    width: 100px;
  }

  #item_direction {
    direction:2tr;
  }
  
.quran-section-nav{
	
	border: 0;
	background: #fff;
	/* margin-top: 10px; */
	border-bottom: 4px solid #e94674;
}
.quran-reading-nav .dropdown a {
	background-color: #fff;
}
.quran-operator {

    background-image: url('../new-images/quran/bg.jpg');
    background-position: center center;
    background-size: cover;
    height: 100px;

}

.quran-line{
	text-align: right;
    padding: 2rem;
    background: #f7f7f7;
	
}
.quran-subline{
	text-align: right;
    padding: 2rem;
    background: #fff;
	
}
.quran-line p {
	margin: auto;
	padding: auto;
	line-height: 45px;
}

.quran-subline p {
	margin: auto;
	padding: auto;
	font-size: 2.2rem;
}
.about-page-padding-zero{
	
	padding-top: 0rem;
	padding-bottom: 5rem;
}
.color-green {
	color: #368136;
}
.quran_urdu_lines{
	font-size: 3rem;
   font-weight: 700;
	
}
.quran-line-font{
	font-size: 2.2rem;
}


.search-padding{
	margin: 20px 0px 20px 0px;
}

.background{
	
	background: rgba(0, 0, 0, 0.66);
	padding: 3rem;
	border-radius: 10px;
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
	text-shadow: 0 -1px 0 #337ab7;
	background-image: linear-gradient(to bottom,#e885a1 0,#e94674 100%);
	background-repeat: repeat-x;
	border-color: #e94674;
}
.card {
    background-color: white;
    padding: 20px;
    margin-top: -11px;
}
.surah-playlist {
    background-image: url('../new-images/hadith/ramdan.jpg');
    background-position: center center;
    background-size: cover;
    height: 100px;
}
.list-group-item.surah-playlist {
	font-size: 2rem;
	/* font-weight: inherit; */
	/* color: #0c1a2299; */
}

.breadcumb-bg-quran {
	background: url(../new-images/banner/quran-banner.jpg);
	background-position: center;
	background-size: cover;
}
.breadcumb-bg-course
{
	background: url(../new-images/ramadan/course.jpg);
	background-position: center;
	background-size: cover;
}
.zero-margin-payfee{margin-bottom: 0px !important;}

.breadcumb-bg-ramadan {
	background: url(../new-images/ramadan/ramadan2.jpg);
	background-position: center;
	background-size: cover;
}
.breadcumb-section-quran, .breadcumb-section-ramadan {
	position: relative;
	/* z-index: 1; */
	padding-top: 32px;
	padding-bottom: 53px;
}
.breadcumb-section-quran h1, .breadcumb-section-quran p ,
.breadcumb-section-ramadan h1, .breadcumb-section-ramadan p {
    text-align: center;
}
.breadcumb-section-quran h1, .breadcumb-section-quran p, .breadcumb-section-quran a ,
.breadcumb-section-ramadan h1, .breadcumb-section-ramadan p, .breadcumb-section-ramadan a {
    color: #fff;
    margin-bottom: 0;
}
.hadith-background {
	background-color: #9733bbb3;
	/* height: 190px; */
	border-radius: 10px;
	padding-top: 5px;
	border: 2px dashed #fff;
	padding: 2rem;
}
.pink {
    background-color: #c24567b3;
   
}
.voilet {
    background-color: #9733bbb3;
   
}
.breadcumb-bg-hadith {
	background: url(../new-images/hadith/2.jpg);
	background-position: center;
	background-size: cover;
}
.background-hadith {
    background: #1e1e1e1a;
    padding: 50px;
    border-radius: 10px;
}
.blue {
    background-color: #c1a746b3;
   
}
.green {
    background-color: #48bf42b3;
  
}

.yellow {
    background-color: #bcbf42b3;
  
} 

.skyblue {
    background-color: #42bfb0b3;
  
}
.size-hadit {
	font-size: 2rem;
}
.hadit-p-section {
	margin-top: 15px;
	/* margin-bottom: 12px; */
}



/* Pagination links */
.pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
}

/* Style the active/current link */
.pagination a.active {
    background-color: dodgerblue;
    color: white;
}

/* Add a grey background color on mouse-over */
.pagination a:hover:not(.active) {background-color: #ddd;}

.btn-margin-hadith{
	margin: 10px 0px 25px 0px;
}
.breadcumb-section-quran-subpages {
	background: url(../new-images/hadith/madina4.jpg);
	background-position: center;
	background-size: cover;
}

.breadcumb-section-quran-subpages h1, .breadcumb-section-quran-subpages p {
    text-align: center;
}
.breadcumb-section-quran-subpages h1, .breadcumb-section-quran-subpages p, .breadcumb-section-quran-subpages a {
    color: #fff;
    margin-bottom: 0;
}
iframe {
    height: 345px;
}

.highlighter{
	color: #38a2f3;
}

.margin-zero{
	margin: 0px;
}
.center-image{
	
	max-width: 77px;
	text-align: center;
	display: block;
	/* text-align: center; */
	margin: auto;
	/* display: block; */

	
}

.box-shadow {
	box-shadow: 0px 11px 20px rgba(255, 255, 255, 0.61);
}

.text-shadow{
	font-size: 35px;
text-shadow: 2px 2px rgb(0,0,0);
}

.hadith-playlist {
    background-image: url('../new-images/hadith/hadit-books.png');
    background-position: center center;
    background-size: cover;
    height: 100px;
}

.container-fluid-hadit-subpages {
	padding-right: 78px;
	margin: 17px 52px 17px 17px;
	background-color: rgba(232, 105, 141, 0.2);
}
.radio-inline {
	position: relative;
	display: inline-block;
	padding-left: 20px;
	margin-bottom: 0;
	font-weight: 400;
	vertical-align: middle;
	cursor: pointer;
}
.margin-10{
	margin: 10px;
}
.hadith-sublist-color{
	
	
	background-image: linear-gradient(to bottom,#fff 0,#f8dde5 100%);
	margin-bottom: 5px;
	border-radius: 4px;
	margin-bottom: 0;
	border-radius: 4px;
	border: none;

}
.pagination {
	display: inline-block;
	padding-left: 48%;
	margin: 20px 0;
	border-radius: 4px;
}	

.prayer-banner-top
{
	    padding-top: 108px;

}

.div-salat{
	padding: 15px;
	background-color: rgba(211, 162, 176, 0.19);
	box-shadow: 0px 11px 20px rgba(39, 29, 29, 0.6);
	
}

.nav.nav-tabs {
	background: rgb(255,255,255);
	height: 42px;
	border-bottom: 3px solid rgb(233, 70, 116);
	/* padding-left: 0px; */
}

.tab {
    float: left;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    width: 30%;
    height: 300px;
}

/* Style the buttons that are used to open the tab content */
.tab button {
    display: block;
    background-color: inherit;
    color: black;
    padding: 22px 16px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    float: left;
    padding: 0px 12px;
    border: 1px solid #ccc;
    width: 70%;
    border-left: none;
    height: 300px;
}

.btn.btn-info.salah-btn {
	padding: 18px;
	margin-top: 1rem;
	width: 25rem;
	/* text-align: center; */
	/* margin: 10px; */
}

.stepnum {
    float: left;
    font-weight: 700;
    padding-left: 11%;
}
/* .img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
    padding-right: 30%;
}
 */


.background.caption input,.background.caption button{
height: 50px;	
}

.quotes-font{
	
	font-size: 22px;
}
/* .about-page-section {
	background: url(../new-images/hadith/background_image.jpg);
	background-position: center;
	background-size: cover;
} */


/* hijri calendar css */
.box {
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    margin-bottom: 20px;
    overflow: hidden;
}
.column, .columns {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
.column, .columns {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    float: left;
}
.large-12 {
    width: 100%;
}
#grey {
    background: #fefefe;
    color: #333;
    border-bottom: 1px solid #eee;
    padding: .625rem;
}
#grey h3 {
	display: inline-block;
	font-size: 1.1rem;
}
.link-print, .navigate-athan-cta {
	float: right;
	cursor: pointer;
}

.table-controller {
	display: table;
	padding: 1.25rem .975rem;
	width: 100%;
}
.table-controller .controls, .table-controller .headings {
	display: table-cell;
	vertical-align: middle;
}
.table-controller .headings h4 {
	color: #333;
	text-transform: capitalize;
}
.zero-margin {
	margin: 0 !important;
}
#hijriMonth {
	font-size: .85em;
}
#hijriMonth a {
	color: #3b98bd;
	text-decoration: underline;
}


.table-controller .controls {
    padding: 0;
    text-align: right;
}
.btn-reset {
	color: #3b98bd;
	font-size: .9rem;
}

.controls.calendar .calendar-dropdown-month {
    width: 155px;
    right: -5px;
    border-radius: 3px 0 0 3px;
}
.controls.calendar .calendar-dropdown-month, .controls.calendar .calendar-dropdown-year {
    padding: 6px;
    height: inherit;
}
.controls.calendar .calendar-dropdown-year {
    width: 65px;
    border-radius: 0 3px 3px 0;
}
.controls.calendar .calendar-dropdown-month, .controls.calendar .calendar-dropdown-year {
    padding: 6px;
    height: inherit;
}
.scrollable {
	position: relative;
}
#calendar-slider, #monthly-prayer-slider, #place-list, #special-days-slider, .placelist {
	position: relative;
}
.pad-tb {
    padding: 11px .625rem;
}
.sm {
    font-size: .9rem;
}
.bold {
    font-weight: 700;
}
.text-inverted {
    color: #fff;
}
.background-secondary {
    background-color: #3b98bd;
}
#calendar .days h4 {
	font-size: 1.2em;
	margin-bottom: .2em !important;
	margin-top: .5em !important;
	color: #555;
}

.section-left-image{max-width:100%;display:block;margin:auto;}
.section-kalma{max-width:250px;}
.btn-primary{
	color: #fff;
	background: #3aa2f1 !important;
	border: 1px solid #ccc;
}

.wrapper.home-modal {
	padding-top: 2rem;
	padding-bottom: 2rem;
}


/* ******** responsive media queries ****** */
@media only screen 
and (min-width : 880px) 
and (max-width : 1023px) {
	
	
.lilmuslim-head{
	float:left;
	 margin-left: 23px;
    margin-top: 40px;
    width: 32%;
}

.lilmuslim-head img{
	width:100%;
}

}

@media only screen 
and (min-width : 641px) 
and (max-width : 879px) {
	
	.lilmuslim-head{
		float: left;
		margin-left: 26px;
		margin-top: 22px;
		width: 50.5%;
	}

	.lilmuslim-head img{
		width:100%;
	}
	.form-group {
		margin-bottom: 14px;
	}

}

@media only screen 
and (min-width : 929px) 
and (max-width : 1023px) {

	.width2 {
    width: 45%;
    background: #052741;
    margin-right: 15px;
    padding: 15px;
    padding-bottom: 27px;
}

}



@media only screen 
and (min-width : 641px) 
and (max-width : 1023px) {
	

.apps_btm_heading2{
	font-size: 20px !important;
font-family: 'helvetica_ceregular', sans-serif;
color: #494949;
	}

.txt_ali { text-align:left !important; }

    .wrapper {
        margin: 0 auto;
    }
	.nav > li {
    padding-left: 0px !important;
}
#menu li a {
    padding: 10px 14px !important;
}

.wrapper p { padding-left:3%; padding-right:2%; padding-top:1%; font-family: 'Lato', sans-serif; font-size:15px;}
	
	.wrapper h2 { padding-left:3%; padding-right:2%;}
	
	

    .logo {
        margin-top: 25px;
        margin-left: 25px;
		margin-bottom: 10px;
    }
	.logo_image{
		width: 250px;
	}

    .display {
        display: none;
    }

    .pullover {
        display: none;
    }

    .call_ptn {
        display: none;
    }

    ._call-info {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 14px;
        font-weight: normal;
        color: #717171;
        margin: 0px 0 22px 0;
    }

    ._call-info h1 {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 18px;
        font-weight: bold;
        color: #717171;
    }

    ._call-info h2 {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 15px;
        font-weight: bold;
        color: #70ac00;
        padding: 0px;
        margin: 0px;
    }
	
	._call-info a:hover {
    color: #3aa2f1;
}
._call-info a {
    color: #717171;
}

    .icon_place {
        margin-top: 10px;
        margin-right: 15px;
    }
	
	.icon_place2 {
        margin-top: 10px;
        margin-right: 15px;
		float: left !important;
    }

    .phone {
         margin-right: 16px;
    margin-top: 58px;
    }

    .nav {
        background: #e4e4e4;
    }

	.banner_bg img {
        width: 50%;
        height: auto;
    }

    .banner_bg h1 {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 35px;
        font-weight: normal;
        color: #052741;
        text-align: center;
        margin-top: 0px;
    }

    .banner_bg h2 {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 25px;
        font-weight: normal;
        color: #052741;
        margin-top: 10px;
        text-align: center;
    }

	.width1 {
		margin-left: 15px;
		width: 45%;
		margin-top: 10px;
		text-align: center;
	}

    .mrgn {
        display: none;
    }

    .mrgn img {
    }

 .width2 {
	    padding-bottom:27px;
        width: 45%;
        background: #052741;
        margin-right: 15px;
        padding: 15px;

    }

    .width2 h2 {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 24px;
        color: #fff;
        margin-top: 20px;
        text-align: center;
    }

    .input {
        margin: 10px 10px 10px 0;
        padding: 5px;
        width: 100%;
    }

    .text1 {
       font-family: 'Lato', sans-serif;
        font-size: 13px;
        color: #fff;
        display: block;
        font-weight: bold;
    }

    .text2 {
       font-family: 'Lato', sans-serif;
        font-size: 13px;
        color: #fff;
        display: block;
        font-weight: bold;
    }

     .cntct_lnk {
        color: #fff;
		font-family: 'helvetica_ceregular', sans-serif;
		font-size: 20px;
		font-weight: bold;
		border: 1px solid #fff;
		width: 100%;
		text-align: center;
		background-color: transparent;
    }
	 .cntct_lnk:hover{
        color: #fff;
		background-color: #3AA2F1;
    }
	.text3 {
        color: #fff;
		font-family: 'Lato', sans-serif;
		font-size: 12px;
		margin-left: 10px;
		margin-right: 24px;
		font-weight: normal;
		margin: 0;
		margin-top: 5px;
		margin-left: 80px;
    }


	
	#rnewsletter {
		margin-left: -197px;
	}

    .checkbox {
        text-align: center;
        /* margin-left: 68px; */
        margin-top: 10px;
    }

    .content {
        margin-top: 50px;
        padding: 10px;
    }

    .content h1 {
        color: #494949;
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 24px;
		text-align:left;
		margin-left: 20px;
    }

    .content p {
        color: #494949;
        font-size: 15px;
       font-family: 'Lato', sans-serif;
        margin-top: 10px;
    }

    .box {
        width: 40%;
        margin-left: 45px;
        margin-top: 10px;
    }

    .box_2nd {
    }

    .descrip {
    }

    .descrip h5 {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 20px;
        color: #494949;
    }

    .descrip p {
        font-family: 'Lato', sans-serif;
        font-size: 15px;
        color: #494949;
		margin:0; padding:0;
    }

    .mrgn_tp {
        margin-top: 25px;
    }

    .test {
        border: 1px #dddada solid;
        background: #f3f3f3;
        
    }

    .test h4 {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 24px;
        color: #2e2e2e;
		 padding:10px 0 0px 40px;
    }

    .test h5 {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 17px;
        color: #70ac00;
        padding:10px 0 0px 40px;
    }

    .mrgn_left {
        display: none;
    }

    .width4 {
        padding: 10px;
    }

    .width4 p {
        color: #3e3e3e;
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        margin-top: 20px;
		margin-left: 5px;
		
    }

    .test_link {
        font-size: 13px;
        color: #013872;
        font-family: 'Lato', sans-serif;
    }

    .launch_live_ptn {
        margin-bottom: 20px;
        margin-left: 60px;
        margin-top: 20px;
        width: 35%;
    }

    .launch_live {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 20px;
        color: #424141;
    }

    .launch_live_ptn p {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 18px;
        color: #424141;
        margin-left: 10px;
		text-align:left;
		margin:0; padding:0;
		margin-top: 10px;
    }

    .launch_live_ptn a {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 24px;
        color: #70ac00;
        margin-left: 45px;
        margin-top: 10px;
    }

    .quran_read_ptn {
        margin-bottom: 20px;
        margin-left: 30px;
        margin-top: 20px;
        width: 45%;
    }

    .read_mrgn {
        margin-top: 10px;
        margin-left: 10px;
    }

    .quran_read {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 27px;
        color: #424141;
    }

    .quran_read_ptn p {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 18px;
        color: #424141;
        font-weight: normal;
		text-align:left;
		margin:0; padding:0;
    }

    .quran_read_ptn a {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 24px;
        color: #70ac00;
        margin-top: 10px;
        text-align: center;
        margin-left: 90px;
    }

    .article_bg {
        background: #f2f2f2;
        padding-bottom: 50px;
    }

    .article_bg h1 {
        color: #2e2e2e;
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 24px;
        padding: 20px 0 20px 40px;
    }

    .article_bg h2 {
        color: #013872;
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 15px;
		margin-left:5px;
    }

    .article_bg p {
        color: #494949;
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        margin-top: 15px;
		margin-left:5px;
    }

    .art_desp {
        color: #494949;
       font-family: 'Lato', sans-serif;
        font-size: 14px;
        margin-top: 15px;
    }

    .comments {
       font-family: 'Lato', sans-serif;
        font-size: 13px !important;
        color: #70ac00 !important;
        margin-top: 0px !important;
		padding: 0 !important;
		margin: 0 !important;
    }

    .article_ptn {
        margin-top: 15px;
		margin-left:25px;
		margin-right:5px;
    }

    .subscribe_h {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 26px;
        color: #424141;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    #learning {
        background: #06336e;
        padding: 15px;
        margin-top: 10px;
    }

    .cntct_btn_btm {
        background: url(http://www.quranreading.com../new-images/btn_bg.png) repeat;
        padding: 5px;
        text-align: center;
        width: 100%;
        display: inline-block;
    }

    .input_ptn {
        margin-top: 10px;
        padding: 15px;
        width: 100%;
    }

    .btn_width {
        width: 100%;
        margin-top: 10px;
    }

    .checkbox_btm {
        text-align: center;
        margin-top: 10px;
    }

    .cntct_lnk_btm {
        color: #052741;
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 20px;
        font-weight: bold;
    }

    .reg_lnk_btm {
        color: #052741;
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 14px;
        font-weight: normal;
    }

    #learning h1 {
        font-size: 23px;
        font-family: 'helvetica_ceregular', sans-serif;
        color: #052741;
        display: inline-block;
        margin: 10px;
    }

    .call {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 18px;
        color: #052741;
        display: block;
        margin: 0 15px 0 150px;
    }
	
	.call a { color:#fff; }
	
	.call:hover {color:#fff; }
	
	

    .footer_bg {
        background: #F2F2F2;
        padding: 20px;
    }

    .footer_box {
        width: 20%;
    }

    .footer_box h1 {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 20px;
        color: #434343;
        margin-bottom: 10px;
    }

    .footer_box p {
       font-family: 'Lato', sans-serif;
        font-size: 13px;
        color: #5a5a5a;
        margin-top: 10px;
    }

    .footer_box a {
       font-family: 'Lato', sans-serif;
        font-size: 13px;
        color: #5a5a5a;
        margin-top: 10px;
    }

    .footer_box2 {
        /* width: 20%;
        margin-left: 42px; */
    }

    .footer_box2 h1 {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 20px;
        color: #434343;
        margin-bottom: 10px;
		text-align:left;
    }

    .footer_box2 p {
       font-family: 'Lato', sans-serif;
        font-size: 13px;
        color: #5a5a5a;
        margin-top: 10px;
		text-align:left;
    }
	.footer_box2 a {
    color: #5A5A5A;
   font-family: 'Lato', sans-serif;
    font-size: 13px;
    margin-top: 10px;
}

    .iner_banner_panel {
        margin-top: 23px;
        margin-bottom: 5px;
        width: 100%;
    }

    .iner_banner_panel h2 {
        text-align: center;
    }

    .iner_banner_panel h3 {
        text-align: center;
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 18px;
        color: #052741;
        margin-top: 35px;
        font-weight: normal;
    }

    .iner_banner_panel2 {
          margin: 0 38%;
    padding-bottom: 20px;
    width: 24%;
    }

    .steps {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 18px;
        color: #052741;
        margin-top: 10px;
        text-align: center;
    }

    .reg_me {
        background: url(http://www.quranreading.com../new-images/btn_bg.png) repeat;
        padding: 10px 10px 3px 10px;
        text-align: center;
        width: 100%;
        display: inline-block;
    }

    .iner_content {
        width: 45%;
    }

    .iner_content h2 {
        font-size: 30px;
        font-family: 'helvetica_ceregular', sans-serif;
        color: #494949;
		text-align:left;
		padding: 0;
		margin: 0;
    }

    .iner_content p {
        font-size: 15px;
        font-family: 'Lato', sans-serif;
        color: #494949;
		margin-top:10px;
		padding: 0;
		margin: 0;
		
    }

    .iner_content_bg {
        background: #f3f3f3;
        padding: 20px;
    }

    .iner_content_bg2 {
        padding: 20px;
    }

    .iner_img_ajdust {
        width: 45%;
        margin-left: 50px;
    }

    .iner_img_ajdust2 {
        width: 45%;
        margin-right: 50px;
    }
	
	.iner_img_ajdust p {
font-size: 15px;
font-family: 'Lato', sans-serif;
color: #494949;
margin-top:10px;
}

.iner_img_ajdust2 p {
font-size: 15px;
font-family: 'Lato', sans-serif;
color: #494949;
}

.iner_img_ajdust h2 {
font-size: 30px;
font-family: 'helvetica_ceregular', sans-serif;
color: #494949;
}

.iner_img_ajdust2 h2 {
font-size: 30px;
font-family: 'helvetica_ceregular', sans-serif;
color: #494949;
}


    .iner_img {
        width: 100%;
		margin-top:10%;
		
    }

    .drive_kids {
        font-size: 27px;
        font-family: 'helvetica_ceregular', sans-serif;
        color: #013872;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .arrow_down {
        text-align: center;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .iner_list_style {
        list-style: square inside;
        margin-left: 10px;
        line-height: 25px;
		padding:2%;
		font-size:15px;
		
    }
	
	.tbl_border {border:3px #013872 solid; margin-top:10px; background:#DCDEDC;}
	
	.tbl_border h2 {font-family:'helvetica_ceregular', sans-serif; 
		font-size:14px; 
		background:#013872; 
		color:#fff; 
		padding: 5px; }
		
		.tbl_width{width: 100%; border:none; }
		
		.tbl_width td { padding:5px; }
		
		.td_bg_color { background:#013872; color:#fff; }
		
		.tr_bg_color { background:#DCDEDC; }
		.tr_bg_color2 { background:#FCFEFC; }
		
		.tr_bg_color a {color:#333333; }
		.tr_bg_color2 a {color:#333333; }
		
			.form_txt {   color: #000;
        font-family: 'Lato', sans-serif;
        font-size: 12px;
        margin-left: 10px;
        display:block; padding:9px;
    }
		
		
.cntact_h1{ font-size:30px; font-family: 'helvetica_ceregular', sans-serif; color:#494949; margin-left:3%;  }

.cntact_box {margin-top:5%; }

.cntact_h5 { font-size:19px !important; 
font-family: 'helvetica_ceregular', sans-serif;
 color:#2a79b4 !important;
 border-bottom:1px #b7b7b7 solid; padding-bottom:5px; } 
 
 
.cntact_pack { margin-left: 2%;
    width: 45%; margin-top:2%;}
	
.cntact_desc {width:60%; }		
		
.left_tbl{width:100%; margin-top:1%; }
.right_tbl{width:100%; margin-top:1%;  }

.left_tbl td {width:50%;}
.right_tbl td {width:50%;}

.cntact_input {
        width: 100%;
        padding: 10px;
		margin:5px 0px 5px 0px;
		border-top:3px #dedede solid;
		border-left:3px #dedede solid;
		border-right:1px #dedede solid;
		border-bottom:1px #dedede solid;
		
       
    }
.cntact_border { border:1px #dedede solid; padding:2%; background:#fff !important; margin-top:4%; margin-left: 1%;
margin-right: 1%; }

.cntact_head{ font-size:21px !important; 
font-family: 'helvetica_ceregular', sans-serif;
 color:#2a79b4 !important;
 }
 
.cntact_txt { font-size:15px; color:#454545; font-weight:bold; font-family: 'Lato', sans-serif; text-align:left; }
.radio_txt{font-size:15px; color:#454545; font-family: 'Lato', sans-serif;
}
.radio_mgn{padding:2% 0 2% 0;}

.cntact_submit { background:#70ac00; padding:1% 5% 1% 5%; margin-top:1%; margin-left:50%; } 
 
.submit_txt { font-size:21px; color:#fff; font-family: 'Lato', sans-serif;
font-weight:bold; }

.mandatory_txt{font-size:15px; color:#454545; font-family: 'Lato', sans-serif;
margin-left:48%; font-style:italic;
}


 
.apps_h2 { font-size:25px !important; font-family: 'helvetica_ceregular', sans-serif; color:#494949; }
 
.apps_h1 { font-size:24px; color:#fff;  font-family: 'helvetica_ceregular', sans-serif; background:#0d67ac; padding:1%; }

.apps_border { border:1px #dedede solid; margin-top:3%; }

.apps_ptn {padding:2%; border-top:1px #dedede solid; }

.apps_desc{ margin-left:2%; width:80%; }

.apps_head { font-size:19px; color:#2e7cb4; font-family: 'helvetica_ceregular', sans-serif;}

.apps_desc p { font-size:16px; font-family: 'Lato', sans-serif; } 

.download_desc{ margin-left:2%; width:80%; }

.download_head { font-size:19px; color:#70ac00; font-family: 'helvetica_ceregular', sans-serif; margin:0px !important; padding:0px !important; 
line-height: 55px;   display:block; }

.download_span { font-size:20px; color:#70ac00; font-family: 'helvetica_ceregular', sans-serif; padding:0px !important; margin-left:50px; margin-right:50px;
display:none;
  }
.download_img{
	margin-top:80px;
	}


.apps_desc a { color:#70ac00; font-size:16px; font-weight:bold; font-family: 'Lato', sans-serif; }

.view_apps { color: #2E7CB4;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    margin-top: 5%;
	text-decoration:underline;
	text-align:left;  }
 
  
.abt_h5 { color: #494949;
    font-family: 'helvetica_ceregular',sans-serif;
    font-size: 19px !important;
	line-height:85px;
} 
.abt_container { width:100%; }

.abt_pack1 {margin-top:2%; width:45%; margin-left:4%; } 	
		
.tree {
        margin-top: 20px;
width:auto;
height:auto;
margin-left:40px;
 
    }
.tree_push {
        margin-top: 20px;
width:auto;
height:auto;
padding-left:40px;
margin-left:30px;
 
    }
.tree_push ul{
        padding:0px;
margin:0px;
}
.tree_push ul li
{	font-size: 15px;
       font-family: 'Lato', sans-serif;
        color: #494949;
list-style:disc;
line-height:30px;
}
.tree_push ul li
{	font-size: 15px;
        font-family: 'Lato', sans-serif;
        color:#5A5A5A;
list-style:disc;
line-height:30px;
}
.tree_push a
{ color: #494949 !Important ;
}
    .tree ul{
        padding:0px;
margin:0px;
}
.tree ul li
{	font-size: 15px;
       font-family: 'Lato', sans-serif;
        color: #494949;
list-style:disc;
line-height:30px;
}
.tree ul li
{	font-size: 15px;
        font-family: 'Lato', sans-serif;
        color:#5A5A5A;
list-style:disc;
line-height:30px;
}
.tree a
{ color: #494949 !Important ;
}	
		
		
		.register_ol { font-size: 15px;
       font-family: 'Lato', sans-serif;
        color:#5A5A5A;
		list-style:disc;
		line-height:30px; list-style:decimal; 
		 padding: 5%; }
		
		
.select-wrapper{
		float: left;
		display: inline-block;
		border-color: #DEDEDE;
    	border-style: solid;
    	border-width: 3px 1px 1px 3px;
    	margin: 5px 0;
		padding-top: 10px;
		padding-bottom:10px;
    
		background-image:url(http://www.quranreading.com/customselect/arrow.png);
		background-repeat:no-repeat;
		background-position:right;
		cursor: pointer;
		color:#454545;
		
		
	}
	.select-wrapper, .select-wrapper select{
		width: 100%;
		color:#454545;
		
		
	}
	
	.select-wrapper .holder{
		display: none;
		margin: 0px;
		white-space: nowrap;            
		overflow: hidden;
		cursor: pointer;
		position: relative;
		z-index: -1;
	}
	.select-wrapper select{
		margin: 0;
		
		z-index: 2;            
		cursor: pointer;
		outline: none;
		opacity: 0.45;
		/* CSS hacks for older browsers */
		_noFocusLine: expression(this.hideFocus=true); 
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-khtml-opacity: 0;
		-moz-opacity: 0;
        width:100%;
		
	}
	
	.name { color:#D54035; font-size:20px; }
    
    /* Let's Beautify Our Form */
	
	#error {  color:#008AFF; font-family: 'Lato', sans-serif; font-size:14px; font-weight:bold; background:#fff;
	padding-top:10px; padding-bottom:10px; width:100%; text-align:center; 
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; display:none; margin-top:10px;   
	}
	
	#error_reg { color:#008AFF; font-family: 'Lato', sans-serif; font-size:14px; font-weight:bold; float:right; background:#fff;
	padding-top:10px; padding-bottom:10px; width:100%; text-align:center; 
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; display:none; float:left;  margin-bottom:10px;   }

#error_reg_cu { color:#008AFF; font-family: 'Lato', sans-serif; font-size:14px; font-weight:bold; background:#fff;
	padding-top:10px; padding-bottom:10px; width:100%; text-align:center; 
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; display:none; margin-top:10px; border:#efefef 1px solid;   }

.respnsve_adjst {
	float:left !important; margin-left:5%;
	
	 }
	 
.cpy_rite {font-family:'lato', san-serif; font-size:13px; color:#434343; text-align:right; margin-right: 25px; }
.ste_mp { font-family:'lato', san-serif; font-size:13px;  text-align:left;
margin-left:20px;margin: 0; }

.navMenu {
	display:none !important;
	display:inline;
    
    /* CSS 3 */
    
}

.navMenu a {
    color: #333;
    border-right: 1px solid rgba(255,255,255,.5);
    display: inline-block;
    float: left;
    font-size: 12px;
    padding: 0 15px;
    text-align: center;
    text-shadow: 0 1px 1px #FFF;
    text-transform: uppercase;
    text-decoration: none;
    width: 115px;
    /* CSS3 */
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.navMenu a:hover { background: rgba(0, 0, 0,.05) }

.navMenu input {
    background: url(http://www.quranreading.com../new-images/search.jpg) 5px center no-repeat #FFF;
    border: 1px solid #AAA;
    color: #666;
    float: right;
    font-size: 11px;
    margin:0 0 15px 0;
    opacity: 0.6;
    outline: none;
    padding: 7px 5px 7px 40px;
	
    width: 100%;
    /* CSS3 */
    -webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.navMenu input:hover { opacity: 1 }

.navMenu input:focus {
    opacity: 1;
    width: 100%;
}

.navMenu input:focus ~ a { width: 100%; }


.course_heading{
	color:#013872; 
	font-size:25px; 
	font-family: 'helvetica_ceregular', sans-serif;	
	}
	
.course_select{
		background:#f3f3f3; 
		color:#999; 
		font-size:15px; 
		padding:5px;
		width:100px;	
	}
	
.course_reg{
	display:block; 
	padding-left:20px; 
	padding-right:20px; 
	padding-top:10px; 
	padding-bottom:10px; 
	background:#70AC00; 
	color:#fff; 
	font-size:18px; 
	margin-top:10px;	
	}
			
.table_heading2{
	font-weight:bold !important;	
	}		
}




@media only screen 
and (min-width : 500px) 
and (max-width : 640px) {
.lilmuslim-head{
	float: left;
    margin-left: 5px;
    margin-top: 22px;
    width: 50.5%;
}

.lilmuslim-head img{
	width:100%;
}


}

.margin-top-70{
	padding-top:70px;
}

.margin-top-1{
	margin-top:1rem;
}

/* responsive media queries  */

@media only screen 
and (max-width : 499px) {
	
	.margin-top-70{
	padding-top:0px;
}

.lilmuslim-head{
	/*float: left;
    margin-left: 5px;
    margin-top: 22px;*/
    width: 100%;
}

.lilmuslim-head img{
	width:100%;
}

	.padding_top {
		padding-top: 200px !important;
	}

	
}


@media only screen 
and (min-width : 1024px) {

.lilmuslim-head{
	float:left;
	margin-left:24px;
	margin-top:31px;
	width:352px;
}

.lilmuslim-head img{
	width:100%;
}

.apps_btm_heading2{
	font-size: 20px !important;
font-family: 'helvetica_ceregular', sans-serif;
color: #494949;
	}
	
	.txt_ali { text-align:left !important; }
	
.h_align {padding-left:2% !important; margin:0; }

.strng_align { margin:0 !important; }

.navMenu {
	display:none !important;
	margin-top:11px;
	float:right;
	display:inline;
	width:19%;
    
    /* CSS 3 */
    
}

.navMenu a {
    color: #333;
    border-right: 1px solid rgba(255,255,255,.5);
    display: inline-block;
    float: left;
    font-size: 12px;
    padding: 0 15px;
    text-align: center;
    text-shadow: 0 1px 1px #FFF;
    text-transform: uppercase;
    text-decoration: none;
    width: 115px;
    /* CSS3 */
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.navMenu a:hover { background: rgba(0, 0, 0,.05) }

.navMenu input {
    background: url(http://www.quranreading.com../new-images/search.jpg) 10px center no-repeat #FFF;
    border: 1px solid #AAA;
    color: #666;
    float: right;
    font-size: 11px;
    margin:0;
    opacity: 0.6;
    outline: none;
    padding: 7px 5px 7px 40px;
	
    width: 100%;
    /* CSS3 */
    
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	
	
	
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.navMenu input:hover { opacity: 1 }

.navMenu input:focus {
    opacity: 1;
    width: 100%;
}

.navMenu input:focus ~ a { width: 95px }





	
/*************************************************************************************************************************/


    .wrapper {
        width: 1170px;
        margin: 0 auto;
        clear: both;
		padding-left:15px;
		padding-right:15px;
		overflow:hidden;
    }
	
	.wrapper p {
	padding-top: 2%;
font-family: 'Lato', sans-serif;
font-size: 15px;
/* padding-left: 3%;
padding-right: 3%; */
margin-top: 12px;
}
	
	.wrapper h2 { font-family: 'helvetica_ceregular', sans-serif; font-weight:normal; padding-left:3%; 
	padding-right:3%; }
	
	

    .pullover {
        display: none;
    }

    .call_ptn {
        display: none;
    }

    ._call-info {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: #717171;
        /*margin: 0 0 22px 0;*/
		/*margin-bottom: 12px;*/
    }
	
    ._call-info h1 {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 18px;
        font-weight: bold;
        color: #717171;
    }

    ._call-info h2 {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 15px;
        font-weight: bold;
        color: #70ac00;
        padding: 0px;
        margin: 0px;
    }
	._call-info a {color:#717171; }
	
	._call-info a:hover {color:#3aa2f1; }

    .logo {
        margin-top: 10px;
		margin-left:20px;
		margin-bottom: 10px;
    }

    .icon_place {
        margin-top: 20px;
		margin-right: 25px;
    }
	.icon_place2 {
        margin-top: 20px;
		margin-right: 25px;
		padding-bottom: 50px;
    }
    .phone {
        margin-right: 50px;
        margin-top: 50px;
    }

    .nav {
        background: #e4e4e4;
		height: 50px;
    }

    .banner_bg {
    background-image: url("../new-images/banner/12.jpg"); 
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
		
    }

    .banner_bg h1 {
        font-family: 'helvetica_ceregular', sans-serif;
    font-size: 40px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    }

    .banner_bg h2 {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 35px;
        font-weight: normal;
        color: #ffffff;
    }

    .width1 {
        text-align: center;
    }

    .mrgn {
        margin-left: 22px;
        margin-top: 20px;
    }

    .width2 {
        background: #052741;
       /*  width: 300px; */
		padding:15px;
		float:left;
    }

    .width2 h2 {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 22px;
        color: #FFF;
        margin-top: 20px;
        text-align: center;
        margin: 0 !important;
        padding: 0 !important;        
    }
	
	.width3{
		overflow:hidden;
		padding: auto 15px;
		margin-bottom:30px;
	}
	
	.width3 img{
		margin: auto;
		padding-top: 90px;
		width: 99px;
	}
	
    .input {
        width: 100%;
        padding: 5px;
		margin:5px 0px 5px 0px;
       
    }

    .text1 {
       font-family: 'Lato', sans-serif;
        font-size: 13px;
        color: #FFF;
        display: block;
        margin: 10px 0px 2px 14px;
        font-weight: bold;
    }

    .text2 {
        font-family: 'Lato', sans-serif;
        font-size: 13px;
        color: #FFF;
        display: block;
        margin: 5px 0px 2px 14px;
        font-weight: bold;
    }

    .cntct_btn {

        padding: 10px;
        text-align: center;
        margin: 10px 0px 10px 0px;;
    }
	/* .cntct_btn a{
        color:#fff;
    } 
	
	.cntct_btn a:hover{
        color:#24abe5 !important;
		text-decoration: none;
    } */

    .cntct_lnk {
        color: #fff;
		font-family: 'helvetica_ceregular', sans-serif;
		font-size: 20px;
		font-weight: bold;
		border: 1px solid #fff;
		width: 100%;
		text-align: center;
		background-color: transparent;
    }
	 .cntct_lnk:hover{
        color: #fff;
		background-color: #3AA2F1;
    }

    .text3 {
        color: #fff;
		font-family: 'Lato', sans-serif;
		font-size: 12px;
		margin-left: 10px;
		margin-right: 24px;
		font-weight: normal;
		margin: 0;
		margin-top: 5px;
		margin-left: 43px;
    }
	
	#rnewsletter {
		margin-left: -160px;
	}

    .checkbox {
        text-align: center;
        /* margin-left: 50px; */
        margin-bottom: 20px;
    }

    .content {
        margin-top: 50px;
        padding-bottom: 30px;
    }

    .content h1 {
        color: #494949;
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 24px;
		text-align:left;
		font-weight: normal;
		margin-left:3%;
    }

    .content p {
        color: #494949;
        font-size: 15px;
        font-family: 'Lato', sans-serif;
        margin-top: 10px;
		
		
		
    }
	
	.spacer { display:block; margin-top: 15px !important; }

    .box {
        width: 300px;
        margin-left: 30px;
        margin-top: 20px;
    }

    .box_2nd {
        width: 300px;
        margin-left: 46px;
    }

    .descrip {
    }

    .descrip h5 {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 20px;
        color: #494949;
		font-weight:normal;
		margin-top: 5px;
margin-bottom: 5px;
    }

    .descrip p {
       font-family: 'Lato', sans-serif;
        font-size: 15px;
        color: #494949;
		margin: 0;
padding: 0;
    }

    .mrgn_tp {
        margin-top: 25px;
    }

    .test {
        border: 1px #dddada solid;
        background: #f3f3f3;
		padding-top:20px;
		padding-bottom:20px;
        
    }

    .test h4 {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 24px;
        color: #2e2e2e;
		font-weight:normal;
		margin-left:3%;
    }

    .test h5 {
        font-family: 'Lato', sans-serif;
        font-size: 17px;
        color: #70ac00;
        margin-left: 10px;
		font-weight:500;
		margin-left:3%;
    }

    .mrgn_left {
        margin-left: 100px;
    }

    .width4 {
        width: 400px;
		padding-left: 2%;
		padding-right: 2%;
		
    }

    .width4 p {
        color: #3e3e3e;
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        margin-top: 20px;
    }

    .test_link {
        font-size: 13px;
        color: #013872;
        font-family: 'Lato', sans-serif;
		margin-right: 10px;
    }

    .launch_live_ptn {
        margin-left: 50px;
        margin-top: 60px;
        margin-bottom: 50px;
        width: 300px;
    }

    .launch_live {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 25px;
        color: #424141;
		text-align:left;
    }

    .launch_live_ptn p {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 21px;
        color: #424141;
		margin:0; padding:0;
    }

    .launch_live_ptn a {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 24px;
        color: #70ac00;
        margin-left: 45px;
        margin-top: 10px;
    }

    .quran_read_ptn {
        margin-left: 205px;
        margin-top: 50px;
        margin-bottom: 50px;
        width: 375px;
    }

    .read_mrgn {
        margin-top: 10px;
        margin-left: 10px;
    }

    .quran_read {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 27px;
        color: #424141;
    }

    .quran_read_ptn p {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 21px;
        color: #424141;
        font-weight: normal;
		text-align:left;
		margin:0; padding:0;
    }

    .quran_read_ptn a {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 24px;
        color: #70ac00;
        margin-top: 10px;
        text-align: center;
        margin-left: 90px;
    }

    .article_bg {
        background: #f2f2f2;
        padding-bottom: 50px;
    }

    .article_bg h1 {
        color: #2e2e2e;
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 24px;
        padding: 30px 0 25px 30px;
		font-weight:normal;
		
    }

    .article_bg h2 {
        color: #013872;
        font-family: 'Lato', sans-serif;
        font-size: 15px;
        width: 300px;
    }

    .article_bg p {
        color: #494949;
        font-family: 'Lato', sans-serif;
        font-size: 15px;
        margin-top: 15px;
    }

    .art_desp {
        color: #494949;
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        margin-top: 15px;
    }

    .comments {
        font-family: 'Lato', sans-serif;
        font-size: 13px !important;
        color: #70ac00 !important;
       
		margin:0px 10px 0px 0px !important;
		padding: 0px !important;
    }

    .article_ptn {
        margin-top: 15px;
    }

    .subscribe_h {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 26px;
        color: #424141;
        text-align: center;
        margin-top: 50px;
    }

    #learning {
        background: #06336e;
        margin-top: 10px;
		margin-bottom:10px;
		
    }

    .cntct_btn_btm {
        background: url(http://www.quranreading.com../new-images/btn_bg.png) repeat;
        padding: 5px;
        text-align: center;
        margin: 10px 0px 4px 0px;
        width: 220px;
        display: inline-block;
		
		
    }

    .input_ptn {
        width: 225px;
        padding: 15px;
        margin: 10px 10px 10px 10px;
    }

    .btn_width {
        width: 230px;
    }

    .checkbox_btm {
        text-align: center;
        margin-left: 45px;
        padding-bottom: 10px;
    }

    .cntct_lnk_btm {
        color: #052741;
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 20px;
        font-weight: normal;
    }

    .reg_lnk_btm {
        color: #052741;
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 21px;
        font-weight: normal;
    }

    #learning h1 {
        font-size: 23px;
        font-family: 'helvetica_ceregular', sans-serif;
        color: #052741;
        display: inline-block;
        margin: 10px;
		font-weight: normal;
    }

    .call {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 18px;
        color: #052741;
        display: inline-block;
        margin: 0 15px 0 10px;
		padding:0 !important;
    }
	
	.call a { color:#fff; font-size:18px; }
	
	.call a:hover {color:#fff; } 

    .footer_bg {
        background: #F2F2F2;
        padding: 30px;
    }

    /* .footer_box {
        width: 160px;
    } */

    .footer_box h1 {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 20px;
        color: #434343;
        margin-bottom: 10px;
    }

    .footer_box p {
       font-family: 'Lato', sans-serif;
        font-size: 13px;
        color: #5a5a5a;
        margin-top: 10.5px;
    }

    .footer_box a  {
        font-family: 'Lato', sans-serif;
        font-size: 13px;
        color: #5a5a5a;
        margin-top: 10px;
    }
	
	.footer_box a:hover, .footer_box2 a:hover{
        font-family: 'Lato', sans-serif;
        font-size: 13px;
        color: #3aa2f1;
        margin-top: 10px;
    }

    .footer_box2 {
/* width: 177px; 
margin-left: 98px;*/
    }

    .footer_box2 h1 {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 20px;
        color: #434343;
        margin-bottom: 10px;
    }

    .footer_box2 p {
        font-family: 'Lato', sans-serif;
        font-size: 13px;
        color: #5a5a5a !important;
        margin-top: 10px;
		text-align:left;
    }

.footer_box2 a {
    color: #5A5A5A;
   font-family: 'Lato', sans-serif;
    font-size: 13px;
    margin-top: 10px;
}

    .steps {
        display: none;
    }

    .iner_banner_panel {
        margin-top: 23px;
        margin-bottom: 5px;
        width: 100%;
    }

    .iner_banner_panel h2 {
        text-align: center;
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 35px;
        color: #052741;
        font-weight: normal;
    }

    .iner_banner_panel h3 {
        text-align: center;
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 25px;
        color: #052741;
        margin-top: 35px;
        font-weight: normal;
    }

    .iner_banner_panel2 {
        margin: 0 35%;
        padding-bottom: 20px;
        width: 30%;
    }

    .reg_me {
        background: url(http://www.quranreading.com../new-images/btn_bg.png) repeat;
        padding: 13px 15px 15px 15px !important;
        text-align: center;
        width: 100%;
        display: inline-block;
    }

    .iner_content {
        width: 45%;
    }

    .iner_content h2 {
        font-size: 30px;
        font-family: 'helvetica_ceregular', sans-serif;
        color: #494949;
		text-align:left;
		font-weight:normal;
		padding-left: 5%;
    }

    .iner_content p {
        font-size: 15px;
        font-family: 'Lato', sans-serif;
        color: #494949;
		 margin-top: 20px;
		 padding-left: 6%;
    }

    .iner_content_bg {
        background: #f3f3f3;
        padding: 20px;
    }

    .iner_content_bg2 {
        padding: 20px;
    }

    .iner_img_ajdust {
        width: 45%;
        margin-left: 70px;
    }

    .iner_img_ajdust2 {
        width: 45%;
        margin-right: 50px;
    }
	
	.iner_img_ajdust p {
font-size: 15px;
font-family: 'Lato', sans-serif;
color: #494949;
margin-top:20px;
}

.iner_img_ajdust2 p {
font-size: 15px;
font-family: 'Lato', sans-serif;
color: #494949;
}

.iner_img_ajdust h2 {
font-size: 30px;
font-family: 'helvetica_ceregular', sans-serif;
color: #494949;
}

.iner_img_ajdust2 h2 {
font-size: 30px;
font-family: 'helvetica_ceregular', sans-serif;
color: #494949;
}


    .iner_img {
        width: 100%;
        text-align: center;
		margin-top:10%;
    }

    .drive_kids {
        font-size: 27px;
        font-family: 'helvetica_ceregular', sans-serif;
        color: #013872;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .arrow_down {
        text-align: center;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .iner_list_style {
        list-style: square inside;
        margin-left: 10px;
        line-height: 25px;
		margin-top:10px;
		font-size:15px;
		margin-left:3%;
		margin-right:3%;
		
		
    }
	
		.tbl_border {border:3px #013872 solid; margin-top:10px; }
		
		.tbl_border h2 {font-family:'helvetica_ceregular', sans-serif; font-size:14px; background:#013872; color:#fff; padding: 5px; }
		
		.tbl_width{width: 100%; border:none; }
		
		.tbl_width td { padding:5px; }
		
		.td_bg_color { background:#013872; color:#fff; font-size:16px; }
		
		.tr_bg_color { background:#DCDEDC; font-size:16px; }
		.tr_bg_color2 { background:#FCFEFC; font-size:16px; }
		
		.form_txt {   color: #000;
        font-family: 'Lato', sans-serif;
        font-size: 12px;
        margin-left: 10px;
        display:block; padding:9px;
    }
		
		
.cntact_h1{ font-size:30px; font-family: 'helvetica_ceregular', sans-serif; color:#494949; font-weight:normal;
margin-left:3%;  }

.cntact_box {margin-top:1%; }

.cntact_h5 { font-size:19px !important; 
font-family: 'helvetica_ceregular', sans-serif;
 color:#2a79b4 !important;
 border-bottom:1px #b7b7b7 solid; padding-bottom:5px; font-weight:normal; } 
 
 
.cntact_pack {
	margin-left: 30px;
    margin-top: 20px;
    width: 290px;
}
	
.cntact_desc { width:60%; }

.left_tbl{width:45%; margin-top:1%; }
.left_tbl td { width:50%; }

.right_tbl{width:45%; margin-top:1%; margin-left:5%; }
.right_tbl td {width:50%; }

.cntact_input {
        width: 100%;
        padding: 10px;
		margin:5px 0px 5px 0px;
		border-top:3px #dedede solid;
		border-left:3px #dedede solid;
		border-right:1px #dedede solid;
		border-bottom:1px #dedede solid;
		
       
    }
.cntact_border { border:1px #dedede solid; padding:2%; background:#fff !important; margin-top:4%; }

.cntact_head{ font-size:21px !important; 
font-family: 'helvetica_ceregular', sans-serif;
 color:#2a79b4 !important; font-weight:normal;
 }
 
.cntact_txt { font-size:15px; color:#454545; font-weight:normal; font-family: 'Lato', sans-serif; text-align:left; }
.radio_txt{font-size:15px; color:#454545; font-family: 'Lato', sans-serif; margin-right:9%;
}
.radio_mgn{padding:2% 0 2% 0; text-align:left;}



.cntact_submit { background:#70ac00; padding:1% 5% 1% 5%; margin-top:1%; margin-left:23%; font-weight:normal; } 
 
.submit_txt { font-size:21px; color:#fff; font-family: 'Lato', sans-serif;
font-weight:bold; font-weight:normal; }

.mandatory_txt{font-size:15px; color:#454545; font-family: 'Lato', sans-serif;
margin-left:20%; font-style:italic;
}
 
.apps_h2 { font-size:25px !important; font-family: 'helvetica_ceregular', sans-serif; color:#494949; }
 
.apps_h1 { font-size:24px; color:#fff;  font-family: 'helvetica_ceregular', sans-serif; background:#0d67ac; padding:1%; }

.apps_border { border:1px #dedede solid; margin-top:3%; }

.apps_ptn {padding:2%; border-top:1px #dedede solid; }

.apps_desc{ width:82%; }

.apps_head { font-size:19px; color:#2e7cb4; font-family: 'helvetica_ceregular', sans-serif;}

.download_desc{ margin-left:2%; }

.download_head { font-size:19px; color:#70ac00; font-family: 'helvetica_ceregular', sans-serif; margin:0px !important; padding:0px !important; 
line-height: 55px;   display:inline }

.download_span { font-size:20px; color:#70ac00; font-family: 'helvetica_ceregular', sans-serif; padding:0px !important; margin-left:15px; margin-right:15px;
display:inline-block;
  }

.apps_desc p { font-size:16px; font-family: 'Lato', sans-serif; } 

.apps_desc a { color:#70ac00; font-size:16px; font-weight:bold; font-family: 'Lato', sans-serif; }

.view_apps { color: #2E7CB4;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    margin-top: 5%;
	text-decoration:underline;  }

.abt_h5 { color: #494949;
    font-family: 'helvetica_ceregular',sans-serif;
    font-size: 19px !important;
	line-height:85px;
	font-weight:normal;
	margin-left: 5px;
} 
.abt_container {  padding: 1% 1% 1% 3%;
    width: 32%; }

.abt_pack1 {margin-top:6%; width:100%; } 
 
 .tree {
        margin-top: 20px;
width:auto;
height:auto;
margin-left:40px;
 
    }
.tree_push {
        margin-top: 20px;
width:auto;
height:auto;
padding-left:40px;
margin-left:30px;
 
    }
.tree_push ul{
        padding:0px;
margin:0px;
}
.tree_push ul li
{	font-size: 13px;
        font-family: 'Lato', sans-serif;
        color: #494949;
list-style:disc;
line-height:30px;
}
.tree_push ul li
{	font-size: 13px;
        font-family: 'Lato', sans-serif;
        color:#5A5A5A;
list-style:disc;
line-height:30px;
}
.tree_push a
{ color: #494949 !Important ;
}
    .tree ul{
        padding:0px;
margin:0px;
}
.tree ul li
{	font-size: 15px;
       font-family: 'Lato', sans-serif;
        color: #494949;
list-style:disc;
line-height:30px;
}
.tree ul li
{	font-size: 15px;
        font-family: 'Lato', sans-serif;
        color:#5A5A5A;
list-style:disc;
line-height:30px;
}
.tree a
{ color: #494949 !Important ;
}
 	
.register_ol { font-size: 15px;
       font-family: 'Lato', sans-serif;
        color:#5A5A5A;
		list-style:disc;
		line-height:30px; list-style:decimal;
		margin-left: 5%;  }

.iner_content strong { margin-left:6%; }

.iner_content ol {  }

.iner_content li { margin-left:3%; }

.iner_img2 { width:70%;}


.select-wrapper{
		float: left;
		display: inline-block;
		border-color: #DEDEDE;
    	border-style: solid;
    	border-width: 3px 1px 1px 3px;
    	margin: 5px 0;
		padding-top: 10px;
		padding-bottom:10px;
    
		background-image:url(http://www.quranreading.com/customselect/arrow.png);
		background-repeat:no-repeat;
		background-position:right;
		cursor: pointer;
		color:#454545;
		
		
	}
	.select-wrapper, .select-wrapper select{
		width: 100%;
		color:#454545;
		
		
	}
	
	.select-wrapper .holder{
		display: none;
		margin: 0px;
		white-space: nowrap;            
		overflow: hidden;
		cursor: pointer;
		position: relative;
		z-index: -1;
	}
	.select-wrapper select{
		margin: 0;
		
		z-index: 2;            
		cursor: pointer;
		outline: none;
		opacity: 0.45;
		/* CSS hacks for older browsers */
		_noFocusLine: expression(this.hideFocus=true); 
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-khtml-opacity: 0;
		-moz-opacity: 0;
        width:100%;
		
	}
	
	.custom-select {  }
	
	.custom-select option {}
    
    /* Let's Beautify Our Form */
	
	.name { color:#D54035; font-size:20px; }
	
	  #error {  color:#008AFF; font-family: 'Lato', sans-serif; font-size:14px; font-weight:bold; background:#fff;
	padding-top:10px; padding-bottom:10px; width:100%; text-align:center; 
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; display:none; margin-top:10px;   
	}
	
	#error_reg { color: #008AFF;
font-family: 'Lato', sans-serif;
font-size: 14px;
font-weight: bold;

background: #fff;
padding-top: 5px;
padding-bottom: 5px;
width: 22%;
text-align: center;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: none;
float: left;
margin-left: 26.5%;
margin-bottom: 10px;

  }


		#error_reg_cu { color:#008AFF; font-family: 'Lato', sans-serif; font-size:14px; font-weight:bold; background:#fff;
	padding-top:10px; padding-bottom:10px; width:100%; text-align:center; 
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; display:none; margin-top:10px; border:#efefef 1px solid;   }

.cpy_rite {font-family:'lato',san-serif; font-size:13px; color:#434343; text-align:right; margin-right:33%; }
.ste_mp { font-family:'lato',san-serif; font-size:13px;  text-align:left; margin-left:1%; display:inline-block;margin-top:0; }

.container {  } 

.space_bottom{
	margin-bottom:60px;}
	
	
.course_heading{
	color:#013872; 
	font-size:25px; 
	font-family: 'helvetica_ceregular', sans-serif;	
	}
	
.course_select{
		background:#f3f3f3; 
		color:#999; 
		font-size:15px; 
		padding:5px;
		width:100px;	
	}
	
.course_reg{
	display:block; 
	padding-left:20px; 
	padding-right:20px; 
	padding-top:10px; 
	padding-bottom:10px; 
	background:#70AC00; 
	color:#fff; 
	font-size:18px; 
	margin-top:10px;	
	}
	
.table_heading2{
	font-weight:bold !important;	
	}
		
}

@media only screen 
and (max-width : 640px) {
	
	
	#menu .nav > li{
		padding-left: 0px !important;
	}
	
	#menu .nav > li a{
		padding: 10px 14px !important;
	}
	
	.padding_top {
		padding-top: 175px !important;
	}
	
.apps_btm_heading2{
	font-size: 20px !important;
font-family: 'helvetica_ceregular', sans-serif;
color: #494949;
	}

    .wrapper {
        width: 100%;
        margin: 0 auto;
    }
	
	.wrapper p { padding-left:2%; padding-right:2%; padding-top:5%; margin-top:3%; font-family: 'Lato', sans-serif; 
	font-size:15px; }
	
	.wrapper h2 { padding-left:2%; padding-right:2%;}
	
	.wrapper ul {}

    .logo {
        margin-top: 15px;
        margin-bottom: 15px;
		margin-left: 40px;
		
    }
	#fee .well, #download .well{
		overflow-x:scroll;
    overflow-y:scroll;
	}

    .logo img {
        width: 100%;
    }

    .display {
        display: none;
    }

    .call_ptn {
       
		width:227px;
		float:right;
    }


    .pullover {
        background: #f0f0f0;
 /* Old browsers */
        background: -moz-linear-gradient(top, #f0f0f0 0%, #d5d5d5 100%);
 /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#d5d5d5));
 /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f0f0f0 0%,#d5d5d5 100%);
 /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f0f0f0 0%,#d5d5d5 100%);
 /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f0f0f0 0%,#d5d5d5 100%);
 /* IE10+ */
        background: linear-gradient(to bottom, #f0f0f0 0%,#d5d5d5 100%);
 /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#d5d5d5',GradientType=0 );
 /* IE6-9 */
        color: #70ac00;
        margin: 6px 1px;
        padding: 10px !important;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 12px;
        font-weight: bold;
    }

    .pullover a {
        color: #70ac00;
        font-family: 'Lato', sans-serif;
        font-size: 12px;
        font-weight: bold;
    }

    ._call-info {
        display: none;
    }

    ._call-info h1 {
        display: none;
    }

    ._call-info h2 {
        display: none;
    }

    .icon_place {
        margin-top: 31px;
		text-align:left;
		padding-right:10px;
		margin-bottom: 25px;
    }

    .icon_place img {
        text-align: left !important;
		float: left !important;
		width: 32px !important;
		margin-top: -10px !important;
		display:none;
    }
	
	.icon_place2 {
        margin-top: 10px;
		text-align:left;
		padding-right:10px;
		float: left !important;
    }

    .icon_place2 img {
        margin-top: 3px;
		text-align:left;
    }

    .phone {
        display: none;
    }

    .nav {
        background: #e4e4e4;
    }

   /*  .banner_bg {
        background-image: url(http://www.quranreading.com../new-images/banner_bg.png);
        background-repeat: repeat-x;
    } */

    .banner_bg img {
        width: 100%;
        height: auto;
    }

    .banner_bg h1 {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 35px;
        font-weight: normal;
        color: #052741;
        text-align: center;
    }

    .banner_bg h2 {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 20px;
        font-weight: normal;
        color: #052741;
    }

    .width1 {
        width: 100%;
        text-align: center;
		margin-bottom: 30px;
    }

    .mrgn {
        display: none;
    }

    .steps {
       font-family: 'Lato', sans-serif;
        color: #052741;
        font-size: 15px;
        margin-top: 5px;
        text-align: center;
    }

    .mrgn img {
    }

    .width2 {
        width: 100%;
        padding: 10px;
        margin-top: 10px;
        background: #052741;
    }

    .width2 h2 {
    font-family: 'helvetica_ceregular', sans-serif;
    font-size: 24px;
    color: #fff;
    margin-top: 20px;
    text-align: center;
	}

    .input {
        margin-top: 5px;
        padding: 10px;
        width: 100%;
    }
	

    .text1 {
       font-family: 'Lato', sans-serif;
        font-size: 13px;
        color: #fff;
        display: block;
        margin-top: 5px;
        font-weight: bold;
    }

    .text2 {
       font-family: 'Lato', sans-serif;
        font-size: 13px;
        color: #fff;
        display: block;
        margin-top: 5px;
        font-weight: bold;
    }

    .cntct_lnk {
        color: #fff;
		font-family: 'helvetica_ceregular', sans-serif;
		font-size: 20px;
		font-weight: bold;
		border: 1px solid #fff;
		width: 100%;
		text-align: center;
		background-color: transparent;
    }
	 .cntct_lnk:hover{
        color: #fff;
		background-color: #3AA2F1;
    }
	
	#rnewsletter{
		margin-left: -243px;
	}

    .text3 {
		color: #fff;
		font-family: 'Lato', sans-serif;
		font-size: 12px;
		margin-left: 220px;
		margin-top: 5px;
    }

    .txt4 {
    }

    .checkbox {
        text-align: center;
        margin-left: 5px;
        margin-bottom: 20px;
        margin-top: 10px;
		display: none !important;
    }

    .content {
        margin-top: 20px;
        padding: 5px;
    }

    .content h1 {
        color: #494949;
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 24px;
		text-align:left;
    }

    .content p {
        color: #494949;
        font-size: 15px;
       font-family: 'Lato', sans-serif;
        margin-top: 10px;
    }

    .box {
        width: 100%;
    }

    .box img {
        display: block !important;
        margin: 0 auto;
    }

    .img_align {
        text-align: center !important;
        width: 100%;
    }

    .box_2nd {
    }

    .descrip {
        margin-top: 10px;
        width: 100%;
    }

    .descrip h5 {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 20px;
        color: #494949;
        padding-top: 20px;
    }

    .descrip p {
        font-family: 'Lato', sans-serif;
        font-size: 15px;
        color: #494949;
        text-align: justify;
        padding-bottom: 20px;
    }

    .mrgn_tp {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .test {
        border: 1px #dddada solid;
        background: #f3f3f3;
        padding: 5px;
    }

    .test h4 {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 24px;
        color: #2e2e2e;
		text-align: center;
    }

    .test h5 {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 17px;
        color: #70ac00;
        margin-left: 5px;
		text-align: center;
    }

    .mrgn_left {
        display: none;
    }

    .width4 {
        padding: 5px;
    }

    .width4 p {
        color: #3e3e3e;
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        margin-top: 20px;
        text-align: justify;
    }

    .test_link {
        font-size: 13px;
        color: #013872;
        font-family: 'Lato', sans-serif;
    }

    .launch_live_ptn {
        margin-bottom: 35px;
        margin-top: 35px;
        padding: 2% 10%;
        width: 100%;
    }

    .launch_live {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 20px;
        color: #424141;
    }

    .launch_live_ptn p {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 21px;
        color: #424141;
		margin:0; padding:0;
    }

    .launch_live_ptn a {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 24px;
        color: #70ac00;
        margin-top: 10px;
    }

    .quran_read_ptn {
        margin-bottom: 35px;
        width: 100%;
        padding: 2% 10%;
    }

    .quran_read_ptn img {
        width: 100%;
        padding-right: 0px;
        margin-right: 0px;
    }

    .read_mrgn {
        margin-top: 10px;
    }

    .quran_read {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 27px;
        color: #424141;
    }

    .quran_read_ptn p {
        font-family: 'helvetica_ceregular', sans-serif;
        color: #424141;
        font-size: 18px;
        font-weight: normal;
		margin:0; padding:0;
    }

    .quran_read_ptn a {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 24px;
        color: #70ac00;
        margin-top: 10px;
        text-align: center;
    }

    .article_bg {
        background: #f2f2f2;
        padding-bottom: 20px;
    }

    .article_bg h1 {
        color: #2e2e2e;
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 24px;
        padding: 20px 0 20px 0px;
        text-align: center;
    }

    .article_bg h2 {
        color: #013872;
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 15px;
    }

    .article_bg p {
        color: #494949;
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        margin-top: 15px;
    }

    .art_desp {
        color: #494949;
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        margin-top: 15px;
		
    }

    .comments {
        font-family: 'Lato', sans-serif;
        font-size: 13px !important;
        color: #70ac00 !important;
        margin-top: 0px !important;
		margin:0 !important;
		padding:0 !important;
    }

    .article_ptn {
        margin-top: 15px;
		margin-left: 15px;
		margin-right: 5px;
    }

    .subscribe_h {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 26px;
        color: #424141;
        text-align: center;
        margin-top: 30px;
    }

    #learning {
        background: #06336e;
        padding: 10px;
        margin-top: 10px;
    }

    .cntct_btn_btm {
        background: url(http://www.quranreading.com../new-images/btn_bg.png) repeat;
        padding: 5px;
        text-align: center;
        margin-top: 10px;
        width: 100%;
        display: inline-block;
    }

    .input_ptn {
        padding: 15px;
        margin-top: 10px;
        width: 100%;
    }

    .btn_width {
        width: 100%;
    }

    .checkbox_btm {
        margin-top: 10px;
        text-align: center;
    }

    .cntct_lnk_btm {
        color: #052741;
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 20px;
        font-weight: bold;
    }

    .reg_lnk_btm {
        color: #052741;
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 14px;
        font-weight: normal;
    }

    #learning h1 {
        font-size: 23px;
        font-family: 'helvetica_ceregular', sans-serif;
        color: #052741;
        display: inline-block;
        margin: 12px;
    }

    .call {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 18px;
        color: #052741;
        display:block;
        margin: 0 0 0 60px;
		padding:0 0 10px 0 !important;
    }
	
	.call a { color:#fff; } 

    .footer_bg {
        background: #F2F2F2;
        padding: 10px;
        width: 100%;
    }

    .footer_box {
        width: 100%;
		text-align: center;
    }

    .footer_box h1 {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 20px;
        color: #434343;
        margin-bottom: 10px;
    }

    .footer_box p {
       font-family: 'Lato', sans-serif;
        font-size: 13px;
        color: #5a5a5a;
        margin-top: 10px;
    }

    .footer_box a {
       font-family: 'Lato', sans-serif;
        font-size: 13px;
        color: #5a5a5a;
        margin-top: 10px;
    }

    .footer_box2 {
        margin-top: 30px;
         width: 100%;
		text-align: center;
    }

    .footer_box2 h1 {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 20px;
        color: #434343;
        margin-bottom: 10px;
    }

    .footer_box2 p {
        font-family: 'Lato', sans-serif;
        font-size: 13px;
        color: #5a5a5a;
        margin-top: 10px;
		text-align:center;
    }
	.footer_box2 a {
    color: #5A5A5A;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    margin-top: 10px;
}

    .iner_banner_panel {
        margin-top: 23px;
        margin-bottom: 15px;
        width: 100%;
        padding: 5px;
    }

    .iner_banner_panel h2 {
        text-align: center;
    }

    .iner_banner_panel h3 {
        text-align: center;
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 18px;
        color: #052741;
        margin-top: 35px;
        font-weight: normal;
    }

    .iner_banner_panel2 {
        width: 40%;
        margin: 0 30%;
        padding-bottom: 20px;
    }

    .steps {
        font-family: 'helvetica_ceregular', sans-serif;
        font-size: 18px;
        color: #052741;
        margin-top: 20px;
        text-align: center;
    }

    .reg_me {
        background: url(http://www.quranreading.com../new-images/btn_bg.png) repeat;
        padding: 7px;
        text-align: center;
        width: 100%;
        display: inline-block;
    }

    .iner_content {
        width: 100%;
        padding: 2%;
        margin-top: 10px;
    }

    .iner_content h2 {
        font-size: 18px;
        font-family: 'helvetica_ceregular', sans-serif;
        color: #494949;
        margin-bottom: 20px;
    }

    .iner_content p {
        font-size: 15px;
        font-family: 'Lato', sans-serif;
        color: #494949;
        text-align: justify;
		
    }

    .iner_content_bg {
        background: #e4e4e4;
        margin-top: 20px;
    }

    .iner_content_bg2 {
        margin-top: 20px;
    }

    .iner_img_ajdust {
        width: 100%;
        padding: 2%;
    }

    .iner_img_ajdust2 {
        width: 100%;
        padding: 2%;
    }
		.iner_img_ajdust p {
font-size: 15px;
font-family: 'Lato', sans-serif;
color: #494949;
}

.iner_img_ajdust2 p {
font-size: 15px;
font-family: 'Lato', sans-serif;
color: #494949;
}

.iner_img_ajdust h2 {
font-size: 18px;
font-family: 'helvetica_ceregular', sans-serif;
color: #494949;
}

.iner_img_ajdust2 h2 {
font-size: 18px;
font-family: 'helvetica_ceregular', sans-serif;
color: #494949;
}

    .iner_img {
        width: 70%;
		margin: 0 15% 0 15%;
    }

    .drive_kids {
        font-size: 27px;
        font-family: 'helvetica_ceregular', sans-serif;
        color: #013872;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 5px;
    }

    .arrow_down {
        text-align: center;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .iner_list_style {
        list-style: square inside;
       
        line-height: 25px;
		padding:2%;
		font-size:15px;
    }
	
	.tbl_border {border:3px #013872 solid; margin-top:10px; text-align:center; background:#DCDEDC;}
	.tbl_border h2 {font-family:'helvetica_ceregular', sans-serif; 
	font-size:14px; 
	background:#013872; 
	color:#fff; 
	padding: 5px; }
		
		.tbl_width{width: 100%; border:none; font-size:11px;  }
		
		.tbl_width td { padding:1px; }
		
		.td_bg_color { background:#013872; color:#fff; }
		
		.tr_bg_color { background:#DCDEDC; }
		.tr_bg_color2 { background:#FCFEFC; }
		
		.tr_bg_color a {color:#333333; }
		.tr_bg_color2 a {color:#333333; }
		
		.form_txt {   color: #000;
        font-family: 'Lato', sans-serif;
        font-size: 12px;
        margin-left: 10px;
        display:block; padding:9px;
		}
		
		
		
		.hide_at_phn { display:none;}
		
		
		
		.cntact_h1{ font-size:30px; font-family: 'helvetica_ceregular', sans-serif; color:#494949;
		padding-top:3%;  }

.cntact_box {margin-top:1%; padding-bottom:5%; }

.cntact_h5 { font-size:19px !important; 
font-family: 'helvetica_ceregular', sans-serif;
 color:#2a79b4 !important;
 border-bottom:1px #b7b7b7 solid; padding-bottom:5px; } 
 
 
.cntact_pack { padding-left: 2%;
    width: 100%; margin-top:5%;}
	
.cntact_desc {width:100%; }	


.left_tbl{width:100%; margin-top:1%; }

.left_tbl td { width:50%; }

.right_tbl{width:100%; margin-top:1%;  }

.right_tbl td { width: 50%;}

.cntact_input {
        width: 100%;
        padding: 10px;
		margin:5px 0px 5px 0px;
		border-top:3px #dedede solid;
		border-left:3px #dedede solid;
		border-right:1px #dedede solid;
		border-bottom:1px #dedede solid;
		
       
    }
.cntact_border { border:1px #dedede solid; padding:2%; background:#fff !important; margin-top:4%; }

.cntact_head{ font-size:21px !important; 
font-family: 'helvetica_ceregular', sans-serif;
 color:#2a79b4 !important;
 }
 
.cntact_txt { font-size:15px; color:#454545; font-weight:bold; font-family: 'Lato', sans-serif; text-align:left; }
.radio_txt{font-size:15px; color:#454545; font-family: 'Lato', sans-serif; display:block; margin-top:5%;
}
.radio_mgn{padding:2% 0 2% 0; text-align:left;}

.cntact_submit { background:#70ac00; padding:1% 5% 1% 5%; margin-top:1%; margin-left:50%; } 
 
.submit_txt { font-size:21px; color:#fff; font-family: 'Lato', sans-serif;
font-weight:bold; }

.mandatory_txt{font-size:15px; color:#454545; font-family: 'Lato', sans-serif;
margin-left:48%; font-style:italic; 
}



.apps_h2 { font-size:25px !important; font-family: 'helvetica_ceregular', sans-serif; color:#494949; }
 
.apps_h1 { font-size:24px; color:#fff;  font-family: 'helvetica_ceregular', sans-serif; background:#0d67ac; padding:1%; }

.apps_border { border:1px #dedede solid; margin-top:3%; }

.apps_ptn {padding:2%; border-top:1px #dedede solid; }

.apps_desc{ margin-left:2%; width:70%; }

.apps_head { font-size:19px; color:#2e7cb4; font-family: 'helvetica_ceregular', sans-serif;
text-align:left;}

.download_desc{ margin-left:2%; width:70%; }

.download_head { font-size:18px; color:#70ac00; font-family: 'helvetica_ceregular', sans-serif; margin:0px !important; padding:0px !important; 
line-height: 55px;   display:block; }

.download_span { font-size:20px; color:#70ac00; font-family: 'helvetica_ceregular', sans-serif; padding:0px !important; margin-left:50px; margin-right:50px;
display:none;
  }
.download_img{
	margin-top:80px;
	}

.apps_desc p { font-size:16px; font-family: 'Lato', sans-serif; } 

.apps_desc a { color:#70ac00; font-size:16px; font-weight:bold; font-family: 'Lato', sans-serif; }

.view_apps { color: #2E7CB4;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    margin-top: 5%;
	text-decoration:underline; 
	margin-right:2%;
	text-align:left; }
 
  
.abt_h5 { color: #494949;
    font-family: 'helvetica_ceregular',sans-serif;
    font-size: 19px !important; margin-top:3%;  
	
} 
.abt_container { width:100%; margin-top:5%; }

.abt_pack1 {margin-top:2%; width:45%; margin-left:3%; } 	
		
.tree {
        margin-top: 20px;
width:auto;
height:auto;
margin-left:40px;
 
    }
.tree_push {
        margin-top: 20px;
width:auto;
height:auto;
padding-left:40px;
margin-left:30px;
 
    }
.tree_push ul{
        padding:0px;
margin:0px;
}
.tree_push ul li
{	font-size: 13px;
        font-family: 'Lato', sans-serif;
        color: #494949;
list-style:disc;
line-height:30px;
}
.tree_push ul li
{	font-size: 13px;
        font-family: 'Lato', sans-serif;
        color:#5A5A5A;
list-style:disc;
line-height:30px;
}
.tree_push a
{ color: #494949 !Important ;
}
    .tree ul{
        padding:0px;
margin:0px;
}
.tree ul li
{	font-size: 13px;
        font-family: 'Lato', sans-serif;
        color: #494949;
list-style:disc;
line-height:30px;
}
.tree ul li
{	font-size: 13px;
        font-family: 'Lato', sans-serif;
        color:#5A5A5A;
list-style:disc;
line-height:30px;
}
.tree a
{ color: #494949 !Important ;
}	

.register_ol { font-size: 13px;
       font-family: 'Lato', sans-serif;
        color:#5A5A5A;
		list-style:disc;
		line-height:30px; list-style:decimal; 
		 padding: 5%; }			

.select-wrapper{
		float: left;
		display: inline-block;
		border-color: #DEDEDE;
    	border-style: solid;
    	border-width: 3px 1px 1px 3px;
    	margin: 5px 0;
		padding-top: 10px;
		padding-bottom:10px;
    
		background-image:url(http://www.quranreading.com/customselect/arrow.png);
		background-repeat:no-repeat;
		background-position:right;
		cursor: pointer;
		color:#454545;
		
		
	}
	.select-wrapper, .select-wrapper select{
		width: 100%;
		color:#454545;
		
		
	}
	
	.select-wrapper .holder{
		display: none;
		margin: 0px;
		white-space: nowrap;            
		overflow: hidden;
		cursor: pointer;
		position: relative;
		z-index: -1;
	}
	.select-wrapper select{
		margin: 0;
		
		z-index: 2;            
		cursor: pointer;
		outline: none;
		opacity: 0.45;
		/* CSS hacks for older browsers */
		_noFocusLine: expression(this.hideFocus=true); 
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-khtml-opacity: 0;
		-moz-opacity: 0;
        width:100%;
		
	}
	
	.name { color:#D54035; font-size:15px; }
	
	#error {  color:#008AFF; font-family: 'Lato', sans-serif; font-size:14px; font-weight:bold;  background:#fff;
	padding-top:10px; padding-bottom:10px; width:100%; text-align:center; 
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; display:none; margin-top:10px;   
	}
	
	#error_reg { color:#008AFF; font-family: 'Lato', sans-serif; font-size:14px; font-weight:bold; float:right; background:#fff;
	padding-top:10px; padding-bottom:10px; width:100%; text-align:center; 
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; display:none; margin-top:10px; z-index:4;  }

#error_reg_cu { color:#008AFF; font-family: 'Lato', sans-serif; font-size:14px; font-weight:bold; background:#fff;
	padding-top:10px; padding-bottom:10px; width:100%; text-align:center; 
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; display:none; margin-top:10px; border:#efefef 1px solid;   }
    
.respnsve_adjst {
	float:left !important; margin-left:5%;
	
	 }

.cpy_rite {font-family:'lato', san-serif; font-size:13px; color:#434343; text-align:left; }
.ste_mp { font-family:'lato', san-serif; font-size:13px; text-align:left;margin: 0; }


.navMenu {
	display:none !important;
	margin-top:11px;
    
    /* CSS 3 */
    
}

.navMenu a {
    color: #333;
    border-right: 1px solid rgba(255,255,255,.5);
    display: inline-block;
    float: left;
    font-size: 12px;
    padding: 0 15px;
    text-align: center;
    text-shadow: 0 1px 1px #FFF;
    text-transform: uppercase;
    text-decoration: none;
    width: 115px;
    /* CSS3 */
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.navMenu a:hover { background: rgba(0, 0, 0,.05) }

.navMenu input {
    background: url(http://www.quranreading.com../new-images/search.jpg) 5px center no-repeat #FFF;
    border: 1px solid #AAA;
    color: #666;
    float: right;
    font-size: 11px;
    margin:0 0 15px 0;
    opacity: 0.6;
    outline: none;
    padding: 7px 5px 7px 40px;
	
    width: 100%;
    /* CSS3 */
    -webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.navMenu input:hover { opacity: 1 }

.navMenu input:focus {
    opacity: 1;
    width: 100%;
}

.navMenu input:focus ~ a { width: 95px }

.course_heading{
	color:#013872; 
	font-size:20px; 
	font-family: 'helvetica_ceregular', sans-serif;	
	}
	
.course_select{
		background:#f3f3f3; 
		color:#999; 
		font-size:15px; 
		padding:5px;
		width:100px;	
	}
	
.course_reg{
	display:block; 
	padding-left:20px; 
	padding-right:20px; 
	padding-top:10px; 
	padding-bottom:10px; 
	background:#70AC00; 
	color:#fff; 
	font-size:15px; 
	margin-top:10px;	
	}
	
.table_heading2{
	font-weight:bold !important;	
	}
	.padding-top-70{padding-top:0px;}
				
}

@media (max-width: 459px) {
	
.para_number{
		display: block;
		text-align: center;
}
	
.services .col-sm-2 {
	padding: 30px;
	color: #fff;
	border: 1px solid #fff;
	text-align: center;
	height: 115px;
	padding-top: 50px;
}

section .section-body {
	margin-top: 3rem;
	margin-bottom: 3rem;
}

section {
	padding-top: 0rem;
	padding-bottom: 0rem;
}

.h2, h2 {
	font-size: 3rem;
}

	

}

@media (max-width: 767px) {
	.width2 {
		padding-bottom: 27px !important;
		width: 100%;
		background: #052741;
		margin-right: 0px;
		padding: 15px;
	}
	
	.skype_main ul li {
		float: none;
		list-style: none;
		font-size: 16px;
		padding-left: 10px;
		padding-right: 10px;
		margin-top: 30px;
		border-right: none;
		text-align: center;
	}
	
	.post-content-text {
		width: 100%;
	}
	
	#green_text table tr td a, #green_text table tr td {
		color: #099600 !important;
		text-align: left;
		padding: 5px;
		text-decoration: none;
	}
	
	.padding_top{
		padding-top: 254px;
	}
	.width1 {
		width: 100%;
		margin-top: 10px;
		text-align: center;
		margin-bottom: 20px;
	}
	.paypal_form {
		margin-top: 10px !important;
		margin-bottom: 10px !important;
		width: 50%;
		margin: auto;
	}
	.width3 {
		width: 100%;
		margin: 20px auto auto;
		overflow: hidden;
		padding-top: 10px;
	}
	.banner_bg img {
		width: 99px;
		height: auto;
	}
	.mission_bg h3, .whyeq_bg h3, .tajweed_bg h3{
    text-align: center !important;
    margin-bottom: 25px;
	}
	.mission_bg {
		padding-bottom: 35px;
		padding-top: 50px;
	}
	.tajweed_bg {
		padding-bottom: 35px;
		padding-top: 50px;
	}
.whyeq_bg {
		padding-bottom: 35px;
		padding-top: 50px
}
	
	.nav > li {
		padding-left: 0px;
	}
	.services .col-sm-2 {
		/* background: rgb(58, 162, 241);
		padding: 30px;
		color: #fff;
		border-right: 1px solid #fff;
		text-align: center;
		height: 150px;
		padding-top: 60px; */
		width: 100% !important;
		margin-bottom:10px;
	}
	h1{font-size: 30px !important;}
	
	.width1 img{width: 202px !important; margin-top: -86px !important;}
	
	.width1 h1{margin-top: -17px;}
	
	h2{font-size: 18px !important; margin-top: 0px !important; margin-bottom: 8px !important;}
	
	.steps {
		font-size: 15px;
		line-height: 15px;
	}
	.logo_image {width: 86% !important;}
	.icon_place {
    margin-top: 14px;
    text-align: left;
    padding-right: 10px;
    margin-bottom: 21px;}
	
	p{line-height: 21px;}
	
	.iframe src {margin-bottom: -55px; height:"208"!important;}
	
	.section-body img{

    max-width: 100%;
    padding: 50px;
    margin-top: -51px !important;
    margin-bottom: -36px;}
	
	.form-group img{ width: 66% !important;}
	
	.btn-primary img {padding: 0rem !important;}
	.new-images img {margin-top: -22px !important;}
	h5 { font-size: 15px;}
	.section-body .col-sm-7 h5{margin-bottom: -12px; margin-top: -25px;}
	
	.section-body .col-sm-7 p{line-height: 19px; margin-bottom: 2px;}
	.frame img {width: 50%;}
	
	.footer_box {text-align: left;}
	.footer_box2 {text-align: left;}
	.footer_box2  p  {text-align: left;}
	
	.iner_content p{margin-bottom: -48px !important;}
	.about-page-section p {line-height: 21px !important; margin-bottom: -5px !important; }
	.background img {max-width: 63px !important;}
	.margin-zero {font-size: 24px !important;}
	.fl p{margin-top: -19px !important;}
	.wrapper h2{padding-top: 19px !important;}
	.cart {margin-top: 0px !important;}
	
	
	
}
@media (min-width: 768px) and (max-width: 991px) {
	.width3{
		width: 27%;
		/* clear: both;
		background: #eee; */
		margin: 0px auto auto;
		overflow: hidden;
		padding-top: 5px;

		padding-left: 0 !important;
		padding-right: 0px !important;
	}
	.paypal_form{
		margin-top: 5px !important;
		margin-bottom: 8px !important;
	}
	
	#green_text table tr td a, #green_text table tr td {
		color: #099600 !important;
		text-align: left;
		padding: 13px;
		text-decoration: none;
	}
	
	.banner_bg img {
		width: 90px !important;
		height: auto;
	}
	.mission_bg h3 {
		text-align: right !important;
		margin-top: 40px;
	}
	.tajweed_bg h3 {
    margin-top: 50px;
	}
	.whyeq_bg h3 {
    color: rgb(58, 162, 241);
    font-weight: bold;
    font-size: 27px;
    text-align: center !important;
	}

}

@media (min-width: 992px) and (max-width: 1024px) {
	.width3{
		width: 27% !important;
		/* clear: both;
		background: #eee; */
		margin: auto;
		overflow: hidden;
		padding-top: 5px;
		padding-right: 0px !important;
		margin-left: 12%;
	}
	
	#green_text table tr td a, #green_text table tr td {
		color: #099600 !important;
		text-align: left;
		padding: 21px;
		text-decoration: none;
	}
	
	.paypal_form{
		margin-top: 5px !important;
		margin-bottom: 8px !important;
	}
	.banner_bg img {
		width: 90px !important;
		height: auto;
	}
	.mission_bg h3 {
		text-align: right !important;
		margin-top: 40px;
	}
	.tajweed_bg h3 {
    margin-top: 50px;
	}
	.whyeq_bg h3 {
    color: rgb(58, 162, 241);
    font-weight: bold;
    font-size: 27px;
    text-align: center !important;
	}

}
@media (min-width: 1200px) {
	
}