@font-face{font-family:sheriff;src:url(/css/fonts/Nebula-Regular.ttf)}
@font-face{font-family:sheriffx;src:url(/css/fonts/Nebula-Hollow.ttf)}
*,:before,:after{box-sizing:border-box}
html{min-height:100%}
body{background:#131119;font-family:"Open Sans",sans-serif}
a{text-decoration:none}
.music-player{position:relative;width:350px;height:350px;margin:150px auto;box-shadow:0 0 60px rgba(0,0,0,0.8);border-radius:3px;background:#222;overflow:hidden;z-index:0}
.music-player img{position:absolute;top:0;left:0;top:0;right:0;z-index:-1;display:block;width:100%!important;height:100%!important}
.music-player .info{width:100%;height:100px;text-align:center;position:relative;background:#00000024}
.music-player .info .jp-playlist li{display:none}
.music-player .info .jp-playlist li a{font-size:30px;font-weight:500;text-decoration:none;color:#fff}
.music-player .info .jp-playlist li a span{font-size:14px;display:block;margin-top:10px}
.music-player .info .jp-playlist li.jp-playlist-current{display:block}
.music-player .info .jp-playlist li .jp-free-media,.music-player .info .jp-playlist li .jp-playlist-item-remove{display:none}
.music-player .info .left,.music-player .info .right{width:30px;height:30px;background:#000000a1;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;position:absolute;top:30px;left:30px}
.music-player .info .right{left:auto;right:2em;top:2em}
.music-player .info .center{padding:2em}
.music-player .progress,.music-player .volume-level{width:100%;height:8px;display:block;background:#000000a1;z-index:300;position:absolute;top:0;cursor:pointer;border:none}
.music-player .progress .ui-slider-range,.music-player .volume-level .ui-slider-range{display:block;height:5px;border-radius:0}
.music-player .progress .ui-slider-handle,.music-player .volume-level .ui-slider-handle{background:#ffffffcf;z-index:307;position:absolute;top:0;width:10px;height:1.3em;border:none;outline:none;margin:0 0 0 -3px;cursor:move}
.music-player .controls{text-align:center;width:100%;height:190px;background:#00000024}
.music-player .controls .current{font-size:48px;font-weight:300;color:#fff;padding:15px 0 20px}
.music-player .controls .play-controls a{display:inline-block;width:35px;height:40px;margin:0 30px;color:#000}
.music-player .controls .volume-level{position:relative;bottom:auto;width:200px;height:2px;margin:30px auto 0;background:rgba(225,225,225,0.3)}
.music-player .controls .volume-level .ui-slider-range{background:#fff;height:2px}
.music-player .controls .volume-level .ui-slider-handle{background:#fff;top:-8px;margin-left:-9px;width:11px;height:22px}
.music-player .controls .volume-level .icon-volume-up,.music-player .controls .volume-level .icon-volume-down{position:absolute;right:-34px;top:-8px;width:22px}
.music-player .controls .volume-level .icon-volume-down{right:auto;left:-27px}
.artist-video{margin:0 auto;text-align:center}
.fa-solid,.fas{color:#fff}
.highlights{color:#fff}
.ribbon{background:#00000024;text-align:center;padding-top:1em}
.s-header{width:100%;height:50px;background:#000000d9;position:fixed;top:0;left:0;right:0;z-index:500}
.header-logo{display:inline-block;text-align:left;width:222px;margin:0;padding:0;left:10px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:501;position:fixed;right:0;top:17px;height:50px;line-height:50px}
.header-logo-menu{display:inline-block;text-align:left;width:222px;margin:0;padding:0;left:10px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:400;padding-top:22px;height:50px;line-height:50px}
.header-logo a{display:block;margin:8px 0 0;padding:0;outline:0;border:none;height:49px;color:#fff;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
#logo-text{font-family:sheriff;font-size:34px;line-height:44px;color:#fff;text-decoration:none}
.site-title{display:inline-block!important;padding-left:.2em!important;vertical-align:middle;color:#d6ceaf;font-size:1.5em;font-family:'sheriff';margin:9px 0 0}
.site-logo{display:inline-block!important;margin:0 auto;vertical-align:middle;width:50px}
.copyright{width:100%;height:50px;background:#000000d9;text-align:center}
footer{background:#27296d}
img{max-width:100%}
.album-play{background:#000000bf url(/images/icon/play.png) no-repeat center;width:86px;height:86px;-webkit-border-radius:43px;-moz-border-radius:43px;border-radius:43px;border:#ffffff80 1px solid;display:table;opacity:0;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}
.video-home2{position:relative}
.video-img{border:#ffffff80 1px solid;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;padding:20px;transition:.4s;opacity:1!important}
.video-overlay .album-play{opacity:1}
.video-home2 .title{color:#fff;font-size:36px;font-weight:300;display:block;position:relative;top:0;transition:.4s}
.video-cat{display:table;width:100%;position:relative;top:0;font-size:18px;transition:.4s}
.navbar{width:100%}
.nav-container{display:flex;justify-content:space-between;align-items:center;height:62px}
.navbar .menu-items{display:flex}
.navbar .nav-container li{list-style:none}
.navbar .nav-container a{text-decoration:none;color:#fff;font-weight:500;font-size:1.2rem;padding:.7rem}
.navbar .nav-container a:hover{font-weight:bolder}
.nav-container{display:block;position:relative;height:60px}
.nav-container .checkbox{position:absolute;display:block;height:32px;width:32px;top:11px;right:20px;z-index:5;opacity:0;cursor:pointer}
.nav-container .hamburger-lines{display:block;height:26px;width:35px;position:absolute;top:11px;right:20px;z-index:2;display:flex;flex-direction:column;justify-content:space-between}
.nav-container .hamburger-lines .line{display:block;height:1px;width:100%;border-radius:10px;background:#fff}
.nav-container .hamburger-lines .line1{transform-origin:0 0;transition:transform .4s ease-in-out}
.nav-container .hamburger-lines .line2{transition:transform .2s ease-in-out}
.nav-container .hamburger-lines .line3{transform-origin:0 100%;transition:transform .4s ease-in-out}
.navbar .menu-items{padding-top:7em;background:#090909;box-shadow:inset 0 0 2000px #554c0024;height:100vh;width:100%;transform:translate(-150%);display:flex;flex-direction:column;transition:transform .5s ease-in-out;text-align:left;padding-left:45%}
.navbar .menu-items li{margin-bottom:1.2rem;font-size:1.5rem;font-weight:500}
.nav-container input[type="checkbox"]:checked ~ .menu-items{transform:translateX(0)}
.nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line1{transform:rotate(45deg)}
.nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line2{transform:scaleY(0)}
.nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line3{transform:rotate(-45deg)}
.nav-container input[type="checkbox"]:checked ~ .logo{display:none}
.slider{width:100%;position:relative;margin:auto}
.slider:hover{animation-play-state:paused}
.slider .slide{display:none;height:100%;width:100%}
.slider .slide img{height:100%;width:100%;filter:contrast(90%);object-fit:cover}
.slider .slide .caption{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font-size:22px;color:#fff;padding:8px 16px;background-color:rgba(0,0,0,0.4);border-radius:4px}
.slider a.prev,.slider a.next{position:absolute;top:50%;font-size:30px;cursor:pointer;user-select:none;color:#fff;padding:12px;transition:.2s}
.slider a.prev:hover,.slider a.next:hover{background-color:rgba(0,0,0,0.4);border-radius:3px}
.slider .next{right:20px}
.slider .prev{left:20px}
.show{animation:fade .5s ease-out}
@keyframes fade {
from{opacity:.5}
to{opacity:1}}
.auto-container{text-align:center;padding:0;background:#a5a5a5 url(/img/red-smoke-bomb.jpeg) no-repeat center;background-size:cover}
.pulse-button{position:relative;margin:3em auto;padding:0;max-width:700px;display:block;font-size:1.2em;font-family:'Trebuchet MS',sans-serif;text-transform:uppercase;text-align:center;line-height:100px;letter-spacing:-1px;color:#9d1b20;border:none;border-radius:4px;background:#fff;cursor:pointer;box-shadow:0 0 0 0 #811f21;-webkit-animation:pulse 1.5s infinite}
.pulse-button:hover{-webkit-animation:none}
@-webkit-keyframes pulse{0%{-moz-transform:scale(0.9);-ms-transform:scale(0.9);-webkit-transform:scale(0.9);transform:scale(0.9)}
70%{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);box-shadow:0 0 0 50px rgba(90,153,212,0)}
100%{-moz-transform:scale(0.9);-ms-transform:scale(0.9);-webkit-transform:scale(0.9);transform:scale(0.9);box-shadow:0 0 0 0 rgba(90,153,212,0)}}
svg{position:absolute;top:-4000px;left:-4000px}
#gooey-button{margin:3em 0;padding:.5em 1.5em;font-size:2rem;font-weight:900;border:none;color:#000;filter:url(#gooey);position:relative;background-color:#00FF80}
#gooey-button:focus{outline:none}
#gooey-button .bubbles{position:absolute;top:0;left:0;bottom:0;right:0}
#gooey-button .bubbles .bubble{background-color:#00FF80;border-radius:100%;position:absolute;top:0;left:0;display:block;z-index:-1}
#gooey-button .bubbles .bubble:nth-child(1){left:21px;width:25px;height:25px;-webkit-animation:move-1 3.02s infinite;animation:move-1 3.02s infinite;-webkit-animation-delay:.2s;animation-delay:.2s}
#gooey-button .bubbles .bubble:nth-child(2){left:39px;width:25px;height:25px;-webkit-animation:move-2 3.04s infinite;animation:move-2 3.04s infinite;-webkit-animation-delay:.4s;animation-delay:.4s}
#gooey-button .bubbles .bubble:nth-child(3){left:12px;width:25px;height:25px;-webkit-animation:move-3 3.06s infinite;animation:move-3 3.06s infinite;-webkit-animation-delay:.6s;animation-delay:.6s}
#gooey-button .bubbles .bubble:nth-child(4){left:16px;width:25px;height:25px;-webkit-animation:move-4 3.08s infinite;animation:move-4 3.08s infinite;-webkit-animation-delay:.8s;animation-delay:.8s}
#gooey-button .bubbles .bubble:nth-child(5){left:19px;width:25px;height:25px;-webkit-animation:move-5 3.1s infinite;animation:move-5 3.1s infinite;-webkit-animation-delay:1s;animation-delay:1s}
#gooey-button .bubbles .bubble:nth-child(6){left:89px;width:25px;height:25px;-webkit-animation:move-6 3.12s infinite;animation:move-6 3.12s infinite;-webkit-animation-delay:1.2s;animation-delay:1.2s}
#gooey-button .bubbles .bubble:nth-child(7){left:86px;width:25px;height:25px;-webkit-animation:move-7 3.14s infinite;animation:move-7 3.14s infinite;-webkit-animation-delay:1.4s;animation-delay:1.4s}
#gooey-button .bubbles .bubble:nth-child(8){left:47px;width:25px;height:25px;-webkit-animation:move-8 3.16s infinite;animation:move-8 3.16s infinite;-webkit-animation-delay:1.6s;animation-delay:1.6s}
#gooey-button .bubbles .bubble:nth-child(9){left:84px;width:25px;height:25px;-webkit-animation:move-9 3.18s infinite;animation:move-9 3.18s infinite;-webkit-animation-delay:1.8s;animation-delay:1.8s}
#gooey-button .bubbles .bubble:nth-child(10){left:30px;width:25px;height:25px;-webkit-animation:move-10 3.2s infinite;animation:move-10 3.2s infinite;-webkit-animation-delay:2s;animation-delay:2s}
@-webkit-keyframes move-1 {
0%{transform:translate(0,0)}
99%{transform:translate(0,-124px)}
100%{transform:translate(0,0);opacity:0}}
@keyframes move-1 {
0%{transform:translate(0,0)}
99%{transform:translate(0,-124px)}
100%{transform:translate(0,0);opacity:0}}
@-webkit-keyframes move-2 {
0%{transform:translate(0,0)}
99%{transform:translate(0,-54px)}
100%{transform:translate(0,0);opacity:0}}
@keyframes move-2 {
0%{transform:translate(0,0)}
99%{transform:translate(0,-54px)}
100%{transform:translate(0,0);opacity:0}}
@-webkit-keyframes move-3 {
0%{transform:translate(0,0)}
99%{transform:translate(0,-122px)}
100%{transform:translate(0,0);opacity:0}}
@keyframes move-3 {
0%{transform:translate(0,0)}
99%{transform:translate(0,-122px)}
100%{transform:translate(0,0);opacity:0}}
@-webkit-keyframes move-4 {
0%{transform:translate(0,0)}
99%{transform:translate(0,-92px)}
100%{transform:translate(0,0);opacity:0}}
@keyframes move-4 {
0%{transform:translate(0,0)}
99%{transform:translate(0,-92px)}
100%{transform:translate(0,0);opacity:0}}
@-webkit-keyframes move-5 {
0%{transform:translate(0,0)}
99%{transform:translate(0,-80px)}
100%{transform:translate(0,0);opacity:0}}
@keyframes move-5 {
0%{transform:translate(0,0)}
99%{transform:translate(0,-80px)}
100%{transform:translate(0,0);opacity:0}}
@-webkit-keyframes move-6 {
0%{transform:translate(0,0)}
99%{transform:translate(0,-107px)}
100%{transform:translate(0,0);opacity:0}}
@keyframes move-6 {
0%{transform:translate(0,0)}
99%{transform:translate(0,-107px)}
100%{transform:translate(0,0);opacity:0}}
@-webkit-keyframes move-7 {
0%{transform:translate(0,0)}
99%{transform:translate(0,-83px)}
100%{transform:translate(0,0);opacity:0}}
@keyframes move-7 {
0%{transform:translate(0,0)}
99%{transform:translate(0,-83px)}
100%{transform:translate(0,0);opacity:0}}
@-webkit-keyframes move-8 {
0%{transform:translate(0,0)}
99%{transform:translate(0,-98px)}
100%{transform:translate(0,0);opacity:0}}
@keyframes move-8 {
0%{transform:translate(0,0)}
99%{transform:translate(0,-98px)}
100%{transform:translate(0,0);opacity:0}}
@-webkit-keyframes move-9 {
0%{transform:translate(0,0)}
99%{transform:translate(0,-101px)}
100%{transform:translate(0,0);opacity:0}}
@keyframes move-9 {
0%{transform:translate(0,0)}
99%{transform:translate(0,-101px)}
100%{transform:translate(0,0);opacity:0}}
@-webkit-keyframes move-10 {
0%{transform:translate(0,0)}
99%{transform:translate(0,-118px)}
100%{transform:translate(0,0);opacity:0}}
@keyframes move-10 {
0%{transform:translate(0,0)}
99%{transform:translate(0,-118px)}
100%{transform:translate(0,0);opacity:0}}
.pen{max-width:635px;width:100%;margin:3em auto;opacity:0;position:relative;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;-webkit-animation:1s appear 1 forwards;-moz-animation:1s appear 1 forwards;-o-animation:1s appear 1 forwards;animation:1s appear 1 forwards}
.stage{max-width:635px;width:100%;height:400px;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out}
.buy{margin:.3em;width:30px;height:30px;background:#000000a1;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;position:absolute;left:50%;right:50%;transform:translate(-50%,-50%);bottom:1em}
.buy-circle{height:30px;width:30px;line-height:30px;padding-left:.35em}
.element{vertical-align:top;background:green;width:202px;-webkit-transform-origin:50% 50%;height:inherit;margin:0 auto;display:inline-block;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.element.active{width:282px;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out}
.element.inactive{width:162px;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;opacity:.4}
.element.lions-den{background:url(/img/elements/lions-den.jpeg) 45% 0 no-repeat;background-size:cover}
.element.who-i-am{background:url(/img/elements/who-i-am.jpeg) 45% 0 no-repeat;background-size:cover}
.element.circumference{background:url(/img/elements/circumference.jpeg) 45% 0 no-repeat;background-size:cover}
.element:last-of-type{margin:0}
@media all and (min-width: 900px) {
.pen{max-width:890px}
.element{width:286px}
.element.inactive{width:246px}
.element.active{width:366px}
.stage{max-width:890px;height:600px}
}
@media all and (max-width: 660px) {
.pen{width:100%}
.stage{width:100%;display:flex}
.element{width:33.3%;margin:0}
.element.inactive{width:30%}
.element.active{width:40%}
}
@-webkit-keyframes appear {
15%{opacity:0}
100%{opacity:1}
}
@-moz-keyframes appear {
15%{opacity:0}
100%{opacity:1}
}
@-o-keyframes appear {
15%{opacity:0}
100%{opacity:1}
}
@keyframes appear {
15%{opacity:0}
100%{opacity:1}
}