@import url("//fonts.googleapis.com/css?family=Convergence");
/* Reset

oooooooooooooooooooooooooooooooooooooooooooooooooo */

/* line 4, ../global/css/reset.scss */

* {
	margin: 0;
	padding: 0;
	border: 0;
}
/* line 8, ../global/css/reset.scss */

  * :focus {
/*	 outline: none; */
}
/** 5.0.9.P4 **/

/** 5.0.9.P4 **/

/** 5.0.9.P4 **/

/** 5.0.9.P4 **/

/** 5.0.9.P4 **/

/* Google Web Fonts

oooooooooooooooooooooooooooooooooooooooooooooooooo*/

/*Reset

oooooooooooooooooooooooooooooooooooooooooooooooooo*/

/* General

oooooooooooooooooooooooooooooooooooooooooooooooooo */

/* line 22, splash_touch.scss */

HTML.touch_enabled_browser {
	font-family: "Cabin", "Verdana", "Arial", sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5em;
	text-decoration: none;
	color: #4b4b4b;
	font-size: 17px;
	color: white;
	/*line-height: 19px;*/

  height: 100%;
	min-width: 320px;
}
/* line 34, splash_touch.scss */

  HTML.touch_enabled_browser BODY {
	background-attachment: fixed;
	background-color: black;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	/*color: $white;*/

    /*/// Prevent Mobile Safari from adjusting text size. \\*/

    -webkit-text-size-adjust: 100%;
	/*/// Prevent Mobile Chrome from auto "font boosting". A workaround for the bug. \\*/

    /*/// https://bugs.webkit.org/show_bug.cgi?id=84186 \\*/

    max-height: 999999px;/*Version Neutral (Same regardless of version)

    TODO: Clean up redundancy in upcoming refactor

    oooooooooooooooooooooooooooooooooooooooooooooooooo*/ }
/* line 47, splash_touch.scss */

    HTML.touch_enabled_browser BODY A {
	color: white;
	text-decoration: none;
}
/* line 50, splash_touch.scss */

      HTML.touch_enabled_browser BODY A:visited {
	color: white;
	text-decoration: none;
}
/* line 56, splash_touch.scss */

HTML.touch_enabled_browser BODY .main_title {
	background-color: black;
	background-color: rgba(0, 0, 0, 0.75);
	margin: 0 auto;
	padding: 10px 24px;
	text-align: center;
	width: 462px;
	max-width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
}

.main_title h1  {
	 
	font-size: 35px;
	font-weight: lighter;
	line-height: 1.3em;
	text-transform: uppercase;
}



/* line 77, splash_touch.scss */

    HTML.touch_enabled_browser BODY .new_window_invite {
	display: none;
	position: absolute;
	z-index: 5;
	background: white;
	width: 100%;
	height: 100%;
	padding-top: 20%;
}
/* line 85, splash_touch.scss */

      HTML.touch_enabled_browser BODY .new_window_invite A {
	display: block;
	margin: 0 auto;
	padding: 132px 10% 10% 10%;
	color: #4b4b4b;
	text-align: center;
	font-size: 22px;
	line-height: 1.1em;
	background: url(../new_window_invite/new_window_invite_graphic.png) center 20px no-repeat;
}
/* line 94, splash_touch.scss */

        HTML.touch_enabled_browser BODY .new_window_invite A:visited {
	color: #4b4b4b;
}
/* line 97, splash_touch.scss */

        HTML.touch_enabled_browser BODY .new_window_invite A:hover {
	display: block;
	background: url(../new_window_invite/new_window_invite_graphic_hover.png) center 20px no-repeat;
	color: #80a4c0;
}
/* line 108, splash_touch.scss */

HTML.touch_enabled_browser .mini_bkg {
	/*background-image: url('./ss_ss_l7_t2_highlighting_annotating_th.jpg');*/

  float: left;
	width: 100%;
	height: 27px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: none;
	/*box-shadow: inset 0px 0px 2px 2px #0F0;*/

  position: relative;
	z-index: 3;
}
/* line 122, splash_touch.scss */

HTML.touch_enabled_browser ARTICLE {
	float: left;
	bottom: 13%;
	position: absolute;
	width: 100%;
}
/* line 128, splash_touch.scss */

HTML.touch_enabled_browser .splash_body {
	float: left;
	width: 100%;
	/*width: 9999px;*/

  /*width: 15000px;*/

  overflow: auto;
}
/* line 134, splash_touch.scss */

  HTML.touch_enabled_browser .splash_body > .content_frame {
	float: left;
}
/* line 139, splash_touch.scss */

HTML.touch_enabled_browser .carousel_container {
	padding: 14px 20px;
	float: left;
	background-color: black;
	position: relative;
	z-index: 1;
}
/* line 148, splash_touch.scss */

  HTML.touch_enabled_browser .carousel_container > .content_frame {
	float: left;
}
/* line 151, splash_touch.scss */

  HTML.touch_enabled_browser .carousel_container .touch_enabled_browser .timeline {
	float: left;
}
/* line 154, splash_touch.scss */

  HTML.touch_enabled_browser .carousel_container .timeline > .content_frame {
	float: left;
}

/* line 159, splash_touch.scss */

HTML.touch_enabled_browser .timeline_number {
	float: left;
	margin-right: 0.5em;
}
/* line 164, splash_touch.scss */

HTML.touch_enabled_browser .start_lesson_thumb {
	margin: -17px 0 0 32px;
	display: block;
	position: absolute;
	top: 0;
	background-image: url(./start_lesson_touch.png);
	width: 81px;
	height: 70px;
}
/* line 177, splash_touch.scss */

HTML.touch_enabled_browser .timeline_number {
	font-weight: bold;
}
/* line 180, splash_touch.scss */

HTML.touch_enabled_browser .timeline_title {
	font-weight: bold;
}
/* line 184, splash_touch.scss */

HTML.touch_enabled_browser .timeline_item {
	width: 331px;
	float: left;
}
/* line 187, splash_touch.scss */

  HTML.touch_enabled_browser .timeline_item .timeline_description {
	line-height: 1.2em;
	overflow: hidden;
}
/* line 193, splash_touch.scss */

HTML.touch_enabled_browser .timeline_thumbnail {
	float: left;
	margin-right: 1em;
	width: 200px;
	height: 200px;
	overflow: hidden;
}


.timeline_item a h2 {font-size:1.2em }

/* line 199, splash_touch.scss */

  HTML.touch_enabled_browser .timeline_thumbnail .content_frame IMG {
	width: 100%;
}
/* line 207, splash_touch.scss */

HTML.touch_enabled_browser .timeline SECTION {
	margin-left: 20px;
	height: 200px;
	float: left;
	padding: 8px 1em 8px 8px;
	min-width: 470px;
	background-color: #202020;
}
/* line 214, splash_touch.scss */

  HTML.touch_enabled_browser .timeline SECTION A {
	line-height: 1.3em;
	padding: 5px 0 7px 0;
	display: block;
}
/* line 219, splash_touch.scss */

  HTML.touch_enabled_browser .timeline SECTION:hover {
	cursor: pointer;
}
/* line 225, splash_touch.scss */

  HTML.touch_enabled_browser .timeline SECTION:first-child {
	margin-left: 0;
	position: relative;
	width: 150px;
	min-width: inherit;
}
/* line 230, splash_touch.scss */

    HTML.touch_enabled_browser .timeline SECTION:first-child A {
	font-size: 22px;
	display: block;
	margin-left: 4px;
	margin-top: 54%;
	line-height: 1em;
}
/* line 238, splash_touch.scss */

  HTML.touch_enabled_browser .timeline SECTION:last-child {
	width: 150px;
	min-width: inherit;
}
/* line 241, splash_touch.scss */

    HTML.touch_enabled_browser .timeline SECTION:last-child A {
	font-size: 22px;
	display: block;
	margin-left: 4px;
	margin-top: 54%;
	line-height: 1em;
}
 @media screen and (max-height: 600px), screen and (max-width: 768px) {

  /* line 254, splash_touch.scss */

  HTML.touch_enabled_browser BODY  .main_title {
 width: 100%;
 background-color: black;
}

  /* line 259, splash_touch.scss */

 HTML.touch_enabled_browser ARTICLE {
 bottom: 0;
}

  /* line 263, splash_touch.scss */

  HTML.touch_enabled_browser .carousel_container {
 padding: 46px 20px;
 float: left;
 background-color: black;
}

  /* line 269, splash_touch.scss */

  HTML.touch_enabled_browser .mini_bkg {
 display: block;
}
}
 @media screen and (max-height: 600px) {

  /* line 278, splash_touch.scss */

  HTML.touch_enabled_browser BODY .main_title {
 font-size: 24px;
}
}
 @media screen and (max-height: 568px) {

  /* line 286, splash_touch.scss */

  HTML.touch_enabled_browser .carousel_container {
 padding: 17px;
 float: left;
 background-color: black;
}
}
 @media screen and (max-height: 520px) {

  /* line 295, splash_touch.scss */

  HTML.touch_enabled_browser {
 font-size: 13px;
/*/// move mini background behind translucent heading \\*/ }

    /* line 297, splash_touch.scss */

    HTML.touch_enabled_browser BODY .main_title {
 background-color: rgba(0, 0, 0, 0.75);
 font-size: 18px;
 padding: 7px 14px;
 margin-bottom: 154px;
}

    /* line 303, splash_touch.scss */

    HTML.touch_enabled_browser .timeline_thumbnail {
 width: 140px;
 height: 140px;
}

    /* line 307, splash_touch.scss */

    HTML.touch_enabled_browser .timeline SECTION {
 height: 140px;
 min-width: 0;
}

      /* line 310, splash_touch.scss */

      HTML.touch_enabled_browser .timeline SECTION:first-child {
 width: 110px;
}

        /* line 312, splash_touch.scss */

        HTML.touch_enabled_browser .timeline SECTION:first-child A {
 font-size: 13px;
 margin-left: 14px;
}

      /* line 317, splash_touch.scss */

      HTML.touch_enabled_browser .timeline SECTION:last-child {
 width: 110px;
}

        /* line 319, splash_touch.scss */

        HTML.touch_enabled_browser .timeline SECTION:last-child A {
 font-size: 13px;
 margin-left: 14px;
}

    /* line 325, splash_touch.scss */

    HTML.touch_enabled_browser .start_lesson_thumb {
 margin: -17px 0 0 3px;
}

    /* line 328, splash_touch.scss */

    HTML.touch_enabled_browser .timeline_item .timeline_description {
/*height: 8.2em;*/ }

    /* line 332, splash_touch.scss */

    HTML.touch_enabled_browser .mini_bkg {
 position: absolute;
 top: 0;
 z-index: 0;
/*min-height: 130px;*/ }
}

/* Vertical UI

-------------------------------------------------- */

@media screen and (max-width: 599px) and (max-height: 460px) {

  /* line 347, splash_touch.scss */

  HTML.touch_enabled_browser BODY .main_title {
 margin-bottom: 154px;
 font-size: 18px;
}

  /* line 351, splash_touch.scss */

  HTML.touch_enabled_browser .mini_bkg {
 position: absolute;
 top: 0;
 z-index: 0;
 min-height: 154px;
}

  /* line 357, splash_touch.scss */

  HTML.touch_enabled_browser ARTICLE {
 bottom: auto;
 width: 100%;
}

  /* line 361, splash_touch.scss */

  HTML.touch_enabled_browser .splash_body {
 overflow: visible;
}

  /* line 364, splash_touch.scss */

  HTML.touch_enabled_browser .carousel_container {
 padding: 14px 8px;
}

  /* line 367, splash_touch.scss */

  HTML.touch_enabled_browser .timeline SECTION {
 margin-left: 0;
 padding: 7px;
 margin-bottom: 10px;
 width: 100%;
 height: 154px;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 height: 114px;
}

    /* line 376, splash_touch.scss */

    HTML.touch_enabled_browser .timeline SECTION:first-child {
 margin-left: 0;
 position: relative;
 height: 40px;
 width: 100%;
 height: 30px;
}

      /* line 382, splash_touch.scss */

      HTML.touch_enabled_browser .timeline SECTION:first-child A {
 margin-top: -4px;
 margin-left: 113px;
}

    /* line 387, splash_touch.scss */

    HTML.touch_enabled_browser .timeline SECTION:last-child {
 margin-bottom: 0;
 width: 100%;
 height: 30px;
}

      /* line 391, splash_touch.scss */

      HTML.touch_enabled_browser .timeline SECTION:last-child A {
 margin-top: -4px;
 margin-left: 113px;
}

  /* line 398, splash_touch.scss */

  HTML.touch_enabled_browser .start_lesson_container {
 position: absolute;
 left: 7px;
 margin-top: -65px;
}

  /* line 403, splash_touch.scss */

  HTML.touch_enabled_browser .start_lesson_thumb {
 margin: 0;
}

  /* line 407, splash_touch.scss */

  HTML.touch_enabled_browser .timeline_thumbnail {
 width: 100px;
 height: 100px;
}
}
/*Developer

oooooooooooooooooooooooooooooooooooooooooooooooooo*/

/* line 416, splash_touch.scss */

.red_border {
	border: 1px solid #F00;
}
.hide_text {
    height: 0;
    overflow: hidden;
    position: absolute;
    width: 0;
}
.accessibilityStatemnt{ position:absolute; width:400px; left:50%; top:100px; margin:0 0 0 -220px; border:1px solid #999; background:#fff; padding:20px; color:#333; display:none; }
.accessibilityStatemnt .closeBtn{background: url("..//global/images/icon_closex9.png") no-repeat 50% 50%;
border: 1px solid #A4A4A4;
    border-radius: 30px;
    color: #4B4B4B;
    font-size: 12px;
    font-weight: bold;
    height: 16px;
    line-height: 16px;
    position: absolute;
    right: 1px;
    text-align: center;
    text-decoration: none;
    top: 1px;
    width: 16px;

}