/* @override http://osvstudent.nervesensory.com/game_quizzes/matching_game_styles */

/*RESET CSS*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*___________________________________________________________________________________*/
/*
 Reset
================================================== */
/** * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) * Richard Clark (http://richclarkdesign.com) * http://cssreset.com */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, 
address, cite, code,del, dfn, em, img, ins, kbd, q, 
samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, 
ul, li,fieldset, form, label, legend,table, caption, tbody, 
tfoot, thead, tr, th, td,article, aside, canvas, details, 
figcaption, figure,footer, header, hgroup, menu, nav, section, 
summary,time, mark, audio, video {    
margin:0;   
padding:0;    
border:0;    
outline:0;   
font-size:100%;   
vertical-align:baseline; 
background:transparent;
}

body {line-height:1;}

article,aside,details,figcaption,
figure,footer,header,hgroup,menu,nav,section {display:block;}

nav ul {list-style:none;}

blockquote, q {quotes:none;}

blockquote:before, blockquote:after,
q:before, q:after {    
content:'';    
content:none;
}

a {    
margin:0;  
padding:0;  
font-size:100%;  
vertical-align:baseline;
background:transparent;
}

/* change colours to suit your needs */
ins {    
background-color:#ff9;    
color:#000;    
text-decoration:none;
}

/* change colours to suit your needs */
mark {  
background-color:#ff9;   
color:#000;    
font-style:italic;    
font-weight:bold;
}

del {  
text-decoration: line-through;
}

abbr[title], dfn[title] {  
border-bottom:1px dotted;  
cursor:help;
}

table {
border-collapse:collapse;  
border-spacing:0;
}

/* change border colour to suit your needs */
hr {    
display:block; 
height:1px;    
border:0;   
border-top:1px solid #cccccc;   
margin:1em 0;   
padding:0;
}

input, select {vertical-align:middle;}

input[type="button"], input[type="submit"], input[type="reset"], 
input[type="file"]::-webkit-file-upload-button, button {
align-items: flex-start;
text-align: center;
cursor: default;
padding: 0px 0px 0px;
border: 0px outset buttonface;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
background-color: transparent;
box-sizing: border-box;
}

/* #Base 960 Grid
================================================== 

193
264
335
406
477
548
619
690
761
832
903
974
1045
1116
*/


    .container                                  { position: relative; width: 810px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 5px; margin-right: 5px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 88px;  }
    .container .two.columns                     { width: 156px; }
    .container .three.columns                   { width: 244px; }
    .container .four.columns                    { width: 332px; }
    .container .five.columns                    { width: 420px; }
    .container .six.columns                     { width: 508px; }
    .container .seven.columns                   { width: 596px; }
    .container .eight.columns                   { width: 684px; }
    .container .nine.columns                    { width: 790px; }


    .container .one-third.column                { width: 260px; }
    .container .two-thirds.column               { width: 520px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }


        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
    }

/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

/* general
================================================== */

body{
	
	font-family: "Cambridge W01 Regular",sans-serif;
	letter-spacing:0px;
}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.hidden{display:none;}
img{vertical-align:middle;}

p{
	font-family: "Cambridge Round W01 Sem1447724",sans-serif;
	margin-bottom:0px;
	letter-spacing:0px;
}

h1,h2,h3,h4,h5{
    font-family: "Cambridge W01 Light",sans-serif;	
	margin-bottom:0px;
	letter-spacing:0px;
	
}

.instruction_text p{
    font-family: "Cambridge W01 Light",sans-serif;	
    color: #000;
    font-size: 16px;
}

h1{font-size:35px;}
h2{font-size:30px;}
h3{font-size:25px;}
h4{font-size:20px;}

h5{font-size:16px;}
h6{font-size:12px;}
p{
	font-size:12px;
	line-height:18px;
}

.link{color:#AB8A61;}
.button{
	display:block;
	background-image:url(/images/uploads/site_images/mg_bg_button.png);
	padding:7px;
	text-align:center;
	color:#BBB;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width:100px;
	margin-top:20px;
}
.button:hover{
	background-color:#AB8A61;
	color:#FFF;
	text-shadow:1px 1px #000;
}
.auto{width:auto;}
.inline_content{padding:20px;}
.container{
	width: 960px;
	height: 593px;
	margin:0 auto;
	-moz-box-shadow: 0 0 5px #333;
	/* -webkit-box-shadow: 0 0 5px #333; */
	/* box-shadow: 0 0 5px #333; */
}


.matching_game.matching_text {
	background-image:url(/jscripts/games/games/matching/back_v1.jpg);
	/* background-attachment:fixed; */
	background-repeat: no-repeat;
}


.matching_game.matching_image {
	background-image:url(/jscripts/games/games/matching/back_v2.jpg);
	/* background-attachment:fixed; */
	background-repeat: no-repeat;
}


#end-screen,
.homeBg{background-image:url(/jscripts/games/games/matching/credits_overlay.png);}

.questionBg{
	/* background-image:url(/images/uploads/site_images/mg_home_bg.jpg); */
	/* background-color:#fff; */
}

div#score-area {
    padding-top: 10px;
}

.game-logo {
    padding-top: 10px;
}

header{
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
	text-align:center;
	width:1050px;
	color:#FFF;
	font-weight:bold;
}
header p{
	border-bottom:3px solid #AB8A61;
	padding-bottom:10px;
}
aside{
	background-image:url(/images/uploads/site_images/mg_bg_aside.jpg);
	background-position:right;
	background-repeat:repeat-y;
	width:300px;
	height:540px;
	float:left;
}
section{
	margin-right:0px;
	float:right;
	width:650px;
	height:538px;
	overflow:hidden;
	background-image:url(/images/uploads/site_images/mg_bg_section.jpg);
	border:1px solid #3C3336;
	border-left:none;
}
#contact{padding-bottom:1000px;}

#footer{
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	padding:10px;
	color:grey;
	background-color:#000;
}

.copyright{
width:810px;
margin-left:auto;
margin-right:auto;
display:block;
}
.social{
	float:left;
	width:21px;
	padding:10px;
	text-align:center;
	margin-left:4px;
	background-color:#000;
	opacity:0.6;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
.content{
	color:#322E2B;
	height:538px;
}

nav p{color:#A6A4A5;}
#dummy{margin-top:35px;}
.littleTitle{
	color:#AB8A61;
	text-shadow:1px 1px #000;
}

#menu li {
    font-family: "tondo-signage",sans-serif;	
    padding-top:3px;
	padding-bottom:3px;
	list-style-type:none;
	letter-spacing:0px;

}

.gameName{
    height:140px;
    text-indent:-99999em;
	background:url(/images/uploads/site_images/mg_titleBig.png);
	background-repeat:no-repeat;
	background-position:110px 67px;
}

.play{
    height: 75px;
    text-indent:-99999em;
    background:url(/jscripts/games/games/matching/button_play.png);
    background-repeat:no-repeat;
    margin-bottom:8px;
    display: block;
    width: 168px;
    margin-left: auto;
    margin-right: auto;
    background-position: 0px 0px;
    margin-top: 60px;
}

.play:hover{
/*	background-position:0px -85px; */
}

#menu li {text-decoration:none;}


.navItem{text-align:center;}


.chapter {color:#214fc5;}


.instruction_text{
font-style:normal;
color:#2c376f;
width:500px;
margin-left: auto;
margin-bottom:5px;
display:block;
margin-right: auto;
line-height:1.4em;
}

.gameArea{
    overflow: hidden;
/* margin-top:50px; */
/* margin-bottom:50px; */
}


.sectionContent{padding:40px;}
.tags{margin-top:40px;}
.tags li{
	display:block;
	float:left;
}
.tagsLabel{padding-right:10px;}
.tags li a{
	display:block;
	float:left;
	background-color:#6C6668;
	padding:5px;
	color:#BBB;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	margin-right:5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.tags li a:hover{
	background-color:#AB8A61;
	color:#FFF;
}

.time{font-size:30px;color:#fff;padding-left:17px;position: absolute;right: 10px;top: 4px;}

.scoreCounter{
font-size:30px;
color:#fff;
padding-left:17px;
}

.question{
height:85px;
padding-top:12px;
}

.qNumber{
float:left;
height:80px;
}
.qfont{
color:#c3d8fd;
font-size:15px;
font-weight:normal;
padding-top:5px;
padding-left:20px;
line-height:20px;
text-align:left;
}
.answer{
height:56px;
border-top: solid 1px #8ca3ce;
vertical-align:center;
}

.answer:hover{background-color:#42a6f7;}

.answer:active{background-color:#0a76cd;}

#Q{
margin-top:0px;
width:578px;
margin-left:9px;
}

#Q li a:link{background-color:transparent;}

#Q li a:hover{background-color:#5bb2f9;}

li.qEndFeedback{margin-top:150px;}
.qEnd{
 font-size:18px;
 line-height:25px;
 text-align:center;
 color:#eff23e;
}

.reviewBtn{
margin-top:40px;
text-align:center;
}

.reviewQ_A{
width:248px;
height:40px;
background-color:#339900;
border:solid 2px #000;
font-size:15px;
}

.reviewQ_A:hover{
width:248px;
height:40px;
background-color:#ff652f;
border:solid 2px #000;
font-size:15px;
}

.wrong{
	background:url(/images/uploads/site_images/mg_cross.png);
	background-repeat:no-repeat;
	background-position:530px 15px;
	background-color:#9e0101;
}

.correct{
	background:url(/images/uploads/site_images/mg_check.png);
	background-repeat:no-repeat;
	background-position:530px 15px;
	background-color:#0a83e5;
}

.review{
height:56px;
border-top: solid 1px #8ca3ce;
vertical-align:center;
}

.correctAnwserCount{
color:#000;
margin-left:10px;
margin-top:34px;
font-size:18px;
width:300px;
}

.feedback_bottom{
display:inline-block;
float:left;
}

.pre_nextBTN{
display:block;
float:left;
margin-top:20px;
margin-left:5px;
width:110px;
height:25px;
background-color:#339900;
border:solid 2px #000;
font-size:15px;
text-align:center;
padding-top:10px;
font-weight:600;
}
.pre_nextBTN:hover{background-color:#ff652f;}

.pre_nextBTN:active{background-color:#8fc5f1;}

.reviewTab{
padding-top:80px;
background:url(/images/uploads/site_images/mg_reviewBg.png);
background-position:230px; 130px;
background-position:center bottom;
background-repeat:no-repeat;
color:#fbc676;
}

.text_top{color:#fff;margin-top:10px;font-size: 35px;}

.bonus-text{
	position: relative;padding-right: 50px;
}

.left{margin-left:20px;}

.right{margin-right:20px;display:block;float:right;}

.middle{
text-align:center;
margin-top:10px;
}


#total_questions,
.text_top_num{font-size: 35px;}

.black{color:#000;}

#q_group{padding-top:20px;}

.bubbles{height:100px;position: relative;}

.bub{
    position: absolute;
	cursor: pointer;
	visibility: hidden;
	width: 230px;
	
}


.bub_image:hover,
.bub_text:hover{
	border-color: #000;
}


.matching_game.matching_image .bub_image.hidden {
    display: inherit;
}

.matching_game.matching_text .bub_image.hidden {
    display: none;
}


.matching_game.matching_image p.bub_text {
    display: none;
}

.bub_image{
	
}

.bub_text{
	font-size:17px;
	font-weight:560;
	padding: 30px;

}

.bub_image,
.bub_text{
	border: solid 6px #AF81BF;
	background-color: #f9f9f9;
	display: table;
	text-align:center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	min-width: 100px;
	max-width: 250px;
	max-height: 72px;

}


.q_01{height: 118px;background:url(/jscripts/games/games/matching/answer_reg.png);background-position: 0px 0px;background-repeat:no-repeat;}



.q_01:hover,
.q_02:hover,
.q_03:hover{background:url(/jscripts/games/games/matching/answer_hi.png);}

.q_01.selected, .q_02.selected, .q_03.selected,
.q_01:active,
.q_02:active,
.q_03:active{background:url(/jscripts/games/games/matching/answer_hi.png);}

.q_02{height: 118px;background:url(/jscripts/games/games/matching/answer_reg.png);background-repeat:no-repeat;}
.q_03{height: 118px;background:url(/jscripts/games/games/matching/answer_reg.png);background-repeat:no-repeat;}

.q_text{font-size:17px;text-align:center;font-weight:560;height: 110px;padding-top: 27px;padding-left: 25px;padding-right: 25px;margin-left: 5px;margin-right: 5px;cursor: pointer;display: table-cell;vertical-align: middle;width: 277px;}

.a_text{font-size: 15px;text-align:center;font-weight:560;padding-top: 5px;padding-left: 5px;padding-right: 5px;padding-bottom: 5px;height: auto;overflow: hidden;display: table-cell;vertical-align: middle;height: 45px;width: 144px;}

.small-text{
	font-size: 13px;
	line-height: 1em;
}

.bub_a{height:57px;width: 350px;float: left;z-index: 99;position: relative;bottom: -39px;}

.b_text{
font-size:18px;
text-align:center;
font-weight:560;
height:64px;
padding-top:14px;
padding-left:65px;
padding-right:65px;
height:34px;
}


.a_01,
.a_02,
.a_03
{
	height:95px;
	border: 8px solid #EDA42D;
	width: 150px;
	background-color: white;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.a_02{
/* height:95px; 
background:url(/images/uploads/site_images/mg_bub_a_green.png);
background-position:center top;
background-repeat:no-repeat;*/
}
.a_03{
/*height:95px;
background:url(/images/uploads/site_images/mg_bub_a_red.png);
background-position:center top;
background-repeat:no-repeat;*/
}



.result{
color:#3434cd;
padding-top:60px;
}

h3.resultScore{
text-align:center;
padding-top:15px;
}

.playAgain{margin-top: 120px;height: 49px;background:url(/jscripts/games/games/matching/button_playagain.png);background-position: 0 0;background-repeat:no-repeat;width: 265px;margin-left: auto;margin-right: auto;padding-top: 22px;text-align: center;color: transparent;font-size: 24px;cursor: pointer;}

.playAgain:hover{
/*
    background-position:0px -70px;
    background-repeat:no-repeat;
    */
}

.playAgain:active{
/*background-position:0px -141px;
background-repeat:no-repeat;*/
}
.again{
margin-left:336px;
margin-top:15px;
font-size:30px;
background-color:transparent;
}

input[type="button"], input[type="submit"], input[type="reset"], 
input[type="file"]::-webkit-file-upload-button, button {
align-items: flex-start;
text-align: center;
cursor: default;
border-image-repeat: initial;
background-color: transparent;
font-family: "tondo-signage",sans-serif;	
font-weight:400;
}

.feedbackText{color:#3434cd;padding-top:15px;text-align:center;display: none;}

.feedback {
    display: none;
}


.textArea
{
    font-family: "tondo-signage",sans-serif;
    font-size: 15px;
    line-height:20px;
    margin-top:10px;
    margin-bottom: 5px;
    margin-left:auto;
    margin-right:auto;
    display: block;
    padding: 4px;
    border: solid 2px #3434cd; 
    background-color: #fff;
    width: 530px;
    height:100px;
}

#q_and_a {
    position: absolute;
    bottom: 0px;
}

.bub_q {
    width: 310px;
    float: left;
}
#q {
    padding-left: 16px;
}

.a_cont {
    height: 60px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

img.a_img {
    height: 100%;
}



#score-popup {
    position: absolute;
    width: 400px;
    padding: 40px;
    background-color: white;
    border: 5px solid blue;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
    z-index: 999;
    left: 20%;
    top: 30%;
    -webkit-box-shadow: 3px 8px 17px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 8px 17px 0px rgba(0,0,0,0.75);
box-shadow: 3px 8px 17px 0px rgba(0,0,0,0.75);
}

#score-popup p {
    font-size: 26px;
    font-weight: bold;
    color: blue;
    
}

#questions-end {
    width: 580px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 45px;
}
.formButtons {
    width: 570px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    margin-top: 30px;
}

#feedComment {
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px; 
    border-radius: 10px;
}

#assessmentContent {
    position: relative;
}
#end-screen {
    position: absolute;
}

#gameStage {
    position: absolute;
}

p#feedThanks {
    color: #3434cd; 
    padding-top: 39px; text-align: center;
    font-size: 17px;
    text-align: center;
}

.feedback {
    display: none;
}



.circle {
    background: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.needle.circle {
    background: #8fc5f1;
    opacity: .6;
}