*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

body{
    width: 100%;
    height: 100%;
    overflow: hidden;
    
}

#container{
    width: 100%;
    height: 100%;
    position: fixed;
}

img{
    width: 100%;
}

@font-face {
    font-family: 'simpleness-regularregular';
    src: url('fonts/simpleness-webfont.eot');
    src: url('fonts/simpleness-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/simpleness-webfont.woff') format('woff'),
         url('fonts/simpleness-webfont.ttf') format('truetype'),
         url('fonts/simpleness-webfont.svg#simpleness-regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* FONDO VIDEO */
.contenido__video{
 background: rgb(247,243,242);
 overflow: hidden;
 position: fixed;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 z-index: -1;
 display: flex;
align-items: center;
}

.video{
 position: absolute;
 width: 100%;
display: none;
border: 0px;
}

#fondovideo{
    z-index: -2;
    position: absolute;
    min-width: 100%;
    min-height: 100%;
}

#unmuteButton{
    width: 2vw;
    cursor: pointer;
    display: none;
    position: absolute;
    top: 3vw;
    left: 4vw;
}

#unmuteButtonoff{
     width: 2vw;
    cursor: pointer;
    display: none;
    position: absolute;
    top: 3vw;
    left: 4vw;
}


/* INDEX */

#tit{
    z-index: 1;
    top: -2000px;
    position: absolute;
}

header{
    
    position: absolute;
    z-index: 30;
    width: 20%;
    height: 43vw;
    top: 50%;
    margin-top: -21.5vw;
    left: 40%;
    
}

#logoheader{
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    
    animation-name: mover;
            animation-duration: 2.5s;
            animation-timing-function: ease-out;
            animation-delay: 2s;        
            animation-fill-mode: forwards;
}

@keyframes mover{
            from{ top: 50%;}
            to{ top: 6.85%;}
        }

#logoheader img{
    padding-right: 2%;
    padding-left: 2%;
    pointer-events: none;
}

#logoheader h2{
    font-family: 'Roboto', sans-serif;
    
    font-size: 1.5vw;
    font-weight: 300;
    text-align: center;
}

#transportes{
    margin-bottom: 1vw;
    color: rgba(10,10,70,1);
    position: relative;
            
           animation-name: transportes;
            animation-duration: 3s;
            animation-timing-function: linear;
            animation-delay: 0s;
            animation-fill-mode: forwards;
}

@keyframes transportes{
            from{color: rgba(10,10,70,1); }
             80%{color: rgba(10,10,70,1);}
            to{color: rgba(10,10,70,0); }
        }

#garraioak{
    margin-top: 0.4vw;
    position: relative;
            color: rgba(10,10,70,0);
           animation-name: garraioak;
            animation-duration: 3s;
            animation-timing-function: ease-in-out;
            animation-delay: 3s;
     animation-fill-mode: forwards;
}

@keyframes garraioak{
            from{color: rgba(10,10,70,0);}
            20%{color: rgba(10,10,70,0.7);}
             80%{color: rgba(10,10,70,1);}
            to{color: rgba(10,10,70,0);}
        }

/* m e n u */


#menu{
    color: #0A0A46;
    width: 8.8vw;
    height: 27vw;
    text-align: right;
    font-family: 'Roboto Condensed', sans-serif;
    position: absolute;
    z-index: 31;
    right: 4%;
    top: 50%;
    margin-top: -13.5vw;
    display: none;
    
}


#menu h3{
    font-weight: 400;
    font-size: 2.86vw;
    color: lightgray;
}

#menu h3 span{
    font-size: 1.5vw;
    position: relative;
    top: -0.9vw;
    margin-right: 0.09vw;
}

#menu h4{
    font-size: 1.35vw;
    font-weight: 400;
    margin-top: -0.7vw;
    margin-bottom: 2.5vw;
    color: lightgray;
}

.urte h4{
    letter-spacing: 0.09vw;
}

#menu li{
    list-style: none;
}

#menu a{
    text-decoration: none;
    color: #0A0A46;
    cursor: pointer;
}

.menu1{
    font-size: 1.15vw;
    letter-spacing: 0.11vw;
    margin-top: 1.45vw;
}

.menu1 a:hover{
    font-weight: 600;
}

.menu2{
    font-size: 0.86vw;
    margin-top: 0.3vw;
}

.menu2 a:hover{
font-weight: 600;
}

#menu .menu2 a{
    color: rgb(140,139,138);
}

#menu ul li p{
    font-size: 0.79vw;
    letter-spacing: 1px;
    margin-top: 3.15vw;
    margin-bottom: 0px;
    line-height: 1.225vw;
}

/* t a r j e t a */

.tarjeta{
    width: 20vw;
    height: calc(20vw * 2);
    background-color: #F7F3F2;
    border-radius: 16px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.29);
    position: absolute;
    z-index: 100;
    top: -150%;
    margin-top: -20vw;
    left: 40vw;
}

.tarjetas{
    width: 66%;
    height: 40vw;
    position: absolute;
    z-index: 100;
    left: 17%;
    top: -150%;
    margin-top: -20vw;
    display: flex;
    justify-content: space-between;
}


.tarjetas .tarjetasdiv{
    width: 30.3%;
    height: 100%;
    background-color: #F7F3F2;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.29);
    overflow: hidden;
}

.puntos{
    font-size: 1vw !important;
    margin-bottom: 1vw !important;
}



#nosotros #camion{
    width: 78%;
    margin-left: auto;
    margin-right: auto;
display: block;
    margin-top: 2vw;
}

#nosotros #txtnos{
    height: 16.5vw;
    overflow: auto;
    border-top: 2.9px solid rgb(211,208,216);
    border-bottom: 2.9px solid rgb(211,208,216);
    padding-top: 1.5vw;
    color: #0A0A46;
    margin-top: 1.5vw;
}

#nosotros #txtnos::-webkit-scrollbar {
    display: none;  /* Ocultar scroll */
}

#nosotros #txtnos p{
    line-height: 1.4vw;
    font-size: 0.9vw;
}

#nosotros #txtnos .mayustxt{
    font-weight: bold;
    font-size: 0.9vw;
    letter-spacing: 0.15vw;
}


#servicioscont{
    padding-top: 1.2vw;
        height: 24vw;
        overflow: auto;
        border-top: 2.9px solid rgb(211,208,216);
        border-bottom: 2.9px solid rgb(211,208,216);
}

#servicioscont .dest{
    font-weight: bold !important;
    text-align: center;
    margin-bottom: 0.6vw !important;
}
.sernum{
    text-align: center !important;
    margin-bottom: 0vw !important;
    
}

#servicioscont::-webkit-scrollbar {
    display: none;  /* Ocultar scroll */
}


#servicios #serh2{
    text-align: justify;
        margin-top: 2vw;
    line-height: 1.3vw;
    font-size: 0.9vw;
}

#servicios #serh2 a{
    text-decoration: none;
    font-weight: bold;
    color: rgb(15,35,200);
    font-style: italic;
}

#contacto a{
    color: rgb(15,35,200);
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9vw;
    font-family: 'Roboto Condensed', sans-serif;
    font-style: italic;
    letter-spacing: 0.1075vw;
}

#contacto{
    text-align: center;
}

#contacto h2{
    margin-bottom: 1.5vw;
}

#contacto p{
    
    justify-content: center;
    font-size: 0.9vw;
   text-align: center;
    line-height: 1.25vw;
    margin-top: 1.5vw;
    margin-bottom: 1.8vw;
}

#contacto .enlacetar{
    font-size: 0.9vw;
    margin-top: 0.3vw;
    margin-bottom: 2vw;
}

#ultcont{
    margin-bottom: 1.5vw !important;
}

#contacto .email{
    font-style: normal;
    color: #707070;
    font-weight: 400;
    font-size: 1vw;
   margin-top: 0vw;
    margin-bottom: 0vw;
    text-align: center;
}

#contlinea1{
    margin-bottom: 1.5vw;
}

#contlinea2{
    margin-top: 1.5vw;
}

.tarjeta h1, .tarjetasdiv h1, .carrusel h1{
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.09vw;
    letter-spacing: 0.1vw;
    font-weight: 400;
    color: #0A0A46;
    width: 100%;
    margin-bottom: 0.2vw;
}


.tarjeta h2, .tarjetasdiv h2, .carrusel h2{
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 0.8vw;
    font-style: italic;
    letter-spacing: 0.1075vw;
    font-weight: 500;
    color: rgb(140,139,138);
    width: 100%;
    margin-bottom: 2vw;
}

.tarjeta p, .tarjetasdiv p, .carrusel p{
    font-family: 'Roboto Condensed', sans-serif;
    text-align: justify;
    font-size: 0.9vw;
    letter-spacing: 0.076vw;
    font-weight: 100;
    color: #0A0A46;
    line-height: 1.4;
    margin-bottom: 1.5vw;
}



.cerrar{
    display: none;
}

.dest{
    font-weight: bold;
    color: #0A0A46;
    font-style: italic;
    letter-spacing: 0.04vw;
}

#nomequipo .dest{
    letter-spacing: 0.076vw;
}

#nomequipo{
    width: 13.6vw;
    height: 22vw;
    overflow: auto;
    border-top: 2.9px solid rgb(211,208,216);
    border-bottom: 2.9px solid rgb(211,208,216);
    position: absolute;
    background-color: #F7F3F2;
}

#nomequipo p{
    font-size: 0.8vw;
    line-height: 1.9;
    margin-top: 1vw;
}

#nomequipo .enlacetar{
    margin-bottom: 2vw !important;
}

.nomequipo2{
    text-align: center;
    padding-top: 0.5vw;
    padding-bottom: 0.4vw;
    overflow: hidden;
}

.nomequipo2 .nombre{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    font-size: 1vw;
    cursor: pointer;
    color: rgb(15,35,200);
    letter-spacing: 0.086vw;
    font-style: italic;
    text-decoration: none;
}

.nomequipo2 p{
    text-align: center;
    font-size: 0.8vw;
    line-height: 1.4vw;
}




#contdirec{
    height: 15.5vw;
    overflow: auto;
    border-top: 2.9px solid rgb(211,208,216);
    border-bottom: 2.9px solid rgb(211,208,216);
    padding-top: 1.1vw;
    
}

#contdirec p {
    font-size: 0.9vw;
    margin-bottom: 1.1vw;
    line-height: 1.9;
}

.flechamovi img{
        display: none;
    }
    


.scrollan{
    height: 1.5vw;
    text-align: center;
    margin-bottom: 1vw;
    margin-top: 1.2vw;
    position: relative;
}

#bolita{
    position: absolute;
    top: 0%;
    left: 50%;
    margin-left: -0.30vw;
    width: 0.22vw;
    height: 0.28vw;
    background-color:  rgb(211,208,216);
    border-radius: 1000px;
    
    animation-name: bolitascroll;
    animation-duration: 1.75s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-delay: 0s;
}

@keyframes bolitascroll{
            from{top: 0%; height: 0.28vw;}
            25%{top: 0%; height: 0.28vw;}
           50%{ top:0.1%; height: 1vw;}
            80%{ top:100%; height: 0.28vw;}
            to{ top:100%; height: 0.28vw;}
        }

#nomequipo::-webkit-scrollbar {
    display: none;  /* Ocultar scroll */
}

#contdirec::-webkit-scrollbar {
    display: none;  /* Ocultar scroll */
}

.cont{
    height: 40vw;
    padding-left: 3.2vw;
    padding-right: 3.2vw;
    padding-top: 2.2vw;
    border-radius: 16px;
}




#traptxt1{
    margin-top: 3vw;
    margin-bottom: 2vw;
}

#traptxt2{
    margin-top: 2vw;
}


#trabajatxt1{
    
    padding-top: 1vw;
    padding-left: 10%;
    padding-right: 10%;
    margin-bottom: 1vw !important;
}

#trabajatxt2{
    margin-bottom: 0vw !important;
    padding-bottom: 1vw;
    padding-left: 5%;
    padding-right: 5%;
}

hr{
   border: 1px solid rgb(211,208,216); 
    width: 50%;
    margin: 0px auto;
}


#enlacetrabaja{
    font-style: italic;
    color: rgb(15,35,200);
    font-weight: 600;
    text-decoration: none;
}


 .enlacetar{
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 0.9vw;
    font-style: italic;
    letter-spacing: 0.1075vw;
    font-weight: 600;
    color: rgb(15,35,200);
    display: block;
    text-decoration: none;
    margin-bottom: 2.2vw;
    cursor: pointer;
}


#condir{
    font-family: 'Roboto', sans-serif;
    font-size: 0.8vw;
    letter-spacing: 0.07166667vw;
    color: #0A0A46;
    margin: 0px auto;
    display: flex;
    align-items: center;
    width: 85%;
    height: 2.4vw;
    justify-content: center;
    font-weight: 600;
}

#carruseldiv3 h2{
    margin-bottom: 1.3vw !important;
}

#localizanos .tarjetasdiv{
    position: relative;
    overflow: hidden;
}

#localizanos .locdir{
    height: 11.5vw; 
    width: 100%; 
    padding: 12.8%; 
    padding-top: 2.2vw; 
    position: absolute; 
    background-color: #F7F3F2; 
    z-index: 35;
}

#localizanos .locdir h2 a{
    text-decoration: none;
    color: rgb(140,139,138);
}


.ham-menu{
    display: none;
}

#tarfond{
    background-color: rgba(10,10,70,0.17);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 30;
    display: none;
}

#coofond{
     background-color: rgba(247,243,242,0.7);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 200;
    display: none;
}


#cotar, #rechtar, #eus{
    width: 20%;
    height: 10vw;
    background-color: rgb(227,227,242);
    border-radius: 16px;
    box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.29);
    padding: 2%;
    position: absolute;
    z-index: 201;
    left: 40%;
    top: -150%;
    margin-top: -5vw;
    bottom: 40%;
    text-align: center;
    color: rgb(140,139,138);
    font-size: 0.8vw;
    font-family: 'Roboto', sans-serif;
    
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    
}

#rechtar h1, #eus h1{
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 0.95vw;
    padding-bottom: 0.7vw;
}

#rechtar #rechtxt, #eus #eustxt{
 padding-bottom: 1.1vw;
}


#cotar #sabermas{
    text-decoration: none;
    font-weight: 600;
    width: 100%;
    color: rgb(15,35,200);
    margin-bottom: 7%;
    margin-top: 6%;
}

#cotar #aceptar, #rechtar #rechaceptar{
    width: 40%;
    border-radius: 5px;
    background-color: #0A0A46;
    text-decoration: none;
    color: white;
    font-size: 0.8vw;
    font-family: 'Roboto', sans-serif;
    
    display: flex;
    align-items: center;
    justify-content: center;
    
}

#eus #eusitxi{
     width: 40%;
    border-radius: 5px;
    background-color: #0A0A46;
    text-decoration: none;
    color: white;
    font-size: 0.8vw;
    font-family: 'Roboto', sans-serif;
    
    display: flex;
    align-items: center;
    justify-content: center;
    
    line-height: 1.7vw;
}


#cotar #rechazar, #rechtar #rechrechazar{
    width: 40%;
    text-decoration: none;
    color: rgb(140,139,138);
    font-size: 0.8vw;
    letter-spacing: 1px;
    font-family: 'Roboto', sans-serif;
    line-height: 1.7vw;
}

#cosabermodal{
    width: 209vw;
    height: 40vw;
    position: absolute;
    z-index: 2000;
    top: -150%;
    margin-top: -20vw;
    left: 38.3888889vw;
    display: flex;
    justify-content: space-around;
}

.cosabertar{
    width: 20vw;
    height: 100%;
    background-color: rgb(240,240,251);
    border-radius: 16px;
    box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.29);
    overflow: hidden;
    padding-left: 3vw;
    padding-right: 3vw;
    position: relative;
}



.cosabertar h1{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1vw;
    font-weight: bolder;
    color: black;
    text-align: center;
    height: 2.4vw;
    color: #0A0A46;
    margin-bottom: 2vw;
}

.cosabertar h2{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 0.7vw;
    letter-spacing: 0.1075vw;
    font-weight: 500;
    color: rgb(140,139,138);
    padding-top: 8.2vw;
    padding-bottom: 1vw;
    text-align: right;
    
}

.cosabertar h3{
    text-align: center;
    padding-top: 1vw;
    padding-bottom: 1.6vw;
    color: #707070;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1vw;
    font-weight: 300;
}

 #leidas{
    display: block;
   position: absolute;
     z-index: 2100;
     left: 50%;
     margin-left: -3.5vw;
     top: -150%;
     margin-top: 15vw;
    cursor: pointer;
    background-color: #0A0A46;
    color: white;
    font-family: 'Roboto', sans-serif;
    font-size: 0.8vw;
    padding-top: 1vw;
    width: 7vw;
     height: 3vw;
     border-radius: 5px;
    text-align: center;
    letter-spacing: 0.07166667vw;
    box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.29);
     
}

#leidas #tik{
    display: none;
    position: absolute;
    top: 50%;
    margin-top: -0.75vw;
    left: 50%;
    margin-left: -0.75vw;
    width: 1.5vw;
    height: 1.5vw;
}

.contlegal{
    height: 16vw;
    padding-top: 1vw;
    padding-bottom: 1vw;
    font-size: 0.9vw;
    
    text-align: justify;
    overflow: auto;
    border-top: 2.9px solid rgb(211,208,216);
}

.scrollbb{
    border-bottom: 2.9px solid rgb(211,208,216);
}

.contlegal::-webkit-scrollbar {
    display: none;  /* Ocultar scroll */
}

.contlegal p{
    color: #707070;
    font-weight: 300;
    font-family: 'Roboto Condensed', sans-serif;
    text-indent: 20%;
        line-height: 1.25vw;
    
}


#fderlegal{
    width: 0.8vw;
    position: absolute;
    z-index: 2100;
    left: 57vw;
    margin-left: -0.4vw;
    top: -150%;
    margin-top: -8.3vw;
    cursor: pointer;
}

#fizlegal{
    width: 0.8vw;
    position: absolute;
    z-index: 2100;
    left: 43vw;
    margin-left: -0.4vw;
    top: -150%;
    margin-top: -8.3vw;
    cursor: pointer;
}

#numtarjeta{
   display: none;
}


.flechaizmov{
       
        display: none;
    }
    
    .flechadermov{
       
        display: none;
    }

#loc1, #loc2, #loc3{
    overflow: hidden;
    position: absolute;
}

#loc1{
    left: 17vw;
}

#loc3{
    right: 17vw;
    left: inherit;
}

#logoaniv{
    width: 2vw;
    margin: 0px auto;
}

#logoaniv img{
    margin-bottom: 1vw;
}

.cosabertar #logoaniv{
    position: absolute;
    left: 50%;
    margin-left: -1vw;
    top: 2.2vw;
    width: 2vw;
}

#listaclientes p{
    text-align: center;
    margin-bottom: 0.8vw;
    color: #707070;
    font-weight: 400;
    font-size: 0.7vw;
    margin-left: -10vw;
    margin-right: -10vw;
}

/* carrusel */

.carrusel{
    width: 66%;
    height: 40vw;
    position: absolute;
    z-index: 100;
    left: 17%;
    top: -150%;
    margin-top: -20vw;
    
    
}

.carruseldiv{
    width: 30.3%;
    height: 100%;
    background-color: #F7F3F2;
    border-radius: 16px;
    box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.29);
    
}

.carruseldiv .cont{
    height: 100%;
}

.flechaiz{
    position: absolute;
    left: 24.5vw;
    top: 6vw;
    width: 0.8vw;
    z-index: 1005;
    cursor: pointer;
    display: none;
}

.flechader{
    position: absolute;
    right: 24.5vw;
    top: 6vw;
    width: 0.8vw;
    z-index: 1005;
    cursor: pointer;
    display: none;
}



#carruseldiv1{
    position: absolute;
    left: 34.85%;
    z-index: 998;
    opacity: 0%;
    filter: blur(0px);
}

#carruseldiv1 #contdirec{
    height: 12vw;
}

#carruseldiv2{
    position: absolute;
    left: 34.85%;
    z-index: 999;
    opacity: 0%;
    filter: blur(0px);
}

#carruseldiv2 #contdirec{
    height: 15.5vw;
}


#carruseldiv3{
    position: absolute;
    left: 34.85%;
    z-index: 1000;
}


#carruseldiv4{
    position: absolute;
    left: 34.85%;
    z-index: 999;
    opacity: 0%;
    filter: blur(0px);
}

#carruseldiv4 #contdirec{
    height: 15.5vw;
}

#carruseldiv5{
    position: absolute;
    left: 34.85%;
    z-index: 998;
    opacity: 0%;
    filter: blur(0px);
}

#carruseldiv5 #contdirec{
    height: 12vw;
}

.carruseldiv .fotodir{
    width: 7.5vw;
    display: block;
    margin: auto;
    margin-top: -0.8vw;
}

.carruseldiv .frase{
    font-size: 0.90vw;
    line-height: 1.2vw;
    margin-bottom: 3vw;
    margin-top: 3vw;
    padding-left: 10%;
    padding-right: 10%;
}


#c3click{
    width: 100%;
    height: 100%;
    position: absolute;
    display: none;
}

.posiciontar{
    display: none;
    pointer-events: none;
}

.posiciontarloc{
        display: none;
    pointer-events: none;
    }


.tarjetasdiv iframe{
    overflow: hidden;
    border-radius: 16px;
}

/* f o o t e r */

footer{
    color: #0A0A46;
    position: absolute;
    z-index: 32;
    bottom: 5%;
    width: 58%;
    padding-left: 4vw;
    display: none;
  
}

#idiomas{
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 0.75vw;
    letter-spacing: 4px;
}

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

#idiomas span {
    font-weight: 600;
}

#idiomas a:hover{
    font-weight: 600;
}

   #bulogo{
       display: none;
        text-align: center;
        width: 100%;
        position: absolute;
        bottom: 5%;
       color: lightgray;
        
    }

 #bulogo p{
    font-family: 'Roboto', sans-serif;
    font-size: 0.72vw;
    }
    
    #bulogo #brand{
    font-size: 0.72vw;
    font-family: 'simpleness-regularregular';
    margin-left: 0.5vw;
    }

#iso{
    width: 8%;
    position: absolute;
    bottom: 5%;
    right: 4%;
    display: none;
}


#aplegal{
    position: absolute;
    bottom: 5%;
    left: 10%;
    font-family: 'Roboto', sans-serif;
    font-size: 0.75vw;
    cursor: pointer;
    color: rgb(140,139,138);
    z-index: 33;
    display: none;
}

#aplegal:hover{
    color: #0A0A46;
}

#aplegalmov{
 
    display: none;
}

 #rotarmov{
    display: none;
    }

/* ESTILOS PARA TABLET */
@media screen and (max-width:1024px){
    
#menu {
    width: 13vw;
    height: 34vw;
    margin-top: -17vw;
}
    
#menu h3{
    font-size: 4vw;
    }
    
#menu h3 span {
    font-size: 2.1vw;
    top: -1.3vw;
}
    
#menu h4 {
    font-size: 1.88vw;
    margin-top: -0.9vw;
}

.menu1{
    font-size: 1.61vw;
    }
    
.menu2{
    font-size: 1.202vw;    
    }
    
#menu ul li p {
    font-size: 1.05vw;
    line-height: 1.5vw;
}

    
.tarjeta {
    width: 30vw;
    height: calc(30vw * 2);
    margin-top: -30vw;
    left: 35vw;
}
    
  .tarjeta h1, .tarjetasdiv h1, .carrusel h1{
    font-size: 1.65vw;
            letter-spacing: 1px;
    margin-bottom: 0.3vw;
}
    
    .tarjeta h2, .tarjetasdiv h2, .carrusel h2{
    font-size: 1.2vw;
    margin-bottom: 2.25vw;
            letter-spacing: 1.5px;
}
    
    .tarjeta p, .tarjetasdiv p, .carrusel p{
    font-size: 1.35vw;
    margin-bottom: 2.25vw;
            letter-spacing: 1.20px;
}
    
    .enlacetar{
    font-size: 1.35vw;
    margin-bottom: 2.85vw;
            letter-spacing: 1.5px;
            }
    
   
    
    #traptxt1{
    margin-top: 3vw;
    margin-bottom: 3vw;
            }

    #traptxt2{
    margin-top: 3vw;
            }


    #trabajatxt1{
    padding-top: 1.5vw;
    margin-bottom: 1.5vw !important;
            }

    #trabajatxt2{
    padding-bottom: 1.5vw;
            }
    
    #cotar, #rechtar, #eus{
    width: 30vw;
    height: 15vw;
    left: 35vw;
    margin-top: -7.5vw;
    font-size: 1.2vw;
    padding: 3%;
            }
    
    #rechtar h1, #eus h1{
    font-size: 1.425vw;
    padding-bottom: 1.05vw;
            }

    #rechtar #rechtxt, #eus #eustxt{
    padding-bottom: 1.65vw;
            }
    

    #cotar #aceptar, #rechtar #rechaceptar{
    border-radius: 5px;
    font-size: 1.2vw;
            }
    
    #eus #eusitxi{
    border-radius: 5px;
    font-size: 1.2vw;
    line-height: 2.625vw;
            }


    #cotar #rechazar, #rechtar #rechrechazar{
    font-size: 1.2vw;
    line-height: 2.625vw;
            }
    
    header{
    width: 26.25vw;
    height: 56.25vw;
    top: 50%;
    margin-top: -28.125vw;
    left: 36.875%;
  
            }
    
    #logoheader h2{
    font-size: 1.96875vw;
            }
    
    #transportes{
    margin-bottom: 0.9375vw;
            }
    
    footer{
    bottom: 4%;
    width: 30%;
            } 
    
    #idiomas{
    font-size: 0.9375vw;
    margin-top: 1.65vw;   
            }
   
    #bulogo{
    bottom: 4%;
            }
    
    #bulogo p{
    font-family: 'Roboto', sans-serif;
    font-size: 0.9375vw;
            }
    
    #bulogo #brand{
    font-size: 0.9375vw;
    font-family: 'simpleness-regularregular';
            }
    
    .cont{
    padding-top: 5.25vw;
    padding-left: 4.8vw;
    padding-right: 4.8vw;
            }
    
    
    #localizanos .tarjeta{
    width: 30%;
    height: 60vw;
    left: 35%;
    margin-left: 0%;
    margin-top: -30vw;
    z-index: 100;
            }
    
    #loc1, #loc3{
    display: none;
            }
    
    
    .flechaizmov{
    position: absolute;
    z-index: 100;
    width: 3.75vw;
    height: 60vw;
    top: -150%;
    margin-top: -30vw;
    display: block;
            }
    
    .flechaizmov img{
    position: absolute;
    width: 1.3125vw;
    top: 28.125vw;
    left: 1.125vw;
            }
    
    #fileg{
    left: 30vw;
            }
    
    #filaz, #fizum{
    left: -30vw;
            }
    
    .flechadermov{
    position: absolute;
    z-index: 100;
    width: 3.75vw;
    height: 60vw;
    top: -150%;
    margin-top: -30vw;
    display: block;
            }
    
    .flechadermov img{
    position: absolute;
    width: 1.3125vw;
    top: 28.125vw;
    right: 1.125vw;
            }
    
    #fdleg{
    right: 30vw;
            }
    
    #fdlaz, #fdzum{
    right: -30vw;
            }
    
    .carrusel{
    width: 40%;
    height: 60vw;
    left: 0%;
    margin-left: 30%;
    margin-top: -30vw;
            }
    
    .carruseldiv{
    width: 30vw !important;
    left: 50% !important;
    margin-left: -15vw !important;
            }
    
    
    #nomequipo{
    height: 31.6875vw;
    width: 20.1481481vw;
            }
    
    #nomequipo p{
    font-size: 1.2vw;
    margin-top: 1.5vw;
            }
    
    .nomequipo2{
    padding-top: 0.75vw !important;
    padding-bottom: 0.6vw !important;
            }
    
    
    .nomequipo2 p{
    line-height: 2.4vw;
            }
    
    .carruseldiv .fotodir{
    width: 11.25vw;
    margin-top: -1.2vw;
            }

    .carruseldiv .frase{
    font-size: 1.35vw;
    line-height: 1.8vw;
    margin-bottom: 4.5vw;
    margin-top: 4.5vw;
            }
    
    #contdirec{
    height: 26.7vw !important;
    padding-top: 1.65vw;
            }

    #contdirec p {
    font-size: 1.35vw;
    margin-bottom: 1.65vw;
            }
    
    .flechamovi img{
    display: block;
            }
    

    .flechaweb img{
    display: none;
            }
    
    .scrollan{
    height: 1.35vw;
    margin-bottom: 1.5vw;
    margin-top: 1.8vw;
            }

    #bolita{
    width: 0.33vw;
    height: 0.42vw;
            }

    @keyframes bolitascroll{
    from{top: 0%; height: 0.42vw;}
    25%{top: 0%; height: 0.42vw;}
    50%{ top:0.1%; height: 1.5vw;}
    80%{ top:100%; height: 0.42vw;}
    to{ top:100%; height: 0.42vw;}
            }
    
    .puntos{
    font-size: 1.5vw !important;
    margin-bottom: 1.5vw !important;
            }
    
    #nosotros #camion{
    margin-top: 2.25vw;
            }

    #nosotros #txtnos{
    height: 24.4vw;
    padding-top: 2.25vw;
    margin-top: 2.25vw;
            }

    #nosotros #txtnos p{
    line-height: 2.1vw;
    font-size: 1.35vw;
            }

    #nosotros #txtnos .mayustxt{
    font-size: 1.35vw;
    letter-spacing: 0.225vw;
            }
    
    #servicioscont{
    padding-top: 1.8vw;
    height: 34.875vw;   
            }

    #servicioscont .dest{
    margin-bottom: 0.9vw !important;
            }

    #servicios #serh2{
    margin-top: 3vw;
    line-height: 1.95vw;
    font-size: 1.35vw;
            }
    #contacto a{
    font-size: 1.35vw;
}
    #contacto h2 {
    margin-bottom: 2.25vw;
}
    
    #contacto p{
    font-size: 1.35vw;
    line-height: 1.875vw;
    margin-top: 2.25vw;
    margin-bottom: 2.7vw;
            }

    #contacto .enlacetar{
    font-size: 1.35vw;
    margin-top: 0.45vw;
    margin-bottom: 3vw;
            }

    #ultcont{
    margin-bottom: 2.25vw !important;
            }

    #contacto .email{
    font-size: 1.5vw;
            }
    
    #contlinea1{
    margin-bottom: 2.25vw;
            }
    
    #contlinea2{
    margin-top: 2.25vw;
            }
    
    .flechaiz{
   
    left: 0vw;
    top: 50%;
    margin-top: -30vw;
    width: 3vw;
    height: 60vw;
            }
    
    .flechaiz img{
    position: absolute;
    width: 1.3125vw;
    top: 28.125vw;
    left: 1.125vw;
    z-index: 91;
            }

    .flechader{
    right: 0.5vw;
    top: 50%;
    margin-top: -30vw;
    width: 3vw;
    height: 60vw;
            }
    
    .flechader img{
    position: absolute;
    width: 1.3125vw;
    top: 28.125vw;
    left: 1.125vw;
    z-index: 91;
            }
    
    #movmenufond{
    background-color: rgba(10,10,70,0.17);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index:197;
    display: none;
            }
    
    .posiciontar{
    position: absolute;
    width: 9vw;
    top: 2.25vw;
    left: 50%;
    margin-left: -4.5vw;
            }
    
    .posiciontarloc{
    display: block;
    position: absolute;
    width: 9vw;
    top: 2.25vw;
    left: 50%;
    margin-left: -4.5vw;
            }

    #localizanos .locdir{
    padding-top: 5.25vw;
    height: 18.75vw;
            }
    
    #localizanos h1{
    margin-top: 0.375vw;
            }
    
    .webdiren{
    color: rgb(15,35,200) !important;
            }
    
    #cosabermodal{
    width: 313.5vw;
    height: 60vw;
    margin-top: -30vw;
    left: 32.5833333vw;
            }
    
    .cosabertar{
    width: 30vw;
    padding-left: 4.5vw;
    padding-right: 4.5vw;
            }
    
    .cosabertar h1{
    font-size: 1.5vw;
    height: 3.6vw;
    margin-bottom: 3vw;
            }

    .cosabertar h2{
    font-size: 1.05vw;
    letter-spacing: 0.16125vw;
    padding-top: 12.3vw;
    padding-bottom: 1.5vw;
            }
  
    .cosabertar h3{
    padding-top: 1.5vw;
    padding-bottom: 2.4vw;
    font-size: 1.5vw;
            }

    .cosabertar #leidas{
    font-size: 1.2vw;
    padding: 0.75vw;
    letter-spacing: 0.1075vw;
            }
    
    .cosabertar #logoaniv {
    top: 5.25vw;
    margin-left: -1.5vw;
    width: 3vw;
            }
    
   #logoaniv{
    width: 3vw;
  
}

#logoaniv img{
    margin-bottom: 1.5vw;
}



    .contlegal{
    height: 24vw;
    padding-top: 1.5vw;
    padding-bottom: 1.5vw;
    font-size: 1.35vw;
            }
    
    .contlegal p{
    line-height: 1.875vw;
            }
    
    #fderlegal{
    width: 1.3125vw;
    left: 61%;
    margin-left: -0.65625vw;
    margin-top: -12.45vw;
            }

    #fizlegal{
    width: 1.3125vw;
    left: 39%;
    margin-left: -0.65625vw;
    margin-top: -12.45vw;
            }
    
    #leidas{
    margin-left: -5.25vw;
    width: 10.5vw;
    height: 4.5vw;
    margin-top: 22.5vw;
    font-size: 1.2vw;
    padding-top: 1.5vw;
    letter-spacing: 0.1075vw;
            }
    
    #leidas #tik{
    margin-top: -1.125vw;
    margin-left: -1.125vw;
    width: 2.25vw;
    height: 2.25vw;
            }
    
    #iso{

    position: absolute;
    bottom: 4%;
    right: 4vw;
            }
    
    #condir{
    font-size: 1.2vw;
    letter-spacing: 0.1075vw;
    height: 3.6vw;
  
            }

    #carruseldiv3 h2{
    margin-bottom: 1.9875vw !important;
            }

    .nomequipo2 .nombre {
    font-size: 1.5vw;
    letter-spacing: 0.129vw;
            }
    
    
    
    #scrollequipo{
    width: 20.4vw;
    top: 53.25vw;    
            }
    
    #nomequipo .enlacetar {
    margin-bottom: 3vw !important;
            } 
    
    #aplegal {
    bottom: 4%;
    left: 11%;
    font-size: 0.9375vw;
            }
  #listaclientes p {
    margin-bottom: 1vw;
      font-size: 1.05vw;
}
    
#unmuteButton {
    width: 3vw;
}
    
    #unmuteButtonoff {
    width: 3vw;
}
    
}



/* ESTILOS PARA TABLET 800px */
@media screen and (max-width:800px){
    
.tarjeta {
width: 40vw;
height: calc(40vw * 2);
margin-top: -40vw;
left: 30vw;
            }
    
.tarjeta h1, .tarjetasdiv h1, .carrusel h1{
font-size: 2.2vw;
letter-spacing: 1px;
margin-bottom: 0.4vw;
            }
    
.tarjeta h2, .tarjetasdiv h2, .carrusel h2{
font-size: 1.6vw;
margin-bottom: 3vw;
letter-spacing: 1.5px;
            }
    
.tarjeta p, .tarjetasdiv p, .carrusel p{
font-size: 1.8vw;
margin-bottom: 3vw;
letter-spacing: 1.20px;
            }
    
.enlacetar{
font-size: 1.8vw;
margin-bottom: 3.8vw;
letter-spacing: 1.5px;
            }
    

    
#traptxt1{
margin-top: 4vw;
margin-bottom: 4vw;
            }

#traptxt2{
margin-top: 4vw;
            }

#trabajatxt1{
padding-top: 2vw;
margin-bottom: 2vw !important;
            }

#trabajatxt2{
padding-bottom: 2vw;
            }
    
#cotar, #rechtar, #eus{
width: 40vw;
height: 20vw;
left: 30vw;
margin-top: -10vw;
font-size: 1.6vw;
padding: 3.5%;
            }
    
#rechtar h1, #eus h1{
font-size: 1.9vw;
padding-bottom: 1.4vw;
            }

#rechtar #rechtxt, #eus #eustxt{
padding-bottom: 2.2vw;
            }
    

#cotar #aceptar, #rechtar #rechaceptar{
border-radius: 5px;
font-size: 1.6vw;
            }
    
#eus #eusitxi{
border-radius: 5px;
font-size: 1.6vw;
line-height: 3.5vw;
            }


#cotar #rechazar, #rechtar #rechrechazar{
font-size: 1.6vw;
line-height: 3.5vw;
            }
    
header{
width: 35vw;
height: 75vw;
top: 50%;
margin-top: -37.5vw;
left: 32.5%;  
            }
    
#logoheader h2{
font-size: 2.625vw;
            }
    
#transportes{
margin-bottom: 1.25vw;
            }
    
.cont{
padding-top: 7vw;
padding-left: 6.4vw;
padding-right: 6.4vw;
            }
    
    
#localizanos .tarjeta{
width: 40%;
height: 80vw;
left: 30%;
margin-left: 0%;
margin-top: -40vw;
z-index: 100;
            }
    
#loc1, #loc3{
display: none;
            }
    
    
.flechaizmov{
position: absolute;
z-index: 100;
width: 5vw;
height: 80vw;
top: -150%;
margin-top: -40vw;
display: block;
            }
    
.flechaizmov img{
position: absolute;
width: 1.75vw;
top: 37.5vw;
left: 1.5vw;
            }
    
#fileg{
left: 23vw;
            }
    
#filaz, #fizum{
left: -30vw;
            }
    
.flechadermov{
position: absolute;
z-index: 100;
width: 5vw;
height: 80vw;
top: -150%;
margin-top: -40vw;
display: block;
            }
    
.flechadermov img{
position: absolute;
width: 1.75vw;
top: 37.5vw;
right: 1.5vw;
            }
    
#fdleg{
right: 23vw;
            }
    
#fdlaz, #fdzum{
right: -30vw;
            }
    
.carrusel{
width: 54%;
height: 80vw;
left: 0%;
margin-left: 23%;
margin-top: -40vw;
            }
    
.carruseldiv{
width: 40vw !important;
left: 50% !important;
margin-left: -20vw !important;
            }
    
    
#nomequipo{
height: 42.25vw;
width: 26.8641975vw;
            }
    
#nomequipo p{
font-size: 1.6vw;
margin-top: 2vw;
            }
    
.nomequipo2{
padding-top: 1vw !important;
padding-bottom: 0.8vw !important;
            }
    
.nomequipo2 p{
line-height: 3.4vw;
            }
    
.carruseldiv .fotodir{
width: 15vw;
margin-top: -1.6vw;
            }

.carruseldiv .frase{
font-size: 1.8vw;
line-height: 2.4vw;
margin-bottom: 6vw;
margin-top: 6vw;
            }
    
#contdirec{
height: 35.6vw !important;
padding-top: 2.2vw;
            }

#contdirec p {
font-size: 1.8vw;
margin-bottom: 2.2vw;
            }
    
.flechamovi img{
display: block;
            }
    

.flechaweb img{
display: none;
            }
    
.scrollan{
height: 1.8vw;
margin-bottom: 2vw;
margin-top: 2.4vw;
            }

#bolita{
width: 0.44vw;
height: 0.56vw;
            }

@keyframes bolitascroll{
from{top: 0%; height: 0.56vw;}
25%{top: 0%; height: 0.56vw;}
50%{ top:0.1%; height: 2vw;}
80%{ top:100%; height: 0.56vw;}
to{ top:100%; height: 0.56vw;}
            }
    
.puntos{
font-size: 2vw !important;
margin-bottom: 2vw !important;
            }
    
#nosotros #camion{
margin-top: 3vw;
            }

#nosotros #txtnos{
height: 32.5vw;
padding-top: 3vw;
margin-top: 3vw;
            }

#nosotros #txtnos p{
line-height: 2.8vw;
font-size: 1.8vw;
            }

#nosotros #txtnos .mayustxt{
font-size: 1.8vw;
letter-spacing: 0.3vw;
            }
    
#servicioscont{
padding-top: 2.4vw;
height: 46.5vw;   
            }

#servicioscont .dest{
margin-bottom: 1.2vw !important;
            }

#servicios #serh2{
margin-top: 4vw;
line-height: 2.6vw;
font-size: 1.8vw;
            }
    #contacto h2 {
    margin-bottom: 3vw;
}
      #contacto a{
    font-size: 1.8vw;
}
    
#contacto p{
font-size: 1.8vw;
line-height: 2.5vw;
margin-top: 3vw;
margin-bottom: 3.6vw;
            }

#contacto .enlacetar{
font-size: 1.8vw;
margin-top: 0.6vw;
margin-bottom: 4vw;
            }

#ultcont{
margin-bottom: 3vw !important;
            }

#contacto .email{
font-size: 2vw;
            }
    
#contlinea1{
margin-bottom: 3vw;
            }
    #contlinea2{
margin-top: 3vw;
            }
    
.flechaiz{
left: 0vw;
top: 50%;
margin-top: -40vw;
width: 4vw;
height: 80vw;
            }
    
.flechaiz img{
position: absolute;
width: 1.75vw;
top: 37.5vw;
left: 1.5vw;
z-index: 91;
            }

.flechader{
    right: 0.5vw;
top: 50%;
margin-top: -40vw;
width: 4vw;
height: 80vw;
            }
    
.flechader img{
position: absolute;
width: 1.75vw;
top: 37.5vw;
left: 1.5vw;
z-index: 91;
            }
    
.posiciontar{
position: absolute;
width: 12vw;
top: 3vw;
left: 50%;
margin-left: -6vw;
            }
    
.posiciontarloc{
display: block;
position: absolute;
width: 12vw;
top: 3vw;
left: 50%;
margin-left: -6vw;
            }

#localizanos .locdir{
padding-top: 7vw;
height: 25vw;
            }
    
#localizanos h1{
margin-top: 0.5vw;
            }
    
#cosabermodal{
width: 418vw;
height: 80vw;
margin-top: -40vw;
left: 26.7777778vw;
            }
    
.cosabertar{
width: 40vw;
padding-left: 6vw;
padding-right: 6vw;
            }
    
.cosabertar h1{
font-size: 2vw;
height: 4.8vw;
margin-bottom: 4vw;
            }

.cosabertar h2{
font-size: 1.4vw;
letter-spacing: 0.215vw;
padding-top: 16.4vw;
padding-bottom: 2vw;
            }
  
.cosabertar h3{
padding-top: 2vw;
padding-bottom: 3.2vw;
font-size: 2vw;
            }

.cosabertar #leidas{
font-size: 1.6vw;
padding: 1vw;
letter-spacing: 0.14333333vw;
            }
    
.cosabertar #logoaniv {
top: 7vw;
    margin-left: -2vw;
    width: 4vw;
            }
    
#logoaniv{
    width: 4vw;
  
}

#logoaniv img{
    margin-bottom: 2vw;
}


.contlegal{
height: 32vw;
padding-top: 2vw;
padding-bottom: 2vw;
font-size: 1.8vw;
            }
    
.contlegal p{
line-height: 2.5vw;
            }
    
#fderlegal{
width: 1.75vw;
left: 65%;
margin-left: -0.875vw;
margin-top: -16.6vw;
            }

#fizlegal{
width: 1.75vw;
left: 35%;
margin-left: -0.875vw;
margin-top: -16.6vw;
            }
    
#leidas{
margin-left: -7vw;
width: 14vw;
height: 6vw;
margin-top: 30vw;
font-size: 1.6vw;
padding-top: 2vw;
letter-spacing: 0.14333333vw;
            }
    
 #leidas #tik{
margin-top: -1.5vw;
margin-left: -1.5vw;
width: 3vw;
height: 3vw;
            }
    
#condir{
font-size: 1.6vw;
letter-spacing: 0.14333333vw;
height: 4.8vw;
            }

#carruseldiv3 h2{
margin-bottom: 2.65vw !important;
            }

.nomequipo2 .nombre {
font-size: 2vw;
letter-spacing: 0.172vw;
            }
    

    
#scrollequipo{
width: 27.2vw;
top: 71vw;    
            }
    
#nomequipo .enlacetar {
margin-bottom: 4vw !important;
            } 
#aplegal{
left: 12%;
    }
#listaclientes p {
    margin-bottom: 1.5vw;
    font-size: 1.4vw;
}

}

@media screen and (max-width: 750px) and (orientation: landscape) {
    #container {
    display: none;
    }
    #rotarmov{
    display: block;
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: -1;
     display: flex;
     align-items: center;
     background-color: rgb(247,243,242);
    }
    
    #rotarmov img{
    width: 30%;
    margin-left: 35%;
    }
}

/* ESTILOS PARA MÓVIL */
@media screen and (max-width:600px){
    
.video{
 width: 110%;
margin-left: -5%;
position: absolute;
top: -15%;
height: 100%;
 }
    
.contenido__video{
 display: unset;
align-items: unset;

 
}
    
    .tarjeta{
    width: 80vw;
    height: calc(80vw * 2);
    margin-top: -80vw;
    left: 10vw;
}

    
    .tarjeta h1, .tarjetasdiv h1, .carrusel h1{
    font-size: 4.4vw;
    letter-spacing: 1px;
    margin-bottom: 0.8vw;
}
    
    .tarjeta h2, .tarjetasdiv h2, .carrusel h2{
    font-size: 3.2vw;
    margin-bottom: 6vw;
    letter-spacing: 1.5px;
}
    
    .tarjeta p, .tarjetasdiv p, .carrusel p{
    font-size: 3.6vw;
    margin-bottom: 6vw;
    letter-spacing: 1.10px;
}
    #nomequipo .dest{
    letter-spacing: 1.20px;
}
    
    .enlacetar{
    font-size: 3.6vw;
    margin-bottom: 7.6vw;
    letter-spacing: 1.5px;
    }
    
#traptxt1{
    margin-top: 8vw;
    margin-bottom: 8vw;
    letter-spacing: 0.6px;
}

#traptxt2{
    margin-top: 8vw;
    letter-spacing: 0.5px;
}


#trabajatxt1{
    padding-top: 4vw;
    margin-bottom: 4vw !important;
    padding-left: 5%;
    padding-right: 5%;
}

#trabajatxt2{
    padding-bottom: 4vw;
    padding-left: 0%;
    padding-right: 0%;
    letter-spacing: 1.2px;
}
    
    #cotar, #rechtar, #eus{
    width: 80vw;
    height: 40vw;
    left: 10vw;
    top: -150%;
    margin-top: -20vw;
    font-size: 3.2vw;
    padding: 7%;
    
}
    
    #rechtar h1, #eus h1{
    font-size: 3.8vw;
    padding-bottom: 2.8vw;
}

#rechtar #rechtxt, #eus #eustxt{
 padding-bottom: 4.4vw;
}
    

#cotar #aceptar, #rechtar #rechaceptar{
    border-radius: 7px;
    font-size: 3.2vw;
    
}
    
    #eus #eusitxi{
    border-radius: 7px;
    font-size: 3.2vw;
    line-height:7vw;
}


#cotar #rechazar, #rechtar #rechrechazar{
    
    font-size: 3.2vw;
    line-height: 7vw;
   
}
    
    header{
    
    width: 70vw;
    height: 150vw;
    top: 50%;
    margin-top: -75vw;
    left: 15vw;
    
}
    
    #logoheader h2{
    font-size: 5.25vw;
}
    
    #transportes{
    margin-bottom: 2.5vw;
    }
    
    footer{
    bottom: 2%;
    width: 80%;
    z-index: 198;
    
    } 
    
    #idiomas{
 
    font-size: 2.5vw;
    margin-top: 4.4vw;   
      
    }
    
   
    #bulogo{
    bottom: 2%;
    }
 
    
    #bulogo p{
        font-family: 'Roboto', sans-serif;
        font-size: 2.5vw;
    }
    
    #bulogo #brand{
        font-size: 2.5vw;
        font-family: 'simpleness-regularregular';
        margin-left: 1vw;
    }
    
    
    .ham-menu{
        
        position: absolute;
        z-index: 199;
        width: 12vw;
        left: 30vw;
        margin-left: -6vw;
        bottom: 3vw;
    }
    
    
    
    #menu{
        width: 100%;
        height: 89vw;
        padding-top: 4vw;
        right: 0%;
        top: 100%;
        margin-top: -89vw;
        text-align: center;
        z-index: 198;
        background-color: transparent;
    }
    
    #menu h3{
    display: none;
    font-size: 11.1222222222222222vw;
    
    }

    #menu h3 span{
    display: none;
    font-size: 5.8333333333333333vw;
    top: -3.5vw;
    }
    
    #menu h4{
    display: none;
    font-size: 5.25vw;
    margin-top: -2.7222222222222222vw;
    margin-bottom: 9.7222222222222222vw;
    }
    
    .menu1{
    font-size: 4.472222222222222vw;
    margin-top: 5vw;
        
    letter-spacing: 1.5px;
    }
    
    .menu2{
    font-size: 3.34444444444444vw;
    margin-top: 1.166666666666667vw;
    }
    
    #menu ul li p{
    display: none;
    font-size: 3.07222222222222vw;
    margin-top: 12.25vw;
    line-height: 4.2763888888888889vw;
    }
    
   
    
    .cerrar{
        display: block;
        width: 4vw;
    
    top: 6vw;
       
    right: 5.5vw;
       
        position: absolute;
        
        z-index: 5000;
     cursor: pointer;
        
    }
    
    .cont{
        padding-top: 14vw;
        padding-left: 12.8vw;
        padding-right: 12.8vw;
    }
    
    
    #localizanos .tarjeta{
    width: 80%;
    height: 160vw;
    left: 10%;
    margin-left: 0%;
    margin-top: -80vw;
  
    z-index: 100;
    }
    
    #loc1, #loc3{
        display: none;
    }
    
    
    .flechaizmov{
        position: absolute;
        z-index: 100;
        width: 10vw;
        height: 160vw;
        top: -150%;
        margin-top: -80vw;
        display: block;
    }
    
    .flechaizmov img{
        position: absolute;
        width: 3.5vw;
        top: 75vw;
        left: 3vw;
        
    }
    
    #fileg{
        left: 0vw;
    }
    
    #filaz, #fizum{
        left: -30vw;
    }
    
    .flechadermov{
        position: absolute;
        z-index: 100;
        width: 10vw;
        height: 160vw;
        top: -150%;
        margin-top: -80vw;
        display: block;
    }
    
    .flechadermov img{
        position: absolute;
        width: 3.5vw;
        top: 75vw;
        right: 3vw;
        
    }
    
    #fdleg{
        right: 0vw;
    }
    
    #fdlaz, #fdzum{
        right: -30vw;
    }
    
   
    
    
    .carrusel{
    width: 100%;
    height: 160vw;
    left: 0%;
    margin-left: 0%;
    margin-top: -80vw;
    }
    
    .carruseldiv{
        width: 80vw !important;
        left: 50% !important;
        margin-left: -40vw !important;
    }
    
    
    #nomequipo{
        height: 84.5vw;
        width: 54.4vw;
    }
    
    #nomequipo p{
    font-size: 3.2vw;
    margin-top: 4vw;
}
    
    .nomequipo2{
    padding-top: 2vw !important;
    padding-bottom: 1.6vw !important;
    
    }
    
    .nomequipo2 p{
    line-height: 7vw;
            }
    
.carruseldiv .fotodir{
    width: 30vw;
    margin-top: -3.2vw;
}

.carruseldiv .frase{
    font-size: 3.6vw;
    line-height: 4.8vw;
    margin-bottom: 12vw;
    margin-top: 12vw;
}


    
#contdirec{
    height: 71.20vw !important;
    padding-top: 4.4vw;
}

#contdirec p {
    font-size: 3.6vw;
    margin-bottom: 4.4vw;
}
    
.flechamovi img{
        display: block;
   
    }
    

.flechaweb img{
        display: none;
    }
    
    
    .scrollan{
    height: 6vw;
    margin-bottom: 4vw;
    margin-top: 4.8vw;
}

#bolita{
   
    width: 0.88vw;
    height: 1.12vw;
   
}

@keyframes bolitascroll{
            from{top: 0%; height: 1.12vw;}
            25%{top: 0%; height: 1.12vw;}
           50%{ top:0.1%; height: 4vw;}
            80%{ top:100%; height: 1.12vw;}
            to{ top:100%; height: 1.12vw;}
        }
    
    .puntos{
    font-size: 4vw !important;
    margin-bottom: 4vw !important;
    }
    
    #nosotros #camion{
    margin-top: 6vw;
    }

    #nosotros #txtnos{
    height: 65vw;
    padding-top: 6vw;
    margin-top: 6vw;
    }

    #nosotros #txtnos p{
    line-height: 5.6vw;
    font-size: 3.6vw;
    }

    #nosotros #txtnos .mayustxt{
    font-size: 3.6vw;
    letter-spacing: 0.6vw;
    }
    
    
#servicioscont{
    padding-top: 4.8vw;
    height: 95vw;
        
}

#servicioscont .dest{
    margin-bottom: 2.4vw !important;
}


#servicios #serh2{
    margin-top: 8vw;
    line-height: 5.2vw;
    font-size: 3.6vw;
}
    #contacto h2 {
    margin-bottom: 6vw;
}
      #contacto a{
    font-size: 3.6vw;
}
    
    #contacto p{
    font-size: 3.6vw;
    line-height: 5vw;
    margin-top: 6vw;
    margin-bottom: 7.2vw;
}

#contacto .enlacetar{
    font-size: 3.6vw;
    margin-top: 1.2vw;
    margin-bottom: 8vw;
}

#ultcont{
    margin-bottom: 6vw !important;
}

#contacto .email{
   
    font-size: 4vw;
  
}
    
    #contlinea1{
    margin-bottom: 6vw;
}
    
        #contlinea2{
    margin-top: 6vw;
}

    
#car1imov,#car2imov,#car4imov,#car5imov{
position: absolute;
    left: -10vw;
    top: 50%;
    margin-top: -80vw;
    width: 10vw;
   height: 160vw;
    
    
}
    
#car3imov{
position: absolute;
    left: 0vw;
    top: 50%;
    margin-top: -80vw;
    width: 10vw;
   height: 160vw;
    
    
}
   
    
    .flechaiz img{
        position: absolute;
        width: 3.5vw;
        top: 75vw;
        left: 3vw;
        z-index: 91;
    }

#car1dmov,#car2dmov,#car4dmov,#car5dmov{
  position: absolute;
    right: -10vw;
    top: 50%;
    margin-top: -80vw;
    width: 10vw;
    height: 160vw;
}

#car3dmov{
position: absolute;
    right: 0vw;
    top: 50%;
    margin-top: -80vw;
    width: 10vw;
    height: 160vw;
    
    
}
   
    
    .flechader img{
        position: absolute;
        width: 3.5vw;
        top: 75vw;
        left: 3vw;
        z-index: 91;
    }
    
    #movmenufond{
    background-color: rgba(10,10,70,0.17);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index:197;
    display: none;
}
    
    .posiciontar{
        
        position: absolute;
        width: 24vw;
        top: 6vw;
        left: 50%;
        margin-left: -12vw;
    }
    
    .posiciontarloc{
        display: block;
        position: absolute;
        width: 24vw;
        top: 6vw;
        left: 50%;
        margin-left: -12vw;
    }

    #localizanos .locdir{
        padding-top: 14vw;
        height: 50vw;
    }
    
    #localizanos h1{
        margin-top: 1vw;
    }
    
    .webdiren{
        color: rgb(15,35,200) !important;
    }
    
    #cosabermodal{
        width: 836vw;
        height: 160vw;
        margin-top: -80vw;
        left: 3.55555556vw;
    }
    
    .cosabertar{
        width: 80vw;
        padding-left: 12vw;
    padding-right: 12vw;
    }
    
    .cosabertar h1{
    font-size: 4vw;

    height: 9.6vw;
    margin-bottom: 8vw;
}

.cosabertar h2{
    font-size: 2.8vw;
    letter-spacing: 0.43vw;
    padding-top: 32.8vw;
    padding-bottom: 4vw;
 
    
}
  

.cosabertar h3{
    padding-top: 4vw;
    padding-bottom: 6.4vw;
    font-size: 4vw;
  
}

.cosabertar #leidas{
    font-size: 3.2vw;
    padding: 2vw;
    letter-spacing: 0.28666668vw;
    
}
    
.cosabertar #logoaniv {
    top: 14vw;
    margin-left: -4vw;
    width: 8vw;
}
    
  #logoaniv{
    width: 8vw;
}

#logoaniv img{
    margin-bottom: 4vw;
}

.contlegal{
    height: 64vw;
    padding-top: 4vw;
    padding-bottom: 4vw;
    font-size: 3.6vw;
    
    
}
    
    .contlegal p{
    line-height: 5vw;
}
    
    #fderlegal{
    width: 3.5vw;
    left: 80%;
    margin-left: -1.75vw;
    margin-top: -33.2vw;
   
}

#fizlegal{
    width: 3.5vw;
    left: 20%;
    margin-left: -1.75vw;
    margin-top: -33.2vw;
  
}
    
    #leidas{
        
     margin-left: -14vw;
    width: 28vw;
     height: 12vw;
     margin-top: 60vw;
    font-size: 3.2vw;
    padding-top: 4vw;
    letter-spacing: 0.28666668vw;

}
    
    #leidas #tik{
    margin-top: -3vw;
    margin-left: -3vw;
    width: 6vw;
    height: 6vw;
}
    
    #iso{
    width: 16%;
    position: absolute;
    bottom: 2%;
    right: 4vw;
}
    
    
    #condir{
    font-size: 3.2vw;
    letter-spacing: 0.28666668vw;
    height: 9.6vw;
}

#carruseldiv3 h2{
    margin-bottom: 5.3vw !important;
}

.nomequipo2 .nombre {
    font-size: 4vw;
    letter-spacing: 0.344vw;
   
}
    
    #nomequipo .enlacetar {
    margin-bottom: 8vw !important;
}
    
    #aplegal{
    display: none !important;
}
    .gurlan1{
    padding-left: 0% !important;
    padding-right: 0% !important;
    }
    .gurlan2{
    padding-left: 0% !important;
    padding-right: 0% !important;
    }
    #listaclientes p {
    margin-bottom: 3vw;
    font-size: 2.8vw;
}
    
#unmuteButton, #unmuteButtonoff  {
    width: 6vw;
    top: 4vw;
    left: 4vw;
}
    
    
}