/*
* {
	overflow:hidden;
}
*/

/*
http://www.fontsquirrel.com/tools/webfont-generator
*/

/* Makes all elements unselectable */
*
{
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  font-weight: normal; /* fixes 'mirrored' font issues on ipads*/
  -webkit-backface-visibility: hidden !important; /* All text anti aliased on chrome instead of just pages with a createjs image*/
  -webkit-text-size-adjust: 100% !important; /* fixes text size increase issue on iphones */
}

@font-face {
    font-family: 'Muli';
    src: url('../fonts/muli-regular-webfont.eot');
    src: url('../fonts/muli-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/muli-regular-webfont.woff2') format('woff2'),
         url('../fonts/muli-regular-webfont.woff') format('woff'),
         url('../fonts/muli-regular-webfont.ttf') format('truetype'),
         url('../fonts/muli-regular-webfont.svg#muliregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dancing_scriptbold';
    src: url('../fonts/dancingscript-bold-webfont.eot');
    src: url('../fonts/dancingscript-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dancingscript-bold-webfont.woff2') format('woff2'),
         url('../fonts/dancingscript-bold-webfont.woff') format('woff'),
         url('../fonts/dancingscript-bold-webfont.ttf') format('truetype'),
         url('../fonts/dancingscript-bold-webfont.svg#dancing_scriptbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {

	max-width: 100% !important;
    overflow: hidden !important;

    background:transparent;
}

.createJSContainer{
	position:absolute;
	overflow:hidden;
	border:0;
	margin-bottom:-1px;
	border-style:none;
}


.swiffycontainer div canvas {
	width:100% !important;
	height: 100% !important;
}

.page-component {
	position:fixed;
	left:50%;
	top:50%;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
}

.page-component h6 {
	position:relative;
	line-height:15px;
	left:-50%;
	top:-25px;
	margin:0px;
	font-family: 'Muli', sans-serif;
	font-size:12px;
	font-weight:normal;
	/*text-shadow: 2px 2px 0 white;*/
}

.page-component h5 {
	position:relative;
	left:-50%;
	top:-25px;
	margin:0px;
	font-family: 'Muli', sans-serif;
	font-size:22px;
	font-weight:normal;
	/*text-shadow: 2px 2px 0 white;*/
}

.page-component h4 {
	position:relative;
	line-height:35px;
	left:-50%;
	top:-25px;
	margin:0px;
	font-family: 'Muli', sans-serif;
	font-size:30px;
	font-weight:normal;
	color:black;
	/*text-shadow: 2px 2px 0 white;*/
}

.page-component h3 {
	position:relative;
	line-height:50px;
	left:-50%;
	top:-25px;
	margin:0px;
	font-family: 'Muli', sans-serif;
	font-size:42px;
	font-weight:normal;
	color:black;
	/*text-shadow: 2px 2px 0 white;*/
}

.page-component h2 {
	position:relative;
	line-height:60px;
	left:-50%;
	top:-25px;
	margin:0px;
	font-family: 'Muli', sans-serif;
	font-size:50px;
	font-weight:normal;
	color:black;
	/*text-shadow: 2px 2px 0 white;*/
}

.page-component h1{
	font-family:dancing_scriptbold;
	font-size:150px;
	font-weight:normal;
	/*text-shadow: 5px 3px black;*/
	filter: Shadow(Color=black, Direction=100, Strength=4);
	text-shadow:
	5px 3px 0 #000,
	-2px -2px 0 #000,  
    2px -2px 0 #000,
    -2px 2px 0 #000,
     2px 2px 0 #000;
	color:#FF7E2F;
	margin-top:0px;
	position:relative;
	left:-50%;
}

.fLetter{
	font-size:60px;
	color:#000000 !important;
	text-shadow: 2px 2px 0 rgb(148, 148, 148);
	border-style:solid;
	padding: 15px;
    display:inline-block;
}

.fQuote{
	font-size:60px;
	color:#000000 !important;
}

.page-component p{
	position:relative;
	line-height:38px;
	left:-50%;
	top:-25px;
	margin:0px;
	font-family: 'Muli', sans-serif;
	font-size:30px;
	color:#000;
	/*text-shadow: 2px 2px 0 white;*/
}

.page-component p b{
	font-size:32px;
	color:black;
	/*text-shadow: 2px 2px 0 white;*/
}

.page-component table {
	border-collapse:collapse;
	border:5px solid black;
	background-color:#fbf7ff; /*Overridden by worksheet level css*/
}

.page-component table th {
	border:5px solid black;
	padding:15px;
}

.page-component table td {
	border:5px solid black;
	padding:15px;
}


.bounding-box
{
	position:absolute;
	z-index:-250;
	/*
	height: 200px;
	width: 200px;
	left: 200px;
	right: 200px;
	*/
	background-color:#fbf7ff;
	border-color:#5d367e;
	border-width:5px;
	border-style:groove;
	border-radius:25px;
}

.page-component .bounding-box
{
	z-index:1;
	padding:10px;
	background-color:#FFFEF7;
	border-color:#FEFFBE;
	border-width:5px;
	border-style:groove;
	border-radius:25px;
	width: 1000px;
  	top: -80px;
  	opacity: .92;
}

.page-component img {
	position:relative;
	left:-50%;
	margin:0px;
}

.page-component .idea-image {
	display:block !important; 
	left:0px !important;
	padding-bottom:10px;
}

b
{
	color: rgb(255, 77, 0) !important;
}

#highlight-box
{
	position:absolute;
	background-color:#FFF200;
	opacity:.5;
}

.bullet-tick{
	list-style-image: url('../../../img/tick.png');
}

.bullet-cross{
	list-style-image: url('../../../img/cross.png');
}


.menu-loop-image {
	position:absolute;
	display:none;
}


.imageContainer {
	position:absolute;
	overflow:hidden;
	border-style: inset;
    border-color: #9c9c9c;
}


.page-component .block-text{
	width: 1345px;
    top: -370px;
    left: -674px;
    position: absolute;
    margin-top: 10px;
}


.page-component .bounding-box
{
	z-index:1;
	padding:10px;
	background-color:#fbf7ff;
	border-color:#5d367e;
	border-width:5px;
	border-style:groove;
	border-radius:25px;
}

.swiffyObject {
    margin: 10px;
    margin-top:35px;
}


.page-text{
	position:relative;
	line-height:36px;
	font-family: 'Muli', sans-serif;
	font-size:30px;
	color:#000;
	/*text-shadow: 2px 2px 0 white;*/
}

.page-component .columnLeft{
	width:530px;
	top:-370px;
	left:-620px;
	line-height:26px;
	position:absolute;
}

.page-component .columnRight{
	width:530px;
	top:-361px;
	left:50px;
	line-height:26px;
	position:absolute;
}

.page-component .columnRightCap{
	width:550px;
	top:-370px;
	left:50px;
	line-height:26px;
	position:absolute;
}

.page-component .columnMid{
	width:1200px;
	top:-361px;
	left:-600px;
	position:absolute;
}


.dropDownBox {
	border: 2px solid rgb(0,214,252);
	font-size:24px;
}

.button {
	cursor:pointer !important;
	z-index:5;
}

.interactive {
	cursor:pointer !important;
}

.superSpaced {
	line-height:40px !important;
}

.activitiesButton {
	position:absolute;
	border:2px solid black;
	border-radius:10px;
	padding:5px;
	padding-left:7px;
	background-color:rgb(232,232,232);
}

.multiChoice {
	margin-right:18px;
	margin-top:25px;
	width:16px;
	height:24px;
	list-style-type:none;
}

.question {
	position:absolute;
	top:0px;
}

#foo:checked,
input[type="radio"]::before {
    content: url('../img/story/radio.png');
}

input[type="radio"]:checked::before {
    content: url('../img/story/radio-checked.png');
}

#buttonFillGaps {
	position:absolute;
	top: 90%;
    left: 61%;
}

#buttonMultipleChoice {
	position:absolute;
	top: 90%;
    left: 76%;
}