
/*===========================
    process css 
===========================*/


/* PROCESS SECTION */
.witr_process{
     overflow: hidden;	 
}
.witr_process_image{
}
.witr_process_image img{
    position: relative;
    width: 100%;
}
.witr_process_box{
	position:absolute;
    left: 20px;
    bottom: 20px;
    z-index: 99; 	
}
.witr_process_icon{}
.witr_process_icon i{
    font-size: 20px;
    -webkit-transition: .5s;
    transition: .5s;
    width: 40px;
    height: 40px;
    line-height: 40px;
}
.witr_process :hover .witr_process_icon i{
    display: none;	
}
.witr_back_process{
    opacity:0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    padding: 35px 30px 30px;
    -webkit-transition: .5s;
    transition: .5s;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1; 
	 -webkit-transform: scale(0); 
	         transform: scale(0);
}
.witr_process :hover .witr_back_process {
 opacity:0.9;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  -webkit-transform: scale(1);
          transform: scale(1);
}

.witr_content_service {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); 
	text-align: left;	
}
.witr_process_icon2 i{
    font-size: 20px;
    -webkit-transition: .5s;
    transition: .5s;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: none;	
}
.witr_process :hover .witr_process_icon2 i{
    display: block;	
}
/* responsive */

@media (min-width: 992px) and (max-width: 1199px) {
.witr_back_process,.witr_process_box {
    display: none;
}
}





