.servicios-home .card {
    border-radius: 10px !important;
    overflow: hidden;
}

.servicios-home .card .card-image {
    height: 320px !important;
    overflow: hidden;
}

@media (min-width:992px){
    .servicios-home .card .card-image {
        height: 320px !important;
        overflow: hidden;
    }
}

@media (min-width:1260px){
    .servicios-home .card .card-image {
        height: 400px !important;
        overflow: hidden;
    }
}

.servicios-home .card {
    transition: all ease .2s;
    z-index: 10;
    position: relative;
    transform: scale(1);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-font-smoothing: subpixel-antialiased;    
}

.servicios-home .card:hover{
    z-index: 15;    
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    
    zoom:1;
}

.servicios-home .card .card-image span.card-title{
    z-index: 20;    
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-font-smoothing: subpixel-antialiased;   
}

.servicios-home .card .card-image span.card-title article{
    font-size: 12px !important;
    height: 30px;
    margin-bottom: 20px;
    overflow: hidden;
    font-family: 'Share Tech', sans-serif !important;
    transition: all ease .4s;    
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-font-smoothing: subpixel-antialiased;   
}

.servicios-home .card .card-image::before{
    -webkit-backface-visibility: hidden;
    content:'';
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    background: rgba(1,248,248,0.13);
    background: -moz-linear-gradient(top, rgba(1,248,248,0.13) 0%, rgba(1,248,248,0.35) 43%, rgba(23,135,169,0.67) 65%, rgba(33,83,133,0.75) 75%, rgba(33,83,133,1) 99%, rgba(33,83,133,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(1,248,248,0.13)), color-stop(43%, rgba(1,248,248,0.35)), color-stop(65%, rgba(23,135,169,0.67)), color-stop(75%, rgba(33,83,133,0.75)), color-stop(99%, rgba(33,83,133,1)), color-stop(100%, rgba(33,83,133,1)));
    background: -webkit-linear-gradient(top, rgba(1,248,248,0.13) 0%, rgba(1,248,248,0.35) 43%, rgba(23,135,169,0.67) 65%, rgba(33,83,133,0.75) 75%, rgba(33,83,133,1) 99%, rgba(33,83,133,1) 100%);
    background: -o-linear-gradient(top, rgba(1,248,248,0.13) 0%, rgba(1,248,248,0.35) 43%, rgba(23,135,169,0.67) 65%, rgba(33,83,133,0.75) 75%, rgba(33,83,133,1) 99%, rgba(33,83,133,1) 100%);
    background: -ms-linear-gradient(top, rgba(1,248,248,0.13) 0%, rgba(1,248,248,0.35) 43%, rgba(23,135,169,0.67) 65%, rgba(33,83,133,0.75) 75%, rgba(33,83,133,1) 99%, rgba(33,83,133,1) 100%);
    background: linear-gradient(to bottom, rgba(1,248,248,0.13) 0%, rgba(1,248,248,0.35) 43%, rgba(23,135,169,0.67) 65%, rgba(33,83,133,0.75) 75%, rgba(33,83,133,1) 99%, rgba(33,83,133,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01f8f8', endColorstr='#215385', GradientType=0 );
    z-index: 10;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.servicios-home .card:hover .card-image::before{
    -webkit-transform: scale3d(2, 2, 1);
    -moz-transform: scale3d(2, 2, 1);
    -o-transform: scale3d(2, 2, 1);
    -ms-transform: scale3d(2, 2, 1);
    transform: scale3d(2, 2, 1);
    background: rgba(22,47,95,1);
    background: -moz-linear-gradient(-45deg, rgba(22,47,95,1) 0%, rgba(22,47,95,1) 1%, rgba(22,47,95,0.83) 14%, rgba(18,67,111,0.75) 20%, rgba(3,136,168,0.67) 41%, rgba(0,149,179,0.65) 45%, rgba(22,47,95,0.56) 65%, rgba(22,47,95,0.55) 67%, rgba(22,47,95,0.71) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(22,47,95,1)), color-stop(1%, rgba(22,47,95,1)), color-stop(14%, rgba(22,47,95,0.83)), color-stop(20%, rgba(18,67,111,0.75)), color-stop(41%, rgba(3,136,168,0.67)), color-stop(45%, rgba(0,149,179,0.65)), color-stop(65%, rgba(22,47,95,0.56)), color-stop(67%, rgba(22,47,95,0.55)), color-stop(100%, rgba(22,47,95,0.71)));
    background: -webkit-linear-gradient(-45deg, rgba(22,47,95,1) 0%, rgba(22,47,95,1) 1%, rgba(22,47,95,0.83) 14%, rgba(18,67,111,0.75) 20%, rgba(3,136,168,0.67) 41%, rgba(0,149,179,0.65) 45%, rgba(22,47,95,0.56) 65%, rgba(22,47,95,0.55) 67%, rgba(22,47,95,0.71) 100%);
    background: -o-linear-gradient(-45deg, rgba(22,47,95,1) 0%, rgba(22,47,95,1) 1%, rgba(22,47,95,0.83) 14%, rgba(18,67,111,0.75) 20%, rgba(3,136,168,0.67) 41%, rgba(0,149,179,0.65) 45%, rgba(22,47,95,0.56) 65%, rgba(22,47,95,0.55) 67%, rgba(22,47,95,0.71) 100%);
    background: -ms-linear-gradient(-45deg, rgba(22,47,95,1) 0%, rgba(22,47,95,1) 1%, rgba(22,47,95,0.83) 14%, rgba(18,67,111,0.75) 20%, rgba(3,136,168,0.67) 41%, rgba(0,149,179,0.65) 45%, rgba(22,47,95,0.56) 65%, rgba(22,47,95,0.55) 67%, rgba(22,47,95,0.71) 100%);
    background: linear-gradient(135deg, rgba(22,47,95,1) 0%, rgba(22,47,95,1) 1%, rgba(22,47,95,0.83) 14%, rgba(18,67,111,0.75) 20%, rgba(3,136,168,0.67) 41%, rgba(0,149,179,0.65) 45%, rgba(22,47,95,0.56) 65%, rgba(22,47,95,0.55) 67%, rgba(22,47,95,0.71) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#162f5f', endColorstr='#162f5f', GradientType=1 );
}

.servicios-home .card:hover span.card-title article{
    font-size: 15px !important;
    height: inherit;
    min-height: 30px;
    margin-bottom: 20px;
    overflow: hidden;
}

.servicios-home .card span.card-title a.btn{
    transition: all ease .2s
}

.servicios-home .card:hover span.card-title a.btn{
    height: 54px;
    line-height: 54px;
    font-size: 15px;
    padding: 0 28px;
    background-color: #01F6F8 !important;
    color: #355E8E !important
}

.servicios-home .card .card-image img{
    transition: all ease-out 100s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.servicios-home .card:hover .card-image img{
    -webkit-transform: scale3d(2, 2, 1);
    -moz-transform: scale3d(2, 2, 1);
    -o-transform: scale3d(2, 2, 1);
    -ms-transform: scale3d(2, 2, 1);
    transform: scale3d(2, 2, 1);
}

.servicios-home .card .card-image .divider{
    transition: all cubic-bezier(0.47, 0, 0.745, 0.715) .5s
}

.servicios-home .card:hover .card-image .divider{
    width: 100% !important;
    height: 2px !important;
}

@media(max-width:600px){
    .servicios-home .card:hover span.card-title article{
        max-height: 100px !important;
        overflow: auto !important
    }
}