@import url(https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,800&display=swap);
*{margin:0;padding:0;font-family:Barlow Semi Condensed,sans-serif}body,html{height:100%;overflow-x:hidden}#content{min-height:100%}.content-site{margin-top:100px}.flexContainer{list-style:none;display:flex;flex-flow:row wrap;justify-content:space-around;width:50%;margin:8% auto 0}.flexItem{font-weight:700;text-align:center}.spacer{height:20px}.row{display:flex}.text-muted{color:#6c757d!important}.text-uppercase{text-transform:uppercase}.vertical-center{min-height:100%;min-height:100vh;display:flex;align-items:center;background:#383838!important;color:#000}.login-error{width:99%;position:absolute;top:0;left:0;text-align:center}.login-error.logged-in{z-index:1000;margin-top:100px}h1{margin-top:140px}h1,h1.loggedOut{text-align:center;margin-bottom:40px}h1.loggedOut{margin-top:0;color:#fff}.text-center{text-align:center!important}.content h1{text-align:center;margin-top:150px}.content-site{padding:0 50px 50px}.message-box{width:500px;height:200px;overflow:hidden;background-color:#fff;transform:translate(-50%,-50%);border:2px solid #18181a;z-index:999;box-shadow:2px 0 5px #18181a;border-radius:10px;position:fixed;top:50%;left:50%;transition:all .3s ease}.message-box .close-btn{position:relative;width:100%;height:20px}.message-box .close-btn button{background:transparent;border:none;outline:none;position:absolute;top:10px;right:15px;font-size:30px;z-index:999;cursor:pointer}.message-box .content{padding-top:70px;padding-left:20px;padding-right:20px;width:100%;height:auto;max-width:80%;max-height:100%;font-size:20px;text-align:left;position:relative}.message-box .content .fa-check,.message-box .content .fa-times{display:none}.message-box.success .content .fa-check{font-size:50px;color:#2ecc71;position:absolute;top:0;left:50%}.message-box.error .content .fa-times{font-size:50px;color:red;position:absolute;top:0;left:50%}@media screen and (max-width:1250px){.message-box{transform:scale(.7) translate(-365px,-350px)}}@media screen and (max-width:1024px){h1{margin-top:0}}@media screen and (max-width:480px){.content-site{padding:0 30px 50px}}@media screen and (max-width:320px){h1{width:150%;margin-left:-35px}}.menu-button{z-index:1000;display:none;border:none;background:none;outline:none}header{width:99%;height:100px;position:fixed;top:0;left:0;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1);z-index:1000}.logo{width:300px;float:left;margin:10px 0 0 50px;transition:all .3s}.logo a{text-decoration:none;color:#18181a;position:relative}.logo a label{font-size:50px;cursor:pointer;width:250px;position:absolute;top:-25px;left:90px}.logo img{width:80px;height:auto}header nav{float:right;margin:10px 50px 0 0}header nav ul{margin-top:10px}header nav ul li{float:left;margin-left:25px;list-style-type:none;transition:all .3s;font-size:40px;color:#18181a}header nav ul li a{text-decoration:none}header nav ul li:hover{padding-top:5px}header nav ul li.flag-nav:hover{padding-top:0}header nav u li li.flag-nav a{transition:all .3s}header nav u li li.flag-nav a.flag-nav{outline:none}header nav ul li.flag-nav a.flag-nav:hover{transform:translateY(10px);transition:all .3s}@media screen and (max-width:1024px){header{height:70px}.logo{width:330px}.logo img{width:60px;margin-top:-5px}.logo a label{font-size:30px;top:-12px;left:70px}header nav{margin-top:5px}header nav ul{margin-top:15px}header nav ul li{font-size:25px;margin-left:16px}}@media screen and (max-width:731px){.logo{width:60px;margin-left:30px}.logo a{z-index:1000}header nav{margin:0;float:none;position:relative}.menu-button{font-size:30px;display:block;width:30px!important;cursor:pointer;text-align:right;float:left;position:absolute;top:15px;right:30px!important}header nav ul{height:0;overflow:hidden;margin:0;padding:0;width:100%;background:#fff}header nav ul.open{height:auto}header nav ul li{width:100%;padding:15px 35px;margin:0;font-size:18px;border-top:1px solid #18181a}header nav ul li:hover{padding:15px 35px;background-color:#eee}header nav ul li.flag-nav:hover{background:#fff;padding-top:15px}}@media screen and (max-width:650px){.menu-button{right:-270px}}@media screen and (max-width:590px){.menu-button{right:-240px}}@media screen and (max-width:525px){.menu-button{right:-210px}}@media screen and (max-width:480px){header{position:relative}.menu-button{right:-180px}.logo a label{width:160px}}@media screen and (max-width:380px){.menu-button{right:-130px}}@media screen and (max-width:320px){.menu-button{right:-110px}.logo{margin:20px 0 0 20px}.logo img{width:40px;margin-top:0}.logo a label{font-size:30px;top:-25px;left:50px}}footer{width:99.9%;display:block;overflow:hidden;padding:70px 0;box-sizing:border-box;background:#18181a;position:relative}footer .footer_inner{display:block;margin:0 auto;width:1100px;height:auto}footer .footer_inner .logo_container{width:35%;height:auto;float:left;display:block;position:relative}footer .footer_inner .logo_container img{width:60px;height:auto}footer .footer_inner .logo_container a.social_link img{width:40px!important;height:auto}footer .footer_inner .logo_container label{color:#fff;font-size:30px;position:absolute;top:10px;left:65px}footer .footer_inner .logo_container a{display:inline-block;margin-right:20px;transform:translate(-60px,60px)}footer .footer_inner .footer_column{width:calc(21.66667% - 20px);margin-right:10px;float:left;height:auto}footer .footer_inner .footer_column:last-child{margin-right:0}footer .footer_inner .footer_column h2{font-size:22px;color:#fff;display:block;width:100%;margin-bottom:20px}footer .footer_inner .footer_column p{font-size:18px;color:#fff;width:100%;max-width:250px;margin-bottom:20px}footer .footer_inner .footer_column a{font-size:18px;font-weight:200;color:#fff;display:block;width:100%;padding-bottom:15px;text-decoration:none;transition:all .5s}footer .footer_inner .footer_column a:hover{color:#febd01!important;transition:all .5s}footer .footer_inner .footer_column button{font-size:18px;font-weight:200;color:#fff;display:block;padding-bottom:15px;text-decoration:none;transition:all .5s;background:#18181a;border:none;outline:none;cursor:pointer}footer .footer_inner .footer_column button:hover{color:#febd01!important;transition:all .5s}footer .footer_inner .footer_column li{display:inline-block;padding:0 5px;font-size:20px}footer .footer_inner .footer_column span{color:#fff;font-size:16px;font-weight:200;display:block;width:100%;padding-top:20px}footer .footer_inner .footer_column form input.newsletter_input{background-color:#18181a;border:none;border-bottom:2px solid #fff;border-radius:0;color:#fff!important;outline:none;padding:10px;text-align:left;margin-bottom:15px;width:170px}footer .footer_inner .footer_column form input.newsletter_send{margin:0 auto;background:#18181a;color:#fff;border:1px solid #fff;padding:10px;border-radius:5px;cursor:pointer;text-transform:uppercase;width:200px;transition:all .3s;appearance:none;-moz-appearance:none;-webkit-appearance:none}footer .footer_inner .footer_column form input.newsletter_send:hover{background-color:#fff;color:#18181a;transition:all .3s}footer .footer_bottom{position:absolute;bottom:0;left:0;width:100vw;height:50px;text-align:center;color:#fff}footer ::-moz-placeholder{color:#fff;opacity:1}footer :-ms-input-placeholder{color:#fff;opacity:1}footer ::placeholder{color:#fff;opacity:1}@media screen and (max-width:1250px){footer .footer_inner{width:90%}footer .footer_inner .footer_column:nth-child(2){margin-top:100px}footer .footer_inner .footer_column,footer .footer_inner .logo_container{width:100%;margin-bottom:30px}footer .footer_inner .footer_column form input.newsletter_input,footer .footer_inner .logo_container form input.newsletter_input{width:170px}footer .footer_inner .footer_column form input.newsletter_send,footer .footer_inner .logo_container form input.newsletter_send{width:190px}}@media screen and (max-width:480px){footer .footer_inner .logo_container a.social_link img{width:35px!important;height:auto}}@media screen and (max-width:320px){footer .footer_inner .logo_container a.social_link img{width:30px!important;height:auto}footer .footer_inner .footer_column,footer .footer_inner .logo_container{margin-bottom:0}footer .footer_inner .footer_column:nth-child(2){margin-top:70px}}.folder{border-radius:20px;padding:50px;width:300px;height:auto}.folderLink,.folderLink:hover{text-decoration:none;color:#000}.folder:hover{background-color:#6296f0;cursor:pointer}.folderName{margin-left:5px;width:190px;height:auto;text-align:center}.assets{display:flex;flex-wrap:wrap;text-align:center;margin-top:5%;padding:0 10px}.asset-content{flex:0 0 32%;max-width:33.33%;margin-bottom:50px}.asset-details{margin:20px auto 0}.asset-img{width:300px;height:auto}.asset-header{display:flex;width:100%}.asset-header-left{flex:0 0 50%}.asset-header-right{flex:0 0 50%;text-align:right}.assets.noFiles{margin-top:0}.assets-no-files{margin:0 auto;color:red}.category-animations,.category-audio,.category-concepts,.category-models,.category-references,.category-texture{flex:1}@media screen and (max-width:1024px){.asset-container{margin-bottom:70px}.asset-content{text-align:left;width:100%;max-width:100%}.asset-header{display:block;margin-top:10px;margin-bottom:40px}.asset-header-right{text-align:left}.assets{margin-top:50px;display:block}}.dropzone{border:2px dotted #000}body.theme-dark{background:#313131!important;color:#c9c9c9!important}body.theme-dark header{background:#313131!important;box-shadow:0 1px 3px hsla(0,0%,100%,.1)!important}body.theme-dark header nav ul li{background:#313131!important;color:#c9c9c9!important;border-color:#c9c9c9!important}body.theme-dark .content-site .folderName,body.theme-dark header .logo a label,body.theme-dark header .menu-button{color:#c9c9c9!important}body.theme-dark .form-control{background:#c9c9c9!important}body.theme-dark .form-control:active{background:#ced4da!important}body.theme-dark .dropzone{border:2px dotted #fff;background:#313131}@media screen and (max-width:1024px){body.theme-dark header nav ul{border-bottom:1px solid #c9c9c9}}.settings-container{width:50%;margin:0 auto}.settings-container h2{margin-top:50px}.settings-container h2:first-child{margin-top:0}.settings-profile{display:flex;position:relative}.settings-profile-img{width:100%;height:auto;border-radius:50%}.settings-profiler-viewer{flex:0 0 50%;padding:10px 10px 10px 0}.settings-profiler-uploader{flex:0 0 50%;padding:10px 0 10px 10px;position:absolute;width:50%;right:0;top:40%}.settings-profiler-uploader input{padding-bottom:35px}.btn-remove-profile{display:block;text-align:center}.btn-save-settings{display:block;margin:0 auto}@media screen and (max-width:1024px){.settings-container{width:100%}.settings-profile{display:block;width:100%;margin-bottom:35%}.settings-profiler-uploader{padding:0;margin-top:10px}.settings-profiler-viewer{padding:0}.settings-profiler-uploader{width:100%;top:100%;left:0}}.showreel{display:flex;align-items:center;justify-content:center;margin:50px auto 100px}.showreel,.video{width:100%}.custom-video-player{width:100%;max-width:1100px;position:relative;overflow:hidden;box-shadow:0 0 40px #000}.custom-video-player.fullscreen{width:100vw;height:100vh}.custom-video-player.fullscreen .video{width:100%;height:100%}.custom-video-player.fullscreen .video-controls{position:absolute;bottom:0;left:0;width:100%;z-index:10000}.video-controls{display:flex;position:absolute;bottom:0;width:100%;flex-wrap:wrap;background-color:rgba(0,0,0,.7);transform:translateY(100%) translateY(-5px);transition:all .3s}.custom-video-player:hover .video-controls{transform:translateY(0)}.videoTimer{position:relative;bottom:4px;color:#fff}.video-bar{height:10px;top:0;left:0;width:100%;background-color:#000}.currentBuffer{width:0;height:10px;background-color:#585858;margin-bottom:-10px}.currentProcess{width:0;height:10px;background-color:#febd01}.volume-slider-range{bottom:0;height:calc(100% - 10px)}.volume-slider-container,.volume-slider-range{position:absolute;left:150px;width:100px;display:none}.volume-slider-container{bottom:21px;height:5px;border-radius:5px;background-color:#fff}.volume-slider-container.show{display:block}.volume-slider-container.hide{display:none}.volume-slider-container-inner{width:100%;height:100%;position:relative}.volume-slider{position:absolute;cursor:pointer;margin-bottom:-2px;left:95%;bottom:0;border-radius:50%;width:10px;height:10px;background-color:#febd01}.videoTimer-container{position:absolute;left:150px;bottom:11px}.videoTimer-container.expanded{left:260px}.buttons{padding:10px;z-index:1000}.buttons button{background:none;border:0;outline:0;cursor:pointer}.buttons button:before{content:"\f144";font-family:Font Awesome\ 5 Free;font-weight:900;width:30px;height:30px;display:inline-block;font-size:28px;color:#fff}.buttons button.fullscreen,.buttons button.noFullscreen{position:absolute;right:10px;bottom:10px}.buttons button.play:before{content:"\f144"!important}.buttons button.pause:before{content:"\f28b"!important}.buttons button.videoEnded:before{content:"\f01e"!important}.buttons button.skipBack:before{content:"\f100"!important}.buttons button.skipForward:before{content:"\f101"!important}.buttons button.volumeMiddle:before{content:"\f6a8"!important}.buttons button.volumeHigh:before{content:"\f028"!important}.buttons button.volumeDown:before{content:"\f027"!important}.buttons button.muted:before{content:"\f6a9"!important}.buttons button.fullscreen:before{content:"\f065"!important}.buttons button.noFullscreen:before{content:"\f066"!important}video::-webkit-media-controls{display:none!important}:-webkit-full-screen-ancestor{-webkit-animation:none;animation:none;-webkit-animation-fill-mode:none;animation-fill-mode:none}.preview-thumbnail-container{position:absolute;left:0;bottom:0;width:100%;height:75px;opacity:0;display:inline-block}.preview-thumbnail-container.open{opacity:1}.preview-thumbnail{position:absolute;top:-120%;left:0;background:#fff;padding:0 3px}.preview-thumbnail img{width:150px;height:90px;margin-top:3px}@media only screen and (max-width:630px){.video-controls{height:45px}.buttons{padding:5px}.buttons button:before{content:"\f144";font-family:Font Awesome\ 5 Free;font-weight:900;width:30px;height:30px;display:inline-block;font-size:20px;color:#fff}.buttons button.fullscreen,.buttons button.noFullscreen{right:5px;bottom:0}.buttons button#playPause:before{content:"\f144";position:absolute;left:30px;bottom:0}.buttons button.skipBack:before{content:"\f100";position:absolute;left:5px;bottom:0}.buttons button.skipForward:before{content:"\f101";position:absolute;left:55px;bottom:0}.buttons button#volumeBtn:before{content:"\f6a8";position:absolute;left:80px;bottom:0}.volume-slider-container{left:115px;bottom:16px;width:100px;height:5px}.videoTimer-container{left:115px;bottom:6px}.videoTimer-container span{font-size:15px}.videoTimer-container.expanded{left:230px}.preview-thumbnail-container{height:38px}.preview-thumbnail img{width:80px;height:45px}}@media only screen and (max-width:570px){.videoTimer-container{bottom:8px}.videoTimer-container span{font-size:12px}}@media only screen and (max-width:540px){.videoTimer-container{bottom:8px}.videoTimer-container span{font-size:10px}.videoTimer-container.expanded{left:225px}}@media only screen and (max-width:480px){.showreel{transform:scale(1.4)}.custom-video-player{box-shadow:none}.video-controls{height:30px}.buttons button:before{content:"\f144";font-family:Font Awesome\ 5 Free;font-weight:900;width:30px;height:30px;display:inline-block;font-size:15px;color:#fff}.buttons button.fullscreen,.buttons button.noFullscreen{right:0;bottom:-10px}.buttons button#playPause:before{content:"\f144";position:absolute;left:20px;bottom:-10px}.buttons button.skipBack:before{content:"\f100";position:absolute;left:0;bottom:-10px}.buttons button.skipForward:before{content:"\f101";position:absolute;left:40px;bottom:-10px}.buttons button#volumeBtn:before{content:"\f6a8";position:absolute;left:60px;bottom:-10px}.volume-slider-container{left:90px;bottom:10px;width:50px;height:5px}.videoTimer-container{left:90px;bottom:2px}.videoTimer-container span{font-size:10px}.videoTimer-container.expanded{left:155px}}@media only screen and (max-width:440px){.volume-slider-container{left:90px;bottom:8px;width:50px;height:5px}.videoTimer-container{left:90px;bottom:2px}.videoTimer-container span{font-size:8px}}@media only screen and (max-width:400px){.showreel{transform:scale(1.7)}.video-bar{height:3px;top:0;left:0;width:100%;background-color:#000}.currentBuffer{width:0;height:3px;background-color:#585858;margin-bottom:-3px}.currentProcess{width:0;height:3px;background-color:#febd01}.video-controls{height:20px;transform:translateY(100%) translateY(-3px)}.buttons button:before{content:"\f144";font-family:Font Awesome\ 5 Free;font-weight:900;width:30px;height:30px;display:inline-block;font-size:10px;color:#fff}.buttons button.fullscreen,.buttons button.noFullscreen{right:-5px;bottom:-16px}.buttons button#playPause:before{content:"\f144";position:absolute;left:10px;bottom:-16px}.buttons button.skipBack:before{content:"\f100";position:absolute;left:-5px;bottom:-16px}.buttons button.skipForward:before{content:"\f101";position:absolute;left:25px;bottom:-16px}.buttons button#volumeBtn:before{content:"\f6a8";position:absolute;left:40px;bottom:-16px}.volume-slider-container{left:60px;bottom:6px;width:50px;height:5px;transform:scale(.8)}.videoTimer-container{left:65px;bottom:-2px}.videoTimer-container.expanded{left:115px}}@media only screen and (max-width:350px){.videoTimer-container{left:65px;bottom:-1px}.videoTimer-container span{font-size:6px}}@media only screen and (max-width:320px){.video-controls{height:17px}.buttons button:before{content:"\f144";font-family:Font Awesome\ 5 Free;font-weight:900;width:30px;height:30px;display:inline-block;font-size:8px;color:#fff}.buttons button.fullscreen,.buttons button.noFullscreen{right:-8px;bottom:-18px}.buttons button#playPause:before{content:"\f144";position:absolute;left:2px;bottom:-18px}.buttons button.skipBack:before{content:"\f100";position:absolute;left:-8px;bottom:-18px}.buttons button.skipForward:before{content:"\f101";position:absolute;left:12px;bottom:-18px}.buttons button#volumeBtn:before{content:"\f6a8";position:absolute;left:23px;bottom:-18px}.volume-slider-container{left:37px;bottom:5px;width:50px;height:5px;transform:scale(.6)}.videoTimer-container{left:46px;bottom:-2px}.videoTimer-container.expanded{left:85px}.videoTimer-container span{font-size:5px}}
