@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Light-webfont.woff2') format('woff2'),
         url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff2') format('woff2'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Semibold-webfont.woff2') format('woff2'),
         url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold-webfont.woff2') format('woff2'),
         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-BoldItalic-webfont.eot');
    src: url('../fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-BoldItalic-webfont.woff2') format('woff2'),
         url('../fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: 700;
    font-style: italic;

}
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-ExtraBold-webfont.eot');
    src: url('../fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-ExtraBold-webfont.woff2') format('woff2'),
         url('../fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-ExtraBold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: 800;
    font-style: normal;
}
body
{
	font-family: 'Open Sans';
	font-size:15px;
	line-height:24px;
	background-color:transparent;
	color:#000;
	font-weight:400;
}
.button-view
{
	font-weight: 700;
}
a.button-view:after {
    content: "\f105";
    font-family: 'FontAwesome';
    font-size: 17px;
    position: relative;
    top: 1px;
    font-weight: 600;
    padding-left: 5px;
}
.button-view span
{
    display:none;
}

a
{
	color: #ee2f25;
}
a:hover
{
	color: #ee2f25;
}
a:hover, a:focus, a:active
{
	outline:none;text-decoration:none;
}
#slider .slider-arrow-left, #slider .slider-arrow-right
{
  display: none;
}
#slider:hover .slider-arrow-left, #slider:hover .slider-arrow-right
{
  display: block;
}
.custom-social-icons
			{
				position: fixed;
				top: 18%;    
				left: auto;
				float: right;
				right: 0;
				width: 50px;
				z-index: 99999;
				background: none; 
			}
.icons-wrapper a {		
			float: right;
			border: 0;
			padding: 0;
			position: relative;
			display: block;
			width: 47px;
			margin: 0;
			outline-offset: -1px;
			text-align: center; 
			transition: width .20s ease-in-out;
			overflow: hidden;			
			z-index: 99999;
			cursor: pointer;
		}
.icons-wrapper a:hover {
			width: 55px;
		}
.icons-wrapper i {   
	
		display: block;
		font-size: 18px;
		color: #fff;
		height: 45px;
		line-height: 45px; 
}
.icons-wrapper .fa-facebook {  
	
		background-color: rgb(59, 89, 152);  
	   border-radius:04px 04px 0px 0px;
	}
.icons-wrapper .fa-twitter {   
	
		background-color: rgb(29, 161, 242);
	}
.icons-wrapper .fa-linkedin
	{
		background-color: rgb(0, 119, 181);
	}
.icons-wrapper .fa-youtube-play
	{
		background-color: rgb(255, 0, 0);
	}
.icons-wrapper .fa-instagram
	{
		background-color: rgb(138, 58, 185);
		background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
		border-radius:0px 0px 4px 4px;
}
section
{
	position:relative;
}
.big-text
{
	font-size: 16px;
    font-style: italic;
    line-height: 25px;
    background-color: #f3f3f3;
    padding: 26px 22px;
    border-left: 9px solid #ee2f25;
    margin-bottom: 50px;
    border-radius: 6px;color:#444;
}
hr{
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
	margin: 20px 0px;
}
section#ir-home {
    margin-top: 50px;z-index: 99;
}
.carousel-inner img
{
  position: relative;
}
.carousel-inner p
{
  position: absolute;
  top: 50%;right: 50%; transform: translate(50%,-50%); text-align: center !important;
  background-color: rgba(0, 0, 0, 0.66);border-radius: 08px;text-transform: uppercase;
  padding: 16px 35px;font-size: 25px;color: #fff;font-weight: 600;line-height: 30px;
}

.fullwdith-box ul, .list-icon
{
	list-style-type: none;
    padding-left: 0px;
}
.fullwdith-box ul li, .list-icon li
{
	position: relative;
    padding-left: 26px;
    margin-bottom: 5px;    
}
.fullwdith-box ul li:before, .list-icon li:before
{
	position: absolute;
    top: 2px;
    left: 0;   
    color: #ee2f25;
    font-size: 16px;	
	font-family: FontAwesome;
    content: "\f0a9";
}
.ml-auto, .mx-auto {
    margin-left: auto!important;
}
.mr-auto, .mx-auto {
    margin-right: auto!important;
}
.position-relative {
    position: relative!important;
}
.w-100 {
    width: 100%!important;
}
.position-absolute {
    position: absolute!important;
}
.mb-auto, .my-auto {
    margin-bottom: auto!important;
}
.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}
.navbar
{
	-webkit-transition: all 0.4s ease;
 	transition: all 0.4s ease;
	padding: 12px 0px !important;
	border-bottom: 1px solid rgba(255,255,255,0.1);
    /*background: rgba(255,255,255,0.04);*/
	background: rgba(0,0, 0, 0.1);
}
header.sticky nav {
    background-color: rgb(0,0,0, 0.95);
    padding: 6px 0px !important;
    box-shadow: 0 0 50px rgba(0,0,0,0.6);
	border-bottom: none;
}
header.sticky a.navbar-brand img {
    height: 50px;
}
.mb0
{
	margin-bottom: 0px !important;
}
.mb5
{
	margin-bottom: 5px !important;
}
.mb10
{
	margin-bottom: 10px !important;
}
.mb20
{
	margin-bottom: 20px !important;
}
.mb30
{
	margin-bottom: 30px !important;
}
.mb50
{
	margin-bottom: 50px !important;
}
.mt30
{
	margin-top:30px;
}
.mt40
{
	margin-top:40px;
}
#kh-wrapper
{
	    background-color: #585056;
}
#banner{
	background-image:url('../images/homepage-slider01.jpg');
	text-align: center;
    color: #fff;   
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;	
	display: table;
    height: 100vh;
    padding-bottom: 0;
    padding-top: 0;
    table-layout: fixed;
    width: 100%;
	position:relative;
}
#banner:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);	
}
.banner-text{
	padding:250px 0px;
	position: relative;
    z-index: 999;
    text-transform: uppercase;
}
.banner-heading{
	font-weight: 800;
	font-size: 60px;
    line-height: 70px;
    color:#fff;
}
.banner-heading span
{
	display:block;
}
.hero-banner {
	position: relative;
	display: table;
	width: 100%;
	min-height: 400px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.banner-subtitle {
	font-size: 18px;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 5px;
}
#pagebanner
{
	position: relative;
}
section#pagebanner:after {
    position: absolute;
    content: " ";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 0;    
	background: url(../images/grid.png) repeat center;
	background-color: rgba(0,0,0,0.5);background-size: cover;
}
#content-wrapper
{
	margin: 50px 0px;
}
#pagebanner h1, .fw_al_007_slide h1
{
	font-size: 60px;line-height: 70px;z-index: 99;
	 color: #fff;font-weight: 800;
}

#businesses-wrapper
{	
	background-color: #ee2f25;
	color:#fff;padding-top: 50px;
}
#businesses-wrapper .desc h2, #businesses-wrapper .container h2
{
	color:#fff;
}
#businesses-wrapper .container h2 span
{
  border-color: #fff;
}

h2
{
  font-weight: 700;
  font-size:38px;line-height:44px;
  margin-bottom:40px;  color:#494949;
}
h2 span
{
	border-bottom: 4px solid #ee2f25;
    padding-bottom: 2px;
}
.watersupply-wrapper, .wastewater-wrapper, .oilgas-wrapper, .cleanenergy-wrapper, .infrastructure-wrapper
{
	
	min-height:370px;padding:35px 18px;position:relative;
	background-size:cover !important;
}
.watersupply-wrapper
{
	background:url(../images/businesses_water-supply.jpg) no-repeat center;
}
.oilgas-wrapper
{
	background:url(../images/businesses_oil-gas.jpg) no-repeat center;
}
.cleanenergy-wrapper
{
	background:url( ../images/businesses_clean-energy.jpg) no-repeat center;
}
.wastewater-wrapper
{
	background:url(../images/businesses_wastewater-treatment.jpg) no-repeat center;
}
.infrastructure-wrapper
{
	background:url(../images/businesses_infrastructure.jpg) no-repeat center;
}
#businesses-wrapper .overlap h3
{
	color:#fff;
}
	
h3
{
	font-weight: 800; font-size:25px;line-height:30px;
	color: #444;margin-bottom: 16px;
}
.button-white
{
	font-size:16px;font-weight: 700;
	color:#fff;padding: 6px 35px;border:2px solid #ee2f25; 
	position:absolute;bottom:35px;
}
a.button-white span {   
    display: inline-block;
    vertical-align: middle;
    padding-left: 2px;
}
#solutions-wrapper
{
	background-color:#e6e6e6;
	
}
#solutions-wrapper h6
{	 font-weight: 700;
    font-style: italic;
	color: #5e5e5e;position: relative;
	padding-left: 55px;margin-bottom: 13px;
}
#solutions-wrapper h6:before {
            border-top: 3px solid #5e5e5e;
            content: "";
            margin: 0 auto;
            position: absolute;
            top: 56%;
            left: 0;            
            bottom: 0;
            width: 48px;            
}
#solutions-wrapper .pd-box
{
	padding:20px 50px;
}
#bh-wrapper
{
	padding-top:50px;
	color:#fff;
}
#bh-wrapper h3
{
	color:#fff;
}	
.bh-water-wrapper
{
	background:url(../images/bh-water.jpg) no-repeat center;
}
.bh-wastewater-wrapper
{
	background:url(../images/bh-wastewater.jpg) no-repeat center;
}
.bh-power-wrapper
{
	background:url(../images/bh-power.jpg) no-repeat center;
}
.bh-oilgas-wrapper
{
	background:url(../images/bh-oilgas.jpg) no-repeat center;
}
.bh-infrastructure-wrapper
{
	background:url(../images/bh-infrastructure.jpg) no-repeat center;
}
.bh-water-wrapper, .bh-wastewater-wrapper, .bh-power-wrapper, .bh-oilgas-wrapper, .bh-infrastructure-wrapper
{
	
	padding:35px 18px;position:relative;min-height:400px;
	background-size:cover !important;
}
#FTSE-wrapper, #sustainability-movement, #cg-wrapper{
	
	background-size:cover !important;height: 540px; background-attachment: fixed !important;
	position: relative;
}
#FTSE-wrapper
{
	background:url(../images/FTSE4-ranhill-utilities-berhad.jpg) no-repeat center;
}
#sustainability-movement
{
	background:url(../images/sustainability-movement.jpg) no-repeat center;	
}
#cg-wrapper
{
	background:url(../images/corporate-governance.jpg) no-repeat center;	
}
#FTSE-wrapper:before, #sustainability-movement:before, #cg-wrapper:before
{
	position: absolute;
    content: " ";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 0;
    background-color: rgba(0,0,0,0.62);
}
#FTSE-wrapper .container, #sustainability-movement .container, #cg-wrapper .container
{
  position: relative;
}
#FTSE-wrapper a, #sustainability-movement a, #cg-wrapper a
{
	float: right;color: #fff;    margin-top: 15px;
}
.font-el
{
	font-size:50px;color:#fff;font-weight: 700;
	text-transform: uppercase;letter-spacing: 1px;
}
.font-el span
{
	display:block;
}
.row-flex {
  display: flex;
  flex-wrap: wrap;
}
footer
{	
	color: rgba(255,255,255,0.75);
    background-color: #282828;    
	border-top: 5px solid rgba(0,0,0,.2);
    border-top-color: rgba(255,255,255,0.15);
}
.footer-header
{
	padding: 10px 0px;
	border-bottom: 2px solid #fbfbfb;
}
footer h5
{
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
    text-transform: uppercase;
}
footer h5 a, footer h5
{
	color: rgba(255,255,255,0.95);
}
.footer-menu ul a:hover, footer h5 a:hover
{
   color: rgba(255,255,255,0.72);
}
.footer-header .text-right
{
	padding-top: 18px;padding-bottom: 18px;
}
.footer-header h5
{
	display: inline-block;margin-bottom: 0px;
}
.footer-header i
{
	margin: 0px 10px;
	color: #c0c0c0;
	font-size: 20px;
}
.footer-header i.fa-facebook-f:hover
{
	color:#3b5998;
}
.footer-header i.fa-twitter:hover
{
	color:#00acee ;
}
.footer-header i.fa-youtube:hover
{
	color:#FF0000;
}
.footer-header i.fa-linkedin-in:hover
{
	color:#0e76a8 ;
}
.footer-header i.fa-instagram:hover
{
	color:#f58529;
}

.footer-header i:last-child
{
	margin-right: 0px !important;
}
.footer-menu
{
  padding: 55px 0px;
}
.footer-menu ul
{
	list-style: none;
	padding-left: 0px;margin-bottom: 0px;
}
.footer-menu ul a
{
	color: rgba(255,255,255,0.52);
    padding: 4px 0px;
    display: block;
    font-size: 14px;
}
.footer-footer
{
	padding: 40px 0px;
	font-size: 13px;
	color: rgba(255,255,255,0.52);
    background-color: rgba(0,0,0,0.2);
	text-align: center;
}
.hover-box
{
  background-color: #3f3f3f;color: #fff;
  padding: 50px 30px;text-align: center;
  -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
	border-radius: 4px;height: 100%;
	border-bottom: 3px solid #ee2f25;
	font-size: 16px;
    line-height: 22px;
    color: #E2E2E2;
}
.text-left .hover-box
{
	text-align: left;
}
.hover-box .col-xl-4
{
	margin-bottom: 20px;
}
.hover-box:hover
{
	background-color: #333;
}
.hover-box h4
{
	margin-bottom: 30px;font-size: 22px;
	font-weight: 600;text-align: center;
}

.valuestext-box {
    padding: 20px;
}
/* feature_box */

.feature_box .feature_box_wrapper{padding:20px}
.feature_box .feature_box_wrapper .photo_wrapper,
.feature_box .feature_box_wrapper .desc_wrapper{display:inline-block;vertical-align:middle}
.feature_box .feature_box_wrapper .photo_wrapper{width:50%;}
.feature_box .feature_box_wrapper .photo_wrapper a{display:block;line-height:0}
.feature_box .feature_box_wrapper .desc_wrapper{width:46%;padding-left:4%}
.feature_box .desc {
    font-size: 16px;
    line-height: 22px;
    text-align: justify;
}
.values
{
	margin-top: 30px;
}


.icon_box {
    position: relative;
    padding: 10px 0;
}
.icon_box a {
    display: block;
	color: #000;
}
.icon_box .icon_wrapper, .icon_box a .icon_wrapper, .icon_box:hover .icon_wrapper {
    color: #ee2f25;
}
.icon_box .icon_wrapper {
    border-color: #f8f8f8;
}
.icon_box .icon_wrapper {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.icon_box .icon_wrapper, .icon_box .icon_wrapper:before {
    -webkit-transition: background-color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    -ms-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
}
.icon_box .icon_wrapper {
    background-color: #fff;
    -webkit-box-shadow: inset 0 0 7px 0 rgba(0,0,0,.08);
    box-shadow: inset 0 0 7px 0 rgba(0,0,0,.08);
}
.icon_box .icon_wrapper {
    width: 150px;
    height: 150px;
    text-align: center;
    line-height: 150px;
    
    position: relative;
    overflow: hidden;
    margin: 0 auto 15px;   
    display: block;
    -webkit-border-radius: 100%;
    border-radius: 100%;
   
}
.icon_box .icon_wrapper:before {
    border-color: #e2e2e2;
}
.icon_box .icon_wrapper:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-width: 1px;
    border-style: solid;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.icon_box .icon_wrapper i {
    z-index: 2;
    position: relative;
}
.icon_box .desc_wrapper {
    text-align: center;
}
.icon_box .desc_wrapper h4
{
	font-weight: 600;
}
.icon_box.has_border:after
{
	border-color: rgba(0,0,0,.08);
}
.icon_box.has_border:after {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    border-width: 0 1px 0 0;
    border-style: solid;
    position: absolute;
    right: -2.4%;
    top: 0;
}
/*.icon_box:hover .icon_wrapper:before, .icon_box a:hover .icon_wrapper:before {
    background-color: #ee2f25;
}
.icon_box:hover .icon_wrapper, .icon_box a:hover .icon_wrapper {
    color: #fff;
}*/

.sliding-textbox{position:relative}
.sliding-textbox a{display:block}
.sliding-textbox a:hover{text-decoration:none}
.sliding-textbox .photo_wrapper {
    line-height: 0;
    position: relative;
    bottom: -15px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	top: 0;
}
.sliding-textbox .desc_wrapper {
   padding: 15px;
    width: 100%;
    text-align: center;
    z-index: 2;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	background: none;
    padding-left: 0;
    padding-right: 0;
}
.sliding-textbox h4 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: 0px;
	margin-bottom: 5px;
	color: #444;
}
.sliding-textbox .desc_wrapper:after {
    display: inline-block;
    content: "";
    width: 20%;
    height: 2px;
    border: 0;
    background-color: #ee2f25 !important;
    position: static;
    top: 0;
    margin: 0;
	-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.sliding-textbox img {
    max-width: 100%;
    height: auto;
}
.sliding-textbox:hover .desc_wrapper:after {
    width: 60%;
}
.bod-box
 {
  text-align:center;position:relative;line-height:0;
  margin-bottom: 30px;
 }
.bod-box a
 {
  display:block;color:#fff;
 }
.bod-box a:after
 {
  content:"";display:block;position:absolute;left:0;bottom:0;
  z-index:1;width:100%;height:100%;filter:alpha(opacity=0);
  opacity:0;background:rgba(0,0,0,.15)
 }
.bod-box:hover a:after
 {
  filter:alpha(opacity=100);opacity:100
 }
.bod-box .desc
 {
  position:absolute;left:0;bottom:0;z-index:2;width:100%;padding:20px 14px 35px;
  -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box
 }
.bod-box .desc h4
 {
  margin:0;position:relative;bottom:0;font-size:20px;line-height:25px;color: #fff;
  font-weight: 700;
 }
.bod-box .desc h4 span
{
	 font-size: 15px;line-height: 18px; display: block;
	 
}
.bod-box:hover .desc h4
 {
  bottom:15px
 }
.bod-box .desc .subtitle
 {
  display:inline-block;position:relative;bottom:0;line-height:normal;
  letter-spacing:1px;padding:6px 15px;margin:15px 0px 26px; font-size:14px;
  -webkit-border-radius:3px;border-radius:15px;background-color: #ee2f25;color:#fff;
 }
.bod-box:hover .desc .subtitle
 {
  bottom:15px
 }
.bod-box .desc .line
 {
  height:1px;width:45%;margin:0 auto;background:#fff;overflow:hidden;display:block
 }
.bod-box:hover .desc .line
 {
  width:65%
 }
.bod-box a:after, .bod-box .desc .subtitle, 
.bod-box .desc .line, .bod-box .desc h4
{
  -webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out
}
.bod-popup h4
{
	margin-bottom:2px;font-weight: 700;
}
.bod-popup h5
{
	font-size: 16px;
    line-height: 20px;
    margin-bottom: 4px;
	font-weight: 700;color: #2d2d2d;
}
.bod-popup .directors-img
{
	margin-bottom:25px;
}
.bod-popup p, .bod-popup ul
{
  font-size:14px;margin-bottom:16px;
}
.fx-fadeIn {
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fx-fadeIn;
  animation-name: fx-fadeIn;
}
@-webkit-keyframes fx-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fx-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fx-fadeInDown {
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fx-fadeInDown;
  animation-name: fx-fadeInDown;
}
@-webkit-keyframes fx-fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fx-fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fx-fadeOut {
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fx-fadeOut;
  animation-name: fx-fadeOut;
}
@-webkit-keyframes fx-fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fx-fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.pdfbox-wrapper
{
  margin-bottom: 30px;	
}
.pdfbox-wrapper a {
    
    text-align: center; 
    position: relative;
    height: 100%;
    padding: 65px 20px;
    display: table;
    width: 100%;
    min-height: 200px;       
    color: #fff;
	background-image:url(../images/pdfbox-bg.jpg);
	background-repeat:no-repeat;background-size:cover;
	border-radius:10px;overflow:hidden;background-position: center bottom;
}
/*.sr2019
{
	background-image:url(../images/sr2019-bg.jpg) !important;
}*/
.sr2019:before, .pdfbox-wrapper a:before {
    position: absolute;
    content: " ";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 0;
    background-color: rgba(0,0,0,0.88);border-radius:10px;
}
.pdfbox-wrapper a:before, .pdfbox-wrapper a:after {
   /* content: "";
    position: absolute;
    z-index: -2;*/
}
.pdfbox-wrapper .reports-innerbox {
    display: table-cell;
    vertical-align: middle;position:relative;
	transform: scale(1);
    transition: all .5s ease-in-out;
}
.pdfbox-wrapper a:hover .reports-innerbox {
    transform: scale(1.12);
}
.pdfbox-wrapper h4 {
    padding: 0px;
    margin: 0px 0px 34px 0px;
    line-height: 30px;
    font-size: 20px;
    font-weight: 500;    
}
.pdfbox-wrapper .icon_wrapper {
    display: inline-block;
    border-width: 2px;
    border-style: solid;
    width: 45px;
    height: 45px;
    line-height: 42px;
    font-size: 20px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}


.fullwdith-box
{
	padding: 0px 6%;height: 100%;font-size: 15px;
    line-height: 20px;
}
.fullwdith-box .mcb-wrap-inner
{
	padding: 40px 0px;
}
.fullwdith-box .mcb-wrap-inner h4 {
    font-size: 20px;    
    margin-bottom: 2px;
    font-weight: 600;
    color: #676767;
}
.fullwdith-box p:last-child {
    margin-bottom: 0px;
}
.wss-bg
{
	background-image: url(../images/water-supply-services.jpg);
}
.wss-bg2
{
	background-image: url(../images/water-supply-services02.jpg);
}
.sustainability-bg
{
	background-image: url(../images/sustainability-overview.jpg);    
}
.wwt-bg
{
	background-image: url(../images/water-treatment.jpg);
}
.wwt2-bg
{
	background-image: url(../images/water-treatment2.jpg);
}
.nrw-bg
{
	background-image: url(../images/non-revenue-water.jpg);
	height: 600px !important;
	
}
.ph-bg {
    background-image: url(../images/ph-bg.jpg);
}
.bh-bg {
    background-image: url(../images/bh-bg.jpg);
}
.clean-energy-bg
{
	background-image: url(../images/clean-energy.jpg);
	background-position: center top !important;
	
}
.bh-clean-energy-bg
{
	background-image: url(../images/bh-clean-energy.jpg);
	background-position: center top !important;
	
}
.environment-bg
{
	background-image: url(../images/environment.jpg);
	
}	
.energy-bg
{
	background-image: url(../images/energy-bg.jpg);
}

.international-bg
{
	background-image: url(../images/international-divisions.jpg);
	height:630px !important;
}
.environment-bg,.energy-bg, .international-bg
{
	position:relative;
}
.environment-bg:after,.energy-bg:after, .international-bg:after
{
	position: absolute;
    content: " ";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 0;
    background-color: rgba(0,0,0,0.35);
}	
.icon-overlay .mcb-wrap-inner img
{
	background-color: rgba(255,255,255,0.7);
    padding: 40px;
    border-radius: 50%;
	margin: 0 auto;
    display: block;
}		
.icon-overlay .mcb-wrap-inner {
      
    position: relative;
    z-index: 999;
}	
.careers
{
 background-image: url(../images/careers-next.jpg);	
}
.careers-internship
{
	background-image: url(../images/career-internship.jpg);
}
 .worley-bg
{
	background-image: url(../images/worley-bg.jpg);
}
.senaidesaru-bg
{
	background-image: url(../images/senaidesaru-bg.jpg);
}
 .rps-bg
{
	background-image: url(../images/rps-bg.jpg);
}
.bersekutu-bg
{
	background-image: url(../images/bersekutu-bg.jpg);
}
 .ourbusinesses-bg
{
	background-image: url(../images/businesses-overview.jpg);
}
/*.rws-bg1
{
  background-image: url(../images/rws-bg1.jpg);
}
.rws-bg2
{
  background-image: url(../images/rws-bg2.jpg);
}
.rws-bg3
{
  background-image: url(../images/rws-bg3.jpg);
}
.rws-bg4
{
  background-image: url(../images/rws-bg4.jpg);
}
.rws-bg5
{
  background-image: url(../images/rws-bg5.jpg);
}
.rws-bg1, .rws-bg2, .rws-bg3, .rws-bg4, .rws-bg5
{
	 background-repeat: no-repeat;
    background-position: center center;
    min-height: 200px;background-size: cover;
	height: 100%;
}*/
.sustainability-bg, .wss-bg, .wss-bg2, .wwt-bg, .nrw-bg, .careers-internship, .careers, .ph-bg, .clean-energy-bg,
.environment-bg, .energy-bg, .international-bg, .ourbusinesses-bg, .wwt2-bg, .worley-bg, .rps-bg, .senaidesaru-bg,
.bersekutu-bg, .bh-bg, .bh-clean-energy-bg
{
	
    background-repeat: no-repeat;
    background-position: center bottom;
    min-height: 500px;background-size: cover;
	height: 100%;
}
.mcb-wrap-inner
{
	top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
	position: relative;
    float: left;
    width: 100%;
}

.services-table {
    width: 99%;   
    border-collapse: collapse;
    border-spacing: 0;
    -webkit-border-radius: 5px;
    border-radius: 5px;margin-top:10px;
}
.services-table thead
{
	background-color:#444;color:#fff;
	border-top-left-radius:40px;   
   font-size:15px;line-height:18px;
    font-weight: 600;
}
.services-table thead th:first-child
{
  border-top-left-radius:20px;border-width: 0px;
}
.services-table thead th:last-child
{
  border-top-right-radius:20px;border-width: 0px; 
}
.services-table th, table td {
    padding:15px 12px;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    vertical-align: middle;
    border-color: rgba(0,0,0,.03);
}
.services-table tbody tr:nth-child(even) {
    background-color: rgba(249,249,249,0.9);
}
.services-table td a
{
	width: 32px;margin:0 auto;
    height: 32px;border-radius:50%;
    line-height: 32px;border:1px solid #d58156;
    display: block;font-size:15px;color:#d58156;
	margin-bottom:8px;
}


.contactus-info p
{
	font-size: 15px;color: #757575;
	text-align: left !important;
}
.contactus-info p span
{
	color: #676767;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 2px;
}

.contactus-info p span:first-child
{
	display: block;
}
.contactus-info hr
{
	background-color: #ececec !important;
}
.projects-wrapper
{
	
	background: url(../images/banner-01.jpg) no-repeat center;
	background-size: cover;padding: 100px 0px;
	color: #fff;
}

/**************News*****************/
.news-wrapper {
    display: table;height:100%;min-height:95px;width:100%;
	width: 80%;margin: 0 auto; margin-bottom: 30px;
}
.date-wrapper
{
	display: inline-block;
    width: 14%;
    background-color: #f5b211;
    display: table-cell;
    color: #fff;
    text-align: center;    
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;letter-spacing:0px; 
    vertical-align: middle;height:100%; font-size:16px;
	background: url(../images/announcement.png) no-repeat center;
	background-size: cover;
	position: relative;
}
.date-wrapper div
{
	z-index: 999;position: relative;font-size: 18px;line-height: 22px;
}
.date-wrapper i
{
	font-size: 24px;line-height: 30px;
}
.date-wrapper:after {
    position: absolute;
    content: " ";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 0;
    background-color: rgba(236,77,66,0.96);
	border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}
.date-wrapper span
{
	display:block;
}
.news-wrapper .news-right
{
	margin-bottom: 0px;
    display: inline-block;   
    vertical-align: middle;   
    background-color: #f5f5f5; display:table-cell;
    padding: 22px 20px;  height:100%;text-align:left;
	background-image: linear-gradient(#f7f7f7, rgba(253,184,18,0.06));
}
.news-wrapper .news-right p
{
	margin-bottom:0px;
	overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
}
.news-right h4 {
   
    font-weight: 600;
    margin-bottom: 12px;color: #676767;
	font-size: 22px;line-height: 26px;
}
.news-wrapper .news-right a
{
	margin-top:10px; display:block;
}


/* how_it_works */

.how_it_works{text-align:center;position:relative}
.how_it_works.has_border:after{content:"";display:block;width:12%;height:4px;background:rgba(0,0,0,.03);-webkit-border-radius:2px;border-radius:2px;position:absolute;right:-10.5%;top:100px}
.how_it_works .image{width:180px;height:180px;line-height:180px;text-align:center;position:relative;margin:0 auto 15px;background:#fff;border-width:2px;border-style:solid;border-radius:100%}
.how_it_works .image img{max-width:105px!important;max-height:105px!important;vertical-align:middle}
.how_it_works .image .number{position:absolute;right:15px;bottom:11px;width:30px;height:30px;line-height:30px;font-size:12px;text-align:center;border-radius:100%;-webkit-box-shadow:inset 0 0 0 2px rgba(0,0,0,.1);box-shadow:inset 0 0 0 2px rgba(0,0,0,.1)}
.how_it_works .image .number {
    background: #ee2f25;color: #fff;
}
.how_it_works .image
{
	border-color: rgba(0,0,0,.08);
}
.how_it_works .image i
{
	vertical-align: middle;
}
.how_it_works h4
{
	font-weight: 600;
}
.keybusiness {
    background-color: #f8f8f8;
    padding: 40px 0px;
    margin-bottom: 30px;
}

/*********Corporate Milestones***************/
.milestones-wrapper
{
	position: relative;
}
.milestones-box
{
	background-image: url(../images/milestones-bg1.jpg);
    height: 600px;
    background-position: 50% 20.1px;
	display: block;
    position: relative;
    width: 100%;
	background-color: transparent;
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat;
    overflow: hidden;
	margin-bottom: 0 !important;
	background-size: cover;
}
.milestones-box .entry-overlay-meta {
    padding: 18px 20px;
    font-size: 14px;
    text-align: left;
    right: 38px;
    bottom: 45px;
    width: 420px;
    height: auto;
    line-height: inherit;
    background-color: rgba(0,0,0,0.7);
    border-radius: 3px;
	color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    z-index: 5;
	position: absolute;
    top: auto;
}
.milestones-box .entry-overlay-meta h2 {
    font-size: 20px;
    text-transform: uppercase;
    border-bottom: 1px dashed rgba(255,255,255,0.2);
    padding-bottom: 17px;color: #fff;margin-bottom: 28px;
}
.milestones-box.overlay-left .entry-overlay-meta {
    left: 38px;
}
/**************Press releases**********/
#posts {
    position: relative;
}
.entry {
    position: relative;
    margin: 0 0 50px;
    padding: 25px 10px;
    background-color: #ededed;
    border-bottom: 3px solid #e9e9e9;
	border-radius:2px;box-shadow: rgba(0, 0, 0, 0.42) 0px 23px 19px -20px;
}
.entry-image
{
	/*float: left;
    width: 300px;
    margin: 0 30px 0 0;*/
	display: block;
    position: relative;
	height: auto;
	background-color: rgba(0,0,0,0.8);
    height: 100%;min-height:150px;
	background-image:url(../images/newsroom-bg.jpg);background-size: cover;
	border-radius:2px;
}
.entry-image a
{
	display: block;
    position: relative;
    width: 100%;
    height: auto;
}
.entry-image img
{
	display: block;
    position: relative;
    width: 100%;
    height: auto;
	border-radius: 0;
}
.entry-date
{
	position: absolute;    
    background-color: rgba(238,47,37,0.45);
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    width: 65px;
    height: 69px;
    text-align: center;
    padding-top: 10px;
    font-size: 26px;
    line-height: 1;border-radius:2px;
	position:absolute;
	top: 50%;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	margin-top: -32px;border-radius:6px;
}
.entry-date span
{
	display: block;
    font-size: 15px;
    margin-top: 3px;
}
.entry-c
{
	position: relative;
    overflow: hidden;padding: 5px 0;
}
.entry-title h2 {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;line-height: 30px;color: #333;
    
}
.entry-title h2 a {
    color: #333;
}
.entry-meta {
    margin: 10px -10px -15px 0;
    list-style: none;
	padding-left: 0px;
}
.entry-meta li {
    float: left;
    font-size: 13px;
    line-height: 14px;
    margin: 0 10px 15px 0;
    color: #666;    
    
}
.entry-meta li:last-child:before {
    content: '/';
    display: inline-block;
    margin-right: 10px;
    opacity: 0.5;
}
.entry-meta li a {
    color: #939598;
}
.entry-meta li i {
    position: relative;
    top: 1px;
    font-size: 14px;
    margin-right: 3px;
}
.label-year {
    background-color: #777;
    padding: 2px 10px;
    border-radius: 3px;
    color: #fff;
}
#posts .entry-content {
    margin-top: 30px;
}

@media (min-width: 1200px) 
{
	

}

@media (min-width: 992px) 
{  
	.ir-overlap
	{
		margin-top:-100px !important;
		position:relative;
	}
	#pagebanner h1, .fw_al_007_slide h1
	{
		margin-top: 40px !important;
	}
	#content-wrapper p
    {
	text-align: justify;
    }
  }
@media (min-width: 768px) and (max-width: 991px) 
{
	.banner-heading, .font-el, #pagebanner h1, .fw_al_007_slide h1
	{
		font-size:45px;
		line-height:50px;
	}
	h2
	{
		font-size:28px;line-height:32px;
	}
	h3
	{
		font-size:22px;line-height:26px;
	}
	h4, .bod-popup h4
	{
		font-size:19px !important;line-height:24px !important;
	}
	
}
@media (min-width: 768px) 
{  
  #FTSE-wrapper
  {
	  margin-top:-100px;
  }
  .hr-mobile
  {
	  display:none;
  }
  .row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
	
}
@media (min-width: 576px) and (max-width: 767px) 
{
	
}
@media (min-width: 576px) 
{ 
	
}


@media (max-width: 1199px) 
{  

}
@media (max-width: 991px) 
{
  	
}
@media (max-width: 767px) 
{  
	.footer-menu .col-6:first-child, .footer-menu .col-6:nth-child(2)
	{
    	margin-bottom: 20px;
	}	
	.entry-image
	{
		float: none !important;
        width: 100% !important;
        margin: 0 0 20px !important;
	}
	.banner-heading, .font-el, #pagebanner h1, .fw_al_007_slide h1
	{
		font-size:40px;
		line-height:45px;
	}
	h2
	{
		font-size:32px;line-height:36px;
	}
	h3
	{
		font-size:24px;line-height:28px;
	}
	h4, .bod-popup h4
	{
		font-size:20px !important;line-height:24px !important;
	}
	#solutions-wrapper h6
	{
		
	}
	.how_it_works.has_border:after
	{
		display:none;
	}
	.feature_box .feature_box_wrapper .photo_wrapper, .feature_box .feature_box_wrapper .desc_wrapper
	{
		width:100%;
	}
	.feature_box .feature_box_wrapper .desc_wrapper
	{
		padding:25px 0px 0px 0px !important;
	}
	#cg-wrapper
	{
		margin-top:40px;
	}
	.contactus-info
	{
		margin-bottom:40px;
	}
	.sustainability-bg, .wss-bg, .wss-bg2, .wwt-bg, .nrw-bg, .careers-internship, .careers, .ph-bg, .clean-energy-bg,
	.environment-bg, .energy-bg, .international-bg, .bh-clean-energy-bg
	{
	  height:400px !important; margin-bottom:25px;
	}	
	.wss-bg2, .careers-internship
	{
		margin:25px 0px 0px;
	}
	.hr-mobile
	{
	border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
    margin: 35px 0px;
	}
	.carousel-inner p
	{
		font-size:20px; line-height:25px;
	}
}
@media (max-width: 575px) 
{  
	.footer-header .text-right
	{
		text-align: center !important;
	}
	.call_to_action .call_left, .call_to_action .call_center, .call_to_action .call_right {
    	display: block;
    	width: 100%;
	}
	.call_to_action .call_left, .call_to_action .call_center {
       margin-bottom: 20px;
	}
	.banner-heading, .font-el, #pagebanner h1, .fw_al_007_slide h1
	{
		font-size:30px;
		line-height:35px;
	}
	h2
	{
		font-size:26px;line-height:32px;
	}
	h3
	{
		font-size:22px;line-height:28px;
	}
	h4, .bod-popup h4
	{
		font-size:18px !important;line-height:23px !important;
	}
	footer h5, h5
	{
		font-size:16px;line-height:22px;
	}
	.footer-menu ul a
	{
		font-size:14px;
	}
	.carousel-inner p
	{
		    font-size: 16px;line-height: 22px;width: 88%;
	}
	body
	{
		letter-spacing:1px;
	}
	
	
}
@media (max-width: 400px) 
{ 
	.footer-menu .col-6
	{
		width: 100%;
    	max-width: 100%;
    	flex: none;    
    	margin-bottom: 20px;
	}
	.banner-heading, .font-el, #pagebanner h1, .fw_al_007_slide h1
	{
		font-size:25px;
		line-height:30px;
	}
	h2
	{
		font-size:22px;line-height:26px;
	}
	h3
	{
		font-size:18px;line-height:22px;
	}
	h4, .bod-popup h4
	{
		font-size:16px !important;line-height:20px !important;
	}
	.sustainability-bg, .wss-bg, .wss-bg2, .wwt-bg, .nrw-bg, .careers-internship, .careers, .ph-bg, .clean-energy-bg,
	.environment-bg, .energy-bg, .international-bg, .bh-clean-energy-bg
	{
	  height:350px !important;
	}
	.milestones-box
	{
		height:auto; padding: 60px 25px;
	}
	.milestones-box .entry-overlay-meta, .milestones-box.overlay-left .entry-overlay-meta
	{
		top:0;		
		right:0;
		left:0;
		 width:auto;
		position:static;
	}
	
}