h5:hover{ color: #e94709; cursor: pointer;}
.td-wrapper p{padding-left: 16px;}
.v-container,.v-container .container{height: 100%!important;}
.v-title{top:50px;}
.v-item{border-left:1px rgba(255,255,255,.5) solid; padding-top: 220px!important;}
.v-item:hover{background-color: -webkit-gradient(linear, bottom, top, from(rgba(179,14,119,.5)), to(rgba(179,14,119,0))); background-image: -o-linear-gradient( bottom, rgba(179,14,119,.5), rgba(179,14,119,0)); background-image: linear-gradient(to top, rgba(179,14,119,.5), rgba(179,14,119,0));padding-top: 200px!important;}
.v-item:last-child{border-right:1px rgba(255,255,255,.5) solid;}
.ico{ display: block; margin: auto!important;}
.ico img{ display: block; margin: auto!important;}
.v-section{background-color:#333 ; height: 657px; background-image: url(/assets/images/product/wms/wms-bg2.jpg); background-position: center;}
.sologon{font-size: 36px;}
@media (max-width: 1024px) {
}

@media (max-width: 768px) {
    .v-section{background-color:#333 ; height: 1200px; background-position: center; background-size: cover;}
    .v-item{border-left:1px rgba(255,255,255,.5) solid; padding-top: 130px!important;}
    .v-item:hover{padding-top: 130px!important;}
    .v-item:first-child{border-right:1px rgba(255,255,255,.5) solid; }
    .v-item:nth-child(2){margin-top: 3px!important;border-right:1px rgba(255,255,255,.5) solid;padding-top: 20px!important;}
    .v-item:nth-child(3){margin-top: 3px!important;padding-top: 20px!important;}  
    .v-item:last-child{margin-top: 3px!important;}
    .v-item p{font-size:16px;}
.sologon{font-size: 24px;}
}

@media (max-width: 576px) {
    .v-section{background-color:#333 ; height: 1280px; background-position: center; background-size: cover;}
    .v-item:first-child{border-right:1px rgba(255,255,255,.5) solid;}
    .v-item:nth-child(2){margin-top: 3px!important; border-right:1px rgba(255,255,255,.5) solid;padding-top: 20px!important;}
    .v-item:nth-child(3){margin-top: 3px!important;padding-top: 20px!important;}  
    .v-item:last-child{margin-top: 3px!important;}
    .v-item p{font-size:16px;}
}
/*-----------------
Service style 2
-------------------*/
.service-2 {
position: relative;
padding-top: 40px!important;
}

.service-item2 {
padding: 70px 40px 55px 40px;
position: relative;
overflow: visible;
border-radius: 4px;
box-shadow: 0px 8px 30px rgba(4, 135, 249, 0.12);
transition: all 0.4s ease;
}
.service-item2:hover .icon-box2 {
background: #0487F9;
color: #fff;
}
.service-item2:hover h3 {
color: #0487F9;
}
.service-item2 .icon-box2 {
width: 120px;
height: 120px;
background: #F2F9FF;
text-align: center;
border-radius: 100%;
overflow: hidden;
box-shadow: 0px 3px 26px rgba(0, 0, 0, 0.06);
font-size: 35px;
color: #fff;
padding-top: 20px;
margin: 0 auto 45px;
border: 10px solid #fff;
color: #0487F9;
position: absolute;
top: -60px;
left: 0px;
right: 0px;
transition: all 0.4s ease;
}
.service-item2 .icon-box2 i{font-size:40px;}
.service-item2 h3 {
margin-top: 35px;
transition: all 0.4s ease;
}
.service-item2 p {
margin: 35px 0px 45px 0px;
}



@-webkit-keyframes pulse {
from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
}

to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
}

@keyframes pulse {
from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
}

to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
}

.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}