@charset "utf-8";
/* CSS Document */
.employees-speak-conetnt1 {width: 100%; height: auto;float: left; display: block; padding: 50px 0 50px 0; position: relative;}
.wrapper {margin: 0 auto;max-width: 994px; width: 95%;}	
.employees-speak-box1{width: 100%; height: auto;float: left; display: block;}


.employees-speak-box1a{ width: 100%; height: auto; max-width: 776px; margin: 0 auto;   text-align: center; padding:0px 0 75px 0; box-sizing: border-box; }
.employees-speak-box1a h3{width: 100%; text-align: center; font-size: 14px; color: #1f1f1f; font-weight: 600; line-height: 20px; padding-bottom: 25px;}
.employees-speak-box1a p{width: 100%; height: auto; display: block; text-align: center; font-size: 14px; color: #1f1f1f; font-weight: 400; line-height: 20px; padding-bottom: 15px; }
.employees-speak-box1a p strong{ color: #1f1f1f; font-weight: 600;}
.employees-speak-box1a p:last-of-type{ padding-bottom: 0px;}



.employees-speak-line2{width: 100%; height: auto;float: left; display: block; position: relative; z-index: 1; }
.employees-speak-line2:after{ content: '';width: 100%; height: 1px; position: absolute; left: 0; right: 0; top: 50%;  display: block;  background: rgb(228,49,52);
background: -moz-linear-gradient(90deg, rgba(228,49,52,1) 0%, rgba(223,48,51,1) 25%, rgba(202,48,50,1) 50%, rgba(166,46,48,1) 75%, rgba(57,42,42,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(228,49,52,1) 0%, rgba(223,48,51,1) 25%, rgba(202,48,50,1) 50%, rgba(166,46,48,1) 75%, rgba(57,42,42,1) 100%);
background: linear-gradient(90deg, rgba(228,49,52,1) 0%, rgba(223,48,51,1) 25%, rgba(202,48,50,1) 50%, rgba(166,46,48,1) 75%, rgba(57,42,42,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e43134",endColorstr="#392a2a",GradientType=1);}
.employees-speak-line2 aside{ width: auto; height: auto; margin: 0 auto; display: table; background:#fff;; padding: 0 10px; font-size: 24px; font-weight: 600; color: #1f1f1f;  line-height: 24px; text-align: center; text-transform: uppercase; position: relative; z-index: 2;}
.employees-speak-line2 aside strong{font-weight: 600;}

.employees-speak-box1b{width: 100%; height: auto; float: left;  text-align: center; padding:0px 0 0px 0; box-sizing: border-box;}
.employees-speak-box1b section{width: 100%; height: auto;  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap;}
.employees-speak-box1b section.zonebox-left figure{float: left;}
.employees-speak-box1b section.zonebox-right figure{float: right;  margin-left: auto; order: 2; height: 100%;}

/*.employees-speak-box1b section.zonebox-left a figure{float: left;}
.employees-speak-box1b section.zonebox-right a figure{float: right; height: 100%;  margin-left: auto; order: 2;}*/

.employees-speak-box1b section figure{width: 50%;   display: block; position: relative;  }
.employees-speak-box1b section a figure{ position: relative;  }
.employees-speak-box1b section a figure span{ position: absolute; left: 20px; bottom: 20px; background: url(../images/employees-speak-video.png) no-repeat left top; width: 27px; height: 19px; }
.pefutureImgBox{ min-height:330px; background-size: cover; background-position: center center;}

.employees-speak-box1b section figure img { display: none;}
.employees-speak-box1b section article{width: 50%;float: left; display: table; position: relative;  }
.employees-speak-box1b section a{ width: 100%;}
.employees-speak-box1b section a article{width: 50%; height: 100%; float: left; display: table; position: relative;  }
.employees-speak-box1b section a article aside{ display: table-cell; vertical-align: middle; text-align: center; padding: 50px; box-sizing: border-box;}
.employees-speak-box1b section a article aside h4{width: 100%; height: auto; display: inline-block; position: relative;  font-size: 22px; color: #ffffff; font-weight: 600; line-height: 26px;}

.employees-speak-box1b section a article aside h5{width: 100%; height: auto; display: inline-block; position: relative;  font-size: 18px; color: #ffffff; font-weight: 400; line-height: 24px; padding-bottom: 40px; padding-top: 5px; }
.employees-speak-box1b section a article aside small{ width: 100%; height: auto; display: block; position: relative;  }
.employees-speak-box1b section a article aside small i{ width: 74px; height: 76px; margin: 0 auto 10px; text-align: center; display: block;   }
.employees-speak-box1b section a article aside small:after{ content: 'Click to play'; position: absolute; left: 0; right: 0; border: 0px;  margin: 0 auto; text-align: center; display: block;  font-size: 14px; color: #ffffff; font-weight: 300; line-height: 14px; font-style: normal; }


.employees-speak-box1b section article.red{ background: #ff0000;}
.employees-speak-box1b section article.red:after{ content: ''; position: absolute; left: -40px; top: 50%; margin-top: -10px; width: 20px; height: 20px; border: 20px solid transparent; border-right: 20px solid  #ff0000;}

.employees-speak-box1b section article.red-right{ background: #ff0000;}
.employees-speak-box1b section article.red-right:after{ content: ''; position: absolute; right: -40px; top: 50%; margin-top: -10px; width: 20px; height: 20px; border: 20px solid transparent; border-left: 20px solid  #ff0000;}


.employees-speak-box1b section article.black{ background: #292929;}
.employees-speak-box1b section article.black:after{ content: ''; position: absolute; left: -40px; top: 50%; margin-top: -10px; width: 20px; height: 20px; border: 20px solid transparent; border-right: 20px solid  #292929;}


.employees-speak-box1b section article.black-right{ background: #292929;}
.employees-speak-box1b section article.black-right:after{ content: ''; position: absolute; right: -40px; top: 50%; margin-top: -10px; width: 20px; height: 20px; border: 20px solid transparent; border-left: 20px solid  #292929;}


.employees-speak-box1b section article.orange{ background: #ffb400;}
.employees-speak-box1b section article.orange:after{ content: ''; position: absolute; left: -40px; top: 50%; margin-top: -10px; width: 20px; height: 20px; border: 20px solid transparent; border-right: 20px solid  #ffb400;}


.employees-speak-box1b section article.orange-right{ background: #ffb400;}
.employees-speak-box1b section article.orange-right:after{ content: ''; position: absolute; right: -40px; top: 50%; margin-top: -10px; width: 20px; height: 20px; border: 20px solid transparent; border-left: 20px solid  #ffb400;}

.employees-speak-box1b section article aside{ display: table-cell; vertical-align: middle; text-align: center; padding: 50px; box-sizing: border-box;}
.employees-speak-box1b section article aside h2{width: 100%; height: auto; display: inline-block; position: relative;  font-size: 16px; color: #ffffff; font-weight: 400; line-height: 24px;}
.employees-speak-box1b section article aside h2 small{ content: '';  width: 15px; height: 15px; background: url( ../images/dealer-zone-code-left.png) no-repeat left top; display: inline-block;}
.employees-speak-box1b section article aside h2 big{ width: 9px; height: 9px; display: inline-block; background: url(../images/dealer-zone-code-right.png) no-repeat right top;}
.employees-speak-box1b section article aside h3{width: 100%; height: auto;float: left; display: block; position: relative; padding: 20px 0 10px 0;  font-size: 14px; color: #ffffff; font-weight: 600; line-height: 20px;}
.employees-speak-box1b section article aside p{width: 100%; height: auto;float: left; display: block; position: relative; font-size: 14px; color: #ffffff; font-weight: 400; line-height: 20px;}

.employees-speak-box1c{width: 100%;  height: auto; float: left; display: block;     padding: 50px 0 20px 0;  }
.employees-speak-box1c figure{width: 100%; height:345px; display: block; background: url( ../images/employees-speak-pic12.jpg ) no-repeat center top; background-size: cover; margin-bottom: 75px; position: relative;     -webkit-box-shadow: 0px 0px 4px 0px rgb(0,0,0,0.35);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 0px 4px 0px rgb(0,0,0,0.35);
    }
.employees-speak-box1c figure:after{ content: ''; position: absolute; left: 0; right: 0; bottom: -50px; width: 2px; height: 50px; background: #dd0b18; margin: 0 auto;}
.employees-speak-box1c figure:before{ content: ''; position: absolute; left: 0; right: 0; bottom:0px; width: 2px; height: 50px; background: #fff; margin: 0 auto;}
.employees-speak-box1c h3{width: 100%; height: auto; max-width: 860px; margin: 0 auto;  display: block; text-align: center; font-size: 24px; color: #1f1f1f; font-weight: 400; line-height: 24px; padding-bottom: 15px;  }
.employees-speak-box1c p{width: 100%; height: auto; max-width: 860px; margin: 0 auto;  display: block; text-align: center; font-size: 14px; color: #1f1f1f; font-weight: 400; line-height: 20px; padding-bottom: 15px; }
.employees-speak-box1c p:last-of-type{padding-bottom: 0px; }
.employees-speak-box1c p strong{color: #dd0b18; font-weight: 600;}


.more-box2{width: auto; height: auto; margin: 0px auto 0px; display: table; border: 1px solid #e8e8e8; }
.more-box2 a{width: 100%; height: auto;float: left; display: block;}
.more-box2 a aside{ width: auto; height: auto; float: left; display: block; background: #dc0000; margin-right: 70px;  padding: 25px; box-sizing: border-box; font-size: 14px; font-weight: 600; color: #fff;  line-height: 18px; text-transform: uppercase;  text-align: right; position: relative; background-image:linear-gradient(0, #fac832, #fac832); background-size: 0; transition: .8s; background-repeat: no-repeat;}
.more-box2 a:hover aside{ background-size:100%;}

.more-box2 a aside:after{content: ''; position: absolute; right:-44px; top: 50%; width: 28px; height: 28px; margin-top: -14px;  background: #dd0000 url(../images/rechargeable-usages-arrow.png ) no-repeat center center; border-radius: 50%; }
.more-box2 a:hover aside:after{background: #fac832 url(../images/rechargeable-usages-arrow.png ) no-repeat center center;}



@media screen and (max-width: 900px) {
	.employees-speak-box1b section article aside { padding: 20px;	}
}
@media screen and (max-width: 700px) {
.employees-speak-box1b section figure {width: 100%;}	
	.employees-speak-box1b section.zonebox-right figure{float: left;  margin-left: inherit; order:0;}
.employees-speak-box1b section figure img { display: block; width: 100%; line-height: 0;}
	.pefutureImgBox{ min-height: inherit; height: auto;}
.employees-speak-box1b section article {width: 100%; }
	

.employees-speak-box1b section article.red:after{ content: ''; position: absolute; left: 0px; right: 0;  top:-40px;  margin-top: 0px; margin: 0 auto; width: 20px; height: 20px; border: 20px solid transparent; border-bottom: 20px solid  #ff0000;}
.employees-speak-box1b section article.red-right:after{ content: ''; position: absolute; left: 0px; right: 0;  top:-40px;  margin-top: 0px; margin: 0 auto; width: 20px; height: 20px; border: 20px solid transparent; border-bottom: 20px solid  #ff0000;}
	
	

.employees-speak-box1b section article.black:after{ content: ''; position: absolute; left: 0px; right: 0;  top:-40px;  margin-top: 0px; margin: 0 auto; width: 20px; height: 20px; border: 20px solid transparent; border-bottom: 20px solid  #292929;}



.employees-speak-box1b section article.black-right:after{ content: ''; position: absolute; left: 0px; right: 0;  top:-40px;  margin-top: 0px; margin: 0 auto; width: 20px; height: 20px; border: 20px solid transparent; border-bottom: 20px solid  #292929;}


.employees-speak-box1b section article.orange:after{ content: ''; position: absolute; left: 0px; right: 0;  top:-40px;  margin-top: 0px; margin: 0 auto; width: 20px; height: 20px; border: 20px solid transparent; border-bottom: 20px solid  #ffb400;}



.employees-speak-box1b section article.orange-right:after{ content: ''; position: absolute; left: 0px; right: 0;  top:-40px;  margin-top: 0px; margin: 0 auto; width: 20px; height: 20px; border: 20px solid transparent; border-bottom: 20px solid  #ffb400;}
	.employees-speak-box1b section article aside { padding: 40px;	}
	
	
.employees-speak-box1b section a figure {
	width: 100%; position: relative;}
	.employees-speak-box1b section a article {
    width: 100%; height: auto;
}
	.employees-speak-box1b section a figure span{ display: none;}
	
	.employees-speak-box1b section {
    width: 100%;
    height: auto;
    display: inherit; 
    display: inherit;
    display:inherit;
  display: inherit; 
     display: inherit; 
     flex-wrap: inherit; 
     -webkit-flex-wrap: inherit;
}
}



@media screen and (max-width: 500px) {
		.employees-speak-box1b section article aside { padding: 30px 20px;	}
}
/*section 3 css start*/