* { margin:0; padding:0;}
body { background:#000; font-family:Tahoma; font-size:100%; line-height:.875em; color:#677788; text-align:center;}

.clear { clear:both;}

.fleft {float: left;}
.fright { float:right;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { width:97.5%; overflow:hidden;padding-top: 20px;margin-left: 20px;
}

p { margin-bottom:21px;
    /*padding-left: 30px;*/
    padding-right: 30px;
}

.col
{
    float: left;
    width: 25%;
    text-align: left !important;
}
.row{
    border: 0px solid #666666;
    overflow: hidden; 
    height:30px; 
    width:100%;  

}

.col_inside
{
    float: left;
    width: 20%;
    text-align: center !important;
}
.row_inside{
    border: 0px solid #666666;
    overflow: hidden; 
    padding: 25px; 
    padding: 25px; 
    width:100%;  

}

button {  
border-color: #6e9ec9;
    color: #6e9ec9;
    font-family: Tahoma, verdana, ms sans serif;
    font-weight: normal;
    font-size: 12px;
    padding: 5px;
    background-color: rgba(255, 255, 255, 0);
    border-radius: 5px;
	border: 1px solid;
}

/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

.form { height:26px;}
.form input {width:208px; height:18px; background:#fff; color:#000; font-size:1em; font-family:tahoma; padding-left:3px; border:1px solid #8f8f8f;}
textarea { width:98%; height:100px; background:rgba(93, 136, 179, 0.36); overflow:auto; color:#ffffff; font-size:1em;; padding-left:3px; font-family: 'Open Sans',sans-serif;border: none;
    -webkit-appearance: none;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    margin-bottom: 10px;
    padding: 20px 15px;
}

/*==================list====================*/
ul { list-style:none;}

.top_nav { float:right; padding:18px 45px 0 0;}
.top_nav li { display:inline;}
.top_nav li a { background:url(../images/top_nav_divider.gif) no-repeat right 3px; padding:0 8px 0 4px;}
.top_nav li a.last { background:none;}

.list1 li a { background:url(../images/marker.jpg) no-repeat left 0px; padding-left:21px; color:#677788; line-height:1.91em;float: left;width: 100%;}
.list1 li a:hover {color: #6e9ec9 !important;}

/*==================other====================*/
.img_indent { margin:0 20px 0 0; float:left;}
.img_box { padding:0 0 27px 0;}
.img_box img { float:left; margin:0 21px 0 0;}

.p1 { margin-bottom:46px;}
.p2 { margin-bottom:15px;}
.p3 { margin-bottom:14px; padding-right:25px;}

blockquote p { margin-bottom:0;}

.cont_box { padding:0 60px 0 0; margin-bottom:0;}
.cont_box span { float:right;}

/*==================txt, links, lines, titles====================*/
a {color:#6e9ec9; text-decoration:none;}
a:hover {color: #ffffff !important;}

h1 { color:#ffffff; font-weight:normal; font-family:arial; font-size:13px; margin-bottom:14px;}
h2 { color:#fff; font-size:23px; font-weight:normal; line-height:1.1em; font-family:arial; margin-bottom:17px;}
h3 { color:#fff; line-height:1.1em; font-weight: 100;  margin-bottom:17px; font-size:20px;/*padding-left: 40px;*/}
h4 { color:#5d88b3; font-size:1em; padding-bottom: 10px;}

.txt1 { color:#5d88b3;}

.link1 { color:#bdbdbd; font-family:arial; text-transform:uppercase; font-style:italic; font-size:1.1em; font-weight:bold;}
.link2 { text-decoration:underline;}
.link2:hover { text-decoration:none;}

/*==================blocks====================*/

/*header*/
#header .row_1 { height: 49px;
    background: rgba(1, 7, 37, 0.47);
    font-family: arial;
    font-size: 1.1em;
    border-bottom: 1px solid rgba(0, 31, 117, 0.42);}
#header .row_1 .fleft { padding:18px 0 0 25px;float: left;}
#header .row_1 .cleft {padding: 18px 25px 0 37px; float: right;}
#header .row_1 a { color:#fff;}
#header .row_2 { height:150px; background: linear-gradient(90deg, rgba(0,0,0,0) 34%, rgba(0,0,0,0.9976365546218487) 78%);}
#header .row_2 .inner { float: right;
    padding-top: 10px;
    padding-right: 30px;
    text-align: center;}
#header .row_3 { height:47px; background:url(../images/xDelicious.png) no-repeat left bottom;}

.banners a {display:inline-block; height:40px; float:left; margin-left:0px;}
.banners a:first-child {margin-left:0px; color:#94a1ad; font-size:12px; text-align:center; line-height:3em; }
.banners a:hover {background-position:0 bottom;text-decoration:none;}
.banner-1 
        {
        background: linear-gradient(6deg, rgba(17, 33, 49, 1) 70%, rgba(27, 80, 132, 1) 200%); width:16.66%;}
.banner-2 
        {
        background: linear-gradient(6deg, rgba(17, 33, 49, 1) 70%, rgba(27, 80, 132, 1) 200%); width:16.66%;
        margin-left:0px; color:#94a1ad; font-size:12px; text-align:center; line-height:3em;
        }
.banner-3 
        {
        background: linear-gradient(6deg, rgba(17, 33, 49, 1) 70%, rgba(27, 80, 132, 1) 200%); width:16.66%;
        margin-left:0px; color:#94a1ad; font-size:12px; text-align:center; line-height:3em;
        }
.banner-4 
        {
        background: linear-gradient(6deg, rgba(17, 33, 49, 1) 70%, rgba(27, 80, 132, 1) 200%); width:16.66%;
        margin-left:0px; color:#94a1ad; font-size:12px; text-align:center; line-height:3em;
        }
.banner-5 
        {
        background: linear-gradient(6deg, rgba(17, 33, 49, 1) 70%, rgba(27, 80, 132, 1) 200%); width:16.66%;
        margin-left:0px; color:#94a1ad; font-size:12px; text-align:center; line-height:3em;
        }
.banner-6 
        {
        background: linear-gradient(6deg, rgba(17, 33, 49, 1) 70%, rgba(27, 80, 132, 1) 200%); width:16.66%;
        margin-left:0px; color:#94a1ad; font-size:12px; text-align:center; line-height:3em;
        }

.Middle-banners {width: 100%; height: 179px;}
.Middle-banners a{display:inline-block;40px;float:left;margin-left:10px;-webkit-box-shadow:0px 0px 0px 0.2px #79afeb;}
.Middle-banners a:first-child {margin-left:25px; margin-top:38px; color:#79afeb; font-size:13px; text-align:center; line-height:1.3em; text-decoration: none;-webkit-box-shadow: 0px 0px 0px 0.2px #79afeb;}
.banner-a 
        {/*background:url(../images/banner1.jpg) 0 0 no-repeat;*/ width:31.5%; /*height: 118px;*/  border-radius: 10px;
        background-color:rgba(7,14,25,1);
background: -moz-linear-gradient(-45deg, rgba(7,14,25,1) 0%, rgba(11,29,49,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(7,14,25,1)), color-stop(100%, rgba(11,29,49,1)));
background: -webkit-linear-gradient(-45deg, rgba(7,14,25,1) 0%, rgba(11,29,49,1) 100%);
background: -o-linear-gradient(-45deg, rgba(7,14,25,1) 0%, rgba(11,29,49,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(7,14,25,1) 0%, rgba(11,29,49,1) 100%);
background: linear-gradient(135deg, rgba(7,14,25,1) 0%, rgba(11,29,49,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#070e19', endColorstr='#0b1d31', GradientType=1 );
            
        } 
    
        
.text-div1 {  
display: block;
    /*border: 0.3px solid;*/
    padding: 5px;
    font-size: 18px;
    margin: 15px;
    line-height: 30px;
    border-radius: 8px; 
    }  
        
.banner-b 
        {/*background:url(../images/banner2.jpg) 0 0 no-repeat; width:304px; */
        margin-left:0px; margin-top:38px; color:#79afeb; font-size:13px; text-align:center; line-height:1.3em;
        width: 31.5%;
    /*height: 118px;*/
    border-radius: 10px;
    background-color: rgba(7,14,25,1);
    background: -moz-linear-gradient(-45deg, rgba(7,14,25,1) 0%, rgba(11,29,49,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(7,14,25,1)), color-stop(100%, rgba(11,29,49,1)));
    background: -webkit-linear-gradient(-45deg, rgba(7,14,25,1) 0%, rgba(11,29,49,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(7,14,25,1) 0%, rgba(11,29,49,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(7,14,25,1) 0%, rgba(11,29,49,1) 100%);
    background: linear-gradient(135deg, rgba(7,14,25,1) 0%, rgba(11,29,49,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#070e19', endColorstr='#0b1d31', GradientType=1 );
        }
        
.text-div2 {  
display: block;
    /*border: 0.3px solid;*/
    padding: 5px;
    font-size: 18px;
    margin: 15px;
    line-height: 30px;
    border-radius: 8px; 
    } 
    
.banner-c 
        {/*background:url(../images/banner3.jpg) 0 0 no-repeat;*/ width:30%;
        margin-left:36px; margin-top:38px; color:#79afeb; font-size:13px; text-align:center; line-height:1.3em;
        width: 31.5%;
    /*height: 118px;*/
    border-radius: 10px;
    background-color: background: rgba(7,14,25,1);
    background: -moz-linear-gradient(-45deg, rgba(7,14,25,1) 0%, rgba(11,29,49,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(7,14,25,1)), color-stop(100%, rgba(11,29,49,1)));
    background: -webkit-linear-gradient(-45deg, rgba(7,14,25,1) 0%, rgba(11,29,49,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(7,14,25,1) 0%, rgba(11,29,49,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(7,14,25,1) 0%, rgba(11,29,49,1) 100%);
    background: linear-gradient(135deg, rgba(7,14,25,1) 0%, rgba(11,29,49,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#070e19', endColorstr='#0b1d31', GradientType=1 );
        
        }    
        
.text-div3 {  
display: block;
    /*border: 0.3px solid;*/
    padding: 5px;
    font-size: 18px;
    margin: 15px;
    line-height: 30px;
    border-radius: 8px;
    }    
.ads {
    -webkit-box-shadow: 0px 0px 0px 0.2px #79afeb;
    margin-left: 2px;
    margin-right: 40px;
    margin-bottom: 15px;
    border-radius: 10px;
    overflow: hidden;
}  

#quran_torrent_main 
       {
       float:left; 
       margin:0 auto; 
       text-align:left;
       border:1px solid #666666;
       width:910px; 
       }
       
       #quran_torrent_a 
       {
       float:left; 
       margin:0 auto;
       text-align:left;
       border:1px solid #666666;
       width:362px; 
       }
       
       #quran_torrent_b 
       {
       float:left; 
       margin:0 auto; 
       text-align:left;
       border:1px solid #666666;
       width:180px; 
       }
       
       #quran_torrent_c
       {
       float:left; 
       margin:0 auto; 
       text-align:left;
       border:1px solid #666666;
       width:180px; 
       }
       
       #quran_torrent
       {
       float:left; 
       margin:0 auto; 
       text-align:left;
       border:1px solid #666666;
       width:180px; 
       }

/*content*/
/*#content { background:url(../images/xcontent_bgd.jpg) center top;}
#content .bgd {background:url(../images/content_bgd_top.jpg) no-repeat left top; width:100%;}*/
#content .extra { padding:37px 0 36px 28px;}
#content .extra img { margin-right:11px;}

#content .article { padding:0 0 20px 0px;}
#content .indent { padding:0 30px 0 0;}
#content .indent p { margin-bottom:14px;}
#content .col_3 .inner { padding:1547px 0 0 0;}
#content .col_1 .cont_box { padding:0;}

/*footer*/
#footer { background:url(../images/footer_bgd.gif) left top repeat-x;}
#footer .fleft { padding-top: 14px; padding-left:20px;}
#footer .fright {/* padding:19px 3px 0 0;*/padding-top: 7px; padding-right:20px;}
#footer img {float: right; margin-left: 5px;}
#footer a { color:#0072b1; text-decoration:none;}
#footer a:hover { text-decoration:none;}
/*==========================================*/

img { max-width: 50%; }
b {
    color: #79afeb;
    font-size: 11px;
    font-weight: 100;
    padding-right: 4px;
}

nav select {
  display: none;
}

button:hover {
    /* text-decoration: underline; */
    color: #ffffff !important;
    border-color: #fff;
}

/* for 3000px or less */
@media screen and (max-width: 3000px) {
#footer {
height: 40px;}
}

/* for 2000px or less */
@media screen and (max-width: 2000px) {
#footer {
height: 40px;}
}


/* for 1500px or less */
@media screen and (max-width: 1500px) {
#footer {
height: 40px;}	
	
}

/***** Media Quries *****/
/* for 980px or less */
@media screen and (max-width: 980px) {
#main {
    width: 100% !important;
    margin: 0 auto;
}

#header {
        width:100%;
}

#page6 #content .col_1_contact {
width: 100% !important;}

#page6 #content .col_2_contact {
    width: 90% !important;}

#footer {
    height: 40px;
}

.active { display: none; }
nav select { display: inline-block;
    height: 35px;
    background-color: #000;
    color: #fff;
    width: 100%;
    border-color: #6e9ec9;
    padding-left: 10px;
	}
    
.banner-a, .banner-b, .banner-c {width: 98%;}
.Middle-banners a:first-child{margin-left: 1%; margin-right: 1%;}
.Middle-banners a{margin-left: 1%; margin-right: 1%;}
.Middle-banners a{margin-left: 1%; margin-right: 1%;}

.wrapper {
    width: 97.5%;
    overflow: hidden;
    margin-right: 2%;
	
}
 button {padding: 4px;}
 .col {line-height: 20px;}
.row {height: 50px;}
}

button {  
    padding: 3px;
    padding-left: 5px;
    padding-right: 5px;
}
#page2 #content .col_2 {width:25%;

}
#page1 #content .col_2 { width:25%;}

}
/* for 600px or less */
@media screen and (max-width: 600px) {
#main {
    width: 100% !important;
    margin: 0 auto;
}

#header {
        width:100%;
    }
	
#footer {
    height: 40px;
}	

.active { display: none; }
nav select { display: inline-block;
    height: 35px;
    background-color: #000;
    color: #fff;
    width: 100%;
    border-color: #6e9ec9;
    padding-left: 10px;
	}
    
.banner-a, .banner-b, .banner-c {width: 98%;}
.Middle-banners a:first-child{margin-left: 1%; margin-right: 1%;}
.Middle-banners a{margin-left: 1%; margin-right: 1%;}
.Middle-banners a{margin-left: 1%; margin-right: 1%;}

.wrapper {
    width: 98%;
    overflow: hidden;
    margin-right: 2%;
}
button {padding: 0px;}
.col {line-height: 20px;}
.row {height: 50px;}
.Middle-banners a:first-child{margin-left: 1%; margin-right: 1%;}

button {  
    padding: 4px;
}

.ads {
    margin-right: 1px;
}

}
/* for 880px or less */
@media screen and (max-width: 880px) {
#page2 #content .col_2 {
    width: 50%;
}

#page1 #content .col_2 { width:50%;}

.wrapper {
	margin-left: 5px;
}

#footer {
    height: 40px;
}

.ads {
    margin-right: 1px;
}
#page5 #content .col_2 { width:50%;margin-top: 20px;}
#page5 #content .col_1 .column1 { width:50%;}
#page5 #content .col_1 .column2 { width:50%;}
#page5 #content .col_1 .column3 { width:50%;}

#page2 #content .col_g {
width: 50% !important;}

#page6 #content .col_1_contact {
width: 100% !important;}

#page6 #content .col_2_contact {
    width: 90% !important;}

}

/* for 480px or less */
@media screen and (max-width: 480px) {
#main {
    width: 100% !important;
    margin: 0 auto;
}

#header {
		width: 100%;}
		
#footer {
    height: 65px;
}

.active { display: none; }
nav select { display: inline-block;
    height: 35px;
    background-color: #000;
    color: #fff;
    width: 100%;
    border-color: #6e9ec9;
    padding-left: 10px;
	}
    
.banner-a, .banner-b, .banner-c {width: 98%;}
.Middle-banners a:first-child{margin-left: 1%; margin-right: 1%;}
.Middle-banners a{margin-left: 1%; margin-right: 1%;}
.Middle-banners a{margin-left: 1%; margin-right: 1%;}

.wrapper {
    width: 98%;
    overflow: hidden;
    margin-right: 2%;
}
button {padding: 0px;}
.col {line-height: 20px;}
.row {height: 65px;}
.Middle-banners a:first-child{margin-left: 1%; margin-right: 1%;}

button {  
    padding: 4px;
}

#page2 #content .col_2 {
    width: 100%;
}
#page1 #content .col_2 { width:100%;}

.ads {
    margin-right: 1px;
}

#page5 #content .col_2 { width:100%;margin-top: 20px;}
#page5 #content .col_1 .column1 { width:100%;}
#page5 #content .col_1 .column2 { width:100%;}
#page5 #content .col_1 .column3 { width:100%;}

#page2 #content .col_g {
width: 100% !important;}

#page6 #content .col_1_contact {
width: 100% !important;}

#page6 #content .col_2_contact {
    width: 84% !important;}

}
/* ----------------------------------layout css code ----------------------------------*/
#main {width:96%; margin:0  auto; text-align:left;}

#header {height:auto;background: url(../images/header-bg.jpg) no-repeat left top;}
#header, #content, #footer { font-size:11px;}

.col_1, .col_2, .col_3, .col_1-Dr, .col_2-Dr, .column1, .column2, .column3, .col_g, .col_2_landing { float:left;}

/*======= index.html =======*/
#page1 #content .col_1 {width:100%;}
#page1 #content .col_1-Dr {width:76%; margin-right:41px;}
#page1 #content .col_2-Dr { width:19%;}
/*#page1 #content .col_2 { width:25%;}*/

#page1 #content .col_1 .column1 { width:209px;}
#page1 #content .col_1 .column2 { width:208px;}

/*======= index-1.html =======*/
#page2 #content .col_1 {width:311px; margin-right:40px;}
/*#page2 #content .col_2 { width:241px; margin-right:34px;width:25%;}*/
#page2 #content .col_3 { width:286px;}
#page2 #content .col_g {width:33%; /*margin-right:20px;*/}
#page2 #content .col_2_landing { width:21%; margin-right:34px; margin-right: 14px; margin-left: 20px;}


/*======= index-2.html =======*/
#page3 #content .col_1 {width:100%; margin-right:47px;}
#page3 #content .col_2 { width:277px; margin-right:41px;}
#page3 #content .col_3 { width:278px;}

/*======= index-3.html =======*/
#page4 #content .col_1 { width:437px; margin-right:35px;}
#page4 #content .col_2 { width:440px;}

/*======= index-4.html =======*/
#page5 #content .col_1 {width:587px; margin-right:41px;}
#page5 #content .col_2 { width:25%;margin-top: 20px;}

#page5 #content .col_1 .column1 { width:25%;}
#page5 #content .col_1 .column2 { width:25%;}
#page5 #content .col_1 .column3 { width:25%;}


/*======= index-5.html =======*/
#page6 #content .col_1 {width:395px; margin-right:46px;}
#page6 #content .col_2 { width:214px; margin-right:42px;}

#page6 #content .col_1_contact {    width: 41%;
    margin-right: 26px;
    float: left;
    margin-left: 20px}
#page6 #content .col_2_contact {width: 49%;
    margin-right: 22px;
    float: left;
    margin-left: 20px;}

#page6 #content .col_3 { width:213px;}


/*=========================*/


#footer {/*height:40px;*/border-top-left-radius: 10px;
    border-top-right-radius: 10px;}
    
/* Style all font awesome icons */
.fa {
    padding: 8px;
    font-size: 18px !important;
    width: 18px;
    text-align: center;
    text-decoration: none;
    /*border-radius: 50%;*/
    color: #fff !important;
}

/* Add a hover effect if you want */
.fa:hover {
    opacity: 0.7;
}

/* Set a specific color for each brand */

/* Facebook */
.fa-facebook {
    background: #3B5998;
    color: white;
}

/* Twitter */
.fa-twitter {
    background: #55ACEE;
    color: white;
}

/* Youtube */
.fa-youtube {
    background: #bb0000;
    color: white;
}

/* pinterest */
.fa-pinterest {
    background: #b8071c;
    color: white;
}

/* soundcloud */
.fa-soundcloud {
    background: #ff3e00;
    color: white;
}

/* Instagram */
.fa-instagram {
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
        background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
        background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
    color: white;
}

.login_form form input[type="text"] {
    font-weight: 400;
    font-family: 'Open Sans',sans-serif;
    padding: 20px 15px;
    display: block;
    width: 98%;
    background: rgba(93, 136, 179, 0.36);
    outline: none;
    color: #ffffff;
    font-size: 1em;
    border: none;
    -webkit-appearance: none;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
}

.books {
	width: 100%;
}

.books-col1 {
	width:25%; float:left;text-align: center;
}
.books-col2 {
	width:25%; float:left;text-align: center;
}
.books-col3 {
	width:25%; float:left;text-align: center;
}
.books-col4 {
	width:25%; float:left;text-align: center;
}

.column1a, .column2a, .column3a {
	width:29%;float:left;padding-left:40px;
}

.col_1_about {
	float:left;
	width:50%;
}

.col_2_about {
	float:right;
	width:50%;
}

.mission {
	width: 91%;
}
.mobmenu {
    position: absolute;
    font-size: 15px;
    color: #fff;
    padding: 10px;
}