.pub-ola-quienes_somos .ola-panel-contenido { display:flex; flex-direction:column }
.pub-ola-quienes_somos .ola-panel-contenido .encabezado { color:#fff;  width:100%; height:587px; position:relative; transition:padding .5s ease }
.pub-ola-quienes_somos .ola-panel-contenido .encabezado .inner { width:550px; position:absolute; top:50%; left:160px; transform:translateY(-50%); max-height: 548px; overflow-y: auto; padding-right: 10px; }
.pub-ola-quienes_somos .ola-panel-contenido .encabezado h1 { font-size:48px; line-height:60px; letter-spacing:0.035em; margin:0; padding:0; margin-bottom:16px; transition:font-size .5s ease, padding .5s ease }
.pub-ola-quienes_somos .ola-panel-contenido .encabezado p.copete { font-size:20px; line-height:30px; margin-bottom:16px; transition:font-size .5s ease, padding .5s ease; font-weight:300 }
@media screen and (max-width:900px) {
.pub-ola-quienes_somos .ola-panel-contenido .encabezado { padding:100px 20px; height:auto }
.pub-ola-quienes_somos .ola-panel-contenido .encabezado .inner { width:auto; position:relative; padding:0px 30px; margin:0px auto; top:auto; left:auto; transform:none; max-height: auto; }
.pub-ola-quienes_somos .ola-panel-contenido .encabezado .inner h1 { }  
}
@media screen and (max-width:700px) {
.pub-ola-quienes_somos .ola-panel-contenido .encabezado h1 { font-size:32px; line-height:38px; padding-bottom:30px }
.pub-ola-quienes_somos .ola-panel-contenido .encabezado p { font-size:20px }  
}
.pub-ola-quienes_somos .diapositivas { background:#FAFAFA; width:100%; text-align:center; padding:45px 20px }
.pub-ola-quienes_somos .diapositivas h2 { font-size:40px; color:#4F4F4F; margin-bottom:100px; transition:font-size .5s ease, padding .5s ease, margin .5s ease }
.pub-ola-quienes_somos .diapositivas .panel { margin:0px auto; display:flex }
.pub-ola-quienes_somos .diapositivas .panel .scroll { flex-grow:1; flex-shrink:1 }
.pub-ola-quienes_somos .diapositivas .panel .items { display:flex; justify-content:center }
.pub-ola-quienes_somos .diapositivas .panel .items .item { flex-grow:1; flex-shrink:1; min-width:270px; max-width:425px; transition:margin .5s ease }
.pub-ola-quienes_somos .diapositivas .panel .items .item .info { width:250px; margin:0px auto; display:flex; flex-direction:column }
.pub-ola-quienes_somos .diapositivas .panel .items .item img { width:250px; height:125px }
.pub-ola-quienes_somos .diapositivas .panel .items .item h3 { padding:25px 0px; text-align:center; font-size:20px; color:#4F4F4F; transition:font-size .5s ease, padding .5s ease }
.pub-ola-quienes_somos .diapositivas .panel .items .item div { font-size:20px; text-align:center; color:#4F4F4F; font-weight:300; word-wrap: break-word; }
@media screen and (max-width:1200px) {  
.pub-ola-quienes_somos .diapositivas .panel .items { display:flex; justify-content:normal } 
}
@media screen and (max-width:900px) {
.pub-ola-quienes_somos .diapositivas .panel .items { display:inline-flex; flex-direction:column; justify-content:center }
.pub-ola-quienes_somos .diapositivas .panel .items .item { margin-bottom:50px }
.pub-ola-quienes_somos .diapositivas .panel .items .item:last-child { margin:0 }
}
@media screen and (max-width:700px) {
.pub-ola-quienes_somos .diapositivas h2 { font-size:24px; padding:padding:25px 0px; margin-bottom:30px }  
}
.pub-ola-quienes_somos .linea-tiempo { position:relative; background:url(/assets/gfx/back/quienes-somos.png) no-repeat center center; background-size:cover }
.pub-ola-quienes_somos .linea-tiempo .inner { background:rgba(250, 250, 250, 0.93); padding:60px 20px 100px; text-align:center }
.pub-ola-quienes_somos .linea-tiempo h2 { font-size:40px; color:#4F4F4F; margin-bottom:100px; transition:font-size .5s ease, padding .5s ease, margin .5s ease }
.pub-ola-quienes_somos .linea-tiempo .items { margin:0px auto; text-align:left; width:490px; transition:width .5s ease }
.pub-ola-quienes_somos .linea-tiempo .items .item { color:#4F4F4F; padding-bottom:64px; position:relative; padding-left:60px; overflow:hidden; transition:padding .5s ease }
.pub-ola-quienes_somos .linea-tiempo .items .item:last-child { margin:0 }
.pub-ola-quienes_somos .linea-tiempo .items .item h3 { font-size:51px; margin:0; padding:0; font-weight:bold; transition:font-size .5s ease }
.pub-ola-quienes_somos .linea-tiempo .items .item div { font-size:24px; line-height:35px; padding-top:30px; font-weight:300; transition:font-size .5s ease, line-height .5s ease, padding .5s ease }
.pub-ola-quienes_somos .linea-tiempo .items .item .info { position:relative }
.pub-ola-quienes_somos .linea-tiempo .items .item .info:before { content:''; width:24px; height:24px; background:#F5BB00; border-radius:20px; position:absolute; top:80px; left:-60px; transform:translateY(-50%); transition:top .5s ease }
.pub-ola-quienes_somos .linea-tiempo .items .item .info:after { content:''; width:0; height:58px; border-left:2px dotted #F5BB00; position:absolute; top:0; left:-49px; transition:height .5s ease }
.pub-ola-quienes_somos .linea-tiempo .items .item:after { content:''; width:0; height:100%; border-left:2px dotted #F5BB00; position:absolute; top:103px; left:11px; transition:top .5s ease }
.pub-ola-quienes_somos .linea-tiempo .items .item:first-child .info:after { display:none }
.pub-ola-quienes_somos .linea-tiempo .items .item:last-child:after { display:none }
@media screen and (max-width:700px) {
.pub-ola-quienes_somos .linea-tiempo h2 { font-size:24px; padding:padding:25px 0px; margin-bottom:40px }
.pub-ola-quienes_somos .linea-tiempo .items { width:90% }
.pub-ola-quienes_somos .linea-tiempo .items .item { padding-bottom:35px }
.pub-ola-quienes_somos .linea-tiempo .items .item h3 { font-size:32px }
.pub-ola-quienes_somos .linea-tiempo .items .item div { font-size:16px; line-height:24px; padding-top:16px }
.pub-ola-quienes_somos .linea-tiempo .items .item .info:before { top:58px }
.pub-ola-quienes_somos .linea-tiempo .items .item .info:after { height:38px }
.pub-ola-quienes_somos .linea-tiempo .items .item:after { top:80px }   
}
.pub-ola-quienes_somos .video { background:#3C3C3B; height:600px; padding:50px 150px; transition:height .5s ease, padding .5s ease }
.pub-ola-quienes_somos .video iframe { width:100%; height:100% }
@media screen and (max-width:1200px) {
.pub-ola-quienes_somos .video { padding:50px } 
}
@media screen and (max-width:700px) {
.pub-ola-quienes_somos .video { height:300px; padding:20px } 
}