*{
    box-sizing:border-box
}
a{
    text-decoration:none
}
html{
    scroll-behavior:smooth
}
sup{
    font-size:.5vw
}
.no-disponible{
    opacity:.4
}
.no-disponible a{
    pointer-events:none;
    cursor:default
}
::-webkit-scrollbar{
    width:3px
}
::-webkit-scrollbar-track{
    background:#000
}
::-webkit-scrollbar-thumb{
    background:#888
}
::-webkit-scrollbar-thumb:hover{
    background:#fdcb02
}
.back-general{
    position:fixed;
    bottom:60px;
    right:30px;
    z-index:30;
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-family:"TBWAGrotesk-Bold";
    text-decoration:none;
    color:#000
}
.back-general.oculto{
    display:none
}
.back-general svg{
    width:70px
}
.back-general p{
    margin-left:10px
}
.caso_solo .wrapp-caso-solo .inverso{
    transition:all .5s ease-out 0s;
    margin-top:-10vw;
    opacity:0
}
.caso_solo .wrapp-caso-solo .inverso.active{
    opacity:1;
    margin-top:0
}
body{
    background-color:#000;
    overflow:hidden;
	font-family:sans-serif;
}
body.legal{
    background-color:#fff
}
body.legal .st0{
    fill:#000 !important
}
body.legal .legal-wrapp{
    padding:5vw 15vw
}
body.legal .legal-wrapp h1{
    font-family:"TBWAGrotesk-Bold";
    font-size:3vw;
    margin-bottom:1vw
}
body.legal .legal-wrapp h2{
    font-family:"TBWAGrotesk-Bold";
    font-size:1.5vw;
    margin-bottom:1vw
}
body.legal .legal-wrapp p{
    font-family:"TBWAGrotesk-Light";
    font-size:1vw;
    margin-bottom:1vw
}
body.legal .legal-wrapp ul{
    padding-left:50px;
    font-family:"TBWAGrotesk-Light";
    font-size:1vw;
    list-style-type:disc;
    margin-bottom:1vw
}
body.home .linea{
    background-color:#fff !important
}
body.people-page{
    overflow-x:hidden;
    overflow-y:scroll
}
body.propuesta .st1{
    fill:#ffc411
}
body.casos-body .st1{
    fill:#ffc411
}
body.casos-body .st0{
    fill:#fff
}
body.equipo .st1{
    fill:#ffc411
}
body.equipo .st0{
    fill:#000
}
body.equipo .burguer .linea{
    background-color:#000
}
body.caso_solo .st1{
    fill:#ffc411
}
body.caso_solo .st0{
    fill:#fff
}
body.casos-body{
    overflow-y:hidden
}
body .fondo-carga{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1;
    background-color:#000;
    display:flex;
    justify-content:center;
    align-items:center;
    z-index:300
}
body .fondo-carga.oculto{
    transition:all .5s ease-out 0s;
    background-color:rgba(0,0,0,0);
    z-index:-1
}
body .fondo-carga .BackSlash{
    opacity:1;
    border:1px solid #fdcb02;
    width:2vw;
    height:9vw;
    background-color:transparent;
    transform:skewX(20deg);
    position:relative
}
body .fondo-carga .BackSlash.oculto{
    opacity:0
}
body .fondo-carga .BackSlash .BackSlash-interior{
    width:100%;
    height:0%;
    position:absolute;
    bottom:0;
    left:0;
    background-color:#fdcb02;
    animation:backslash 5s infinite;
    animation-iteration-count:2;
    transition:all .5s ease-out 0s
}
@keyframes backslash{
    0%{
        height:0%
    }
    20%{
        height:20%
    }
    40%{
        height:40%
    }
    100%{
        height:100%
    }
}
body .main-section{
    min-height:600px;
    height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    padding:15px
}
body .logo{
    width:8vw;
    position:fixed;
    top:1vw;
    left:1vw;
    z-index:60;
    height:auto
}
@keyframes giroLogo{
    from{
        transform:translateX(0px)
    }
    to{
        transform:translateX(30px)
    }
}
@keyframes efectoLogo{
    from{
        transform:translateY(0px)
    }
    to{
        transform:translateY(-80px)
    }
}
body .logo .st0,body .logo .st1{
    transition:all .5s ease-out 0s;
    transform-origin:center
}
body .logo.active{
    top:-100%
}
body .logo.oculto{
    display:none
}
body .burguer{
    position:fixed;
    z-index:10;
    right:1vw;
    top:1.5vw;
    cursor:pointer;
    z-index:60;
    transition:all 1s ease-out 0s
}
body .burguer.active{
    top:-100%
}
body .burguer .linea{
    width:2vw;
    height:.2vw;
    margin-bottom:.5vw;
    background-color:#fff;
    transition:all .5s ease-out 0s;
    transform-origin:center
}
body .burguer .linea.active.top{
    transform:rotate(45deg) translate(0.5vw, 0.5vw);
    background-color:#fff !important
}
body .burguer .linea.active.bottom{
    transform:rotate(-45deg) translate(0vw, 0vw);
    background-color:#fff !important
}
body .home-text{
    font-family:"TBWAGrotesk-Bold";
    font-size:6vw;
    color:#fff;
    text-align:center
}
body .home-text sup{
    font-size:42px;
    position:relative;
    left:-25px
}
body .first.home-text{
    opacity:0
}
body .second.home-text{
    transition:all .5s ease-out 0s;
    display:none;
    opacity:0
}
body .second.home-text.hidden{
    margin-top:100px
}
body .second.home-text p{
    font-family:"TBWAGrotesk-Bold";
    font-size:2vw
}
body .second.home-text a{
    display:inline-block;
    transform:skewX(20deg);
    background-color:#fdcb02;
    font-family:"TBWAGrotesk-Bold";
    font-size:1vw;
    color:#000;
    width:auto;
    border:none;
    padding:1vw;
    cursor:pointer;
    position:relative;
    transition:all .5s ease-out 0s
}
body .second.home-text a:hover{
    background-color:#000
}
body .second.home-text a:hover span{
    color:#fff
}
body .second.home-text a span{
    display:block;
    transform:skewX(-20deg)
}
body .cookies{
    position:fixed;
    bottom:-3vw;
    right:-3vw;
    background-color:#fff;
    border-radius:50%;
    width:0;
    height:0;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    /*font-family:"TBWAGrotesk-Regular";*/
    font-size:.8vw;
    transform-origin:bottom right;
    transition:all .5s ease-in 0s;
    z-index:49;
    line-height:1vw
}
body .cookies.active{
    width:20vw;
    height:20vw
}
body .cookies .cookies-wrapp{
    margin:0 4vw 2vw 3vw;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    position:relative;
    transition:all .5s ease-in 0s;
    opacity:0;
    visibility:hidden
}
body .cookies .cookies-wrapp.active{
    opacity:1;
    visibility:visible
}
body .cookies .cookies-wrapp p{
    margin-bottom:1vw
}
body .cookies .cookies-wrapp .button-wrapp{
    display:flex;
    justify-content:space-around
}
body .cookies .cookies-wrapp .button-wrapp .aceptar-cookies{
    margin-right:15px
}
body .cookies .cookies-wrapp .button-wrapp .aceptar-cookies,body .cookies .cookies-wrapp .button-wrapp .rechazar-cookies{
    text-decoration:none;
    color:#fff;
    padding:.3vw .6vw;
    background-color:#000;
    cursor:pointer;
    border:none;
    font-size:.7vw
}
body .video-wrapp{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    opacity:0;
    z-index:-1
}
body .video-wrapp video{
    object-fit:cover;
    display:block;
    width:100%;
    height:100%
}
body .fondo-negro{
    position:fixed;
    width:100%;
    height:100%;
    z-index:-1;
    background-color:rgba(0,0,0,0);
    transition:all .5s ease-out 0s
}
body .fondo-negro.active{
    background-color:#000;
    z-index:49
}
body nav{
    width:100%;
    height:100vh;
    position:fixed;
    z-index:-1;
    display:flex;
    justify-content:center;
    align-items:center;
    transition:all .5s ease-out 0s;
    left:120%
}
body nav.active{
    left:0;
    z-index:50
}
body nav ul{
    width:100%;
    height:100%;
    display:flex;
    flex-direction:row;
    position:relative
}
body nav ul li{
    width:25%;
    height:100vh;
    background-color:#202020;
    display:flex;
    justify-content:center;
    align-items:center;
    border:1px solid #000;
    transform:skewX(20deg);
    transition:opacity .22s ease-in 0s;
    opacity:0
}
body nav ul li:hover{
    background-color:#252525
}
body nav ul li .inner-content-menu{
    transform:skewX(-20deg);
    font-family:"TBWAGrotesk-Bold";
    color:#fff;
    font-size:2.5vw
}
body nav ul li .inner-content-menu a{
    display:block;
    color:#fff;
    text-decoration:none;
    transition:all .5s ease-out 0s;
    transform:scale(1.5)
}
body nav ul li .inner-content-menu a:first-letter{
    text-transform:uppercase
}
body nav ul .enlace1.active{
    transition-delay:.5s;
    opacity:1
}
body nav ul .enlace2.active{
    transition-delay:.7s;
    opacity:1
}
body nav ul .enlace3.active{
    transition-delay:.9s;
    opacity:1
}
body nav ul .enlace4.active{
    transition-delay:1.1s;
    opacity:1
}
body nav ul .enlace5.active{
    transition-delay:1.3s;
    opacity:1
}
body nav ul .link1.active{
    transition-delay:.6s;
    transform:scale(1)
}
body nav ul .link2.active{
    transition-delay:.8s;
    transform:scale(1)
}
body nav ul .link3.active{
    transition-delay:1s;
    transform:scale(1)
}
body nav ul .link4.active{
    transition-delay:1.2s;
    transform:scale(1)
}
body nav ul .link5.active{
    transition-delay:1.4s;
    transform:scale(1)
}
.contacto-wrapp{
    position:fixed;
    width:100%;
    height:100%;
    background-image:url("../img/fondo-contacto.png");
    background-size:cover;
    background-repeat:no-repeat;
    z-index:-1;
    top:0;
    left:0
}
.contacto-wrapp.active{
    top:0;
    z-index:60
}
.contacto-wrapp .wrapp{
    position:relative;
    width:100%;
    height:100%
}
.contacto-wrapp .wrapp .velo{
    position:absolute;
    width:100%;
    height:100%;
    background-color:#000;
    opacity:.7;
    z-index:3
}
.contacto-wrapp .wrapp .rrss{
    width:100%;
    display:flex;
    justify-content:center;
    position:absolute;
    z-index:4;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%)
}
.contacto-wrapp .wrapp .rrss a{
    width:6vw;
    margin-right:5vw;
    transition:all .5s ease-out 0s
}
.contacto-wrapp .wrapp .rrss a:hover{
    transform:scale(1.1)
}
.contacto-wrapp .wrapp .rrss a:last-child{
    margin-right:0
}
.contacto-wrapp .wrapp .direccion{
    position:absolute;
    z-index:4;
    right:0;
    bottom:5vw;
    display:flex;
    justify-content:center;
    color:#fff;
    font-size:.9vw
}
.contacto-wrapp .wrapp .direccion .row{
    margin-right:2vw
}
.contacto-wrapp .wrapp .direccion .row h2{
    font-family:"TBWAGrotesk-Bold";
    margin-top:1vw
}
.contacto-wrapp .wrapp .direccion .row p{
    font-family:"TBWAGrotesk-Light";
    margin:5px 0
}
.contacto-wrapp .wrapp .direccion .row a{
    color:#fff;
    font-family:"TBWAGrotesk-Light"
}
.nav-page{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    padding:30px;
    z-index:60
}
.footer-page{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    padding:.5vw 1%;
    z-index:60;
    background-color:#fff;
    display:flex;
    justify-content:space-between;
    align-items:center
}
.footer-page.oculto{
    display:none
}
.footer-page .legal{
    color:#000;
    font-size:.6vw;
    font-family:"TBWAGrotesk-Regular"
}
.footer-page .right{
    display:flex;
    justify-content:space-between
}
.footer-page .right ul{
    display:flex
}
.footer-page .right ul li{
    margin-right:1vw
}
.footer-page .right ul li svg{
    height:1vw;
    transition:all .5s ease-out 0s
}
.footer-page .right ul li svg:hover{
    transform:scale(1.3)
}
.footer-page .right .privacidad{
    color:#000;
    font-size:.7vw;
    font-family:"TBWAGrotesk-Bold";
    margin-right:1vw;
    cursor:pointer;
    margin-top:.2vw
}
.footer-page .right .contacto{
    font-size:.7vw;
    text-decoration:none;
    color:#000;
    font-family:"TBWAGrotesk-Bold";
    cursor:pointer;
    margin-right:1vw;
    margin-top:.2vw
}

.xtwitter{
	width: 18px;
    margin-top: 1px;
}

.section-page{
    overflow-x:hidden;
    overflow-y:scroll
}
.section-page.people-page{
    overflow:hidden !important
}
.fondos{
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:1
}
.fondos .fondos-wrapp{
    position:relative;
    width:100%;
    height:100%
}
.fondos .fondos-wrapp img{
    position:absolute;
    top:0;
    left:0;
    object-fit:cover;
    width:100%;
    height:100%;
    transition:all 1.5s ease-out 0s
}
.fondos .fondos-wrapp img.oculto{
    opacity:0
}
.fondos .fondos-wrapp img.right{
    right:-20px
}
.fondos .fondos-wrapp img.animate-right{
    left:20px
}
.fondos .fondos-wrapp img.animate-left{
    left:-40px
}
.forma{
    position:fixed;
    top:0;
    left:0;
    z-index:2;
    width:100vw;
    height:100vh
}
.forma .forma-wrapp{
    position:relative;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.forma .forma-wrapp .forma-blanca1,.forma .forma-wrapp .forma-blanca2,.forma .forma-wrapp .forma-blanca3,.forma .forma-wrapp .forma-blanca4{
    position:absolute;
    top:0;
    left:-150%;
    width:120%;
    height:100vh;
    background-color:#fff;
    transform:skewX(20deg);
    transition:all 2s ease-out 0s
}
.forma .forma-wrapp .forma-blanca1.active,.forma .forma-wrapp .forma-blanca2.active,.forma .forma-wrapp .forma-blanca3.active,.forma .forma-wrapp .forma-blanca4.active{
    left:-70%
}
.forma .forma-wrapp .forma-blanca1.oculto,.forma .forma-wrapp .forma-blanca2.oculto,.forma .forma-wrapp .forma-blanca3.oculto,.forma .forma-wrapp .forma-blanca4.oculto{
    opacity:0
}
.forma .forma-wrapp .forma-negra{
    position:absolute;
    top:0;
    left:-150%;
    width:120%;
    height:100vh;
    background-color:#000;
    transform:skewX(20deg);
    transition:all 2s ease-out 0s
}
.forma .forma-wrapp .forma-negra.active{
    left:-70%
}
.forma .forma-wrapp .forma-negra.oculto{
    opacity:0
}
.forma .forma-wrapp .forma-blanca-der,.forma .forma-wrapp .forma-blanca-der2{
    position:absolute;
    top:0;
    right:-150%;
    width:120%;
    height:100vh;
    background-color:#fff;
    transform:skewX(20deg);
    transition:all 2s ease-out 0s
}
.forma .forma-wrapp .forma-blanca-der.active,.forma .forma-wrapp .forma-blanca-der2.active{
    right:-70%
}
.forma .forma-wrapp .forma-blanca-der.active-100,.forma .forma-wrapp .forma-blanca-der2.active-100{
    right:-10%
}
.forma .forma-wrapp .forma-blanca-der.oculto,.forma .forma-wrapp .forma-blanca-der2.oculto{
    opacity:0
}
.forma .forma-wrapp .forma-negra-der{
    position:absolute;
    top:0;
    right:-150%;
    width:120%;
    height:100vh;
    background-color:#000;
    transform:skewX(20deg);
    transition:all 2s ease-out 0s
}
.forma .forma-wrapp .forma-negra-der.active{
    right:-70%
}
.forma .forma-wrapp .forma-negra-der.oculto{
    opacity:0
}
.forma .forma-wrapp .forma-amarila-izq{
    position:absolute;
    top:0;
    left:-150%;
    width:120%;
    height:100vh;
    background-color:#fdcb02;
    transform:skewX(20deg);
    transition:all 2s ease-out 0s
}
.forma .forma-wrapp .forma-amarila-izq.active{
    left:-70%
}
.forma .forma-wrapp .forma-amarila-izq.oculto{
    opacity:0
}
.forma .forma-wrapp .forma-amarila-der{
    position:absolute;
    top:0;
    right:-150%;
    width:120%;
    height:100vh;
    background-color:#fdcb02;
    transform:skewX(20deg);
    transition:all 2s ease-out 0s
}
.forma .forma-wrapp .forma-amarila-der.active{
    right:-69.9%
}
.forma .forma-wrapp .forma-amarila-der.oculto{
    opacity:0
}
#fullpage{
    z-index:20;
    overflow:hidden
}
.pd-r{
    padding-right:10vw
}
.casos{
    position:relative;
    z-index:5;
    width:100%;
    height:100vh;
    display:flex;
    align-items:center;
    padding:0px 8%
}
.casos.caso1{
    margin-top:50px;
    transition:all 1s ease-out 0s;
    opacity:0
}
.casos.caso1.animacion{
    margin-top:0;
    opacity:1
}
.casos.cultura1{
    position:relative;
    overflow:hidden;
    color:#fff;
    transition:all 3s ease-out 0s;
    position:relative;
    color:#fff
}
.casos.cultura1 .video-cultura{
    position:absolute;
    bottom:0;
    left:0;
    min-width:100%;
    min-height:100%;
    z-index:-1
}
.casos.cultura1 .video-cultura video{
    object-fit:cover;
    display:block;
    width:100%;
    height:100%
}
.casos.cultura1 .video-cultura{
    position:absolute;
    top:0;
    left:0;
    max-width:100%;
    min-height:100%;
    z-index:-1
}
.casos.cultura1 .wrapp-casos{
    transition:all 2s ease-out 0s
}
.casos.cultura4 .parrafo p{
    line-height:10px
}
.casos.cultura4 .parrafo b{
    font-family:"TBWAGrotesk-Bold"
}
.casos.cultura4 .parrafo a{
    text-decoration:none;
    color:#fff;
    background-color:#000;
    padding:.5vw;
    transform:skewX(20deg);
    display:inline-block;
    font-family:"TBWAGrotesk-Light"
}
.casos.sencillo{
    justify-content:center
}
.casos.sencillo h2{
    font-family:"TBWAGrotesk-Bold";
    font-size:89.58px;
    text-align:center;
    color:#fff
}
.casos .wrapp-casos{
    width:100%;
    transform:skewX(20deg);
    transition:all .5s ease-out 0s
}
.casos .wrapp-casos.oculto{
    opacity:0;
    margin-top:-10vw;
    transition:all .2s ease-out 0s
}
.casos .wrapp-casos.active{
    margin-top:0;
    opacity:1
}
.casos .wrapp-casos .subtitle-casos{
    transform:skewX(-20deg);
    margin-top:1vw;
    margin-bottom:1.5vw;
    font-family:"TBWAGrotesk-Regular";
    font-size:1vw
}
.casos .wrapp-casos .back{
    width:2.6vw;
    transform:skewX(-20deg);
    margin-bottom:1vw
}
.casos .wrapp-casos .inverso{
    display:flex;
    flex-direction:column
}
.casos .wrapp-casos .play{
    width:43vw;
    display:flex;
    justify-content:center;
    align-items:center
}
.casos .wrapp-casos .play .triangulo-wrapp{
    width:4vw;
    height:4vw;
    background-color:#fdcb02;
    display:flex;
    justify-content:center;
    align-items:center;
    cursor:pointer;
    transition:all .3s ease-out 0s
}
.casos .wrapp-casos .play .triangulo-wrapp:hover .triangulo{
    transform:skewX(-20deg) scale(1.2)
}
.casos .wrapp-casos .play .triangulo-wrapp .triangulo{
    width:0;
    height:0;
    border-left:.8vw solid #000;
    border-top:.5vw solid transparent;
    border-bottom:.5vw solid transparent;
    transform:skewX(-20deg);
    transition:all .3s ease-out 0s
}
.casos .wrapp-casos.der{
    display:flex;
    justify-content:flex-end
}
.casos .wrapp-casos.doble{
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:100%;
    max-width:100%
}
.casos .wrapp-casos.doble .parrafo div{
    margin-bottom:2vw
}
.casos .wrapp-casos.doble .parrafo div .title-blanco{
    margin-bottom:2.5vw
}
.casos .wrapp-casos.doble .parrafo div p{
    margin-bottom:1vw
}
.casos .wrapp-casos.doble .title-blanco{
    color:#fff;
    font-family:"TBWAGrotesk-Bold";
    font-size:2vw
}
.casos .wrapp-casos.doble .title-negro{
    color:#000;
    font-family:"TBWAGrotesk-Bold";
    font-size:2vw;
    margin-bottom:2.5vw
}
.casos .wrapp-casos.doble .row-2{
    margin-top:65px;
    display:flex;
    transform:skewX(-20deg)
}
.casos .wrapp-casos.doble .row-2 p{
    display:flex;
    align-items:center;
    font-family:"TBWAGrotesk-Bold";
    font-size:1.5vw;
    margin-right:50px
}
.casos .wrapp-casos.doble .row-2 p .logo-txt{
    width:10px;
    height:52px;
    transform:skewX(20deg);
    background-color:#fc3;
    display:block;
    margin-right:10px
}
.casos .wrapp-casos h2{
    font-family:"TBWAGrotesk-Bold";
    font-size:3vw;
    line-height:3vw
}
.casos .wrapp-casos h2.white{
    color:#fff
}
.casos .wrapp-casos h2.omnicom-title{
    font-family:"TBWAGrotesk-Regular"
}
.casos .wrapp-casos h2.omnicom-title b{
    font-family:"TBWAGrotesk-Bold"
}
.casos .wrapp-casos h2 .amarillo{
    color:#fdcb02
}
.casos .wrapp-casos h2 .amarillo.initial{
    display:initial
}
.casos .wrapp-casos h2 sup{
    position:absolute;
    top:-20px;
    font-size:1.5vw
}
.casos .wrapp-casos h2 span{
    transform:skewX(-20deg);
    display:inline-block;
    line-height:0
}
.casos .wrapp-casos .parrafo{
    margin-top:2vw
}
.casos .wrapp-casos .parrafo ul{
    font-family:"TBWAGrotesk-Regular";
    font-size:1vw;
    line-height:1.2vw;
    padding-left:2vw;
    margin-top:1vw
}
.casos .wrapp-casos .parrafo ul li{
    transform:skewX(-20deg);
    list-style-type:disc
}
.casos .wrapp-casos .parrafo p{
    font-family:"TBWAGrotesk-Regular";
    font-size:1vw;
    line-height:1.2vw
}
.casos .wrapp-casos .parrafo p.white{
    color:#fff
}
.casos .wrapp-casos .parrafo p span{
    transform:skewX(-20deg);
    display:block;
    line-height:.3vw
}
.casos .wrapp-casos .parrafo p span.verMas{
    cursor:pointer;
    font-family:"TBWAGrotesk-Bold"
}
.casos .wrapp-casos .boton{
    background-color:#fdcb02;
    font-family:"TBWAGrotesk-Bold";
    font-size:1vw;
    color:#000;
    border:none;
    display:inline-block;
    margin-top:2vw;
    transition:all .5s ease-out 0s
}
.casos .wrapp-casos .boton:hover{
    background-color:#000
}
.casos .wrapp-casos .boton:hover a,.casos .wrapp-casos .boton:hover span{
    color:#fff
}
.casos .wrapp-casos .boton a,.casos .wrapp-casos .boton span{
    transform:skewX(-20deg);
    display:block;
    color:#000;
    font-family:"TBWAGrotesk-Regular";
    font-size:.8vw;
    text-decoration:none;
    padding:1vw;
    cursor:pointer
}
.txt-completo{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding:7vw 10vw;
    z-index:-1;
    opacity:0;
    transition:opacity .5s ease-out 0s;
    transition-delay:1s
}
.txt-completo.active{
    z-index:10;
    opacity:1
}
.txt-completo h2{
    font-family:"TBWAGrotesk-Bold";
    font-size:3vw;
    margin-bottom:3vw
}
.txt-completo p{
    font-family:"TBWAGrotesk-Light";
    font-size:1vw;
    margin-bottom:1vw;
    text-align:justify;
    line-height:1.5vw
}
.txt-completo a{
    color:#000;
    text-decoration:underline
}
.txt-completo .img-interior{
    max-width:50vw;
    display:block;
    margin:0 auto
}
.txt-completo .boton{
    background-color:#fdcb02;
    font-family:"TBWAGrotesk-Bold";
    font-size:1vw;
    color:#000;
    border:none;
    display:inline-block;
    margin:1vw 0 1vw;
    transition:all .5s ease-out 0s;
    transform:skewX(20deg)
}
.txt-completo .boton:hover{
    background-color:#000
}
.txt-completo .boton:hover span{
    color:#fff
}
.txt-completo .boton span{
    transform:skewX(-20deg);
    display:block;
    color:#000;
    font-family:"TBWAGrotesk-Regular";
    font-size:.8vw;
    text-decoration:none;
    padding:1vw;
    cursor:pointer
}
.txt-completo .cerrar-txt-completo{
    cursor:pointer;
    margin-top:1vw;
    font-family:"TBWAGrotesk-Bold"
}
.txt-completo .cerrar-txt-completo img{
    width:2.6vw
}
.video-case-wrapp,.video-spot-wrapp{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.7);
    display:flex;
    justify-content:center;
    align-items:center;
    opacity:0;
    z-index:-2;
    transition:opacity .5s ease-out 0s
}
.video-case-wrapp.active,.video-spot-wrapp.active{
    opacity:1;
    z-index:100
}
.video-case-wrapp .border-video-case,.video-spot-wrapp .border-video-case{
    width:50vw;
    height:27.5vw;
    FONT-WEIGHT:500;
    flex-direction:column;
    align-items:center
}
.video-case-wrapp .border-video-case video,.video-spot-wrapp .border-video-case video{
    width:100%;
    height:100%;
    object-fit:cover
}
.video-case-wrapp .border-video-case .cerrar-video,.video-spot-wrapp .border-video-case .cerrar-video{
    margin-top:2vw;
    cursor:pointer;
    width:3vw;
    left:calc(50% - 1.5vw);
    position:relative
}
.arrow{
    cursor:pointer
}
.arrow img{
    width:1.5vw
}
.next-arrow{
    position:absolute;
    right:1vw;
    top:48%;
    z-index:40
}
.prev-arrow{
    position:absolute;
    left:1vw;
    top:48%;
    z-index:40
}
.people-wrapp{
    width:100vw;
    height:80vh
}
.people-wrapp .slick-list{
    width:100%;
    height:100%
}
.people-wrapp .slick-list .people{
    height:80vh;
    background-size:cover;
    position:relative
}
.people-wrapp .slick-list .people.persona-1{
    background-image:url("../img/frutos.jpg")
}
.people-wrapp .slick-list .people.persona-2{
    background-image:url("../img/claudia.jpg")
}
.people-wrapp .slick-list .people.persona-3{
    background-image:url("../img/escudero.jpg")
}
.people-wrapp .slick-list .people.persona-4{
    background-image:url("../img/fuertes.jpg")
}
.people-wrapp .slick-list .people.persona-5{
    background-image:url("../img/pulito.jpg")
}
.people-wrapp .slick-list .people.persona-6{
    background-image:url("../img/paco.jpg")
}
.people-wrapp .slick-list .people.persona-7{
    background-image:url("../img/javier.jpg")
}
.people-wrapp .slick-list .people.persona-8{
    background-image:url("../img/mikel.jpg")
}
.people-wrapp .slick-list .people.persona-9{
    background-image:url("../img/noelia.jpg")
}
.people-wrapp .slick-list .people.persona-10{
    background-image:url("../img/cristina.jpg")
}
.people-wrapp .slick-list .people.persona-11{
    background-image:url("../img/albert.jpg")
}
.people-wrapp .slick-list .people.persona-12{
    background-image:url("")
}
.people-wrapp .slick-list .people.persona-13{
    background-image:url("../img/agustin.jpg")
}
.people-wrapp .slick-list .people.persona-14{
    background-image:url("../img/martinez.jpg")
}
.people-wrapp .slick-list .people.persona-15{
    background-image:url("../img/bea.jpg")
}
.people-wrapp .slick-list .people.persona-16{
    background-image:url("../img/natalia.jpg")
}
.people-wrapp .slick-list .people.persona-17{
    background-image:url("../img/dolores.jpg")
}
.people-wrapp .slick-list .people.persona-18{
    background-image:url("../img/emilio.jpg")
}
.people-wrapp .slick-list .people.persona-19{
    background-image:url("../img/patricia.jpg")
}
.people-wrapp .slick-list .people.persona-20{
    background-image:url("../img/conejero.jpg")
}
.people-wrapp .slick-list .people.persona-21{
    background-image:url("../img/flor.jpg")
}
.people-wrapp .slick-list .people.persona-22{
    background-image:url("../img/milya.jpg")
}
.people-wrapp .slick-list .people.persona-23{
    background-image:url("../img/virginia.jpg")
}
.people-wrapp .slick-list .people.persona-24{
    background-image:url("../img/mariluz.jpg")
}
.people-wrapp .slick-list .people.persona-25{
    background-image:url("../img/rubio.jpg")
}
.people-wrapp .slick-list .people.persona-26{
    background-image:url("../img/nuria.jpg")
}
.people-wrapp .slick-list .people.persona-27{
    background-image:url("../img/paula.jpg")
}
.people-wrapp .slick-list .people.persona-28{
    background-image:url("../img/hector.jpg")
}
.people-wrapp .slick-list .people .more{
    display:none
}
.people-wrapp .slick-list .people .texto{
    position:relative;
    color:#fff;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.7);
    transition:all .5s ease-out 0s;
    opacity:0
}
.people-wrapp .slick-list .people .texto.active{
    opacity:1
}
.people-wrapp .slick-list .people .texto .texto-wrapp{
    position:absolute;
    padding:0 68px;
    bottom:0;
    transition:all .5s ease-out 0s
}
.people-wrapp .slick-list .people .texto .texto-wrapp h1,.people-wrapp .slick-list .people .texto .texto-wrapp h2{
    font-family:"TBWAGrotesk-Bold"
}
.people-wrapp .slick-list .people .texto .texto-wrapp h1{
    font-size:3vh;
    margin-bottom:5px
}
.people-wrapp .slick-list .people .texto .texto-wrapp h2{
    font-size:1.5vh;
    margin-bottom:25px
}
.people-wrapp .slick-list .people .texto .texto-wrapp p{
    font-size:1.3vh;
    font-family:"TBWAGrotesk-Light";
    margin-bottom:20px;
    line-height:2vh
}
.people-wrapp .slick-list .people .texto .texto-wrapp .rrss-people{
    display:flex;
    align-items:center;
    margin-bottom:25px
}
.people-wrapp .slick-list .people .texto .texto-wrapp .rrss-people img{
    width:30px;
    margin-right:15px
}
.mas-info-modal{
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    overflow:hidden;
    background-color:rgba(0,0,0,.7);
    z-index:100;
    display:flex;
    justify-content:center;
    align-items:center;
    opacity:0;
    visibility:hidden;
    transition:all .5s ease-out 0s
}
.mas-info-modal.active{
    opacity:1;
    visibility:visible
}
.mas-info-modal .wrapp-modal{
    width:60vw;
    height:35vw;
    background-color:#fff;
    transform:skewX(20deg);
    position:relative
}
.mas-info-modal .wrapp-modal .wrapp{
    position:absolute;
    top:0;
    left:0;
    transform:skewX(-20deg);
    opacity:0;
    visibility:hidden;
    transition:all .5s ease-out 0s
}
.mas-info-modal .wrapp-modal .wrapp.active{
    opacity:1;
    visibility:visible
}
.mas-info-modal .wrapp-modal .wrapp .skew{
    width:100%;
    transform:skewX(20deg);
    padding:3vw
}
.mas-info-modal .wrapp-modal .wrapp .skew .cerrar-modal{
    cursor:pointer;
    width:2.5vw;
    transform:skew(-18deg)
}
.mas-info-modal .wrapp-modal .wrapp .skew span{
    transform:skewX(-20deg);
    display:block;
    font-family:"TBWAGrotesk-Regular";
    font-size:.8vw;
    line-height:1vw
}
.mas-info-modal .wrapp-modal .wrapp .skew h1{
    font-size:3.2vw;
    font-family:"TBWAGrotesk-Bold";
    margin:1vw 0;
    line-height:initial
}
.mas-info-modal .wrapp-modal .wrapp .skew h2{
    margin-bottom:1vw;
    font-family:"TBWAGrotesk-Bold";
    line-height:initial
}
.mas-info-modal .wrapp-modal .wrapp .skew .rrss-people{
    transform:skewX(-20deg);
    display:flex;
    align-items:center;
    margin-top:1vw
}
.mas-info-modal .wrapp-modal .wrapp .skew .rrss-people svg{
    width:1.5vw;
    margin-right:1vw
}
.mosaico.directiva{
    padding:7vw 3vw 3vw 3vw
}
.mosaico.directiva .main-wrapp .wrapp .persona-mobile{
    /*width:16.6%;*/
	width:33% !important;
    cursor:pointer
}
.mosaico.directiva .main-wrapp .wrapp .persona-mobile .more{
    width:8%;
    position:absolute;
    top:94%;
    left:50%;
    transform:translate(-50%, -50%);
    z-index:10
}
.mosaico.directiva .main-wrapp .wrapp .persona-mobile .more .mas-info{
    fill:#fff
}
.mosaico.directiva .main-wrapp .wrapp .persona-mobile .info p{
    text-align:center;
    color:#fff;
    font-size:2vh;
    margin-bottom:5px;
    font-family:"TBWAGrotesk-Regular";
    padding-bottom:2vw
}
.mosaico{
    width:100%;
    background-color:#fff;
    padding:2vw 13vw;
    overflow:hidden
}
.mosaico h2{
    font-family:"TBWAGrotesk-Bold";
    font-size:3vw;
    color:#000;
    padding-bottom:2vw
}
.mosaico .main-wrapp{
    display:flex;
    flex-wrap:wrap
}
.mosaico .main-wrapp .wrapp{
    width:100%;
    display:flex;
    flex-wrap:wrap
}
.directiva .main-wrapp .wrapp{
    width:70% !important;
    display:flex;
    flex-wrap:wrap;
	margin: 0 auto;
		
}
.mosaico .main-wrapp .wrapp div{
    width:20%;
    position:relative
}
.mosaico .main-wrapp .wrapp div.tbwa{
    background-color:#000;
    text-align:center;
    font-size:.8vw;
    font-family:"TBWAGrotesk-Bold";
    padding:1.5vw;
    display:flex;
    flex-direction:column;
    justify-content:center
}
.mosaico .main-wrapp .wrapp div.tbwa p{
    color:#fff;
    margin-bottom:1vw
}
.mosaico .main-wrapp .wrapp div img{
    object-fit:cover;
    width:100%;
    height:100%
}
.mosaico .main-wrapp .wrapp div .info{
    position:absolute;
    bottom:0;
    left:0;
    padding:1vw;
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    transition:all .5s ease-out 0s;
    opacity:0
}
.mosaico .main-wrapp .wrapp div .info:hover{
    background-color:rgba(0,0,0,.7);
    opacity:1
}
.mosaico .main-wrapp .wrapp div .info h1{
    color:#fff;
    font-size:3vh;
    margin-bottom:5px;
    font-family:"TBWAGrotesk-Bold"
}
.mosaico .main-wrapp .wrapp div .info h2{
    font-size:1.5vh;
    color:#fff;
    font-family:"TBWAGrotesk-Bold"
}
.works-wrapp{
    width:100vw;
    height:100vh
}
.works-wrapp .slick-list{
    width:100%;
    height:100%
}
.works-wrapp .slick-list .slick-track{
    display:flex;
    align-items:center;
    width:100%;
    height:100%;
    margin-top:-50px
}
.works-wrapp .slick-list .slick-track .slick-slide{
    height:16vw
}
.works-wrapp .slick-list .slick-track .work{
    position:relative;
    margin-right:.2vw;
    transition:all .3s ease-out 0s
}
.works-wrapp .slick-list .slick-track .work:hover{
    margin-bottom:50px;
    z-index:10
}
.works-wrapp .slick-list .slick-track .work a{
    width:100%;
    height:100%;
    text-decoration:none
}
.works-wrapp .slick-list .slick-track .work .work-img{
    width:100%;
    height:100%;
    transform:skewX(20deg);
    overflow:hidden;
    position:relative
}
.works-wrapp .slick-list .slick-track .work .work-img .bg{
    width:140%;
    height:100%;
    background-size:cover;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%) skewX(-20deg)
}
.works-wrapp .slick-list .slick-track .work .work-img .bg.hamburguesa{
    background-image:url("../img/casos_hamburguesa_carrusel.jpg")
}
.works-wrapp .slick-list .slick-track .work .work-img .bg.doritos{
    background-image:url("../img/casos_doritos_carrusel.jpg")
}
.works-wrapp .slick-list .slick-track .work .work-img .bg.olson{
    background-image:url("../img/casos_olson_carrusel.jpg")
}
.works-wrapp .slick-list .slick-track .work .work-img .bg.corteIngles{
    background-image:url("../img/casos_veci_carrusel.jpg")
}
.works-wrapp .slick-list .slick-track .work .work-img .bg.superonce{
    background-image:url("../img/casos_superonce_carrusel.jpg")
}
.works-wrapp .slick-list .slick-track .work .work-img .bg.bestBurguer{
    background-image:url("../img/casos_bestburger_carrusel.jpg")
}
.works-wrapp .slick-list .slick-track .work .work-img .bg.eci{
    background-image:url("../img/casos_eci_carrusel.jpg")
}
.works-wrapp .slick-list .slick-track .work .work-img .bg.correos{
    background-image:url("../img/casos_correos_carrusel.jpg")
}
.works-wrapp .slick-list .slick-track .work .work-img .bg.bigGood{
    background-image:url("../img/caso_md.jpg")
}
.works-wrapp .slick-list .slick-track .work .work-img .bg.agradecimientos{
    background-image:url("../img/casos_ruta_carrusel.jpg")
}
.works-wrapp .slick-list .slick-track .work .work-img .bg.massira{
    background-image:url("../img/casos_massira_carrusel.jpg")
}
.works-wrapp .slick-list .slick-track .work .work-img .bg.american{
    background-image:url("../img/casos_american_carrusel.jpg")
}
.works-wrapp .slick-list .slick-track .work .work-img .bg.paredes{
    background-image:url("../img/casos_paredes_carrusel.jpg")
}
.works-wrapp .slick-list .slick-track .work .work-img .bg.basuraleza{
    background-image:url("../img/casos_basuraleza_carrusel.jpg")
}
.works-wrapp .slick-list .slick-track .work .work-img .bg.lidl_1{
    background-image:url("../img/casos_lidl_marca_carrusel.jpg")
}
.works-wrapp .slick-list .slick-track .work .work-img .bg.lidl_2{
    background-image:url("../img/casos_lidl_navidad_carrusel.jpg")
}
.works-wrapp .slick-list .slick-track .work .work-img .bg.nissan{
    background-image:url("../img/casos_nissan_batman_carrusel.jpg")
}
.works-wrapp .slick-list .slick-track .work .work-img img{
    position:absolute;
    left:-50px;
    top:0;
    width:130%;
    height:100%;
    object-fit:cover;
    transform:skewX(-20deg)
}
.works-wrapp .slick-list .slick-track .work .work-txt{
    padding:1vw 1vw 0 4vw;
    color:#fff
}
.works-wrapp .slick-list .slick-track .work .work-txt h2{
    font-family:"TBWAGrotesk-Bold";
    font-size:2vw;
    margin-bottom:.5vw;
    line-height:2vw
}
.works-wrapp .slick-list .slick-track .work .work-txt p{
    font-family:"TBWAGrotesk-Light";
    font-size:1vw
}
.backslash{
    background-color:#fff;
    border:1px solid #fff;
    overflow-y:scroll
}
.backslash header{
    background-color:#000;
    padding:18px 28px;
    height:113px;
    display:flex;
    align-items:center
}
.backslash header img{
    max-width:214px;
    padding:20px
}
.backslash .banner{
    padding:100px 48px
}
.backslash .banner img{
    max-width:100%
}
.backslash .formulario{
    text-align:center;
    padding-bottom:150px;
    padding-left:15px;
    padding-right:15px
}
.backslash .formulario form{
    text-align:left;
    max-width:1226px;
    margin:0 auto;
    font-family:arial
}
.backslash .formulario form.oculto{
    display:none
}
.backslash .formulario form input{
    padding:12px;
    border:1px solid #ccc;
    background:#fafafa;
    color:#000;
    font-family:sans-serif;
    border-radius:2px
}
.backslash .formulario form h1{
    font-family:"TBWAGrotesk-Regular";
    font-size:35px;
    letter-spacing:.08em;
    text-align:center
}
.backslash .formulario form h2{
    font-family:"TBWAGrotesk-Bold";
    font-size:15px;
    padding:25px 0;
    text-align:center
}
.backslash .formulario form p{
    font-family:"TBWAGrotesk-Bold";
    font-size:15px;
    padding:25px 0;
    text-align:left
}
.backslash .formulario form label{
    padding:25px 0 10px
}
.backslash .formulario form .name .name-wrapp{
    display:flex;
    justify-content:space-between
}
.backslash .formulario form .name .name-wrapp .w50{
    width:49%
}
.backslash .formulario form .name .name-wrapp .w50 input{
    width:100%;
    margin:15px 0 5px
}
.backslash .formulario form .name .name-wrapp .w50 label{
    font-size:14px
}
.backslash .formulario form .input-wrapp{
    display:flex;
    flex-direction:column
}
.backslash .formulario form .input-wrapp input[type=radio]{
    margin-bottom:15px
}
.backslash .formulario form .check-wrapp a{
    text-decoration:underline;
    color:#000
}
.backslash .formulario form .submit{
    margin-top:25px;
    cursor:pointer;
    border-radius:3px;
    color:#222;
    border:2px solid #000;
    padding:14px 35px;
    transition:all .5s ease-out 0s;
    letter-spacing:2px;
    font-weight:bold
}
.backslash .formulario form .submit:hover{
    background-color:#222;
    color:#fff
}
.backslash .formulario .successful{
    text-align:center;
    max-width:1226px;
    margin:0 auto;
    font-family:arial;
    display:none;
    padding-bottom:50vh
}
.backslash .formulario .successful.active{
    display:block
}
.backslash .formulario .successful h1{
    font-family:"TBWAGrotesk-Regular";
    font-size:35px;
    letter-spacing:.08em;
    text-align:center
}
.backslash .formulario .successful h2{
    font-family:"TBWAGrotesk-Bold";
    font-size:15px;
    padding:25px 0;
    text-align:center;
    margin-bottom:25px
}
.backslash .formulario .successful a{
    text-decoration:none;
    margin-top:25px;
    cursor:pointer;
    border-radius:3px;
    color:#222;
    border:2px solid #000;
    padding:14px 35px;
    transition:all .5s ease-out 0s;
    letter-spacing:2px;
    font-weight:bold
}
.backslash .formulario .successful a:hover{
    background-color:#222;
    color:#fff
}
 @media(orientation: portrait){
    sup{
        font-size:4vw
    }
    .arrow img{
        width:9vw
    }
    svg.logo{
        height:20px !important
    }
    body.legal{
        overflow-y:scroll
    }
    body.legal .legal-wrapp{
        padding:20vw 4vw
    }
    body.legal .legal-wrapp h1{
        font-size:6vw;
        margin-bottom:3vw
    }
    body.legal .legal-wrapp h2{
        font-size:3.5vw;
        margin-bottom:3vw
    }
    body.legal .legal-wrapp p{
        font-size:3vw;
        margin-bottom:3vw
    }
    body.legal .legal-wrapp ul{
        font-size:3vw;
        margin-bottom:3vw
    }
    .back-general{
        right:10px
    }
    .caso_solo{
        overflow-y:hidden
    }
    .caso_solo .br-h2-caso-solo{
        display:none
    }
    .caso_solo .fondos{
        height:40vh
    }
    .caso_solo .forma{
        margin-top:40vh;
        transition:all .5s ease-out 0s
    }
    .caso_solo .forma.active-mobile{
        margin-top:0
    }
    .caso_solo .forma .forma-wrapp .forma-blanca-der.active{
        opacity:1
    }
    .fondos .fondos-wrapp img.animate-left{
        left:0;
        right:0
    }
    .fondos .fondos-wrapp img.animate-right{
        right:0;
        left:0
    }
    body .logo{
        width:115px
    }
    body .fondo-carga .BackSlash{
        width:4vw;
        height:19vw
    }
    body .burguer .linea{
        width:30px;
        height:5px;
        margin-bottom:4px
    }
    body .burguer .linea.active.top{
        transform:rotate(45deg) translate(5px, 7px)
    }
    body nav{
        height:100%
    }
    body nav ul{
        flex-direction:column;
        width:100%
    }
    body nav ul li{
        width:100%;
        transform:skewX(0deg)
    }
    body nav ul li .inner-content-menu{
        transform:skewX(0deg);
        font-size:25px
    }
    body .cookies{
        border-radius:0;
        transform-origin:center;
        bottom:-100%;
        right:0;
        font-size:4vw;
        width:100vw;
        height:70vw;
        transition:all 1s ease-in 0s
    }
    body .cookies.active{
        width:100vw;
        height:70vw;
        bottom:0
    }
    body .cookies .cookies-wrapp{
        transition:none
    }
    body .cookies .cookies-wrapp p{
        padding-bottom:4vw;
        line-height:5vw
    }
    body .cookies .cookies-wrapp .privacidad{
        font-size:3vw
    }
    body .cookies .cookies-wrapp .button-wrapp{
        margin-bottom:2vw
    }
    body .cookies .cookies-wrapp .button-wrapp .aceptar-cookies,body .cookies .cookies-wrapp .button-wrapp .rechazar-cookies{
        padding:2vw;
        font-size:3vw
    }
    body .cookies .cookies-wrapp .cerrar-cookies{
        top:-17vw;
        left:90vw
    }
    body .logo{
        top:15px;
        left:15px
    }
    body .logo.oculto{
        display:none
    }
    body .burguer{
        top:15px;
        right:15px
    }
    body .footer-page{
        padding:10px
    }
    body .footer-page .legal{
        left:15px;
        bottom:15px;
        width:50%;
        font-size:1.9vw;
        line-height:9px
    }
    body .footer-page .right{
        width:initial;
        display:flex;
        flex-direction:column
    }
    body .footer-page .right ul{
        display:none
    }
    body .footer-page .right .contacto{
        margin-bottom:5px
    }
    body .footer-page .right .contacto,body .footer-page .right .privacidad{
        font-size:2.5vw
    }
    body .second.home-text a{
        font-size:4vw;
        padding:4vw
    }
    body .second.home-text p{
        font-size:18px
    }
    body .home-text h1{
        font-size:42px;
        margin:25px 0
    }
    body .home-text h1 .oculto{
        display:none
    }
    body .home-text sup{
        font-size:20px;
        left:-10px
    }
    body .contacto-wrapp .wrapp .rrss{
        top:30%
    }
    body .contacto-wrapp .wrapp .rrss a{
        width:initial;
        margin-right:20px
    }
    body .contacto-wrapp .wrapp .rrss a img{
        width:50px
    }
    body .contacto-wrapp .wrapp .direccion{
        width:100%;
        font-size:12px;
        bottom:20vw
    }
    body .contacto-wrapp .wrapp .direccion .row{
        width:50%;
        margin-right:0;
        padding:0 35px
    }
    .forma{
        width:100%;
        height:100%
    }
    .forma .forma-wrapp .forma-blanca1,.forma .forma-wrapp .forma-blanca2,.forma .forma-wrapp .forma-blanca3,.forma .forma-wrapp .forma-blanca4{
        left:-210%;
        height:100%;
        width:170%
    }
    .forma .forma-wrapp .forma-blanca1.active,.forma .forma-wrapp .forma-blanca2.active,.forma .forma-wrapp .forma-blanca3.active,.forma .forma-wrapp .forma-blanca4.active{
        left:-33%;
        opacity:.6
    }
    .forma .forma-wrapp .forma-negra{
        left:-210%;
        height:100%;
        width:170%
    }
    .forma .forma-wrapp .forma-negra.active{
        left:-33%;
        opacity:.6
    }
    .forma .forma-wrapp .forma-blanca-der{
        right:-210%;
        height:100%;
        width:170%
    }
    .forma .forma-wrapp .forma-blanca-der.active{
        right:-40%;
        opacity:.6
    }
    .forma .forma-wrapp .forma-blanca-der2{
        display:none
    }
    .forma .forma-wrapp .forma-negra-der{
        right:-210%;
        height:100%;
        width:170%
    }
    .forma .forma-wrapp .forma-negra-der.active{
        right:-33%
    }
    .forma .forma-wrapp .forma-amarila-der{
        right:-210%;
        height:100%;
        width:170%
    }
    .forma .forma-wrapp .forma-amarila-der.active{
        right:-33%
    }
    .casos{
        padding:15px
    }
    .casos.cultura1{
        transition:none
    }
    .casos.cultura1.zoomOut{
        background-size:cover
    }
    .casos.cultura4 .parrafo a{
        padding:2.5vw
    }
    .casos.cultura4 .parrafo a span{
        transform:skewX(-20deg);
        display:block !important
    }
    .casos .wrapp-caso-solo{
        position:relative;
        height:100%
    }
    .casos .wrapp-caso-solo .inverso{
        margin-top:40vh !important;
        overflow-y:scroll;
        padding-bottom:15vh
    }
    .casos .wrapp-casos{
        transform:skewX(0deg)
    }
    .casos .wrapp-casos h2 sup{
        top:20px
    }
    .casos .wrapp-casos .play{
        position:absolute;
        top:13vh;
        width:60px;
        position:absolute;
        left:50%;
        transform:translate(-50%, 0)
    }
    .casos .wrapp-casos .play .triangulo-wrapp{
        width:60px;
        height:60px
    }
    .casos .wrapp-casos .play .triangulo-wrapp:hover{
        transform:skewX(0deg)
    }
    .casos .wrapp-casos .play .triangulo-wrapp .triangulo{
        transform:skewX(0deg);
        border-left:2.8vw solid #000;
        border-top:2.5vw solid transparent;
        border-bottom:2.5vw solid transparent
    }
    .casos .wrapp-casos .subtitle-casos{
        font-size:4vw;
        margin-top:0;
        margin-bottom:20px;
        transform:skewX(0deg)
    }
    .casos .wrapp-casos .back{
        width:10vw;
        margin-top:25px;
        margin-bottom:0;
        transform:skewX(0deg)
    }
    .casos .wrapp-casos.doble{
        padding-right:0;
        flex-direction:column;
        align-items:flex-start
    }
    .casos .wrapp-casos.doble h2{
        margin-bottom:15px
    }
    .casos .wrapp-casos.doble h2.reducido-mobile{
        font-size:4vw
    }
    .casos .wrapp-casos.doble h2.reducido-mobile br{
        display:none
    }
    .casos .wrapp-casos.doble h2.reducido-mobile span{
        line-height:5vw
    }
    .casos .wrapp-casos.doble .row-2{
        margin-top:0;
        transform:skewX(0deg)
    }
    .casos .wrapp-casos.doble .row-2 p{
        font-size:15px
    }
    .casos .wrapp-casos.doble .parrafo .title-blanco,.casos .wrapp-casos.doble .parrafo .title-negro{
        margin-bottom:0;
        font-size:15px
    }
    .casos .wrapp-casos.doble .parrafo ul{
        padding-left:5vw
    }
    .casos .wrapp-casos.doble .parrafo ul li{
        font-size:3.5vw;
        line-height:3.5vw;
        transform:skewX(0deg)
    }
    .casos .wrapp-casos.doble .parrafo div{
        margin-bottom:0
    }
    .casos .wrapp-casos.doble .parrafo div p{
        font-size:3.4vw;
        margin-bottom:0;
        line-height:18px
    }
    .casos .wrapp-casos .boton{
        padding:3vw
    }
    .casos .wrapp-casos .boton span{
        transform:skewX(0deg);
        font-size:3vw
    }
    .casos .wrapp-casos .boton a{
        transform:skewX(0deg);
        font-size:4vw
    }
    .casos .wrapp-casos h2{
        margin-bottom:0;
        font-size:7vw;
        transform:skewX(0deg)
    }
    .casos .wrapp-casos h2 span{
        transform:skewX(0deg);
        display:inline;
        line-height:7.3vw
    }
    .casos .wrapp-casos .parrafo p{
        font-size:3.5vw;
        line-height:20px
    }
    .casos .wrapp-casos .parrafo p br{
        display:none
    }
    .casos .wrapp-casos .parrafo p br.visible{
        display:block
    }
    .casos .wrapp-casos .parrafo p span{
        display:initial
    }
    .mosaico .main-wrapp{
        display:flex
    }
    .mosaico .main-wrapp div.tbwa{
        width:100%;
        background-color:#000;
        color:#fff;
        text-align:center;
        font-size:4vw;
        padding:10vw;
        margin-bottom:3vw;
        font-family:"TBWAGrotesk-Regular"
    }
    .mosaico .main-wrapp div.tbwa p{
        margin-bottom:1vw
    }
    .mosaico .main-wrapp .persona-mobile{
        width:50%;
        position:relative
    }
    .mosaico .main-wrapp .persona-mobile img{
        width:100%;
        height:100%;
        object-fit:cover
    }
    .mosaico .main-wrapp .persona-mobile .info{
        position:absolute;
        bottom:0;
        left:0;
        padding:9vw 2vw;
        width:100%;
        height:100%;
        display:flex;
        flex-direction:column;
        justify-content:flex-end;
        transition:all .5s ease-out 0s;
        opacity:0
    }
    .mosaico .main-wrapp .persona-mobile .info:hover{
        background-color:rgba(0,0,0,.7);
        opacity:1
    }
    .mosaico .main-wrapp .persona-mobile .info h1{
        color:#fff;
        font-size:3vh;
        margin-bottom:5px;
        font-family:"TBWAGrotesk-Bold"
    }
    .mosaico .main-wrapp .persona-mobile .info h2{
        font-size:1.5vh;
        color:#fff;
        font-family:"TBWAGrotesk-Bold"
    }
    .people-wrapp .slick-list .people .texto .texto-wrapp{
        height:380px;
        overflow-y:scroll;
        top:50%;
        width:100%;
        left:50%;
        transform:translate(-50%, -50%);
        text-align:justify
    }
    .people-wrapp .slick-list .people .texto .texto-wrapp.no-texto{
        height:10vh
    }
    .more{
        display:block !important;
        position:absolute;
        width:7vw;
        left:50%;
        top:90%;
        transform:translate(-50%, -50%)
    }
    .more .mas-info{
        fill:#fff
    }
    .more .st0{
        fill:#fff !important
    }
    .works-wrapp .slick-list .slick-track .slick-slide{
        height:70vw
    }
    .works-wrapp .slick-list .slick-track .slick-slide .work{
        margin-right:0;
        margin-top:-20vh
    }
    .works-wrapp .slick-list .slick-track .slick-slide .work.slick-active{
        z-index:10
    }
    .works-wrapp .slick-list .slick-track .slick-slide .work:hover{
        margin-bottom:0;
        z-index:initial
    }
    .works-wrapp .slick-list .slick-track .work:hover{
        margin-bottom:0
    }
    .works-wrapp .slick-list .slick-track .work .work-txt h2{
        font-size:9vw;
        line-height:9vw;
        margin-top:2vw
    }
    .works-wrapp .slick-list .slick-track .work .work-txt p{
        font-size:4vw;
        margin-top:2vw
    }
    .txt-completo{
        padding:75px 15px
    }
    .txt-completo p{
        font-size:12px;
        line-height:12px;
        margin-bottom:15px
    }
    .video-case-wrapp .border-video-case{
        width:95%;
        height:initial
    }
    .video-case-wrapp .border-video-case .cerrar-video{
        width:30px
    }
    .mas-info-modal .wrapp-modal{
        transform:initial;
        width:90%;
        height:80%;
        overflow-y:scroll;
        overflow-x:hidden
    }
    .mas-info-modal .wrapp-modal .wrapp .skew{
        padding:9vw
    }
    .mas-info-modal .wrapp-modal .wrapp .skew h1{
        font-size:30px
    }
    .mas-info-modal .wrapp-modal .wrapp .skew h2{
        margin-bottom:5vw
    }
    .mas-info-modal .wrapp-modal .wrapp .skew span{
        transform:initial;
        font-size:13px;
        line-height:initial;
        text-align:justify
    }
    .mas-info-modal .wrapp-modal .wrapp .skew .rrss-people{
        transform:initial;
        margin-top:6vw
    }
    .mosaico.directiva{
        padding:20vw 3vw 3vw 3vw
    }
    .mosaico h2{
        font-size:10vw
    }
     .mosaico {
        padding: 2vw 13vw 22vw !important;
    }
}
/*# sourceMappingURL=main.css.map */