@charset "UTF-8";
/* CSS Document */
.red{
	color: darkred !important;
}
.correct{
	color: darkgreen;
}
.incorrect{
	background: rgba(213,4,8,0.2) !important;
}
.r-question{
	background-color:rgba(108,241,153,0.3);
	padding: 20px;
	margin-bottom: 15px;
}
.r-question p{
	font-weight: bold;
	margin-bottom: 10px;
}
.r-question li{
	list-style: none;
}
.your-results{
	background: rgba(255,255,255,.8);
	padding: 20px;
	color: #222;
}
#quiz-container{
	background: rgba(0,0,0,.2);
	padding: 30px 40px;
	text-align: center;    
	min-height: 275px;
}
#question-container{
	text-align: center;
	position: relative;
}
#loading{
	    color: #FFF;
    font-size: 60px;
	margin-top: 30px;
}
.circle-big, .circle{
	color: #FFF;
	font-size: 13px;
	font-weight: 500;
	border: 1px solid #FFF;
	border-radius: 50%;
	line-height: 28px;
	height: 28px;
	width: 28px;
	margin: 0px 2px;
	display: inline-block;
}
.circle-big.current, .circle.current{
	background-color: #ffa300;
}
.circle{
	line-height: 14px;
	height: 14px;
	width: 14px;
}
.question-title{
	color: #fff;
	font-size: 14px;
	margin-bottom: 0px;
}
.question p{
	color: #FFF;
	font-weight: 500;
	font-size:21px;
	line-height: 1.3;
	margin: 30px 0px;
}