.banner-image{
    background-image: url(../images/banner-7.png); 
    background-size: 100% 100%;
 }

 .h1-banner{
     font-size: 70px;
 }

 #itpro-logo{
    animation: animate 1s ease-in-out infinite alternate;
}

.carousel-item img:before{
    background-color: rgba(0,0,0,0.6);
}

.card:hover{
    
    /* animation: card 1s ease-in-out infinite alternate; */
    transform: scale(1.02);
    
}

.clientes:hover{
    transform: none;
}

.contacto:hover{
    transform: none;
}

.elec:hover{
    transform: none;
}


.cuarto-contenido{
    background-image: url(../images/store.png); 
    background-size: 100% 100%;
    background-attachment: fixed;
}

#store, #contacto, #vigilance{
    animation: move_img 6s ease-in-out infinite;

}

.dropdown-menu{
    background-color: #ffffff !important;
}

.items-services{
    text-decoration: none;
    padding-left: 1rem;
}

.items-services:hover{
    background-color: #3591D4;
    color: #ffffff !important;
}

/* keyframes */
@keyframes animate{
    0%{
        transform: scale(1);
    }
    100%{
        transform: scale(1.04);
    }
}

@keyframes card{
    0%{
        transform: scale(1.04);
    }
    100%{
        transform: scale(1.04);
    }
}

@keyframes move_img{
    0%{
        transform: translateY(10px);
    }
    25%{
        transform: translateY(-10px);
    }
    100%{
        transform: translateY(10px);
    }
}
/* end keyframes */

textarea:hover, 
input:hover, 
textarea:active, 
input:active, 
textarea:focus, 
input:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active
{
    outline:0px !important;
    -webkit-appearance:none;
    box-shadow: none !important;
}

.seccion
{
    padding-top: 100px;
}

/* responsive */

@media screen and (max-width: 811px){
    .banner-image{
        background-image: url(../images/banner-7.png); 
        border-radius: 0 0 0 200px;
     }

    .h1-banner{
        font-size: 30px;
    }

    .carousel-item{
        height: 250px;
    }


    .dropdown-menu{
        background-color: #3591D4 !important;
        border: none;
        
    }

    .items-services{
        color: #ffffff !important;
    }
}
/* end-responsive */