@charset "UTF-8";
* { margin: 0; padding: 0; list-style: none; }
@-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: 585px; min-height: 390px;margin-left: auto; margin-right: auto; height: auto; }
  .well .well-item { position: relative; float: left; width: 100%; min-height: 365px; margin:1%; }
  .well .well-item img { width: 100%; min-height: 365px; }
  .correct { position: absolute; width: 100%; }
  .opposite { min-height: 365px; width: 100%; }
  .opposite div { min-height: 365px; width: 100%; }
  .opposite-content { display: table; width: 100%; min-height: 365px; background-color: #D95E22; }
  .opposite-content-text { display: table-cell; vertical-align: middle; text-align: center; color: white; font-size: 24px; }