@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 flipOutYsolutionFlip {
 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;
}
}
.solutionFlip {
	-webkit-animation: flipNoneYsolutionFlip 0 linear;
	animation: flipNoneYsolutionFlip 0 linear;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
 @-webkit-keyframes flipInYsolutionFlip {
 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;
}
}

@-webkit-keyframes flipNoneYsolutionFlip {
 from {
 -webkit-transform: perspective(0);
 transform: perspective(0);
}
 40% {
 -webkit-transform: perspective(0) rotate3d(0);
 transform: perspective(0) rotate3d(0);
 opacity: 1;
}
 50% {
 -webkit-transform: perspective(0) rotate3d(0);
 transform: perspective(1400px) rotate3d(0);
 opacity: 1;
}
 to {
 -webkit-transform: perspective(0) rotate3d(0);
 transform: perspective(0) rotate3d(0);
 opacity: 1;
}
}
 @-webkit-keyframes flipInYsolutionFlip {
 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;
}
}
.solutionFlip2 {
	-webkit-animation: flipNoneYsolutionFlip 0 linear;
	animation: flipNoneYsolutionFlip 0 linear;
	-webkit-animation-fill-mode: none;
	animation-fill-mode:none;
}
.well {
	width: 100%;
	max-width: 1024px;
	margin: 0px auto 2% auto;
	height: auto;
	color: #000000;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap
}
.well .well-item {
	width: 100%;
	padding: 10px 0px;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: nowrap
}
.well .well-item img {
	width: 100%;
	max-width: 80px;
	margin: 0px auto 10px auto
}
.correct {
	width: 80px;
	background: #ffffff;
	text-align: center
}
.well-item h6 {
	font-weight: bold;
	display:none
}
.opposite {
	width: 100%;
}
.opposite div {
	width: 100%;
}
.opposite-content {
	display: table;
	width: 100%;
	background-color: #ffffff;
}
.opposite-content-text {
	display: table-cell;
	vertical-align: top;
	text-align: left;
	padding: 0px 10px;
}
.opposite-content-text h6{
	display: 		block
}
.opposite-content-text p br{
	display: none
}


@media screen and (max-width:750px) {
	
.well {
	width: 100%;
	max-width: 1024px;
	min-height: 100%;
	margin: 0px auto;
	height:  100%;
	color: #000000;
	display: block
}
.well .well-item {
	position:inherit;
	float: none;
	width: 100%;
	min-height:auto;
	margin: 1% 0px;
	padding:0px;
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.15);
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: nowrap;
}
.correct {
    position: inherit;
    width: 60px;
    min-height: auto;
    background-color:transparent;
    text-align: center;
    padding: 10px 0px;
		display: block !important;
}
	.well .well-item img {
    width: 100%;
    max-width: 40px;
    margin: 0px auto;
		display: block !important;
}
	.correct h6{
		display:none;
	}
	.opposite {
    min-height: auto;
    width: 100%;
    padding:10px 0px;
		text-align: left;
}
	.opposite div {
    min-height: auto;
    width: 100%;
    padding: 0px;
		text-align: left;
		display: block !important;
}
	.opposite-content-text {
    padding: 0px 10px!important;
}
	.solutionBox .black.wrap{
		display:none !important
	}
	.solutionFlip{
		display:block
	}
	
.solutionFlip {
	-webkit-animation: flipNoneYsolutionFlip 0 linear;
	animation: flipNoneYsolutionFlip 0 linear;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
	.solutionFlip2 {
	-webkit-animation: flipNoneYsolutionFlip 0 linear;
	animation: flipNoneYsolutionFlip 0 linear;
	-webkit-animation-fill-mode: none;
	animation-fill-mode:none;
	}
}