@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; }
.wrapper810 {margin: 0 auto;max-width: 810px; width: 95%;}	
.wrapper810:after{ content: ''; width: 100%; display: block; clear: both; line-height: 0; font-size: 0px; }
.wire-ropes-box1{width: 100%; height: auto; display: block;  margin:35px 0 70px 0; padding: 0 0; }
.wire-ropes-box1:after{ content: ''; width: 100%; display: block; clear: both; line-height: 0; font-size: 0px; }
.wire-ropes-box1a{width: 100%; height: auto; float: left; display: block; }
.wire-ropes-box1a aside{width: 45%; height: auto; float: left; display: block; padding-right: 40px;  }
.wire-ropes-box1a aside h3{ width: auto; height: auto; display: block; position: relative; font-family: 'Lato', sans-serif; font-size: 18px; font-weight: bold; color: #000000; line-height: 20px;  text-transform: uppercase;  }
.wire-ropes-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: 30px; font-weight: 800; color: #000000; line-height: 36px;  text-transform: uppercase; z-index: 2; letter-spacing: 3px; white-space: nowrap;}
.wire-ropes-box1a aside h2:after{ content: ''; position: absolute; right: 0px; top: 8px; background: #f36523; width: 184px; height: 22px; z-index: -1; }
.wire-ropes-box1a article{width: 55%; height: auto; float: left; display: block; }
.wire-ropes-box1a article p{ width: 100%; height: auto; display: block;  padding-top: 10px; font-family: 'Lato', sans-serif; font-size: 24px; font-weight: 400; color: #2b2b2b; line-height: 30px;  }
.wire-ropes-box1a article p strong{font-weight: 600;}


.wire-ropes-box2{width: 100%; height: 536px; display: block;  margin:0px 0 0px 0; padding: 0px 0; background: url(../images/wire-ropes-desktop.jpg) no-repeat center center; background-size: cover; position: relative; }


.wire-ropes-box3{width: 100%; height: auto; display: block;  margin:-380px 0 0px 0; padding: 0px 0; z-index: 2; position: relative;}
.wire-ropes-box3:after{ content: ''; width: 100%; display: block; clear: both; line-height: 0; font-size: 0px; }
.wire-ropes-box3a{width: 100%; height: auto; float: left; display: block;}
.wire-ropes-box3a 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;}
.wire-ropes-box3a 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;}
.wire-ropes-box3a 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; }
.wire-ropes-box3a aside h3:after{ content: ''; position: absolute; right: 40px; bottom: 10px; width: 35%; height: 2px; background: #FFFFFF; }
.wire-ropes-box3a 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; }
.wire-ropes-box3a aside figure{position: relative; float: left;   line-height: 0; }
.desktop2{ display: block;}
.mob2{ display: none;}
.wire-ropes-box3a aside small{ position: relative; display:inline-block; margin-bottom: 10px; float: left;}
.wire-ropes-box3a 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;}
.wire-ropes-box3a 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;}
.wire-ropes-box3a aside small a:hover:after{background: url(../images/arrow6.png) no-repeat 0 0;}



.wire-ropes-box4{width: 100%; height: auto; display: block;  margin:50px 0 50px 0; padding: 0 0; }
.wire-ropes-box4:after{ content: ''; width: 100%; display: block; clear: both; line-height: 0; font-size: 0px; }
.wire-ropes-box4a{width: 100%; height: auto; float: left; display: block;}
.wire-ropes-box4a p{ width: 100%; height: auto; display: block;  padding-bottom: 50px; font-family: 'Lato', sans-serif; font-size: 16px; font-weight: 400; color: #515151; line-height: 24px;  }
.wire-ropes-box4b{width: 100%; height: auto; float: left; display: block; overflow: hidden;}
.wire-ropes-box4b ul{margin-left: -8px; margin-right: -8px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap;}
.wire-ropes-box4b ul li{ width: 25%; float: left; display: block;  padding: 0px 8px 0px 8px; box-sizing: border-box; margin-bottom: 25px;}
.wire-ropes-box4b ul li aside{width: 100%; height: 100%; display: block; border-top: 2px solid #f36523;}
.wire-ropes-box4b ul li aside h2{width: 100%; height: 100%; display: block; padding: 25px 5px 0 45px; box-sizing: border-box; position: relative; font-family: 'Lato', sans-serif; font-size: 16px; font-weight: bold; color: #515151; line-height: 18px; }
.wire-ropes-box4b ul li aside h2:after{ content: ''; position: absolute; left: 0; top: 26px; width: 32px; height: 32px; background: url(../images/arrow7.png) no-repeat left top;}






.wire-ropes-box5{width: 100%; height: auto; display: block;  margin:25px 0 60px 0; padding: 0 0; }
.wire-ropes-box5:after{ content: ''; width: 100%; display: block; clear: both; line-height: 0; font-size: 0px; }
.wire-ropes-box5a{width: 100%; height: auto; float: left;  }
.wire-ropes-box5a h2{width: 100%; height: auto; display: block; position: relative; font-family: 'Lato', sans-serif; font-size:24px; font-weight: bold; color: #020202; line-height: 30px; padding-bottom: 35px; }
.wire-ropes-box5a 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;}
.wire-ropes-box5a ul li{ width: 33.3333%; float: left; display: block;  padding: 0px 13px 0px 13px; box-sizing: border-box; margin-bottom: 26px;}
.wire-ropes-box5a ul li a aside{width: 100%; height: 100%; display: block;  background: #eeeeee; padding: 35px 25px 167px 25px; box-sizing: border-box; position: relative; overflow: hidden;}

.wire-ropes-box5a ul li a 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;  }
.wire-ropes-box5a ul li a:hover aside h2{color: #FFFFFF;}
.wire-ropes-box5a ul li a 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; text-transform: uppercase; letter-spacing: 1px; }
.wire-ropes-box5a ul li a:hover aside h3{color: #FFFFFF;  transform: translatex(0px);}
.wire-ropes-box5a ul li a 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: 4;-webkit-box-orient: vertical; overflow: hidden; }
.wire-ropes-box5a ul li a:hover aside p{color: #FFFFFF; transform: translatex(0px); }
.wire-ropes-box5a ul li a 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; }

.wire-ropes-box5a ul li a:hover aside small { color: #f36523;transform: translateX(0px);}
.wire-ropes-box5a ul li a aside small:after{content:''; position: absolute; right: 0px; top: 6px; width: 9px; height: 12px;  cursor: pointer;}
.wire-ropes-box5a ul li a:hover aside small:after{background:url(../images/arrow4.png) no-repeat 0 0; }

.wire-ropes-box5a ul li a 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 }
.wire-ropes-box5a ul li a 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);}*/
.wire-ropes-box5a ul li a: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;}


.wire-ropes-box6{width: 100%; height: auto; display: block; padding: 40px 0; background: #f2f2f2; }
.wire-ropes-box6:after{ content: ''; width: 100%; display: block; clear: both; line-height: 0; font-size: 0px; }
.wire-ropes-box6a{width: 100%; height: auto; float: left; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap;  }
.wire-ropes-box6a aside{width: 45%; height: auto; float: left; display: block; border-right: 1px dashed #d7d5d1; padding: 35px 0; }
.wire-ropes-box6a aside .mid2{ width: auto; margin: 0 auto; display: table;}
.wire-ropes-box6a aside .mid2 h2{width: 100%; height: auto; display: block; position: relative; font-family: 'Lato', sans-serif; font-size:30px; font-weight: 300; color: #1c1c1c; line-height: 30px; padding-bottom: 10px; }
.wire-ropes-box6a aside .mid2 small{width: auto; height: auto; display: inline-block; }
.wire-ropes-box6a aside .mid2 small a{width: auto; height: auto; display: inline-block; position: relative; font-family: 'Lato', sans-serif; font-size:18px; font-weight: 300; color: #1c1c1c; line-height: 20px; padding-right: 25px; -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;   }
.wire-ropes-box6a aside .mid2 small a:hover{ color: #000; }
.wire-ropes-box6a aside .mid2 small a:after{content:''; width: 9px; height: 12px; background: url(../images/arrow8.png) no-repeat -24px 0; position: absolute; top: 2px; bottom: 0; right:0px; 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;}
.wire-ropes-box6a aside .mid2 small a:hover:after{background: url(../images/arrow8.png) no-repeat 0 0;}


.wire-ropes-box6a article{width: 55%; height: auto; float: left; display: block; padding: 35px 0;}
.wire-ropes-box6a article .mid2{ width: auto; margin: 0 auto; display: table;}
.wire-ropes-box6a article .mid2{ width: auto; margin: 0 auto; display: table;}
.wire-ropes-box6a article .mid2 h2{width: 100%; height: auto; display: block; position: relative; font-family: 'Lato', sans-serif; font-size:30px; font-weight: 300; color: #1c1c1c; line-height: 30px; padding-bottom: 3px; }
.wire-ropes-box6a article .mid2 h3{width: 100%; height: auto; display: block; position: relative; font-family: 'Lato', sans-serif; font-size:30px; font-weight: bold; color: #1c1c1c; line-height: 30px; padding-bottom: 12px; }

.wire-ropes-box6a article .mid2 small{width: auto; height: auto; display: inline-block; }
.wire-ropes-box6a article .mid2 small a{width: auto; height: auto; display: inline-block; position: relative; font-family: 'Lato', sans-serif; font-size:18px; font-weight: 300; color: #1c1c1c; line-height: 20px; padding-right: 25px; -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;   }
.wire-ropes-box6a article .mid2 small a:hover{ color: #000; }
.wire-ropes-box6a article .mid2 small a:after{content:''; width: 9px; height: 12px; background: url(../images/arrow8.png) no-repeat -24px 0; position: absolute; top: 8px; right:0px; 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;}
.wire-ropes-box6a article .mid2 small a:hover:after{background: url(../images/arrow8.png) no-repeat 0 0;}

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


@media screen and (max-width: 950px) {
	.wire-ropes-box1a aside { width: 100%;padding-right: 0px;}
	.wire-ropes-box1a article {width: 100%;}
	
}

@media screen and (max-width: 800px) {
	.wire-ropes-box2 {height: 483px;}
	.wire-ropes-box3 {margin: -90px 0 0px 0;}
.wire-ropes-box3a aside{width:100%; background: #fa7312 url(../images/offshore-construction-round-bg-mob.png) no-repeat right bottom;  }
	.wire-ropes-box3a aside h3:after{ display: none;}
	.wire-ropes-box3a aside figure{position: relative; float: right;   line-height: 0; }
.wire-ropes-box4b ul li {width: 50%; margin-bottom: 50px;}
	
.desktop2{ display:none ;}
.mob2{ display:block ;}
	.wire-ropes-box5a ul li {width: 50%;}
	.wire-ropes-box6a aside { width: 100%;border-right: 0px dashed #d7d5d1; border-bottom: 1px dashed #d7d5d1; text-align: center;}
	.wire-ropes-box6a article {width: 100%; text-align: center;}
}

@media screen and (max-width: 500px) {
.wire-ropes-box5a ul li {width: 100%;}
	.wire-ropes-box4b ul li aside { height:auto;border-top: 0px solid #f36523;}
.wire-ropes-box4b ul li {width: 100%; margin-bottom: 10px; min-height: 32px; float: left; display: block;}	
	.wire-ropes-box4b ul li aside h2:after {top: 0px;}
	.wire-ropes-box4b ul li aside h2 { height: auto;padding: 0px 5px 0 45px;}
	.wire-ropes-box6a article .mid2 h3 {font-size: 26px;}
	.wire-ropes-box5a ul li a aside { padding: 35px 25px 100px 25px;}
	


}