.custom-card {
    /* Add shadows to create the "card" effect */
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
}

/* On mouse-over, add a deeper shadow */
.custom-card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

/* Add some padding inside the card container */
.custom-card-container {
    padding: 5px 15px 10px 15px;
}


.custom-form input.ng-invalid.ng-touched{
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}


.custom-nl {
    letter-spacing: 1px;
    font-size: 15pt;
    font-family: custom-li;
}
.custom-nl > .form-group {
    margin :10px;
}


.alert-style{
    margin-left: 35px;
    box-shadow: 0px 2px 5px 5px rgba(0,0,0,0.2);
    position: fixed;
    z-index: 1500;
    font-size: 15pt;
    width: 25%;
    padding-top: 10px;
    height: 125px;
    font-family: custom;
    bottom: 5px; 
}

.home-menu{
	padding-left: 185px;
    padding-top: 75px;
    padding-right: 3%;
}
@keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: -900px 0; }
}
@-moz-keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: -900px 0; }
}
@-webkit-keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: -900px 0; }
}
@-ms-keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: -900px 0; }
}
@-o-keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: -900px 0; }
}
/*Tamaño personalizado de secciones*/

section .section2_bg {
padding-top: 0px;    
}
section .section3_bg {
padding-top: 0px;    
}

.fondo_derecha{
    width: 50%;
    color:#FFF;
    background-image: url(../img/backgrounds/k90.jpeg);
    background-position: 0px 0px;
}

.fondo_izquierda{
    width: 50%;
    color:#FFF;
    background-image: url(../img/backgrounds/G12.jpeg);
    background-position: 0px 0px;
}


.cover {
    width: 100%; 
    /*background-color: rgba(0,0,0,0);*/
}
.animate-area   { 
    color:#FFF;
    background-image: url(../img/backgrounds/G12.jpeg);
    background-position: 0px 0px;
    

    animation: animatedBackground 25s linear infinite;
    -moz-animation: animatedBackground 25s linear infinite;
    -webkit-animation: animatedBackground 25s linear infinite;
    -ms-animation: animatedBackground 25s linear infinite;
    -o-animation: animatedBackground 25s linear infinite;
    animation: animatedBackground 25s linear infinite;


    animation-fill-mode:forwards;

    background-repeat:repeat-x;
    background-size: 120% 100%;

}


.animate-area2   { 
    color:#FFF;
    background-image: url(../img/backgrounds/K90.jpg);
    background-position: 0px 0px;
    

    animation: animatedBackground 25s linear infinite;
    -moz-animation: animatedBackground 25s linear infinite;
    -webkit-animation: animatedBackground 25s linear infinite;
    -ms-animation: animatedBackground 25s linear infinite;
    -o-animation: animatedBackground 25s linear infinite;
    animation: animatedBackground 25s linear infinite;


    animation-fill-mode:forwards;

    background-repeat:repeat-x;
    background-size: 120% 100%;

}

.navmenu, .navbar-offcanvas {
    width: 150px;
    padding-top: 70px;
    height: auto;
    color:#fff;
    border-style: none;

}