.card-container{position:relative;min-height:80px;margin-bottom:20px}.card-container .card{height:100%;position:relative;-webkit-perspective:600px;-moz-perspective:600px;perspective:600px;width:100%;cursor:pointer;transition:.6s;z-index:9;transform-style:preserve-3d}.card-container:hover .card{transform:rotateY(180deg)}.card-container .card.card-greenbrown .front{color:#fff;background-color:#63de4f}.card-container .card.card-bluebrown .front{color:#fff;background-color:#22a5fb}.card-container .card.card-orbrown .front{color:#fff;background-color:#fda121}.card-container .card.card-redbrown .front{color:#fff;background-color:#e83213}.card-container .card .front{height:100%;position:relative;background-color:#f2f2f2;padding:15px;min-height:115px;z-index:900;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;-webkit-transform:rotateX(0deg) rotateY(0deg);-moz-transform:rotateX(0deg) rotateY(0deg);-ms-transform:rotateX(0deg) rotateY(0deg);-o-transform:rotateX(0deg) rotateY(0deg);transform:rotateX(0deg) rotateY(0deg);-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d}.card-container .card .back,.card-container .card .front{width:100%;top:0;left:0;-webkit-box-shadow:0 3px 0 rgba(0,0,0,.05);box-shadow:0 3px 0 rgba(0,0,0,.05);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.card-container .card .back{position:absolute;background-color:#fff!important;border:0;color:inherit!important;padding:15px 15px 5px;text-align:center;height:auto;min-height:123px;z-index:800;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-179deg);transform:rotateY(-179deg);-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d}.card-container .card .front .media{margin-bottom:10px}.card-container .card .front .media .media-body small{font-size:12px;color:#fff;text-transform:uppercase;font-weight:300}.card-container .card .back>a{display:block;color:#717171;font-size:18px;font-weight:300;line-height:30px}.cards{margin:20px 10px}.media-heading{margin-top:10px}