body,html{background:#111010;margin:0;width:100%;height:100%;font-family:"Avang SBB", "Avang SBM", sans-serif;overflow:hidden}@keyframes fadein{from{opacity:0}to{opacity:1}}.fadein{opacity:0;animation-name:fadein;animation-duration:1.25s;animation-fill-mode:forwards;animation-delay:var(--delay)}@keyframes fadeout{from{opacity:1}to{opacity:0}}.fadeout{animation:fadeout 0.75s ease-out}.hidden{position:absolute !important;top:-9999px !important;left:-9999px !important}.invisible{opacity:0}.op-trans{transition:opacity 1.25s ease-out}@font-face{font-family:"avant";src:url("/assets/fonts/Avant Garde Gothic LT Demi Regular.otf")}@font-face{font-family:"Brandon Bld";src:url("/assets/fonts/Brandon_bld.otf")}@font-face{font-family:"Brandon Blk";src:url("/assets/fonts/Brandon_blk.otf")}@font-face{font-family:"Avang SBB";src:url("/assets/fonts/AVANGSBB.TTF")}@font-face{font-family:"Avang SBM";src:url("/assets/fonts/AVANGSBM.TTF")}@font-face{font-family:"Clan OT";src:url("/assets/fonts/ClanOT-Thin.otf")}.ovr{opacity:0;display:flex;flex-direction:column;width:calc(100% - 25px - 25px);height:calc(100% - 25px);padding:25px;padding-top:0;overflow:hidden;position:relative}@media screen and (max-width: 500px){.ovr{width:100%;padding:0;height:100%}}.ovr-content{flex:1;display:flex}.ovr-footer{position:relative;height:100px;display:flex;justify-content:space-evenly;align-items:center;padding:0 12.5%}@media screen and (max-width: 750px){.ovr-footer{height:80px;padding-right:0%}}@media screen and (max-width: 575px){.ovr-footer{height:70px}}@media screen and (max-width: 500px){.ovr-footer{display:none}}.ovr-footer-logo{position:absolute;top:50%;left:15px;transform:translateY(-50%);height:65%;width:auto;cursor:pointer}.ovr-footer-icon{height:calc(100% - 20px);width:auto;margin:10px;filter:grayscale(1) brightness(0.6);cursor:pointer;transition:all 0.25s linear}.ovr-footer-icon:hover{filter:grayscale(0.25)}.ovr-footer-icon.active{filter:grayscale(0);transform:scale(1.1)}.ovr-navbar{height:35px;background:#111010;padding:5px 10px;border-bottom:4px solid white;display:none}@media screen and (max-width: 500px){.ovr-navbar{display:flex}}.ovr-navbar-logo{height:100%;cursor:pointer}.ovr-navbar-title{flex:1;text-align:center;color:white;font-family:"Clan OT", sans-serif;margin:auto 0;font-weight:normal;letter-spacing:7px;font-size:24px}.ovr-navbar-menu{color:white;font-size:33px;cursor:pointer}.ovr-menu{position:absolute;right:0;top:0;padding-top:50px;width:80%;background:#111010;transform:translateX(100%);transition:transform 0.35s ease-in-out;z-index:1;cursor:pointer}.ovr-menu.active{transform:translateX(0)}.ovr-menu-row{display:flex;align-items:center;padding:10px;cursor:pointer}.ovr-menu-icon{height:40px;width:40px;background-size:contain;background-position:center;background-repeat:no-repeat}.ovr-menu-text{color:white;flex:1;text-align:left;margin-left:20px;margin:0 20px;margin-top:8px;font-weight:normal}.ovr-menu-logo{height:40px;margin:20px 0;margin-left:50%;transform:translateX(-50%);cursor:pointer}.modal{width:100%;height:100%;position:absolute;top:0;left:0;transform:translateY(-100%);transition:transform 0.75s ease-out;background:black;z-index:10}.modal.open{transform:none}.modal-container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.modal-container>iframe{width:80%;height:70%}.modal-titles{position:absolute;bottom:20px;color:white;text-align:center;height:15%;display:flex;justify-content:center;align-items:center;flex-direction:column}.modal-titles>*{margin:0}.modal-arrow{position:absolute;top:50%;transform:translateY(-50%);color:white;transition:opacity 0.25s linear;font-size:40pt;width:10%;text-align:center;cursor:pointer}.modal-arrow:hover{opacity:0.8}.modal-arrow.left{left:0px}.modal-arrow.right{right:0px}.modal-close{position:absolute;top:20px;right:30px;color:white;transition:opacity 0.25s linear;font-size:40pt;cursor:pointer}.modal-close:hover{opacity:0.8}.home{display:block;height:100%;width:100%}.home-logo{margin:25px;width:175px}@media screen and (max-width: 500px){.home-logo{width:35vw;position:absolute;top:50%;margin:0 25px;transform:translateY(-50%)}}.home-icons{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;top:0;left:0}@media screen and (max-width: 500px){.home-icons{justify-content:flex-end}}.home-icons-container{display:flex;justify-content:center;height:20vh;width:100%}@media screen and (max-width: 1000px){.home-icons-container{height:15vh}}@media screen and (max-width: 750px){.home-icons-container{height:10vh}}@media screen and (max-width: 500px){.home-icons-container{height:80%;width:50%;flex-direction:column}}.home-icon{height:100%;margin:0px 5px;filter:grayscale(1);transition:filter 0.25s linear}@media screen and (max-width: 500px){.home-icon{max-width:100%;height:auto;height:100%;max-height:calc(100% - 28px)}}.home-icon-wrapper{text-align:center;cursor:pointer}@media screen and (max-width: 500px){.home-icon-wrapper{flex:1;overflow:hidden}}.home-icon-wrapper:hover>img{filter:grayscale(0)}.home-icon-wrapper:hover>h3{opacity:1}.home-icon-wrapper h3{font-family:"Avang SBB", "Avang SBM", sans-serif;margin:2px 0;opacity:0;transition:opacity 0.25s linear;color:white}@media screen and (max-width: 500px){.home-icon-wrapper h3{opacity:1;color:#7114b9}}.media{flex:1;margin-bottom:30px;overflow-y:auto;width:100%;display:flex;flex-wrap:wrap}@media screen and (max-width: 500px){.media{margin-bottom:0px}}.media-video{position:relative;overflow:hidden;cursor:pointer;width:50%;height:85%;margin:10px 0px}@media screen and (max-width: 650px){.media-video{width:100%}}.media-video:hover>.media-video-overlay{opacity:0.4}.media-video:hover>.media-video-text{opacity:0.9}.media-video:hover>.media-video-video{transition:transform 15s linear;transform:scale(1.35)}.media-video-text{position:absolute;top:0;left:0;display:flex;justify-content:center;flex-direction:column;width:calc(100% - 40px);height:calc(100% - 40px);margin:20px;z-index:2;transition:opacity .35s linear}.media-video-text>h1,.media-video-text>h2{color:white;overflow:hidden;font-weight:normal;text-transform:uppercase;font-family:"Avang SBM", sans-serif;line-height:1.3em}.media-video-text>h1>span,.media-video-text>h2>span{display:inline-block}.media-video-text>h1{font-size:3.2em}@media screen and (max-width: 500px){.media-video-text>h1{margin-bottom:10vh;font-size:1.5em}}.media-video-text>h1>span{animation-delay:0.75s}.media-video-text>h2{font-size:3em}@media screen and (max-width: 500px){.media-video-text>h2{font-size:1.4em}}.media-video-text>h2>span{animation-delay:0.25s}.media-video-text>.left{text-align:left;margin-left:3vw}.media-video-text>.left>span{transform:translateX(-100%);animation-name:reveal-from-left;animation-duration:1.2s;animation-fill-mode:forwards;animation-timing-function:ease-out}.media-video-text>.right{text-align:right;margin-right:2vw}.media-video-text>.right>span{transform:translateX(100%);animation-name:reveal-from-right;animation-duration:0.8s;animation-fill-mode:forwards;animation-timing-function:ease-out}.media-video-video{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center center;filter:brightness(0.8);transition:transform 0.5s linear}.media-video-video>iframe{min-height:100%;min-width:100%}.media-video-video.left{background-image:url("https://img.youtube.com/vi/NuQIfcNAnCg/maxresdefault.jpg")}.media-video-video.right{background-image:url("https://img.youtube.com/vi/Ep9TCmd_PC0/maxresdefault.jpg")}.media-video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#7114b9;opacity:0;transition:opacity .35s linear;display:flex;justify-content:center;align-items:center;color:white;font-size:50pt;cursor:pointer;z-index:3}@keyframes reveal-from-left{from{transform:translateX(-100%)}to{transform:none}}@keyframes reveal-from-right{from{transform:translateX(100%)}to{transform:none}}.about{flex:1;margin-bottom:30px;overflow-y:auto;width:100%;display:flex;justify-content:center;align-items:center}.about>iframe{max-width:95%;max-height:90%}.contact{flex:1;display:flex;justify-content:center;align-items:center;text-align:center}@media screen and (max-width: 675px){.contact{flex-direction:column}}.contact-info{height:175px;margin:50px}@media screen and (max-width: 835px){.contact-info{height:155px;margin:30px}}@media screen and (max-width: 675px){.contact-info{height:18vh;margin:5vh}}.contact-info>img{height:100%}@media screen and (max-width: 675px){.contact-info>img{height:calc(100% - 41px)}}.contact-info>h3{color:white}
