@import url('https://fonts.googleapis.com/css?family=Roboto');
@font-face {
       font-family: 'Jameel Noori Nastaleeq';
       src: url("../fonts/Jameel Noori Nastaleeq.ttf");
}
@font-face {
  font-family: 'Jameel Noori Nastaleeq';
  src: url('../fonts/Jameel Noori Nastaleeq.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Jameel Noori Nastaleeq.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Jameel Noori Nastaleeq.woff') format('woff'), /* Pretty Modern Browsers */
      /* url('../fonts/Jameel Noori Nastaleeq.ttf')  format('truetype'),*/ /* Safari, Android, iOS */
 
}
*{
	margin:0px; 
	padding:0px;
	font-family: 'Roboto', sans-serif;

}
body{
	font-family: 'Roboto', sans-serif;
	background:#F7F9F8;
}
ul{
	list-style-type:none;
}
.urdu_lng{
	font-family: 'Jameel Noori Nastaleeq', sans-serif;
	font-size:18px;
	font-weight:500;
}

.container{
	width:90%;
	background:#fff;
	padding:0px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
.container-fluid{
	
}
.r_header{
	margin-bottom:10px;
}
.r_nav{
	background:#006032;
	height:40px;
}
.navbar-inverse {
   /* background-color:#00a052;*/
    border-color: #fff;
	margin:0px;
}
.navbar {
    border-radius: 0px;
}
.navbar {
    border: 1px solid transparent;
    margin-bottom: 20px;
    min-height: 40px;
    position: relative;
}
.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}
.navbar-nav > li > a {
    padding-bottom: 10px;
    padding-top: 10px;
	color:#fff;
}
.navbar-nav > li > a {
    line-height: 20px;
    padding-bottom: 10px;
    padding-top: 15px;
	color:#fff;
}
.r_side{
	margin-bottom:4px;
	border-radius:2px;
}
.img_lab{
	border:1px solid #D3D3D3;
	margin-bottom:20px;
	padding-top:5px;
	padding-bottom:5px;
}

.r_magzine{
	background:#e8ece8;
	padding:8px;
	text-align:center;
	display:block;
	border:1px solid #ccc;
}
.r_magzine a{
	font-size:18px;
	color:#111;
	font-weight:600;
	text-transform:uppercase;
}
.r_block{
	min-height:80px;
	background:#fff;
	border-bottom:1px solid #ccc;
	margin-bottom:5px;
}

/*
footer{
	background:#D8E1DC;
	margin-top:20px;
	padding:10px;
}
*/
.books_heading{
	background:#006032;
	padding-top:5px;
	padding-bottom:0.2px;
	color:#fff;
	width:96%;
	text-align:center;
}
.books_heading p{
	font-size:16px;
}
.categories{
	display:block;
}
.categories ul{
	list-style-type:none;
}
.categories ul li{
	text-decoration:none;
	background:#006032;
	width:96%;
	margin-top:2px;
	margin-bottom:2px;
	padding:10px;
	text-align:center;
	display:block;
}
.categories ul li a{
	text-decoration:none;
	font-size:16px;
	color:#fff;
	display:block;
}
.categories ul li:hover{
	border:none;
}
.book_nav{
	height:40px;
	background:#0F628B;
	margin-bottom:10px;
}
.b_heading{
	width:100%;
	background:#525252;
	padding-top:6px;
	min-height:35px;
	margin-bottom:5px;
}
.b_heading p{
	color:#fff;
	font-size:16px;
	font-weight:600;
	text-align:center;
}
.books{
	background:#D0D0D0;
	padding:5px;
	min-height:200px;
	border-bottom:2px solid #fff;
}
.b{
	border-right:2px solid #fff;
}
.more_book{
	background:#006032;
	padding:4px;
	border-top:2px solid #ccc;
	text-align:center;
	margin-bottom:5px;
}
.more_book a{
text-align:center;
color:#fff;
}

.red{
    color:red;
    }
.form-area{
    background-color: #FAFAFA;
	padding: 10px 40px 60px;
	margin: 10px 0px 60px;
	border: 1px solid GREY;
}
.address p{
	font-size:16px;
	color:#000;
}
.about p{
	font-size:16px;
	color:#111;
	text-align:justify;
}
.notes{
	border:1px solid #111;
	margin-top:20px;
	border-radius:3px;
}
.notes h4{
	text-align:center;
	text-transform:uppercase;
}
.hr2{
	height:1px;
	background:#E5BD79;
	margin-bottom:10px;
	margin:10px auto;
	width:50%;
}
.hr1{
	height:1px;
	background:#E5BD79;
	margin-bottom:10px;
	margin-top:10px;
}
.cards{
	margin-top:20px;
	border:1px solid #ccc;
	padding:10px;
	width:95%;
}
.notes ul li i{
	color:#A82C58;
	padding-right:10px;
}
.department option{
	padding-left:10px;
	font-size:14px;
	padding-bottom:10px;
}
.dropdown-menu li a{
	color:#111;
	font-size:15px;
}
.dropdown-menu li{
	margin-bottom:2px;
	padding:5px;
}
.rehmania_img a img{
	cursor:zoom-in
}
.zoomimage img{
	cursor:zoom-out;
}



<style>
body {margin:0;height:2000px;}

.icon-bar {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.icon-bar a {
  display: block;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

.icon-bar a:hover {
  background-color: #000;
}

.facebook {
  background: #3B5998;
  color: white;
}

.twitter {
  background: #55ACEE;
  color: white;
}

.google {
  background: #dd4b39;
  color: white;
}

.linkedin {
  background: #007bb5;
  color: white;
}

.youtube {
  background: #bb0000;
  color: white;
}

.content {
  margin-left: 75px;
  font-size: 30px;
}


.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}



/*----------------------- 
    4.1 Section space :
-------------------------*/

/*Note: Section space help to create top bottom space;*/

.space-small { padding-top: 40px; padding-bottom: 40px; }
.space-medium { padding-top: 80px; padding-bottom: 80px; }
.space-large { padding-top: 120px; padding-bottom: 120px; }
.space-ex-large { padding-top: 140px; padding-bottom: 140px; }


/*----------------------------------------------
    5.4 Page Header
----------------------------------------------*/
.page-header { text-align: left; background-image: url(../images/page-header.jpg); background-size: cover; margin: 0px; padding: 0px; border: 0px; }
.page-section { padding-top: 140px; padding-bottom: 140px; }
.page-description { }
.page-description p { }
.page-title { font-size: 40px; font-weight: 500; margin-bottom: 10px; font-family: 'Poppins', sans-serif; color: #fff; }
.page-text { color: #fff; font-weight: 500; }

/*------------------------
10. Blog pages
--------------------------*/

/*----- post-----*/

.post-holder { border-bottom: 1px solid #dfdfdf; margin-bottom: 30px; }
.post-block { position: relative; }
.post-img img { border-radius: 5px; margin-bottom: 30px; }
.post-content { margin-top: 20px; margin-bottom: 30px; }

/*----- meta -----*/
.meta { margin-bottom: 20px; text-align: left; padding-right: 3px; font-weight: 500; line-height: 1; text-transform: uppercase; letter-spacing: 1px; font-size: 12px; }
.meta-icon { }
.meta-date { color: #fff; position: absolute; background-color: #21ac70; border-radius: 5px; padding: 8px 12px 8px 12px; top: 0px; font-weight: 500; margin: 10px 10px; }
.meta-date span { letter-spacing: 1px; display: flex; }
.meta-date-text { margin-top: -12px; margin-bottom: -8px; font-size: 12px; }
.meta-date-number { font-size: 26px; }
.meta-author, .meta-comments, .meta-categories { color: #a9b0ad; }
.meta-date, .meta-author { margin-right: 15px; }

/*----- pagination -----*/
.pagination { display: inline-block; padding-left: 0; margin: 20px 0; }
.st-pagination { text-align: center; margin-top: 30px; }
.st-pagination .pagination>li>a, .pagination>li>span { position: relative; float: left; line-height: 1.6; color: #fff; letter-spacing: 2px; text-decoration: none; font-size: 13px; border-radius: 50px; border: 1px solid #7c7a79; background-color: #7c7a79; font-weight: 700; text-transform: uppercase; margin-right: 8px; margin-bottom: 5px; }
.st-pagination .pagination>li>a:focus, .st-pagination .pagination>li>a:hover, .st-pagination .pagination>li>span:focus, .st-pagination .pagination>li>span:hover { z-index: 2; color: #fff; background-color: #fb6a30; border: #fb6a30 1px solid; }
.st-pagination .pagination>li:first-child>a, .st-pagination .pagination>li:first-child>span { margin-left: 0; border-radius: 50px; }
.st-pagination .pagination>li:last-child>a, .st-pagination .pagination>li:last-child>span { border-radius: 50px; }
.st-pagination .pagination>.active>a, .st-pagination .pagination>.active>a:focus, .st-pagination .pagination>.active>a:hover, .st-pagination .pagination>.active>span, .st-pagination .pagination>.active>span:focus, .st-pagination .pagination>.active>span:hover { z-index: 3; color: #fff; cursor: default; background-color: #fb6a30; border: 1px solid #fb6a30; }
.related-post-block { border-top: 1px solid #e6e7e9; margin-bottom: 30px; }
.related-post-title { margin-top: 30px; }
.related-post { }
.related-img img { margin-bottom: 30px; }
.related-post-content { }
.post-meta { margin-right: 20px; line-height: 0px; }

/*----- prev-next-----*/
.post-navigation { border-top: 1px solid #e6e7e9; border-bottom: 1px solid #e6e7e9; padding: 20px 0px 20px 0px; }
.nav-links { text-decoration: none; }
.nav-previous { }
.prev-link, .next-link { color: #6b6d6a; text-transform: uppercase; font-size: 12px; font-weight: 700; line-height: 24px; margin-bottom: 20px; letter-spacing: 1px; }
.prev-link i { margin-right: 5px; }
.next-link i { margin-left: 5px; }
.nav-next { }
.next-link { }
.previous-next-title { font-size: 18px; line-height: 22px; margin-top: 20px; color: #333333; font-weight: 700; }

/*----- Author-post -----*/
.author-block { margin-top: 40px; margin-bottom: 30px; border-bottom: 1px solid #e6e7e9; }
.author-post { }
.author-img { }
.author-title { font-size: 22px; line-height: 22px; color: #fff; }
.author-post-content { margin-bottom: 40px; }
.author-text { margin-top: 15px; }
.author-meta { padding-left: 0px; color: #fb6a30; }

/*----- Comments -----*/
.comment-area { margin-top: 40px; margin-bottom: 30px; border-bottom: 1px solid #ebecee; }
.comment-title { font-size: 22px; line-height: 22px; margin-bottom: 30px; }
.comment-list { margin-top: 40px; }
.comment { }
.comment-body { }
.comment-header { margin-right: 10px; }
.comment-author { }
.comment-author img { float: left; }
.comment-info { padding-left: 100px; }
.user-title { font-size: 18px; float: left; margin-bottom: 0px; margin-right: 30px; }
.comment-meta-date { padding-bottom: 10px; color: #9a9fa4; font-size: 12px; font-weight: 700; letter-spacing: .75px; text-transform: uppercase; }
.comment-content { margin-bottom: 10px; font-size: 16px; }
.reply-link { }
.childern { padding: 50px; background-color: transparent; border-bottom: 1px solid #e6e7e9; border-top: 1px solid #e6e7e9; }

/*----- leave-Comments -----*/
.leave-comments { margin-bottom: 30px; }


/*------------------------
 12. Sidebar / Widgets
--------------------------*/

/*----- widget -----*/

.widget { margin-bottom: 30px; padding: 30px; border-radius: 5px; background-color: #f4f7f6; }
.widget-title { color: #272625; font-size: 20px; font-weight: 500; }
.widget ul { }
.widget ul li { }
.widget ul li a { }
.widget-categories, .widget-archives ul li a:hover { color: #f47e5e; }
.widget-categories, .widget-archives { }
.widget-categories ul li, .widget-archives ul li { position: relative; font-weight: 500; margin-bottom: 8px; }
.widget-categories ul li a, .widget-archives ul li a { padding: 0px 0px 0px 18px; font-size: 15px; font-weight: 500; color: #626060; }
.widget-archives { }
.recent-post { position: relative; margin-bottom: 30px; }
.recent-img img { margin-bottom: 20px; border-radius: 5px; }
.recent-title { }
.widget-tags { }
.widget-tags a { color: #fff; padding: 6px 18px; background-color: #a1a5a4; display: inline-block; margin-bottom: 5px; border-radius: 5px; font-size: 13px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; line-height: 20px; margin-right: 5px; border: 0px; }
.widget-tags a:hover { background-color: #fb6a30; color: #fff; border: 0px; }
.widget-search { }
.widget-search button { background-color: transparent; border: transparent; color: #fb6a30; font-size: 12px; position: absolute; right: 0px; padding: 8px 20px; position: absolute; bottom: 0; }
.widget-search .form-control { height: 49px; margin-bottom: 0px; }
.search-form { position: relative; }

/*-------------styleguide-------------*/
.box-info { font-size: 16px; line-height: 1.6; }
.circle-default-color { background-color: #21ac70; height: 162px; width: 162px; border-radius: 50%; border: 5px solid #65e5ae; }
.circle-primary-color { background-color: #fb6a30; height: 162px; width: 162px; border-radius: 50%; border: 5px solid #ffcab5; }
.circle-heading-color { background-color: #272625; height: 162px; width: 162px; border-radius: 50%; border: 5px solid #92908e; }
.circle-secondary-color { background-color: #676462; height: 162px; width: 162px; border-radius: 50%; border: 5px solid #b6b3b2; }
.box-bg-color { }
.unordered ul { list-style: none; padding-left: 16px; }
.unordered ul li { line-height: 2; }
.ordered ol { list-style: decimal; margin-left: 20px; }
.ordered ol li { line-height: 2; }
.altenate { }
.altenate ul { list-style: none; }
.altenate ul li { border-bottom: 1px solid #e1e0dd; line-height: 2.5; }
.box-table { padding: 16px 30px; margin: 0 -15px 15px; border-color:; border: 1px solid #dbdad8; }

/*-------------404 error-------------*/
.error { padding-top: 120px; }
.error-icon { float: left; font-size: 150px; color: #e56f4f; }
.error h1 { font-size: 180px; font-weight: 700; margin-bottom: 100px; color: #fb6a30; }

/*-------------map-------------*/
#map { }
#contact-map { width: 100%; height: 400px; }

/*--------------------------------
14. Accodrion 
----------------------------------*/
.st-accordion { }
.st-accordion .panel { box-shadow: none; }
.st-accordion .sign { color: #a0729a; padding: 0 2px; position: absolute; left: -30px; top: 2px; }
.st-accordion .accordion .panel-heading.active .sign { color: #a0729a; }
.st-accordion .panel-title { margin-top: 0; margin-bottom: 0; font-size: 18px; color: #393538; position: relative; font-weight: 500; }
.sign { color: #a0729a; padding: 0 2px; top: 6px; }
.st-accordion .panel-heading.active .sign { color: #a0729a; }
.st-accordion .panel { margin-bottom: 20px; background-color: transparent; border: 1px solid #e4e9ea; border-radius: 0px; }
.st-accordion .panel-default {
    border-color: transparent;
}

.st-accordion .panel-group .panel {
    margin-bottom: 10px;
    border-radius: 0px;
    border: 1px solid #ededed;
    background-color: #f4f7f6;
    border-radius: 5px;
}

.st-accordion .panel-default>.panel-heading {
    color: #323734;
    background-color: transparent;
    padding: 30px 30px;
}

.st-accordion .panel-group .panel-heading+.panel-collapse>.list-group,
.st-accordion .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-bottom: 1px solid #e5e5e5;
    padding-left: 30px;
    padding-right: 30px;
}

.st-accordion .panel-body {
    padding: 30px 0px;
}

.st-accordion .panel-body p:last-child {
    margin-bottom: 0px;
}

.st-accordion .panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-bottom: 1px solid #e5e5e5;
}







	 ul {         
          padding:0 0 0 0;
          margin:0 0 0 0;
      }
      .about ul li {     
          list-style:none;
          margin-bottom:25px;           
      }
      ul li img {
          cursor: pointer;
      }
      .modal-body {
          padding:5px !important;
      }
      .modal-content {
          border-radius:0;
      }
      .modal-dialog img {
          text-align:center;
          margin:0 auto;
      }
    .controls{          
        width:50px;
        display:block;
        font-size:11px;
        padding-top:8px;
        font-weight:bold;          
    }
    .next {
        float:right;
        text-align:right;
    }
      /*override modal for demo only*/
      .modal-dialog {
          max-width:500px;
          padding-top: 90px;
      }
      @media screen and (min-width: 768px){
          .modal-dialog {
              width:500px;
              padding-top: 90px;
          }          
      }
      @media screen and (max-width:1500px){
          #ads {
              display:none;
          }
      }
	  
	  
/*-----------------------------------
8. Footer 
-------------------------------------*/

.footer { background-color: #242323; padding-top: 80px; padding-bottom: 30px; color: #908e8d; font-weight: 400; }
.footer-title { margin-bottom: 40px; color: #fff; }
.footer-widget { margin-bottom: 30px; }
.footer-widget ul { margin-bottom: 25px; }
.footer-widget ul li { line-height: 1; margin-bottom: 18px; }
.footer-widget ul li a { font-size: 14px; color: #908e8d; text-transform: capitalize; letter-spacing: .75px; font-weight: 400; }
.footer-address { padding-left: 30px; }
.footer-widget ul li a:hover { color: #fb6a30; }
.footer-widget ul li i { color: #fb6a30; float: left; }
.footer-social { }
.footer-social a span { font-size: 16px; padding-right: 10px; color: #58595a; }
.footer-line { border-bottom: #222222 1px solid; margin-bottom: 20px; margin-top: 40px; }
.footer-social a span:hover { color: #fff; }

/*-------------- tiny footer ------------*/
.tiny-footer { background-color: #242323; padding-top: 10px; padding-bottom: 10px; font-size: 14px; color: #908e8d; text-align: center; }