.election-quix-maxwidth {
	max-width: 1280px;
	margin: 0 auto;
}
.election-quiz-wrapper {
	background: #b5051c;
	position: relative;
	border-radius: 15px;
	margin-top: 10px;
}
.election-quiz-wrapper-bg {
	padding: 20px;
	position: relative;
	z-index: 10;
	min-height: 580px;
}
.election-quiz-wrapper-bg::before {position: absolute;left: 0;right: 0;bottom: 0;content: '';z-index: -1;background:  url(/elections-common/media/images/web/quiz-parliament-bg-quiz.png) no-repeat center bottom;width: 100%;height: 584px;}
.election-quiz-heading-block {position: relative;}
.election-quiz-heading {
	font-size: 28px;
	color: #fff;
	font-weight: bold;
	text-align: left;
}
.election-quiz-social {
	position: absolute;
	right: 5px;
	top: 0;
}
.election-quiz-social a {
	display: inline-block;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background: #fff;
	text-align: center;
}
.election-quiz-social a i {color: #000;font-size: 24px;line-height: 35px;}
/*.election-ad {border: 10px solid #fff;}*/
.election-ad img {display: block;}
.election-quiz-leftpanel {
	width: 900px;
	float: left;
}
.election-quiz-rightpanel {
	float: right;
	width: 300px;
	margin: 20px 0;
}
.election-quiz-challenge {
	display: block;
	padding: 20px 0px;
}
.election-quiz-challenge.five-years {
	background: rgba(166,5,26,0.8);
	margin: 0;
	padding: 30px 20px;
	border: thin solid #c84657;
	border-radius: 3px;
}
.quiz-left-logo {
	float: left;
	display: block;
	width: 72px;
	width: 110px;
}
.quiz-left-logo img {
	max-width: 100%;
}
.quiz-right-text {
	float: left;
	margin-left: 20px;
}
.quiz-right-text h2 {
	font-size: 69px;
	color: #fff56d;
}
.quiz-right-text p {
	color: #ffffff;
	font-size: 43px;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.election-quiz-middle-block {
	margin: 10px 0px;
	padding-bottom: 15px;
}
.election-quiz-content h3 {
	font-size: 26px;
	color: #ffffff;
	margin-bottom: 16px;
	font-weight: 600;
}
.election-quiz-content p {
	font-size: 18px;
	color: #fff;
	font-weight: 400;
}
.quiz-login-form {
	display: block;
	float: left;
	width: 370px;
	margin: 0;
	padding: 30px;
	height: 200px;
	background: rgba(187,24,45,0.7);
	border: thin solid #b24150;
}
.full-width {
	width: -webkit-fill-available;
	border-radius: 5px;
	border: none;
	font-size: 14px;
	padding: 15px 10px;
	margin: 0;
	width: 100%;
	box-sizing: border-box;	
}
.quiz-login-form .form {
	margin-bottom: 20px;
}
.quiz-login-form .button {
	background: #008bfc;
	cursor: pointer;
	font-size: 25px;
	line-height: 0px;
	color: #ffffff;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 25px 0px;
	border: 2px solid #ffffff;
	border-radius: 5px;
}
.election-quiz-form-contant .quiz-game-rules {
	float: left;
	margin-left: 45px;
	color: #ffffff;
	width: 720px;
}
.list-of-game {
	font-size: 13px;
	padding-bottom: 12px;
}
.list-of-game ul {margin-left: 15px;}
.list-of-game ul li {list-style-type: disc;padding: 1px 0;}
.terms-and-conditions {
	font-size: 13px;
	padding-top: 5px;color: #fff;
}
.quiz-heading {
	font-size: 15px;
	font-weight: bold;
	color: #fff;
}
.close-icon {
	position: absolute;
	right: -5px;
	top: -5px;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: 3px solid #fff;
	background: #fff;
}
.final-score {
	float: left;
	position: relative;
	right: 0;
	top: 0;
	width: 180px;
	height: 180px;
	background: linear-gradient( 0deg, #5f9736, #5f9736 49%, white 50%, white 51%, white 51% );
	border-radius: 50%;
	border: 4px solid #fff;
}
.final-score .your-score {
	font-size: 20px;
	padding: 40px 0 20px 0;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
}
.final-score .your-value {
	color: #fff;
	font-weight: bolder;
	font-size: 70px;
	padding: 10px 0;
	font-weight: 600;
	text-align: center;
	line-height: 65px;
}
.first-level-score .level-score-text {
	float: left;
	font-size: 20px;
	text-transform: uppercase;
	color: #fff;
	margin-top: 75px;
	margin-right: 70px;
	font-weight: bold;
}
/* .first-level-score .your-score{float: left;} */
.next-level-button {
	float: right;
	margin-top: 60px;
}
.next-level-button button {
	float: right;
	padding: 15px 20px;
	border: 1px solid #ffffff;
	border-radius: 5px;
	background: #3366cc;
	font-size: 20px;
	font-weight: bold;
	cursor: pointer;
	display: block;
	color: #fff;
}
.next-level-button button i {vertical-align: middle;font-size: 30px;}


.election-quiz-ques-left{width: 880px;float: left;}
.election-ques {
	display: block;
	margin-top: 20px;
}
.election-ques-no i {
	width: 35px;
	font-size: 25px;
	background: #fdb913;
	color: #ffffff;
	border-radius: 50%;
	text-align: center;
	border: 3px solid #ffffff;
	margin: 0 auto;
	padding: 8px;
	float: left;
	height: 35px;
}
.election-ques-no .question {
	position: relative;
	color: #ffffff;
	font-size: 24px;
	margin-left: 65px;
	top: 5px;
	font-weight: bold;
	margin-right: 110px;
}

.election-ques .election-ques-score{float: right;
    position: relative;
    margin: 0 auto;
    display: block;
    width: 100px; top: -14px;
}
.election-ques-options{  padding-bottom: 40px;}
.election-ques-options .options{background: #be2337;padding: 20px;border: thin solid #c84657;}
.options ul li {margin-bottom: 15px;}
.options ul li:last-child {margin-bottom: 0;}
.options ul li .option1 {
	background: #f2e3e5;
	border-radius: 5px;
	color: #000000;
	position: relative;
	height: 65px;
}
.option1 .left-option {
	float: left;
	position: absolute;
	font-size: 34px;
	padding: 0 15px;
	background: #97888a;
	outline: none;
	display: block;
	color: #fff;
	border-radius: 5px 0 0 5px;
	line-height: 65px;
	height: 65px;
}
.option1 .right-option {
	float: left;
	margin-left: 65px;
	margin-top: 8px;
	font-size: 20px;
	color: #000;
	font-weight: 600;
}
.option-bottom .seconds-left {
	float: left;
	width: 85px;
	border-radius: 20px;
	background: #f1ec90;
	text-align: center;
	padding: 10px 5px;
	font-size: 16px;
	font-weight: 600;
}
.option-bottom .seconds-left span {font-size: 14px;font-weight: 400;}
.seconds-left i {
	display: inline-block;
	position: relative;
	vertical-align: bottom;
}
.option-bottom .next-question {
	float: right;
}

.quiz-level {
	float: left;
	font-size: 18px;
	color: #fff;
	margin-top: 20px;
	font-weight: 600;
	margin-right: 20px;
}
.quiz-level span {
	margin-left: 20px;
	font-weight: 300;
	font-size: 16px;
}
.next-question button {
	float: right;
	padding: 15px 20px;
	border: 1px solid #ffffff;
	border-radius: 5px;
	background: #3366cc;
	font-size: 20px;
	font-weight: bold;
	cursor: pointer;
	display: block;
	color: #fff;
}
.next-question button i {vertical-align: middle;font-size: 30px;}
.option1 .material-icons {position: absolute;right: 10px; top: 20px;font-size: 24px;color: #f2e3e5;}
.correct .option1 .material-icons {color: #688c36;}
.wrong .option1 .material-icons {color: #cd2b22;}
.correct .option1 .left-option {background: #688c36;}
.wrong .option1 .left-option {background: #cd2b22;}


.election-quiz-heading.textcenter {text-align: center;text-transform: uppercase;}
.congo-img {
	display: block;
	text-align: center;
	padding-bottom: 24px;
}
.congo-img img {
	max-width: 100%;
}

.winner-name {
	float: left;
	color: #fff;
	text-align: center;
	width: 50%;
	margin-top: 43px;
	text-transform: uppercase;
}
.election-quiz-succ-content {
	display: block;
	float: left;
	text-align: center;
	margin-top: 20px;
	color: #fff;
}
.election-quiz-succ-content h3 {
	font-size: 22px;
	font-weight: 500;
	height: 36px;
	margin-left: 30px;
	text-transform: uppercase;
}
.election-quiz-succ-content p {
	font-size: 22px;
	font-weight: 500;
	margin-left: 30px;
	text-transform: uppercase;
}
.election-quiz-play-again {
	padding-bottom: 40px;
}
.election-quiz-play-again .social-icons-left {
}
.social-icons-left span {
	color: #fff;
	float: left;
	text-transform: uppercase;
	font-size: 20px;
	margin-top: 10px;
	font-weight: 700;
	margin-right: 10px;
}
.social-icons-left ul {
	float: left;
	margin-left: 20px;
}
.social-icons-left ul li {
	display: inline-block;
	margin: 0 10px;
	background: #ffffff;
	padding: 0;
	border-radius: 50%;
	float: left;
	text-align: center;
	width: 40px;
	height: 40px;
	line-height: 40px;
}
.social-icons-left ul li a {display: block;}
.social-icons-left ul li i {
	color: #000;
	font-size: 26px;
	line-height: 40px;
	vertical-align: top;
}
.social-icons-left .or {
	margin-left: 20px;
	text-transform: capitalize;
}
.election-quiz-play-again .play-again-button {float: right;}
.play-again-button button {
	float: right;
	padding: 15px 30px;
	border: 1px solid #ffffff;
	border-radius: 5px;
	background: #3366cc;
	font-size: 20px;
	font-weight: bold;
	cursor: pointer;
	display: block;
	color: #fff;
}
.play-again-button button i {vertical-align: middle;font-size: 30px;}
.election-quiz-upload {
	border: 1px solid #fff;
	background: #a00419;
}
.election-quiz-upload .upload-block {
}
.election-quiz-upload .upload-text-left {
	float: left;
	padding: 20px;
	color: #fff;
}
.election-quiz-upload .upload-button-right {
	float: right;
}
.upload-button-right button {
	padding: 10px 30px;
	font-size: 16px;
	margin-top: 12px;
	margin-right: 8px;
	background: #000;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
	border-radius: 5px;
}
.quiz-right-text {
	float: left;
	margin-left: 20px;
}
.quiz-right-text h2 {
	font-size: 69px;
	color: #fff56d;
}
.quiz-right-text p {
	color: #ffffff;
	font-size: 43px;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.quiz-winnercup-logo {float: left;width: 200px;}
.quiz-winnercup-logo img {border: 4px solid #fff;border-radius: 50%;}




.quiz-topscorer-block {}
.quiz-topscore-heading {border-radius: 15px 15px 0 0;padding: 10px;text-align: center;font-size: 28px;font-weight: bold;color: #fff;
	background: -webkit-gradient(linear,left top,right top,from(#fea534),to(#f571bd));
    background: linear-gradient(to right,#fea534,#f571bd);}
.quiz-topscore-content {position: relative;border-top: 2px solid #fff;border-bottom: 2px solid #fff;}
.quiz-topscore-content::before{
    content: "";
    height: 2px;
    background: -webkit-gradient(linear,left top,right top,from(#fea534),to(#f571bd));
    background: linear-gradient(to right,#fea534,#f571bd);
    width: 100%;
    position: absolute;
    bottom: -4px;
    left: 0;
    border-radius: 2px;
}
.quiz-topscore-content ul li {float: left;width: 25%;text-align: center;}

.quiz-topscore-topblock {padding: 10px;}
.quiz-topscorer-name {font-size: 20px;font-weight: bold;color: #333;padding: 10px;text-transform: uppercase;height: 40px;overflow: hidden;}
.quiz-topscorer-thumbimg {width: 130px;height: 130px;border: 5px solid #fff;border-radius: 50%;background: #fff;margin: 0 auto;overflow: hidden;}
.quiz-topscorer-thumbimg img {width: 100%;height: 100%;}
.quiz-topscore-midblock {padding: 10px 0;}
.quiz-topscorer-text {color: #666;font-weight: bold;font-size: 14px;}
.quiz-topscorer-score {color: #a7051a;font-weight: 400;font-size: 50px;line-height: 40px;}
.quiz-topscorer-challange {padding: 10px 0;color: #008bfc;font-weight: bold;font-size: 16px;}

.quiz-topscore-container {border-right: 2px solid #fff;}
.quiz-topscore-content ul li:nth-child(1) {background: #fdebf3;}
.quiz-topscore-content ul li:nth-child(2) {background: #e2f4fe;}
.quiz-topscore-content ul li:nth-child(3) {background: #e7fbe5;}
.quiz-topscore-content ul li:nth-child(4) {background: #fffcd6;}

.quiz-topscore-content ul li:nth-child(1) .quiz-topscore-midblock {background: #fef9fb;}
.quiz-topscore-content ul li:nth-child(2) .quiz-topscore-midblock {background: #f6fcff;}
.quiz-topscore-content ul li:nth-child(3) .quiz-topscore-midblock {background: #f8fef7;}
.quiz-topscore-content ul li:nth-child(4) .quiz-topscore-midblock {background: #fffef3;}

#quiz-score {border: 3px solid #fff;position: relative;border-radius: 50%;width: 100px;height: 100px;background: #fff;}
#quiz-score .circle-text {
    width: 100%;
    position: absolute;
    text-align: center;
    display: inline-block;
    font-size: 20px !important;
    color: #000;
    line-height: 115px !important;
    font-weight: bold;
}
.quiz-score-text {font-size: 14px;text-align: center;position: absolute;top: -25px;left: 30px;}
.election-quiz-ques-left {position: relative;}
.election-ques {margin-bottom: 40px;}
.election-ques-score {position: absolute;right: 0;top: 0;}
.seconds-left i {position: absolute;left: 5px;}

.options ul li {margin-bottom: 15px;cursor: pointer;}
.election-ques-options ul.clicked li {cursor: not-allowed;}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

.quiz-login-form {height: auto;position: relative;}
.google-sign-in {background: #4186f3;padding: 4px;border-radius: 5px;font-size: 16px;color: #fff;height: 46px;line-height: 46px;cursor: pointer;}
.google-sign-in-icon {background: #fff url(/elections-common/media/images/web/google-sign-in.png) no-repeat center center;width: 36px;height: 36px;margin-right: 20px;float: left;border-radius: 2px;padding: 5px;text-align: center;}
.login-ortext {font-size: 18px;text-align: center;padding: 5px;text-transform: uppercase;color: #fff;font-weight: bold;}
.already-user {font-size: 15px;color: #fff;position: absolute;right: 5px;top: 5px;}
.already-user a {color: #fff;text-decoration: none;}
.sign-up {font-size: 15px;color: #fff;position: absolute;right: 10px;top: 5px;}
.sign-up a {color: #fff;text-decoration: none;}
.quiz-popup-lytebox {position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.7);left: 0;right: 0;bottom: 0;top: 0;display: none;z-index: 999;}
.quiz-popup-container {position: fixed;top: 0;left: 0;right: 0;bottom: 0;width: 400px;height: 100px;border-radius: 10px;padding: 10px;margin: auto;background: rgba(187,24,45);border: thin solid #b24150;text-align: center;color: #fff;display: none;z-index: 1000;}
.quiz-popup-close {background: #fff url(/elections-common/media/images/web/quiz-close.png) no-repeat center center;width: 32px;height: 32px;position: absolute;right: -8px;top: -8px;cursor: pointer;border-radius: 50%;border: solid thin #fff;}
.quiz-popup-heading {padding: 10px;text-align: center;font-size: 16px;color: #fff;}
.quiz-popup-okbtn {
    background-color: #008CBA;
    border: none;
    color: #fff;
    padding: 10px 30px;
    text-align: center;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    margin: 10px 0 !important;
    text-decoration: none;
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px;
}
.quiz-popup-cancelbtn {
    background-color: #e7e7e7;
    border: none;
    color: #888;
    padding: 10px 30px;
    text-align: center;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    margin: 15px 0 !important;
    text-decoration: none;
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px;
}