body {
    background-image: url(../img/fondo.svg);
    background-repeat: repeat-y;
    background-size: 100% auto;
    
}
@media screen and (max-width: 991px) {
  body {
    background: none;
  }
}


.header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
    /* padding: 0 0 0.3rem; */
    border-bottom: 0.1rem none transparent;
}

.header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
  border-bottom: 0.1rem none #FFF;
}

.header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link::after {
  content: '';
  display: block;
  width: 0;
  height: 0.1rem;
  margin-top: 0.2rem;
  background: #FFF;
  transition: width .3s;
}

.header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active::after{
  content: '';
  display: block;
  width: 0;
  height: 0.1rem;
  margin-top: 0.3rem;
  background: #FFF;
  transition: width .3s;
}


.header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active {
  border-bottom: 0.1rem block #FFF;
  /* width: 100%; */
  transition: width .3s;
}

.header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover::after {
    width: 100%;
    transition: width .3s;
}


#sliderMain.carousel .carousel-item .item-box {
    background: rgba(0,0,0,.0);
    max-width: 75%;
    align-items: flex-start;
}

#sliderMain.carousel .carousel-item h2 {
    /* font-size: 6rem; */
    text-transform: uppercase;
    padding: 2rem 4rem;
    text-align: left;
    max-width: 50%;
}

.item-box .boton {
    padding: 2rem 4rem;
}

.btn-form {
    transition: all 0.5s;
}

.btn-form:hover {
    /* background: #074A83; */
    /* color: #fff; */
    transition: all 0.5s;
    margin-left: 0.5rem;
    border: solid 0.5px;
}

.carousel-indicators [data-bs-target] {
    border-radius: 10% / 50% !important;
    opacity: 1;
    transition: opacity 1s ease;
}

#sliderMain.carousel .carousel-indicators a.active {
    width: 4rem;
}

#sliderMain.carousel .carousel-indicators a {
    height: 0.8rem;
    width: 2rem;
}

.carousel-indicators {
    left: auto;
}

#sliderMain.carousel .carousel-indicators {
    margin-bottom: 1rem;
}

@media (max-width: 1199px){
    #sliderMain.carousel .carousel-item h2 {
        font-size: 3.5rem;
        max-width: 100%;
        padding: 1rem;
    }
    .btn-form {
        transition: all 0.5s;
        padding: 1rem;
        background-image: none;
    }
    .item-box .boton {
        padding: 1rem;
    }
}

.section-01 .content-block .item-box p:first-of-type {
    color: #141414;
}

.section-02 .content-block .item-box {
    transition: all 1s;
}

.section-02 .content-block .item-box:hover {
    transition: all 3s;
    background-position: left !important;
    transform: scale(1.05);
}
.item-box a{
    transition: all 0.5s;
}
.item-box a:hover{
    transition: all 0.5s;
    transform: rotate(0.1);
}

.section-02 .item-box a::after {
    content: '';
    display: block;
    width: 0;
    height: 0.2rem;
    background: #074A83;
    transition: width .3s;
}

.item-box a:hover::after {
    width: 100%;
    transition: width .3s;
}

.section-03 {
    margin: 0 !important;
}

.section-form form .form-contacto.collapse .card-body {
    border-radius: 15px;
    transition: all 0.5s;
}

.section-form form .form-contacto.collapse .card-body ul li:hover {
    background: #3897CE;
    transition: all 0.5s;
    border-radius: 15px;
}

.section-aliados {
    background-color: #ffffff;
}



/*NOSOTROS*/

.section-nosotros-01 {
    margin-top: -25rem;
}

.btn-cta-01:hover{
    background-color: #074A83;
    transition: all 0.5s;
    color: #ffffff;
}

/* SERVICIOS */

.section-servicios-01 {
    margin-top: -25rem;
}

/* TRABAJE CON NOSOTROS */
.section-trabaja-con-nosotros-01{
    margin-top: -23rem;
}

/* CONTACTO */

.section-contactanos-01 {
    margin-top: -25rem;
}

/*****/

@media (max-width: 767px){
    .section-servicios-01 {
        margin-top: -5rem;
    }
    .section-nosotros-01 {
        margin-top: -5rem;
    }
    .section-contactanos-01 {
        margin-top: -5rem;
    }
    .section-trabaja-con-nosotros-01{
        margin-top: -5rem;
    }
    .header .navbar .navbar-collapse .navbar-nav .nav-item {
        text-align: center;
    }
}

/* ANIMACIONES */
.slide-in-bck-center {
	-webkit-animation: slide-in-bck-center 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-bck-center 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

 @-webkit-keyframes slide-in-bck-center {
    0% {
      -webkit-transform: translateZ(600px);
              transform: translateZ(600px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateZ(0);
              transform: translateZ(0);
      opacity: 1;
    }
  }
  @keyframes slide-in-bck-center {
    0% {
      -webkit-transform: translateZ(600px);
              transform: translateZ(600px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateZ(0);
              transform: translateZ(0);
      opacity: 1;
    }
  }
  
.slide-in-blurred-left {
	-webkit-animation: slide-in-blurred-left 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	        animation: slide-in-blurred-left 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}

 @-webkit-keyframes slide-in-blurred-left {
    0% {
      -webkit-transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
              transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
      -webkit-transform-origin: 100% 50%;
              transform-origin: 100% 50%;
      -webkit-filter: blur(40px);
              filter: blur(40px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0) scaleY(1) scaleX(1);
              transform: translateX(0) scaleY(1) scaleX(1);
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
      -webkit-filter: blur(0);
              filter: blur(0);
      opacity: 1;
    }
  }
  @keyframes slide-in-blurred-left {
    0% {
      -webkit-transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
              transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
      -webkit-transform-origin: 100% 50%;
              transform-origin: 100% 50%;
      -webkit-filter: blur(40px);
              filter: blur(40px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0) scaleY(1) scaleX(1);
              transform: translateX(0) scaleY(1) scaleX(1);
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
      -webkit-filter: blur(0);
              filter: blur(0);
      opacity: 1;
    }
  }

.slide-in-blurred-right {
	-webkit-animation: slide-in-blurred-right 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	        animation: slide-in-blurred-right 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}

@-webkit-keyframes slide-in-blurred-right {
    0% {
      -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
              transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
      -webkit-transform-origin: 0% 50%;
              transform-origin: 0% 50%;
      -webkit-filter: blur(40px);
              filter: blur(40px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0) scaleY(1) scaleX(1);
              transform: translateX(0) scaleY(1) scaleX(1);
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
      -webkit-filter: blur(0);
              filter: blur(0);
      opacity: 1;
    }
  }
  @keyframes slide-in-blurred-right {
    0% {
      -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
              transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
      -webkit-transform-origin: 0% 50%;
              transform-origin: 0% 50%;
      -webkit-filter: blur(40px);
              filter: blur(40px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0) scaleY(1) scaleX(1);
              transform: translateX(0) scaleY(1) scaleX(1);
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
      -webkit-filter: blur(0);
              filter: blur(0);
      opacity: 1;
    }
}