@charset "UTF-8";
/* CSS Document */

body {
	background-color: #000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	text-size-adjust: none;
}

.theHolder {
	position:relative;
	left:0px;
	top:0px;
	width: 100%;
	height:auto;
	display:none;
	box-sizing:border-box;
	overflow:hidden;
	text-align:center;
	/*
	-webkit-user-select:none;
	-ms-user-select:none;
	user-select:none;
	*/
	font-size:1px;
	line-height:0px;
}

.theHolder .gameHolder div:focus, .theHolder .gameHolder img:focus, .theHolder .gameHolder span:focus, .theHolder .gameHolder h1:focus, .theHolder .gameHolder h2:focus, .theHolder .gameHolder h3:focus, .theHolder .gameHolder h4:focus, .theHolder .gameHolder p:focus, .theHolder .gameHolder a:focus {
	outline: none;
}

.loaderHolder {
	position:relative;
	left:0px;
	top:0px;
	width: 100%;
	height:100vh;
	display:inline-block;
}

.loader {
	position:absolute;
	left:50%;
	top:50%;
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
  margin-left:-60px;
  margin-top:-60px;
}

.loaderHolder p {
	margin:0px;
	padding:0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:35px;
	line-height:35px;
	text-align:center;
	color:#FFF;
	position:absolute;
	left:50%;
	top:50%;
	width:120px;
	margin-left:-40px;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.gameHolder {
	position:absolute;
	left:0px;
	top:0px;
	width:1280px;
	height:975px;
	box-sizing:border-box;
	display:inline-block;
	background-color:#FFFFFF;
	background-size:100% 100%;
	background-position:50% 50%;
	background-repeat:no-repeat;
    overflow:hidden;
}

.gameScene {
    position:absolute;
	left:0px;
	top:0px;
	width:1280px;
	height:975px;
	box-sizing:border-box;
	display:none;
    background-size:100% 100%;
	background-position:50% 50%;
	background-repeat:no-repeat;
    overflow:hidden;
}



@media only screen and (max-width:1280px){

	
	.theHolder {
		margin-top:0px;
		width: 100%;
		margin-left:0px;
	}
	
	
	
}

.sideText {
    position:absolute;
    left:68px;
    top:60px;
    width:302px;
    height:auto;
    display:block;
    text-align: left;
    z-index:101;
}

.sideText h2 {
    padding:0px;
    margin:0px;
    position:relative;
    left:0px;
    top:0px;
    width:100%;
    height:auto;
    display:inline-block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    color:#00a0af;
    font-size:29px;
    line-height:35px;
}

.sideText p {
    padding:0px;
    margin:0px;
    position:relative;
    left:0px;
    top:0px;
    width:100%;
    height:auto;
    display:inline-block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color:#000;
    font-size:20px;
    line-height:26px;
    margin-top:5px;
}
.sideText p strong {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
}

.sideText .iconHolder {
    position:relative;
    left:0px;
    top:0px;
    width:132px;
    height:52px;
    display:inline-block;
    text-align:left;
    margin-top:15px;
}

.sideText .iconHolder a {
    position:relative;
    left:0px;
    top:0px;
    display:inline-block;
    background-size:100% 100%;
    background-position:left top;
    background-repeat:no-repeat;
    vertical-align: middle;
}

.sideText .iconHolder a.disabled {
    opacity:.25;
    pointer-events:none;
}

.sideText .iconHolder a.icon {
    pointer-events: none;
    background-image: url("images/jer_thumb.png");
    width:52px;
    height:52px;
}

.sideText .iconHolder a.play {
    background-image: url("images/jer_play.png");
    width:36px;
    height:36px;
    margin-left:4px;
}

.sideText .iconHolder a.summary {
    background-image: url("images/jer_summary.png");
    width:36px;
    height:36px;
    margin-left:4px;
}

.sideText .iconHolder.aChar a.icon {
    background-image: url("images/anh_thumb.png");
}

.sideText .iconHolder.aChar a.play {
    background-image: url("images/anh_play.png");
}

.sideText .iconHolder.aChar a.summary {
    background-image: url("images/anh_summary.png");
}

.theBoard {
    position:absolute;
    left:392px;
    top:24px;
    width:634px;
    height:510px;
    display:block;
    background-size:100% 100%;
	background-position:left top;
    background-image: url("images/fix_electricity_board.png");
	background-repeat:no-repeat;
}

.electric_q1 .theBoard {
    width:600px;
    height:474px;
    background-image: url("images/fix_electricity_board_1.png");
}

.fossil_q1 .theBoard, .fossil_q2 .theBoard {
    width:530px;
    height:auto;
    background-image:none;
}

.keys_q1 .theBoard {
    background-image: url("images/keys_background.png");
}

.keys_q2 .theBoard {
    background-image: url("images/keys_background2.png");
}

.insects_q1 .theBoard {
    background-image: url("images/insects_1.png");
}

.insects_q2 .theBoard {
    background-image: url("images/insects_2.png");
}

.fossil_q1 .theBoard .fossLifter, .fossil_q2 .theBoard .fossLifter {
    position:relative;
    left:0px;
    top:0px;
    width:530px;
    height:175px;
    background-size:100% 100%;
	background-position:left top;
    background-image: url("images/fosslifter_base.png");
	background-repeat:no-repeat;
    margin-top:5px;
}

.fossil_q1 .theBoard .fossLifter .fossNum, .fossil_q2 .theBoard .fossLifter .fossNum {
    position:absolute;
    left:190px;
    top:89px;
    width:40px;
    height:54px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size:38px;
    line-height:54px;
    color:#FFF;
}

.fossil_q1 .theBoard .fossLifter .fossNum.right, .fossil_q2 .theBoard .fossLifter .fossNum.right {
    left:395px;
}

.fossil_q1 .theBoard .fossLifter .arrow, .fossil_q2 .theBoard .fossLifter .arrow {
    position:absolute;
    display:inline-block;
    pointer-events:none;
    opacity:.3;
    background-position:left top;
    background-size:100% 100%;
    background-repeat:no-repeat;
}

.fossil_q1 .theBoard .fossLifter .arrow.active, .fossil_q2 .theBoard .fossLifter .arrow.active {
    pointer-events:auto;
    opacity:1;
}

.fossil_q1 .theBoard .fossLifter .arrow.foss_arrow_left, .fossil_q2 .theBoard .fossLifter .arrow.foss_arrow_left {
    left:103px;
    top:100px;
    width:34px;
    height:30px;
    background-image:url("images/foss_arrow_left.png");
}

.fossil_q1 .theBoard .fossLifter .arrow.foss_arrow_left.active, .fossil_q2 .theBoard .fossLifter .arrow.foss_arrow_left.active {
    background-image:url("images/foss_arrow_left_green.png");
}

.fossil_q1 .theBoard .fossLifter .arrow.foss_arrow_right, .fossil_q2 .theBoard .fossLifter .arrow.foss_arrow_right {
    left:137px;
    top:100px;
    width:34px;
    height:30px;
    background-image:url("images/foss_arrow_right.png");
}

.fossil_q1 .theBoard .fossLifter .arrow.foss_arrow_right.active, .fossil_q2 .theBoard .fossLifter .arrow.foss_arrow_right.active {
    background-image:url("images/foss_arrow_right_green.png");
}

.fossil_q1 .theBoard .fossLifter .arrow.foss_arrow_up, .fossil_q2 .theBoard .fossLifter .arrow.foss_arrow_up {
    left:344px;
    top:84px;
    width:29px;
    height:32px;
    background-image:url("images/foss_arrow_up.png");
}

.fossil_q1 .theBoard .fossLifter .arrow.foss_arrow_up.active, .fossil_q2 .theBoard .fossLifter .arrow.foss_arrow_up.active {
    background-image:url("images/foss_arrow_up_green.png");
}

.fossil_q1 .theBoard .fossLifter .arrow.foss_arrow_down, .fossil_q2 .theBoard .fossLifter .arrow.foss_arrow_down {
    left:344px;
    top:116px;
    width:29px;
    height:32px;
    background-image:url("images/foss_arrow_down.png");
}

.fossil_q1 .theBoard .fossLifter .arrow.foss_arrow_down.active, .fossil_q2 .theBoard .fossLifter .arrow.foss_arrow_down.active {
    background-image:url("images/foss_arrow_down_green.png");
}

.fossil_q1 .theBoard .fossLifter .liftButton, .fossil_q2 .theBoard .fossLifter .liftButton {
    position:absolute;
    left:463px;
    top:89px;
    width:49px;
    height:54px;
    background-size:100% 100%;
	background-position:left top;
    background-image: url("images/lift_button.png");
	background-repeat:no-repeat;
    pointer-events:auto;
}

.fossil_q1 .theBoard .fossLifter .liftButton.inactive, .fossil_q2 .theBoard .fossLifter .liftButton.inactive {
    pointer-events:none;
    opacity:.5;
}

.fossil_q1 .theBoard .dinoBack, .fossil_q2 .theBoard .dinoBack {
   position:relative;
    left:0px;
    top:0px;
    width:530px;
    height:auto;
    display:inline-block;
}

.fossil_q1 .theBoard .dinoBackDots, .fossil_q2 .theBoard .dinoBackDots {
   position:absolute;
    left:0px;
    top:0px;
    width:530px;
    height:auto;
    display:inline-block;
    pointer-events:auto;
}

.fossil_q1 .theBoard .theBone, .fossil_q2 .theBoard .theBone {
    position:absolute;
    left:0px;
    top:388px;
    width:50px;
    height:auto;
    display:inline-block;
    pointer-events:auto;
}

.fossil_q2 .theBoard .theBone {
    
    left:149px;
    top:400px;
    width:25px;
}


.lift_base {
    position:absolute;
    left:480px;
    top:390px;
    width:44px;
    height:58px;
    display:inline-block;
    background-size:100% 100%;
	background-position:left top;
    background-image: url("images/lift_base.png");
	background-repeat:no-repeat;
    pointer-events:none;
}

.fossil_q2 .lift_base {

    left: 485px;
    top: 399px;
    
}

.lift_arm {
    position:absolute;
    left:23px;
    top:-237px;
    width:5px;
    height:246px;
    display:inline-block;
    background-size:100% 100%;
	background-position:left top;
    background-image: url("images/lift_arm.png");
	background-repeat:no-repeat;
    pointer-events:none;
}

.lift_elbow {
    position:absolute;
    left:-132px;
    top:-91px;
    width:135px;
    height:95px;
    display:inline-block;
    background-size:100% 100%;
	background-position:left top;
    background-image: url("images/lift_elbow.png");
	background-repeat:no-repeat;
    pointer-events:none;
}

.lift_hand {
    position:absolute;
    left:-37px;
    top:0px;
    width:39px;
    height:60px;
    display:inline-block;
    background-size:100% 100%;
	background-position:left top;
    background-image: url("images/lift_hand.png");
	background-repeat:no-repeat;
    pointer-events:none;
}

.lift_hand_inner {
    position:absolute;
    left:0px;
    top:0px;
    width:39px;
    height:60px;
    display:inline-block;
}

.lift_bone {
    position:absolute;
    left:5px;
    top:28px;
    width:25px;
    height:auto;
    display:inline-block;
    pointer-events:auto;
}

.fossil_q1 .lift_bone {
    width:50px;
}

.theBoard .wire {
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    display:block;
    pointer-events:none;
}

.theBoard #theCanvas {
    position:absolute;
    left:0px;
    top:0px;
    width:634px;
    height:510px;
    display:block;
}

.theBoard #theCanvas1 {
    position:absolute;
    left:0px;
    top:0px;
    width:600px;
    height:474px;
    display:block;
}

.theBoard .equationLabel {
    position:absolute;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size:19px;
    line-height: 19px;
    text-align: left;
    color: #FFF;
    letter-spacing:1px;
}

.theBoard .equationLabel.highlight {
    color: #fcb70b;
}

.theBoard .equationLabel.highlightWrong {
    color: #cccccc;
}

.theBoard .equationLabel i {
    font-style:italic;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

.theBoard .equationLabel.equationLabel1 {
    left:16px;
    top:278px;
}

.theBoard .equationLabel.equationLabel2 {
    left:416px;
    top:97px;
}

.theBoard .equationLabel.equationLabel3 {
    left:416px;
    top:144px;
}

.electric_q1 .theBoard .equationLabel1 {
    left:5px;
    top:183px;
    line-height: 43px;
}

.electric_q1 .theBoard .equationLabel2 {
    left:376px;
    top:197px;
    line-height: 23px;
    font-size:16px;
}

.electric_q1 .theBoard .equationLabel3 {
    left:376px;
    top:244px;
    line-height: 23px;
    font-size:16px;
}

.jCharacter {
    position: absolute;
    left:70px;
    bottom:0px;
    width:338px;
    height:440px;
    display:block;
    background-size:338px 440px;
	background-position:left top;
    background-image: url("images/j_1.png");
	background-repeat:no-repeat;
}

.jCharacter .eyes {
    position: absolute;
    left:121px;
    top:50px;
    width:100px;
    height:40px;
    display:block;
}

.aCharacter {
    position: absolute;
    left:70px;
    bottom:0px;
    width:420px;
    height:440px;
    display:block;
    background-size:420px 440px;
	background-position:left top;
    background-image: url("images/a_1.png");
	background-repeat:no-repeat;
}

.aCharacter .eyes {
    position: absolute;
    left:121px;
    top:50px;
    width:100px;
    height:40px;
    display:block;
}

.wordBubble {
    position:absolute;
    left: 400px;
    top: 725px;
    width:1px;
    height:1px;
    display:block;
}

.wordBubble.orange {
    left: 315px;
    top: 634px;
}

.wordBubble.correctBubble1, .wordBubble.wrongBubble1 {
    left: 315px;
    top: 634px;
}

.wordBubble.correctBubble2, .wordBubble.wrongBubble2, .wordBubble.wordBubble7Right, .wordBubble.wordBubbleRight {
    left: 995px;
    top: 634px;
}

.dialogBox {
    width: 225px;
    border: 2px solid #000;
    padding: 25px;
    text-align: left;
    color: #000;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size:21px;
    line-height:25px;
    background-color: #FFF;
    border-radius:15px;
    position:absolute;
    left:-22px;
    bottom:16px;
    box-sizing: border-box;
}

.wordBubble.correctBubble2 .dialogBox, .wordBubble.wrongBubble2 .dialogBox, .wordBubble.wordBubble7Right .dialogBox, .wordBubble.wordBubbleRight .dialogBox {
    left:-190px;
    width:235px;
}

.wordBubble.orange .dialogBox {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color:#f68c4e;
    width:242px;
}

.dialogBox strong {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    color:#000;
}

.wordBubble[imageSwap="jAnimation"] .dialogBox strong {
    color:#000;
}

.dialogBox strong.equation {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color:#000;
    white-space: nowrap;
}

.wordBubble[imageSwap="jAnimation"] .dialogBox strong.equation {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color:#000;
    white-space: nowrap;
}

.dialogBox i {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-style:italic;
}
.dialogBox strong.equation i {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-style:italic;
}

.dialogBox .arrow {
    border:none;
    height:25px;
    float:right;
    margin-top:15px;
}

.dialogBox .arrow.dullOut {
    opacity:.2;
    pointer-events:none;
}


/* speech bubble 7 */

.sb7:before {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 15px solid #000;
    border-right: 15px solid transparent;
    border-top: 15px solid #000;
    border-bottom: 15px solid transparent;
    left: 20px;
    bottom: -30px;
}

.sb7:after {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 20px solid #fff;
    border-right: 20px solid transparent;
    border-top: 20px solid #fff;
    border-bottom: 20px solid transparent;
    left: 22px;
    bottom: -25px;
}

.wordBubble.correctBubble2 .sb7:before, .wordBubble.wrongBubble2 .sb7:before, .wordBubble.wordBubble7Right .sb7:before, .wordBubble.wordBubbleRight .sb7:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 15px solid transparent;
  border-right: 15px solid #000;
  border-top: 15px solid #000;
  border-bottom: 15px solid transparent;
    left:auto;
  right: 20px;
  bottom: -30px;
}

.wordBubble.correctBubble2 .sb7:after, .wordBubble.wrongBubble2 .sb7:after, .wordBubble.wordBubble7Right .sb7:after, .wordBubble.wordBubbleRight .sb7:after  {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 20px solid transparent;
  border-right: 20px solid #fff;
  border-top: 20px solid #fff;
  border-bottom: 20px solid transparent;
    left:auto;
  right: 22px;
  bottom: -25px;
}

.equation1, .equation2 {
    position:absolute;
    left:88px;
    top:141px;
    width:480px;
    height:auto;
    display:block;
}

.insects_q1 .svgAnimation {
    position: absolute;
    left: 111px;
    top: 70px;
    width: 432px;
    height: auto;
}

.insects_q2 .svgAnimation {
    position: absolute;
    left: 111px;
    top: 70px;
    width: 432px;
    height: auto;
}


.electric_q1 .equation1, .electric_q1 .equation2, .electric_q1 .equation3, .electric_q1 .equation4, .electric_q1 .equation5 {
    position:absolute;
    width:542px;
    height:auto;
    left:36px;
    top:86px;
}

.fossil_q1 .svgAnimation {
    position:absolute;
    width:654px;
    height:auto;
    left:-20px;
    top:0px;
}

.fossil_q2 .svgAnimation {
    position:absolute;
    width:654px;
    height:auto;
    left:-20px;
    top:0px;
}

.keys_q1 .svgAnimation {
    position: absolute;
    width: 302px;
    height: auto;
    top: 106px;
    left: 160px;
}

.keys_q2 .svgAnimation {
    position: absolute;
    width: 302px;
    height: auto;
    top: 106px;
    left: 160px;
}

.fossil_q2 .svgAnimation.wide {
    width:728px;
}

.jAnimation {
    position:absolute;
    left:-35px;
    top:504px;
    width:522px;
    height:928px;
    display:block;
    pointer-events:none;
}

.jAnimation.final {
    left:-115px;
    top:470px;
    z-index:100;
}

.insects_q1 .jAnimation.final {
    left:-115px;
    top:510px;
    z-index:100;
}

.keys_q1 .jAnimation.final {
    left:-115px;
    top:504px;
    z-index:auto;
}

.keys_q2 .jAnimation.final {
    left:-115px;
    top:504px;
    z-index:auto;
}

.jAnimation div {
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    display:block;
    background-size:100% 100%;
    background-position:left top;
    background-repeat:no-repeat;
}

.jAnimation .head_and_legs {
    background-image:url("images/janimation/head_and_legs.png");
}

.jAnimation .head_and_legs {
    background-image:url("images/janimation/head_and_legs.png");
}
.jAnimation .head {
    background-image:url("images/janimation/head.png");
}
.jAnimation .eyes {
    background-image:url("images/janimation/eyes.png");
}
.jAnimation .blink {
    background-image:url("images/janimation/blink.png");
}
.jAnimation .eyebrows {
    background-image:url("images/janimation/eyebrows.png");
}
.jAnimation .lefthand {
    background-image:url("images/janimation/lefthand.png");
}
.jAnimation .leftarm {
    background-image:url("images/janimation/leftarm.png");
}
.jAnimation .tshirt {
    background-image:url("images/janimation/tshirt.png");
}
.jAnimation .righthand {
    background-image:url("images/janimation/righthand.png");
}
.jAnimation .rightarm {
    background-image:url("images/janimation/rightarm.png");
}

.aAnimation {
    position:absolute;
    left:-51px;
    top:492px;
    width:544px;
    height:928px;
    display:block;
    pointer-events:none;
}

.aAnimation.final {
    left: 867px;
    top: 418px;
    z-index:100;
}

.insects_q1 .aAnimation.final {
    left: 867px;
    top: 458px;
    z-index:100;
}

.keys_q1 .aAnimation.final {
    left: 867px;
    top:492px;
    z-index:auto;
}

.keys_q2 .aAnimation.final {
    left: 867px;
    top:492px;
    z-index:auto;
}

.aAnimation div {
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    display:block;
    background-size:100% 100%;
    background-position:left top;
    background-repeat:no-repeat;
}

.aAnimation .hair {
    background-image:url("images/aanimation/hair.png");
}

.aAnimation .body {
    background-image:url("images/aanimation/body.png");
}

.aAnimation .forearm {
    background-image:url("images/aanimation/forearm.png");
}

.aAnimation .head {
    background-image:url("images/aanimation/head.png");
}

.aAnimation .eyes {
    background-image:url("images/aanimation/eyes.png");
}

.aAnimation .blink {
    background-image:url("images/aanimation/blink.png");
}

.aAnimation .eyebrows {
    background-image:url("images/aanimation/eyebrows.png");
}

.theQuestion {
    position:absolute;
    left:70px;
    top:705px;
    width:1140px;
    height:auto;
    display:block;
}

.theQuestion .yellowBar {
    position:relative;
    left:0px;
    top:0px;
    width:100%;
    height:50px;
    display:inline-block;
    background-color:#ffe89a;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    color:#000;
    font-size:24px;
    line-height:50px;
}

.theQuestion .answerHolder {
    padding:0px;
    margin:0px;
    position:relative;
    left:0px;
    top:0px;
    width:336px;
    height:auto;
    display:inline-block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color:#000;
    font-size:21px;
    line-height:28px;
    margin-top:10px;
}

.theQuestion .answerHolder strong {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    color:#ef4056;
}

.theQuestion .answerHolder strong i {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    font-style: italic;
}

.theQuestion .answerHolder a {
    position:relative;
    left:0px;
    top:0px;
    width:220px;
    height:auto;
    display:inline-block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    color:#FFF;
    text-decoration: none;
    line-height:46px;
    background-color:#f16166;
    border-radius:23px;
    box-sizing: border-box;
    border:solid;
    border-width:1px;
    border-color:#FFF;
    margin-top:10px;
}

.theQuestion .answerHolder.hidden {
    opacity:.3;
    pointer-events:none;
}

.theQuestion .answerHolder a.inactive {
    pointer-events:none;
}

.theQuestion .answerHolder a:hover {
    color:#ffe89a;
}

.iconHolder .summaryBox {
    position:absolute;
    left: calc(100% - 18px);
    bottom:-18px;
    width:750px;
    height:auto;
    display:none;
    background-color:#fedfc9;
    box-sizing:border-box;
    border:solid;
    border-width:1px;
    border-color:#000;
    border-radius:10px;
    padding:30px;
    padding-left:40px;
    padding-bottom:40px;
    pointer-events:none;
}

.iconHolder .summaryBox:after {
    content: "x";
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size:30px;
    line-height: 30px;
    height: 30px;
    width: 30px;

    position: absolute;
    top: 2px;
    right: -3px;
    pointer-events:none;
}

.blockORama {
    position:absolute;
    left:-1280px;
    top:-975px;
    width:2560px;
    height:1950px;
}

.iconHolder.aChar .summaryBox {
    background-color:#b4dbe2;
} 

.iconHolder .summaryBox h3 {
    padding:0px;
    margin:0px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    width:100%;
    display:inline-block;
    color:#f68c4e;
    text-align: center;
    font-size:24px;
    line-height:24px;
    margin-bottom:10px;
}

.iconHolder.aChar .summaryBox h3 {
    color:#00a0af;
}

.iconHolder .summaryBox p, .iconHolder .summaryBox ul {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size:20px;
    line-height:24px;
    margin-top:5px;
}

.iconHolder .summaryBox p a {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color:#f68c4e;
    text-decoration: underline;
    pointer-events:auto;
}

.iconHolder.aChar .summaryBox p a {
     color:#00a0af;
}

.iconHolder .summaryBox p span {
    display:inline-block;
    margin-top:5px;
}

.iconHolder .summaryBox p strong {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    color:#f68c4e;
}

.iconHolder .summaryBox p b {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
}

.iconHolder.aChar .summaryBox p strong {
    color:#00a0af;
}

.iconHolder .summaryBox p em, .iconHolder .summaryBox p i {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-style:italic;
}

.iconHolder .summaryBox ul {
    margin-top:0px;
    margin-bottom:0px;
}

.iconHolder .summaryBox ul li {
    margin-top:3px;
}


.iconHolder .summaryBox ul strong {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

.iconHolder.active {
    display:block;
    z-index:100;
}

.iconHolder.active .summaryBox {
    display:block;
    box-shadow: 5px 5px 5px rgba(0,0,0,.5);
}

.startOverlay {
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    display:block; 
    background-color:rgba(255,255,255,.8);
}

.startOverlay .introBox {
    position:absolute;
    left:50%;
    top:50%;
    width:670px;
    height:auto;
    display:inline-block;
    margin-left:-335px;
    box-sizing:border-box;
    padding:30px;
    border:solid;
    border-width:1px;
    border-color:#000;
    background-color:#FFF;
    transform:translateY(-50%);
}

.startOverlay .introBox h2 {
    padding:0px;
    margin:0px;
    position:relative;
    left:0px;
    top:0px;
    width:100%;
    height:auto;
    display:inline-block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    color:#664199;
    font-size:42px;
    line-height:45px;
}

.startOverlay .introBox p {
    padding:0px;
    margin:0px;
    position:relative;
    left:0px;
    top:0px;
    width:100%;
    height:auto;
    display:inline-block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    color:#000;
    font-size:24px;
    line-height:34px;
    margin-top:15px;
}

.startOverlay .introBox p strong {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
}

.startOverlay .introBox p em {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-style:italic;
}

.startButton {
    position:relative;
    left:0px;
    top:0px;
    width:320px;
    height:auto;
    display:inline-block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    color:#FFF;
    text-decoration: none;
    line-height:46px;
    background-color:#f16166;
    border-radius:23px;
    box-sizing: border-box;
    border:solid;
    border-width:1px;
    border-color:#FFF;
    font-size:21px;
    margin-top:25px;
}

.hintButton {
    width: 320px;
    height: auto;
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    color: #FFF;
    /* text-decoration: none; */
    line-height: 46px;
    background-color: rgba(0,0,0,.35);
    box-sizing: border-box;
    /* border: solid; */
    border-width: 1px;
    border-color: #FF0000;
    font-size: 18px;
    /* margin-top: 25px; */
    position: absolute;
    bottom: 0px;
    top: auto;
    left: 50%;
    /* right: 20px; */
    margin-left:-160px;
}

.catchAllButton {
    position:absolute;
    left:50%;
    bottom:95px;
    width:320px;
    height:auto;
    display:inline-block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    color:#FFF;
    text-decoration: none;
    line-height:46px;
    background-color:#f16166;
    border-radius:23px;
    box-sizing: border-box;
    border:solid;
    border-width:1px;
    border-color:#FFF;
    font-size:21px;
    margin-left:-160px;
}

.key_line {
    position:absolute;
    left:18px;
    top:255px;
    width:597px;
    height:144px;
    display:block;
    background-position: left top;
    background-size: 597px 144px;
    background-image:url("images/key_line.png");
    background-repeat:no-repeat;
}

.theKey {
    position:absolute;
    left:0px;
    top:0px;
    width:42px;
    height:144px;
    display:block;
    margin-left:-19px;
    cursor: grabbing;
}

.tempLine {
    position:absolute;
    left: 482px;
    top: 736px;
    width:544px;
    height:143px;
    display:block;
}

.dialDisplay {
    position:absolute;
    left:380px;
    top:35px;
    width:57px;
    height:23px;
    display:block;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color:#000;
    font-size:20px;
    line-height: 23px;
    pointer-events: none;
}

.insects_q2 .dialDisplay {
    left:421px;
    top:64px;
}

.finalLine {
    position:absolute;
    left: 368px;
    top: 685px;
    width:544px;
    height:114px;
    display:block;
    background-position: left top;
    background-size: 544px 114px;
    background-image:url("images/temp_final_line.png");
    background-repeat:no-repeat;
    overflow:hidden;
    pointer-events: none;
}

.insects_q2 .finalLine {
    background-image:url("images/temp_final_line2.png");
}

.finalLineDot {
    position:absolute;
    left: 0px;
    top: 0px;
    width:544px;
    height:114px;
    display:block;
}

.dragDial {
    position:absolute;
    left: 0px;
    top: 0px;
    width:57px;
    height:57px;
    display:block;
    margin-left:-28px;
    margin-top:-28px;
    cursor: grabbing;
}

.sideBar {
    position:absolute;
    left:1043px;
    top:24px;
    width:128px;
    height:354px;
    display:block;
    background-position: left top;
    background-size:128px 354px;
    background-image:url("images/side_bar.png");
    background-repeat: no-repeat;
    text-align:center;
    box-sizing:border-box;
    padding-top:16px;
}

.sideBar .theMark {
    position:absolute;
    left:0px;
    top:0px;
    width:92px;
    height:76px;
    display:block;
}

.sideBar .sideBarBlock {
    position:relative;
    left:0px;
    top:0px;
    width:92px;
    height:76px;
    display:inline-block;
    margin-top:4px;
    background-position: left top;
    background-size: 92px 76px;
    background-image:url("images/side_bar_fossil.png");
    background-repeat:no-repeat;
    box-sizing: border-box;
}

.museum_electric .sideBar .sideBarBlock, .museum_fossil .sideBar .sideBarBlock, .museum_insects .sideBar .sideBarBlock, .museum_keys .sideBar .sideBarBlock {
    cursor: pointer;
    border:solid;
    border-color:#cccccc;
    border-width:1px;
}

.museum_electric .sideBar .sideBarBlock:hover, .museum_fossil .sideBar .sideBarBlock:hover, .museum_insects .sideBar .sideBarBlock:hover, .museum_keys .sideBar .sideBarBlock:hover {
    cursor: pointer;
    border-color:#000000;
}

.sideBar .sideBarBlock.wrong {
    pointer-events:none !important;
    opacity:.2;
}

.sideBar .sideBarBlock.electric {
    background-image:url("images/side_bar_electric.png");
    margin-left:8px;
    margin-right:8px;
    pointer-events:auto;
}

.sideBar .sideBarBlock.keys {
    background-image:url("images/side_bar_keys.png");
    margin-left:8px;
    margin-right:8px;
    pointer-events:auto;
}

.sideBar .sideBarBlock.insects {
    background-image:url("images/side_bar_insects.png");
    margin-left:8px;
    margin-right:8px;
    pointer-events:auto;
}

.sideBar .sideBarBlock.insects2 {
    background-image:url("images/side_bar_insects2.png");
}

.sideBar .sideBarBlock.fossil {
    margin-left:8px;
    margin-right:8px;
    pointer-events:auto;
}

.gameScene.splash {
    background-image:url("images/splash_page_background.png");
}

.gameScene.splash .foreground {
    position:absolute;
    left:0px;
	top:0px;
	width:1280px;
	height:975px;
	box-sizing:border-box;
	display:inline-block;
}

.gameScene.splash .cloud {
    position:absolute;
    left:0px;
	top:0px;
	width:391px;
	height:370px;
	box-sizing:border-box;
	display:inline-block;
    margin-left:-391px;
}

.gameScene.splash .startBox {
    bottom:32px;
}

.slash_person {
    position:absolute;
    left:117px;
    top:567px;
    width:253px;
    height:408px;
    display:inline-block;
}

.slash_person.right {
    left:937px;
}

.slash_person .element {
    position:absolute;
    left:0px;
    top:0px;
    width:253px;
    height:408px;
    display:inline-block;
    background-position: left top;
    background-size: 253px 408px;
    background-repeat:no-repeat;
}

.slash_person.left .head {
    background-image:url("images/splash_left_head.png");
}

.slash_person.right .head {
    background-image:url("images/splash_right_head.png");
}

.startBox {
    position:absolute;
    left:310px;
    bottom:0px;
    width:660px;
    height:auto;
    display:inline-block;
    box-sizing: border-box;
    background-color:#FFF;
    padding-top:50px;
    padding-bottom:50px;
    border:solid;
    border-width:1px;
    border-color:#000;
    text-align: center;
}

.startSection2 .startBox {
    border:none;
    background-color:transparent;
    padding-bottom:105px;
}

.startBox h1 {
    padding:0px;
    margin:0px;
    width:100%;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    color:#664199;
    font-size:42px;
    line-height: 44px;
}

.startBox p {
    padding:0px;
    margin:0px;
    width:100%;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    color:#000;
    font-size:32px;
    line-height: 44px;
}

.splash2_person {
    position:absolute;
    left:138px;
    bottom:0px;
    width:250px;
    height:378px;
    display:inline-block;
    background-position: left top;
    background-size: 250px 378px;
    background-repeat:no-repeat;
}

.splash2_person .element {
    position:absolute;
    left:0px;
    top:0px;
    width:250px;
    height:378px;
    display:inline-block;
}

.splash2_person.left {
    background-image:url("images/splash_page2_left_body.png");
}

.splash2_person.right {
    left:321px;
    background-image:url("images/splash_page2_right_body.png");
}

.startSection2 .bubble {
    position:absolute;
    left:263px;
    bottom:378px;
    width:237px;
    height:auto;
    display:inline-block;
}

.startSection2 .bubble.bubble2 {
    left: 516px;
    bottom: 319px;
    width:251px;
}

.startSection2 .bubble.bubble3 {
    left:263px;
    bottom:378px;
    width:237px;
}

.quiz_start_1 {
    background-image:url("images/pre_1_background.png");
}

.quiz_start_2 {
    background-image:url("images/pre_2_background.png");
}

.quiz_start_3_1 {
    background-image:url("images/pre_3_background.png");
}

.quiz_start_3_2 {
    background-image:url("images/pre_3_background2.png");
}

.quiz_start_4 {
    background-image:url("images/pre_4_background.jpg");
}

.quiz_start_4_2 {
    background-image:url("images/pre_4_background2.jpg");
}

.quiz_start_5, .quiz_end_5 {
    background-image:url("images/pre_5_background.png");
}

.quiz_end_6 {
    background-image:url("images/pre_5_background.png");
}

.quiz_end_1_1 {
    background-image:url("images/background_quiz_end_1_1.png");
}

.quiz_end_1_2 {
    background-image:url("images/background_quiz_end_1_1_2.png");
}

.quiz_end_2_1 {
    background-image:url("images/snacks_background.png");
}

.quiz_end_2_2 {
    background-image:url("images/snacks_background.png");
}

.quiz_end_3_1 {
    background-image:url("images/pre_2_background.png");
}

.quiz_end_3_2 {
    background-image:url("images/pre_2_background.png");
}

.quiz_end_4_1 {
    background-image:url("images/background_quiz_end_4_1.jpg");
}

.quiz_end_4_2 {
    background-image:url("images/background_quiz_end_4_2.jpg");
}

.quizHolder {
    position:absolute;
    left:50%;
    bottom:0px;
    width:917px;
    height:auto;
    display:inline-block;
    box-sizing: border-box;
    padding-top:30px;
    padding-bottom:30px;
    padding-left:30px;
    padding-right:30px;
    background-color:#FFF;
    margin-left:-459px;
    text-align: center;
}

.quiz_start_5 .quizHolder {
    background-color:transparent;
    width:750px;
    margin-left:-375px;
}

.quizHolder h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    font-size: 36px;
    line-height: 1;
    padding: 0px;
    margin: 0px;
    padding-bottom: 10px;
    color: #664199;
}

.quizHolder h3 {
    margin:0px;
    padding:0px;
    position:relative;
    left:0px;
    top:0px;
    width:45px;
    height:auto;
    display:inline-block;
    float:left;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    color:#00a0af;
    text-align: left;
    font-size:34px;
    line-height:34px;
    margin-top:-6px;
}

.quizHolder p {
    margin:0px;
    padding:0px;
    position:relative;
    left:0px;
    top:0px;
    width: calc(100% - 45px);
    height:auto;
    display:inline-block;
    float:left;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color:#000;
    text-align: left;
    font-size:22px;
    line-height:28px;
}

.quizHolder p strong {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
}

.quizHolder p.answerBlock {
    margin-top:15px;
    float:none;
}

.quizHolder p.buttonBlock {
    margin-top:15px;
    float:none;
    text-align: center;
    height:73px;
}

.quizHolder p.countBlock {
    margin-top:45px;
    float:none;
    text-align: center;
}

.quizHolder p.answerBlock a.answerButton {
    position: relative;
    display:block;
    color:#000;
    text-decoration: none;
    margin-top:15px;
    box-sizing:border-box;
    padding-left:35px;
}

.quizHolder p.answerBlock.star {
    text-align: center;
}

.quizHolder p.answerBlock.star a.answerButton {
    position: relative;
    display:inline-block;
    color:#000;
    text-decoration: none;
    margin-top:0px;
    box-sizing:border-box;
    padding-left:0px;
    width:100px;
    height:100px;
    vertical-align: middle;
    background-image:url("images/star.png");
    background-position: left top;
    background-size: 100px 100px;
    background-repeat:no-repeat;
    margin-left:5px;
    margin-right:5px;
}

.quizHolder p.answerBlock.star a.answerButton.select {
     background-image:url("images/star_pick.png");
}

.quizHolder p.answerBlock a.answerButton .mark {
    position:absolute;
    left:-45px;
    top:0px;
    width:45px;
    height:auto;
    display:block;
}

.quizHolder p.answerBlock a.answerButton span {
    position:absolute;
    left:0px;
    top:0px;
    width:28px;
    height:28px;
    display: inline-block;
    background-color:#00a0af;
    color:#FFF;
    text-align: center;
}

.quizHolder p.answerBlock a.answerButton.off {
    pointer-events:none;
}

.quizHolder p.answerBlock a.answerButton.off span {
    background-color:#5f6062;
}

.quizHolder p.answerBlock a.answerButton.picked span {
    background-color:#5daf62 !important;
}

.startButton.disabled {
    opacity:.5;
    pointer-events:none;
}

.quiz_person {
    position:absolute;
    right:0px;
    bottom:-120px;
    width:350px;
    height:564px;
    display:inline-block;
}

.quiz_person .element {
    position:absolute;
    left:0px;
    top:0px;
    width:350px;
    height:564px;
    display:inline-block;
    background-position: left top;
    background-size: 350px 564px;
    background-repeat:no-repeat;
}

.quiz_person.left .head {
    background-image:url("images/splash_left_head.png");
}

.quiz_person.right .head {
    background-image:url("images/splash_right_head.png");
}

.wordBubble.wordBubbleQuiz {
    left: 976px;
    top: 670px;
}

.quiz_start_2 .quizHolder {
    padding-bottom:40px;
}

.answerButton .answerImage {
    width:275px;
}

.museumHolder {
    position:absolute;
    left:-100px;
    top:-100px;
    /*
    width:1522px;
    height:975px;
    */
    width:2560px;
    height:1640px;
    display:block;
    background-position: left top;
    background-size: 100% 100%;
    background-repeat:no-repeat;
    background-image:url("images/museum/background.png");
}

.elevatorDoor {
    position:absolute;
    left:997px;
    top:70px;
    width:378px;
    height:424px;
    display:block;
    overflow:hidden;
}

.museum_keys .elevatorDoor, .museum_insects .elevatorDoor, .museum_electric .elevatorDoor {
    left:1676px;
    top:117px;
    width:634px;
    height:711px;
}

.elevatorDoor .door {
    position:absolute;
    left:0px;
    top:0px;
    width:197px;
    height:424px;
    display:block;
}

.elevatorDoor .door.right {
    position:absolute;
    left:197px;
    top:0px;
    width:182px;
    height:424px;
    display:block;
}

.museum_keys .elevatorDoor .door, .museum_insects .elevatorDoor .door, .museum_electric .elevatorDoor .door {
    width:330px;
    height:711px;
}

.museum_keys .elevatorDoor .door.right, .museum_insects .elevatorDoor .door.right, .museum_electric .elevatorDoor .door.right {
    left:330px;
    width:305px;
    height:711px;
}

.museum2 .museumHolder {
    position:absolute;
    left:-205px;
    top:0px;
    width:1522px;
    height:975px;
}

.museumHolder .element {
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    display:block;
}

.museumHolder .element.black {
    background-color:#000;
}

.a_large {
    position:absolute;
    left:283px;
    top:415px;
    width:306px;
    height:890px;
    display:inline-block;
}

.a_large_point {
    position:absolute;
    left:283px;
    top:415px;
    width:405px;
    height:890px;
    display:inline-block;
}

.museum2 .a_large {
    left: 498px;
    top: 122px;
}

.a_large .element {
    position:absolute;
    left:0px;
    top:0px;
    width:306px;
    height:890px;
    display:inline-block;
    background-position: left top;
    background-size: 306px 890px;
    background-repeat:no-repeat;
}

.a_large .element.head {
    background-image:url("images/a_large_head.png");
}

.j_large {
    position:absolute;
    left:800px;
    top:415px;
    width:306px;
    height:890px;
    display:inline-block;
}

.museum2 .j_large {
    left: 341px;
    top: 246px;
}

.j_large .element {
    position:absolute;
    left:0px;
    top:0px;
    width:306px;
    height:890px;
    display:inline-block;
    background-position: left top;
    background-size: 306px 890px;
    background-repeat:no-repeat;
}

.j_large .element.head {
    background-image:url("images/j_large_head.png");
}

.museum .wordBubble .dialogBox {
    color:#ef4056;
}

.museum .startBox {
    background-color:transparent;
    border:none;
}

.museum2 #theSlice {
    position: absolute;
    left:0px;
    top:0px;
    cursor: pointer;
}

.museum_fossil .museumHolder {
    top:-605px;
}

.museum_fossil .a_large {
    left: 593px;
    top: 840px;
}

.museum_fossil .j_large {
    left: 1069px;
    top: 815px;
}

.museum_keys .museumHolder {
    left: -1224px;
    top: 13px;
}

.museum_keys .a_large {
    left: 1278px;
    top: 244px;
}

.museum_keys .j_large {
    left: 1855px;
    top: 219px;
}

.museum_insects .museumHolder {
    left: -982px;
    top: -555px;
}

.museum_insects .a_large {
    left: 1004px;
    top: 833px;
}

.museum_insects .j_large {
    left: 1969px;
    top: 815px;
}

.museum_electric .museumHolder {
    /*
    left: -1065px;
    top: -555px;
    */
    left: -730px;
    top: 0px;
}

.museum_electric .a_large {
    left: 752px;
    top: 278px;
}

.museum_electric .j_large {
    left: 1717px;
    top: 260px;
}

.museum2 .sideBar, .museum_electric .sideBar, .museum_insects .sideBar, .museum_keys .sideBar, .museum_fossil .sideBar {
    left: 1106px;
    top: 559px;
    background-image: url("images/side_bar_toolbox.png");
    width:172px;
    height:417px;
    background-size: 172px 417px;
    padding-top: 58px;
}

.museum_electric .sideBar, .museum_insects .sideBar, .museum_keys .sideBar, .museum_fossil .sideBar {
    left: 400px;
    top: 818px;
    background-image: url("images/bottom_toolbox.png");
    width:480px;
    height:157px;
    background-size: 480px 157px;
    padding-top:45px;
}

.museum1 .debris {
    position:absolute;
    left:0px;
    top:0px;
}

.theWhite {
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    display:none;
    background-color: rgba(255,255,255,.5);
}

.plotdot {
    position:absolute;
    left:0px;
    top:0px;
    width:16px;
    height:16px;
    display:none;
    margin-left:-8px;
    margin-top:-8px;
}

.tally {
    position:absolute;
    left:-30px;
    top:0px;
    width:265px;
    height:auto;
    display:none;
    background-color:#FFF;
    border-radius:5px;
    border:solid;
    border-width:2px;
    border-color:#000;
    box-sizing:border-box;
    padding:10px;
    text-align: left;
}

.tally h3, .tally h4 {
    margin:0px;
    padding:0px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    font-size:18px;
    line-height: 23px;
}

.tally h3 {
    color:#336600;
}

.tally h3 strong {
    color:#000;
    display:inline-block;
    width:100%;
    margin-bottom:5px;
    font-weight:900;
    text-decoration: underline;
}

.endScreen {
    background-color:#FFF;
}
.endContainer {
    position:relative;
    left:0px;
    top:0px;
    width:100%;
    height:auto;
    display:inline-block;
    text-align: center;
    color:#000;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size:26px;
    line-height:34px;
    margin-top:250px;
}

.endContainer h2 {
    padding:0px;
    margin:0px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    display:inline-block;
    color:#664199;
    font-size:50px;
    line-height:1;
}

.endContainer p.bottomText {
    font-size:22px;
    line-height:29px;
    margin-bottom:30px;
}

.endContainer p a {
    margin-bottom:60px;
}

.endContainer p strong {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
}

.endContainer p strong.blue {
    color:#00a0af;
}

.endScreen .geode {
    position:absolute;
    right: -1300px;
    bottom: -453px;
    width: 1850px;
    height:auto;
}

.endScreen .a_large {
    left: -37px;
    top: 256px;
}

.endScreen .j_large {
    left: 57px;
    top: 240px;
}

.skipButton {
    position:relative;
    display:inline-block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    color:#f16166;
    text-decoration: underline;
    margin-top: 9px;
    left: 50% !important;
    width: 190px;
    margin-left: -100px;
    z-index:100;
    pointer-events:auto;
}

.crazyOverlay {
    position:absolute;
    left:-2000px;
    top:-2000px;
    width:4000px;
    height:4000px;
    display: block;
    background-color: rgba(255,255,255,0);
    pointer-events:auto;
}