/* CSS Document */
@font-face {
font-family: JameelNooriNastaleeq;
src: url(../fonts/JameelNooriNastaleeq.woff);
}

@font-face {
font-family: NotoNastaliqUrdu-Regular;
src: url(../fonts/NotoNastaliqUrdu-Regular.ttf);
}
.body{
	background-color:#f2f2f2;
	font-family: 'JameelNooriNastaleeq', serif;
	margin:0;
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/*font-family: 'Noto Serif', serif;*/

header{
	position:fixed;
	top:0;
	z-index:1000;
	background:rgba(0,0,0,0.5);
	/* background-color:transparent; */
	width:100%;
}

nav{
    font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
	max-width:1280px;
	margin:auto;
}
  
.menu{
	/*float:right;*/
	padding:15px 0 0 0;
}

.menuBtn:hover{
	cursor:pointer;
}

.navigation{
	padding:5px 0px; 
	max-width:1280px;
}

.navigation .mainLogo{
	float:right;
}

.navLinks{
	display:none;
	background:rgba(0,0,0,0.95);
	width:100%;
	height:650px;
	float:right;
	text-align:center;
	padding:50px;
	font-size: 20px;
	margin:0px 47px 0 0;
	position:absolute;
	right:-46px;
	top:71px;
}

.navLinks hr{
	background-color:#f60; 
	height: 2px;
	border: none;
	width: 20%;
}

.navLinks a{
	display:block;
	padding:5px;
	color:#fff;
	text-decoration:none;
	width: 50%;
	margin: auto;
}

.navLinks a:hover{
	color:#ef9720;
	text-decoration:none;
}

.languageAnchor{
	width:100px;
}

.languageAnchor a{
	display:inline-block;	
}

.categoryNav{
	max-width:550px; 
	font-size:small; 
	margin:auto; 
	padding:5px 0; 
	float:left; 
	display:none;
}

/*------------------------------------------*/

.categoryNav{
	max-width:10px;
	text-align:center;
}

.categoryNav a{
	display:inline-block;
	padding:10px 20px;
	color:#fff;
	font-weight:bolder;
}

.categoryNav a:hover{
	color:#f60;
	text-decoration:none;
}

/*------------------------------------------*/

.mainArticles .ad-one{
	width:728px; 
	margin:auto; 
	padding:20px 5px;
	display:none;
}

.mainArticles .left{
	max-width:972px; 
	float:left;
}

/*------------------------------------------*/

.mainArticles .ad-one{
	width:728px; 
	margin:auto; 
	padding:20px 5px;
}

.inArticlesList li{
	border-bottom:solid 2px #f60;
}

/*------------------------------------------*/

.mainArticles .left{
	max-width:1000px;
	float:right;
}

.recent .heading{
	color:#f60;
	text-align: right;
	font-family: 'Open Sans', serif;
}

.recent h3{
	font-family: 'Open Sans', serif;
}

.recent hr{
	height:2px;
	background-color:#000;
	border:none;
}

.recent .imgDetails p{
	font-size:18px;
}

.recent .portraitBox img:hover{
	background:rgba(0,0,0,0.5);
}

.recent .landscapeBox{
	
}

.recent .portraitBox{
	float:left;
	width:302px;
	height: 393px;
	margin:10px;
    border: solid 1px #d1d1d1;
	background-color:#fff;
	text-align:right;
}

.hiddenBox{
	visibility:hidden;
}

.recent .portraitBox small{
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase; 
	font-size:10px; 
	color:#a1a1a1;
}

.recent .portraitBox span{
	color:#f60;
}

.imgDetails a{
	color:#000;
	text-decoration:none;
}

.imgDetails a:hover{
	color:#f60;
	text-decoration:none;
}

.landscapeBox .imgDetails {
	padding: 0 10px;
}

.portraitBox .imgDetails{
    padding: 10px;
}

.landscapeBox{
	float:left; 
	width:624px; 
	margin:10px; 
	background-color:#fff; 
	border: solid 1px #d1d1d1;
	text-align:right;
}

.recent .landscapeBox small{
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase; 
	font-size:10px; 
	color:#a1a1a1;
}

.recent .landscapeBox span{
	color:#f60;
}






.specialBox .imgDetails {
    padding: 0px 0 5px 10px;
}

.specialBox .imgDetails{
    padding: 10px;
}

.specialBox{
	float:left; 
	width:624px; 
	margin:10px; 
	background-color:#fff; 
	border: solid 1px #d1d1d1;
}

.recent .specialBox small{
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase; 
	font-size:10px; 
	color:#f60;
}

.recent .specialBox span{
	color:#a1a1a1;
}
/*------------------------------------------*/


.right{
	padding:106px 0 0 0;
	width:300px;
	float:left;
}

.right-urdu{
	padding:10px 0 0 0;
	width:300px;
	float:left;
}

.poster{
	float:left;
	margin:0 0 5px 0;
}

.daesTv, .poll, .ad-two, .twitter{
	float:left;
}

.ad-two{
	display:none;
}

.poll{
	
}

/*------------------------------------------*/

footer{
    font-family: 'Open Sans', sans-serif;
	font-size:small;
	width:100%; 
	background-color:#333; 
	color:#fff; 
	padding:10px 0;
	margin:50px 0 0 0;
}

.footerContainer{
	max-width:800px;
	margin:auto;
}

.footerContainer .topButton{
	float:right;
	background-color:#333;
	transform:rotate(45deg);
	margin:-25px 0 0 0;
	padding:5px;
}

.footerContainer .topButton img{
	transform:rotate(-45deg);
}

.colContainer{
	max-width:678px; 
	margin:auto;
}

.colContainer h4{
	color:#a1a1a1;
}

.colContainer ul li{
	color:#7e7d7d;
	line-height:2;
}

.col-1 a, .col-3 a, .col-4 a{
	color:#7e7d7d;
	text-decoration:none;
}

.col-1 a:hover, .col-3 a:hover, .col-4 a:hover{
	color:#7e7d7d;
	text-decoration:underline;
}

.col-1, .col-2, .col-3, .col-4{
	float:left;
	width:226px;
}

.col-1, .col-2, .col-3, .col-4, ul li{
	list-style:none;
	line-height:1.5;
}

.col-3 img{
	padding:0 8px 0 0;
}


/*------------------SECTIONS-SECTION :p------------------------*/


.blankSec{
	height:100px;
}

.mainArticles .mainHeading{
	text-align:center;
	border:solid 2px #ccc;
	max-width:500px;
	margin:auto;
	-moz-border-image: -moz-linear-gradient(top left, #f60 0%, #3a4ed5 100%);
	-webkit-border-image: -webkit-linear-gradient(top left, #f60 0%, #3a4ed5 100%);
	border-image: linear-gradient(to bottom right, #f60 0%, #3a4ed5 100%);
	border-image-slice: 1;
 }

.mainArticles .mainHeading h1{
	margin:15px 0;
	color:#3d3d3d;
	font-family:'Open Sans', Sans Serif;
}

.blogsColor .portraitBox{
	border:solid 1px #663399;
}

.blogsColor .landscapeBox{
	border:solid 1px #663399;
}

.blogsColor .mainHeading{
	text-align:center;
	border:solid 2px #ccc;
	max-width:500px;
	margin:30px auto;
	-moz-border-image: -moz-linear-gradient(top left, #f60 0%, #663399 100%);
	-webkit-border-image: -webkit-linear-gradient(top left, #f60 0%, #663399 100%);
	border-image: linear-gradient(to bottom right, #f60 0%, #663399 100%);
	border-image-slice: 1;
}
 
 

.politickingColor .portraitBox{
	border:solid 1px #ff3333;
}

.politickingColor .landscapeBox{
	border:solid 1px #ff3333;
}

.politickingColor .mainHeading{
	text-align:center;
	border:solid 2px #ccc;
	max-width:500px;
	margin:30px auto;
	-moz-border-image: -moz-linear-gradient(top left, #f60 0%, #ff3333 100%);
	-webkit-border-image: -webkit-linear-gradient(top left, #f60 0%, #ff3333 100%);
	border-image: linear-gradient(to bottom right, #f60 0%, #ff3333 100%);
	border-image-slice: 1;
}



.lifelineColor .portraitBox{
	border:solid 1px #009966;
}

.lifelineColor .landscapeBox{
	border:solid 1px #009966;
}

.lifelineColor .mainHeading{
	text-align:center;
	border:solid 2px #ccc;
	max-width:500px;
	margin:30px auto;
	-moz-border-image: -moz-linear-gradient(top left, #f60 0%, #009966 100%);
	-webkit-border-image: -webkit-linear-gradient(top left, #f60 0%, #009966 100%);
	border-image: linear-gradient(to bottom right, #f60 0%, #009966 100%);
	border-image-slice: 1;
}



.firstaidColor .portraitBox{
	border:solid 1px #0099ff;
}

.firstaidColor .landscapeBox{
	border:solid 1px #0099ff;
}

.firstaidColor .mainHeading{
	text-align:center;
	border:solid 2px #ccc;
	max-width:500px;
	margin:30px auto;
	-moz-border-image: -moz-linear-gradient(top left, #f60 0%, #0099ff 100%);
	-webkit-border-image: -webkit-linear-gradient(top left, #f60 0%, #0099ff 100%);
	border-image: linear-gradient(to bottom right, #f60 0%, #0099ff 100%);
	border-image-slice: 1;
}



/*------------------ARTICLES-SECTION :p------------------------*/


.left .recent h4{
	color:#000;
}

.left .recent .articleText p{
	font-size:28px;
	text-align:right;
}

.left .recent .heading{
	padding:0 15px;
}

.left .recent .articleText{
	padding:15px;
}

.left .recent .articleMedia{
	max-width:800px;
	height:auto;
	margin:auto;
    padding: 30px 0
}

.left .recent .sharingOptions a{
	padding:0 5px;
}


/*------------------azadi-ka-matlab-kia------------------------*/

.articleText .paraBox{
	border:solid 1px #ccc;
	margin:10px 0;
	padding:10px;
	box-shadow:10px 10px 5px #888888;;
}



/*------------------COMMENTS------------------------*/

.commentsSec{
	width:100%;
	font-family:'Open Sans', Sans Serif;
}

.commentsSec .heading{
	text-align:left;
}

.commentsSec .replySec, .commentsSec .composeSec{
	width:95%;
	margin:auto;
}

 .commentsSec .replySec{
	box-shadow: 0px 10px 20px -7px #888;	 
 }

.commentsSec .replySec .reply{
	width:100%;
	background-color:#fff;
	padding:10px;
}

.commentsSec .replySec .reply img{
	float:left;
}

.commentsSec .replySec .middle-comment{
	float:left;
	width:82%;
	margin: 0 10px;
}

.middle-comment p{
	margin:5px 0;
	font-size:smaller;
}

.commentsSec .replySec .middle-comment .userName{
	font-size:18px;
	font-weight: bolder;
}

.commentsSec .replySec .middle-comment .commentTime{
	font-size:small;
}

.commentsSec .replySec .right-comment{
	float:right;
	margin: 89px 0 0 0;
}



.commentsSec .commentForm form table{
	width:100%;
}

.commentsSec .commentForm form table tr td{
	padding:3px;
}

.commentsSec .commentForm form table tr td input, .commentsSec .commentForm form table tr .longField textarea{
	width:100%;
	padding:5px;
}

 .commentsSec .commentForm form table tr .longField textarea{
	height:100px;
 }
 
.commentsSec button{
	background-color:#333;
	border:none;
	color:#fff;
	padding:5px;
}

.commentsSec button:hover{
	background-color:#f60;
}





/*------------------CONTACT-SECTION------------------------*/




.mainSecContainer{
	max-width:1280px;
	margin:auto;
}

.mainSecContainer .heading{
	color:#f60;
	font-family: 'Roboto Slab', Sans serif;
}

.mainSecContainer hr{
	height:2px;
	background-color:#000;
	border:none;
}



/*------------------CONTACT-SECTION------------------------*/




.mainSecContainer{
	max-width:1280px;
	margin:auto;
}

.mainSecContainer .heading{
	color:#f60;
	text-align:right;
}

.mainSecContainer .heading-contact{
	color:#f60;
}

.mainSecContainer hr{
	height:2px;
	background-color:#000;
	border:none;
}

/*----------------------------------------*/

.contactForm{
	font-family:'Open Sans', Serif;
	float:left;
    margin: 0 0 0 60px
}

.contactForm table{
	max-width:600px;
}

.contactForm table tr td{
	padding:3px;
}

.contactForm table tr td input{
	padding:8px;
	width:297px;
}

.contactForm .longField input{
	width:600px;
}

.contactForm .longestField textarea{
	width:600px;
	height:150px;
	padding:8px;
}

.contactForm .submit input{
	background:#f60;
	border:none;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
}


/*----------------------------------------*/
.contactDetails{
	max-width:400px;
	float:right;
    margin: 0 100px 0 0;
}

.contactDetails table tr td{
	padding:15px 0;
}

.contactDetails img{
	margin:0 20px 0 0;
}

.contactDetails table tr td a img{
	margin:0 8px 0 0;
}

.contactDetails table tr td a{
	color:#000;
}




/*------------------ABOUT-SECTION------------------------*/



.mainSecContainer .aboutContent{
	max-width:600px;
	float:right;
	font-size:25px;
	text-align:justify;
}

.mainSecContainer .aboutMedia{
	width:550px;
	float:left;
}



/*------------------ERROR------------------------*/

.errorImg{
	width:500px; 
	margin:auto; 
	padding:100px 0;
}



/*------------------form.php------------------------*/

.formSubmission{
	width:410px;
	margin:175px auto;
	font-family: 'Roboto Slab ', Serif;
}

.formSubmission a{
	color:#000;
	font-family:'Open Sans',Sans Serif;
	text-decoration:underline;
}

.formSubmission a:hover{
	color:#f60;
	text-decoration:none;
}



/*Designed & Developed by: UsamaBaig & Sumaira Arshad*/

.categoriesLinks {
	text-align: center;
	font-size: 22px;
	margin:20px 0;
}
.categoriesLinks a{
	color: #000;
	margin: 0 15px;
}