/* QUIZ Styles */
body,
body.category,
body.finish{
	background: 
	url(../../images/quiz/noise.png) repeat, 
	url(../../images/quiz/ray-md.png) no-repeat top center, 
	url(../../images/quiz/gdnt-bg.png) repeat-x top left #122c61;
	padding: 0 0 20px;
	margin: 0;
	color: #fff;
}
body.index{
	background: 	
	url(../../images/quiz/noise.png) repeat, 
	url(../../images/quiz/ray-sm.png) no-repeat top center, 
	url(../../images/quiz/gdnt-bg.png) repeat-x top left #122c61;
	padding-top: 145px;
}

body.result{
	background: 	
	url(../../images/quiz/noise.png) repeat, 
	url(../../images/quiz/ray-sm.png) no-repeat top center, 
	url(../../images/quiz/gdnt-bg.png) repeat-x top left #122c61;
}


body.start{	
	background: 
	url(../../images/quiz/noise.png) repeat, 
	url(../../images/quiz/ray-md.png) no-repeat 63% 50%, 
	url(../../images/quiz/gdnt-bg.png) repeat-x top left #122c61;
}

body.result.mobile,
body.start.mobile{	
	background: 
	url(../../images/quiz/noise.png) repeat, 
	url(../../images/quiz/ray-md.png) no-repeat 50% -50%, 
	url(../../images/quiz/gdnt-bg.png) repeat-x top left #122c61;
}

.noise{
	background-image: url(../../images/quiz/noise.png);
}

.quiz-header{
	background: #4366AA;		
	background: -webkit-linear-gradient(#4366AA, #213A70, #2A3D67, #2A3D67, #1A2D57, #213A70);
	background: -o-linear-gradient(#4366AA, #213A70, #2A3D67, #2A3D67, #1A2D57, #213A70);
	background: -moz-linear-gradient(#4366AA, #213A70, #2A3D67, #2A3D67, #1A2D57, #213A70);
	background: linear-gradient(#4366AA, #213A70, #2A3D67, #2A3D67, #1A2D57, #213A70);
	background-repeat: no-repeat;
	height: 100px;
	padding-bottom: -20px;
	margin-bottom: 60px;
	border-bottom: solid 5px #172951;
	-moz-box-shadow:    0 5px 0 #000;
	-webkit-box-shadow: 0 5px 0 #000;
	box-shadow:         0 5px 0 #000;	
}

.button-shadow{
	text-shadow: 0 0 2px #000;
	color: #fff;
}

.golden-border {
	outline: none;		
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: inline-block;
	border-radius: 30px;
	background-color: #000;
	color: #fff;
	font-family: "Roboto Condensed";
	font-weight: 900;
	font-size: 24px;
	text-transform: uppercase;
	position: relative;			
	padding: 0.4em 1.5em;
	background-color: #0F244F;
	-moz-box-shadow:    inset 0 0 1em #000;
	-webkit-box-shadow: inset 0 0 1em #000;
	box-shadow:         inset 0 0 1em #000;	
	border: none;
	transition: all 0.5s;	
	text-align: center;	
}
.golden-border:before {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: none;
	content: "";
	display: inline-block;
	left: -3px;
	top: -3px;
	bottom: -3px;
	right: -3px;
	position: absolute;		
	background: #603302;		
	background: -webkit-linear-gradient(90deg, #603302, #D0B327, #995F0A);
	background: -o-linear-gradient(90deg, #603302, #D0B327, #995F0A);
	background: -moz-linear-gradient(90deg, #603302, #D0B327, #995F0A);
	background: linear-gradient(90deg, #603302, #D0B327, #995F0A);		
	border-radius: 34px;
	z-index: -1;
	transition: all 0.5s;
	background-position: 0;
}
.golden-border:after {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: none;
	content: "";
	display: inline-block;
	left: -7px;
	top: -7px;
	bottom: -7px;
	right: -7px;
	position: absolute;		
	background: #FDFCDA;		
	background: -webkit-linear-gradient(-90deg, #FDFCDA, #A15B01, #FDFCDA);
	background: -o-linear-gradient(-90deg, #FDFCDA, #A15B01, #FDFCDA);
	background: -moz-linear-gradient(-90deg, #FDFCDA, #A15B01, #FDFCDA);
	background: linear-gradient(-90deg, #FDFCDA, #A15B01, #FDFCDA);
	border-radius: 34px;
	z-index: -2;
	box-shadow: 0 0 2px #000;
	transition: all 0.3s;
	background-position: 0;
}

.golden-border:hover,
.golden-border:focus{ text-decoration: none; color: #fff;  outline: none; }

.golden-border:hover:before { /* INNER */
	background: -webkit-linear-gradient(90deg, #813900, #F3E767, #9E620B);
	background: -o-linear-gradient(90deg, #813900, #F3E767, #9E620B);
	background: -moz-linear-gradient(90deg, #813900, #F3E767, #9E620B);
	background: linear-gradient(90deg, #813900, #F3E767, #9E620B);
	background-position: center;
}

.golden-border:hover:after { /* OUTER */
	background: -webkit-linear-gradient(-90deg, #FFFEE6, #C88308, #FFFEE6);
	background: -o-linear-gradient(-90deg, #FFFEE6, #C88308, #FFFEE6);
	background: -moz-linear-gradient(-90deg, #FFFEE6, #C88308, #FFFEE6);
	background: linear-gradient(-90deg, #FFFEE6, #C88308, #FFFEE6);

	background-position: center;
}

.golden-border > span{		
	position: relative;
	color: #3B2100;		
}

.golden-border > span:before{		
	left: 0; top: -2px; bottom: 2px; right: 0;
	content: attr(lang);
	position: absolute;
	color: #6A3C01;
	z-index: 10;
	text-shadow: 0 -1px 2px #000;
}

.golden-border > span:after{		
	left: 0; top: -4px; bottom: 4px; right: 0;
	content: attr(lang);
	position: absolute;
	color: #fff;
	z-index: 11;
	background-image: -webkit-linear-gradient(left, #D6BB22, #FFFCDE, #D6BB22); /* For Chrome and Safari */
	background-image:    -moz-linear-gradient(left, #D6BB22, #FFFCDE, #D6BB22); /* For old Fx (3.6 to 15) */
	background-image:     -ms-linear-gradient(left, #D6BB22, #FFFCDE, #D6BB22); /* For pre-releases of IE 10*/
	background-image:      -o-linear-gradient(left, #D6BB22, #FFFCDE, #D6BB22); /* For old Opera (11.1 to 12.0) */
	background-image:         linear-gradient(to right, #D6BB22, #FFFCDE, #D6BB22); /* Standard syntax; must be last */
	
	color:transparent;
	-webkit-background-clip: text;
	background-clip: text;	
}

.golden-border.red{
	background-color: #91091D;
}

.golden-border.green{
	background-color: #07D216;
}

.golden-border.mini
{
	margin-top: 14px;	
	font-size: 1rem;
	width: 100%;
	cursor: default;
}

.golden-border.answer
{
	font-size: 1rem;
	width: 100%;
	height: 4em;
	border-radius: 2em;
	line-height: 1.1em;
	cursor: pointer;
}

.golden-border.mini:hover,
.golden-border.mini:focus{ background-color: #E11D45; }


.golden-border.mini.active,
.golden-border.mini.active:hover,
.golden-border.mini.active:focus{ background-color: #0ED41D; }


.golden-border.mini:before {
	left: -2px;
	top: -2px;
	bottom: -2px;
	right: -2px;
}
.golden-border.mini:after {
	left: -5px;
	top: -5px;
	bottom: -5px;
	right: -5px;
}

.golden-border.mini > span:before{		
	top: -1px;
	bottom: 1px;
	text-shadow: 0 -1px 2px #000;
}

.golden-border.mini > span:after{		
	top: -2px;
	bottom: 2px;
}


.just-middle{
	position: relative;
    top: calc(50% - 1em);
}

ul.quiz-type-list{
	margin: 0 !important;
	padding: 0;	
}

ul.quiz-type-list li{
	margin-top: 5px;	
	width: 50%;
	display: inline-block;
	float: left;
	padding: 0 8px;
}

.point-steps{
	margin: 0 0 13px 0;
	padding: 0;
	list-style: none;
}

body.mobile ul.quiz-type-list li{
	width: 100%;
	display: block;
	float: none;
	margin: 5px auto;
}

body.mobile .point-steps li{		
	display: inline-block;
	width: 13%;
}

.question-area{
	background-color: #12306C;
	border-radius: 15px;
	border: solid #3D67BB 6px;
	padding: 66px 20px 20px;
	position: relative;
	margin-bottom: 20px;
	-moz-box-shadow:    inset 0 0 30px rgba(0,0,0,0.7);
	-webkit-box-shadow: inset 0 0 30px rgba(0,0,0,0.7);
	box-shadow:         inset 0 0 30px rgba(0,0,0,0.7);	
	font-family: "Roboto Condensed";
	font-weight: 600;
	font-size: 1.1rem;
	text-transform: uppercase;
}

.question-area:before{
	content: "";
	border-radius: 15px;	
	position: absolute;
	top: -6px;
	right: -6px;
	left: -6px;
	bottom: -6px;
	-moz-box-shadow:    inset 0 0 5px #000;
	-webkit-box-shadow: inset 0 0 5px #000;
	box-shadow:         inset 0 0 5px #000;	
}
.question-area:after{
	content: "";
	border-radius: 9px;	
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	-moz-box-shadow:    0 0 4px #000;
	-webkit-box-shadow: 0 0 4px #000;
	box-shadow:         0 0 4px #000;	
}

.question-area > image{
	float: right;
	border-radius: 10px;
	border: 1px solid #000213;
}

.category-title{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	text-align: center;
	z-index: 5;
}

.category-title > span{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAuCAMAAADeMYNYAAAAVFBMVEXgkgv0xhjtuwsMFy/1yRnuuBXmrhPckAuvdAn1z0nyyDXwwyTzwxfywRfxvhbepBHXnRDQlQ7HjQ2+hQzYjQu1fQvUigrOhwrIgwrBfgm5eQmpbwiIurkWAAAAO0lEQVQI12XMtxEAIQDEQPG89x7Xf5/ckKLNhWVhZmLk4+Hm4uSgl052NlaMtGKoG+Tlx+EJRH0STWEzSz8BojFgKVwAAAAASUVORK5CYII=);
	display: inline-block;
	height: 46px;
	line-height: 46px;
	font-size: 1rem;
	font-family: "Roboto Condensed";
	font-weight: 600;
	text-transform: uppercase;
	position: relative;
	text-shadow: 0 0 3px rgba(0,0,0,0.5);
	margin-top: -8px;	
}

.category-title > span:before{
	background-image: url(data:image/png;base64,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);
	content: "";
	height: 46px;
	width: 65px;	
	left: -65px;
	position: absolute;
}

.category-title > span:after{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAAAuCAMAAABAi4T4AAADAFBMVEUAAAAMFy8MFy8MFy8MFy8MFy8MFy8MFy8MFy8VHS4fJS0NFy8MFy8MFy8MFy8MFy8MFy8YITMMFy8MFy8MFy8MFy8MFy8MFy8MFy8MFy8MFy8MFy8MFy8MFy8MFy/hkwvwwyT1z0nyyDX1yBjtuwu1fQutdQrHjQ2+hQvXnRDQlQ7osRTjqxLepBHgkgvsthXywRfvuhXdkAvxvhbzwxf0xRiwcwnWjArOhgr1yRnTigrLhQrIggq7egm2dwnAfgnekQvyxhjwxBjuvhW+fAm0dQnDjAzZjgvFgQqscAj/6p3623G+mxjajgvYjQvQiAq4eAmudAmebQmucgipbwj65Zn95ZH84oTuwRfrvBbmuxbiuBbRqhXMphS+mhLapBHfsBDRnhCtegumcwqaagmSYwj/6JrswBfpvxfpuhXXsBXqtRThsxPWqxPiqxLfqBLJnBHYohDHlQ+6jw/PlA69hQy5ggvcqAqicgrCfwmrcwn44Y/53Xrmy3fozXT31V5TVk9VVk5WVEZWUz5XUTXwxStWTifswCXuvxy8lhrcsxbtuRXmsBPlrxPcqxPZqBPFoBPWoxLLoBK9lhHAkhDQmQ+xgw3puAy2gQytfgzbjwu/iAuqdwuvdQvGgQq0ewqWZwmpbgj+55X95Iz74H/z1Wv52WnpzWn41mHoy1/31FnkxVjwzlf20VDwzEtWVkvmxEn0zEDvxzzhtTrzyThVUTjyxzHfsi5XUC7eryO4jyJiVSFyYR5/ahy0ixqNdBrcqxnwvRbkthakeRbnuBXbrxXntRTQphTGohS/nRTDnBPQoxLDlxHUmw/Mlg+1iQ/Mkg7DkA68ig7Nmg23hg2xeguneAvUoArHkAq9ewmkbwn23YTbxXf02XbpzW/ixW6onG7y0mDcvF51cV2ViFXnx1LIrETNqERER0NmYEHNrDRuYzJWTy5HRCx2ZyosLiooLCqylCdFQSZJQyVbUSOvhRmqgRmUehmegRjdtRfdtBetjRWzkRTUpxObbxC5hQ2PyfbKAAAAHnRSTlMABrKsxbWugx3+/ujdyhYLBfjvb0g/JRHXppl3WDG4kVxFAAADbUlEQVRIx6XVdzzUcRzH8U+5srX3VKelIekoo3R36pLVXXe07tCSnUgSLaWstqKivTcqM5EGSonQ3nvv3ef3Ew/O/c7vrtf/7+fj9/3+Hr/HDzr/ZwzoqnTL3r1+paHOgG5K9vyFhrZqS7UmALpK9ThZU1UNKutRT0FBQa4VFWPHTpmSOBVLPRAaGrr/mWaLJlCVnvwSEkpcXDa5ugaikZg49Yk19rCZKu6r6yUvf3//gIANeiVoBOJT/L4vEoluPmW0hpr1lJcVFu+PBknk3BEKhXebtYDa9aFsNlZUhEz8nw0bXUoDc+ZPmzbugVYnkKq3nAoL1627NOuK1dVr6zeWfp4/evS4BY3agHT9qBKLxb6+vZ0JghA+kYBKU6hTX4q8vLy9vcW+q5yLZ631u7w+M4QKAH3ZRUZGRvX18havcvYhhMwQvIOFMgEYIDN3d3d9/Siv6BgUCtb6pYZs2zZvoUoDkNVAmUVEDHDPi5JEx+Sv9lnjt/y2UEgJwCAZZWezI9xy8zwkMb/yfQrWLN+9ffu8w1QAGMhoEJvt5JZ7xuOs57nVFxEQiW5QA2BUJwMDR0cU/gGTx+zdsSN4ETUAg6UzMhoxwtHJafyEFZ4TJ61EIDj41qLG1AB0l8rSEoHpMxCYSQL7ra13EoBiAgF8R+D8hTGPdu3auVguAENqhYAlCXyrBI7s2XOvHgDkHuHIvn0HFjeUD0CXGvXvP9zQcKTxUBPTLcPMLVibjx88eCi5PgBkAmaVgK7uoSX1AiAF2FQDDieOHj1GAwBqICmJFgBVe6kjOJxKSQk7SQcAKiAsbBk9AMg9CcTZVr8Fh9P4W3xJDwByT15BTSA8PHxpI3oAEHPcx420NbYzMRtFAIJo/LppA2BIZIP7oXamZqM45lyWwJfNdqMPQJwNMcc93uFcjj2XL3BmMpkf6QNga4xzYo8nKEdg63UE0rXpA4BrOxNiP5eDV8AjgSwtHaAfrk3NyL09l8VLmINAhlZrUCBc47xyv7UM97HpbdVAkYZxOOXm9ha4F8QTDyD5wNABhbK3sOByWXyeIKCYif18274BKBaLz+fxBEFWc4i9JK15R1A0/ma9XmU4x2K/aLTTAYVjVuWR9YbRCkBZIfZHmnpD3CuTxHPy14z36owOaqBkzTW1VVRbtgGl+wv0IsRzWCyuWgAAAABJRU5ErkJggg==);
	content: "";
	height: 46px;
	width: 65px;
	right: -65px;
	position: absolute;
}


.timer-progress{
	background-color: #12306C;
	border-radius: 10px;
	border: solid #3D67BB 4px;
	position: relative;
	margin-bottom: 20px;
	-moz-box-shadow:    inset 0 0 10px rgba(0,0,0,0.7);
	-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.7);
	box-shadow:         inset 0 0 10px rgba(0,0,0,0.7);	
	font-family: "Roboto Condensed";
	font-weight: 600;
	font-size: 1.1rem;
	text-transform: uppercase;	
	margin: 20px 0 0 30px;	
}

.timer-progress:before{
	content: "";
	border-radius: 10px;	
	position: absolute;
	top: -4px;
	right: -4px;
	left: -4px;
	bottom: -4px;
	-moz-box-shadow:    inset 0 0 3px #000;
	-webkit-box-shadow: inset 0 0 3px #000;
	box-shadow:         inset 0 0 3px #000;		
}
.timer-progress:after{
	content: "";
	border-radius: 6px;	
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	-moz-box-shadow:    0 0 2px #000;
	-webkit-box-shadow: 0 0 2px #000;
	box-shadow:         0 0 2px #000;	

}

.timer-progress > .progress-value
{
	width: 100%;
	border-radius: 6px;
	background-color: #2E8906;	
	-moz-box-shadow:    inset 0 0 10px #C1F12C;
	-webkit-box-shadow: inset 0 0 10px #C1F12C;
	box-shadow:         inset 0 0 10px #C1F12C;
	position: relative;
	padding: 0 5px;
	height: 30px;
	line-height: 30px;
	transition: background 0.5s;
}

.timer-progress > .progress-value:before{
	content: '';
	position: absolute;
	left: -40px;
	top: -13px;
	background-image: url(../../images/quiz/clock.png);
	background-size: cover;
	width: 60px;
	height: 60px;
	z-index: 5;
}

.timer-progress > .progress-value:after{
	content: attr(data-value);
	position: absolute;
	left: 15px;
	top: 0;
	white-space: nowrap;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}

.finish-container{
	background-color: #12306C;
	border-radius:  15px 15px 60px 60px; 
	border: solid #3D67BB 6px;
	padding: 20px 20px 60px;
	position: relative;
	margin-bottom: 20px;
	-moz-box-shadow:    inset 0 0 30px rgba(0,0,0,0.7);
	-webkit-box-shadow: inset 0 0 30px rgba(0,0,0,0.7);
	box-shadow:         inset 0 0 30px rgba(0,0,0,0.7);	
	font-family: "Roboto Condensed";
	font-weight: 600;
	font-size: 1.1rem;
	position: relative;
	max-width: 450px;
	margin: 0 auto;
	z-index: 3;
}

.finish-container:before{
	content: "";
	border-radius: 15px 15px 60px 60px;	
	position: absolute;
	top: -6px;
	right: -6px;
	left: -6px;
	bottom: -6px;
	-moz-box-shadow:    inset 0 0 5px #000;
	-webkit-box-shadow: inset 0 0 5px #000;
	box-shadow:         inset 0 0 5px #000;	
	z-index: -2;
}
.finish-container:after{
	content: "";
	border-radius: 9px 9px 54px 54px;	
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	-moz-box-shadow:    0 0 4px #000;
	-webkit-box-shadow: 0 0 4px #000;
	box-shadow:         0 0 4px #000;	
	z-index: -3;
}

.finish-container .score{
	padding: 15px;
}

.finish-container .ribbon{
	position: absolute;
	bottom: -40px;
	right: 0;
	left: 0;
	z-index: 5;
	width: 90%;
	margin: 0 auto;
}

body.mobile .finish-container .ribbon{
	bottom: -25px;
}

.finish-container .score > span{

	background-color: #0D1F45;
	padding: 5px 25px;
	border-radius: 6px;
	display: inline-block;
	font-size: 1.5rem;
	text-transform: uppercase;
	-moz-box-shadow:    inset 0 0 0.5em #000;
	-webkit-box-shadow: inset 0 0 0.5em #000;
	box-shadow:         inset 0 0 0.5em #000;
	position: relative;
	max-width: 280px;
	width: 100%;
}

.finish-container  .score > span:before{
	content: "";
	border: 1px solid #11162D;
	top: -10px;
	left: -10px;
	bottom: -10px;
	right: -10px;
	position: absolute;
	border-radius: 10px;
	z-index: -1;
}

.finish-container  .score > span:after{
	content: "";	
	top: -2px;
	left: -2px;
	bottom: -2px;
	right: -2px;
	position: absolute;
	border-radius: 7px;
	background-image: -webkit-linear-gradient(top, #4261A2, #A9C1FA, #071125, #071125); /* For Chrome and Safari */
	background-image:    -moz-linear-gradient(top, #4261A2, #A9C1FA, #071125, #071125); /* For old Fx (3.6 to 15) */
	background-image:     -ms-linear-gradient(top, #4261A2, #A9C1FA, #071125, #071125); /* For pre-releases of IE 10*/
	background-image:      -o-linear-gradient(top, #4261A2, #A9C1FA, #071125, #071125); /* For old Opera (11.1 to 12.0) */
	background-image:         linear-gradient(to bottom, #4261A2, #A9C1FA, #071125, #071125); /* Standard syntax; must be last */
	z-index: -2;
}


.result-area{
	background-color: #254CA2;
	border-radius: 15px;
	border: solid #3F60B0 6px;
	padding: 0;
	position: relative;
	margin-bottom: 20px;
	-moz-box-shadow:    inset 0 0 30px rgba(0,0,0,0.7);
	-webkit-box-shadow: inset 0 0 30px rgba(0,0,0,0.7);
	box-shadow:         inset 0 0 30px rgba(0,0,0,0.7);	
	font-family: "Roboto Condensed";
	font-weight: 600;
	font-size: 1.1rem;	
	max-width: 500px;
	margin: 0 auto;	
	z-index: 3;
}

.result-area:before{
	content: "";
	border-radius: 15px;	
	position: absolute;
	top: -6px;
	right: -6px;
	left: -6px;
	bottom: -6px;
	-moz-box-shadow:    inset 0 0 5px #000;
	-webkit-box-shadow: inset 0 0 5px #000;
	box-shadow:         inset 0 0 5px #000;	
	z-index: -1;	
}
.result-area:after{
	content: "";
	border-radius: 9px;	
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	-moz-box-shadow:    0 0 4px #000;
	-webkit-box-shadow: 0 0 4px #000;
	box-shadow:         0 0 4px #000;	
	z-index: -2;

}

.result-head{
	background-color: #CC1122;
	background-image: -webkit-linear-gradient(bottom, #CC1122, #840D19); /* For Chrome and Safari */
	background-image:    -moz-linear-gradient(bottom, #CC1122, #840D19); /* For old Fx (3.6 to 15) */
	background-image:     -ms-linear-gradient(bottom, #CC1122, #840D19); /* For pre-releases of IE 10*/
	background-image:      -o-linear-gradient(bottom, #CC1122, #840D19); /* For old Opera (11.1 to 12.0) */
	background-image:         linear-gradient(to top, #CC1122, #840D19); /* Standard syntax; must be last */

	border-radius: 9px 9px 0 0;
	padding: 15px;
	border-bottom: 4px #9B0B23 solid;
	text-align: center;
}


.golden-text > span{		
	position: relative;
	color: #3B2100;
	text-transform: uppercase;
	font-weight: 600;
}

.golden-text > span:before{		
	left: 0; top: -2px; bottom: 2px; right: 0;
	content: attr(lang);
	position: absolute;
	color: #6A3C01;
	z-index: 1;
	text-shadow: 0 2px 1px #000;
	text-transform: uppercase;
}

.golden-text > span:after{		
	left: 0; top: -4px; bottom: 4px; right: 0;
	content: attr(lang);
	position: absolute;
	color: #fff;
	z-index: 2;
	background-image: -webkit-linear-gradient(left, #D6BB22, #FFFCDE, #D6BB22); /* For Chrome and Safari */
	background-image:    -moz-linear-gradient(left, #D6BB22, #FFFCDE, #D6BB22); /* For old Fx (3.6 to 15) */
	background-image:     -ms-linear-gradient(left, #D6BB22, #FFFCDE, #D6BB22); /* For pre-releases of IE 10*/
	background-image:      -o-linear-gradient(left, #D6BB22, #FFFCDE, #D6BB22); /* For old Opera (11.1 to 12.0) */
	background-image:         linear-gradient(to right, #D6BB22, #FFFCDE, #D6BB22); /* Standard syntax; must be last */
	
	color:transparent;
	-webkit-background-clip: text;
	background-clip: text;	
	text-transform: uppercase;
}


.result-content{
	padding: 20px;
}

.quiz-number{
	font-size: 2.8em;
	line-height: 1em;
	font-weight: 600;
	text-shadow: 0 1px 2px #000;
}

.quiz-question{
	margin-top: 5px;
	text-shadow: 0 1px 2px #000;
	line-height: 1.1em
}

.quiz-divider{
	height: 0px;
	border-top: rgba(0,0,0,0.5) 1px solid;
	border-bottom: rgba(255,255,255,.2) 1px solid;
}


.answer-button{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: none;
	outline: none;
	display: inline-block;
	border-radius: 20px;
	color: #fff;
	font-family: "Roboto Condensed";
	font-weight: 400;
	font-size: 1rem;
	min-height: 4em;
	line-height: 1em;
	position: relative;
	padding: 1em;
	background-color: #CD0023;
	-moz-box-shadow:    inset 0 0 1em #000;
	-webkit-box-shadow: inset 0 0 1em #000;
	box-shadow:         inset 0 0 1em #000;
	transition: background-color 0.5s;
	text-align: center;	
	margin: 10px 0 10px 6px;
	width: calc(100% - 12px);
}

body.mobile .answer-button{
	font-weight: 700;
	font-size: 1rem;
	min-height: 1.1em;
	line-height: 1em;
	position: relative;
	padding: 0.6em;
}


.answer-button:before {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	content: "";
	display: inline-block;
	left: -2px;
	top: -2px;
	bottom: -2px; 
	right: -2px;
	position: absolute;		
	background: #603302;		
	background: -webkit-linear-gradient(90deg, #603302, #D0B327, #995F0A);
	background: -o-linear-gradient(90deg, #603302, #D0B327, #995F0A);
	background: -moz-linear-gradient(90deg, #603302, #D0B327, #995F0A);
	background: linear-gradient(90deg, #603302, #D0B327, #995F0A);		
	border-radius: 21px;
	z-index: -1;
	transition: all 0.5s;
	background-position: 0;
}
.answer-button:after {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	content: "";
	display: inline-block;
	left: -6px;
	top: -6px;
	bottom: -6px;
	right: -6px;
	position: absolute;		
	background: #FDFCDA;		
	background: -webkit-linear-gradient(-90deg, #FDFCDA, #A15B01, #FDFCDA);
	background: -o-linear-gradient(-90deg, #FDFCDA, #A15B01, #FDFCDA);
	background: -moz-linear-gradient(-90deg, #FDFCDA, #A15B01, #FDFCDA);
	background: linear-gradient(-90deg, #FDFCDA, #A15B01, #FDFCDA);
	border-radius: 26px;
	z-index: -2;
	box-shadow: 0 0 2px #000;
	transition: all 0.3s;
	background-position: 0;
}

.answer-button:hover,
.answer-button:focus{ text-decoration: none; color: #fff;  outline: none; }

.answer-button:hover:before { /* INNER */
	background: -webkit-linear-gradient(90deg, #813900, #F3E767, #9E620B);
	background: -o-linear-gradient(90deg, #813900, #F3E767, #9E620B);
	background: -moz-linear-gradient(90deg, #813900, #F3E767, #9E620B);
	background: linear-gradient(90deg, #813900, #F3E767, #9E620B);
	background-position: center;
}

.answer-button:hover:after { /* OUTER */
	background: -webkit-linear-gradient(-90deg, #FFFEE6, #C88308, #FFFEE6);
	background: -o-linear-gradient(-90deg, #FFFEE6, #C88308, #FFFEE6);
	background: -moz-linear-gradient(-90deg, #FFFEE6, #C88308, #FFFEE6);
	background: linear-gradient(-90deg, #FFFEE6, #C88308, #FFFEE6);
	background-position: center;
}

.answer-button.correct{
	background-color: #3ED32E;
}

.answer-button.incorrect{	
	background: url(../../images/quiz/incorrect.png) #CD0023 center center no-repeat;
}
.quiz-links{
	padding-top: 20px;
	text-align: center;
}
.quiz-links a{
	font-size: 16px;
	color: rgba(255,255,255, 0.8);
	text-transform: uppercase;
	font-weight: 400;
}

body.mobile .quiz-links a{
	font-size: 14px;
	text-transform: none;
}


.quiz-share-btn
{
	border-radius: 20px;
	color: #fff;
	padding: 10px 25px;
	text-shadow: 0 1px 1px #000;
	text-transform: uppercase;
	font-family: 'Roboto Condensed';
	font-weight: 600;
	margin: 0 5px;
	position: relative;
	-moz-box-shadow:    inset 0 0 5px #73ECFB;
	-webkit-box-shadow: inset 0 0 5px #73ECFB;
	box-shadow:         inset 0 0 5px #73ECFB;
	border: 1px solid #73ECFB;
}

body.mobile .quiz-share-btn span{
	display: none;
}

body.mobile .quiz-share-btn i{
	margin-left: 10px;
}

.quiz-share-btn:hover
{
	color: #fff;
	text-decoration: none;	
}

.quiz-share-btn.tweet
{
	background: -webkit-linear-gradient(top, #1C78CF, #1B387D, #1B387D, #1C78CF);
	background: -o-linear-gradient(top, #1C78CF, #1B387D, #1B387D, #1C78CF);
	background: -moz-linear-gradient(top, #1C78CF, #1B387D, #1B387D, #1C78CF);
	background: linear-gradient(to top, #1C78CF, #1B387D, #1B387D, #1C78CF);
}

.quiz-share-btn.share
{
	background: -webkit-linear-gradient(top, #075DAC, #0C1E4D, #0C1E4D, #075DAC);
	background: -o-linear-gradient(top, #075DAC, #0C1E4D, #0C1E4D, #075DAC);
	background: -moz-linear-gradient(top, #075DAC, #0C1E4D, #0C1E4D, #075DAC);
	background: linear-gradient(to top, #075DAC, #0C1E4D, #0C1E4D, #075DAC);
}

.quiz-share-btn:before
{
	content: '';
	position: absolute;
	top: 7px;
	left: 0;
	right: 0;
	bottom: -7px;
	z-index: -2;	
	border-radius: 20px;
	-moz-box-shadow:    0 0 3px #000;
	-webkit-box-shadow: 0 0 3px #000;
	box-shadow:         0 0 3px #000;
}

.quiz-share-btn:after
{
	content: '';
	background: #0BC9EA;
	position: absolute;
	top: 3px;
	left: 0;
	right: 0;
	bottom: -3px;
	z-index: -1;
	border-radius: 20px;
}

.quiz-share-btn.tweet:before
{
	content: '';
	background: -webkit-linear-gradient(left, #1A2E7C, #3D7FDF, #1A2E7C);
	background: -o-linear-gradient(left, #1A2E7C, #3D7FDF, #1A2E7C);
	background: -moz-linear-gradient(left, #1A2E7C, #3D7FDF, #1A2E7C);
	background: linear-gradient(to left, #1A2E7C, #3D7FDF, #1A2E7C);
	border: 1px solid #254E92;	
}

.quiz-share-btn.share:before
{
	content: '';
	background: -webkit-linear-gradient(left, #010828, #0143A3, #010828);
	background: -o-linear-gradient(left, #010828, #0143A3, #010828);
	background: -moz-linear-gradient(left, #010828, #0143A3, #010828);
	background: linear-gradient(to left, #010828, #0143A3, #010828);
	border: 1px solid #002868;	
}

.point-item{
	border-radius: 7px;
	border: #3F5E9F 3px solid;	
	text-align: center;
	font-family: 'Roboto Condensed';
	font-weight: 600;
	font-size: 18px;
	background: transparent; /* Old browsers */
	-moz-box-shadow:    inset 0 0 7px rgba(0,0,0,0.7);
	-webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.7);
	box-shadow:         inset 0 0 7px rgba(0,0,0,0.7);
	margin-bottom: 5px;
	text-shadow: 0 0 2px #000;
}

body.mobile .point-item{
	font-weight: 400;
	font-size: 16px;
}

.point-item.active{
	border: #3BF53B 3px solid;	
	background: transparent; /* Old browsers */
	background: -webkit-linear-gradient(#1AF72B 0%, #1AF72B 50%, #07D216 51%, #07D216 100%);
	background: -o-linear-gradient(#1AF72B 0%, #1AF72B 50%, #07D216 51%, #07D216 100%);
	background: -moz-linear-gradient(#1AF72B 0%, #1AF72B 50%, #07D216 51%, #07D216 100%);
	background: linear-gradient(#1AF72B 0%, #1AF72B 50%, #07D216 51%, #07D216 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1AF72B', endColorstr='#07D216',GradientType=0 );
}

.point-item#current-point{
	border: #EDBD12 3px solid;
	background: #010828; /* Old browsers */
	background: -webkit-linear-gradient(#F4C91A 0%, #F4C91A 50%, #E7A411 51%, #E1930B 100%);
	background: -o-linear-gradient(#F4C91A 0%, #F4C91A 50%, #E7A411 51%, #E1930B 100%);
	background: -moz-linear-gradient(#F4C91A 0%, #F4C91A 50%, #E7A411 51%, #E1930B 100%);
	background: linear-gradient(#F4C91A 0%, #F4C91A 50%, #E7A411 51%, #E1930B 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F4C91A', endColorstr='#ff7f04',GradientType=0 );
	position: relative;
}

.point-item#current-point:before
{
	content: '';
	position: absolute;
	background-image: url(../../images/quiz/point-star.png);
	background-size: cover;
	background-repeat: no-repeat;
	left: -20px;
	top: -15px;
	z-index: 1;
	display: inline-block;
	height: 60px;
	width: 60px;
}