.title-wrapper{z-index:11;position:absolute;width:100%;left:0;padding-top:0;perspective-origin:50% 50%}.title-wrapper .title{opacity:.5;color:#b48f4b;animation:none;transform:translate(-50%,0) rotateX(55deg)}span.views{position:absolute;top:-80px;left:20px;font-size:17px;color:#fff}.cube-backdrop{z-index:10;display:block;position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;background:radial-gradient(transparent 20%,rgba(0,0,0,.45))}.cube-backdrop .ray,.cube-reflection{display:block;position:absolute;background-repeat:no-repeat;background-size:100% 100%}.cube-backdrop>.rays{display:block;position:absolute;perspective:300px;perspective-origin:0 0;transform-style:preserve-3d;-webkit-animation:keys-rays 50s linear infinite;animation:keys-rays 50s linear infinite}@keyframes keys-rays{0%{transform:rotateZ(0)}100%{transform:rotateZ(360deg)}}@-webkit-keyframes keys-rays{0%{-webkit-transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg)}}.cube-backdrop .ray{opacity:.25;background-image:url(images/cube-ray.png);transform-origin:0 50%}.cube-backdrop .button{display:block;position:absolute;right:40px;top:10%;width:50px;height:50px;border-radius:25px;border:3px solid #dddde0;color:rgba(255,255,255,.25);text-shadow:1px 1px #fff,-1px -1px #000;font-size:40px;font-family:mikesome;background-image:linear-gradient(120deg,rgba(200,200,215,1) 20%,rgba(100,100,115,1) 100%);background-image:-webkit-linear-gradient(120deg,rgba(200,200,215,1) 20%,rgba(100,100,115,1) 100%);box-shadow:inset 0 -4px 4px rgba(0,0,0,.5),inset 0 4px 4px rgba(255,255,255,.5),0 0 4px #000,8px 8px 8px rgba(0,0,0,.5)}.cube-pivot .desc1,.cube-pivot .desc2,.cube-pivot .desc3,.cube-pivot .title{font-family:"Roboto Condensed","Helvetica Neue",Helvetica,Arial,sans-serif;line-height:.95}.cube-backdrop .button:before{display:block;position:absolute;top:-1px;left:4px}.cube-backdrop .close:before{top:-1px;left:3px;content:"\e857"}.cube-backdrop .mute,.cube-backdrop .unmute{right:100px}.cube-backdrop .mute:before{content:"\e833"}.cube-backdrop .unmute:before{content:"\e831"}.cube-backdrop .close:hover,.cube-backdrop .mute:hover,.cube-backdrop .unmute:hover{-webkit-animation:keys-button 1s ease infinite;animation:keys-button 1s ease infinite}@keyframes keys-button{0%,100%{transform:scale(1,1)}33%{transform:scale(.8,1.2)}66%{transform:scale(1.2,.8)}}@-webkit-keyframes keys-button{0%,100%{-webkit-transform:scale(1,1)}33%{-webkit-transform:scale(.8,1.2)}66%{-webkit-transform:scale(1.2,.8)}}.cube-wrapper{z-index:11;display:block;position:absolute;min-width:200px;min-height:200px;max-width:350px;max-height:350px;perspective:950px;perspective-origin:0 0;transform-style:preserve-3d}.cube-reflection{width:80%;height:80%;border-radius:50%;transform:translate(-50%,-50%) translateZ(310px);background-image:url(images/cube-reflect.png)}.cube-pivot .face>div,.cube-pivot .face>div:before{left:0;width:100%;height:100%;position:absolute;top:0}.cube-pivot{display:none;position:absolute;transform-style:preserve-3d}.cube-pivot .face>div:before{z-index:99;display:inline-block;content:' ';background-image:linear-gradient(-45deg,rgba(255,255,255,.2) 20%,transparent 40%,transparent 60%,rgba(255,255,255,.75) 100%),linear-gradient(45deg,rgba(0,0,0,.5) 20%,transparent 40%);background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,.2) 20%,transparent 40%,transparent 60%,rgba(255,255,255,.75) 100%),-webkit-linear-gradient(45deg,rgba(0,0,0,.5) 20%,transparent 40%)}.cube-page-curl{z-index:100;position:absolute;bottom:5px;left:5px;width:0;height:0%;content:' ';border-bottom-right-radius:8px;background:url(images/cube-page-curl.png) bottom right no-repeat;background-size:100% auto}.cube-pivot .title{z-index:101;position:absolute;margin:8px 8px auto;padding:8px;width:92%;height:auto;left:2%;color:#ddb773;letter-spacing:-2px;font-size:30px;font-weight:700;text-align:center;text-transform:uppercase;text-shadow:-1px 0 #000,-1px 1px #000,0 1px #000,1px 1px #000,1px 0 #000,1px -1px #000,0 -1px #000,-1px -1px #000,-2px 0 #000,-2px 2px #000,0 2px #000,2px 2px #000,2px 0 #000,2px -2px #000,0 -2px #000,-2px -2px #000,0 3px #aaa,-3px 0 #fff,-3px 3px #aaa,3px 3px #aaa,3px 0 #aaa,3px -3px #fff,0 -3px #fff,-3px -3px #fff,0 4px #777,-4px 0 #fff,-4px 4px #777,4px 4px #777,4px 0 #777,4px -4px #fff,0 -4px #fff,-4px -4px #fff,-5px 0 #000,-5px 5px #000,0 5px #000,5px 5px #000,5px 0 #000,5px -5px #000,0 -5px #000,-5px -5px #000,-6px 0 #000,-6px 6px #000,0 6px #000,6px 6px #000,6px 0 #000,6px -6px #000,0 -6px #000,-6px -6px #000,8px 8px 8px #000,16px 16px 8px #000;transform-origin:0 50%}.cube-pivot .face{display:block;position:absolute;width:200px;height:200px;overflow:visible;background:linear-gradient(to bottom,rgba(150,150,255,1) 0,rgba(200,150,50,1) 100%);background:-webkit-linear-gradient(top,rgba(150,150,255,1) 0,rgba(200,100,50,1) 100%);backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:inset 2px 2px 2px rgba(255,255,255,1),inset -2px -2px 2px rgba(0,0,0,.5),inset 0 40px 40px rgba(255,255,255,1),inset 0 -40px 40px rgba(100,100,100,1),0 0 4px rgba(0,0,0,1),0 0 30px rgba(0,0,0,1)}.cube-pivot .face:hover{background:#f90}.cube-pivot .face div{perspective:850px;perspective-origin:50% 50%;transform-style:preserve-3d}.cube-pivot .face:nth-child(2){transform:translateX(-100%) translateY(-50%) translateZ(0) rotateY(-90deg)}.cube-pivot .face:nth-child(4){transform:translateX(0) translateY(-50%) translateZ(0) rotateY(90deg)}.cube-pivot .face:nth-child(5){transform:translateX(-50%) translateY(0) translateZ(0) rotateX(-90deg)}.cube-pivot .face:nth-child(6){transform:translateX(-50%) translateY(-100%) translateZ(0) rotateX(90deg)}.cube-pivot .face:first-child{transform:translateX(-50%) translateY(-50%) translateZ(50%)}.cube-pivot .desc1,.cube-pivot .desc2,.cube-pivot .desc3{display:none}.cube-pivot .desc1:after,.cube-pivot .desc1:before,.cube-pivot .desc2:before,.cube-pivot .desc3:after,.cube-pivot .desc3:before{display:block;border-radius:10px;background:#fff;content:'';box-shadow:inset 4px 4px 4px rgba(255,255,255,1),inset 2px 2px 2px rgba(0,0,0,1),inset -4px -4px 4px rgba(0,0,0,.5),inset -2px -2px 2px rgba(0,0,0,.5),4px 4px 4px rgba(0,0,0,.5);position:absolute}.cube-pivot .desc1,.cube-pivot .desc2{position:absolute;bottom:-35%;right:-105%;width:100%;height:152%;transform-origin:-10% 50%}.cube-pivot .desc1{-moz-hyphens:auto;-o-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;text-shadow:1px 1px #fff}.cube-pivot .desc2{z-index:103;min-height:50px;top:0;vertical-align:middle;text-transform:uppercase;font-size:95%;color:#fff;text-shadow:-1px 0 #000,-1px 1px #000,0 1px #000,1px 1px #000,1px 0 #000,1px -1px #000,0 -1px #000,-1px -1px #000,-2px 0 #000,-2px 2px #000,0 2px #000,2px 2px #000,2px 0 #000,2px -2px #000,0 -2px #000,-2px -2px #000}.cube-pivot .desc3{position:absolute;bottom:-26%;left:-50%;width:200%;height:25%;text-align:center!important;text-shadow:1px 1px #fff;transform-origin:50% 0}.cube-pivot .desc1:after,.cube-pivot .desc1:before,.cube-pivot .desc2:before{border:2px solid rgba(0,0,0,.75);background:linear-gradient(to right,rgba(220,220,220,1) 0,rgba(175,175,175,1) 100%);background:-webkit-linear-gradient(to right,rgba(220,220,220,1) 0,rgba(175,175,175,1) 100%);height:4%;width:12%;top:20%;left:-6%}.cube-pivot .desc1:after{top:80%}.cube-pivot .desc2:before{height:30%;top:35%}.cube-pivot .desc3:after,.cube-pivot .desc3:before{border:2px solid rgba(0,0,0,.75);background:linear-gradient(to bottom,rgba(220,220,220,1) 0,rgba(175,175,175,1) 100%);background:-webkit-linear-gradient(to bottom,rgba(220,220,220,1) 0,rgba(175,175,175,1) 100%);width:3%;height:60%;left:20%;top:-30%}.cube-pivot .desc3:after{left:80%}.cube-pivot .desc1,.cube-pivot .desc2,.cube-pivot .desc3{letter-spacing:-1px;text-align:left;border-radius:10px;border:4px solid #000;background:#fff;background-image:linear-gradient(to left,rgba(0,0,0,.25) 20%,transparent 40%,transparent 60%,rgba(255,255,255,.75) 100%),linear-gradient(to top,rgba(200,200,250,.25) 20%,transparent 40%);background-image:-webkit-linear-gradient(to left,rgba(0,0,0,.25) 20%,transparent 40%,transparent 60%,rgba(255,255,255,.75) 100%),-webkit-linear-gradient(to top,rgba(200,200,250,.25) 20%,transparent 40%);box-shadow:inset 6px 8px 8px rgba(0,0,0,.25),inset -6px -8px 6px rgba(0,0,0,.45),16px 16px 20px rgba(0,0,0,.65)}.cube-pivot .icon{opacity:0;z-index:101;display:inline-block;position:absolute;font-size:125%;color:rgba(255,255,255,.85);text-shadow:1px 1px #000,2px 4px 4px rgba(0,0,0,.75);bottom:3%;left:1%}.cube-pivot div img{position:absolute;top:50%;transform:translate(0,-50%);left:2%;width:96%;height:auto;border-radius:12px;border:4px solid #000}.cube-pivot .image{position:absolute;top:2%;left:2%;width:192%;height:192%;border-radius:24px;border:8px solid #000;background-size:auto 100%}.bgmove{-webkit-animation:keys-bgmove 8s ease;-webkit-animation-delay:1s;animation:keys-bgmove 8s ease;animation-delay:1s;animation-fill-mode:forwards}@keyframes keys-bgmove{0%{background-position:50% 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@-webkit-keyframes keys-bgmove{0%{background-position:50% 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.bgmove2{-webkit-animation:keys-bgmove2 8s ease;-webkit-animation-delay:1s;animation:keys-bgmove2 8s ease;animation-delay:1s;animation-fill-mode:forwards}@keyframes keys-bgmove2{0%{background-position:50% 50%}50%{background-position:0 50%}100%{background-position:100% 50%}}@-webkit-keyframes keys-bgmove2{0%{background-position:50% 50%}50%{background-position:0 50%}100%{background-position:100% 50%}}