/* Cobrand fixed:  */
/* Cobrand_logos: null */
/* Numbrands:  */
html, body
{
overflow:hidden;
  line-height:inherit;
  font-size: 23px;
  background: #92D7E3;
  background-size:auto;
  font-family: Arial,Arial;
	width : 100%;
  height : 100%;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* IE/Edge */
  user-select: none;           /* non-prefixed version, currently
							   not supported by any browser */		
}

.rotateScreen {position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(255,255,255,0.8);background-image:url('/images/rotate.gif');background-repeat: no-repeat;background-position:center center;background-size:50%;display:none;}
@media screen and (orientation:portrait) {
    .rotateScreen {display:block;}
}


/* body:not(.pace-done) > :not(.pace),body:not(.pace-done):before,body:not(.pace-done):after {
  opacity:0
}  */

@font-face {
    font-family: keyboardFont;
    src: url('/fonts/WhereMyKeys.otf');
}


.blockcount p, ._mybtnlbl p, ._countval p, ._maincont p {margin:0 !important}; /*added by SPS 14/6 to fix an unknown issue with <p> margins */
.blockDiv p, .blockDiv span {display:inline-block !important; white-space:nowrap !important;};
.blocktxt, .blockcount {display:inline-block;}
.cursor {cursor:pointer;}
.nowrap {white-space:nowrap;}

.homeAdjNO {text-align:left !important}
.awayAdjNO {text-align:right !important}
.homeAdjNO, .awayAdjNO {animation: fadein 0.5s }

@keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1;}
}

/* Text Direction for RTL languages */
.rtl {
	text-align:right;
	direction:rtl;
}
.ltr {
	text-align:left;
	direction:ltr;	
}

/* Screener Additions */

.screenerInput.dropDown {font-size:1em;background:white;border:2px #92D7E3 inset;color:black}
.screenerInput.myBtn {font-size:1em;padding:10px;border-radius:10px;border:1px white inset;margin:0px 20px;background:#92D7E3;cursor:pointer;color:white;}
.screenerInput.myBtn:hover {border-style:outset;box-shadow: 0px 0px 5px 5px #c0c0c0;}

sup {font-size:0.5em}
.allcaps {text-transform: uppercase;}

._allIMG
{
	display:none;
}
._maincont
{
	position:absolute;
	background:white;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	margin:auto;
	width:90%;
	height:90%;	
	border-radius:20px;
	border: 1px #c0c0c0 solid;	
}
.maincont_inst
{
	border:0;
	background:transparent
}	

._Ganc
{
	position:relative;
	z-index:2;
	margin-top:20px;
	direction:ltr;
}
._GancTbl
{
	width:100%;
	
}
._GancTbl tr td
{
	text-align:center;
	width:50%;
}

._brand
{
	position:relative;
	font-size:30px;
	height:100px;
	font-weight:bold;
	font-family:Arial;
	text-transform:capitalize;
	
}
._brand img
{
	max-width:90%;
	max-height:90%;
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
	top:0px;
	margin:auto;

}
._key
{
	font-size:25px;
	font-weight:bold;
	font-family:Arial;
	padding:10px;
	background:#f8f8f8;
	border:1px black solid;
	border-bottom:1px #a0a0a0 solid;
	border-radius:10px;
	width:50px;height:50px;
	position:relative;
	margin:0px auto;
	background:black;
	color:white;
	-webkit-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.75);
}

#accessOpt{width:70%;}
#accessOptLabel{width:30%;}
#accessibilityDescriptions {background:white;border-radius:10px;margin-top:3vmax;padding:10px;font-size:0.8em;text-align:left;}


._maincont ._Gbody
{
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
	top:0px;
	margin:auto;
	width:90%;
	height:60%;
	z-index:1;
}
._maincont ._Gbody ._GbodyTarget
{
	position:relative;
	height:95%;
	
}
._maincont ._Gbody ._GbodyTarget img
{
	position:absolute;
	left:-10px;
	right:0px;
	bottom:0px;
	top:0px;
	margin:auto;
	max-width:100%;
	max-height:100%;
	
}

._maincont ._Gbody ._GbodyTarget ._GTword
{
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
	top:0px;
	margin:auto;
	width:100%;
	height:100%;
	text-align:center;
	font-size:50px;
	font-weight:bold;
	display: table;
}
._Tword,._Aword
{
	display: table-cell;
	vertical-align: middle;	
}

div._target,div._attr
{
	width:65%;
	left:0px;
	right:0px;
	margin:auto;
	font-family:Arial;
	
}


._border
{
	border: 5px solid orange;
	padding:5px;
}
._removeborder
{
	border: 5px solid transparent;
	padding:5px;
}
._highlightborder
{
	border: 5px solid black;s
}
._highlightbordertext
{
	min-width:3vmax;
	position:absolute;
	left:calc(50% - 1.5vmax);
	padding:0px 5px;
	text-align:center;
	background:white;
	font-size:10px;
	margin-top:-15px;
}


._maincont ._Gbody ._GbodyWarning
{
	position:relative;
	height:5%;
	min-height:50px;
	text-align:center;
	margin-top:15px;
}
._GbodyWarning {
	margin-left:auto;
	margin-right:auto;
}

@media screen and (orientation:landscape) {
	._GbodyWarning {width:60%;}
}

._warn1
{
	background:green;
	background-image:url('/images/info_warning.png');
	background-size:30px 30px;
	background-repeat:no-repeat;
	background-position:left center;
	border:green 3px solid;
	padding:5px 5px 5px 35px;
	poistion:relative;
	font-size:18px;
	text-align:center;
	color:white;
	border-radius:15px;
	
}
._warn2
{
	background:orange;
	background-image:url('/images/info_warning.png');
	background-size:30px 30px;
	background-repeat:no-repeat;
	background-position:left center;
	border:orange 3px solid;
	padding:5px 5px 5px 35px;
	poistion:relative;
	font-size:18px;
	text-align:center;
	color:white;
	border-radius:15px;
	
}

._maincont ._body
{
	width:100%;	
	overflow:auto;
	<!-- text-align:center; -->

}

._maincont ._body::-webkit-scrollbar {
    width: 12px;
}
 
._maincont ._body::-webkit-scrollbar-track {
    border-radius: 10px;
}
 
._maincont ._body::-webkit-scrollbar-thumb {
    border-radius: 10px;
}


._sbody br {line-height:5px}
._maincont ._body ._sbody
{
	position:relative;
	padding:20px 5%;
	padding-bottom:10px;
}
._maincont ._footer
{
	width:100%;
	height:150px;
	text-align:center;
	position:absolute;
	bottom:0px;
	
}
._maincont ._footer ._sfooter
{
	display:none;
}
._mybtnlbl
{
	position:relative;
	min-height:40px;
}
._mybtncont
{
	position:relative;
	height:140px;
}
._mybtn
{
	position:relative;
	width:160px;
	height:100px;
	border-radius:15px;
	outline:none;
	background: #92D7E3;
	color:white;
	font-size:20px;
	  border: none;
	  text-transform: uppercase;
	  transition: .1s all ease-in;
	  outline: none; 
	  cursor: pointer;
	  text-align: center;
	  -webkit-user-select: none;
   -webkit-tap-highlight-color: rgba(0,0,0,0);
}
._mybtnInvert{
  background:white;
  color: #92D7E3;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	left: 0;
	right: 0;
}
._mybtn:active { 
  padding-top: 3px;
  transform: translateY(4px);
}


.wel_frame, .ins1_frame, .ins2_frame, .slow_frame, .ins3_frame, .ins4_frame, .break_frame, .break2_frame, .countdown_frame, .Game_frame, .p_press_frame
{
	display:none;
}

.btn_frame, .btn2_frame
{
	position:absolute;
	z-index:999;
	bottom:7%;
	left:0px;
	right:0px;
	margin-left:auto;
	margin-right:auto;
	width:90%;
    -webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;	
	display:none;
	
}
.btn_frame.show, .btn2_frame.show
{
	display:block;
}
.btn_frame.hide, .btn2_frame.hide
{
	display:none;
}

.btn_frame button:disabled, .btn2_frame button:disabled{
    background: ##92D7E3;
	color:rgba(255,255,255,.8);
	
}


.btn_frame button:nth-child(1), .btn2_frame button:nth-child(1){
	float:left;
	margin-left:10px;
}
.btn_frame button:nth-child(2), .btn2_frame button:nth-child(2){
	float:right;
	margin-right:10px;
}

.blockDiv
{
	position:absolute;
	width:50%;
  height:2vmax;	
	left:0px;
	right:0px;
	top:-2vmax;
	background:#0F3446;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:1.5vmax;
	color:white;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
	border-bottom:2px solid white;
    -webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	font-family:Arial;
}
.warningDiv
{
	position:absolute;
	width:80%;
	height:35px;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	background:#FB0055;
	margin:auto;
	text-align:center;
	font-size:30px;
	color:white;
	display:none;
	z-index:5;
	border-radius:15px;
		
	
}



._openIMGtbl, ._openWORDtbl, ._openBIGIMGtbl
{
	width:100%;
	
}
._openIMGtbl tr td
{
	text-align:center;
	width:50%;
	height:350px;
	text-align:center;
	position:relative;
}
._openIMGtbl tr td div, ._openBIGIMGtbl tr td div
{
	position:relative;
	height:100%;
}

._openIMGdata, ._openBIGIMGdata
{
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	margin:auto;
	max-width:100%;
	max-height:100%;
}

._openWORDtbl tr td
{
	text-align:center;
	width:50%;
	text-align:center;
	position:relative;
	font-size:35px;
	font-weight:bold;
}


._openBIGIMGtbl tr td
{
	text-align:center;
	width:100%;
	height:350px;
	text-align:center;
	position:relative;
}


@media (max-height: 700px) {
	html, body
	{
	  font-size: 16px;	
	}	
	
	._brand{
		position:relative;
		font-size:25px;
		height:80px;
	}
	._key
	{
		font-size:23px;
		font-weight:bold;
	}	
	._maincont ._footer
	{
		height:150px;
	}	
	._mybtn
	{
		width:160px;
		height:100px;	
		font-size:14px;
		
	}		
	
	._openIMGtbl tr td, ._openBIGIMGtbl tr td
	{
		height:200px;
	}

}

@media (min-width: 741px){
	.accessibilityDescriptionContainer {display:flex;margin-bottom:0.5vmax;}
	.accessibilityDescriptionLeft {padding-right:1vmax;width:40%;font-weight:bold;text-align:right;}
  .rtl .accessibilityDescriptionLeft {padding-left:1vmax;width:40%;font-weight:bold;text-align:left;}
	.accessibilityDescriptionRight {width:60%;}
  .rtl .accessibilityDescriptionRight {width:60%;text-align:right;}
}


@media (max-width: 740px) {
	.accessibilityDescriptionContainer {margin-bottom:0.5vmax;}
	.accessibilityDescriptionLeft {padding-right:10px;width:100%;font-weight:bold;text-align:left;}
	.accessibilityDescriptionRight {width:100%;}
	html, body
	{
	  font-size: 16px;	
	
	}
	._brand{
		position:relative;
		font-size:25px;
		height:80px;
	}
	._key
	{
		font-size:23px;
		font-weight:bold;
	}
	
	._maincont ._footer
	{
		height:150px;
	}
	._maincont ._Gbody ._GbodyTarget {
		height:75%;
	}
	._mybtn
	{
		width:160px;
		height:100px;	
		font-size:3vmax;
		
	}	
	._openIMGtbl tr td, ._openBIGIMGtbl tr td
	{
		height:200px;
	}	
}


/*-----------------Loading--------------------*/
.load_frame
{
	position:absolute;
	background:transparent;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	margin:auto;
	width:90%;
	height:90%;
	min-height:400px;	
	
}
.load_body
{
	background:transparent;
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	margin:auto;
}
.progress {
	background-color: rgba(255,255,255,.8);
	height: 25px;
	position: relative;
	width: 100%;
	border : 2px solid rgba(255,255,255,.8);
	margin-bottom:2px;
}
.progress-bar {

	background:#103648;
	background-size: 100% 8px;
	height: 100%;
	width: 0;
	position: relative;
 -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;	
	
}
.load_title
{
	text-align:center;
	font-size:40px;
	background: url('/images/e3-180.png') no-repeat calc(50%) 10px;
	background-size:150px;
	background-position-y: center;
	background-color:white;
	margin-bottom:20px;
	border-radius:10px;
}
.load_footer
{
	text-align:right;
	font-size:1.8vmax;
	background:white;
	color:black;
	padding:4px;
	text-align:center;
	border-radius:10px;
}
.load_footer .used_before_warning {word-break:break-all;font-size:0.8em;color:#404040;}

@-webkit-keyframes shining
{
0%
{
background-position: left top;
}
100%
{
background-position: right bottom;
}
}


/*-----------------------Error--------------------------------------*/
.error_frame{
	display:none;
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	margin:auto;
}
.error_body
{
	color:white;
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	margin:auto;
	width:50%;
	height:200px;
	text-align:center;
}
.error_icon
{
	font-size:100px;
	margin-bottom:10px;
	color: rgba(255, 165, 0, 1);
}
.error_msg
{
	font-size:25px;
	
}
.error_msg
{
	text-align:center;
	background-color:transparent;
	background-repeat:no-repeat;
	-webkit-background-size: 150px;
	color: white;
    mix-blend-mode: difference;font-weight: bold;
}

.error_icon, .error_msg
{
}


/*-----------------------Saving--------------------------*/
.save_frame
{
	display:none;
	position:absolute;
	background:transparent;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	margin:auto;
}
.save_body
{
	background:transparent;
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	margin:auto;
	width:500px;
	height:100px;
}
.save_progress {
	background-color: rgba(255,255,255,.8);
	height: 25px;
	position: relative;
	width: 500px;
	border : 2px solid rgba(255,255,255,.8);
	margin:2px;
}
.save_progress-bar {

	background:#103648;
	background-size: 100% 8px;
	height: 100%;
	width: 0;
	position: relative;
 -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;	
	
}
.save_title
{
	text-align:center;
	font-size:40px;
	background-color:transparent;
	background-repeat:no-repeat;
	-webkit-background-size: 150px;
	color: white;
    mix-blend-mode: difference;font-weight: bold;}
.save_footer
{
	text-align:right;
	font-size:15px;
	color:rgba(255,255,255,.5);
}

/*-----------------------END--------------------------------------*/
.end_frame{
	display:none;
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	margin:auto;
}
.end_body
{
	color:white;
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	margin:auto;
	width:50%;
	height:200px;
	text-align:center;
}
.end_icon
{
	font-size:100px;
	margin-bottom:10px;
	color: rgba(255, 255, 255, 1);
}
.end_msg
{
	font-size:25px;
}
.end_msg
{
	text-align:center;
	background-color:transparent;
	background-repeat:no-repeat;
	-webkit-background-size: 150px;
	color: white;
    mix-blend-mode: difference;font-weight: bold;
}

.end_icon, .end_msg
{

}

.end_icon{
	position:relative;
	height:50px;
}

/*------------------------------End Loading----------------------------------*/


.spinner {
  position: absolute;
  width: 30px;
  height: 30px;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
  border: 3px solid #ECF0F1;
  border-radius: 50%;
  border-color: transparent #ECF0F1;
  animation: rot 1s linear infinite;
}
.spinner:after, .spinner:before {
  content: "";
  position: absolute;
  width: 7.5px;
  height: 7.5px;
  border: 3px solid #ECF0F1;
}
.spinner:after {
  top: 0;
  right: 0;
  border-color: #ECF0F1 transparent transparent #ECF0F1;
  transform: translateX(50%) translateY(5%);
}
.spinner:before {
  bottom: 0;
  left: 0;
  border-color: transparent #ECF0F1 #ECF0F1 transparent;
  transform: translateX(-50%) translateY(-5%);
}

@keyframes rot {
  to {
    transform: rotate(-360deg);
  }
}



/*---------------------COUNTDOWN--------------------*/
._countval{
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	margin:auto;
	height:150px;
	width:150px;
    font-size: 90px;
    text-align: center;	
	border:3px solid rgba(0,0,0,.3);
	border-radius:50%;
	color:black;
	background:transparent;
	padding-top:20px;
	font-weight:bold;
}
._countno{
	position:relative;
	z-index:10;
}
._countno p{
	padding-top:30px;
}
._countval:before{
	content:"";
	position:absolute;
	width:180px;
	height:3px;
	background:rgba(0,0,0,.3);
	top:0px;
	bottom:0px;
	left:-15px;
	right:0px;
	margin:auto;
	z-index:9;
}
._countval:after{
	content:"";
	position:absolute;
	width:3px;
	height:180px;
	background:rgba(0,0,0,.3);
	top:-15px;
	left:0px;
	right:0px;
	margin:auto;
	z-index:9;
}


.pointer {
  position: absolute;
  z-index: 1024;
  left: 10.5820106%;
  right: 10.5820106%;
  top: 10.5820106%;
  bottom: 50%;
  will-change: transform;
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  border-radius: 50% 50% 0 0 / 100% 100% 0 0;
  background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.02) 70%, transparent 100%);
  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.02) 70%, transparent 100%);
  -webkit-clip-path: polygon(100% 0, 100% 10%, 50% 100%, 0 100%, 0 0);
          clip-path: polygon(100% 0, 100% 10%, 50% 100%, 0 100%, 0 0);
  -webkit-animation: rotate360 1.2s infinite linear;
          animation: rotate360 1.2s infinite linear;
}

.shadow {
  position: absolute;
  left: 11%;
  top: 11%;
  right: 11%;
  bottom: 11%;
  margin: auto;
  border-radius: 9999px;
  box-shadow: 0 0 66px 6px rgba(0,0,0,.8);
}



@keyframes rotate360 {
  0% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);	  

  }
  to {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

/*---------------Image Instruction--------*/
.imageIns
{
	position:relative;
	width:150px;
	height:150px;
	display:inline-block;	
	vertical-align: middle;
	margin-bottom:2px;
}
.imageIns img
{
	max-width:100%;
	max-height:100%;
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	margin:auto;
}
@keyframes rot {
  to {
    transform: rotate(-360deg);
  }
}

.wel_body {padding-top:150px !important;background:url('/images/e3-180.png') no-repeat calc(50%) 10px;background-size:150px;}