div.business{width:65%; padding:50px 0 0px 0 ; position:absolute; bottom:0px; right:150px}
div.business div.item {width:24.5%; float:left; text-align:center; height:250px; margin-right:.5%; position:relative; }
div.business div.item:before {content:""; width:100%; height:100%; background-color:rgba(0,0,0,0.9);
 border-radius:5px ; position:absolute; left:0; top:0; transition:all .3s ease;  }
 div.business div.item:hover:before { border-radius:30px 5px ; transition:all .3s ease;}
div.business div.item:last-child {margin-right:0;}
/*div.business div.item01 {background:url("../img/img1.jpg")no-repeat center center;}
div.business div.item02 {background:url("../img/img2.jpg")no-repeat center center;}
div.business div.item03 {background:url("../img/img3.jpg")no-repeat center center;}
div.business div.item04 {background:url("../img/img4.jpg")no-repeat center center; margin-right:0;}*/

div.business div.item .img {position:absolute; top:0; width:100%; }
div.business div.item .img span {display:block; transition:all 0.3s ease; padding:30px 40px; 
font-size:22px; font-weight:500; color:#fff; text-align:left; width:100%;}
div.business div.item a:hover .img span {transform: translate(0,0px); transition:all 0.3s ease; color:#222;  }
div.business div.item:hover:before { background-color:rgba(255,255,255,0.95); }
div.business div.item {transform: translate(0,0px); transition:all 0.3s ease; }
div.business div.item:hover {transform: translate(0,-20px) !important; transition:all .8s ease ; }

div.business div.item .hover {position:absolute; top:0; /*background-color:rgba(33,36,167,0.8);*/ height:100%; width:100%; 
opacity:1; transition:all 0.3s ease}
div.business div.item .hover .txt { transition:all 0.3s ease; font-size:14px; color:#fff; position:absolute; top:80px;
 text-align:left; padding:0 40px; }
div.business div.item .hover .more {transition:all 0.3s ease; width:50px; height:50px; position:absolute; right:40px; bottom:30px;
background-image:url("../img/arrow.svg"); background-repeat:no-repeat; background-position: center;}
/*div.business div.item .hover .more::after{content:""; color:#fff;  width:20px; height:2px; background-color:#fff; position:absolute; 
  left:50%; top:50%; transform:translate(-50%,-50%);}
div.business div.item .hover .more::before{content:""; color:#fff;  width:2px; height:20px; background-color:#fff; position:absolute; 
  left:50%; top:50%; transform:translate(-50%,-50%);}*/
 div.business div.item01 a:hover .more {background-image:url("../img/ico1.png"); }
 div.business div.item02 a:hover .more {background-image:url("../img/ico2.png"); }
 div.business div.item03 a:hover .more {background-image:url("../img/ico3.png"); }
 div.business div.item04 a:hover .more {background-image:url("../img/ico4.png"); }
div.business div.item a:hover .hover{opacity:1; transition:all 0.3s ease }
div.business div.item a:hover .hover .txt{ transition:all 0.3s ease; top:80px; color:#333; }
div.business div.item a:hover .hover .more {transition:all 0.3s ease; bottom:30px; color:#333; }

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1500px) {
div.business{width:75%; padding:50px 0 0px 0 ; position:absolute; bottom:0px; right:100px}
}
@media (max-width: 1023px) {
	#section1 {position:relative;}
div.business{width:100%; padding:0px 0 0px 0 ; position:absolute; bottom:0px; right:0px}

div.business div.item .hover {opacity:1; background-color:rgba(33,36,167,0);}
div.business div.item { float:left; text-align:center; height:130px;  }
div.business div.item .img span { padding:18px 0 0 0; font-size:15px; color:#fff; text-align:center; }
div.business div.item a:hover .img span {transform: translate(0,-0px);  opacity:1; }
div.business div.item .hover .txt { display:none;  }

div.business div.item .hover .more { width:50px; height:50px; background-color:#fff; border-radius:30px;
left:50%; transform:translate(-50%,0%); right:auto; bottom:25px;  background-repeat:no-repeat; background-position: center; background-size:80%; }
div.business div.item01 .hover .more {background-image:url("../img/ico1.png");}
div.business div.item02 .hover .more {background-image:url("../img/ico2.png");}
div.business div.item03 .hover .more {background-image:url("../img/ico3.png");}
div.business div.item04 .hover .more {background-image:url("../img/ico4.png");}

}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}