@charset "UTF-8";



/*!

 * animate.css -http://daneden.me/animate

 * Version - 3.5.1

 * Licensed under the MIT license - http://opensource.org/licenses/MIT

 *

 * Copyright (c) 2016 Daniel Eden

 */







@-webkit-keyframes flipOutYtest {

  from {

    -webkit-transform: perspective(1400px);

    transform: perspective(1400px);

  }



  40% {

    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 60deg);

    transform: perspective(1400px) rotate3d(0, 1, 0, 60deg);

    opacity: 1;

  }



  50% {

    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);

    transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);

    opacity: 0;

  }



  to {

    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);

    transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);

    opacity: 0;

  }

}



.test{

  -webkit-animation: flipOutYtest 0.5s linear;

  animation: flipOutYtest 0.5s linear;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}





@-webkit-keyframes flipInYtest {

  from {

    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);

    transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);

    opacity: 0;

  }



  50% {

    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);

    transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);

    opacity: 0;

  }



  60% {

    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);

    transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);

    opacity: 1;

  }



  to {

    -webkit-transform: perspective(1400px);

    transform: perspective(1400px);

    opacity: 1;

  }

}



.test2{

  -webkit-animation: flipInYtest 0.5s linear;

  animation: flipInYtest 0.5s linear;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}



.well .well-item{

  position: relative;

  float: left;

  overflow:  hidden;

  min-height: 12em;

 }

.correct{

  /*position: absolute;

  overflow:  hidden;*/

  height:90px;

}

.opposite{

  padding-top: 40px;

}

.opp{

  opacity: 0;

  text-align: center;

}

.opp img{



}