#footer .social-icons,.main-nav ul{list-style:none;padding:0}.main-nav a,a,a:focus,a:hover{color:#fff;text-decoration:none}html{font-size:10px}body{font-family:Poppins,sans-serif;font-weight:300;font-style:normal;color:#fff;background:#fff;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-weight:400;letter-spacing:.02em;color:#fff}h1{font-size:7.2rem}h2{font-size:3.9rem}h3{font-size:3.4rem}h4{font-size:2.9rem}h5{font-size:2.3rem}h6{font-size:1.9rem}p{font-size:1.8rem;line-height:1.7em}a,a:focus,a:hover{cursor:pointer;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}button{border:2px solid #fff;background:0 0}.btn-primary,.btn-primary:active,.btn-primary:focus,.btn-primary:hover{border-color:#fff!important;outline:0!important;background:0 0!important;-webkit-box-shadow:none;box-shadow:none}@media (max-width:600px){html{font-size:8px}}@media (max-width:500px){html{font-size:7px}}.preloader{position:fixed;z-index:100000;top:0;right:0;overflow:hidden;width:100%;height:100%;background:#fff}.preloader.hide-preloader{opacity: 0;visibility: hidden;-webkit-transition:0.3s 0.2s;-o-transition:0.3s .2s;transition: opacity 0.3s ease, visibility 0s 0.3s;}.preloader .spinner{position:absolute;top:50%;left:50%;display:block;width:50px;height:50px;margin-top:-25px;margin-left:-25px;-webkit-animation:.6s ease-in-out infinite spinner-pulse;animation:.6s ease-in-out infinite spinner-pulse;text-align:center;opacity:1;border-radius:100%;background-color:#111}.preloader.hide-preloader .spinner{-webkit-transition:0.3s;-o-transition:0.3s;transition: opacity 0.3s ease;opacity:0}@-webkit-keyframes spinner-pulse{0%{-webkit-transform:scale(0)}100%{-webkit-transform:scale(1);opacity:0}}@keyframes spinner-pulse{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.image-container{position:fixed;z-index:-1;top:0;left:0;width:100%;height:100%}.image-container::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.35);z-index:2}.image-container .background-img{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity 3s ease-in-out}#intro .animation-container.animation-fade.run-animation,.image-container .background-img.active{opacity:1}.content-area{position:relative;left:0;width:100%;z-index:3}.content-area .content-area-inner{position:relative;width:100%;padding:0 20px;overflow-x:hidden}.content-area .content-area-inner section{max-width:700px;margin:0 auto 20vh}.content-area .content-area-inner section:last-child{margin-bottom:10vh}.content-area .content-area-inner section h3.headline{margin-bottom:1.4em}#intro{position:relative;height:100vh;margin-bottom:0;text-align:center}#intro .container-mid{position:absolute;top:50%;width:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}#intro .container-mid h1{font-weight:500;margin-bottom:.6em}#intro .container-mid a{font-size:2.5rem;line-height:2.92em;position:relative;display:inline-block;overflow:hidden;-webkit-transition:.2s;-o-transition:.2s;transition:.2s;letter-spacing:.04em;border-radius:100px}#intro .container-mid a .circle{font-size:1em;line-height:5.7rem;position:relative;display:inline-block;overflow:hidden;width:5.7rem;height:5.7rem;margin-left:1em;vertical-align:middle;border:3px solid #fff;border-radius:100%}#contact #contact-form button .circle i,#footer .social-icons li a i,#intro .container-mid a .circle i{position:absolute;top:50%;left:0;width:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:center}#footer .social-icons li a i:first-child,#intro .container-mid a .circle i:first-child{top:-50%}#footer .social-icons li a:hover i:first-child,#intro .container-mid a:hover .circle i:first-child{top:50%;-webkit-transition:.15s;-o-transition:.15s;transition:.15s}#footer .social-icons li a i:last-child,#intro .container-mid a .circle i:last-child{top:50%}#footer .social-icons li a:hover i:last-child,#intro .container-mid a:hover .circle i:last-child{top:150%;-webkit-transition:.15s;-o-transition:.15s;transition:.15s}#intro .animation-container{-webkit-transition:.5s;-o-transition:.5s;transition:.5s}#intro .animation-container.animation-fade{opacity:0}#intro .animation-container.animation-fade-up{-webkit-transform:translateY(10vh);-ms-transform:translateY(10vh);transform:translateY(10vh);opacity:0}#intro .animation-container.animation-fade-down.run-animation,#intro .animation-container.animation-fade-up.run-animation{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1}#intro .animation-container.animation-fade-down{-webkit-transform:translateY(-10vh);-ms-transform:translateY(-10vh);transform:translateY(-10vh);opacity:0}#intro .animation-container.animation-fade-left{-webkit-transform:translateX(10vh);-ms-transform:translateX(10vh);transform:translateX(10vh);opacity:0}#intro .animation-container.animation-fade-left.run-animation,#intro .animation-container.animation-fade-right.run-animation{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1}#intro .animation-container.animation-fade-right{-webkit-transform:translateX(-10vh);-ms-transform:translateX(-10vh);transform:translateX(-10vh);opacity:0}#about p{margin-bottom:2.2em}#about p:last-child,#work .showcase .item:last-child,.featherlight .featherlight-content .work-lightbox p:last-child{margin-bottom:0}#about .platform img{margin-top:3rem}.platform div{display:flex;align-items:center;justify-content:center;height:80px}.platform img{max-height:60px;max-width:100%;object-fit:contain}#service .services-list{margin-bottom:0;padding:0;list-style:none}#service .services-list li{display:block}#contact #contact-form button,#footer .social-icons li,#footer p a,.main-nav li{display:inline-block}#service .services-list li button{font-size:2rem;font-weight:300;line-height:3.4em;position:relative;display:block;width:100%;margin-bottom:1rem;padding:0;text-align:left;border:none;border-bottom:2px solid #ccc;border-radius:0}#service .services-list li button:after{font:1.7rem/1 FontAwesome;position:absolute;top:50%;right:0;content:'\f078';-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);color:#fff}#service .services-list li .well{min-height:20px;margin-bottom:0;padding:2.5rem 0;-webkit-transition:1s;-o-transition:1s;transition:1s;border:none;border-radius:0;background-color:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none}#work .showcase .item{width:100%;margin:0 0 6vh;background:#111;position:relative;overflow:hidden;height:220px;cursor:pointer;border-radius:8px}#work .showcase .item .info{position:absolute;z-index:100;top:0;left:0;width:0;height:100%;-webkit-transition:.25s;-o-transition:.25s;transition:.25s;color:#fff;background:#fff;background:-webkit-linear-gradient(left,#b4b8dc 1%,rgba(0,0,0,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(1%,#5c639c),to(rgba(0,0,0,0)));background:-o-linear-gradient(left,#61658c 1%,rgba(0,0,0,0) 100%);background:linear-gradient(to right,#1d203c 1%,rgba(0,0,0,0) 100%)}#work .showcase .item:hover .info{width:100%}#work .showcase .item .info .container-mid{position:absolute;top:50%;left:0;width:100%;padding:0 6rem;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}#work .showcase .item .info .container-mid h5{margin:0 0 .2em;-webkit-transform:translateX(4vh);-ms-transform:translateX(4vh);transform:translateX(4vh);opacity:0;color:#fff}#work .showcase .item:hover .info .container-mid h5{-webkit-transition:.15s .15s;-o-transition:.15s .15s;transition:.15s .15s;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1}#work .showcase .item .info .container-mid p{position:relative;margin-bottom:0;padding-left:1.4rem;-webkit-transform:translateX(4vh);-ms-transform:translateX(4vh);transform:translateX(4vh);letter-spacing:.025em;opacity:0}#work .showcase .item:hover .info .container-mid p{-webkit-transition:.15s .2s;-o-transition:.15s .2s;transition:.15s .2s;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1}#work .showcase .item .info .container-mid p:before{position:absolute;top:50%;left:0;width:.6em;height:1px;content:'';-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background:#fff}.featherlight .featherlight-content{max-height:95%;padding:0;border-bottom:0;background:rgba(25,28,48,.85)!important;backdrop-filter:blur(6px)}.featherlight,.featherlight::before{background:rgba(0,0,0,.75)!important}.featherlight .featherlight-content .featherlight-close-icon{font-size:2.8rem;line-height:2em;top:4.5vh;right:4vh;width:2em;-webkit-transform:translate(50%,-50%);-ms-transform:translate(50%,-50%);transform:translate(50%,-50%);color:#fff;outline:0!important;background:0 0}.featherlight .featherlight-content .work-lightbox{max-width:900px;padding:9vh 8vh;text-align:center}.featherlight .featherlight-content .work-lightbox img{margin:0 auto 6vh}.featherlight .featherlight-content .work-lightbox h3{margin-bottom:.2em}.featherlight .featherlight-content .work-lightbox p.subline{margin-bottom:1.6em;letter-spacing:.025em}.featherlight .featherlight-content .work-lightbox p{max-width:660px;margin:0 auto 2em}.featherlight::before{opacity:1!important}.featherlight .featherlight-content:focus,.featherlight .featherlight-inner:focus,.featherlight:focus{outline:0!important}#work .showcase .item .background-image{position:absolute;top:50%;left:50%;width:110%;height:110%;background-position:center;background-size:contain;background-repeat:no-repeat;transform:translate(-50%,-50%);transition:transform 1.2s}#work .showcase .item:hover .background-image{transform:translate(-40%,-50%) scale(1.1)}.black-bg .background-image{background-color:#000}.white-bg .background-image{background-color:#fff}#contact #contact-form{position:relative}#contact #contact-form .fhp-input{display:none;pointer-events:none;opacity:0}#contact #contact-form button,#contact #contact-form input,#contact #contact-form textarea{font-size:2rem;margin-bottom:3.4vh;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;color:#fff;border:none;border-bottom:2px solid #fff;border-radius:0;outline:0!important;background:0 0;-webkit-box-shadow:none!important;box-shadow:none!important}#contact #contact-form.success button,#contact #contact-form.success input,#contact #contact-form.success textarea{border:none;line-height:0;height:0;margin:0;padding:0;opacity:0}#contact #contact-form button .circle,#footer .social-icons li a{line-height:5rem;overflow:hidden;width:5rem;height:5rem;position:relative}#contact #contact-form input::-webkit-input-placeholder,#contact #contact-form textarea::-webkit-input-placeholder{color:#fff}#contact #contact-form input:-ms-input-placeholder,#contact #contact-form textarea:-ms-input-placeholder{color:#fff}#contact #contact-form input::-ms-input-placeholder,#contact #contact-form textarea::-ms-input-placeholder{color:#fff}#contact #contact-form input::placeholder,#contact #contact-form textarea::placeholder{color:#fff}#contact #contact-form input.error,#contact #contact-form textarea.error{border-color:red}#contact #contact-form input{line-height:3.2em;height:3.4em;padding:0}#contact #contact-form textarea{line-height:1.7em;min-width:100%;max-width:100%;height:8em;margin-bottom:4.4rem;padding:1em 0 0}#contact #contact-form button{line-height:3.2em;position:relative;overflow:hidden;width:auto;height:3.2em;margin-bottom:0;padding:0;border:none!important;background:0 0!important}#contact #contact-form button .circle{font-size:1em;display:inline-block;margin-left:1em;vertical-align:middle;border:2px solid #fff;border-radius:100%}#contact #contact-form button .circle i:first-child{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}#contact #contact-form button:hover .circle i:first-child{-webkit-transition:.15s;-o-transition:.15s;transition:.15s;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}#contact #contact-form button .circle i:last-child{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}#contact #contact-form button:hover .circle i:last-child{-webkit-transition:.15s;-o-transition:.15s;transition:.15s;-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%)}#contact #contact-form .success-message{font-size:2rem;line-height:0;position:relative;bottom:0;left:0;height:0;margin-top:-1.6em;padding:0 2em;-webkit-transition:.2s;-o-transition:.2s;transition:.2s;pointer-events:none;opacity:0;color:#fff;border:2px solid #32cd32;border-radius:0;background:0 0}#contact #contact-form.success .success-message{line-height:6em;height:6em;pointer-events:all;opacity:1}#contact #contact-form .success-message i{font-size:2.4rem;margin-right:.7em}#footer .social-icons li a{font-size:1.5rem;line-height:calc(5rem - 4px);display:block;margin:0 1em 0 0;text-align:center;color:#fff;border:2px solid #fff;border-radius:100%;background:0 0}#footer p a{color:#fff;border-bottom:1px solid #eee;margin-left:8px;vertical-align:middle}#footer{text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:20px 10px;width:100%;position:relative;z-index:10}#footer p{margin-top:0;font-size:1.5rem;color:#fff;text-align:center;word-wrap:break-word}@media (max-width:600px){#footer p{font-size:1.2rem;padding:0 10px;line-height:1.6em}}.main-nav{position:fixed;top:0;left:0;width:100%;z-index:9999;background:rgba(0,0,0,.6);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;padding:12px 0;font-size:1.6rem}.main-nav ul{display:flex;margin:0;gap:30px}.main-nav a{font-weight:500;transition:color .3s}.main-nav a:hover{color:#0cf}@media (max-width:768px){.platform img{max-height:45px}.main-nav{font-size:1.4rem;padding:10px 0}.main-nav ul{gap:20px}}#about,#footer,#service,#work{scroll-margin-top:100px}