.back-drop{width:100vw;height:100vh;position:fixed;top:0;pointer-events:none}.back-drop-active{pointer-events:all}nav{position:fixed;padding:60px 0;width:100%;z-index:1000;transition:padding .5s ease,background .5s ease;background:transparent}nav .site-logo{height:74px}nav.active{padding:15px 0;background:#000}.hamburger{cursor:pointer;padding:15px 10px}.hamburger .bar1,.hamburger .bar2{width:30px;height:2px;background:#fff}.hamburger .bar1{margin-bottom:8px}.sideMenu{position:absolute;width:320px;z-index:100;background:#000;right:-337px;height:100vh;top:0;transition:all .5s ease;padding:22px;padding-top:70px}.sideMenu a{color:#fff;width:100%;padding:.5rem 0;display:block}.sideMenu a:hover{color:#fff}.sideMenu .router-list{list-style:none;font-size:20px;font-weight:400}.sideMenu .social-media a{width:auto}.sideMenu .social-media svg{fill:#fff;width:35px;height:35px}.activeMenu{right:0}@media(min-width:768px){.modal-open nav{width:calc(100% - 17px)}}footer{background:#f0f0f0;padding:100px 0}footer .content p{line-height:2}footer .content a{color:#2c3e50}footer .social-media svg{margin-right:1rem;width:30px;height:30px}footer .social-media svg:last-child{margin-right:0}.loading[data-v-1d6ca1a9]{position:absolute;top:0;right:0;bottom:0;left:0;width:200%;height:2px;margin:auto;background:linear-gradient(90deg,#fff,#000,#fff) 0 0/50% 100% repeat-x;-webkit-animation:loading-data-v-1d6ca1a9 2s linear 0s infinite;animation:loading-data-v-1d6ca1a9 2s linear 0s infinite}@-webkit-keyframes loading-data-v-1d6ca1a9{0%{transform:translateX(-50%)}to{transform:translateX(0)}}@keyframes loading-data-v-1d6ca1a9{0%{transform:translateX(-50%)}to{transform:translateX(0)}}#modal-1 .modal-dialog{max-width:1080px;overflow:hidden}#modal-1 .modal-dialog .modal-content{background:none;border:none;border-radius:0}#modal-1 .modal-dialog .modal-content .modal-body{padding:0}#modal-1 .modal-dialog .modal-content .modal-body .close{top:-45px;right:0;opacity:1}#modal-1 .modal-dialog .swiper-wrapper,#modal-1 .modal-dialog .swiper-wrapper .swiper-slide{height:inherit}#modal-1 .modal-dialog .swiper-wrapper .swiper-slide img{width:100%;height:100%;max-width:none;max-height:80vh;-o-object-fit:cover;object-fit:cover}.swiper-gallery .swiper-slide{max-width:80%;width:auto}.swiper-gallery .swiper-slide img{max-height:200px}.swiper-gallery .swiper-wrapper{display:flex;align-items:center}@media(min-width:768px){.swiper-gallery .swiper-slide{max-width:30%}.swiper-gallery .swiper-slide img{max-height:300px;height:100%;cursor:pointer}}main.page-Home{padding-top:0}main.page-Home .hero{position:relative;min-height:auto;height:80vh}main.page-Home .hero video{position:absolute;left:50%;transform:translateX(-50%);height:100%;width:100%;-o-object-fit:cover;object-fit:cover}main.page-Home .overview{padding:100px 0}main.page-Home .overview .content{max-width:800px}main.page-Home .swiper-gallery{padding:100px 0;background:#000}.page-Portfolio{padding-top:200px}.project-card{margin-bottom:1.5rem}.project-card h2{color:#000;margin:1.5rem 0;text-align:center;font-weight:400}.project-card img{max-height:400px;width:100%;-o-object-fit:cover;object-fit:cover;border-radius:3rem;transition:all .2s ease;position:relative}.project-card img:hover{box-shadow:0 0 10px #000}.project-card a:hover{text-decoration:none}.page-Project{padding-top:0}.page-Project .content{max-width:800px}.page-Project .col{padding:0}.page-Project .project-hero{overflow:hidden;position:relative;height:auto;margin-bottom:0}.page-Project .project-hero img{display:none;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.page-Project .project-hero .title-wrap{padding:3rem;width:100%;position:relative;padding-top:150px;min-height:300px;max-height:calc(100% - 140px);overflow-y:auto;bottom:0;left:0;background:hsla(0,0%,100%,.8)}.page-Project .project-hero .title-wrap ul{padding:15px}.page-Project .project-hero .title-wrap h2{font-weight:700;font-size:2rem;line-height:1.4em;margin:0}.page-Project .gallery{overflow:hidden;padding:0 5px}.page-Project .gallery .image-wrapper{position:relative;cursor:pointer}.page-Project .gallery .image-wrapper:hover svg{opacity:1}.page-Project .gallery .image-wrapper:hover img{filter:brightness(.6)}.page-Project .gallery .image-wrapper img{padding:5px}.page-Project .gallery svg{position:absolute;font-size:35px;z-index:100;transition:all .5s ease;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;pointer-events:none}.page-Project .column{float:left}.page-Project .size-1of2{width:50%}@media(min-width:768px){.page-Project .project-hero{height:800px;margin-bottom:100px}.page-Project .project-hero .title-wrap{position:absolute;bottom:20px;left:20px;width:50%;padding-top:3rem}.page-Project .project-hero .title-wrap h2{font-size:50px}.page-Project .project-hero img{display:block}}.bna-container{position:relative;max-height:400px;height:400px;width:100%;overflow:hidden}.bna-container .after-img,.bna-container .before-img{position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:left;object-position:left;top:0;left:0}.bna-container .bna-divicsor{height:100%;overflow:hidden}.bna-container .before-img{top:0;width:100%;height:100%}.bna-container input{z-index:100;position:absolute}.bna-container #slider{-webkit-appearance:none;width:calc(100% + 50px);transform:translateX(-50%);left:50%;height:10px;top:50%;position:absolute;border-radius:5px;background:transparent;outline:none;opacity:1;-webkit-transition:.2s;pointer-events:none;transition:opacity .2s}.bna-container #slider::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:all;appearance:none;width:50px;height:50px;border:5px solid #fff;border-radius:50%;background:url(../img/arrows-alt-h-solid.97c2ed38.svg);background-size:30px;background-repeat:no-repeat;background-position:50%;cursor:pointer}.bna-container .center-line{position:absolute;left:50%;height:100%;z-index:1;transform:translateX(-50%)}.bna-container .center-line:before{content:"";top:0;display:block;height:calc(50% - 20px);width:5px;background:#fff}.bna-container .center-line:after{content:"";display:block;bottom:0;position:absolute;height:calc(50% - 30px);width:5px;background:#fff}#app{color:#2c3e50;font-family:Open Sans,sans-serif;display:flex;font-size:12px;flex-direction:column}main{overflow:hidden}section{margin-bottom:80px}h1,h2{text-transform:capitalize}.content{max-width:1370px;margin:0 auto;padding:0 22px}body{overflow-x:hidden;overflow-y:scroll;min-height:100vh}img{max-width:100%}.close{position:absolute;right:32px;top:32px;width:32px;height:32px;opacity:.5;cursor:pointer;z-index:100}.close:hover{opacity:1}.close:after,.close:before{position:absolute;left:15px;content:" ";height:33px;width:2px;background-color:#fff}.close:before{transform:rotate(45deg)}.close:after{transform:rotate(-45deg)}.btn-primary{background-color:#000;border:1px solid #000;border-radius:0;padding:.8rem 2rem}.btn-primary:hover{background:#fff;border:1px solid #000;color:#000}.btn-primary:focus,.btn-primary:not(:disabled):not(.disabled):active:focus{background:#fff;border:1px solid #000;color:#000;box-shadow:0 0 0 2px #000}.hero{overflow:hidden;height:inherit;margin:0;height:800px;margin-bottom:80px}.hero .des-card{padding:3rem;width:100%;position:relative;min-height:300px;background:hsla(0,0%,100%,.8);max-width:600px;margin:0 auto;left:inherit;padding:0 22px;padding-top:200px}.hero .des-card p:last-child{margin-bottom:0}.hero img{-o-object-fit:cover;object-fit:cover;height:100%;width:100%}.h-line{height:1px;background:#999;width:100%;margin-bottom:1.5rem}.text-content{max-width:800px;margin:0 auto}@media(min-width:768px){#app{font-size:1rem}.hero,section{margin-bottom:150px}}.page-PageBnA{padding-top:80px}.page-bna-container{background:#000}.page-bna-container h1{font-weight:700;font-size:50px;margin:2rem 0;text-align:center;width:100%}.page-bna-container .page-bna-wrapper{color:#fff}.page-bna-container .page-bna-wrapper:nth-child(2n){background:#fff;color:#2c3e50}