@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.75s linear;

  animation: flipOutYtest 0.75s 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.75s linear;

  animation: flipInYtest 0.75s linear;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}







.well{ width:776px; margin-left:310px; margin-top:63px;}

.well .well-item{ position: relative; float: left; width:154px; height:154px; border-radius:50%; overflow:hidden; margin-right:40px;}

.well .well-item img{width:152px; height:152px; border-radius:50%; border:1px #9b9b9b solid;}

.correct{

  position: absolute;

  width: 100%;

}