@charset "utf-8";
/* CSS Document */
 .breadcrumb-box1{width: 100%; height: auto; display: block;  margin:130px 0 0px 0; padding: 0 0;}
.wrapper1160 {margin: 0 auto;max-width: 1160px; width: 95%;}	
.wrapper1160:after{ content: ''; width: 100%; display: block; clear: both; line-height: 0; font-size: 0px; }

.offshore-construction-box1{width: 100%; height: auto; display: block;  margin:65px 0 65px 0; padding: 0 0; }
.offshore-construction-box1:after{ content: ''; width: 100%; display: block; clear: both; line-height: 0; font-size: 0px; }
.wrapper810 {margin: 0 auto;max-width: 810px; width: 95%;}	
.wrapper810:after{ content: ''; width: 100%; display: block; clear: both; line-height: 0; font-size: 0px; }
.offshore-construction-box1a{width: 100%; height: auto; float: left; display: block; }
.offshore-construction-box1a aside{width: 45%; height: auto; float: left; display: block; padding-right: 40px;  }

.offshore-construction-box1a aside h2{width: -moz-min-content;    /* Firefox */width: -webkit-min-content; /* Chrome */ width: min-content; height: auto; display: block; position: relative; padding-top: 10px; font-family: 'Lato', sans-serif; font-size: 36px; font-weight: 800; color: #000000; line-height: 40px;  text-transform: uppercase; z-index: 2; letter-spacing: 3px;}
.offshore-construction-box1a aside h2:after{ content: ''; position: absolute; right: 0px; top: 8px; background: #f36523; width: 184px; height: 22px; z-index: -1; }

.offshore-construction-box1a article{width: 55%; height: auto; float: left; display: block; }
.offshore-construction-box1a article p{ width: 100%; height: auto; display: block;  padding-top: 10px; font-family: 'Lato', sans-serif; font-size: 16px; font-weight: 400; color: #2b2b2b; line-height: 24px;  }
.offshore-construction-box1a article p strong{font-weight: 600;}

/* .offshore-construction-box2{width: 100%; height: 536px; display: block;  margin:0px 0 0px 0; padding: 0px 0; background: url(../images/Onshore-Rope-1400_700-Pix.jpg) no-repeat center center; background-size: cover; position: relative; } */


.offshore-construction-box22{width: 100%; height: auto; display: block;  margin:-380px 0 0px 0; padding: 0px 0; z-index: 2; position: relative;}


.offshore-construction-box2:after{ content: ''; width: 100%; display: block; clear: both; line-height: 0; font-size: 0px; }
.offshore-construction-box2a{width: 100%; height: auto; float: left; display: block;}
.offshore-construction-box2a aside{width: calc(33.3333% - 17px); height: auto; float: left; display: block; background:#f86f17 url(../images/offshore-construction-round-bg.png) no-repeat right bottom;}
.offshore-construction-box2a aside h2{width: 100%; height: auto; display: block;  padding: 40px 40px 0 40px; font-family: 'Lato', sans-serif; font-size: 14px; font-weight: 600; color: #fff; line-height: 20px; text-transform: uppercase;}
.offshore-construction-box2a aside h3{width: 100%; height: auto; display: block;  padding: 5px 40px 0 40px; font-family: 'Lato', sans-serif; font-size: 26px; font-weight: bold; color: #fff; line-height: 30px; text-transform: uppercase; position: relative; }
.offshore-construction-box2a aside h3:after{ content: ''; position: absolute; right: 40px; bottom: 10px; width: 35%; height: 2px; background: #FFFFFF; }
.offshore-construction-box2a aside h4{width: 100%; height: auto; display: block;  padding: 15px 40px 10px 40px; font-family: 'Lato', sans-serif; font-size: 14px; font-weight: 400; color: #fff; line-height: 20px; }
.offshore-construction-box2a aside figure{position: relative; float: left;   line-height: 0; }
.desktop2{ display: block;}
.mob2{ display: none;}
.offshore-construction-box2a aside small{ position: relative; display:inline-block; margin-bottom: 10px; float: left;}
.offshore-construction-box2a aside small a{ display: block; padding: 0 35px 0 16px; border-radius: 17px; border: 1px solid #fff; margin-left: 40px; height:37px; line-height:37px; color: #FFF;font-weight: 600; font-size:10px; text-transform: uppercase;}

.offshore-construction-box2a aside small a:after{content:''; width: 9px; height: 12px; background: url(../images/arrow6.png) no-repeat -24px 0; position: absolute; top: 0; bottom: 0; right:15px; margin: auto;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.offshore-construction-box2a aside small a:hover:after{background: url(../images/arrow6.png) no-repeat 0 0;}




.offshore-construction-box3{width: 100%; height: auto; display: block;  margin:65px 0 120px 0; padding: 0 0; }
.offshore-construction-box3:after{ content: ''; width: 100%; display: block; clear: both; line-height: 0; font-size: 0px; }
.offshore-construction-box3a{width: 100%; height: auto; float: left;  }
.offshore-construction-box3a ul{margin-left: -13px; margin-right: -13px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap;}
.offshore-construction-box3a ul li{ width: 33.3333%; float: left; display: block;  padding: 0px 13px 0px 13px; box-sizing: border-box; margin-bottom: 26px;}
.offshore-construction-box3a ul li aside{width: 100%; height: 100%; display: block;  background: #eeeeee; padding: 35px 25px 190px 25px; box-sizing: border-box; position: relative; overflow: hidden;}

.offshore-construction-box3a ul li aside h2{width: 100%; height: auto; display: block;  padding-bottom: 40px; font-family: 'Lato', sans-serif; font-size: 14px; font-weight: bold; color: #353535; line-height: 16px; position: relative; z-index: 2;  }
.offshore-construction-box3a ul li:hover aside h2{color: #FFFFFF;}
.offshore-construction-box3a ul li aside h3{width: 100%; min-height: 60px;  font-family: 'Lato', sans-serif; font-size: 16px; font-weight: bold; color: #353535; line-height: 20px; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow: hidden; }
.offshore-construction-box3a ul li:hover aside h3{color: #FFFFFF;  transform: translatex(0px);}
.offshore-construction-box3a ul li aside p{width: 100%;  font-family: 'Lato', sans-serif; font-size: 14px; font-weight: 400; color: #353535; line-height: 18px; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow: hidden; }
.offshore-construction-box3a ul li:hover aside p{color: #FFFFFF; transform: translatex(0px); }


.offshore-construction-box3a ul li aside small{ position: absolute; left: 25px; right: 25px; bottom: 40px;   width: auto; height: auto; display: block; font-family: 'Lato', sans-serif; font-size: 14px; font-weight: 400; color: #353535; line-height: 18px; text-decoration: underline; }
.offshore-construction-box3a ul li aside small a{  font-family: 'Lato', sans-serif; font-size: 14px; font-weight: 400; color: #353535; line-height: 18px; text-decoration: underline;  display: block; }
.offshore-construction-box3a ul li aside h3 a{
	color: #353535;
}
.offshore-construction-box3a ul li:hover a{
	color: #fff;
}
.offshore-construction-box3a ul li:hover aside small a { color: #f36523;transform: translateX(0px);}
.offshore-construction-box3a ul li aside small a:after{content:''; position: absolute; right: 0px; top: 6px; width: 9px; height: 12px;  cursor: pointer;}
.offshore-construction-box3a ul li aside small a:hover:after{background:url(../images/arrow4.png) no-repeat 0 0; }



.offshore-construction-box3a ul li aside *{-webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out;  -o-transition: all 0.7s ease-in-out; transition: all 0.7s }
.offshore-construction-box3a ul li aside figure{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; max-width: auto; background-size: cover; background-repeat:no-repeat; background-position: 50% 50%; z-index: 0; -webkit-transition: all 0.9s ease-in-out; -moz-transition: all 0.9s ease-in-out;  -o-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out; opacity: 0; visibility: hidden;}
/*.offshore-construction-box3a ul li a aside figure:after{content:''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; max-width: auto; background-color: rgba(0,0,0,0.5);}*/

.offshore-construction-box3a ul li:hover aside figure{opacity: 1; visibility: visible; transform: scale(1.05); background: url(../images/offshore-construction-box3-bg.jpg) no-repeat left top; background-size: cover;}


.clear{ display: block; clear: both; line-height: 0; margin: 0; padding: 0; width: 100%; height: 0;}


@media screen and (max-width: 800px) {
	.offshore-construction-box3a ul li{ width: 50%;}
	.offshore-construction-box1a aside {width: 100%;}
	.offshore-construction-box1a aside h2 {width: inherit;}
	.offshore-construction-box1a aside h2:after { width: 50%;}
	.offshore-construction-box1a article {width: 100%;}
	.offshore-construction-box22 {margin: -90px 0 0px 0;}
	.offshore-construction-box2a aside{width:100%; background: #fa7312 url(../images/offshore-construction-round-bg-mob.png) no-repeat right bottom;  }
	.offshore-construction-box2a aside h3:after{ display: none;}
	.offshore-construction-box2a aside figure{position: relative; float: left !important;   line-height: 0; }
.desktop2{ display:none ;}
.mob2{ display:block ;}
}
@media screen and (max-width: 550px) {
	.offshore-construction-box3a ul li{ width: 100%;}
	.offshore-construction-box3 {margin: 50px 0 50px 0;}
	.offshore-construction-box1a aside h2 {width: min-content;}
	.offshore-construction-box1a aside h2:after { width: 60%;}
	.offshore-construction-box3a ul li a aside {padding: 35px 25px 30px 25px;}
	.offshore-construction-box3a ul li a aside p { padding-bottom: 30px;}
	.offshore-construction-box3a ul li a aside small { position: relative; left: inherit; right: inherit;bottom: inherit;}
	.offshore-construction-box3a ul li a aside small br{ display: none;}
	.offshore-construction-box3a ul li a aside h3 {min-height: auto; padding-bottom: 15px;}
	.offshore-construction-box3a ul li a aside h2 {padding-bottom: 15px;}
	
	
/* .offshore-construction-box2{ height: 483px; background: url(../images/offshore-construction-pic1-mob.jpg) no-repeat center center; background-size: cover; } */

}