*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    width: 100%;
    position: relative;

}
.font1{font-family: 'Poppins', sans-serif; font-style: normal;}
.font2{font-family: 'Muli', sans-serif; font-style: normal;}
.font3{font-family: 'Cormorant Garamond', sans-serif; font-style: normal;}
.font4{font-family: 'Roboto Condensed', sans-serif; font-style: normal;}
nav{ margin-top: 2.5%;
    -o-transition:all 1s ease;
    -ms-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -webkit-transition:all 1s ease;
    transition: all 1s ease;
}
.navbar-brand{margin-left:7%;}
.nav-item{
    font-weight: normal;
    font-size: 14px;
    line-height: 142%;
    text-align: center;
    padding-right: 20px;
}
.nav-link, .nav-link:hover{color: white;}
.bandera{padding: 0;}
.navbar{margin-right:1%;}
.carousel-control-prev, .carousel-control-next{ margin-top: 5%;}
.carousel-control-prev{margin-left:2%;}
.carousel-control-next{margin-right:2%;}
.btn{
    text-transform: uppercase;
    border-radius: 24px;
    width: 180px;
    height: 50px;
    font-weight: bold;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-blanco{
    color: white;
    border: 1px solid white;
}
.btn-blanco:hover{ 
    background:#FF6B00; 
    color:white; 
    border:1px solid #FF6B00; 
}
.btn-blanco:focus{
    border: 1px solid white;
    color: white;
}
.btn-naranja:focus{
    border: 1px solid #FF6B00;
    color: #FF6B00;
}
.btn-naranja{
    color: #FF6B00;
    border: 1px solid #FF6B00;
}
.btn-naranja:hover{color:#FF6B00;}
.btn:focus{
    outline: none;
    background: none;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.carousel-inner button:hover, .text-content button:hover{
    border: 1px solid white;
}
.btn-outline-secondary:hover{background:none;}
.carousel-inner button, .text-content button{
    border: 1px solid white;
    color:white;
}
.carousel-caption{
    position: absolute;
    top: 30%;
    text-align: left;
    margin-left: -6%;
}
.dif{font-size: 30px; font-weight: normal; line-height: 110%; width:50%;}
.titulo-slider{
    width: 75%;
    font-weight: 600;
    font-size: 60px;
    line-height: 110%;
    letter-spacing: -0.02em;
    margin-top:2%;
    margin-bottom:2%;
}
.sub{top:28%;}
.carousel-caption a{
    margin-top: 3%;
    letter-spacing: 0.1em;
}
#section-1 .row{background: #B2ADAD;}
.sin-espacio{margin: 0;    padding:0;}
#section-1 img{width:100%;    margin-left: 3%;}
#section-2 img{    width:106%;}
.text-id{    font-weight: bold;    font-size: 18px;    line-height: 120%;}
.text-content{padding-left:5%; padding-top:3%;}
.content{
    font-weight: 600;
    font-size: 40px;
    line-height: 120%;
    width: 90%;
    margin-bottom: 5%;
}
.padding{ padding:0;}
.bg-naranja{ background: #ff6b00;}
.cambios{ padding-top:17.01%;    height: 858px;}
.naranja{
    margin-left:4.5%;
    margin-right: 4.5%;
    width: 91%;
    padding-left: 5%;
    color: #FF6B00;
    padding-bottom:14.3%;
}
.title-2{
    font-weight: 600;
    font-size: 64px;
    line-height: 110%;
    letter-spacing: -0.02em;
}
.title-3{
    font-weight: 600;
    font-size: 48px;
    line-height: 110%;
    /* or 53px */
    letter-spacing: -0.02em;
}

.format-2{
    font-weight: bold;
    font-size: 24px;
    line-height: 120%;
}
#section-2 .texto{
    color: #FF6B00;
    padding-left: 4%;
    padding-top: 4%;
}
#section-2 .texto h2, #section-2 .texto p{  margin-bottom:5%;}
#section-2 .texto a{  margin-top: 14%;}
#section-3 img{ width:100%;}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper video{
    position: absolute;
    background: black;
    top: 0;
    left: 0;
    width: 100%;
    height: 74.8%;
}

@media (max-width: 600px){
    .videoWrapper video{
        width: 100%;
        height: 150%;
        margin-bottom:100px;
    }
}

#section-1, #section-2, #section-3, #section-4{ margin: 2%;}
#section-4{margin: 7% 2%;}
#section-4 .texto{
    display: block;
    margin: 0 auto;
    color: #FF6B00;
    text-align: center;
}
#section-4 h2{margin-bottom:3%;}
#section-4 .container-fluid{
    margin-top: 8%;
}
#section-4 .recuadro{
    padding: 10%;
    background: #FF6B00;
    width:80%;
    display: block;
    margin: auto;
}
#section-4 h4{
    font-weight: 500;
    font-size: 28px;
    line-height: 110%;
    letter-spacing: -0.02em;
    margin-top:20%;
    margin-bottom:12%;
}
#section-4 .recuadro>div{
    height:132px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 600px){
    #section-4{
        margin-top:200px;
    }
}

#section-4 .div-btn{ margin-top: 10%; display: flex; align-items: center; justify-content: center}
#descripcion{ padding-top: 5%;}
.format-3{
    font-weight: normal;
    font-size: 22px;
    line-height: 120%;
}
#descripcion div h2{ padding-top: 10%;}
#descripcion .naranja p{
    margin-top:2%;
    margin-bottom:4%;
    margin-right:3%;
}
#descripcion div button{ color: #FF6B00; border: 1px solid #FF6B00;}
.cambios-3{ margin-top:-10%;}
#servicios{margin-bottom:5%; }
#servicios .row, #servicios-2 .row{ margin-left: 0%;}
.btn-f{
    border-radius: 0;
    border: 1px solid #E5E5E5;
    border-top:6px solid #FF6B00;
    background:white;
    font-weight: normal;
    font-size: 24px;
    line-height: 120%;
    padding: 5% 5% 5% 9%;
    color: #FF6B00;
    text-align: left;
    display: block;
}
.btn-f:hover{text-decoration: none;}

.img-lg{ width: 100%;}

.btn-f:hover, .btn-lg:hover{ color:#FF6B00;}
.down{ float: right; padding:2%; }
.mg{ margin-top:4%;}
.btn-lg{
    width: 100%;
    border-radius: 0;
    border: 1px solid #E5E5E5;
    border-top: 6px solid #FF6B00;
    background: white;
    font-weight: normal;
    font-size: 24px;
    color: #ff6b00;
    text-align: left;
    padding-left: 4%;
    padding-top:2%;
}
.btn-lg:focus{
    outline: none;
    border: 1px solid #e1e1e1;
    background: none;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    color: #FF6B00;
    border-top: 6px solid #FF6B00;
}
#servicios-2{ margin-top:5%;}
#servicios-2 h3, .sec-blanco h3, #servicios-sa h3{ font-size: 28px; line-height: 120%;}
#servicios-2 p, .sec-blanco p, #servicios-sa p{
    font-weight: normal;
    font-size: 22px;
    line-height: 120%;
}
.sec-blanco{ padding-bottom: 10%; margin-bottom: 10%;}
.text-orange{ color: #FF6B00;}
.img-4{ height: 110px; margin-bottom: 12%;}
.title-4{ margin-bottom: 4%;}
.content-4{ height: 106px;}
.btn-4{ display: flex; align-items: center; justify-content: center;}
#servicios-2 .btn-4{ margin-top:10%; margin-bottom:10%;}
.btn-gris{
    color: #858585;
    border: 1px solid #B2ADAD;
    box-sizing: border-box;
    width: 132px;
}
.btn-gris:hover{ color: #858585;}
#section-9{ margin-bottom: 7%; margin-top:8%;}
#section-9 h2{ color: #FF6B00;}
#section-9 p{
    color:black;
    width: 65%;
    display: block;
    margin: 0 auto;
    font-weight: normal;
    font-size: 22px;
    line-height: 120%;
}
#parrafo{ margin-bottom: 2%;}
.img-cert{ display: flex; align-items: center; justify-content: center;}
.margin{ margin:0;}
#section-9 div.espacio{ margin-top: 5%; }
#locaciones{color:#FF6B00;}
.cambio-abajo{margin-top:5%;}
#locaciones p{font-size: 18px; width: 60%; margin-top:2%}
#mapa{ margin-top:5%; margin-bottom:5%;}
iframe{ display:block; margin: 0 auto; }
#contacto{ background: #f2f2f2; color: #62605F; }
#contacto .container{ padding-bottom:4%; }
#contacto h2{ margin-top: 165px; }
#contacto p{ width:70%; font-size: 18px; }
.form-group{ margin-left: 5%; margin-top: 105px;}
.form-control, #contacto .form-group .row{
    margin-bottom: 2%;
    border-radius: 0;
    height: 48px;
}
textarea{ resize: none; margin-top: 2%;}
#contacto .form-group .row{ padding: 0; margin: 0;}
.etiqueta{
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
}
#contacto .form-group .row .col{ padding:0; margin-bottom: 1%;}
.tel{ width: 90%; margin-left: 10%;}
.btn-contact{
    background: #FF6B00;
    border-radius: 24px;
    font-weight: 600;
    font-size: 13px;
    line-height: 19px;
    width: 186px;
    height: 40px;
    letter-spacing: -0.02em;
    margin-top: 5%;
    border: 1px solid #FF6B00;
}
.btn-contact:focus{
    outline: none;
    border: none;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
footer{ background: #62605F; padding-top: 3.68%;}
.ft{ padding-bottom: 3.47%; }
.medio{ display: flex; align-items: center; justify-content: center;}
.medio-izq{ display: flex; align-items: center;}
.fab{ font-size: 22px; padding: 10px;}
.fab:hover{color:#FF6B00;}
footer .bg-naranja .col-md-6{     font-size:12px;    padding: 1% 0;}
footer .bg-naranja .col-md-6 p{ margin: 0;}
a:hover{text-decoration: none;}
.book{ display: inline-block;}
#btn-ft{ padding-left:13%;}
#btn-ft:HOVER .btn-book{color:#FF6B00 !important;}
.btn-book{
    font-weight: bold;
    font-size: 14px;
    line-height: 110%;
    display:block;
    margin: 2% auto;
    width: 70%;
}
.btn-book:hover{
    background:none;
    border: none;
    color: white;
    text-decoration: none;
}
.btn-book:focus{
    outline: none;
    border: none;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.btn-f:focus{
    outline: none;
    border: 1px solid #E1E1E1;
    border-top: 6px solid #FF6B00;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
footer>.bg-naranja>a:hover{ text-decoration: none;}
.cambio-menu{
    background: white !important;
    margin:0;
    color: black;
    padding-top:2.5%;
    padding-bottom:2.5%;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1);
}


.btn-submit-gont{
    background:#ff6b00;
    color:white;
    border: 1px solid #FF6B00;
    border-radius: 24px;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 150%;
    margin-top: 5%;
}

.btn-submit-gont:hover{
    background:transparent;
    border: 1px solid #ff6b00;
    color:#ff6b00;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.btn-submit-gont:active{
    background:white;
    border: 1px solid #ff6b00;
    color:#ff6b00;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.center-block {-webkit-appearance: none;
}

#slider-2{width: 70%;}
.ancho{ width: 50% !important;}
#section-6{ color: #FF6B00; margin-top: 11.45%;}
#section-6 p{
    font-weight: bold;
    padding-top: 1%;
    display: block;
    margin: 0 auto;
    font-size: 22px;
}
#section-6 .btn-4{     margin-bottom:0;    margin-top: 3%;}
#section-6 .espacio{     margin-top:15%;}
#section-6 span{
    font-weight: normal;
    font-size: 72px;
    line-height: 80%;
}
#section-7{     margin: 5% 2%;}
#section-7 .row{     margin:0;    padding:0;}
.bg-imagen{     background-image: url(../img/bg-imagen.jpg); background-size: cover;   width: 100%;}
.bg-imagen p{
    font-weight: 600;
    font-size: 48px;
    line-height: 120%;
    text-align: center;
    padding: 9% 5%;
}
.fondo-gris{     background-color: #C4C4C4;}
#section-7 h3{
    font-weight: 600;
    font-size: 55px;
    line-height: 116.5%;
    letter-spacing: -0.02em;
}
#section-7 .text-white h3{
    width: 70%;
}
#section-7 .texto p{
    font-weight: normal;
    font-size: 25px;
    line-height: 130%;
    margin-top:5%;
}
#section-7 .texto{     padding:5% 5% 10% 5%;}
#section-8{     margin:2% 3%;}
#section-8 .texto{
    padding-top: 15%;
    padding-bottom: 10%;
}
#section-8 h4{
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: -0.02em;
    margin: 15% 0;
}
#section-8 h3{
    font-weight: 600;
    font-size: 60px;
    line-height: 100%;
    letter-spacing: -0.02em;
    margin: 10% 0;
}
#section-8 p{
    font-weight: normal;
    font-size: 18px;
    line-height: 120%;
    width:140%;
}
#section-8 img{
    margin-top: -12.61%;
    width:100%;
}
.font-300{
    font-weight: 300;
    font-size: 20px;
    line-height: 120%;
    list-style: none;
}
.servicios-des{
    border: 0.5px solid #e5e5e5;
    padding-left:2%;
    padding-top:4%;
    padding-bottom:6%;
    padding: 5% 4% 10% 4%;
}
.servicios-des#logistica{
    padding: 5% 4% 0 4%;
}
.servicios-des .font-300 li::before{
    content: "\2022";
    color: #FF6B00;
    font-size: 28px;
    padding-right:1px;
}
#nuestra-historia{ color: #FF6B00; margin-top: 10%;}
#nuestra-historia img{    margin-top: 5%;}
#vision{ padding-left:10%; }
.centro{
    display: block;
    margin:auto;
}
.top{
    margin-top: -23%;
    background: white;
    padding-top:5%;
}
.ancho9{     width: 90% !important;}
.cambios-2{     margin-top:-4%;}
.sec-blanco .col-md-4{    margin-top: 10%;}
.btn-blanco-2{
    color: white;
    border: 1px solid white;
    box-sizing: border-box;
    width: 132px;
}
.btn-blanco-2:hover{color:white;}
.sec-blanco h3{margin-bottom:3%;}
.cambios-4{margin-top:10%; margin-bottom: 5%;}
.form-control:focus{
    outline: none;
    background: none;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.form-control:active{
    outline: none;
    background: none;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.ancho-c{
    width: 100% !important;
}
#btn-contact-services{ margin-top: 7%;}
#servicio-aduanal, #IATA, #recinto{
    margin-top: 10%;
    margin-bottom: 10%;
}
#servicio-aduanal img, #IATA img, #recinto img{ margin-bottom: 5%;}
#servicio-aduanal p, #IATA p, #recinto p{ width: 85%;}
.centrado{ display: block; margin: 0 auto;}
#servicio-aduanal .col-md-12, #IATA .col-md-12, #recinto .col-md-12{ padding-top:0; margin-top: 3%;}
#servicio-aduanal .btn-4, #IATA .btn-4, #recinto .btn-4{ margin-top: 7%;}
#capacidad h2, #beneficios h2{margin-bottom: 5%;}
#capacidad ul, #servicios-sa ul, #beneficios ul{ list-style: none;}
#capacidad li::before{ content: "·"; padding-right: 8px;}
#capacidad p{ width: 87%;}
#capacidad, #beneficios{margin-bottom: 12%;}
#servicios-sa{ padding-top: 15%; margin-top: 10%; padding-bottom: 10%;}
#servicios-sa li::before{ content: "-"; padding-right: 4px;}
#servicios-sa .btn-4{margin-top: 10%;}
#capacidad .col-md-6 img{ max-width: 100%;}
#beneficios li::before{ content: "-"; padding-right: 8px;}
#beneficios li{margin: 2%;}
#form-login h3{
    font-weight: normal;
    font-size: 36px;
    line-height: 142%;
}
.abs-center {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
  }
.form{     width: 386px;}
.form .btn-gont{
    border: 1px solid #FF6B00;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    width: 100%;
    margin-top: 5%;
}
.btn-gont::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #ff6b00;
}
.btn-gont:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #ff6b00;
   opacity: 1 /* esto es porque Firefox le reduce la opacidad por defecto */;
}
.btn-gont::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #ff6b00;
   opacity:  1;
}
.btn-gont:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #ff6b00;
}
.btn-gont:focus{
    outline: none;
    background: none;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.btn-gont:active{
    outline: none;
    background: none;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
#hero-empresa{background-image:url(../img/slider-8.jpg); background-size: cover;}
#hero-it{    background-image: url(../img/slider-4.jpg);    background-size: cover;}
#hero-gf{background-image: url(../img/slider-7.jpg); background-size: cover;}
#hero-it .texto, #hero-gf .texto, .espacio-hero{    padding:20% 0;}
#section-10{    margin: 5% 0 10% 0;}
#section-10 span{
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    letter-spacing: -0.02em;
}
.title-5{
    font-weight: 600;
    font-size: 60px;
    line-height: 110%;
    letter-spacing: -0.02em;
    margin: 2% 0;
}
#section-10 p, #section-14 p{
    font-weight: normal;
    font-size: 22px;
    line-height: 120%;
}

#section-11 .container-fluid{    margin:0; }
.ancho-100{    width:100%;}
#section-11 .texto{    margin:0 10%;}
.text-body{color:black !important;}
.format-4{
    font-weight: normal;
    font-size: 22px !important;
    line-height: 140%;
}
#section-11 .padding, .reves{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap-reverse;
}
#section-12{  margin: 6% 2% 8%;}
.top-left{     position: absolute;    top: 10%;    left: 7%;}
#section-12 .texto2{
    background-color: #B2ADAD;
    margin:0;
    padding: 4% 0 0 5%;
}
#section-12 .top-left{color: white;}
#section-12 .texto3{padding: 6%;}
#section-12 .texto3 p{    width:93%;}
#section-12 .bg-gray{ background-color: #EDEAEA;}
#section-12 .bg-gray .texto{padding-left: 5%;}
#section-10 .font-weight-bold{    margin:0 4% 2%;}
#section-14 .btn-2{
    border-radius: 24px;
    width: 147px;
    height: 40.83px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}
#section-14 .texto{    padding:6%;}
#section-14 h2{line-height: 136%;}
#section-14 p{letter-spacing: -0.02em;}
#section-14 .reves .text-orange{padding: 0 5%;}
#section-14{margin-bottom: 12%;}


/* Línea de tiempo */
.only-desktop{
    display:block;
}
.only-tablet{
    display:none;
}
.only-mobile{
    display:none;
}

.line-orange{
    display: block;
    position: absolute;
    width:2px;
    height:900px;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, 0%);
    background:#FF6B00;
}
.padding-timeline{
    padding:0 5%;
}
.linea-gris{
    width: 100%;
    height: 1px;
    background:#B2ADAD;
    margin-bottom:30px;
}

.time-line-right{
    margin-top:60px;
}

.año{
    color:black;
}

.texto-gris-left{
   color:#858585;
   text-align: right;
}

.texto-gris-right{
   color:#858585;
   text-align: left;
}

@media (max-width: 1200px){
    .line-orange{
        height:950px;
    }
}

@media (max-width: 1064px){
    .line-orange{
        height:980px;
    }
}

@media (max-width: 991px){
    .line-orange{
        height:1020px;
    }
    .padding-timeline{
        padding:0 6%;
    }
}

@media (max-width: 768px){
    .only-desktop{
        display:none;
    }
    .only-tablet{
        display:block;
    }

    .line-orange{
        display: none;
    }
    .padding-timeline{
        padding:0 5%;
        margin-top:30px;
    }

    .texto-gris-left{
       color:#858585;
       text-align: left;
    }

    .año{
        color:#FF6B00;
    }
}

@media (max-width: 600px){
    .only-desktop{
        display:none;
    }
    .only-tablet{
        display:none;
    }
    .only-mobile{
        display:block;
    }
}


/* Mapa v2 */
#section-ocho {
    height:auto;
    margin: 5% 3%;
    padding-bottom:5%;
}

.cobertura-titulo{
    padding:10% 0 2% 0;
    width:60%;
    text-align: center;
    color: white;
    margin:0 auto;
}

.tabs-mapa{
    border:none;
    width: 80%;
    margin:0 auto;
    align-items: center;
  justify-content: center;
}

.tabs-mapa li a{
    color: white;
}

.tabs-mapa li{
    padding:0 2%;
    color:white;
}

.tabs-mapa li .active{
    color: white;
    font-size: 40px;
    margin-top:-10px;
}

.tab-content>.active {
    display: block;
    text-align: center;
    margin: 0 auto;
}

.map-description{
    text-align: center;
    color: white;
}

.map-container {
  padding: 1.2rem 0;
  position: relative;
  display: inline-block;
}
.map-container img {
  width: 100%;
}

.map-container .point {
  cursor: pointer;
  position: absolute;
  width: 1rem;
  height: 1rem;
  background-color: blue;
  border-radius: 50%;
  transition: all .3s ease;
  will-change: transform, box-shadow;
  box-shadow: 0 0 0 rgba(0, 172, 193, 0.4);
  animation: pulse 3s infinite;
}
.map-container .point:hover {
  animation: none;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    z-index: 99999;
}

.map-container .point:focus {
  animation: none;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  z-index: 99999;
}

.map-container .amarillo{
    background-color: yellow !important;
    border: 1px solid black;
    z-index: 999;
}


/* TERRESTRE */
div.point span {
    display: none;
    color: #111;
    font-size: 120%;
    padding: 1px 5px 2px 5px;
    bottom: -1.6em;
    left: 100%;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
}
div.point:hover span {
    display:block;
    opacity: 1;
    transition: all 0.1s ease 0.2s;
    visibility: visible;
    background: white;
    position: absolute;
    z-index: 999999;
}

div.point:focus span {
    display:block;
    opacity: 1;
    transition: all 0.1s ease 0.2s;
    visibility: visible;
    background: white;
    position: absolute;
    z-index: 999999;
}

.map-container .cdhidalgo{
    top:55%;
    left:30%;
}

.map-container .cdjuares{
    top:62%;
    left:40%;
}

.map-container .nogales{
    top:65%;
    left:42.5%;
}

.map-container .piedras{
    top:62%;
    left:45%;
}

.map-container .reynosa{
    top:65%;
    left:47%;
}

.map-container .laredo{
    top:60%;
    left:49%;
}

.map-container .elpaso{
    top:58%;
    left:42.5%;
}

.map-container .ysidro{
    top:53%;
    left:33%;
}


.map-container .detroit{
    top: 30%;
    left: 62%;
}

.map-container .buffalo{
    top: 28%;
    left: 65%;
}

/*ferro*/
.map-container .nuevoleon{
    top:67%;
    left:46%;
}
.map-container .sanluis{
    top:73%;
    left:45%;
}

.map-container .puerta{
    top:78%;
    left:44%;
}

/*aéreo*/
.map-container .cdmx{
    top:80%;
    left:45%;
}

.map-container .guadalajara{
    top:75%;
    left:40%;
}

.map-container .houston{
    top:57%;
    left:52%;
}

.map-container .chicago{
    top: 32%;
    left: 55%;
}

.map-container .louisville{
    top: 39%;
    left: 60%;
}

.map-container .memphis{
    top: 45%;
    left: 57%;
}

.map-container .miami{
    top: 57%;
    left: 66%;
}

.map-container .anchorage{
    top: 25%;
    left: 25%;
}

/* Marítimo */
.map-container .manzanillo{
    top:78%;
    left:43%;
}

.map-container .lazaro{
    top:67%;
    left:48%;
}

.map-container .tuxpan{
    top:75%;
    left:49%;
}

.map-container .norfolk{
    top: 36%;
    left: 69%;
}

.map-container .savannah{
    top: 52%;
    left: 63%;
}

.map-container .miamidos{
    top: 58%;
    left: 62%;
}

.map-container .california{
    top:49%;
    left:29%;
}

.map-container .seattle{
    top:20%;
    left:28%;
}

/*oficinas*/
.map-container .canada{
    top: 18%;
    left: 58%;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
  }
  70% {
    box-shadow: 0 0 0 25px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}


@media(hover: hover) and (pointer: fine) {
    
}

@media (max-width: 600px){

    #section-ocho{
        overflow-x: hidden;
        padding:10% 0;
    }

    .cobertura-titulo{
        width: 80%;
    }

    .map-container .point {
      width: 0.5rem;
      height: 0.5rem;
    }

    div.point span {
        font-size: 12px;
    }

}