@charset "utf-8";
/* CSS Document */

.book-style{
	margin-top: 20px;
	float: left;
	width: 190px;
	height: auto;
	background: white;
	

	margin-left: 80px;
	
	overflow: hidden;


}

.sideleft{
	float: left;

	width: 500px;
	
	padding-top: 4px ;
	padding-left: 340px;

	
}
.sideright{
		float: right;
	width: 246px;
	position: fixed;
	font-family: arial;

}








.single-book {
  position: relative;
}

.new, .sale {
  position: absolute;
  top: 0;
  right: 0;
}
#membtn{
	background: skyblue;
	color: navy;
}
.memberslogin{
	margin: 0 auto;
}
#membtn:hover{
	background: navy;
	color: skyblue;
}
.bookinfo h2{
	color: navy;
	font-family: MBSindhiWeb;
	font-size: 19px;
	font-weight: 700;
}
.book-overlay h2{
	color: navy;
	font-family: MBSindhiWeb;
	font-size: 24px;
	font-weight: 900;


}


.bookinfo p{
  font-family: MBSindhiWeb;
  font-size: 14px;
  font-weight: 600;
  color: grey;
}

.bookinfo img{
  width: 100%;
}

.bookinfo{
 position:relative;
}

.book-overlay {
  	background: #69b5e0;
  opacity: 0.8;
  top: 0;
  display: none;
  height: 0;
  position: absolute;
  transition: height 700ms ease 0s;
  width: 100%;
  display: block;


}


.single-book:hover .book-overlay {
  display:block;
  height:100%;


}


.book-overlay .overlay-content {
  
  bottom: 0;
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%;
}
.bookinfo .add-to-cart {
	
	background: #69b5e0;
	color: navy;	
	font-size: 16px;
}
.book-overlay .add-to-cart {
  background:navy;
  border: 0 none;
  border-radius: 0;
  color: white;
  font-family: MBSindhiWeb;
  font-size: 16px;
  margin-bottom: 25px;
}

.book-overlay .add-to-cart:hover {
  background:navy;
  color: white;
  font-size: 16px;
}


.book-overlay p{
  font-family: MBSindhiWeb;
  font-size: 18px;
  font-weight: 600;
  color: black;

}



.add-to-cart {
  background:navy;
  border: 0 none;
  border-radius: 0;
  color: #696763;
  font-family: MBSindhiWeb;
  font-size: 16px;
  margin-bottom: 25px;
}

.add-to-cart:hover {
  background: navy;
  border: 0 none;
  border-radius: 0;
  color: #696763;

}

.add-to{
  margin-bottom: 10px;
}

.add-to-cart i{
	margin-right:5px;
}

.add-to-cart:hover {
  background: navy;
  color: #FFFFFF;
}















#spinner {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background:url(../img/ajax-loader.gif) 50% 50% no-repeat #fff;
}
.wrape
{
	width:500px;

	
	
}
.logo1{
	position: absolute;
	margin-top: -160px;
	width: 160px;
	margin-right: 960px;


}
body,html
{
	font-family:MBSindhiWeb !important;
	direction: rtl;
	font-size:12px;
	background: url(../img/asdf1.jpg);
/*-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;  */


	
}
.copyritefooter p{
	color: skyblue;
	text-align: center;
	font-size: 20px;
	margin-top: 20px;
text-shadow: 1px 9px 2px #000000;

}

#my_popup h2{
	color: white;
	font-family: arial;


}

#my_popup h3{
	color: white;
	font-family: arial;
font-size: 20px;
text-align: center;	

}

.ul-navigation{

	margin-top: 25px;

	list-style:none;
	cursor:pointer;

}
.ul-navigation a{
color: white;

	 text-decoration:none; 
	 margin-right: 10px;
}
.ul-navigation a:hover {
	color: skyblue;

}
.li-navigation{
		border-radius: 8px;
text-shadow: 1px 9px 2px #000000;

	display:inline-block;
	background: navy;
	color: white;
	font-size: 18px;
	margin-left: 2px;

	padding: 7px;
}
.sub-navigation-profile{
    
	position:absolute;
	width:170px;
	background:navy;
	display:none;
	z-index: 9999;
	border-radius: 8px;


	padding: 10px 0px 0px 0px ;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}

.sub-navigation-hanoka{
	position:absolute;
	width:170px;
	background:navy;
	display:none;
	z-index: 9999;
	border-radius: 8px;


	padding: 10px 0px 0px 0px ;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
.sub-navigation-hanoka{
	position:absolute;
	width:170px;
	background:navy;
	display:none;
	z-index: 9999;
	border-radius: 8px;


	padding: 10px 0px 0px 0px ;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
.sub-navigation-raghi{
	position:absolute;
	width:170px;
	background:navy;
	display:none;
	z-index: 9999;
	border-radius: 8px;


	padding: 10px 0px 0px 0px ;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
.sub-navigation-latifat{
	position:absolute;
	width:170px;
	background:navy;
	border-radius: 8px;
	display:none;
	z-index: 9999;
	padding: 10px 0px 0px 0px ;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
.sub-navigation-bolri{
	position:absolute;
	width:170px;
	background:navy;
	border-radius: 8px;
	display:none;
	z-index: 9999;
	padding: 10px 0px 0px 0px ;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
.side-navigation-days{
	position:absolute;
	background:navy;
	margin:-20px 130px 0px 0px ;
border-radius: 8px;
	display:none;
	width: 170px;
	padding: 10px 0px 0px 0px ;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
.sub-navigation-faqeer{
border-radius: 8px;
	position:absolute;
	width:250px;
	background:navy;
	display:none;
	z-index: 9999;
	padding: 10px 0px 0px 0px ;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
.sub-navigation-raag{
	border-radius: 8px;
	position:absolute;
	width:220px;
	background:navy;
	display:none;
	z-index: 9999;
	padding: 10px 0px 0px 0px ;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}

.sub-navigation-risalo{
	border-radius: 8px;
	position:absolute;
	width:130px;
	background:navy;
	display:none;
	z-index: 9999;
	padding: 10px 0px 0px 0px ;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
.sub-navigation-galery{
	border-radius: 8px;
	position:absolute;
	width:130px;
	background:navy;
	display:none;
	z-index: 9999;
	padding: 10px 0px 0px 0px ;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
.sub-navigation-membership{
	border-radius: 8px;
	position:absolute;
	width:130px;
	background:navy;
	display:none;
	z-index: 9999;
	padding: 10px 0px 0px 0px ;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}

.sub-ul-navigation{
	margin:0px auto;

	padding:0px;
	list-style:none;
	cursor:pointer;
}
.sub-li-navigation{
	padding: 10px 0px 0px 0px;
	
	border-bottom: 1px solid #fff; 
}
.side-navigation-tareeqat{
	border-radius: 8px;
	position:absolute;
	background:navy;
	margin:-20px 130px 0px 0px ;
	display:none;
	width: 110px;
	padding: 10px 0px 0px 0px ;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
.side-ul-navigation-tareeqat{
	margin:0px auto;
	border-radius: 8px;
	padding:0px;
	list-style:none;
	cursor:pointer;
}


.side-navigation-hath{
	border-radius: 8px;
	position:absolute;
	background:navy;
	margin:-20px 130px 0px 0px ;
	display:none;
	width: 110px;
	padding: 10px 0px 0px 0px ;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
.side-ul-navigation-hath{
	margin:0px auto;
	border-radius: 8px;
	padding:0px;
	list-style:none;
	cursor:pointer;
}

.side-navigation-bolri{
	border-radius: 8px;
	position:absolute;
	background:navy;
	margin:-20px 190px 10px 0px ;
	display:none;
	width: 180px;
	padding: 10px 0px 0px 0px ;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
.side-ul-navigation-bolri{
	margin:0px auto;
	border-radius: 8px;
	padding:0px;
	list-style:none;
	cursor:pointer;
}
.side-navigation-hanoka{
	border-radius: 8px;
	position:absolute;
	background:navy;
	margin:-20px 170px 0px 0px ;
	display:none;
	width: 170px;
	padding: 10px 0px 0px 0px ;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
.side-ul-navigation-hanoka{
	margin:0px auto;
	border-radius: 8px;
	padding:0px;
	list-style:none;
	cursor:pointer;
}
.side-li-navigation{
	padding: 10px 0px 0px 0px;
	border-bottom: 1px solid #fff;
} 
.side-navigation-takiya{
	position:absolute;
	border-radius: 8px;
	background:navy;
	margin:-20px 130px 0px 0px ;
	display:none;
	width: 170px;
	padding: 10px 0px 0px 0px ;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
.side-ul-navigation-takiya{
	margin:0px auto;
	border-radius: 8px;
	padding:0px;
	list-style:none;
	cursor:pointer;
}
.photos {

	font-family: arial;
}



.side-navigation-hath1{
	position:absolute;
	border-radius: 8px;
	background:navy;
	margin:-20px 130px 0px 0px ;
	display:none;
	width: 170px;
	padding: 10px 0px 0px 0px ;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
.side-ul-navigation-hath1{
	margin:0px auto;
	border-radius: 8px;
	padding:0px;
	list-style:none;
	cursor:pointer;
}
.side-navigation-raghi{
	position:absolute;
	border-radius: 8px;
	background:navy;
	margin:-20px 130px 0px 0px ;
	display:none;
	width: 170px;
	padding: 10px 0px 0px 0px ;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
.side-ul-navigation-raghi{
	margin:0px auto;
	border-radius: 8px;
	padding:0px;
	list-style:none;
	cursor:pointer;
}

.side-navigation-audio{
	position:absolute;
	border-radius: 8px;
	background:navy;
	margin:-20px 130px 0px 0px ;
	display:none;
	width: 110px;
	padding: 10px 0px 0px 0px ;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
.side-ul-navigation-audio{
	margin:0px auto;
	border-radius: 8px;
	padding:0px;
	list-style:none;
	cursor:pointer;
}

.side-navigation-audioragh{
	position:absolute;
	border-radius: 8px;
	background:navy;
	margin:-20px 80px 0px 0px ;
	display:none;
	width: 110px;
	padding: 10px 0px 0px 0px ;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
.side-ul-navigation-audioragh{
	margin:0px auto;
	border-radius: 8px;
	padding:0px;
	list-style:none;
	cursor:pointer;
}
.side-navigation-audiozikar{
	position:absolute;
	border-radius: 8px;
	background:navy;
	margin:-20px 130px 0px 0px ;
	display:none;
	width: 170px;
	padding: 10px 0px 0px 0px ;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
.side-navigation-dargah{
	position:absolute;
	border-radius: 8px;
	background:navy;
	margin:-20px 130px 0px 0px ;
	display:none;
	width: 170px;
	padding: 10px 0px 0px 0px ;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
.side-ul-navigation-dargah{
	margin:0px auto;
	border-radius: 8px;
	padding:0px;
	list-style:none;
	cursor:pointer;
}
.side-ul-navigation-audiozikar{
	margin:0px auto;
	border-radius: 8px;
	padding:0px;
	list-style:none;
	cursor:pointer;
}
.side-ul-navigation-days{
	margin:0px auto;
	border-radius: 8px;
	padding:0px;
	list-style:none;
	cursor:pointer;
}
#navigation-profile:hover .sub-navigation-profile{
	display:block;
}
#sub-navigation-days:hover .side-navigation-days{
	display:block;
} 
#navigation-membership:hover .sub-navigation-membership{
	display:block;
}
#navigation-latifat:hover .sub-navigation-latifat{
	display:block;
}
#navigation-raag:hover .sub-navigation-raag{
	display:block;
}

#navigation-galery:hover .sub-navigation-galery{
	display:block;
}
#navigation-faqeer:hover .sub-navigation-faqeer{
	display:block;
}
#navigation-risalo:hover .sub-navigation-risalo{
	display:block;
}
#sub-navigation-tareeqat:hover .side-navigation-tareeqat{
	display:block;
} 

#sub-navigation-hath:hover .side-navigation-hath{
	display:block;
} 
#sub-navigation-bolri:hover .side-navigation-bolri{
	display:block;
} 
#sub-navigation-takiya:hover .side-navigation-takiya{
	display:block;
}


#sub-navigation-hath1:hover .side-navigation-hath1{
	display:block;
}

#sub-navigation-hanoka:hover .side-navigation-hanoka{
	display:block;
}
#sub-navigation-raghi:hover .side-navigation-raghi{
	display:block;
}
#sub-navigation-audio:hover .side-navigation-audio{
	display:block;
}
#sub-navigation-audioragh:hover .side-navigation-audioragh{
	display:block;
}
#sub-navigation-dargah:hover .side-navigation-dargah{
	display:block;
}


#sub-navigation-audiozikar:hover .side-navigation-audiozikar{
	display:block;
}























@font-face {

	font-family: MBSindhiWeb;

	src: url('../fonts/MBSindhiWeb.ttf');
	
	

}

#top-header {
	background: -webkit-linear-gradient(#6fbfec, #599bbf); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#6fbfec, #599bbf); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#6fbfec, #599bbf); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#6fbfec, #599bbf); /* Standard syntax */
	height: 48px;
	padding-bottom:10px;
	background-color: #69b5e0;
}

.videosmy{
	width: 940px; 

	margin: 0 auto;
		height: 300px;
}



video::-webkit-media-controls {
  display: none;
}

/* Could Use thise as well for Individual Controls */
video::-webkit-media-controls-play-button {}

video::-webkit-media-controls-volume-slider {}

video::-webkit-media-controls-mute-button {}

video::-webkit-media-controls-timeline {}

video::-webkit-media-controls-current-time-display {}



#top-header h2 {
	margin-top: -25px;
	font-size: 25px;
	padding-bottom:10px;
	color: navy;
	text-align: center;
	text-shadow: 0 0 20px white, 10px -10px 30px white, -20px -20px 40px white, 20px -40px 50px #ec760c, -20px -60px 60px #cd4606, 0 -80px 70px #973716, 10px -90px 80px #451b0e;
	font-family: MBSindhiWeb;


}
#top-header h5{


	font-size: 10px;
	
}

.images ul{
	margin-left: 10px;
	
}

.images ul li
{
	text-align: center;
	list-style:none;
margin: 0 auto;

	
}







.page-wrap {
	width: 940px;
	margin: 0 auto;
}
.page-wrap1 {
	width: 990px;
	margin: 0 auto;
}





.header-page-wrap{
width: 960px;
margin:0 auto;

}
.header-page-wrap img{
	width: 130px;
	
	float: left;
	overflow: hidden;

	margin-top: -75px;
}
.marqu-cont{
padding-top: 10px;
	width:100%5
	height:25px;
	
}

.left-funtroo
{
	margin:0px;
	padding:0px;

		
}
.right-funtroo
{
	margin:0px;
	padding:0px;
	margin-right:7px;
	
}
.marqu{
	height:50px;
	margin-top: 25px;


	opacity: 0.8;
	font-weight: bold;
	text-align:center;
	font-size: 21px;


	background-color: navy;
	border-bottom: 3px solid skyblue;
	border-top: 3px solid skyblue;
	border-left: 3px solid skyblue;
	border-right: 3px solid skyblue;
	
	border-radius: 5px;

}
.marqu p{
	margin-top: 15px;
	color: white;
	font-size: 26px;

}
.top-contact {
	width: 348px;
	float: left;
}

.contact-list ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
}
.contact-list ul li {
	display: inline;
	color: #FFF;
}
.top-social-area {
	width: 563px;
	float: right;
	text-align: right;
}
#header {
	background: -webkit-linear-gradient(#6fbfec, #599bbf); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#6fbfec, #599bbf); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#6fbfec, #599bbf); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#6fbfec, #599bbf); /* Standard syntax */
	height: 84px;
	background-color: #69b5e0;
	border-bottom: 2px solid #4b82a2;
	border-top: 1px solid #8acbef;
}
.first{
padding-top: 10px;
	margin: 0 auto;
	margin-right: 8px;
	
	height: 100%;
}
.logo {
	width: 120px;
	float: left;
	padding-top: 25px;
	margin-top: -10px;
		font-family: MBSindhiWeb;
}

.top-menu {
	width: 900px;
	float: right;
		font-family: MBSindhiWeb;


}
.top-menu ul {

	list-style-type: none;
	margin: 0px;
	padding: 0px;
	padding-top: 33px;
	
}
.inner-dropdown{
	position: absolute;
	width: 100px;
	height: 100px;
	background: blue;
	margin-top: -50px;
	margin-left: -100px;
	display: list-item;	
	

}
.top-menu ul li {
	float: left;
	padding-right: 2px;

}
.top-menu a{
	border-radius: 12px;
	margin-bottom: 1px;
}
.top-menu ul li a {
	background: navy;
	color: #FFF;
		


	font-size: 19px;
	text-shadow: 1px 5px 10px #000000;
	padding:13px;
	opacity: 1;


	transition:linear 1s;
}
.costruction h1{
	color: navy;
	font-family: MBSindhiWeb;
	font-size: 30px;
	text-shadow: 3px 4px 3px #000000;
}
.top-menu ul li a:hover {
	
	text-decoration: none;
	text-shadow: 1px 1px 2px #000000;
		color: skyblue;
	border-radius: 5px;
	
	opacity: 1;
}
#slideshow {
	height: 346px;
	border: 1px solid #c4c4c4;
	box-shadow: 0px 0px 10px 2px rgba(208, 206, 206, 0.75);
	-moz-box-shadow: 0px 0px 10px 2px rgba(208, 206, 206, 0.75);
	-webkit-box-shadow: 0px 0px 10px 2px rgba(208, 206, 206, 0.75);
	border-radius: 5px;
	margin-top:20px;

	
}
.slide1{
	width: 100%;
	height: 100%;
}
.MB-30 {
	margin-bottom: 30px;
}
.MB-31{
	margin-top: 20px;
}
#main-content {
	margin-top: 30px;
}
#content {
	width: 940px;
	float: left;
}
.box {
	border: 1px solid #c4c4c4;
	box-shadow: 0px 0px 10px 2px rgba(208, 206, 206, 0.75);
	-moz-box-shadow: 0px 0px 10px 2px rgba(208, 206, 206, 0.75);
	-webkit-box-shadow: 0px 0px 10px 2px rgba(208, 206, 206, 0.75);
	border-radius: 5px;
}
.box-header {


background: -webkit-linear-gradient(#6fbfec, #599bbf); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#6fbfec, #599bbf); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#6fbfec, #599bbf); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#6fbfec, #599bbf); /* Standard syntax */
		background-color: #69b5e0;
	height: 46px;
	border-bottom: 1px solid #c4c4c4;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;

	
	font-family:Amble-Bold;
	color:#888896;
	font-size:18px;
	padding-left:20px;
		padding-top:10px;

}


.box-header h6
{
	font-size:30px;
	text-shadow: 1px 7px 2px navy;
	margin-bottom: 2	0px;
	font-family:MBSindhiWeb;
	color:white;
	text-align:center;
}
.box-header-content{


	height:0 auto;
	border-bottom: 1px solid #c4c4c4;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	
	font-family:MBSindhiWeb;
	color:#888896;
	font-size:18px;
	padding-left:20px;
		padding-top:10px;
		overflow: hidden;
		

}
.constimg{
	
	background: url(../img/13819567_1233976206635717_1158863203_n.jpg) center;


}


.content-right{
	float: left;
	width: 300px;
	height:0 auto;
	margin-right: 20px;
}
.content-left{
	float: right;
	width: 500px;
	height:0 auto;
	margin-right: 15px;
	margin-top: 10px;
}


.content-left p{color: navy;

	font-size: 23px;
	font-family: MBSindhiWeb;



}
.new1{
	color: black;
		font-size: 23px;
	font-family: MBSindhiWeb;
	margin-right: 15px;

	line-height: 30px;
	text-align: justify;
	-moz-text-align-last: right; /* Code for Firefox */
    text-align-last: right;
    line-height: 1.8;
    word-spacing: 1.8;
}
.center
{
	text-align: center;
	color: black;
		font-size: 23px;
			line-height: 30px;
			line-height: 1.8;
    word-spacing: 1.8;

}
.new3{
	color: black;
		font-size: 23px;
	font-family: MBSindhiWeb;
	margin-right: 15px;
	line-height: 30px;
	text-align: justify;
	-moz-text-align-last: center; /* Code for Firefox */
    text-align-last: center;
}
.new2{
	color: black;
		font-size: 23px;
	font-family: MBSindhiWeb;
	margin-right: 15px;
	line-height: 30px;
	text-align: justify;

}
.box-header-content h5{
	color: navy;
	font-size: 27px;
	font-weight: bold;
	font-family: MBSindhiWeb;


	
	padding-right: 15px;
}
.box-header-content h3{
	color: navy;
	font-size: 27px;
	font-weight: bold;
	font-family: MBSindhiWeb;


	
}
.box-header-content span{
	color: navy;
	font-size: 26px;
	font-weight: bold;
}
.content-left h3{
	font-size: 24px;
	font-weight: bold;
	color:green;
}
.dot{
	color: transparent;
	
}

.new{color: navy;
	font-size: 23px;
margin-right: 15px;
font-family: MBSindhiWeb;
}
.sidepics{
	width: 50%;

border: 6px solid #69b5e0;
	box-shadow: 0px 0px 10px 5px rgba(208, 206, 206, 0.75);
	-moz-box-shadow: 0px 0px 10px 5px rgba(208, 206, 206, 0.75);
	-webkit-box-shadow: 0px 0px 10px 5px rgba(208, 206, 206, 0.75);
	border-radius: 5px;
	height: 290px;
	margin-right: 10px;
}
.sidepics1{
width: 45%;

border: 6px solid #69b5e0;
	box-shadow: 0px 0px 10px 5px rgba(208, 206, 206, 0.75);
	-moz-box-shadow: 0px 0px 10px 5px rgba(208, 206, 206, 0.75);
	-webkit-box-shadow: 0px 0px 10px 5px rgba(208, 206, 206, 0.75);
	border-radius: 5px;
	height: 300px;
	margin: 0 auto;
	margin-right: 15px;
	margin-left: 12px;
	margin-bottom: 20px;
	
	

}
.sidepics2
{
width: 300px;

border: 6px solid #69b5e0;
	box-shadow: 0px 0px 10px 5px rgba(208, 206, 206, 0.75);
	-moz-box-shadow: 0px 0px 10px 5px rgba(208, 206, 206, 0.75);
	-webkit-box-shadow: 0px 0px 10px 5px rgba(208, 206, 206, 0.75);
	border-radius: 5px;
	
	margin: 0 auto;
	margin-right: 15px;
	margin-left: 12px;
	margin-bottom: 20px;	
}
.saman{
	text-align: center;
	width: 33%;

border: 6px solid #69b5e0;
	box-shadow: 0px 0px 10px 5px rgba(208, 206, 206, 0.75);
	-moz-box-shadow: 0px 0px 10px 5px rgba(208, 206, 206, 0.75);
	-webkit-box-shadow: 0px 0px 10px 5px rgba(208, 206, 206, 0.75);
	border-radius: 5px;
	height: 400px;
	margin-right: 230px;
}


footer {
	height: 340px;
	background: #252425;
	margin-top: 95px;

}


#footer-about {
	width: 293px;
	margin-right: 20px;
	float: left;
}
#footer-sogars {
	width: 293px;
	margin-right: 20px;
	float: left;
}
.brand-lists ul li {
	display: inline;
}
#footer-sogars ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#footer-sogars ul li {
	margin-bottom: 10px;
}
#footer-sogars ul li span {
	display: inline-block;
	width: 60px;
}
#footer-contact {
	width: 293px;
	float: right;
}
.footer-heading {
	color: #FFF;
	margin-top: 20px;
}
.footer-para p {
	font-size: 12px;
	padding-right: 20px;
	color: white;
}
.footer-para-contact p {
	color: #999999;
}
.footer-contact-list ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.footer-contact-list ul li {
	margin-bottom: 10px;
	color: white;
	font-size: 17px;
	text-shadow: 1px 9px 2px #000000;
}
.footer-contact-list ul li span {
	display: inline-block;
	width: 70px;
	vertical-align: top;
}


.footer-contact-list ul li span.address {
	width: 200px;
	text-align: justify;
}
.footer-contact-list ul li span.address1 {
	width: 200px;
	font-family: arial;
	text-shadow: 1px 9px 2px #000000;
}
.visitors{
	position: absolute;
margin-top: -10px;
margin-right: 650px;
}
.footer-contact-list p{
	text-align: justify;
width: 400px;
font-size: 17px;

	text-shadow: 1px 9px 2px #000000;

}
.footer-contact-list h4{
text-shadow: 1px 9px 2px #000000;
	color: skyblue;
	font-size: 22px;
	text-decoration: underline;
}
#footer-divider {
	background: #585858;
	height: 1px;
	margin-top: 20px;
}

.sogars{
width: 940px;
margin-top: 80px;
margin-bottom:30px;	

}
.sogar-1{
	width: 300px;
	height:280px;
border-top: solid navy;
border-bottom: solid navy;
	margin-left: 10px;


	
}
#sogaropac{
		background: -webkit-linear-gradient(#ffffff, #f5f5f5); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#ffffff, #f5f5f5); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#ffffff, #f5f5f5); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#ffffff, #f5f5f5); /* Standard syntax */


}
.sogar-1:hover{
	-moz-box-shadow:0px 0px 10px 0px #000;
	box-shadow:0px 0px 10px 0px #000;
	-ms-box-shadow:0px 0px 10px 0px #000;
	background: skyblue;
}
.sogar-1 a{
	color: navy;
	text-decoration: none;
}
.sogar-1 a:hover{
	color: white;
	text-decoration: none;
}
.sogars-detail
{
	padding-left:25px;
	padding-top:25px;
	padding-right:25px;
}
.con-area{

	width: 900px;

}
#contactform{
	width: 265px;
	float:left;


}
.members{
	margin-left: 500px;
	width: :900px;
}
.viewmembers{
	direction: rtl;
margin-right: 15px;
	width: 900px;
}
.side-con{

	width: 600px;
	float:right;
	margin-top: 40px;
	margin-right: 20px;
	font-family: MBSindhiWeb;
	
}


.side-con ul {
	margin-top: 60px;
	list-style-type: none;
	
}
.side-con ul li {
	font-size: 40px;
	color: #999999;

	}
.side-con ul li span {
	display: inline-block;
	font-size: 28px;
	font-family: MBSindhiWeb;
	padding-top: 10px;
font-weight: bold;
	vertical-align: top;

}
.side-con ul li span.address {
font-family: MBSindhiWeb;
font-size: 25px;
color: black;
}
.side-con ul li span.address1 {
font-family: arial;
font-size: 25px;
color: black;
}
.side-con span{
	color: navy;

}











#contactform ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	margin-top: 40px;
	margin-left: 20px;
	margin-bottom: 40px;
}

#contactform input{
	background: silver;
}


#contactform input:hover{
	background:white ;
}




.line{
	background: url(../img/74593318.jpg);
	height: 10px;
	box-shadow: 0px 0px 10px 2px rgba(208, 206, 206, 0.75);
	-moz-box-shadow: 0px 0px 10px 2px rgba(208, 206, 206, 0.75);
	-webkit-box-shadow: 0px 0px 10px 2px rgba(208, 206, 206, 0.75);
}


.btncolor{
	border: 1px solid #c4c4c4;
	box-shadow: 0px 0px 10px 2px rgba(208, 206, 206, 0.75);
	-moz-box-shadow: 0px 0px 10px 2px rgba(208, 206, 206, 0.75);
	-webkit-box-shadow: 0px 0px 10px 2px rgba(208, 206, 206, 0.75);
	border-radius: 5px;


}
.modal{
	width: auto;
	text-align: center;
}
.gallery{
	overflow: hidden;

		float: left;
	margin: 0 auto;
	
height: 0 auto;

	
}
.gallery-area{
	
}
.gallery-area ul li{
width: 100px;
	height:200px;
	list-style:none;


}
.book-area{
width: 900px;
height: 0 auto;
overflow: hidden;


}




.books
{
	margin-top: 20px;
	margin-left: 20px;
	width:180px;
	height:225px;
	display:inline-block;
	float:left;
	overflow:hidden;
	line-height:1.5em;


}
.books-img
{
	position: relative;


	width:180px;
	height:225px;
}
.books-hover
{
position: absolute;
	text-align:center;
	width:160px;
	height:210px;
	background:rgba(255,153,0,0.3);
    visibility:hidden;
  	opacity:0;
  	transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	-webkit-box-shadow:0px 0px 15px #000;
	-moz-box-shadow:0px 0px 15px #000;
	-ms-box-shadow:0px 0px 15px #000;
	box-shadow:0px 0px 15px #000;
}
.books:hover .books-hover
{
	visibility:visible;
  	opacity:1;
  	transition-delay:0s;
}

.btnspecification
{
	margin-top:90px;
	color:#fff;
	font-family:roboto bold;
	background:blue;
	border:#F60;
	border-radius:2px;
	width:120px;
	height:30px;
	cursor:pointer;
	font-size:14px;
	-webkit-box-shadow:0px 0px 5px #fff;
	-moz-box-shadow:0px 0px 5px #fff;
	-ms-box-shadow:0px 0px 5px #fff;
	box-shadow:0px 0px 5px #fff;
	
}
.btnspecification:hover
{
	background:brown;
}
</style>





















.book-images{
	margin-top: 20px;
	margin-left: 20px;
	list-style-type: none;
	display:inline-block;

	width: 150px;
	height: 150px;
}
.books-img ul{
	display: inline-block;
	list-style-type: none;
}
.books-img h5{
	text-align: center;
	color: blue;
}
.book-images:hover{
	opacity: 0.7;

}
#book-left{
	margin-top: 40px;
	margin-left: 20px;
	margin-bottom: 40px;
	width: 400px;
}
.risala-img{
	float: left;
	width: 300px;
	height:300px;
	margin-left: 10px;
	margin-bottom: 25px;
	overflow: hidden;
}
#risalapara{
	float: right;
	width: 400px;
	height: 300px;
	margin-bottom: 20px;
	overflow: hidden;
	margin-right: 20px;
	border-top: solid navy;
	border-bottom: solid navy;
}
.box2{
	border: 1px solid #c4c4c4;
	box-shadow: 0px 0px 10px 2px black;

	
}
#risalapara a{
	color: navy;
border: 6px solid #69b5e0; 
}
.btnviewbook input {
    
	color :white;
}

#book-right{
	margin-top: 40px;
	margin-left: 20px;
	width: 400px;
	float:right;

}

#book-right ul {
	list-style-type: none;
	
}
#book-right ul li {
	font-size: 22px;
	color: black;

	}
#book-right ul li span {
	display: inline-block;
	font-size: 22px;
	padding-top: 10px;
color: brown;
	vertical-align: top;
}
#book-right ul li span.address {

font-size: 22px;

}
 

.video-gallery{
	width: 1000px;
height: 0 auto;
overflow: hidden;

}
.video-gallery ul{

		display: inline-block;
	list-style-type: none;
}
.video-gallery ul li{

	margin: 10px 10px 10px 20px;
		display: inline-block;
	list-style-type: none;
}



.audio-gallery{
	width: 1000px;
height: 0 auto;
overflow: hidden;

}
.audio-gallery ul{

		display: inline-block;
	list-style-type: none;
}
.audio-gallery ul li{

	margin: 10px 10px 10px 20px;
		display: inline-block;
	list-style-type: none;
}
















/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;

    z-index: 10;
  
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;

    margin-top: 20px;
    width: 190px;
    min-width: 100px;
    min-height: 100px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    border-radius: 8px;
    text-align: right;
  


}

/* Links inside the dropdown */
.dropdown-content a {

 
    width: 170px;
  min-width: 100px;
    text-decoration: none;
    display: block;

}

/* Change color of dropdown links on hover */


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

}

/*contact area*/
form {
  padding: 0;
  margin: 0 0 20px;

}
table {
  margin: 0 auto;
  font-size: 25px;
}
label {
	font-size: 20px;
	margin-left: 

}
tr, td, input, textarea {
margin-left: 5px;
  margin: 0;
  padding: 0;
font-size: 25px;
color: navy;
font-size: 25px;
}
td {
  padding: 0 0 5px;

  padding-top: 18px;
  font-size: 25px;
}
tr td:first-child {
  padding-left: -15px;
  padding-top: 45px;
  text-align: right;
  vertical-align: top;
}
.error[generated=true] {
  color: #dc0000;
  font-size: 22px;
  padding: 5px 0 2px 5px;
}
tr.error td {
  padding: 0;
}
input, textarea {

	margin-top: 18px;
  background: #034EA2;
  border: 3px solid navy;
  font: inherit;
  font-size: 16px;
  line-height: 20px;
  min-height: 30px;
  padding: 5px 10px;
  
}
input:focus, textarea:focus {
  border-color: #b0c3d0;
  outline: none;
}
textarea {
  height: 240px;
  resize: vertical;
}
input[type=submit] {
  background: navy;
  color: navy;
  font: inherit;
  padding: 7px 20px;
  width: auto;
}
 
#response {
  margin-bottom: 20px;
  text-align: center;
}
#response .success {
  color: #08a300;
}
#response .failure {
  color: #dc0000;
}