.bandera{
  width: 5%;
}
.navbar-nav{
  justify-content: end;
}
.btn__icon{
  justify-content: center !important;
}


/*HOME*/
.home{
  position:fixed;
  bottom:3rem;
  right: -100%;
  width: 55px;
  height: 55px;
  padding:2px;
  background: #00bb2d;
  border: 2px solid white;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: 0.5s;
  font-size: 2.2rem;
  color:white;
  z-index: 1000;
  border-radius: 50%;
  transition: 0.5s;
}
.home a{
  color:white;
  transition: 0.5s;
}
.home a i{
  /*font-size: 2rem;*/
  transition: 0.5s;
}
.home:hover{
  background:white;
  border: 2px solid #00bb2d;
  color:#00bb2d;
}
.home:hover a{
  color:#00bb2d;
}
.home a i:hover{
  color:#00bb2d;
}
/* HOME */

.logo-light, .logo-dark{
  width: 80%;
}
.logos-clientes{
  background-color: whitesmoke;
}

.logos-clientes .contenedor {
  padding: 2rem;
}

.service-item{
  height: 400px !important;
}
[class*=" icon-"], [class^="icon-"], [class*=" icon"], [class^="icon"]{
  font-size: 1.2rem;
}

/* PRELOADER */
.loading{
  width: 100%;
  height: 100vh;
  background: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  top:0;
  left: 0;
  z-index: 100000;
  -webkit-clip-path: circle(100% at 50% 50%);
          clip-path: circle(100% at 50% 50%);
  -webkit-transition: -webkit-clip-path 0.8s ease-in-out;
  transition: -webkit-clip-path 0.8s ease-in-out;
  -o-transition: clip-path 0.8s ease-in-out;
  transition: clip-path 0.8s ease-in-out;
  transition: clip-path 0.8s ease-in-out, -webkit-clip-path 0.8s ease-in-out;
}
.loading .logo-carga{
  width: 20%;
}
.loading2{
  -webkit-clip-path: circle(0% at 50% 50%);
          clip-path: circle(0% at 50% 50%);
}
.lds-dual-ring {
  display: inline-block;
  width: 80px;
  height: 80px;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 4px solid #fff;
  border-color: white transparent white transparent;
  -webkit-animation: lds-dual-ring 1.2s linear infinite;
          animation: lds-dual-ring 1.2s linear infinite;
}
@-webkit-keyframes lds-dual-ring {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes lds-dual-ring {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/* PRELOADER */

/* ESPACIOS */
.espacio-section{
  padding: 3rem;
}
/* ESPACIOS */

/* SUBTITULOS */
.contenedor-subtitulo{
  text-align: center;
}
.contenedor-subtitulo h2{
  font-family: fuente-light;
  font-size: 1.3rem;
  margin-bottom:5rem;
}
/* SUBTITULOS */

/* FACTS */
.facts{
  position: relative;
  padding-top: 80px;
  padding-bottom: 60px;
}
.fact__title{
  position: relative;
  z-index: 2;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  padding-bottom: 30px;
  text-align: justify;
  font-style: italic;
  opacity:.8;
  padding-right: 3rem;
}
.fact-wrapper{
  padding-right: 2rem !important;
}
/* FACTS */

.titulo-pc{
    display: block;
  }
  .titulo-movil{
    display: none;
  }

 @media only screen and (max-width: 575px){
  .contenedor-gracias h2{
    font-size: 1.5rem;
  }
  .contenedor-gracias img{
    width: 50%;
  }
  .navbar .close-mobile-menu{
    color:black !important;
    z-index: 1500 !important;
    border: 1px solid black !important;
  }
  .titulo-pc{
    display: none;
  }
  .titulo-movil{
    display: block;
  }
  .service-item .service__content{
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .bandera{
    width: 20%;
    margin-top: 1rem;
  }
  .navbar-nav{
    justify-content: start;
  }
  .fact-wrapper{
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .fact__title{
    padding-right: 0rem;
  }
  .service-item{
    height: 225px !important;
  }
  .loading .logo-carga{
    width: 40%;
  }
  .video-empresarial iframe{
      height: 240px !important;
    }
  .timeline-item .timeline__year{
      font-size: 15px !important;
  }
  .timeline-item .timeline__desc{
    padding-left: 25px;
  }
  .navbar-brand img{
    width: 70% !important;
  }
  .carga-aerea-img,
  .carga-almacenaje-img,
  .carga-maritima-img,
  .carga-terrestre-img,
  .courier-internacional-img,
  .carga-liberacion-aduanal-img,
  .carga-servicios-especiales-img{
    height: 600px;
    margin-bottom:4rem;
  }
  .contact-layout1 a{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items:center;
  }
 }

  @media only screen and (max-width: 430px){
    .services-layout1 .service-item{
      padding:20px 40px !important;
    }
    .service-item{
      height: 260px !important;
    }
    .stats-banner .slick-dots{
      top:-20px;
    }
    .footer-top img{
      width: 50%;
    }
    .phone-number{
      font-size: 20px;
    }
    .page-title .pagetitle__heading{
      font-size: 26px !important;
    }
    .service-item{
      height: 300px !important;
    }
  }

  @media (max-width: 400px){
    .service-item .service__content{
      padding-right: 1rem;
      padding-left: 1rem;
    }
  .navbar-brand img{
    width: 50% !important;
  }
  .service-item .btn .icon-arrow-right, .service-item .btn .icon-arrow-left, .btn .icon-arrow-left{
    margin-left: 1rem;
  }
  .contenedor-subtitulo h2{
    font-size: 1rem;
  }
}

  @media only screen and (max-width: 365px){
    .slider .slide__title{
      font-size: 35px;
    }
    .service-item{
      height: 300px !important;
    }
    .video-empresarial iframe{
      height: 200px !important;
    }
    .page-title .pagetitle__heading{
      font-size: 30px !important;
    }
    .heading__title{
      font-size: 25px !important;
    }
  }