@charset "utf-8";
/* CSS Document */
/*#region common */
/*.Absolute-Center {
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}*/

.door {
  /*
	background: rgb(0,0,0);
	background: -moz-radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(223,223,223,0.1516981792717087) 100%);
	background: -webkit-radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(223,223,223,0.1516981792717087) 100%);
	background: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(223,223,223,0.1516981792717087) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#dfdfdf", GradientType=1);
  */
}
.isclosed {
/* background-color: #ead69f; */
}
.isopen {
/* background-color: #998358; */
}
.isactive {
	/* background-color: #a28245; */
	animation: orangellowPulse 1s infinite;
	-moz-animation: orangellowPulse 1s infinite; /* Firefox */
	-webkit-animation: orangellowPulse 1s infinite; /* Safari and Chrome */
	-o-animation: orangellowPulse 1s infinite; /* Opera */
	animation: orangellowPulse 1s infinite;/*
    -webkit-animation-name: orangellowPulse;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    */
}
.thumbnail {
	border: solid 0px #fefefe;
}
.answercorrect {
	background-image: url(answer_correct.png);
	background-position: right bottom;
	background-repeat: no-repeat;
  	background-size: cover;
}
.answerwrong {
	background-image: url('answer_wrong.png');
	background-position: right bottom;
	background-repeat: no-repeat;
  	background-size: cover;
}
 @-webkit-keyframes orangellowPulse {
 from {
 border-color: #fff;
 -webkit-box-shadow: 0 0 9px #fff;
 -moz-box-shadow: 0 0 9px #fff;
 box-shadow: 0 0 9px #fff;
 -webkit-text-shadow: 0 0 9px #333;
 -moz-text-shadow: 0 0 9px #333;
 text-shadow: 0 0 9px #333;
}
 50% {
 border-color: #ffb515;
 -webkit-box-shadow: 0 0 18px #ffb515;
 -moz-box-shadow: 0 0 18px #ffb515;
 box-shadow: 0 0 18px #ffb515;
 -webkit-text-shadow: 0 0 18px #ffb515;
 -moz-text-shadow: 0 0 18px #ffb515;
 text-shadow: 0 0 18px #ffb515;
}
 to {
 border-color: #fff;
 -webkit-box-shadow: 0 0 9px #fff;
 -moz-box-shadow: 0 0 9px #fff;
 box-shadow: 0 0 9px #fff;
 -webkit-text-shadow: 0 0 9px #333;
 -moz-text-shadow: 0 0 9px #333;
 text-shadow: 0 0 9px #333;
}
}
 @keyframes orangellowPulse {
 from {
 border-color: #fff;
 -webkit-box-shadow: 0 0 9px #fff;
 -moz-box-shadow: 0 0 9px #fff;
 box-shadow: 0 0 9px #fff;
 -webkit-text-shadow: 0 0 9px #333;
 -moz-text-shadow: 0 0 9px #333;
 text-shadow: 0 0 9px #333;
}
 50% {
 border-color: #ffb515;
 -webkit-box-shadow: 0 0 18px #ffb515;
 -moz-box-shadow: 0 0 18px #ffb515;
 box-shadow: 0 0 18px #ffb515;
 -webkit-text-shadow: 0 0 18px #ffb515;
 -moz-text-shadow: 0 0 18px #ffb515;
 text-shadow: 0 0 18px #ffb515;
}
 to {
 border-color: #fff;
 -webkit-box-shadow: 0 0 9px #fff;
 -moz-box-shadow: 0 0 9px #fff;
 box-shadow: 0 0 9px #fff;
 -webkit-text-shadow: 0 0 9px #333;
 -moz-text-shadow: 0 0 9px #333;
 text-shadow: 0 0 9px #333;
}
}
 @-moz-keyframes orangellowPulse {
 from {
 border-color: #fff;
 -webkit-box-shadow: 0 0 9px #fff;
 -moz-box-shadow: 0 0 9px #fff;
 box-shadow: 0 0 9px #fff;
 -webkit-text-shadow: 0 0 9px #333;
 -moz-text-shadow: 0 0 9px #333;
 text-shadow: 0 0 9px #333;
}
 50% {
 border-color: #ffb515;
 -webkit-box-shadow: 0 0 18px #ffb515;
 -moz-box-shadow: 0 0 18px #ffb515;
 box-shadow: 0 0 18px #ffb515;
 -webkit-text-shadow: 0 0 18px #ffb515;
 -moz-text-shadow: 0 0 18px #ffb515;
 text-shadow: 0 0 18px #ffb515;
}
 to {
 border-color: #fff;
 -webkit-box-shadow: 0 0 9px #fff;
 -moz-box-shadow: 0 0 9px #fff;
 box-shadow: 0 0 9px #fff;
 -webkit-text-shadow: 0 0 9px #333;
 -moz-text-shadow: 0 0 9px #333;
 text-shadow: 0 0 9px #333;
}
}
 @-webkit-keyframes pop {
 50% {
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 100% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
 @keyframes pop {
 50% {
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 100% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
.pop {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
}
.pop:active, .pop:focus, .pop:hover {
	-webkit-animation-name: pop;
	animation-name: pop;
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
 @-webkit-keyframes buzz-out {
 10% {
 -webkit-transform: translateX(3px) rotate(2deg);
 transform: translateX(3px) rotate(2deg);
}
 20% {
 -webkit-transform: translateX(-3px) rotate(-2deg);
 transform: translateX(-3px) rotate(-2deg);
}
 30% {
 -webkit-transform: translateX(3px) rotate(2deg);
 transform: translateX(3px) rotate(2deg);
}
 40% {
 -webkit-transform: translateX(-3px) rotate(-2deg);
 transform: translateX(-3px) rotate(-2deg);
}
 50% {
 -webkit-transform: translateX(2px) rotate(1deg);
 transform: translateX(2px) rotate(1deg);
}
 60% {
 -webkit-transform: translateX(-2px) rotate(-1deg);
 transform: translateX(-2px) rotate(-1deg);
}
 70% {
 -webkit-transform: translateX(2px) rotate(1deg);
 transform: translateX(2px) rotate(1deg);
}
 80% {
 -webkit-transform: translateX(-2px) rotate(-1deg);
 transform: translateX(-2px) rotate(-1deg);
}
 90% {
 -webkit-transform: translateX(1px) rotate(0);
 transform: translateX(1px) rotate(0);
}
 100% {
 -webkit-transform: translateX(-1px) rotate(0);
 transform: translateX(-1px) rotate(0);
}
}
 @keyframes buzz-out {
 10% {
 -webkit-transform: translateX(3px) rotate(2deg);
 transform: translateX(3px) rotate(2deg);
}
 20% {
 -webkit-transform: translateX(-3px) rotate(-2deg);
 transform: translateX(-3px) rotate(-2deg);
}
 30% {
 -webkit-transform: translateX(3px) rotate(2deg);
 transform: translateX(3px) rotate(2deg);
}
 40% {
 -webkit-transform: translateX(-3px) rotate(-2deg);
 transform: translateX(-3px) rotate(-2deg);
}
 50% {
 -webkit-transform: translateX(2px) rotate(1deg);
 transform: translateX(2px) rotate(1deg);
}
 60% {
 -webkit-transform: translateX(-2px) rotate(-1deg);
 transform: translateX(-2px) rotate(-1deg);
}
 70% {
 -webkit-transform: translateX(2px) rotate(1deg);
 transform: translateX(2px) rotate(1deg);
}
 80% {
 -webkit-transform: translateX(-2px) rotate(-1deg);
 transform: translateX(-2px) rotate(-1deg);
}
 90% {
 -webkit-transform: translateX(1px) rotate(0);
 transform: translateX(1px) rotate(0);
}
 100% {
 -webkit-transform: translateX(-1px) rotate(0);
 transform: translateX(-1px) rotate(0);
}
}
.buzz-out {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
}
.buzz-out:active, .buzz-out:focus, .buzz-out:hover {
	-webkit-animation-name: buzz-out;
	animation-name: buzz-out;
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

.inthepast {
    opacity: 0.5;
  	filter: blur(1px);
}