@charset "utf-8";
/* CSS Document */
 .breadcrumb-box1{width: 100%; height: auto; display: block;  margin:130px 0 0px 0; padding: 0 0;}

.wrapper {margin: 0 auto;max-width: 1187px; width: 95%;}	
.wrapper:after{ content: ''; width: 100%; display: block; clear: both; line-height: 0; font-size: 0px; }


.wrapper1312 {margin: 0 auto;max-width: 1312px; width: 95%;}	
.wrapper1312:after{ content: ''; width: 100%; display: block; clear: both; line-height: 0; font-size: 0px; }




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



.cords-box4{width: 100%; height: auto; display: block;  margin:50px 0 50px 0; padding: 0 0; }
.cords-box4:after{ content: ''; width: 100%; display: block; clear: both; line-height: 0; font-size: 0px; }
.cords-box4a{width: 100%; height: auto; float: left; display: block;}
.cords-box4a p{ width: 100%; height: auto; display: block;  padding-bottom: 20px; font-family: 'Lato', sans-serif; font-size: 16px; font-weight: 400; color: #515151; line-height: 24px;  }
.cords-box4a h2{ width: 100%; height: auto; display: block;  padding-bottom: 20px; font-family: 'Lato', sans-serif; font-size: 24px; font-weight: 400; color: #515151; line-height: 28px;  }














.cords-box6{width: 100%; height: auto; display: block;  margin:25px 0 0px 0; padding: 50px 0 50px 0; background: #f6f6f6; }
.cords-box6:after{ content: ''; width: 100%; display: block; clear: both; line-height: 0; font-size: 0px; }
.cords-box6a{width: 100%; height: auto; float: left;  }
.cords-box6a 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; }

.cords-box6a ul{margin-left: -7px; margin-right: -7px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; line-height: 0; font-size: 0;}	
.cords-box6a ul li{ display: inline-block; width: 33.333%; padding: 0 7px; margin-bottom: 7px; }	
.cords-box6a ul li aside{ display:table; width: 100%; height: 100%; padding: 25px 0; border: 1px solid #e8e8e8; background: #FFFFFF;}	
.cords-box6a ul li aside figure{ display: table-cell; vertical-align: middle; text-align: center; width: 40%; }
.cords-box6a ul li aside figure i{  max-width: 90px; margin: 0 auto; text-align: center; display: block; }	
.cords-box6a ul li aside figure i img{ width: 100%; display: block;}	
.cords-box6a ul li aside article{ display: table-cell; vertical-align: middle; text-align: center; width: 60%; }	
.cords-box6a ul li aside article span{ width: 100%; display: inline-block;   }	
.cords-box6a ul li aside article span h4{width: 100%; height: auto; float: left; display:block; font-family: 'Lato', sans-serif; font-size: 18px; font-weight: 700; color: #414141; line-height: 22px;  padding-bottom: 5px; text-align: left; padding-right: 10px;}	
.cords-box6a ul li aside article span big{width: auto; height: auto; float: left; display:inline-block; font-family: 'Lato', sans-serif; font-size: 12px; font-weight: 700; color: #f16421; line-height: 18px;   text-align: left; padding-right: 50px; position: relative;}		
.cords-box6a ul li aside article span big:after{ content:''; position: absolute; right:25px; top:5px; width: 11px; height: 10px; background: url(../images/arrow2.png) no-repeat -24px 0; -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; cursor: pointer;}



.cords-box6a ul li a:hover aside article span big:after{background: url(../images/arrow2.png) no-repeat 0 0; }
.cords-box6a ul li a:hover aside { -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; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.04);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.04);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.04); border: 1px solid #dddcdc; }



.cords-box7{width: 100%; height: auto; display: block; padding: 0px 0; background: #fff; }
.cords-box7:after{ content: ''; width: 100%; display: block; clear: both; line-height: 0; font-size: 0px; }
.cords-box7a{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;  }
.cords-box7a aside{width: 45%; height: auto; float: left; display: block; border-right: 1px dashed #d7d5d1; padding: 65px 0; }
.cords-box7a aside .mid2{ width: auto; margin: 0 auto; display: table;}
.cords-box7a 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; }
.cords-box7a aside .mid2 small{width: auto; height: auto; display: inline-block; }
.cords-box7a 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;   }
.cords-box7a aside .mid2 small a:hover{ color: #000; }
.cords-box7a 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;}
.cords-box7a aside .mid2 small a:hover:after{background: url(../images/arrow8.png) no-repeat 0 0;}


.cords-box7a article{width: 55%; height: auto; float: left; display: block; padding: 65px 0;}
.cords-box7a article .mid2{ width: auto; margin: 0 auto; display: table;}
.cords-box7a article .mid2{ width: auto; margin: 0 auto; display: table;}
.cords-box7a 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; }
.cords-box7a 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; }

.cords-box7a article .mid2 small{width: auto; height: auto; display: inline-block; }
.cords-box7a 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;   }
.cords-box7a article .mid2 small a:hover{ color: #000; }
.cords-box7a 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;}
.cords-box7a 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: 1000px) {
	
}

@media screen and (max-width: 800px) {
	.rigging-box2a ul li{ width: 100%;}
	
	.cords-box7a aside {
    width: 100%;
    border-right: 0px dashed #d7d5d1;
    border-bottom: 1px dashed #d7d5d1;
    text-align: center;padding: 20px 0;
}
	.cords-box7a article { padding: 20px 0;
    width: 100%;
    text-align: center;
}
.cords-box6a ul li {width: 50%;}	
}
@media screen and (max-width: 600px) {
	.rigging-box3a aside ul li { width:100%; border-right: 0px dashed #d2d2d2; border-bottom: 1px dashed #d2d2d2;}
	.rigging-box3a aside ul li:last-child {  border-bottom: 0px dashed #d2d2d2;}
}
@media screen and (max-width: 550px) {
	.cords-box6a ul li {width: 100%;}
	.wire-ropes-box1a aside h2 {white-space: inherit; width: 100%;}
	
}