#wrapD3Cube {
    /* width: 250px;
    height: 213px;
    margin: 20px auto;
    background-color: #EEE; */
}
#D3Cube {
    width: 112px;
    height: 112px;
    top: 50px;
    transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform: rotateX(-22deg) rotateY(-38deg) rotateZ(0deg);
    -moz-transform: rotateX(-22deg) rotateY(-38deg) rotateZ(0deg);
    -webkit-transform: rotateX(-22deg) rotateY(-38deg) rotateZ(0deg);
    margin: auto;
    position: relative;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
#D3Cube > div {
    position: absolute;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    width: 112px;
    height: 112px;
    float: left;
    overflow: hidden;
    opacity: 0.95;
}
#side1 {
    transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(56px);
    -moz-transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(56px);
    -webkit-transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(56px);
    background-color: #056194;
}
#side2 {
    transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(56px);
    -moz-transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(56px);
    -webkit-transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(56px);
    background-color: #F3841F;
}
#side3 {
    transform: translateX(0px) translateY(0px) translateZ(56px);
    -moz-transform: translateX(0px) translateY(0px) translateZ(56px);
    -webkit-transform: translateX(0px) translateY(0px) translateZ(56px);
    background-color: #FFD810;
}
#side4 {
    transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(56px);
    -moz-transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(56px);
    -webkit-transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(56px);
    background-color: #56BEC6;
}
#side5 {
    transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(56px);
    -moz-transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(56px);
    -webkit-transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(56px);
    background-color: #764961;
}
#side6 {
    transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(56px);
    -moz-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(56px);
    -webkit-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(56px);
    background-color: #55AF31;
}




.wrapD3CubeSmall {
    /* width: 250px;
    height: 213px;
    margin: 20px auto;
    background-color: #EEE; */
}
.D3CubeSmall {
    width: 48px;
    height: 48px;
    top: 50px;
    transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform: rotateX(-22deg) rotateY(-38deg) rotateZ(0deg);
    -moz-transform: rotateX(-22deg) rotateY(-38deg) rotateZ(0deg);
    -webkit-transform: rotateX(-22deg) rotateY(-38deg) rotateZ(0deg);
    margin: auto;
    position: relative;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.D3CubeSmall > div {
    position: absolute;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    width: 48px;
    height: 48px;
    float: left;
    overflow: hidden;
    opacity: 0.95;
}
.colorido .side1Small {
    transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(24px);
    -moz-transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(24px);
    -webkit-transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(24px);
    background-color: #056194;
}
.colorido .side2Small {
    transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(24px);
    -moz-transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(24px);
    -webkit-transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(24px);
    background-color: #F3841F;
}
.colorido .side3Small {
    transform: translateX(0px) translateY(0px) translateZ(24px);
    -moz-transform: translateX(0px) translateY(0px) translateZ(24px);
    -webkit-transform: translateX(0px) translateY(0px) translateZ(24px);
    background-color: #FFD810;
}
.colorido .side4Small {
    transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(24px);
    -moz-transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(24px);
    -webkit-transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(24px);
    background-color: #56BEC6;
}
.colorido .side5Small {
    transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(24px);
    -moz-transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(24px);
    -webkit-transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(24px);
    background-color: #764961;
}
.colorido .side6Small {
    transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(24px);
    -moz-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(24px);
    -webkit-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(24px);
    background-color: #55AF31;
}




.laranja .side1Small {
    transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(24px);
    -moz-transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(24px);
    -webkit-transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(24px);
    background-image:linear-gradient(#FF591A, #FFB305);
}
.laranja .side2Small {
    transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(24px);
    -moz-transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(24px);
    -webkit-transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(24px);
    background-image:linear-gradient(#FF591A, #FFB305);
}
.laranja .side3Small {
    transform: translateX(0px) translateY(0px) translateZ(24px);
    -moz-transform: translateX(0px) translateY(0px) translateZ(24px);
    -webkit-transform: translateX(0px) translateY(0px) translateZ(24px);
    background-image:linear-gradient(#FF591A, #FFB305);
}
.laranja .side4Small {
    transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(24px);
    -moz-transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(24px);
    -webkit-transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(24px);
    background-image:linear-gradient(#FF591A, #FFB305);
}
.laranja .side5Small {
    transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(24px);
    -moz-transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(24px);
    -webkit-transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(24px);
    background-image:linear-gradient(#FFB305, #FF591A);
}
.laranja .side6Small {
    transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(24px);
    -moz-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(24px);
    -webkit-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(24px);
    background-image:linear-gradient(#FF591A, #FFB305);
}





.azul .side1Small {
    transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(24px);
    -moz-transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(24px);
    -webkit-transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(24px);
    background-image:linear-gradient(#056194, #56BEC6);
}
.azul .side2Small {
    transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(24px);
    -moz-transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(24px);
    -webkit-transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(24px);
    background-image:linear-gradient(#056194, #56BEC6);
}
.azul .side3Small {
    transform: translateX(0px) translateY(0px) translateZ(24px);
    -moz-transform: translateX(0px) translateY(0px) translateZ(24px);
    -webkit-transform: translateX(0px) translateY(0px) translateZ(24px);
    background-image:linear-gradient(#056194, #56BEC6);
}
.azul .side4Small {
    transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(24px);
    -moz-transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(24px);
    -webkit-transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(24px);
    background-image:linear-gradient(#056194, #56BEC6);
}
.azul .side5Small {
    transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(24px);
    -moz-transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(24px);
    -webkit-transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(24px);
    background-image:linear-gradient(#56BEC6, #056194);
}
.azul .side6Small {
    transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(24px);
    -moz-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(24px);
    -webkit-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(24px);
    background-image:linear-gradient(#056194, #56BEC6);
}




.verde .side1Small {
    transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(24px);
    -moz-transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(24px);
    -webkit-transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(24px);
    background-image:linear-gradient(#2BC500, #E0E100);
}
.verde .side2Small {
    transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(24px);
    -moz-transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(24px);
    -webkit-transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(24px);
    background-image:linear-gradient(#2BC500, #E0E100);
}
.verde .side3Small {
    transform: translateX(0px) translateY(0px) translateZ(24px);
    -moz-transform: translateX(0px) translateY(0px) translateZ(24px);
    -webkit-transform: translateX(0px) translateY(0px) translateZ(24px);
    background-image:linear-gradient(#2BC500, #E0E100);
}
.verde .side4Small {
    transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(24px);
    -moz-transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(24px);
    -webkit-transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(24px);
    background-image:linear-gradient(#2BC500, #E0E100);
}
.verde .side5Small {
    transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(24px);
    -moz-transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(24px);
    -webkit-transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(24px);
    background-image:linear-gradient(#E0E100, #2BC500);
}
.verde .side6Small {
    transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(24px);
    -moz-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(24px);
    -webkit-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(24px);
    background-image:linear-gradient(#2BC500, #E0E100);
}



.D3CubeExplode {
    width: 160px;
    height: 160px;
    top: 50px;
    transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform: rotateX(-22deg) rotateY(-38deg) rotateZ(0deg);
    -moz-transform: rotateX(-22deg) rotateY(-38deg) rotateZ(0deg);
    -webkit-transform: rotateX(-22deg) rotateY(-38deg) rotateZ(0deg);
    margin: auto;
    position: relative;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.D3CubeExplode > div {
    position: absolute;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    width: 160px;
    height: 160px;
    float: left;
    overflow: hidden;
    opacity: 0.95;
}
.side1Explode {
    transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(80px);
    -moz-transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(80px);
    -webkit-transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(80px);
    background-color: #056194;
}
.side2Explode {
    transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(80px);
    -moz-transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(80px);
    -webkit-transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(80px);
    background-color: #F3841F;
}
.side3Explode {
    transform: translateX(0px) translateY(0px) translateZ(80px);
    -moz-transform: translateX(0px) translateY(0px) translateZ(80px);
    -webkit-transform: translateX(0px) translateY(0px) translateZ(80px);
    background-color: #FFD810;
}
.side4Explode {
    transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(80px);
    -moz-transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(80px);
    -webkit-transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(80px);
    background-color: #56BEC6;
}
.side5Explode {
    transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(80px);
    -moz-transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(80px);
    -webkit-transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(80px);
    background-color: #764961;
}
.side6Explode {
    transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(80px);
    -moz-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(80px);
    -webkit-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(80px);
    background-color: #55AF31;
}

.cubo-logo-1 {
    position: relative;
    top: -7px;
    left: 46px;
    z-index: 3;
}


.cubo-logo-1 .side1Small {
    transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(24px);
    -moz-transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(24px);
    -webkit-transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(24px);
    background-image:linear-gradient(#056194, #56BEC6);
}
.cubo-logo-1 .side2Small {
    transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(24px);
    -moz-transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(24px);
    -webkit-transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(24px);
    background-image:linear-gradient(#56BEC6, #056194);
}
.cubo-logo-1 .side3Small {
    transform: translateX(0px) translateY(0px) translateZ(24px);
    -moz-transform: translateX(0px) translateY(0px) translateZ(24px);
    -webkit-transform: translateX(0px) translateY(0px) translateZ(24px);
    background-image:linear-gradient(#056194, #56BEC6);
}
.cubo-logo-1 .side4Small {
    transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(24px);
    -moz-transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(24px);
    -webkit-transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(24px);
    background-image:linear-gradient(#56BEC6, #056194);
}
.cubo-logo-1 .side5Small {
    transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(24px);
    -moz-transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(24px);
    -webkit-transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(24px);
    background-image:linear-gradient(#056194, #56BEC6);
}
.cubo-logo-1 .side6Small {
    transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(24px);
    -moz-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(24px);
    -webkit-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(24px);
    background-image:linear-gradient(#56BEC6, #056194);
}

.cubo-logo-2 {
    position: relative;
    top: -52px;
    left: -8px;
    z-index: 2;
    
}



.cubo-logo-3 .side1Small {
    transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(24px);
    -moz-transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(24px);
    -webkit-transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(24px);
    background-image:linear-gradient(#2BC500, #E0E100);
}
.cubo-logo-3 .side2Small {
    transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(24px);
    -moz-transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(24px);
    -webkit-transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(24px);
    background-image:linear-gradient(#E0E100, #2BC500);
}
.cubo-logo-3 .side3Small {
    transform: translateX(0px) translateY(0px) translateZ(24px);
    -moz-transform: translateX(0px) translateY(0px) translateZ(24px);
    -webkit-transform: translateX(0px) translateY(0px) translateZ(24px);
    background-image:linear-gradient(#2BC500, #E0E100);
}
.cubo-logo-3 .side4Small {
    transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(24px);
    -moz-transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(24px);
    -webkit-transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(24px);
    background-image:linear-gradient(#E0E100, #2BC500);
}
.cubo-logo-3 .side5Small {
    transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(24px);
    -moz-transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(24px);
    -webkit-transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(24px);
    background-image:linear-gradient(#2BC500, #E0E100);
}
.cubo-logo-3 .side6Small {
    transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(24px);
    -moz-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(24px);
    -webkit-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(24px);
    background-image:linear-gradient(#E0E100, #2BC500);
}

.cubo-logo-3 {
    position: relative;
    top: -44px;
    left: 30px;
    z-index: 2;
}

.cubo-logo-2 .side1Small {
    transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(24px);
    -moz-transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(24px);
    -webkit-transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(24px);
    background-image:linear-gradient(#FF591A, #FFB305);
}
.cubo-logo-2 .side2Small {
    transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(24px);
    -moz-transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(24px);
    -webkit-transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(24px);
    background-image:linear-gradient(#FFB305, #FF591A);
}
.cubo-logo-2 .side3Small {
    transform: translateX(0px) translateY(0px) translateZ(24px);
    -moz-transform: translateX(0px) translateY(0px) translateZ(24px);
    -webkit-transform: translateX(0px) translateY(0px) translateZ(24px);
    background-image:linear-gradient(#FF591A, #FFB305);
}
.cubo-logo-2 .side4Small {
    transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(24px);
    -moz-transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(24px);
    -webkit-transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(24px);
    background-image:linear-gradient(#FFB305, #FF591A);
}
.cubo-logo-2 .side5Small {
    transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(24px);
    -moz-transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(24px);
    -webkit-transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(24px);
    background-image:linear-gradient(#FF591A, #FFB305);
}
.cubo-logo-2 .side6Small {
    transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(24px);
    -moz-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(24px);
    -webkit-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(24px);
    background-image:linear-gradient(#FFB305, #FF591A);
}




.cubo-mains {
    position: relative;
    top: -44px;
    left: 30px;
    z-index: 2;
}


.D3CubeMain {
    width: 320px;
    height: 320px;
    top: 50px;
    transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform: rotateX(-22deg) rotateY(-38deg) rotateZ(0deg);
    -moz-transform: rotateX(-22deg) rotateY(-38deg) rotateZ(0deg);
    -webkit-transform: rotateX(-22deg) rotateY(-38deg) rotateZ(0deg);
    margin: auto;
    position: relative;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.D3CubeMain > div {
    position: absolute;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    width: 320px;
    height: 320px;
    float: left;
    overflow: hidden;
    opacity: 0.95;
}

.cubo-mains.c-laranja .side1Main {
    transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(160px);
    -moz-transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(160px);
    -webkit-transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(160px);
    background-image:linear-gradient(#FF591A, #FFB305);
}
.cubo-mains.c-laranja .side2Main {
    transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(160px);
    -moz-transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(160px);
    -webkit-transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(160px);
    background-image:linear-gradient(#FF591A, #FFB305);
}
.cubo-mains.c-laranja .side3Main {
    transform: translateX(0px) translateY(0px) translateZ(160px);
    -moz-transform: translateX(0px) translateY(0px) translateZ(160px);
    -webkit-transform: translateX(0px) translateY(0px) translateZ(160px);
    background-image:linear-gradient(#FF591A, #FFB305);
}
.cubo-mains.c-laranja .side4Main {
    transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(160px);
    -moz-transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(160px);
    -webkit-transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(160px);
    background-image:linear-gradient(#FF591A, #FFB305);
}
.cubo-mains.c-laranja .side5Main {
    transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(160px);
    -moz-transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(160px);
    -webkit-transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(160px);
    background-image:linear-gradient(#FFB305, #FF591A);
}
.cubo-mains.c-laranja .side6Main {
    transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(160px);
    -moz-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(160px);
    -webkit-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(160px);
    background-image:linear-gradient(#FF591A, #FFB305);
}


.cubo-mains.c-azul .side1Main {
    transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(160px);
    -moz-transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(160px);
    -webkit-transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(160px);
    background-image:linear-gradient(#056194, #56BEC6);
}
.cubo-mains.c-azul .side2Main {
    transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(160px);
    -moz-transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(160px);
    -webkit-transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(160px);
    background-image:linear-gradient(#056194, #56BEC6);
}
.cubo-mains.c-azul .side3Main {
    transform: translateX(0px) translateY(0px) translateZ(160px);
    -moz-transform: translateX(0px) translateY(0px) translateZ(160px);
    -webkit-transform: translateX(0px) translateY(0px) translateZ(160px);
    background-image:linear-gradient(#056194, #56BEC6);
}
.cubo-mains.c-azul .side4Main {
    transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(160px);
    -moz-transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(160px);
    -webkit-transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(160px);
    background-image:linear-gradient(#056194, #56BEC6);
}
.cubo-mains.c-azul .side5Main {
    transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(160px);
    -moz-transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(160px);
    -webkit-transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(160px);
    background-image:linear-gradient(#56BEC6, #056194);
}
.cubo-mains.c-azul .side6Main {
    transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(160px);
    -moz-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(160px);
    -webkit-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(160px);
    background-image:linear-gradient(#056194, #56BEC6);
}



.cubo-mains.c-verde .side1Main {
    transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(160px);
    -moz-transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(160px);
    -webkit-transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(160px);
    background-image:linear-gradient(#2BC500, #E0E100);
}
.cubo-mains.c-verde .side2Main {
    transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(160px);
    -moz-transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(160px);
    -webkit-transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(160px);
    background-image:linear-gradient(#2BC500, #E0E100);
}
.cubo-mains.c-verde .side3Main {
    transform: translateX(0px) translateY(0px) translateZ(160px);
    -moz-transform: translateX(0px) translateY(0px) translateZ(160px);
    -webkit-transform: translateX(0px) translateY(0px) translateZ(160px);
    background-image:linear-gradient(#2BC500, #E0E100);
}
.cubo-mains.c-verde .side4Main {
    transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(160px);
    -moz-transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(160px);
    -webkit-transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(160px);
    background-image:linear-gradient(#2BC500, #E0E100);
}
.cubo-mains.c-verde .side5Main {
    transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(160px);
    -moz-transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(160px);
    -webkit-transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(160px);
    background-image:linear-gradient(#E0E100, #2BC500);
}
.cubo-mains.c-verde .side6Main {
    transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(160px);
    -moz-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(160px);
    -webkit-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(160px);
    background-image:linear-gradient(#2BC500, #E0E100);
}