@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/

@font-face {
    font-family: 'open_sansregular';
    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: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansbold';
    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: normal;
    font-style: normal;

}

img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}
body{font-family: 'open_sansregular'; font-size:1em}
a:link {
	color: #df7628;
	text-decoration: none;
	
}
a:visited {
	text-decoration: none;
	color: #df7628;
}
a:hover {
	text-decoration: none;
	color: #000;
}
a:active {
	text-decoration: none;
	color: #df7628;
}
/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
	clear: both;
	
	width: 100%;
	float: left;
	display: block;
	position:relative;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}
* {box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
/* Mobile Layout: 480px and below. */
  
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	
	clear: none;
	float: none;
}
.bodyText a{font-weight:bold; text-decoration:underline}
#div1 {
}
.zeroMargin_mobile {
    margin-left: 0;
}
.hide_mobile {
    display: none;
}
.mainCont{width:100%; max-width:1200px; margin:0 auto;box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box; padding:0 10px }

.logo{width:100%; float:none; max-width:298px; margin:0 auto}
.specialLinks{position:relative; right:0; bottom:0;    width: 100%;text-align: right;height: 50px;}
#specialmenu{height:50px; width:100%; margin:0; padding:0}
#specialmenu li {
	float:right;
	list-style:none;
	width:50%;
	box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
height:50px;
border-right: 1px solid #fff;
text-transform:uppercase;
position:relative;
}
#specialmenu li a {
	float: left;
    text-indent: 26px;
	background-color:#df7628;
	text-align: center;
	 height: 50px;
	color: #fff;
	text-decoration: none;
	font-size:.9em;
	width:100%;
	    line-height: 50px;
		box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.menuIcon{position:absolute; width:30px; height:50px; background:#be590d url(../images/sprite_icons.png); background-position:-5px 7px; background-repeat:no-repeat}
.faqIcon{background-position:-46px 7px;}
.myfooter{width:100%; background-color:#4f4f4f;     height: auto;    font-size: .9em;    float: left;color:#fff;line-height: 40px; padding:0 5px;box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
	.footerCol{width:100%; float:left}
	.footerCol1{width:100%; float:left; text-align:left}
	.footerCol2{width:100%; float:left; text-align:left}
	.text-center{text-align:center}
	.text-right{text-align:right}
	.text-left{text-align:left}
.orange{color:#df7628 !important}
.mainBody{width:100%; float:left;margin-top: -5px;}
.bxslider, .bxslider1, .bxslider2, .bxslider3,  .bxslider-mobile{
    margin: 0 !important;
    padding: 0 !important;
}
.bxslider li, .bxslider1 li, .bxslider2 li, .bxslider3 li, .bxslider-mobile li{display:inline-block; text-align:center}
.bxslider li img,.bxslider1 li img, .bxslider2 li img, .bxslider3 li img, .bxslider-mobile li img{display:inline-block; }
.bannerTextCont{width:100%; max-width:1200px;  position:absolute;  margin:auto;top: 0; left: 0; bottom: 0; right: 0;
}
.textCont{    width: 90%; background:url(../images/trans.png); background-repeat:repeat;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 10px 50px 10px 0;position:absolute;  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);}
.bannerHead{width:100%; float:left; font-size:1em; color:#fff; border-left:4px solid #df7628; text-transform:uppercase;    text-align: left;
    padding-left: 15px;}
.bannerDesc{width:100%; float:left; font-size:.9em; color:#e3e3e2; padding:10px 0 10px 19px; text-align: left; }
.hide-mob{display:none}
.headTopPad{padding-top:30px}
.mainHeads{width:100%; float:left;color:#000; font-size:2em; text-transform:uppercase;font-family: 'open_sansbold';}
.mainsubHead{width:100%; float:left; border-left:8px solid #df7628; padding-left:10px; margin:10px 0; box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;}
.servicesRow{width:100%; float:left;     margin: 10px 0 30px 0;}
.servicesCol{width:100%; float:left; padding:0 10px 0 45px;box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;position:relative; margin:0 0 10px 0 }
	.productCol{width:100%; float:left; padding:0 10px 0 0;box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;position:relative; margin:0 0 10px 0 ;}
	.missionCol{width:100%; float:left; padding:0 10px 0 45px;box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;position:relative; margin:0 0 10px 0 }
	.servicesStrip{position:absolute;top:0; left:0; width:35px; height:100%; background:#eaeaea url(../images/sprite_icons.png); background-position:-79px 0;    background-repeat: no-repeat;}
	.procure{background-position:-114px 0}
	.construct{background-position:-148px 0}
	.mission{background-position:-183px 0}
	.time{background-position:-219px 0}
	.cost{background-position:-260px 0}
	.safe{background-position:-296px 0}
	.clean{background-position:-331px 0}
	.reliable{background-position:-365px 0}
	.easy{background-position:-399px 0}
	.flexible{background-position:-426px 0}
	.faq{background-position:-456px 0}
	.serviceHead{width:100%; float:left;font-size:1.2em}
	.serviceText{width:100%; float:left;font-size:.8em; padding-top:20px}
	.readmore{width:100%; float:left;font-size:.7em; text-align:right; color:#df7628; padding-top:10px}
	.productsCont{ background-color:#4f4f4f}
	.productRow{width:100%; float:left;     padding: 10px 0 0 0;}
	.productCol{width:100%; float:left; padding:0 ;margin:0 0 10px 0;box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;}
.caseCol{width:100%; float:left; padding:0 10px 0 45px;box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;position:relative; margin:0 0 10px 0 }
	.caseStrip{background:none; background-color:#eaeaea}
	.nonweld{width:100%; float:left; position:relative}
	.weldHead{width:100%; float:left; font-size:1.6em;    font-family: 'open_sansbold'; color:#fff;  text-transform:uppercase;    text-align: left;
   }
.weldCont{    width: 90%; 
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 10px 50px 10px 0;position:absolute;  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);}
  .newsCol{width:100%; float:left; padding:0 10px 0 0;box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;position:relative; margin:0 0 45px 0}
	#mynav, .nopad{padding:0}
.innerHead{
    padding: 40px 0 40px 0;
    margin: 0 0 20px 0;
    background-size: cover;
    overflow: hidden;
    position: relative;
    background-color: #f5f5f5;
}
.innerTextHead {
    
    border-left: 8px solid #df7628;
    padding-left: 10px;
        color: #000;
    font-size: 2em;
    text-transform: uppercase;
    font-family: 'open_sansbold';
    margin: 10px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.bodyText{width:100%; float:left;font-size:.9em;line-height: 1.5em;  }
.bodyHead{ width: 100%;float: left;font-size: 1.2em;text-decoration: underline;}
.boxshadow {
	    
	border:0px solid #E0E0E0;
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.05);
}
.productHead{width:100%;float:left;padding:5px 5px 5px 15px;    border-left: 25px solid #eaeaea;box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; text-align:left}
	.productHead a, .sublinks a{color:#df7628}
	.sublinks{padding-top:10px; font-size:.8em; text-transform:uppercase}
.prodDetailHead {
    width: 100%;
    float: left;
    color: #000;
    font-size: 1.2em;
    font-family: 'open_sansbold';
	text-transform:uppercase;
}
.padBottom{margin:0 0 15px 0}
.padTopBottom{margin:15px 0 15px 0}
.prodCol1{width:100%; float:left; padding:0 10px 0 0;box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; text-align:}
.prodCol2{width:100%; float:left; box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;}
.visiblePhone{display:block}
.hidePhone{display:none}
.highliteArea{background-color:#f5f5f5; padding:10px; font-size:.9em;box-sizing: border-box;    -moz-box-sizing: border-box;-webkit-box-sizing: border-box;    border: 1px solid #ccc;}
.prodDCol1{width:100%; float:left;box-sizing: border-box;    -moz-box-sizing: border-box;-webkit-box-sizing: border-box; text-align:center  }
.prodDCol2{width:100%; float:left;box-sizing: border-box;    -moz-box-sizing: border-box;-webkit-box-sizing: border-box; padding:20px 0 0 0px;text-align:center  }
.specialLink1{background-color:#bfd900}
.specialLink2{background-color:#be590d}
.mobileIcon {
        width: 100%;
    float: left;
    position: relative;
    z-index: 40;
    display: block;
    background-color: #333;
    padding: 20px 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	display:block;
}
.menuCont{padding:0}
.navbar{margin:0}
.col-half-offset{
    margin-left:0%;
}
.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: auto;
}
.divBottomPad{padding-bottom:20px}
.prodPad{padding-top:20px}
.thumbnail{border-color:#ccc;}
.subHead{font-size:1.2em; font-weight:bold}
.iconHeads{max-width: fit-content;margin: 0 auto;border-left: 8px solid #df7628;padding-left: 7px;float:none;    text-transform: uppercase;
    font-size: .75em;}
.appIcons{    width: 85px;
    height: 80px;display:block;
    background-image: url(../images/application_icons.png);
    background-repeat: no-repeat;
     margin:0 auto}
     /*Added by Ncode */
     .appIconsSmall{    width: 65px;
        height: 55px;display:block;
        background-image: url(../images/application_icons.png);
        background-repeat: no-repeat;
         margin:0 auto}
              /*Added by Ncode */
.refinery{background-position: 2px -17px;}	
.offshore{background-position: -634px -17px;}
.automotive{background-position: -209px -17px;}
.locomotive{background-position: -318px -17px;}
.aerospace{background-position: -527px -17px;}
.ship{background-position: -103px -17px;}
.naval{background-position: -853px -17px;}
.steel{background-position: -746px -17px;}
.desalinate{background-position: -421px -17px;}
.water{background-position: -959px -17px;}
.video{background-position:-1067px -17px;}
.manual{background-position: -1170px -17px;}
.pipe{background-position: -1282px -17px;}
.design{background-position: 2px -134px}	
.prefab{background-position: -536px -134px}	
.fabrication{    background-position: -92px -134px;
    width: 100px;}	
.erection{background-position: -200px -134px}	
.pressure{background-position: -293px -134px}	
.flushing{background-position: -420px -134px}	
.logoIcon {
    background-image: url(../images/logos.jpg);
    background-repeat: no-repeat;
    float: left;
    border: 0 !important;
    margin: 0 20px 0px 0;
    height: 60px;
}
.dnv{width:48px; background-position:-581px -12px }
	.saudi{width: 148px;
    background-position: -21px -269px;}
	.iec{width: 148px;
    background-position: -203px -269px;}
	.atex{width: 100px;
    background-position: -365px -266px;}
	.dnvGl{    width: 145px;    background-position: -662px -9px}
	.gl{    width: 144px;
    background-position: -862px -175px;}
	.dvg{width: 106px;
    background-position: -900px -12px;}
	.abs{width:143px; background-position:-327px -12px}
	.bv{width:54px; background-position:-834px -12px }
	.lr{width:102px; background-position:-110px -12px }
	.absa{width:120px; background-position:-495px -83px }
	.csa{width:102px; background-position:-629px -83px }
	.navantia{width:102px; background-position:-735px -84px}
	
	.ccs{width:54px; background-position:-500px -12px }
	.rmrs{width:62px; background-position:-239px -12px }
	.gost{width:75px; background-position:-14px -12px }
	.classnk{width:121px; background-position:-477px -174px }
	.kr{width:75px; background-position:-634px -175px}
	.petrobas{width:115px; background-position:-746px -175px}
	.statoil{width:110px; background-position:-836px -85px}
	.brunei{width:110px; background-position:-488px -264px}
	.esso{width:110px; background-position:-617px -264px}
	.woodside{width:110px; background-position:-724px -264px}
	.navsea{width:105px;background-position:-187px -81px}
	.ccg{width:47px;background-position:-119px -81px}
	.us{width:74px;background-position:-393px -81px}
	.aus{width:81px;background-position:-9px -81px}
	.tssa{width:60px;background-position:-314px -81px}
	.api{width:60px; background-position:-16px -169px }
	.apiql{width:60px; background-position:-106px -171px}
	.apiqms{width:144px; background-position:-195px -171px}
	.eac{width:70px; background-position:-369px -171px}
	#tooltable{display:none}
	.img-full-width{    width: 100%;
    height: auto;}
	.imgShadow{-webkit-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.42);
-moz-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.42);
box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.42);}
.back-to-top {
    position: fixed;
    width: 45px;
    height: 45px;
    background-image: url(../images/scrollTop.png);
	    background-repeat: no-repeat;
    bottom: 35px;
    right: 30px;
    cursor: pointer;
    display: none;
    z-index: 250;
}
.clearBoth{clear:both}
.formPad{margin-bottom:20px}
.iconText{float: left;
    margin-top: 30px;}
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 480px) {


#div1 {
}
.zeroMargin_tablet {
    margin-left: 0;
}
.hide_tablet {
    display: none;
}
.productCol{width:33.33%; float:left; padding:0 8px 0 0;margin:0}
.prodCol1{width:30%; }
.prodCol2{width:70%; }
}

@media only screen and (min-width: 640px) {
#specialmenu li {
	
	width:23%;
}
.specialLinks{position:absolute;}
.logo{width:80%; float:left; max-width:298px;    padding: 5px 0 10px 0;}
.myfooter{ height: 85px; line-height: 85px; }
.footerCol{width:40%;}
.footerCol1{width:20%; float:left; text-align:center}
.footerCol2{width:40%; float:left; text-align:right}
.hide-mob{display:block}
.bannerHead{font-size:1.3em;}
.textCont{    width: 80%;}
.prodCol1{width:20%; }
.prodCol2{width:80%; }
.visiblePhone{display:none}
.hidePhone{display:block}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 768px) {
.clearBoth{clear:none}

#div1 {
}
.zeroMargin_desktop {
    margin-left: 0;
}
.hide_desktop {
    display: none;
}
#specialmenu li a {font-size:.7em}
.textCont{    width: 50%;}
.servicesCol{width:33.33%; margin:0;padding:0 60px 0 45px;}
.productCol{width:33.33%; margin:0;padding:0 60px 0 0;}
.caseCol{width:50%; margin:0}
 .newsCol{width:50%; margin:0 }
.caseCol{padding:0 60px 0 45px;}
.newsCol{ padding:0 60px 0 0;}

.headTopPad{padding-top:60px}
.servicesRow{ margin: 10px 0 60px 0;}
.prodDCol1{width:50%; text-align:right  }
.prodDCol2{ width:50%;padding:0 0 0 20px;text-align:left  }
.menuCont{padding:0 10px}
.mobileIcon {display:none}
}
@media only screen and (min-width: 1024px) {
#specialmenu li {
	
	width:14.33%;
}
#specialmenu li a {font-size:.9em}
.textCont{    width: 34%;}
.prodCol1{width:12%; }
.prodCol2{width:88%; }
.col-half-offset{
    margin-left:.1%;    padding-right: 0;
    padding-left: 0;
}
}
@media only screen and (min-width: 1200px) {
#specialmenu li {
	
	width:14.3%;
}
.myfooter{padding:0;}
.mainCont{padding:0}
}