* { 
  margin: 0; 
  padding: 0; 
  direction: rtl;
}
html {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto !important;
  /* width: 600px; */
}
body { 
  font-size: 14px;
  max-width: 800px;
  background-repeat:no-repeat;
  margin: 0 auto;
  overflow-x: hidden;
}
body .dark { color: #fff; }
body .bright { color: #000; }
#page-start .screen-bg {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 100vw;
	height: 100vh;
	z-index: -1;
	position: fixed;
	right: 0;
}
.quiz-1, #start-quiz { text-align:center; }
.page-wrap { 
  height: 100vh;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  /* width: 600px; */
  max-width: 100%;
}
.page-wrap#page-result { overflow:visible;text-align: center; }
.banner_image img, #page-result iframe { max-width:95%;margin-bottom:10px; }
.ImgDiv { text-align:center; }
/* .ImgDiv { text-align:center;margin:15px 0 15px 0; } */
h1 { 
  letter-spacing: 1px;
  text-transform: uppercase;
  color:#de2365;
  font-weight:bold;
  font-size: 3.2em;
}
.results-overlay h1 { font-size: 2.5em;line-height: 100%; }
body .dark .results-overlay h1 { color:#fff; }
body .bright .results-overlay h1 { color:#000; }

.index-sell, .anticipate {
  font-size: 21px;
  line-height: 28px;
  text-transform: uppercase;
  color:#151a46;
  font-weight:bold;
}
#quiz .anticipate {
  color: #1c2d37;
  font-size: 32px;
  line-height: 41px;
  padding: 50px 0 0 0;
  text-shadow: 1px 1px rgba(255,255,255,.666);
}
.transparent {
  color: transparent;
  display: none;
  opacity: 0;
  visibility: hidden;
}
#start-quiz { margin-top: 50vh; }
.text1 {
  font-size: 13px;
  line-height: 21px;
  margin: 25px 25px 0;
  padding: 110px 25px 0;
  position: relative;
  text-align: center;
}
.take-quiz-btn, .embed-btn, .close-btn { cursor: pointer; }
.designby img { margin-bottom: -5px;height: 20px; }
.designby img.websol { height: 15px; }
.shadow1 {
  color: #ebe9e6;
  text-shadow: 2px 2px 5px rgba(15, 15, 15, .99);
}

.diminish { font-size: 76%; }
.text-indent {
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
#quiz {
  margin: 0 18px;
  padding: 0 0 0 1px;
  position: relative;
  -webkit-transition: all linear .35s;
  -moz-transition: all linear .35s;
  -o-transition: all linear .35s;
  -ms-transition: all linear .35s;
  transition: all linear .35s;
}
.quiz-overlay, .result {
}
.index .quiz-overlay, .quiz-overlay { 
	/* position: absolute; */
	background-color: rgba(255,255,255,0.6);
	/* width: 100vw; */
	height: auto;
	right: 0;
	z-index: -1;
}
.index .quiz-overlay {
}
#quiz ul li div.quiz-overlay { margin: 0; }
#quiz ul {  list-style-type: none; margin-top: 0; }
#quiz ul {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
  padding:30px 0;
}
#quiz h3 {
  font-size: 2.2em;
  line-height: 125%;
  text-align: center;
}
#quiz ul li {
  height: 100vh;
  /* margin: 25px 0 95px 0; */
}
.quiz-1 #quiz ul li div:not(.ImgDiv) {
  display: inline-block;
  color: #ebe9e6;
  margin: 10% 0 0 0;
  padding: 1px 0;
  width: 48%;
}
.quiz-1 #quiz ul li .fwrd {  }
.take-quiz-btn { display: inline-block; }
#quiz ul li div.mtm img { position: relative;top: -25px;z-index:-1; }
#quiz input {
  opacity: 0;
  vertical-align: middle;
  width: 20px;
}
#quiz label, #quiz input#submit-quiz {
  /* background-color: #1f4c5b;  */
  cursor: pointer;
  display: inline-block;
  z-index: 99;
}
#quiz label {
  /* height: 31px; 
  font-size: 13px;  
  line-height: 2.55em;
  margin: 0 0 0 30px;
  max-width: 476px;
  min-width: 476px;
  padding: 2px 16px 4px 0;
  width: 476px; */
}
#quiz h3.showmyscore {

}
#quiz input#submit-quiz {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #1f4c5b; /* #098636 */
  border: none;
  color: #ebe9e6;
  display: block;
  font-size: 21px;
  height: 74px;
  margin: 43px auto 0;
  opacity: 1;
  width: 250px;
}
/* .index-btn.take-quiz-btn { margin-top: 23vh;color:#0e9e60;border:3px solid #0e9e60;border-radius:7px;font-size: 2em;padding: 5px 15px; } */
.index-btn.take-quiz-btn { border: none;background: transparent; }
#page-start .index-btn.take-quiz-btn { margin-top: 18vh; }
#page-start .start_text { margin-top:15px; }
#page-start .start_text a { color:#000; }
.dark #page-start .start_text a { color:#fff; }
.index-btn.take-quiz-btn img { width:100%; }
#quiz label, #quiz input[type=radio]:checked + label, #quiz input#submit-quiz, #replay, .take-quiz-btn {
  -webkit-transition: all ease .11s;
  -moz-transition: all ease .11s;
  -o-transition: all ease .11s;
  -ms-transition: all ease .11s;
  transition: all ease .11s;
}
#quiz label:hover, #quiz input[type=radio]:checked + label, #quiz input#submit-quiz:hover, #replay:hover, .take-quiz-btn:hover {
  /* background: #098636; /* #c91e0a; */ */
  /* color: #fbfbfb; */
}
#quiz .quiz-progress {
  font-size: 1.2em;
  padding: 30px 30px 5px 0; 
  text-align: center;
  text-shadow: 1px 1px #131313;
}
.nomargin { margin: 0;}
.test-results2 {
  color: #fff;
  font-size: 15px;
  line-height: 21px;
  text-shadow: 1px 1px rgba(2,3,5,.666);
}
.test-results2 .score {
  color: #678792; /*#e2220d*/
  font-size: 22px; 
  line-height: 30px; 
  margin-bottom: 4px;
  text-transform: uppercase;
}
.you-chose { margin-bottom: 7px; }
.embed {
  font-size: 14px;
  position: absolute;
  right: 26px; 
  text-shadow: 1px 1px #131313;
  top: 8px; 
}
#modalbg {
  background: #333; 
  display: none;
  height: 100%;  
  left: 0; 
  opacity: .4; 
  position: fixed; 
  top: 0;
  width: 100%;
  z-index: 9;
}
#modalwindow {
  background: rgba(255,255,255,.95); 
  border: 3px outset #CCC; 
  display: none; 
  height: 254px; 
  left: 25px;
  padding: 32px; 
  position: absolute; 
  top: 35px;
  width: 480px;
  z-index:10;
}
#modalmsg {
  color: #222;
  text-align: center; 
}
.embed-btn {
  background-color: transparent;
  font-size: 14px;
}
textarea.c-p {
  display: block;
  height: 50px;
  margin: 25px auto;
  width: 420px;
}
.close-btn {
  display: block;
  margin: 70px auto 0; /*197*/
  padding: 12px 24px;
}
.results-overlay { margin: 42px 0 0 0; }
.results-overlay .quiz-overlay {
  left: -41px;
  top: -7px;
}
.results-text {
	padding: 5px 35px 30px 215px; 
}
.score-details {
  font-size: 12px; /* 14 */
  line-height: 19px; /* 20 */
}
.score-details-sm {
  font-size: 12px;
  line-height: 19px;
}
.result {
  height: 325px;
}
.priest {
  background: url(../images/priest-bg.jpg) no-repeat;
}
.megadeth {
  background: url(../images/megadeth-bg.jpg) no-repeat;
}
.maiden {
  background: url(../images/maiden-bg.jpg) no-repeat;
}
.dio {
  background: url(../images/dio-bg.jpg) no-repeat;
}
#test-questions img { max-height:350px;padding-bottom: 25px; }
.DynamicText {
	font-size: 3em;
	background-size: contain;
	height: 300px;
	line-height: 300px;
	text-align: center;
	z-index: 9999;
	background-position: center;
	background-repeat: no-repeat;
}
.DynamicTextIn {
	max-width: 75%;
	font-size: 75%;
	margin: 0 auto;
}

body .dark .ExtraDynamicText, body .dark .DynamicText, body .dark td, body .dark h1 { color:#fff; }
body .bright .ExtraDynamicText, body .bright .DynamicText, body .bright td, body .bright h1 { color:#000; }

table { border-collapse: collapse; }
.table_answers td { font-size:1.2em; }
.table_answers i { color:#fff;border-radius: 50%;width:40px;height:40px;text-align:center;line-height:40px; }
.table_answers i.fa-check { background:green; }
.table_answers i.fa-times { background:red; }
body tr td { padding: 10px 0; }
body .dark tr td { border-bottom:1px solid #fff; }
body .bright tr td { border-bottom:1px solid #000; }

.ExtraDynamicText { font-size:1.5em;margin-bottom: 4%;margin-top: 2%;text-align: center; }
div.wpcf7 { max-width:300px;margin: 0 auto; }
.wpcf7 input:not(.wpcf7-submit), .wpcf7 textarea { width: 100%;height: 30px;margin-bottom: 5px;padding: 0 5px;font-size: 1.2em; }
.wpcf7 span.wpcf7-checkbox input[type="checkbox"] { width: auto;height: auto;margin-bottom: 5px;padding: 0 5px;font-size: 1.2em; }
.wpcf7 .share_game { float:right; }
.wpcf7 textarea { height: 75px;padding: 0 6px; }

body:not(.postid-299):not(.postid-50) .input-hidden.textarea-643 { display:none !important; }
body:not(.postid-299) .input-hidden.wpcf7-checkbox { display:none !important; }

.wpcf7 input.wpcf7-submit { float:left;background:#de2365;color:#fff;padding: 5px 10px;border: none;margin-left: -14px; }

/* #replay { display:none; } */

#share img { max-width:100%; }

#clock { direction:ltr; }
.TimerWrapper { text-align:center;position:fixed;top:5px;width:800px; }
@media screen and (max-width: 600px) {
  .TimerWrapper { width:90% !important; }
  #replay img, #share img { max-width:100%; }
  .designby img { height: 16px !important; }
  .designby img.websol { height: 13px !important; }
}