@charset "utf-8";



/*=========================================



Style by Zahid Mukhtar

Email : zahidilead88@gmail.com

Contact No : +92 321 4516195

https://www.linkedin.com/in/zahidfareed/



===========================================*/



/* CSS Document */



html,

body,

div,

span,

applet,

object,

iframe,

h1,

h2,

h3,

h4,

h5,

h6,

p,

blockquote,

pre,

a,

abbr,

acronym,

address,

big,

cite,

code,

del,

dfn,

em,

img,

ins,

kbd,

q,

s,

samp,

small,

strike,

strong,

sub,

sup,

tt,

var,

b,

u,

i,

center,

dl,

dt,

dd,

ol,

ul,

li,

fieldset,

form,

label,

legend,

table,

caption,

tbody,

tfoot,

thead,

tr,

th,

td,

article,

aside,

canvas,

details,

embed,

figure,

figcaption,

footer,

header,

hgroup,

menu,

nav,

output,

ruby,

section,

summary,

time,

mark,

audio,

video {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    font: inherit;

    vertical-align: baseline;

}



/* HTML5 display-role reset for older browsers */



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section,

main {

    display: block;

}



body {

    line-height: 1;

}



ol,

ul {

    list-style: none;

}



blockquote,

q {

    quotes: none;

}



blockquote:before,

blockquote:after,

q:before,

q:after {

    content: '';

    content: none;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



a {

    text-decoration: none;

}





/* Arrow css */



i {

    border: solid black;

    border-width: 0 2px 2px 0;

    display: inline-block;

    padding: 3px;

}



.right {

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

}



.left {

    transform: rotate(135deg);

    -webkit-transform: rotate(135deg);

}



.up {

    transform: rotate(-135deg);

    -webkit-transform: rotate(-135deg);

}



.down {

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

}





/* Font Face */



@font-face {

    font-family: 'ROTHNINI';

    src: url('../fonts/ROTHNINI.eot');

    src: url('../fonts/ROTHNINI.eot?#iefix') format('embedded-opentype'), url('../fonts/ROTHNINI.woff') format('woff'), url('../fonts/ROTHNINI.ttf') format('truetype'), url('../fonts/ROTHNINI.svg#GOTHIC') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'nafeesnastaleeqregular1';

    src: url('../fonts/nafeesnastaleeqregular1.eot');

    src: url('../fonts/nafeesnastaleeqregular1.eot?#iefix') format('embedded-opentype'), url('../fonts/nafeesnastaleeqregular1.woff') format('woff'), url('../fonts/nafeesnastaleeqregular1.ttf') format('truetype'), url('../fonts/nafeesnastaleeqregular1.svg#GOTHIC') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

  font-family: "Jameel Noori Nastaleeq";

  font-style: normal;

  font-weight: normal;

  src: url("../fonts/urdu/jameel_noori.ttf") format("truetype");

}

@font-face {

  font-family: "nafees_urdu";

  font-style: normal;

  font-weight: normal;

  src: url("../fonts/urdu/nafees_web_naskhshipped.ttf") format("truetype"), url("../fonts/urdu/nafees_web_naskhshipped.eot?#iefix") format("embedded-opentype"), url("../fonts/urdu/nafees_web_naskhshipped.woff") format("woff"); }



  @font-face {

    font-family: 'custom_urdu_font';

    src: url('jameel_noori_nastaleeq_regular-webfont.woff2') format('woff2'),

         url('jameel_noori_nastaleeq_regular-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}

/* css animations */



@-webkit-keyframes fadeIn {

    from {

        opacity: 0;

    }

    to {

        opacity: 1;

    }

}



@-moz-keyframes fadeIn {

    from {

        opacity: 0;

    }

    to {

        opacity: 1;

    }

}



@keyframes fadeIn {

    from {

        opacity: 0;

    }

    to {

        opacity: 1;

    }

}



.fade-in {

    opacity: 0;

    /* make things invisible upon start */

    -webkit-animation: fadeIn ease-in 1;

    /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */

    -moz-animation: fadeIn ease-in 1;

    animation: fadeIn ease-in 1;

    -webkit-animation-fill-mode: forwards;

    /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/

    -moz-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

    -webkit-animation-duration: 1s;

    -moz-animation-duration: 1s;

    animation-duration: 1s;

}



.fade-in.one {

    -webkit-animation-delay: 0.4s;

    -moz-animation-delay: 0.4s;

    animation-delay: 0.4s;

}



.fade-in.two {

    -webkit-animation-delay: 1.2s;

    -moz-animation-delay: 1.2s;

    animation-delay: 1.2s;

}



.fade-in.three {

    -webkit-animation-delay: 1.6s;

    -moz-animation-delay: 1.6s;

    animation-delay: 1.6s;

}



body {

    /* width: 1920px; */

    font-family: 'custom_urdu_font', 'Roboto', sans-serif;

    background: #f9f9f9;

    padding: 0px;

    margin: 0px;

}



header {

    width: 100%;

    height: 125px;

    background: #fff url(../images/logo-bar.gif) center 5px no-repeat;

    padding-bottom: 8px;

}



.container {

    width: 94%;

    margin: 0px auto;

    display: block;

}





/*==================================

=            Banner CSS            =

==================================*/



#banner {

    width: 100%;

    height: 464px;

    float: left;

    background: #FFF;

    margin: 0px;

    padding: 0px;

    line-height: 0px;

    position: relative;

    overflow: hidden;

}

.bot-bg {

    width: 100% !important;

    height: 100%;

    position: absolute;

    bottom: 0px;

    z-index: 99;

background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 99%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */

}

#banner img {

    height: auto !important;

    text-align: center;

}

ul.bjqs {

    position: relative;

    /*width: 100%;*/

    /* height: 415px; */

    /* max-height:700px;*/

    list-style: none;

    padding: 0;

    margin: 0;

    overflow: hidden;

    display: none;

}

li.bjqs-slide {

    /* position: absolute; */

    /*float:left;*/

    display: none;

}



li.bjqs-slide p {

    width: 78%;

    font-size: 36px;

    color: #fff;

    text-align: center;

    line-height: 48px;

    font-weight: 900;

    position: absolute;

    bottom: 10%;

    left: 11%;

    z-index: 100;

}



ul.bjqs-controls {

    position: absolute;

    width: 100%;

    top: 45%;

    list-style: none;

    margin: 0;

    padding: 0;

    z-index: 9999;

    display: none;

}



ul.bjqs-controls.v-centered li a {

    position: absolute;

}



ul.bjqs-controls.v-centered li.bjqs-next a {

    right: 0;

}



ul.bjqs-controls.v-centered li.bjqs-prev a {

    left: 0;

}



ol.bjqs-markers {

    position: absolute;

    /*width:10% !important;*/

    bottom: 5%;

    list-style: none;

    padding: 0;

    margin: 0;

    width: 100%;

    display: none;

    z-index: 9999;

}



ol.bjqs-markers.h-centered {

    text-align: center;

}



ol.bjqs-markers li {

    display: inline;

}



ol.bjqs-markers li a {

    display: inline-block;

}



ol.bjqs-markers li a {

    padding: 5px 5px;

    background: #525252;

    color: #fff;

    margin: 5px;

    /*text-indent:9999999 !important;*/

    text-decoration: none;

}



ol.bjqs-markers li.active-marker a,

ol.bjqs-markers li a:hover {

    background: #0180b0;

}



p.bjqs-caption {

    display: block;

    width: 96%;

    margin: 0;

    padding: 2%;

    position: absolute;

    bottom: 0;

}



pre {

    font-family: 'Roboto', sans-serif;

    ;

    display: block;

    padding: 9.5px;

    margin: 0 0 10px;

    font-size: 13px;

    line-height: 20px;

    word-break: break-all;

    word-wrap: break-word;

    white-space: pre;

    white-space: pre-wrap;

    background-color: whiteSmoke;

    border: 1px solid #CCC;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

}



h2 {

    font-size: 48px;

}



pre + h2 {

    margin-top: 80px;

}



#banner-fade,

#banner-slide {

    width: 100% !important;

    height: auto !important;

    float: left;

    /*margin-bottom: 60px;*/

}





/*=====  End of Banner CSS  ======*/





/*===================================

=            News Ticker            =

===================================*/



.break-News {

    width: 100%;

    float: left;

    margin-top: 30px;

}



.breakingNews {

    width: 100%;

    height: 50px;

    float: left;

    background: #FFF;

    position: relative;

    border: 1px solid #e5ebf1;

}



.breakingNews > .bn-title {

    width: auto;

    height: 50px;

    display: inline-block;

    background: #005aa9;

    position: relative;

}



.bn-red>.bn-title {

    background: #005aa9;

}



.breakingNews>.bn-title>h2 {

    display: inline-block;

    margin: 0;

    padding: 0 20px;

    line-height: 50px;

    font-size: 15px;

    color: #FFF;

    height: 50px;

    box-sizing: border-box;

}



.breakingNews>.bn-title>span {

    width: 0;

    position: absolute;

    right: -10px;

    top: 15px;

    height: 0;

    border-style: solid;

    border-width: 10px 0 10px 10px;

    border-color: transparent transparent transparent #2096cd;

}



.bn-red>.bn-title>span {

    border-left-color: #005aa9;

}



#breakNews {

    width: 81%;

    float: right;

}



#breakNews>ul {

    padding: 0;

    margin: 0;

    list-style: none;

    position: absolute;

    left: 0;

    top: 0;

    right: 40px;

    height: 40px;

    font-size: 14px;

}



#breakNews>ul>li {

    height: 50px;

    width: 100%;

    line-height: 50px;

    overflow: hidden;

    text-overflow: ellipsis !important;

    display: -webkit-box !important;

    max-height: 50px;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

}



#breakNews>ul>li>a {

    text-decoration: none;

    color: #333;

    overflow: hidden;

    display: block;

    white-space: nowrap;

    text-overflow: ellipsis;

    font-weight: normal;

}



.breakingNews>.bn-navi {

    width: 40px;

    height: 40px;

    position: absolute;

    right: 0;

    top: 0;

    opacity: 0;

}





/*=====  End of News Ticker  ======*/





/*==================================================================

=            Home Intro & complaint box with two button            =

==================================================================*/



.intro-container {

    float: left;

    margin: 30px 0px 0px;

}



.home-intro {

    width: 72%;

    float: left;

}



.home-intro p {

    font-size: 15px;

    line-height: 36px;

}



.home-intro p a {

    color: #005aa9;

}



p.intro-bold {

    font-size: 16px;

    font-weight: 500;

    color: #303030;

    /* text-transform: uppercase; */

    margin: 15px 0px;

}



.home-intro-side {

    width: 26%;

    float: right;

}



.home-on-comp {

    width: 305px;

    min-height: 185px;

    text-align: center;

    padding: 10px;

    float: right;

    background-color: #005aa9;

    background-image: url(../images/complaint-bg.png);

    background-size: 100% 100%;

}



.home-on-comp img {

    margin: 5px 0px;

}



.home-on-comp h2 {

    font-size: 24px;

    color: #fff;

    font-weight: 500;

    text-transform: uppercase;

    margin: 0px 0px 10px;

}



.home-on-comp h2 span {

    width: 100%;

    float: left;

    font-size: 18px;

}



.home-on-comp a {

    width: 80%;

    display: block;

    padding: 0px;

    margin: 0 10%;

    text-decoration: none;

    border: 1px solid #dfc37a;

}



.home-on-comp a span {

    color: #303030;

    padding: 15px 20px;

    background: #dfc37a;

    display: block;

    -webkit-transform: translate(3px, 3px);

    -moz-transform: translate(3px, 3px);

    -o-transform: translate(3px, 3px);

    -ms-transform: translate(3px, 3px);

    transform: translate(3px, 3px);

}



.home-on-comp a:hover span {

    -webkit-transform: translate(2px, 2px);

    -moz-transform: translate(2px, 2px);

    -o-transform: translate(2px, 2px);

    -ms-transform: translate(2px, 2px);

    transform: translate(2px, 2px);

}



.home-on-comp a:active span {

    -webkit-transform: translate(0px, 0px);

    -moz-transform: translate(0px, 0px);

    -o-transform: translate(0px, 0px);

    -ms-transform: translate(0px, 0px);

    transform: translate(0px, 0px);

}



.ease-doing,

.file-track {

    width: 305px;

    height: 79px;

    float: right;

    display: block;

    padding: 10px;

    line-height: 79px;

    color: #fff;

    text-transform: uppercase;

    text-align: center;

    background-image: url(../images/ease-doing-btn.png);

}



.ease-doing:hover {

    background-position: 0px -99px;

}



.file-track {

    background-image: url(../images/file-tracker-bg.png);

}



.file-track:hover {

    background-position: 0px -99px;

}





/*=====  End of Home Intro & complaint box with two button  ======*/





/*=============================================

=            ChairPerson Statement            =

=============================================*/

.chair-boxes-container {

    float: left;

    margin: 30px 0px 0px;

}

.holder {

    width: 100%;

    float: left;

}

.chair-pern-state {

    width: 28%;

    float: left;

    background: #fff;

    border-left: 5px solid #97c447;

}



.chair-pern-state .title {

    font-size: 24px;

    color: #000;

    padding: 0px 15px;

    line-height: 60px;

    letter-spacing: 1px;

    font-weight: 600;

    background: #97c447;

}



.chair-pern-state .quote {

    float: left;

    padding: 35px 15px 20px;

    background: url(../images/quotes.png) 15px 15px no-repeat;

}



.chair-pern-state .quote p.q-text {

    font-family: 'ROTHNINI';

    font-size: 18px;

    font-weight: 500px;

    line-height: 28px;

    margin-bottom: 20PX;

}



.chair-pern-state .quote p.q-text a {

    font-family: 'Roboto', sans-serif;

    font-size: 15px;

    color: #005aa9;

    display: inline-block;

}



.chair-pern-state .quote p span {

    width: 60px;

    float: left;

}



.name-prsn {

    width: 100%;

    text-align: right;

    color: #007136;

    margin: 26px 0px;

}



.name-prsn h3 {

    font-size: 24px;

    font-weight: 600;

    letter-spacing: 1PX;

}



.name-prsn p {

    font-family: 'Roboto', sans-serif;

    text-transform: uppercase;

}





/*=====  End of ChairPerson Statement  ======*/





/*=================================

=            Six Boxes            =

=================================*/



.box-hold {

    width: 70%;

    float: right;

}



.box-hold .box {

    width: 43%;

    min-height: 110px;

    float: left;

    position: relative;

    z-index: 999;

    padding: 4% 3% 3%;

    margin: 0 2% 2% 0;

    background: url(../images/box-bg.png);

    background-size: auto 100%;

    background-position: left bottom;

    background-repeat: no-repeat;

    background-color: #fff;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.box-hold .box:hover {

    z-index: 9999;

    /* -webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,0.3);

    box-shadow: 0 5px 20px 0 rgba(0,0,0,0.3); */

    -webkit-transform: scale(1.03);

    -moz-transform: scale(1.03);

    -ms-transform: scale(1.03);

    -o-transform: scale(1.03);

    transform: scale(1.03);

}



.box-hold .box.no-mar {

    margin-right: 0;

}



.box-hold .box.browm {

    background-color: #c4a553;

}



.box-hold .box.blue {

    background-color: #0f5ba9;

}



.box-hold .box.l-blue {

    background-color: #428bd6;

}



.box-hold .box.l-green {

    background-color: #73af07;

}



.box-hold .box.green {

    background-color: #015e2e;

}



.box-hold .box.l-brown {

    background-color: #d6b96d;

}



.box-hold .box h2 {

    font-size: 18px;

    color: #fff;

}



.box-hold .box ul {

    width: 100%;

    float: left;

    list-style: none;

    margin-top: 15px;

    background-position: top right;

    background-repeat: no-repeat;

}



.box-hold .box ul.oil {

    background-image: url(../images/box-oil-icon.png);

}



.box-hold .box ul.licence {

    background-image: url(../images/box-licence-icon.png);

}



.box-hold .box ul.gas {

    background-image: url(../images/box-wellhead-gas-icon.png);

}



.box-hold .box ul.media {

    background-image: url(../images/box-media-icon.png);

}



.box-hold .box ul.appeal {

    background-image: url(../images/box-appeal-icon.png);

    background-size: 90px;

}



.box-hold .box ul.pubhear {

    background-image: url(../images/box-pubhear-icon.png);

    background-size: 90px;

}



.box-hold .box ul li {

    width: 78%;

    float: left;

    height: 30px;

    padding-left: 20px;

    background-image: url(../images/list-arrow.png);

    background-position: 0 11px;

    background-repeat: no-repeat;

}



.box-hold .box ul li a {

    font-size: 14px;

    color: #fff;

    line-height: 30px;

    -webkit-transition: all 0.2s linear;

    -moz-transition: all 0.2s linear;

    -ms-transition: all 0.2s linear;

    -o-transition: all 0.2s linear;

    transition: all 0.2s linear;

    /* overflow: hidden;

    text-overflow: ellipsis !important;

    display: -webkit-box !important;

    max-height: 30px;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical; */

}



.box-hold .box ul li a:hover {

    padding-left: 3px;

}





/*=====  End of Six Boxes  ======*/





/*==========================================

=            Home News & Events            =

==========================================*/



#home-news-event {

    width: 100%;

    float: left;

    margin-top: 30px;

}



h2.home-news-title {

    width: 100%;

    font-size: 24px;

    color: #005aa9;

    float: left;

    margin-bottom: 20px;

}



h3.home-news {

    font-size: 15px !important;

    color: #303030 !important;

}



.home-news-box {

    width: 32%;

    float: left;

    margin-right: 2%;

}



.home-news-box.no-mar {

    margin-right: 0%;

}



.news-img {

    width: 100%;

    float: left;

}



.news-img img {

    width: 100%;

}



.news-post {

    width: 84%;

    float: left;

    padding: 5%;

    margin-top: -5%;

    margin-left: 3%;

    background: #fff;

}



.news-post h3 {

    font-size: 18px;

    font-weight: 600;

    letter-spacing: 1px;

}



.news-post p {

    font-size: 14px;

    line-height: 30px;

}



.news-post .date {

    font-size: 14px;

    line-height: 50px;

    padding-left: 30PX;

    background: url(../images/clock.png) 0px 14px no-repeat;

}





/*=====  End of Home News & Events  ======*/





/*==================================

=            Footer CSS            =

==================================*/



footer {

    width: 100%;

    float: left;

    background: #0f5ba9;

    padding: 40px 0px 0px;

    margin-top: 30px;

}



.f-logo {

    width: 17%;

    float: left;

    margin: 3.5% 0%;

}



.f-links {

    width: 20%;

    float: left;

    margin-right: 0.5%;

}



.f-links ul {

    width: 100%;

    float: left;

    margin-bottom: 25px;

}



.f-links .f-title {

    font-size: 15px;

    font-weight: 500;

    color: #fff;

    margin-bottom: 15px;

    text-transform: uppercase;

    letter-spacing: 1px;

}



.f-links .f-title a {

    line-height: 16px;

    color: #fff;

}



.f-links li {

    width: 100%;

    float: left;

}



.f-links li a {

    width: 100%;

    color: #98c2ee;

    line-height: 30px;

    -webkit-transition: all 0.2s linear;

    -moz-transition: all 0.2s linear;

    -ms-transition: all 0.2s linear;

    -o-transition: all 0.2s linear;

    transition: all 0.2s linear;

}



.f-links li a:hover {

    color: #c6ddf5;

    padding-left: 5px;

}



.f-search {

    width: 92%;

    float: left;

    padding: 4% 4%;

    background: #2185ec;

}



.f-search input {

    background: none;

    border: none;

    outline: none;

}



.f-search input[type=text] {

    line-height: 18px;

    color: #adcff3;

    width: 85%;

}



.f-search input[type=submit] {

    width: 16px;

    height: 16px;

    float: right;

    cursor: pointer;

    margin: 2px 1px 0px 0px;

    background-image: url(../images/search-icon.png);

}



.f-foot {

    width: 96%;

    float: left;

    padding: 2% 2% 1.7%;

    background: #032d58;

}



.f-foot p {

    width: 100%;

    float: left;

    color: #196ec5;

    font-size: 14px;

    line-height: 18px;

    text-align: left;

    margin-top: 10px;

}



.f-foot ul {

    /* width: 25%; */

    margin: 0 auto;

    float: right;

}



.f-foot ul li {

    float: left;

}



.f-foot ul li a {

    float: left;

    margin: 0px 10px;

    display: block;

    background-image: url(../images/f-social.png);

}



.f-foot ul li a.fb {

    width: 8px;

    height: 18px;

    background-position: 0px 0px;

}



.f-foot ul li a.fb:hover {

    background-position: 0px -18px;

}



.f-foot ul li a.tw {

    width: 13px;

    height: 18px;

    background-position: -41px 0px;

}



.f-foot ul li a.tw:hover {

    background-position: -41px -18px;

}



.f-foot ul li a.rss {

    width: 18px;

    height: 18px;

    background-position: -83px 0px;

}



.f-foot ul li a.rss:hover {

    background-position: -83px -18px;

}



.f-foot ul li a.yt {

    width: 45px;

    height: 18px;

    background-position: -128px 0px;

}



.f-foot ul li a.yt:hover {

    background-position: -128px -18px;

}



.f-foot ul li a.gp {

    width: 23px;

    height: 18px;

    background-position: -197px 0px;

}



.f-foot ul li a.gp:hover {

    background-position: -197px -18px;

}



.f-cp-po {

    width: 50%;

    float: left;

}

.credits {

    /* width: 15%; */

    text-align: left;

    color: #8fa2b5;

    font-size: 14px;

}

.credits p {

    width: 100%;

    float: left;

}

.credits img {

    width: 38%;

    float: right;

}

.f-rght {

    width: 50%;

    float: right;

}



/*=====  End of Footer CSS  ======*/



.dropbtn {

    font-family: 'Roboto', sans-serif;

    background: none;

    color: #666;

    padding: 8px;

    font-size: 14px;

    border: none;

    cursor: pointer;

}



.dropbtn:hover,

.dropbtn:focus {}



.dropdown {

    position: relative;

    display: inline-block;

    float: right;

}



.dropdown-content {

    display: none;

    position: absolute;

    right: 0;

    background-color: #f6f6f6;

    min-width: 110px;

    overflow: auto;

    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);

    z-index: 1;

}



.dropdown-content a {

    font-family: 'Roboto', sans-serif;

    color: black;

    padding: 12px 16px;

    text-decoration: none;

    display: block;

}



.dropdown a:hover {

    background-color: #ddd

}



.show {

    display: block;

}





/*========================================

=            Inner banner CSS            =

========================================*/



#inner-banner {

    width: 100%;

    float: left;

    min-height: 170px;

    position: relative;

    -webkit-box-shadow: inset 0 0 30px 1px rgba(0, 0, 0, 0.1);

    box-shadow: inset 0 0 30px 1px rgba(0, 0, 0, 0.1);

}



.inner-banner-bg {

    width: 100%;

    height: 170px;

    position: absolute;

    z-index: 40;

    background-image: url(../images/inner-banner-bg.png);

    background-size: cover;

}



#inner-banner.about {

    background-color: #dcf6ad;

}



#inner-banner.prices {

    background-color: #fff4c2;

}



#inner-banner.media-centre {

    background-color: #d0e4f4;

}



#inner-banner.department {

    background-color: #c3d6e9;

}



#inner-banner .container {

    position: relative;

    z-index: 41;

}



#inner-banner .container h2 {

    font-size: 30px;

    line-height: 170px;

    text-transform: uppercase;

}





/*=====  End of Inner banner CSS  ======*/



#inner-page {

    width: 100%;

    float: left;

    margin-top: 30px;

}





/* left side css start */



.left-side {

    width: 25%;

    float: left;

}



.left-side h2 {

    width: 86%;

    float: left;

    color: #fff;

    font-size: 15px;

    line-height: 50px;

    padding: 0 7%;

    background-color: #0f5ba9;

}



.left-side .home-on-comp {

    width: 94% !important;

    padding: 3% !important;

}



.left-side .home-on-comp h2 {

    background: none;

    font-size: 24px;

    line-height: 24px;

}



.left-side .home-on-comp a {

    float: left;

}



.content-head {

    width: 100%;

    float: left;

    margin-bottom: 20px;

}



.page-content-title {

    font-size: 18px;

    line-height: 50px;

    float: left;

    color: #303030;

    font-weight: 600;

}



.section-search {

    width: 25%;

    float: right;

    padding: 1%;

    background: #f9f9f9;

    border: 1px solid #ececec;

}



.section-search input {

    background: none;

    border: none;

    outline: none;

}



.section-search input[type=text] {

    line-height: 18px;

    color: #0f5ba9;

    width: 85%;

}



.section-search input[type=submit] {

    width: 16px;

    height: 16px;

    float: right;

    cursor: pointer;

    margin: 2px 1px 0px 0px;

    background-image: url(../images/search-icon-content.png);

}



.inner-content {

    width: 72.5%;

    float: right;

}





/*==========================================

=            Left Accordion CSS            =

==========================================*/



.left-menu-accor {

    width: 100%;

    float: left;

    margin-bottom: 30px;

    padding: 7px 0px;

    background: #fff;

    border: 1px solid #f9f9f9;

}



.left-menu-accor li {

    float: left;

    width: 100%;

}



.left-menu-accor li a {

    width: 90%;

    display: block;

    color: #999;

    font-size: 15px;

    padding: 5%;

    background: #fff;

    position: relative;

}

.left-menu-btn-2:before, .left-menu-btn-2:after {

    border-right: 2px solid #ccc;

    content: '';

    display: block;

    height: 10px;

    margin-top: 0px;

    position: absolute;

    -moz-transform: rotate(135deg);

    -o-transform: rotate(135deg);

    -webkit-transform: rotate(135deg);

    transform: rotate(135deg);

    right: 30px;

    top: 35%;

    width: 9px;

}

.left-menu-btn-2:after {

    margin-top: 0px;

    -moz-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}



.left-menu-accor li a:hover,

.left-menu-accor li a.active {

    color: #fff;

    background-color: #007136;

}





/*

.open a {

    color:#fff;

    background-color: #007136;

}*/



.left-menu-drop {

    float: left;

    width: 100%;

    display: none;

}



.left-menu-drop li {

    float: left;

}



.left-menu-drop li a {

    width: 80%;

    padding: 5% 5% 5% 15%;

    background-image: url(../images/left-menu-arrow.png);

    background-repeat: no-repeat;

    background-position: 25px 20px;

}



.left-menu-drop li a:hover,

.left-menu-drop li a.active {

    color: #007136;

    background-position: 25px -20px;

    background-color: #f9f9f9;

}



/* .left-menu.open .left-menu-drop, .left-menu:hover .left-menu-drop {

    display: block !important;

}*/

.open .left-menu-drop {

    display: block !important;

}



/*=====  End of Left Accordion CSS  ======*/





/*============================================

=            Global Accordion CSS            =

============================================*/



.global-accor {

    width: 100%;

    float: left;

}



.global-accordian-btn {

    width: 94%;

    float: left;

    display: block;

    background-color: #fff;

    color: #303030;

    padding: 3%;

    margin-bottom: 3px;

    cursor: pointer;

    display: inline-block;

    position: relative;

}



.global-accordian-btn:before,

.global-accordian-btn:after {

    border-right: 2px solid #a2a2a2;

    content: '';

    display: block;

    height: 13px;

    margin-top: 0px;

    position: absolute;

    -moz-transform: rotate(135deg);

    -o-transform: rotate(135deg);

    -webkit-transform: rotate(135deg);

    transform: rotate(135deg);

    right: 30px;

    top: 35%;

    width: 12px;

}



.global-accordian-btn:after {

    margin-top: 0px;

    -moz-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}



.open .global-accordian-btn:before,

.open .global-accordian-btn:after {

    border-right: 2px solid #303030;

}



.open .global-accordian-btn.price {

    background-color: #fff4c2;

}



.global-accordian-btn.contact {

    background-color: #0f5ba9;

}



.global-accordian-btn.contact h2 {

    font-size: 18px;

}



.close .left-menu-drop,

.close .accor-cont-drop {

    height: 0px;

    transition: height 1s ease-out;

    -webkit-transform: scaleY(0);

    -o-transform: scaleY(0);

    -ms-transform: scaleY(0);

    transform: scaleY(0);

    float: left;

    display: block;

}



.open .left-menu-drop,

.open .accor-cont-drop {

    width: 100%;

    display: block;

    float: left;

    -webkit-transform: scaleY(1);

    -o-transform: scaleY(1);

    -ms-transform: scaleY(1);

    transform: scaleY(1);

    -webkit-transform-origin: top;

    -o-transform-origin: top;

    -ms-transform-origin: top;

    transform-origin: top;

    -webkit-transition: -webkit-transform 0.4s ease-out;

    -o-transition: -o-transform 0.4s ease;

    -ms-transition: -ms-transform 0.4s ease;

    transition: transform 0.4s ease;

    box-sizing: border-box;

}



.open .accor-cont-drop {

    margin-bottom: 1px;

}





/*=====  End of Global Accordion CSS  ======*/





/*====================================

=            Download CSS            =

====================================*/



.download-list {

    width: 100%;

    float: left;

    margin-bottom: 5px;

}



.download-list li {

    width: 100%;

    float: left;

    list-style: none;

    display: table;

    margin-bottom: 1px;

    position: relative;

    z-index: 45;

    /*border: 1px solid #f9f9f9;

    margin-left: 1px;*/

    -webkit-transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

}



.dowload-title {

    /*width: 90%;

     float: left; */

    min-height: 24px;

    padding: 2.8% 3%;

    display: table-cell;

    vertical-align: middle;

    background-color: #fcfcfc;

}



.dowload-title p {

    color: #303030;

    font-size: 14px;

    line-height: 24px;

    /* overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    max-height: 24px;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical; */

}



.download-pdf {

    width: 10%;

    padding: 0%;

    /* float: right;*/

    text-align: center;

    display: table-cell;

    vertical-align: middle;

    background-color: #f0f0f0;

}



.download-list li:hover {

    margin-left: -1px;

    border: 1px solid #cadcee;

    z-index: 46;

    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);

    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);

}



.download-list li:hover .dowload-title {

    background-color: #e5f0fc;

}



.download-list li:hover .dowload-title p {

    color: #0f5ba9;

}



.download-list li:hover .download-pdf {

    background-color: #d5e9fd;

}





/*=====  End of Download CSS  ======*/





/*=====================================

=            About Us CSS            =

=====================================*/



#about {

    width: 100%;

    float: left;

}





/* intro page css*/



.intro p.highlight {

    width: 98%;

    font-size: 14px;

    font-weight: 500;

    padding-left: 2%;

    line-height: 35px;

    margin: 0px 0px 20px;

    border-left: 3px solid #7bb315;

}



.intro p {

    width: 100%;

    font-size: 15px;

    line-height: 35px;

    float: left;

    margin-bottom: 20px;

}



.mis-stat {

    width: 90%;

    float: left;

    margin: 20px 0px;

    padding: 10px 5% 20px;

    border: 2px solid #dbe8e1;

    background: url(../images/quotes.png) 45px 25px no-repeat;

}

.mis-stat h2 {

    font-family: 'ROTHNINI';

    font-size: 24px;

    width: 350px;

    color: #007136;

    text-transform: uppercase;

    text-align: center;

    margin: -22px auto 20px auto;

    background: #f9f9f9;

    display: block;

}

.mis-stat p {

    font-family: 'ROTHNINI';

    font-size: 24px;

    font-weight: 500px;

    line-height: 48px;

}

.mis-stat p span.space {

    width: 60px;

    float: left;

}





/*=====  End of About Us CSS  ======*/





/*======================================

=            Pagination CSS            =

======================================*/



.pagination-hold {

    width: 100%;

    float: left;

    margin: 40px 0px 20px;

    text-align: center;

}



.pagination {

    display: inline-block;

    padding-left: 0;

    border-radius: 4px;

}



.pagination > li {

    display: inline;

}



.pagination > li > a,

.pagination > li > span {

    padding: 10px 15px;

    margin-left: 0px;

    color: #cbc9c9;

    border: 0px none;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    font-weight: 500;

    font-size: 14px;

    margin-right: 10px;

}



.pagination > li > a:hover,

.pagination > li > span:hover,

.pagination > li > a:focus,

.pagination > li > span:focus {

    z-index: 2;

    color: #fff;

    background-color: #085dad;

    border-color: #085dad;

}



.pagination > .active > a,

.pagination > .active > span,

.pagination > .active > a:hover,

.pagination > .active > span:hover,

.pagination > .active > a:focus,

.pagination > .active > span:focus {

    z-index: 3;

    cursor: default;

    color: #fff !important;

    background-color: #085dad;

    border-color: #085dad;

}





/*=====  End of Pagination CSS  ======*/





/*=================================================

=            Department little dis CSS            =

=================================================*/



.dep-dscrb {

    width: 94%;

    float: left;

    padding: 3%;

    margin-bottom: 30px;

    border: 1px solid #ccc;

}



.dep-dscrb h2 {

    font-size: 20px;

    font-weight: bold;

    width: 100%;

    float: left;

    margin-bottom: 10px;

}



.dep-dscrb p {

    font-size: 15px;

    line-height: 24px;

    font-weight: normal;

    width: 100%;

    float: left;

    margin-bottom: 10px;

}





/*=====  End of Department little dis CSS  ======*/





/*==================================

=            Button Css            =

==================================*/



.btn {

    float: left;

    display: block;

    text-decoration: none;

    border: 1px solid #dfc37a;

}



.btn span {

    color: #303030;

    padding: 15px 60px;

    background: #dfc37a;

    display: block;

    -webkit-transform: translate(3px, 3px);

    -moz-transform: translate(3px, 3px);

    -o-transform: translate(3px, 3px);

    -ms-transform: translate(3px, 3px);

    transform: translate(3px, 3px);

}



.btn:hover span {

    -webkit-transform: translate(2px, 2px);

    -moz-transform: translate(2px, 2px);

    -o-transform: translate(2px, 2px);

    -ms-transform: translate(2px, 2px);

    transform: translate(2px, 2px);

}



.btn:active span {

    -webkit-transform: translate(0px, 0px);

    -moz-transform: translate(0px, 0px);

    -o-transform: translate(0px, 0px);

    -ms-transform: translate(0px, 0px);

    transform: translate(0px, 0px);

}



.btn.wht {

    border: 1px solid #fff;

}



.btn.mbtn span {

    background-color: #000;

    -webkit-transform: translate(0px, 0px);

    -moz-transform: translate(0px, 0px);

    -o-transform: translate(0px, 0px);

    -ms-transform: translate(0px, 0px);

    transform: translate(0px, 0px);

}



.btn.wht h2,

.btn.wht p {

    color: #fff;

}



.btn.wht span {

    color: #000;

    background: #fff;

    padding: 12px 45px;

}



.dowload-title p.fj-title {

    width: 85%;

    margin-bottom: 0px;

}

.job-btn {

    height: 20px;

    font-size: 14px;

    line-height: 20px;

    color: #dfc37a;

    float: right;

    padding-left: 25px;

    background: url(../images/apply-btn.png) no-repeat;

}





.dep-dscrb.lng {

    border: 1px solid #02c961;

}



.dep-dscrb.lng h2,

.dep-dscrb.lng p {

    color: #02c961;

}



.dep-dscrb.lng .btn {

    border: 1px solid #02c961;

}



.dep-dscrb.lng .btn span {

    color: #fff;

    background: #02c961;

}



.dep-dscrb.lpg {

    border: 1px solid #dfc37a;

}



.dep-dscrb.lpg h2,

.dep-dscrb.lpg p {

    color: #dfc37a;

}



.dep-dscrb.lpg .btn {

    border: 1px solid #dfc37a;

}



.dep-dscrb.lpg .btn span {

    color: #000;

    background: #dfc37a;

}



.dep-dscrb.oil {

    border: 1px solid #0f5ba9;

}



.dep-dscrb.oil h2,

.dep-dscrb.oil p {

    color: #0f5ba9;

}



.dep-dscrb.oil .btn {

    border: 1px solid #0f5ba9;

}



.dep-dscrb.oil .btn span {

    color: #fff;

    background: #0f5ba9;

}





/*==== Menu CSS===== */



.mbtn {

    float: left;

    color: #fff;

    border: 1px solid white !important;

    border-radius: 0px !important;

    padding: 10px 25px !important;

    font-weight: 300 !important;

    font-size: 13px !important;

}



.mbtn:hover {

    background: white;

    color: rgba(0, 0, 0, 0.9);

}





/*=====  End of Button Css  ======*/





/*======================================

=            Video Page CSS            =

======================================*/



.video-pg-top {

    width: 100%;

    float: left;

}



.show-video {

    width: 549px;

    float: left;

    padding: 0px;

}

iframe.show-height {

    min-height: 350px;

}



.lat-vid-up {

    width: 310px;

    min-height: 288px;

    float: right;

    padding: 30px;

    background: #fff;

}



.lat-vid-up h2 {

    width: 100%;

    font-family: 'Oswald', sans-serif;

    font-size: 18px;

    font-weight: bold;

    color: #303030;

    text-transform: uppercase;

    margin: 0px 0px 7px;

}



.lat-vid-thumb {

    float: left;

    width: 148px;

    float: left;

    margin: 5px 10px 10px 0px;

}

.lat-vid-up div:nth-child(3), .lat-vid-up div:nth-child(5) {

    margin-right: 0px !important;

}

.lat-vid-up div:nth-child(4), .lat-vid-up div:nth-child(5) {

    margin-bottom: 0px !important;

}



.lat-vid-thumb p {

    width: 100%;

    float: left;

    font-size: 14px;

    font-weight: 300;

    color: #303030;

    margin: 8px 0px 0px;

}



.l-thumb {

    width: 148px;

    height: auto;

    float: left;

    position: relative;

}



.l-thumb a.play,

.vid-list-thumb a.play {

    width: 32px;

    height: 32px;

    position: absolute;

    top: 50%;

    left: 50%;

    margin: -16px 0px 0px -16px;

}



.recent-video {

    width: 100%;

    float: left;

    margin-top: 30px;

}



.recent-video h2 {

    font-size: 18px;

    color: #444;

    float: left;

    width: 100%;

    margin-bottom: 10px;

}



.rv-hold {

    width: 94%;

    float: left;

    padding: 3%;

    background-color: #fff;

}



.vid-list {

    width: 100%;

    float: left;

    margin-bottom: 10px;

}



.vid-list-thumb {

    width: 310px;

    float: left;

    position: relative;

}



.vid-list-des {

    width: 60%;

    float: right;

    margin-top: 45px;

}



.vid-list-des h3 {

    width: 100%;

    float: left;

    margin-bottom: 10px;

    font-size: 18px;

    color: #303030;

    font-weight: 500;

    letter-spacing: 1px;

}



.vid-list-des h3 span {

    font-weight: bolder;

}



.vid-list-des p {

    font-size: 15px;

    color: #303030;

    font-weight: 300;

    line-height: 24px;

}





/*=====  End of Video Page CSS  ======*/





/*=========================================

=            Photo Gallery CSS            =

=========================================*/

#photo-gallery {

    width: 100%;

    float: left;

}

.grid figure {

    position: relative;

    float: left;

    overflow: hidden;

    margin: 10px 1%;

    min-width: 320px;

    /* max-width: 480px; */

    max-height: 360px;

    width: 48%;

    background: #3085a3;

    text-align: center;

    cursor: pointer;

}



.grid figure img {

    position: relative;

    display: block;

    min-height: 100%;

    max-width: 100%;

    opacity: 0.8;

}



.grid figure figcaption,

.grid figure figcaption > a {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.grid figure figcaption {

    /* padding: 2em; */

    color: #fff;

    font-size: 1.25em;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-box-shadow: inset 0 0 40px 30px rgba(0, 0, 0, 0.5);

    box-shadow: inset 0 0 40px 30px rgba(0, 0, 0, 0.5);

}



.grid figure figcaption > a {

    z-index: 1000;

    text-indent: 200%;

    white-space: nowrap;

    font-size: 0;

    opacity: 0;

}



.grid figure figcaption,

.grid figure figcaption > a {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.grid figure h2 {

    word-spacing: -0.15em;

    font-weight: 300;

}





/*========================================

=            Photo effect CSS            =

========================================*/



figure.effect {

    background: #000;

}



figure.effect img {

    max-width: none;

    width: -webkit-calc(100% + 60px);

    width: calc(100% + 60px);

    opacity: 1;

    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

    transition: opacity 0.35s, transform 0.35s;

    -webkit-transform: translate3d(-30px, 0, 0) scale(1.12);

    transform: translate3d(-30px, 0, 0) scale(1.12);

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}



figure.effect:hover img {

    opacity: 0.5;

    -webkit-transform: translate3d(0, 0, 0) scale(1);

    transform: translate3d(0, 0, 0) scale(1);

}



figure.effect h2 {

    position: absolute;

    top: 30px;

    left: 30px;

    width: 100%;

    font-size: 20px;

    line-height: 24px;

    font-weight: 600;

    letter-spacing: 1px;

    text-transform: capitalize;

    text-align: left;

    -webkit-transform: translate3d(0, 210px, 0);

    transform: translate3d(0, 210px, 0);

}



figure.effect h2 span {

    font-weight: 300;

}



figure.effect figcaption::before,

figure.effect h2 {

    -webkit-transition: -webkit-transform 0.5s;

    transition: transform 0.5s;

}



figure.effect:hover figcaption::before,

figure.effect:hover h2 {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}



figure.effect p {

    position: absolute;

    right: 30px;

    bottom: 30px;

    font-size: 15px;

    line-height: 24px;

    text-transform: capitalize;

    padding: 0 10px 0 0;

    width: 80%;

    border-right: 5px solid #fff;

    text-align: right;

    opacity: 0;

    -webkit-transition: opacity 1s, -webkit-transform 1s;

    transition: opacity 1s, transform 1s;

    -webkit-transform: translate3d(0px, 40, 0);

    transform: translate3d(0px, 40, 0);

}



figure.effect:hover p {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}





/*=====  End of Photo effect CSS  ======*/



/*=====================================

=            team page css            =

=====================================*/



.about-couple {

    width: 30%;

    float: left;

    text-align: center;

    border: 2px solid rgba(253, 231, 178, 0.4);

    padding: 1%;

    margin-right: 1.3%;

    margin-bottom: 1.3%;

}

.about-couple:nth-child(3n) {

    margin-right: 0;

}

.bg-white {

    background: #fff;

}

.about-couple-sub {

    width: 86%;

    padding: 10% 7%;

    float: left;

    min-height: 320px;

}

.about-couple-sub.auth {

    min-height: 200px;

}

.margin-five {

    margin-top: 5% !important;

    margin-bottom: 5% !important;

}

.no-margin-top {

    margin-top: 0 !important;

}

.about-couple-sub img {

    width: auto;

    /* max-width: 38%; */

    max-height: 95px;

    height: auto;

}

.white-round-border {

    /* border-radius: 50%; */

    border: 1px solid #fff;

}

.no-border {

    border: none !important;

}

.about-couple-sub h1 {

    width: 100%;

    float: left;

    font-size: 18px;

    line-height: 30px;

    margin: 10px 0px 3px;

}

.about-couple-sub h2 {

    width: 100%;

    float: left;

    font-size: 18px;

    line-height: 26px;

}

.dspan {

    width: 100%;

    float: left;

    font-size: 13px;

    line-height: 24px;

    letter-spacing: 1px;

    color: #d2d2d2 !important;

}

.about-couple-sub p {

    width: 100%;

    float: left;

    font-size: 14px;

    line-height: 24px;

    color: #333;

    margin-bottom: 0px;

}



/*=====  End of team page css  ======*/



/*===========================================

=            Authority table CSS            =

===========================================*/



table.authority {

    width: 100%;

    float: left;

}



table.authority thead {

    letter-spacing: 1px;

    text-transform: uppercase;

    line-height: 60px;

    background-color: #fff;

}



table.authority tbody tr {

    margin: 1px 0px 0px;

    background-color: #f5f5f5;

    float: left;

    width: 100%;

}



table.authority th,

table.authority td {

    width: 33%;

    float: left;

}



table.authority tr td {

    font-size: 15px;

    font-weight: 300;

    line-height: 50px;

    text-align: center;

}





/*=====  End of Authority table CSS  ======*/





/*======================================

=            Contact Us CSS            =

======================================*/



#contact {

    width: 100%;

    float: left;

}



.cont-head {

    width: 96%;

    float: left;

    padding: 2%;

    /* background-color: #0f5ba9; */

}



.cont-head.mar {

    margin-top: 40px;

}



.cont-head h2 {

    width: 100%;

    text-align: left;

    font-size: 18px;

    /* color: #fff; */

    text-transform: uppercase;

}



.cont-box-persn {

    width: 100%;

    float: left;

    margin-top: 2px;

    border: 1px solid #f3f3f3;

    margin-left: -1px;

    background: #fcfcfc;

    background: -moz-linear-gradient(left, #fcfcfc 0%, #fcfcfc 50%, #ffffff 50%, #ffffff 100%);

    background: -webkit-linear-gradient(left, #fcfcfc 0%, #fcfcfc 50%, #ffffff 50%, #ffffff 100%);

    background: linear-gradient(to right, #fcfcfc 0%, #fcfcfc 50%, #ffffff 50%, #ffffff 100%);

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ffffff', GradientType=1);

}



.persn-name {

    width: 44%;

    padding: 4% 3%;

    float: left;

    /* background-color: #fcfcfc; */

}



.persn-cnt-del {

    width: 44%;

    padding: 2% 3%;

    float: left;

    /* background-color: #fff; */

}



.cont-box-persn h3 {

    width: 100%;

    float: left;

    font-size: 18px;

    color: #0f5ba9;

    line-height: 36px;

}



.cont-box-persn h3 span {

    font-size: 14px;

}



.cont-box-persn p {

    width: 100%;

    float: left;

    line-height: 30px;

    font-size: 14px;

}



h2.regional {

    width: 96%;

    padding: 2%;

    float: left;

    font-size: 18px;

    line-height: 18px;

    background-color: #f2f2f2;

}



.no-mar {

    margin: 0px;

}



.toll-free {

    width: 90%;

    float: left;

    color: #303030;

    padding: 5%;

    text-align: center;

    background-color: #fff3d5;

}



.toll-free p {

    font-size: 15px;

    margin-bottom: 30px;

    /* float: left; */

}



.toll-free span {

    width: 100%;

    float: left;

    font-size: 30px;

    font-weight: 600;

    letter-spacing: 2px;

}



.note {

    width: 96%;

    float: left;

    padding: 4% 2%;

    text-align: center;

    background-color: #fff;

}



.note h4 {

    font-size: 18px;

    font-weight: bold;

    color: #000;

    margin-bottom: 10px;

    letter-spacing: 1px;

}



.note h4 {

    font-size: 15px;

}





/*=====  End of Contact Us CSS  ======*/



/*====================================

=            Faq and jobs            =

====================================*/



.faq-job {

    width: 94%;

    float: left;

    background: #fff;

    padding: 3%;

}

.fj-title {

    font-size: 16px;

    width: 100%;

    float: left;

    margin: 0px 0px 10px;

}

.descrtiption-container {

    font-size: 14px;

    line-height: 24px;

}



/*=====  End of Faq and jobs  ======*/



/*===============================

=            404 CSS            =

===============================*/



#fourzero {

    width: 100%;

    float: left;

    margin: 3% 0;

    text-align: center;

    background-image: url(../images/404-logo.png);

    background-repeat: no-repeat;

    background-position: 50% 10%;

}

#fourzero h2 {

    font-size: 150px;

    padding-top: 16%;

    color: #d5d5d5;

}

#fourzero p {

    font-size: 15px;

    width: 100%;

    float: left;

    margin-bottom: 30px;

}

#fourzero a.btn {

    width: 250px;

    float: none;

    margin: 0 auto;

    border: 1px solid #02c961;

}

#fourzero a.btn span {

    color: #fff;

    background-color: #02c961;

}



/*=====  End of 404 CSS  ======*/



.list-styled {

    width: 100%;

    float: left;

    list-style: disc;\

    list-style-position: inside;

}

.list-styled li {

    line-height: 28px;

    font-size: 15px;

    margin-bottom: 10px;

}



.side-quotes {

    width: 90%;

    float: left;

    margin: 35px 0px 10px;

    padding: 10px 5% 20px;

    border: 1px solid #dbe8e1;

    background: url(../images/quotes.png) 5px 20px no-repeat;

}

.side-quotes h2 {

    width: auto;

    font-family: 'ROTHNINI';

    font-size: 20px;

    color: #007136;

    text-transform: uppercase;

    text-align: center;

    margin: -22px auto 10px auto;

    background: #f9f9f9;

    display: block;

    padding: 0px 20px;

    line-height: 26px;

}

.side-quotes p {

    width: 84%;

    float: left;

    font-family: 'ROTHNINI';

    font-size: 15px;

    line-height: 24px;

    padding-left: 16%;

}



.web-counter {

    width: 100%;

    float: right;

    text-align: right;

    margin-top: 17px;

}



.complaint-page {

    width: 100%;

    float: left;

    text-align: center;

    margin: 40px 0px;

}

.complaint-page h2, .complaint-page p {

    width: 100%;

    float: left;

    font-size: 24px;

    margin-bottom: 20px;

}

.complaint-page p {

    font-size: 18px;

}

.com-boxes {

    width: 31%;

    float: left;

    margin-top: 20px;

    margin-right: 3.5%;

}

.com-boxes:nth-child(5) {

    margin-right: 0;

}

.complaint-page-box, .ease-doing-box, .file-track-box {

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}

.complaint-page-box:hover, .ease-doing-box:hover, .file-track-box:hover {

    -webkit-transform: scale(1.03);

    -moz-transform: scale(1.03);

    -ms-transform: scale(1.03);

    -o-transform: scale(1.03);

    transform: scale(1.03);

}

.complaint-page-box {

    width: 90%;

    float: left;

    font-size: 18px;

    color: #fff;

    text-transform: uppercase;

    padding: 10% 5%;

    background-color: #0f5ba9;

    border: 2px dashed #004c9a;

    box-shadow: 0 0 0 8px #0f5ba9, 2px 1px 6px 4px rgba(10, 10, 0, 0.3);



}

.complaint-page-box:hover {

    background-color: #1b65b1;

    box-shadow: 0 0 0 8px #1b65b1, 2px 1px 6px 4px rgba(10, 10, 0, 0.3);

}

.ease-doing-box {

    width: 90%;

    float: left;

    font-size: 18px;

    color: #fff;

    text-transform: uppercase;

    padding: 10% 5%;

    background-color: #7dbd0c;

    border: 2px dashed #72a21b;

    box-shadow: 0 0 0 8px #7dbd0c, 2px 1px 6px 4px rgba(10, 10, 0, 0.3);

}

.ease-doing-box:hover {

    background-color: #8bca1e;

    box-shadow: 0 0 0 8px #8bca1e, 2px 1px 6px 4px rgba(10, 10, 0, 0.3);

}

.file-track-box {

    width: 90%;

    float: left;

    font-size: 18px;

    color: #fff;

    text-transform: uppercase;

    padding: 10% 5%;

    background-color: #be9f4c;

    border: 2px dashed #a98905;

    box-shadow: 0 0 0 8px #be9f4c, 2px 1px 6px 4px rgba(10, 10, 0, 0.3);

}

.file-track-box:hover {

    background-color: #c7aa59;

    box-shadow: 0 0 0 8px #c7aa59, 2px 1px 6px 4px rgba(10, 10, 0, 0.3);

}

.feedback-page {

    width: 100%;

    float: left;

    text-align: center;

    margin: 20px 0px;

}

.feedback-page h2 {

    width: 100%;

    float: left;

    font-size: 24px;

    margin-bottom: 20px;

}



.active{

    display: block;

}

.inactive {

    display: none;

}



.form-container {

    width: 100%;

    float: left;

}

.form-container label {

    width: 100%;

    float: left;

    font-size: 12px;

    line-height: 24px;

    letter-spacing: 2px;

}

.field-row div.col-xs-12 {

    width: 45%;

    min-height: 85px;

    float: left;

    margin-right: 3%;

}

.field-row div.fd-comt, .buttons-holder {

    width: 100%;

    float: left;

}

.buttons-holder button {

    font-size: 16px;

    font-weight: 500;

    padding: 0px;

    background: none;

}



.form-container input,

.form-container select,

.form-container textarea {

    width: 94%;

    height: 38px;

    border: 1px solid #ececec;

    background-color: rgba(255, 255, 255, 0.6);

    margin-bottom: 20px;

    padding: 0 3%;

    -webkit-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;

    -moz-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;

    -ms-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;

    -o-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;

    transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;

    color: #7a7a7a;

    font-size: 14px;

}

.form-container select {

    width: 100%;

}

.form-container textarea {

    width: 90%;

    padding: 2%;

}



.inp-box {

    width: 31%;

    float: left;

    margin: 10px 20px 10px  0;

}

.on-box {

    float: left;

    font-size: 14px;

    color: #303030;

}

.form-container input[type=checkbox] {

    width: 14px;

    height: 14px;

    float: left;

    margin-bottom: 0;

    margin-right: 10px;

    margin-top: 0;

}



.alert {

    width: 96%;

    float: left;

    line-height: 24px;

    font-size: 15px;

    padding: 2%;

    margin-bottom: 20px;

    border: 1px solid transparent;

    border-radius: 4px;

}

.alert-success {

    color: #3c763d;

    background-color: #dff0d8;

    border-color: #d6e9c6;

}

.alert-info {

    color: #31708f;

    background-color: #d9edf7;

    border-color: #bce8f1;

}

.alert-warning {

    color: #8a6d3b;

    background-color: #fcf8e3;

    border-color: #faebcc;

}

.alert-danger {

    color: #a94442;

    background-color: #f2dede;

    border-color: #ebccd1;

}

.close-alert {

    float: right;

    font-size: 21px;

    font-weight: 700;

    line-height: 1;

    color: #000;

    text-shadow: 0 1px 0 #fff;

    filter: alpha(opacity=20);

    opacity: .2;

    background: none;

    border: none;

}



/*=======================================

=            Search List css            =

=======================================*/



.serh-list {

    width: 100%;

    float: left;

}

.serh-list li {

    width: 94%;

    float: left;

    padding: 3% 3%;

    margin-bottom: 5px;

    background-color: #fff;

}

.serh-list li p {

    width: 85%;

    float: left;

    color: #303030;

    line-height: 24px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    max-height: 24px;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

}

.apply-btn, .donw-btn, .view-btn {

    width: 20px;

    height: 20px;

    float: right;

    margin-left: 10px;

    background: url(../images/apply-btn.png) no-repeat;

}

.apply-btn {

    margin-top: 4px;

}

.donw-btn {

    width: 23px;

    height: 24px;

    background: url(../images/down-btn.png) no-repeat;

}

.view-btn {

    width: 24px;

    height: 24px;

    background: url(../images/view-btn.png) no-repeat;

}



/*=====  End of Search List css  ======*/



.language-list {

    width: 158px;

    float: right;

    margin-top: 9px;

}

.language-list li {

    float: left;

    padding: 0 20px;

    border-right: 1px solid #efefef;

}

.language-list li:nth-child(2n) {

    border-right: none;

}

.language-list li a {

    color: #828282;

    float: left;

    font-size: 14px;

    text-align: center;

    line-height: 14px;

}

.language-list li a:hover, .language-list li a.active {

    color: green;

}



.sitemap {

    width: 100%;

    float: left;

    font-size: 12px;

    color: #adacac;

    letter-spacing: 2px;

    list-style: disc;

    list-style-position: inside;

}

.sitemap li a {

    color: #333;

    line-height: 30px;

}

.sitemap ul {

    margin-left: 50px;

    list-style: disc;

    list-style-position: inside;

}

.sitemap ul, .sitemap ul ul {

    margin-bottom:15px;

}

.sitemap ul li a {

    color: #333;

    line-height: 24px;

}



/*================================

=            Urdu CSS            =

================================*/

#line-urdu {

    font-family: "custom_urdu_font","Jameel Noori Nastaleeq", "nafees_urdu" !important;

    /* font-family: 'nafeesnastaleeqregular1'; */

    font-size: 17px;

}

#line-urdu .menuzord,

#line-urdu .menuzord .menuzord-menu,

#line-urdu .menuzord .menuzord-menu li,

#line-urdu .f-urdu,

#line-urdu .highlight-graphic,

#line-urdu .highlight-text,

#line-urdu .menuzord-menu > li > .megamenu .megamenu-row .col6,

#line-urdu .mbtn,

#line-urdu .breakingNews > .bn-title,

#line-urdu .home-intro,

#line-urdu .chair-pern-state,

#line-urdu .chair-pern-state .quote p span,

#line-urdu .box-hold .box,

#line-urdu .box-hold .box ul li,

#line-urdu .box-hold .box ul li a,

#line-urdu .f-logo,

#line-urdu .f-links,

#line-urdu .f-foot p,

#line-urdu .f-foot ul,

#line-urdu .left-side,

#line-urdu .page-content-title,

#line-urdu .btn,

/* #line-urdu .dowload-title, */

#line-urdu table.authority th,

#line-urdu table.authority td,

#line-urdu .persn-name,

#line-urdu .show-video,

#line-urdu .lat-vid-thumb,

#line-urdu .vid-list-thumb,

#line-urdu .grid figure,

#line-urdu .serh-list li p,

#line-urdu .f-cp-po,

#line-urdu .about-couple,

#line-urdu .home-news-box {

    float: right;

}



#line-urdu .megamenu .list-links li,

#line-urdu .highlight-text,

#line-urdu #breakNews > ul > li,

#line-urdu .home-intro p,

#line-urdu .chair-pern-state .title,

#line-urdu .chair-pern-state .quote p.q-text,

#line-urdu .box-hold .box h2,

#line-urdu h2.home-news-title,

#line-urdu h3.home-news-title,

#line-urdu .news-post h3,

#line-urdu .news-post p,

#line-urdu .news-post .date,

#line-urdu .f-logo,

#line-urdu .f-links,

#line-urdu .f-foot p,

#line-urdu .f-foot ul,

#line-urdu #inner-banner .container h2,

#line-urdu .left-side h2,

#line-urdu .left-menu-accor li a,

#line-urdu .intro p.highlight,

#line-urdu .intro p,

#line-urdu .dep-dscrb h2,

#line-urdu .dep-dscrb p,

/* #line-urdu .dowload-title p ,*/

#line-urdu .global-accordian-btn,

#line-urdu .cont-head h2,

#line-urdu .persn-name,

#line-urdu .persn-cnt-del,

#line-urdu .lat-vid-up h2,

#line-urdu .lat-vid-thumb p,

#line-urdu .recent-video h2,

#line-urdu .vid-list-des,

#line-urdu h2.regional,

#line-urdu .serh-list li p

/* #line-urdu .about-couple */ {

    text-align: right;

}



#line-urdu .home-intro-side,

#line-urdu .vid-list-des,

#line-urdu .section-search,

#line-urdu .inner-content,

#line-urdu .f-foot ul,

#line-urdu .home-on-comp,

#line-urdu .ease-doing,

#line-urdu .file-track,

#line-urdu .box-hold,

#line-urdu .apply-btn,

#line-urdu .donw-btn,

#line-urdu .web-counter,

#line-urdu .view-btn {

    float: left;

}

#line-urdu .toll-free p, #line-urdu .note p, #line-urdu .about-couple-sub p {

    text-align: center;

}

#line-urdu .web-counter {

    text-align: left;

}

#line-urdu .about-couple {

    margin-right: 0;

    margin-left: 1.3%;

}

#line-urdu .about-couple:nth-child(3n) {

    margin-left: 0;

}

#line-urdu .home-news-box {

    margin-left: 2%;

    margin-right: 0;

}

#line-urdu .home-news-box.no-mar {

    margin-left: 0;

}

#line-urdu .toll-free,

#line-urdu .toll-free p,

#line-urdu .note h4,

#line-urdu .note p,

#line-urdu .f-foot p,

#line-urdu .dowload-title p {

    font-family: 'Roboto', sans-serif;

}

#line-urdu li.bjqs-slide p {

    bottom: 15%;

    letter-spacing: 1px;

    font-weight: normal;

}



#line-urdu .menuzord-menu > li > a {

    padding: 18px 18px;

    font-size: 18px;

}

#line-urdu .megamenu .list-links li {

    float: none;

}



#line-urdu .menuzord-menu > li > .megamenu .megamenu-row .col6 {

    margin: 0 0 0 3%;

}

#line-urdu .menuzord-menu > li > .megamenu .megamenu-row .col6.f-urdu {

    float: left !important;

}



#line-urdu .menuzord-menu > li > .megamenu .megamenu-row [class*=col]:first-child {

    margin-left: 0;

}



#line-urdu .megamenu .list-links li a {

    padding: 0 12px 0 0;

    line-height: 2.3;

}



#line-urdu .megamenu .list-links li a:hover {

    padding: 0 16px 0 0;

}



#line-urdu .breakingNews>.bn-title>span {

    left: -20px;

    border-width: 10px 10px 10px 10px;

    border-color: transparent #005aa9 transparent transparent;

}

#line-urdu .highlight-text {

    padding: 28px 20px 26px;

}

#line-urdu .highlight-text h4 {

    font-size: 24px;

    margin-bottom: 20px;

}

#line-urdu .highlight-text p {

    height: 72px;

    line-height: 36px;

    max-height: 72px;

}

#line-urdu p.intro-bold {

    font-size: 18px;

    line-height: 48px;

}

#line-urdu .home-on-comp {

    padding: 10px 10px 20px !important;

}

#line-urdu .home-on-comp h2 {

    line-height: 36px;

    text-align: center;

}

#line-urdu .chair-pern-state {

    border-right: 5px solid #97c447;

    border-left: none;

    min-height: 590px;

}



#line-urdu .chair-pern-state .quote, #line-urdu .mis-stat {

    background: url(../images/quotes-inverse.png) top right no-repeat;

}

#line-urdu .mis-stat {

    padding-top: 20px;

}

#line-urdu .mis-stat p {

    font-family: 'nafeesnastaleeqregular1';

    font-size: 24px;

    line-height: 40px;

}

#line-urdu .mis-stat p span {

    float: right;

}

#line-urdu .name-prsn {

    text-align: left;

}

#line-urdu .name-prsn p {

    font-family: 'nafeesnastaleeqregular1';

    font-size: 18px;

    line-height: 40px;

}



#line-urdu .box-hold .box {

    margin: 0 0 2% 2%;

    background-image: url(../images/box-bg-inverse.png);

    background-position: right bottom;

}



#line-urdu .box-hold .box.no-mar {

    margin-left: 0;

}



#line-urdu .box-hold .box ul {

    background-position: top left;

}



#line-urdu .box-hold .box ul li {

    padding-left: 0px;

    padding-right: 20px;

    background-image: url(../images/list-arrow-inverse.png);

    background-position: 100% 20px;

}



#line-urdu .box-hold .box ul li a:hover {

    padding-left: 0px;

    padding-right: 3px;

}

#line-urdu .box-hold .box ul li a {

    font-size: 15px;

    line-height: 40px;

}

#line-urdu .news-post .date {

    padding-left: 0PX;

    padding-right: 30PX;

    background: url(../images/clock.png) 100% 14px no-repeat;

}

#line-urdu h3.home-news-title {

    line-height: 50px;

}

#line-urdu .inner-banner-bg {

    -moz-transform: scaleX(-1);

    -o-transform: scaleX(-1);

    -webkit-transform: scaleX(-1);

    -ms-transform: scaleX(-1);

    transform: scaleX(-1);

    -ms-filter: "FlipH";

    filter: FlipH;

}



#line-urdu .intro p.highlight {

    padding: 0 2% 0 0;

    border-left: 0px;

    border-right: 3px solid #7bb315;

}



#line-urdu .global-accordian-btn:before,

#line-urdu .global-accordian-btn:after {

    left: 30px;

}



#line-urdu .lat-vid-thumb {

    margin: 5px 0px 10px 10px;

}



#line-urdu .lat-vid-thumb.rnd {

    margin-left: 0px !important;

}



#line-urdu figure.effect h2 {

    right: 30px;

    width: 88%;

    text-align: right;

}



#line-urdu figure.effect p {

    left: 30px;

    padding: 0 0 0 10px;

    border-right: none;

    border-left: 5px solid #fff;

    text-align: left;

}



#line-urdu .chair-pern-state .quote p.q-text {

    font-family: 'nafeesnastaleeqregular1';

    line-height: 40px;

}



#line-urdu .left-menu-drop li a {

    padding: 5% 15% 5% 5%;

    background-image: url(../images/left-menu-arrow-inverse.png);

    background-position: 92% 20px;

}

#line-urdu .left-menu-drop li a:hover, #line-urdu .left-menu-drop li a.active {

    background-position: 92% -20px;

}

#line-urdu .lat-vid-up {

    float: left;

}

#line-urdu .lat-vid-up div:nth-child(3), #line-urdu .lat-vid-up div:nth-child(5) {

    margin-left: 0px !important;

}

#line-urdu .lat-vid-up div:nth-child(4), #line-urdu .lat-vid-up div:nth-child(5) {

    margin-bottom: 0px !important;

}

#line-urdu .ease-doing, #line-urdu .file-track {

    font-size: 18px;

}

#line-urdu .news-post p {

    font-size: 16px;

    line-height: 36px;

}

#line-urdu .left-menu-btn-2:before, #line-urdu .left-menu-btn-2:after {

    left: 30px;

}

#line-urdu .side-quotes h2 {

    float: right;

}

#line-urdu .side-quotes p {

    text-align: right;

}



#line-urdu .intro p.highlight {

    font-size: 16px;

}

#line-urdu .left-menu-accor li a {

    font-size: 18px;

}

#line-urdu .side-quotes {

    background: url(../images/quotes-inverse.png) 100% 10px no-repeat;

}

#line-urdu .side-quotes p {

    width: 80%;

    padding-left: 0%;

    padding-right: 20%;

}



/*=====  End of Urdu CSS  ======*/