/**
 * cubo
 */
#imasters-cube>div, #imasters-cube .bottom:after {

}
/*
#imasters-cube .front:after {
background-color:#af161a;
position:absolute;
bottom:0;
left:100px;
}

#imasters-cube .bottom:after {
position:absolute;
top:0;
bottom:0;
left:100px;
background-color:#f65f13;
}
*/



/* base */
#imasters-cube .bottom:after {    content: "";    display: block;    width: 98px;    }
#imasters-cube .front:after {    content: "";    display: block;    height: 98px;    width: 98px;    }
body {    background:#f9f9f9;    margin:10%;}
#container {  -webkit-perspective: 1000px;  -moz-perspective: 1000px;  -o-perspective: 1000px;  -ms-perspective: 1000px;  perspective: 1000px;  -webkit-perspective-origin: 50% 50%;  -moz-perspective-origin: 50% 50%;  -moz-transform-origin: 50% 50%;  -o-perspective-origin: 50% 50%;  -ms-perspective-origin: 50% 50%;  perspective-origin: 50% 50%; }
#imasters-cube {  position: relative;  margin: 0 auto;  height: 300px;  width: 300px;  -webkit-transform-style: preserve-3d;  -moz-transform-style: preserve-3d;  -o-transform-style: preserve-3d;  -ms-transform-style: preserve-3d;  transform-style: preserve-3d;  -webkit-animation: spinningH 6s infinite linear;  -moz-animation: spinningH 6s infinite linear;  -o-animation: spinningH 6s infinite linear;  -ms-animation: spinningH 6s infinite linear;  animation: spinningH 6s infinite linear;}
#imasters-cube>div {  position: absolute;    top:0;    bottom:0;    left:0;    right:0;    opacity: 0.95;}
#imasters-cube .front {  -webkit-transform: translateZ(150px);  -moz-transform: translateZ(150px);  -o-transform: translateZ(150px);  -ms-transform: translateZ(150px);  transform: translateZ(150px);  background-color: #179edb;}
#imasters-cube .back {  -webkit-transform: rotateY(90deg) translateZ(150px);  -moz-transform: rotateY(90deg) translateZ(150px);  -o-transform: rotateY(90deg) translateZ(150px);  -ms-transform: rotateY(90deg) translateZ(150px);  transform: rotateY(90deg) translateZ(150px);  background-color: #1d60ab;}#imasters-cube .top {  -webkit-transform: rotateY(180deg) translateZ(150px);  -moz-transform: rotateY(180deg) translateZ(150px);  -o-transform: rotateY(180deg) translateZ(150px);  -ms-transform: rotateY(180deg) translateZ(150px);  transform: rotateY(180deg) translateZ(150px);  background-color: #1b9fdc;}
#imasters-cube .right {  -webkit-transform: rotateY(-90deg) translateZ(150px);  -moz-transform: rotateY(-90deg) translateZ(150px);  -o-transform: rotateY(-90deg) translateZ(150px);  -ms-transform: rotateY(-90deg) translateZ(150px);  transform: rotateY(-90deg) translateZ(150px);  background-color: #03366f;}#imasters-cube .bottom {  -webkit-transform: rotateX(-90deg) translateZ(150px) rotate(180deg);  -moz-transform: rotateX(-90deg) translateZ(150px) rotate(180deg);  -o-transform: rotateX(-90deg) translateZ(150px) rotate(180deg);  -ms-transform: rotateX(-90deg) translateZ(150px) rotate(180deg);  transform: rotateX(-90deg) translateZ(150px) rotate(180deg);  background-color: #007bc3;}
#imasters-cube .left  {  -webkit-transform: rotateX(90deg) translateZ(150px);  -moz-transform: rotateX(90deg) translateZ(150px);  -o-transform: rotateX(90deg) translateZ(150px);  -ms-transform: rotateX(90deg) translateZ(150px);  transform: rotateX(90deg) translateZ(150px);  background-color: #114277;  text-align:center;  }@-moz-keyframes spinningH {  from {    -moz-transform: rotateX(0deg) rotateY(0deg);  }  to{    -moz-transform: rotateX(360deg) rotateY(360deg);  }}@-webkit-keyframes spinningH {  from {    -webkit-transform: rotateX(0deg) rotateY(0deg);  }  to{    -webkit-transform: rotateX(360deg) rotateY(360deg);  }}@-o-keyframes spinningH {  from {    -o-transform: rotateX(0deg) rotateY(0deg);  }  to{    -o-transform: rotateX(360deg) rotateY(360deg);  }}@keyframes spinningH {  from {    transform: rotateX(0deg) rotateY(0deg);  }  to{    transform: rotateX(360deg) rotateY(360deg);  }}