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