.top{overflow-x:hidden}.top__mv{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;justify-content:space-between;width:100%}.top__mv--left{padding-top:103px;position:relative;width:60%}.top__mv--left .sp__profile{border-radius:20px;display:none;margin:38px auto;overflow:hidden;width:100px}.top__mv--left .sp__profile img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%}.top__mv--right{background:url(../../tiny/banner-bg02.jpg) no-repeat 50% 50%/cover;position:relative;width:50%}.top__mv--right:before{background:-webkit-gradient(linear,left top,right top,from(#1b242f),to(transparent));background:linear-gradient(90deg,#1b242f,transparent);content:"";height:100%;left:0;position:absolute;top:0;width:85%}.top__mv--caption{color:#fff;padding-left:12%;position:absolute;top:45%;-webkit-transform:translateY(-34%);transform:translateY(-34%);width:100%}.top__mv--caption p{color:#04c2c9;font-family:Rubik,sans-serif;font-size:1.5rem;letter-spacing:.1em;line-height:1;padding-left:50px;position:relative;text-transform:uppercase}.top__mv--caption p:before{background:#04c2c9;content:"";height:1px;left:0;position:absolute;top:52%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:30px}.top__mv--caption h1{font-size:4vw;line-height:1.2;margin:44px 0 51px}.top__mv .c-button span{display:inline-block;margin-right:23px}.top .about{background-color:#252934;padding:80px 0 120px}.top .about__content{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.top .about__frame{margin:auto;width:41%}.top .about__info{padding:63px;width:59%}.top .about__info span{color:#04c2c9;font-family:Poppins,sans-serif;font-size:.8125rem;font-weight:700;letter-spacing:.1em;line-height:1}.top .about__info h2{color:#fff;font-family:Poppins,sans-serif;font-size:2.125rem;font-weight:600;letter-spacing:.03em}.top .about__info .speech{color:#999;font-size:1rem;letter-spacing:.01em;line-height:1.8;margin:10px 0 35px}.top .about__info .about__details .flex{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;margin-bottom:10px}.top .about__info .about__details .flex span{display:inline-block;font-family:Rubik,sans-serif;font-size:1rem;font-weight:600;letter-spacing:.01em;line-height:1.8}.top .about__info .about__details .flex span:first-child{color:#fff;width:130px}.top .about__info .about__details .flex span:last-child{width:calc(100% - 130px)}.top .about__info .about__interest{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between;margin:30px 0 0}.top .about__info .about__interest div{border-left:2px solid;color:#fff;padding:0 0 0 10px}.top .about__info .about__interest div,.top .about__info .about__interest div span{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.top .about__info .about__interest div span{-webkit-box-pack:center;-ms-flex-pack:center;background-color:#04c2c9;border-radius:50%;height:30px;justify-content:center;margin-right:5px;width:30px}.top .about__info .about__interest div span i{color:#fff;font-size:16px}.top .about__info .about__interest div:nth-child(2) span i{bottom:0;position:relative;right:-1px}.top .skills{padding:80px 0 120px}.top .skills__content{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between}.top .skills__content .skillset,.top .skills__content .waypoint{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;max-height:100%;max-width:50%;text-align:center}.top .skills__content .wrapper{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-bottom:60px;width:43%}.top .skills__content .wrapper:last-child,.top .skills__content .wrapper:nth-child(3){margin-bottom:0}.top .skills__content .waypoint{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between}.top .skills__content .waypoint__content{height:100px;position:relative;width:100px}.top .skills__content .waypoint__content .hexagon{background-color:#04c2c9;display:inline-block;height:100%;width:57.735%}.top .skills__content .waypoint__content .hexagon:before{background-color:inherit;content:"";height:inherit;position:absolute;right:21.1325%;top:0;-webkit-transform:rotate(60deg);transform:rotate(60deg);width:inherit}.top .skills__content .waypoint__content .hexagon:after{background-color:inherit;content:"";height:inherit;position:absolute;right:21.1325%;top:0;-webkit-transform:rotate(-60deg);transform:rotate(-60deg);width:inherit}.top .skills__content .waypoint__content .hexagon span i{color:#fff;font-size:2.4375rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:5}.top .skills__content .skillset .bar{-webkit-box-align:end;-ms-flex-align:end;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;align-items:flex-end;background-color:#eee;color:#666;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:11pt;height:28px;justify-content:center;margin:0 0 15px auto;max-width:90%;overflow:hidden;position:relative;text-align:left}.top .skills__content .skillset .bar-fill{background-color:#837c7c;height:100%;left:0;position:absolute;right:0;-webkit-transition:width 1.1s ease-in-out .2s;transition:width 1.1s ease-in-out .2s;width:0}.top .skills__content .skillset .tag{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:start;-ms-flex-pack:start;align-items:center;background-color:#2f2c2c;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:Rubik,sans-serif;height:100%;justify-content:flex-start;left:0;padding:0 0 0 10px;position:absolute;top:0;width:110px}.top .skills__content .skillset span{color:#000;display:inline;display:initial;padding:0 15px 0 0;z-index:1}.top .skills__content .desc{margin:15px 0 5px}.top .skills__content .desc span{color:#fff;font-family:Rubik,sans-serif;font-size:18pt;font-weight:700;line-height:18pt}.top .skills__content .desc p{color:#fff;font-size:1vw;line-height:18pt}.top .services{background-color:#252934;padding:80px 0 120px}.top .services a{color:#353535}.top .services__content .row{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between}.top .services__content .row .col{width:47%}.top .projects{padding:80px 0 120px}.top .projects .filter-wrap{position:relative;white-space:nowrap}.top .projects .filter{color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:13pt;font-weight:600;line-height:1;margin:0 25px;padding:5px 40px 4px;-webkit-transition:background-color .5s;transition:background-color .5s}.top .projects .filter__indicator{background-color:#04c2c9;height:100%;position:absolute;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s;z-index:-1}.top .projects .flex{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center}.top .projects .flex.row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.top .projects .float-bar{background:#04c2c9;border-radius:1px;bottom:0;height:30px;height:25px;left:30px;margin:auto 0;overflow:hidden;position:absolute;top:0;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.top .projects .float-bar .row{bottom:0;left:-30px;margin:auto 0;position:absolute;top:0;-webkit-transition:left .5s ease-in-out;transition:left .5s ease-in-out}.top .projects .gallery{-webkit-box-pack:center;-ms-flex-pack:center;grid-gap:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:5px;justify-content:center;margin-top:40px;overflow:hidden}.top .projects .gallery .mix{display:none;position:relative}.top .projects .gallery .col{cursor:pointer;height:300px;position:relative;width:33%}.top .projects .gallery .col img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.top .projects .gallery .col .card{background:rgba(0,0,0,.8);height:100%;left:0;opacity:0;position:absolute;top:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;width:100%;z-index:2}.top .projects .gallery .col .card .text,.top .projects .gallery .col .card a{left:50%;opacity:0;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.top .projects .gallery .col .card .text{color:#fff;font-family:Rubik,sans-serif;font-size:16pt;font-weight:700;letter-spacing:.1em;text-align:center;top:0;width:100%}.top .projects .gallery .col .card a{border:2px solid #04c2c9;bottom:0;color:#fff;display:inline-block;font-size:13pt;font-weight:400;margin:0 auto;padding:7px 0;text-align:center;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;width:170px}.top .projects .gallery .col .card a:hover{background-color:#04c2c9;color:#fff}.top .projects .gallery .col:focus .card,.top .projects .gallery .col:focus .text,.top .projects .gallery .col:focus a,.top .projects .gallery .col:hover .card,.top .projects .gallery .col:hover .text,.top .projects .gallery .col:hover a{opacity:1}.top .projects .gallery .col:focus .text,.top .projects .gallery .col:hover .text{top:24%}.top .projects .gallery .col:focus a,.top .projects .gallery .col:hover a{bottom:24%}.top .awards{background-color:#252934;padding:80px 0}.top .awards .swiper-wrapper{position:relative;-webkit-transition-timing-function:linear!important;transition-timing-function:linear!important}.top .awards .swiper-slide{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:33px;height:300px;justify-content:center;overflow:hidden;position:relative;text-align:center;width:auto}.top .awards .swiper-slide img{height:100%;-o-object-fit:cover;object-fit:cover;width:auto}.top .contact{padding:80px 0 120px}.top .contact .row{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between}.top .contact .row .map{height:370px;width:60%}.top .contact .row .map iframe{width:100%}.top .contact .row .infos{padding:0 0 0 3rem;width:40%}.top .contact .row .infos .info{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;margin-bottom:50px}.top .contact .row .infos .info:last-child{margin-bottom:0}.top .contact .row .infos .info .icon{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:#fff;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;height:50px;justify-content:center;width:50px}.top .contact .row .infos .info .icon i{color:#04c2c9;font-size:1rem}.top .contact .row .infos .info .text{padding-left:15px;width:calc(100% - 50px)}.top .contact .row .infos .info .text p:first-child{line-height:1.2}.top .contact .row .infos .info .text p:first-child,.top .contact .row .infos .info .text p:last-child{color:#fff;font-family:Poppins,sans-serif;font-size:1rem;font-size:.875rem;font-weight:500;letter-spacing:.1em}.top .contact .row .infos .info .text p:last-child{line-height:1.8;margin-top:6px}@media only screen and (min-width:1600px){.top__mv--caption{padding-left:23%}}@media only screen and (max-width:991px){.top__mv{-ms-flex-wrap:wrap;flex-wrap:wrap;height:670px;position:relative}.top__mv--left{width:100%}.top__mv--caption{bottom:0;padding:0 10%;top:unset}.top__mv--caption p{font-size:1rem;line-height:1}.top__mv--caption h1{font-size:3.125rem}.top .about{padding-bottom:80px}.top .about__frame{margin:0 0 auto}.top .about__info{padding:0 0 0 31px}.top .skills{padding-bottom:80px}.top .skills__content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.top .skills__content .skillset,.top .skills__content .waypoint{max-width:100%}.top .skills__content .waypoint__content{height:80px;width:80px}.top .skills__content .skillset{margin-top:50px}.top .skills__content .skillset .bar{max-width:100%}.top .skills__content .desc p{font-size:1rem}.top .projects,.top .services{padding-bottom:80px}.top .projects .gallery{grid-gap:25px;gap:25px;margin-top:35px}.top .projects .gallery .col{width:45%}.top .awards,.top .contact{padding-bottom:80px}.top .contact .row .infos{padding:0 0 0 2rem}}@media only screen and (max-width:767px){.top__mv--left .sp__profile{display:block}.top__mv--caption h1{font-size:1.6875rem;margin:28px 0 44px}.top .about{padding-bottom:25px}.top .about__info{padding:31px 0;width:100%}.top .about__info .about__interest div{margin-bottom:10px;width:50%}.top .skills{padding:60px 0}.top .skills__content .waypoint{padding-top:31px}.top .skills__content .waypoint__content .hexagon span i{font-size:1.875rem}.top .services{padding:60px 0 0}.top .services__content .row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.top .services__content .row .col{margin-bottom:60px;width:100%}.top .projects{padding:60px 0}.top .projects .filter{font-size:.7rem;margin:0;padding:5px 20px 4px}.top .projects .flex{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.top .projects .gallery .col{width:100%}.top .awards{padding:60px 0}.top .awards .swiper-slide{height:280px}.top .contact{padding-bottom:60px}.top .contact .row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.top .contact .row .map{height:280px;padding-top:25px;width:100%}.top .contact .row .infos{padding:40px 0 0;width:100%}}@media only screen and (max-width:500px){.top .projects .gallery .col{height:161px}}@media only screen and (max-width:350px){.top__mv{height:749px}.top .services__content .row .col{margin-bottom:80px}.top .projects .filter{font-size:.5rem}}