*{
  margin: 0;
  padding: 0;
}

li{outline:none;}


.jura{
  font-family: 'Jura', sans-serif;
}


.fab-wrapper{
    width: 100%;
    overflow: hidden;
}


.fab-main-header{
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #b1e9ff;
}

.title-fab-main-header{
font-size: 2.5em;
text-align: center;
line-height: 1em;
font-family: 'Jura', sans-serif;
color:#212d7f;
}

.servicio-wapper{
    width: 100%;
    display: flex;
    align-items: flex-start;
}


.info-servicio-wrapper{
    width: 50%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}

.info-servicio-wrapper,.fondo-servicio-img{
    height: 80vh;
    display: flex;
}

.info-servicio{
    width: 80%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.title-info{
    font-size: 5em;
    font-weight: bolder;
    color:#212d7f;
}

.text-info{
    letter-spacing: 2px;
    color:#212d7f;
}

.fondo-servicio{
    width: 50%;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fondo-servicio-img{
   filter: grayscale(1);

}

.fondo-servicio-person{
    position: absolute;
    bottom: 0;
    left: 25%;
    width: 500px;
}



/*------------ESTILOS ANIMACIÓN----------------*/
#title1,#title2,#title3,#title4{
    font-family: 'Jura', sans-serif;
}


#title1, #title3,#subtitle3, #subtitle3{
    transform: translateX(1000px);
   
}

#title2, #title4,#subtitle2, #subtitle4{
    transform: translateX(-1000px);

}

#fondo1,#fondo2,#fondo3,#fondo4{transform: scale(2);}

#img1,#img3{
    transform: translateX(-1000px);
}

#img2,#img4{
    transform: translateX(1000px);
}

/*------------ESTILOS ANIMACIÓN----------------*/



.fondo-diseno{
    width: 50%;
    height: 80vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.img-diseno{
    width: 50%;
}


.video-portada{
  width: 100%;
}
.video-portada:focus,.video-portada:active {
  outline:none !important;
}



@media (max-width: 600px) {
    
    .servicio-wapper{flex-direction: column-reverse;}
    .servicio-wapper-reverse{flex-direction: column;}
    .fondo-servicio{width: 100%;}
    .info-servicio-wrapper{width: 100%;}



  }/*--------600--------*/






  .text-diseno-wrapper{
    width: 85%;
  }
  .title-diseno{
    font-family: 'Jura', sans-serif;
    font-size: 2.2em;
    color:#212d7f;
  }

  .text-diseno{
    font-size: 1.6em;
    color:#212d7f;
    line-height: 1em;
  }
  .guion-amarillo{
    color:#e0c111;
    font-weight: bolder;
  }
  .divider{
    width: 100%;
    height: 2px;
    background-color:#212d7f;
    margin-top: 40px;
    margin-bottom: 10px;
  }

  .icon-wrapper{
    width: 100%;
    display: flex;
    margin: 10px;
    align-items: center;

  }

  .icon-diseno{
    width: 40px;
    margin-right: 10px;
  }
  .text-subtitle-diseno{
    font-size: 2em;
  }





/* SLIDER RATINGS AND REVIEWS*/

  .contenido-slide4{
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #dff6ff;
    flex-direction: column;
    text-align: center;
  }
  .title-slider4{
    font-size: 1.5em;
    font-family: 'Jura', sans-serif;
    width: 50%;
    margin-bottom: 40px;
    color:#212d7f;
  }
  .img-slide4{
    width: 80px;
  }

/* SLIDER RATINGS AND REVIEWS*/








/* PLECA DISENO COLABORACION*/

  .colaboracion-wrapper{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 100px 0;
  }

  .img-colaboracion{
    width: 200px;
    margin: 0px 50px;
    
  }

  .title-pleca-colaboracion{
    width: 100%;
    text-align: center;
    margin: 50px 0px 10px 0px ;
    font-size: 2em;
    font-family: 'Jura', sans-serif;
    color:#212d7f;

    
  }

/* PLECA DISENO COLABORACION*/





/* FORENOW*/

.card-forenow {
  -webkit-box-flex: 0;
  margin-right: 40px;
  flex: 1;
  min-height: 250px;
  margin-bottom: 5px;
  border-radius: 10px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;

}

.card-forenow:first-child{
  margin-left: 40px;
}


.forenow-description-wrapper{
  width: 100%;
  overflow: hidden;
  margin-top: 50px;
}
.forenow-description-title{
  font-size: 2.5em;
  font-family: 'Jura', sans-serif;
  color:#212d7f;
  margin-bottom: 10px;
  padding-left: 40px;
}
.forenow-description-text{
  color:#212d7f;
  font-size: 1.5em;
  width: 50%;
  line-height: 1em;
  padding-left: 40px;
}

.forenow-steps-wrapper{
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 30px;
}

.forenow-step {
  height: 400px;
  margin: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.forenow-step-icon{
  width: 50px;
  margin-bottom: 10px;
}
.forenow-step-title,.forenow-step-disclaimer,.forenow-step-text{color:#212d7f; line-height: .8em;}
.forenow-step-title{ font-size: 2em; margin-bottom: 10px;}
.forenow-step-disclaimer{ font-size: 1.5em;  color:#bebebe;margin-bottom: 20px;}
.forenow-step-text{font-size: 1.6em; font-weight: lighter; margin-bottom: 50px; }
.forenow-step-text-entregable{ font-size: 1.4em; line-height: 1em; background: #ffca3c; border-radius: 10px; color:#212d7f; padding: 10px; text-align: center;}

.diagrama-wrapper{
  width: 100%;
  display: flex;
  align-self: flex-start;
}

.diagrama-horizontal{
  width: 90%;
  margin: 50px auto;
  align-self: flex-start;
  

}

.diagrama-vertical{
  display: none;

}


.titulo-informacion-forenow{
  font-family: 'Jura', sans-serif;
  font-size: 3.5em;
  line-height: 46px;
}
.grotesque{
  font-family: 'Darker Grotesque', sans-serif;
  font-weight: lighter;
}
.titulo-informacion-yellow{
  font-size: .7em;
  font-weight: lighter;
}



@media (max-width: 780px) {
.card-forenow {
  -webkit-box-flex: 0;
  flex: 0 0 auto;
  margin-right: 10px;
  width: 70%;
  margin-bottom: 5px;
}



.colaboracion-wrapper{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 50px 0;
}

.img-colaboracion{
  width: 200px;
  margin: 0px 20px;
  
}






}

@media (max-width: 600px) {

  .diagrama-vertical{
  display: flex;
  width: 90%;
  margin: 50px auto;
  align-self: auto;
}

  .diagrama-horizontal{
    display: none;
  }

  .titulo-informacion-forenow{
    font-size: 2em;
    text-align: center;
    width: 90%;
    line-height: 30px;
  }
  .grotesque{
    font-family: 'Darker Grotesque', sans-serif;
    font-weight: lighter;
  }
  .titulo-informacion-yellow{
    font-size: 1em;
    font-weight: lighter;
  }




.colaboracion-wrapper{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 50px 0;
  flex-direction: column;
}

.img-colaboracion{
  width: 50%;
  margin: 20px 0px;
  
}



}

/* FORENOW*/







/*--------------FORENOW NUEVOS-----------------*/
/*--------------FORENOW NUEVOS-----------------*/

  .forenow-main-header{
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .forenow-main-header-title{
    font-family: 'Jura', sans-serif;
    letter-spacing: 5px;
    font-size: 3em;
    font-weight: 100;
  }
  .forenow-main-header-subtitle{
    font-family: 'Darker Grotesque', sans-serif;
    font-size: 1.5em;
  }

  .forenow-img-100{
    width: 100%;
    display: flex;
    align-self: flex-start;
  }

  .forenow-banner{
    width: 100%;
    background: #231f20;
    height: 200px;
    color:white;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .forenow-banner-title{
    font-size: 2em;
    text-align: center;
    line-height: 1em;
    font-weight: 100;
    font-family: 'Darker Grotesque', sans-serif;
  }
  .forenow-text-yellow{
    color: #ffcb3b;
    font-family: 'Jura', sans-serif;
    letter-spacing: 2px;
    font-size: .8em;
  }

  .forenow-informacion-bloque{
            width: 100%;
            display: flex;
            align-items: center;
     
          }
  .forenow-informacion-bloque-servicios{
             width: 100%;
            display: flex;
            align-items: center;
  
            height: 550px;
  }        

.forenow-izquierdo{
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 50%;
  height: 100%;
  border:0 !important;

}
.forenow-derecho{
  width: 50%;
  display: flex;
  justify-content: center;
}
.forenow-text-about{
  width: 50%;
}
.forenow-text-about-title{
  font-size: 2em;
  line-height: 1em;
  font-weight: lighter;
  font-family: 'Darker Grotesque', sans-serif;
}


.forenow-title-wrapper{
  display: flex;
  flex-direction: column;
}
.forenow-informacion-bloque-title{
  margin: 0px 5px;
  font-size: 2em;
  font-family: 'Jura', sans-serif;
  font-weight: lighter;

}

.c-yellow{color: #ffcb3b;}
.c-white{color: white;}
.c-blue{color: #0722e1;}
.f-bold{font-weight: 600;}

.bg-gray{background: #f8f8f8;}

.bg-brown{background:#1F191A;}
.bg-yellow{background: #ffcb3b;}
.bg-blue{background: #0722e1;}

.informacion-servicio{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  }

.icono-servicio{
  width: 230px;
  margin-bottom: 50px;
  margin-top: 50px;
}

.tendencias-text{
  font-size: 40px;
  display: flex;
  font-family: 'Jura', sans-serif;
  font-weight: lighter;

}

.text-white{
  font-family: 'Darker Grotesque', sans-serif;
  font-size: 50px;
  padding: 0px;
  line-height: 10px;
  display: flex;
  height: 50px;
  align-items: center;
  font-weight: lighter;
}

.forenow-derecho-servicios{
  display: flex;
  flex-direction: column;
  height: 100%;
}

.forenow-derecho-superior{
  width: 100%;
  height: 50%;
  display: flex;
  align-items: center;

}

.texto-superior{
  width: 360px;
  margin-left: 50px;
  font-size: 30px;
  font-weight: lighter;
  font-family: 'Darker Grotesque', sans-serif;

}
.texto-superior-con-width{
  width: 460px;
  font-family: 'Darker Grotesque', sans-serif;

}

.texto-superior-diseno{
  width: 100%;
  font-size: 30px;
  margin-left: 0px;
  line-height: 30px;
  font-weight: lighter;
  font-family: 'Darker Grotesque', sans-serif;
  margin-top: 21px;
  margin: auto;
  padding-left: 50px;
}
.texto-superior-diseno-con-width{
  width: 460px;
  font-family: 'Darker Grotesque', sans-serif;

}



.forenow-derecho-inferior{
  width: 100%;
  display: flex;
  height: 30%;
  font-family: 'Darker Grotesque', sans-serif;
  align-items: flex-start;
  
}

.inferior-doble-derecho,.inferior-doble-izquierdo{
  width: 50%;
  display: flex;
  align-items: center;
  font-weight: lighter;
}
.inferior-doble-derecho{
  padding: 0px 50px;
}



.texto-inferior{
  font-size: 28px;
  width:80%;
  line-height: 30px;
}

/*--------------FORENOW NUEVOS-----------------*/
/*--------------FORENOW NUEVOS-----------------*/












/*--------------------TABLA FORENOW-----------------------*/
/*--------------------TABLA FORENOW-----------------------*/


.jura-font{font-family: 'Jura', sans-serif;}
.darker-grotesque{font-family: 'Darker Grotesque', sans-serif;}
.Poppins{font-family: 'Poppins', sans-serif;}



.giros{
 width: 100%;
 background: #ffffff;
 display: flex;
 justify-content: center;
 align-items: center;
 padding: 40px 0px 80px;

}

.giros__title{
 font-family: 'Jura', sans-serif;
 text-align: center;
 font-size: 1.3em;
 margin-top: 80px;
 letter-spacing: 1px;
}

.btn-giros{
 display: flex;
 text-decoration: none;
 justify-content: center;
 padding: 10px 40px;
 width: 100px;
 background: #ffffff;
 margin:0 50px;
 border-radius: 100px;
 color: #2c2c2c; 
 font-size: 1em;
 text-decoration:none !important;
 font-family: 'Poppins', sans-serif!important;
 transition: .5s;

}

.giro1{border:2px solid #1619c7;}
.giro2{border:2px solid #FA8C1E;}
.giro3{border:2px solid #ffc507;}
.giro4{border:2px solid #222222; }





li {list-style:none;}
a,  a:link,a:focus,  a:visited, a:active {
text-decoration:none !important;
outline: 0!important;
}





.subtabs{
 width: 100%;
 background: #231f20;
 display: flex;
 height: 575px;
}
.menu-subtabs{
 display: flex;
 flex-direction: column;
 width: 25%;
 justify-content: center;
 align-items: center;
 padding: 30px;
 position: relative;

}
.time-line{
 position: absolute;
 width: 3px;
 height: 200px;
 background: #484848;
 left: -44px;
}


.time-line-1{
height: 70px;
}

.time-line-2{
height: 200px;
}

.time-line-3{
height: 180px;
}

.time-line-4{
height: 0px;
}


.menu-subtabs li:first-child{
 margin-top: 0px;
}
.menu-subtabs li{
 width: 300px;
 margin-top: 20px;
}
.menu-forenow{
display: flex;
text-decoration: none;
color:#7b7b7b;
justify-content: center;
align-items: center;
width: 100%;
}

.circle{
 width: 12px;
 height: 12px;
 background: #636363;
 border-radius: 200px;
 position: absolute;
 left: -48px;
 top:15px;
}

.menu-forenow:focus>.menu-img-forenow>.texto-menu>.menu-title{
color:#FFCB3B;
}
.menu-forenow:focus>.menu-img-forenow>.texto-menu>.menu-subtitle{
color:#ffffff;
}
.menu-forenow:focus>.menu-img-forenow>.circle{
background-color: #FFCB3B;
transform: scale(1.2);
}

.c-active{
 color:#FFCB3B;
}

.menu-img-forenow{
 display: flex;
 width: 80%;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 position: relative;
}

.texto-menu{
 display: flex;
 flex-direction: column;
 text-align: left;
 padding: 10px;
}
.menu-title{
 font-size: 1em;
 letter-spacing: 1px;
 margin-bottom: 15px;
 font-family: 'Jura', sans-serif;
 color:#9f9c9c;
 letter-spacing: 2px;

}
.menu-subtitle{
 font-weight: lighter;
 font-size: .9em;
 letter-spacing: 1px;
 font-family: 'Poppins', sans-serif !important;
 font-weight: 300;
 letter-spacing: 1px;
 color:#9f9c9c;
 line-height: 1.2em;
;
}
.subtabContent{
width: 75%;
background-color: black;
display: flex;
}
.contenedor-imagen{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.img-animada{
 width: 80%;
 margin-top: 50px;
}
.pregunta-forenow{
 padding: 30px 30px 19px 30px;
 color:white;
 width: 370px;
 margin-bottom: 10px;
 font-family: 'Poppins', sans-serif!important;
 font-weight: 300;
 font-size: 20px;


}
.pregunta-amarillo{
 font-family:'Jura', sans-serif;
 color:#FFCB3B;
 text-transform: uppercase;
}


.contenido-derecha{
 width: 100%;
 display: flex;
 background: #231f20;
 flex-direction: column;
 padding: 50px 30px 30px 30px;
 justify-content:space-between;
}

.contenido-derecha-title{
 font-size: .8em;
 font-weight: bolder;
 color:white;
 margin-top: 40px;
 margin-left: 30px;
}

.contenido-derecha-text{
 font-size: 20px;
 font-weight: 300;
 color:white;
 margin-top: 5px;
 margin-left: 20px;
 line-height: 1.5em;
 width: 90%;
 font-family: 'Poppins', sans-serif;

}

.c-yellow{color: #ffc400;}
.c-white{color:#fafafa;}
.f-bold{font-weight: bold;}



.title-caso-estudio{
margin: 20px 0px 20px 30px;
}
.text-caso-estudio{
width: 80%;
height: 200px;
overflow-y: scroll;
margin-left: 30px;
font-size: .8em;
color: white;
font-family:Poppins;
font-weight: 300;
padding-right:10px ;

}
/* width */
.text-caso-estudio::-webkit-scrollbar {
width: 7px;
}

/* Track */
.text-caso-estudio::-webkit-scrollbar-track {
background: #434343;
border-radius: 10px;
}

/* Handle */
.text-caso-estudio::-webkit-scrollbar-thumb {
background: #c6c6c6; 
border-radius: 10px;
}

/* Handle on hover */
.text-caso-estudio::-webkit-scrollbar-thumb:hover {
background: #e3e3e3; 
}


.evolve-wrapper{
 width: 100%;
 background: white;
 display: flex;
}
.evolve-wrapper__bloque-azul{
 width: 25%;
 height: 150px;
 background: #0722E1;
 display: flex;
 padding: 24px;
 justify-content: center;
 align-items: center;
}
.menu-subtitle-evolve{
 color: white;
 font-size: 4em;
 font-weight: bold;
}
.menu-title-evolve{
 color:white;
 margin-bottom: 1px;
}
.time-line-evolve{
 background: white;
 height: 150px;
}
.circle-evolve{
 background: white;
 top:40px;
}

.evolve-wrapper__bloque-blanco{
 display: flex;
 justify-content: center;
 align-items: flex-start;
 flex-direction: column;
}


.evolve-wrapper__bloque-blanco__title{
 font-style: italic;
 font-family: 'Poppins', sans-serif;
 font-size: 2em;
 margin-left: 100px;
 width: 90%;
 line-height: 1.2em;
}
.evolve-wrapper__bloque-blanco__text{
 font-family: 'Poppins', sans-serif;
 font-size: 1em;
 margin-left: 100px;
 width: 70%;
 line-height: 1.2em;
 font-weight: 300;
 margin-top: 10px;
}

.frase-divider{
 background: #231F20;
 height: 200px;
 width: 100%;
 display: flex;
 justify-content: center;
 align-items: center;
}
.frase-divider-text{
 color:white;
 font-family: 'Poppins', sans-serif;
 width: 500px;
 font-weight: 100;
 text-align: center;
}


/*--------------------TABLA FORENOW-----------------------*/
/*--------------------TABLA FORENOW-----------------------*/








  .transformemos-indutria-wrapper{
    width: 100%;
    height: 350px;
    display:flex;
  }

  .transformemos-indutria-wrapper-diseno{
    width: 100%;
    height: 250px;
    display:flex;
  }

  .transformemos-indutria-wrapper{
    width: 100%;
    height: 350px;
    display:flex;
  }

  .transformemos-contenido{
    width: 800px;
    height: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: Darker Grotesque;
  }
  .transformemos_derecho{
    display: flex;
    flex-direction: column;
    height: 150px;
    justify-content: space-between;
  }
  .transformemos_grupo{
    display: flex;
    flex-direction: column;
  }
  .transformemos_derecho_title{
    font-size: 2em;
    font-weight: bold;
    line-height: 5px;
  }
  .transformemos_derecho_subtitle{
    font-size: 2em;
    font-weight: lighter;
  }
  .transformemos_izquierdo{
    display: flex;
    flex-direction: column;
    height: 150px;
    justify-content: space-between;
  }
  .transformemos_derecho_text{
    font-size: 1.5em;
  }
  .transformemos_derecho_btn{
    padding: 10px 38px 15px ;
    background: #0722E1;
    text-align: center;
    width: 140px;
    border-radius: 10px;
    color:white;
    font-size: 1.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
  }
  .transformemos_derecho_btn-diseno{
    padding: 10px 38px 15px ;
    background: #F45F2A;
    text-align: center;
    width: 140px;
    border-radius: 10px;
    color:white;
    font-size: 1.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
  }

  .transformemos_derecho_btn-fabricacion{
    padding: 10px 38px 15px ;
    background: #ffcf4b;
    text-align: center;
    width: 140px;
    border-radius: 10px;
    color:#181818;
    font-size: 1.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
  }


  .transformemos_derecho_btn-diseno-blue{
    background: #324ea0;

  }


  .display-mobile{
    display: none;
  }


  .dependiendo-wrapper {
    font-family: Darker Grotesque;
    font-size: 1.5em;
    font-weight: lighter;
    line-height: 1em;
    width: 800px;
    margin: auto;
    margin-bottom: 65px;
}

  .dependiendo-text{
    width: 400px;
    
  }

  .texto-logica{
    font-family: 'Darker Grotesque', sans-serif;
    font-size: 2em;
    line-height: 1em;
    margin-top: 20%;
    width: 80%;
    margin-left: 50px;
  }



.banner-portada > img{
width: 100%;
}





























/*-----------------FORENOW RESPONSIVE---------------------*/
/*-----------------FORENOW RESPONSIVE---------------------*/



@media only screen and (max-width: 800px) {

  #tabs-1{
    overflow: hidden;
  }

  .forenow-informacion-bloque > .forenow-izquierdo{
    padding: 20px 0px;
  }


  .forenow-banner-title {
    font-size: 1.5em;
    line-height: 1;
    text-align: center;
    line-height: 1em;

}

  .forenow-text-about-title{
    text-align: center;
    font-size: 1.2em;
  }

  .forenow-informacion-bloque-title{
    margin: 0px 5px;
    font-size:1.3em;
  }

  .forenow-informacion-bloque{
    flex-direction: column;
    padding: 10px 0px!important;
  }

  .forenow-text-about{
    width: 100%;
    padding-left: 0px;
  }


  .forenow-title-wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: baseline;
}



  .forenow-informacion-bloque-servicios{
    flex-direction: column;
    height: auto;
  }

  .forenow-izquierdo {
    width: 100%;
    height: auto;
    padding: 50px 0px;
}


  .forenow-derecho{
    width: 100%;
    padding: 10px;
  }
  .forenow-derecho-superior{
    width: 100%;
    height: auto;
  }
  .forenow-derecho-inferior{
    height: auto;
    flex-direction: column;
  }
  .inferior-doble-derecho{
    margin-left: 0;
    width: 100%;
    margin-bottom: 10px;
    padding: 0;
  }
  

  .inferior-doble-izquierdo{
    width: 100%;
  }
  
  .display-info{
    display: none;
  }
 
  
  .icono-servicio{
    width: 150px;
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .text-white{
    font-size: 1.3em;
    line-height: 0;
    height: 20px;
  }
  .tendencias-text{
    font-size: 1.3em;
    margin: 0px 10px;
  }
  .forenow-derecho-servicios{
    padding: 40px 0px;
  }
  .texto-superior {
    width: auto;
    font-size: 25px;
    text-align: center;
    margin-bottom: 20px;
    margin: auto;
    line-height: 25px;

}
.texto-superior-diseno {
  width: auto;
  font-size: 30px;
  text-align: center;
  margin-bottom: 20px;

}
.texto-inferior{
  width: 95%;
  margin:auto;
  font-size: 20px ;
  line-height: 20px;
  text-align: center;
}

.f-bold{
  font-weight: 100;
}

.display-none-mobile{
  display: none;
}


.caso-estudio-contenido-mob{
  display: none;
}

.giros {
  width: 100%;
  padding: 10px 0px;
  flex-wrap: wrap;
}

.giros__title{
  margin-top: 10px;
}

.btn-giros {
  display: flex;
  justify-content: center;
  padding: 10px 0px;
  width: 150px;
  font-size: .8em;
  margin: 10px;
}


.time-line {
  position: absolute;
  width: 3px;
  background: #484848;
  left: 0px;
  transform: rotate(90deg);
  height: 40px;
  top: -20px;
}
.time-line-1 {

  left: 73px;
  height: 127px;
  top: -66px !important;
}
.time-line-2 {

  left: 73px;
  height: 127px;
  top: -66px !important;
}

.time-line-3 {
  left: 73px;
  height: 127px;
  top: -66px !important;
}


.time-line-4{
  display: none;
}

.menu-img-forenow{
  width: auto;
}

.texto-menu{
  padding: 10px 5px;
}

.circle {
  width: 10px;
  height: 10px;
  background: #636363;
  border-radius: 200px;
  position: absolute;
  left: 7px;
  top: -7px;
}

.subtabs{
  flex-direction: column;
  height: auto;
}
.menu-subtabs {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: center;
  align-items: flex-end;
  padding: 10px;
  position: relative;
}
.menu-title {
  font-size: .6em;
  margin-bottom: 10px;
  letter-spacing: 0px;
}
.menu-subtabs li{
  width: auto;
}
.menu-subtitle{
  display: none;
}
.menu-subtitle-evolve{
  display: flex;
  font-size: 2em;
}
.time-line-evolve{
  display: none;
}
.circle-evolve{
display: none;
}
.subtabContent {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.img-animada {
  width: 80%;
  margin-top: 30px;
}

.pregunta-forenow{
  width: 100%;
  padding: 10px 0px;
  text-align: center;
  font-size: 19px;
}

.contenido-derecha {
  width: 100%;
  display: flex;
  background: #231f20;
  flex-direction: column;
  padding: 50px 0px;
  justify-content: space-between;
}

.title-caso-estudio {
  margin: 20px 0px 20px 30px;
  font-size: 1em !important;
  margin-bottom: 10px !important;
}

.text-caso-estudio{
  width: 85%;
  height: 250px;
  overflow-y: scroll;
  margin-left: 30px;
  font-size: 20px;
  padding-right:10px ;
  
  }





.display-none{
  display: none;
}


.evolve-wrapper{
  flex-direction: column;
}

.evolve-wrapper__bloque-blanco{
  padding: 50px 0;
  text-align: center;
  overflow: hidden;
}

.evolve-wrapper__bloque-blanco__title {
  font-size: 1.1em;
  margin-left: 0px;
  width: 90%;
  line-height: 1.2em;
  margin:auto;
  text-align: center;
}
.menu-title{
  margin-bottom: 0px;
}

.evolve-wrapper__bloque-blanco__text {
  font-size: 1em;
  width: 95%;
  margin:auto;
  line-height: 1.2em;
  font-weight: 300;
  margin-top: 10px;
}

.evolve-wrapper__bloque-azul{
  width: 100%;
  padding: 0;
  height: 100px;
}

.frase-divider-text{
  color:white;
  font-family: 'Poppins', sans-serif;
  width: 90%;
  font-weight: 100;
  text-align: center;
  line-height: 1.3em;
 }



.transformemos-indutria-wrapper {
  width: 100%;
  height: auto;
  flex-direction: column;
}

.transformemos-contenido {
  width: 100%;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  padding: 50px 0px;
}
.transformemos_derecho_btn{
  margin: 0px auto;
}
.transformemos_izquierdo{
  height: 120px;
}





/*----------------------DISEÑO--------------------------**/
.texto-superior-diseno{
  width: 100%;
  font-size: 25px;
  margin-left: 0px;
  line-height: 53px;
  margin-top: 20px;
  margin: auto;
  padding-left: 0px;
}

.numero-wrapper{
  width: 50% !important;
  display: flex!important;
  align-items: flex-start!important;
  justify-content: flex-start!important;
  text-align: left!important;
}

.transformemos-indutria-wrapper-diseno{
  height: auto;
}



.dependiendo-wrapper{
  font-family: Darker Grotesque;
  font-size: 1.5em;
  font-weight: lighter;
  line-height: 1em;
  width: 90%;
  margin: auto;
  text-align: center;
  margin-bottom: 100px;
}
.dependiendo-text{
  width: 100%;
  text-align: center;
  
}










/*-----------------------DISEÑO-------------------------**/




/*-----------------------GESTION-------------------------**/
.grupo-circulos-wrapper {
  flex-direction: column;
}

.circulo-wrapper{
  margin-top: 50px;
}


.plan-trabajo-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 100px 0px;
  flex-direction: column;
}

/*-----------------------GESTION-------------------------**/
















}/*800px*/







@media only screen and (max-width: 680px) {




  .display-desktop{
    display: none;
  }

  .display-mobile{
    display: flex;
  }


  .btn-caso-estudio{

    color: #ffc400;
    margin:20px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 30px;
    border-radius: 100px;
    border: 1px solid #ffc400;
    font-family: 'Jura', sans-serif;
    cursor: pointer;

  }


  .icono-slide-diseno-servicios{
    margin-top: 1px;
  }



  
}


/*-----------------FORENOW RESPONSIVE---------------------*/
/*-----------------FORENOW RESPONSIVE---------------------*/