/* CSS Document */

@font-face {
    font-family: 'nafeesregular';
    src: url('font/nafees_nastaleeq_v1.01-webfont.eot');
    src: url('font/nafees_nastaleeq_v1.01-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/nafees_nastaleeq_v1.01-webfont.woff2') format('woff2'),
         url('font/nafees_nastaleeq_v1.01-webfont.woff') format('woff'),
         url('font/nafees_nastaleeq_v1.01-webfont.ttf') format('truetype'),
         url('font/nafees_nastaleeq_v1.01-webfont.svg#nafeesregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'nafeesregular';
    src: url('font/nafees_nastaleequpdated-webfont.eot');
    src: url('font/nafees_nastaleequpdated-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/nafees_nastaleequpdated-webfont.woff2') format('woff2'),
         url('font/nafees_nastaleequpdated-webfont.woff') format('woff'),
         url('font/nafees_nastaleequpdated-webfont.ttf') format('truetype'),
         url('font/nafees_nastaleequpdated-webfont.svg#nafeesregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body
{ margin:0px; padding:0px; background:url(images/bg.jpg); background-repeat:repeat;}

.main-wrapper
{ 
  width:1001px; height:auto; margin:0px auto; padding:0px 10px; background-color:#013300;
}

img
{ border:0px;}

.clear
{ clear: both;}

.header
{ width:970px; margin:0px auto; text-align:center;}

.banner
{ width:968px; height:auto; border:solid 2px #369443; margin:10px auto 0px auto;}


.leftpanel
{ width:400px; height:auto; float:left; margin:20px 0px 0px 0px;}

.normaltext
{ font-family:Calibri; font-size:16px; color:#FFFFFF; text-align:justify; line-height:20px;
padding:0px 0px 0px 12px;}



.urdutext
{font-family: 'nafeesregular'; color:#FFFFFF; font-size:16px; 
line-height:20px; padding:16px 0px 0px 5px;}

.urdutext2
{font-family: 'nafeesregular'; color:#FFFFFF; font-size:16px; 
line-height:20px; padding:16px 0px 0px 5px;}


.right-pannel
{ width:560px; height:auto; float:right; margin:20px 13px 0px 0px;}

.heading2
{ color:#d1c04e; font-size:18px; font-family:Calibri; text-align:left; 
padding:0px 0px 10px 0px; border-bottom:solid 1px #d1c04e; margin:0px 0px 8px 12px ;}

.heading
{ color:#d1c04e; font-size:18px; font-family:Calibri; text-align:left; 
padding:0px 0px 10px 0px; border-bottom:solid 1px #d1c04e; }


.video-layer
{ width:100%; height:395px; margin:13px 0px 25px 0px;}

.boxmain
{ margin:10px 0px 0px 0px;}


.imgbox
{ width:175px; height:116px; float:left; margin:0px 0px; border:solid 1px #FFFFFF;}
.imgbox2
{ width:175px; height:116px; float:left; margin:0px 0px 0px 15px; border:solid 1px #FFFFFF;}

.imgbox3
{ width:175px; height:116px; float:right; margin:0px 0px; border:solid 1px #FFFFFF;}


.viewmore
{ color:#d1c04e; font-size:14px; font-family:Calibri; text-align:right; 
padding:px 10px 0px 0px; line-height:50px; }


.viewmore a
{ color:#d1c04e; font-size:14px; font-family:Calibri; text-align:right; text-decoration:none;
}

.viewmore a:hover
{ color:#d1c04e; font-size:14px; font-family:Calibri; text-align:right; text-decoration:none;
}




.futter
{ width:970px; margin:-0px auto 0px auto; height:50px;

border-top:solid 1px #d1c04e;}


.copyright
{color:#d1c04e; font-size:13px; font-family: Verdana, Arial, Helvetica, sans-serif; 
text-align:left; float:left; line-height:45px; }


.counter
{ float:right; margin:15px 0px 0px 0px; color:#fff; font-family:Calibri; width:205px; }



.socialmediaicon
{ width:95px; height:31px; float:left; margin:10px 0px 0px 250px;}





/*new added*/



.content-panel
{ width:1001px; height:auto;margin:20px auto 0px auto;}


.video-boxmain
{ margin:0px  auto 0px auto; width:995px;}


.previous-button
{ width:172px; height:44px; float:left; margin:69px 0px 0px 17px;}



.image-div{ width:175px; height:116px; float:left; margin:0px 0px 0px 15px; }

.textfield-div{width:162px; height:20px; margin:70px 0px 7px 0px;}

.textfield-text{width:110px; height:20px; float:left; text-align:center;line-height:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; }


  .go-home-div{width:143px; height:46px;float:left; margin:10px 0px 0px 0px; }
  
.textfield11{width:35px; height:17px; border:#928f8f solid 1px; float:right;  }
.paging-div{width:148px; height:27px;}

.paging-div-text{width:96px; height:27px; float:left; text-align:center; line-height:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff;}

.paging-img{width:52px; height:27px;float:right;  }


/*.paging-icon{width:11px; height:17px;float:left; margin:5px 0px 4px 12px;background-image:url(images/prev.png); background-repeat:no-repeat; background-position:center top;}*/

/*.paging{background-image:url(images/prev1.png); background-repeat:no-repeat; background-position:center top;}*/

/*.paging-icon1{width:11px; height:17px;float:left; margin:5px 0px 4px 8px;background-image:url(images/next1.png); background-repeat:no-repeat; background-position:center top;}*/

/*.paging-1{background-image:url(images/next2.png); background-repeat:no-repeat; background-position:center top;}*/




.video-boxright
{ margin:20px 23px 0px 26px; width:671px; height:377px; float:right; background-color:#CCCCCC}

.video-boxleft
{ margin:20px 0px 0px 26px; width:250px; height:300px;  float:left;}



.imgbox55
{ width:250px; height:150px; float:left; margin:10px 0px; border:solid 1px #FFFFFF;background-color:#CCCCCC}




.imgbox11
{ width:175px; height:116px; float:left; margin:10px 0px; border:solid 1px #FFFFFF;}
.imgbox22
{ width:175px; height:116px; float:left; margin:10px 0px 0px 17px; border:solid 1px #FFFFFF;}




/*new icon css*/

.paging-icon01{width:11px; height:17px;float:left; margin:5px 0px 4px 12px; background-image:url(images/prev.png); background-repeat:no-repeat; background-position:center top;}

.paging-icon0{background-image:url(images/prev1.png); background-repeat:no-repeat; background-position:center top; width:11px; height:17px;float:left; margin:5px 0px 4px 12px;}

.paging-icon02{width:11px; height:17px;float:left; margin:5px 0px 4px 8px; background-image:url(images/next1.png); background-repeat:no-repeat; background-position:center top;}

.paging-tes{background-image:url(images/next2.png); background-repeat:no-repeat; background-position:center top;width:11px; height:17px;float:left; margin:5px 0px 4px 8px;}




<!--footer counter Start-->
.counter-main
{  height:auto; float:right; margin:0px;}

.visitors-text
{ font-family:Calibri; font-size:15px; color:#fff;   
float:left; padding:0px 5px; line-height:21px; font-weight:600;}

.rect
{
float:left; width:8px; font-size:15px; height:auto; font-family:Arial, Helvetica, sans-serif; text-align:center; 
color:#333333; padding:2px 2px; border:solid 1px #CCCCCC; font-weight:bold; margin:0px 0px 0px 0px;
background: rgb(226,226,226); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWZlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(254,254,254,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(254,254,254,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(226,226,226,1) 0%,rgba(254,254,254,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-8 */

}
<!--footer counter End-->