.nav-item {
    color: #707070 !important;
    font-size: 16px;
    
}



.sticky {
    /*position: fixed;*/
    top: 0;
   /* background-color: white;*/
}

.login {
    color: #A1BC31!important;
    font-weight: bold;
}

.register {
    border: solid ;
    border-color: #A1BC31;
    border-radius: 15px;
    width: 180px;
    text-align: center;
    height: 40px;
    padding-bottom: 20px;
}



  
.hexagon {
    width: 100%;
    height: 100%;
  background: #A1BC31;
  -webkit-clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
  clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
  display: flex;
  justify-content: center;
}




.hexagon-inv {
    width: 100%;
    height: 100%;
  background: #A1BC31;
  -webkit-clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
  clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
  display: flex;
  justify-content: center;
}



.nav-link{
    margin-left: 20px;
    
}

.section-principal-index{

    display: flex;
    justify-content: center;
width: 100%;
    
}

.section-content{
    position: relative;
    text-align: center;
    width: 100%;
    

}


.colmena{
    top: 30%;
}

.rastreo-express{
    top: 20%;
}

.cotizador{
    position: relative;
    text-align: center;
    width: 100%;
    height: 120vh;
    top: 10%;

}

.servicios{
    top: 20%;
}

.button-colmena{
    position: relative;
    text-align: center;
    width: 95%;
    top: 35%;
    
}
.tracking{
    background-color: #A1BC31;
    color: white;
    border: 4px solid #A1BC31;
    font-size: 20px;
    margin: 0px 60px;
    padding: 8px 85px 8px 85px;
    border-radius:8px;
}

.quote{
    border: 4px solid #A1BC31;
    color: #707070;
    font-size: 20px;
    margin:75px;
    padding: 8px 75px 8px 75px;
    font-weight: 500;
    border-radius:8px;
}

.registration-number{
    border: 0;
    border-bottom: 4px solid #A1BC31;
    outline: 0;
    font-size: 22px;
    padding: 7px 0;
    background: transparent;
    width: 20%;
    margin: 60px;
}
.search{
    background-color:#A1BC31 ;
    color: white;
    font-size: 22px;
    margin: 40px;
    padding: 10px 60px 10px 60px;
    border-radius: 8px;
}
.estado{
    width: 85%;
}

.boton-cotizador{
    border: 1px solid #A1BC31;
    border-radius: 13px;
    padding: 20px 120px;
    margin: 20px;

}
.boton-selector{
    border: 1px solid #A1BC31;
    border-radius: 13px;
    padding: 20px 180px;
    margin: 20px;

}
.calcular{
    background-color: #A1BC31;
    color: white;
    font-size: 20px;
    padding: 10px 65px 10px 65px;
    border-radius:18px;
    font-weight: bold;
    margin: 40px 0px;

}

.botones-cotizadores{
    display: flex; 
    justify-content: center
    
}

.servicio{
    width: 300px;
    justify-content: center;
    margin: 4%;

}

.content-service{
    display: flex; 
    justify-content: center;
}

.titulo-servicio{
    color: #707070; 
    font-weight: bold;
    padding-top: 40px;
}
.text-servicio{
    color: #707070;
}

.ubicaciones{
    list-style: none;
    padding-left: 0;
    text-align: left;
    
  
}
.ubicaciones li{
    position: relative;
    padding-left: 20px;
    font-size: 18px;
    padding-bottom: -10px;
    color: #707070;

}

.ubicaciones li::before{
    content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    background-size: cover;
    background-position: center ;
    left: 0;
    top: 40%;
    transform: -50%;
  background: #A1BC31;
  -webkit-clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
  clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
  display: flex;
  justify-content: center;

}

.container-direction{
    display: flex; 
    text-align: left;
    margin-top: 70px; 
    margin-left: 200px;
}

.delivery-point-1{
    font-weight: bold; 
    color: #707070; 
    font-size: 40px; 
    text-align: left; 
    padding-bottom: 50px; 
}

.container-whatsapp{
    display: flex; 
    text-align: left;
    margin-top: 10px; 
    margin-left: 200px;
}
.container-email{
    display: flex; 
    text-align: left;
    margin-top: 10px; 
    margin-left: 200px;
    
}

.social{
    margin-left: 300px; 
    color: #707070; 
    font-weight: bold; 
    font-size: 25px; 
    margin-top: 60px;
}
.feet-page{
    width: 108%; 
    border-top: 2px solid #A1BC31; 
    margin-top: 8%; 
    display: flex; 
    justify-content: left;
}
.feet-whatsapp{
    color: #707070;  
    font-size: 18px; 
    margin-top: 60px; 
    margin-right: 250px; 
    text-align: center;
}

.email-ig-fa{
    display: flex; 
    margin-top: 30px; 
    margin-left: 100px;
}
.feet-logo{
    margin-top: 30px; 
    margin-right: 350px;
}
.medio-social{
    display: flex; 
    margin-left: 300px;
}











section {
    height: 100vh;
  }


  body {
    height: 100%;
  }

  

  @media screen {
      
  }



  @media  (orientation: landscape) { 

   

    .video-portrait{
        visibility: collapse;

    }
    .delivery-point-2{
        visibility: collapse;
    }
    .medio-social-2{
        visibility: collapse;
    }
   }


   
  @media  (orientation: portrait) { 
      .navbar{
        /*background-color: #FAFAFA;*/

      }

    .video-landscape{
        visibility: collapse;
        
    }
    .service{
        visibility: collapse;

    }

    .registration-number{
        width: 90%;
        text-align: center;
        margin: 0;
    }

    .estado{
        width: 90%;
        text-align: left;
        margin-left: 25px;
    }
    .xpress{
        color:#A1BC31 ;
    }

    .cotizador{
        top: 1%;
    }
    .botones-cotizadores{
        display:list-item;
    }
    .boton-cotizador{
        padding: 5px 70px;
        display: flex; 
        justify-content: left;
    }
    .boton-selector{
        padding: 8px 140px;
        display: flex; 
        justify-content: left;
        background-color: white;
       
    }
    .titulos-cotizador{
        font-size: 15px;
    }
    .cotizador-informacion{
        visibility: collapse;
    }
    .btn-calcular{
        margin-left: 150px !important;
        
    }
    .calcular{
        padding: 5px 20px;
        font-size: 15px;
        margin: 10px 0px;
        border-radius: 8px;

    }
    .tabla-cotizador{
        margin-left:10px;
        display: inline-table !important;
        
    }
    .total{
        font-size: 17px;
    }
    .advertencia{
        font-size: 10px;
        margin: 20px;
    }

    .servicios{
        top: 0%;
        
       
    }
    .content-service{
        display: grid;
        justify-content: center;
        margin-left: 100px;
       
    }
    .servicio{
        width: 60%;
    }
    .img{
        justify-content: center;
        width: 80px ;
    }
    .titulo-servicio{
        padding-top: 10px;
    }
    .text-servicio{
        font-size: 15px;
    }

    .delivery-point-2{
        font-weight: bold; 
        color: #707070; 
        font-size: 40px; 
        text-align: left; 
        padding-bottom: 50px;
        text-align: center;
        margin-left: -70px;
    }
    .delivery-point-1{
        visibility: collapse;
    }

    .container-direction{
        margin-left: 50px;
    }
    .container-email{
        margin-left: 50px;
    }
    .container-whatsapp{
        margin-left: 50px;
    }
    .social{
        visibility: collapse;
    }

    .feet-whatsapp{
        visibility: collapse;
    }
    .medio-social{

    }
    .email-ig-fa{
        margin: 0;
        background-color: #A1BC31;
    }
    .feet-page{
        width: 100px;
        display: none;
    }
    .feet-logo{
        margin: 0;
       
        
    }
    .ubicaciones{
        width: 300px;
        margin-left: -40px;

    }
    .ubicaciones li::before{
        content: '';
        width: 12px;
        height: 12px;
        position: absolute;
        background-size: cover;
        background-position: center ;
        left: 0;
        top: 10%;
        transform: -50%;
      background: #A1BC31;
      -webkit-clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
      clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
      display: flex;
      justify-content: center;
    }
    .entrega{
        width: 300px;
        margin: 0;
        
    }
    

    

   
   }

   @media (orientation: landscape) {

    .how-portrait {
        display: none
    }




}



@media (orientation: portrait) {

    .how-landscape {
        display: none
    }




}

/*-@keyframes delayedShow {
    to {
        visibility: visible;
    }
}*/

.invisible {
    visibility: hidden;
}


@media (orientation: landscape) {

    .portrait {
     display: none;
    }




}



@media (orientation: portrait) {

    .landscape {
       display: none;
    }




}


.fix-movil-pc{
    width: 100%;
    position: absolute; 
    height: 100%;

}