.slidesWrap{
vertical-align: top;

}
.slidesWrap .controlls button,
.slidesWrap .pager button{
-webkit-appearance: none;
box-shadow: none;
border: none;
background: none;
padding: 0;
margin: 0;
}    
.slidesWrap .pager ul{
list-style-type: none;
}
    
.slidesWrap .controlls{
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
z-index: 3;
display: flex;
align-items: center;
pointer-events: none
}
.slidesWrap button{
cursor: pointer;
outline:none;
}
.slidesWrap .controlls button{
pointer-events: auto;
text-indent: -9999px;
width: 50px;
height: 100%;
position: relative;
}
.slidesWrap .controlls button:after{
content: '';
display: block;
width: 20px;
height: 20px;
box-sizing: border-box;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.slidesWrap .controlls .prevBtn:after{
	transform: rotate(-135deg);
}
.slidesWrap .controlls .nextBtn{
margin-left: auto;
}
.slidesWrap .controlls .nextBtn:after{
transform: rotate(45deg);
}
.slidesWrap .pager{
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
  margin: -75px 0 0;
  position: absolute;
  width: 100%;
}
.slidesWrap .pager li + li{
margin-left: 10px;
}
.slidesWrap .pager li button{
display: block;
text-indent: -9999px;
width: 15px;
height: 15px;
border-radius: 50%;
background: #fff;
border: 1px solid #00963f;
box-sizing: border-box;
}
.slidesWrap .pager li button.current{
background: #00963f;
}

.m_img{
position: relative;
margin: 0;
padding: 0;
}
.m_img .cap{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
color: #fff;
box-sizing: border-box;
}
.m_innerBox{
    width: auto;
}
.m_innerBox p{
    color: #fff;
    font-size: 30px;
    line-height: 35px;
    font-weight: 600;
    margin-bottom: 10px;
     font-family: "Ubuntu Sans", sans-serif;
}
.m_innerBox span{
    color: #fff;
    font-size: 18px;
    font-style: italic;
    line-height: 20px;
    font-weight: 400;
    margin-bottom: 20px;
}
.slide .m_innerBox{
position: absolute;
width: 75%;
bottom: 120px;
left: 50px;
}
.slide .m_innerBox.s_animation{
opacity: 0;
transform: translateX(-60px);
transition: 0.3s 0.5s;
}
.slide.active .m_innerBox.s_animation{
opacity: 1;
transform: translateX(0);
}
.slidesArea{
display: flex;
margin-top: 20px;
}

@media screen and (max-width: 768px) {
.slidesWrap .slides .slide img{
width: 100%;
}
.slidesArea{
display: block;
}
}

.slidesWrap .slide{
    width: 100%;
}
.slidesWrap .slide img{
    width: 100%;
    
}
.container { margin: 150px auto; max-width: 960px; }