/* testimonial grid */
/* body.page-id-76 .container-wrap { background-color:#ccc!important; }*/
#flipcards {
  width:1200px;
  margin:0 auto;
}

#flipcards .testimonial {
  background-color:transparent;
  float:left;
  display:inline-block;
  width:374px;
  height:588px;
  padding:0;
  margin:0 1% 2em;
}

#flipcards .testimonial .card-front, 
#flipcards .testimonial .card-back {
  background-color:#fff;
  height:inherit;
  width:inherit;
  padding:44px 54px 80px;
  line-height:1.7em;
}

#flipcards .testimonial .card-back {
  background-color:#909090;
  color:#fff;
}

#flipcards .testimonial .card-front .tm-image {
  margin-top:42px;
}

#flipcards .testimonial .card-front .tm-snippet {
  line-height:30px;
}

#flipcards .testimonial .card-front .tm-snippet {
  position:relative;
  padding-bottom:20%;
}

#flipcards .testimonial .card-front .tm-snippet:after {
  width: 60%;
  height: 100%;
  border-bottom: 1px solid #ddd;
  position: absolute;
  bottom: 0;
  left: 20%;
  content: "";
}

#flipcards .testimonial .card-back .tm-body {
  position: relative;
  top: 38%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
/*-webkit-backface-visibility: hidden;*/ /*chrome doesn't need it */
   -moz-backface-visibility: hidden;
}

#flipcards .testimonial .card-front { 
position: absolute;
top: 0;
text-align: center;
z-index:2;
-webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
}

#flipcards .testimonial .card-back { 
position: absolute;
top: 0;
z-index:1;
-webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
}

#flipcards .testimonial.fade .card-front {
  opacity:0;
}

#flipcards .tm-name, 
#flipcards .tm-name-details {
  text-transform:none;
  font-size:16px;
  font-weight:bold;
}

#flipcards .tm-name-details {
  font-weight:normal;
}

#flipcards .tm-image {
  margin-bottom:2em;
}

#flipcards .tm-details {
  bottom: 80px;
  position: absolute;
  left: 50%;
  width: 250px;
  margin-left: -125px;
}

#flipcards:after {
  clear:both;
  content:"";
  display:block;
  height:0;
  visibility:hidden;
}

/* responsive */
@media all and (max-width:1300px) and (min-width:690px) 
{
	#flipcards { width:785px; }
}

@media all and (max-width: 1000px) and (min-width: 800px)
{
	#flipcards { margin-left:-14%; }
}

@media all and (max-width: 800px) and (min-width: 1px)
{
	#flipcards { width:382px; }
}

@media all and (max-width: 475px) and (min-width: 1px)
{
	#flipcards { margin-left:-14%; }
}