@charset "utf-8";

/* CSS Document */

* {

	margin: 0;

	padding: 0;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-o-box-sizing: border-box;

	box-sizing: border-box;

}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, section {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

}

ul {

	list-style: none;

}

a {

	display: block;

	-webkit-transition: all .5s ease-in-out;

	-moz-transition: all .5s ease-in-out;

	-o-transition: all .5s ease-in-out;

	transition: all .5s ease-in-out;

}

button{

	-webkit-transition: all .5s ease-in-out;

	-moz-transition: all .5s ease-in-out;

	-o-transition: all .5s ease-in-out;

	transition: all .5s ease-in-out;

	cursor:pointer;

	}

a, a:hover, a:focus {

	outline: none;

	text-decoration: none;

}

body {

	margin: 0px;

	padding: 0px;

	-webkit-font-smoothing: antialiased;

	font-family:'Gotham-Book';

	font-size: 14px;

    font-style: normal;

	line-height: 20px;

	color: #333333;

	background: #f9f9fb;

	/*-webkit-transition: all .5s ease-in-out;

	-moz-transition: all .5s ease-in-out;

	-o-transition: all .5s ease-in-out;

	transition: all .5s ease-in-out;*/

}







.clear {

	clear: both;

	margin: 0px;

	padding: 0px;

	border: 0px;

	height: 0px;

	font-size: 0px;

}

h1 {

	clear: both;

	color: #333;

	font-size: 40px;

	line-height: 40px;

	padding: 0;

	font-family:'Gotham-Bold';

}

h2 {

	color: #333333;

	font-size: 22px;

	line-height: 24px;

	padding:0 0 10px;

	font-family:'Gotham-Bold';

}

h3 {

	color: #333333;

	font-size: 18px;

	line-height: 18px;

	padding:0 0 10px;

	font-family:'Gotham-Bold';

}

h4 {

	color: #333333;

	font-size: 16px;

	line-height: 20px;

	padding-bottom: 10px;

	text-align: left;

	font-family:'Gotham-Bold';

}

h5 {

	color: #333333;

	font-size: 14px;

	line-height: 14px;

	padding-bottom: 15px;

	font-family:'Gotham-Bold';

}

h6 {

	color: #333333;

	font-size: 14px;

	line-height: 14px;

	padding-bottom: 10px;

	font-family:'Gotham-Bold';

	

}

.relative {

	position: relative;

}



.deepGrayBg{

	background:#616161;

	}

.blackBg{

	background:#0b0b0a;

	}

.blackBg2{

	background:#0a0c0e;

	display:none

	}		

	

.radius2 {

-moz- border-radius:2px;

-ms- border-radius:2px;

-o- border-radius:2px;

-webkit- border-radius:2px;

	border-radius: 2px;

}

.radius3 {

-moz- border-radius:3px;

-ms- border-radius:3px;

-o- border-radius:3px;

-webkit- border-radius:3px;

	border-radius: 3px;

}

.radius5 {

-moz- border-radius:5px;

-ms- border-radius:5px;

-o- border-radius:5px;

-webkit- border-radius:5px;

	border-radius: 5px;

}

.radius6 {

-moz- border-radius:6px;

-ms- border-radius:6px;

-o- border-radius:6px;

-webkit- border-radius:6px;

	border-radius: 6px;

}

.SideLradius3 {

-moz- border-radius:3px 0 0 3px;

-ms- border-radius:3px 0 0 3px;

-o- border-radius:3px 0 0 3px;

-webkit- border-radius:3px 0 0 3px;

	border-radius: 3px 0 0 3px;

}

.SideRradius3 {

-moz- border-radius:0px 3px 3px 0px;

-ms- border-radius:0px 3px 3px 0px;

-o- border-radius:0px 3px 3px 0px;

-webkit- border-radius:0px 3px 3px 0px;

	border-radius: 0px 3px 3px 0px;

}

.downRradius3 {

-moz- border-radius:0px 0 3px 3px;

-ms- border-radius:0px 0 3px 3px;

-o- border-radius:0px 0 3px 3px;

-webkit- border-radius:0px 0 3px 3px;

	border-radius: 0px 0 3px 3px;

}

.radius10 {

-moz- border-radius:10px;

-ms- border-radius:10px;

-o- border-radius:10px;

-webkit- border-radius:10px;

	border-radius: 10px;

}

.fullradius {

-moz- border-radius:100%;

-ms- border-radius:100%;

-o- border-radius:100%;

-webkit- border-radius:100%;

	border-radius: 100%;

}

.gap_115 {

	height: 115px;

}

.gap_150 {

	height: 150px;

}

.gap_90 {

	height: 90px;

}

.gap_55 {

	height: 55px;

}

.gap_35 {

	height: 35px;

}

.no-padding{

	padding:0 !important;

	}

.no-margin{

	margin:0 !important;

	}	

.pad_10-20 {

	padding: 10px 20px;

}

.padding_60_20 {

	padding: 0 20px 0 60px

}

.padding_20_60 {

	padding: 0 60px 0 20px

}

.padding_33_30 {

	padding: 0 33px 0 30px;

}

.pad_30 {

	padding: 30px;

}

.padding_60_30 {

	padding: 0 30px 25px 60px

}

.padding_15_30 {

	padding: 0 30px 25px 15px;

}

.pad_0_31 {

	padding: 0 31px

}

.pad_0_30_0 {

	padding: 0 30px 0 0

}

.pad_15_hor {

	padding: 0 15px;

}

.pad_10_hor {

	padding: 0 10px;

}

.pad_20_hor {

	padding: 0 20px;

}

.pad_30_hor {

	padding: 0 30px;

}

.pad_30_ver {

	padding: 30px 0;

}

.pad-v20 {

	padding: 20px 0 !important;

}

.pad-v15 {

	padding: 15px 0;

}

.pad-v15-30 {

	padding: 15px 0 30px;

}

.pad-20-10{

	padding:20px 10px;

	}

.pad_0_30_0_80 {

	padding: 0 30px 80px 30px;

}

.pad_0_15_0_30 {

	padding: 0 15px 30px 15px;

}

.p-b-10{

	padding-bottom:10px !important;

	}

.p-l-10{

	padding-left:10px;

	}

.p-r-10{

	padding-right:10px;

	}

.p-r-30{

	padding-right:30px !important;

	}			

.p-b-20{

	padding-bottom:20px;

	}

	

.p-b-40{

	padding-bottom:40px;

	}

.p-v-40-60{

	padding:40px 0 60px;

	}				

.m-t-40 {

	margin-top: 40px !important;

}

.m-t-55 {

	margin-top: 55px;

}

.m-t-60 {

	margin-top: 60px;

}

.m-t-80 {

	margin-top: 80px;

}

.m-l-246{

	margin-left:246px;

	overflow-x:hidden;

	/*position:absolute;

	top:0;

	left:0;*/

	/*width:100%;*/

	

	}

.m-v15-40{

	margin:15px 0 40px}	

/*.m-l-246 *{

	font-size:3vw !important}*/	

.pad_25-0 {

	padding: 25px 0;

}

.pad_20-0 {

	padding: 20px 0;

}

.pad_15-0 {

	padding: 15px 0;

}

.pad_20 {

	padding: 20px;

}

.m-l-15{

	margin-left:15px;

	}

.m-l-10{

	margin-left:10px;

	}

.p-l-30{

	padding-left:30px;

	}

.p-l-40{

	padding-left:40px;

	}	

.m-r-15{

	margin-right:15px;

	}

.m-r-10{

	margin-right:10px;

	}		

.m-t-30 {

	margin-top: 30px !important;

}

.m-t-20 {

	margin-top: 20px !important;

}

.m-t-10 {

	margin-top: 10px !important;

}

.m-t-15 {

	margin-top: 15px !important;

}

.m-t-5 {

	margin-top: 5px !important;

}

.m-b-20 {

	margin-bottom: 20px !important;

}

.m-b-30 {

	margin-bottom: 30px !important;

}

.dt-sc-margin55 {

	margin: 25px 0 30px;

}



.uc{

	text-transform:uppercase}



.text-center {

	text-align: center;

}



section, .full {

	float: left;

	width: 100%;

}



.full h4{

	height: 30px;

}



.autoWidLeft{

	width:auto;

	float:left;

	}

.autoWidRight{

	width:auto;

	float:right;

	}	

/*section {

	padding:30px 0 0;

	}*/

.imgContainer{

	float:left;

	width:100%;

	

	}	

	

.link-showDescription_1 > .imgContainer{

	max-height: 300px;

	min-height: 130px;	

}

.imgContainer img{

	display:block;

	width:100%;

	}



.topHeader{

	background:#292929;

	position:relative;

	z-index:999;

	}

.topHeader p{

	line-height:34px;

	color:#c9c9c9;

	text-transform:uppercase;

	font-size:12px;

	}	

.topHeader .autoWidRight ul li{

	float:left;

	width:auto;

	position:relative;

	font-family: 'proxima_nova_rgbold';

	font-size:12px;

	text-transform:uppercase;

	line-height:34px;

	}	

.topHeader .autoWidRight ul li a{

	color:#dedddd;

	padding:0 14px;

	}

.topHeader .autoWidRight ul li:last-child a{

	padding-right:0;	

}

.topHeader .autoWidRight ul li a:hover{

	color:#EE203A;

	}	

	

	

header	{

	float:left;

	width:100%;

	background:rgba(255,255,255,1);

	padding:20px 0;

	-webkit-transition: all .5s ease-in-out;

	-moz-transition: all .5s ease-in-out;

	-o-transition: all .5s ease-in-out;

	transition: all .5s ease-in-out;

	top:-50px;

	}

.sticky{

	position:fixed;

	top:0;

	z-index:99;

	-webkit-transition: all .5s ease-in-out;

	-moz-transition: all .5s ease-in-out;

	-o-transition: all .5s ease-in-out;

	transition: all .5s ease-in-out;

	background:rgba(255,255,255,1);

	padding:10px 0;

}

.sticky	.logo {

  width: 90px;

}

.sticky .navigation {

    margin-top: 10px;

}

	

.logo{

	float:left;

	width:auto;

	padding-right:20px;

	}

.navigation{

	margin-top:20px;

	}	

	

nav{

	float:right;

	width:auto;

	position:relative;

	z-index:99;

	}

nav ul li{

	float:left;

	width:auto;

	}

nav ul li a{

	padding:12px 13px;

	font-size:13px;

	text-transform:uppercase;

	color:#333333;

	font-family:'Gotham-Bold';

	}

nav ul li a:hover{

	color:#000}		





.banner img {

	width:100%;

	display:block;

	position:relative

	}

	

.slogan {

  left: 0;

  margin: -30px auto 0;

  max-width: 1100px;

  position: absolute;

  right: 0;

  text-align: center;

  top: 50%;

  width: 100%;

}



.slogan h1 {

	color:#fff;

	font-size:75px;

	text-transform:uppercase;

	line-height:normal;

	text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);

	}

.slogan h4{

	color:#fff;

	font-size:30px;

	line-height:normal;

	text-transform:uppercase;

	font-family: 'proxima_nova_rgbold';

	text-align:center;

	padding-bottom:20px;

	text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);

	}

.banner{

	overflow:hidden;}

/*.banner::after {

  background: #fff;

  bottom: -3px;

  content: "";

  height: 30%;

  left: 0;

  position: absolute;

  -moz-transform: skew(-96deg, 0deg);

  -ms-transform: skew(-96deg, 0deg);

  -o-transform: skew(-96deg, 0deg);

  -webkit-transform: skew(-96deg, 0deg);

  transform: skew(-96deg, 0deg);

  transform-origin: 100% 100% 0;

  -moz-transition: transform 0.4s ease 0.15s;

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

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

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

  transition: transform 0.4s ease 0.15s;

  width: 50%;

}*/



.banner::before {

  background: #ffcc00;

  bottom: -1px;

  content: "";

  height: 78%;

  right: 0;

  position: absolute;

  -moz-transform: skew(153deg, 0deg);

  -ms-transform: skew(153deg, 0deg);

  -o-transform: skew(153deg, 0deg);

  -webkit-transform: skew(153deg, 0deg);

  transform: skew(153deg, 0deg);

  transform-origin: 100% 100% 0;

  -moz-transition: transform 0.4s ease 0.15s;

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

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

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

  transition: transform 0.4s ease 0.15s;

  width: 17%;

  z-index:1

}

.flex-caption{

	padding: 20px 30px 20px 0px!important;

}

.flex-caption h1{

	color:#fff;

	font-size:48px;

	font-family:'Gotham-Black';

	text-transform:uppercase;

	line-height:55px;

	}

.flex-caption p{

	color:#fff;

	font-size:18px;

	font-family:'Gotham-Bold';

	line-height:32px;

	margin-top: 10px;

	}

.flex-caption a{

	display:block;

	float:left;

	width:auto;

	border:#fff 2px solid;

	padding:0 36px;

	line-height:42px;

	margin-top:30px;

	color:#fff;

	font-size:14px;

	text-transform:uppercase;

	font-family:'Gotham-Bold';

	}

.flex-caption a:hover{

	background:#fcb914;

	border-color:#fcb914;

	}			



.welcomeTop{

	overflow:hidden;

	float:left;

	width:100%;

	position:relative;

	padding:63px 0 55px;

	background:#666666;

	}



.welcomeTop:before {

  background: #fff;

  bottom: 0px;

  content: "";

  height: 100%;

  right: 0;

  position: absolute;

  -moz-transform: skew(152deg, 0deg);

  -ms-transform: skew(152deg, 0deg);

  -o-transform: skew(152deg, 0deg);

  -webkit-transform: skew(152deg, 0deg);

  transform: skew(152deg, 0deg);

  transform-origin: 100% 100% 0;

  -moz-transition: transform 0.4s ease 0.15s;

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

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

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

  transition: transform 0.4s ease 0.15s;

  width: 24.65%;

  z-index:1

}

.welcomeTopInner{

	float:left;

	width:100%;

	max-width:750px;

	}

.welcomeTopInner h2 , .welcomeTopInner p{

	color:#fff;

	}



.welcomeTopInner a {

  color: #ffcc00;

  float: left;

  margin-top: 15px;

  width: auto;

}



.welcomeBottomInner .imgContainerBottom h3 a{

	color: #333333;

	}

.welcomeBottomInner .imgContainerBottom h3 a:hover{

	color: #fcb814;

	}

.welcomeBottomInner	.imgContainerBottom	p span {

	float:left;

	width:auto;

	margin:0 15px 20px 0;}



.titleArea{

	width:100%;

	max-width:780px;

	margin:0 auto;

	display:table;

	padding:0 15px

	}



.pad-v-95-100{

	padding:95px 0 100px;

	}

.asianJointventure{

	background:#dddddd;

	padding:47px 0 60px;

	}



.asianJointventureInner h2{

	font-family:'Gotham-Book';

	color:#656565;

	font-size:16px;

	}



.keppelImg{

	display:block;

	margin:30px auto 0;

	width:100%;

	max-width:412px;

	}

.keppelImg img{

	width:100%;

	display:block;

	}



.banner.about::before {

  height: 100%;

  width: 10%;

}	

.brateCamArea{

	overflow:hidden;

	float:left;

	width:100%;

	position:relative;

	padding:14px 0;

	background:#666666;

	}



.brateCamArea:before {

  background: #fff;

  bottom: 0px;

  content: "";

  height: 100%;

  right: 0;

  position: absolute;

  -moz-transform: skew(154deg, 0deg));

  -ms-transform: skew(154deg, 0deg);

  -o-transform: skew(154deg, 0deg);

  -webkit-transform: skew(154deg, 0deg);

  transform: skew(154deg, 0deg);

  transform-origin: 100% 100% 0;

  -moz-transition: transform 0.4s ease 0.15s;

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

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

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

  transition: transform 0.4s ease 0.15s;

  width: 11.44%;

  z-index:1

}



.brateCam ul li {

  color: #fff;

  float: left;

  margin-right: 8px;

  width: auto;

}

.brateCam ul li a {

  color: #fff;

  display: inline-block;

  padding-right: 3px;

}





.welcomeBottom .containtArea span{

	display:block;

	color:#222;

	font-family:'Gotham-Bold';

	}

.pad-v60{

	padding:60px 0;

	}

.pad-v50{

	padding:50px 0;

	}	

	

.pad-v-60-100{

	padding:60px 0 30px;

	}	

.bannerCaption{

	position:absolute;

	top:50%;

	left:14.3%;

	color: #fff;

    font-family: "Gotham-Black";

    font-size: 48px;

    line-height: 55px;

    text-transform: uppercase;

	width: auto;

	margin-top:-27px;

	}





.services .row{

	margin:0 -5px;

	}

.servicesInner [class*=col-] {

	padding-right: 5px;

	padding-left: 5px;

	min-height:542px;

}



.pad-20-0-20-10{

	padding:20px 0 20px 10px;

	}



.services .imgContainerBottom {

  font-size: 13px;

  line-height: 24px;

}



.imgContainerBottom h4 a{

	color:#333;

	}

.imgContainerBottom h4 a:hover{

	color:#fcb914;

	}	



.needService{

	background:url(../images/services/need-bg.jpg) top center no-repeat;

	 -moz-background-size: cover;

 -ms-background-size: cover;

 -o-background-size: cover;

 -webkit-background-size: cover;

 background-size: cover;

 padding:46px 0 45px;

 }

 

.needServiceInner{

	display:table;

	margin:0 auto;

	max-width: 574px;

	padding:0 20px;

	color:#fff;

	font-size:16px;

	line-height:26px;

	} 



.needServiceInner h2{

	color:#fff;

	font-size:28px;

	}

.needServiceInner a{

	display:inline-block;

	border: 2px solid #fff;

	color: #fff;

	line-height: 36px;

	margin-top: 22px;

	padding: 0 40px;

	text-transform:uppercase;

	font-size:13px;

	font-family:'Gotham-Bold';

	}



.needServiceInner a:hover {

	background:#fcb815;

	border-color:#fcb815;

}



.asianHercules{

	padding:45px 0 60px;

	background:#e4e4e4;

	}



.downloadBrochure{

	background:#ffcc00;

	margin-top:10px;

	}

.downloadBrochure h5 {

	padding:0}



.downloadBrochure h5 a{

	padding:15px 10px;

	background:#ffcc00;

	color:#333;

	position:relative;

	overflow:hidden;

	}

.downloadBrochure h5 a i{

	margin-right:5px;

	}

.downloadBrochure h5 a:hover{

	color:#fff;

	background:#333}		

	

.downloadBrochure h5 a:before {

  background: #e4e4e4;

  bottom: -2px;

  content: "";

  height: calc(100% + 14px);

  right: -7px;

  position: absolute;

  -moz-transform: skew(142deg, -0deg);

  -ms-transform: skew(142deg, -0deg);

  -o-transform: skew(142deg, -0deg);

  -webkit-transform: skew(142deg, -0deg);

  transform: skew(142deg, -0deg);

  transform-origin: 100% 100% 0;

  -moz-transition: transform 0.4s ease 0.15s;

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

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

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

  transition: transform 0.4s ease 0.15s;

  width: 12.1%;

  z-index:1

}	



.classAbs ul {

  max-width: 383px;

}

	

.classAbs ul li.inf{

	width:60%;

	}



.classAbs ul li{

	float:left;

	line-height:25px;

	}

.classAbs ul li.val{

	font-family:'Gotham-Bold';

	width:40%;

	}



.liftingcapacities span{

	display:block;

	}

	

.trackRecords{

	background:#666666;

	padding:35px 25px;

	color:#fff;

	}

.trackRecords h4{

	color:#fff;

	font-size:16px;

	padding-bottom:2px;

	}

.liftingcapacities ul li{

	line-height:28px;}		

/*.trackRecords h4 {

  border-bottom: 1px solid #8c8c8c;

  color: #fff;

  font-size: 22px;

  padding-bottom: 9px;

  margin-bottom: 10px;

}	*/	

	

.dlb {

	float:left;

	width:auto;

	margin-top:15px;

	}	



.dlb button{

	border:none;

	background-color:transparent;

	color:#ffcc00;

	font-family:'Gotham-Bold';

	}

.dlb button:hover{

	color:#fff;

	}	

.p-t-60{

	padding-top:60px;

	}

.toxinCross {

  position: absolute;

  right: 0;

  top: -16px;

}

.toxinCross a{

	width:25px;

	height:25px;

	font-size:24px;

	color:#333;

	text-align:center;

	line-height:25px

	}

.toxinCross a:hover{

	color:#fcb914;

	}

.asianHerculesRight h2{

	padding-bottom:3px;

	}	

.asianHerculesRight h4{

	font-family:'Gotham-Book';

	}



.mapCaption {

  background: #fff;

  bottom: 13%;

  display: table;

  left: 17.8%;

  padding: 50px;

  position: absolute;

}

.mapCaption ul{

	margin-top:20px;

	}

.mapCaption ul li{

	line-height:22px;

	}

.mapCaption ul li a{

	display:inline-block;

	color:#ffa200;

	}

.contactContaint ul{

	margin:10px 0 20px 0;

	font-size:13px;

	}

.contactContaint p span{

	display:block;

	margin-top:10px

	}		

.contactContaint ul li{

	line-height:25px;

	}

.contactContaint p a{

	display:inline-block;

	color:#da9c04;

	}		

	

.projects-fullWidth {

	width:100%;

	display:table;

	}	

	

.projectsLeft ,

.projectsRight{

	display:table-cell;

	width:50%;

	vertical-align:top

	}	

	

.padStile-1{

	padding:80px 120px 0 54px;

	}	

.padStile-2{

	padding:80px 54px 0 120px;

	}	

	

	

.flex-control-nav {

  bottom: 3%;

  left: 12%;

  position: absolute;

  right: 0;

  text-align: left;

  width: 120px;

  z-index: 10;

}



.flex-control-nav li a {

  background: transparent none repeat scroll 0 0;

  border: 2px solid #fff;

  border-radius: 50%;

  cursor: pointer;

  display: block;

  height: 12px;

  opacity: 0.8;

  text-indent: -999em;

  width: 12px;

}



.flex-control-nav li a.active {

  border:none;

  border: 2px solid #ffaf03;

}	

	

	

	

	

	

	

	

	

	

	

	

	

			











		



footer{

	float:left;

	width:100%;

	background:#676669;

	padding:40px 0;

	}

footer p{

	color:#dededd;

	margin-bottom:10px

	}			

.fBox{

	float:left;

	padding:0 10px;

	width:100%

	}

.fBox a{

	color:#fff;

	font-family:'Gotham-Bold';

	line-height:21px;

	}	

/*.fBox_logo{

	position:absolute;

	left:0;

	top:0;

	}*/

.fBoxInfo{

	width:100%;

	float:left;

	padding-left:186px;

	}

.fBoxInfo ul{

	float:left;

	width:50%;

	}

.newsletterArea {

	padding-right:92px;

	}				

.input2{

	float:left;

	width:100%;

	border:none;

	background-color:#7a7a7a;

	height:30px;

	padding:0 10px;

	color:#c6c6c6;

	font-size:14px;

	}

.submitBtn{

	float:right;

	padding:4px 15px;

	border:none;

	background:#4c4c4c;

	color:#fff;

	font-size:13px;

	position:absolute;

	top:0;

	right:0;

	width:88px;

	height:30px;

	}

.submitBtn:hover{

	background:#FCB814;

	}	

.fBoxLast{

	width:100%;

	float:right;

	font-size:14px;

	margin-top:32px;

	}

.fBox h4 {

  color: #fff;

  font-family: "Gotham-Bold";

  font-size: 14px;

  text-transform: capitalize;

}		

	





.input3{

	width:100%;

	border:#cbc9c9 1px solid;

	padding:0 10px;

	height:36px;

	}

.input4{

	width:100%;

	border:none;

	padding:0;

	height:36px;

	}

.input5{

	width:100%;

	border:#cbc9c9 1px solid;

	padding:10px 10px;

	height:105px;

	resize:none;

	}		







	

.triangle{

	-webkit-transition: all .5s ease-in-out;

	-moz-transition: all .5s ease-in-out;

	-o-transition: all .5s ease-in-out;

	transition: all .5s ease-in-out;

	}	

	



.triangle::after {

  border-bottom: 15px solid #e4e4e4;

  border-left: 15px solid transparent;

  border-right: 15px solid transparent;

  bottom: 0;

  content: "";

  display: block;

  height: 0;

  left: 0;

  margin: 0 auto;

  position: absolute;

  right: 0;

  width: 0;

}



.banner.about{

	-moz-background-size: cover;

 -ms-background-size: cover;

 -o-background-size: cover;

 -webkit-background-size: cover;

 background-size: cover;

	height:434px;}

	

.aboutBanner {

	background:url(../images/banner/about-bg.jpg) top left no-repeat;

	}

.our-fleet {

	background:url(../images/our-fleet/fleet-bg.jpg) top left no-repeat;

	}

.projectsBann {

	background:url(../images/banner/projects-bg.jpg) top left no-repeat;

	}

	

.servicesBann  {

	background:url(../images/banner/services-bg.jpg) top left no-repeat;

	}					

	

.safetyBann	 {

	background:url(../images/banner/safety-bg.jpg) top left no-repeat;

	}				

	

	

.forMob{

	display:none;

	}	

.mobView{

	display:none;

	}	

	

	

	

	

/* ======== popup ======= */

	

.coverBg 

    {

        background-color:black;

        width:100%;

        height:100%;

      	display:none;

        position:fixed;

		top:0;

    	z-index:5000;

 

    }	

/*.popup{

	width:100%;

	background:rgba(0,0,0,0.6);

	height:100%;

	position:absolute;

	top:0

	}*/

.popupAeea {

  display: none;

  left: 0;

  margin: -50px auto 0;

  max-width: 450px;

  padding: 0 20px;

  position: fixed;

  right: 0;

  text-align: center;

  top: 50%;

  z-index: 6000;

}

.popupAeea h2 {

  font-size: 18px;

  padding: 0;

}

.formfild {

	float:left;

	width:100%;

	position:relative;

	background: #fff none repeat scroll 0 0;

	padding:20px;

	border-radius: 20px;

	}	

/*.close{

	background: #f00 none repeat scroll 0 0;

    border-radius: 50%;

    color: #fff;

    display: block;

    font-size: 20px;

    height: 30px;

    line-height: 30px;

    position: absolute;

    right: -12px;

    text-align: center;

    top: -18px;

    width: 30px;

	}*/	

	

	

	

.active_block{

	display:block !important;

	}

.newsletterArea span {

  background: #fff none repeat scroll 0 0;

  color: #b80000;

  font-size: 11px;

  left: 0;

  padding: 5px;

  position: absolute;

  top: -32px;

  width:100%;

}

#erMsg {

	display:none;

	}				

	

	

/* ======== popup ======= */	



.redborder{ border:#f00 1px solid !important;}



.fBoxInfo.no-padding ul{

	width:100%;

	}