@charset "utf-8";
/* CSS Document */

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

.wrapper1160 {margin: 0 auto;max-width: 1160px; width: 95%;}	
.wrapper1160:after{ content: ''; width: 100%; display: block; clear: both; line-height: 0; font-size: 0px; }
.wrapper1147 {margin: 0 auto;max-width: 1147px; width: 95%;}	
.wrapper1147:after{ content: ''; width: 100%; display: block; clear: both; line-height: 0; font-size: 0px; }
.clear{ width: 100%; display: block; height: 0; font-size: 0px; line-height: 0; clear: both;}
/*Quality-at-Brunton END*/

.cables-box1{width: 100%; height: auto;  display: block;  margin:95px 0 0px 0; }
.cables-box1a{ width: 100%; height: 690px; display: block; float: left; padding: 40px 0; position: relative; background:  url("../images/wires-and-strands-banner.jpg") no-repeat center center;  background-size: cover; }

.cables-box1b{ width: 100%; min-height: 600px; display: table; vertical-align: middle; text-align: center;}
.cables-box1b2{ width: auto; height: auto; display: table-cell; vertical-align: middle; text-align: center;}
.cables-box1b2 h1{ width: auto; height: auto; display: block; position: relative; padding-bottom: 15px; font-family: 'Lato', sans-serif; font-size: 22px; font-weight: 800; color: #fff; line-height: 26px;  text-transform: uppercase;}
.cables-box1b2 h3{ width: 100%; max-width: 1016px; margin: 0 auto; height: auto; display: table; position: relative;  font-family: 'Lato', sans-serif; font-size: 48px; font-weight: 800; color: #fff; line-height: 60px; text-transform: uppercase;  z-index: 1; letter-spacing: 3px;  }
.cables-box1b2 h3:after{ content: ''; position: absolute; right: 0px; left: 0; top: 0px; background: #f36523; width: 184px; height: 26px; margin: 0 auto; z-index: -1; }
.cables-box1b2 h4{ width: auto; height: auto; display: block; padding-top: 15px; font-family: 'Lato', sans-serif; font-size: 16px; font-weight: 400; color: #fff; line-height: 20px; }
.cables-box1b2 h4 strong{font-weight: 600;}


.cables-box2{width: 100%; height: auto; display: block;  background: #FFFFFF;  padding:30px 0 75px 0;  border-bottom: 1px dotted #b9b9b9; }
.cables-box2:after{ content: ''; width: 100%; display: block; clear: both; line-height: 0; font-size: 0px; }
.about-us-box2a{width: 100%; height: auto; float: left; display: block;  }
.about-us-box2a aside{width: 68%; height: auto; float: left; display: block; padding-right: 9%; box-sizing: border-box;}
.about-us-box2a aside p{width:100%; height: auto; float: left; display: block; font-family: 'Lato', sans-serif; font-size: 16px; font-weight: 400; color: #2b2b2b; line-height: 24px; padding-bottom: 60px;}
.about-us-box2a aside p strong{ font-weight: 600;}
.about-us-box2a aside span{width:100%; height: auto; float: left; display: block; font-family: 'Lato', sans-serif; font-size: 30px; font-weight: 300; color: #4a4a4a; line-height: 36px;}
.about-us-box2a aside span strong{ font-weight: 600; color: #f16421;}


.cables-box3{width: 100%; height: auto; display: block;  background: #FFFFFF;  padding:75px 0 0px 0;  }
.cables-box3:after{ content: ''; width: 100%; display: block; clear: both; line-height: 0; font-size: 0px; }
.cables-box3a{width: 100%; height: auto; float: left; display: block;  }
.cables-box3a h2{ width: auto; height: auto; display: block; font-family: 'Lato', sans-serif; font-size: 24px; font-weight: 400; color: #1a1a1a; line-height: 30px;  padding-bottom: 30px;}
.cables-box3a h3{ width: auto; height: auto; display: block; font-family: 'Lato', sans-serif; font-size: 18px; font-weight: 600; color: #2b2b2b; line-height: 30px;  padding-bottom: 40px;}
.cables-box3a article{width: 100%; height: auto; float: left; display: block;  overflow: hidden; margin-bottom: 75px;}
.cables-box3a article ul{ margin-left: -15px; margin-right: -15px;margin-top: -1px; margin-bottom: -1px; height: auto;  padding:0 0 0px 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.cables-box3a article ul li{ width: 33.333%; height: auto; float: left;  padding:0px 15px 0px 15px;  display: block; position: relative;  }
.cables-box3a article ul li aside{width: 100%; height: auto; float: left; padding: 12px 10px 12px 35px; border-bottom: 1px dashed #cdcdcd; font-family: 'Lato', sans-serif; font-size: 16px; font-weight: 400; color: #2b2b2b; line-height: 20px;}
.cables-box3a article ul li:last-child{border-bottom: 0px dashed #cdcdcd; }
.cables-box3a article ul li a{ font-family: 'Lato', sans-serif; font-size: 16px; font-weight: 400; color: #2b2b2b; line-height: 20px;}
.cables-box3a article ul li:after{ content: ''; position: absolute; left: 15px; top: 14px; width: 18px; height: 18px; border: 1px solid #c7c7c7; border-radius: 50%; background: url("../images/arrow-10.png") no-repeat 4px 5px; }

.cables-box3a h4{ width: auto; height: auto; display: block; font-family: 'Lato', sans-serif; font-size: 18px; font-weight: 600; color: #2b2b2b; line-height: 30px;  }



@media screen and (max-width: 850px) {
.cables-box3a article ul li {
	width: 50%;}	
}
@media screen and (max-width: 550px) {
	.cables-box3 {padding: 30px 0 0px 0;}
	.cables-box3a h2 { font-size: 20px;line-height: 24px; text-align: center;}
.cables-box3a h3 { text-align: center;}
	.cables-box3a article ul li {width: 100%;}
}