.ject_mid{
position:relative;
background: #fff;
}
.ject_mid_img{
overflow:hidden;
}
.ject_mid_img img{
width:100%;}
.ject_mid_1:after{background-color:rgba(0,0,0,.5);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .5s cubic-bezier(.4,.8,.74,1) 0s;width:100%}
.a-image-hover{align-items:center;color:#fff;display:flex;font-size:14px; font-family: "Montserrat-Medium";height:100%;justify-content:center;left:0;letter-spacing:0;line-height:1;position:absolute;top:0;width:100%;z-index:10;}

.ject .swiper-slide:hover .a-image-hover {
  background: url(plus.png) no-repeat 50% 60%;
  background-size: 25px;
}

.a-image-hover span{display:inline-block;opacity:0;transform:translate3d(-30px,0,0);transition:all .5s cubic-bezier(.14,1,.34,1) 0s}
.a-image-hover span:first-child{transition-delay:.03s}
.a-image-hover span:nth-child(2){transition-delay:.06s}
.a-image-hover span:nth-child(3){transition-delay:.09s}
.a-image-hover span:nth-child(4){transition-delay:.12s}
.ject .swiper-slide:hover .a-image-hover span{opacity:1;transform:translateZ(0)}
.ject .swiper-slide:hover .a-image-hover span:first-child{transition-delay:.12s}
.ject .swiper-slide:hover .a-image-hover span:nth-child(2){transition-delay:.06s}
.ject .swiper-slide:hover .a-image-hover span:nth-child(3){transition-delay:.04s}
.ject .swiper-slide:hover .a-image-hover span:nth-child(4){transition-delay:.03s}
.ject .swiper-slide:hover .ject_mid_1:after{
opacity:1;}
.ject_mid_1{
position:relative;
}
.ject_mid_2{
  position: relative;
  padding: 20px 30px 10px 30px;
  padding-right: 50px;
  background: #fff;
}
.ject_mid_2_right{ 
  position: absolute;
  right: 30px;
  top: 50%;
  background: url(arrow3.png) no-repeat center;
  width: 36px;
  height: 24px;
  background-size: 36px;
  -webkit-transition:all 0.3s ease;
  transition:all 0.3s ease; 
  opacity: 0;
}
.ject_mid:hover .ject_mid_2_right {
  opacity: 1;
}

.ject_mid_2_left_1{
  font-size:18px; 
  color:#000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ject_mid_2_left_2{ 
  margin-top: 5px;
    min-height: 20px;
    font-size: 15px;
    color: #080808;
}
.ject_mid_2_right span{
color:#03af37; font-size:32px; font-family:Arial, Helvetica, sans-serif}
.ject_mid_1_footer{ z-index:100;
position:absolute; height:106px; left:0; bottom:-53px; background-color:#f7f7f7; width:66%;}
.ject_mid_1_footer_mid{
margin-left:15px;}
.ject_mid_1_footer_mid img{
max-width:100%;}
.project_footer{
  width: 70%;
  left: 0;
  margin-top:108px; 
  margin-bottom:108px; 
  position:relative;
}
#project_scroll{ 
  left:100px; 
  width:100%;
  position:relative; 
  border-radius:0; 
  height:5px; 
  background:none; 
  background-image:url(bar.png); 
  background-position:center; 
  background-repeat:repeat-x;
  margin-left: 50px;

}
#project_scroll .swiper-scrollbar-drag{border-radius:0; background-color:#42e472}
.project_footer_right{
position:absolute; right:-315px; top:-18px;}
.project_footer_right a{ overflow:hidden; 
display:inline-block; position:relative; font-size:45px; color:#2f2f2f; font-family:Arial, Helvetica, sans-serif;}

.project_footer_right a span{ margin-top:-19.5px; background-image:url(arrow3.jpg);
content:''; position:absolute; left:-69px; top:50%; width:49px; height:39px; background-position:center; background-repeat:no-repeat; background-size:cover;}


.project_footer_right a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  border-bottom: 1px solid #42e472;
  transition: all 0.8s cubic-bezier(0.555, 0.205, 0.295, 0.975);
}

.project_footer_right a:hover:after {
  -webkit-animation: link-hover 0.8s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1;
  animation: link-hover 0.8s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1;
}

.project_footer_right_footer{
  position:absolute; 
  left:0; 
  bottom:-35px; 
  width:100%;
}
.project_footer_right_footer a{ 
  margin: 0 3px 0 3px;
    display: inline-block;
    width: 55px;
    height: 60px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 15px;
    background-color: #f58116;
}
.project_footer_right_footer_left{
background-image:url(arrow1-1.png);}
.project_footer_right_footer_right{
background-image:url(arrow2-1.png);}

 
@media screen and (max-width:1200px) {
.ject_mid_1_footer{
height:70px; bottom:-35px;}

.ject_mid_1_footer img{
max-height:40px;}
.ject_mid_2{
  padding: 0px 10px 10px 15px;
}
.ject_mid_2_right{
position:static; margin-bottom:15px;}
.ject_mid_2_right span{
font-size:20px;}
.ject_mid_2_right,.ject_mid_2_left_1{
font-size:16px;}
.ject_mid_2_left_2{
font-size:14px;}


}



@media screen and (max-width:950px) {
.ject{
margin-left:6%; margin-right:6%;}
.project_footer_right{
text-align:center; margin-top:40px;}
.project_footer_right a{
font-size:24px;}
.project_footer{
left:33%;}
.project_footer_right,.project_footer_right_footer{
position:static}
}


@media screen and (max-width:640px) {

	.project_footer_right_footer{
	padding-top:10px;
  }
	#project_scroll{
	height:2px;
  }
	.project_footer{
	margin:40px 0px; left:6%; width:88%;
  }

}

@media screen and (max-width:140px) {
.ject_mid_2_right{
position:relative; top:0;}
.ject_mid_2{
padding-right:0;  }
.ject_mid_2_right{
padding-bottom:10px;}

}