.card-wrapper{background-color:transparent;display:inline-block;height:300px;perspective:1000px;width:100%}.card-wrapper .card{border:0;height:100%;position:relative;text-align:center;transform-style:preserve-3d;transition:transform .6s;width:100%}.card-wrapper .card .back,.card-wrapper .card .front{backface-visibility:hidden;height:100%;left:0;position:absolute;top:0;transform:rotateX(0deg);width:100%}.card-wrapper .card .front{z-index:2}.card-wrapper .card .back,.card-wrapper.flip-right .card .back,.card-wrapper.flip-right:hover .card,.card-wrapper:hover .card{transform:rotateY(180deg)}.card-wrapper.flip-left .card .back,.card-wrapper.flip-left:hover .card{transform:rotateY(-180deg)}.card-wrapper.flip-up .card .back,.card-wrapper.flip-up:hover .card{transform:rotateX(180deg)}.card-wrapper.flip-down .card .back,.card-wrapper.flip-down:hover .card{transform:rotateX(-180deg)}.card-wrapper.flip-diagonal-right .card .back,.card-wrapper.flip-diagonal-right:hover .card{transform:rotate3d(1,1,0,180deg)}.card-wrapper.flip-diagonal-left .card .back,.card-wrapper.flip-diagonal-left:hover .card{transform:rotate3d(1,1,0,-180deg)}.card-wrapper.flip-inverted-diagonal-right .card .back,.card-wrapper.flip-inverted-diagonal-right:hover .card{transform:rotate3d(-1,1,0,180deg)}.card-wrapper.flip-inverted-diagonal-left .card .back,.card-wrapper.flip-inverted-diagonal-left:hover .card{transform:rotate3d(1,-1,0,180deg)}.front h4{bottom:20px;color:#fff;padding:0 20px;position:absolute;right:0}.img-height,.img-height img{line-height:0}.img-height img{height:300px!important;width:100%}.back{background-color:#b19777;color:#fff;display:table;padding:50px;transform:rotateY(180deg)}.back .middle{display:table-cell;vertical-align:middle}