/* Custom Stylesheet */
@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,300,300italic,400italic,500,700);

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(www.ke.com.pk/assets/themes/KE/fonts/roboto/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(www.ke.com.pk/assets/themes/KE/fonts/roboto/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(www.ke.com.pk/assets/themes/KE/fonts/roboto/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(www.ke.com.pk/assets/themes/KE/fonts/roboto/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(www.ke.com.pk/assets/themes/KE/fonts/roboto/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(www.ke.com.pk/assets/themes/KE/fonts/roboto/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(www.ke.com.pk/assets/themes/KE/fonts/roboto/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}


@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?poo99o');
  src:  url('../fonts/icomoon.eot?poo99o#iefix') format('embedded-opentype'),
  url('../fonts/icomoon.ttf?poo99o') format('truetype'),
  url('../fonts/icomoon.woff?poo99o') format('woff'),
  url('../fonts/icomoon.svg?poo99o#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;.detail .buttonC:hover
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-customer-service:before {content: "\e900"; } 
.icon-fb1 .path1:before {content: "\e901"; color: rgb(81, 124, 190); }
.icon-fb1 .path2:before {content: "\e902"; margin-left: -1em; color: rgb(255, 255, 255);}
.icon-fb1:hover .path1:before {color: #f7941e;}
.icon-insta .path1:before {content: "\e903"; color: rgb(236, 75, 63); }
.icon-insta:hover .path1:before {color: #f7941e;}
.social-icons ul li span.icon-insta span {font-size: 32px; top: 6px;}
.icon-insta .path2:before {content: "\e904"; margin-left: -1em; color: rgb(255, 255, 255); } 
.icon-insta .path3:before {content: "\e905"; margin-left: -1em; color: rgb(255, 255, 255); } 
.icon-insta .path4:before {content: "\e906"; margin-left: -1em; color: rgb(255, 255, 255); } 
.icon-investor-relation:before {content: "\e907"; } 
.icon-linkedin-1 .path1:before {content: "\e908"; color: rgb(17, 135, 201); } 
.icon-linkedin-1 .path2:before {content: "\e909"; margin-left: -1em; color: rgb(255, 255, 255); }
.icon-linkedin-1:hover .path1:before {color: #f7941e; } 
.icon-media-center:before {content: "\e90a"; } 
.icon-our-business:before {content: "\e90b"; } 
.icon-our-company:before {content: "\e90c"; }
.icon-our-people:before {content: "\e90d"; }
.icon-report-safety-issue:before {content: "\e90e"; }
.icon-search:before {content: "\e90f"; }
.icon-sustainability:before {content: "\e910"; }
.icon-tw1 .path1:before {content: "\e911"; color: rgb(101, 204, 239); }
.icon-tw1 .path2:before {content: "\e912"; margin-left: -1em; color: rgb(255, 255, 255);}
.icon-tw1:hover .path1:before {color: #f7941e;}


/* fullpage css*/
html.fp-enabled,
.fp-enabled body,
body.overflow{margin: 0; 
padding: 0; 
overflow:hidden; 
/*Avoid flicker on slides transitions for mobile phones #336 */ 
-webkit-tap-highlight-color: rgba(0,0,0,0); } 
#superContainer {
height: 100%;
position: relative;
/* Touch detection for Windows 8 */
-ms-touch-action: none;
/* IE 11 on Windows Phone 8.1*/
touch-action: none;
}
.fp-section {
position: relative;
-webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
-moz-box-sizing: border-box; /* <=28 */
box-sizing: border-box;
}
.fp-slide {
float: left;
}
.fp-slide, .fp-slidesContainer {
height: 100%;
display: block;
}
.fp-slides {
z-index:1;
height: 100%;
overflow: hidden;
position: relative;
-webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
/* display: table; */
/* table-layout:fixed; */
width: 100%;
/* overflow: scroll; */
}
.fp-tableCell {
display: block;
vertical-align: middle;
width: 100%;
height: 100%;
}
.fp-slidesContainer {
float: left;
position: relative;
}
.fp-controlArrow {
-webkit-user-select: none; /* webkit (safari, chrome) browsers */
-moz-user-select: none; /* mozilla browsers */
-khtml-user-select: none; /* webkit (konqueror) browsers */
-ms-user-select: none; /* IE10+ */
position: absolute;
z-index: 4;
top: 50%;
cursor: pointer;
width: 0;
height: 0;
border-style: solid;
margin-top: -38px;
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.fp-controlArrow.fp-prev {
left: 15px;
width: 0;
border-width: 38.5px 34px 38.5px 0;
border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
right: 15px;
border-width: 38.5px 0 38.5px 34px;
border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
overflow: hidden;
position: relative;
}
.iScrollIndicator{
border: 0 !important;
}
.fp-notransition {
-webkit-transition: none !important;
transition: none !important;
}
#fp-nav {
position: fixed;
z-index: 100;
margin-top: -32px;
top: 50%;
opacity: 1;
-webkit-transform: translate3d(0,0,0);
}
#fp-nav.right {right: 17px;}
#fp-nav.left {left: 17px;}
.fp-slidesNav{position: absolute; z-index: 4; left: 50%; opacity: 1;}
.fp-slidesNav.bottom {bottom: 17px; } 
.fp-slidesNav.top {top: 17px; } 
#fp-nav ul,
.fp-slidesNav ul {margin: 0; padding: 0; } 
#fp-nav ul li,
.fp-slidesNav ul li {display: block; width: 14px; height: 13px; margin: 7px; position:relative; } 
.fp-slidesNav ul li {display: inline-block; } 
#fp-nav ul li a,
.fp-slidesNav ul li a {display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; } 
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{height: 12px; width: 12px; margin: -6px 0 0 -6px; border-radius: 100%; } 
#fp-nav ul li a span,
.fp-slidesNav ul li a span {border-radius: 50%; position: absolute; z-index: 1; height: 4px; width: 4px; border: 0; background: #333; left: 50%; top: 50%; margin: -2px 0 0 -2px; 
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{width: 10px; height: 10px; margin: -5px 0px 0px -5px; } 
#fp-nav ul li .fp-tooltip {position: absolute; top: -2px; color: #fff; font-size: 14px; font-family: arial, helvetica, sans-serif; white-space: nowrap; max-width: 220px; overflow: hidden; display: block; opacity: 0; width: 0; cursor: pointer; } 
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
-webkit-transition: opacity 0.2s ease-in;
transition: opacity 0.2s ease-in;
width: auto;
opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {right: 20px; } 
#fp-nav ul li .fp-tooltip.left {left: 20px; } 
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{height: auto !important; display: table; table-layout: fixed;}
.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {height: auto !important;}
/*end fullpage css*/

/*loader*/
.preloader{background: #fff; height:100%; width:100%; position:fixed; bottom:0; z-index: 999999; }
.logo-container, .loader-container {position: absolute; bottom: -1000px; left: 40%;}
.logo-container {width: 20%; margin: 0 auto;}
.logo-container img{margin: 0 auto;}

@media(max-width: 400px){
  .logo-container{width: 70%; left:15%;}
}

.loader-container{width: 20%; margin: 0 auto; text-align: center; }
.loader {display: inline-block; width: 40px; height: 40px; position: relative; border: 4px double #1191d0; border-radius: 10%; }
.loader-inner {position: absolute; bottom: 0; right:0; display: inline-block; width: 100%; background-color: #f7941e;
-webkit-animation: loader-inner 8s infinite ease-in;
-moz-animation: loader-inner 8s infinite ease-in;
animation: loader-inner 8s infinite ease-in;
}

@-webkit-keyframes loader-inner{
    0% {height: 0%;}
    25% {height: 0%;}
    50% {height: 100%;}
    75% {height: 100%;}
    100% {height: 100%;}
}

@-moz-keyframes loader-inner {
  0% {height: 0%;}
  25% {height: 0%;}
  50% {height: 100%;}
  75% {height: 100%;}
  100% {height: 100%;}
}


@keyframes loader-inner {
  0% {height: 0%;}
  25% {height: 0%;}
  50% {height: 100%;}
  75% {height: 100%;}
  100% {height: 100%;}
}
/*global classes*/
.left {float:left;}
.right{float:right;}
.center, .aligncenter{text-align:center;margin:0 auto;}
.textLeft, .alignleft{text-align:left;float:left;margin-right:30px;}
.textRight, .alignright{text-align:right;float:right;margin-left:30px;}
.alpha{margin-left:0 !important;padding-left:0 !important;}
.omega{margin-right:0 !important;padding-right:0 !important;}
.bont{margin-bottom:0 !important;padding-bottom:0 !important;}
.hide{display:none !important;}
body{font-family: 'Lato', sans-serif;width: 100%;overflow-x: hidden!important;}
input[type="text"], select, textarea, button{border-radius:0;}
td, th {border: 1px solid #ccc;}
th {font-family: 'Lato',sans-serif; font-weight: normal; color: inherit; font-size: 18px; padding: 10px 20px;}  
td {font-size: 14px; padding: 3px 20px;}
table {margin-bottom: 30px;}
hr {border: 0; width: 100%; height: 2px; border-top: 1px solid #ACACAC; margin: 0; } 
.hr-black{width:100%;height:2px;border-top:2px solid #000;margin:0;padding:0;position:relative;top:32px;bottom:20px;}
.entry p{font-size:14px;color:#515151;margin-bottom:20px;font-weight:normal;font-style:normal;line-height:1.5em;}
.bold {font-weight:600;}
a, input, a:hover, a:active, a:focus, object, embed, input::-moz-focus-inner{outline:0;border:0;}
a:hover, input:hover, a:focus{outline:0;text-decoration:none; color: #000;}
.hide{display:none !important;}
.show{display:block !important;}
.width100 {width: 100%;}
.padding5{padding:5px;}
.padding10{padding:10px;}
.padding20{padding:20px;}
.padding30{padding:30px;}
.padding40{padding:40px;}
.padding50{padding:50px;}
.marginB20{margin-bottom:20px;}
.margin-top20{margin-top:20px;}
.margin-top40{margin-top:40px;}
.margin-b30{margin-bottom:30px;}
.margin-top15{margin-top:15px;}
.margin-left10{margin-left: 10px;}
.uppercase {text-transform: uppercase;}
.white {color: #fff;}
.f16 {font-size: 16px;}
h1{color: #fff; font-size: 52px; font-weight:800;}
h1:before { display: block;margin: 0 0 8px 0;   height: 2px; content: " ";text-shadow: none;    background-color: #f7941e;width: 84px;position: relative; }
h2{color: #fff;font-size: 52px;text-transform: capitalize;font-weight:800;margin:0;max-width: 329px;line-height: 1;}
h2:before { display: block;margin: 0 0 8px 0;   height: 2px;    content: " ";text-shadow: none; background-color: #f7941e;width: 84px;position: relative; }
h3 {color: #f7941e;   font-size: 28px;   font-weight: 800; }
h3.main {color: #1191d0; font-size: 24px; font-weight: 800; border-bottom: 1px solid rgba(112, 112, 112, 0.29); line-height: 50px; margin-top: -10px; } 
h4{color: #fff;font-size: 18px;text-transform: uppercase;margin: 5px 0;font-weight: 600;}
h4.child-heading{color: #f7941e;font-size: 20px; font-weight: 800; text-transform: unset; border-bottom: 1px solid rgba(112, 112, 112, 0.29); line-height: 50px; margin-top: -10px;}
h4.child-heading i {font-size: 10px; position: relative; top: -5px; padding-right: 5px; } 
h5 {color: #1191d0; font-size: 16px;}
.header{position: absolute; width: 100%; top: 0; background: rgba(0, 0, 0, 0.54); z-index: 99; padding: 3px 0; } 
.header.homepage-header{position: fixed; } 
.navbar-default {background: transparent;border: none;position: relative;z-index: 999999;float: right;margin: 0;min-height: 0;height: 51px;}
.navbar-default .navbar-nav > li > a {color: #ffffff;text-transform: uppercase;font-weight: 600;}
.navbar-default .navbar-nav > li > a:hover {color: #f7941e;}
.navbar-default .navbar-nav > li > a:focus {color: #f7941e;}
.navbar-default .navbar-nav > li.LoginBtn > a{background: transparent; text-align: center; text-transform: uppercase; border: 1px solid #ffffff; background: #f7941e; color: #fff; display: inline-block; text-decoration: none; padding: 10px 33px; border-radius: 40px; line-height: 1; margin: 7px 0 0 0; } 
.navbar-nav > li a:before {content: "";position: relative;left: -14px;border-right: 1px solid #ffffff;}
.navbar-nav > li:first-child a:before {font-size: 0;}
.navbar-nav > li:last-child a:before {left: -40px;}
li.urtext-nav a {font-size: 18px;}
#sidebar_wrapper{width: 15%;/* float:left; */background:#fff;position: fixed;height: 100%;/* overflow-y: auto; *//* overflow-x: hidden; */z-index: 999;border-right: 1px solid #ccc;z-index: 99999;}
 ::-webkit-scrollbar {width: 8px;height: 15px;}
::-webkit-scrollbar-track-piece  {background-color: #1191d0;}
::-webkit-scrollbar-thumb:vertical {height: 30px; background-color: #f7941e;}
body{scrollbar-base-color: #C0C0C0; scrollbar-base-color: #C0C0C0; scrollbar-3dlight-color: #C0C0C0; scrollbar-highlight-color: #C0C0C0; scrollbar-track-color: #EBEBEB; scrollbar-arrow-color: black; scrollbar-shadow-color: #C0C0C0; scrollbar-dark-shadow-color: #C0C0C0;}
.ps-main {margin-bottom: 20px;border-bottom: 1px solid #ccc;padding-bottom: 10px;}
.ps-main h4.child-heading {border: none;}
.ps-main img {border: 1px solid #ccc;}
#home {position: relative;}
.logo{margin: 0 auto; float: none;    display: block; border-bottom:1px solid #cccccc; padding:10px 0}
.logo img {margin:0 auto; float:none; display:block;}
.sidebar{/* float:left; */width: 100%;}
.sidebar_nav {padding: 0px 0;}
.sidebar_nav li{list-style:none;/* float:left; */width:100%;margin: 0 0 0;position: relative;overflow: visible;}
.sidebar_nav li a{color:#626262;font-weight:bold;text-transform: uppercase;text-decoration:none;font-size:13px;padding: 14px 28% 16px 34%;display:block;}
.sidebar_nav i {font-size: 36px;position: absolute;left: 25px;margin-top: 7px;color: #f7941e;} 
.sidebar_nav li:hover i {color: #fff;}
.sidebar_nav li:hover a {color: #fff; } 
li.pdng {padding: 8px 0; }
li.pdng i.icon-sustainability {margin-top: 0px;} 
i.icon-report-safety-issue {color: red; } 
.tp-bullet {border-radius: 50px !important;}
.tp-bullet.selected, .tp-bullet:hover {background: #f7941e !important;}
.hermes .tp-bullet::after {background-color: inherit !important;}
.insidebanner img {max-width: 100%;height: auto;display: block;position: relative;}
.sidebar_nav li:hover{background:#f7941e; color:#fff;}
header{float:left; width: 100%;}
#banner{float: right;width: 88%;background:url(../images/KE-banner.jpg) no-repeat;background-size: cover;height: 100%;}
.slider-text{ background:rgba(0, 0, 0, 0.3); padding:20px 30px; float:left; margin: 15% 0}
.bottom-area { position: absolute;  bottom: 0px; width: 100%;}
.paginations{float:left; width: 100%; background: rgba(0, 0, 0, 0.47);}
.pagn-box{border: 1px solid #959595;padding-bottom: 10px;}
.pagn-box h3 {color: #f69124; font-size: 32px;}
.pagn-box:hover {background: rgb(247, 148, 30); cursor: pointer; 
-webkit-transition: all .6s ease;
-moz-transition: all .6s ease;
-o-transition: all .6s ease;
-ms-transition: all .6s ease;
transition: all .6s ease;}
.pagn-box:hover h3 {color: #fff; } 
.pagn-box:hover .fa-chevron-right {color: #fff; } 
.pagn-box p{margin:0;padding:0;font-size: 15px;color: #fff;width: 100%;}
.blue-icon{ color:#1191d0;}
i.fa.fa-chevron-right.blue-icon {font-size: 22px;padding: 0 0px 0 0;}
.social-icons {width:100%;text-align: center;display: block;/* float: left; */position: absolute;bottom: -5px;background: #fff;}
.social-icons p{color:#626262;font-weight: 600;text-transform:uppercase;text-decoration:none;font-size: 14px;text-align:center;}
.social-icons ul li{list-style:none;}
.social-icons ul li span {font-size: 28px; top: 4px; position: relative;}
.social-icons ul li a{text-decoration:none; }
.hb-lg-margin, .hb-md-margin, .hb-sm-margin, .hb-xs-margin { margin: 7px !important;}
.searchform .search-field {background: url(../images/search-icon.png) no-repeat;outline: 0;background-position: 10px 10px;padding: 20px 12px 20px 54px;border-top: 1px solid #cccccc;border-bottom: 1px solid #cccccc;border-right: none;border-left: none;color: #3e3e3e;text-transform: capitalize;text-align: center;width: 100%;left: 0;font-weight: 500;} 
.searchform .search-submit {display: none;}
.searchform label {width: 100%;}
.searchform span.screen-reader-text {font-size: 0; } 
/*back to top */
#return-to-top {position: fixed;bottom: 20px;right: 20px;background: #f7941d;width: 50px;height;height: 50px;display: block;text-decoration: none;-webkit-border-radius: 35px;-moz-border-radius: 35px;border-radius: 35px;display: none;/* -webkit-transition: all 0.3s linear; */-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;/* transition: all 0.3s ease; */z-index: 999999;} 
#return-to-top i {color: #fff;margin: 0;position: relative;left: 16px;top: 13px;font-size: 20px; `-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;/* transition: all 0.3s ease; */}
#return-to-top:hover {background: #f7941d;} 
#return-to-top:hover i {color: #fff; top: 13px;}
.top-nav{float:right; padding: 34px 0 10px 0;}
.top-nav ul li{ list-style:none; float:left; padding: 0 14px; border-right: 1px solid #fff; line-height: 10px;}
.top-nav ul li a{ float:left; text-decoration: none; color: #dff6ff; font-size: 14px;  text-transform: uppercase; font-weight:bold;}
.top-nav ul li a:hover{color:#f7941e; }
.Page-links{position:absolute; bottom:0;}
.Page-nav {bottom: 0; position: absolute; background:rgba(0,0,0, 0.4); float:left; width:100%;}
.title_banner {top: 99px;position: absolute;left: 320px;}
.title_banner h2 {text-transform: unset; max-width: 460px;}
.inside_banner img {max-width: 100%; height: auto; display: block;}
.site-content {min-height: 500px; padding: 10px 30px;}
span.highlighted {color: #333; font-weight: bold; font-size: 16px; line-height: inherit;}
#inside_page {position: relative;padding-left: 15%;}
ul#breadcrumbs {padding: 10px 30px;border-bottom: 1px solid #ccc;} 
#breadcrumbs li {list-style: none; padding: 2px; display: inline-block;}
#breadcrumbs li a {color: #4b4b4b;}
#breadcrumbs li.item-current {color: #1191d0; } 
#footer-main {padding-left: 15%;}
.footer_home #footer-main {padding-left: 0%;}
#footer-main .bottom-area {width: 100%; position: relative;}
#footer-main .paginations {background: #f3f3f3;border-top: 1px solid #d7d7d7;border-bottom: 1px solid #d7d7d7;margin-top: 20px;}
#footer-main .pagn-box:hover {background: none;}
#footer-main .pagn-box {border-right: 1px solid #d7d7d7;padding-bottom: 10px;border-left: none;border-top: none;border-bottom: none;}
#footer-main .pagn-box h3 {color: #f69124; font-size: 24px; border: none; margin-top: 10px; line-height: 26px; font-weight: 600; } 
#footer-main .pagn-box h4 {color: #1191d0; font-size: 18px;}
#footer-main .pagn-box p {color: #000; font-size: 16px;}
#footer-main .pagn-box:hover i.blue-icon {color: #1191d0;}
#footer-main .pagn-box:hover {background: #f69124;} 
#footer-main .pagn-box:hover h3 {color: #fff;}
#footer-main .pagn-box:hover h4 {color:#fff}
#footer-main .pagn-box:hover p {color:#fff}
#footer-main .pagn-box:hover i.blue-icon {color: #fff;}
.cp {padding: 17px 0 10px 0;}
.cp ul {padding: 0;} 
.cp ul li {float: left; list-style: none; padding-left: 8px;}
.cp ul li a {font-family: 'Ubuntu', sans-serif; color: #000;}
.cp ul li a:hover {color: #f7941e;/* -webkit-transition: all .6s ease; */ -moz-transition: all .6s ease; -o-transition: all .6s ease; -ms-transition: all .6s ease; transition: all .6s ease;}
.cp span {font-family: 'Ubuntu', sans-serif;color: #000;}
.cp span a {color: #000;}
.cphover a:hover {color: #f7941e;}
.cp-inner {float: right; padding-right: 10px;} 
.cp-inner span:first-child {padding-right: 15px;}
.site-content span {font-size: 14px; color: #000; line-height: 26px;}
.site-content span.subhdng {font-size: 16px; color: #1191d0; line-height: 26px;}
.leadership-main {padding: 10px 30px;}
.leadership_section {padding: 30px 0;}
.leadership_section ul {padding: 0;}
.leadership_section ul li {list-style: none; float: left; padding: 0px 15px 30px 0px; }
.leadership_section .detail {bottom: 0px;}
.leadership_section .detail .buttonC {margin: 10px 0; color: #333; text-transform: uppercase; font-size: 12px; } 
.detail {margin-top: 15px;position: relative;bottom: 130px;}
.detail span {font-style: italic;} 
.detail .buttonC {color: #fff;border: 1px solid #f7941e;width: 180px;display: block;text-align: center;border-radius: 50px;padding: 6px 12px;margin: 10px auto;font-size: 14px;text-transform: uppercase;font-weight: 400;} 
.detail .buttonC i {padding-left: 25px; } 
.detail .buttonC:hover {background: #f7941e; color: #fff; border: 1px solid #f7941e;}
.leadership_section h4 {font-size: 20px;color: #1191d0;text-transform: capitalize;font-weight: 800;margin: 5px 0;}
.leadership_section ul li img {width: 174px; height: 193px; border: 1px solid #ccc;}
.details-box img {border: 1px solid #ccc;}
.billing_complaint {padding: 10px 0px;}
.billing_complaint span {font-size: 18px;}
.billing_form {padding: 30px 0;}
.billing_form label {font-size: 16px; font-weight: 600; color: #1191d0;}
.billing_form .col-lg-6 {margin-bottom: 10px;}
.billing_form input {border: 1px solid #ccc;outline: 0;height: 40px;border-radius: 0;}
.billing_form select {border: 1px solid #ccc;outline: 0;height: 40px;border-radius: 0;}
.billing_form .form_buttonC {float: right;background: transparent;border: 1px solid #f7941e;padding: 7px 15px;border-radius: 50px;width: 150px;margin: 25px 0px;color: #f7941e;}
.billing_form  .req {margin: 25px 0; color: #ff0000;}
.ke_form textarea.form-control {border-radius: 0 !important;} 
.form-main iframe {width: 100%;/* height: 100vh; */min-height: 980px;} 
#ncf iframe {min-height: 1300px;}
.form_buttonC i.fa-angle-right {float: right; font-size: 20px;}
.owl-prev {display: none !important;background: url(../images/nexrt-icon.jpg);color: #fff;float: right;background-position: 10px;text-indent: -9999px;padding: 0 0;left: 0;z-index: 9999;position: absolute;width: 57px;background-repeat: no-repeat;bottom: 0px;/* display: none !important; */transform: rotate(180deg);top: 50%;margin-top: -23%;} 
.ebillingreg_form {padding: 30px 0;}
.ebillingreg_form label {font-size: 16px; font-weight: 600; color: #1191d0;}
.ebillingreg_form .col-lg-6 {margin-bottom: 10px;}
.ebillingreg_form input {border: 1px solid #ccc;outline: 0;height: 40px;border-radius: 0;}
.ebillingreg_form .form_buttonC {float: right;background: transparent;border: 1px solid #f7941e;padding: 7px 15px;border-radius: 50px;width: 150px;margin: 25px 0px;color: #f7941e;}
.ebillingreg_form  .req {margin: 25px 0; color: #ff0000;}
.form_buttonC i.fa-angle-right {float: right; font-size: 20px;}
.form_buttonC:hover {background: #f7941e; color: #fff;}
.investor_tbl {margin: 20px 0;}
.investor_tbl td {width: 33%;}
.investor_tbl thead {border-top: 1px solid #ccc; padding: 15px;}
.investor_cnt ul {padding: 0;}
.investor_cnt ul li {float: left; display: block; width: 50%; padding: 10px; font-size: 16px;}
.investor_cnt a {color: #f7941e;}
.cp_tbl td {width: auto;}
ul.ascmp li {padding: 4px 0;}
.dl-bar .dl-title {display: inline-block;padding: 12px 0; width: 80%;} 
.dl-bar .dl-btn {float: right;}
.dl-bar {border-bottom: 1px solid #ccc;} 
.dl-bar .dl-title h3 {font-size: 18px; font-weight: 600; line-height: 26px;}
.dl-bar .dl-title h3 a:hover {color: #f7941e;}
.dl-bar .dl-title h3 a:focus {color: #f7941e;}
.dl-bar .dl-btn a {border: 1px solid #f7941e;padding: 7px 33px;border-radius: 50px;color: #f7941e;font-size: 16px;display: inline-block;margin: 20px 0 0 0;}
.dl-bar .dl-btn a:hover {background: #f7941e; color: #fff;  }
.dl-bar .dl-btn a i.fa-file-pdf-o {font-size: 16px;float: right;padding-left: 9px;margin: 3px 0;}
.graph-img {border: 1px solid #ccc; margin: 20px 0; }
.accordion-def h3 {color: #f7941e;}
.accordion-def .panel-default {border: none; outline: 0;}
.accordion-def .panel > .panel-heading {position: relative; padding: 0; background: transparent; border-bottom: 1px solid #ccc;} 
.accordion-def .panel-body {padding: 10px 0;}
.accordion-def .panel-title {color: #1191d0; font-size: 18px;}
.accordion-def .panel-title > a.collapsed:after {content: '+';position: absolute;right: 15px;top: 10px;font-size: 30px;}
.accordion-def .panel-title > a:hover, input:hover, a:focus {color: #1191d0;}
.accordion-def .panel-title > a:after {content: '-'; position: absolute; right: 15px; top: 10px; font-size: 30px; }
.accordion-def .panel-title > a:focus {color: inherit;}
a.showSortingBtn.float_right.corePrettyStyle.sortAsc.btn {display: none;}
.customCategoryList {display:none;}
.prettyMapList .mapcategories {display:none;}
.prettyMapList .prettyFileBar .prettyMapListSearch .clearSearch {    background: #f7941e; color: #fff; border-radius: 0;}
.prettyMapList .directionsPostcode, .prettyMapList .prettyFileBar .prettyMapListSearch input, .prettyMapList .prettyFileBar .prettySearchValue {box-shadow: none!important;}
/*image hover */
.view { overflow: hidden; -webkit-box-shadow: 1px 1px 2px #e6e6e6; -moz-box-shadow: 1px 1px 2px #e6e6e6; cursor: pointer; width: 100%;}
.view img { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }
.view:hover img { -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1); }

/* our company */
.company_child {position: absolute !important;bottom: 60px;width: 93.9% !important;}
.company_child p {color: #fff;font-size: 17px;min-height: 60px; width: 80%;}
.company-item p {width: 80%;}
.company_child .owl-next {background: url(../images/nexrt-icon.jpg);color: #fff;float: right;background-position: 0;text-indent: -9999px;right: -60px;z-index: 9999;position: absolute;width: 57px;background-repeat: no-repeat;top: 0;bottom: 0px;} 
.buttonC {background: transparent;text-align: center;text-transform: uppercase;border: 2px solid #f7941e;color: #fff;display: inline-block;text-decoration: none;padding: 7px 21px;border-radius: 40px;} 
.buttonC:hover {background: #f7941e; color: #fff; text-decoration: none; border: 2px solid #f7941e; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -o-transition: all .6s ease; -ms-transition: all .6s ease; transition: all .6s ease;} 
.buttonCareer {background: transparent;text-align: center;text-transform: uppercase;border: 2px solid #f7941e;color: #f7941e;display: inline-block;text-decoration: none;padding: 7px 21px;border-radius: 40px;} 
.buttonCareer:hover,focus {background: #f7941e; color: #fff; text-decoration: none; border: 2px solid #f7941e; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -o-transition: all .6s ease; -ms-transition: all .6s ease; transition: all .6s ease;} 
.Our-Company{background: no-repeat;background-size:cover;position: relative;width:100%;padding: 80px 40px 40px;height: 100%;}
.Our-Company h2{color: #1191d0;font-size: 54px;text-transform: capitalize;font-weight: 900;line-height: 1.1;}
.Our-Company h2:before {display: block;margin: 0 0 8px 0;height: 4px;content: " ";text-shadow: none;background-color: #f7941e;width: 90px;position: relative;}
.Our-Company h3{color: #f7941e;font-size: 28px;font-weight: 800; text-transform: capitalize;}
i.fa.fa-chevron-right { float: right;  padding: 3px 0; }
.btn-orange{background: transparent;color: #fff;/* float: left; */padding: 10px 18px;width: 100%;border-radius: 40px;text-align: left;text-transform:uppercase;text-decoration: none;background-position: right;border: 1px solid #fff;margin: 5px 0;}
.lf {padding-left: 0; }
.btn-orange:hover{background: #f7941e;color:#fff; border: 1px solid #f7941e; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -o-transition: all .6s ease; -ms-transition: all .6s ease; transition: all .6s ease;}
.btn-orange i.fa-chevron-right {float: none; padding: 18px;}
.videowvr {padding: 20px 0;}
#main-content {position:relative;} 
.details-box {display: none; width: 100%; margin-top: 0; padding: 125px 35px 170px; border-top: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; background: #f4f4f4; position: absolute; z-index: 11; top: 0px; right: 0; height: 100%; }
.details-box .detail h4 {font-size: 20px; color: #1191d0; text-transform: capitalize; font-weight: 800; margin: 0px 0 5px;}
.details-box .detail {margin:0 0px; bottom: 0;}
.detail-text P{font-size:16px; color:#4c4c4c; line-height:26px; margin-top:32px;}
.close-btn {padding: 0px 18px; font-size: 40px; font-weight: 300; color:#fff; cursor:pointer; background: #1191d0; border: 1px solid #c4c4c4; position: absolute; top: 0; right: 0; } 
.values h4.child-heading {border-bottom: none; line-height: 30px;}

/* our busniess */
.business_section .owl-item img {background-size: cover; height: 100vh; border: 1px solid #ccc; } 
.company_child .item{padding-right: 34px;}
.Our-Bussiness{width: 100%; position: relative;}
.business_section .owl-next {background: url(../images/nexrt-icon.jpg);color: #fff;float: right;background-position: 10px;text-indent: -9999px;padding: 15px 0;right: 0;z-index: 9999;position: absolute;width: 57px;background-repeat: no-repeat;bottom: 0px;top: -500px;top: 50%;margin-top: -20%;} 
.business_section .owl-theme .owl-dots {position: absolute; bottom: 20px; width: 100%; } 
.Coloum-first{ background:url(../images/distributionbg.jpg) no-repeat; background-size: cover; height: 100vh; border: 1px solid #ccc; }
.Coloum-first h2{ color: #fff; font-size:65px; text-transform:capitalize; font-weight:800; padding: 12% 11%; margin:0;}
.Coloum-first h2:before { display: block;margin: 0 0 8px 0; height: 2px;    content: " ";text-shadow: none; background-color: #f7941e;width: 84px;position: relative;}
.Coloum-second{ background:url(../images/transmission-bg.jpg) no-repeat; background-size: cover; height: 100vh; border: 1px solid #ccc; }
.Coloum-first h2{ color: #fff; font-size:65px; text-transform:capitalize; font-weight:800; text-align: left; padding: 12% 11%; margin:0;}
.Coloum-first h2:before { display: block;margin: 0 0 8px 0; height: 2px;    content: " ";text-shadow: none; background-color: #f7941e;width: 84px;position: relative;}
.Coloum-third{background:url(../images/generationbg.jpg) no-repeat;background-size: cover;height: 90vh;border: 1px solid #ccc;}
.Coloum-fourth{ background:url(../images/tenders.png) no-repeat; background-size: cover; height: 100vh; border: 1px solid #ccc;}
.Coloum-fifth{ background:url(../images/value-creation.jpg) no-repeat; background-size: cover; height: 100vh; border: 1px solid #ccc;}
.business_section .owl-dots {display: none !important;}
#section2 h2 {position: absolute;z-index: 999;padding: 84px 53px 0;}
.tenders_main h4 {color: #fff;text-transform: unset;font-size: 26px;margin-bottom: 15px; text-align: center;}
.tenders_main ul {padding: 0;}
.tenders_main ul li {list-style: none;}
.content-btm{position:absolute;bottom: 60px;text-align:center;width: 100%;}
.content-btm h3 {color:#f7941e;font-size:36px;text-transform: capitalize;font-weight: 800;text-align: center;}
.content-btm p{color:#fff;text-align:center;padding: 5px 5px 10px;margin-top: 10px; font-size: 18px; font-weight: 600;}
.opac-transmisson{display:block; height: 100%; text-align: center;}
.opac-transmisson:hover{ display: block;  float: left; width: 100%;    background: rgba(0, 106, 156, 0.47); height:100%;}
.col-xs-12.col-md-6.md{padding:0;}
.col-xs-12.col-md-4.md {  margin: 0 auto; float: none; }
.more{border: 1px solid #f7941e;color: #fff;padding: 10px;border-radius: 50px;text-transform:uppercase;text-align: center;text-decoration: none;width: 40%;display: inline-block;}
.more:hover{background:#f7941e;color:#fff;text-decoration: none; border: 1px solid #f7941e; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -o-transition: all .6s ease; -ms-transition: all .6s ease; transition: all .6s ease;}
a.more, a:focus {color: #fff; } 

/*  our people */
.Our-People{background:url(../images/People-bg.jpg) no-repeat;background-size: cover;height: 100%;width: 100%;position: relative; overflow: hidden;}
.test1 {margin: 55px 0;   float: left; width: 100%;}
.Main-Content {padding: 84px 0 0 45px;}
.Our-People h2{color: #fff;font-size: 54px;text-transform: capitalize;font-weight:800;margin:0;}
.Our-People h2:before { display: block;margin: 0 0 8px 0;   height: 2px;    content: " ";text-shadow: none; background-color: #f7941e; width: 84px;position: relative;}
.Our-People h3{ color: #fff; font-size: 30px; text-transform:capitalize; font-weight:800; padding: 2% 0; margin:0;}
.owl-carousel.people-section {position:absolute; bottom: 30px; width: 96%; /* left: 0; */ } 
.Our-People p{min-height: 30px;color: #fff;font-size: 18px;}
.Our-People h3:hover{ color:#f7941e;}
.paragraph:hover{ color:#f7941e; }
.middle-colum{float: left; padding:20px;}
.md {padding: 0;}
.Row {padding: 0;  float: left;  width: 100%;}
.lf {padding: 0;}
.Our-People .owl-prev {background: #f7941e;color: #fff;float: left;padding: 8px;border: 1px solid #fff;display:  none !important;}
.Our-People .owl-next{background:url(../images/carousel-arrow.png) no-repeat #f7941e;color: #fff;float: left;background-position: center;border: 1px solid #fff;bottom: 0;top: 0;height: 42px;width: 42px;right: 0px;text-indent: -9999px;padding: 10px 18px;z-index:999;display: block !important;position: absolute;margin: auto;}
.Our-People .carousel-Box {padding: 48px 60px;}
.Our-People .owl-dots {margin-top: -20px;}
.gallery_keway img {padding: 15px 0;}

/* services */
.Services{background:url(../images/services-bg.jpg) no-repeat;background-size: cover;height: 100%;width:100%;/* float: left; */overflow: hidden;}
.Services .Main-Content{padding:0 !important;width:100%;position: relative;}
.Services h2{color: #1191d0;font-size: 50px;text-transform: capitalize;font-weight:800;margin:0;position: absolute;padding: 84px 46px 0;} 
.Services h2:before { display: block;margin: 0 0 8px 0; height: 2px;    content: " ";text-shadow: none; background-color: #f7941e; width: 84px;position: relative;}
.Services h3{ color: #f7941e; font-size: 24px; text-transform:unset; font-weight:800; padding: 2% 0; margin:0; text-align: center;}
.Row2 {position: relative;  top: 175px;}
.col-xs-12.col-md-7.cn { margin: 0 auto;   float: none; }
.serv-icons {padding-bottom: 50px;}
.Service-Main-Content { /*padding: 8% 2% 2% 2%;*/   float: left;}
.carousel-box { position: relative;  top: 0; bottom: 0; padding: 130% 0 31% 0;   float: left;}
.carousel-box:hover{  background: rgba(0, 106, 156, 0.47); }
.owl-carousel .owl-item img{width:auto !important;}
.col-xs-12.col-md-9.cn { margin: 0 auto;  float: none; }
.blng-colum{padding:20px !important;}
.text-center {  text-align: center;  padding: 3px 12px;}
.col-xs-12.col-md-3.lf.blng-colum:hover {    background: rgba(0, 106, 156, 0.47);}
.carousel-Box-second{padding: 92% 0px 50% 0px;text-align: center;display: block;/* float: left; */width: 100%;/* background: rgba(0, 106, 156, 0.47); */height: 100vh;}
.carousel-Box-second img{ margin: 0 auto; float:none; }
.carousel-Box-second:hover{/* display: block; *//* float: left; *//* width: 100%; */background: rgba(0, 106, 156, 0.47);height: 100vh;}
.carousel-Box-second p{text-align: center;padding: 8px 0;min-height: 80px;font-size: 18px;color: #fff;font-weight: 600;}
.Row-second {  margin: 20% 0;}
.Services .owl-prev {background: url(../images/carousel-arrow.png) no-repeat #f7941e;color: #fff;float: left;background-position: center;border: 1px solid #fff;bottom: 0;top: 0;height: 42px;width: 42px;left: 0px;text-indent: -9999px;padding: 10px 18px;z-index: 999;display: none;position: absolute;margin: auto;}
.Services .owl-next{background: url(../images/carousel-arrow.png) no-repeat #f7941e; color: #fff; float: left; background-position: center; border: 1px solid #fff; bottom: 0; top: 0; height: 42px; width: 42px; right: 0px; text-indent: -9999px; padding: 10px 18px; z-index: 999; display: block !important; position: absolute; margin: auto; } 
.Services .owl-next:hover{background: url(../images/carousel-arrow.png) #f7941e;background-repeat: no-repeat;background-position: center;}
.fb {text-align: center;padding: 30px 15px;color: #3b5998;}
.fb i {font-size: 80px;}
.tw {text-align: center;padding: 30px 15px;color: #55acee;}
.tw i {font-size: 80px;}
.li {text-align: center;padding: 30px 15px;color: #0077b5;}
.li i {font-size: 80px;}
.int {text-align: center;padding: 30px 15px;color: #f56040;}
.int i {font-size: 80px;}

/* sustainability */
.Sustainability{width:100%;height: 100%;position: relative;}
.column-left-sustainability{background:url(../images/sustainibility-vertical.jpg) no-repeat;background-size:cover;height: 100%;}
.main-box{float: right;overflow-y: hidden;position: relative;z-index: 9;width: 100%;height: 100%;}
.col-xs-12.col-md-8.lf { padding-left: 0;}
.box-first {background:url(../images/hseq.jpg) no-repeat;background-size: cover;min-height: 0;width: 100%;}
.box-forth {background:url(../images/sustain-report.jpg) no-repeat;background-size: cover;min-height: 0;width: 100%;}
.box-two{background:url(../images/Sports-bg.jpg) no-repeat;background-size: cover;width: 100%;}
.box-three{background:url(../images/energy-bg.jpg) no-repeat;background-size: cover;width: 100%;}
.opac:hover{background: rgba(0, 106, 156, 0.7);}
.opac {display:block; padding: 101px; width: 100%; } 
.col-xs-12.col-md-6.lft{padding:0;margin: 0px 0;height: 100%;float: left;}
.col-xs-12.col-md-3.lf{     padding:0;}
.left-content {padding: 84px 50px;}
.left-content p {color: #fff; font-size: 18px; margin: 12px 0;}
.Sustainability h3{color: #fff;font-size: 36px;text-transform: uppercase;font-weight: 800;margin: 0;text-align:center;line-height: 1.3;}

/* investorrelations */
.Invest-Relat{width:100%;height: 100%;position: relative;}
.Invest-Coloum-left{background:url(../images/Invest-bg.jpg) no-repeat;background-size:cover;height: 100%;float: left;}
.owl-theme .owl-dots .owl-dot span{border: solid 1px #ccc!important; } 
/* Accordion */
.Accordion {margin-top: 77px;}
.owl-carousel.acc-mobile-homepage{display:block; } 
.Accordion h3{cursor: pointer;color: #3b3b3b;}
.Accordion h3:hover,active,focus,visited {color:#f7941e !important; }
.Accordion h3:focus{color:#f7941e !important; }
.Accordion h3:after {content: '\02795';font-size: 16px;color: #3b3b3b;float: right;margin-left: 5px;} 
.Accordion h3.ui-accordion-header-active:after{content:'';height: 3px;background: #3b3b3b;display: block;width: 13px;margin-top: 7px;}

.Accordion .ui-state-default .Accordion.ui-icon {background-image: url(../images/plus-icon.png) !important;}
.Accordion .ui-icon-triangle-1-s {backg.Accordion round-position: -49px -6px !important;}
.Accordion .ui-icon-triangle-1-e {background-position: -16px -4px !important;}
.Accordion .ui-accordion .ui-accordion-header{background: none;}
.Accordion .ui-accordion .ui-accordion-header .ui-accordion-header-icon{right: 0;}
.Accordion p{ color: #3b3b3b;  font-size: 15px;   font-weight: normal;   line-height: 22px;}
.Accordion .ui-accordion .ui-accordion-header .ui-accordion-header-icon{ right:0 !important;  left: inherit !important;}
.investorbutton {color: #000; float: left; padding: 10px 23px; width: 180px; border-radius: 39px; text-align: left; text-transform: uppercase; text-decoration: none !important; background-position: right; border: 1px solid #f7941e; margin: 5px 0; } 
.Accordion .investorbutton:hover {background: #f7941e; color: #fff; border: 1px solid #f7941e; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -o-transition: all .6s ease; -ms-transition: all .6s ease; transition: all .6s ease;}
.Accordion  a{font-size:12px; color:#000;}
.Accordion h3{border:none !important;font-weight: 600;border-radius: inherit;text-transform: capitalize;font-size: 20px !important;border-bottom: 1px solid #3b3b3b !important;padding: 20px;outline: 0;}
.Accordion .acc-content{border-right:none;  border-left:none;   border-radius: inherit;  border-bottom: 1px solid #3b3b3b; padding:0 20px !important; height: 110px;} 
.Accordion .ui-accordion-content .ui-helper-reset .ui-widget-content .ui-corner-bottom .ui-accordion-content-active{height: auto !important;}

/*  media-center */
.Media-Center{width: 100%;/* float: left; */}
.media-coloum-left{background:url(../images/media-center.jpg) no-repeat;background-size:cover;height: 100vh;/* float: left; */}
.Media-Center h3{color: #fff;font-size: 24px;text-transform: unset;font-weight: 400;padding-left: 32px;}
.Subsc {position: absolute;bottom: 60px;padding: 0 21px;left: 0;}
.subscribe{ border: 1px solid #fff; background:none; width:100%; padding:10px; color:#fff;  }
input:focus {  background-color: #fff; color:#333;}
.subscribe-btn-orange{ background: #f7941e;    color: #fff;    float: left;    padding: 10px 0;    width: 100%;    border-radius: 39px;
 text-align: center; text-transform:uppercase;    text-decoration: none !important;    background-position: right;  border: 1px solid #fff; margin: 5px 0;}
.subscribe-btn-blue{ background:#1191d0; color: #fff;   float: left;    padding: 10px 0;  width: 100%;  border-radius: 18px; text-align: center; text-decoration:none !important; text-transform: uppercase; margin:5px 0;}
.col-xs-12.col-md-6.rft {padding-right: 10px;}
.Media-Center .left-content {padding: 96px 7%;/* float: left; */}
.NewsHome{background:#f4f4f4;padding: 78px 0 18px 30px;border-bottom: 1px solid #c2c2c2;height: 100vh;/* float: right; */overflow: auto;position: absolute;right: 0;/* height: 100%; */}
.NewsHome  h4{color: #f7941e;font-size: 25px;text-transform: NONE;font-weight: 500;}
.NewsHome  p{color: #3b3b3b; font-size: 15px;    font-weight: bold;    line-height: 22px;}
.news-link{color: #3b3b3b;  float: left;  padding: 5px 0;   width: 100%;   border-radius: 39px;   text-align: center;  text-transform: uppercase;   text-decoration: none !important;
 background-position: right;    border: 1px solid #f7941e; font-size: 12px;  margin:0;}
.news-link:hover{ background: #f7941e; color:#fff;}
.NewsHome  ul {padding: 0;}
.NewsHome  ul li {list-style: none;width: 100%;border-bottom:none; }
.latestnews h4 {font-size: 16px;p;padding: 0px 0px 17px 0;color: #333;text-transform: unset;font-weight: normal;}
.latestnews a.buttonC {/* float: left; */color: #333;width: 140px;border: 1px solid #f7941e;display: inline-block;}
.latestnews a.buttonC:hover {color: #fff;}

.Media-Center.owl-carousel{display: block}
.col-xs-12.col-md-3.lft {padding: 0;}
.Second-Row { padding:   4% 0;  float: left;  width: 100%; border-top: 1px solid #424242;}
.border-btm{border-bottom: 1px solid #424242;}
.date{background: #f7941e;color: #fff;display: block;padding: 8px 0;text-align: center;font-size: 16px;font-weight: 600;}
.date-orange{background: #f7941e;   color: #fff;   display: block;  text-align: center;  padding:3px; font-size: 23px;}
.month{background:#1191D0; color:#fff; display: block;  text-align: center;  font-size: 18px; text-transform: uppercase; padding: 10px; font-weight: bold;}
.btns .btn-orange {float: left;margin: 0;text-align: center;}
span.year {background: #1191d0;color: #fff;padding: 10px 0;display: block;text-align: center;font-size: 16px;}
.sidebar_nav li ul .closebtn{display: none;}
.main-box .owl-next{/* display: block!important; */ background: url(../images/nexrt-icon.jpg); color: #fff; background-position: 10px; text-indent: -9999px; padding: 0 0; right: 0; left: auto; z-index: 9999; position: absolute; width: 57px; background-repeat: no-repeat; bottom: 0px; top: 50%; margin-top: -18%; }
.sidebar_nav li ul.sub-menu-cu{overflow-y: scroll;max-height: 365px;}


.sidebar_nav li ul.sub-menu-cu li{margin: 0; } 
.sidebar_nav li ul.sub-menu-cu li a{}
.sidebar_nav li:hover ul.sub-menu-cu li a{background: none; padding: 20px 20px; color: #747474; font-weight: 700; } 
.sidebar_nav li:hover ul.sub-menu-cu li a:hover{background: #1191d0;color: #fff;}
.Sustainability .main-box .owl-next,
.Sustainability .main-box .owl-prev{top: 28%;display:block;}
.prettyPagination a.pfl_next, .pfl_prev {background: #f7941e; color: #fff; border-radius: 0px;}
.prettyPagination a.pfl_next, a.pfl_prev:hover {color: #fff;}
.prettyPagination a.pfl_next, a.pfl_prev:focus {color: #fff;}


/* 404 Page */
.notfound h1 {color: #f7941e;}
.notfound h1:before {font-size: 0; display: none;}
.notfound .page-header {margin: 10px 0 10px;}
.notfound h2 {max-width: 100%; color: #1191d0; font-size: 42px; padding: 10px 0;}
.notfound h2:before {display: none;}
.notfound p {font-size: 16px;}
.notfound .search-form span.screen-reader-text {display: none;}
.notfound .search-form input.search-field {width: 450px;border: 1px solid #ccc;color: #000;text-transform: capitalize;font-weight: normal;outline: 0;height: 45px;padding: 15px;}
.notfound .search-form input.search-submit {height: 45px; border: 1px solid #fff; width: 120px; background: #f7941e; color: #fff;}

/*Search Page */
.SearchPage .page-header {margin: 10px 0; padding: 0;}
.SearchPage .page-header h1.page-title {margin: 10px 0;}
.SearchPage h1:before {display: none;}
.SearchPage h1.entry-title {border-bottom: 1px solid rgba(204, 204, 204, 0.49); font-weight: normal; line-height: 40px; margin-top: 0px;}
.SearchPage h1.entry-title a { font-size: 24px;}
.SearchPage .entry-title a:focus, a:hover {color: #f7941e;}

.yvid {overflow:hidden;height: 430px;width: 750px;max-width:100%;max-height:100%;margin: 0 auto;}
.yvid iframe {overflow:hidden;height: 430px;width: 750px;max-width:100%;max-height:100%;margin: 0 auto;}

/* Category news */
.news_category ul li {display: block; width: 100%; list-style: none; float: left; padding: 30px 0; position: relative; z-index: 999; border-bottom: 1px solid #ccc; } 
.fxd {width: 105px;position: absolute;} 
.abs {padding-left: 125px;}
.newspagtn {padding-left: 50px;position: relative;top: 30px;padding-bottom: 30px;} 
.page-numbers {border: 1px solid #428bca; display: inline-block; padding: 4px 10px;ma;margin: 5px;} 
.page-numbers.current {border: 1px solid #fff;padding: 3px 12px;margin: 5px 0 0 0px;background: #f7941e;color: #fff;font-size: 16px;}
a.page-numbers a:focus {color: #000;} 
.col7 span:first-child {margin-right: 30px;}

.econ tr th {color: #333;font-size: 18px;padding: 10px;fon;font-weight: 500;}
.econ td {padding: 10px; color: #333; font-size: 14px; }
.def-table td {padding: 7px; text-align: left;}
table.child-tbl {margin: 10px 0;}

/*loader*/
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999999; background: url(../images/ke-gif.gif) center no-repeat #fff; }
.loading-form {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999999; background: url(../images/ke-gif.gif) center no-repeat #fff; }
.overlay {background: #e9e9e9;   display: none;  position: absolute;top: 0;right: 0;bottom: 0;left: 0;opacity: 0.5; z-index: 99999;}
.ke_form .form_buttonC {text-decoration: none;}

/* Urdu Temp */
div#urdu-temp {direction: rtl;}
select#surdu{float: right;width: 180px;padding: 7px;color: #333;border: 1px solid #ccc;font-size: 14px;outline: 0;position: relative;top: -50px;}

/* Urdu Temp */
.ke_calc_terms {padding: 5px 15px 25px; background-color: #e9e9e9;} 
.ke_td_daily{padding-right:20px !important; position:relative; } 
.ke_td_daily .fa{position: absolute; top: 35%; right: 4px; } 
.ke_td_daily .tooltip-inner {max-width: 300px; white-space:nowrap;}

/*EC page */
#ec_tabs {margin: 30px 0; }
#ec_tabs .tab_ind:hover {background: #f7941e; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -o-transition: all .6s ease; -ms-transition: all .6s ease; transition: all .6s ease;}
#ec_tabs .tab_ind:hover h3 {color: #fff;}
#ec_tabs .tab_ind:hover h4 {color: #fff;}
#ec_tabs .tab_ind {border: 1px solid #ccc; text-align: center; padding: 22px; background: #f7f7f7; border-bottom: 2px solid #f7941e;}
.tab_ind h3 {margin: 0; font-size: 28px; line-height: 36px;}
.tab_ind h4 {color: #1191d0;}
.border_img {border: 1px solid #000;}

/* Subscribeform */

.Subsc .btn-success {padding: 5px; font-size: 16px; background: rgb(247, 148, 30); margin: 10px 0 0 0;}
.Subsc .btn-info { padding: 5px; font-size: 16px; background: rgb(247, 148, 30); margin: 10px 0 0 0;}
.ke_subs_msg > div {padding: 5px; margin: 10px 0 0 0; font-size: 16px;}


/* EC Calculator */
.ke_cal_container span {text-transform: none; font-size: 18px; font-weight: 500; color: #333;}
.ke_calc_table {margin: 15px 0; } 
.ke_calc_terms h3 {margin: 0 0 10px; }
.ke_calc_terms {padding: 15px 15px 25px; background-color: #f2f2f2; border: 1px solid #ccc;}
.ke_td_daily{padding-right:20px !important; position:relative; } 
.ke_td_daily  .ke_apl_pop {position: absolute;top: 25%;right: 0;color: #1191d0;animation: 0.6s ease 0s alternate none infinite running pulse;border-radius: 0%;font-size: 24px;display: none;} 
.ke_td_daily .tooltip-inner {max-width: 300px; white-space:nowrap;}
.ke_calc_terms .buttonC {color: #333; width: 150px; text-transform: capitalize; display: block; float: right; outline: 0;}
.ke_calc_terms .buttonC:hover {color: #fff;}
.ke_calc_terms_link a {color: #1191d0; text-decoration: none; font-size: 16px; } 
.ke_calc_table th {background: #f7941e; color: #fff; border: 1px solid #ccc; font-size: 20px; padding: 10px !important; }
.ke_calc_table td.ke_td_equ {color: #1191d0; font-size: 16px; padding: 10px;}
.ke_calc_table td.ke_td_daily input {background: #fff;border: 1px solid #ccc;color: #1191d0;font-weight: 600;} 
td.ke_td_qty, td.ke_td_hrs, td.ke_td_daily {background: #f5f5f5;}
.ke_calc_table td.ke_td_qty input {border-radius: 0; border: 1px solid #ccc !important; outline: 0; box-shadow: none;}
.ke_calc_table td.ke_td_hrs select {border-radius: 0;}
.ke_formula_text {font-size: 16px; padding: 0px 0 20px; font-weight: 600;}
.ke_result_table {background: #f2f2f2;}
.ke_result_table td {font-size: 16px; color: #1191d0; border: 1px solid #ccc; padding: 15px !important;}
.ke_result_table span.ke_save_in_percent {font-size: 16px; color: #fff;}
.ke_td_daily .fa {cursor: pointer;}
.ke_total_units, .ke_where_save_units, .ke_save_units, .ke_you_save, .ke_savinpercent {background: #1191d0; color: #fff !important; font-weight: 600;}
.ke_ui_tooltip {white-space: nowrap; max-width:600px !important;}
#ke_termsLabel {color: #1191d0; text-transform: capitalize; font-weight: 800;}
td.bgblue {background: #1191d0; color: #fff;}
.ke_row_info {position: relative;right: 0;z-index: 999999;background: #ff322e;padding: 7px 34px 7px 7px;color: #fff;border: 1px solid #ccc;top: 0;font-size: 18px;margin-top: 5px;}
.ke_row_info .fa {color: #fff;top: 10px;right: 10px;position: absolute;font-size: 20px;}
.ke_fa_i_show {display: block !important;}
tr.ke_cal_high td { background: rgba(251, 90, 90, 0.69); color: #fff!important;vertical-align: middle!important;}
.ke_calc_terms .checkbox.checkbox-inline {padding-left: 0;}


/*media quries */
@media (max-width: 1600px) { 
.sidebar_nav li a {padding: 14px 24% 16px 34%;}
.title_banner {left: 270px;} 
.opac {padding: 77px;}
}


@media (max-width: 1370px) { 
    .pagn-box h4 {font-size: 20px;padding: 0px 0 0;} 
    .sidebar_nav li a {padding: 9px 0% 9px 37%;font-size: 12px;}
    .company_child p {font-size: 16px;}
    .pagn-box {padding-bottom: 5px;}
    .pagn-box h3 {margin-top: 9px;margin-bottom: 4px;font-size: 22px;} 
    .sidebar_nav {padding: 0;}
    .social-icons {padding: 0;}
    .Our-Company h3 {font-size: 22px;}
    .company-item p {width: 90%;}
    .sidebar_nav li {margin: 4px 0px 3px;}
    li.pdng {padding: 5px 0; } 
    .social-icons p {font-size: 11px; margin: 13px 0 7px;}
    .Search {background-position: 24px 5px; padding: 13px 10px; margin: 15px 0; } 
    .Our-People .carousel-Box {padding: 9px 49px 26px 9px;} 
    .sidebar-contain{padding: 0; /* height: 100%; */ /* position: absolute; */ /* bottom: 0; */ /* padding: 81px 0 124px 0; */ /* overflow: auto; */ } 
    .Our-People h3 {font-size: 24px;}
    .sidebar_nav {/*height: 425px;overflow-y: scroll;overflow-x: hidden;*/padding: 0;/* height: 100%; *//* position: absolute; *//* bottom: 0; *//* padding: 149px 0 124px 0; *//* width: 100%; */ z-index: 1050;}
    .company_child {bottom: 18px;}
    .company_child p {font-size: 14px;}
    .company_child .owl-next {height: auto;top: 0;width: 47px;right: -30px;} 
    .serv-icons {padding-bottom: 10px;}
    .business_section .owl-next {top: 50%;margin-top: -23%;}
    .Accordion {margin-top: 30px;float: right;height: 100%;}
    .Invest-Relat .Accordion{margin-top: 30px; } 
    .sidebar_nav i {font-size: 30px;margin-top: 5px;}
    li.pdng i.icon-sustainability {margin-top: -3px;} 
    li.pdng i.icon-investor-relation {margin-top: -3px;} 
    .title_banner {left: 230px;}
    .Services .owl-next {/* bottom: 440px; */}
    .date-orange {font-size: 20px; padding: 1px; }
    .month {padding: 5px; font-size: 16px;}
    .Our-People h2 {position: relative;top: 0;} 
    .main-box {height: 100%;}
    .sidebar_nav li:first-child {margin: 0;}
    .Our-People .owl-dots {margin-top: -35px;} 
    .subc-btn {margin: 10px 0;}
    .col-xs-12.col-md-6.rft {padding-right: 10px; padding-top: 10px;} 
    /*.rft {margin: 10px 0 !important;} */
    .btns .btn-orange {float: none;display: block; position: absolute;}
    .Media-Center .btns .btn-orange{position: relative; text-align: center; padding: 10px 0px; margin: 0 -12px; width: auto; } 
    .box-first {min-height: 0;}
    .opac:hover {}
    .box-two {min-height: 0;}
    .box-three {min-height: 0;}
    .Second-Row {padding: 32px 0;}
    .carousel-Box-second {padding: 80% 0px 13% 0px;}
    .bottom-area {bottom: 0;}
    .searchform .search-field {padding: 13px 12px 17px 56px;background-position: 10px 5px;}
    .Main-Content{padding: 70px 0 0 38px; } 
    #section2 h2{padding-top: 92px; } 
    .Our-Company h2{margin-top: 20px; } 
    .sidebar_nav li ul.sub-menu-cu{max-height: 290px;}
    .logo {padding: 5px 0;} 
    .Our-People .owl-next {right: -8px;}
    .tp-tabs, .tp-thumbs, .tp-bullets {margin-top: 60px !important;}
    .opac {padding: 64px;}
    .Sustainability h3 {font-size: 30px;}
    .tab_ind h4 {font-size: 16px;}
    .tab_ind h3 {font-size: 24px; line-height: 28px;}
    .ke_row_info {font-size: 14px;}
}

#toggleMainMenu{display: none;}

@media (max-width: 1024px){
    #toggleMainMenu{display: inline-block; padding: 28px 28px; font-size: 20px; color: #f7941e; border-right: solid 1px #e3e3e3;}
    #toggleMainMenu.active{background: #f7941e;color: #fff;}
    #sidebar_wrapper{width: 100%;height: 77px;overflow: visible;border: none;}
    #sidebar_wrapper .sidebar{/* width: 20%; */ /* background: #fff; */ /* height: 100%; */ /* position: fixed; */ /* overflow: auto; */ border-bottom: solid 1px #e3e3e3;}
    .logo{display: inline-block; padding: 0; border-bottom: none; } 
    .logo a{display: inline-block; vertical-align: middle; padding: 10px 19px; } 
    .sidebar-contain{background: #fff;position: fixed;/* top: 109px; */width: 211px;min-height: 92%;height: 100%;left: -100%;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;visibility: hidden;} 
    #inside_page{padding: 0;padding-top: 57px;}
    .sidebar-contain.active{left: 0%;visibility: visible;}
    #menu-sidebar_menu{ }
    #menu-sidebar_menu li{} 
    #menu-sidebar_menu li a{color: #000;padding: 15px 22px;margin: -10px 0 0 0;}
    .Services h2{top: 62px;}
    .left-content{padding: 72px 5%;}
    .Sustainability .left-content{} 
    .Invest-Relat .Accordion{margin-top: 61px;}
    .Media-Center .left-content{padding: 106px 5%;} 
    .NewsHome{padding-top: 94px;height: auto;position: absolute;right: 0;top: 0;} 
    #footer-main {padding: 0;}
    .title_banner {left: 47px;top: 140px;}
    .title_banner h2 {font-size: 36px;}
    #footer-main .pagn-box h3 {font-size: 24px;}
    #footer-main .pagn-box h4 {font-size: 18px;}
    #footer-main .pagn-box p {font-size: 16px;}
    .Our-People h3 {font-size: 22px;}
    .Our-Company h3 {font-size: 20px;}
    .Our-Company br {display: none;}
    .content-btm p {font-size: 16px;}
    .Our-People p {font-size: 16px;}
    .customerservices br {display: none;}
    .header{position:fixed;z-index:99999;float: right;width: auto;right: 0;top: 22px;background: none;}
    .tenders_main .col-md-offset-1 {margin: 0;}
     .col7 span:first-child {font-size: 12px;}
    .cp ul li {font-size: 12px;}
    .opac {padding: 62px;}
    .company_child {bottom: 60px;}
    .content-btm {bottom: 80px;}
    .owl-carousel.people-section {bottom: 60px;}
    .company_child .owl-next {right: -22px;}
    .help-block {font-size: 12px;}
/* Ec calculator */
    .ke_calc_table th {font-size: 16px;} 


    /*i have copy below css from media 769 query due to header problem (shahrukh comments)*/
    .left-content p{font-size:14px } 
    #menu-sidebar_menu li a {padding: 22px 103px;display: block;border-radius: 0;}
    .nav{padding-left: 0; } 
    .navbar-header {float: none; } 
    .navbar-left,.navbar-right {float: none !important; } 
    .navbar-toggle {display: block;} 
    .navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);min-height: 397px;border-bottom: 3px solid #f7941e;border-color: #f7941e !important;} 
    .navbar-fixed-top {top: 0; border-width: 0 0 1px; } 
    .navbar-collapse.collapse {display: none!important; } 
    .navbar-nav {float: none!important; margin-top: 7.5px; background: #fff; width: auto; margin-top: 4px; } 
    .navbar-default {background: transparent; position: absolute; text-align: center; right: 0; z-index: 99999; border: 0; height: auto; width: auto; margin-bottom: 0; }
    .navbar-nav>li {float: none; } 
    .navbar-nav>li>a {padding-top: 10px; padding-bottom: 10px; } 
    .collapse.in{display:block !important; } 
    .header .navbar-collapse{border-top: none; border-bottom: none; } 
    .Accordion .acc-content{border-bottom: none; height: auto; } 
    .Media-Center.owl-carousel{/* display: none */}
     .Media-Center .left-content{padding: 74px 5%; } 
     .business_section.owl-carousel{
        /* position: absolute; */
        /* width: 100%; */
        /* top: 0; */
    }
    #ncf iframe {min-height: 2400px;}
    .carousel-Box-second p{font-size: 14px; } 
    .owl-carousel .owl-item img{width: 75px!important; } 
    .Accordion h3{margin: 0px 0 4px 0; } 
    .footer_home{text-align: center; } 
    .cp ul{text-align:center;margin-bottom: 0px;}
    .cp ul li{float:none; display:inline-block}
    .footer-logo-right img{display: inline-block!important; margin: 14px 0 10px 0; }
    .customerservices.owl-carousel{position: absolute; bottom: 0; } 
    .header.homepage-header{z-index: 99999999999; background: none; } 
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background:#fff; } 
    .navbar-default .navbar-toggle .icon-bar{background: #1191d0; } 
    .fp-auto-height{height: auto!important}
    .sidebar_nav li ul .closebtn{cursor: pointer; display: block;background: #1191d0;width: 100%;height: 41px;/* position: absolute; */right: 0;padding: 8px 0 0;font-size: 18px;top: 0;text-align: center;}
    .sidebar_nav li ul.sub-menu-cu{left: 0;position: fixed;width: 211px;height: 100% !important;min-height: 900px !important;z-index: 11;top: 56px;height: 100%;background: #fff;overflow: auto!important;padding-top: 0;} 
    .sidebar_nav li.submenu-active ul.sub-menu-cu{opacity: 1;visibility: visible !important;background: #fff;/* height: 100% !important; */min-height: 100% !important;z-index: 99999999999;/* position: fixed; *//* width: 207px; */max-height: 100%!important;} 
    .sidebar-contain{height: 100%;overflow-x: auto;padding-bottom: 51px;height: 100%;}
    .social-icons{position: relative; bottom: 0; } 
    .header{top: 0; } 
    .site-content{padding: 10px 15px; } 
    ul#breadcrumbs{padding:10px 15px } 
    .cp{text-align:center }
    .cp-inner{text-align: : center!important;    float: none;}
    .sidebar_nav li ul.sub-menu-cu li a{
      background: #fff;
    }
    .sidebar_nav li:hover ul.sub-menu-cu li a{
      background: #fff;
    }
    .form-main iframe {min-height: 1450px;overflow: hidden;} 


    /*i have copy above css from media 769 query due to header problem (shahrukh comments)*/
} 

    @media (max-width:991px){
    .column-left-sustainability{height: 35%; } 
    .col-xs-12.col-md-6.lft{height: 65%; } 
    .Invest-Coloum-left{height: 40%; } 
    .Invest-Relat .Accordion{height: 60%; overflow: auto; margin-top: 0; } 
    .subscribe{margin-bottom:10px } 
    .btns .btn-orange{margin:10px 0 } 
    .section.fp-auto-height .fp-tableCell{overflow-x:auto; width:100%; } 
    .section.fp-auto-height .fp-tableCell *{/* border:solid 1px; */ /* padding: 0 15px; */ } 
    .media-coloum-left{height: auto;min-height: 655px;}
    .NewsHome{height: auto; padding-top: 65px;} 
    .form-main iframe{min-height:920px}
    .tp-tabs, .tp-thumbs, .tp-bullets { top: 90% !important;}
}

@media (max-width:769px){
    .company_child .owl-next {right: -80px;}
    .Our-People .owl-next {right: -25px;}
    #sidebar_wrapper{height: 57px; } 
    #toggleMainMenu{padding: 18px 21px; } 
    #sidebar_wrapper .sidebar{} 
    .logo a{padding: 5px 10px;}
    .logo img{width: 81px;}
    .title_banner {top: 85px;left: 22px;}
    .title_banner h2 {font-size: 25px;}
    .column-left-sustainability{height: 98%;background-position: top right;} 
    .col-xs-12.col-md-6.lft{height: auto;position: absolute;/* top: 0; */bottom: -10px;} 
    .Invest-Coloum-left{height: 100%;} 
    .Invest-Relat .Accordion{height: auto;overflow: auto;margin-top: 0;position: absolute;bottom: 0;background: rgb(255, 255, 255);} 
    .subscribe{margin-bottom:10px } 
    .btns .btn-orange{margin:10px 0;position: relative;text-align: center;} 
    .section.fp-auto-height .fp-tableCell{overflow-x:auto; width:100%; } 
    .section.fp-auto-height .fp-tableCell *{
        /* border:solid 1px; */
        /* padding: 0 15px; */
    }
    .yvid {width: auto;}
    .yvid iframe {width: auto;}
    .Subsc{position: relative;bottom: 0;padding: 0;margin: 0 -11px;width: auto;} 
    .media-coloum-left{height: auto;min-height: 100%;float: none;}
    .NewsHome{height: auto;padding-top: 65px;float: none;position: relative;}
    .section#section7{height:auto!important; } 
    .people-section{margin-top: 5%; }
    .pagn-box h4{font-size: 15px; } 
    .pagn-box h3{font-size: 16px;} 
    .pagn-box p{font-size: 12px;} 
    .Our-Company{padding: 20px; } 
    .Our-Company .owl-prev{display:none!important; } 
    .company_child{width: 87%!important;bottom: 20px;}
    .Main-Content{padding: 72px 0 0 20px;}
    #section2 h2{padding: 20px;font-size: 34px;padding-top: 72px;}
    .Our-People h3{font-size: 24px; } 
    .Our-People p{font-size: 13px; } 
    .carousel-Box-second{padding: 140px 10px 20px 10px;height: 100%;}
    .carousel-Box-second:hover{height:100%;background: none;}
    .owl-carousel.main-box{
    overflow: visible;
    /* position: absolute; */
    /* bottom: 0; */
      } 
    .main-box div{} 
    .main-box .owl-prev{left: 0; } 
    .opac{padding: 143px; } 
    .Sustainability h3{font-size: 24px; } 
    .Our-Company h2{font-size: 34px;margin-left: -21px;margin-top: 72px;} .company_child  .item {padding-right: 45px; }
    .owl-prev{/* display: block!important; */} 
    .business_section .owl-prev{margin-top: -200px; } 
    .business_section .owl-next{margin-top: -200px;}
    .Our-People h2{font-size: 34px;} 
    .people-section.owl-carousel{width: 94%;position: absolute;bottom: 20px;} 
    .Our-People .carousel-Box{padding: 2px 49px 23px 0;} 
    .people-section .item img{width: 35px!important; } 
    .Services h2{font-size: 34px;padding: 72px 20px 0;top: 0;} 
    h2{font-size: 34px;}
   /*below code is copied in media query 1024 for header problem if any thing create problem just un commit from down and delete from media query 1024...*/

    
    /*.left-content p{font-size:14px } 
    #menu-sidebar_menu li a {padding: 22px 103px;display: block;border-radius: 0;}
    .nav{padding-left: 0; } 
    .navbar-header {float: none; } 
    .navbar-left,.navbar-right {float: none !important; } 
    .navbar-toggle {display: block;} 
    .navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);min-height: 397px;border-bottom: 3px solid #f7941e;border-color: #f7941e !important;} 
    .navbar-fixed-top {top: 0; border-width: 0 0 1px; } 
    .navbar-collapse.collapse {display: none!important; } 
    .navbar-nav {float: none!important; margin-top: 7.5px; background: #fff; width: auto; margin-top: 4px; } 
    .navbar-default {background: transparent; position: absolute; text-align: center; right: 0; z-index: 99999; border: 0; height: auto; width: auto; margin-bottom: 0; }
    .navbar-nav>li {float: none; } 
    .navbar-nav>li>a {padding-top: 10px; padding-bottom: 10px; } 
    .collapse.in{display:block !important; } 
    .header .navbar-collapse{border-top: none; border-bottom: none; } 
    .Accordion .acc-content{border-bottom: none; height: auto; } 
    .Media-Center.owl-carousel{}
     .Media-Center .left-content{padding: 74px 5%; } 
     .business_section.owl-carousel{
        
    }
    #ncf iframe {min-height: 2400px;}
    .carousel-Box-second p{font-size: 14px; } 
    .owl-carousel .owl-item img{width: 75px!important; } 
    .Accordion h3{margin: 0px 0 4px 0; } 
    .footer_home{text-align: center; } 
    .cp ul{text-align:center;margin-bottom: 0px;}
    .cp ul li{float:none; display:inline-block}
    .footer-logo-right img{display: inline-block!important; margin: 14px 0 10px 0; }
    .customerservices.owl-carousel{position: absolute; bottom: 0; } 
    .header.homepage-header{z-index: 99999999999; background: none; } 
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background:#fff; } 
    .navbar-default .navbar-toggle .icon-bar{background: #1191d0; } 
    .fp-auto-height{height: auto!important}
    .sidebar_nav li ul .closebtn{cursor: pointer; display: block;background: #1191d0;width: 100%;height: 41px;right: 0;padding: 8px 0 0;font-size: 18px;top: 0;text-align: center;}
    .sidebar_nav li ul.sub-menu-cu{left: 0;position: fixed;width: 211px;height: 100% !important;min-height: 900px !important;z-index: 11;top: 56px;height: 100%;background: #fff;overflow: auto!important;padding-top: 0;} 
    .sidebar_nav li.submenu-active ul.sub-menu-cu{opacity: 1;visibility: visible !important;background: #fff;min-height: 100% !important;z-index: 99999999999;max-height: 100%!important;} 
    .sidebar-contain{height: 100%;overflow-x: auto;padding-bottom: 51px;height: 100%;}
    .social-icons{position: relative; bottom: 0; } 
    .header{top: 0; } 
    .site-content{padding: 10px 15px; } 
    ul#breadcrumbs{padding:10px 15px } 
    .cp{text-align:center }
    .cp-inner{text-align: : center!important;    float: none;}
    .sidebar_nav li ul.sub-menu-cu li a{
      background: #fff;
    }
    .sidebar_nav li:hover ul.sub-menu-cu li a{
      background: #fff;
    }
    .form-main iframe {min-height: 1450px;overflow: hidden;} */

    /*below code is copied in media query 1024 for header problem if any thing create problem just un commit from down and delete from media query 1024...*/
}

@media (min-width:768px) {
    .sidebar_nav li:hover ul{opacity: 1; visibility: visible;}
}

@media (max-width: 767px) {
.company_child .owl-next {right: -63px;}
.owl-carousel .owl-item img {width: 45px!important;}
.Our-People .owl-next {right: -18px;}
.section, .Coloum-third, .Coloum-second, .Coloum-first, .Coloum-fourth, .Services, .media-coloum-left, .Services .Main-Content,  .Coloum-fifth{ min-height: 451px;}
#home.section,
.fp-auto-height{ min-height:10px;}
.opac{padding: 50px 30px;}
.landscape .bottom-area{ display:none}
.landscape  .hermes.tp-bullets{ margin-top: 0!important; transform: matrix(1, 0, 0, 1, 0, 0) !important; top: auto!important; bottom: 20px!important;}
#distrb .alpha {padding-left: 15px !important;}
.ps-main .alpha {margin-left: 15px !important;}
.ps-main h3.main {font-size: 20px;margin-top: 10px;line-height: 26px;border-bottom: none;}
.Sustainability .main-box .owl-next, .Sustainability .main-box .owl-prev {top: 70%;}
.tenders_main .col-md-offset-1 {margin-left: -15px;}
.tenders_main li img {width: 100%;}
.prettyMapList .prettyFileBar .prettyMapListSearch .clearSearch {display: none;}
}

@media (max-width: 640px) {
.owl-carousel .owl-item img {width: auto;}
.sidebar_nav li ul.sub-menu-cu {padding-bottom: 70px;}
.tp-tabs, .tp-thumbs, .tp-bullets {top: 95% !important;}
}

@media (max-width: 810px){
  .form-main iframe {min-height: 1500px;overflow: hidden;} 
}

@media (max-width: 480px) {
.Our-People .owl-next {right: 0px;}
.Sustainability .main-box .owl-next, .Sustainability .main-box .owl-prev {top: 30%;}

.cppage #surdu {
    position: relative;
    width: 100%;
    display: block;
    margin-top: -40px;
}

.cppage .child-heading:first-child {
    margin-top: 30px;
}

.cppage .main:first-child {
    margin-top: 30px;
}


@media (max-width: 360px)
.Our-People .owl-next {
    right: 0px;
}

}

.sub-menu-cu{position: absolute;right: -100%;top: 0;background: rgba(247, 249, 249, 0.93);padding: 0;margin: 0;width: 100%;opacity: 0;visibility: hidden;}
#html5-watermark a {display: none !important;}