/*////////////////////////////////////////////////
	// COLUMNS
	////////////////////////////////////////////////*/
	
	.column-1-12{width:8.33333333333%;}
	.column-2-12{width:16.6666666666%;}
	.column-3-12{width:25%;}
	.column-4-12{width:33.3333333333%;}
	.column-5-12{width:41.6666666666%;}
	.column-6-12{width:50%;}
	.column-7-12{width:58.3333333333%;}
	.column-8-12{width:66.6666666666%;}
	.column-9-12{width:75%;}
	.column-10-12{width:83.333333333%;}
	.column-11-12{width:91.666666666%;}
	.column-12-12{width:100%;}

	
	.page h1{margin-bottom:15px}
	.page h2{}
	.page h3{ }
	.page h4{margin-bottom:7.5px;}
	.page p{}
	

	
	.float-left{float:left;}
	
	.layer img{max-width:100%; height:auto;}	
	.layer p{margin-bottom:15px; }
	
	.layer ul{padding:15px 30px}
	.layer ul li{padding:0 0 15px}

	.response-icon{position:absolute; opacity:0;}
	.correct-icon{background:url(images/tick.svg) center center no-repeat; background-size:100%;}
	.incorrect-icon{background:url(images/incorrect.svg) center center no-repeat; background-size:100%;}

	.correct-icon.show,
	.incorrect-icon.show{
		-webkit-animation:popIn 0.5s;  -webkit-animation-fill-mode: forwards;
		-ms-animation:popIn 0.5s;  -ms-animation-fill-mode: forwards;		
		animation:popIn 0.5s;  animation-fill-mode: forwards;
		display:block; opacity:1;
	}

	
	/* ONE COLUMN	*/
	.one-column { margin:0 auto; float:none!important}
	.one-column img{margin:0 0 15px; display:block}
	
	.page-content-video{display:block; width:100%; height:auto;}


	/* DROPDOWNS*/
	
	.drop-down{padding:15px 0; border-bottom:1px solid rgba(255,255,255,0.3);}
	.drop-down-question{float:left; width:70%;}
	.drop-down-answer{float:right; width:30%; text-align:right; position:relative}
	.drop-down-answer .response-icon{position:absolute; top:5px; right:5px; width:30px; height:30px;}
	.drop-down select{padding:10px 15px; border:1px solid rgba(255,255,255,0.7); color:inherit; background:none;border-radius:20px; min-width:220px; text-align:center; display:inline-block; max-width:220px;}
	.drop-down select option{color:#000; padding:7.5px}
	
	.drop-down select{
		appearance: none; 
		-moz-appearance:none;
		-webkit-appearance: none; 
	}
	
	.drop-down select::-ms-expand {
		display: none;
	}	
	/* SLIDE SHOW*/
	
	.slideshow-header{}
	.slideshow-header ul{list-style:none; display:block; text-align:center; padding:0 0 15px; line-height:normal;}
	.slideshow-header ul li{display:inline-block; padding:0 0 0 0;}
	.slideshow-header ul li a{width:10px; height:10px; border-radius:50%; background:#fff; line-height:normal; display:block; margin-right:5px; opacity:.3; cursor:pointer; text-indent:-9999px}
	.slideshow-header ul li a.show{opacity:1}
	
	/*TABS*/
	.tabs-navigation a{}
	.tabs-navigation ul li a{display:block;width:auto; min-width:120px; height:auto; background:none; float:left; cursor:pointer; border-radius:0; opacity:1;text-indent:0; margin:0 0 0 0}

	.tabs-navigation ul li a span{display:block;border-top:1px solid #fff; border-bottom:1px solid #fff;text-transform:uppercase; border-left:1px solid #fff; line-height:normal; color:#fff; padding:5px 7.5px;}

	.tabs-navigation ul li:first-of-type a span{ border-radius:3px 0 0 3px;}
	
	.tabs-navigation ul .last a span{border-right:1px solid #fff; border-radius:0px 3px 3px 0;}

	.tabs-navigation ul li a.show span{background:#fff;}

	
	.slideshow-container{margin:0 auto;}
	.slideshow{position:relative; min-height:420px; }
	.slideshow-slide{position:absolute;min-height:420px; -webkit-transform:translate3d(100%,0,0)!important; transform:translate3d(100%,0,0)!important; width:100%; opacity:0; visibility:hidden}
	.slideshow-slide .slideshow-content img{margin:15px;}
	.slideshow-slide.show{transform:translate3d(0%,0,0)!important;-webkit-transform:translate3d(0%,0,0)!important; z-index:1; opacity:1; visibility:visible}
	.slideshow-slide.hide{transform:translate3d(-100%,0,0)!important;-webkit-transform:translate3d(-100%,0,0)!important; z-index:0; opacity:0}
	
	.slideshow-text{padding-top:15px;}
	
	.slideshow-image{max-height:480px; overflow:hidden}
	
	.aside-slideshow .slideshow-image{width:65%; float:left}
	.aside-slideshow .slideshow-content{width:35%; float:left;}
	.aside-slideshow .slideshow-text{padding:30px; height:411px; }

	.aside-boxed-slideshow .slideshow-image{width:65%; float:left; max-height:471px}
	.aside-boxed-slideshow .slideshow-image img{ width:auto; margin:0 auto; display:block; min-height:471px!important}
	.aside-boxed-slideshow .slideshow-content{width:35%; float:left;}
	.aside-boxed-slideshow .slideshow-text{padding:30px; height:411px; display:table-cell; vertical-align:middle}
	
	.boxed-slideshow .slideshow-text{padding:30px;}
	
	.default-slideshow .slideshow-image{margin-bottom:15px;}
	
	.slideshow p{margin:0 0 0 0;}


	
	/* QUIZ*/
	.question-slide.hide{display:none;}
	.quiz-icon{max-width:128px; margin:30px auto;}
	.quiz{margin:0 auto;  position:relative; overflow:hidden; min-height:480px; max-width:830px;}

	.ui-effects-light .quiz-start,
	.quiz-start{position:absolute; transform:translate(0%,0); -webkit-transform:translate(0%,0);width:100%; height:100%;min-height:480px;}

	.ui-effects-light .quiz-start.hide,
	.quiz-start.hide{ transform:translate(-10%,0);-webkit-transform:translate(-10%,0); opacity:0}
	.quiz-start p{font-size:1.3em;}

	.ui-effects-light .quiz-end,
	.quiz-end{position:absolute; transform:translate(100%,0); -webkit-transform:translate(100%,0); width:100%; top:0; height:100%;min-height:480px;}
	.quiz-end .quiz-icon{margin:30px auto; width:128px;}
	
	.quiz-end.show{transform:translate(0%,0);-webkit-transform:translate(0%,0);}

	.quiz-end .point-name{float:left; width:50%; text-align:left; font-size:1.3em}
	.quiz-end .point-value{float:left; width:50%; text-align:right; font-size:1.3em}
	
	.ui-effects-light .question-slide,
	.question-slide{position:absolute; transform:translate(100%,0); -webkit-transform:translate(100%,0); width:100%; }
	
	.question-slide-inner{}
	
	.ui-effects-light .question-slide.show,
	.question-slide.show{transform:translate(0%,0);-webkit-transform:translate(0%,0);}
	
	.ui-effects-light .question-slide.hide,
	.question-slide.hide{transform:translate(-10%,0); opacity:0;-webkit-transform:translate(-10%,0);}
	
	.quiz .quiz-footer{position:absolute; bottom:0; left:0; right:0;}
	.quiz .quiz-header{border-bottom:2px solid #fff; position:absolute; width:100%; display:none; height:48px;}
	.quiz .quiz-header.show{display:block;}
	.quiz .quiz-header .quiz-icon{width:36px; height:36px; position:absolute; top:5px; left:5px; margin:0 0 0 0;}
	.quiz-timer{position:absolute; top:12px; right:12px; }
	
	.quiz-title{text-transform:uppercase; display:block;  padding:12px 0}
	
	.quiz h3{line-height:2em!important; padding:60px 0 0;}
	
	
	.mc fieldset,.quiz fieldset{position:relative; border:none; background:none; box-shadow:none; margin: 0  0 15px; padding:0 0;}
	.mc label,.quiz label {
		display: inline-block;
		position: relative;
		padding: 3px 0 0 36px;
		vertical-align: top;
		cursor: pointer;
		-webkit-transition: color 0.3s;
		transition: color 0.3s;
		opacity:0.7;

	}
	
	.quiz input[type="checkbox"],
	.quiz input[type="radio"],
	.quiz label::before {
		width: 32px;
		height: 32px;
		top: 3px;
		left: 0;
		
		position: absolute;
		cursor: pointer;
	}
	
	
	.mc input[type="checkbox"],
	.mc input[type="radio"],
	.mc label::before{
		width: 28px;
		height: 28px;
		top: 3px;
		left: 0;
		
		position: absolute;
		cursor: pointer;
	}
	
	.mc input[type="radio"],
	.mc input[type="checkbox"],
	.quiz input[type="checkbox"],
	.quiz input[type="radio"] {
		opacity: 0;
		-webkit-appearance: none;
		display: inline-block;
		vertical-align: middle;
		z-index: 1;
	}
	.mc label::before,
	.quiz label::before {
		content: '';
		border: 2px solid #fff;
		-webkit-transition: opacity 0.3s;
		transition: opacity 0.3s;
		border-radius:50%;
	}
	.logic-multiple-checkmark label::before{border-radius:5px;}
	
	.ac-radio label::before {
		border-radius: 50%;
	}
	
	.mc input[type="checkbox"]:checked + label,
	.quiz input[type="checkbox"]:checked + label,
	.quiz input[type="radio"]:checked + label,
	.selected-label{
		opacity:1!important;
	} 
	
	.mc svg,
	.quiz svg {
		position: absolute;
		width: 26px;
		height: 26px;
		top: 7px;
		left: 4px;
		pointer-events: none;
	}
	.mc svg path,
	.quiz svg path {
		stroke: #fff;
		stroke-width: 13px;
		stroke-linecap: round;
		stroke-linejoin: round;
		fill: none;
	}
	
	.mc fieldset,
	.quiz fieldset{margin:15px 0!important;}
	
	.mc label{padding:0 7.5px 13px 44.5px!important; display:block!important}
	.logic-multiple-choice label{padding-top:3px!important;}
	.quiz label{padding:7.5px 7.5px 13px 54.5px!important; display:block!important}
	
	.quiz label::before{top:7.5px!important; left:7.5px!important}
	.quiz svg{top:12px; left:12px;}
	.quiz{ margin:7.5px auto 15px; display:block!important;}
	
	.answers{padding-bottom:48px;}	
	
	.submit-answer{padding:7px 15px; color:#fff; display:block;  border-radius:30px; margin:15px auto; position:relative; cursor:pointer; font-weight:300;  max-width:160px; text-align:center;text-transform:uppercase; cursor:pointer}

	.quiz-show{}
	.quiz-show h3{ font-size:1.5em!important; text-align:center; padding-bottom:30px}
	.quiz-show label{
		line-height:1.5em;
		font-size:1em;		
	}
	
	.quiz-show input[type="checkbox"],
	.quiz-show input[type="radio"],
	.quiz-show label::before {
		width: 24px;
		height: 24px;
	}
	.quiz-show svg{width:20px; height:20px;}
	.quiz-show label{padding:7.5px 7.5px 13px 44.5px!important; display:block!important}
	.quiz-show fieldset{margin:15px auto!important; max-width:480px; border:3px solid #fff; border-radius:30px;}
	
	
	/* MULTIPLE SELECT*/
	.multiple-select-container{max-width:960px; margin:0 auto;}
	.select-question{background:#f6f6f6; margin:0 0 15px; box-shadow:0 0 3px rgba(0,0,0,0.1); padding:15px 5px 15px 15px; position:relative; cursor:pointer}
	.select-question-placeholder{color:#000; padding:7px; display:block; max-width:620px; width:80%}
	.select-question-drop-icon{float:right; width:48px; height:40px; background:url(images/dropdown.svg) center center no-repeat; background-size:80%}
	
	.select-answers{list-style:none; margin:0!important; padding:0!important; position:absolute; max-width:960px; width:100%; display:none;}
	.select-answers li{
			padding:21px 15px 21px 21px!important; box-shadow:0 0 3px rgba(0,0,0,0.1); margin-top:1px; color:#000; display:block;
			transform:translate(0,-100%) scale(0.5); visibility:hidden; opacity:0;
			 cursor:pointer
	}
	.select-box{float:right; display:block; border:2px solid rgba(0,0,0,0.1); width:28px; height:28px; margin-left:15px; border-radius:5px}
	.select-answers li:hover .select-box{background:url(images/tick-hover.svg) center center no-repeat; background-size:80%;}

	
	.select-answers.open{display:block}
	.select-answers li.show{transform:translate(0%,0) scale(1); visibility:visible; opacity:1}
	
	.select-question.correct .select-question-drop-icon{display:none;}

	.select-question .select-tick{background:url(images/tick.svg) center center; background-size:100%; position:absolute;  -webkit-transform: scale(0); transform:scale(0); opacity:0;top:15px; right:15px; width:36px; height:36px;}
	.select-question.correct .select-tick{
		-webkit-animation:popIn 0.5s;  -webkit-animation-fill-mode: forwards;
		-ms-animation:popIn 0.5s;  -ms-animation-fill-mode: forwards;		
		animation:popIn 0.5s;  animation-fill-mode: forwards;
		display:block; opacity:1;
	}


	/* MULTIPLE CHOICE*/
	.multiple-choice-container{max-width:none;}
	
	
	/* VISUAL DIAGRAM*/
	.visual-diagram-list{padding:15px 0}
	.visual-diagram-left{text-align:right;}
	.visual-diagram-right{}
	
	.visual-diagram-image{padding:0 30px;}
	.visual-diagram-list h4{margin-bottom:0!important;}
	.visual-diagram-list p{margin-top:0!important;}

	.blank-diagram-visual{ height:420px;border:1px solid #fff;border-radius:15px; background:url(images/light-blank-image.svg) center center no-repeat; background-size:90%;}
	

	/* SORTABLES*/
	.list-icons{width:12%; float:left;}
	.list-boxes{width:88%; float:left;}
	.list-icon{width:100px; height:100px;border:1px solid #fff;border-radius:15px; background:url(images/light-blank-image.svg) center center no-repeat; background-size:90%; margin-bottom:15px}
	.list-icon-image{width:100px; height:102px; margin-bottom:15px;}
	.list-image{}
	.list-text{height:72px;background:#f6f6f6;border-radius:15px;  margin-bottom:15px; padding:15px; color:#000; cursor:pointer; position:relative}
	.list-text p{margin:0 0 0 0;}

	.list-text .response-icon{bottom:5px; right:5px; width:36px; height:36px;}
	
	.drop-list-label{height:70px;border:1px dashed #fff;border-radius:15px;  margin-bottom:15px; padding:15px;}


	/* CARD SORTABLE	*/
	.card-grid{text-align:center;}
	.card{display:inline-block; width:24%; max-width:238px;  cursor:pointer}
	.card-container{padding:7px; background:#f6f6f6; border-radius:10px; box-shadow:rgba(0,0,0,0.3); margin:5px; position:relative}
	.card-image{width:100%; height:182px;border-radius:10px 10px 0 0; overflow:hidden; position:relative}
	.blank-sortable-card{background:url(images/light-blank-image.svg) center center no-repeat; position:absolute; top:0; left:0; right:0; bottom:0; background-size:60%}
	.card-image img{radius:10px 10px 0 0;}
	.card-title{padding:30px 7px 7px; color:#000!important; font-weight:bold; border-bottom:1px solid rgba(0,0,0,0.1); margin:0 0 0 0; line-height:normal}
	.card-description{padding:7px 7px 45px 7px; opacity:0.9; color:#000; }
	
	.drop-card{border:1px dashed #fff; border-radius:10px;display:inline-block; width:22%; margin:1%;}
	


	.card .response-icon{bottom:15px; right:15px; width:36px; height:36px;}

	/* DRAG & DROP	*/
	.drag-card{width:33.333%; float:left;  cursor:pointer; position:relative}
	.drag-card-empty{border-radius:15px; border:1px solid #f6f6f6; margin:0 15px 15px 0; min-height:200px;  background:url(images/light-blank-image.svg) center center no-repeat; background-size:90%;}
	.drag-card-image{margin:0 15px 15px 0;}
	.drop-card-container{max-width:320px; margin:30px auto; text-align:center}
	.drop-card-area-blank{min-height:320px;border:1px solid #f6f6f6;border-radius:15px; max-width:220px;margin:0 auto; background-size:90%;}
	.drop-card-area,.drop-card-placement{max-width:220px;margin:0 auto 7.5px;}
	
	.drop-card-placement .drag-card-image{
		width:100%; height:100%; max-height:320px; position:absolute!important; top:0!important; left:0!important;
		-webkit-animation:popIn 0.5s;  -webkit-animation-fill-mode: forwards;
		-ms-animation:popIn 0.5s;  -ms-animation-fill-mode: forwards;		
		animation:popIn 0.5s;  animation-fill-mode: forwards;
	}
	
	.drop-card-area img{margin:0 auto; max-width:100%; height:auto;}

	/* MAP*/
	.map-container{border:5px solid #f6f6f6; width:960px; height:540px; border-radius:15px; overflow:hidden; position:relative; margin:0 auto;}
	.game-map-grid{position:absolute; display:block;cursor:pointer}
	.map-dev{ font-size:24px; color:#fff;box-shadow:-1px -1px 0 rgba(255,255,255,1) inset; font-weight:bold; opacity:.5}
	.map-dev:hover{background:#fff; color:#000; opacity:0.7}
	.map-dev.selected{background:#fff; color:#000; opacity:1}
	.map-zoom{position:absolute; background:#fff; width:32px; z-index:1; top:15px; left:15px; border-radius:3px; box-shadow:3px 3px 0 rgba(0,0,0,0.3)}
	
	.map-disoveries{border-radius:15px;  padding:5px 15px; background:#fff;box-shadow:3px 3px 0 rgba(0,0,0,0.3); position:absolute; top:15px; right:15px; color:#000; line-height:normal}
	
	.map-zoom a{display:block; width:32px; height:32px; }
	
	.map-zoom-in{background:url(images/zoom-plus.png) center center no-repeat; background-size:14px;border-bottom:1px solid rgba(0,0,0,0.1)}
	.map-zoom-out{background:url(images/zoom-minus.png) center center no-repeat; background-size:14px;}
	
	.disabled-button{opacity:0.1; cursor:pointer}
	
	.map-object{max-width:64px; max-height:64px; cursor:pointer}
	.map-object img{max-width:100%; max-height:100%; width:100%; height:auto; display:block; margin:0 auto;}
	.effect-pulse{
		 -webkit-animation:pulse 1s infinite;
		 -ms-animation-name:pulse 1s infinite;
		 animation:pulse 1s infinite;
	}
	
	.map-container.fullscreen{position:absolute; top:48px; left:0; border:none; border-radius:0; width:100%; height:100%;}
	

	/*	HELPER	*/
	.map-helper{z-index:15; position:absolute; bottom:0; left:0; right:0; visibility:hidden}
	#helper,.map-helper{z-index:2; visibility:hidden}

	.map-info{display:none;}

	#helper.show,.map-helper.show{ visibility:visible}
	#helper.show .helper-bubble,.map-helper.show .helper-bubble{ -webkit-animation:popIn 0.3s;animation:popIn 0.3s;}
	#helper.show .helper-visual,.map-helper.show .helper-visual{ -webkit-animation:popIn 0.5s; animation:popIn 0.5s;}

	.helper-bubble{background:#fff; border-radius:15px; padding:15px; margin-left:145px; box-shadow:5px 5px 0 rgba(0,0,0,0.3);  cursor:pointer;}
	.helper-bubble p{ min-height:104px; max-height:104px; overflow:auto; display:block; margin:0 0; padding:0px!important; color:#000}
	.helper-visual{float:left; width:128px; height:128px; border-radius:50%; border:3px solid #fff; box-shadow:3px 3px 0 rgba(0,0,0,0.5); overflow:hidden; position:relative}

	.map-helper .helper-bubble{background:#fff; border-radius:0 0 5px 5px; padding:15px; padding-left:145px; margin:0 0 0 0; cursor:pointer}
	.map-helper .helper-bubble p{ min-height:75px; max-height:75px; overflow:auto; display:block; margin:0 0; padding:0px!important; color:#000}
	.map-helper .helper-visual{position:absolute;width:118px; height:118px; border-radius:50%; border:5px solid #fff;; box-shadow:none; overflow:hidden; bottom:0; left:7px; z-index:16; background-color:#fff;}

	.helper-finger{background:url(images/finger.svg) center center no-repeat; background-size:48px 48px; height:48px; width:48px; position:absolute; bottom:15px; right:15px; cursor:pointer}
	.helper-visual img{width:100%; height:auto;}
	
	
	.object-container{margin:0 15px; padding:15px 0}
	.interactive-container{margin:0 15px;}

	.blur-back{ opacity:0.3!important;}


	
	@media screen and (max-width: 1024px) {
		#start-page{top:0%;}
		.quiz{margin:0 15px;}
	
	}
	
	@media screen and (max-width: 768px){
		

		.drop-down-question{float:none; width:auto;}
		.drop-down-answer{float:none; width:auto; margin-top:15px}
		.drop-down select{ display:block; max-width:none; width:100%;}

		
		.select-answers{left:15px; right:15px; width:auto!important;}
		.multiple-select-container{margin:0 15px;}
		.quiz{border:none!important;margin:0 15px 0 15px!important; background:none!important; border-radius:none;}
		.question-slide-inner{padding:0 0 0 0!important;}
		
		.column-1-12{width:25%;}
		.column-2-12{width:25%;}
		.column-3-12{width:33.333%;}
		.column-4-12{width:50%; margin:0 auto}
		.column-5-12{width:100%;}
		.column-6-12{width:100%;}
		.column-7-12{width:100%;}
		.column-8-12{width:100%;}
		.column-9-12{width:100%;}
		.column-10-12{width:100%;}
		.column-11-12{width:100%;}
		.column-12-12{width:100%;}
		
		.aside-slideshow .slideshow-image,.aside-boxed-slideshow .slideshow-image{width:100%; max-height:none}
		.aside-slideshow .slideshow-content,.aside-boxed-slideshow .slideshow-content{width:100%;}
		
		.tabs-navigation ul li a{min-width:none;}
		
		.card{width:50%;}
		
		.list-icons{width:16%;}
		.list-boxes{width:83%;}

		
	}
	
	@media screen and (max-width: 480px){

		.column-1-12{width:50%;margin:0 auto; float:none}
		.column-2-12{width:50%;margin:0 auto; float:none}
		.column-3-12{width:100%;}
		.column-4-12{width:100%; }
		
		.quiz-start,.quiz-end{height:auto!important; min-height:0}
		.quiz .quiz-footer{position:static;}

		
		.columns{padding:15px 7.5px}
		.has-theme .columns{margin-left:0!important;margin-right:0!important;margin-bottom:0!important; padding:15px!important; width:auto!important; min-width:0}
		
		.has-theme.page-align-center .columns{margin-left:7.5px!important;margin-right:7.5px!important;padding:15px 7.5px!important;}
	

		.hide-on-mobile{display:none;}	
		.course-progress{max-width:210px!important;}
		.helper-visual{float:none!important; margin:0 auto 15px}
		.helper-bubble{margin-left:0!important;}
		.quiz{}
		#navigation-title{max-width:200px; margin:0 auto; overflow:hidden; height:15px}
		
		.score{right:5px;}
		#score-points{padding:3px 7px;}
		
		.card{width:auto; display:block; margin:0 auto;}
		
		.quiz h3{font-size:1.3em!important;}
		.quiz label{font-size:1em!important;}
		
		.quiz input[type="checkbox"],
		.quiz input[type="radio"],
		.quiz label::before {
			width: 24px;
			height: 24px;
		}
		.quiz svg {
			width: 24px;
			height: 24px;
		}
		.quiz label{padding:7.5px 7.5px 13px 44.5px!important;}
		.quiz{ min-height:420px;}
		
		.md-content{margin:15px 15px;}
		.click-button{display:block!important;}
		
		.navigation-action{background-color:transparent!important;}
		
		.quiz .answers{padding-bottom:0;}
		.quiz-show h3{padding-bottom:0;}


	}
	
	@media screen and (max-height: 720px){
		#title-screen{max-width:420px; width:70%}
	}
	
	button.click-button{line-height:inherit;background:rgba(0,0,0,0.2); border:none; padding:7px 15px; color:#fff; display:inline-block;  border-radius:30px;min-width:120px;  max-width:220px; text-align:center; cursor:pointer; text-transform:uppercase}


	/*==============================================
	// WORD SEARCH
	/=============================================*/
	
	.wordsearch-container{margin:0 auto;}
	.wordsearch-game{border:1px solid rgba(0,0,0,.1); border-right:none; border-bottom:none; display:inline-block}
	.wordsearch-words{border:1px solid rgba(0,0,0,.1);border-bottom:none;}
	
	.wordsearch-overlay{background:rgba(0,0,0,.03); position:absolute; top:0; left:0; right:0; bottom:0; visibility:hidden; opacity:0;}
	.wordsearch-overlay.show{visibility:visible; opacity:1;}
	
	.wordsearch-words ul{list-style:none; padding:0}
	.wordsearch-words ul li{padding:12px 15px; text-transform:uppercase; position:relative; border-bottom:1px solid rgba(0,0,0,.1)}
	.wordsearch-words ul li .response-icon{position:absolute; top:12px; right:15px; width:21px; height:21px;}
		
	.wordsearch-words .wordFound{text-decoration:line-through;}
	
	.wordsearch-start{position:absolute; top:50%; left:50%; transform:translate3d(-50%,-50%,0); min-width:120px}
	.wordseach-solve{opacity:0; }
	.wordseach-solve.show{opacity:1;}
	
	.wordsearch-timer{opacity:0;}
	.wordsearch-timer.show{opacity:1;}
	
	.puzzleSquare{background:none; text-transform:uppercase; width:48px; height:48px;border:none; border-right:1px solid rgba(0,0,0,.1); border-bottom:1px solid rgba(0,0,0,.1)}
	.puzzleSquare.solved{background:#C0392B; color:#fff}
	.puzzleSquare.found{background:#000; color:#fff;}
	.puzzleSquare.selected {
	  background-color: rgba(0,0,0,.1);
	}


	/*==============================================
	// MAP POP UP
	/=============================================*/


	.bubble-bit{width:70%; height:70%; max-height:0px; max-width:0px; background:#fff; position:absolute; transform:translate3d(-50%,-50%,0); border-radius:50%; left:50%; top:50%; z-index:2}
	.bubble-bit-container{visibility:hidden; opacity:0; margin:30px 30px 64px 30px}
	.bubble-bit-container img, .bubble-bit-container video{max-width:100%; height:auto; margin:0 auto 15px;}
	.bubble-bit-help{visibility:hidden;}
	
	.bubble-bit *,
	.bubble-bit{
		color:#000!important;
	}
	
	.bubble-bit.grow{
		max-width:320px;
		max-height:320px;
		box-shadow:0 0 3px rgba(0,0,0,0.3);	
		
	}
	.bubble-bit.burst{

		-webkit-animation:burst 0.5s;  -webkit-animation-fill-mode: forwards;
		animation:burst 0.5s;  animation-fill-mode: forwards;
	}
	
	.bubble-bit-container.show{visibility:visible; opacity:1; min-height:100%; overflow:auto; max-height:506px; overflow:auto }
	.bubble-bit-container.hide{opacity:0;}
	
	.bubble-bit-container ul{list-style:disc; margin:15px 30px;}
	.bubble-bit-container li{margin:0 0 7.5px;}
	.bubble-bit p{margin-bottom:15px;}
	
	@media screen and (max-width: 480px){
		.bubble-bit{left:0%; top:0%; transform:translate3d(-0%,-0%,0); }

		.bubble-bit.burst{margin:2% 2%!important; width:96%; height:96%;}

	}

	
	.bubble-bit.burst .bubble-bit-help{visibility:visible;}
	
	.bubble-bit-overlay{background:rgba(0,0,0,.1); position:absolute; top:0; left:0; right:0; bottom:0; visibility:hidden; opacity:0; z-index:1}
	.bubble-bit-overlay.show{visibility:visible; opacity:1;}


	/*==============================================
	// SCENES
	/=============================================*/

	.scene-viewport{position:absolute; overflow:hidden; left:0; top:41px}
	.scene-backdrop{position:absolute; z-index:0;margin:-540px 0 0 -1050px; left:50%; top:50%}
	.scene-background{position:absolute; z-index:0;margin:-540px 0 0 -1050px; left:50%; top:50%}
	.scene-foreground{position:absolute; z-index:1;margin:0 0 -540px -1050px; left:50%; bottom:50%}
	
	
	.scene-stage{position:absolute; z-index:0;margin:-540px 0 0 -1050px; left:50%; top:50%}
	.scene-background{position:absolute; z-index:0;margin:-540px 0 0 -1050px; left:50%; top:50%}
	
	.pane-1{transform:translate3d(-100%,0,0);}
	
	.scene-object{position:absolute; width:200px; height:270px}
	.man{ background:url(man.png) top left;}
	
	
	.scene-guideline{position:absolute; left:50%; top:0; width:100%; height:100%; max-width:1280px; border-right:1px solid red; border-left:1px solid red; transform:translate3d(-50%,0,0); z-index:1}
	
	.scene-backdrop-guideline{position:absolute; left:50%; top:0; width:100%; height:100%; max-width:1280px; border-right:1px solid #F800FF; border-left:1px solid #F800FF; transform:translate3d(-50%,0,0); z-index:1}
	.scene-background-guideline{position:absolute; left:50%; top:0; width:100%; height:100%; max-width:1280px; border-right:1px solid #00FBFF; border-left:1px solid #00FBFF; transform:translate3d(-50%,0,0); z-index:1}
	
	.scene-actor{position:absolute;}
	.scene-actor.temp{border:1px solid red}
	
	.scene-interactive{position:absolute; width:54px; height:54px; padding:5px; background:rgba(0,0,0,.1); border-radius:50%}
	.scene-interactive.temp{border:1px solid red;}


	.scene-text{position:absolute;}
	.scene-text.temp{border:1px solid red;}
	
	.scene-interactive img{width:100%; height:100%;}
	
	.scene-interactive:hover{transform:scale(1.2)!important; cursor:pointer}
	
	.scene-actor{background-size:100%!important;}
	
	.scene-actor.sprite{
		background-size:auto!important; background-repeat:repeat-x!important;
	}
	
	.sprite.run{
		animation: sprite steps(16,end) 1.5s infinite; transform: translateZ(0);
	}
	.sprite-reverse.run{
		animation: sprite-reverse steps(16,end) 1.5s infinite; transform: translateZ(0);
	}

	.sprite.stop{animation:none!important;background-position:-100% 0!important;}
	.sprite-reverse.stop{animation:none!important;background-position:100% 0!important;}
	
	.scene-text p{margin-bottom:15px;}
	
	@-webkit-keyframes sprite {
	 from {background-position:0 0; }
  	 to {background-position:-100% 0;}
	}
	@-webkit-keyframes sprite-reverse {
	 from {background-position:0 0; }
  	 to {background-position:100% 0;}
	}