.sec-manifest .infos h2,.sec-projects .row a h3 .client,.sec-reel .box .fluid-text p{font-family:Gotham,Helvetica,Arial;text-transform:uppercase}@font-face{font-family:Gotham;src:url(../fonts/Gotham-Medium.eot);src:url(../fonts/Gotham-Medium.eot?#iefix) format("embedded-opentype"),url(../fonts/Gotham-Medium.woff) format("font-woff"),url(../fonts/Gotham-Medium.ttf) format("truetype"),url(../fonts/Gotham-Medium.svg#Gotham-Medium) format("svg");font-weight:500;font-style:normal}@font-face{font-family:Gotham;src:url(../fonts/Gotham-Book.eot);src:url(../fonts/Gotham-Book.eot?#iefix) format("embedded-opentype"),url(../fonts/Gotham-Book.woff) format("font-woff"),url(../fonts/Gotham-Book.ttf) format("truetype"),url(../fonts/Gotham-Book.svg#Gotham-Book) format("svg");font-weight:400;font-style:normal}@font-face{font-family:Gotham;src:url(../fonts/Gotham-Bold.eot);src:url(../fonts/Gotham-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/Gotham-Bold.woff) format("woff"),url(../fonts/Gotham-Bold.ttf) format("truetype"),url(../fonts/Gotham-Bold.svg#Gotham-Bold) format("svg");font-weight:700;font-style:normal}@font-face{font-family:Miller;src:url(../fonts/Miller-TextItalic.eot);src:url(../fonts/Miller-TextItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/Miller-TextItalic.woff) format("woff"),url(../fonts/Miller-TextItalic.ttf) format("truetype"),url(../fonts/Miller-TextItalic.svg#Miller-TextItalic) format("svg");font-weight:400;font-style:italic}@font-face{font-family:Miller;src:url(../fonts/Miller-Text.eot);src:url(../fonts/Miller-Text.eot?#iefix) format("embedded-opentype"),url(../fonts/Miller-Text.woff) format("woff"),url(../fonts/Miller-Text.ttf) format("truetype"),url(../fonts/Miller-Text.svg#Miller-Text) format("svg");font-weight:400;font-style:normal}@font-face{font-family:Miller;src:url(../fonts/Miller-TextBold.eot);src:url(../fonts/Miller-TextBold.eot?#iefix) format("embedded-opentype"),url(../fonts/Miller-TextBold.woff) format("woff"),url(../fonts/Miller-TextBold.ttf) format("truetype"),url(../fonts/Miller-TextBold.svg#Miller-TextBold) format("svg");font-weight:700;font-style:normal}.sec-manifest{height:100vh;background:#0030FF;overflow:hidden}.sec-manifest .infos{width:80%;margin:0 auto;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1;left:14%;transform:translateY(-50%)}.sec-manifest .infos h2{font-size:16px;color:#fff;font-weight:700;text-align:left;line-height:76px;margin-right:-6vw;letter-spacing:6vw}@media only screen and (-webkit-min-device-pixel-ratio:1) and (device-width:768px) and (device-height:1024px) and (orientation:portrait){.sec-manifest .infos h2{margin-right:-46.08px;letter-spacing:46.08px}}@media only screen and (-webkit-min-device-pixel-ratio:1) and (device-width:768px) and (device-height:1024px) and (orientation:landscape){.sec-manifest .infos h2{margin-right:-61.44px;letter-spacing:61.44px}}@media only screen and (-webkit-min-device-pixel-ratio:1) and (device-width:320px) and (device-height:480px) and (orientation:portrait){.sec-manifest .infos h2{margin-right:-19.2px;letter-spacing:19.2px}}@media only screen and (-webkit-min-device-pixel-ratio:1) and (device-width:320px) and (device-height:480px) and (orientation:landscape){.sec-manifest .infos h2{margin-right:-28.8px;letter-spacing:28.8px}}@media only screen and (-webkit-min-device-pixel-ratio:1) and (device-width:320px) and (device-height:568px) and (orientation:portrait){.sec-manifest .infos h2{margin-right:-19.2px;letter-spacing:19.2px}}@media only screen and (-webkit-min-device-pixel-ratio:1) and (device-width:320px) and (device-height:568px) and (orientation:landscape){.sec-manifest .infos h2{margin-right:-34.08px;letter-spacing:34.08px}}@media only screen and (min-width:480px){.sec-manifest .infos h2{margin-right:-7.5vw;letter-spacing:7.5vw}}@media only screen and (min-width:480px) and (-webkit-min-device-pixel-ratio:1) and (device-width:768px) and (device-height:1024px) and (orientation:portrait){.sec-manifest .infos h2{margin-right:-57.6px;letter-spacing:57.6px}}@media only screen and (min-width:480px) and (-webkit-min-device-pixel-ratio:1) and (device-width:768px) and (device-height:1024px) and (orientation:landscape){.sec-manifest .infos h2{margin-right:-76.8px;letter-spacing:76.8px}}@media only screen and (min-width:480px) and (-webkit-min-device-pixel-ratio:1) and (device-width:320px) and (device-height:480px) and (orientation:portrait){.sec-manifest .infos h2{margin-right:-24px;letter-spacing:24px}}@media only screen and (min-width:480px) and (-webkit-min-device-pixel-ratio:1) and (device-width:320px) and (device-height:480px) and (orientation:landscape){.sec-manifest .infos h2{margin-right:-36px;letter-spacing:36px}}@media only screen and (min-width:480px) and (-webkit-min-device-pixel-ratio:1) and (device-width:320px) and (device-height:568px) and (orientation:portrait){.sec-manifest .infos h2{margin-right:-24px;letter-spacing:24px}}@media only screen and (min-width:480px) and (-webkit-min-device-pixel-ratio:1) and (device-width:320px) and (device-height:568px) and (orientation:landscape){.sec-manifest .infos h2{margin-right:-42.6px;letter-spacing:42.6px}}@media only screen and (min-width:480px){.sec-manifest .infos h2{letter-spacing:60px;margin-right:-60px;font-size:18px}}@media only screen and (min-width:1200px){.sec-manifest .infos h2{letter-spacing:80px;margin-right:-80px}}.sec-manifest .infos h2 .break-line{display:block}@media only screen and (min-width:480px){.sec-manifest .infos h2 .break-line{display:inline}}.sec-manifest .infos .play-button{margin-top:40px}.sec-manifest .bg-animation{position:relative;top:150px;left:0}.sec-manifest .bg-animation canvas{opacity:.3}.sec-reel{background-color:#fff;position:relative;padding-top:50px;padding-bottom:35px;overflow:hidden;transition:height .5s}.sec-projects .row .col,.sec-projects .row .col .elem{float:left;min-height:calc((100vw / 4) - 10px);transition:all .3s ease-in-out}@media only screen and (min-width:768px){.sec-reel{height:100vh;padding:0}}.sec-reel .box{display:block;width:100%;height:100%;box-sizing:border-box}@media only screen and (min-width:768px){.sec-reel .box{width:50%;float:left}}@media only screen and (max-width:767px){.sec-reel .box.box-left{position:relative}}.sec-reel .box.box-left img{width:100%}@media only screen and (min-width:768px){.sec-reel .box.box-left img{width:70%;position:absolute;top:50%;transform:translateY(-50%)}}.sec-reel .box.box-left .play-wrapper{display:block;width:100%;height:100%;position:relative}@media only screen and (max-width:767px){.sec-reel .box.box-left .play-wrapper{position:absolute;top:0;left:0}}.sec-reel .box.box-left .play-wrapper a{position:absolute;top:50%;left:50%;transform:translate(-50%)}@media only screen and (max-width:767px){.sec-reel .box.box-left .play-wrapper a{transform:translate(-50%,-50%)}}.sec-reel .box.box-left .play-wrapper a:hover{transform:translate(-50%) scale(1.2)}.sec-reel .box.box-right{padding:60px 0 30px;display:block}.sec-reel .box.box-right .vcenter{display:block;width:80%;margin:0 auto}@media only screen and (min-width:768px){.sec-reel .box.box-right{padding:0}.sec-reel .box.box-right .vcenter{width:70%;max-width:475px}.sec-reel .box.box-right .content{position:absolute;top:calc(50%);padding-right:50px}}.sec-reel .box.box-right .content{max-width:410px}.sec-reel .box .fluid-text p{max-width:415px;font-size:14px;color:#0030FF;font-weight:500;letter-spacing:4px;line-height:22px;text-rendering:auto}.sec-reel .box .fluid-text p span{color:#19191E}.sec-reel .line{height:100%}.sec-reel video{width:100%!important;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.sec-projects{overflow:hidden;background:#19191E}.sec-projects .row{clear:both;min-width:100%;min-height:calc((100vw / 4) - 10px);box-sizing:border-box}.sec-projects .row .col{min-width:25%;box-sizing:border-box;background-size:cover;background-position:center;overflow:hidden}@media only screen and (min-width:768px){.sec-reel .box .fluid-text p{font-size:15px;letter-spacing:5px;line-height:37px}.sec-projects .row .col{background-size:100%}.sec-projects .row .col:hover{background-size:102%}}.sec-projects .row .col.col-2{min-width:50%}.sec-projects .row .col.col-3{min-width:75%}.sec-projects .row .col.col-4{min-width:100%}.sec-projects .row .col .elem{width:100%;background-size:100%}@media only screen and (min-width:768px){.sec-projects .row .col .elem{background-size:100%}.sec-projects .row .col .elem:hover{background-size:102%}}.sec-projects .row a{position:relative;transition:all .25s linear;text-decoration:none}.sec-projects .row a h3{display:none;position:absolute;top:20px;left:20px;z-index:1;opacity:0}.sec-projects .row a h3 span{display:block}.sec-projects .row a h3 .client{font-size:14px;color:#fff;font-weight:300;letter-spacing:1.5vw;line-height:28px;word-break:break-all}@media only screen and (-webkit-min-device-pixel-ratio:1) and (device-width:768px) and (device-height:1024px) and (orientation:portrait){.sec-projects .row a h3 .client{letter-spacing:11.52px}}@media only screen and (-webkit-min-device-pixel-ratio:1) and (device-width:768px) and (device-height:1024px) and (orientation:landscape){.sec-projects .row a h3 .client{letter-spacing:15.36px}}@media only screen and (-webkit-min-device-pixel-ratio:1) and (device-width:320px) and (device-height:480px) and (orientation:portrait){.sec-projects .row a h3 .client{letter-spacing:4.8px}}@media only screen and (-webkit-min-device-pixel-ratio:1) and (device-width:320px) and (device-height:480px) and (orientation:landscape){.sec-projects .row a h3 .client{letter-spacing:7.2px}}@media only screen and (-webkit-min-device-pixel-ratio:1) and (device-width:320px) and (device-height:568px) and (orientation:portrait){.sec-projects .row a h3 .client{letter-spacing:4.8px}}@media only screen and (-webkit-min-device-pixel-ratio:1) and (device-width:320px) and (device-height:568px) and (orientation:landscape){.sec-projects .row a h3 .client{letter-spacing:8.52px}}.sec-projects .row a h3 .project{font-family:Miller,"Times New Roman",serif;font-size:28px;color:#fff;line-height:33px}.sec-projects .row a .color-overlay{display:block;width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;background:#0030ff;background:-webkit-gradient(left top,right top,color-stop(0,#0030ff),color-stop(100%,#e533ff));background:linear-gradient(to right,#0030ff 0,#e533ff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0030ff', endColorstr='#e533ff', GradientType=1 );transition:all .3s ease-out}.sec-projects .row a.active h3,.sec-projects .row a:hover h3{display:block;opacity:1;animation:showText .55s ease-out normal forwards;-ms-animation:showText .55s ease-out normal forwards;-webkit-animation:showText .55s ease-out normal forwards}.sec-projects .row a.active .color-overlay,.sec-projects .row a:hover .color-overlay{opacity:.5}.sec-projects .row a.hilux_day{background-image:url(http://res.cloudinary.com/sapientag2/image/fetch/f_auto/http://www.sapientag2.com.br/assets/images/home/projects/hilux-day.jpg)}.sec-projects .row a.toyota{background-image:url(http://res.cloudinary.com/sapientag2/image/fetch/f_auto/http://www.sapientag2.com.br/assets/images/home/projects/toyota.jpg)}.sec-projects .row a.dermacyd{background-image:url(http://res.cloudinary.com/sapientag2/image/fetch/f_auto/http://www.sapientag2.com.br/assets/images/home/projects/dermacyd.jpg)}.sec-projects .row a.natura{background-image:url(http://res.cloudinary.com/sapientag2/image/fetch/f_auto/http://www.sapientag2.com.br/assets/images/home/projects/natura.jpg)}.sec-projects .row a.chame_natura{min-height:calc((100vw / 2) - 20px);background-image:url(http://res.cloudinary.com/sapientag2/image/fetch/f_auto/http://www.sapientag2.com.br/assets/images/home/projects/chame_natura.jpg)}.sec-projects .row a.portal_toyota{min-height:calc((100vw / 2) - 20px);background-image:url(http://res.cloudinary.com/sapientag2/image/fetch/f_auto/http://www.sapientag2.com.br/assets/images/home/projects/portal_toyota.jpg);background-position:center}.sec-projects .row a.lexus{background-image:url(http://res.cloudinary.com/sapientag2/image/fetch/f_auto/http://www.sapientag2.com.br/assets/images/home/projects/lexus.jpg);background-position:bottom 0 center}.sec-projects .row a.enjoei{background-image:url(http://res.cloudinary.com/sapientag2/image/fetch/f_auto/http://www.sapientag2.com.br/assets/images/home/projects/enjoei.jpg);min-height:calc((100vw / 2) - 20px)}.sec-projects .row a.prius_unboxing{background-image:url(http://res.cloudinary.com/sapientag2/image/fetch/f_auto/http://www.sapientag2.com.br/assets/images/home/projects/prius_unboxing_singlecol.jpg)}.sec-projects .row a.bradesco_net_empresa{background-image:url(http://res.cloudinary.com/sapientag2/image/fetch/f_auto/http://www.sapientag2.com.br/assets/images/home/projects/bradesco-net-empresa.jpg)}.sec-projects .row a.tylenol{background-image:url(http://res.cloudinary.com/sapientag2/image/fetch/f_auto/http://www.sapientag2.com.br/assets/images/home/projects/tylenol.jpg)}.sec-projects .row a.arno_soup{background-image:url(http://res.cloudinary.com/sapientag2/image/fetch/f_auto/http://www.sapientag2.com.br/assets/images/home/projects/arno_soup.jpg);background-position:top center}.sec-projects .row a.lexus_station{background-image:url(http://res.cloudinary.com/sapientag2/image/fetch/f_auto/http://www.sapientag2.com.br/assets/images/home/projects/lexus_station.jpg)}.sec-projects .row a.lexus_in{background-image:url(http://res.cloudinary.com/sapientag2/image/fetch/f_auto/http://www.sapientag2.com.br/assets/images/home/projects/lexus.jpg)}.sec-projects .row a.bradesco_app_pf{background-image:url(http://res.cloudinary.com/sapientag2/image/fetch/f_auto/http://www.sapientag2.com.br/assets/images/home/projects/bradesco_app_pf.jpg)}.sec-projects .row a.bolt_dance{background-image:url(http://res.cloudinary.com/sapientag2/image/fetch/f_auto/http://www.sapientag2.com.br/assets/images/home/projects/bolt-dance.jpg)}.sec-projects .row a.a_grande_batalha{background-image:url(http://res.cloudinary.com/sapientag2/image/fetch/f_auto/http://www.sapientag2.com.br/assets/images/home/projects/arno-a-grande-batalha.jpg)}.sec-projects .row a.monsanto-plantaria{background-image:url(http://res.cloudinary.com/sapientag2/image/fetch/f_auto/http://www.sapientag2.com.br/assets/images/home/projects/monsanto-plantaria.jpg)}.sec-projects .row a.piquet_vs_piquet{background-image:url(http://res.cloudinary.com/sapientag2/image/fetch/f_auto/http://www.sapientag2.com.br/assets/images/home/projects/michelin-piquet-vs-piquet.jpg)}.sec-projects .row a.bradesco_sxsw{background-image:url(http://res.cloudinary.com/sapientag2/image/fetch/f_auto/http://www.sapientag2.com.br/assets/images/home/projects/bradesco-sxsw.jpg)}.sec-projects .row a.panco_familia{background-image:url(http://res.cloudinary.com/sapientag2/image/fetch/f_auto/http://www.sapientag2.com.br/assets/images/home/projects/panco-familia.jpg)}@media only screen and (max-width:767px){.sec-projects .row a.enjoei{background-position:top center}.sec-projects{min-height:auto}.sec-projects .row .col{width:100%;float:none;display:block}.sec-projects .row a{display:block}.sec-projects .row a.col{min-height:270px}.sec-projects .row div.col .elem{min-height:270px;float:none}.sec-projects .row div.col .elem.lexus{background-position:center bottom}}.bullet-nav{display:none;position:fixed;bottom:50px;left:4%;padding-left:15px}@media only screen and (min-width:768px){.bullet-nav{display:block}}.bullet-nav.black li a{background:#19191E}.bullet-nav.white li a{background:#fff}.bullet-nav li{margin-top:35px}.bullet-nav li:first-child{margin-top:0}.bullet-nav li a{display:block;width:6px;height:6px;text-indent:-999em;overflow:hidden;background:#fff;border-radius:50%;margin-left:0;cursor:default;transition:all .3s ease-in-out}.bullet-nav li.active a{width:12px;height:12px;margin-left:-3px}