.btn-group-wraper {
  opacity: 0;
  pointer-events: none;
}
.file-button {
  display: none;
}
.btn-group-wraper {
  opacity: 0;
  pointer-events: none;
}
html,
body {
  height: 100%;
  overflow: hidden!important;
}
body {
  margin: 0;
  padding: 0;
  background-color: black;
  overflow: hidden!important;
}
#main {
  margin: 0;
  padding: 0;
  background-color: black;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
#debugText {
  color: red;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 12px;
}
.btn-group-wraper {
  position: absolute;
  top: 30px;
  left: 30px;
  z-index: 9;
}
.face-buttons {
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 9;
}
.button {
  text-align: center;
  display: inline-block;
  padding: 8px 25px;
  border: 2px solid #00a2ff;
  background: rgba(26, 141, 214, 0.2);
  border-radius: 4px;
  color: #b8e4ff;
  font-size: 20px;
  cursor: pointer;
  letter-spacing: 2px;
  position: relative;
  overflow: hidden;
  margin: 0 10px;
  outline: none;
}
.button:before {
  content: "";
  position: absolute;
  height: 150px;
  width: 50px;
  background: #fff;
  left: -55px;
  top: -40px;
  transform: rotate(37deg);
  transition: all 0.3s;
  opacity: 0.3;
}
.button:hover:before {
  left: 95%;
}
.file-button {
  position: absolute;
  bottom: 15px;
  right: 15px;
  z-index: 9;
}
#container {
  width: 100%;
  height: 100%;
  position: relative;
}
#shape {
  position: relative;
  margin: 0 auto;
  top: calc(50% - 300px/2);
  width: 300px;
  height: 300px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 2s;
  -moz-transition: all 2s;
  transition: all 2s;
}
#shape:active {
  cursor: grabbing!important;
}
#shape:active a {
  cursor: grabbing!important;
}
#shape.notTransition {
  transition: all 0s;
}
#shape.Transition {
  transition: all 1s;
}
#shape.notAllTransition {
  transition: none!important;
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotateX(0) rotateY(0);
  }
  to {
    -webkit-transform: rotateX(360deg) rotateY(360deg);
  }
}
@-moz-keyframes spin {
  from {
    -moz-transform: rotateX(0) rotateY(0);
  }
  to {
    -moz-transform: rotateX(360deg) rotateY(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotateX(0) rotateY(0);
  }
  to {
    transform: rotateX(360deg) rotateY(360deg);
  }
}
#shape > div {
  position: absolute;
  width: 300px;
  height: 300px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  overflow: hidden;
}
#shape > div > .face-legend {
  display: none;
  font-size: 200px;
  position: absolute;
  opacity: 0.3;
  color: #000000;
  width: 100%;
  text-align: center;
  top: calc(50% - 130px);
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}
#shape > div > div {
  width: calc(100%/+5);
  height: 60px;
  border: 1px solid #254986;
  box-sizing: border-box;
  transition: transform 0.3s ease-in-out;
  opacity: 0.7;
}
#shape > div > div .subCubeText {
  font: 400 6px Arial;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  line-height: 1;
  display: block;
  padding: 3px;
  color: #190f91;
}
#shape > div > div.hovered {
  z-index: 5;
  opacity: 1!important;
}
#shape > div > div.hovered a {
  pointer-events: all!important;
}
#shape > div > div:hover {
  box-shadow: inset 0 0 4px #95c7ff, inset 0 0 3px #95c7ff;
  transition: transform 0.3s ease-in-out;
}
#shape a {
  pointer-events: none;
  text-decoration: none;
  text-align: center;
  width: 100%;
  height: 100%;
  display: block;
  user-drag: none;
  user-select: none;
  -moz-user-select: none!important;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
#shape .ft {
  -webkit-transform: translateZ(150px);
  -moz-transform: translateZ(150px);
  transform: translateZ(150px);
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  transition: transform 2s;
}
#shape .rt {
  -webkit-transform: rotateY(90deg) translateZ(150px);
  -moz-transform: rotateY(90deg) translateZ(150px);
  transform: rotateY(90deg) translateZ(150px);
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  transition: transform 2s;
}
#shape .bk {
  -webkit-transform: rotateY(180deg) translateZ(150px);
  -moz-transform: rotateY(180deg) translateZ(150px);
  transform: rotateY(180deg) translateZ(150px);
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  transition: transform 2s;
}
#shape .lt {
  -webkit-transform: rotateY(270deg) translateZ(150px);
  -moz-transform: rotateY(270deg) translateZ(150px);
  transform: rotateY(270deg) translateZ(150px);
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  transition: transform 2s;
}
#shape .tp {
  -webkit-transform: rotateX(90deg) translateZ(150px);
  -moz-transform: rotateX(90deg) translateZ(150px);
  transform: rotateX(90deg) translateZ(150px);
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  transition: transform 2s;
}
#shape .bm {
  -webkit-transform: rotateX(270deg) rotateY(0deg) translateZ(150px);
  -moz-transform: rotateX(270deg) rotateY(0deg) translateZ(150px);
  transform: rotateX(270deg) rotateY(0deg) translateZ(150px);
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  transition: transform 2s;
}
/*transitions*/
#shape.fast-show-front {
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  transition: all 1s linear;
  transform: rotateY(0) !important;
}
#shape.show-front {
  -webkit-transition: all 2s;
  -moz-transition: all 2s;
  transition: all 2s;
  transform: rotateY(0) !important;
}
#shape.show-left {
  -webkit-transition: all 2s;
  -moz-transition: all 2s;
  transition: all 2s;
  transform: rotateY(90deg) !important;
}
#shape.show-right {
  -webkit-transition: all 2s;
  -moz-transition: all 2s;
  transition: all 2s;
  transform: rotateY(-90deg) !important;
}
#shape.show-top {
  -webkit-transition: all 2s;
  -moz-transition: all 2s;
  transition: all 2s;
  transform: rotateX(-90deg) !important;
}
#shape.show-bottom {
  -webkit-transition: all 2s;
  -moz-transition: all 2s;
  transition: all 2s;
  transform: rotateX(90deg) !important;
}
#shape.show-back {
  -webkit-transition: all 2s;
  -moz-transition: all 2s;
  transition: all 2s;
  transform: rotateY(180deg) !important;
}
/*animations*/
#shape.spin {
  -webkit-animation: spin 8s infinite linear;
  -moz-animation: spin 8s infinite linear;
  animation: spin 8s infinite linear;
  animation-play-state: running;
  -moz-animation-play-state: running;
  -webkit-animation-play-state: running;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
}
#shape.spin.stop {
  animation-play-state: paused;
  -moz-animation-play-state: paused;
  -webkit-animation-play-state: paused;
}
#shape.spin.stop2 {
  animation-name: lol;
}
.cubeContainer {
  height: 100%;
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  perspective: 1200px;
  transition: all 1s linear;
}
.controlsContainer {
  position: absolute;
  top: 100px;
  right: 61px;
  z-index: 20;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
}
.controls {
  width: 200px;
  height: 130px;
  min-height: 130px;
  position: relative;
}
.controls .btn {
  border: 2px solid #00a2ff;
  border-radius: 5px;
  width: 60px;
  height: 60px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  position: absolute;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.controls .btn:hover {
  background-color: #333333;
}
.controls .btn:hover svg {
  fill: white;
}
.controls svg {
  fill: #00a2ff;
}
.controls .btnTop {
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.controls .btnRight {
  right: 0;
  bottom: 0;
}
.controls .btnBottom {
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.controls .btnLeft {
  left: 0;
  bottom: 0;
}
.sprite {
  transition: all 0.3s ease-in-out !important;
  background-color: #6199f6 !important;
}
.sprite.hovered {
  background-image: url("img/CubePictures/1_1.jpg");
  transition: all 0.3s ease-in-out !important;
}
.sprite.s-6-25 {
  background-image: url("img/CubePictures/Icons/6_25.png");
  background-size: contain;
}
.sprite.s-6-25.hovered,
.sprite.s-6-25 .subCubeText {
  background-image: url("img/CubePictures/6_25.jpg");
}
.sprite.s-6-25 .subCubeText {
  opacity: 0!important;
}
.sprite.s-5-25 {
  background-image: url("img/CubePictures/Icons/5_25.png");
  background-size: contain;
}
.sprite.s-5-25.hovered,
.sprite.s-5-25 .subCubeText {
  background-image: url("img/CubePictures/5_25.jpg");
}
.sprite.s-5-25 .subCubeText {
  opacity: 0!important;
}
.sprite.s-4-25 {
  background-image: url("img/CubePictures/Icons/4_25.png");
  background-size: contain;
}
.sprite.s-4-25.hovered,
.sprite.s-4-25 .subCubeText {
  background-image: url("img/CubePictures/4_25.jpg");
}
.sprite.s-4-25 .subCubeText {
  opacity: 0!important;
}
.sprite.s-3-25 {
  background-image: url("img/CubePictures/Icons/3_25.png");
  background-size: contain;
}
.sprite.s-3-25.hovered,
.sprite.s-3-25 .subCubeText {
  background-image: url("img/CubePictures/3_25.jpg");
}
.sprite.s-3-25 .subCubeText {
  opacity: 0!important;
}
.sprite.s-2-25 {
  background-image: url("img/CubePictures/Icons/2_25.png");
  background-size: contain;
}
.sprite.s-2-25.hovered,
.sprite.s-2-25 .subCubeText {
  background-image: url("img/CubePictures/2_25.jpg");
}
.sprite.s-2-25 .subCubeText {
  opacity: 0!important;
}
.sprite.s-1-25 {
  background-image: url("img/CubePictures/Icons/1_25.png");
  background-size: contain;
}
.sprite.s-1-25.hovered,
.sprite.s-1-25 .subCubeText {
  background-image: url("img/CubePictures/1_25.jpg");
}
.sprite.s-1-25 .subCubeText {
  opacity: 0!important;
}
.sprite.s-6-24 {
  background-image: url("img/CubePictures/Icons/6_24.png");
  background-size: contain;
}
.sprite.s-6-24.hovered,
.sprite.s-6-24 .subCubeText {
  background-image: url("img/CubePictures/6_24.jpg");
}
.sprite.s-6-24 .subCubeText {
  opacity: 0!important;
}
.sprite.s-5-24 {
  background-image: url("img/CubePictures/Icons/5_24.png");
  background-size: contain;
}
.sprite.s-5-24.hovered,
.sprite.s-5-24 .subCubeText {
  background-image: url("img/CubePictures/5_24.jpg");
}
.sprite.s-5-24 .subCubeText {
  opacity: 0!important;
}
.sprite.s-4-24 {
  background-image: url("img/CubePictures/Icons/4_24.png");
  background-size: contain;
}
.sprite.s-4-24.hovered,
.sprite.s-4-24 .subCubeText {
  background-image: url("img/CubePictures/4_24.jpg");
}
.sprite.s-4-24 .subCubeText {
  opacity: 0!important;
}
.sprite.s-3-24 {
  background-image: url("img/CubePictures/Icons/3_24.png");
  background-size: contain;
}
.sprite.s-3-24.hovered,
.sprite.s-3-24 .subCubeText {
  background-image: url("img/CubePictures/3_24.jpg");
}
.sprite.s-3-24 .subCubeText {
  opacity: 0!important;
}
.sprite.s-2-24 {
  background-image: url("img/CubePictures/Icons/2_24.png");
  background-size: contain;
}
.sprite.s-2-24.hovered,
.sprite.s-2-24 .subCubeText {
  background-image: url("img/CubePictures/2_24.jpg");
}
.sprite.s-2-24 .subCubeText {
  opacity: 0!important;
}
.sprite.s-1-24 {
  background-image: url("img/CubePictures/Icons/1_24.png");
  background-size: contain;
}
.sprite.s-1-24.hovered,
.sprite.s-1-24 .subCubeText {
  background-image: url("img/CubePictures/1_24.jpg");
}
.sprite.s-1-24 .subCubeText {
  opacity: 0!important;
}
.sprite.s-6-23 {
  background-image: url("img/CubePictures/Icons/6_23.png");
  background-size: contain;
}
.sprite.s-6-23.hovered,
.sprite.s-6-23 .subCubeText {
  background-image: url("img/CubePictures/6_23.jpg");
}
.sprite.s-6-23 .subCubeText {
  opacity: 0!important;
}
.sprite.s-5-23 {
  background-image: url("img/CubePictures/Icons/5_23.png");
  background-size: contain;
}
.sprite.s-5-23.hovered,
.sprite.s-5-23 .subCubeText {
  background-image: url("img/CubePictures/5_23.jpg");
}
.sprite.s-5-23 .subCubeText {
  opacity: 0!important;
}
.sprite.s-4-23 {
  background-image: url("img/CubePictures/Icons/4_23.png");
  background-size: contain;
}
.sprite.s-4-23.hovered,
.sprite.s-4-23 .subCubeText {
  background-image: url("img/CubePictures/4_23.jpg");
}
.sprite.s-4-23 .subCubeText {
  opacity: 0!important;
}
.sprite.s-3-23 {
  background-image: url("img/CubePictures/Icons/3_23.png");
  background-size: contain;
}
.sprite.s-3-23.hovered,
.sprite.s-3-23 .subCubeText {
  background-image: url("img/CubePictures/3_23.jpg");
}
.sprite.s-3-23 .subCubeText {
  opacity: 0!important;
}
.sprite.s-2-23 {
  background-image: url("img/CubePictures/Icons/2_23.png");
  background-size: contain;
}
.sprite.s-2-23.hovered,
.sprite.s-2-23 .subCubeText {
  background-image: url("img/CubePictures/2_23.jpg");
}
.sprite.s-2-23 .subCubeText {
  opacity: 0!important;
}
.sprite.s-1-23 {
  background-image: url("img/CubePictures/Icons/1_23.png");
  background-size: contain;
}
.sprite.s-1-23.hovered,
.sprite.s-1-23 .subCubeText {
  background-image: url("img/CubePictures/1_23.jpg");
}
.sprite.s-1-23 .subCubeText {
  opacity: 0!important;
}
.sprite.s-6-22 {
  background-image: url("img/CubePictures/Icons/6_22.png");
  background-size: contain;
}
.sprite.s-6-22.hovered,
.sprite.s-6-22 .subCubeText {
  background-image: url("img/CubePictures/6_22.jpg");
}
.sprite.s-6-22 .subCubeText {
  opacity: 0!important;
}
.sprite.s-5-22 {
  background-image: url("img/CubePictures/Icons/5_22.png");
  background-size: contain;
}
.sprite.s-5-22.hovered,
.sprite.s-5-22 .subCubeText {
  background-image: url("img/CubePictures/5_22.jpg");
}
.sprite.s-5-22 .subCubeText {
  opacity: 0!important;
}
.sprite.s-4-22 {
  background-image: url("img/CubePictures/Icons/4_22.png");
  background-size: contain;
}
.sprite.s-4-22.hovered,
.sprite.s-4-22 .subCubeText {
  background-image: url("img/CubePictures/4_22.jpg");
}
.sprite.s-4-22 .subCubeText {
  opacity: 0!important;
}
.sprite.s-3-22 {
  background-image: url("img/CubePictures/Icons/3_22.png");
  background-size: contain;
}
.sprite.s-3-22.hovered,
.sprite.s-3-22 .subCubeText {
  background-image: url("img/CubePictures/3_22.jpg");
}
.sprite.s-3-22 .subCubeText {
  opacity: 0!important;
}
.sprite.s-2-22 {
  background-image: url("img/CubePictures/Icons/2_22.png");
  background-size: contain;
}
.sprite.s-2-22.hovered,
.sprite.s-2-22 .subCubeText {
  background-image: url("img/CubePictures/2_22.jpg");
}
.sprite.s-2-22 .subCubeText {
  opacity: 0!important;
}
.sprite.s-1-22 {
  background-image: url("img/CubePictures/Icons/1_22.png");
  background-size: contain;
}
.sprite.s-1-22.hovered,
.sprite.s-1-22 .subCubeText {
  background-image: url("img/CubePictures/1_22.jpg");
}
.sprite.s-1-22 .subCubeText {
  opacity: 0!important;
}
.sprite.s-6-21 {
  background-image: url("img/CubePictures/Icons/6_21.png");
  background-size: contain;
}
.sprite.s-6-21.hovered,
.sprite.s-6-21 .subCubeText {
  background-image: url("img/CubePictures/6_21.jpg");
}
.sprite.s-6-21 .subCubeText {
  opacity: 0!important;
}
.sprite.s-5-21 {
  background-image: url("img/CubePictures/Icons/5_21.png");
  background-size: contain;
}
.sprite.s-5-21.hovered,
.sprite.s-5-21 .subCubeText {
  background-image: url("img/CubePictures/5_21.jpg");
}
.sprite.s-5-21 .subCubeText {
  opacity: 0!important;
}
.sprite.s-4-21 {
  background-image: url("img/CubePictures/Icons/4_21.png");
  background-size: contain;
}
.sprite.s-4-21.hovered,
.sprite.s-4-21 .subCubeText {
  background-image: url("img/CubePictures/4_21.jpg");
}
.sprite.s-4-21 .subCubeText {
  opacity: 0!important;
}
.sprite.s-3-21 {
  background-image: url("img/CubePictures/Icons/3_21.png");
  background-size: contain;
}
.sprite.s-3-21.hovered,
.sprite.s-3-21 .subCubeText {
  background-image: url("img/CubePictures/3_21.jpg");
}
.sprite.s-3-21 .subCubeText {
  opacity: 0!important;
}
.sprite.s-2-21 {
  background-image: url("img/CubePictures/Icons/2_21.png");
  background-size: contain;
}
.sprite.s-2-21.hovered,
.sprite.s-2-21 .subCubeText {
  background-image: url("img/CubePictures/2_21.jpg");
}
.sprite.s-2-21 .subCubeText {
  opacity: 0!important;
}
.sprite.s-1-21 {
  background-image: url("img/CubePictures/Icons/1_21.png");
  background-size: contain;
}
.sprite.s-1-21.hovered,
.sprite.s-1-21 .subCubeText {
  background-image: url("img/CubePictures/1_21.jpg");
}
.sprite.s-1-21 .subCubeText {
  opacity: 0!important;
}
.sprite.s-6-20 {
  background-image: url("img/CubePictures/Icons/6_20.png");
  background-size: contain;
}
.sprite.s-6-20.hovered,
.sprite.s-6-20 .subCubeText {
  background-image: url("img/CubePictures/6_20.jpg");
}
.sprite.s-6-20 .subCubeText {
  opacity: 0!important;
}
.sprite.s-5-20 {
  background-image: url("img/CubePictures/Icons/5_20.png");
  background-size: contain;
}
.sprite.s-5-20.hovered,
.sprite.s-5-20 .subCubeText {
  background-image: url("img/CubePictures/5_20.jpg");
}
.sprite.s-5-20 .subCubeText {
  opacity: 0!important;
}
.sprite.s-4-20 {
  background-image: url("img/CubePictures/Icons/4_20.png");
  background-size: contain;
}
.sprite.s-4-20.hovered,
.sprite.s-4-20 .subCubeText {
  background-image: url("img/CubePictures/4_20.jpg");
}
.sprite.s-4-20 .subCubeText {
  opacity: 0!important;
}
.sprite.s-3-20 {
  background-image: url("img/CubePictures/Icons/3_20.png");
  background-size: contain;
}
.sprite.s-3-20.hovered,
.sprite.s-3-20 .subCubeText {
  background-image: url("img/CubePictures/3_20.jpg");
}
.sprite.s-3-20 .subCubeText {
  opacity: 0!important;
}
.sprite.s-2-20 {
  background-image: url("img/CubePictures/Icons/2_20.png");
  background-size: contain;
}
.sprite.s-2-20.hovered,
.sprite.s-2-20 .subCubeText {
  background-image: url("img/CubePictures/2_20.jpg");
}
.sprite.s-2-20 .subCubeText {
  opacity: 0!important;
}
.sprite.s-1-20 {
  background-image: url("img/CubePictures/Icons/1_20.png");
  background-size: contain;
}
.sprite.s-1-20.hovered,
.sprite.s-1-20 .subCubeText {
  background-image: url("img/CubePictures/1_20.jpg");
}
.sprite.s-1-20 .subCubeText {
  opacity: 0!important;
}
.sprite.s-6-19 {
  background-image: url("img/CubePictures/Icons/6_19.png");
  background-size: contain;
}
.sprite.s-6-19.hovered,
.sprite.s-6-19 .subCubeText {
  background-image: url("img/CubePictures/6_19.jpg");
}
.sprite.s-6-19 .subCubeText {
  opacity: 0!important;
}
.sprite.s-5-19 {
  background-image: url("img/CubePictures/Icons/5_19.png");
  background-size: contain;
}
.sprite.s-5-19.hovered,
.sprite.s-5-19 .subCubeText {
  background-image: url("img/CubePictures/5_19.jpg");
}
.sprite.s-5-19 .subCubeText {
  opacity: 0!important;
}
.sprite.s-4-19 {
  background-image: url("img/CubePictures/Icons/4_19.png");
  background-size: contain;
}
.sprite.s-4-19.hovered,
.sprite.s-4-19 .subCubeText {
  background-image: url("img/CubePictures/4_19.jpg");
}
.sprite.s-4-19 .subCubeText {
  opacity: 0!important;
}
.sprite.s-3-19 {
  background-image: url("img/CubePictures/Icons/3_19.png");
  background-size: contain;
}
.sprite.s-3-19.hovered,
.sprite.s-3-19 .subCubeText {
  background-image: url("img/CubePictures/3_19.jpg");
}
.sprite.s-3-19 .subCubeText {
  opacity: 0!important;
}
.sprite.s-2-19 {
  background-image: url("img/CubePictures/Icons/2_19.png");
  background-size: contain;
}
.sprite.s-2-19.hovered,
.sprite.s-2-19 .subCubeText {
  background-image: url("img/CubePictures/2_19.jpg");
}
.sprite.s-2-19 .subCubeText {
  opacity: 0!important;
}
.sprite.s-1-19 {
  background-image: url("img/CubePictures/Icons/1_19.png");
  background-size: contain;
}
.sprite.s-1-19.hovered,
.sprite.s-1-19 .subCubeText {
  background-image: url("img/CubePictures/1_19.jpg");
}
.sprite.s-1-19 .subCubeText {
  opacity: 0!important;
}
.sprite.s-6-18 {
  background-image: url("img/CubePictures/Icons/6_18.png");
  background-size: contain;
}
.sprite.s-6-18.hovered,
.sprite.s-6-18 .subCubeText {
  background-image: url("img/CubePictures/6_18.jpg");
}
.sprite.s-6-18 .subCubeText {
  opacity: 0!important;
}
.sprite.s-5-18 {
  background-image: url("img/CubePictures/Icons/5_18.png");
  background-size: contain;
}
.sprite.s-5-18.hovered,
.sprite.s-5-18 .subCubeText {
  background-image: url("img/CubePictures/5_18.jpg");
}
.sprite.s-5-18 .subCubeText {
  opacity: 0!important;
}
.sprite.s-4-18 {
  background-image: url("img/CubePictures/Icons/4_18.png");
  background-size: contain;
}
.sprite.s-4-18.hovered,
.sprite.s-4-18 .subCubeText {
  background-image: url("img/CubePictures/4_18.jpg");
}
.sprite.s-4-18 .subCubeText {
  opacity: 0!important;
}
.sprite.s-3-18 {
  background-image: url("img/CubePictures/Icons/3_18.png");
  background-size: contain;
}
.sprite.s-3-18.hovered,
.sprite.s-3-18 .subCubeText {
  background-image: url("img/CubePictures/3_18.jpg");
}
.sprite.s-3-18 .subCubeText {
  opacity: 0!important;
}
.sprite.s-2-18 {
  background-image: url("img/CubePictures/Icons/2_18.png");
  background-size: contain;
}
.sprite.s-2-18.hovered,
.sprite.s-2-18 .subCubeText {
  background-image: url("img/CubePictures/2_18.jpg");
}
.sprite.s-2-18 .subCubeText {
  opacity: 0!important;
}
.sprite.s-1-18 {
  background-image: url("img/CubePictures/Icons/1_18.png");
  background-size: contain;
}
.sprite.s-1-18.hovered,
.sprite.s-1-18 .subCubeText {
  background-image: url("img/CubePictures/1_18.jpg");
}
.sprite.s-1-18 .subCubeText {
  opacity: 0!important;
}
.sprite.s-6-17 {
  background-image: url("img/CubePictures/Icons/6_17.png");
  background-size: contain;
}
.sprite.s-6-17.hovered,
.sprite.s-6-17 .subCubeText {
  background-image: url("img/CubePictures/6_17.jpg");
}
.sprite.s-6-17 .subCubeText {
  opacity: 0!important;
}
.sprite.s-5-17 {
  background-image: url("img/CubePictures/Icons/5_17.png");
  background-size: contain;
}
.sprite.s-5-17.hovered,
.sprite.s-5-17 .subCubeText {
  background-image: url("img/CubePictures/5_17.jpg");
}
.sprite.s-5-17 .subCubeText {
  opacity: 0!important;
}
.sprite.s-4-17 {
  background-image: url("img/CubePictures/Icons/4_17.png");
  background-size: contain;
}
.sprite.s-4-17.hovered,
.sprite.s-4-17 .subCubeText {
  background-image: url("img/CubePictures/4_17.jpg");
}
.sprite.s-4-17 .subCubeText {
  opacity: 0!important;
}
.sprite.s-3-17 {
  background-image: url("img/CubePictures/Icons/3_17.png");
  background-size: contain;
}
.sprite.s-3-17.hovered,
.sprite.s-3-17 .subCubeText {
  background-image: url("img/CubePictures/3_17.jpg");
}
.sprite.s-3-17 .subCubeText {
  opacity: 0!important;
}
.sprite.s-2-17 {
  background-image: url("img/CubePictures/Icons/2_17.png");
  background-size: contain;
}
.sprite.s-2-17.hovered,
.sprite.s-2-17 .subCubeText {
  background-image: url("img/CubePictures/2_17.jpg");
}
.sprite.s-2-17 .subCubeText {
  opacity: 0!important;
}
.sprite.s-1-17 {
  background-image: url("img/CubePictures/Icons/1_17.png");
  background-size: contain;
}
.sprite.s-1-17.hovered,
.sprite.s-1-17 .subCubeText {
  background-image: url("img/CubePictures/1_17.jpg");
}
.sprite.s-1-17 .subCubeText {
  opacity: 0!important;
}
.sprite.s-6-16 {
  background-image: url("img/CubePictures/Icons/6_16.png");
  background-size: contain;
}
.sprite.s-6-16.hovered,
.sprite.s-6-16 .subCubeText {
  background-image: url("img/CubePictures/6_16.jpg");
}
.sprite.s-6-16 .subCubeText {
  opacity: 0!important;
}
.sprite.s-5-16 {
  background-image: url("img/CubePictures/Icons/5_16.png");
  background-size: contain;
}
.sprite.s-5-16.hovered,
.sprite.s-5-16 .subCubeText {
  background-image: url("img/CubePictures/5_16.jpg");
}
.sprite.s-5-16 .subCubeText {
  opacity: 0!important;
}
.sprite.s-4-16 {
  background-image: url("img/CubePictures/Icons/4_16.png");
  background-size: contain;
}
.sprite.s-4-16.hovered,
.sprite.s-4-16 .subCubeText {
  background-image: url("img/CubePictures/4_16.jpg");
}
.sprite.s-4-16 .subCubeText {
  opacity: 0!important;
}
.sprite.s-3-16 {
  background-image: url("img/CubePictures/Icons/3_16.png");
  background-size: contain;
}
.sprite.s-3-16.hovered,
.sprite.s-3-16 .subCubeText {
  background-image: url("img/CubePictures/3_16.jpg");
}
.sprite.s-3-16 .subCubeText {
  opacity: 0!important;
}
.sprite.s-2-16 {
  background-image: url("img/CubePictures/Icons/2_16.png");
  background-size: contain;
}
.sprite.s-2-16.hovered,
.sprite.s-2-16 .subCubeText {
  background-image: url("img/CubePictures/2_16.jpg");
}
.sprite.s-2-16 .subCubeText {
  opacity: 0!important;
}
.sprite.s-1-16 {
  background-image: url("img/CubePictures/Icons/1_16.png");
  background-size: contain;
}
.sprite.s-1-16.hovered,
.sprite.s-1-16 .subCubeText {
  background-image: url("img/CubePictures/1_16.jpg");
}
.sprite.s-1-16 .subCubeText {
  opacity: 0!important;
}
.sprite.s-6-15 {
  background-image: url("img/CubePictures/Icons/6_15.png");
  background-size: contain;
}
.sprite.s-6-15.hovered,
.sprite.s-6-15 .subCubeText {
  background-image: url("img/CubePictures/6_15.jpg");
}
.sprite.s-6-15 .subCubeText {
  opacity: 0!important;
}
.sprite.s-5-15 {
  background-image: url("img/CubePictures/Icons/5_15.png");
  background-size: contain;
}
.sprite.s-5-15.hovered,
.sprite.s-5-15 .subCubeText {
  background-image: url("img/CubePictures/5_15.jpg");
}
.sprite.s-5-15 .subCubeText {
  opacity: 0!important;
}
.sprite.s-4-15 {
  background-image: url("img/CubePictures/Icons/4_15.png");
  background-size: contain;
}
.sprite.s-4-15.hovered,
.sprite.s-4-15 .subCubeText {
  background-image: url("img/CubePictures/4_15.jpg");
}
.sprite.s-4-15 .subCubeText {
  opacity: 0!important;
}
.sprite.s-3-15 {
  background-image: url("img/CubePictures/Icons/3_15.png");
  background-size: contain;
}
.sprite.s-3-15.hovered,
.sprite.s-3-15 .subCubeText {
  background-image: url("img/CubePictures/3_15.jpg");
}
.sprite.s-3-15 .subCubeText {
  opacity: 0!important;
}
.sprite.s-2-15 {
  background-image: url("img/CubePictures/Icons/2_15.png");
  background-size: contain;
}
.sprite.s-2-15.hovered,
.sprite.s-2-15 .subCubeText {
  background-image: url("img/CubePictures/2_15.jpg");
}
.sprite.s-2-15 .subCubeText {
  opacity: 0!important;
}
.sprite.s-1-15 {
  background-image: url("img/CubePictures/Icons/1_15.png");
  background-size: contain;
}
.sprite.s-1-15.hovered,
.sprite.s-1-15 .subCubeText {
  background-image: url("img/CubePictures/1_15.jpg");
}
.sprite.s-1-15 .subCubeText {
  opacity: 0!important;
}
.sprite.s-6-14 {
  background-image: url("img/CubePictures/Icons/6_14.png");
  background-size: contain;
}
.sprite.s-6-14.hovered,
.sprite.s-6-14 .subCubeText {
  background-image: url("img/CubePictures/6_14.jpg");
}
.sprite.s-6-14 .subCubeText {
  opacity: 0!important;
}
.sprite.s-5-14 {
  background-image: url("img/CubePictures/Icons/5_14.png");
  background-size: contain;
}
.sprite.s-5-14.hovered,
.sprite.s-5-14 .subCubeText {
  background-image: url("img/CubePictures/5_14.jpg");
}
.sprite.s-5-14 .subCubeText {
  opacity: 0!important;
}
.sprite.s-4-14 {
  background-image: url("img/CubePictures/Icons/4_14.png");
  background-size: contain;
}
.sprite.s-4-14.hovered,
.sprite.s-4-14 .subCubeText {
  background-image: url("img/CubePictures/4_14.jpg");
}
.sprite.s-4-14 .subCubeText {
  opacity: 0!important;
}
.sprite.s-3-14 {
  background-image: url("img/CubePictures/Icons/3_14.png");
  background-size: contain;
}
.sprite.s-3-14.hovered,
.sprite.s-3-14 .subCubeText {
  background-image: url("img/CubePictures/3_14.jpg");
}
.sprite.s-3-14 .subCubeText {
  opacity: 0!important;
}
.sprite.s-2-14 {
  background-image: url("img/CubePictures/Icons/2_14.png");
  background-size: contain;
}
.sprite.s-2-14.hovered,
.sprite.s-2-14 .subCubeText {
  background-image: url("img/CubePictures/2_14.jpg");
}
.sprite.s-2-14 .subCubeText {
  opacity: 0!important;
}
.sprite.s-1-14 {
  background-image: url("img/CubePictures/Icons/1_14.png");
  background-size: contain;
}
.sprite.s-1-14.hovered,
.sprite.s-1-14 .subCubeText {
  background-image: url("img/CubePictures/1_14.jpg");
}
.sprite.s-1-14 .subCubeText {
  opacity: 0!important;
}
.sprite.s-6-13 {
  background-image: url("img/CubePictures/Icons/6_13.png");
  background-size: contain;
}
.sprite.s-6-13.hovered,
.sprite.s-6-13 .subCubeText {
  background-image: url("img/CubePictures/6_13.jpg");
}
.sprite.s-6-13 .subCubeText {
  opacity: 0!important;
}
.sprite.s-5-13 {
  background-image: url("img/CubePictures/Icons/5_13.png");
  background-size: contain;
}
.sprite.s-5-13.hovered,
.sprite.s-5-13 .subCubeText {
  background-image: url("img/CubePictures/5_13.jpg");
}
.sprite.s-5-13 .subCubeText {
  opacity: 0!important;
}
.sprite.s-4-13 {
  background-image: url("img/CubePictures/Icons/4_13.png");
  background-size: contain;
}
.sprite.s-4-13.hovered,
.sprite.s-4-13 .subCubeText {
  background-image: url("img/CubePictures/4_13.jpg");
}
.sprite.s-4-13 .subCubeText {
  opacity: 0!important;
}
.sprite.s-3-13 {
  background-image: url("img/CubePictures/Icons/3_13.png");
  background-size: contain;
}
.sprite.s-3-13.hovered,
.sprite.s-3-13 .subCubeText {
  background-image: url("img/CubePictures/3_13.jpg");
}
.sprite.s-3-13 .subCubeText {
  opacity: 0!important;
}
.sprite.s-2-13 {
  background-image: url("img/CubePictures/Icons/2_13.png");
  background-size: contain;
}
.sprite.s-2-13.hovered,
.sprite.s-2-13 .subCubeText {
  background-image: url("img/CubePictures/2_13.jpg");
}
.sprite.s-2-13 .subCubeText {
  opacity: 0!important;
}
.sprite.s-1-13 {
  background-image: url("img/CubePictures/Icons/1_13.png");
  background-size: contain;
}
.sprite.s-1-13.hovered,
.sprite.s-1-13 .subCubeText {
  background-image: url("img/CubePictures/1_13.jpg");
}
.sprite.s-1-13 .subCubeText {
  opacity: 0!important;
}
.sprite.s-6-12 {
  background-image: url("img/CubePictures/Icons/6_12.png");
  background-size: contain;
}
.sprite.s-6-12.hovered,
.sprite.s-6-12 .subCubeText {
  background-image: url("img/CubePictures/6_12.jpg");
}
.sprite.s-6-12 .subCubeText {
  opacity: 0!important;
}
.sprite.s-5-12 {
  background-image: url("img/CubePictures/Icons/5_12.png");
  background-size: contain;
}
.sprite.s-5-12.hovered,
.sprite.s-5-12 .subCubeText {
  background-image: url("img/CubePictures/5_12.jpg");
}
.sprite.s-5-12 .subCubeText {
  opacity: 0!important;
}
.sprite.s-4-12 {
  background-image: url("img/CubePictures/Icons/4_12.png");
  background-size: contain;
}
.sprite.s-4-12.hovered,
.sprite.s-4-12 .subCubeText {
  background-image: url("img/CubePictures/4_12.jpg");
}
.sprite.s-4-12 .subCubeText {
  opacity: 0!important;
}
.sprite.s-3-12 {
  background-image: url("img/CubePictures/Icons/3_12.png");
  background-size: contain;
}
.sprite.s-3-12.hovered,
.sprite.s-3-12 .subCubeText {
  background-image: url("img/CubePictures/3_12.jpg");
}
.sprite.s-3-12 .subCubeText {
  opacity: 0!important;
}
.sprite.s-2-12 {
  background-image: url("img/CubePictures/Icons/2_12.png");
  background-size: contain;
}
.sprite.s-2-12.hovered,
.sprite.s-2-12 .subCubeText {
  background-image: url("img/CubePictures/2_12.jpg");
}
.sprite.s-2-12 .subCubeText {
  opacity: 0!important;
}
.sprite.s-1-12 {
  background-image: url("img/CubePictures/Icons/1_12.png");
  background-size: contain;
}
.sprite.s-1-12.hovered,
.sprite.s-1-12 .subCubeText {
  background-image: url("img/CubePictures/1_12.jpg");
}
.sprite.s-1-12 .subCubeText {
  opacity: 0!important;
}
.sprite.s-6-11 {
  background-image: url("img/CubePictures/Icons/6_11.png");
  background-size: contain;
}
.sprite.s-6-11.hovered,
.sprite.s-6-11 .subCubeText {
  background-image: url("img/CubePictures/6_11.jpg");
}
.sprite.s-6-11 .subCubeText {
  opacity: 0!important;
}
.sprite.s-5-11 {
  background-image: url("img/CubePictures/Icons/5_11.png");
  background-size: contain;
}
.sprite.s-5-11.hovered,
.sprite.s-5-11 .subCubeText {
  background-image: url("img/CubePictures/5_11.jpg");
}
.sprite.s-5-11 .subCubeText {
  opacity: 0!important;
}
.sprite.s-4-11 {
  background-image: url("img/CubePictures/Icons/4_11.png");
  background-size: contain;
}
.sprite.s-4-11.hovered,
.sprite.s-4-11 .subCubeText {
  background-image: url("img/CubePictures/4_11.jpg");
}
.sprite.s-4-11 .subCubeText {
  opacity: 0!important;
}
.sprite.s-3-11 {
  background-image: url("img/CubePictures/Icons/3_11.png");
  background-size: contain;
}
.sprite.s-3-11.hovered,
.sprite.s-3-11 .subCubeText {
  background-image: url("img/CubePictures/3_11.jpg");
}
.sprite.s-3-11 .subCubeText {
  opacity: 0!important;
}
.sprite.s-2-11 {
  background-image: url("img/CubePictures/Icons/2_11.png");
  background-size: contain;
}
.sprite.s-2-11.hovered,
.sprite.s-2-11 .subCubeText {
  background-image: url("img/CubePictures/2_11.jpg");
}
.sprite.s-2-11 .subCubeText {
  opacity: 0!important;
}
.sprite.s-1-11 {
  background-image: url("img/CubePictures/Icons/1_11.png");
  background-size: contain;
}
.sprite.s-1-11.hovered,
.sprite.s-1-11 .subCubeText {
  background-image: url("img/CubePictures/1_11.jpg");
}
.sprite.s-1-11 .subCubeText {
  opacity: 0!important;
}
.sprite.s-6-10 {
  background-image: url("img/CubePictures/Icons/6_10.png");
  background-size: contain;
}
.sprite.s-6-10.hovered,
.sprite.s-6-10 .subCubeText {
  background-image: url("img/CubePictures/6_10.jpg");
}
.sprite.s-6-10 .subCubeText {
  opacity: 0!important;
}
.sprite.s-5-10 {
  background-image: url("img/CubePictures/Icons/5_10.png");
  background-size: contain;
}
.sprite.s-5-10.hovered,
.sprite.s-5-10 .subCubeText {
  background-image: url("img/CubePictures/5_10.jpg");
}
.sprite.s-5-10 .subCubeText {
  opacity: 0!important;
}
.sprite.s-4-10 {
  background-image: url("img/CubePictures/Icons/4_10.png");
  background-size: contain;
}
.sprite.s-4-10.hovered,
.sprite.s-4-10 .subCubeText {
  background-image: url("img/CubePictures/4_10.jpg");
}
.sprite.s-4-10 .subCubeText {
  opacity: 0!important;
}
.sprite.s-3-10 {
  background-image: url("img/CubePictures/Icons/3_10.png");
  background-size: contain;
}
.sprite.s-3-10.hovered,
.sprite.s-3-10 .subCubeText {
  background-image: url("img/CubePictures/3_10.jpg");
}
.sprite.s-3-10 .subCubeText {
  opacity: 0!important;
}
.sprite.s-2-10 {
  background-image: url("img/CubePictures/Icons/2_10.png");
  background-size: contain;
}
.sprite.s-2-10.hovered,
.sprite.s-2-10 .subCubeText {
  background-image: url("img/CubePictures/2_10.jpg");
}
.sprite.s-2-10 .subCubeText {
  opacity: 0!important;
}
.sprite.s-1-10 {
  background-image: url("img/CubePictures/Icons/1_10.png");
  background-size: contain;
}
.sprite.s-1-10.hovered,
.sprite.s-1-10 .subCubeText {
  background-image: url("img/CubePictures/1_10.jpg");
}
.sprite.s-1-10 .subCubeText {
  opacity: 0!important;
}
.sprite.s-6-9 {
  background-image: url("img/CubePictures/Icons/6_9.png");
  background-size: contain;
}
.sprite.s-6-9.hovered,
.sprite.s-6-9 .subCubeText {
  background-image: url("img/CubePictures/6_9.jpg");
}
.sprite.s-6-9 .subCubeText {
  opacity: 0!important;
}
.sprite.s-5-9 {
  background-image: url("img/CubePictures/Icons/5_9.png");
  background-size: contain;
}
.sprite.s-5-9.hovered,
.sprite.s-5-9 .subCubeText {
  background-image: url("img/CubePictures/5_9.jpg");
}
.sprite.s-5-9 .subCubeText {
  opacity: 0!important;
}
.sprite.s-4-9 {
  background-image: url("img/CubePictures/Icons/4_9.png");
  background-size: contain;
}
.sprite.s-4-9.hovered,
.sprite.s-4-9 .subCubeText {
  background-image: url("img/CubePictures/4_9.jpg");
}
.sprite.s-4-9 .subCubeText {
  opacity: 0!important;
}
.sprite.s-3-9 {
  background-image: url("img/CubePictures/Icons/3_9.png");
  background-size: contain;
}
.sprite.s-3-9.hovered,
.sprite.s-3-9 .subCubeText {
  background-image: url("img/CubePictures/3_9.jpg");
}
.sprite.s-3-9 .subCubeText {
  opacity: 0!important;
}
.sprite.s-2-9 {
  background-image: url("img/CubePictures/Icons/2_9.png");
  background-size: contain;
}
.sprite.s-2-9.hovered,
.sprite.s-2-9 .subCubeText {
  background-image: url("img/CubePictures/2_9.jpg");
}
.sprite.s-2-9 .subCubeText {
  opacity: 0!important;
}
.sprite.s-1-9 {
  background-image: url("img/CubePictures/Icons/1_9.png");
  background-size: contain;
}
.sprite.s-1-9.hovered,
.sprite.s-1-9 .subCubeText {
  background-image: url("img/CubePictures/1_9.jpg");
}
.sprite.s-1-9 .subCubeText {
  opacity: 0!important;
}
.sprite.s-6-8 {
  background-image: url("img/CubePictures/Icons/6_8.png");
  background-size: contain;
}
.sprite.s-6-8.hovered,
.sprite.s-6-8 .subCubeText {
  background-image: url("img/CubePictures/6_8.jpg");
}
.sprite.s-6-8 .subCubeText {
  opacity: 0!important;
}
.sprite.s-5-8 {
  background-image: url("img/CubePictures/Icons/5_8.png");
  background-size: contain;
}
.sprite.s-5-8.hovered,
.sprite.s-5-8 .subCubeText {
  background-image: url("img/CubePictures/5_8.jpg");
}
.sprite.s-5-8 .subCubeText {
  opacity: 0!important;
}
.sprite.s-4-8 {
  background-image: url("img/CubePictures/Icons/4_8.png");
  background-size: contain;
}
.sprite.s-4-8.hovered,
.sprite.s-4-8 .subCubeText {
  background-image: url("img/CubePictures/4_8.jpg");
}
.sprite.s-4-8 .subCubeText {
  opacity: 0!important;
}
.sprite.s-3-8 {
  background-image: url("img/CubePictures/Icons/3_8.png");
  background-size: contain;
}
.sprite.s-3-8.hovered,
.sprite.s-3-8 .subCubeText {
  background-image: url("img/CubePictures/3_8.jpg");
}
.sprite.s-3-8 .subCubeText {
  opacity: 0!important;
}
.sprite.s-2-8 {
  background-image: url("img/CubePictures/Icons/2_8.png");
  background-size: contain;
}
.sprite.s-2-8.hovered,
.sprite.s-2-8 .subCubeText {
  background-image: url("img/CubePictures/2_8.jpg");
}
.sprite.s-2-8 .subCubeText {
  opacity: 0!important;
}
.sprite.s-1-8 {
  background-image: url("img/CubePictures/Icons/1_8.png");
  background-size: contain;
}
.sprite.s-1-8.hovered,
.sprite.s-1-8 .subCubeText {
  background-image: url("img/CubePictures/1_8.jpg");
}
.sprite.s-1-8 .subCubeText {
  opacity: 0!important;
}
.sprite.s-6-7 {
  background-image: url("img/CubePictures/Icons/6_7.png");
  background-size: contain;
}
.sprite.s-6-7.hovered,
.sprite.s-6-7 .subCubeText {
  background-image: url("img/CubePictures/6_7.jpg");
}
.sprite.s-6-7 .subCubeText {
  opacity: 0!important;
}
.sprite.s-5-7 {
  background-image: url("img/CubePictures/Icons/5_7.png");
  background-size: contain;
}
.sprite.s-5-7.hovered,
.sprite.s-5-7 .subCubeText {
  background-image: url("img/CubePictures/5_7.jpg");
}
.sprite.s-5-7 .subCubeText {
  opacity: 0!important;
}
.sprite.s-4-7 {
  background-image: url("img/CubePictures/Icons/4_7.png");
  background-size: contain;
}
.sprite.s-4-7.hovered,
.sprite.s-4-7 .subCubeText {
  background-image: url("img/CubePictures/4_7.jpg");
}
.sprite.s-4-7 .subCubeText {
  opacity: 0!important;
}
.sprite.s-3-7 {
  background-image: url("img/CubePictures/Icons/3_7.png");
  background-size: contain;
}
.sprite.s-3-7.hovered,
.sprite.s-3-7 .subCubeText {
  background-image: url("img/CubePictures/3_7.jpg");
}
.sprite.s-3-7 .subCubeText {
  opacity: 0!important;
}
.sprite.s-2-7 {
  background-image: url("img/CubePictures/Icons/2_7.png");
  background-size: contain;
}
.sprite.s-2-7.hovered,
.sprite.s-2-7 .subCubeText {
  background-image: url("img/CubePictures/2_7.jpg");
}
.sprite.s-2-7 .subCubeText {
  opacity: 0!important;
}
.sprite.s-1-7 {
  background-image: url("img/CubePictures/Icons/1_7.png");
  background-size: contain;
}
.sprite.s-1-7.hovered,
.sprite.s-1-7 .subCubeText {
  background-image: url("img/CubePictures/1_7.jpg");
}
.sprite.s-1-7 .subCubeText {
  opacity: 0!important;
}
.sprite.s-6-6 {
  background-image: url("img/CubePictures/Icons/6_6.png");
  background-size: contain;
}
.sprite.s-6-6.hovered,
.sprite.s-6-6 .subCubeText {
  background-image: url("img/CubePictures/6_6.jpg");
}
.sprite.s-6-6 .subCubeText {
  opacity: 0!important;
}
.sprite.s-5-6 {
  background-image: url("img/CubePictures/Icons/5_6.png");
  background-size: contain;
}
.sprite.s-5-6.hovered,
.sprite.s-5-6 .subCubeText {
  background-image: url("img/CubePictures/5_6.jpg");
}
.sprite.s-5-6 .subCubeText {
  opacity: 0!important;
}
.sprite.s-4-6 {
  background-image: url("img/CubePictures/Icons/4_6.png");
  background-size: contain;
}
.sprite.s-4-6.hovered,
.sprite.s-4-6 .subCubeText {
  background-image: url("img/CubePictures/4_6.jpg");
}
.sprite.s-4-6 .subCubeText {
  opacity: 0!important;
}
.sprite.s-3-6 {
  background-image: url("img/CubePictures/Icons/3_6.png");
  background-size: contain;
}
.sprite.s-3-6.hovered,
.sprite.s-3-6 .subCubeText {
  background-image: url("img/CubePictures/3_6.jpg");
}
.sprite.s-3-6 .subCubeText {
  opacity: 0!important;
}
.sprite.s-2-6 {
  background-image: url("img/CubePictures/Icons/2_6.png");
  background-size: contain;
}
.sprite.s-2-6.hovered,
.sprite.s-2-6 .subCubeText {
  background-image: url("img/CubePictures/2_6.jpg");
}
.sprite.s-2-6 .subCubeText {
  opacity: 0!important;
}
.sprite.s-1-6 {
  background-image: url("img/CubePictures/Icons/1_6.png");
  background-size: contain;
}
.sprite.s-1-6.hovered,
.sprite.s-1-6 .subCubeText {
  background-image: url("img/CubePictures/1_6.jpg");
}
.sprite.s-1-6 .subCubeText {
  opacity: 0!important;
}
.sprite.s-6-5 {
  background-image: url("img/CubePictures/Icons/6_5.png");
  background-size: contain;
}
.sprite.s-6-5.hovered,
.sprite.s-6-5 .subCubeText {
  background-image: url("img/CubePictures/6_5.jpg");
}
.sprite.s-6-5 .subCubeText {
  opacity: 0!important;
}
.sprite.s-5-5 {
  background-image: url("img/CubePictures/Icons/5_5.png");
  background-size: contain;
}
.sprite.s-5-5.hovered,
.sprite.s-5-5 .subCubeText {
  background-image: url("img/CubePictures/5_5.jpg");
}
.sprite.s-5-5 .subCubeText {
  opacity: 0!important;
}
.sprite.s-4-5 {
  background-image: url("img/CubePictures/Icons/4_5.png");
  background-size: contain;
}
.sprite.s-4-5.hovered,
.sprite.s-4-5 .subCubeText {
  background-image: url("img/CubePictures/4_5.jpg");
}
.sprite.s-4-5 .subCubeText {
  opacity: 0!important;
}
.sprite.s-3-5 {
  background-image: url("img/CubePictures/Icons/3_5.png");
  background-size: contain;
}
.sprite.s-3-5.hovered,
.sprite.s-3-5 .subCubeText {
  background-image: url("img/CubePictures/3_5.jpg");
}
.sprite.s-3-5 .subCubeText {
  opacity: 0!important;
}
.sprite.s-2-5 {
  background-image: url("img/CubePictures/Icons/2_5.png");
  background-size: contain;
}
.sprite.s-2-5.hovered,
.sprite.s-2-5 .subCubeText {
  background-image: url("img/CubePictures/2_5.jpg");
}
.sprite.s-2-5 .subCubeText {
  opacity: 0!important;
}
.sprite.s-1-5 {
  background-image: url("img/CubePictures/Icons/1_5.png");
  background-size: contain;
}
.sprite.s-1-5.hovered,
.sprite.s-1-5 .subCubeText {
  background-image: url("img/CubePictures/1_5.jpg");
}
.sprite.s-1-5 .subCubeText {
  opacity: 0!important;
}
.sprite.s-6-4 {
  background-image: url("img/CubePictures/Icons/6_4.png");
  background-size: contain;
}
.sprite.s-6-4.hovered,
.sprite.s-6-4 .subCubeText {
  background-image: url("img/CubePictures/6_4.jpg");
}
.sprite.s-6-4 .subCubeText {
  opacity: 0!important;
}
.sprite.s-5-4 {
  background-image: url("img/CubePictures/Icons/5_4.png");
  background-size: contain;
}
.sprite.s-5-4.hovered,
.sprite.s-5-4 .subCubeText {
  background-image: url("img/CubePictures/5_4.jpg");
}
.sprite.s-5-4 .subCubeText {
  opacity: 0!important;
}
.sprite.s-4-4 {
  background-image: url("img/CubePictures/Icons/4_4.png");
  background-size: contain;
}
.sprite.s-4-4.hovered,
.sprite.s-4-4 .subCubeText {
  background-image: url("img/CubePictures/4_4.jpg");
}
.sprite.s-4-4 .subCubeText {
  opacity: 0!important;
}
.sprite.s-3-4 {
  background-image: url("img/CubePictures/Icons/3_4.png");
  background-size: contain;
}
.sprite.s-3-4.hovered,
.sprite.s-3-4 .subCubeText {
  background-image: url("img/CubePictures/3_4.jpg");
}
.sprite.s-3-4 .subCubeText {
  opacity: 0!important;
}
.sprite.s-2-4 {
  background-image: url("img/CubePictures/Icons/2_4.png");
  background-size: contain;
}
.sprite.s-2-4.hovered,
.sprite.s-2-4 .subCubeText {
  background-image: url("img/CubePictures/2_4.jpg");
}
.sprite.s-2-4 .subCubeText {
  opacity: 0!important;
}
.sprite.s-1-4 {
  background-image: url("img/CubePictures/Icons/1_4.png");
  background-size: contain;
}
.sprite.s-1-4.hovered,
.sprite.s-1-4 .subCubeText {
  background-image: url("img/CubePictures/1_4.jpg");
}
.sprite.s-1-4 .subCubeText {
  opacity: 0!important;
}
.sprite.s-6-3 {
  background-image: url("img/CubePictures/Icons/6_3.png");
  background-size: contain;
}
.sprite.s-6-3.hovered,
.sprite.s-6-3 .subCubeText {
  background-image: url("img/CubePictures/6_3.jpg");
}
.sprite.s-6-3 .subCubeText {
  opacity: 0!important;
}
.sprite.s-5-3 {
  background-image: url("img/CubePictures/Icons/5_3.png");
  background-size: contain;
}
.sprite.s-5-3.hovered,
.sprite.s-5-3 .subCubeText {
  background-image: url("img/CubePictures/5_3.jpg");
}
.sprite.s-5-3 .subCubeText {
  opacity: 0!important;
}
.sprite.s-4-3 {
  background-image: url("img/CubePictures/Icons/4_3.png");
  background-size: contain;
}
.sprite.s-4-3.hovered,
.sprite.s-4-3 .subCubeText {
  background-image: url("img/CubePictures/4_3.jpg");
}
.sprite.s-4-3 .subCubeText {
  opacity: 0!important;
}
.sprite.s-3-3 {
  background-image: url("img/CubePictures/Icons/3_3.png");
  background-size: contain;
}
.sprite.s-3-3.hovered,
.sprite.s-3-3 .subCubeText {
  background-image: url("img/CubePictures/3_3.jpg");
}
.sprite.s-3-3 .subCubeText {
  opacity: 0!important;
}
.sprite.s-2-3 {
  background-image: url("img/CubePictures/Icons/2_3.png");
  background-size: contain;
}
.sprite.s-2-3.hovered,
.sprite.s-2-3 .subCubeText {
  background-image: url("img/CubePictures/2_3.jpg");
}
.sprite.s-2-3 .subCubeText {
  opacity: 0!important;
}
.sprite.s-1-3 {
  background-image: url("img/CubePictures/Icons/1_3.png");
  background-size: contain;
}
.sprite.s-1-3.hovered,
.sprite.s-1-3 .subCubeText {
  background-image: url("img/CubePictures/1_3.jpg");
}
.sprite.s-1-3 .subCubeText {
  opacity: 0!important;
}
.sprite.s-6-2 {
  background-image: url("img/CubePictures/Icons/6_2.png");
  background-size: contain;
}
.sprite.s-6-2.hovered,
.sprite.s-6-2 .subCubeText {
  background-image: url("img/CubePictures/6_2.jpg");
}
.sprite.s-6-2 .subCubeText {
  opacity: 0!important;
}
.sprite.s-5-2 {
  background-image: url("img/CubePictures/Icons/5_2.png");
  background-size: contain;
}
.sprite.s-5-2.hovered,
.sprite.s-5-2 .subCubeText {
  background-image: url("img/CubePictures/5_2.jpg");
}
.sprite.s-5-2 .subCubeText {
  opacity: 0!important;
}
.sprite.s-4-2 {
  background-image: url("img/CubePictures/Icons/4_2.png");
  background-size: contain;
}
.sprite.s-4-2.hovered,
.sprite.s-4-2 .subCubeText {
  background-image: url("img/CubePictures/4_2.jpg");
}
.sprite.s-4-2 .subCubeText {
  opacity: 0!important;
}
.sprite.s-3-2 {
  background-image: url("img/CubePictures/Icons/3_2.png");
  background-size: contain;
}
.sprite.s-3-2.hovered,
.sprite.s-3-2 .subCubeText {
  background-image: url("img/CubePictures/3_2.jpg");
}
.sprite.s-3-2 .subCubeText {
  opacity: 0!important;
}
.sprite.s-2-2 {
  background-image: url("img/CubePictures/Icons/2_2.png");
  background-size: contain;
}
.sprite.s-2-2.hovered,
.sprite.s-2-2 .subCubeText {
  background-image: url("img/CubePictures/2_2.jpg");
}
.sprite.s-2-2 .subCubeText {
  opacity: 0!important;
}
.sprite.s-1-2 {
  background-image: url("img/CubePictures/Icons/1_2.png");
  background-size: contain;
}
.sprite.s-1-2.hovered,
.sprite.s-1-2 .subCubeText {
  background-image: url("img/CubePictures/1_2.jpg");
}
.sprite.s-1-2 .subCubeText {
  opacity: 0!important;
}
.sprite.s-6-1 {
  background-image: url("img/CubePictures/Icons/6_1.png");
  background-size: contain;
}
.sprite.s-6-1.hovered,
.sprite.s-6-1 .subCubeText {
  background-image: url("img/CubePictures/6_1.jpg");
}
.sprite.s-6-1 .subCubeText {
  opacity: 0!important;
}
.sprite.s-5-1 {
  background-image: url("img/CubePictures/Icons/5_1.png");
  background-size: contain;
}
.sprite.s-5-1.hovered,
.sprite.s-5-1 .subCubeText {
  background-image: url("img/CubePictures/5_1.jpg");
}
.sprite.s-5-1 .subCubeText {
  opacity: 0!important;
}
.sprite.s-4-1 {
  background-image: url("img/CubePictures/Icons/4_1.png");
  background-size: contain;
}
.sprite.s-4-1.hovered,
.sprite.s-4-1 .subCubeText {
  background-image: url("img/CubePictures/4_1.jpg");
}
.sprite.s-4-1 .subCubeText {
  opacity: 0!important;
}
.sprite.s-3-1 {
  background-image: url("img/CubePictures/Icons/3_1.png");
  background-size: contain;
}
.sprite.s-3-1.hovered,
.sprite.s-3-1 .subCubeText {
  background-image: url("img/CubePictures/3_1.jpg");
}
.sprite.s-3-1 .subCubeText {
  opacity: 0!important;
}
.sprite.s-2-1 {
  background-image: url("img/CubePictures/Icons/2_1.png");
  background-size: contain;
}
.sprite.s-2-1.hovered,
.sprite.s-2-1 .subCubeText {
  background-image: url("img/CubePictures/2_1.jpg");
}
.sprite.s-2-1 .subCubeText {
  opacity: 0!important;
}
.sprite.s-1-1 {
  background-image: url("img/CubePictures/Icons/1_1.png");
  background-size: contain;
}
.sprite.s-1-1.hovered,
.sprite.s-1-1 .subCubeText {
  background-image: url("img/CubePictures/1_1.jpg");
}
.sprite.s-1-1 .subCubeText {
  opacity: 0!important;
}
@media all and (max-width: 992px) {
  .cubeContainer {
    transform: scale(0.6);
  }
  #container {
    position: initial;
  }
  .controlsContainer {
    top: auto;
    right: 15px;
    bottom: 70px;
  }
  .controls {
    width: 110px;
    height: 73px;
    min-height: 73px;
    position: relative;
  }
  .controls .btn {
    width: 30px;
    height: 30px;
  }
  .btn-group-wraper {
    left: auto;
    right: calc(50% - 154px);
    top: 20px;
  }
  .button {
    font-size: 17px;
    padding: 4px 7px;
    min-width: 35px;
    min-height: 35px;
  }
  .face-buttons {
    right: calc(50% - 150px);
    top: 70px;
  }
  .face-buttons .button {
    margin: 0px 6px;
    padding: 4px 9px;
  }
  .file-button {
    right: calc(50% - 155px);
    font-size: 11px;
    padding: 7px 9px;
    z-index: 999;
    min-height: auto;
  }
}
/*   @media all and (max-width: 350px){
    .cubeContainer{
      transform: scale(0.5);
      transform-origin: 0 0;
      -webkit-perspective: 4000px!important;
      perspective: 4000px!important;
      width: calc(~"100 / 5 * 10%");
      height: calc(~"100 / 5 * 10%");
    }
  } */