@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; }



.a-r-lines-box1{width: 100%; height: auto; display: block;  margin:65px 0 100px 0; padding: 0 0; }
.a-r-lines-box1:after{ content: ''; width: 100%; display: block; clear: both; line-height: 0; font-size: 0px; }
.a-r-lines-box1a{width: 100%; height: auto; float: left; display: block; }
.a-r-lines-box1a aside{width: 45%; height: auto; float: left; display: block; padding-right: 40px;  }
.a-r-lines-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: bold; color: #000000; line-height: 40px;  text-transform: uppercase; z-index: 2; letter-spacing: 3px; white-space: nowrap; padding-right: 35px;}
.a-r-lines-box1a aside h2:after{ content: ''; position: absolute; right: 0px; top: 8px; background: #f36523; width: 110px; height: 22px; z-index: -1; }
.a-r-lines-box1a article{width: 55%; height: auto; float: left; display: block; }
.a-r-lines-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;  }
.a-r-lines-box1a article p strong{font-weight: 600;}


.a-r-lines-box2{width: 100%; height: auto; display: block; padding:45px 0 130px 0;  background: #f6f6f6; }
.a-r-lines-box2:after{ content: ''; width: 100%; display: block; clear: both; line-height: 0; font-size: 0px; }
.a-r-lines-box2a{width: 100%;  height: auto; display: table; float: left; overflow: hidden;}
.a-r-lines-box2a h3{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: 20px;}
.a-r-lines-box2a ul{margin-left: -20px; margin-right: -20px; 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;}	
.a-r-lines-box2a ul li{ display: inline-block; width: 33.333%; padding: 0 20px; margin-bottom: 40px; }	
.a-r-lines-box2a ul li aside{ display:table; width: 100%; height: 100%; padding: 25px 0; border: 1px solid #e8e8e8;}	
.a-r-lines-box2a ul li aside figure{ display: table-cell; vertical-align: middle; text-align: center; width: 40%; }
.a-r-lines-box2a ul li aside figure i{  max-width: 90px; margin: 0 auto; text-align: center; display: block; }	
.a-r-lines-box2a ul li aside figure i img{ width: 100%; display: block;}	
.a-r-lines-box2a ul li aside article{ display: table-cell; vertical-align: middle; text-align: center; width: 60%; }	
.a-r-lines-box2a ul li aside article span{ width: 100%; display: inline-block;   }	
.a-r-lines-box2a 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;}	
.a-r-lines-box2a 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;}		
.a-r-lines-box2a 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;}
.a-r-lines-box2a ul li a:hover aside article span big:after{background: url(../images/arrow2.png) no-repeat 0 0; }
.a-r-lines-box2a 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; }



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

.a-r-winches-box1{width: 100%; height: auto; display: block;  margin:65px 0 65px 0; padding: 0 0; }
.a-r-winches-box1:after{ content: ''; width: 100%; display: block; clear: both; line-height: 0; font-size: 0px; }
.a-r-winches-box1a{width: 100%; height: auto; float: left; display: block; }
.a-r-winches-box1a aside{width: 45%; height: auto; float: left; display: block; padding-right: 40px;  }
.a-r-winches-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: bold; color: #000000; line-height: 40px;  text-transform: uppercase; z-index: 2; letter-spacing: 3px; white-space: nowrap; padding-right: 35px;}
.a-r-winches-box1a aside h2:after{ content: ''; position: absolute; right: 0px; top: 8px; background: #f36523; width: 185px; height: 22px; z-index: -1; }
.a-r-winches-box1a article{width: 55%; height: auto; float: left; display: block; }
.a-r-winches-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;  }
.a-r-winches-box1a article p strong{font-weight: 600;}



.a-r-winches-box2{width: 100%; height: auto; display: block; padding:45px 0 45px 0;  background: #f6f6f6; }
.a-r-winches-box2:after{ content: ''; width: 100%; display: block; clear: both; line-height: 0; font-size: 0px; }
.a-r-winches-box2a{width: 100%; max-width: 538px;  height: auto;  float: left; padding-bottom: 60px; }

.a-r-winches-box2a span{width: 100%; height: auto; display: block;  padding-bottom: 25px; font-family: 'Lato', sans-serif; font-size: 14px; font-weight: bold; color: #191919; line-height: 16px; }

.a-r-winches-box2a h2{width: 100%; height: auto; font-family: 'Lato', sans-serif; font-size: 24px; font-weight: bold; color: #191919; line-height: 28px; text-transform: uppercase; padding-bottom: 30px; letter-spacing:  3px; }

.a-r-winches-box2a p{width: 100%;  font-family: 'Lato', sans-serif; font-size: 14px; font-weight: 400; color: #232323; line-height: 18px; padding-bottom: 30px; }


.a-r-winches-box2a a{ width: auto; height: 40px; display: block; background: #FFF; border-radius: 20px; padding: 0 35px 0 17px; float: left; font-family: 'Lato', sans-serif; font-size: 10px; font-weight: 600; color: #000000; line-height: 40px; text-transform: uppercase; position: relative;  }

.a-r-winches-box2a a:after{ content:''; position: absolute; right:11px; top:14px; width: 12px; height: 10px; background: url(../images/arrow5.png) no-repeat -31px 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;}
.a-r-winches-box2a a:hover:after{ background: url(../images/arrow5.png) no-repeat 0px 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;  }




.a-r-winches-box2b{width: 100%;  height: auto; display: table; float: left; overflow: hidden;}
.a-r-winches-box2b h3{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: 20px;}
.a-r-winches-box2b ul{margin-left: -20px; margin-right: -20px; 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;}	
.a-r-winches-box2b ul li{ display: inline-block; width: 33.333%; padding: 0 20px; margin-bottom: 40px; }	
.a-r-winches-box2b ul li aside{ display:table; width: 100%; height: 100%; padding: 25px 0; border: 1px solid #e8e8e8; background: #fff;}	
.a-r-winches-box2b ul li aside figure{ display: table-cell; vertical-align: middle; text-align: center; width: 40%; }
.a-r-winches-box2b ul li aside figure i{  max-width: 90px; margin: 0 auto; text-align: center; display: block; }	
.a-r-winches-box2b ul li aside figure i img{ width: 100%; display: block;}	
.a-r-winches-box2b ul li aside article{ display: table-cell; vertical-align: middle; text-align: center; width: 60%; }	
.a-r-winches-box2b ul li aside article span{ width: 100%; display: inline-block;   }	
.a-r-winches-box2b 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;}	
.a-r-winches-box2b 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;}		
.a-r-winches-box2b 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;}
.a-r-winches-box2b ul li a:hover aside article span big:after{background: url(../images/arrow2.png) no-repeat 0 0; }
.a-r-winches-box2b 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; }



.a-r-winches-box3{width: 100%; height: auto; display: block; background: url(../images/winches-bg.png) no-repeat center center;}
.a-r-winches-box3:after{ content: ''; width: 100%; display: block; clear: both; line-height: 0; font-size: 0px; }
.a-r-winches-box3a{width: 100%; max-width: 538px;  height: auto; margin: 0 auto; text-align: center; padding: 90px 0 70px 0;}
.a-r-winches-box3a h2{width: 100%; height: auto; display: block;  padding-bottom: 7px; font-family: 'Lato', sans-serif; font-size: 14px; font-weight: bold; color: #181818; line-height: 16px; text-transform: uppercase;  }

.a-r-winches-box3a h3{width: 100%; height: auto; font-family: 'Lato', sans-serif; font-size: 30px; font-weight: bold; color: #181818; line-height: 32px; text-transform: uppercase; padding-bottom: 10px; letter-spacing:  1px; }

.a-r-winches-box3a p{width: 100%;  font-family: 'Lato', sans-serif; font-size: 18px; font-weight: 400; color: #181818; line-height: 22px; padding-bottom: 15px; }


.a-r-winches-box3a a{ width: auto; height: 40px;  display: table; margin: 0 auto; background: #f0f0f0; border-radius: 20px; padding: 0 35px 0 17px; font-family: 'Lato', sans-serif; font-size: 10px; font-weight: 600; color: #000000; line-height: 40px; text-transform: uppercase; position: relative;  }

.a-r-winches-box3a a:after{ content:''; position: absolute; right:11px; top:14px; width: 12px; height: 10px; background: url(../images/arrow5.png) no-repeat -31px 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;}
.a-r-winches-box3a a:hover:after{ background: url(../images/arrow5.png) no-repeat 0px 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;  }
li.smallbgwhite aside {
    background: #fff;
}



@media screen and (max-width: 1000px) {
	.a-r-lines-box2a ul li{ width: 50%; }
	
	.a-r-winches-box2b ul li{ width: 50%; }
}

@media screen and (max-width: 800px) {
	.a-r-winches-box1{
		margin: 50px 0;
	}
	.a-r-winches-box2{
		padding: 45px 0 0;
	}
.a-r-winches-box1a aside { width: 100%;padding-right: 0px;}
	.a-r-winches-box1a article {width: 100%;}
}
@media screen and (max-width: 600px) {
.a-r-lines-box1 {margin: 50px 0 50px 0;}
	.a-r-lines-box2 {padding: 50px 0 50px 0;}
.a-r-lines-box2a ul li{ width: 100%; }
.a-r-winches-box2b ul li{ width: 100%; }	
}
@media screen and (max-width: 550px) {
	.a-r-lines-box1a aside {width: 100%;padding-right: 0px;}
	.a-r-lines-box1a article {width: 100%;}
}