#content {
background-image: url("../img/gui/bg_start.png") !important;
}

.hover_rot_left  {
 -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.hover_rot_left:hover  {
cursor: pointer;
  border: 0px solid black;
  border-radius: 20px;
  /*Glow*/

  -webkit-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
  -moz-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
  box-shadow: 0px 0px 20px rgba(255,255,255,0.8);

 -webkit-transform: rotate(-10deg);
     -moz-transform: rotate(-10deg);
       -o-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
}
.hover_rot_right { 
 -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
		  
}
.hover_rot_right:hover { 
cursor: pointer;
  border: 0px solid black;
  border-radius: 20px;
  /*Glow*/

  -webkit-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
  -moz-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
  box-shadow: 0px 0px 20px rgba(255,255,255,0.8);

 -webkit-transform: rotate(10deg);
     -moz-transform: rotate(10deg);
       -o-transform: rotate(10deg);
      -ms-transform: rotate(10deg);
          transform: rotate(10deg);
}



.choice_list {
position: absolute;
width: 500px;
height: 50px;
top: 60px;
left: 200px;
}
.choice_list td {
width: 50px;

}

.choice_yes {
position: absolute;
top:0px;
width: 41px;
height: 40px;
 background-image: url("../img/what_you_know/gui/choice_yes.png");
  background-position: center;
  background-repeat:no-repeat;
}
.choice_no {
position: absolute;
top:4px;
padding-left: 2px;
width: 41px;
height: 40px;
 background-image: url("../img/what_you_know/gui/choice_no.png");
  background-position: center;
  background-repeat:no-repeat;
}

.question {
position: absolute;
left: 350px;
top: 20px;
width: 204px;
height: 35px;
 background-image: url("../img/what_you_know/gui/question.png");
  background-position: center;
  background-repeat:no-repeat;
}

.choice_checker {
font-size: 26px;
text-align:center;
color: white;
font-weight: 700;
width: 41px;
height: 40px;
 background-image: url("../img/what_you_know/gui/choice_box.png");
  background-position: center;
  background-repeat:no-repeat;
}

.question_box_text {
font-family: Arimo;
font-size: 26px;
text-shadow: 3px 2px 5px #000000;
color: white;
font-weight: 700;
line-height:50px;
position: absolute;
width: 700px;
height: 50px;
top: 115px;
left: 100px;
}







.choice_box {
position: absolute;
width: 500px;
height: 270px;
top: 170px;
left: 200px;
}





.what_pos_1 {
left: 0px;
}

.what_pos_2 {
left: 260px;
}
.what_know_1 {
position: absolute;
width: 240px;
height: 240px;
top: 15px;
 background-image: url("../img/what_you_know/1.png");
  background-position: center;
  background-repeat:no-repeat;
}

.what_know_2 {
position: absolute;
width: 240px;
height: 240px;

top: 15px;
 background-image: url("../img/what_you_know/2.png");
  background-position: center;
  background-repeat:no-repeat;
}

.choice_2  .what_know_1 {
 background-image: url("../img/what_you_know/4.png") !important;
}
.choice_2  .what_know_2 {
 background-image: url("../img/what_you_know/3.png") !important;
}
.choice_3  .what_know_1 {
 background-image: url("../img/what_you_know/5.png") !important;
}
.choice_3  .what_know_2 {
 background-image: url("../img/what_you_know/6.png") !important;
}




.choice_text {
position: absolute;
width: 500px;
height: 90px;
bottom: 35px;
left: 200px;
}


.answer_text {
font-family: Arimo;
font-size: 26px;
text-shadow: 3px 2px 5px #000000;
line-height: 90px;
font-size: 24px;
font-weight: 500;
color:white;
width: 375px;
height: 90px;
bottom: 35px;
left: 200px;

}
.next_button {
opacity: 0.8;
position: absolute;
width: 109px;
height: 57px;
right: 10px;
top: 20px;
 background-image: url("../img/what_you_know/gui/next.png");
  background-position: center;
  background-repeat:no-repeat;

}
.next_button:hover {
cursor:pointer;
opacity: 1;
}

.choice_yes_big {
z-index: 4;
position: absolute;
top:200px;
margin-left: 50px;
width: 115px;
height: 101px;
 background-image: url("../img/what_you_know/gui/choice_yes_big.png");
  background-position: center;
  background-repeat:no-repeat;
}
.choice_no_big {
z-index: 4;
position: absolute;
top:210px;
margin-left: 50px;
padding-left: 2px;
width: 95px;
height: 95px;
 background-image: url("../img/what_you_know/gui/choice_no_big.png");
  background-position: center;
  background-repeat:no-repeat;
}
















.stars_bg {
position: absolute;
width: 150px;
height: 36px;
top: 230px;
left: 130px;
 background-image: url("../img/gui/stars_bg.png");
  background-position: center;
  background-repeat:no-repeat;

}
.stars_bg_progress {
position: absolute;
width: 0px;
height: 36px;
top: 230px;
left: 130px;
 background-image: url("../img/gui/stars_bg_progress.png");
  background-position: left;
  background-repeat:no-repeat;

}
.finish_text {
position: absolute;
width: 500px;
height: 270px;
top: 170px;
left: 200px;

}

.finish_text_style {
position: absolute;

font-family: Bangers;
color: #FFFFFF;
font-size: 24px;

}
.count_bright {
margin-top: 100px;
margin-left: -82px;
width: 150px;
height: 30px;
font-size: 25px;
}
.talk_text {
position:absolute;
left: 5px;
top: 5px;
width: 500px;
height: 80px;
font-family: Arimo;
font-size: 28px !important;
color: #F7EF99;
font-weight: bold;

text-shadow: 3px 2px 5px #000000;
}
.play_again {
  -webkit-transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
transition: background 0.5s ease;
opacity: 0.8;
margin-top: 203px;
margin-left: -65px;
width: 126px;
height: 54px;
 background-image: url("../img/gui/play_again.png");
  background-position: left;
  background-repeat:no-repeat;
}
.play_again:hover {
opacity: 1;
}




.list_table {
font-family:"Times New Roman", Times, serif;
color: white;
font-weight: bold;
font-size: 18px;
position: absolute;
width: 270px;
top: 130px;
left: 50px;
bottom: 4px;
}

.list_do {
width: 24px;
height: 20px;
 background-image: url("../img/gui/list_no.png");
  background-repeat:no-repeat;
}
.list_do_yes{
 background-image: url("../img/gui/list_yes.png") !important;
}