* {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*:before, *:after {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body{
    margin:0;
    padding:0;
}
img[usemap] {
		border: none;
		height: auto;
		max-width: 100%;
		width: auto;
	}

a 
{
	TEXT-DECORATION: none;
	font-weight: normal; 
}
a.link_blue {  font-family: Tahoma; font-size: 8pt; color: #1B82CF; text-decoration: none}
a.link_blue:hover {  font-family: Tahoma; font-size: 8pt; color: #1B82CF; text-decoration: underline}

a.link_dark_blue {  font-family: Tahoma; font-size: 9pt; color: #030268; text-decoration: none}
a.link_dark_blue:hover {  font-family: Tahoma; font-size: 9pt; color: #030268; text-decoration: underline}

a.link_black {  font-family: Tahoma; font-size: 8pt; color: #000000; text-decoration: none}
a.link_black:hover {  font-family: Tahoma; font-size: 8pt; color: #000000; text-decoration: underline}

a.left_link {  font-family: Tahoma; font-size: 8pt; color: #5B5B5B; text-decoration: none; font-weight:bold}
a.left_link:hover {  font-family: Tahoma; font-size: 8pt; color: #5B5B5B; text-decoration: underline}

.heading_txt {  font-family: arial; font-size: 8pt; font-Weight:bold}
.large_txt {  font-family: arial; font-size: 15pt; font-Weight:bold}
.small_txt {  font-family: Tahoma; font-size: 9pt}
.date_txt {  font-family: Tahoma; font-size: 7pt}
.page_no {  font-family: Impact; font-size: 24pt; color: #B9B9B9}
.ticker {  font-family: verdana; font-size: 8pt}
.top{cursor: pointer !important;}
.textbox { 
	display: block;
    width: 100%;
    height: 34px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.left-ads {
    display: block;
    position: absolute;
    background: #e7e7e7;
    width: 160px;
    float: left;
    margin-right: 10px;
    margin-left: 5px;
    margin-top: 200px;
}
.right-ads {
    display: block;
    position: absolute;
    background: #e7e7e7;
    width: 160px;
    float: left;
    margin-right: 10px;
    margin-left: 5px;
    margin-top: 200px;
    right: 0;
}
label{
	font-size: 19px;
    margin: 10px 0;
    display: inline-block;
}
.button 
{  
	font-family: Tahoma; 
	font-size: 8pt; 
	font-style: normal; 
	font-weight: normal; 
	font-variant: normal; 
	color: #000000; 
	background-color: #efefef; 
	border: 1 outset #f9f9f9
}
.wrapper{
	width:1170px;
	margin: 0 auto;
}
.container{
	width:100%;
	display: inline-block;
	margin: 10px 0;
}
.logo{
	text-align:center;
}
.logo img{
	max-width:100%;
}
.default-logo{
	text-align:center;
	margin-top: 20px;
}
.default-logo img{
	max-width:100%;
}
.LB{
	text-align:center;
	margin:0;
	
}
.home{
	padding: 4px 6px;
    background: #131313;
    color: #fff;
    line-height: 40px;
    border-radius: 3px;
    position: relative;
    z-index: 10;
}
.weekly1{
	/*margin-top: 74px !important;*/
}

.line{
	width:100%; 
	height:2px; 
	background-color:#00a1d9; 
	margin-top:2px;
	margin-bottom:5px;
	float:left;
}
.top-header{
	background-color:#C6E4FF;
	display: none;
    width: 100%;
}
.top-header form{
	margin:0;
	line-height:30px;
}
.top-header .dropback{
	margin-top:7px;
}
.top-header label{
	float: left;
	margin:0 10px;
}
.top-header .dropback{
	float:left;
}
.top-header .page-top{
	float: left;
    text-align: center;
    margin: 0 auto;
    width: 36%;
}
.top-header .backcenter{
	float:right;
	margin:0 10px 0 0;
}
.top-header .topright{
	float:right;
	margin-right: 0px;
}
.top-header .topright ul{
	float: right;
    margin: 0;
}
.top-header .topright ul li{
	list-style: none;
    float: left;
}
.search{
	width:100%;
	background-color:#ADD7F7;
	text-align:center;
}
.menu-plus{
	margin-top: 10px;
	width: 12px;
	height: 12px;
	float: right;
	margin-left: 14px;
	padding: 4px;
	background: #464141;
	border-radius: 50%;
	display:block;
}
.menu-minus{
	margin-top: 10px;
	width: 12px;
	height: 12px;
	float: right;
	margin-left: 14px;
	padding: 4px;
	background: #464141;
	border-radius: 50%;
	display:none;
}
.green .menu-plus{
	display:none;
}
.green .menu-minus{
	display:block;
}
.paper-number{
	width:49%;
	float:left;
    line-height: 35px;
    border-bottom: 1px solid #292929;
    border-top: 1px solid #252525;
    background-color: #131313;
    margin-bottom: 0px;
    color: #f5f5f5;
    text-align: left;
	
}
.paper-number:nth-child(odd) {
    border-right:2px solid #252525;
}
.paper-number ul{
	margin:0;
	padding:0;
}
.paper-number .number{
    font-size: 1.2em;
    width: 30px;
    float: left;
    text-align: center;
    height: 20px;
    line-height: 30px;
    margin-right: 10px;
    color: #f5f5f5;
}
.paper-number .name{
	/*background-color:#f5f5f5;*/
}
.paper-number .name a{
	line-height:30px;
	font-size:1.2em;
    color: #f5f5f5 !important;
}
.weeklysections{
	width:100%;
	float:left;
	margin:10px 0;
}
.weeklysections .mkr{
	margin-bottom:5px;
}
.weekly{
	width:100%;
	float:left;
}
.weekly-paper{
    width: 100%;
    float: left;
    line-height: 35px;
    border-bottom: 1px solid #292929;
    border-top: 1px solid #252525;
    background-color: #131313;
    margin-bottom: 0px;
    color: #f5f5f5;
    text-align: left;
}
.weekly-paper ul{
	margin: 0;
    padding: 0;
}
.weekly-paper .number{
    font-size: 1.2em;
    width: 30px;
    float: left;
    text-align: center;
    height: 20px;
    line-height: 30px;
    margin-right: 10px;
    color: #f5f5f5;
}
.weekly-paper .name{
	/*background-color:#F7F7F7;*/

}
.weekly-paper .name a{
    line-height: 30px;
    font-size: 1.2em;
    color: #f5f5f5 !important;
}
.weekly2{
	margin-top:74px;
}
.weekly1:after{
    content: '';
    border-top: 8px solid transparent;
    border-bottom: 8px solid #131313;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    top: -15px;
    left: 58%;
}
.mag-name{
    width: 100%;
    float: left;
    background-color: #000000;
    text-align: center;
    line-height: 30px;
    font-size: 0.9em;
    margin-bottom: 0px;
    color: #f5f5f5;
    font-weight: bold;
}
.topnav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: visible;
  position: relative;
}
.transparent-bg{
	display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}
.topnav li {
/*float: left;
width: 8%;
position: absolute;
background-color: #131313;
min-width: 306px;
z-index: 1;
margin-top: 10px;
left: 0;*/
}
.topnav li.menu:after{
    content: '';
    border-top: 8px solid transparent;
    border-bottom: 8px solid #131313;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    top: -15px;
    left: 16%;
}
.topnav li a {
  display: inline-block;
  color: #000;
  text-align: center;
  /*padding: 14px 16px;*/
  text-decoration: none;
  transition: 0.3s;
  font-size: 17px;
}

.topnav li a:hover {    color: #f5f5f5;}

.topnav li.icon {display: none;}
.topnav .bottom {
  	display: none;
	float: left;
    width: 8%;
    position: absolute;
    background-color: #131313;
    min-width: 300px;
    z-index: 1;
    margin-top: 10px;
    left: 0;
    
}
#myBtn{
	/*float:left;
	font-size: 20px;*/
}
.box{
	float: left;
    margin-right: 10px;
    /*border-right: 1px solid #ccc;*/
}
.top{
    padding: 0px 16px;
    background: #131313;
    color: #fff;
    line-height: 40px;
    border-radius:3px;
	position: relative;
    z-index: 10;
}
.top a{
	color:#fff;
}
.page-top-head{
    width: 42%;
    float: left;
    /*background-color: #ffffff;*/
    /*border-bottom: 1px solid #ccc;*/
	color:#008bd9;
}
.main-header{
    padding-bottom: 25px;
    margin-bottom: 0;
    padding-top: 25px;
    margin-top: 0px;
    border-bottom: 1px solid #ccc;
    border-top: 2px solid #131313;
}
.contentimg{
	width: 100%;
    float: left;
	/*padding:5px;*/
}
.contentimg img {
	max-width:100%;
}
.page-top .date{
	width:100%;
	text-align:right;
}
.page-top-head .next-prev{
    float: left;
    margin-left: 10px;
    margin-top: 8px;
    text-align: center;
}
.page-top-head .page_no{
    float: right;
    width: 27%;
    text-align: right;
    margin-top: 2px;
}
.next-prev .page_name{
	margin: 0 20px;
	vertical-align: top;
    line-height: 26px;
	font-size: 1.6em;
}
.left11111{
	width: 15%;
    float: left;
    margin-right: 1%;
    border: 1px solid #ccc;
    padding: 5px;
    /* box-shadow: 1px 0px 10px #000; */
    background-color: #fff;
}
.mag-bottom-line{
	border-bottom:0 !important;
}
.left {
    width: calc(42% - 0px);
    float: left;
    /*margin-right: 1%;
     border: 1px solid #ccc; 
    padding: 1%;*/
    /* box-shadow: 1px 0px 10px #000; */
    background-color: transparent;
	z-index: 1;
	position: relative;
}
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	z-index: 99;
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 270px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
	text-align: center;
	padding: 5px;
	z-index:10;
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: #000;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}
.right{
	float: left;
    width: 82%;
	/*border:1px solid #000;*/
}
.next-prev .back{
	display:inline-block;
}
.next-prev .next{
	display:inline-block;
}
.bottom-ads{
	margin:10px 0;
	width: 100%;
    display: inline-block;
}
.ads1{
	float: left;
    width: 33.333%;
    text-align: center;
	margin:5px 0;
	
}
.ads2{
	float: left;
    width: 33.333%;
    text-align: center;
	margin:5px 0;
}
.ads3{
	float: left;
    width: 33.333%;
    text-align: center;
	margin:5px 0;
}
.skyleft{
	float:left;
	width:120px;
	height:600px;
}
.skyright{
	float:right;
	width:120px;
	height:600px;
}
.center-content{
	float: left;
    width: 100%;
    margin: 0;
}
.center-content .col1karachi{
	width: 37.333%;
    float: left;
    text-align: center;
    margin: -18px 0 0 0;
    position: relative;
	
}
.center-content .karachiimg{
	max-width:100%;
	
}
.center-content .col1karachi h1{
	font-size: 36px;
    color: #000;
    text-align: center;
    width: 87%;
    display: inline-block;
    line-height: 40px;
    font-weight: 300;
    font-family: Impact;
    margin: 15px 0;
}
.center-content .col1lahore{
	width: 31.333%;
    float: left;
	text-align: center;
	margin: 0;
	
}
.center-content .col1lahore a:hover{
    position: relative;
    z-index: 10;
}
.center-content .lahoreimg{
	max-width:100%;
	margin-right: -100px;
}
.center-content .col1lahore h1{
	font-size: 36px;
    color: #000;
    text-align: center;
    width: 87%;
    display: inline-block;
    line-height: 40px;
    font-weight: 300;
    font-family: Impact;
    margin: 15px 0;
}
.center-content .col1islamabad{
	width: 31.333%;
    float: left;
	text-align: center;
	margin: 0;
	
}
.center-content .islamabadimg{
	max-width:100%;
	margin-left: -100px;
}
.center-content .col1islamabad h1{
	font-size: 36px;
    color: #000;
    text-align: center;
    width: 87%;
    display: inline-block;
    line-height: 40px;
    font-weight: 300;
    font-family: Impact;
    margin: 15px 0;
}
.center-content .col1london{
	width: 31.333%;
    /*float: left;*/
	text-align: center;
    margin: 0;
    display: inline-block;
	
}
.center-content .londonimg{
	max-width:100%;
	margin-left: 0;
}
.center-content .col1london h1{
	font-size: 36px;
    color: #000;
    text-align: center;
    width: 87%;
    display: inline-block;
    line-height: 40px;
    font-weight: 300;
    font-family: Impact;
    margin: 15px 0;
}
.text-icon{
	float: left;
    width: 100%;
}
.karachitext-icon{
	width: 100%;
    float: left;
}
.karachitext-icon span img{
	max-width:100%;
}
.lahoretext-icon{
	width: 100%;
    float: left;
}
.lahoretext-icon span img{
	max-width:100%;
}
.islamabadtext-icon{
	width: 100%;
    float: left;
}
.islamabadtext-icon span img{
	max-width:100%;
}
.footerads{
	text-align: center;
    margin: 10px 0;
}
.lahore-left{
	width: 100%;
    background-color: #fff;
    text-align: center;
}
.lahore-left .topnav{
	margin:0 auto;
	display:inline-block;
	position: relative;
    overflow: visible;
}

center{
	clear:both;
}

.center-content.mobile-view{
    display: none !important;
}


.left_new {
    display: block;
    position: relative;
    background: #e7e7e7;
    width: 160px;
    float: left;
    margin-right: 10px;
    margin-left: 5px;
    margin-top: 200px;
}

.right_new {
    display: block;
    position: absolute;
    background: #e7e7e7;
    width: 160px;
    float: left;
    margin-right: 10px;
    margin-left: 5px;
    margin-top: 200px;
    right: 0;
}
@media screen and (max-width:1442px) {
.wrapper {
    width: 925px;
    margin: 0 auto;
}
.box {
    margin-right: 7px;
}
.top {
    font-size: 1.2em;
}
/*.left {
    width: 32%;
}*/
/*.page-top-head {
    width: 68%;
}*/
.left {
    width: calc(60% - 30px);
}

}

@media screen and (max-width:1300px) {
div#div-gpt-ad-1519109661126-1, div#div-gpt-ad-1519109661126-2 {
    display: none;
}

.left_new, .right_new{
		margin:0;	
	}

}

@media screen and (max-width:1200px) {
.wrapper {
    width: 725px;
    margin: 0 auto;
}
.top {
    padding: 0px 11px;
	}
	
	
}



@media screen and (max-width:1000px) {
.wrapper {
    width: 98%;
    margin: 0 auto;
}

.skyleft{
	display:none;
}
.skyright{
	display:none;
}
.right {
    float: left;
    width: 98%;
    border: 1px solid #000;
    display: inline-block;
    text-align: center;
    margin: 0 1% 0 1%;
}
ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
	text-align: center;
    margin-bottom: 0px;
  }
 /* .paper{
	  margin-top:10px;
  }*/
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }
  ul.topnav.responsive .icon a {
    text-align: center;
  }
 
.ads1 {
    float: left;
    width: 50%;
    text-align: center;
	margin:5px 0;
}
.ads2 {
    float: left;
    width: 50%;
    text-align: center;
	margin:5px 0;
}
.ads3 {
    float: left;
    width: 100%;
    text-align: center;
	margin:5px 0;
}
.top-header .page-top {
    float: left;
    text-align: center;
    margin: 0 auto;
    width: 28%;
}
.left {
	/*width:98%;*/
    /*border: 1px solid #ccc;*/
    /*padding: 1%;*/
    /*background-color: #fff;
	text-align:center;*/
	margin-bottom:10px;
    margin-left: 7px;

}
.topnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: visible;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
}
/*.page-top-head {
    width: 100%;
}*/
.page-top-head .next-prev {
    float: left;
    text-align: center;
    /*width: 97%;*/
}
.page-top-head .page_no {
    float: right;
    width: 3%;
    text-align: center;
}

}
@media screen and (max-width:856px) {
.top-header .page-top {
    float: left;
    text-align: center;
    margin: 0 auto;
    width: 25%;
}
.box {
    margin-right: 2px;
}

}
@media screen and (max-width:821px) {
.top-header .topright {
    float: right;
    margin-right: 0px;
    display: none;
}
.top-header .backcenter {
    float: right;
    margin: 0 10px 0 0;
    display: none;
}

}
@media screen and (max-width:767px) {
.wrapper {
    width: 95%;
    margin: 0 auto;
}
.ads1 {
    float: left;
    width: 100%;
    text-align: center;
	margin:5px 0;
}
.ads2 {
    float: left;
    width: 100%;
    text-align: center;
	margin:5px 0;
}
.ads3 {
    float: left;
    width: 100%;
    text-align: center;
	margin:5px 0;
}
.center-content .col1 h1 {
    font-size: 30px;
    line-height: 30px;
}

.logo {
    text-align: center;
}
.default-logo{
	text-align:center;
}
.top-header .page-top {
    float: left;
    text-align: center;
    margin: 0 auto;
    width: 36%;
}
.large{
	display:none;
}

}
@media screen and (max-width:650px) {
	.center-content .col1karachi{
	width: 100%;
	
}
.center-content .lahoreimg {
    display:none;
}
.karachitext-icon span {
    width: 100%;
    float: left;
}
.center-content .col1lahore{
	width: 100%;
	
}
.center-content .col1islamabad{
	width: 100%;
	
}
.center-content .col1london{
    width: 100%;
}
.center-content .islamabadimg {
    display:none;
}

.center-content.desk-top{
    display: none !important;
}
.center-content.mobile-view{
    display: block !important;
}
.center-content.mobile-view h1 a{
    color: #000 !important;
}
.desktop{
	display:none;
}
.mob{
	display:block;
}

.center-content hr {
        position: relative;
        height: 1px;
        border: none;
        width: 100%;
    }

.center-content hr:before,
/*.center-content hr:after {
        position: absolute;
        margin-top: -5px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        content: "";
    }*/

.center-content hr:before {
        left: 0;
    }

    .center-content hr:after {
        right: 0;
    }

    /* default color */
    .center-content hr, .center-content hr:before, .center-content hr:after {
        background-color: #666;
    }



}
@media screen and (max-width:767px) {
    .left{
        width: 100%;
		    text-align: center;
    }
    .page-top-head{
        width: 93%;
    }
    .topnav{
        float: none;
    }
    .page-top-head .next-prev{
        margin-left: 0px;
    }
	.menu-plus {
    margin-left: 2px;
}
.menu-minus {
    margin-left: 2px;
}
.box {
    margin-right: 4px;
}
}
@media screen and (max-width:460px) {

.logo {
    text-align: center;
	margin-top: 17%;
}
.default-logo{
	text-align:center;
}
.top-header label {
    float: left;
    margin: 0 15px;
}
.top-header .page-top {
    float: left;
    text-align: center;
    margin: 0 auto;
    width: 100%;
}
.page-top .date {
    width: 100%;
    text-align: center;
}
.top-header .dropback {
    float: left;
    width: 60%;
}
.textbox{
	width:100%;
}
.top {
    font-size: 1em;
}

}
@media screen and (max-width:420px) {
    .top{
        padding: 0 8px;
    }
    .box{
        margin-right: 3px;
    }
}
@media screen and (max-width:380px) {
    .top{
        padding: 0 8px;
        font-size: 1.0em;
    }

}
@media screen and (max-width:335px) {
    .home {
        padding: 2px 2px;
    }
    .top{
        font-size: .9em;
        line-height: 35px;
    }
    .top img{
        margin-top: 10px;
        width: 8px;
        height: 8px;
        float: right;
        margin-left: 10px;
        padding: 4px;
        background: #464141;
        border-radius: 50%;
    }

}
@media screen and (max-width:320px) {
    .home {
       display: none;
    }
    .top img{
        margin-left: 6px;
    }
.logo {
    text-align: right;
	margin-top: 26%;
}
.top-header label {
    float: left;
    margin: 0 5px;
}
.top-header .page-top {
    float: left;
    text-align: center;
    margin: 0 auto;
    width: 100%;
}
    /*.top{
        padding: 0 5px;
    }*/
    .box{
        margin-right: 5px;
    }
}