.flow_right{
float: left;	
}

.div-tg{
display:inline;
}

.tg-nav{
padding: 0 0 5% 11%;
}

.tg-slider{
padding: 0 10% 10% 1%;
}

.clearing{
clear:both!impportant;
}

 /*CUBE IMAGE CAROUSEL */

@-webkit-keyframes spincube {
  from, to { -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); }
  13% { -webkit-transform: rotateY(-90deg); }
  39% { -webkit-transform: rotateY(-90deg) rotateZ(90deg); }
  50% { -webkit-transform: rotateY(-180deg) rotateZ(90deg); }
  63% { -webkit-transform: rotateY(-270deg) rotateX(90deg); }
  93% { -webkit-transform: rotateX(90deg); }
}

@keyframes spincube {
  from, to { transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); }
  13% { transform: rotateY(-90deg); }
  39% { transform: rotateY(-90deg) rotateZ(90deg); }
  50% { transform: rotateY(-180deg) rotateZ(90deg); }
  63% { transform: rotateY(-270deg) rotateX(90deg); }
  93% { transform: rotateX(90deg); }
}
  
  
.stage{
width: 33vw;
height: 23vw;
}

  .cubespinner {
  -webkit-animation: spincube 48 ease infinite;
  animation: spincube 48s ease infinite;

  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
-webkit-transform-origin: 16.5vw 16.5vw;
-moz-transform-origin: 16.5vw 16.5vw;
-ms-transform-origin: 16.5vw 16.5vw;
transform-origin: 16.5vw 16.5vw;

will-change: transform;
/* pointer-events: none; */
  }

.cubespinner div {
	  /*
    position: absolute;
    width: 120px;
    height: 120px;
    border: 1px solid #ccc;
    background: rgba(255,255,255,0.8);
    box-shadow: inset 0 0 20px rgba(0,0,0,0.2);
    line-height: 120px;
    text-align: center;
    font-size: 100px;
	*/

position: absolute;
width:33vw;
height:33vw;
border: 1px solid #ccc;
background:rgba(0, 255, 13, 0.1);
box-shadow: inset 0 0 20px rgb(0 0 0 / 20%);
line-height: 33vw;
text-align: center;
font-size: 6rem;
  }

  .cubespinner .face1 {
    -webkit-transform: translateZ(16.5vw);
    -moz-transform: translateZ(16.5vw);
    -ms-transform: translateZ(16.5vw);
    transform: translateZ(16.5vw);
will-change: transform;
/* pointer-events: none; */

  }
  .cubespinner .face2 {
    -webkit-transform: rotateY(90deg) translateZ(16.5vw);
    -moz-transform: rotateY(90deg) translateZ(16.5vw);
    -ms-transform: rotateY(90deg) translateZ(16.5vw);
    transform: rotateY(90deg) translateZ(16.5vw);
will-change: transform;
/* pointer-events: none; */
  }
  .cubespinner .face3 {
    -webkit-transform: rotateY(90deg) rotateX(90deg) translateZ(16.5vw);
    -moz-transform: rotateY(90deg) rotateX(90deg) translateZ(16.5vw);
    -ms-transform: rotateY(90deg) rotateX(90deg) translateZ(16.5vw);
    transform: rotateY(90deg) rotateX(90deg) translateZ(16.5vw);
will-change: transform;
/* pointer-events: none; */
  }
  .cubespinner .face4 {
    -webkit-transform: rotateY(180deg) rotateZ(90deg) translateZ(16.5vw);
    -moz-transform: rotateY(180deg) rotateZ(90deg) translateZ(16.5vw);
    -ms-transform: rotateY(180deg) rotateZ(90deg) translateZ(16.5vw);
    transform: rotateY(180deg) rotateZ(90deg) translateZ(16.5vw);
will-change: transform;
/* pointer-events: none; */
  }
  .cubespinner .face5 {
    -webkit-transform: rotateY(-90deg) rotateZ(90deg) translateZ(16.5vw);
    -moz-transform: rotateY(-90deg) rotateZ(90deg) translateZ(16.5vw);
    -ms-transform: rotateY(-90deg) rotateZ(90deg) translateZ(16.5vw);
    transform: rotateY(-90deg) rotateZ(90deg) translateZ(16.5vw);
will-change: transform;
/* pointer-events: none; */
  }
  .cubespinner .face6 {
    -webkit-transform: rotateX(-90deg) translateZ(16.5vw);
    -moz-transform: rotateX(-90deg) translateZ(16.5vw);
    -ms-transform: rotateX(-90deg) translateZ(16.5vw);
    transform: rotateX(-90deg) translateZ(16.5vw);
will-change: transform;
/* pointer-events: none; */
  }
  
@media (max-width: 1020px) {

.stage{
width: 33vh;
height: 23vh;
}

  .cubespinner {
-webkit-transform-origin: 16.5vh 16.5vh;
-moz-transform-origin: 16.5vh 16.5vh;
-ms-transform-origin: 16.5vh 16.5vh;
transform-origin: 16.5vh 16.5vh;
will-change: transform;
/* pointer-events: none; */
  }

.cubespinner div {
position: absolute;
width:33vh;
height:33vh;
line-height: 33vh;
  }

  .cubespinner .face1 {
    -webkit-transform: translateZ(16.5vh);
    -moz-transform: translateZ(16.5vh);
    -ms-transform: translateZ(16.5vh);
    transform: translateZ(16.5vh);
will-change: transform;
/* pointer-events: none; */
  }
  .cubespinner .face2 {
    -webkit-transform: rotateY(90deg) translateZ(16.5vh);
    -moz-transform: rotateY(90deg) translateZ(16.5vh);
    -ms-transform: rotateY(90deg) translateZ(16.5vh);
    transform: rotateY(90deg) translateZ(16.5vh);
will-change: transform;
/* pointer-events: none; */
  }
  .cubespinner .face3 {
    -webkit-transform: rotateY(90deg) rotateX(90deg) translateZ(16.5vh);
    -moz-transform: rotateY(90deg) rotateX(90deg) translateZ(16.5vh);
    -ms-transform: rotateY(90deg) rotateX(90deg) translateZ(16.5vh);
    transform: rotateY(90deg) rotateX(90deg) translateZ(16.5vh);
will-change: transform;
/* pointer-events: none; */
  }
  .cubespinner .face4 {
    -webkit-transform: rotateY(180deg) rotateZ(90deg) translateZ(16.5vh);
    -moz-transform: rotateY(180deg) rotateZ(90deg) translateZ(16.5vh);
    -ms-transform: rotateY(180deg) rotateZ(90deg) translateZ(16.5vh);
    transform: rotateY(180deg) rotateZ(90deg) translateZ(16.5vh);
will-change: transform;
/* pointer-events: none; */
  }
  .cubespinner .face5 {
    -webkit-transform: rotateY(-90deg) rotateZ(90deg) translateZ(16.5vh);
    -moz-transform: rotateY(-90deg) rotateZ(90deg) translateZ(16.5vh);
    -ms-transform: rotateY(-90deg) rotateZ(90deg) translateZ(16.5vh);
    transform: rotateY(-90deg) rotateZ(90deg) translateZ(16.5vh);
will-change: transform;
/* pointer-events: none; */
  }
  .cubespinner .face6 {
    -webkit-transform: rotateX(-90deg) translateZ(16.5vh);
    -moz-transform: rotateX(-90deg) translateZ(16.5vh);
    -ms-transform: rotateX(-90deg) translateZ(16.5vh);
    transform: rotateX(-90deg) translateZ(16.5vh);
will-change: transform;
/* pointer-events: none; */
  }
}