.cq-twoface-box-container {
    -webkit-perspective-origin: center center;
    -moz-perspective-origin: center center;
    -ms-perspective-origin: center center;
    perspective-origin: center center;
    margin-top: 12px;
}
a.cq-twoface-link{
    border: none;
    outline: none;
}

.cq-twoface-box {
    position: relative;
    height: 200px;
    width: 90%;
    margin: 0 auto;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    -moz-transition: -moz-transform .4s ease-in-out;
    -ms-transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
}

.cq-face-item {
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 1em;
    text-align: center;
    color: #fff;
    overflow: hidden;
}
.cq-face-content{
  width: 90%;
  margin: 0 auto;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cq-face-avatar, img.cq-face-avatar{
  font-size: 80px;
  line-height: 80px;
  display: block;
  margin: 0 auto;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-bottom: 12px;
}

.cq-face-content img{
  max-height: 100%;
}
.cq-twoface-box .cq-face-front {
    -webkit-transform: translateZ(100px);
    -moz-transform: translateZ(100px);
    -ms-transform: translateZ(100px);
    transform: translateZ(100px);
    background-color: #AAB2BD;
}
.cq-face-content a{
  color: #fff;
  display: inline-block;
}

.cq-face-content .cq-face-title{
  color: #fff;
  font-size: 1.8em;
  line-height: 120%;
  margin: 0 0 0.5em 0;
}

.cq-twoface-box .cq-face-back {
    -webkit-transform: rotateX(-90deg) translateZ(100px);
    -moz-transform: rotateX(-90deg) translateZ(100px);
    -ms-transform: rotateX(-90deg) translateZ(100px);
    transform: rotateX(-90deg) translateZ(100px);
    background-color: #656D78;
}

.cq-twoface-box.showback{
    -webkit-transform:rotateX(90deg);
    -moz-transform:rotateX(90deg);
    -ms-transform:rotateX(90deg);
    transform:rotateX(90deg);
}
.cq-twoface-box.showback_ie .cq-face-front{
    opacity: 0;
}
.cq-twoface-box.showfront_ie .cq-face-back{
    opacity: 0;
}

.cq-twoface-box.showfront{
    -webkit-transform:rotateX(0deg);
    -moz-transform:rotateX(0deg);
    transform:rotateX(0deg);
}


.cq-twoface-box .cq-face-left {
    -webkit-transform: translateZ(110px);
    -moz-transform: translateZ(110px);
    -ms-transform: translateZ(110px);
    transform: translateZ(110px);
    background-color: #AAB2BD;
}

.cq-twoface-box .cq-face-right {
    -webkit-transform: rotateY(-90deg) translateZ(110px);
    -moz-transform: rotateY(-90deg) translateZ(110px);
    -ms-transform: rotateY(-90deg) translateZ(110px);
    transform: rotateY(-90deg) translateZ(110px);
    background-color: #656D78;
}

.cq-twoface-box.showright{
    -webkit-transform:rotateY(90deg);
    -moz-transform:rotateY(90deg);
    -ms-transform:rotateY(90deg);
    transform:rotateY(90deg);
}
.cq-twoface-box.showleft{
    -webkit-transform:rotateY(0deg);
    -moz-transform:rotateY(0deg);
    -ms-transform:rotateY(0deg);
    transform:rotateY(0deg);
}
.cq-twoface-box.showright_ie .cq-face-left{
    opacity: 0;
}
.cq-twoface-box.showleft_ie .cq-face-right{
    opacity: 0;
}