@charset "utf-8";@font-face{font-family:nabni-light;font-style:normal;font-weight:lighter;src:url(../../fonts/FrutigerCE45Light.ttf) format("truetype")}@font-face{font-family:nabni-bold;font-style:normal;font-weight:lighter;src:url(../../fonts/Frutiger_CE_65_Bold.ttf) format("truetype")}html{overflow:scroll;overflow-x:hidden}::-webkit-scrollbar{width:0;background:0 0}::-webkit-scrollbar-thumb{background:red}body,html{margin:0;padding:0;height:100%}html{font-size:2px}.container-fluid,.row,[class*=col-]{padding:0;margin:0}*{padding:0;margin:0}img.small-logo{width:90px;position:absolute;left:3%;top:3%}.sidenav-box{position:fixed;width:0%;top:0;bottom:0;right:0;z-index:1005;background:rgba(19,19,25,.9);transition:width .4s cubic-bezier(.1,1.5,1,1)}.menu-active{width:20%}.sidenav-menu{position:absolute;top:50%;left:8%;margin-top:-200px}.sidenav-menu a{display:block;color:#fff;margin:30px 0 30px 0;text-decoration:none;font-size:8rem;letter-spacing:3px;font-family:nabni-bold;transition:.5s}.sidenav-menu a>img{display:inline-block;width:42px;margin:0 10px 0 0}.selected,.sidenav-box a:hover{color:#9c9898!important}.sidenav-box .nav-footer{display:block;position:absolute;bottom:7%;left:10%}.sidenav-box .nav-footer a{display:block;color:#fff;text-decoration:none;font-size:8rem;letter-spacing:3px;font-family:nabni-bold;transition:.5s}.sidenav-box .nav-footer a>img{width:16px;margin-top:-5px}.menu-button-box{position:absolute;right:3%;width:34px;height:auto;top:5%;padding:8px 6px 8px 6px;z-index:1010;display:block;cursor:pointer;border-radius:100%;border:1px solid #fff}.bar1,.bar2,.bar3{width:100%;height:2px;background-color:#fff;transition:.4s}.bar2{margin:4px 0 4px 0}.change .bar1{-webkit-transform:rotate(-45deg) translate(-2px,16px);transform:rotate(-45deg) translate(-4px,5px)}.change .bar2{opacity:0}.change .bar3{-webkit-transform:rotate(45deg) translate(-8px,-8px);transform:rotate(45deg) translate(-4px,-4px)}.main-container{position:relative;display:block;width:100%;padding:0 3% 0 3%;margin-top:10%}.main-container img.img-back{position:relative;display:block;width:88%;float:right}.main-container .details-box,img.icon{position:relative;display:inline-block}.main-container img.icon{float:left}.main-container img.hideit{display:inline-block}.main-container .details-box{padding:0 0 0 20px}.main-container .details{padding:20px 0 0 20px}.main-container h1.title,h1.sub-title{color:#fff;font-size:14rem;letter-spacing:4px;margin:5px 0 0 0;font-family:nabni-bold}.main-container h1.sub-title{font-size:7rem;letter-spacing:1.5px;margin:0;font-family:nabni-bold}.details-box p{position:relative;display:block;color:#fff;font-size:8rem;line-height:1.8;letter-spacing:2px;font-family:nabni-light}.main-container img.icon{width:44px;float:left}.more-projects-box{position:relative;display:block;margin-top:12%}.more-projects-box img{display:inline-block;position:relative;width:30px;margin:0}.more-projects-box p{color:#ababab;display:inline-block;padding-left:10px;font-size:8rem;vertical-align:middle;margin:0;transition:.5s}.more-projects-box a:hover p{color:#9c9898}p.footer{color:#fff;display:block;width:100%;font-size:5rem;text-align:center;letter-spacing:1px;font-family:nabni-light;margin:0 0 10px 0}.preloader{position:fixed;display:block;left:0;top:0;width:100%;height:100%;z-index:1010;background:url(../../../images/icons/ic_logo.svg) center no-repeat #262f38;background-position:50% 50%;background-size:160px 160px;background-repeat:no-repeat;text-align:center}.preloader p{position:absolute;top:55%;left:50%}.close-preloader{animation:loading .3s ease-in;-webkit-animation:loading .3s ease-in;-o-animation:loading .3s ease-in}@keyframes loading{0%{opacity:1}70%{opacity:.3}100%{opacity:0}}.desktop{display:block}.mobile{display:none}.main-container br.removebr{display:block}@media (min-width:2560px) and (max-width:2859px){img.small-logo{width:120px}.main-container{margin-top:12%}.main-container img.img-back{width:88%}.menu-active{width:25%}.sidenav-menu{left:9%;margin-top:-300px}.menu-active{width:18%}.sidenav-menu a{margin:60px 0 60px 0;font-size:12rem;letter-spacing:5px}.sidenav-menu a>img{width:54px;margin:0 30px 0 0}.sidenav-box .nav-footer{bottom:8%;left:11%}.sidenav-box .nav-footer a{font-size:11rem;letter-spacing:5px}.sidenav-box .nav-footer a>img{width:22px}.menu-button-box{width:52px;padding:13px 9px 13px 9px}.bar1,.bar2,.bar3{height:3px}.bar2{margin:6px 0 6px 0}.change .bar1{-webkit-transform:rotate(-45deg) translate(-6px,6px);transform:rotate(-45deg) translate(-6px,6px)}.change .bar2{opacity:0}.change .bar3{-webkit-transform:rotate(45deg) translate(-6px,-6px);transform:rotate(45deg) translate(-6px,-6px)}.main-container .details-box{padding:0 0 0 40px}.main-container .details{padding:40px 0 0 40px}.details-box h1.title{font-size:20rem;letter-spacing:4px;margin:10px 0 0 0}.main-container img.icon{width:58px}.main-container img.hideit{display:inline-block}.main-container h1.sub-title{font-size:10rem;letter-spacing:2px}.details-box p{font-size:11rem;line-height:1.6;letter-spacing:2px}.more-projects-box img{width:40px}.more-projects-box p{padding-left:15px;font-size:11rem;letter-spacing:1px}p.footer{font-size:6rem}}@media (min-width:2360px) and (max-width:2559px){img.small-logo{width:120px}.main-container{margin-top:12%}.menu-active{width:25%}.sidenav-menu{left:9%;margin-top:-300px}.menu-active{width:18%}.sidenav-menu a{margin:60px 0 60px 0;font-size:11rem;letter-spacing:5px}.sidenav-menu a>img{width:50px;margin:0 30px 0 0}.sidenav-box .nav-footer{bottom:8%;left:11%}.sidenav-box .nav-footer a{font-size:10rem;letter-spacing:5px}.sidenav-box .nav-footer a>img{width:20px}.menu-button-box{width:48px;padding:11px 9px 11px 9px}.bar1,.bar2,.bar3{height:3px}.bar2{margin:6px 0 6px 0}.change .bar1{-webkit-transform:rotate(-45deg) translate(-6px,6px);transform:rotate(-45deg) translate(-6px,6px)}.change .bar2{opacity:0}.change .bar3{-webkit-transform:rotate(45deg) translate(-6px,-6px);transform:rotate(45deg) translate(-6px,-6px)}.main-container .details-box{padding:0 0 0 30px}.main-container .details{padding:40px 0 0 30px}.details-box h1.title{font-size:18rem;letter-spacing:4px;margin:10px 0 0 0}.main-container img.icon{width:54px}.main-container img.hideit{display:inline-block}.main-container h1.sub-title{font-size:10rem;letter-spacing:2px}.details-box p{font-size:10rem;line-height:1.6;letter-spacing:2px}.more-projects-box img{width:40px}.more-projects-box p{padding-left:15px;font-size:10rem;letter-spacing:1px}p.footer{font-size:6rem}}@media (min-width:2160px) and (max-width:2359px){img.small-logo{width:100px}.main-container{margin-top:12%}.main-container img.img-back{width:80%}.menu-active{width:25%}.sidenav-menu{left:9%;margin-top:-300px}.menu-active{width:18%}.sidenav-menu a{margin:50px 0 50px 0;font-size:10rem;letter-spacing:4px}.sidenav-menu a>img{width:44px;margin:0 30px 0 0}.sidenav-box .nav-footer{bottom:8%;left:11%}.sidenav-box .nav-footer a{font-size:9rem;letter-spacing:4px}.sidenav-box .nav-footer a>img{width:18px;margin-top:-4px}.menu-button-box{width:42px;padding:9px}.bar1,.bar2,.bar3{height:3px}.bar2{margin:5px 0 5px 0}.change .bar1{-webkit-transform:rotate(-45deg) translate(-6px,6px);transform:rotate(-45deg) translate(-6px,6px)}.change .bar2{opacity:0}.change .bar3{-webkit-transform:rotate(45deg) translate(-6px,-6px);transform:rotate(45deg) translate(-6px,-6px)}.main-container .details-box{padding:0 0 0 30px}.main-container .details{padding:40px 0 0 30px}.details-box h1.title{font-size:16rem;letter-spacing:4px;margin:10px 0 0 0}.main-container img.icon{width:50px}.main-container img.hideit{display:inline-block}.main-container h1.sub-title{font-size:9rem;letter-spacing:2px}.details-box p{font-size:9rem;line-height:1.6;letter-spacing:2px}.more-projects-box img{width:36px}.more-projects-box p{padding-left:15px;font-size:9rem;letter-spacing:1px}}@media (min-width:1850px) and (max-width:2159px){img.small-logo{width:100px}.main-container{margin-top:12%}.main-container img.img-back{width:80%}.menu-active{width:25%}.sidenav-menu{left:9%;margin-top:-220px}.menu-active{width:18%}.sidenav-menu a{margin:40px 0 40px 0;font-size:9rem;letter-spacing:4px}.sidenav-menu a>img{width:40px;margin:0 20px 0 0}.sidenav-box .nav-footer{bottom:8%;left:11%}.sidenav-box .nav-footer a{font-size:8rem;letter-spacing:4px}.sidenav-box .nav-footer a>img{width:18px;margin-top:-4px}.menu-button-box{width:36px;padding:9px 7px 9px 7px}.bar1,.bar2,.bar3{height:2px}.bar2{margin:4px 0 4px 0}.change .bar1{-webkit-transform:rotate(-45deg) translate(-6px,6px);transform:rotate(-45deg) translate(-4px,5px)}.change .bar2{opacity:0}.change .bar3{-webkit-transform:rotate(45deg) translate(-6px,-6px);transform:rotate(45deg) translate(-4px,-5px)}.main-container .details-box{padding:0 0 0 30px}.main-container .details{padding:40px 0 0 30px}.details-box h1.title{font-size:13rem;letter-spacing:4px;margin:10px 0 0 0}.main-container img.icon{width:40px}.main-container img.hideit{display:inline-block}.main-container h1.sub-title{font-size:8rem;letter-spacing:2px}.details-box p{font-size:8rem;line-height:1.5;letter-spacing:2px}.more-projects-box img{width:32px}.more-projects-box p{padding-left:15px;font-size:8rem;letter-spacing:1px}}@media (min-width:1600px) and (max-width:1849px){img.small-logo{width:80px}.main-container{margin-top:12%}.main-container img.img-back{width:85%}.menu-active{width:25%}.sidenav-menu{left:9%;margin-top:-220px}.menu-active{width:18%}.sidenav-menu a{margin:40px 0 40px 0;font-size:8rem;letter-spacing:3px}.sidenav-menu a>img{width:36px;margin:0 20px 0 0}.sidenav-box .nav-footer{bottom:8%;left:11%}.sidenav-box .nav-footer a{font-size:7rem;letter-spacing:2px}.sidenav-box .nav-footer a>img{width:14px;margin-top:-4px}.menu-button-box{width:30px;padding:6.3px 5px 6.3px 5px}.bar1,.bar2,.bar3{height:2px}.bar2{margin:4px 0 4px 0}.change .bar1{-webkit-transform:rotate(-45deg) translate(-6px,6px);transform:rotate(-45deg) translate(-4px,5px)}.change .bar2{opacity:0}.change .bar3{-webkit-transform:rotate(45deg) translate(-6px,-6px);transform:rotate(45deg) translate(-4px,-5px)}.main-container .details-box{padding:0 0 0 30px}.main-container .details{padding:40px 0 0 30px}.details-box h1.title{font-size:11rem;letter-spacing:2px;margin:7px 0 0 0}.main-container img.icon{width:36px}.main-container img.hideit{display:inline-block}.main-container h1.sub-title{font-size:7rem;letter-spacing:2px}.details-box p{font-size:7rem;line-height:1.5;letter-spacing:1px}.more-projects-box img{width:28px}.more-projects-box p{padding-left:10px;font-size:7rem;letter-spacing:1px}}@media (min-width:1360px) and (max-width:1599px){img.small-logo{width:70px}.main-container{margin-top:12%}.main-container img.img-back{width:90%}.menu-active{width:25%}.sidenav-menu{left:9%;margin-top:-180px}.menu-active{width:18%}.sidenav-menu a{margin:30px 0 30px 0;font-size:7rem;letter-spacing:2px}.sidenav-menu a>img{width:30px;margin:0 20px 0 0}.sidenav-box .nav-footer{bottom:8%;left:11%}.sidenav-box .nav-footer a{font-size:7rem;letter-spacing:2px}.sidenav-box .nav-footer a>img{width:14px;margin-top:-4px}.menu-button-box{width:30px;padding:6.3px 5px 6.3px 5px}.bar1,.bar2,.bar3{height:2px}.bar2{margin:4px 0 4px 0}.change .bar1{-webkit-transform:rotate(-45deg) translate(-6px,6px);transform:rotate(-45deg) translate(-4px,5px)}.change .bar2{opacity:0}.change .bar3{-webkit-transform:rotate(45deg) translate(-6px,-6px);transform:rotate(45deg) translate(-4px,-5px)}.main-container .details-box{padding:0 0 0 20px}.main-container .details{padding:20px 0 0 20px}.details-box h1.title{font-size:9rem;letter-spacing:2px;margin:7px 0 0 0}.main-container img.icon{width:36px}.main-container img.hideit{display:inline-block}.main-container h1.sub-title{font-size:6rem;letter-spacing:2px}.details-box p{font-size:6rem;line-height:1.6;letter-spacing:1px}.more-projects-box img{width:26px}.more-projects-box p{padding-left:10px;font-size:6rem;letter-spacing:1px}}@media (min-width:1024px) and (max-width:1359px){img.small-logo{width:70px}.main-container{margin-top:12%}.main-container img.img-back{width:90%}.menu-active{width:25%}.sidenav-menu{left:9%;margin-top:-180px}.menu-active{width:20%}.sidenav-menu a{margin:30px 0 30px 0;font-size:7rem;letter-spacing:2px}.sidenav-menu a>img{width:30px;margin:0 20px 0 0}.sidenav-box .nav-footer{bottom:8%;left:11%}.sidenav-box .nav-footer a{font-size:7rem;letter-spacing:2px}.sidenav-box .nav-footer a>img{width:14px;margin-top:-4px}.menu-button-box{width:30px;padding:6.3px 5px 6.3px 5px}.bar1,.bar2,.bar3{height:2px}.bar2{margin:4px 0 4px 0}.change .bar1{-webkit-transform:rotate(-45deg) translate(-6px,6px);transform:rotate(-45deg) translate(-4px,5px)}.change .bar2{opacity:0}.change .bar3{-webkit-transform:rotate(45deg) translate(-6px,-6px);transform:rotate(45deg) translate(-4px,-5px)}.main-container .details-box{padding:0 0 0 20px}.main-container .details{padding:20px 0 0 20px}.details-box h1.title{font-size:9rem;letter-spacing:2px;margin:7px 0 0 0}.main-container img.icon{width:36px}.main-container img.hideit{display:inline-block}.main-container h1.sub-title{font-size:6rem;letter-spacing:2px}.details-box p{font-size:6rem;line-height:1.6;letter-spacing:1px;margin:0}.more-projects-box img{width:26px}.more-projects-box p{padding-left:10px;font-size:6rem;letter-spacing:1px}}@media (min-width:768px) and (max-width:1023px){img.small-logo{width:60px}.main-container{margin-top:20%}.main-container img.img-back{width:90%}.menu-active{width:30%}.sidenav-menu{left:9%;margin-top:-120px}.sidenav-menu a{margin:20px 0 20px 0;font-size:6rem;letter-spacing:2px}.sidenav-menu a>img{width:26px;margin:0 10px 0 0}.sidenav-box .nav-footer{bottom:8%;left:11%}.sidenav-box .nav-footer a{font-size:6rem;letter-spacing:2px}.sidenav-box .nav-footer a>img{width:12px;margin-top:-4px}.menu-button-box{width:30px;padding:6.3px 5px 6.3px 5px}.bar1,.bar2,.bar3{height:2px}.bar2{margin:4px 0 4px 0}.change .bar1{-webkit-transform:rotate(-45deg) translate(-6px,6px);transform:rotate(-45deg) translate(-4px,5px)}.change .bar2{opacity:0}.change .bar3{-webkit-transform:rotate(45deg) translate(-6px,-6px);transform:rotate(45deg) translate(-4px,-5px)}.main-container .details{display:inline-block;padding:20px 0 0 20px;width:90%}.details-box h1.title{font-size:8rem;letter-spacing:2px;margin:7px 0 0 0}.main-container img.icon{width:32px}.main-container img.hideit{display:inline-block}.main-container h1.sub-title{font-size:6rem;letter-spacing:2px;margin:0}.details-box p{font-size:6rem;line-height:1.6;letter-spacing:1px;margin:0}.more-projects-box img{width:26px}.more-projects-box p{padding-left:10px;font-size:6rem;letter-spacing:1px}.main-container br.removebr{display:none}}@media (min-width:600px) and (max-width:767px){img.small-logo{width:70px;left:3%}.main-container{margin-top:25%;padding-left:5%;padding-right:5%}.main-container img.img-back{width:92%;margin-top:40px}.sidenav-box{background:rgba(19,19,25,.9)}.menu-active{width:100%}.sidenav-menu{left:50%;margin-left:-80px;margin-top:-180px}.sidenav-menu a{margin:30px 0 30px 0;font-size:9rem;letter-spacing:2px}.sidenav-menu a>img{width:38px;margin:0 15px 0 0}.sidenav-box .nav-footer{bottom:8%;left:0;width:100%;text-align:center}.sidenav-box .nav-footer a{font-size:8rem;letter-spacing:1px}.sidenav-box .nav-footer a>img{width:16px;margin-top:-2px}.menu-button-box{width:30px;padding:6.3px 5px 6.3px 5px;right:4%;top:3%}.bar1,.bar2,.bar3{height:2px}.bar2{margin:4px 0 4px 0}.change .bar1{-webkit-transform:rotate(-45deg) translate(-6px,6px);transform:rotate(-45deg) translate(-4px,5px)}.change .bar2{opacity:0}.change .bar3{-webkit-transform:rotate(45deg) translate(-6px,-6px);transform:rotate(45deg) translate(-4px,-5px)}.main-container .details-box{padding:0;display:inline-block;width:85%}.main-container .details{padding:15px 0 0 0}.details-box h1.title{font-size:9rem;letter-spacing:1px;margin:7px 0 0 0}.main-container img.icon{width:36px;float:left;margin-right:15px}.main-container img.hideit{display:inline-block;opacity:1}.main-container h1.sub-title{font-size:7rem;letter-spacing:1px;margin:20px 0 0 0}.details-box p{font-size:7rem;line-height:1.8;letter-spacing:1px;margin:0}.more-projects-box{margin-bottom:20px}.more-projects-box img{width:28px}.more-projects-box p{padding-left:10px;font-size:7rem;letter-spacing:1px}.desktop{display:none}.mobile{display:block}.main-container br.removebr{display:none}}@media (min-width:480px) and (max-width:600px){img.small-logo{width:54px;left:3%}.main-container{margin-top:25%;padding-left:5%;padding-right:5%}.main-container img.img-back{width:92%;margin-top:40px}.sidenav-box{background:rgba(19,19,25,.9)}.menu-active{width:100%}.sidenav-menu{left:50%;margin-left:-62px;margin-top:-180px}.sidenav-menu a{margin:30px 0 30px 0;font-size:8rem;letter-spacing:1px}.sidenav-menu a>img{width:34px;margin:0 10px 0 0}.sidenav-box .nav-footer{bottom:8%;left:0;width:100%;text-align:center}.sidenav-box .nav-footer a{font-size:7rem;letter-spacing:1px}.sidenav-box .nav-footer a>img{width:16px;margin-top:-2px}.menu-button-box{width:30px;padding:6.3px 5px 6.3px 5px;right:4%;top:3%}.bar1,.bar2,.bar3{height:2px}.bar2{margin:4px 0 4px 0}.change .bar1{-webkit-transform:rotate(-45deg) translate(-6px,6px);transform:rotate(-45deg) translate(-4px,5px)}.change .bar2{opacity:0}.change .bar3{-webkit-transform:rotate(45deg) translate(-6px,-6px);transform:rotate(45deg) translate(-4px,-5px)}.main-container .details-box{padding:0;display:inline-block;width:85%}.main-container .details{padding:15px 0 0 0}.details-box h1.title{font-size:8rem;letter-spacing:normal;margin:7px 0 0 0}.main-container img.icon{width:32px;float:left;margin-right:10px}.main-container img.hideit{display:inline-block;opacity:1}.main-container h1.sub-title{font-size:6rem;letter-spacing:normal;margin:20px 0 0 0}.details-box p{font-size:6rem;line-height:1.6;letter-spacing:normal;margin:0}.more-projects-box{margin-bottom:20px}.more-projects-box img{width:26px}.more-projects-box p{padding-left:10px;font-size:6rem;letter-spacing:1px}.desktop{display:none}.mobile{display:block}.main-container br.removebr{display:none}}@media (min-width:320px) and (max-width:479px){img.small-logo{width:54px;left:3%}.main-container{margin-top:36%;padding-left:5%;padding-right:5%}.main-container img.img-back{width:87%;margin-top:40px}.sidenav-box{background:rgba(19,19,25,.9)}.menu-active{width:100%}.sidenav-menu{left:50%;margin-left:-62px;margin-top:-180px}.sidenav-menu a{margin:30px 0 30px 0;font-size:8rem;letter-spacing:1px}.sidenav-menu a>img{width:34px;margin:0 10px 0 0}.sidenav-box .nav-footer{bottom:8%;left:0;width:100%;text-align:center}.sidenav-box .nav-footer a{font-size:7rem;letter-spacing:1px}.sidenav-box .nav-footer a>img{width:16px;margin-top:-2px}.menu-button-box{width:30px;padding:6.3px 5px 6.3px 5px;right:4%;top:3%}.bar1,.bar2,.bar3{height:2px}.bar2{margin:4px 0 4px 0}.change .bar1{-webkit-transform:rotate(-45deg) translate(-6px,6px);transform:rotate(-45deg) translate(-4px,5px)}.change .bar2{opacity:0}.change .bar3{-webkit-transform:rotate(45deg) translate(-6px,-6px);transform:rotate(45deg) translate(-4px,-5px)}.main-container .details-box{padding:0;display:inline-block;width:85%}.main-container .details{padding:15px 0 0 0}.details-box h1.title{font-size:8rem;letter-spacing:normal;margin:7px 0 0 0}.main-container img.icon{width:32px;float:left;margin-right:10px}.main-container img.hideit{display:inline-block;opacity:1}.main-container h1.sub-title{font-size:6rem;letter-spacing:normal;margin:20px 0 0 0}.details-box p{font-size:6rem;line-height:1.6;letter-spacing:normal;margin:0}.more-projects-box{margin-bottom:20px}.more-projects-box img{width:26px}.more-projects-box p{padding-left:10px;font-size:6rem;letter-spacing:1px}.desktop{display:none}.mobile{display:block}.main-container br.removebr{display:none}}