/* Body */
body{
    color: #0C2A54;
    font-size: 1.15rem;
    font-family: "Fivo Sans";
    scrollbar-color: auto;
}
h1, h2, h3, h4, h5, h6{
    font-family: "Fivo Sans Heavy";
    letter-spacing: 0.4rem;
}
b{
    font-family: "Fivo Sans";
    font-weight: bold;
}
.backgroundImage{
    background-size: cover;
    background-repeat: "no-repeat";
}
.border-primary{
    border-color: #0C2A54!important;
    border-width: 1.5px !important;
}
/* Header */
.active{
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    border-color: #78D2F9
}
.navbar-light{
    margin: 0px !important;
}
.header1{
    font-size: 14px;
}
._header2{
    background-color: #fff!important;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: rgba(12,42,84,0.5)!important;
    font-size: 14px;
}
.header2 .navbar-light .navbar-nav .nav-link {
        text-decoration: none !important;
        color: #0C2A54 !important;
        min-height: 50px;
}
.header1 .navbar-light .navbar-nav .nav-link {
    min-height: 50px;
}
.footer .navbar-light .navbar-nav .nav-link {
    color: #0C2A54 !important;
}

/* Footer */
.texto{
    border-style: solid;
    border-width: 0px 2px 0px 0px;
}
.footer{
    background-color: #f8f9fa !important;
    min-height: 180px;
    color: #0C2A54 !important;
}
.imageFooter{
    max-width: 20rem!important;
    min-width: 20rem!important;
}
.redes{
    position: relative;
    top: 1.5rem;
    z-index: 1;
}
.redesIcon{
    max-width: 20px;
    max-height: 20px;
    margin: 1px;
}
.copyrigth{
    position: relative;
    top: -30px;
    font-size: 0.8rem;
    font-family: "Fivo Sans Bold";
    color: rgba(139,139,139) !important;
}
.imageFooter{
    max-width: 640px;
    width: 1rem;
}
/* Sección nosotros */
.slogan{
    position: relative;
    top: 400px !important;
    animation-delay: 0.25s;
}
.textoNosotros{
    max-width: 800px;
    padding-right: 200px;
}
.nosotrosAnimacionUp{
    animation-delay: 0.5s;
    animation-duration: 0.3s;
}
.nosotrosAnimacionLeft{
    animation-delay: 0.2s;
    animation-duration: 0.3s;
}
.queHacemosAnimacion{
    animation-delay: 0.1s !important;
    animation-duration: 0.15s !important;
}
.animatedIcon1, .animatedIconText1{
    animation-delay: 0.25s !important;
    animation-duration: 0.25s !important;
}
.animatedIcon2, .animatedIconText2{
    animation-delay: 0.5s !important;
    animation-duration: 0.25s !important;
}
.contactoAnimacion1{
    animation-delay: 0.25s !important;
    animation-duration: 0.25s !important;
}
.contactoAnimacion2{
    animation-delay: 0.5s !important;
    animation-duration: 0.25s !important;
}
#nosotros{
    position: relative;
    top: -60px;
}
.logo{
    position: relative;
    
}
._nosotros{
    height: 300px;
}

.misionVision{
    min-height: 425px!important;
    max-height: 425px!important;
    overflow: hidden;
    color: #fff;
}
.tamano0{
    height: 0px;
    width: 0px;
}
.esquinaSuperiorDerecha{
    position: relative !important;
    top: -120px  !important;
    left: -130px;
}
.esquinaInferiorIzquierda{
    position: relative !important;
    top:25px;
}
._esquina{
    position: relative;
    height: 0px;
    width: 0px;
    top:0px;
}
/* Elemento azul */
.lineaAzul1{
    position: relative;
    top: -35px!important;/*
    animation-name: lineaAzul;
    animation-duration: 0.5s;
    animation-timing-function: cubic-bezier(.15,.41,.69,.94);
    animation-iteration-count: 1;*/
    animation-delay: 0.6s;
    animation-duration: 0.2s;

}
.lineaAzul2{
    position:relative;
    left: -80px;
    top: -65px;/*
    animation-delay: 0.5s;
    animation-name: lineaAzul;
    animation-duration: 0.5s;
    animation-timing-function: cubic-bezier(.15,.41,.69,.94);
    animation-iteration-count: 1;*/
    animation-delay: 0.4s;
    animation-duration: 0.2s;

}
.lineaAzul3{
    
    position:relative;
    left: -156px;
    top: -35px;
    animation-delay: 0.2s;
    animation-duration: 0.2s;

}
.imagenLineas{
    min-width: 755px;
}


/* Sección servicios */
#servicios{
    position: relative;
    top: 50px;
}
._servicios{
    min-height: 650px!important;
    max-height: 650px!important;
}
._textura4{
    height: 0px !important;
}

.textura4{
    animation-delay: 0.5s;
    position: relative;
    top: -150px;
    left: 60px;
}
.propiedadAnimacion{
    animation-delay: 0.7s;
    animation-duration: 0.5s;
}
.icon1{
    animation-duration: 0.1s;
}
.icon2{
    animation-delay: 0.1s;
    animation-duration: 0.1s;
}
.icon3{
    animation-delay: 0.2s;
    animation-duration: 0.1s;
}
.icon4{
    animation-delay: 0.3s;
    animation-duration: 0.1s;
}
.derechoDeporte{
    min-height: 470px!important;
    max-height: 470px!important;
}
.tablaServicios{
    min-height: 600px;
}
.tablaIcon1{
    animation-duration: 0.05s;
}
.tablaIcon2{
    animation-delay: 0.05s;
    animation-duration: 0.05s;
}
.tablaIcon3{
    animation-delay: 0.1s;
    animation-duration: 0.05s;
}
.tablaIcon4{
    animation-delay: 0.15s;
    animation-duration: 0.05s;
}
.tablaIcon5{
    animation-delay: 0.2s;
    animation-duration: 0.05s;
}
.tablaIcon6{
    animation-delay: 0.25s;
    animation-duration: 0.05s;
}
.tablaIcon7{
    animation-delay: 0.3s;
    animation-duration: 0.05s;
}
.tablaIcon8{
    animation-delay: 0.4s;
    animation-duration: 0.05s;
}
.slick-prev:after {
    content: "<"!important;
    color: #0C2A54!important;
    font-size: 30px!important;
    opacity: 1!important;
  }
  
.slick-next:before {
    content: ">"!important;
    color: #0C2A54!important;
    font-size: 30px!important;
    opacity: 1!important;

  }
.equipo{
    min-height: 850px!important;
    max-height: 850px!important;    
    overflow: hidden;
}
.imagenEquipo{
    position: relative;
    top: -9.5rem !important;
    animation-delay: 0.6s !important;
    animation-duration: 1s!important;
}
._tituloEquipo{
    min-height: 80px!important;
    max-height: 80px!important;  
}
.equipoTextura1{
    position: relative;
    top: 1.5rem;
    left: 10rem;
    animation-duration: 0.4!important;
}
.equipoTextura2{
    position: relative;
    top: 1.5rem;
    right: 10rem;
    animation-delay:  0.4s!important;
    animation-duration: 0.2s!important;
}
/* Sección contacto */
.contacto{
    min-height: 500px!important;
    max-height: 500px!important;
}
.infoContacto{
    min-height: 300px;
    font-size: 0.90rem!important;
}

.opacidad{
    opacity: 0!important;
}
.formulario{
    min-height: 600px!important;
    max-height: 600px!important;
    overflow: hidden;
}
input[type="text"],input[type="email"], textarea {

    background-color : rgba(247,247,247)!important; 
    border-width: 0!important;
}
input[type="text"],input[type="email"] {
    height: 3.5rem;
}

.contactoTextura1{
    position: relative;
    top: -150px;
    left: 60px;
}
.contactoTextura2{
    position: relative;
    top: -120px;
    left: 20rem;
}
.contactoAnimacion2{
    animation-delay: 0.2s;
}
.btn-rounded{
    border-radius: 50px;
    background-color: #0F192B;
    width: auto;
    letter-spacing: 0.35rem;
    font-size: 1rem!important;
}
/* Animación de scroll down mouse */
.scroll-downs {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    animation-delay: 0.25s;
    width :34px;
    height: 55px;
}
.mousey {
    position: relative;
    top: 200px;
    width: 3px;
    padding: 10px 15px;
    height: 35px;
    border: 2px solid #fff;
    border-radius: 25px;
    opacity: 0.75;
    box-sizing: content-box;
}
.scroller {
    width: 3px;
    height: 10px;
    border-radius: 25%;
    background-color: #fff;
    animation-name: scroll;
    animation-duration: 2.2s;
    animation-timing-function: cubic-bezier(.15,.41,.69,.94);
    animation-iteration-count: infinite;
}
@keyframes scroll {
    0% { opacity: 0; }
    10% { transform: translateY(0); opacity: 1; }
    100% { transform: translateY(15px); opacity: 0;}
}
.doble{
    background-repeat: no-repeat;
    background-position: center;
    min-height: 80px !important;
    max-height: 80px !important;
}
.dobleStart{
    background-repeat: no-repeat;
    background-position: left top;
    min-height: 80px !important;
    max-height: 80px !important;
}
.dobleEnd{
    background-repeat: no-repeat;
    background-position: right top;
    min-height: 80px !important;
    max-height: 80px !important;
}


.slick-slide{
    max-height: 30% !important;
    margin-top: auto !important;
    margin-bottom: auto !important;
    font-size: 1rem;
}
.slider{
    border: 0px;
    width: 75%!important;    
}