body{font-family:"open-sans",sans-serif}h1{font-size:3.125em;font-weight:bolder}h2{font-size:2em;font-weight:bold}h3{font-size:1.625em}h4{font-size:1.25em}h1,h2,h3,h4{font-family:"Lexend",sans-serif}h1,h2{color:#463cd4}h3,h4{color:#1b1f23;font-weight:400}h2,h3{font-style:normal}.header-nav .grid-con{display:block;padding:0}.header-nav{background-color:#463cd4}.logo{line-height:80px}.logo img{height:40px;margin-top:7px;margin-bottom:-6px;margin-left:50px}header{text-align:center;font-size:20px;color:#f9f9f9;position:sticky;top:0;z-index:500;display:block}#nav-btn{display:none;margin-top:50px}.fa-bars,.fa-solid{display:block !important}.checkbtn{font-size:30px;float:right;margin-right:20px;line-height:80px;cursor:pointer}.fa-bars{display:block;transition:transform .3s ease-in-out}#nav-btn:checked+label .fa-bars{transform:rotate(90deg)}#nav-btn:checked~ul{position:absolute;left:0}.top-nav{margin-top:auto;display:block;left:120%;transition:all .5s ease-in-out;padding:40px 0;background-color:#f9f9f9;position:fixed;width:100%;height:1175px;z-index:500}.top-nav a{color:#463cd4}.top-nav li{list-style:none;margin-bottom:40px}#about{margin-top:40px}a{font-family:"Open Sans",sans-serif;text-decoration:none;color:#1b1f23;font-weight:bolder;font-size:1.125em}@media screen and (min-width: 1200px){#contact a{color:#463cd4;background-color:#f9f9f9;border-radius:20px;padding:5px 20px}#contact a:hover{color:#f9f9f9;background-color:#463cd4;border-radius:20px;padding:5px 20px;border:solid 2px #f9f9f9}header{background-color:#463cd4;box-shadow:0 0 6px rgba(0,0,0,.16)}.checkbtn{display:none}.header-nav .grid-con{display:grid}#title img{height:100%;margin-bottom:9px}.top-nav{margin-top:10px;display:inline;left:0%;transition:none;padding:0;position:unset;width:auto;height:60px;background-color:unset}.top-nav a{color:#f9f9f9}.logo{display:none;line-height:0px}header{height:82px;width:auto;text-align:center;font-size:20px;color:#1b1f23;position:sticky}.top-nav li{list-style:none;margin-bottom:0px;margin-top:-12px;height:20px;padding-top:40px}#about{margin-top:-12px}.top-nav #title{list-style:none;margin-bottom:0px;margin-top:-20px;height:46px;font-size:3.75em}a{text-decoration:none;color:#463cd4}}footer{margin:0px;text-align:center}.socials{margin:auto}.social-icon{height:35px;padding-top:60px;padding-bottom:30px;margin:0 20px}footer{height:unset;text-align:center}.socials{margin-top:-40px}@media screen and (min-width: 1920px){.socials{margin-top:50px}}@media screen and (min-width: 2560px){.socials{margin-top:-40px}}.project-box{box-shadow:0 0 8px rgba(0,0,0,.16);display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:20px;display:block !important;margin-bottom:50px !important;color:#1b1f23}.project-box-title{margin-top:24px !important;padding:0px;font-size:1.5em}.box p{margin:0;text-align:center}.project-box-img{width:100%;margin-bottom:49px;border-radius:13px}.page-roles{padding:0;margin-bottom:25px}.page-roles li{display:inline;margin-right:20px;padding:5px 10px;color:#f9f9f9;background-color:#463cd4;border-radius:17px;font-size:.7em}@media screen and (min-width: 1200px){.project-box-title{font-size:1.3em}.page-roles{padding:0}.page-roles li{display:inline;margin-right:20px;padding:5px 10px;color:#f9f9f9;background-color:#463cd4;border-radius:17px}}@media screen and (min-width: 1400px){.page-roles{padding:0}.page-roles li{font-size:.7em}}@media screen and (min-width: 1920px){.project-box-title{font-size:1.5em}.page-roles{padding:0}.page-roles li{font-size:1em}}.image-slider{position:relative;width:100%;margin:auto;overflow-x:hidden;opacity:0;animation:title-fade 1s forwards;margin-top:40px}.slider-img{width:100%;display:none}.slider-img.showSlide{display:block}.image-slider button{position:absolute;top:50%;transform:translateY(-50%);font-size:.7em;background-color:rgba(243,243,243,.4862745098);color:#463cd4;border:solid #463cd4 2px;cursor:pointer;border-radius:90px;width:32px;height:32px}.back{left:20px}.next{right:20px}@media screen and (min-width: 768px){.image-slider button{font-size:1.5em;width:42px;height:42px}}@media screen and (min-width: 1200px){.image-slider button{font-size:1.5em;width:52px;height:52px}}html{background:#f9f9f9;overflow-x:hidden;scroll-behavior:smooth}body{background:#f9f9f9;font-family:"Open Sans",sans-serif;font-style:normal;margin:0px;font-size:16px;overflow-x:hidden;color:#1b1f23}.hidden{display:none}.mobile-hidden{display:none}.tablet-show{display:none}@media screen and (min-width: 720px){.tablet-hidden{display:none}.tablet-show{display:block}}@media screen and (min-width: 1200px){html{overflow-x:unset}body{overflow-x:unset}h1{font-size:3.75em;font-weight:bolder;text-align:left}h2{font-size:2.5em}h3{font-size:2.125em}p{font-size:1.125em}.hidden{display:block}.desktop-hide{display:none}.mobile-hidden{display:block}}@media screen and (min-width: 1920px){h1{font-size:5em}}.tools h3,.roles h3{color:#463cd4}.details-ul{padding-left:25px;font-weight:bold}.tools{margin-bottom:105px}.mobile-details-logo{padding-top:16px}.check-details{margin-top:35px}.check-details-html{margin-top:10px}.nav-details{margin-top:30px !important}@media screen and (min-width: 1200px){.nav-details{margin-top:0px !important}.video-info{border-radius:37px;padding:20px 145px;margin-top:60px}.details-logo{margin-bottom:44px !important}.work-flow{border-radius:37px;padding:0px 58px}}.thank-you-box{height:250px;margin-top:155px;margin-bottom:300px;text-align:center;border:solid #463cd4 6px;border-radius:37px;opacity:0;animation:still-fade 1s forwards}.thank-you-box h4{font-size:1.3125em;margin-top:35px}.thank-you-box p{font-weight:600}.thank-you-box img{width:90px;height:90px}@media screen and (min-width: 1200px){.thank-you-box{margin-bottom:200px}}@media screen and (min-width: 1920px){.thank-you-box{margin-bottom:300px}}@media screen and (min-width: 2560px){.thank-you-box{margin-bottom:500px}}.gsap-fade{opacity:0;visibility:hidden}@keyframes title-fade{0%{margin-top:40px;opacity:0}100%{margin-top:20px;opacity:1}}@keyframes still-fade{0%{opacity:0}100%{opacity:1}}:root{--plyr-color-main: #463CD4;--plyr-control-icon-size: 15px;--plyr-control-radius: 20px;--plyr-font-family: open-sans, sans-serif;--plyr-control-spacing: 15px}.plyr__controls{background:none}.plyr{margin-top:40px;border-radius:20px}.plyr__controls .plyr__controls__item{margin-left:-17.5px}.plyr__controls .plyr__controls__item:first-child{margin-left:0px;margin-right:9px}.plyr audio,.plyr iframe,.plyr video{height:auto !important}.plyr__control span,plyr__control--forward span{color:#000 !important}@media screen and (min-width: 1200px){.plyr__controls .plyr__controls__item{margin-left:auto}.plyr__controls .plyr__controls__item:first-child{margin-left:auto;margin-right:auto}}.desktop-index-title{display:none}.index-content{text-align:center}.index-banner{text-align:center;background-repeat:no-repeat;background-size:cover;overflow:hidden;position:relative;height:648px}.index_video{z-index:0;position:absolute;left:-350px;top:0;width:280%;border-radius:0}.index-banner-text{height:614px}#index-h2{text-align:center}.index-banner h1{margin-top:0px;padding-top:34px;color:#fff;margin-bottom:24px}.index-banner h3{margin-top:22px;margin-bottom:20px;color:#fff}.index-h3-1{opacity:0;animation:title-fade 1s .1s forwards;margin-top:40px;padding-top:50px}.index-name{opacity:0;animation:title-fade 1s .4s forwards;padding-top:0px !important;margin-top:40px;text-align:center}.index-h3-2{opacity:0;animation:title-fade 1s .7s forwards;margin-top:40px}.keep-scrolling{position:relative;font-size:4em;color:#f9f9f9;z-index:55;width:100% !important;animation:scroll 2s infinite ease-in-out,title-fade 1s 1.4s forwards;top:170px;opacity:0;margin-top:40px}@keyframes scroll{0%{transform:translateY(0px)}50%{transform:translateY(20px)}100%{transform:translateY(0px)}}.reel-box{position:fixed;z-index:100;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%, -50%);background:rgba(0,0,0,.95);display:flex;justify-content:center;align-items:center;visibility:hidden;opacity:0;transition:opacity .3s ease}.reel-box.visible{visibility:visible;opacity:1}.demo_reel{position:relative;max-width:90%;outline:none;border-radius:0}.close{position:absolute;top:22%;right:20px;cursor:pointer;height:40px}.headshot_index{max-width:280px;border-radius:360px;margin:0 auto}span{color:#463cd4}.index-banner p{color:#fff;font-weight:bold;margin-top:58px;margin-right:38.5px;margin-left:38.5px;font-size:1.5em;padding-bottom:44px}.index-button,.index-button-2{height:51px;width:152px;font-size:1em;justify-self:center;margin-bottom:20px;font-family:"Open Sans",sans-serif;font-weight:700;opacity:0;animation:title-fade 1s 1s forwards;margin-top:40px}.see-more{height:51px;width:152px;font-size:1.2em;color:#f9f9f9;background-color:#463cd4;border:solid 4px #463cd4;border-radius:90px;cursor:pointer}.see-more-a{text-align:center}.index-button{color:#1b1f23;background-color:#f9f9f9;border:solid 4px #463cd4;border-radius:90px}.index-button-2{color:#fff;background-color:#463cd4;border:solid 3px #fff;border-radius:20px;cursor:pointer}.highlight-section{background-color:#f9f9f9;box-shadow:0 0 6px rgba(0,0,0,.16);border-radius:14px;margin-bottom:97px;height:211px;margin-top:50px}.video-shortcut{opacity:0;animation:still-fade 1s 2s forwards}.web-shortcut{opacity:0;animation:still-fade 1s 2.5s forwards;margin-top:0px}.highlight-section img{width:132.797px;margin-bottom:40px}.index-content h3{margin:auto;margin-top:24px;margin-bottom:16px;color:#1b1f23}.web-img{margin-top:10px}@media screen and (min-width: 720px){.close{right:50px}}@media screen and (min-width: 1200px){.index-banner{height:603px;text-align:center;padding-top:0px}.index_video{left:0;width:100%}.index-banner-text{margin:auto;margin-top:52px}.index-h3-1{margin-top:40px}.index-banner p{width:514px;margin-left:0}.index-button-2{height:61px;width:150px;font-size:1.2em}.demo_reel{max-width:50%}#index-h2{margin-top:100px;scroll-margin-top:164px}.keep-scrolling{font-size:4em;top:-25px}.highlight-section{height:129px;margin-top:177px;margin-bottom:0px}.web-shortcut{margin-top:170px}.highlight-section h3{display:inline;margin-left:21px}.highlight-section img{width:15%}.video-shortcut{margin-bottom:-190px;margin-top:112px}.video-shortcut img{margin-bottom:-13px;margin-top:46px}.web-shortcut img{margin-bottom:-3px;margin-top:50px}.highlight-section h3{font-size:1.75em}.web-shortcut h3{margin-right:13px}.video-shortcut h3{margin-right:20px}.highlight-section{display:inline-block;transform:scale(1);transition:transform .5s ease}#title{font-size:3.265em}.desktop-index-title{display:block;padding-top:0px !important}.mobile-index-title{display:none}#contact-form{scroll-margin-top:124px}}@media screen and (min-width: 1440px){.index-button-2{height:61px;width:192px;font-size:1.5em}.highlight-section img{width:20%}.video-shortcut h3{margin-right:50px}.video-shortcut img{margin-bottom:-27px;margin-top:35px}.highlight-section h3{margin-left:27px;margin-right:53px}.web-shortcut{margin-top:70px}.web-shortcut img{margin-bottom:-8px;margin-top:43px}}@media screen and (min-width: 1920px){.index-banner{height:95vh}.index-banner-text{padding-top:150px}.index-h3-1{padding-top:0px}.index-banner h3{margin-bottom:40px}.demo_reel{max-width:90%}.close{right:10%;top:12%}.keep-scrolling{top:100px}.highlight-section{height:173px;margin-top:177px;margin-bottom:0px}.web-shortcut{margin-top:0px}.highlight-section h3{display:inline;margin-left:40px}.highlight-section img{width:15%}.video-shortcut{margin-bottom:-110px;margin-top:162px}.video-shortcut img{margin-bottom:-27px;margin-top:50px}.web-shortcut img{margin-bottom:-11px;margin-top:59px}.web-shortcut h3{margin-right:160px}.video-shortcut h3{margin-right:160px}}@media screen and (min-width: 2560px){.index-banner{padding-top:90px}.index_video{top:-225px}.index-banner-text{margin-top:122px}.close{right:20%}.keep-scrolling{font-size:4em;top:170px}.highlight-section{max-width:585.328px}.video-shortcut{margin-bottom:-340px}.web-shortcut{margin-top:-70px}}.contact-page{display:block}.contact-page label{color:#463cd4}.contact-page input,textarea{margin-top:10px}.contact-page button{margin-top:10px;color:#463cd4;background-color:#f9f9f9;border-radius:10px;border:solid 2px #463cd4;font-family:"Open Sans",sans-serif;font-weight:700}.contact-page button:hover{color:#f9f9f9;background-color:#463cd4;border-radius:10px;border:solid 2px #16171a;font-family:"Open Sans",sans-serif;font-weight:700}.contact-header,.contact-page h2{text-align:center;color:#463cd4}.contact-form li{margin-top:30px}input{width:98%;height:32px;border-radius:8px;border:solid 1px gray;padding-left:10px}#msg{height:70px;width:98.5%;border-radius:8px;border:solid 1px gray;padding-left:10px;padding-top:10px}.contact-form{list-style:none;padding-bottom:50px}@media screen and (min-width: 1200px){.contact-page{margin-top:50px}.contact-form li{margin-top:10px}#msg{height:342px}.contact-page h2{margin:50px;font-size:3em}.contact-form label{font-size:1.5em;font-weight:bolder}#send-btn{width:100px;height:40px;cursor:pointer;font-size:1.2em}}.about-page{padding-top:40px}.headshot-about{width:100%;margin:auto;border-radius:37px}.about-title{font-weight:bold;max-width:340px;padding-top:40px}.about-page p,.about-title{margin:auto}.about-page p{padding-top:31px;font-weight:600;color:#1b1f23}.about-insta p{color:#39bec8 !important;text-decoration:underline;font-weight:800 !important}.about-title{font-size:2em;color:#463cd4;border-bottom:#39bec8 solid 4px;width:170px;text-align:left;margin-left:0px}.about-box h2{color:#463cd4}.icon{width:22%;margin-left:3px;margin-bottom:22px}@media screen and (min-width: 720px){.headshot-about{max-width:100%}.about-box h1{margin:0;padding-top:0}.about-box p{max-width:unset;font-size:1.25em}}@media screen and (min-width: 1200px){.about-page-big-con{margin-top:40px !important}.about-page{margin-top:5px !important;padding-top:20px}.about-box{border-radius:37px;margin-left:40px;width:110%}.about-page h2{margin:auto;margin-top:26px;margin-bottom:40px;width:170px;margin-left:0px;margin-bottom:34px;margin-left:30px}.headshot-about{margin:auto;max-width:unset;width:100%;margin-top:20%}.about-box p{font-weight:bold;padding-top:unset;width:90%;margin:auto;margin-bottom:68px;font-weight:400 !important}.about-container{margin-top:90px}.about-box h3{margin-left:50px}.icon{width:10%;margin-top:0px;margin-bottom:40px;margin-left:50px}.about-insta p{color:#39bec8 !important;text-decoration:underline;font-weight:800 !important}}@media screen and (min-width: 1440px){.icon{width:13%;margin-left:53px}}@media screen and (min-width: 1920px){.about-box h2{margin-left:45px}.icon{width:15%;margin-left:59px}.about-page p{font-size:1.5em;font-weight:bold;line-height:38px;margin-top:0px}}@media screen and (min-width: 2560px){.about-page{margin-top:60px !important}.icon{margin-left:63px}}.project-banner{background-image:url(../images/web-banner-2.webp);background-repeat:no-repeat;background-size:cover;margin-bottom:60px}.project-banner-title{color:#fff;height:50%;opacity:0;animation:title-fade 1s forwards;margin-top:40px;font-size:2.5em;padding-top:15px}.project-intro{margin-bottom:90px;opacity:0;animation:title-fade 1s forwards;margin-top:40px;color:#fff;line-height:38px}.video-container{width:100%;padding-top:40px;border-radius:20px}video{border-radius:20px}.player-container{opacity:0;animation:title-fade 1s forwards;margin-top:40px}.box{width:100%;background-color:#e5e5e5;padding-bottom:80%;margin-bottom:30px}.video-gallary h2{margin-left:auto;margin-right:auto;color:#463cd4;margin-left:0px;margin-top:80.5px}.video-btn{position:relative;width:40px;height:40px}@media screen and (min-width: 1200px){.header-nav{text-align:center}.video-title{text-align:left;font-weight:100}.project-banner{height:550px;margin-bottom:140px}.project-banner-title{padding-top:100px;margin-bottom:0px;font-size:5.125em}.project-intro{font-size:1.5em;line-height:50px}}.video-project-page p{font-weight:bold;line-height:32px}.work-flow{margin-top:55px}.web-title{font-size:2.5em;opacity:0;animation:title-fade 1s forwards;margin-top:40px;padding-top:47px;margin-bottom:30px}.web-sub-title{font-weight:bold;margin-top:0px;margin-bottom:38px}.web-work-flow{margin-top:74px}.web-img{margin-bottom:67.5px}.web-page-project img{width:100%;border-radius:14px}.wip-pic{margin-bottom:44px}@media screen and (min-width: 1200px){.web-sub-title{font-weight:bold;margin-top:86px;margin-bottom:38px}.work-flow{margin-top:107px;margin-bottom:200px}.web-work-flow{margin-top:74px}}.thank-you-body{height:100vh}.admin-h3{margin:0;color:#fff;background-color:#463cd4;padding:50px;margin-bottom:50px}.admin-form input{margin-bottom:15px;height:52px}.admin-form textarea{width:100%}.admin-form input[type=file]{margin-bottom:15px;height:12px;padding:10px 5px 20px}.admin-controls p a{margin:10px}/*# sourceMappingURL=main.css.map */