#header,#preloader{position:fixed;top:0;left:0}#header #logo,.nav-bar>li{float:left}#mobile-nav ul li a,.nav-bar a,a:active,a:focus,a:hover{text-decoration:none;outline:0}body{background:#fff;color:#666;font-family:"Open Sans",sans-serif}a{color:#fff}a:active,a:focus,a:hover{color:#2dca98}h1,h2,h3,h4,h5,h6{font-family:Comfortaa,sans-serif;font-weight:400;margin:0 0 20px;padding:0}#header #logo h1,#landing h1{font-weight:700;letter-spacing:3px;font-family:Comfortaa,sans-serif}p{padding:0;margin:0 0 30px}#preloader{z-index:999;width:100%;height:100%;overflow:visible;background:url(../assets/images/preloader.svg) center center no-repeat #fff}.back-to-top{position:fixed;display:none;background:rgba(69,148,240,.2);color:#fff;padding:6px 12px 9px;font-size:16px;border-radius:2px;right:15px;bottom:15px;transition:background .5s}.back-to-top:focus{background:rgba(0,0,0,.2);color:#4594f0;outline:0}.back-to-top:hover{background:#4594f0;color:#fff}#header{padding:30px 0;height:92px;right:0;transition:all .5s;z-index:997}#header #logo h1{font-size:36px;margin:0;padding:6px 0;line-height:1;text-transform:uppercase}#header #logo h1 a,#header #logo h1 a:hover{color:#fff}#header #logo img{padding:0;margin:0}@media (max-width:768px){.back-to-top{bottom:15px}#header #logo h1{font-size:26px}#header #logo img{max-height:40px}}#header.header-fixed{background:rgba(69,148,240,.8);padding:20px 0;height:72px;transition:all .5s}#landing{display:table;width:100%;height:100vh;background:url(../assets/images/qubicalLogo-bkg.webp) top center fixed;background-size:cover}#landing .landing-container{background:rgba(0,0,0,.5);display:table-cell;margin:0;padding:0 10px;text-align:center;vertical-align:middle}#landing h1{margin:30px 0 10px;font-size:48px;line-height:56px;color:#fff}@media (max-width:768px){#landing h1{font-family:Comfortaa,sans-serif;font-size:28px;line-height:36px}}#landing h2{color:#eee;margin-bottom:50px;font-size:24px}@media (max-width:768px){#landing h2{font-size:18px;line-height:24px;margin-bottom:30px}}#landing .btn-get-started{font-family:Comfortaa,sans-serif;font-weight:500;font-size:16px;letter-spacing:1px;display:inline-block;padding:8px 28px;border-radius:50px;transition:.5s;margin:10px;border:2px solid #fff;color:#fff}#landing .btn-get-started:hover{background:#4493ef;border:2px solid #4493ef}.nav-bar,.nav-bar *{margin:0;padding:0;list-style:none}.nav-bar ul{position:absolute;display:none;top:100%;left:0;z-index:99}.nav-bar li{position:relative;white-space:nowrap}.nav-bar li.sfHover>ul,.nav-bar li:hover>ul{display:block}.nav-bar ul ul{top:0;left:100%}.nav-bar ul li{min-width:180px;background:#fff}.sf-arrows .sf-with-ul{padding-right:30px}.sf-arrows .sf-with-ul:after{content:"\f107";position:absolute;right:15px;font-family:FontAwesome;font-style:normal;font-weight:400}.sf-arrows ul .sf-with-ul:after{content:"\f105"}#nav-bar-container{float:right;margin:0}@media (max-width:768px){#nav-bar-container{display:none}}.nav-bar a{padding:0 8px 10px;display:inline-block;color:#fff;font-family:Comfortaa,sans-serif;font-weight:400;text-transform:uppercase;font-size:13px}.nav-bar>li{margin-left:10px}.nav-bar>li>a:before{content:"";position:absolute;width:100%;height:2px;bottom:0;left:0;background-color:#fff;visibility:hidden;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}.nav-bar .menu-active>a:before,.nav-bar a:hover:before,.nav-bar li:hover>a:before{visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1)}.nav-bar ul{margin:4px 0 0;border:1px solid #e7e7e7}.nav-bar ul li:first-child{border-top:0}.nav-bar ul li a{padding:10px;color:#333;transition:.3s;display:block;font-size:13px;text-transform:none}.nav-bar ul li a:hover{background:#2dc997;color:#fff}#mobile-body-overly,#mobile-nav{background:rgba(52,59,64,.9);top:0}.nav-bar ul ul{margin:0}#mobile-nav-toggle{position:fixed;right:0;top:0;z-index:999;margin:20px 20px 0 0;border:0;background:0 0;font-size:24px;display:none;transition:all .4s;outline:0;cursor:pointer}#mobile-nav ul li a:hover,#mobile-nav-toggle i{color:#fff}#mobile-nav{position:fixed;padding-top:18px;bottom:0;z-index:998;left:-260px;width:260px;overflow-y:auto;transition:.4s}#mobile-nav ul{padding:0;margin:0;list-style:none}#mobile-nav ul li{position:relative}#mobile-nav ul li a{color:#fff;font-size:16px;overflow:hidden;padding:10px 22px 10px 15px;position:relative;width:100%;display:block}#mobile-nav ul li li{padding-left:30px}#mobile-nav ul .menu-has-children i{position:absolute;right:0;z-index:99;padding:15px;cursor:pointer;color:#fff}#mobile-nav ul .menu-has-children i.fa-chevron-up,#mobile-nav ul .menu-item-active{color:#2dc997}#mobile-body-overly{width:100%;height:100%;z-index:997;left:0;position:fixed;display:none}body.mobile-nav-active{overflow:hidden}body.mobile-nav-active #mobile-nav{left:0}body.mobile-nav-active #mobile-nav-toggle{color:#fff}.section-header .section-title{font-size:32px;color:#111;text-transform:uppercase;text-align:center;font-weight:700;margin-bottom:5px}.section-header .section-description{text-align:center;padding-bottom:40px;color:#999}#about{background:#fff;padding:80px 0}#about .about-container .background{min-height:300px;height:auto;background:url(../assets/images/qu-pxl-team.jpg) center no-repeat;margin-bottom:10px}#about .about-container .content{background:#fff}#about .about-container .title{color:#333;font-weight:700;font-size:32px}@media (max-width:768px){#mobile-nav-toggle{display:inline}#about .about-container .title{padding-top:15px}}.pxlteam{max-width:100%;max-height:100%}#about .about-container p{line-height:26px}#about .about-container p:last-child{margin-bottom:0}#about .about-container .icon-box{background:#fff;background-size:cover;padding:0 0 30px}#about .about-container .icon-box .description{margin-left:80px;line-height:24px;font-size:14px}#about .about-container .icon-box .icon{float:left;background:#fff;padding:16px;border-radius:50%;border:2px solid #4594f0}#about .about-container .icon-box .icon i{color:#4594f0;font-size:24px}#about .about-container .icon-box .title{margin-left:80px;font-weight:500;margin-bottom:5px;font-size:18px;text-transform:uppercase}#current-project .cpr-btn,#golden-rule .gr-btn{font-family:Comfortaa,sans-serif;letter-spacing:1px;transition:.5s;margin:10px}#about .about-container .icon-box .title a{color:#111}#golden-rule{background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),url(../assets/images/about.webp) center center fixed;background-size:cover;padding:80px 0}#golden-rule .gr-text{color:#fff}#golden-rule .gr-title{color:#fff;font-size:28px;font-weight:700}@media (min-width:769px){#golden-rule .gr-btn-container{display:flex;align-items:center;justify-content:flex-end}}#golden-rule .gr-btn{text-transform:uppercase;font-weight:500;font-size:16px;display:inline-block;padding:8px 30px;border-radius:50px;border:2px solid #fff;color:#fff}#golden-rule .gr-btn:hover{background:#4594f0;border:2px solid #4594f0}#current-project{background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),url(../assets/images/city.webp) center center fixed;background-size:cover;padding:80px 0}#current-project .cpr-title{color:#fff;font-size:28px;font-weight:700}#current-project .cpr-text{color:#fff}@media (min-width:769px){#current-project .cpr-btn-container{display:flex;align-items:center;justify-content:flex-end}}#current-project .cpr-btn{font-weight:500;font-size:16px;display:inline-block;padding:8px 30px;border-radius:50px;border:2px solid #fff;color:#fff}#current-project .cpr-btn:hover{background:#633d8a;border:2px solid #633d8a}#team{background:#fff;padding:80px 0 60px}#team .member{text-align:center;margin-bottom:20px}#team .member h4{font-weight:700;margin-bottom:2px;font-size:18px}#team .member span{font-style:italic;display:block;font-size:13px}#team .member .pic{margin-bottom:15px;overflow:hidden;height:260px}#team .member .pic img{max-width:100%;border-radius:150px}#gallery{background:#f7f7f7;padding:80px 0}#gallery #gallery-wrapper{padding-right:15px}#gallery #gallery-flters{padding:0;margin:0 0 45px;list-style:none;text-align:center}#gallery #gallery-flters li{cursor:pointer;margin:0 10px 5px;display:inline-block;padding:10px 22px;font-size:12px;line-height:20px;color:#666;border-radius:4px;text-transform:uppercase;background:#fff;transition:all .3s ease-in-out}#gallery #gallery-flters li.filter-active,#gallery #gallery-flters li:hover{background:#4594f0;color:#fff}#gallery .gallery-item{position:relative;height:200px;overflow:hidden!important;margin-bottom:15px;transition:all 350ms ease;transform:scale(1)}#gallery .gallery-item a{display:block;margin-right:15px}#gallery .gallery-item img{position:relative;top:0;transition:all .6s cubic-bezier(.645,.045,.355,1)}#gallery .gallery-item .details{background:#4594f0;position:absolute;width:100%;height:50px;bottom:-50px;transition:all .3s cubic-bezier(.645,.045,.355,1)}#gallery .gallery-item .details h4{font-size:14px;font-weight:700;color:#fff;padding:8px 0 2px 8px;margin:0}#gallery .gallery-item .details span{display:block;color:#fff;font-size:13px;padding-left:8px}#gallery .gallery-item:hover .details{bottom:0}#gallery .gallery-item:hover img{top:-30px}#contact{background:#f7f7f7;padding:80px 0 40px}#contact .info{color:#333}#contact .info i{font-size:32px;color:#4594f0;float:left}#contact .info p{padding:0 0 10px 50px;margin-bottom:20px;line-height:22px;font-size:14px}#contact .info .email p{padding-top:5px}#contact .form #sendmessage{color:#2dc997;border:1px solid #2dc997;display:none;text-align:center;padding:15px;font-weight:600;margin-bottom:15px}#contact .form .validation{color:red;display:none;margin:0 0 20px;font-weight:400;font-size:13px}#contact .form input,#contact .form textarea{border-radius:0;box-shadow:none;font-size:14px}#contact .form button[type=submit]{background:#4698d1;border:0;padding:10px 24px;color:#fff;transition:.4s}#contact .form button[type=submit]:hover{background:#2c5f99}#contact .form #errormessage.show,#contact .form #sendmessage.show,#contact .form .show{display:block}#contact .form #errormessage{color:red;display:none;border:1px solid red;text-align:center;padding:15px;font-weight:600;margin-bottom:15px}#contact .media{padding-bottom:20px}#contact .media a{font-size:18px;display:inline-block;background:#4594f0;color:#fff;line-height:1;padding:8px 0;border-radius:50%;text-align:center;width:36px;height:36px;transition:.3s}#contact .media a:hover{background:#2c5f99;color:#fff}#footer{background:#4698d1;padding:30px 0;color:#fff;font-size:14px}#footer .credits{padding-top:10px;text-align:center;font-size:13px;color:#fff}#footer .copyright{text-align:center}