.bg-image2{
 background-repeat: no-repeat;
  background-size: auto;
}

a{
  text-decoration: none!important;
}




.ul_nav_menu01{
      display: inline-block!important;
  }

  .icono_preloader{
    position: relative;
    width: 100px;
    height: auto;
    margin: 0 auto!important;
  }

.color_1{
  color: #067988!important;
}

.ul_nav_menu01{
  font-weight: 400|!important;

  margin: 0;
}



.txt_amarillo{
  color: #FFDA00!important;
}


.bg_amarillo{
  background-color: #FFDA00!important;
}

.txt_blanco{
  color: #fff!important;
}

.txt_azul{
  color: #1D4667!important;
}

.txt20{
  font-size: 20px!important;
}


.services-content-block p {
  font-weight: 400!important;
  font-family: Poppins!important;
  font-size: 20px!important;
}


.inner{
    text-align: justify!important;
}

.news h3{
  font-weight: 800!important;

}

.inner h5{
  font-weight: 800!important;

}

.inner p{
  text-align: justify!important;
}

.inner blockquote{
  color: #FFDA00!important;
}

.post-title{
  text-align: left!important;

}


/* Slider LOGO CARROUSEL */


.logos-slider {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    position: relative;
    -webkit-mask-image: linear-gradient(90deg,rgba(0,0,0,0) 0,#000 15%,#000 85%,rgba(0,0,0,0) 100%);
    mask-image: linear-gradient(90deg,rgba(0,0,0,0) 0,#000 15%,#000 85%,rgba(0,0,0,0) 100%);
}

.logos-slider-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5rem;
    animation: slide 60s linear infinite;
}

.logos-slider-container img {
  width:900px;
 max-width: 150px;
}

@keyframes slide {
  0% {
    transform: translate3d(0,0,0)
  }
  100% {
    transform: translate3d(-100%,0,0)
  }
}

h1 {
  text-align: center;
  font-family: 'Lato';
  color: #3D4A54;
}

.card {

  padding: 2rem;
  width:100%;
  margin: 0 auto;

}



/* Slider LOGO CARROUSEL */



/* galeria */
*{
  margin: 0;
  padding: 0;
  text-decoration: none;
}

.title{
  margin-top: 50px;
  h1{
    text-align: center;
    margin: 0;
    padding: 0;
    font-family: Arial;
    text-transform: uppercase;
    color: #d63031;
    
    span{
      display: block;
      color: darken(#d63031, 40%);
      font-size: 20px;
      margin-bottom: 10px;
    }
  }
}

/*Carousel Gallery*/
.carousel-gallery{
  margin: 50px 0;
  padding: 0 30px;
  .swiper-slide{
    a{
      display: block;
      width: 100%;
      height: 200px;
      border-radius: 4px;
      overflow: hidden;
      position: relative;

      -webkit-box-shadow: 3px 2px 20px 0px rgba(0,0,0, .2);
      -moz-box-shadow: 3px 2px 20px 0px rgba(0,0,0, .2);
      box-shadow: 3px 2px 20px 0px rgba(0,0,0, .2);

      &:hover{
        .image{
          .overlay{opacity: 1}
        }
      }

      .image{
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center center;
        .overlay{
          width: 100%;
          height: 100%;
          background-color: rgba(20,20,20, .8);
          text-align: center;
          opacity: 0;
          
          -webkit-transition: all .2s linear; 
          -o-transition: all .2s linear; 
          transition: all .2s linear;

          em{
            color: #fff;
            font-size: 26px;
            position: relative;
            top: 50%; 
            -webkit-transform: translateY(-50%); 
            -ms-transform: translateY(-50%); 
            -o-transform: translateY(-50%); 
            transform: translateY(-50%);
            display: inline-block;
          }
        }
      }
    }
  }
  .swiper-pagination{
    position: relative;
    bottom: auto;
    text-align: center;
    margin-top: 25px;

    .swiper-pagination-bullet{
      -webkit-transition: all .2s linear; 
      -o-transition: all .2s linear; 
      transition: all .2s linear;

      &:hover{
        opacity: .7;
      }

      &.swiper-pagination-bullet-active{
        background-color: #d63031;
        transform: scale(1.1, 1.1)
      }
    }
  }
}
/*# Carousel Gallery*/

.plugins{
  text-align: center;
  
  h3{
    text-align: center;
    margin: 0;
    padding: 0;
    font-family: Arial;
    text-transform: uppercase;
    color: #111;
  }
  
  a{
    display: inline-block;
    font-family: Arial;
    color: #777;
    font-size: 14px;
    margin: 10px;
    transition: all .2s linear;
    
    &:hover{color: #d63031}
  }
}
/* galeria 

/* desactivar preloader
@media only screen and (max-width: 994px) {
  .preloader {
    display: none!important;
  }
}



/* MOUSE */


.container-2 {
  position: absolute;
  width: 24px;
  height: 24px;
  z-index: 10000!important;
  right: 50px;
  bottom: 200px;

}

.chevron {
  position: absolute;
  width: 28px;
  height: 8px;
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
  animation: move 3s ease-out infinite;
}

.chevron:first-child {
  animation: move 3s ease-out 1s infinite;
}

.chevron:nth-child(2) {
  animation: move 3s ease-out 2s infinite;
}

.chevron:before,
.chevron:after {
  content: ' ';
  position: absolute;
  top: 0;
  height: 100%;
  width: 51%;
  background: #fff;
}

.chevron:before {
  left: 0;
  transform: skew(0deg, 30deg);
}

.chevron:after {
  right: 0;
  width: 50%;
  transform: skew(0deg, -30deg);
}

@keyframes move {
  25% {
    opacity: 1;

  }
  33% {
    opacity: 1;
    transform: translateY(30px);
  }
  67% {
    opacity: 1;
    transform: translateY(40px);
  }
  100% {
    opacity: 0;
    transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
  }
}

.text {
  display: block;
  margin-top: 75px;
  margin-left: -30px;
  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  white-space: nowrap;
  opacity: .25;
  animation: pulse 2s linear alternate infinite;
}

@keyframes pulse {
  to {
    opacity: 1;
  }
}
/* MOUSE */