@charset "UTF-8";html{-webkit-box-sizing:border-box;box-sizing:border-box}*,::after,::before{-webkit-box-sizing:inherit;box-sizing:inherit}@font-face{font-family:Bonkers;src:url(../fonts/bonkers/Bonkers.eot);src:url(../fonts/bonkers/Bonkers.eot) format("embedded-opentype"),url(../fonts/bonkers/Bonkers.woff2) format("woff2"),url(../fonts/bonkers/Bonkers.woff) format("woff"),url(../fonts/bonkers/Bonkers.ttf) format("truetype")}@font-face{font-family:Din;src:url(../fonts/din/DINPro-CondBold.eot);src:url(../fonts/din/DINPro-CondBold.eot) format("embedded-opentype"),url(../fonts/din/DINPro-CondBold.woff2) format("woff2"),url(../fonts/din/DINPro-CondBold.woff) format("woff"),url(../fonts/din/DINPro-CondBold.ttf) format("truetype")}.title--main{font-family:Bonkers,serif;font-size:70rem;letter-spacing:2rem;text-align:center;-webkit-transform:translateX(-3rem);-ms-transform:translateX(-3rem);transform:translateX(-3rem);margin:20px 0;padding:10px 0}@media screen and (max-width:767px){.title--main{font-size:13.5vw;margin:2.8vh 0;padding:0;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.title--project{font-family:Bonkers,serif;font-size:40rem;letter-spacing:2rem}@media screen and (max-width:767px){.title--project{font-size:6vw;text-align:center;letter-spacing:1rem}}.title--subtitle{font-family:Bonkers,serif;font-size:20rem;letter-spacing:2rem;margin-bottom:20px}@media screen and (max-width:767px){.title--subtitle{font-size:14rem}}.content-info p,.scroll p,a{font-family:'Barlow Semi Condensed',sans-serif;font-weight:600;color:#000;text-decoration:none;text-transform:uppercase;font-size:11rem;letter-spacing:3rem}.bullet li a{font-family:'Barlow Semi Condensed',sans-serif;font-weight:600;color:#000;text-decoration:none;text-transform:uppercase;font-size:16rem}#contact .contact-content a,p{font-family:Montserrat,sans-serif;color:#000;font-size:15rem;line-height:25rem;letter-spacing:.5rem}@media screen and (max-width:767px){#contact .contact-content a,p{font-size:14rem;line-height:22rem}}#contact .contact-content a{text-transform:none;font-weight:400}@media screen and (max-width:767px){#contact .contact-content a{font-size:12rem;line-height:22rem}}.description p{font-size:14rem;line-height:22rem}.legende p{font-family:'Barlow Semi Condensed',sans-serif;font-weight:600;color:#c1c0c0;text-decoration:none;text-transform:uppercase;font-size:10rem;letter-spacing:4rem}*{cursor:none!important}#menu{position:absolute;right:0;top:2px;padding:30px}#menu>span{position:relative;display:block;width:24px;height:3px;background:#000;-webkit-transition:all .3s;transition:all .3s}#menu>span:after{content:'';position:absolute;background:#000;left:0;top:0;width:80%;height:100%;-webkit-transition:.3s;transition:.3s;-webkit-transform:translate(0,-7px);-ms-transform:translate(0,-7px);transform:translate(0,-7px)}#menu.active span,#menu:active span{-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}#menu.active span:after,#menu:active span:after{width:100%;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.cursor{position:fixed;top:-50px;left:-50px;width:100px;height:100px;z-index:50000;pointer-events:none;background:url(../img/cursor.svg) no-repeat center;background-size:20px}.cursorBg{position:fixed;top:-60px;left:-60px;border:1px solid #c1c0c0;border-radius:100%;width:120px;height:120px;z-index:50000;pointer-events:none}.circle-content{position:fixed;bottom:calc(50vh - 50px);left:50%;width:7.5vw;height:15vw;-webkit-transform:translateX(-100%) translateY(50%);-ms-transform:translateX(-100%) translateY(50%);transform:translateX(-100%) translateY(50%);overflow:hidden}@media screen and (max-width:767px){.circle-content{display:none}}.circle-content .circle{display:block;width:15vw;height:15vw;border-radius:100%;background:url(../img/button/circle.svg) center no-repeat;background-size:contain;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;z-index:0;opacity:0}.button-more{position:fixed;bottom:calc(50vh - 50px);left:50%;width:0;height:0;opacity:0;border-radius:100%;background:url(../img/button/more.svg) center #000 no-repeat;background-size:10px;border:5px solid #fff;-webkit-transform:translateX(-50%) translateY(50%);-ms-transform:translateX(-50%) translateY(50%);transform:translateX(-50%) translateY(50%);cursor:pointer;z-index:2}@media screen and (max-width:767px){.button-more{width:40px;height:40px;max-width:40px;max-height:40px;background-size:8px;bottom:0;top:40%;-webkit-transform:translateX(-50%) translateY(20px);-ms-transform:translateX(-50%) translateY(20px);transform:translateX(-50%) translateY(20px)}}.projet-more{padding:12px 20px;background:#000;color:#fff;border-radius:25px;max-width:45%;margin:30px auto 0;display:block;opacity:0;-webkit-transform:translateY(80px);-ms-transform:translateY(80px);transform:translateY(80px)}@media screen and (max-width:767px){.projet-more{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none;max-width:60%;margin-bottom:20px}}.legende{position:absolute;top:50%;left:0;height:25px;-webkit-transform:translateY(-50%) translateX(-3.75vw);-ms-transform:translateY(-50%) translateX(-3.75vw);transform:translateY(-50%) translateX(-3.75vw);overflow:hidden;pointer-events:none}.legende li{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}@media screen and (max-width:767px){.legende{display:none}}.button-close{display:block;margin:auto;width:0;height:0;opacity:0;border:5px solid #fff;border-radius:100%;background:url(../img/button/more.svg) center #000 no-repeat;background-size:10px;cursor:pointer;z-index:2;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}@media screen and (max-width:767px){.button-close{width:40px;height:40px;max-width:40px;max-height:40px;background-size:8px}}.next-slide,.prev-slide{display:none;width:30px;height:20px;position:absolute;top:calc(36% + 90px);padding:5% 10%}@media screen and (max-width:767px){.next-slide,.prev-slide{display:block;position:fixed;top:40%;margin-top:68px}}.next-slide{right:0;background:url(../img/button/button-next.svg) no-repeat center;background-size:20px;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}.prev-slide{left:0;background:url(../img/button/button-prev.svg) no-repeat center;background-size:20px;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}.project[data-index="1"] .imageProject{background:url(../img/projet/showroomprive/home.jpg) no-repeat center;background-size:cover}.project[data-index="2"] .imageProject{background:url(../img/projet/fuzetea/home.jpg) no-repeat center;background-size:cover}.project[data-index="3"] .imageProject{background:url(../img/projet/lpm/home.jpg) no-repeat center;background-size:cover}.all .detail-project .col-2{margin:5px}.all .detail-project .col-2[data-index="1"] .image{background:url(../img/projet/showroomprive/home.jpg) no-repeat center;background-size:cover}.all .detail-project .col-2[data-index="2"] .image{background:url(../img/projet/fuzetea/home.jpg) no-repeat center;background-size:cover}.all .detail-project .col-2[data-index="3"] .image{background:url(../img/projet/lpm/home.jpg) no-repeat center;background-size:cover}.all .detail-project .col-2[data-index="4"] .image{background:url(../img/projet/insight/home.jpg) no-repeat center;background-size:cover}.all .detail-project .col-2[data-index="5"] .image{background:url(../img/projet/grenouille/home.jpg) no-repeat center;background-size:cover}.all .detail-project .col-2[data-index="6"] .image{background:url(../img/projet/mirage/home.jpg) no-repeat center;background-size:cover}.all .detail-project .col-2[data-index="7"] .image{background:url(../img/projet/monde/home.jpg) no-repeat center;background-size:cover}.all .detail-project .col-2[data-index="8"] .image{background:url(../img/projet/personnage/home.jpg) no-repeat center;background-size:cover}.all .detail-project .col-2[data-index="9"] .image{background:url(../img/projet/mode/home.jpg) no-repeat center;background-size:cover}.all .detail-project .col-2[data-index="10"] .image{background:url(../img/projet/champagne/home.jpg) no-repeat center;background-size:cover}.all .detail-project .col-2[data-index="11"] .image{background:url(../img/projet/pattern/home.jpg) no-repeat center;background-size:cover}*{margin:0;padding:0;outline:0}body,html{width:100%;font-size:1}li{list-style:none}.mobile{display:none}@media screen and (max-width:767px){.mobile{display:inline-block}}@media screen and (max-width:767px){.web{display:none!important}}.header{position:absolute;top:0;right:0;width:100%;height:120px;background:#fff;z-index:100}@media screen and (max-width:767px){.header{position:fixed;height:60px!important;-webkit-box-shadow:rgba(0,0,0,.2) 2px 2px 5px 0!important;box-shadow:rgba(0,0,0,.2) 2px 2px 5px 0!important}}.header ul{float:right;-webkit-transform:translateY(70px);-ms-transform:translateY(70px);transform:translateY(70px)}@media screen and (max-width:767px){.header ul{position:fixed;top:0;left:0;width:100%;height:0;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.header ul li{display:inline-block;float:left;width:170px}@media screen and (max-width:767px){.header ul li{display:none;opacity:0;width:100%;margin:20px 0;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}}.header ul li a{display:block;float:left}@media screen and (max-width:767px){.header ul li a{text-align:center;float:none;margin:auto;font-size:16px}}.header ul li a:after{content:' ';position:relative;display:block;bottom:-5px;left:0;width:20px;height:1px;background:#000;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}@media screen and (max-width:767px){.header ul li a:after{display:none}}.header ul li a:hover:after{width:100%}.social{position:absolute;bottom:125px;left:0;z-index:300}@media screen and (max-width:767px){.social{display:none}}.social ul{-webkit-transform:rotate(-90deg) translateY(-50%) translateX(100px);-ms-transform:rotate(-90deg) translateY(-50%) translateX(100px);transform:rotate(-90deg) translateY(-50%) translateX(100px);width:100%;height:0}.social ul li{display:inline-block;float:left;width:120px}.social ul li:first-child:after{content:' ';display:inline-block;width:20px;height:2px;margin:2px 15px;background:#000}.project{position:fixed;top:0;left:0;width:calc(100% - 120px);height:calc(100vh - 100px);margin:100px 60px 0 60px;overflow:hidden;z-index:1}@media screen and (max-width:767px){.project{width:90%;height:calc(95% - 60px);margin:5%;top:60px;left:100%}}.project .info-side{position:absolute;left:50%;bottom:0;width:30px;height:calc(100vh - 100px);-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}@media screen and (max-width:767px){.project .info-side{display:none}}.project .info-side .content-info{display:block;float:left;width:calc(100vh - 100px);height:100%;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.project .info-side .content-info div{display:inline-block;width:calc(50% - 7.5vw);overflow:hidden}.project .info-side .content-info div p{width:100%;text-align:center;opacity:0}.project .info-side .content-info div:first-child{float:left}.project .info-side .content-info div:first-child p{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}.project .info-side .content-info div:last-child{float:right}.project .info-side .content-info div:last-child p{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}.project .block{display:block;float:left;width:50%}@media screen and (max-width:767px){.project .block{width:100%}}.project .block--left{position:relative;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (max-width:767px){.project .block--left{height:50%;top:40%;display:block;margin-top:30px}}.project .block--left .content{width:80%;margin-left:20%}@media screen and (max-width:767px){.project .block--left .content{width:90%;margin:0 5%}}.project .block--left .content div{overflow:hidden}.project .block--left .content div h2{-webkit-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px)}@media screen and (max-width:767px){.project .block--left .content div h2{-webkit-transform:none;-ms-transform:none;transform:none}}.project .block--left .content div p{width:50%;margin-top:20px;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);opacity:0}@media screen and (max-width:767px){.project .block--left .content div p{width:100%;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1;text-align:center;max-width:250px;overflow:hidden;margin:10px auto 0}}.project .block--right{height:50%;margin-top:5%;overflow:hidden;position:absolute;bottom:0;right:0;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}@media screen and (max-width:767px){.project .block--right{height:40%}}.project .block--right .imageProject{position:absolute;bottom:0;left:0;height:100vh;width:100%;background-size:cover}#home{overflow:hidden}#home section{position:relative;top:0;left:0;width:calc(100% - 340px);height:calc(100vh - 220px);margin:120px 170px 100px 170px}@media screen and (max-width:767px){#home section{position:fixed;width:90%;height:calc(95% - 60px);margin:5%;top:60px}}#home section .slide{position:absolute;width:50%;height:100%}#home section .slide .titleHome{position:absolute;top:50%;width:100vw;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2}#home section .slide .titleHome .title--main{color:#7fddac}#home section .slide .titleHome .letter{display:inline-block}#home section .slide .titleHome div{overflow:hidden}#home section .slide .titleHome div:first-child{-webkit-transform:translateX(106rem);-ms-transform:translateX(106rem);transform:translateX(106rem)}#home section .slide--pink{left:0;background:#b85b79;z-index:3;overflow:hidden}#home section .slide--pink .titleHome{left:-170px}#home section .slide--pink .titleHome .title--main{color:#fff}#home section .slide--white{left:50%;overflow:hidden}#home section .slide--white .titleHome{left:-50vw}#home section .slide--white .titleHome .letter{color:#000}#home .scroll{position:absolute;bottom:0;right:0}@media screen and (max-width:767px){#home .scroll{bottom:5%;left:0;width:90%;position:fixed}}#home .scroll p{-webkit-transform:rotate(-90deg) translateX(50%);-ms-transform:rotate(-90deg) translateX(50%);transform:rotate(-90deg) translateX(50%);padding-left:100px}@media screen and (max-width:767px){#home .scroll p{-webkit-transform:none;-ms-transform:none;transform:none;padding:0;text-align:right}}#home .scroll p:after{content:'←';display:block;float:left;margin-right:8px}@media screen and (max-width:767px){#home .scroll p:after{content:'→';float:right;margin-left:8px;margin-right:0;-webkit-transform:none;-ms-transform:none;transform:none}}#home .scroll .lineScroll{position:absolute;bottom:0;left:0;width:1px;height:306px;-webkit-transform:translateX(165px);-ms-transform:translateX(165px);transform:translateX(165px);background:#c1c0c0;overflow:hidden}@media screen and (max-width:767px){#home .scroll .lineScroll{position:relative;bottom:-5px;width:calc(100% + 110px);height:1px;-webkit-transform:translateX(-110px);-ms-transform:translateX(-110px);transform:translateX(-110px)}}#home .scroll .lineScroll .bgScroll{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;z-index:1}@media screen and (max-width:767px){#home .scroll .lineScroll .bgScroll{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;z-index:1}}#home .bullet{position:fixed;left:50px;bottom:0;width:100px;height:85vh;z-index:3}@media screen and (max-width:767px){#home .bullet{opacity:0;left:25%;bottom:-5px;width:50%;height:auto}}#home .bullet ul{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (max-width:767px){#home .bullet ul{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}#home .bullet ul li{padding:25px;overflow:hidden;opacity:0;-webkit-transition:all .35s ease-out;transition:all .35s ease-out}@media screen and (max-width:767px){#home .bullet ul li{opacity:1}}#home .bullet ul li a{display:inline-block;opacity:0;-webkit-transform:translateX(-50px);-ms-transform:translateX(-50px);transform:translateX(-50px)}#home .bullet ul li:after{content:'';position:relative;right:-10px;top:-2px;display:inline-block;border-radius:100%;border:1px solid #000;width:5px;height:5px;background:0 0}@media screen and (max-width:767px){#home .bullet ul li:after{right:-50%}}#home .bullet ul li.active:after{content:'';width:5px;height:5px;background:#000}#project{overflow-x:hidden!important}#project .info_portrait::-webkit-scrollbar,#project::-webkit-scrollbar{border:none;width:.8rem;background:#f5f5f5}#project .info_portrait::-webkit-scrollbar-track,#project::-webkit-scrollbar-track{border:none;width:.8rem;background:#f5f5f5}#project .info_portrait::-webkit-scrollbar-thumb,#project::-webkit-scrollbar-thumb{border:none;width:.8rem;background:#000b28}#project .header{position:fixed}#project .headerProject{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100px}@media screen and (max-width:767px){#project .animjs.col-1{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}}#project .animjs.col-1 h3,#project .animjs.col-1 p{-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);opacity:0}@media screen and (max-width:767px){#project .animjs.col-1 h3,#project .animjs.col-1 p{-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}#project .animjs.col-1 .image{-webkit-transform:translateY(80px);-ms-transform:translateY(80px);transform:translateY(80px);opacity:0}@media screen and (max-width:767px){#project .animjs.col-1 .image{-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}#project .animjs.col-2 .image,#project .animjs.col-2 h3,#project .animjs.col-2 p{-webkit-transform:translateY(80px);-ms-transform:translateY(80px);transform:translateY(80px);opacity:0}@media screen and (max-width:767px){#project .animjs.col-2 .image,#project .animjs.col-2 h3,#project .animjs.col-2 p{-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}#project .animjs.col-4 .image{-webkit-transform:translateY(80px);-ms-transform:translateY(80px);transform:translateY(80px);opacity:0}@media screen and (max-width:767px){#project .animjs.col-4 .image{-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}#project .animjs.mix>div:first-child div{-webkit-transform:translateY(80px);-ms-transform:translateY(80px);transform:translateY(80px);opacity:0}@media screen and (max-width:767px){#project .animjs.mix>div:first-child div{-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}#project .animjs.mix>div.col-3 div{-webkit-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px);opacity:0}@media screen and (max-width:767px){#project .animjs.mix>div.col-3 div{-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}#project .info-top{display:block;float:left;width:100%;margin-top:120px}@media screen and (max-width:767px){#project .info-top{display:none}}#project .info-top .circle-content{position:relative;top:0;height:6vw;width:15vw;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}#project .info-top .circle-content .circle{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}#project .info-top .content-info{position:relative;top:0;left:0;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}#project .info-top .content-info div{overflow:hidden;margin:0 10vw}#project .info-top .content-info div:first-child{float:left}#project .info-top .content-info div:first-child p{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}#project .info-top .content-info div:last-child{float:right}#project .info-top .content-info div:last-child p{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}#project .info-top .content-info div.legende{margin:0;left:50%;-webkit-transform:translateY(-5px) translateX(-50%);-ms-transform:translateY(-5px) translateX(-50%);transform:translateY(-5px) translateX(-50%);overflow:hidden}#project .info-top .content-info div p{opacity:0;line-height:1}#project .section-content{margin-top:80px;display:block;float:left;width:100%}@media screen and (max-width:767px){#project .section-content{margin-top:100px}}#project .section-content.sectionLow{margin-top:200px}@media screen and (max-width:767px){#project .section-content.sectionLow{margin-top:100px}}@media screen and (max-width:767px){#project .section-content .intro{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}}#project .section-content .intro h2,#project .section-content .intro p{display:block;margin:auto;text-align:center;-webkit-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px);opacity:0}@media screen and (max-width:767px){#project .section-content .intro h2,#project .section-content .intro p{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;opacity:1}}#project .section-content .intro p{width:45%;margin-top:50px}@media screen and (max-width:767px){#project .section-content .intro p{width:90%;margin-top:30px}}#project .section-content .detail-project{width:65%;display:block;padding:40px 0 80px;float:left;margin:0 17.5%}@media screen and (max-width:767px){#project .section-content .detail-project{width:90%;margin:0 5%;padding:20px 0}}#project .section-content .detail-project .col-1{width:100%;float:left}@media screen and (max-width:767px){#project .section-content .detail-project .col-1{padding:10px 0 30px}}#project .section-content .detail-project .col-1>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (max-width:767px){#project .section-content .detail-project .col-1>div{display:block}}#project .section-content .detail-project .col-1>div .image{height:100%}@media screen and (max-width:767px){#project .section-content .detail-project .col-1>div .image{max-height:40%}}#project .section-content .detail-project .col-1>div .image img{height:70%}@media screen and (max-width:767px){#project .section-content .detail-project .col-1>div .image img{height:100%}}#project .section-content .detail-project .col-1.video .image{height:60%}@media screen and (max-width:767px){#project .section-content .detail-project .col-1.video .image{height:40%}}#project .section-content .detail-project .col-1.video .image iframe{width:100%}#project .section-content .detail-project .col-2{width:100%;height:50%;float:left}@media screen and (max-width:767px){#project .section-content .detail-project .col-2{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;height:auto;display:block}}#project .section-content .detail-project .col-2>div{width:50%;float:left;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (max-width:767px){#project .section-content .detail-project .col-2>div{width:100%;height:auto;margin:0;min-height:200px}}#project .section-content .detail-project .col-2>div .image{height:100%}@media screen and (max-width:767px){#project .section-content .detail-project .col-2>div .image{margin:0 0 20px;height:200px}}#project .section-content .detail-project .col-2.reverse{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (max-width:767px){#project .section-content .detail-project .col-2.reverse{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media screen and (max-width:767px){#project .section-content .detail-project .col-2.mix{height:55%}}@media screen and (max-width:767px){#project .section-content .detail-project .col-2.mix .image{max-height:100%;margin:0}}#project .section-content .detail-project .col-2.mix div:first-child{width:80%}@media screen and (max-width:767px){#project .section-content .detail-project .col-2.mix div:first-child{width:100%;height:70%;min-height:auto}}#project .section-content .detail-project .col-2.mix div:first-child div{width:100%}@media screen and (max-width:767px){#project .section-content .detail-project .col-2.mix div:first-child div{height:100%}}#project .section-content .detail-project .col-2.mix div:last-child{width:20%}@media screen and (max-width:767px){#project .section-content .detail-project .col-2.mix div:last-child{width:100%;height:30%;min-height:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}#project .section-content .detail-project .col-2.mix div:last-child div{width:100%}@media screen and (max-width:767px){#project .section-content .detail-project .col-2.mix div:last-child div{width:calc(100% / 3);height:100%}#project .section-content .detail-project .col-2.mix div:last-child div .image{width:100%;height:100%}}#project .section-content .detail-project .col-3{width:100%;height:40%;float:left}#project .section-content .detail-project .col-3>div{width:calc(100% / 3);float:left;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#project .section-content .detail-project .col-3>div .image{height:100%}#project .section-content .detail-project .col-4{width:100%;height:30vw;float:left}@media screen and (max-width:767px){#project .section-content .detail-project .col-4{height:500px}}#project .section-content .detail-project .col-4>div{width:calc(100% / 4);float:left;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (max-width:767px){#project .section-content .detail-project .col-4>div{width:80%;float:none;margin:auto}}@media screen and (max-width:767px){#project .section-content .detail-project .col-4>div .image{height:100%}}#project .section-content .detail-project .col-4>div .image div{position:relative;overflow:hidden;padding-top:170%}@media screen and (max-width:767px){#project .section-content .detail-project .col-4>div .image div{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}}#project .section-content .detail-project .col-4>div .image div iframe{position:absolute;top:-1px;left:0;width:100%;height:100%;border:0}#project .section-content .detail-project .image{padding:5px;width:100%;height:70%}#project .section-content .detail-project .image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}#project .section-content .detail-project iframe{width:100%;height:100%}#project .section-content .detail-project .description{width:80%;text-align:center;margin:auto;padding:0 0 30px}@media screen and (max-width:767px){#project .section-content .detail-project .description{width:100%;padding:0}}#about{overflow:hidden}#about .project{width:calc(100% - 60px);margin:100px 0 0 60px}@media screen and (max-width:767px){#about .project{left:0;overflow:auto;margin:5%;width:90%}}#about .project .block--right{left:0;width:calc(50% - 30px)}@media screen and (max-width:767px){#about .project .block--right{width:100%}}#about .project .block--right .imageProject{background:url(../img/about/photo.JPG) no-repeat center;background-size:cover}#about .project .block--left{float:right;overflow:auto;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}@media screen and (max-width:767px){#about .project .block--left{width:90%;margin:0 5%;height:auto}}#about .project .block--left .content{padding:40px 60px 40px 0}@media screen and (max-width:767px){#about .project .block--left .content{width:100%;margin:20px 0 0;padding:0}}#about .project .block--left .content div p{width:100%}@media screen and (max-width:767px){#about .project .block--left .content div p{max-width:none;margin:auto;margin-top:20px}}#about .project .block--left .content img{max-width:100%;width:320px;margin:auto;display:inherit}#about .project .info-side{right:50%;left:calc(50% - 30px);-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}@media screen and (max-width:767px){#about .project .info-side{display:block;right:0;left:0;width:100%;height:30px;-webkit-transform:none;-ms-transform:none;transform:none}}#about .project .info-side .content-info{-webkit-transform:rotate(90deg) translateY(100%);-ms-transform:rotate(90deg) translateY(100%);transform:rotate(90deg) translateY(100%)}@media screen and (max-width:767px){#about .project .info-side .content-info{-webkit-transform:none;-ms-transform:none;transform:none;width:100%}}#about .circle-content{right:50%;-webkit-transform:translateX(0) translateY(50%);-ms-transform:translateX(0) translateY(50%);transform:translateX(0) translateY(50%)}#about .circle-content .circle{-webkit-transform:rotate(180deg) translateX(50%);-ms-transform:rotate(180deg) translateX(50%);transform:rotate(180deg) translateX(50%)}#about .legende{-webkit-transform:translateY(-50%) translateX(3.75vw);-ms-transform:translateY(-50%) translateX(3.75vw);transform:translateY(-50%) translateX(3.75vw);height:35px}@media screen and (max-width:767px){#about .legende{display:block;-webkit-transform:translateY(80%) translateX(-40vw);-ms-transform:translateY(80%) translateX(-40vw);transform:translateY(80%) translateX(-40vw);min-width:90vw;text-align:center}}#about .legende p{line-height:16px;-webkit-transform:translateY(35px);-ms-transform:translateY(35px);transform:translateY(35px)}@media screen and (max-width:767px){#about .legende p{-webkit-transform:none;-ms-transform:none;transform:none;opacity:0}}#contact .project{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (max-width:767px){#contact .project{left:0}}#contact .project .contact-content{width:35%;min-width:500px;margin:auto}@media screen and (max-width:767px){#contact .project .contact-content{width:90%;min-width:auto}}#contact .project .contact-content h2{text-align:center;margin-bottom:50px}#contact .project .contact-content .item{width:100%;display:block;float:left;border-bottom:2px solid #000;padding:30px 0}#contact .project .contact-content .item>div{width:50%;display:inline-block;float:left}@media screen and (max-width:767px){#contact .project .contact-content .item>div{width:30%;min-width:auto}}#contact .project .contact-content .item>div.right{text-align:right}@media screen and (max-width:767px){#contact .project .contact-content .item>div.right{width:70%;min-width:auto}}#contact .project .contact-content .item>div p{margin:0}#contact .project .contact-content .item:last-child{border:none}#contact .project .contact-content .item:last-child div{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#contact .project .contact-content .item:last-child div a{height:30px;width:30px;display:inline-block;float:left;margin:0 20px}#contact .project .contact-content .item:last-child div a:before{content:'';display:block;width:25px;height:25px}#contact .project .contact-content .item:last-child div a:first-child:before{background:url(../img/linkedin.png) no-repeat center;background-size:contain}#contact .project .contact-content .item:last-child div a:last-child:before{background:url(../img/behance.png) no-repeat center;background-size:contain}@media screen and (max-width:767px){#home section .slide{width:100%;height:50%;left:0}#home section .slide .titleHome{width:100%;left:0}#home section .slide .titleHome div:first-child{-webkit-transform:none;-ms-transform:none;transform:none}#home section .slide--pink .titleHome{top:100%;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}#home section .slide--pink .titleHome div:last-child{display:none}#home section .slide--white{top:50%}#home section .slide--white .titleHome{top:0;-webkit-transform:none;-ms-transform:none;transform:none}#home section .slide--white .titleHome div:first-child{display:none}.project .block--right{top:0;height:40%;-webkit-transform:none;-ms-transform:none;transform:none;margin:0}.project .block--right .imageProject{height:100%}}