.quiz {
   height:    343px;
   overflow:  hidden;
}

.quiz-container {
  background-color: #FFF;
    margin-left:    33px;
    padding-bottom: 30px;
    width:          512px;
    margin-top:     10px;
}

.quiz .quiz-header {
  z-index:          1412;
  width:            auto;
  min-height:       58px;
  background-color: transparent;
  line-height:      72px;
  font-size:        60px;
  font-family:      league-gothic, sans-serif;
  font-weight:      400;
  margin-left:      252px;
  position:         relative;
}

.quiz .quiz-body {
  z-index:          1404;
  width:            385px;
  min-height:       119px;
  background-color: transparent;
  font-size:        14px;
  font-family:      open-sans, sans-serif;
  font-weight:      400;
  margin-left:      82px;
  margin-top:       46px;
  position:         relative;
}

.quiz-spacer {
  width:        auto !important;
  margin-top:   13px;
  margin-left:  20px;
}

.quiz-answer {
  z-index:          1416;
  position:         relative;
  display:          inline-block !important;
  width:            120px;
  height:           50px;
  margin-left:      20px;
  background-color: #48C2B4;
  font-family:      open-sans, sans-serif;
  font-size:        18px;
  font-weight:      700;
  color:            #FFF;
  text-align:       center;
  padding-top:      20px;
  padding-bottom:    20px;
}

.quiz-answer.over, .quiz-answer:hover {
  cursor:           pointer;
  background-color: #AE77D7;
}

.quiz-right, .quiz-answer.quiz-right.over, .quiz-answer.quiz-right:hover  {
  background-image: url('../assets/quiz-right.png');
}

.quiz-wrong, .quiz-answer.quiz-wrong.over, .quiz-answer.quiz-wrong:hover  {
  background-image: url('../assets/quiz-wrong.png');
}

.quiz-result {
  z-index:          1397;
  width:            auto;
  border-color:     #000000;
  background-color: #FFFFFF;
  position:         relative;
  padding:          50px 0px 0px 50px;
}

.quiz-result .quiz-result-share {
  width:            300px;
  height:           69px;
  background-size:  300px 69px;
  background-image: url('../../images/icons/normal_state.jpg');
}

.quiz-result .quiz-result-share:hover, .quiz-result .quiz-result-share.over {
  background-image: url('../../images/icons/hover_state.jpg');
}

.quiz-result .quiz-header {
  z-index:          1408;
  width:            247px;
  min-height:       47px;
  background-color: transparent;
  line-height:      48px;
  font-size:        40px;
  font-family:      league-gothic, sans-serif;
  font-weight:      400;
  margin-left:      91px;
  position:         relative;
}

.quiz-result .quiz-restart {
  z-index:          1431;
  width:            429px;
  border-style:     none;
  border-color:     transparent;
  background-color: transparent;
  margin-top:       70px;
  position:         relative;
}

.quiz-restart-inner.over, .quiz-restart-inner:hover {
  cursor:           pointer;
  background-color: #F78E71 !important;
}

.quiz-restart-inner {
  z-index:          1432;
  width:            429px;
  border-color:     #000000;
  background-color: #6BDDFF;
  padding-bottom:   17px;
  position:         relative;
  margin-right:     -10000px;
}

.quiz-restart-inner-inner {
  z-index:          1433;
  width:            207px;
  min-height:       19px;
  background-color: transparent;
  color:            #FFFFFF;
  line-height:      26px;
  font-size:        22px;
  font-family:      open-sans, sans-serif;
  font-weight:      700;
  position:         relative;
  margin-right:     -10000px;
  margin-top:       17px;
  left:             111px;
}

.quiz-result .facebook {
  z-index:          1437;
  width:            300px;
  background-color: transparent;
  margin-left:      56px;
  margin-top:       43px;
  position:         relative;
  cursor:           pointer;
}