#page>nav{border-bottom:1px solid var(--primary-orange);background-color:#1d1d21!important}#navbarNav .show{height:100vh}.fixed-nav-fix{height:57px}.navbar{z-index:100;width:100%;position:fixed;background-color:#f16f21bf!important}body nav{background-color:#1c2833!important}body nav .nav-item.active .nav-link,body nav .nav-item.active i{color:#fff;text-shadow:initial;-webkit-text-stroke:initial;font-weight:bolder}body nav .navbar-toggler{border-width:3px!important}body nav .navbar-brand{text-shadow:0 0 2px #000;font-size:1.5rem;font-weight:bolder}.nav-link{font-size:2rem}.nav-link i{text-shadow:0 0 3px #fff;-webkit-text-stroke:1px #fff}@media (min-width:991px){.fixed-nav-fix{height:64px}}hr.orange{border-top:1px solid var(--primary-orange);border-bottom:1px solid var(--primary-orange);max-width:100px;height:2px;margin:15px auto}hr.black{border-top:1px solid #000;border-bottom:1px solid #000;max-width:100%;height:2px;margin:20px auto}p>a{color:#fff;text-decoration:none;transition:all .2s ease-in-out;position:relative}p>a:hover{color:var(--primary-orange);text-decoration:none}p>a:hover:before{visibility:visible;transform:scaleX(1)}p>a:before{content:"";background-color:var(--primary-orange);visibility:hidden;width:100%;height:2px;transition:all .2s ease-in-out;position:absolute;bottom:0;left:0;transform:scaleX(0)}.card .list-group{opacity:0;display:none}.card .card-title{padding-left:1rem}.card .card-text{margin-bottom:0;padding-left:1rem;padding-right:1rem;font-weight:500}.card .link-button{background-color:#fff;border:1px solid #000;justify-content:center;align-items:center;width:90%;margin:1rem auto;display:flex}.card .link-button a{text-shadow:none;text-align:center;width:100%;height:100%;padding:.5rem 0;color:#000!important}.work-peace-pie{color:#fff;background-color:#ff2389}.work-peace-pie .list-group-item{background-color:#0cebfa6e}.work-articles{color:#000;background-color:#f9edcd;background-position:50%;background-repeat:no-repeat;background-size:350px 465px;position:relative;overflow-x:hidden}.work-articles .list-group-item{background-color:#b09460}.work-rev-lights{background:linear-gradient(124deg,#ff2400,#ff2400,#ff2400,#e81d1d,#e8b71d,#e3e81d,#1de840,#1da8e8,#2b1de8,#2b1de8,#2b1de8,#2b1de8) 0 0/600% 300%;width:100%;position:absolute;inset:0}.work-rev-lights .list-group-item{background-color:#ffffff4d}.work-handshakes{color:#fff;background-image:url(/img/clients/quick.jpg)}.work-handshakes .list-group-item{background-color:#3e160d}.work-blank{background-color:var(--primary-orange)}.work-opticians-pal{color:#fff;background-color:#000}.work-bons{color:#fdbc01;background-color:#1e5448}.work-race-game{color:#fdfdfd;background-color:#698c00}.work-plinko{color:#e8a15e;background-color:#8d4441}.work-wandering-optical{color:#04082e;background-color:#d58882}.work-eight-ball-pool{color:#164019;background-color:#15a718}.work-four-frogs{color:#000;background-color:#ffdab9;background-image:url(/img/work-cards/four-frogs/bark.jpg)}.work-four-frogs h4,.work-four-frogs p,.work-four-frogs a{color:#fff;text-shadow:0 0 3px #000}.work-four-frogs .list-group-item{background-color:#ffdab9;border:1px solid #000}.work-four-frogs canvas{width:302px;height:204px;position:absolute;top:.5rem;left:50%;transform:translate(-50%)}.work-four-frogs .players-wrap{width:100%;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.work-four-frogs .player{background-size:15px 15px;width:15px;height:15px;position:absolute}.work-four-frogs #redPlayer{background:url(/img/work-cards/four-frogs/players.png) 0 0/15px;animation:1s linear infinite alternate slideY;top:30px;left:135px}.work-four-frogs #bluePlayer{background:url(/img/work-cards/four-frogs/players.png) 0 45px/15px;animation:1s linear infinite alternate slideXY;top:30px;left:215px}.work-four-frogs #greenPlayer{background:url(/img/work-cards/four-frogs/players.png) 0 15px/15px;animation:1s linear infinite alternate slideX;top:120px;left:80px}.work-four-frogs #yellowPlayer{background:url(/img/work-cards/four-frogs/players.png) 0 30px/15px;animation:1s linear infinite myOrbit;top:130px;left:178px}@keyframes slideY{0%{transform:translateY(0)}to{transform:translateY(50px)}}@keyframes myOrbit{0%{transform:rotate(0)translate(10px)rotate(0)}to{transform:rotate(360deg)translate(10px)rotate(-360deg)}}@keyframes slideX{0%{transform:translate(0)}to{transform:translate(50px)}}@keyframes slideXY{0%{transform:translate(0)translateY(0)}to{transform:translate(-50px)translateY(50px)}}@keyframes scroll{to{background-position:0 -3000px}}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}@-webkit-keyframes rainbow{0%{background-position:0 82%}50%{background-position:100% 19%}to{background-position:0 82%}}@-moz-keyframes rainbow{0%{background-position:0 82%}50%{background-position:100% 19%}to{background-position:0 82%}}@-o-keyframes rainbow{0%{background-position:0 82%}50%{background-position:100% 19%}to{background-position:0 82%}}@keyframes rainbow{0%{background-position:100% 19%}to{background-position:0 82%}}@keyframes rainbow-r{0%{background-position:0 82%}to{background-position:100% 19%}}@keyframes bounce-1{0%{transform:translateY(-3px)}to{transform:translateY(0)}}@keyframes logo-shadow{0%{filter:drop-shadow(0 0 5px #fff)}to{filter:drop-shadow(0 0 15px #fff)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#813508}::-webkit-scrollbar-thumb{background:var(--primary-orange)}::-webkit-scrollbar-thumb:hover{background:#fff}.swiper-container{width:100%;height:auto;padding-bottom:5rem}.swiper-slide{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:165px;font-size:18px;display:flex}.swiper-slide a{text-decoration:none}.swiper-pagination{position:relative;bottom:0;left:50%;transform:translate(-50%)}.swiper-pagination-bullet-active{background-color:var(--primary-orange)!important}footer{background-color:#1d1d21;height:50px}footer li{list-style:none;display:inline}footer ul{vertical-align:middle;height:48px;padding:0;display:table-cell}footer .footer-site-map a li,footer .footer-other a li{color:#fff;padding-top:10px;font-size:1.1rem}footer .footer-site-map a:hover,footer .footer-other a:hover{border-bottom:1px solid var(--primary-orange);text-decoration:none}footer .fa-facebook-official:hover,footer .fa-github:hover,footer .fa-map-marker:hover{color:#fff}footer .copyright{border-top:1px solid var(--primary-orange);background-color:#1d1d21;justify-content:center;align-items:center;height:100%;margin-top:0;font-size:1rem;display:flex}@media (min-width:600px){footer .copyright{font-size:2rem}}footer .copyright .secondary{font-size:.8rem}@media (min-width:600px){footer .copyright .secondary{margin-top:.3rem}}@media (max-width:350px){.card-width{width:auto}}@media (min-width:768px){.carousel-item .img-fluid{height:500px;max-height:500px}#image .quote{padding:0% 20%;font-size:30px}#image>div>div>p{top:15%}.header-content{margin:-100px}}@media (min-width:991px){.navbar-collapse{border-top:none!important}#navbarNav>ul>li>a>i{opacity:0;display:none}.nav-link{font-size:1.3rem}}.page-not-found #satellite{transform-origin:50%;animation:10s linear infinite rotateSatellite}@keyframes rotateSatellite{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body.admin-multi-tenant header,body.admin-multi-tenant footer{display:none}.page-client #ship{transform-origin:50%;animation:.2s infinite rattle}@keyframes rattle{0%{transform:translate(0)rotate(0)}25%{transform:translate(1px,-1px)rotate(1deg)}50%{transform:translate(-1px,1px)rotate(0)}75%{transform:translate(1px,1px)rotate(-1deg)}to{transform:translate(0)rotate(0)}}:root{--primary-orange:#f16f21}.bg{opacity:.5;z-index:-1;background-image:linear-gradient(-60deg,#ee757f 50%,#fff2a9 50%);animation:8s ease-in-out infinite alternate slide;position:absolute;inset:0 -50%}.bg2{animation-duration:8s;animation-direction:alternate-reverse}.bg3{animation-duration:10s}@keyframes slide{0%{transform:translate(-25%)}to{transform:translate(25%)}}.raleway-font{font-family:Raleway,sans-serif}.dual-header{justify-content:space-between;display:flex}.alert-cosmic{color:#fff;background-color:#f16f21;border-color:#fff;border-radius:2px}body{-ms-animation:100s scroll infinite linear;background:url(/img/backgrounds/bg-scroll.png);width:100%;height:100%;animation:100s linear infinite scroll;position:relative;top:0;left:0}a{text-decoration:none}.page{max-width:100vw;min-height:calc(100vh - 114px);overflow-x:hidden}#bounce{animation:1s infinite alternate bounce-1}.btn-primary{--bs-btn-border-color:#fff;background:#f16f21}.btn-primary:hover{color:#000;background-color:#fff;border-color:#000}.btn-primary:disabled{background:#f16f21;border:1px solid #000}.text-orange{color:#f16f21}.text-black{color:#000!important}.fa,.fas{color:#f16f21}.site-lander{height:100vh}#logo{filter:drop-shadow(0 0 5px #fff);animation:1s infinite alternate logo-shadow}#logo:hover{animation:.8s infinite alternate logo-shadow}.slide-text{color:#000;font-size:.8rem}.full-hero{justify-content:center;align-items:center;height:100vh;display:flex;position:relative}.full-hero .score{color:#fff;opacity:0;align-items:center;margin:.5rem;transition-duration:.2s;display:flex;position:absolute;top:0;left:0}.full-hero .score.playing{opacity:1}.full-hero .keyboard-keys{flex-direction:column;justify-content:center;align-items:center;margin:.5rem;transition-duration:.2s;display:flex;position:absolute;top:0;left:0}.full-hero .keyboard-keys .note{color:#ffffffb3;font-size:.75rem}.full-hero .keyboard-keys img{width:30px}.full-hero .keyboard-keys.playing{opacity:0}.full-hero .keyboard-keys .wasd{filter:contrast(0);flex-direction:column;justify-content:center;align-items:center;display:flex}.full-hero .keyboard-keys .left-right{filter:contrast(0);display:flex}.full-hero .satellite-icon,.full-hero .moon-icon{z-index:-1;width:50px;height:50px;animation-delay:1s;position:absolute;top:0;left:0}.full-hero .animated-logo-wrapper{position:relative}.full-hero .animated-logo-wrapper .animated-icon-wrapper .animated-icon{z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.full-hero .animated-logo-wrapper .animated-icon-wrapper .fa-code{animation:.6s cubic-bezier(.34,1.56,.64,1) forwards springUp}@keyframes springUp{0%{opacity:0;transform:translate(-50%,-50%)translateY(0)}to{opacity:1;transform:translate(-50%,-50%)translateY(-100px)}}.full-hero .animated-logo-wrapper .animated-icon-wrapper .fa-mobile{animation:.6s cubic-bezier(.34,1.56,.64,1) forwards springDown}@keyframes springDown{0%{opacity:0;transform:translate(-50%,-50%)translateY(0)}to{opacity:1;transform:translate(-50%,-50%)translateY(100px)}}.full-hero .animated-logo-wrapper .animated-icon-wrapper .fa-paint-brush{animation:.6s cubic-bezier(.34,1.56,.64,1) forwards springLeft}@keyframes springLeft{0%{opacity:0;transform:translate(-50%,-50%)translate(0)}to{opacity:1;transform:translate(-50%,-50%)translate(-100px)}}.full-hero .animated-logo-wrapper .animated-icon-wrapper .fa-video{animation:.6s cubic-bezier(.34,1.56,.64,1) forwards springRight}@keyframes springRight{0%{opacity:0;transform:translate(-50%,-50%)translate(0)}to{opacity:1;transform:translate(-50%,-50%)translate(100px)}}.full-hero .scroll-down{z-index:1;position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.full-hero .h1,.full-hero h1{font-size:2rem}.full-hero .h5,.full-hero h5{font-size:1.25rem}.full-hero .scroll-down .btn{letter-spacing:normal;color:#fff;border:2px solid #fff;width:50px;height:50px;padding:0;font-size:30px;line-height:50px;border-radius:100%!important}.full-hero .scroll-down .btn i{transform:translateY(-2px)}.full-hero .intro-content{color:#fff;text-align:center;position:relative}.full-hero .brand-name{text-transform:none;margin-top:15px;font-family:Raleway,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:35px;font-weight:900;line-height:55px}.full-hero img{max-width:150px;max-height:150px}.full-hero .intro-content{padding-top:100px}@media (min-width:768px){header img{max-width:200px;max-height:200px}header .h1,header h1{font-size:2.5rem}header .h5,header h5{font-size:1.25rem}header .full-hero .scroll-down{bottom:5%}}#what{background-color:#f16f21;box-shadow:inset 1px 1px 10px #555}#what .service-bar{vertical-align:middle;background-color:#fff;border-radius:.25rem;height:55px;max-height:55px;box-shadow:1px 1px 5px #555}#what .service-bar i{color:#f16f21;line-height:55px}#what .service-bar h3{color:#000;line-height:55px}.servive-bar-over:hover{background-color:#1c2833}.portfolio-tagline{color:#fff;max-width:800px;font-size:20px;font-weight:300;display:inline-block}#contact{background-color:#f16f21;box-shadow:inset 1px 1px 10px #555}#contact .service-bar{vertical-align:middle;background-color:#fff;border-radius:.25rem;height:55px;max-height:55px;transition-duration:.2s;box-shadow:1px 1px 5px #555}#contact .service-bar:hover{background-color:#ddd}#contact .service-bar i{color:#f16f21;line-height:55px}#contact .service-bar h3{color:#000;line-height:55px}.carousel-item .img-fluid{height:300px;max-height:300px}#image .quote{font-size:1.3rem}#image{color:#fff;background-color:#f16f21;box-shadow:inset 1px 1px 10px #555}#image h3{color:#fff;width:inherit;font-size:20px;position:absolute;top:70%}#image .quote{color:#fff;width:inherit;text-shadow:2px 2px 5px #000;position:absolute;top:30%}#image .filter{background-color:#595959a8;width:100%;height:100%;position:absolute;top:0;left:0}#image .after{height:30px}#image>div>div>p{z-index:1;text-align:center;position:absolute;top:23%}.carousel-item .img-fluid{object-fit:cover;width:100%;max-height:300px}.card-width{width:20rem}.our-work-section img{object-fit:contain;background-color:#000;border:1px solid #000;height:204px;max-height:204px}.animate-in{-z-animation:rainbow 7s ease infinite;-webkit-animation:7s infinite rainbow;-o-animation:7s infinite rainbow;animation:3s rainbow}.animate-out{-z-animation:rainbow 7s reverse infinite;-webkit-animation:7s infinite reverse rainbow;-o-animation:7s infinite reverse rainbow;animation:3s rainbow-r}#clients .card-title{margin-top:.25rem!important}.alert .work-alert-item-1{background-color:#fff;height:175px}.alert .work-alert-item-2{background-color:#f16f21;height:175px}.alert .work-alert-item-3{color:#fff;background-color:#1c2833;height:175px}.alert .section{padding:0!important}.alert h1{line-height:175px}.alert h1:hover{color:#fff;background-color:#1c2833;height:175px}.alert a{text-decoration-color:#f16f21!important}.contact-section{flex-flow:column;flex:1 0 auto;justify-content:center;min-width:100%;margin-top:30px;display:flex}@media (min-width:768px){.contact-section{margin-top:-80px}}.contact-page input,.contact-page textarea,.contact-page select{width:inherit;height:50px;padding:12px;line-height:18px}.contact-page textarea{height:initial}.contact-page form{width:100%}.contact-page button{border-radius:3px;height:74px;font-size:20px}.contact-page .btn-dark{color:#fff;background-color:#222;border:0 solid #000}.contact-box h5 a{color:#1c2833}textarea:focus,input[type=text]:focus,input[type=password]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=date]:focus,input[type=month]:focus,input[type=time]:focus,input[type=week]:focus,input[type=number]:focus,input[type=email]:focus,input[type=url]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=color]:focus,select:focus,option:focus,option,option:hover,.uneditable-input:focus{border-color:#000;outline:0;box-shadow:inset 0 10px 10px #00000013,0 0 8px #fff9}option{color:#fff;background:#f16f21}span.typed-cursor{opacity:1;animation:.7s infinite blink}