*{

    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-case43,.video-spot-wrapp .border-video-case43{

    width: 46vw;
    height: 32vw;

    FONT-WEIGHT:500;

    flex-direction:column;

    align-items:center

}


.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, .video-case-wrapp .border-video-case43 video,{

    width:100%;

    height:100%;

    object-fit:cover

}

.video-case-wrapp .border-video-case .cerrar-video,.video-spot-wrapp .border-video-case .cerrar-video, .video-case-wrapp .border-video-case43 .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:25% !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

}

.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 .monopoly{

    background-image:url("../img/casos_monopoly_carrusel.jpg")

}

.works-wrapp .slick-list .slick-track .work .crunchy{

    background-image:url("../img/casos_crunchy_carrusel.jpg")

}

.works-wrapp .slick-list .slick-track .work .salsabigmac{

    background-image:url("../img/casos_salsabigmac_carrusel.jpg")

}



.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 .elpedido{

    background-image:url("../img/casos_elpedidomas_carrusel.jpg")

}

.works-wrapp .slick-list .slick-track .work .bigtuko{

    background-image:url("../img/casos_bigtuko_carrusel.jpg")

}


.works-wrapp .slick-list .slick-track .work .puntofinal{

    background-image:url("../img/casos_puntofinal_carrusel.jpg")

}

.works-wrapp .slick-list .slick-track .work .playtomic{

    background-image:url("../img/casos_playtomic_carrusel.jpg")

}

.works-wrapp .slick-list .slick-track .work .bandeja{

    background-image:url("../img/casos_bandeja_carrusel.jpg")

}


.works-wrapp .slick-list .slick-track .work .mcdalenas{

    background-image:url("../img/casos_mcdalenas_carrusel.jpg")

}

.works-wrapp .slick-list .slick-track .work .navidad{

    background-image:url("../img/casos_navidad_carrusel.jpg")

}

.works-wrapp .slick-list .slick-track .work .lapelicula{

    background-image:url("../img/casos_lapeliculai_carrusel.jpg")

}

.works-wrapp .slick-list .slick-track .work .receta{

    background-image:url("../img/casos_receta_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 */