.stage-cube-cont{color:#fff;width:100%;height:300px;margin:0 40% 0 0;padding:10rem 100px 0 0;overflow:hidden}.stage-cube-cont .cubespinner{transform-style:preserve-3d;transform-origin:100px 100px 0;margin:0 0 0 10rem;animation-name:spincube;animation-duration:12s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.stage-cube-cont .cubespinner div{background:#fff6;border:1px solid #ccc;justify-content:center;width:200px;height:200px;display:flex;position:absolute;box-shadow:0 0 20px #ffffe0}.stage-cube-cont .cubespinner .face1{color:#dd0031;transform:translateZ(100px)}.stage-cube-cont .cubespinner .face2{color:#f06529;transform:rotateY(90deg)translateZ(100px)}.stage-cube-cont .cubespinner .face3{color:#28a4d9;transform:rotateY(90deg)rotateX(90deg)translateZ(100px)}.stage-cube-cont .cubespinner .face4{color:#5ed4f4;transform:rotateY(180deg)rotate(90deg)translateZ(100px)}.stage-cube-cont .cubespinner .face5{color:#efd81d;transform:rotateY(-90deg)rotate(90deg)translateZ(100px)}.stage-cube-cont .cubespinner .face6{color:#ec4d28;transform:rotateX(-90deg)translateZ(100px)}@keyframes spincube{0%,to{transform:rotateX(0)rotateY(0)rotate(0)}16%{transform:rotateY(-90deg)rotate(90deg)}33%{transform:rotateY(-90deg)rotateX(90deg)}50%{transform:rotateY(-180deg)rotate(90deg)}66%{transform:rotateY(-270deg)rotateX(90deg)}83%{transform:rotateX(90deg)}}@media (min-width:992px) and (max-width:1200px){.stage-cube-cont .cubespinner{margin:0 0 0 8rem}}@media (min-width:768px) and (max-width:992px){.stage-cube-cont .cubespinner{z-index:1;margin:0 0 0 6rem;position:absolute}}@media (min-width:576px) and (max-width:768px){.stage-cube-cont .cubespinner{margin:0 0 0 40%}}@media (max-width:576px){.stage-cube-cont{width:97%;height:300px;padding:10rem 0 0 10px}.stage-cube-cont .cubespinner{margin:0 0 0 20%}}@media (min-width:768px) and (max-width:992px){.stage-cube-cont{justify-content:center;width:80%;display:flex}}