.radial-progress {
	position: absolute;
    width: 135px;
    height: 120px;
    border-right: lightgray dashed 2px;
}

.radial-progress .circle .mask, .radial-progress .circle .fill, .circle .shadow {
	width:    120px;
	height:   120px;
	position: absolute;
	border-radius: 50%;
}

 .radial-progress .label span{
  	width:120px;
 }

.radial-progress .circle .shadow {
	box-shadow: 6px 6px 10px rgba(0,0,0,0.2) inset;
}
.radial-progress .circle .mask, .radial-progress .circle .fill {
	-webkit-backface-visibility: hidden;
	transition: -webkit-transform 1s;
	transition: -ms-transform 1s;
	transition: transform 1s;
	border-radius: 50%;
}
.radial-progress .circle .mask {
	clip: rect(0px, 120px, 120px, 60px);
}

.radial-progress .circle .mask .fill {
	clip: rect(0px, 60px, 120px, 0px);
	background-color: #97a71d;
}
	
	
.radial-progress .inset {
	width:       90px;
	height:      90px;
	position:    absolute;
	margin-left: 15px;
	margin-top:  15px;

	background-color: #fbfbfb;
	border-radius: 50%;
	box-shadow: 6px 6px 10px rgba(0,0,0,0.2);
}

.radial-progress .inset .percentage {
	height:   22px;
	width:    57px;
	overflow: hidden;

	position: absolute;
	top:      34px;
	left:     16.5px;

	line-height: 1;
}

.radial-progress.other .inset .percentage .numbers{
	transition: width 1s;
}

.radial-progress .inset .percentage .numbers {
		margin-top: -22px;
}

.radial-progress .label {
	position: absolute;
    top: 170px;
    width: 120px;
}

.radial-progress .inset .percentage .numbers span,.radial-progress .label span {
	width:          57px;
	display:        inline-block;
	vertical-align: top;
	text-align:     center;
	font-weight:    800;
	font-size:      22px;
	font-family:    "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:          #97a71d;
}

.radial-progress .label span {
	width: 120px;
	font-size:      14px;
}.rocket-progress {
	padding-top:20px;
	position: relative;
}

.rocket-progress .players {
	padding-top:50px;
}

.rocket-progress .players .bar {
	display:inline-block;
	transition: width 1s;
}

.rocket-progress li {
	padding-bottom: 20px;
}

.rocket-progress .numbers {
	width:    100%;
	height:20px;
	overflow: hidden;
	margin-left: 57px;
	transition: width 1s;
}

.rocket-progress .bar, .rocket-progress .rocket, .rocket-progress .total {
	height:30px;
}

.rocket-progress .total{
	width:40px;
}

.rocket-progress .total span  {
	padding:5px;
	text-align:left;
}

.rocket-progress .player {
	padding-top:5px;
}

.rocket-progress .rocket{
	width: 100px;
	margin-left:-50px;
}

.rocket-progress .total,.rocket-progress .rocket {
	background-image: url('/assets/blast/ingame.png') !important;
}

body.spelling .rocket-progress .total, body.spelling .rocket-progress .rocket {
	background-image: url('/assets/blast/final-spell-ingame-assets.png') !important;
}

body.spelling .rocket-progress .rocket {
	height:56px;
	margin-top: -20px;
	margin-bottom: -100px;
}

.rocket-progress .bar {
	background-image: url('/assets/blast/rocket-bars.png') !important;
	background-size: 100% 275px !important;
	background-repeat:no-repeat !important;
}

.rocket-progress .rocket, .rocket-progress .bar, .rocket-progress .total {
	height: 30px;
}

body.spelling .rocket-progress .bar{
	height: 19px;
}


.rocket-progress .total{
	width:40px;
}

.rocket-progress .rocket{
	width: 100px;
}

.rocket-progress .rocket-finish{
	/*height:250px;
	float:right;
	width:44px;
	background-position: -1080px -440px;*/

	/*height: 358px;
    float: right;
    left: -44px;
    top: -348px;*/

    position:absolute;
    height: 100%;
    top: 0;
    right: 50px;

    opacity: 0.5;
    width: 44px;
    background-position: -405px -40px;
}

.rocket-progress .playerLabel {
	padding-top:2px;
}

.rocket-progress .total,.rocket-progress .rocket,.rocket-progress .rocket-finish {
	background-image: url('/assets/blast/ingame.png') !important;
}

body.spelling .rocket-progress .total, body.spelling .rocket-progress .rocket,.rocket-progress .rocket-finish {
	background-image: url('/assets/blast/final-spell-ingame-assets.png') !important;
}

.rocket-progress li span {
	width: 57px;
    display: inline-block;
    height: 20px;
	vertical-align: top;
	text-align:     center;
	font-weight:    800;
	font-size:      12px;
	font-family:    "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.rocket-progress .numbers span {
	display:        inline-block;
	vertical-align: top;
	text-align:     left;
	font-weight:    800;
	font-size:      12px;
	font-family:    "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:          #97a71d;
}

  .rocket-progress .numbers span{
  	color:#314352;
  }

  .rocket-progress .miniAlienContainer{
	margin-top:-20px;
}

.rocket-progress .flagIcon{
	margin-top:-20px;
	position: relative;
	display: block;
	top: 0px;
	margin-left: 10px;
}

  .rocket-progress li:nth-of-type(1) .bar {background-position: -0px -0px;}
  .rocket-progress li:nth-of-type(2) .bar {background-position: -0px -40px;}
  .rocket-progress li:nth-of-type(3) .bar {background-position: -0px -80px;}
  .rocket-progress li:nth-of-type(4) .bar {background-position: -0px -120px;}
  .rocket-progress li:nth-of-type(5) .bar {background-position: -0px -160px;}


  .rocket-progress li:nth-of-type(1) .total {background-position: -5px -5px;}
  .rocket-progress li:nth-of-type(2) .total {background-position: -5px -45px;}
  .rocket-progress li:nth-of-type(3) .total {background-position: -5px -85px;}
  .rocket-progress li:nth-of-type(4) .total {background-position: -5px -125px;}
  .rocket-progress li:nth-of-type(5) .total {background-position: -5px -165px;}

  .rocket-progress li:nth-of-type(1) .rocket {background-position: -225px -5px;}
  .rocket-progress li:nth-of-type(2) .rocket {background-position: -225px -45px;}
  .rocket-progress li:nth-of-type(3) .rocket {background-position: -225px -85px;}
  .rocket-progress li:nth-of-type(4) .rocket {background-position: -225px -125px;}
  .rocket-progress li:nth-of-type(5) .rocket {background-position: -225px -165px;}

  body.spelling .rocket-progress li:nth-of-type(1) .rocket {background-position: -225px -5px;}
  body.spelling .rocket-progress li:nth-of-type(2) .rocket {background-position: -225px -71px;}
  body.spelling .rocket-progress li:nth-of-type(3) .rocket {background-position: -225px -147px;}
  body.spelling .rocket-progress li:nth-of-type(4) .rocket {background-position: -225px -223px;}
  body.spelling .rocket-progress li:nth-of-type(5) .rocket {background-position: -225px -269px;}

  body.spelling .rocket-progress li:nth-of-type(1) .total {background-position: -5px -28px;}
  body.spelling .rocket-progress li:nth-of-type(2) .total {background-position: -5px -101px;}
  body.spelling .rocket-progress li:nth-of-type(3) .total {background-position: -5px -175px;}
  body.spelling .rocket-progress li:nth-of-type(4) .total {background-position: -5px -248.6px;}
  body.spelling .rocket-progress li:nth-of-type(5) .total {background-position: -5px -269px;}
div#network_alert {
    width: calc(100vh/3);
    position: fixed;
    top: 25px;
    left: 50%;
    padding: 20px 10px;
    background: #24c6ff;
    color: #fff;
    text-align: center;
    transform: translateX(-50%);
}

div#network_alert.error {
    background: #eeb20b;
}

#network_alert .close {
    position: absolute;
    top: 0px;
    right: 7px;
    text-decoration: none;
    font-size: 30px;
    color: rgba(0,0,0,.3);
}
/*
// Copyright Just2easy Limited 2014 all rights reserved.
*/

.ui-dialog .ui-dialog-titlebar-close span {
	left: -1px;
	top: -1px;
}

.ui-widget {
	font-size: 15px;
}

#dialog-modal-confirm{
	display:table-cell;
	vertical-align:middle;
	height:60px;
	white-space:normal;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
}

#dialog-modal-prompt {
	display: table-cell;
	vertical-align: middle;
	height: 60px;
	text-align: center;
}
#dialog-modal-prompt > div > p {padding-right:8px;}
#dialog-modal-prompt > div > * {
	display:inline-block;
	
	/* inline block fix */
	zoom:1;
	*display:inline;
}

#dialog-modal{
	white-space:normal;
	padding-left:10px;
	padding-right:10px;
}

.ui-dialog.ui-widget .ui-dialog-titlebar > button {
	background-image: none;
	background-color: #FFF;
}
/*
// Copyright Just2easy Limited 2014 all rights reserved.
*/

.j2eMenu {
	z-index:2000;
	position:absolute;
	/*padding:5px;*/
	font-family: "Lexend", 'ABeeZee', sans-serif;
	font-size: 14px;
	background:white;
}
.j2eMenuItem {
	text-align:left;
	cursor:pointer;
	list-style-type:none;
	padding:5px 15px;
	border:0;
	color:#555;
	background:white;
	white-space:nowrap;
	display:list-item;
}
.j2eMenuItem.disabled {color:#BBB;}
.j2eMenuItem.cheveron {padding-right:10px;}
.j2eMenuItem.cheveron div {font-size: 100%;color: #555;}
.j2eMenuItem.cheveron span.right {float: right;}
.j2eMenuItem.cheveron span.left {float: left;margin-right:15px;}
.j2eMenuItem.cheveron div.both {clear: both;}
.j2MenuText {
	color: #1D5987;
}
.j2eMenuSeparator {
	text-align:left;
	cursor:default;
	list-style-type:none;
	padding:0;
	border:0;
	border-bottom:1px solid #A6C9E2;
	margin-top:2px;
	margin-bottom:2px;
	background:white
}
.j2eMenuOver {
	background:lightblue;
	color:white;
}
.colourMenu {
	width:20px;
	height:15px;
	border:1px solid black;
	display:inline-block;
	margin-right:5px;
	position:relative;
	top:3px;
}
.menuTick {
	position:relative;
	display:inline-block;
	margin-left:-20px;
	margin-right:4px;
	left:4px;
}

.j2eMenuItem .deleteButton {
	float: right;
	display: inline-block;
	opacity: 0;
}

.menuRevision {
	color:#2b8ad4;
	font-weight:bold;
}

#menuRevisions .j2eMenuItem {
	text-align:right;
}

.j2eMenuOver .deleteButton {
	opacity: 1;
}
/*
// Copyright Just2easy Limited 2014 all rights reserved.
*/

/* flag for languages menu */
.flag {
	width:16px; 
	height:11px; 
	display:inline-block;
	
	/* inline block fix */
	zoom:1;
	*display:inline;
}
/* flag for button bar */
.flagButton {
	height: 22px;
	vertical-align: middle;
	/*width: 18px;
	background-position:center center;
	display:inline-block;/*
	
	/* inline block fix */
	/*zoom:1;
	*display:inline;*/
}
.flagButton>span.ui-icon {height: 11px; margin-top: -6px; background-image: url('/e5/images/flags-11.png') !important;}
#menuLanguage .flag {background-image: url('/e5/images/flags-11.png') !important;}
.english {background-position: -2px -2px;}
.german {background-position: -22px -1px;}
.turkish {background-position: -42px -1px;}
.portuguese {background-position: -62px -1px;}
.spanish {background-position: -82px -1px;}
.dutch {background-position: -102px -1px;}
.french {background-position: -122px -1px;}
.italian {background-position: -142px -1px;}
.cantonese {background-position: -162px -1px;}
.norwegian {background-position: -182px -1px;}
.welsh {background-position: -202px -1px;}
.danish {background-position: -222px -1px;}
.finnish {background-position: -242px -1px;}
.russian {background-position: -262px -1px;}
.swedish {background-position: -282px -1px;}

.arabic {background-position: -2px -16px;}
.azerbaijani {background-position: -22px -16px;}
.bulgarian {background-position: -42px -16px;}
.croatian {background-position: -62px -16px;}
.czech {background-position: -82px -16px;}
.estonian {background-position: -102px -16px;}
.georgian {background-position: -122px -16px;}
.hungarian {background-position: -142px -16px;}
.kazakh {background-position: -162px -16px;}
.latvian {background-position: -182px -16px;}
.lithuanian {background-position: -202px -16px;}
.macedonian {background-position: -222px -16px;}
.maltese {background-position: -242px -16px;}
.polish {background-position: -262px -16px;}
.romanian {background-position: -282px -16px;}

.serbian {background-position: -2px -32px;}
.slovak {background-position: -22px -32px;}
.slovenian {background-position: -42px -32px;}
.turkmen {background-position: -62px -32px;}
.englishUS {background-position: -82px -32px;}
.brazilian {background-position: -102px -32px;}
.thai {background-position: -122px -32px; }
.vietnamese {background-position: -142px -32px;}
.mandarin {background-position: -162px -32px;}
.irish {background-position: -182px -32px;}
.malay {background-position: -202px -32px;}
.ukrainian {background-position: -222px -32px;}

/*
// Copyright Just2easy Limited 2016 all rights reserved.
*/

#menuNetworkUsers {
	background-color: #293A4A;
	border-color: #293A4A;
	padding: 0;
}
#menuNetworkUsers .j2eMenuItem {
	color: white;
    background-color: #354350;   
}
#menuNetworkUsers .j2eMenuItem:first-child > div {
	color: #293A4A;
    background-color: white;
    font-family: 'Lucida Grande', 'Lucida Sans', Arial;
    font-size: 11px;
    background-position: -443px -125px;
    padding: 5px 0;
    text-align: center;
}
#menuNetworkUsers span.sortup {
	background-position: -866px 0px;
    float: right;
    margin: 3px 5px;
    width: 11px;
    height: 11px;
}
#menuNetworkUsers .j2eMenuOver {
	background-color: #43576C;
}

#menuNetworkUsers img {
	height: 20px;
	margin-right: 10px;
	vertical-align: middle;
}

#menuNetworkUsers span {
	vertical-align: middle;
	font-size: 11px;
}
/*
// Copyright Just2easy Limited 2014 all rights reserved.
*/

#j2signIn {
	font-size: 13px;
	min-width: 360px;
    max-width: 690px;
}

#j2signIn form.alignedForm fieldset {
	padding-left: 30px;
}

#j2signIn fieldset div.caWrap {
	text-align: center;
}

form.alignedForm fieldset {
	margin-bottom: 10px;
	border: none;
	text-align: left;
}

form.alignedForm legend {
	padding: 0 2px;
	font-weight: bold;
	text-align: left;
}

form.alignedForm label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: middle;
	text-align: right;
	padding-right: 0.5em;
	white-space:nowrap;
	width: 18em; /* Width of labels */
}

form.alignedForm fieldset ol {
	margin: 0;
	padding: 0;
}

form.alignedForm fieldset li {
	list-style: none;
	padding: 2px;
	margin: 0;
}

form.alignedForm em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
}

#j2signIn form.alignedForm label {
	width: 15em; /* Width of labels */
}

#dialogSignIn a {
	margin-right: 5px;
}

form.alignedForm fieldset fieldset {
	border: none;
	margin: 3px 0 0;
	text-align: center;
}

form.alignedForm fieldset fieldset legend {
	padding: 0 0 2px;
	font-weight: normal;
}

form.alignedForm fieldset fieldset label {
	display: block;
	width: auto;
}

form.alignedForm fieldset fieldset label {
	margin-left: 0; /* Width plus 3 (html space) */
}

/* .idp_rect {
	position:relative;
	cursor:default;
	left:0;
	top:0;
	width:462px;
	height:300px;
}

#j2signIn.j2launchV2 .idp_rect {
	position: relative;
    cursor: default;
    width: 650px;
    height: 145px;
}

.idp_rect div.j2rectangle.j2border {
	border: 1px solid #85dbc2;
}

.idp_rect div.j2rectangle {
	position:absolute;
	left:0;
	top:0;
	width: 460px;
	height:300px;
	background-color:white;
	border-top-left-radius:30px;
	border-top-right-radius:30px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius:30px;
} */

/* .idp_image.bgfl {left: 260px;top: 215px;width: 190px;height: 57px;}
.idp_image.Dudley {left: 318px;top: 199px;width: 80px;height: 80px;}
.idp_image.hwb {left: 46px;top: 82px;width: 80px;height: 80px;}
.idp_image.kentlz {left: 168px;top: 24px;width: 81px;height: 50px;}
.idp_image.lgfl {left: 24px;top: 24px;width: 125px;height: 50px;}
.idp_image.norfolk {left: 36px;top: 249px;width: 202px;height: 30px;}
.idp_image.RMUnify {left: 168px;top: 92px;width: 100px;height: 62px;}
.idp_image.somerset {left: 396px;top: 92px;width: 52px;height: 88px;}
.idp_image.swansea {left: 293px;top: 92px;width: 69px;height: 93px;}
.idp_image.worcs {left: 268px;top: 26px;width: 180px;height: 47px;}
.idp_image.google {left: 42px;top: 178px;width: 191px;height: 46px;}
.idp_image.microsoft {left: 250px;top: 178px;width: 164px;height: 49px;} */
/*.idp_image.ngn {left: 24px;top: 180px;width: 227px;height: 44px;}*/

/* img.idp_image {position:absolute; cursor:pointer;padding:0;} */
img.idp_image:hover {outline:3px solid rgb(133, 208, 243);}
/* #j2signIn.j2launchV2 img.idp_image:hover {outline-color:#83D04A;}
#j2signIn.j2launchV2.bloggy img.idp_image:hover {outline-color:#F34000;}
#j2signIn.j2launchV2.visualprod img.idp_image:hover {outline-color:#85DBC2;}
#j2signIn.j2launchV2.microbitprod img.idp_image:hover {outline-color:#38bad4;}
#j2signIn.j2launchV2.logoprod img.idp_image:hover {outline-color:#5c8ec2;}
#j2signIn.j2launchV2.dataprod img.idp_image:hover {outline-color:#5CB1C7;}
#j2signIn.j2launchV2.jit5prod img.idp_image:hover {outline-color:#FFCE1C;}
#j2signIn.j2launchV2.blastprod img.idp_image:hover {outline-color:#777777;}
#j2signIn.j2launchV2 .idp_image.bgfl {left: 190px;top: 24px;width: 128px;height: 41px;}
#j2signIn.j2launchV2 .idp_image.hwb {left: 380px;top: 88px;width: 125px;height: 45px;}
#j2signIn.j2launchV2 .idp_image.kentlz {left:452px; top:8px; width:63px; height:39px;display:none;}
#j2signIn.j2launchV2 .idp_image.lgfl {left: 40px;top: 21px;width: 128px;height: 55px;}
#j2signIn.j2launchV2 .idp_image.norfolk {left:399px; top:63px; width:162px; height:24px;display:none;}
#j2signIn.j2launchV2 .idp_image.RMUnify {left:350px; top:6px; width:77px; height:47px;display:none;}
#j2signIn.j2launchV2 .idp_image.school360 {display:none;}
#j2signIn.j2launchV2 .idp_image.somerset {left:230px; top:2px; width:31px; height:52px;display:none;}
#j2signIn.j2launchV2 .idp_image.worcs {left:123px; top:60px; width:115px; height:30px;display:none;}
#j2signIn.j2launchV2 .idp_image.google {left: 340px;top: 31px;width: 128px;height: 34px;}
#j2signIn.j2launchV2 .idp_image.microsoft {left: 500px;top: 29px;width: 122px;height: 39px;}
#j2signIn.j2launchV2 .idp_image.c2k {left: 170px;top: 90px;width: 149px;height: 41px;} */
/* .idp_image.Dudley {left: 318px;top: 199px;width: 80px;height: 80px;} */
/*.idp_image.ngn {left: 24px;top: 180px;width: 227px;height: 44px;}*/
/*.idp_image.swansea {left:286px; top:1px; width:40px; height:54px;}*/


.idp_rect {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
    margin: 15px 0px;
    position: relative;
    padding-top: 17px;
    border-top: 2px solid #f2f2f2;
    gap: 15px;
}

.idp_rect img.idp_image {
    max-height: 45px;
    cursor: pointer;
    border-radius: 6px;
    border: 1px solid transparent;
}
img.idp_image.border {
    border-color: #acb3b9;
}
.idp_rect span.or {
    position: absolute;
    top: -12px;
    background: #fff;
    padding: 5px 15px;
    color: #b4b4b4;
}
/** new just2easy dialogue css */
#j2signIn.j2launchV2 {background-color: white;}

#j2signIn.j2launchV2 .signinAsset 				{background-image:url(/assets/htmlsignin/assets3.png);background-size: 1024px 1120px;}

#j2signIn.j2launchV2 .alignedForm {
	background-position: 0px -260px;
    width: 690px;
    height: 238px;
}
#j2signIn.j2launchV2 form.alignedForm fieldset {
	padding-top: 11px;
    padding-left: 250px;
    width: 412px;
}
#j2signIn.j2launchV2 form.alignedForm fieldset li {margin: 7px 0;}
#j2signIn.j2launchV2 form.alignedForm fieldset li:first-child {margin-bottom: 23px;}
#j2signIn.j2launchV2 form.alignedForm fieldset li:nth-last-child(2) {margin:0;margin-bottom: 4px;}
#j2signIn.j2launchV2 form.alignedForm fieldset li:nth-last-child(3) {margin-bottom:4px;}
#j2signIn.j2launchV2 form.alignedForm fieldset li:last-child {
	text-align: right;
    margin: 0;
    padding: 0;
}
#j2signIn.j2launchV2 form.alignedForm label {color: white;}
#j2signIn.j2launchV2.bloggy form.alignedForm label {color: #384654;}
#j2signIn.j2launchV2 form.alignedForm input {
	width: 200px;
    border-radius: 5px;
    outline: none;
    border: none;
    margin: 0 2px;
    padding: 0;
    font-size: 12px;
}
#j2signIn.j2launchV2 form.alignedForm input.error {
	border: 2px solid red;
    padding: 2px;
    margin-left: -1px;
}
#j2signIn.j2launchV2 form.alignedForm font {color: #83D04A;}
#j2signIn.j2launchV2.bloggy form.alignedForm font {color: #F34000;}
#j2signIn.j2launchV2.microbitprod form.alignedForm font {color: #bef4ff;}
#j2signIn.j2launchV2.logoprod form.alignedForm font {color: #67c9ee;}
#j2signIn.j2launchV2.dataprod form.alignedForm font {color: #A5DEF4;}
#j2signIn.j2launchV2.jit5prod form.alignedForm font {color: #FFCE1C;}
#j2signIn.j2launchV2 .j2rememberwrap {float:right;margin-right:2px;}
#j2signIn.j2launchV2 label[for="j2remember"], #j2signIn.j2launchV2 input#j2remember {width:auto;}
#j2signIn.j2launchV2 #jremind {
	font-size: 12px;
    color: #BEF4FF;
    vertical-align: bottom;
    margin-right: 14px;
}
#j2signIn.j2launchV2.bloggy #jremind {color: #F34000;}
#j2signIn.j2launchV2 #jlang {background:none !important;border:none !important;outline:none !important;}
#j2signIn.j2launchV2 #jlang.flagButton>span.ui-icon {margin-left: -13px; margin-top: -7px;}
#j2signIn.j2launchV2 #singleSignIn {
	background: none;
    border: none;
    background-color: #83D04A;
    color: white;
    font-weight: normal;
    margin-right: 6px;
    font-size: 1em;
    float:none;
}
#j2signIn.j2launchV2 #qrSignIn {
	background-color: transparent;
    background-position: -693px -40px;
    padding-right: 32px;
    border: none;
    font-size: 1em;
    margin-right: 10px;
}
#j2signIn.j2launchV2.bloggy #singleSignIn {background-color: #F34000;}
#j2signIn.j2launchV2.visualprod #singleSignIn {background-color: #72D6B5;}
#j2signIn.j2launchV2.microbitprod #singleSignIn {background-color: #A5DEF4;}
#j2signIn.j2launchV2.logoprod #singleSignIn {background-color: #A3D72E;}
#j2signIn.j2launchV2.dataprod #singleSignIn {background-color: #A5DEF4;color:#007B95;}
#j2signIn.j2launchV2.jit5prod #singleSignIn {background-color: #FFCE1C !important;color: #333 !important;}
#j2signIn.j2launchV2.blastprod #singleSignIn {border-radius: 0;-ms-transform:skewX(-4deg);-webkit-transform:skewX(-4deg);transform:skewX(-4deg);}
#j2signIn.j2launchV2 #singleSignIn span {padding: 3px 8px;}

#j2signIn.j2launchV2 .signinstr {
    position: relative;
    top: -89px;
    left: 189px;
    color: #bef4ff;
    display: inline-block;
}
#j2signIn.j2launchV2.bloggy .signinstr {color:#F34000;}
#j2signIn.j2launchV2.blastprod .signinstr {
	top: -153px;
    left: 130px;
    color: #FCFCFC;
    font-size: 13px;
}
#j2signIn.j2launchV2.blastprod label[for="j2remember"], #j2signIn.j2launchV2.blastprod #jremind {color: #FCFCFC;font-size: 13px;text-decoration:none;}
#j2signIn.j2launchV2.blastprod .button_rect > div {background-color:transparent;}

/* #j2signIn.j2launchV2 .button_rect {
	text-align: center;
	width: 690px;
	position: relative;
    margin: 10px auto;
    margin-bottom: 0;
} */
.button_rect {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    margin: 15px 0px;
    border-top: 1px solid #eaeaea;
    padding-top: 10px;
    justify-content: space-around;
}
#j2signIn.j2launchV2 .button_rect > div {
	width: 156px;
	height: 50px;
	border: none;
	vertical-align: middle;
    display: inline-table;
    margin-bottom: 15px;
}
#j2signIn.j2launchV2 #singleSignIn.ui-state-active {color: #333;}
#j2signIn.j2launchV2 .button_rect > div:last-child {margin-right: 0;}
#j2signIn.j2launchV2 .button_rect > div#createAccount {background-position: 0 0;opacity: 0.88;}
#j2signIn.j2launchV2 .button_rect > div#videos {background-position: -141px 0;}
#j2signIn.j2launchV2 .button_rect > div#help {background-position: -177px 0;opacity: 0.88;}
#j2signIn.j2launchV2 .button_rect > div#appstore {background-position: -421px 0;}
#j2signIn.j2launchV2 .button_rect > div.company {background-position: -531px 0;opacity: 0.88;}
#j2signIn.j2launchV2 .button_rect > div#parentportal {background-position: -354px 0;opacity: 0.88;}
#j2signIn.j2launchV2 .button_rect > div:hover,
#j2signIn.j2launchV2 .button_rect > div:focus {
    opacity: 1 !important;
}

#j2signIn.j2launchV2 .button_rect > div > span {
	white-space: pre-line;
    color: white;
    font-weight: normal;
    margin: 0;
    padding: 0;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
#j2signIn.j2launchV2 .button_rect > div > span:first-child {font-size:12px;}
#j2signIn.j2launchV2 .button_rect > div#videos > span:first-child,
#j2signIn.j2launchV2 .button_rect > div#help > span:first-child {
	font-size:16px;
}
#j2signIn.j2launchV2 #networkUsers {
    display: inline-block;
    vertical-align: middle;
    width: 205px;
    height: 23px;
}
#j2signIn.j2launchV2 #networkUsers > div {
	padding: 5px 0;
    font-size: 11px;
    cursor: pointer;
    color: #293a4a;
    text-align: center;
}
#j2signIn.j2launchV2 #networkUsers .sortdown {
	background-position: -845px 0px;
    float: right;
    margin: 3px 5px;
    width: 11px;
    height: 11px;
}

#j2signIn.j2launchV2 #qrcodereader video {
	width: 320px;
    position: relative;
    margin: 10px auto 0 auto;
    display: block;
}
#qrreader-canvas {display:none;}

.show-hidepw {
    display: block;
}
.showhidecontainer {
    position: fixed;
    margin-left: -20px;
    display: inline-block;
    width: 20px;
    height: 20px;
    padding-top: 3px;
}

#dialogueRegisterSchool li .wondecharge {
    color: #a0a0a0;
    float: right;
}


@media all and (max-width: 730px){
	div#j2signIn.j2launchV2 {
		width:400px;
		padding: 10px;
	}

	#j2signIn.j2launchV2 .alignedForm {
		width: 400px;
		height: 400px;
		background-position: 0 -517px;
	}

	#j2signIn.j2launchV2 form.alignedForm fieldset {
		padding-left: 0;
		padding-top: 174px;
    	width: 388px;
	}

	#j2signIn.j2launchV2 form.alignedForm label {width: 13em;}
	#j2signIn.j2launchV2 form .j2rememberwrap > label {width:11em;}

	/* #j2signIn.j2launchV2 .idp_rect {
	    width: 400px;
	    height: 190px;
	} */

	/* #j2signIn.j2launchV2 .idp_image.lgfl {left: 60px;top: 21px;width: 130px;height: 52px;}
    #j2signIn.j2launchV2 .idp_image.bgfl {left: 206px;top: 83px;width: 150px;height: 45px;}
    #j2signIn.j2launchV2 .idp_image.google {left: 42px;top: 92px;width: 150px;height: 36px;}
    #j2signIn.j2launchV2 .idp_image.microsoft {left: 130px;top: 140px;width: 122px;height: 39px;}
    #j2signIn.j2launchV2 .idp_image.hwb {left: 210px;top: 24px;width: 125px;height: 45px;} */

	/* #j2signIn.j2launchV2 .button_rect {
		width: 272px;
	    white-space: normal;
	} */
	/* #j2signIn.j2launchV2 .button_rect > div:nth-child(even) {margin-right: 0;}
	#j2signIn.j2launchV2 .button_rect > div {margin: 0 20px 10px 0;}
	#j2signIn.j2launchV2 .button_rect > div.company {width:272px; background-position: 0 -130px;} */
	#j2signIn.j2launchV2 .signinstr {display:none;}
}

.ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
}
/* IE 6 doesn't support max-height we use height instead, but this forces the menu to always be this tall */
* html .ui-autocomplete {
  height: 200px;
}


/*
	Parent portal alert styles
*/

.alert_parent {
    width: calc(100vw / 2.6);
    background: #937cc5;
    padding: 15px 30px;
    position: fixed;
    top: 15px;
    left: 50%;
    transform: translate(-50%);
    color: #eef3f7;
    line-height: 1.3em;
    display: flex;
    flex-direction: column;
    border: 2px solid #8363c8;
}

.alert_parent > p {
    margin-bottom: 10px;
    text-align: center;
}

.alert_parent > a.continue {
    padding: 5px 11px;
    background: #fbf9ff;
    text-decoration: none;
    border: 2px solid #8363c8;
    color: #31b8cc;
    border-radius: 6px;
    align-self: center;
}

.alert_parent a.close {
    font-size: 20px;
    color: #fff;
    position: absolute;
    top: 10px;
    right: 10px;
    text-decoration: none;
}

.alert_parent > a.continue:hover {
    background: #f7f7f7;
    border-color: #6e52ab;
    color: #2698a8;
}
/*
// Copyright Just2easy Limited 2014,16 all rights reserved.
*/

#j2share a:link {color:#1466C2; text-decoration:none}
#j2share a:visited {color:#1466C2; text-decoration:none}
#j2share a:hover {color:#1466C2; text-decoration:underline !important;}
#j2share a:active {color:#1466C2;}

#j2library {margin-left:20px;}

#docType {
	margin-bottom: 7px;
	margin-left: 0px;}

#shares2 {margin-bottom:25px;}
#j2password, #j2private {margin-left: 15px;}

#shares3 {
	border:none;
	margin-top:10px;
	margin-left:-4px;
	padding-bottom: 5px;
	background-color: #eeeeee;}

#sharesGoogle > div {display:inline-block; vertical-align:middle !important;}
#sharesGoogle > label {margin-left:10px;}

#userTools {text-align: right;}
#finduser {margin-right:10px;}

#dropFriends {
	position:relative;
	left: -23px;}

.shareUrl {
	display:inline-block;
	margin:10px;}

.shareUrl:hover {text-decoration:underline !important;}
.shareUrl.selected {color:#1466C2;}

#shareDetail {
	display:block;
	width:95%;
	margin-left:5px;
	height:30px;}

.shareTable {border:1px;border-style:solid;border-color:#1466C2;width:400px;}
.shareTable th {background-color:#1466C2;color:white;cursor:pointer;padding:5px;border:2px;margin:2px}
.shareTable td:first-child {width:256px;}

.sharePublic{
	background-position: -84px -42px;
	background-repeat: no-repeat;
	position:relative;
	display:inline-block;
	*zoom: 1; *display: inline; /*for ie inline-block */
	margin-top:-5px;
	margin-right:5px;
	top:10px;
	width:28px;
	height:28px;}

.sharePublic moderate{background-image: url('a/e5code/css/j2ehome/images/moderate.png');}

.shareShare{
	background-position: -112px -42px;
	background-repeat: no-repeat;
	position:relative;
	top:30px;
	width:28px;
	height:28px;
	display:inline-block;
	*zoom: 1; *display: inline; /*for ie inline-block */
	margin-right:5px;
	vertical-align:top;}
	
#j2pw{
	display:block;
	margin-left:100px;
	margin-bottom:-10px;
	margin-top:10px;}

#sharedWith{
	display:inline-block;
	*zoom: 1; *display: inline; /*for ie inline-block */
	position:relative;
	top:20px;
	left:5px;}
	
.tblScrl{
	overflow:scroll;
	max-height:500px;}
	
#shareit{
	margin-top:10px;
	margin-left:-2px;}
.comboButton{
	display:inline-block;
	*zoom: 1; *display: inline; /*for ie inline-block */
	vertical-align:middle;
	margin-left:1px;}

.deleteButton {
	float: right;
	cursor: pointer;}

.canSave {text-align: center;}
input#dbLock {margin-left: 10px;}
.dbLock {
    margin-bottom: 10px;
    margin-top: -10px;}  
      
/* START OF SHARE DIALOGUE invite */
#jinvite a:link {color:#1466C2; text-decoration:none}
#jinvite a:visited {color:#1466C2; text-decoration:none}
#jinvite a:hover {color:#1466C2; text-decoration:underline !important;}
#jinvite a:active {color:#1466C2;}

#j2inv {margin: 10px;}
/* END OF invite DIALOGUE */

/* START OF SHARE DIALOGUE find user */
#jschselect {max-width: 280px;}
/* END OF find user DIALOGUE */
/*
// Copyright Just2easy Limited 2014 all rights reserved.
*/

div#j2sound {
width:180px;
}

div#j2record, div#j2stop, div#j2play {
display:inline-block;
margin-left:20px;
font-size:30px;
touch-action:none;-ms-touch-action:none;
}

div#j2record {
margin-left:30px;
color:red;
}

#j2stop.disabled, #j2play.disabled, #j2record.disabled {
color:lightgrey;
}

.recorder_wrapper {
position:absolute;
z-index:2000
}

.recorder_wrapper_center {
left:50%;
top:50%;
margin-top:-120px;
margin-left:-80px;
}

.j2eAnimate {background-image: url('/e5/pbar-ani.gif') !important;}

div#sndname {margin-bottom: 15px;}
div#sndname > span {margin-right: 5px;}
div#sndname > input {
    width: 175px;
    border: 1px solid #a6c9e2;
    border-radius: 5px;
}
/**
 * FAMFAMFAM flag icons CSS.
 *
 * Examples:
 * <i class="famfamfam-flag-fr"> France</i>
 * <i class="famfamfam-flag-us"> United States</i>
 */
[class^="famfamfam-flag"],
[class*=" famfamfam-flag"] {
  display: inline-block;
  width: 16px;
  height: 11px;
  line-height: 11px;
  /* vertical-align: text-top; */
  background-image: url('/e5/images/famfamfam-flags.png');
  background-position: 0 0;
  background-repeat: no-repeat;
}

.famfamfam-flag-none { background-image:none; width: 16px; height: 11px; }
.famfamfam-flag-undefined { background-position: -208px -188px; width: 16px; height: 11px; }
.famfamfam-flag-zw { background-position: 0px 0px; width: 16px; height: 11px; }
.famfamfam-flag-zm { background-position: -16px 0px; width: 16px; height: 11px; }
.famfamfam-flag-za { background-position: 0px -11px; width: 16px; height: 11px; }
.famfamfam-flag-yt { background-position: -16px -11px; width: 16px; height: 11px; }
.famfamfam-flag-ye { background-position: -32px 0px; width: 16px; height: 11px; }
.famfamfam-flag-ws { background-position: -32px -11px; width: 16px; height: 11px; }
.famfamfam-flag-wf { background-position: 0px -22px; width: 16px; height: 11px; }
.famfamfam-flag-wales { background-position: -16px -22px; width: 16px; height: 11px; }
.famfamfam-flag-vu { background-position: -32px -22px; width: 16px; height: 11px; }
.famfamfam-flag-vn { background-position: 0px -33px; width: 16px; height: 11px; }
.famfamfam-flag-vi { background-position: -16px -33px; width: 16px; height: 11px; }
.famfamfam-flag-vg { background-position: -32px -33px; width: 16px; height: 11px; }
.famfamfam-flag-ve { background-position: -48px 0px; width: 16px; height: 11px; }
.famfamfam-flag-vc { background-position: -48px -11px; width: 16px; height: 11px; }
.famfamfam-flag-va { background-position: -48px -22px; width: 16px; height: 11px; }
.famfamfam-flag-uz { background-position: -48px -33px; width: 16px; height: 11px; }
.famfamfam-flag-uy { background-position: 0px -44px; width: 16px; height: 11px; }
.famfamfam-flag-us { background-position: -16px -44px; width: 16px; height: 11px; }
.famfamfam-flag-um { background-position: -16px -44px; width: 16px; height: 11px; }
.famfamfam-flag-ug { background-position: -32px -44px; width: 16px; height: 11px; }
.famfamfam-flag-ua { background-position: -48px -44px; width: 16px; height: 11px; }
.famfamfam-flag-tz { background-position: -64px 0px; width: 16px; height: 11px; }
.famfamfam-flag-tw { background-position: -64px -11px; width: 16px; height: 11px; }
.famfamfam-flag-tv { background-position: -64px -22px; width: 16px; height: 11px; }
.famfamfam-flag-tt { background-position: -64px -33px; width: 16px; height: 11px; }
.famfamfam-flag-tr { background-position: -64px -44px; width: 16px; height: 11px; }
.famfamfam-flag-to { background-position: 0px -55px; width: 16px; height: 11px; }
.famfamfam-flag-tn { background-position: -16px -55px; width: 16px; height: 11px; }
.famfamfam-flag-tm { background-position: -32px -55px; width: 16px; height: 11px; }
.famfamfam-flag-tl { background-position: -48px -55px; width: 16px; height: 11px; }
.famfamfam-flag-tk { background-position: -64px -55px; width: 16px; height: 11px; }
.famfamfam-flag-tj { background-position: 0px -66px; width: 16px; height: 11px; }
.famfamfam-flag-th { background-position: -16px -66px; width: 16px; height: 11px; }
.famfamfam-flag-tg { background-position: -32px -66px; width: 16px; height: 11px; }
.famfamfam-flag-tf { background-position: -48px -66px; width: 16px; height: 11px; }
.famfamfam-flag-td { background-position: -64px -66px; width: 16px; height: 11px; }
.famfamfam-flag-tc { background-position: -80px 0px; width: 16px; height: 11px; }
.famfamfam-flag-sz { background-position: -80px -11px; width: 16px; height: 11px; }
.famfamfam-flag-sy { background-position: -80px -22px; width: 16px; height: 11px; }
.famfamfam-flag-sx { background-position: -80px -33px; width: 16px; height: 11px; }
.famfamfam-flag-sv { background-position: -80px -44px; width: 16px; height: 11px; }
.famfamfam-flag-st { background-position: -80px -55px; width: 16px; height: 11px; }
.famfamfam-flag-ss { background-position: -80px -66px; width: 16px; height: 11px; }
.famfamfam-flag-sr { background-position: 0px -77px; width: 16px; height: 11px; }
.famfamfam-flag-so { background-position: -16px -77px; width: 16px; height: 11px; }
.famfamfam-flag-sn { background-position: -32px -77px; width: 16px; height: 11px; }
.famfamfam-flag-sm { background-position: -48px -77px; width: 16px; height: 11px; }
.famfamfam-flag-sl { background-position: -64px -77px; width: 16px; height: 11px; }
.famfamfam-flag-sk { background-position: -80px -77px; width: 16px; height: 11px; }
.famfamfam-flag-si { background-position: -96px 0px; width: 16px; height: 11px; }
.famfamfam-flag-sh { background-position: -96px -11px; width: 16px; height: 11px; }
.famfamfam-flag-sg { background-position: -96px -22px; width: 16px; height: 11px; }
.famfamfam-flag-se { background-position: -96px -33px; width: 16px; height: 11px; }
.famfamfam-flag-sd { background-position: -96px -44px; width: 16px; height: 11px; }
.famfamfam-flag-scotland { background-position: -96px -55px; width: 16px; height: 11px; }
.famfamfam-flag-sc { background-position: -96px -66px; width: 16px; height: 11px; }
.famfamfam-flag-sb { background-position: -96px -77px; width: 16px; height: 11px; }
.famfamfam-flag-sa { background-position: 0px -88px; width: 16px; height: 11px; }
.famfamfam-flag-rw { background-position: -16px -88px; width: 16px; height: 11px; }
.famfamfam-flag-ru { background-position: -32px -88px; width: 16px; height: 11px; }
.famfamfam-flag-rs { background-position: -48px -88px; width: 16px; height: 11px; }
.famfamfam-flag-ro { background-position: -64px -88px; width: 16px; height: 11px; }
.famfamfam-flag-qa { background-position: -80px -88px; width: 16px; height: 11px; }
.famfamfam-flag-py { background-position: -96px -88px; width: 16px; height: 11px; }
.famfamfam-flag-pw { background-position: 0px -99px; width: 16px; height: 11px; }
.famfamfam-flag-pt { background-position: -16px -99px; width: 16px; height: 11px; }
.famfamfam-flag-ps { background-position: -32px -99px; width: 16px; height: 11px; }
.famfamfam-flag-pr { background-position: -48px -99px; width: 16px; height: 11px; }
.famfamfam-flag-pn { background-position: -64px -99px; width: 16px; height: 11px; }
.famfamfam-flag-pm { background-position: -80px -99px; width: 16px; height: 11px; }
.famfamfam-flag-pl { background-position: -96px -99px; width: 16px; height: 11px; }
.famfamfam-flag-pk { background-position: -112px 0px; width: 16px; height: 11px; }
.famfamfam-flag-ph { background-position: -112px -11px; width: 16px; height: 11px; }
.famfamfam-flag-pg { background-position: -112px -22px; width: 16px; height: 11px; }
.famfamfam-flag-pf { background-position: -112px -33px; width: 16px; height: 11px; }
.famfamfam-flag-pe { background-position: -112px -44px; width: 16px; height: 11px; }
.famfamfam-flag-pa { background-position: -112px -55px; width: 16px; height: 11px; }
.famfamfam-flag-om { background-position: -112px -66px; width: 16px; height: 11px; }
.famfamfam-flag-nz { background-position: -112px -77px; width: 16px; height: 11px; }
.famfamfam-flag-nu { background-position: -112px -88px; width: 16px; height: 11px; }
.famfamfam-flag-nr { background-position: -112px -99px; width: 16px; height: 11px; }
.famfamfam-flag-no { background-position: 0px -110px; width: 16px; height: 11px; }
.famfamfam-flag-bv { background-position: 0px -110px; width: 16px; height: 11px; }
.famfamfam-flag-sj { background-position: 0px -110px; width: 16px; height: 11px; }
.famfamfam-flag-nl { background-position: -16px -110px; width: 16px; height: 11px; }
.famfamfam-flag-ni { background-position: -32px -110px; width: 16px; height: 11px; }
.famfamfam-flag-ng { background-position: -48px -110px; width: 16px; height: 11px; }
.famfamfam-flag-nf { background-position: -64px -110px; width: 16px; height: 11px; }
.famfamfam-flag-ne { background-position: -80px -110px; width: 16px; height: 11px; }
.famfamfam-flag-nc { background-position: -96px -110px; width: 16px; height: 11px; }
.famfamfam-flag-na { background-position: -112px -110px; width: 16px; height: 11px; }
.famfamfam-flag-mz { background-position: -128px 0px; width: 16px; height: 11px; }
.famfamfam-flag-my { background-position: -128px -11px; width: 16px; height: 11px; }
.famfamfam-flag-mx { background-position: -128px -22px; width: 16px; height: 11px; }
.famfamfam-flag-mw { background-position: -128px -33px; width: 16px; height: 11px; }
.famfamfam-flag-mv { background-position: -128px -44px; width: 16px; height: 11px; }
.famfamfam-flag-mu { background-position: -128px -55px; width: 16px; height: 11px; }
.famfamfam-flag-mt { background-position: -128px -66px; width: 16px; height: 11px; }
.famfamfam-flag-ms { background-position: -128px -77px; width: 16px; height: 11px; }
.famfamfam-flag-mr { background-position: -128px -88px; width: 16px; height: 11px; }
.famfamfam-flag-mq { background-position: -128px -99px; width: 16px; height: 11px; }
.famfamfam-flag-mp { background-position: -128px -110px; width: 16px; height: 11px; }
.famfamfam-flag-mo { background-position: 0px -121px; width: 16px; height: 11px; }
.famfamfam-flag-mn { background-position: -16px -121px; width: 16px; height: 11px; }
.famfamfam-flag-mm { background-position: -32px -121px; width: 16px; height: 11px; }
.famfamfam-flag-ml { background-position: -48px -121px; width: 16px; height: 11px; }
.famfamfam-flag-mk { background-position: -64px -121px; width: 16px; height: 11px; }
.famfamfam-flag-mh { background-position: -80px -121px; width: 16px; height: 11px; }
.famfamfam-flag-mg { background-position: -96px -121px; width: 16px; height: 11px; }
.famfamfam-flag-me { background-position: 0px -132px; width: 16px; height: 12px; }
.famfamfam-flag-md { background-position: -112px -121px; width: 16px; height: 11px; }
.famfamfam-flag-mc { background-position: -128px -121px; width: 16px; height: 11px; }
.famfamfam-flag-ma { background-position: -16px -132px; width: 16px; height: 11px; }
.famfamfam-flag-ly { background-position: -32px -132px; width: 16px; height: 11px; }
.famfamfam-flag-lv { background-position: -48px -132px; width: 16px; height: 11px; }
.famfamfam-flag-lu { background-position: -64px -132px; width: 16px; height: 11px; }
.famfamfam-flag-lt { background-position: -80px -132px; width: 16px; height: 11px; }
.famfamfam-flag-ls { background-position: -96px -132px; width: 16px; height: 11px; }
.famfamfam-flag-lr { background-position: -112px -132px; width: 16px; height: 11px; }
.famfamfam-flag-lk { background-position: -128px -132px; width: 16px; height: 11px; }
.famfamfam-flag-li { background-position: -144px 0px; width: 16px; height: 11px; }
.famfamfam-flag-lc { background-position: -144px -11px; width: 16px; height: 11px; }
.famfamfam-flag-lb { background-position: -144px -22px; width: 16px; height: 11px; }
.famfamfam-flag-la { background-position: -144px -33px; width: 16px; height: 11px; }
.famfamfam-flag-kz { background-position: -144px -44px; width: 16px; height: 11px; }
.famfamfam-flag-ky { background-position: -144px -55px; width: 16px; height: 11px; }
.famfamfam-flag-kw { background-position: -144px -66px; width: 16px; height: 11px; }
.famfamfam-flag-kr { background-position: -144px -77px; width: 16px; height: 11px; }
.famfamfam-flag-kp { background-position: -144px -88px; width: 16px; height: 11px; }
.famfamfam-flag-kn { background-position: -144px -99px; width: 16px; height: 11px; }
.famfamfam-flag-km { background-position: -144px -110px; width: 16px; height: 11px; }
.famfamfam-flag-ki { background-position: -144px -121px; width: 16px; height: 11px; }
.famfamfam-flag-kh { background-position: -144px -132px; width: 16px; height: 11px; }
.famfamfam-flag-kg { background-position: 0px -144px; width: 16px; height: 11px; }
.famfamfam-flag-ke { background-position: -16px -144px; width: 16px; height: 11px; }
.famfamfam-flag-jp { background-position: -32px -144px; width: 16px; height: 11px; }
.famfamfam-flag-jo { background-position: -48px -144px; width: 16px; height: 11px; }
.famfamfam-flag-jm { background-position: -64px -144px; width: 16px; height: 11px; }
.famfamfam-flag-je { background-position: -80px -144px; width: 16px; height: 11px; }
.famfamfam-flag-it { background-position: -96px -144px; width: 16px; height: 11px; }
.famfamfam-flag-is { background-position: -112px -144px; width: 16px; height: 11px; }
.famfamfam-flag-ir { background-position: -128px -144px; width: 16px; height: 11px; }
.famfamfam-flag-iq { background-position: -144px -144px; width: 16px; height: 11px; }
.famfamfam-flag-io { background-position: -160px 0px; width: 16px; height: 11px; }
.famfamfam-flag-in { background-position: -160px -11px; width: 16px; height: 11px; }
.famfamfam-flag-im { background-position: -160px -22px; width: 16px; height: 9px; }
.famfamfam-flag-il { background-position: -160px -31px; width: 16px; height: 11px; }
.famfamfam-flag-ie { background-position: -160px -42px; width: 16px; height: 11px; }
.famfamfam-flag-id { background-position: -160px -53px; width: 16px; height: 11px; }
.famfamfam-flag-hu { background-position: -160px -64px; width: 16px; height: 11px; }
.famfamfam-flag-ht { background-position: -160px -75px; width: 16px; height: 11px; }
.famfamfam-flag-hr { background-position: -160px -86px; width: 16px; height: 11px; }
.famfamfam-flag-hn { background-position: -160px -97px; width: 16px; height: 11px; }
.famfamfam-flag-hk { background-position: -160px -108px; width: 16px; height: 11px; }
.famfamfam-flag-gy { background-position: -160px -119px; width: 16px; height: 11px; }
.famfamfam-flag-gw { background-position: -160px -130px; width: 16px; height: 11px; }
.famfamfam-flag-gu { background-position: -160px -141px; width: 16px; height: 11px; }
.famfamfam-flag-gt { background-position: 0px -155px; width: 16px; height: 11px; }
.famfamfam-flag-gs { background-position: -16px -155px; width: 16px; height: 11px; }
.famfamfam-flag-gr { background-position: -32px -155px; width: 16px; height: 11px; }
.famfamfam-flag-gq { background-position: -48px -155px; width: 16px; height: 11px; }
.famfamfam-flag-gp { background-position: -64px -155px; width: 16px; height: 11px; }
.famfamfam-flag-gn { background-position: -80px -155px; width: 16px; height: 11px; }
.famfamfam-flag-gm { background-position: -96px -155px; width: 16px; height: 11px; }
.famfamfam-flag-gl { background-position: -112px -155px; width: 16px; height: 11px; }
.famfamfam-flag-gi { background-position: -128px -155px; width: 16px; height: 11px; }
.famfamfam-flag-gh { background-position: -144px -155px; width: 16px; height: 11px; }
.famfamfam-flag-gg { background-position: -160px -155px; width: 16px; height: 11px; }
.famfamfam-flag-ge { background-position: -176px 0px; width: 16px; height: 11px; }
.famfamfam-flag-gd { background-position: -176px -11px; width: 16px; height: 11px; }
.famfamfam-flag-gb { background-position: -176px -22px; width: 16px; height: 11px; }
.famfamfam-flag-ga { background-position: -176px -33px; width: 16px; height: 11px; }
.famfamfam-flag-fr { background-position: -176px -44px; width: 16px; height: 11px; }
.famfamfam-flag-gf { background-position: -176px -44px; width: 16px; height: 11px; }
.famfamfam-flag-re { background-position: -176px -44px; width: 16px; height: 11px; }
.famfamfam-flag-mf { background-position: -176px -44px; width: 16px; height: 11px; }
.famfamfam-flag-bl { background-position: -176px -44px; width: 16px; height: 11px; }
.famfamfam-flag-fo { background-position: -176px -55px; width: 16px; height: 11px; }
.famfamfam-flag-fm { background-position: -176px -66px; width: 16px; height: 11px; }
.famfamfam-flag-fk { background-position: -176px -77px; width: 16px; height: 11px; }
.famfamfam-flag-fj { background-position: -176px -88px; width: 16px; height: 11px; }
.famfamfam-flag-fi { background-position: -176px -99px; width: 16px; height: 11px; }
.famfamfam-flag-fam { background-position: -176px -110px; width: 16px; height: 11px; }
.famfamfam-flag-eu { background-position: -176px -121px; width: 16px; height: 11px; }
.famfamfam-flag-et { background-position: -176px -132px; width: 16px; height: 11px; }
.famfamfam-flag-es { background-position: -176px -143px; width: 16px; height: 11px; }
.famfamfam-flag-er { background-position: -176px -154px; width: 16px; height: 11px; }
.famfamfam-flag-england { background-position: 0px -166px; width: 16px; height: 11px; }
.famfamfam-flag-eh { background-position: -16px -166px; width: 16px; height: 11px; }
.famfamfam-flag-eg { background-position: -32px -166px; width: 16px; height: 11px; }
.famfamfam-flag-ee { background-position: -48px -166px; width: 16px; height: 11px; }
.famfamfam-flag-ec { background-position: -64px -166px; width: 16px; height: 11px; }
.famfamfam-flag-dz { background-position: -80px -166px; width: 16px; height: 11px; }
.famfamfam-flag-do { background-position: -96px -166px; width: 16px; height: 11px; }
.famfamfam-flag-dm { background-position: -112px -166px; width: 16px; height: 11px; }
.famfamfam-flag-dk { background-position: -128px -166px; width: 16px; height: 11px; }
.famfamfam-flag-dj { background-position: -144px -166px; width: 16px; height: 11px; }
.famfamfam-flag-de { background-position: -160px -166px; width: 16px; height: 11px; }
.famfamfam-flag-cz { background-position: -176px -166px; width: 16px; height: 11px; }
.famfamfam-flag-cy { background-position: 0px -177px; width: 16px; height: 11px; }
.famfamfam-flag-cx { background-position: -16px -177px; width: 16px; height: 11px; }
.famfamfam-flag-cw { background-position: -32px -177px; width: 16px; height: 11px; }
.famfamfam-flag-cv { background-position: -48px -177px; width: 16px; height: 11px; }
.famfamfam-flag-cu { background-position: -64px -177px; width: 16px; height: 11px; }
.famfamfam-flag-cs { background-position: -80px -177px; width: 16px; height: 11px; }
.famfamfam-flag-cr { background-position: -96px -177px; width: 16px; height: 11px; }
.famfamfam-flag-co { background-position: -112px -177px; width: 16px; height: 11px; }
.famfamfam-flag-cn { background-position: -128px -177px; width: 16px; height: 11px; }
.famfamfam-flag-cm { background-position: -144px -177px; width: 16px; height: 11px; }
.famfamfam-flag-cl { background-position: -160px -177px; width: 16px; height: 11px; }
.famfamfam-flag-ck { background-position: -176px -177px; width: 16px; height: 11px; }
.famfamfam-flag-ci { background-position: -192px 0px; width: 16px; height: 11px; }
.famfamfam-flag-cg { background-position: -192px -11px; width: 16px; height: 11px; }
.famfamfam-flag-cf { background-position: -192px -22px; width: 16px; height: 11px; }
.famfamfam-flag-cd { background-position: -192px -33px; width: 16px; height: 11px; }
.famfamfam-flag-cc { background-position: -192px -44px; width: 16px; height: 11px; }
.famfamfam-flag-catalonia { background-position: -192px -55px; width: 16px; height: 11px; }
.famfamfam-flag-ca { background-position: -192px -66px; width: 16px; height: 11px; }
.famfamfam-flag-bz { background-position: -192px -77px; width: 16px; height: 11px; }
.famfamfam-flag-by { background-position: -192px -88px; width: 16px; height: 11px; }
.famfamfam-flag-bw { background-position: -192px -99px; width: 16px; height: 11px; }
.famfamfam-flag-bt { background-position: -192px -110px; width: 16px; height: 11px; }
.famfamfam-flag-bs { background-position: -192px -121px; width: 16px; height: 11px; }
.famfamfam-flag-br { background-position: -192px -132px; width: 16px; height: 11px; }
.famfamfam-flag-bq { background-position: -192px -143px; width: 16px; height: 11px; }
.famfamfam-flag-bo { background-position: -192px -154px; width: 16px; height: 11px; }
.famfamfam-flag-bn { background-position: -192px -165px; width: 16px; height: 11px; }
.famfamfam-flag-bm { background-position: -192px -176px; width: 16px; height: 11px; }
.famfamfam-flag-bj { background-position: 0px -188px; width: 16px; height: 11px; }
.famfamfam-flag-bi { background-position: -16px -188px; width: 16px; height: 11px; }
.famfamfam-flag-bh { background-position: -32px -188px; width: 16px; height: 11px; }
.famfamfam-flag-bg { background-position: -48px -188px; width: 16px; height: 11px; }
.famfamfam-flag-bf { background-position: -64px -188px; width: 16px; height: 11px; }
.famfamfam-flag-be { background-position: -80px -188px; width: 16px; height: 11px; }
.famfamfam-flag-bd { background-position: -96px -188px; width: 16px; height: 11px; }
.famfamfam-flag-bb { background-position: -112px -188px; width: 16px; height: 11px; }
.famfamfam-flag-ba { background-position: -128px -188px; width: 16px; height: 11px; }
.famfamfam-flag-az { background-position: -144px -188px; width: 16px; height: 11px; }
.famfamfam-flag-ax { background-position: -160px -188px; width: 16px; height: 11px; }
.famfamfam-flag-aw { background-position: -176px -188px; width: 16px; height: 11px; }
.famfamfam-flag-au { background-position: -192px -188px; width: 16px; height: 11px; }
.famfamfam-flag-hm { background-position: -192px -188px; width: 16px; height: 11px; }
.famfamfam-flag-at { background-position: -208px 0px; width: 16px; height: 11px; }
.famfamfam-flag-as { background-position: -208px -11px; width: 16px; height: 11px; }
.famfamfam-flag-ar { background-position: -208px -22px; width: 16px; height: 11px; }
.famfamfam-flag-ao { background-position: -208px -33px; width: 16px; height: 11px; }
.famfamfam-flag-an { background-position: -208px -44px; width: 16px; height: 11px; }
.famfamfam-flag-am { background-position: -208px -55px; width: 16px; height: 11px; }
.famfamfam-flag-al { background-position: -208px -66px; width: 16px; height: 11px; }
.famfamfam-flag-ai { background-position: -208px -77px; width: 16px; height: 11px; }
.famfamfam-flag-ag { background-position: -208px -88px; width: 16px; height: 11px; }
.famfamfam-flag-af { background-position: -208px -99px; width: 16px; height: 11px; }
.famfamfam-flag-ae { background-position: -208px -110px; width: 16px; height: 11px; }
.famfamfam-flag-ad { background-position: -208px -121px; width: 16px; height: 11px; }
.famfamfam-flag-np { background-position: -208px -132px; width: 9px; height: 11px; }
.famfamfam-flag-ch { background-position: -208px -143px; width: 11px; height: 11px; }
#j2_feedback {
	width:980px;
	height:400px;
	margin:auto;
	padding-top:20px;
}#jResults .allRes {
    height: 250px;
    width: 300px;
}

#innerResults #resTable {
    width:100%;
    text-align: left;
}

#jResults #scroll #resTable {
	width:300px;
}

#innerResults #resTable tr td i.fa-check{
	color:green;
}

#innerResults #resTable tr.wrong{
	color:red;
}

#innerResults #resTable td .slow{
	color:#F6E85E;
}

#innerResults #resTable td .tooslow{
	color:red;
}

#innerResults #resTable td .fast{
	color:green;
}

#innerResults #resTable tr.firstWrong td:nth-child(2){
	color:red;
}

#innerResults #scroll {
	overflow-y: auto;
	height:123px;
	padding-left: 20px;
	padding-top: 20px;
	display:inline-block;
}

#jResults #scroll {
	height:300px;
}

#resultsHolder #scroll {
	width:95%;
}

#jResults .alien {
	display:inline-block;
}
#jResults #resultsButtons {
	text-align:center;
}

#resultsHolder .resInfo {
	display: inline-block;
    width: 214.5px;
    text-align: center;
    float:right;
}

#resultsHolder .alien{
	display: inline-block;
    float: none;
    left: -36px;
    margin: 0px;
    top: 30px;;
}

#innerResults .outof, #innerResults .speed {
	font-size: 50pt;
    color:black;
    font-family: 'Montserrat','Arial Black', 'Arial Bold', Gadget, sans-serif;
    font-weight:900;
}

#innerResults .speed {
	font-size: 14pt;
	font-weight:400;
}

#resultsHolder #congratsButtons{
	position: relative;
    top: 20px;;
}

#resultsHolder #innerResults {
	display: inline-block;
    float: left;
}#j2BlastDetails .info, #j2BlastDetails .alien {
	display:inline-block;
}

#j2BlastDetails .alien {
    float: left;
    margin-right: 50px;
}

#j2BlastDetails .info {
	vertical-align:top;
}

#j2BlastDetails .detail {
	padding-left: 15px;
	font-weight:bold;
}

#j2BlastDetails .sep {
	padding-left:15px;
	padding-right:15px;
}

#j2BlastDetails #detailsInfo div{
	padding-bottom:10px;
	height: 5px;
}

#j2BlastDetails{
	padding-left:50px;
}

#j2BlastDetails .points {

	font-weight:bold;
	font-size:50px;
	color:#FFB10F;
}

#j2BlastDetails .fullname {
	font-weight:bold;
	font-size:30px;
}

#j2BlastDetails #dialog-modal-prompt {
    width: 400px;
    height: 115px;
    left: 205px;
    display: inline-block;
    background-position: -303px -312px;
    position: relative;
}

#j2BlastDetails .blackText {color:black;}
/* Copyright Just2easy Limited 2016 all rights reserved. */

#jpracticelevel > div {
	text-align:center;
}
#jpracticelevel #leveldesc {
    height: 100px;
    width: 255px;
    background-position: -740px -1174px;
    margin: auto;
    margin-top: 5px;
}
#jpracticelevel #levelnum {
	margin-top:15px;
	font-size: 30px;
    font-family: 'Open sans', sans-serif;
    letter-spacing: -2px;
    font-weight: 800;
    color: #5d7a93;
}
#jpracticelevel #leveldescp {
	height: 40px;
	margin-top:8px;
}

.ui-dialog.blastDia[aria-describedby="jpracticelevel"] {
	height: 252px !important;
    background-image: url('/assets/blast/level-chooser-frame.png');
    padding: 0;
}


.ui-dialog.blastDia.hasCard[aria-describedby="jpracticelevel"] {
	height: 460px !important;
    background-image: url('/assets/blast/level-chooser-frame-SATS.png');
    padding: 0;
}

.ui-dialog.blastDia[aria-describedby="jpracticelevel"] .ui-dialog-buttonpane {height: 0;padding:0;}
#jpracticelevel ~ .ui-dialog-buttonpane #congratsButtons {margin-top:-26px;}
#jpracticelevel ~ .ui-dialog-buttonpane #congratsButtons .resultsCont {width: 115px;margin-right: 0;}

#jpracticelevel a.ui-slider-handle {
    background-color: white;
    background-position: -5px -350px;
    border: none;
    width: 27px;
    height: 27px;
    outline: none;
}
#blevelslider {
    border-radius: 0;
    -ms-transform: skewX(-4deg);
    -webkit-transform: skewX(-4deg);
    transform: skewX(-4deg);
    width: 265px;
    margin: auto;
}
.blastDia #jpracticelevel #close {
	padding-top: 0px;
    margin-right: -5px;
}

#jpracticelevel img#levelCard{
	width: 295px;
    margin-left: -11px;
    margin-bottom: -12px;
}
#jpracticeFile {overflow: hidden; padding-bottom: 20px;}

#jpracticeFile .etabs {margin: 0 0 7px 30px; padding: 0; min-width:560px;}
#jpracticeFile .tab {
	display: inline-block;
	zoom:1;
	*
	display:inline;
	background: transparent;
	/* margin-right: 10px; */
	vertical-align: bottom;
}

#jpracticeFile .tab a span {
	color: #6A3311;
	font-size: 18px;
    font-family: 'Open sans', sans-serif;
    letter-spacing: -1px;
    font-weight: 800;
    text-align: center;
    position: relative;
    top: 20%;
}

#jpracticeFile .tab.active a span {
	color: white;
}

#jpracticeFile .tab a {
	font-size: 14px;
	line-height: 2em;
	display: block;
	margin: 0;
	outline: none;
	color: white;
  	cursor: pointer;
  	text-decoration: none;
  	text-align: center;
  	background-image: url('/assets/blast/language_assets/english/spell-dialogs.png');
}

#jpracticeFile .wordList {
	display:none;
}

#jpracticeFile .wordList.active {
	display:block;
}

#jpracticeFile #leveltitle {
	font-size: 30px;
    font-family: 'Open sans', sans-serif;
    letter-spacing: -2px;
    font-weight: 800;
    color: white;
    text-align:center;
    padding-top: 5px;
}

#jpracticeFile .tab.spellLists a, #jpracticeFile .tab.myLists a, #jpracticeFile .tab.sharedLists a{
	width: 190px;
	margin-right: -10px;
	height: 65px;
}
#jpracticeFile .tab.myLists, #jpracticeFile .createList{
	display:none;
}

.creating #jpracticeFile .tab.myLists,.creating #jpracticeFile .createList {
	display:inline-block;
}

.creating #jpracticeFile .tab.sharedLists {
	display:none;
}

#jpracticeFile .tab.spellLists a{
	background-position: -15px -15px;
	margin-left: -10px;
	margin-right: 0px;
}

#jpracticeFile .tab.myLists a, #jpracticeFile .tab.sharedLists a{
	background-position: -205px -544px;
}

#jpracticeFile .tab.myLists.active a, #jpracticeFile .tab.sharedLists.active a{
	background-position: -207px -20px;
}


#jpracticeFile .tab.spellLists.active a{
	background-position: -16px -544px;
	margin-left: -9px;
	margin-right: 0px;
	width: 190px;
}


#jpracticeFile .tab a:hover { text-decoration: underline; }


#jpracticeFile .spellList-container .active {
    border: none;
}

#jpracticeFile .spellList-container{
	height:340px;
	padding-top: 70px;
	overflow:hidden;
}

#jpracticeFile .openList, #jpracticeFile .openFile, #jpracticeFile .createList {
	width:170px;
	height: 125px;
	background-image: url('/assets/blast/language_assets/english/spell-dialogs.png');
	background-position: -410px -140px;
	display: inline-block;
	margin: 0px;
	cursor: pointer;
	vertical-align:top;
}

#jpracticeFile .openList.all {
    background-image: url('/assets/blast/language_assets/english/spell-dialogs.png');
    width: 300px;
    height: 230px;
    background-position: -408px -674px !important;
    margin: 25px;
    margin-top:0px;
}

#jpracticeFile #close {
    position: absolute;
    right: 20px;
    top: 0px;
    width: 20px;
    padding-right: 10px;
    text-align: right;
}

#jpracticeFile .expand, #jpracticeFile .contract  {
	position: absolute;
    right: 70px;
    top: 170px;
    color: white;
    border: solid white 3px;
    border-radius: 5px;
    padding: 2px 3px;
    cursor: pointer;
}

.creating #jpracticeFile .expand, .creating #jpracticeFile .contract{
	display:none;
}

#jpracticeFile .openList .edit,
#jpracticeFile .openList .share,
#jpracticeFile .openFile .edit,
#jpracticeFile .openFile .share,
#jpracticeFile .openFile .shared,
#jpracticeFile .openFile .playedBy,
#jpracticeFile .openFile .deleteList{
	background-image: url('/assets/blast/language_assets/english/spell-dialogs.png');
	width: 20px;
	height: 20px;
	display: inline-block;
	right: 10px;
    top: -90px;
    position: relative;
    float:right;
	background-position: -720px -677px;
}

#jpracticeFile .openFile .deleteList, #jpracticeFile .openFile .playedBy {
    background-image: none;
    text-align: center;
}

#jpracticeFile .openFile .playedBy span{
    border: solid 1px;
    background-color: white;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 5px;
    position: relative;
    top: 62%;
    left: 50%
}

#jpracticeFile .openFile .playedBy {
	background-image: url('/assets/blast/final-spell-homepage-assets.png');
	background-position:-0px -0px;
	width: 50px;
	height: 50px;
	top: -60px;
	opacity: 0.7;
}

#jpracticeFile .openFile .share, #jpracticeFile .openList .share{
	background-position: -720px -800px;
}

#jpracticeFile .openFile .shared{
	background-position: -720px -832px;
}


#jpracticeFile .createList{
	background-position: -410px -915px;
}


#jpracticeFile .openList:nth-child(even), #jpracticeFile .openFile:nth-child(even){
	background-position: -590px -140px;
}

#jpracticeFile .spellListWords{
	height: 60px;
	padding:20px 15px;
	overflow:hidden;
}

#jpracticeFile .all .spellListWords{
	height:80%;
	text-align:center;
}

#jpracticeFile .all .spellListWords span {
	display:inline-block;
	padding-left:20px;
	padding-right:20px;
}

#jpracticeFile .all .spellListWords .spellListTitle{
	display:block;
	padding-bottom:10px;
}
#jpracticeFile .spellListWords .spellListTitle {
	text-align:center;
	font-weight:bold;
}

#jpracticeFile .all .spellListWords div {
	display:inline;
}

#jpracticeFile .spellList-container .lists{
	height: 245px;
	overflow: hidden;
}

#jpracticeFile #subtabs ul{
	height:0px;
}

#jpracticeFile #bSpellLevelslider {
    border-radius: 0;
    width: 255px;
    margin: auto;
    background-position: -515px -97px;
    background-image: url('/assets/blast/language_assets/english/spell-dialogs.png');
    border:none;
    background-color: transparent;
}

#jpracticeFile .ui-slider-handle {
    background-image: url('/assets/blast/language_assets/english/spell-dialogs.png');
    background-position: -668px -8px;
    border: none;
    background-color: transparent;
    width: 28px;
    height: 28px;
    top: -10px;

}

#jpracticeFile .prevButton, #jpracticeFile .nextButton {
	width: 36px;
    height: 36px;
    display: inline-block;
    background-image: url('/assets/blast/language_assets/english/spell-dialogs.png');
    background-position: -516px -4px;
}

#j2wl .prevButton, #j2wl .nextButton {
	background-color: #CD9A5B;
}

#j2wl .prevButton[disabled], #j2wl .nextButton[disabled], #j2wl .nextButton.ui-state-disabled,#j2wl .prevButton.ui-state-disabled{
	background-color: #E0B06D;
	opacity: 0.9;
}


#jpracticeFile #nextText {
    color: white;
    vertical-align: middle;
    text-align: center;
    display: inline-block;
    height: 36px;
    padding-left: 10px;
    padding-right: 10px;
}

#jpracticeFile .nextBlock {
    width: 350px;
    text-align: center;
    position: absolute;
    bottom: 0px;
}

#jpracticeFile .nextButton {
	background-position: -562px -4px;
}

#jpracticeFile .nextButton[disabled] {
	background-position: -516px -50px;
}

#jpracticeFile .nextButton[disabled] {
	background-position: -562px -50px;
}

#j2wl fieldset {
	padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border: solid 1px #D0D0D0;
}

#j2wl input[readonly] {
	border: none;
}

/*.blastSpellDia.creating[aria-describedby="jpracticeFile"] li.tab{
	display:none !important;
}

.blastSpellDia.creating[aria-describedby="jpracticeFile"] {
	background-position: -5px -78px;
	max-height: 440px;
}*/

#j2wl {
	text-align:center;
}

#j2wl .wordList {
	overflow-y:scroll;
	max-height:400px;
	border-spacing: 5px;
	border-collapse: separate;
	text-align:left;
}

#j2wl .wordListHolder {
    background-image: url('/assets/blast/language_assets/english/spell-dialogs.png');
    width: 300px;
    height: 230px;
    background-position: -408px -674px;
    margin: 25px;
}

#j2wl textarea {
	height: 175px;
    width: 250px;
    overflow-x: hidden;
    resize: none;
}

#j2wl .wordList td{
	vertical-align: top;
	width:180px;
}

#j2wl .wordList td:nth-child(1){
	width:10px;
}

#j2wl .wordList td:nth-child(3){
	width:56px;
}

#j2wl .wordListHolder > div {
	padding:20px;
}

#j2wl .wordListHolder > div > div {
    overflow-y: auto;
    overflow-x:hidden;
    height: 225px;
}

#j2wl .wordList td > div {
	height:40px;
	text-align:right;
}


#j2wl .spellSubmit, #j2wl .spellConfig, #j2wl .nextButton, #j2wl .prevButton {
	top: -30px;
	background-color: #CD9A5B;
	border: none;
}

#j2wl .spellSubmit, #j2wl .spellConfig{
	background-color:transparent;
	width: 80px;
	height: 40px;
}

#j2wl .spellSubmit {
	background-position: -760px -237px;
}

#j2wl .spellConfig {
	background-position: -760px -237px;
}

#j2wl .spellSubmit[disabled] {
	background-position: -760px -177px;
	opacity: 1;
}

#j2wl .spellConfig[disabled] {
	background-position: -760px -177px;
	opacity: 1;
}
#j2wl .recorderButton {
	float:left;
	padding:2px;
}

#j2wl .keypadSay {
	background-image: url('/assets/blast/final-spell-ingame-assets.png') !important;
	background-color:transparent;
	display:inline-block;
    background-size: 683px 286.5px;
    background-position: -564px -90px;
    width: 46px;
    height: 28px;
    margin-left: 10px;
    margin-bottom:20px;
    position: absolute;
    right: 80px;
    top:212px;
}

#j2wl .wizard_edit input#indivWord, #j2wl .wizard_edit input#wordContext {
	margin-bottom:3px;
	margin-top:3px;
	font-size:14pt;
}

#j2wl .wizard_edit input#indivWord{
	margin-bottom:23px;
}

#j2wl .wizard_edit input#wordContext {
	width:240px;
	margin-top: 5px;
}

#j2wl label[for="wordContext"]{
	font-size:10pt;
	display:inline-block;
}

#j2wl .wizard_edit #micButton, #j2wl .wizard_edit input + i {
	margin-left:10px;
}

#j2wl > span {
	color:white;
	padding-right:10px;
	font-family: 'Open sans', sans-serif;
	letter-spacing: -1px;
	font-weight: 800;
}

#j2wl .userAudio {
    display: inline-block;
    width: 30px;
    margin-left: 10px;
    vertical-align: middle;
}

#j2wl .audioFieldset {
	border:none;
}



#j2wl .audioFieldset .audioHolder {
	display:none;
}

#j2wl .audioFieldset legend {
	text-align:right;
}

#j2wl .audioFieldset.showAudio .audioHolder {
	display:block;
}

#j2wl .fa-angle-up, #j2wl .fa-angle-down {
	margin-left:5px;
}

/* Copyright Just2easy Limited 2016 all rights reserved. */

#jexplainTest > div {
	text-align:center;
	padding-bottom:15px;
}
#jexplainTest #instructions {
    height: 50px;
    width: 255px;
    background-position: -285px -1199px;
    margin: auto;
    margin-top: 5px;
}

#jexplainTest .keystage {
	font-size:20pt;
}

#jexplainTest .keystage_title{
	font-size:14pt;
}

#jexplainTest ~ .ui-dialog-buttonpane #congratsButtons {margin-top:-26px;}
  
.ui-dialog.blastDia[aria-describedby="jexplainTest"] .ui-dialog-buttonpane {height: 0;padding:0;}


.blastDia #jexplainTest #close {
	padding-top: 0px;
    margin-right: -5px;
}#dSpellFile .block{
	width: 49%;
	float:left;
    text-align: center;
    display: inline-block;
}

.nowordcloud#dSpellFile .block{
	width: 100%;
}


#dSpellFile .wordcloud{
	width: 80%;
    height: 350px;
    padding: 10%;
    display: inline-block;
    vertical-align: middle;
    border: solid 1px;
}

#dSpellFile .playerTable{
	max-height: 400px;
	overflow: auto;
	padding: 10px;
}

#dSpellFile .playerTable table tr.selected td{
	background-color: #727D8B;
	color: white;
}

#dSpellFile a{
	cursor:pointer;
}

#dSpellFile .playerTable table {
	margin:auto;
}

#dSpellFile .detail {
	padding:5px;
	font-size:14pt;
	color:black
}

#dSpellFile .blackText {
	padding:5px;
	font-size:14pt;
	color:black
}

#dSpellFile .playerTable td, #dSpellFile .playerTable th{
	text-align:left;
	padding:5px;
}

#dSpellFile .wordcloud{
	width: 80%;
	height: 350px;
	display: inline-block;
	vertical-align: middle;
	border:solid 1px;
	margin: 10px;
}
.dialogueLoad.ui-dialog {
    border: none;
    background: #cd9a5b;
}

.dialogueLoad.ui-dialog .ui-dialog-titlebar {
    display: none;
}

.dialogueLoad.ui-dialog .ui-dialog-buttonpane {
    margin-top:0;
    border: none;
    background: transparent;
    padding: 0.5em;
}

.dialogueLoad.ui-dialog .ui-dialog-buttonset button {
    margin: 0 0.5em;
}
.dialogueLoad.ui-dialog #dialogueLoad {
    display: flex;
    align-items: center;
    justify-content: center;
}

.dialogueLoad.ui-dialog #dialogueLoad p{
    color: #fff;
    font-size: 1.5em;
    text-transform: capitalize;
}

.dialogueLoad.ui-dialog .spellConfig {
    background-image: url('/assets/blast/language_assets/english/text-spell.png');
    background-position: -760px -237px;
    width: 81px;
    height: 44px;
    border: none;
    background-color: unset;
}#j2AlienToolbar .alien, #prevArrow, #nextArrow{
	background-image: url('/assets/blast/final-chooser-assets.png');
}

#j2AlienToolbar .alienWrapper {
    display: inline-block;
    text-align:center;
    position:relative;
}

#j2AlienToolbar .alienWrapper .extra {
	position:absolute;
	top:150px;
}

#j2AlienToolbar .alien {
    height: 192px;
    width: 140px;
    display: inline-block;
}

#j2AlienToolbar .fishbowl {background-position: -5px -520px;}
#j2AlienToolbar .smallblue{background-position: -146px -520px; width:105px;}
#j2AlienToolbar .yeti {background-position: -250px -520px; width: 197px;}
#j2AlienToolbar .football {background-position: -440px -520px; width:110px;}
#j2AlienToolbar .fluffy {background-position: -560px -520px; width:110px;}
#j2AlienToolbar .jelly {background-position: -670px -520px; width:120px;}
#j2AlienToolbar .longarm {background-position: -791px -520px; width:195px;}
#j2AlienToolbar .spikey {background-position: -986px -520px; width:203px;}
#j2AlienToolbar .octopus {background-position: -1187px -520px; width:263px;}
#j2AlienToolbar .martian {background-position: -1458px -520px;width: 110px;}
#j2AlienToolbar .swimmer {background-position: -1580px -520px;width: 155px;}
#j2AlienToolbar .dog {background-position: -1765px -520px;}

#j2AlienToolbar .fishbowl.unlocked {background-position: -5px -20px;}
#j2AlienToolbar .smallblue.unlocked {background-position: -146px -20px;}
#j2AlienToolbar .yeti.unlocked {background-position: -250px -20px;}
#j2AlienToolbar .football.unlocked {background-position: -440px -20px; }
#j2AlienToolbar .fluffy.unlocked {background-position: -560px -20px;}
#j2AlienToolbar .jelly.unlocked {background-position: -670px -20px;}
#j2AlienToolbar .longarm.unlocked {background-position: -791px -20px;}
#j2AlienToolbar .spikey.unlocked {background-position: -986px -20px;}
#j2AlienToolbar .octopus.unlocked {background-position: -1187px -20px;}
#j2AlienToolbar .martian.unlocked {background-position: -1458px -20px;}
#j2AlienToolbar .swimmer.unlocked {background-position: -1580px -20px;}
#j2AlienToolbar .dog.unlocked {background-position: -1765px -20px;}

#j2AlienToolbar .fishbowl.selected {background-position: -5px -267px;}
#j2AlienToolbar .smallblue.selected {background-position: -146px -267px;}
#j2AlienToolbar .yeti.selected {background-position: -250px -267px;}
#j2AlienToolbar .football.selected {background-position: -449px -267px;}
#j2AlienToolbar .fluffy.selected {background-position: -560px -267px;}
#j2AlienToolbar .jelly.selected {background-position: -670px -267px;}
#j2AlienToolbar .longarm.selected {background-position: -791px -267px;}
#j2AlienToolbar .spikey.selected {background-position: -986px -267px;}
#j2AlienToolbar .octopus.selected {background-position: -1187px -267px;}
#j2AlienToolbar .martian.selected {background-position: -1458px -267px;}
#j2AlienToolbar .swimmer.selected {background-position: -1580px -267px;}
#j2AlienToolbar .dog.selected {background-position: -1765px -267px;}


#prevArrow, #nextArrow {
	width:65px;
	height:110px;
	display:inline-block;
}

#prevArrow {
	background-position:-1190px -1800px;
}

#nextArrow {
	background-position:-1260px -1800px;
}

#j2AlienToolbar > * {
	vertical-align:middle;
}

#j2AlienToolbar #scroll {
	overflow-x:scroll;
	overflow-y:hidden;
	width: 650px;
    height: 270px;
}

#j2AlienToolbar #scroll > div{
    width: 1880px;
    height: 250px;
}

#j2AlienToolbar .alienWrapper span:first-child {
	margin-top:100px;
	width: auto;
}

#j2AlienToolbar .alienWrapper span{
	width: 140px;
	display: inline-block;
}
/* alien specific css for you need x pts to unlock */
#j2AlienToolbar .alienWrapper .fluffy ~ span {width: 110px;}
#j2AlienToolbar .alienWrapper .jelly ~ span {width: 120px;}

.ui-button[classes="alienGenerate"] {
   width: 170px;
    height: 70px;
    background-position: -322px -440px;
    background-color: transparent;
    border: none !important;
    outline:none;
}

.ui-button[classes="alienGenerate"].ui-state-hover {
	background-position: -322px -530px;
	border: none !important;
}

#jAlien #dialog-modal-prompt{
    width: 370px;
    height: 70px;
    left: 205px;
    display: inline-block;
    background-position: -330px -220px;

    position: relative;
}

body.spelling #j2AlienToolbar #scroll > div{
    width: 3600px;
}

body.spelling #j2AlienToolbar .alien {
	background-image: url('/assets/blast/character-shadows.png');
	background-position:-0px -0px;
}

body.spelling #j2AlienToolbar .grace-omalley,
body.spelling #j2AlienToolbar .blackbeard,
body.spelling #j2AlienToolbar .calico-jack,
body.spelling #j2AlienToolbar .anne-bonny,
body.spelling #j2AlienToolbar .ching-shih,
body.spelling #j2AlienToolbar .sir-francis-drake,
body.spelling #j2AlienToolbar .napoleon,
body.spelling #j2AlienToolbar .admiral-nelson
{
	background-image: url('/assets/blast/historical-shadows.png');
}

body.spelling #j2AlienToolbar .grace-omalley{background-position:-600px -0px;}
body.spelling #j2AlienToolbar .blackbeard{background-position:-0px -0px;}
body.spelling #j2AlienToolbar .calico-jack{background-position:-1200px -0px;}
body.spelling #j2AlienToolbar .anne-bonny{background-position:-800px -0px;}
body.spelling #j2AlienToolbar .ching-shih{background-position:-1000px -0px;}
body.spelling #j2AlienToolbar .sir-francis-drake{background-position:-1400px -0px;}
body.spelling #j2AlienToolbar .napoleon{background-position:-400px -0px;}
body.spelling #j2AlienToolbar .admiral-nelson{background-position:-200px -0px;}

body.spelling #j2AlienToolbar .grace-omalley.unlocked{background-position:-600px -0px;}
body.spelling #j2AlienToolbar .blackbeard.unlocked{background-position:-0px -0px;}
body.spelling #j2AlienToolbar .calico-jack.unlocked{background-position:-1200px -0px;}
body.spelling #j2AlienToolbar .anne-bonny.unlocked{background-position:-800px -0px;}
body.spelling #j2AlienToolbar .ching-shih.unlocked{background-position:-1000px -0px;}
body.spelling #j2AlienToolbar .sir-francis-drake.unlocked{background-position:-1400px -0px;}
body.spelling #j2AlienToolbar .napoleon.unlocked{background-position:-400px -0px;}
body.spelling #j2AlienToolbar .admiral-nelson.unlocked{background-position:-200px -0px;}

body.spelling #j2AlienToolbar .grace-omalley.selected{background-position:-600px -163px;}
body.spelling #j2AlienToolbar .blackbeard.selected{background-position:-0px -163px;}
body.spelling #j2AlienToolbar .calico-jack.selected{background-position:-1200px -163px;}
body.spelling #j2AlienToolbar .anne-bonny.selected{background-position:-800px -163px;}
body.spelling #j2AlienToolbar .ching-shih.selected{background-position:-1000px -163px;}
body.spelling #j2AlienToolbar .sir-francis-drake.selected{background-position:-1400px -163px;}
body.spelling #j2AlienToolbar .napoleon.selected{background-position:-400px -163px;}
body.spelling #j2AlienToolbar .admiral-nelson.selected{background-position:-200px -163px;}


body.spelling #j2AlienToolbar .crowsnest-male-1 {background-position:-0px -0px;}
body.spelling #j2AlienToolbar .crowsnest-male-2 {background-position:-200px -0px;}
body.spelling #j2AlienToolbar .crowsnest-female-1 {background-position:-400px -0px;}
body.spelling #j2AlienToolbar .crowsnest-female-2 {background-position:-600px -0px;}

body.spelling #j2AlienToolbar .cannon-male-1 {background-position:-800px -0px;}
body.spelling #j2AlienToolbar .cannon-male-2 {background-position:-1000px -0px;}
body.spelling #j2AlienToolbar .cannon-female-1 {background-position:-1200px -0px;}
body.spelling #j2AlienToolbar .cannon-female-2 {background-position:-1400px -0px;}

body.spelling #j2AlienToolbar .cook-male-1 {background-position:-1600px -0px;}
body.spelling #j2AlienToolbar .cook-male-2 {background-position:-1800px -0px;}
body.spelling #j2AlienToolbar .cook-female-1 {background-position:-2000px -0px;}
body.spelling #j2AlienToolbar .cook-female-2 {background-position:-2200px -0px;}

body.spelling #j2AlienToolbar .crowsnest-male-1.selected {background-position:-0px -163px;}
body.spelling #j2AlienToolbar .crowsnest-male-2.selected {background-position:-200px -163px;}
body.spelling #j2AlienToolbar .crowsnest-female-1.selected {background-position:-400px -163px;}
body.spelling #j2AlienToolbar .crowsnest-female-2.selected {background-position:-600px -163px;}

body.spelling #j2AlienToolbar .cannon-male-1.selected {background-position:-800px -163px;}
body.spelling #j2AlienToolbar .cannon-male-2.selected {background-position:-1000px -163px;}
body.spelling #j2AlienToolbar .cannon-female-1.selected {background-position:-1200px -163px;}
body.spelling #j2AlienToolbar .cannon-female-2.selected {background-position:-1400px -163px;}

body.spelling #j2AlienToolbar .cook-male-1.selected {background-position:-1600px -163px;}
body.spelling #j2AlienToolbar .cook-male-2.selected {background-position:-1800px -163px;}
body.spelling #j2AlienToolbar .cook-female-1.selected {background-position:-2000px -163px;}
body.spelling #j2AlienToolbar .cook-female-2.selected {background-position:-2200px -163px;}

body.spelling #j2AlienToolbar .merman-1 {background-position:-0px -326px;}
body.spelling #j2AlienToolbar .merman-2 {background-position:-200px -326px;}
body.spelling #j2AlienToolbar .mermaid-1 {background-position:-400px -326px;}
body.spelling #j2AlienToolbar .mermaid-2 {background-position:-600px -326px;}

body.spelling #j2AlienToolbar .firstmate-male-1 {background-position:-800px -326px;}
body.spelling #j2AlienToolbar .firstmate-male-2 {background-position:-1000px -326px;}
body.spelling #j2AlienToolbar .firstmate-female-1 {background-position:-1200px -326px;}
body.spelling #j2AlienToolbar .firstmate-female-2 {background-position:-1400px -326px;}

body.spelling #j2AlienToolbar .captain-male-1 {background-position:-2200px -326px;}
body.spelling #j2AlienToolbar .captain-male-2 {background-position:-2000px -326px;}
body.spelling #j2AlienToolbar .captain-female-1 {background-position:-1600px -326px;}
body.spelling #j2AlienToolbar .captain-female-2 {background-position:-1800px -326px;}

body.spelling #j2AlienToolbar .merman-1.selected {background-position:-0px -489px;}
body.spelling #j2AlienToolbar .merman-2.selected {background-position:-200px -489px;}
body.spelling #j2AlienToolbar .mermaid-1.selected {background-position:-400px -489px;}
body.spelling #j2AlienToolbar .mermaid-2.selected {background-position:-600px -489px;}

body.spelling #j2AlienToolbar .firstmate-male-1.selected {background-position:-800px -489px;}
body.spelling #j2AlienToolbar .firstmate-male-2.selected {background-position:-1000px -489px;}
body.spelling #j2AlienToolbar .firstmate-female-1.selected {background-position:-1200px -489px;}
body.spelling #j2AlienToolbar .firstmate-female-2.selected {background-position:-1400px -489px;}

body.spelling #j2AlienToolbar .captain-male-1.selected {background-position:-2200px -489px;}
body.spelling #j2AlienToolbar .captain-male-2.selected {background-position:-2000px -489px;}
body.spelling #j2AlienToolbar .captain-female-1.selected {background-position:-1600px -489px;}
body.spelling #j2AlienToolbar .captain-female-2.selected {background-position:-1800px -489px;}

body.spelling #j2AlienToolbar .alien.unlocked{
	background-image: url('/assets/blast/additional-characters.png');
}

body.spelling #j2AlienToolbar .rat-1.unlocked, body.spelling #j2AlienToolbar .rat-1.selected,
body.spelling #j2AlienToolbar .rat-2.unlocked, body.spelling #j2AlienToolbar .rat-2.selected,
body.spelling #j2AlienToolbar .rat-3.unlocked, body.spelling #j2AlienToolbar .rat-3.selected,
body.spelling #j2AlienToolbar .rat-4.unlocked, body.spelling #j2AlienToolbar .rat-4.selected,
body.spelling #j2AlienToolbar .parrot-red.unlocked, body.spelling #j2AlienToolbar .parrot-red.selected,
body.spelling #j2AlienToolbar .parrot-pink.unlocked, body.spelling #j2AlienToolbar .parrot-pink.selected,
body.spelling #j2AlienToolbar .parrot-green.unlocked, body.spelling #j2AlienToolbar .parrot-green.selected,
body.spelling #j2AlienToolbar .parrot-blue.unlocked, body.spelling #j2AlienToolbar .parrot-blue.selected,
body.spelling #j2AlienToolbar .octopus-male-1.unlocked, body.spelling #j2AlienToolbar .octopus-male-1.selected,
body.spelling #j2AlienToolbar .octopus-male-2.unlocked, body.spelling #j2AlienToolbar .octopus-male-2.selected,
body.spelling #j2AlienToolbar .octopus-female-1.unlocked, body.spelling #j2AlienToolbar .octopus-female-1.selected,
body.spelling #j2AlienToolbar .octopus-female-2.unlocked, body.spelling #j2AlienToolbar .octopus-female-2.selected,
body.spelling #j2AlienToolbar .swimmer-male-1.unlocked, body.spelling #j2AlienToolbar .swimmer-male-1.selected,
body.spelling #j2AlienToolbar .swimmer-male-2.unlocked, body.spelling #j2AlienToolbar .swimmer-male-2.selected,
body.spelling #j2AlienToolbar .swimmer-female-1.unlocked, body.spelling #j2AlienToolbar .swimmer-female-1.selected,
body.spelling #j2AlienToolbar .swimmer-female-2.unlocked, body.spelling #j2AlienToolbar .swimmer-female-2.selected
{
	background-image: url('/assets/blast/initial-characters.png');
}


body.spelling #j2AlienToolbar .grace-omalley.unlocked, body.spelling #j2AlienToolbar .grace-omalley.selected,
body.spelling #j2AlienToolbar .blackbeard.unlocked, body.spelling #j2AlienToolbar .blackbeard.selected,
body.spelling #j2AlienToolbar .calico-jack.unlocked, body.spelling #j2AlienToolbar .calico-jack.selected,
body.spelling #j2AlienToolbar .anne-bonny.unlocked, body.spelling #j2AlienToolbar .anne-bonny.selected,
body.spelling #j2AlienToolbar .ching-shih.unlocked, body.spelling #j2AlienToolbar .ching-shih.selected,
body.spelling #j2AlienToolbar .sir-francis-drake.unlocked, body.spelling #j2AlienToolbar .sir-francis-drake.selected,
body.spelling #j2AlienToolbar .napoleon.unlocked, body.spelling #j2AlienToolbar .napoleon.selected,
body.spelling #j2AlienToolbar .admiral-nelson.unlocked, body.spelling #j2AlienToolbar .admiral-nelson.selected
{
	background-image: url('/assets/blast/historical-characters.png');
}

body.spelling #j2AlienToolbar .alien {
    height: 163px;
    width: 200px;
    display: inline-block;
}

body.spelling #j2AlienToolbar .rat-1.unlocked {background-position: -0px -0px;}
body.spelling #j2AlienToolbar .rat-2.unlocked {background-position: -200px -0px;}
body.spelling #j2AlienToolbar .rat-3.unlocked {background-position: -400px -0px;}
body.spelling #j2AlienToolbar .rat-4.unlocked {background-position: -600px -0px;}

body.spelling #j2AlienToolbar .parrot-red.unlocked {background-position: -800px -0px;}
body.spelling #j2AlienToolbar .parrot-pink.unlocked {background-position: -1000px -0px;}
body.spelling #j2AlienToolbar .parrot-green.unlocked {background-position: -1200px -0px;}
body.spelling #j2AlienToolbar .parrot-blue.unlocked {background-position: -1400px -0px;}

body.spelling #j2AlienToolbar .octopus-male-1.unlocked {background-position: -0px -326px;}
body.spelling #j2AlienToolbar .octopus-male-2.unlocked {background-position: -200px -326px;}
body.spelling #j2AlienToolbar .octopus-female-1.unlocked {background-position: -400px -326px;}
body.spelling #j2AlienToolbar .octopus-female-2.unlocked{background-position: -600px -326px;}

body.spelling #j2AlienToolbar .swimmer-male-1.unlocked {background-position: -800px -326px;}
body.spelling #j2AlienToolbar .swimmer-male-2.unlocked {background-position: -1000px -326px;}
body.spelling #j2AlienToolbar .swimmer-female-1.unlocked {background-position: -1200px -326px;}
body.spelling #j2AlienToolbar .swimmer-female-2.unlocked{background-position: -1400px -326px;}


body.spelling #j2AlienToolbar .rat-1.selected {background-position: -0px -163px;}
body.spelling #j2AlienToolbar .rat-2.selected {background-position: -200px -163px;}
body.spelling #j2AlienToolbar .rat-3.selected {background-position: -400px -163px;}
body.spelling #j2AlienToolbar .rat-4.selected {background-position: -600px -163px;}

body.spelling #j2AlienToolbar .parrot-red.selected {background-position: -800px -163px;}
body.spelling #j2AlienToolbar .parrot-pink.selected {background-position: -1000px -163px;}
body.spelling #j2AlienToolbar .parrot-green.selected {background-position: -1200px -163px;}
body.spelling #j2AlienToolbar .parrot-blue.selected {background-position: -1400px -163px;}

body.spelling #j2AlienToolbar .octopus-male-1.selected {background-position: -0px -489px;}
body.spelling #j2AlienToolbar .octopus-male-2.selected {background-position: -200px -489px;}
body.spelling #j2AlienToolbar .octopus-female-1.selected {background-position: -400px -489px;}
body.spelling #j2AlienToolbar .octopus-female-2.selected{background-position: -600px -489px;}

body.spelling #j2AlienToolbar .swimmer-male-1.selected {background-position: -800px -489px;}
body.spelling #j2AlienToolbar .swimmer-male-2.selected {background-position: -1000px -489px;}
body.spelling #j2AlienToolbar .swimmer-female-1.selected {background-position: -1200px -489px;}
body.spelling #j2AlienToolbar .swimmer-female-2.selected{background-position: -1400px -489px;}
/*
// Copyright Just2easy Limited 2012 all rights reserved.
*/

body > *, body p, body div, #content, #content input, #content select, #content p, #content textarea, #content legend, #filterHeader *, #linksHeader .upload.unsupported a {
	font-size: 16px;
	font-weight: normal;
	font-family: "Lexend",ABeeZee, "Lucida Console", Monaco, monospace;
	color: #727D8B;
}

.productsbar .logo,
.productsbar .logo .icon{
	background-image: url('/e5/css/htmlfiles/images/assets-5.png');
	background-repeat: no-repeat;
}
.productsbar .logo {
	position: fixed;
	left: 0px;
	width: 235px;
	height: 110px;
	background-position: -563px 0px;
	z-index: 100;
}
.productsbar .logo > div {
	position: absolute;
    left: 5px;
    top: 19px;
    width: 215px;
    text-align: center;
}
.productsbar .logo .title {
	display: inline-block;
	*zoom: 1; *display: inline; /*for ie inline-block */
	font-family: "Lexend",ABeeZee, arial, Verdana, Geneva, sans-serif;
    font-size: 30px;
    color: white;
    vertical-align: middle;
    max-width: 168px;
    max-height: 56px;
    overflow: hidden;
    padding-bottom: 2px;
}
.productsbar .logo .icon {
	display: inline-block;
	*zoom: 1; *display: inline; /*for ie inline-block */
    width: 42px;
    height: 42px;
    background-position: -365px 0;
    vertical-align: middle;
    margin-left: 5px;
}

.productsbar > .products {
	margin-left: 230px;
	white-space: nowrap;
}
.productsbar.notab > .products { margin-left: 10px; }

#j2enavbar.navbar {
    display:table;
    margin:0;
    padding:0;
    list-style:none;
    white-space:nowrap;
    min-height: auto;
    border: none;
}
#j2enavbar.navbar li {
    display:table-cell;
}
#j2enavbar.navbar li:last-child {
    text-align: right;
    width:100%;
}

#j2enavbar.navbar a > div {
	margin: 0 0 0 10px;
  	display: inline-block;
  	*zoom: 1; *display: inline;
  	cursor: pointer;
  	font-size: 15px;
  	text-decoration: none;
}

#j2enavbar.navbar a > div:hover {text-decoration: underline;}

#j2enavbar.navbar li span {vertical-align:middle}
#j2enavbar.navbar .divider {
	vertical-align: middle;
	display: inline-block;
	*zoom: 1; *display: inline; /*for ie inline-block */
	height:32px;
	width:1px;
	background-color: #A8AEB3;
	opacity: 0.5;
	margin-left: 10px;
}

.productsbar a > div.user, .productsbar #j2enavbar a > div.user {
	font-weight: bold;
  	white-space: nowrap;
  	margin: 0 10px;
}
/*
// Copyright Just2easy Limited 2010,17 all rights reserved.
*/

.productsbar ul#j2enavbar.navbar li.productLogo {
	width:100%;
	text-align:center;
}

.productsbar ul#j2enavbar.navbar .helpManual {
	padding-right:4px;
	color:white;
}

.ui-dialog .ui-dialog-titlebar {
    margin: .2em;
    padding: .3em 1em;
    background: #163247;
    border: none;
}
.ui-dialog.ui-widget .ui-dialog-titlebar > button {
    background: none;
    border: none;
}

.ui-dialog .ui-dialog-titlebar-close span {
    left: 50%;
    top: 50%;
}

button {
	outline:none;
}

body > *, body p, body div, #content, #content input, #content select, #content p, #content textarea, #content legend, #filterHeader *, #linksHeader .upload.unsupported a {
	font-size: 16px;
	font-weight: normal;
	font-family: "Lexend", ABeeZee, "Lucida Console", Monaco, monospace;
	color: #727D8B;
}

.productsbar {background-color: #163247;}
.productsbar a > div {color: white;}

#content, #qBox {box-sizing: border-box;}
ul {list-style-type:none;}

body { font: 13px Helvetica, Arial; background-color:#163247;}


#content, #j2enavbar.navbar {width:980px; margin:auto;}

#contentWrapper {
	width:100%;
	background-color:white;
	border-top: #163247 5px solid;
}


 .blastPanel, .blastHeader {
 	display:none;
 }

.blastPanel{
  	min-height:420px;
  	width:980px;
	background-color:white;
	border-top: #163247 5px solid;
	margin-top: -5px !important;
}


 .blastPanel.active, .blastHeader.active {
 	display:block;
 }


input:focus, textarea:focus {
    outline: none;
}

.inline {
	display:inline-block;
	/*for ie inline-block */
	zoom:1;
	*display:inline;
}

#recProgressbar {
	width: 40px;
    margin-top: 4px;
	float: left;
	background: white;
	border: 1px solid black;
}

#recProgressbar > div {
	width: 100%;
	background-color: red;
	height: 13px;
}

sup {
	font-size: 60%;
    vertical-align: top;
}

textarea {
	resize:none;
	overflow-x:hidden;
}


.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-size: 14px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    font-weight: bold;
    font-size: 12pt;
    color: #5A6874;
}

.ui-dialog-content input, .ui-dialog-content textarea {
  border: 1px solid #D0D0D0;
  border-radius: 4px;
}

#shareit{
	width:350px;
}

#j2fUser .rowselected {
    background-color: #163247;
    color: white;
}
/*
// Copyright Just2easy Limited 2010,17 all rights reserved.
*/

body.practiceGame {
 	    background-color: #6ED3E2;
    	background: -webkit-radial-gradient(50% 300px, #6ED3E2, #237697);
    	background: -o-radial-gradient(50% 300px, #6ED3E2, #237697);
    	background: -moz-radial-gradient(50% 300px, #6ED3E2, #237697);
    	background: radial-gradient(at 50% 300px, #6ED3E2, #237697);
 }

body.SatsBlaster {
    background-color: #6497c6;
    background: -webkit-radial-gradient(50% 300px, #b1d9f1, #6497c6);
    background: -o-radial-gradient(50% 300px, #b1d9f1, #6497c6);
    background: -moz-radial-gradient(50% 300px, #b1d9f1, #6497c6);
    background: radial-gradient(at 50% 300px, #b1d9f1, #6497c6);
}

  body.stats #main, body.stats.Ks1 #main, body.stats.Ks2 #main, body.stats.Ks3 #main{
 	background:#25425E;
 }

 #statsHeader{
    background-color: #25425E;
    background-position: -0px -1458px;
}

#statsControl label{
	padding:5px;
	font-family:'Arial Black', 'Arial Bold', Gadget, sans-serif;
}

#statsControl select {
	margin-right:20px;
}

#statsControl #fsubType {
	margin:5px;
	display:inline-block;
}

#statsControl #fsubType.hidden{
	display:none;
}

body.Ks1 .productsbar ul#j2enavbar.navbar li.productLogo span,
body.Ks2 .productsbar ul#j2enavbar.navbar li.productLogo span,
body.Ks3 .productsbar ul#j2enavbar.navbar li.productLogo span
 {
	height:28px;
	width: 160px;
	display:inline-block;
	background-position:-777px -2060px;
}

body.Ks2 .productsbar ul#j2enavbar.navbar li.productLogo span {
	background-position: -777px -2110px;
}

body.Ks3 .productsbar ul#j2enavbar.navbar li.productLogo span {
	background-position: -777px -2160px;
}

.practiceGame #contentWrapper, #practiceGame.blastPanel, .SatsBlaster #contentWrapper, #SatsBlaster.blastPanel{
	background-color:transparent;
	border-top:none;
}

 body.results #contentWrapper, body.waiting #contentWrapper {
 	background-color:#3E5F7E;
	background: -webkit-radial-gradient(#3E5F7E, #24425E); /* Safari 5.1 to 6.0 */
	background: -o-radial-gradient(#3E5F7E, #24425E); /* For Opera 11.6 to 12.0 */
	background: -moz-radial-gradient#3E5F7E, #24425E); /* For Firefox 3.6 to 15 */
	background: radial-gradient(#3E5F7E, #24425E); /* Standard syntax */
 	radial-gradient(#3E5F7E, #24425E)
 }

 #game.active.blastPanel {
    min-height: inherit;
    padding-bottom: 25px;
}

  #results, #waiting {
  	background-color:transparent;
  }

 body.results #main, body.waiting #main, body.chooseGame #main{
 	display:none;
 }

 #main{
 	height:300px;
 	width:100%;
 	background-color:#008EEA;
	background: -webkit-radial-gradient(#008EEA, #00519D); /* Safari 5.1 to 6.0 */
  	background: -o-radial-gradient(#008EEA, #00519D); /* For Opera 11.6 to 12.0 */
  	background: -moz-radial-gradient#008EEA, #00519D); /* For Firefox 3.6 to 15 */
  	background: radial-gradient(#008EEA, #00519D); /* Standard syntax */
  	-webkit-tap-highlight-color:transparent;
 }

 body.Ks1 #main, body.Ks2 #main, body.Ks3 #main {
 	background-color:#9cc7e5;
 	background: -webkit-radial-gradient(center, circle cover, #9cc7e5 0px, #6497c6 457px, #6497c6); /* Safari 5.1 to 6.0 */
 	background: -o-radial-gradient(center, circle cover, #9cc7e5 0px, #6497c6 457px, #6497c6); /* For Opera 11.6 to 12.0 */
 	background: -moz-radial-gradient(center, circle cover, #9cc7e5 0px, #6497c6 457px, #6497c6); /* For Firefox 3.6 to 15 */
 	background: radial-gradient(circle at center, #9cc7e5 0px, #6497c6 457px, #6497c6); /* Standard syntax */
 }


 body.SatsBlaster #main{
 	height:320px;
 }

  body.practiceGame #main, body.SatsBlaster #main{
  	background:rgba(0, 36, 83, 0.2);
  }




 #info1 {
 	background-color:white;
 }

  #messages { list-style-type: none; margin: 0; padding: 0; }
  #messages li { padding: 5px 10px; }
  #messages li:nth-child(odd) { background: #eee; }
  #messages li:nth-child(even) { background: white; }


  #j2toolBar {
  	float:right;
  	margin-right: 5px;
  }

  body.spelling #j2toolBar {
  	width:355px;
  }

  #qBox .canvasWrap {
  	margin-bottom:-50px;
 }

 #SatsBlasterHeader #qBox .canvasWrap {
 	margin-bottom:-70px;
}

  #qBox {
  		height: 280px;
  		width:680px;
  		background-color:#FEE57E;
  		padding-left:20px;
    	font-size: 40pt;
    	font-family: 'Montserrat','Arial Black', 'Arial Bold', Gadget, sans-serif;
    	background-image: url('/assets/blast/sand.png');
    	background-repeat: repeat-x;
    	border-radius: 15px;
    	background-position: -0px -40px;
  }

  #SatsBlasterHeader #qBox {
  	height:300px;
  }

  #practiceGameHeader #qBox {
  		background-image: url('/assets/blast/ice.png');
  }

  #SatsBlasterHeader #qBox {
  		background-image: none;
  		background-color:white;
  }

  #qBox #home {
  	display:none;
  }

  #practiceGameHeader #qBox #home, #gameHeader #qBox #home, #SatsBlasterHeader #qBox #home{
  	background-image: url('/assets/blast/final-practice-ingame-assets.png');
  	background-position: -1040px -5px;
  	display:inline-block;
  	height: 60px;
    width: 60px;
    border: none;
    background-color: transparent;
    position: absolute;
    margin-left: -30px;
    margin-top: 5px;
    z-index:1;
  }

  #SatsBlasterHeader #qBox #home {
  	background-image: url('/assets/blast/SATS-assets.png');
  	background-position: -1180px -5px;
  }

  #practiceGameHeader #qBox #home.ui-state-hover{
  	opacity:0.9;
  }

  #qBox #levelInfo {
  	margin-left:150px;
  	margin-right:10px;
  }


  #qBox .info {
  	padding-top: 77px;
  	color: #B78A49;
  }

  #qBox .info .changed {
  	font-weight:bold;
  	color: #896738;
  }

  #practiceGameHeader #qBox .info {
  	color: #5377A1;
  }

  #practiceGameHeader #qBox .info .changed {
  	color: #436082;
  }

  #SatsBlasterHeader #qBox .info {
  	color: #495966;
  }

  #SatsBlasterHeader #qBox .info .changed {
  	color: #262F35;
  }



   #qBox .alien.practice {
    background-image: url('/assets/blast/final-practice-ingame-assets.png');
    background-position: -980px -520px;
    height: 185px;
    top: -150px;
    width: 170px !important;
    left: -40px !important;
    padding: 0px !important;
    margin-right: -170px !important;
    background-size: 1522px 940px;
  }

  #qBox.wrong .alien.practice {
    background-position: -1340px -520px;
    width: 170px !important;
    left: -40px !important;
  }

  #qBox.right .alien.practice {
    background-position: -1160px -520px;
    width: 170px !important;
    left: -40px !important;
    margin-right: -170px !important;
  }

  #qBox #questionInfoRight {
  	float: right;
    padding-right: 10px;
  }

  #qBox #questionInfoRight span {
  	padding-right:5px;
  }

  #question {
    padding-right: 0px;
    padding-left:130px;
  }

  #question.retry {
  	color:red;
  }

  .waiting #question {
  	width:auto;
  	margin-bottom: -80px;
  	padding-top: 50px;
  }

  #m , #question {
  	display:inline-block;
  	background-color:transparent;
  	border:none;
  	vertical-align: middle;
    text-align: left;
    font-size: 40pt;
    color:black;
    font-family: 'Montserrat','Arial Black', 'Arial Bold', Gadget, sans-serif;
    font-weight:900;
    margin-top:75px;
  }

   #m {
  	width:165px;
  	margin-top:35px;
  	margin-left: -300px; /* approximate position for normal question so alien is positioned correctly during game start countdown */
  }

  .waiting #question + #m, .waiting #question + div,.waiting #levelInfo, .waiting #questionInfo, .waiting #questionInfoRight{
  	display:none;
  }

  #j2keypad button{
    width: 70px;
    height: 70px;
    border: none !important;
    background-color: transparent;
    background-image: url('/assets/blast/ingame.png') !important;
  }

  #practiceGameHeader #j2keypad button.keypadClear, #practiceGameHeader #j2keypad button.keypadCommit{
  	background-image: url('/assets/blast/final-practice-ingame-assets.png') !important;
  }


  #j2keypad button.ui-state-hover {
  	opacity:0.9;

  }

  	#j2keypad button:nth-child(2){background-position: -1280px -3px;	}
	#j2keypad button:nth-child(3){background-position: -1352px -3px;	}
	#j2keypad button:nth-child(4){background-position: -1425px -3px;	}

	#j2keypad button:nth-child(6){background-position: -1280px -73px;}
	#j2keypad button:nth-child(7){background-position: -1352px -73px;}
	#j2keypad button:nth-child(8){background-position: -1425px -73px;}

	#j2keypad button:nth-child(10){background-position: -1280px -143px;}
	#j2keypad button:nth-child(11){background-position: -1352px -143px;}
	#j2keypad button:nth-child(12){background-position: -1425px -143px;}

	#j2keypad button.keypadMinus + .bigV, #j2keypad button.keypadMinus + .smallV{display:inline-block;}
	#j2keypad button.keypadPoint, #j2keypad button.keypadMinus{display:none;}

	#j2keypad button.keypadClear{background-position: -1280px -218px; float:left;}
	#j2keypad button.keypadZero{background-position: -1352px -218px;}
	#j2keypad button.keypadCommit{background-position: -1425px -218px;}


  	#practiceGameHeader #j2keypad button.keypadClear{background-position: -1140px -215px;}
	#practiceGameHeader #j2keypad button.keypadCommit{background-position: -1280px -215px;}

  	#j2keypad.advanced button, #practiceGameHeader #j2keypad.advanced button{
  	  background-image: url('/assets/blast/SATS-assets.png') !important;
  	  height:60px;
  	}

  	#j2keypad.advanced button:nth-child(2){background-position: -1280px -3px;	}
	#j2keypad.advanced button:nth-child(3){background-position: -1352px -3px;	}
	#j2keypad.advanced button:nth-child(4){background-position: -1425px -3px;	}

	#j2keypad.advanced button:nth-child(6){background-position: -1280px -63px;}
	#j2keypad.advanced button:nth-child(7){background-position: -1352px -63px;}
	#j2keypad.advanced button:nth-child(8){background-position: -1425px -63px;}

	#j2keypad.advanced button:nth-child(10){background-position: -1280px -123px;}
	#j2keypad.advanced button:nth-child(11){background-position: -1352px -123px;}
	#j2keypad.advanced button:nth-child(12){background-position: -1425px -123px;}


	#j2keypad.advanced button.keypadPoint{display:inline-block; background-position: -1280px -188px;}
	#j2keypad.advanced button.keypadZero{background-position: -1352px -188px;}
	#j2keypad.advanced button.keypadMinus{display:inline-block; background-position: -1425px -188px;}
	#j2keypad.advanced button.keypadMinus + .bigV, #j2keypad.advanced button.keypadMinus + .smallV{display:block;}

  	#j2keypad.advanced button.keypadClear{width:105px; background-position: -1280px -248px;}
	#j2keypad.advanced button.keypadCommit{width:105px;background-position: -1391px -248px;}

  	#j2keypad .keypadSay{
  	    background: #dadada 50% 50% repeat-x;
	    background-image: none !important;
	    width: 200px;
  	}

  	#j2keypad.multiChoice button{
  	  background-image: url('/assets/blast/SATS-assets.png') !important;
  	  height:100px;
  	  width:205px;
  	  font-size:20pt;
  	  font-family: 'Montserrat','Arial Black', Arial-BoldMT, sans-serif;
  	}

  	#j2keypad.multiChoice button:nth-child(2){background-position: -396px -5px;}
  	#j2keypad.multiChoice button:nth-child(4){background-position: -396px -110px;}
  	#j2keypad.multiChoice button:nth-child(6){background-position: -396px -215px;}


  #questionHolder, #feedback {
  	margin: 0 auto;
  	width:920px;
  	}

  #feedback, #qBox{float:left;}

  #feedback {
  	background-color:white;
  }

  #scores {
  	height: 200px;
    border-bottom: lightgray dashed 2px;
  }



#leaderboardHeader, #j2BlastToolbar .ui-button, #jpracticelevel a.ui-slider-handle, #gameHeader #qBox #home {
	background-image: url('/assets/blast/final-homepage-assets.png');
}

#j2BlastToolbar{
	margin-top:-45px;
	margin-left:20px;
}



#statsHeader #j2BlastToolbar{
	margin-top:220px;
	margin-left:80px;
}

#j2BlastToolbar .ui-button {
	height:60px;
	width:60px;
	border: none;
    background-color: transparent;
}

#j2BlastToolbar .graph {background-position: -0px -0px;}
#j2BlastToolbar .alien {background-position: -60px -0px;}
#j2BlastToolbar .home {background-position: -120px -0px;}
#j2BlastToolbar .settings {background-position: -180px -0px;}
#j2BlastToolbar .createList {background-position: -60px -130px;}

#j2BlastToolbar .graph.ui-state-hover, #j2BlastToolbar .graph.active {background-position: -0px -65px;}
#j2BlastToolbar .alien.ui-state-hover {background-position: -60px -65px;}
#j2BlastToolbar .home.ui-state-hover, #j2BlastToolbar .home.active, #gameHeader #qBox #home {background-position: -120px -65px;}
#j2BlastToolbar .settings.ui-state-hover {background-position: -180px -65px;}
#j2BlastToolbar .createList.ui-state-hover {background-position: -60px -195px;}

#leaderboardHeader {
   background-position: -240px -6px;
   background-repeat: no-repeat;
   padding-left: 60px;
   max-width:840px;
}

body.Ks1 #leaderboardHeader, body.Ks2 #leaderboardHeader, body.Ks3 #leaderboardHeader {
   background-position: 75px -520px;
}



.blastHeader {
    height: 370px;
    padding-top: 10px;
    padding-left: 23px;
    padding-right: 15px;
    width: 920px;
    margin: auto;
}

.blastHeader #practice {
	background-position: -640px -930px;
	width: 330px;
	height: 240px;
	display: inline-block;
	margin-right: 90px;
	vertical-align: top;
}

body.Ks1 .blastHeader #practice {
	background-position: -345px -2257px;
}

body.Ks2 .blastHeader #practice {
	background-position: -345px -2501px;
}

body.Ks3 .blastHeader #practice {
	background-position: -345px -2010px;
}


.blastHeader #SATS {
	width:20px;
	height:20px;
	display:inline-block;
	background-color:lightBlue;
}

.blastHeader #live {
	background-position: -324px -930px;
	width: 330px;
	height: 240px;
	display: inline-block;
	margin-top: 20px;
}

body.Ks1 .blastHeader #live {
	background-position: -15px -2257px;
}

body.Ks2 .blastHeader #live {
	background-position: -15px -2501px;
}

body.Ks3 .blastHeader #live {
	background-position: -5px -2010px;
}

.blastHeader #practice, .blastHeader #live{
	cursor:pointer;
	color:white;
    font-size: 2em;
}


#tab-container {height:328px;margin-top:10px;}

#tab-container .etabs {margin: 0 0 7px 30px; padding: 0; min-width:560px;}
#tab-container .tab {
	display: inline-block;
	zoom:1;
	*display:inline;
	background: transparent;
  	margin-right: 10px;
  	vertical-align: bottom;
}
#tab-container .tab a {
	font-size: 14px;
	line-height: 2em;
	display: block;
	margin: 0;
	outline: none;
	color: white;
  	cursor: pointer;
  	text-decoration: none;
  	text-align: center;
}
#tab-container .tab a:hover { text-decoration: underline; }
#tab-container .tab .inner {
	display: table;
  	position: absolute;
  	padding-top: 45px;
  	height: 34px;
  	width: 126px;
}
#tab-container .tab .inner > p {
	display: table-cell;
  	vertical-align: middle;
  	text-align: center;
  	font-size: 10pt;
  	line-height: 10pt;
  	word-break: break-word;
  	color: white;
}
#tab-container .tab .img {
  	width: 245px;
  	height: 55px;
}

#tab-container .tab.place .img 		{
	background-position: -10px -1377px;
	width:139px;
}

#tab-container.allTime .tab.place .img 		{
	background-position: -10px -1304px;
	width:139px;
}

#leaderboard .panel-container{
	overflow-y:auto;
	height:330px;
}


.panel-container > div {
	display:none;
}

.panel-container td {
	text-align: left;
	padding-bottom:2px;
	width: 400px;
}

.panel-container td:first-child {
	width:140px;
	padding-left: 30px;
}

.panel-container tr:nth-child(even) {background: #F5F5F5;}

#tab-container .tab.world .img 		{background-position: -149px -1377px;}
#tab-container .tab.class .img		{background-position: -668px -1377px;}
#tab-container .tab.school .img 	{background-position: -410px -1377px;}


#tab-container .tab.active.world .img 		{background-position: -149px -1300px;}
#tab-container .tab.active.class .img		{background-position: -668px -1300px;}
#tab-container .tab.active.school .img 	{background-position: -410px -1300px;}



.panel-container .active {
 	border-top: 5px solid #9AD81B;
}

.panel-container table {
	width:100%;
	min-height:240px;
}

.panel-container tr.me td {
	border-top: 5px solid #9AD81B;
	border-bottom: 5px solid #9AD81B;
}

.panel-container #world.active, .panel-container #world.active tr.me td{
 	border-color: #9AD81B;
}

.panel-container #class.active, .panel-container #class.active tr.me td {
 	border-color: #FFD849;
}

.panel-container #school.active, .panel-container #school.active tr.me td{
 	border-color: #61CAF1;
}

#leaderboard {
	 width: 915px;
	 margin: auto;
}

#leaderboard .alien {
	position: relative;
	left: 0px;
	float:right;
	margin-top: -160px;
	display: inline-block;
	width: 180px;
    height: 200px;
    background-size: 762px 210px;
}

.alien1 {
	background-position: -0px -800px;
}

#myStanding{
	font-size: 24px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    font-family:'Montserrat','Arial Black', 'Arial Bold', Gadget, sans-serif;
}

#myStanding span {
	margin-right:15px;
}

#tab-container .tab-container .panel-container { background: #fff; border: solid #666 1px; padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }


.ui-widget-overlay.rocket {
    opacity: 1;
    background-image: url('/assets/blast/rocket.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #163247;
}

.blastDia {
	/*transform: skew(-2deg, 2deg);
	-ms-transform:skew(-2deg, 2deg);
	-moz-transform:skew(-2deg, 2deg);
	-webkit-transform:skew(-2deg, 2deg);
	-o-transform:skew(-2deg, 2deg);*/

    box-shadow: 10px 10px 0px rgba(90,125,155,0.2);
    border: none;
    border-radius: 0;
}



.blastDia  #close {
	font-family: FontAwesome;
	float: right;
	z-index: +10;
	cursor: pointer;
	padding-top:20px;
}

.blastDia .ui-dialog-content, .blastDia .ui-dialog-buttonpane{
	/*transform: skew(2deg, -2deg);
	-ms-transform:skew(2deg, -2deg));
	-moz-transform:skew(2deg, -2deg);
	-webkit-transform:skew(2deg, -2deg);
	-o-transform:skew(2deg, -2deg);*/
}

.blastDia .ui-dialog-buttonset{
	float: none !important;
    text-align: center;
    border-top: none;
}

.blastDia .ui-dialog-buttonpane{
	height: 30px;
    border-top: none;
}
.blastDia #jpracticelevel .ui-dialog-buttonpane {height: 20px;}

.blastPanel#waiting {
	height:605px;
	padding-top:136.5px;
}

#waiting .info, #waiting #framewrap {width: 490px;margin-bottom:30px;}
#waiting #framewrap {float:right; text-align:center;}

.countdownNum {
	font-size: 150pt;
    z-index: 101;
    position: absolute;
    left: 47%;
    top: 30%;
    color: white;
}

#waiting .waitingFrame {
    height: 332px;
    width: 454px;
    background-image: url('/assets/blast/waiting-frame.png');
    background-position: -0px -0px;
    margin: auto;
}

body.spelling #waiting .waitingFrame {
    background-image: url('/assets/blast/waiting-frame-spell.png');
}

#waiting .waitingFrame.frame1, #waiting .waitingFrame.frame0 {background-position: -0px -0px;}
#waiting .waitingFrame.frame2 {background-position: -454px -0px;}
#waiting .waitingFrame.frame3 {background-position: -908px -0px;}
#waiting .waitingFrame.frame4 {background-position: -1362px -0px;}

#waiting .waitingFrame.frame5 {background-position: -0px -332px;}
#waiting .waitingFrame.frame6 {background-position: -454px -332px;}
#waiting .waitingFrame.frame7 {background-position: -908px -332px;}
#waiting .waitingFrame.frame8 {background-position: -1362px -332px;}

#waiting .waitingText{
	height: 165px;
    width: 405px;
    background-position: -590px -750px;
	margin: auto;
	margin-bottom: 20px;
}

#waiting .playerList li {
	text-align:left;
	color: #FEFEFE;
}

#waiting .playerList li:nth-child(odd) {
	background: rgba(62,95,126,0);
	background: -moz-linear-gradient(left, rgba(62,95,126,0) 0%, rgba(62,95,126,0.2) 10%, rgba(62,95,126,1) 50%, rgba(62,95,126,0.2) 90%, rgba(62,95,126,0) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(62,95,126,0)), color-stop(10%, rgba(62,95,126,0.2)), color-stop(50%, rgba(62,95,126,1)), color-stop(90%, rgba(62,95,126,0.2)), color-stop(100%, rgba(62,95,126,0)));
	background: -webkit-linear-gradient(left, rgba(62,95,126,0) 0%, rgba(62,95,126,0.2) 10%, rgba(62,95,126,1) 50%, rgba(62,95,126,0.2) 90%, rgba(62,95,126,0) 100%);
	background: -o-linear-gradient(left, rgba(62,95,126,0) 0%, rgba(62,95,126,0.2) 10%, rgba(62,95,126,1) 50%, rgba(62,95,126,0.2) 90%, rgba(62,95,126,0) 100%);
	background: -ms-linear-gradient(left, rgba(62,95,126,0) 0%, rgba(62,95,126,0.2) 10%, rgba(62,95,126,1) 50%, rgba(62,95,126,0.2) 90%, rgba(62,95,126,0) 100%);
}

#waiting .playerList li:nth-child(even) {
	background: rgba(35,65,92,0);
	background: -moz-linear-gradient(left, rgba(35,65,92,0) 0%, rgba(35,65,92,0.2) 10%, rgba(49,80,109,1) 50%, rgba(62,95,126,0.2) 90%, rgba(62,95,126,0) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(35,65,92,0)), color-stop(10%, rgba(35,65,92,0.2)), color-stop(50%, rgba(49,80,109,1)), color-stop(90%, rgba(62,95,126,0.2)), color-stop(100%, rgba(62,95,126,0)));
	background: -webkit-linear-gradient(left, rgba(35,65,92,0) 0%, rgba(35,65,92,0.2) 10%, rgba(49,80,109,1) 50%, rgba(62,95,126,0.2) 90%, rgba(62,95,126,0) 100%);
	background: -o-linear-gradient(left, rgba(35,65,92,0) 0%, rgba(35,65,92,0.2) 10%, rgba(49,80,109,1) 50%, rgba(62,95,126,0.2) 90%, rgba(62,95,126,0) 100%);
	background: -ms-linear-gradient(left, rgba(35,65,92,0) 0%, rgba(35,65,92,0.2) 10%, rgba(49,80,109,1) 50%, rgba(62,95,126,0.2) 90%, rgba(62,95,126,0) 100%);
}

#results .alien {
    height: 596px;
    width: 650px;
    display:inline-block;
    background-position: -0px -0px;
}

.rosette {
    width: 60px;
    height: 46px;
    background-position: -640px -0px;
    display:inline-block;
}

.rosette1 {background-position: -473px -0px;}
.rosette2 {background-position: -533px -0px;}
.rosette3 {background-position: -593px -0px;}
.rosette4 {background-position: -653px -0px;}
.rosette5 {background-position: -713px -0px;}
.rosette6 {background-position: -773px -0px;}
.rosette7 {background-position: -833px -0px;}
.rosette8 {background-position: -893px -0px;}


.rocket-progress .rosette {
	margin-bottom:-31px;
	position:relative;
}

#results .congratsWrapper {
	width: 400px;
    height: 220px;
    margin-bottom: 30px;
}

#results #congratsInfo .whiteText, #results #points .whiteText {color:#FEFEFE; font-size:26px;}

#results .congrats {
    width: 272px;
    height: 220px;
    margin-bottom: 30px;
    display: inline-block;
}

#results .congrats0 {background-position: -10px -0px;}
#results .congrats1 {
	background-position: -10px -165px;
    height: 200px;
}
#results .congrats2 {background-position: -10px -310px;}
#results .congrats3 {background-position: -10px -720px;}
#results .congrats4 {background-position: -10px -910px;}
#results .congrats5 {background-position: -10px -506px;}
#results .congratsbetterLuck {
	background-position: -10px -1138px;
    height: 160px;
}

#results .congratsPB {
	 background-position: -320px -623px;
	 width: 140px;
	 margin-top:58px;
     height: 151px;
}

#congratsButtons .resultsCont, #congratsButtons .resultsRetry  {
    width: 145px;
    height: 40px;
    background-position: -476px -58px;
    background-color: transparent;
    border: none;
    display: inline-block;
    vertical-align:bottom;
}

#congratsButtons button.ui-state-hover {
  	opacity:0.9;
}

#congratsButtons .resultsRetry  {
	background-position: -328px -783px;
	height: 70px;
	width: 126px;
}

#results div > div {
    margin-top: 10px;
}

#results .username {
	font-size:26px;
}

#results #congratsInfo, #results #points, #results #congratsButtons {
	text-align:center;
}

#results #points {
	border-top: dotted #627F9D 1px;
	padding-bottom:20px;
}

#results #thisGame, #results #allGames {
	width:49%;
	display:inline-block;
	margin-top: 20px;
}

#results #thisGame {
    border-right: dotted #627F9D 1px;
}


#results .info, #waiting .info{
	float:left;
	margin-left:10px;
	display:inline-block;
	text-align:center;
	margin-right:-80px;
}

td {
	vertical-align:middle;
}

.flagIcon {
	display:inline-block;
	margin-right:10px;
}

.miniAlienContainer{
	width: 75px;
	height: 50px;
	position:relative;
	display: inline-block;
	vertical-align: middle;
}

.miniAlien{
	background-image: url('/assets/blast/final-chooser-assets.png');
	background-size: 550px 275px;
    position: relative;
    height: 50px;
    left: 0px;
    display: inline-block;
    vertical-align: middle;
}

.playerList .miniAlienContainer {margin-left: 30%}
.playerList .miniAlienContainer .miniAlien {display:block;margin:auto;}

.minismallblue{
    width: 38px;
    background-position: -38px -15px;
}

.minispikey{
    width: 56px;
    background-position: -282px -8px;
}

.minifluffy{
	width: 38px;
    background-position: -155px -15px;
}

.miniyeti{
    width: 62px;
	background-position: -68px -6px;
}

.minifishbowl{
	width: 45px;
	background-position: 1px -10px;
}

.minifootball{
    width: 40px;
    background-position: -124px -7px;
}

.minilongarm{
    width: 56px;
    background-position: -225px -7px;
}

.minijelly{
    width: 42px;
    background-position: -187px -10px;
}

.minioctopus{
    width: 75px;
    background-position: -338px -10px;
}

.minimartian{
	width: 45px;
	background-position: -409px -7px;
}

.miniswimmer{
	width: 45px;
	background-position: -450px -9px;
}

.minidog{
	width: 45px;
	background-position: -501px -11px;
}

#game.blastPanel .players .player .miniAlienContainer .minioctopus {margin-left:-30px}

#practiceGame .space, #practiceGame .myRocket, #SatsBlaster .space, #SatsBlaster .myRocket, #spell #qBox .alien.practice {
	background-image: url('/assets/blast/final-practice-ingame-assets.png');
}

.space {
	width:952px;
	height:472px;
}

#practiceGame .space, #SatsBlaster .space {
	background-position: -5px -7px;
}

.myRocket {
	width: 130px;
    height: 60px;
    position: relative;
    top: -277px;
    left: 66px;
}

#spell .myRocket {
	background-position: -5px -500px;
	height:130px;
}

#practiceGame .myRocket, #SatsBlaster .myRocket {
    background-position: -5px -685px;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
}

#innerResults {
    width:680px;
    background-color: white;
    border-radius: 15px;
    text-align:center;
}

#resultsHolder #innerResults {
    height: 280px;
}

#resultsHolder {
	display:none;
	max-height:280px;
	overflow:hidden;
}

.gameResults #questionHolder {
	display:none;
}

.gameResults #resultsHolder {
	display:block;
}

@-webkit-keyframes bluePlanet {

  10% {background-position: -93px -0px;}
	20% {background-position: -186px -0px;}
	30% {background-position: -279px -0px;}
	40% {background-position: -372px -0px;}
	50% {background-position: -465px -0px;}
	60% {background-position: -558px -0px;}
	70% {background-position: -651px -0px;}
	80% {background-position: -744px -0px;}
	90% {background-position: -837px -0px;}
}

@keyframes bluePlanet {

  10% {background-position: -93px -0px;}
	20% {background-position: -186px -0px;}
	30% {background-position: -279px -0px;}
	40% {background-position: -372px -0px;}
	50% {background-position: -465px -0px;}
	60% {background-position: -558px -0px;}
	70% {background-position: -651px -0px;}
	80% {background-position: -744px -0px;}
	90% {background-position: -837px -0px;}
}

.planet.blue{
	background-image: url('/assets/blast/bluePlanetFrame.png');
    width: 93px;
    height: 93px;
    top: 95px;
    left: 155px;
    position: relative;
    -webkit-animation-name: bluePlanet;
  -webkit-animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: steps(1, end);
  animation: bluePlanet 3s steps(1, end) infinite
}

@-webkit-keyframes sunPlanet {

  4% {background-position: -210px -0px;}
8% {background-position: -420px -0px;}
12% {background-position: -630px -0px;}
16% {background-position: -840px -0px;}
20% {background-position: -1050px -0px;}
24% {background-position: -1260px -0px;}
28% {background-position: -1470px -0px;}
32% {background-position: -1680px -0px;}
36% {background-position: -1890px -0px;}
40% {background-position: -0px -210px;}
44% {background-position: -210px -210px;}
48% {background-position: -420px -210px;}
52% {background-position: -630px -210px;}
56% {background-position: -840px -210px;}
60% {background-position: -1050px -210px;}
64% {background-position: -1260px -210px;}
68% {background-position: -1470px -210px;}
72% {background-position: -1680px -210px;}
76% {background-position: -2100px -0px;}
80% {background-position: -2310px -0px;}
84% {background-position: -2100px -210px;}
88% {background-position: -2310px -210px;}
}


@keyframes sunPlanet {

  4% {background-position: -210px -0px;}
8% {background-position: -420px -0px;}
12% {background-position: -630px -0px;}
16% {background-position: -840px -0px;}
20% {background-position: -1050px -0px;}
24% {background-position: -1260px -0px;}
28% {background-position: -1470px -0px;}
32% {background-position: -1680px -0px;}
36% {background-position: -1890px -0px;}
40% {background-position: -0px -210px;}
44% {background-position: -210px -210px;}
48% {background-position: -420px -210px;}
52% {background-position: -630px -210px;}
56% {background-position: -840px -210px;}
60% {background-position: -1050px -210px;}
64% {background-position: -1260px -210px;}
68% {background-position: -1470px -210px;}
72% {background-position: -1680px -210px;}
76% {background-position: -2100px -0px;}
80% {background-position: -2310px -0px;}
84% {background-position: -2100px -210px;}
88% {background-position: -2310px -210px;}
}

.planet.sun{
	background-image: url('/assets/blast/sun-frame.png');
    width: 210px;
    height: 210px;
    top: 95px;
    left: 555px;
    position: relative;
    -webkit-animation-name: sunPlanet;
  -webkit-animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: reverse;
  -webkit-animation-timing-function: steps(1, end);
  animation: sunPlanet 5s steps(1, end) infinite;
}

.crumbTrail li a {
    cursor: pointer;
    color: #1466C2;
    text-decoration: none;
    display:inline-block;
}

.crumbTrail li a:hover {text-decoration: underline;}
.crumbTrail li {display:inline;}
.crumbTrail {padding-top:10px;padding-bottom:10px;margin-right:10px; display:inline-block;}

#statMonth {
	display:inline-block;
	vertical-align:middle;
}

#stats #prevArrow, #stats #nextArrow{
	background-size:643px 322px;
	height:36px;
	width:21px;
	top:auto;
	background-position:-396px -600px;
	vertical-align:middle;
}

#stats #nextArrow{
	background-position:-420px -600px;
}

#graphUserContent.multipleGraphs, #graphContent.multipleGraphs{
	display:inline-block;
	width:50%;
}

#graphUserContent .wordcloud{
	width: 290px;
	height: 350px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	vertical-align: middle;
	position:relative;
	top:-286px;
}

.wordcloud .header{
	color:#333333;
	font-size:18px;
}

.wordcloud .word{
	float: left;
	padding: 5px;
}

.wordcloud .level1 {
	font-size:12pt;
}

.wordcloud .level2 {
	font-size:14pt;
}

.wordcloud .level3 {
	font-size:16pt;
}

.wordcloud .level4 {
	font-size:18pt;
}

.wordcloud .level5 {
	font-size:20pt;
}

.wordcloud .level6 {
	font-size:22pt;
}

.wordcloud .level7 {
	font-size:24pt;
}

.infosats{
    height: 280px;
    width: 90%;
    top: -175px;
    left: -20px;
    position: relative;
    margin-bottom: -280px;
}

#SatsBlasterHeader .infosats {
  	height:300px;
}

.infosats div{
	padding:5px;
	height:37px;
	margin-left:50px;
	margin-right:30px;
}

.infosats div:first-child{
	font-size:20pt;
	padding-bottom:0px;
}

.infosats div:last-child{
	border-bottom: solid #b1d9f1 2px;
}

#SatsBlasterHeader #m {
	border: #2159A7 solid 2px;
	font-size: 26pt;
	padding-left:15px;
	padding-right:15px;
	margin-top:60px;
}



#SatsBlasterHeader #question {
	margin-top:95px;
}

#SatsBlasterHeader #m.notLast {
	text-align:right;
}

#SatsBlasterHeader #m.top {
	margin-top:20px;
}

#SatsBlasterHeader #m.multipleChoice {
	display:none;
}

#SatsBlasterHeader #m + .textQuestion {
	display:none;
}

#SatsBlasterHeader #m.multipleChoice + .textQuestion {
	display:inline-block;
	margin-right: 20px;
    margin-top: -95px;
    width: 150px;
    float: right;
}

#m.middle {
    margin-top: 75px;
}

#SatsBlasterHeader #m.middle {
	margin-top:95px;
}


#SatsBlasterHeader #levelInfo, .countdown{
	display:none;
}

#SatsBlasterHeader #questionInfo {
    margin-left: 150px;
}

#SatsBlasterHeader .countdown, #practiceGameHeader .countdown, #gameHeader .countdown {
	display:block;
}


.countdown .wrapper {
  width: 70px;
  height: 70px;
  position: relative;
  background: white;
  transform: rotate(12deg);
  border-radius: 125px 125px 125px 125px;
}

.countdown .pie {
  width: 50%;
  height: 100%;
  position: absolute;
  transform-origin: 100% 50%;
  background: #B4C3E3;
}

.countdown.tick .pie {
  background: #6497C6;
}

.countdown.red .pie{
	background:#d9534f;
}

.countdown.amber .pie{
	background:#F6E85E;
}

.countdown .face {
	background-image: url('/assets/blast/SATS-assets.png');
    background-position: -1555px -80px;
    z-index: 53;
    width: 140%;
    height: 160%;
    background-color: transparent;
    margin-top: -20px;
    margin-left: -10px;
    position: absolute;
    transform: rotate(-12deg);
}

.countdown.twenty_min .face {
	background-position: -1555px -309px;
}

.countdown.twenty_min .filler {
	-webkit-animation: fill 1200s steps(1, end) infinite; /* Chr, Saf */
	animation: fill 1200s steps(1, end) infinite;
}

.countdown.twenty_min .spinner {
	-webkit-animation: rota 1200s linear infinite; /* Chr, Saf */
	animation: rota 1200s linear infinite;
}

.countdown.twenty_min .mask {
	-webkit-animation: mask 1200s steps(1, end) infinite; /* Chr, Saf */
	animation: mask 1200s steps(1, end) infinite;
}

.countdown.thirty_min .face {
	background-position: -1555px -80px;
}

.countdown.thirty_min .filler {
	-webkit-animation: fill 1800s steps(1, end) infinite; /* Chr, Saf */
	animation: fill 1800s steps(1, end) infinite;
}

.countdown.thirty_min .spinner {
	-webkit-animation: rota 1800s linear infinite; /* Chr, Saf */
	animation: rota 1800s linear infinite;
}

.countdown.thirty_min .mask {
	-webkit-animation: mask 1800s steps(1, end) infinite; /* Chr, Saf */
	animation: mask 1800s steps(1, end) infinite;
}


.countdown.six_sec .face, .countdown.six_sec_paused .face {
	background-position: -1555px -80px;
}

.countdown.six_sec .filler {
	-webkit-animation: fillcolour 6s linear 1 forwards; /* Chr, Saf */
	animation: fillcolour 6s linear 1 forwards;
}

.countdown.six_sec .spinner {
	-webkit-animation: rotacolour 6s linear 1 forwards; /* Chr, Saf */
	animation: rotacolour 6s linear 1 forwards;
}

.countdown.six_sec .mask {
	-webkit-animation: mask 6s steps(1, end) 1 forwards; /* Chr, Saf */
	animation: mask 6s steps(1, end) 1 forwards;
}


.countdown .spinner {
  border-radius: 125px 0 0 125px;
  z-index: 51;
  border-right: none;
}

.countdown .filler {
  border-radius: 0 125px 125px 0;
  z-index: 50;
  border-left: none;
  left: 50%;
  opacity: 0;
}

.countdown {
	margin-top: 15px;
	margin-right: 20px;
	margin-bottom: -112px;
	float: right;
}

.countdown .mask {
  width: 50%;
  height: 100%;
  position: absolute;
  z-index: 52;
  opacity: 1;
  background: inherit;
  border-radius: 125px 0px 0px 125px;
}

@keyframes rotacolour {
  0%   { transform: rotate(0deg);background-color:#B4C3E3; }
  82% {background-color:#B4C3E3;}
  83%   {background-color:#F6E85E; }
  92%   {background-color:orange; }
  100% { transform: rotate(360deg);background-color:#d9534f;}
}

@-webkit-keyframes rotacolour {
  0%   { transform: rotate(0deg);background-color:#B4C3E3; }
  82% {background-color:#B4C3E3;}
  83%   {background-color:#F6E85E; }
  92%   {background-color:orange; }
  100% { transform: rotate(360deg);background-color:#d9534f;}
}

@keyframes fillcolour {
  0%        { opacity: 0; background-color:#B4C3E3;}
  49%       { opacity: 0; background-color:#B4C3E3;}
  50%		{ opacity: 1; background-color:#B4C3E3;}
  82%		{ opacity: 1;  background-color:#B4C3E3;}
  83%       { opacity: 1; background-color:#F6E85E;}
  92%   {background-color:orange; }
  100%	{ opacity: 1; background-color:#d9534f;}
}

@-webkit-keyframes fillcolour {
  0%        { opacity: 0; background-color:#B4C3E3;}
  49%       { opacity: 0; background-color:#B4C3E3;}
  50%		{ opacity: 1; background-color:#B4C3E3;}
  82%		{ opacity: 1;  background-color:#B4C3E3;}
  83%       { opacity: 1; background-color:#F6E85E;}
  92%   {background-color:orange; }
  100%	{ opacity: 1; background-color:#d9534f;}
}


@-webkit-keyframes rota {
	0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg);}
}

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

@keyframes fill {
  0%        { opacity: 0;}
  50%, 100% { opacity: 1;}
}

@-webkit-keyframes fill {
  0%        { opacity: 0;}
  50%, 100% { opacity: 1;}
}

@keyframes mask {
  0%        { opacity: 1;}
  50%, 100% { opacity: 0;}
}

@-webkit-keyframes mask {
  0%        { opacity: 1;}
  50%, 100% { opacity: 0;}
}



.countdown .clock{
	float: right;
	height: 112px;
	width: 100px;
	margin-top: -20px;
	margin-right: -20px;
	background-image: url('/assets/blast/SATS-assets.png');
	background-position: -1555px -195px;
}

@keyframes showLeaderboard {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-webkit-keyframes showLeaderboard {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-moz-keyframes showLeaderboard {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

#leaderboard #tab-container table{
	display:none;
}

#leaderboard #tab-container.days table.days,
#leaderboard #tab-container.allTime table.allTime {
	display:block;
	animation:showLeaderboard 3s normal;
	-webkit-animation:showLeaderboard 3s normal; /* Chr, Saf */
	-moz-animation:showLeaderboard 3s normal; /* Firefox */
}


[contenteditable]:empty:before {
  content: attr(placeholder);
  color:lightgray;
}

.recorder_wrapper{
    z-index: 101;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -200px;
    margin-left: -100px;
}

#j2share input {
	font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
	font-size: 14px;
    max-width: 285px;
}

.statsTopBar{
    padding-top: 5px;
    vertical-align: middle;
}


.crumbHolder{
	display:inline-block;
	float:right;
}

.trophy{
	width: 155px;
	height: 105px;
	background-position: -695px -620px;
	display: inline-block;
	vertical-align: middle;
}

tr:nth-child(odd) td .trophy{
	background-position: -845px -620px;
}

#statHeadline {
	display:none;
}

#statHeadline .wordcloud tr div {
	max-height:150px;
	overflow-y:auto;
}

.noData #statDetail #fres, .noData #statDetail label[for=fres] {
	display:none;
}

.showingHeadline #statHeadline {
    width: 52%;
    display: inline-block;
    background-color: aliceblue;
    vertical-align: middle;
    padding-right:2%;
}

.showingHeadline #graphUserContent{
	display:none;
}

#statDetail {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    background-color: white;
}

.showingHeadline #statDetail{
    width: 45%;
}

#statHeadline div {
	height:350px;
	overflow:auto;
}

#statHeadline a {
	float:right;
}

.allStats {
	background-color: aliceblue;
    width: 100%;
    display: flex;
    align-items: center;
}

 body.chooseGame #contentWrapper {
 	background-color:#406995;
 	background: -webkit-radial-gradient(center, circle cover, #406995 0px, #264969 457px, #264969); /* Safari 5.1 to 6.0 */
 	background: -o-radial-gradient(center, circle cover, #406995 0px, #264969 457px, #264969); /* For Opera 11.6 to 12.0 */
 	background: -moz-radial-gradient(center, circle cover, #406995 0px, #264969 457px, #264969); /* For Firefox 3.6 to 15 */
 	background: radial-gradient(circle at center, #406995 0px, #264969 457px, #264969); /* Standard syntax */
 }
 
 #chooseGame{
  	background-color:transparent;
 }


#chooseGamePanel {
	vertical-align:middle;
	max-width:800px;
	margin:auto;
	/* height:250px; */
}

#chooseGamePanel #prevArrow, #chooseGamePanel #nextArrow {
	opacity:0;
	display:none;
}

.itemTile + div {
    max-width: 120px;
    margin: auto;
    text-align:center;
}

.chooseWrapper .descTitle{
	font-size:24px;
	color:white;
}

.chooseWrapper .desc{
	font-size:14px;
	color:lightgray;
}



#chooseGamePanel #scroll {
	/* width: 65%; */
	height: 688px;
	overflow:hidden;
	vertical-align: middle;
}

#chooseGamePanel #scroll > div {
	width:880px;
	margin-left: -50px;
	text-align: center;
}

.chooseWrapper{
	display:inline-block;
	vertical-align:top;


}

.chooseGameText{
	background-position:-0px -237px;
	width:510px;
	height:195px;
	margin:auto;
}

.itemTile{
	width:240px;
	height:240px;
	margin-right:-20px;
	position:relative;
	transform:scale(0.8);
}

.itemTile.orig {
	background-position: -0px -0px;
}

.itemTile.ks1 {
	margin-left:-10px;
	background-position: -244px -0px;
	
}

.itemTile.ks2 {
	margin-left:-20px;
	background-position: -480px -0px;
}

.itemTile.ks3 {
	margin-left: -20px;
    margin-right: 10px;
    background-position: -720px -0px;
}

.itemTile.age1116 {
	margin-left: -20px;
    margin-right: 10px;
    background-position: -960px -0px;
}

.itemTile.spell {
	background-position: -720px -0px;
}

.itemTile.selected{
	transform:scale(1);
	z-index:1;
	/*animation:growTile 1s normal forwards;
	-webkit-animation:growTile 1s normal forwards; /* Chr, Saf 
	-moz-animation:growTile 1s normal forwards; /* Firefox */
}

#j2enavbar.navbar .flagButton {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    height:16px;
}

@keyframes growTile {
	0% {transform:scale(0.8);}
	100% {transform:scale(1);}
}
@-webkit-keyframes growTile {
	0% {transform:scale(0.8);}
	100% {transform:scale(1);}
}
@-moz-keyframes growTile {
0% {transform:scale(0.8);}
	100% {transform:scale(1);}
}body.spelling #main {
 	background-color:#82d3f1;
 	background: -webkit-radial-gradient(center, circle cover, #82d3f1 0px, #42b3e5 457px, #42b3e5); /* Safari 5.1 to 6.0 */
 	background: -o-radial-gradient(center, circle cover, #82d3f1 0px, #42b3e5 457px, #42b3e5); /* For Opera 11.6 to 12.0 */
 	background: -moz-radial-gradient(center, circle cover, #82d3f1 0px, #42b3e5 457px, #42b3e5); /* For Firefox 3.6 to 15 */
 	background: radial-gradient(circle at center, #82d3f1 0px, #42b3e5 457px, #42b3e5); /* Standard syntax */
}

body.spelling.results #contentWrapper, bodyspelling.waiting #contentWrapper {
    background-color: #2383c3;
    /* background: -webkit-radial-gradient(#2383c3, #00aeef); */
    background: -o-radial-gradient(#2383c3, #00aeef);
    background: -moz-radial-gradient#2383c3, #00aeef);
    background: radial-gradient(#00aeef, #2383c3);
    color: white;
}

body.spelling.results #contentWrapper span, body.spelling.waiting #contentWrapper span {
 	color:white;
 }

body.spelling #statsHeader {
	background-color:transparent
}

body.spelling #j2BlastToolbar{
	position: absolute;
	top: 290px;
}

body.spelling #statsHeader #j2BlastToolbar {
    position: relative;
    top: 0px;
    margin-left: 0px;
}

body.spelling #leaderboardHeader{
	width: 980px;
	overflow-x: visible;
	position: relative;
	background-image: url('/assets/blast/final-spell-homepage-assets.png');
	background-position: -290px -23px;
	padding-left: 50px;
	height: 300px;
	padding-top: 0px;
}

body.spelling .blastHeader #practice {
	background-position: -600px -1800px;
	width: 340px;
	height: 240px;
	display: block;
	margin: 0px;
	position: absolute;
	top: 0px;
	left: 40px;
	padding: 0px;
}


body.spelling .blastHeader #live{
	background-position: -0px -1800px;
	width: 550px;
	height: 300px;
	display: block;
	top: 0px;
	left: 420px;
	position: absolute;
	margin: 0px;
	padding: 0px;
	margin-right: 0px;
}

body.spelling #j2BlastToolbar{
	position: absolute;
	top: 280px;
	left: 10px;
}

.blastSpellDia {
	border:none;
    background: url('/assets/blast/language_assets/english/spell-dialogs.png');
    background-position: -5px -5px;
    width: 395px;
    height: 515px;
}

.blastSpellDia #close {
	font-family: FontAwesome;
	float: right;
	z-index: +10;
	cursor: pointer;
	padding-top:20px;
}

body.spelling #m{
	width:370px;
	margin-left:-300px;
	font-size:30pt;
}

body.spelling #qBox {
  	width:545px;
  	background-color: transparent;
    background-image: url('/assets/blast/paper.png');
}

body.spelling .typeButtons {
  	text-align:center;
  	margin-bottom:-21px;
  	position:relative;
  }

   body.spelling #j2keypad button{
   	width:68px;
   	color: white;
    font-size: 20pt;
    border: none;
    padding-top:-3px;
   }

   body.spelling #j2keypad button span{
   	font-size: 30pt;
   	-webkit-user-select: none;
   }

   body.spelling #j2keypad button.keypadClear, body.spelling #j2keypad button.keypadSay, body.spelling #j2keypad button.keypadCommit {
   		background-color:transparent;
		width:115px;
   }

   body.spelling #j2keypad button.keypadSay {background-position: -1398px -218px;}
   body.spelling #j2keypad button.keypadCommit {background-position: -1510px -218px;}

  body.spelling #j2keypad button, #spellHeader #home, #multiSpellHeader #home {
    background-image: url('/assets/blast/final-spell-ingame-assets.png') !important;
    float:left;
  }

  #spell .space, #spell .myRocket, body.spell #qBox .alien.practice {
  	    background-image: url('/assets/blast/spell-practice-in-game-assets.png');
  }

  body.spell #qBox .alien.practice {
  		background-position: -226px -354px;
   		background-size: 1078px 907px;
   		width:200px !important;
   		margin-left:-40px;
  }

  body.spell #qBox.wrong .alien.practice {
    background-position: -454px -354px;
  }

  body.spell #qBox.right .alien.practice {
    background-position: -681px -354px;
    margin-right: -170px !important;
  }

  body.spelling #j2keypad button:nth-child(3), body.multiSpell #j2keypad button:nth-child(3){background-position: -1280px -3px;}
  	body.spelling #j2keypad button:nth-child(4), body.multiSpell #j2keypad button:nth-child(4){background-position: -1351px -3px;}
  	body.spelling #j2keypad button:nth-child(5), body.multiSpell #j2keypad button:nth-child(5){background-position: -1419px -3px;}
  	body.spelling #j2keypad button:nth-child(6), body.multiSpell #j2keypad button:nth-child(6){background-position: -1487px -3px;}
  	body.spelling #j2keypad button:nth-child(7), body.multiSpell #j2keypad button:nth-child(7){background-position: -1554px -3px;}

  	body.spelling #j2keypad button:nth-child(8), body.multiSpell #j2keypad button:nth-child(9){background-position: -1280px -76px;}
  	body.spelling #j2keypad button:nth-child(9), body.multiSpell #j2keypad button:nth-child(10){background-position: -1351px -76px;}
  	body.spelling #j2keypad button:nth-child(10), body.multiSpell #j2keypad button:nth-child(11){background-position: -1419px -76px;}
  	body.spelling #j2keypad button:nth-child(11), body.multiSpell #j2keypad button:nth-child(12){background-position: -1487px -76px;}
  	body.spelling #j2keypad button:nth-child(12), body.multiSpell #j2keypad button:nth-child(13){background-position: -1554px -76px;}

  	body.spelling #j2keypad button:nth-child(14), body.multiSpell #j2keypad button:nth-child(15){background-position: -1280px -145px;}
  	body.spelling #j2keypad button:nth-child(15), body.multiSpell #j2keypad button:nth-child(16){background-position: -1351px -145px;}
  	body.spelling #j2keypad button:nth-child(16), body.multiSpell #j2keypad button:nth-child(17){background-position: -1419px -145px;}
  	body.spelling #j2keypad button:nth-child(17), body.multiSpell #j2keypad button:nth-child(18){background-position: -1487px -145px;}
  	body.spelling #j2keypad button:nth-child(18), body.multiSpell #j2keypad button:nth-child(19){background-position: -1554px -145px;}

  	body.spelling #j2keypad.lang100 button:nth-child(8), body.multiSpell. #j2keypad button:nth-child(9){background-position: -1280px -3px;position: absolute;top: 115px;margin-left: -75px;}
  	body.spelling #j2keypad.lang100 button:nth-child(9), body.multiSpell.lang100 #j2keypad button:nth-child(10){background-position: -1351px -3px;position: absolute;top: 185px;margin-left: -75px;}
  	body.spelling #j2keypad.lang100 button:nth-child(15), body.multiSpell.lang100 #j2keypad button:nth-child(16){clear: both;}

    body.spelling #j2keypad.lang109 button:nth-child(2), body.multiSpell.lang109 #j2keypad button:nth-child(2){background-position: -1280px -145px;}
  	body.spelling #j2keypad.lang109 button:nth-child(3), body.multiSpell.lang109 #j2keypad button:nth-child(3){background-position: -1351px -145px;}
  	body.spelling #j2keypad.lang109 button:nth-child(4), body.multiSpell.lang109 #j2keypad button:nth-child(4){background-position: -1419px -145px;}
    body.spelling #j2keypad.lang109 button:nth-child(5), body.multiSpell.lang109 #j2keypad button:nth-child(5){background-position: -1487px -145px;}
    body.spelling #j2keypad.lang109 button:nth-child(6), body.multiSpell.lang109 #j2keypad button:nth-child(6){background-position: -1554px -145px;}

  	#spellHeader #home, #multiSpellHeader #home {
	  	background-position: -1175px -3px;
	  	display:inline-block;
	  	height: 60px;
	    width: 60px;
	    border: none;
	    background-color: transparent;
	    position: absolute;
	    margin-left: -30px;
	    margin-top: 5px;
	    z-index:1;
	}

	body.spelling #leaderboardHeader, body.spelling #j2BlastToolbar .ui-button {
		background-image: url('/assets/blast/final-spell-homepage-assets.png');
	}


	body.spelling #results .alien{
		background-image: url('/assets/blast/final-spell-homepage-assets.png');
	    background-position: 20px -310px;
	    background-repeat: no-repeat;
	    padding-bottom:100px;
	}

	body.spelling .ui-widget-overlay.rocket {
	    opacity: 1;
	    background-image: url('/assets/blast/spell-chooser-bg.jpg');
	    background-size: cover;
	    background-repeat: no-repeat;
	    background-color: #10B3EE;
	}

	body.spelling #results .congrats0 {background-position: -10px -0px;height: 200px;margin-top: 40px;}
	body.spelling #results .congrats3 {background-position: -10px -750px;height: 90px;margin-top: 80px;}
	body.spelling #results .congrats4 {background-position: -10px -910px;height: 100px;margin-top: 100px;}

	body.spelling .miniAlien{
		background-image: url('/assets/blast/additional-characters-mini.png');
		background-size: auto;
	    position: relative;
	    height: 50px;
	    width:50px;
	    left: 0px;
	    display: inline-block;
	    vertical-align: middle;
	}

	body.spelling .minirat-1,
	body.spelling .minirat-2,
	body.spelling .minirat-3,
	body.spelling .minirat-4,
	body.spelling .miniparrot-red,
	body.spelling .miniparrot-green,
	body.spelling .miniparrot-pink,
	body.spelling .miniparrot-blue,
	body.spelling .miniswimmer-male-1,
	body.spelling .miniswimmer-male-2,
	body.spelling .miniswimmer-female-1,
	body.spelling .miniswimmer-female-2,
	body.spelling .minioctopus-male-1,
	body.spelling .minioctopus-male-2,
	body.spelling .minioctopus-female-1,
	body.spelling .minioctopus-female-2
	{
		background-image: url('/assets/blast/initial-characters-mini.png');
	}

	body.spelling .minigrace-omalley,
	body.spelling .miniblackbeard,
	body.spelling .minicalico-jack,
	body.spelling .minianne-bonny,
	body.spelling .miniching-shih,
	body.spelling .minisir-francis-drake,
	body.spelling .mininapoleon,
	body.spelling .miniadmiral-nelson
	{
		background-image: url('/assets/blast/historical-characters-mini.png');
	}

	body.spelling .minigrace-omalley{background-position:-180px -0px;}
	body.spelling .miniblackbeard{background-position:-0px -0px;}
	body.spelling .minicalico-jack{background-position:-360px -0px;}
	body.spelling .minianne-bonny{background-position:-240px -0px;}
	body.spelling .miniching-shih{background-position:-300px -0px;}
	body.spelling .minisir-francis-drake{background-position:-420px -0px;}
	body.spelling .mininapoleon{background-position:-120px -0px;}
	body.spelling .miniadmiral-nelson{background-position:-60px -0px;}

	body.spelling .minirat-1 {background-position: -0px -0px;}
	body.spelling .minirat-2 {background-position: -60px -0px;}
	body.spelling .minirat-3 {background-position: -120px -0px;}
	body.spelling .minirat-4 {background-position: -180px -0px;}

	body.spelling .miniparrot-red {background-position: -240px -0px;}
	body.spelling .miniparrot-pink {background-position: -300px -0px;}
	body.spelling .miniparrot-green {background-position: -360px -0px;}
	body.spelling .miniparrot-blue {background-position: -420px -0px;}

	body.spelling .minioctopus-male-1 {background-position: -0px -97.8px;}
	body.spelling .minioctopus-male-2 {background-position: -60px -97.8px;}
	body.spelling .minioctopus-female-1 {background-position: -120px -97.8px;}
	body.spelling .minioctopus-female-2{background-position: -180px -97.8px;}

	body.spelling .miniswimmer-male-1 {background-position: -240px -97.8px;}
	body.spelling .miniswimmer-male-2 {background-position: -300px -97.8px;}
	body.spelling .miniswimmer-female-1 {background-position: -360px -97.8px;}
	body.spelling .miniswimmer-female-2{background-position: -420px -97.8px;}

	body.spelling .minimerman-1 {background-position:-0px -97.8px;}
	body.spelling .minimerman-2 {background-position:-60px -97.8px;}
	body.spelling .minimermaid-1 {background-position:-120px -97.8px;}
	body.spelling .minimermaid-2 {background-position:-180px -97.8px;}

	body.spelling .minifirstmate-male-1 {background-position:-240px -97.8px;}
	body.spelling .minifirstmate-male-2 {background-position:-300px -97.8px;}
	body.spelling .minifirstmate-female-1 {background-position:-360px -97.8px;}
	body.spelling .minifirstmate-female-2 {background-position:-420px -97.8px;}

	body.spelling .minicaptain-male-1 {background-position:-660px -97.8px;}
	body.spelling .minicaptain-male-2 {background-position:-600px -97.8px;}
	body.spelling .minicaptain-female-1 {background-position:-480px -97.8px;}
	body.spelling .minicaptain-female-2 {background-position:-540px -97.8px;}

	body.spelling .minicrowsnest-male-1 {background-position:-0px -0px;}
	body.spelling .minicrowsnest-male-2 {background-position:-60px -0px;}
	body.spelling .minicrowsnest-female-1 {background-position:-120px -0px;}
	body.spelling .minicrowsnest-female-2 {background-position:-180px -0px;}

	body.spelling .minicannon-male-1 {background-position:-240px -0px;}
	body.spelling .minicannon-male-2 {background-position:-300px -0px;}
	body.spelling .minicannon-female-1 {background-position:-360px -0px;}
	body.spelling .minicannon-female-2 {background-position:-420px -0px;}

	body.spelling .minicook-male-1 {background-position:-480px -0px;}
	body.spelling .minicook-male-2 {background-position:-540px -0px;}
	body.spelling .minicook-female-1 {background-position:-600px -0px;}
	body.spelling .minicook-female-2 {background-position:-660px -0px;}

	body.spell #contentWrapper {
		background-image: url('/assets/blast/spell-chooser-bg.jpg');
    	background-position: -0px -200px;
    	border:none;
	}

	body.spell .blastPanel#spell {
		background-color: transparent;
    	border:none;
	}

	.planet.bottle{
	background-image: url('/assets/blast/animation-bottle.png');
	width: 120px;
	height: 100px;
	top: 95px;
	left: 155px;
	position: relative;
	-webkit-animation-name: bottle;
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: steps(1, end);
	animation: bottle 3s steps(1, end) infinite;
}

@-webkit-keyframes bottle {

  10% {background-position: -120px -0px;}
	20% {background-position: -240px -0px;}
	30% {background-position: -360px -0px;}
	40% {background-position: -480px -0px;}
	50% {background-position: -600px -0px;}
	60% {background-position: -720px -0px;}
	70% {background-position: -840px -0px;}
	80% {background-position: -960px -0px;}
}

@keyframes bottle {

 10% {background-position: -120px -0px;}
	20% {background-position: -240px -0px;}
	30% {background-position: -360px -0px;}
	40% {background-position: -480px -0px;}
	50% {background-position: -600px -0px;}
	60% {background-position: -720px -0px;}
	70% {background-position: -840px -0px;}
	80% {background-position: -960px -0px;}
}

.planet.barrel{
	background-image: url('/assets/blast/animation-barrel.png');
	width: 90px;
	height: 65px;
	top: -65px;
	left: 480px;
	position: relative;
	-webkit-animation-name: barrel;
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: steps(1, end);
	animation: barrel 3s steps(1, end) infinite;
}

@-webkit-keyframes barrel {

  	20% {background-position: -90px -0px;}
	40% {background-position: -180px -0px;}
	60% {background-position: -270px -0px;}
	80% {background-position: -360px -0px;}
}

@keyframes barrel {

20% {background-position: -90px -0px;}
	40% {background-position: -180px -0px;}
	60% {background-position: -270px -0px;}
	80% {background-position: -360px -0px;}
}

.planet.starfish{
	background-image: url('/assets/blast/animation-starfish.png');
	width: 70px;
	height: 70px;
	top: 165px;
	left: 315px;
	position: relative;
	-webkit-animation-name: starfish;
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: steps(1, end);
	animation: starfish 3s steps(1, end) infinite;
}

@-webkit-keyframes starfish {

  	14% {background-position: -70px -0px;}
	29% {background-position: -140px -0px;}
	43% {background-position: -210px -0px;}
	57% {background-position: -280px -0px;}
	71% {background-position: -350px -0px;}
	86% {background-position: -420px -0px;}
}

@keyframes starfish {

 14% {background-position: -70px -0px;}
	29% {background-position: -140px -0px;}
	43% {background-position: -210px -0px;}
	57% {background-position: -280px -0px;}
	71% {background-position: -350px -0px;}
	86% {background-position: -420px -0px;}
}

.planet.shark{
	background-image: url('/assets/blast/animation-shark.png');
	width: 116px;
	height: 120px;
	top: 25px;
	left: 635px;
	position: relative;
	-webkit-animation-name: shark;
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: steps(1, end);
	animation: shark 3s steps(1, end) infinite;
}

@-webkit-keyframes shark {

  	20% {background-position: -116px -0px;}
	40% {background-position: -232px -0px;}
	60% {background-position: -348px -0px;}
	80% {background-position: -464px -0px;}
}

@keyframes shark {

 20% {background-position: -116px -0px;}
	40% {background-position: -232px -0px;}
	60% {background-position: -348px -0px;}
	80% {background-position: -464px -0px;}
}

.planet.treasure{
	background-image: url('/assets/blast/animation-treasure.png');
	width: 310px;
	height: 170px;
	top: -265px;
	left: 705px;
	position: relative;
	-webkit-animation-name: treasure;
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: steps(1, end);
	animation: treasure 3s steps(1, end) infinite;
}

@-webkit-keyframes treasure {

  	50% {background-position: -310px -0px;}
}

@keyframes treasure {

 50% {background-position: -310px -0px;}
}


body.spelling .ui-dialog[aria-describedby="j2share"] .ui-dialog-titlebar, body.spelling .shareTable th {
	background-color: #A24C05;
}

body.spelling .shareTable{
	border-color:#A24C05;
}

.shareTable td:first-child {padding:4px;}
@media (max-width: 1024px) {
	
	#chooseGamePanel { 
	    transform: scale(0.8);
	    transform-origin: center;
	    margin-left: auto;
	    margin-top: -70px;
	}
		
	.chooseGame .chooseGameText{
		margin-top: -7px;
	}
	
	.chooseWrapper .descTitle{
		margin-top: -7px;
	}
}


@media (max-width: 979px) {
	.blastTimer.countdownNum {
	    font-size: 100pt;
	    left: 40%;
	    top: 20%;
	}

	.blastHeader #practice,.blastHeader #live, #tab-container .tab .img  {background-size: 600px 1656px;} /* 0.6 the size of the original */
	body.spelling .blastHeader #practice,body.spelling .blastHeader #live, body.spelling #tab-container .tab .img {background-size: 600px 1278px;} /* 0.6 the size of the original */
		
	#content, #leaderboard, .blastHeader, .blastPanel, #questionHolder, #qBox, #resultsHolder #innerResults, #jResults #innerResults, 
	#waiting .info, #waiting #framewrap, #j2enavbar.navbar {width:560px !important;}
	
	body.spelling #qBox {
		width:545px !important;
	}
	
	#chooseGamePanel {
	    transform: scale(0.7);
	    transform-origin: center;
	    width: 800px;
	    margin-left: -145px;
	}
	
	#chooseGamePanel .itemTile {
		margin-bottom: -35px;
    	margin-top: -20px;
	}
	
	.chooseGame .chooseGameText{
		margin-top: -7px;
	}
	
	.chooseWrapper .descTitle{
		margin-top: -7px;
	}

	body #main, body.leaderboard #main{height: auto;}
	body.spelling.leaderboard #main{height: 182px;}
	
	.spell #main, .multiSpell #main, .practiceGame #main, body.SatsBlaster #main {height: 600px;}
	
	#SatsBlasterHeader .canvasWrap {
		width: 680px;
		-ms-transform: matrix(0.8, 0, 0, 0.8, -90, -0);
	    -webkit-transform: matrix(0.8, 0, 0, 0.8, -90, -0);
	    transform: matrix(0.8, 0, 0, 0.8, -90, -0);
	}

	#tab-container ul {float: left; width: 150px;}
	#tab-container ul li {margin: 0;padding: 0;text-align: center;}
	#tab-container ul li a { display: block; padding-bottom:15px; outline: none; }
	#tab-container ul li a:hover { text-decoration: underline; }
	#tab-container ul li.selected-tab { background: #fff; position: relative; left: 1px; border-style: solid; border-width: 1px 0; }
	#tab-container ul li:first-child.selected-tab { border-top: none; }
	#tab-container ul li a.selected-tab { font-weight: bold; text-decoration: none; }
	#tab-container .panel-container { background: #fff; padding-top: 5px; padding-left: 160px; }
		
	#tab-container .tab.world .img 		{background-position: -89.4px -828px;}
	#tab-container .tab.class .img		{background-position: -400.8px -828px;}
	#tab-container .tab.school .img 	{background-position: -246px -828px;}
	#tab-container.allTime .tab.place .img {width:83.4px; background-position: -6px -782.4px;}
	#tab-container .tab.place .img 		{width:83.4px; background-position: -6px -826.2px;}

	#tab-container .tab.active.world .img 		{background-position: -89.4px -780px;}
	#tab-container .tab.active.class .img		{background-position: -400.8px -780px;}
	#tab-container .tab.active.school .img 	{background-position: -246px -780px;}
	
	#tab-container .tab{display: block;}

	#leaderboard .panel-container{
		overflow: visible;
	    height: auto;
	}
	
	/* 0.6 the size of the original */
	#tab-container .tab .img {
		width: 147px;
	    height: 33px;
	}
	
	#tab-container td{width: auto !important;}
	#leaderboardHeader {
		padding: 0;
	    background-size: 776px 539px; /* 0.65 the size of the original */ 
	    background-position: -187px -4px;
	}
	
	body.Ks1 #leaderboardHeader, body.Ks2 #leaderboardHeader,  body.Ks3 #leaderboardHeader {
	    background-position: -0px -342px;
	}
	
	#leaderboard .alien {float: left;}
	
	#j2BlastToolbar {
		margin-top: -95px;
		margin-left: 0px;
	}

	body.spelling #j2BlastToolbar {
		top: 230px;
	}
	
	#statsHeader #j2BlastToolbar {
	    margin-top: 130px;
	    margin-left: 0px;
	}
	
	#statsHeader {
	    background-size: 650px 1794px;
    	background-position: -0px -948px;
	    height: 183px;
	}
	
	body.spelling #statsHeader {
		background-size: 600px 1278px;
    	background-position: 0px -860px
    }
	
	.blastHeader {height: auto;}
	body.spelling .blastHeader, body.spelling #leaderboardHeader {height: 150px;}

	#gameHeader.blastHeader.active {height:600px;}
	
	body.spelling .blastHeader #practice, body.spelling .blastHeader #live, .blastHeader #practice,.blastHeader #live {
		width: 198px;
		height: 144px;
		/* top: 30px; */
		/* margin-top: 70px; */
		margin-bottom: 50px;
	}

	.blastHeader #practice{
		background-position: -384px -558px;
	}
	
	body.Ks1 .blastHeader #practice {
		background-position: -207px -1354.2px;
	}
	
	body.Ks2 .blastHeader #practice {
		background-position: -207px -1500.6px;
	}
	
	body.Ks3 .blastHeader #practice {
		background-position: -207px -1206px;
	}

	body.spelling .blastHeader #live{
		background-position: -0px -1080px;
		top: 0px;
		margin: 0px;
		left: 290px;
		width: 350px;
		height: 194px;
	}

	body.spelling .blastHeader #practice {
		background-position: -350.5px -1080px;
		margin: 0px;
		top: 0px;
		width: 250px;
	}
		
	.blastHeader #live{
		background-position: -194.4px -558px;
	}
	
	body.Ks1 .blastHeader #live {
		background-position: -9px -1354.2px;
	}
	
	body.Ks2 .blastHeader #live {
		background-position: -9px -1500.6px;
	}
	
	body.Ks3 .blastHeader #live {
		background-position: -3px -1206px;
	}
	
	#m {font-size: 40pt;width: 120px;}

	body.spelling #m {font-size: 30pt;}

	#question {
		padding-right: 20px;
		padding-left: 50px;
    	width: 470px;
	}

	body.spelling #question {
		margin-top:25px;
		width: 370px;
	}

	body.spelling #m{
		width:370px;
		margin-left:-370px;
	}

	#qBox .info {
    	padding-top: 90px;
	}

	#qBox .alien {
		-ms-transform: scale(0.7);
	    -webkit-transform: scale(0.7);
		transform:scale(0.7);
		margin-left:-30px;
		margin-top:20px;
		margin-right: -100px;
	}

	#qBox #levelInfo, #SatsBlasterHeader #questionInfo {
    	margin-left: 100px;
	}
	
	/* Results */
	#resultsHolder {max-height:510px;}
	#gameHeader.blastHeader.active.gameResults {height: 520px;}
	#resultsHolder #congratsButtons {top: -50px;left: -170px;}
	#game.active.blastPanel {padding-bottom:0;}
	
	/* waiting */
	#results .info {padding-left:80px;}
	#waiting .waitingFrame {margin-left:45px;}
	
	/* Practise */
	#j2toolBar {margin-top:15px;margin-right: 172px;}
	body.spelling #j2toolBar {margin-right: 100px; margin-left:100px;}
	#spell.blastPanel, #practiceGame.blastPanel, #SatsBlaster.blastPanel {
		-ms-transform: matrix(0.6, 0, 0, 0.6, -150, -80);
	    -webkit-transform: matrix(0.6, 0, 0, 0.6, -150, -80);
	    transform: matrix(0.6, 0, 0, 0.6, -150, -80);
	}
	
	/* Generate your character and Your details dialogue */
	.ui-dialog.blastDia[aria-describedby="jAlien"], 
	.ui-dialog.blastDia[aria-describedby="j2BlastDetails"],
	.ui-dialog.blastDia[aria-describedby="jResults"] {width: 560px !important;}
	#jAlien #dialog-modal-prompt, #j2BlastDetails #dialog-modal-prompt {left:0;}
	#j2AlienToolbar #scroll {width:395px;}
	
	#resultsHolder .alien {top: -15px;left: -170px;}
	#results .alien {
		background-size: 402px 357px; /* 0.6 the size of the original */
		width: 390px;
	    height: 357px;
	    margin-left: 85px;
	}
	
	body.spelling #results .alien {
		background-size: auto;
	}
}

@media (max-width: 586px) {
	#leaderboardHeader {padding:0;}
	.blastHeader {padding:0;}
	
	#statsHeader #j2BlastToolbar {
	    margin-top: 0px;
	    margin-left: 0px;
	    padding-top:120px
	}
	
	#chooseGamePanel {
		transform: scale(0.5);
		transform-origin: center;
		width: 933px;
		margin-left: -180px;
	}
}

@media (max-width: 667px) and (orientation:landscape){
	#content, #j2enavbar.navbar,
	.blastPanel,
	#results,
	#questionHolder,
	#resultsHolder,#resultsHolder #innerResults, 
	#practiceGameHeader.blastHeader, #SatsBlasterHeader.blastHeader, #gameHeader.blastHeader {width: 568px !important;}
	
	.practiceGame #main, body.SatsBlaster #main {height: 320px;}
	#practiceGame.blastPanel, #SatsBlaster.blastPanel {
	    -ms-transform: matrix(0.32, 0, 0, 0.32, -100, -130);
	    -webkit-transform: matrix(0.32, 0, 0, 0.32, -100, -130);
	    transform: matrix(0.32, 0, 0, 0.32, -100, -130);
	}

	body.practiceGame #contentWrapper, body.SatsBlaster #contentWrapper{
		margin-top:-185px;
		margin-left:-95px;
	}
	
	body.game #main {height:300px;}
	body.game #qBox, body.multiSpell #qBox {
		-ms-transform: matrix(0.53, 0, 0, 0.53, -120, 0);
		-webkit-transform: matrix(0.53, 0, 0, 0.53, -120, 0);
		transform: matrix(0.53, 0, 0, 0.53, -120, 0);
		margin-right: -207px;
	}
	body.practiceGame #qBox, body.SatsBlaster #qBox {
		-ms-transform: matrix(0.53, 0, 0, 0.53, -120, -50);
		-webkit-transform: matrix(0.53, 0, 0, 0.53, -120, -50);
		transform: matrix(0.53, 0, 0, 0.53, -120, -50);
		/* margin-left: -130px; */
		margin-right: -207px;
	}
	body #j2toolBar {
		margin: -85px 0 0 55px;
		margin: 0px;
	}
	
	#resultsHolder #innerResults {transform: matrix(0.53, 0, 0, 0.53, -120, 0)}
	#resultsHolder .resInfo {transform: matrix(1, 0, 0, 1, 150, -250);}
	    
    #results div > div {
		margin-top:0px;
	}
	
	#results.blastPanel .congratsWrapper, #jResults .alien{
		transform: matrix(0.5,0,0,0.5,0,-55);
		margin-bottom:-120px
		}

	#jResults .alien{
		margin-bottom: -160px;
		margin-top: -90px;
		}

    #jResults #scroll{
    	height: 150px;
    	padding-top: 0px;
    }
    
    .blastPanel#waiting {padding-top:0}
    #waiting .info {
    	-ms-transform: matrix(0.5, 0, 0, 0.5, -140, -20);
		-webkit-transform: matrix(0.5, 0, 0, 0.5, -140, -20);
		transform: matrix(0.5, 0, 0, 0.5, -140, -20);
    }
    #waiting #framewrap {
    	-ms-transform: matrix(0.5, 0, 0, 0.5, 120, -300);
		-webkit-transform: matrix(0.5, 0, 0, 0.5, 120, -300);
		transform: matrix(0.5, 0, 0, 0.5, 120, -300);
    }
}

@media (max-width: 414px) {

	#jResults .alien {display:none;}
	#jResults #innerResults {width:100% !important;}
	#innerResults .outof {
	    font-size: 30pt;
	}
	#innerResults #scroll {padding-left: 0;}

	#content, #j2enavbar.navbar, .blastPanel, #results .congratsWrapper, #questionHolder, #resultsHolder, #resultsHolder #innerResults, 
	#spellHeader.blastHeader, #practiceGameHeader.blastHeader, #SatsBlasterHeader.blastHeader, #gameHeader.blastHeader {width: 310px !important;}
	#waiting .info, #waiting #framewrap {width: 500px !important; float:left;}
	
	#chooseGame .chooseGameText {
		transform: scale(0.5);
	    transform-origin: center;
	    margin-left: -90px;
    }

	#chooseGamePanel {
	    transform: scale(1);
	    transform-origin: center;
	    margin:auto;
	    width:100%;
	}
	
	#chooseGamePanel #scroll{
	    display: block;
	    width: 260px;
    	margin: auto;
    	height: 100%;
	}
	
	#chooseGamePanel #scroll > div {
	    width: 100%;
    	margin: auto;
	}
	
	#chooseGamePanel .chooseWrapper{
		display: block;
	    width: 200px;
	    margin: auto;
	    height: 300px;
	}
	
	#chooseGamePaenl .itemTile {
		margin-top: -0px;
	}
	
	body:not(.practiceGame):not(.SatsBlaster):not(.game):not(.spell):not(.multiSpell) #main, body.leaderboard #main {
	    -ms-transform: matrix(0.72, 0, 0, 0.72, -73, -5);
	    -webkit-transform: matrix(0.72, 0, 0, 0.72, -73, -5);
	    transform: matrix(0.72, 0, 0, 0.72, -73, -5);
	    width: 560px;
	}
	
	#contentWrapper #leaderboard {
		-ms-transform: matrix(0.56, 0, 0, 0.56, -125, -87);
	    -webkit-transform: matrix(0.56, 0, 0, 0.56, -125, -87);
	    transform: matrix(0.56, 0, 0, 0.56, -125, -87);
	}
	.spell #main, .multiSpell #main, .practiceGame #main, body.SatsBlaster #main {height: 540px;}
	#practiceGame.blastPanel, #SatsBlaster.blastPanel {
	    -ms-transform: matrix(0.32, 0, 0, 0.32, -100, -180);
	    -webkit-transform: matrix(0.32, 0, 0, 0.32, -100, -180);
	    transform: matrix(0.32, 0, 0, 0.32, -100, -180);
	}
	#results.blastPanel {transform:matrix(0.6, 0, 0, 0.6, 0, -180);}
	/*#game.blastPanel {transform:matrix(.56, 0, 0, 0.56, -119, -100);}*/
	
	#results .info {padding:0;margin:0;}
	#results .alien {margin-left: 0;}
	#resultsHolder .alien, #resultsHolder #congratsButtons {left: -40px;}
	
	/* Waiting panel stuff */
	#waiting .info {padding-bottom:20px;}
	#waiting.blastPanel {
	    transform: matrix(0.5, 0, 0, 0.5, -45, -180);
	    height: auto;
	}
	#waiting .waitingText {
		width: 250px;
	    height: 100px;
	    background-size: 600px 1656px; /* 0.6 of original */
	    background-position: -348px -450px;
	}
	#waiting .waitingFrame {margin-left: 15px;}
	
	
	.ui-dialog.blastDia[aria-describedby="jAlien"], .ui-dialog.blastDia[aria-describedby="j2BlastDetails"] {
	    width: 280px !important;
	}
	
	#jAlien #dialog-modal-prompt, #j2BlastDetails #dialog-modal-prompt {
		width: 200px;
	    height: 50px;
	    background-size: 500px 1380px;
	}
	#jAlien #dialog-modal-prompt {background-position: -158px -95px;}
	#j2BlastDetails #dialog-modal-prompt {background-position: -145px -145px;}
	
	#nextArrow {
	    position: absolute;
	    top: 58px;
	    right: 20px;
	}
	
	#j2BlastDetails {
	    padding-left: 25px;
	    height: 500px !important;
	}
	#j2BlastDetails #detailsInfo div {padding-bottom:0;}
	#j2BlastDetails #detailsInfo {font-size:12px;}
	#j2BlastDetails .points {font-size:25px;}
	#j2BlastDetails .alien {
		-ms-transform: matrix(0.6, 0, 0, 0.6, 0, -60);
	    -webkit-transform: matrix(0.6, 0, 0, 0.6, 0, -60);
	    transform: matrix(0.6, 0, 0, 0.6, 0, -60);
	}
	
	#j2AlienToolbar #scroll {
	    width: 245px;
    	height: 209px;
	}
	
	#j2AlienToolbar #nextAlien {
		position: absolute;
	    top: 58px;
	    right: 10px;
	}
	
	#qBox {
		-ms-transform: matrix(0.53, 0, 0, 0.53, -120, -50);
	    -webkit-transform: matrix(0.53, 0, 0, 0.53, -120, -50);
		transform: matrix(0.53, 0, 0, 0.53, -120, -50);
	}
	#j2toolBar {
		float: left;
    	margin: -85px 0 0 55px;
	}
	
	body.spelling #j2toolBar {
	    width: 355px;
    	margin-left: -20px;
	}
	
	.ui-dialog.blastDia[aria-describedby="jResults"] {width: 310px !important;}
	
	#SatsBlasterHeader #qBox .canvasWrap {margin-left:60px;}
	
	body.Ks1 .productsbar ul#j2enavbar.navbar li.productLogo span, 
	body.Ks2 .productsbar ul#j2enavbar.navbar li.productLogo span,
	body.Ks3 .productsbar ul#j2enavbar.navbar li.productLogo span {
	    width: 95px;
	    background-position: -468px -1232px;
	    background-size: 600px 1656px;
	}
	
	body.Ks2 .productsbar ul#j2enavbar.navbar li.productLogo span {
	    background-position: -448px -1262px;
	}
	
	body.Ks3 .productsbar ul#j2enavbar.navbar li.productLogo span {
	    background-position: -448px -1292px;
	}
	
	body.spelling #results .alien {
		background-image:none;
	}
}

@media (max-width: 375px){
	body:not(.SatsBlaster):not(.practiceGame):not(.game):not(.spell):not(.multiSpell) #main, body.leaderboard #main {
	    -ms-transform: matrix(0.66, 0, 0, 0.66, -93, -5);
	    -webkit-transform: matrix(0.66, 0, 0, 0.66, -93, -5);
	    transform: matrix(0.66, 0, 0, 0.66, -93, -5);
	    width: 560px;
	}
}

@media (max-width: 320px){
	body:not(.SatsBlaster):not(.practiceGame):not(.game):not(.spell):not(.multiSpell) #main, body.leaderboard #main {
		-ms-transform: matrix(0.56, 0, 0, 0.56, -120, -10);
	    -webkit-transform: matrix(0.56, 0, 0, 0.56, -120, -10);
	    transform: matrix(0.56, 0, 0, 0.56, -120, -10);
    	width: 560px;
	}
}@charset "UTF-8";/*!Animate.css - http://daneden.me/animate Licensed under the MIT license -http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden*/.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s}.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{11.1%{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}100%{-webkit-transform:none;transform:none}}@keyframes jello{11.1%{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}100%{-webkit-transform:none;transform:none}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
/*
    A partial BS3 build containing only the components required to style the BS3 menu header
    "bootstrap-sass/assets/stylesheets/bootstrap/mixins"
    "bootstrap-sass/assets/stylesheets/bootstrap/variables"
    "bootstrap-sass/assets/stylesheets/bootstrap/forms"
    "bootstrap-sass/assets/stylesheets/bootstrap/navbar"
    "bootstrap-sass/assets/stylesheets/bootstrap/navs"
    "bootstrap-sass/assets/stylesheets/bootstrap/dropdowns"
    "bootstrap-sass/assets/stylesheets/bootstrap/grid"
    "bootstrap-sass/assets/stylesheets/bootstrap/component-animations"
    then removing everything above .navbar
    then adding .navbar-j2e rules
*/
.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}
.navbar:before, .navbar:after {
    display: table;
    content: " ";
}
.navbar:after {
    clear: both;
}
@media (min-width: 768px) {
    .navbar {
        border-radius: 4px;
    }
}

.navbar-header:before, .navbar-header:after {
    display: table;
    content: " ";
}
.navbar-header:after {
    clear: both;
}
@media (min-width: 768px) {
    .navbar-header {
        float: left;
    }
}

.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-overflow-scrolling: touch;
}
.navbar-collapse:before, .navbar-collapse:after {
    display: table;
    content: " ";
}
.navbar-collapse:after {
    clear: both;
}
.navbar-collapse.in {
    overflow-y: auto;
}
@media (min-width: 768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none;
    }
    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }
    .navbar-collapse.in {
        overflow-y: visible;
    }
    .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        padding-right: 0;
        padding-left: 0;
    }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
    max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        max-height: 200px;
    }
}
@media (min-width: 768px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
        border-radius: 0;
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
}

.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}
@media (min-width: 768px) {
    .container > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-header,
    .container-fluid > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px;
}
@media (min-width: 768px) {
    .navbar-static-top {
        border-radius: 0;
    }
}

.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
}
.navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none;
}
.navbar-brand > img {
    display: block;
}
@media (min-width: 768px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: -15px;
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-right: 15px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.navbar-toggle:focus {
    outline: 0;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
}
@media (min-width: 768px) {
    .navbar-toggle {
        display: none;
    }
}

.navbar-nav {
    margin: 7.5px -15px;
}
.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
}
@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }
    .navbar-nav .open .dropdown-menu > li > a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px;
    }
    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px;
    }
    .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
        background-image: none;
    }
}
@media (min-width: 768px) {
    .navbar-nav {
        float: left;
        margin: 0;
    }
    .navbar-nav > li {
        float: left;
    }
    .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.navbar-form {
    padding: 10px 15px;
    margin-right: -15px;
    margin-left: -15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    margin-top: 8px;
    margin-bottom: 8px;
}
@media (min-width: 768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }
    .navbar-form .form-control-static {
        display: inline-block;
    }
    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle;
    }
    .navbar-form .input-group .input-group-addon,
    .navbar-form .input-group .input-group-btn,
    .navbar-form .input-group .form-control {
        width: auto;
    }
    .navbar-form .input-group > .form-control {
        width: 100%;
    }
    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }
    .navbar-form .radio,
    .navbar-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .navbar-form .radio label,
    .navbar-form .checkbox label {
        padding-left: 0;
    }
    .navbar-form .radio input[type=radio],
    .navbar-form .checkbox input[type=checkbox] {
        position: relative;
        margin-left: 0;
    }
    .navbar-form .has-feedback .form-control-feedback {
        top: 0;
    }
}
@media (max-width: 767px) {
    .navbar-form .form-group {
        margin-bottom: 5px;
    }
    .navbar-form .form-group:last-child {
        margin-bottom: 0;
    }
}
@media (min-width: 768px) {
    .navbar-form {
        width: auto;
        padding-top: 0;
        padding-bottom: 0;
        margin-right: 0;
        margin-left: 0;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    margin-bottom: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px;
}
.navbar-btn.btn-sm {
    margin-top: 10px;
    margin-bottom: 10px;
}
.navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px;
}

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px;
}
@media (min-width: 768px) {
    .navbar-text {
        float: left;
        margin-right: 15px;
        margin-left: 15px;
    }
}

@media (min-width: 768px) {
    .navbar-left {
        float: left !important;
    }
    .navbar-right {
        float: right !important;
        margin-right: -15px;
    }
    .navbar-right ~ .navbar-right {
        margin-right: 0;
    }
}
.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
    color: #777;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    color: #5e5e5e;
    background-color: transparent;
}
.navbar-default .navbar-text {
    color: #777;
}
.navbar-default .navbar-nav > li > a {
    color: #777;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #333;
    background-color: transparent;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #e7e7e7;
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
        background-color: transparent;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #555;
        background-color: #e7e7e7;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #ccc;
        background-color: transparent;
    }
}
.navbar-default .navbar-toggle {
    border-color: #ddd;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #e7e7e7;
}
.navbar-default .navbar-link {
    color: #777;
}
.navbar-default .navbar-link:hover {
    color: #333;
}
.navbar-default .btn-link {
    color: #777;
}
.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
    color: #333;
}
.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus {
    color: #ccc;
}

.navbar-inverse {
    background-color: #222;
    border-color: #090909;
}
.navbar-inverse .navbar-brand {
    color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
    color: #fff;
    background-color: transparent;
}
.navbar-inverse .navbar-text {
    color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
    color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #fff;
    background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #090909;
}
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
    color: #444;
    background-color: transparent;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #090909;
}
@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #090909;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #090909;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #9d9d9d;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
        background-color: transparent;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #090909;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #444;
        background-color: transparent;
    }
}
.navbar-inverse .navbar-toggle {
    border-color: #333;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: #101010;
}
.navbar-inverse .navbar-link {
    color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
    color: #fff;
}
.navbar-inverse .btn-link {
    color: #9d9d9d;
}
.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
    color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus {
    color: #444;
}

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav:before, .nav:after {
    display: table;
    content: " ";
}
.nav:after {
    clear: both;
}
.nav > li {
    position: relative;
    display: block;
}
.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #eeeeee;
}
.nav > li.disabled > a {
    color: #777777;
}
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
    color: #777777;
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #eeeeee;
    border-color: #337ab7;
}
.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
.nav > li > a > img {
    max-width: none;
}

.nav-tabs {
    border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}
.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.428571429;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
    border-color: #eeeeee #eeeeee #ddd;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}
.nav-pills > li {
    float: left;
}
.nav-pills > li > a {
    border-radius: 4px;
}
.nav-pills > li + li {
    margin-left: 2px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #337ab7;
}

.nav-stacked > li {
    float: none;
}
.nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0;
}

.nav-justified, .nav-tabs.nav-justified {
    width: 100%;
}
.nav-justified > li, .nav-tabs.nav-justified > li {
    float: none;
}
.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-bottom: 5px;
    text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto;
}
@media (min-width: 768px) {
    .nav-justified > li, .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%;
    }
    .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
        margin-bottom: 0;
    }
}

.nav-tabs-justified, .nav-tabs.nav-justified {
    border-bottom: 0;
}
.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px;
}
.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
    border: 1px solid #ddd;
}
@media (min-width: 768px) {
    .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }
    .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus {
        border-bottom-color: #fff;
    }
}

.tab-content > .tab-pane {
    display: none;
}
.tab-content > .active {
    display: block;
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.dropup,
.dropdown {
    position: relative;
}

.dropdown-toggle:focus {
    outline: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.428571429;
    color: #333333;
    white-space: nowrap;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0;
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
    color: #777777;
}
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.open > .dropdown-menu {
    display: block;
}
.open > a {
    outline: 0;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}

.dropdown-menu-left {
    right: auto;
    left: 0;
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.428571429;
    color: #777777;
    white-space: nowrap;
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990;
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 4px dashed;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto;
    }
    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto;
    }
}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.container:before, .container:after {
    display: table;
    content: " ";
}
.container:after {
    clear: both;
}
@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}
@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}
@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.container-fluid:before, .container-fluid:after {
    display: table;
    content: " ";
}
.container-fluid:after {
    clear: both;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}
.row:before, .row:after {
    display: table;
    content: " ";
}
.row:after {
    clear: both;
}

.row-no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.row-no-gutters [class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}

.col-xs-1 {
    width: 8.3333333333%;
}

.col-xs-2 {
    width: 16.6666666667%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-4 {
    width: 33.3333333333%;
}

.col-xs-5 {
    width: 41.6666666667%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-7 {
    width: 58.3333333333%;
}

.col-xs-8 {
    width: 66.6666666667%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-10 {
    width: 83.3333333333%;
}

.col-xs-11 {
    width: 91.6666666667%;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-pull-1 {
    right: 8.3333333333%;
}

.col-xs-pull-2 {
    right: 16.6666666667%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-4 {
    right: 33.3333333333%;
}

.col-xs-pull-5 {
    right: 41.6666666667%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-7 {
    right: 58.3333333333%;
}

.col-xs-pull-8 {
    right: 66.6666666667%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-10 {
    right: 83.3333333333%;
}

.col-xs-pull-11 {
    right: 91.6666666667%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-push-1 {
    left: 8.3333333333%;
}

.col-xs-push-2 {
    left: 16.6666666667%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-4 {
    left: 33.3333333333%;
}

.col-xs-push-5 {
    left: 41.6666666667%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-7 {
    left: 58.3333333333%;
}

.col-xs-push-8 {
    left: 66.6666666667%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-10 {
    left: 83.3333333333%;
}

.col-xs-push-11 {
    left: 91.6666666667%;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-offset-0 {
    margin-left: 0%;
}

.col-xs-offset-1 {
    margin-left: 8.3333333333%;
}

.col-xs-offset-2 {
    margin-left: 16.6666666667%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-4 {
    margin-left: 33.3333333333%;
}

.col-xs-offset-5 {
    margin-left: 41.6666666667%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-7 {
    margin-left: 58.3333333333%;
}

.col-xs-offset-8 {
    margin-left: 66.6666666667%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-10 {
    margin-left: 83.3333333333%;
}

.col-xs-offset-11 {
    margin-left: 91.6666666667%;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }
    .col-sm-1 {
        width: 8.3333333333%;
    }
    .col-sm-2 {
        width: 16.6666666667%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-4 {
        width: 33.3333333333%;
    }
    .col-sm-5 {
        width: 41.6666666667%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-7 {
        width: 58.3333333333%;
    }
    .col-sm-8 {
        width: 66.6666666667%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-10 {
        width: 83.3333333333%;
    }
    .col-sm-11 {
        width: 91.6666666667%;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-pull-0 {
        right: auto;
    }
    .col-sm-pull-1 {
        right: 8.3333333333%;
    }
    .col-sm-pull-2 {
        right: 16.6666666667%;
    }
    .col-sm-pull-3 {
        right: 25%;
    }
    .col-sm-pull-4 {
        right: 33.3333333333%;
    }
    .col-sm-pull-5 {
        right: 41.6666666667%;
    }
    .col-sm-pull-6 {
        right: 50%;
    }
    .col-sm-pull-7 {
        right: 58.3333333333%;
    }
    .col-sm-pull-8 {
        right: 66.6666666667%;
    }
    .col-sm-pull-9 {
        right: 75%;
    }
    .col-sm-pull-10 {
        right: 83.3333333333%;
    }
    .col-sm-pull-11 {
        right: 91.6666666667%;
    }
    .col-sm-pull-12 {
        right: 100%;
    }
    .col-sm-push-0 {
        left: auto;
    }
    .col-sm-push-1 {
        left: 8.3333333333%;
    }
    .col-sm-push-2 {
        left: 16.6666666667%;
    }
    .col-sm-push-3 {
        left: 25%;
    }
    .col-sm-push-4 {
        left: 33.3333333333%;
    }
    .col-sm-push-5 {
        left: 41.6666666667%;
    }
    .col-sm-push-6 {
        left: 50%;
    }
    .col-sm-push-7 {
        left: 58.3333333333%;
    }
    .col-sm-push-8 {
        left: 66.6666666667%;
    }
    .col-sm-push-9 {
        left: 75%;
    }
    .col-sm-push-10 {
        left: 83.3333333333%;
    }
    .col-sm-push-11 {
        left: 91.6666666667%;
    }
    .col-sm-push-12 {
        left: 100%;
    }
    .col-sm-offset-0 {
        margin-left: 0%;
    }
    .col-sm-offset-1 {
        margin-left: 8.3333333333%;
    }
    .col-sm-offset-2 {
        margin-left: 16.6666666667%;
    }
    .col-sm-offset-3 {
        margin-left: 25%;
    }
    .col-sm-offset-4 {
        margin-left: 33.3333333333%;
    }
    .col-sm-offset-5 {
        margin-left: 41.6666666667%;
    }
    .col-sm-offset-6 {
        margin-left: 50%;
    }
    .col-sm-offset-7 {
        margin-left: 58.3333333333%;
    }
    .col-sm-offset-8 {
        margin-left: 66.6666666667%;
    }
    .col-sm-offset-9 {
        margin-left: 75%;
    }
    .col-sm-offset-10 {
        margin-left: 83.3333333333%;
    }
    .col-sm-offset-11 {
        margin-left: 91.6666666667%;
    }
    .col-sm-offset-12 {
        margin-left: 100%;
    }
}
@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }
    .col-md-1 {
        width: 8.3333333333%;
    }
    .col-md-2 {
        width: 16.6666666667%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-4 {
        width: 33.3333333333%;
    }
    .col-md-5 {
        width: 41.6666666667%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-7 {
        width: 58.3333333333%;
    }
    .col-md-8 {
        width: 66.6666666667%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-10 {
        width: 83.3333333333%;
    }
    .col-md-11 {
        width: 91.6666666667%;
    }
    .col-md-12 {
        width: 100%;
    }
    .col-md-pull-0 {
        right: auto;
    }
    .col-md-pull-1 {
        right: 8.3333333333%;
    }
    .col-md-pull-2 {
        right: 16.6666666667%;
    }
    .col-md-pull-3 {
        right: 25%;
    }
    .col-md-pull-4 {
        right: 33.3333333333%;
    }
    .col-md-pull-5 {
        right: 41.6666666667%;
    }
    .col-md-pull-6 {
        right: 50%;
    }
    .col-md-pull-7 {
        right: 58.3333333333%;
    }
    .col-md-pull-8 {
        right: 66.6666666667%;
    }
    .col-md-pull-9 {
        right: 75%;
    }
    .col-md-pull-10 {
        right: 83.3333333333%;
    }
    .col-md-pull-11 {
        right: 91.6666666667%;
    }
    .col-md-pull-12 {
        right: 100%;
    }
    .col-md-push-0 {
        left: auto;
    }
    .col-md-push-1 {
        left: 8.3333333333%;
    }
    .col-md-push-2 {
        left: 16.6666666667%;
    }
    .col-md-push-3 {
        left: 25%;
    }
    .col-md-push-4 {
        left: 33.3333333333%;
    }
    .col-md-push-5 {
        left: 41.6666666667%;
    }
    .col-md-push-6 {
        left: 50%;
    }
    .col-md-push-7 {
        left: 58.3333333333%;
    }
    .col-md-push-8 {
        left: 66.6666666667%;
    }
    .col-md-push-9 {
        left: 75%;
    }
    .col-md-push-10 {
        left: 83.3333333333%;
    }
    .col-md-push-11 {
        left: 91.6666666667%;
    }
    .col-md-push-12 {
        left: 100%;
    }
    .col-md-offset-0 {
        margin-left: 0%;
    }
    .col-md-offset-1 {
        margin-left: 8.3333333333%;
    }
    .col-md-offset-2 {
        margin-left: 16.6666666667%;
    }
    .col-md-offset-3 {
        margin-left: 25%;
    }
    .col-md-offset-4 {
        margin-left: 33.3333333333%;
    }
    .col-md-offset-5 {
        margin-left: 41.6666666667%;
    }
    .col-md-offset-6 {
        margin-left: 50%;
    }
    .col-md-offset-7 {
        margin-left: 58.3333333333%;
    }
    .col-md-offset-8 {
        margin-left: 66.6666666667%;
    }
    .col-md-offset-9 {
        margin-left: 75%;
    }
    .col-md-offset-10 {
        margin-left: 83.3333333333%;
    }
    .col-md-offset-11 {
        margin-left: 91.6666666667%;
    }
    .col-md-offset-12 {
        margin-left: 100%;
    }
}
@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }
    .col-lg-1 {
        width: 8.3333333333%;
    }
    .col-lg-2 {
        width: 16.6666666667%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-4 {
        width: 33.3333333333%;
    }
    .col-lg-5 {
        width: 41.6666666667%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-7 {
        width: 58.3333333333%;
    }
    .col-lg-8 {
        width: 66.6666666667%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-10 {
        width: 83.3333333333%;
    }
    .col-lg-11 {
        width: 91.6666666667%;
    }
    .col-lg-12 {
        width: 100%;
    }
    .col-lg-pull-0 {
        right: auto;
    }
    .col-lg-pull-1 {
        right: 8.3333333333%;
    }
    .col-lg-pull-2 {
        right: 16.6666666667%;
    }
    .col-lg-pull-3 {
        right: 25%;
    }
    .col-lg-pull-4 {
        right: 33.3333333333%;
    }
    .col-lg-pull-5 {
        right: 41.6666666667%;
    }
    .col-lg-pull-6 {
        right: 50%;
    }
    .col-lg-pull-7 {
        right: 58.3333333333%;
    }
    .col-lg-pull-8 {
        right: 66.6666666667%;
    }
    .col-lg-pull-9 {
        right: 75%;
    }
    .col-lg-pull-10 {
        right: 83.3333333333%;
    }
    .col-lg-pull-11 {
        right: 91.6666666667%;
    }
    .col-lg-pull-12 {
        right: 100%;
    }
    .col-lg-push-0 {
        left: auto;
    }
    .col-lg-push-1 {
        left: 8.3333333333%;
    }
    .col-lg-push-2 {
        left: 16.6666666667%;
    }
    .col-lg-push-3 {
        left: 25%;
    }
    .col-lg-push-4 {
        left: 33.3333333333%;
    }
    .col-lg-push-5 {
        left: 41.6666666667%;
    }
    .col-lg-push-6 {
        left: 50%;
    }
    .col-lg-push-7 {
        left: 58.3333333333%;
    }
    .col-lg-push-8 {
        left: 66.6666666667%;
    }
    .col-lg-push-9 {
        left: 75%;
    }
    .col-lg-push-10 {
        left: 83.3333333333%;
    }
    .col-lg-push-11 {
        left: 91.6666666667%;
    }
    .col-lg-push-12 {
        left: 100%;
    }
    .col-lg-offset-0 {
        margin-left: 0%;
    }
    .col-lg-offset-1 {
        margin-left: 8.3333333333%;
    }
    .col-lg-offset-2 {
        margin-left: 16.6666666667%;
    }
    .col-lg-offset-3 {
        margin-left: 25%;
    }
    .col-lg-offset-4 {
        margin-left: 33.3333333333%;
    }
    .col-lg-offset-5 {
        margin-left: 41.6666666667%;
    }
    .col-lg-offset-6 {
        margin-left: 50%;
    }
    .col-lg-offset-7 {
        margin-left: 58.3333333333%;
    }
    .col-lg-offset-8 {
        margin-left: 66.6666666667%;
    }
    .col-lg-offset-9 {
        margin-left: 75%;
    }
    .col-lg-offset-10 {
        margin-left: 83.3333333333%;
    }
    .col-lg-offset-11 {
        margin-left: 91.6666666667%;
    }
    .col-lg-offset-12 {
        margin-left: 100%;
    }
}
.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}
.fade.in {
    opacity: 1;
}

.collapse {
    display: none;
}
.collapse.in {
    display: block;
}

tr.collapse.in {
    display: table-row;
}

tbody.collapse.in {
    display: table-row-group;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}

.navbar-j2e {
    margin-bottom: 0;
}
.navbar-j2e * {
    box-sizing: border-box;
}
/* Default */
/*:root {
    --navbar-bg-col: #39424c;
    --navbar-link-seeme-col: #01bf68;
    --navbar-mobile-dropdown-col: #323d48;
    --navbar-link-col: rgba(255, 255, 255, 0.8);
    --navbar-link-hover-col: rgba(255, 255, 255, 0.95);
    --navbar-mobile-dropdown-link-bg-hover-col: #2b3640;
    --navbar-box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.24);
    --navbar-dropdown-seperator-col: rgba(255, 255, 255, 0.4);
    --navbar-mobile-link-active-bg-col: rgba(50, 61, 72, 0.8);
    --navbar-link-active-bg-col: var(--navbar-mobile-dropdown-col);
    --navbar-link-seperator-border: 1px solid rgba(255, 255, 255, 0.5);
    --navbar-mobile-link-bg-hover-col: var(--navbar-mobile-dropdown-col);
}*/
/* latin */
.navbar.navbar-j2e.navbar-inverse *:not(.fa) {
    font-family: "Lexend", system-ui;
}
.navbar.navbar-j2e.navbar-inverse .nav>li>a {
    padding: 10px 10px;/*15px;*/
    font-size: 16px;
    font-weight: normal;
}
.navbar.navbar-j2e.navbar-inverse .nav>li:first-of-type>a {
    padding-left: 10px;
}
.navbar.navbar-j2e {
    min-height: auto;
    border-radius: 0px;
    z-index: 1020;
}
.navbar.navbar-j2e.navbar-inverse {
    background-color: #1E252D;
    background-color: var(--navbar-bg-col, #1E252D);
    border-color: #1E252D;
    box-shadow: var(--navbar-box-shadow);
    border: var(--navbar-border);
}
.navbar.navbar-j2e.navbar-inverse .navbar-collapse,
.navbar.navbar-j2e.navbar-inverse .navbar-form {
    border-color: #1E252D;
    border-color: var(--navbar-bg-col, #1E252D);
}

.navbar.navbar-j2e .navbar-header .navbar-brand {
    height: auto;
    padding: 6px 8px;
}
.navbar.navbar-compass .navbar-header .navbar-brand {
    padding: 2px 6px;
}

.navbar.navbar-j2e .navbar-header .navbar-brand img {
    height: 24px;
}
.navbar.navbar-compass .navbar-header .navbar-brand img {
    height: 26px;
}

.navbar.navbar-j2e.navbar-inverse .navbar-nav>li>a {
    color: rgba(255, 255, 255, 0.8);
    color: var(--navbar-link-col, rgba(255, 255, 255, 0.8));
    background-color: #1E252D;
    background-color: var(--navbar-bg-col, #1E252D);
    text-decoration: none;
}
.navbar.navbar-j2e.navbar-inverse .navbar-nav>li:not(:only-of-type):not(:last-of-type)>a {
    border-right: 1px solid rgb(72, 72, 72);
    border-right: var(--navbar-link-seperator-border, 1px solid rgb(72, 72, 72));
}
.navbar.navbar-j2e.navbar-inverse .navbar-nav>li>a.see-me {
    color: #01bf68;
    color: var(--navbar-link-seeme-col);
}
.navbar.navbar-j2e.navbar-inverse .navbar-nav>li>a:focus,
.navbar.navbar-j2e.navbar-inverse .navbar-nav>li>a:hover {
    text-decoration: underline;
    color: rgba(255, 255, 255, 0.95);
    color: var(--navbar-link-hover-col, rgba(255, 255, 255, 0.95));
}
.navbar.navbar-j2e.navbar-inverse .navbar-nav>li>a.see-me:focus,
.navbar.navbar-j2e.navbar-inverse .navbar-nav>li>a.see-me:hover {
    text-decoration: underline;
    color: #01bf68;
    color: var(--navbar-link-seeme-col, #01bf68);
}
.navbar.navbar-j2e.navbar-inverse .navbar-nav>.active>a {
    color: rgba(255, 255, 255, 0.95);
    color: var(--navbar-link-hover-col, rgba(255, 255, 255, 0.95));/*
    background-color: #(--navbar-mobile-link-active-bg-col);
    background-color: var(--navbar-mobile-link-active-bg-col);*/
    background-color: #323d48;
    background-color: var(--navbar-link-active-bg-col, #323d48);
}

.navbar.navbar-j2e.navbar-inverse .navbar-nav>li>a+a {
    display: inline-block;
    padding-left: 5px;
}
.navbar.navbar-j2e.navbar-inverse .navbar-nav>li>a:not(:only-of-type):not(:last-of-type) {
    display: inline-block;
    padding-right: 0px;
    border-right: none;
    float: left;
}

.navbar.navbar-j2e.navbar-inverse .dropdown-menu {
    background-color: #1E252D;
    background-color: var(--navbar-bg-col, #1E252D);
}
.navbar.navbar-j2e.navbar-inverse .dropdown-menu>li>a {
    color: rgba(255, 255, 255, 0.8);
    color: var(--navbar-link-col, rgba(255, 255, 255, 0.8));
    font-size: 15px;
    font-weight: normal;
    padding: 8px 15px 8px 25px;
    text-decoration: none;
}
.navbar.navbar-j2e.navbar-inverse .dropdown-menu>li>a:focus,
.navbar.navbar-j2e.navbar-inverse .dropdown-menu>li>a:hover {
    color: rgba(255, 255, 255, 0.95);
    color: var(--navbar-link-hover-col, rgba(255, 255, 255, 0.95));
    text-decoration: underline;
    background-color: #1E252D;
    background-color: var(--navbar-bg-col, #1E252D);
}
.navbar.navbar-j2e.navbar-inverse .dropdown-menu .divider {
    background-color: rgba(255, 255, 255, 0.4);
    background-color: var(--navbar-dropdown-seperator-col, rgba(255, 255, 255, 0.4));
}

.navbar.navbar-j2e.navbar-inverse .navbar-toggle {
    border: none;
    border-radius: 0px;
    padding: 21px 25px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
.navbar.navbar-j2e.navbar-inverse .navbar-toggle.collapsed:focus,
.navbar.navbar-j2e.navbar-inverse .navbar-toggle.collapsed:hover {
    background-color: #323d48;
    background-color: var(--navbar-mobile-dropdown-col, #323d48);
}
.navbar.navbar-j2e.navbar-inverse .navbar-toggle:not(.collapsed):focus,
.navbar.navbar-j2e.navbar-inverse .navbar-toggle:not(.collapsed):hover {
    background-color: #2b3640;
    background-color: var(--navbar-mobile-dropdown-link-bg-hover-col, #2b3640);
}
.navbar.navbar-j2e.navbar-inverse .navbar-toggle:not(.collapsed) {
    background-color: #323d48;
    background-color: var(--navbar-mobile-dropdown-col, #323d48);
}
.navbar.navbar-j2e:not(.navbar-compass) .navbar-nav>li>a.user-setting-display-name {
    display: flex;
    padding: 0px 0px 0px 8px;
}
.navbar.navbar-j2e:not(.navbar-compass) .navbar-nav>li>a.user-setting-display-name > span.display-name {
    padding: 8px 0px 8px 6px;
}
.navbar.navbar-j2e:not(.navbar-compass) .navbar-nav>li>a.user-setting-display-name img {
    height: 30px;
    margin: 3px;
}

#apps_menu a.app {
    width: 80px;
    height: 70px;
    margin: 8px;
    background-image: url(https://cdn.j2e.com/assets/launch/assets31.png);
    background-size: 619px 1505px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    text-decoration: none;
}
#apps_menu > a {
    padding: 5px 10px;
    line-height: 0rem;
    color: #fff;
}
#apps_menu > a > svg {
    width: 26px;
    height: 26px
}

#apps_menu .apps-menu.open .app-menu.dropdown-menu {
    display: flex;
    flex-direction: column;
}

#apps_menu .app-menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px 10px 30px;
}
#apps_menu .app-menu-body {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    overflow-y: auto;
    max-height: 320px;
    scrollbar-color: rgba(0, 0, 0, 0.3);
    scrollbar-width: thin;
}
#apps_menu .app-menu-footer {
    display: flex;
    align-self: end;
    padding: 10px 15px;
    text-decoration: none;
}

#apps_menu .app:not(.add) span {
    visibility: hidden;
    margin-bottom: 8px;
    color: #fff;
}

#apps_menu a.app:hover {
    transform: scale(1.05);
}

#apps_menu a.app.add {
    background-image: none;
    border: 5px dashed;
    border-radius: 9px;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

#apps_menu a.app.add i {
    font-size: 30px;
    margin-top: 6px;
}

#apps_menu a.app.add span {
    margin-bottom: 4px;
}

#nav_edit_avatar {
    display: flex;
    justify-content: center;
    padding: 8px 15px;
}

#nav_edit_avatar img {
    width: 50%;
}

@media (min-width: 768px) {
    .navbar.navbar-j2e.navbar-inverse .navbar-nav>li>a {
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .navbar.navbar-compass.navbar-inverse .navbar-nav>li>a {
        padding: 5px;
    }
    .navbar.navbar-j2e .navbar-header .navbar-brand {
        height: auto;
        padding: 7px 15px;
    }
    .navbar.navbar-j2e .navbar-header .navbar-brand img {
        width: 85px;
        padding-top: 3px;
        height: unset;
    }
    .navbar.navbar-compass .navbar-header .navbar-brand img {
        width: unset;
        padding-top: 3px;
        height: 24px;
    }
    .navbar.navbar-compass .navbar-header .navbar-brand {
        padding: 4px 15px;
    }
    #apps_menu .app-menu.dropdown-menu {
        padding: 0px 0px 25px 0px;
        width: 35vw;
        max-width: 35vw;
    }

    .navbar.navbar-j2e.navbar-inverse a.user-setting-display-name + .dropdown-menu {
        border: 2px solid #ffffff;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        border-top: 0px;
        -webkit-box-shadow: 0px 5px 13px -6px rgba(0, 0, 0, 0.67);
        box-shadow: 0px 5px 13px -6px rgba(0, 0, 0, 0.67);
    }
}

@media (max-width: 767px) {
    .navbar.navbar-j2e .navbar-header .navbar-brand {
        height: auto;
        padding: 15px 15px;
    }
    .navbar.navbar-j2e.navbar-inverse .navbar-nav>li:not(:only-of-type)>a {
        border-right: none;
    }
    .navbar.navbar-j2e.navbar-inverse .navbar-nav>li:not(:only-of-type)>a:not(:only-of-type):not(:last-of-type) {
        width: 85%;
    }
    .navbar.navbar-j2e.navbar-inverse .navbar-nav>li:not(:only-of-type)>a+a {
        width: 15%;
        text-align: end;
        padding-right: 20px;
    }
    .navbar.navbar-j2e.navbar-inverse .navbar-nav>li>a:focus,
    .navbar.navbar-j2e.navbar-inverse .navbar-nav>li>a:hover {
        background-color: #323d48;
        background-color: var(--navbar-mobile-link-bg-hover-col, #323d48);
    }

    .navbar.navbar-j2e.navbar-inverse .dropdown-menu {
        background-color: #323d48;
        background-color: var(--navbar-mobile-dropdown-col, #323d48);
    }
    .navbar.navbar-j2e.navbar-inverse .dropdown-menu>li>a:focus,
    .navbar.navbar-j2e.navbar-inverse .dropdown-menu>li>a:hover {
        background-color: #2b3640;
        background-color: var(--navbar-mobile-dropdown-link-bg-hover-col, #2b3640);
    }
    .navbar.navbar-j2e .navbar-header #sidebar-toggle.navbar-brand {
        padding: 15px 15px;
    }
    #nav_edit_avatar img {
        width: 25%;
    }
}

@media (min-width: 1200px) {
    #apps_menu .app-menu.dropdown-menu {
        padding: 0px 0px 25px 0px;
        width: 20vw;
        max-width: 20vw;
    }
}


.navbar.navbar-j2e .navbar-nav>li>a.link-resource-link {
    padding: 4px 10px;
    display: flex;
}
.navbar.navbar-j2e .navbar-nav>li>a.link-resource-link img {
    max-height: 27px;
}

.navbar.navbar-j2e.navbar-inverse .navbar-nav > li > a.link-resource-link img {
    height: 27px;
}

.navbar.navbar-j2e.navbar-inverse a.user-setting-display-name + .dropdown-menu .divider {
    margin: 6px 9px;
    height: 2px;
}

.navbar.navbar-j2e.navbar-inverse a.user-setting-display-name + .dropdown-menu>li>a {
    padding: 5px 20px 5px 20px;
}
.navbar.navbar-j2e.navbar-inverse a.user-setting-display-name + .dropdown-menu>li:last-of-type>a {
    margin-bottom: 8px;
}
.navbar.navbar-j2e.navbar-inverse a.user-setting-display-name + .dropdown-menu>li>a#nav_edit_avatar {
    background: url(/assets/launch/usermenu-stars.svg) no-repeat center;
}
@charset "UTF-8";/*!Animate.css - http://daneden.me/animate Licensed under the MIT license -http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden*/.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s}.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{11.1%{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}100%{-webkit-transform:none;transform:none}}@keyframes jello{11.1%{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}100%{-webkit-transform:none;transform:none}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}