.rotating-box{
	width:110px;
	height:290px;
	margin: 50px auto 25px auto;
	perspective: 800px;
}

.crotating-box {
    width: 110px;
    height: 490px;
    margin: 50px auto 25px auto;
    perspective: 800px;
}

.single-rb{
	width:110px;
	color:#FFF;
    -webkit-animation: rotate 15s linear infinite ;
	-moz-animation: rotate 15s linear infinite ;
	-ms-animation: rotate 15s linear infinite ;
	-o-animation: rotate 15s linear infinite ;
	animation: rotate 15s linear inifite;
	transform-style: preserve-3d;
}
.CCleft-side {
    transform: rotateY(-90deg) translateZ(57px);
    /*transform-origin:left;*/
}

.CCright-side {
    transform: rotateY(90deg) translateZ(326px);
    /*transform-origin: right;*/
}

.CCback-side {
    transform: rotateY(180deg) translateZ(55px);
}

.CCfront-side {
    transform: translateZ(55px);
}
.single-rb div{
	position:absolute;
	width:110px;
	height:290px;
    filter: drop-shadow(0 0 5px #555);
    background-size: cover;
}
.single-rb.carbox div {
    position: absolute;
    width: 384px;
    height: 184px;
    filter: drop-shadow(0 0 5px #555);
    background-size: cover;
    margin-top: 50px;
}
.single-rb.woman div {
	position: absolute;
	width: 190px;
	height: 290px;
	filter: drop-shadow(0 0 5px #555);
	background-size: cover;
}
.single-rb > div > img {
	width: 110px;
	height: 290px;
}
.Wsingle-rb>div>img{
	width:110px;
	height:290px;
}
.single-rb.car div {
    position: absolute;
    width: 170px;
    height: 390px;
    filter: drop-shadow(0 0 5px #555);
    background-size: cover;
}
.front-side{
	transform: translateZ(55px);
}
.back-side{
	transform: rotateY(180deg) translateZ(55px);
}
.left-side{
	transform: rotateY(-90deg) translateZ(55px);
	/*transform-origin:left;*/
}
.right-side{
	transform: rotateY(90deg) translateZ(55px);
	/*transform-origin: right;*/
}
.top-side{
	transform: rotateX(-90deg) translateY(-55px);
	/*transform-origin:top;*/
}
.bottom-side{
	transform: rotateX(90deg) translateY(55px);
	/*transform-origin:bottom;*/
}

.Cfront-side {
    transform: translateZ(85px);
}

.Cback-side {
    transform: rotateY(180deg) translateZ(85px);
}

.Cleft-side {
    transform: rotateY(-90deg) translateZ(85px);
    /*transform-origin:left;*/
}

.Cright-side {
    transform: rotateY(90deg) translateZ(85px);
    /*transform-origin: right;*/
}

.Wfront-side {
	transform: translateZ(95px);
}

.Wback-side {
	transform: rotateY(180deg) translateZ(95px);
}

.Wleft-side {
	transform: rotateY(-90deg) translateZ(95px);
	/*transform-origin:left;*/
}

.Wright-side {
	transform: rotateY(90deg) translateZ(95px);
	/*transform-origin: right;*/
}

.Wtop-side {
	transform: rotateX(-90deg) translateY(-55px);
	/*transform-origin:top;*/
}

.Wbottom-side {
	transform: rotateX(90deg) translateY(55px);
	/*transform-origin:bottom;*/
}

@keyframes rotate{
	0%{transform:rotateY(0);}
	100%{transform:rotateY(360deg);}
}
@-moz-keyframes aia2{
	0%{transform:rotateY(0);}
	100%{transform:rotateY(360deg);}
}

@-webkit-keyframes aia2{
	0%{transform:rotateY(0);}
	100%{transform:rotateY(360deg);}
}
@-o-keyframes aia2{
	0%{transform:rotateY(0);}
	100%{transform:rotateY(360deg);}
}

.OpcoesCaixa{
    margin-bottom: 5px;
}

.OpcoesCaixa>img{
    width:20px;
    height:30px;
    /*border: thin solid #6b6b6b;*/
}


@media (max-width: 767px) {
    .OpcoesCaixa>img{
        width:40px;
        height:60px;
        border: thin solid #6b6b6b;
    }
}

.cubobotoes{
    background: beige;
    padding: 10px 0px;
    font-size: larger;
}

																													