/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
:root {
  scroll-behavior: smooth;
}

body {
    font-family: "Ubuntu", sans-serif;
  color: #000; line-height: 170%; 
}

a {
  color: #0a679e;
  text-decoration: none;
}

a:hover {
  color: #0E8EBF;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
font-family: "Playfair Display", serif;  font-weight: 600; 
}

p { font-size: 14pt}

h5 {
    font-weight: 600;
    font-size: 1.15rem;
}


h1.fs-1 {font-size: 4.4rem !important; line-height: 100%}
.link-1 {color: #5D5AA7}

@media (max-width: 768px) {
  .section-header p {
    font-size: 1.2rem;
  
  }
   
}

.text-primary {color: #0A679E !important}
.bg-grey {background-color: #ededed}
.bg-dark-grey {background: #d7d7d7}
.bg-clients {background: url("../../images/EFCO-America-Florida-Stacks-Best-logistics-procurement-purchasing-company-get-help-wiht-logistics-miami-orlando-scaled.jpg") no-repeat #000; background-size: 100% auto}
.bg-light-2 {background: rgba(255,255,255,.6)}
/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}


#logo {}
#logo img {width: 280px}

header.navbar {border-bottom: 1px solid #0A679E !important}
.zoom {transition: transform .2s}
.zoom:hover {transform: scale(1.1);}
/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.hero {width: 100%; overflow-x: hidden; position: relative; padding: 0; background-image: linear-gradient(180deg,#d7d7d7 0%,rgba(118,159,193,0.49) 100%),url("../../images/hotel-lobby-2021-09-03-08-48-20-utc-scaled.jpg") !important;  background-position: center; }
#hero h1 {font-size: 4rem; color: #333333}

.hero.job {width: 100%; overflow-x: hidden; position: relative; padding: 0; background-image: linear-gradient(180deg,#d7d7d7 0%,rgba(118,159,193,0.49) 100%),url("../../images/EFCO-Product-Images.jpg") !important;  background-position: center; }
#hero h1 {font-size: 3rem; color: #333333}

.c2a {background: #0A679E; color: #fff; padding: 10px 20px; border-radius: 1px; font-family: "Montserrat", sans-serif; font-size: 20px}
.c2a:hover {color: #fff; }
.c2a:hover:after {content:"\F285"; font-family: "Bootstrap-icons";  color: #fff; margin-left: 8px; position: relative; top: 3px}

.c2a-2 {background: #333; color: #fff; padding: 10px 20px; border-radius: 1px; font-family: "Montserrat", sans-serif; font-size: 16px; letter-spacing: 1px; border: 10px solid #fff; }
.c2a-2:hover {color: #fff; border:none}
.c2a-2:hover:after {content:"\F138"; font-family: "Bootstrap-icons"; color: #fff; margin-left: 8px; position: relative; top: 3px; }

/*--------------------------------------------------------------
# sections
--------------------------------------------------------------*/
#main {} 
section {padding: 0; width: 100%; overflow-x: hidden;}

.bg-2 {background: url("../../images/EFCO-America-EFCO-Aviation-Florida-Stacks-find-a-logistics-company-miami-scaled.jpg"); background-size: cover}
.bg-dark-2 {background-color: rgba(0,0,0,0.64);}
.bg-black {background-color: #000}
.bg-3 {background: #286181}
.text-blue {color: #286181}

.swiper-button-next::after, .swiper-button-prev::after {color: #000; font-size: 14px}
.swiper-button-next, .swiper-button-prev {border-radius: 50%; background: #ededed; width: 50px; height: 50px}

#animgif {position: absolute; right: 0; bottom: 0; width: 300px}
#animgif img {width: 100%}

.bg-lightblue {background: rgba(12,113,195,0.07) !important}
.text-justify {text-align: justify}
.fs-3rem {font-size: 3rem}

#contacto {background-image: linear-gradient(180deg,#d7d7d7 0%,rgba(118,159,193,0.49) 100%), url("../../images/LATAM-VIP-Lounge-3.jpg"); background-position: 100px; background-size: cover;}

#team .picture img {max-width: 200px}

.border-bottom {border-bottom: 1px solid #286181 !important}

@-webkit-keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/




@media (max-width: 750px) {
    #logo {top:0; right: inherit}
    #hero h1 {font-size: 3rem}
    #team .picture img {max-width: 100%}
}