
.colorSea{
    background-color: rgba(41, 54, 67,0.92) !important;
}

.imgBanner{
    width: 80%;
}

.colorSeaText{
    color: rgb(41, 54, 67) !important;
}

.btn-outline-sea {
    color: rgb(41, 54, 67) !important;
    background-color: #f8f9fc!important;
    border-color: rgba(41, 54, 67, 0.16) !important;

}

.btn-outline-cat {
    color: rgb(3, 15, 79) !important;
    background-color: #f8f9fc!important;
    border-color: rgba(3,15,79,1) !important;

}

.btn-outline-sea:hover{
    background-color: rgb(41, 54, 67) !important;
    color: #f8f9fc!important;
}

.btn-outline-cat:hover {
    background-color: rgb(3, 15, 79) !important;
    color: #f8f9fc!important;
}

.whiteSmoke{
    background-color: whitesmoke !important;
}

.black{
    color: #000;
}

.borderSea{
    border-color: rgb(41, 54, 67) !important;
    border-width: 2px !important;
}

.cursor {
    cursor: pointer;
}

#map {
    height: 500px;
}

.loading-gif {
    background-image: url("/images/pageload-spinner.gif");
    background-repeat: no-repeat;
    background-color: #303745;
    display: block;
    width: 100%;
    height: 60px;
    background-position: 50% 50%;
  }


  .animated {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
   }
   @-webkit-keyframes flash {
    0%, 50%, 100% {
    opacity: 1;
    }
   25%, 75% {
    opacity: 0;
    }
   }
   @keyframes flash {
    0%, 50%, 100% {
    opacity: 1;
    }
   25%, 75% {
    opacity: 0;
    }
   }
   .flash {
    -webkit-animation-name: flash;
    animation-name: flash;
   }



    .heartBeat {
            animation: heartbeat 2s infinite;
        }

     .tambaleo {
           animation : tambaleo 1s infinite;
     }   

    @keyframes tambaleo {
            from { transform: rotate(-5deg); }
            to { transform: rotate(5deg); }
    }


     @keyframes heartbeat {
            0% {
                transform: scale(1);
            }
            50% {
                transform: scale(1.03);
            }
            100% {
                transform: scale(1);
            }
    }

