@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 **/

/** 5.0.9.P4 **/

/* Variables

oooooooooooooooooooooooooooooooooooooooooooooooooo*/

/* Mixins 

oooooooooooooooooooooooooooooooooooooooooooooooooo*/

/* Arrow Buttons 

oooooooooooooooooooooooooooooooooooooooooooooooooo*/

/* General 

oooooooooooooooooooooooooooooooooooooooooooooooooo*/

/* Standard Elements 

oooooooooooooooooooooooooooooooooooooooooooooooooo*/

/* New Window Invite for All Browsers

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

/* Carousel 

oooooooooooooooooooooooooooooooooooooooooooooooooo*/

/* line 305, splash_non_touch.scss */

HTML.non_touch_enabled_browser .timeline_description {
	background-color: #302e2e;
	background-color: rgba(0, 0, 0, 0.75);
	padding-top: 36px;
	position: absolute;
	top: 24px;
	width: 130px;
	z-index: -1;
}
/* line 314, splash_non_touch.scss */

HTML.non_touch_enabled_browser .timeline_description > .content_frame {
	padding: 7px;
	font-size: 12px;
	line-height: 1.45em;
	margin-top: 9px;
}
/* Structure 

oooooooooooooooooooooooooooooooooooooooooooooooooo*/

/* line 322, splash_non_touch.scss */

HTML.non_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;
	color: white;
	line-height: 19px;
	height: 100%;
}
/* line 324, splash_non_touch.scss */

  HTML.non_touch_enabled_browser body {
	background-attachment: fixed;
	/*background-image: url(../global/images/coco_copter.png);*/

    background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	min-width: 280px;
	overflow-y: hidden;
}
/* line 326, splash_non_touch.scss */

    HTML.non_touch_enabled_browser body .new_window_invite {
	display: none;
	position: absolute;
	z-index: 5;
	background: white;
	width: 100%;
	height: 100%;
	padding-top: 20%;
}
/* line 252, splash_non_touch.scss */

      HTML.non_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 261, splash_non_touch.scss */

        HTML.non_touch_enabled_browser body .new_window_invite A:visited {
	color: #4b4b4b;
}
/* line 264, splash_non_touch.scss */

        HTML.non_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 329, splash_non_touch.scss */

    HTML.non_touch_enabled_browser body a {
	color: white;
	text-decoration: none;
}
/* line 378, ../global/css/_fonts.scss */

      HTML.non_touch_enabled_browser body a:visited {
	color: white;
	text-decoration: none;
}
/* line 332, splash_non_touch.scss */

    HTML.non_touch_enabled_browser body .main_title {
	background-color: black;
	background-color: rgba(0, 0, 0, 0.85);
	color: #e4e4e4;
	font-size: 26px;
	font-weight: lighter;
	line-height: 1.5em;
	margin: 0 auto;
	padding: 10px 38px;
	text-align: center;
	text-transform: uppercase;
	 min-width: 260px;
      max-width: 500px;
}
/* line 335, splash_non_touch.scss */

    HTML.non_touch_enabled_browser body article {
	padding-top: 200px;
	position: absolute;
	width: 100%;
}
/* line 337, splash_non_touch.scss */

      HTML.non_touch_enabled_browser body article .splash_body {
	background-color: #484848;
	background-color: rgba(0, 0, 0, 0.5);
	height: 116px;
	padding: 0 30px;
}
/* line 339, splash_non_touch.scss */

        HTML.non_touch_enabled_browser body article .splash_body > .content_frame {
	height: 0;
	margin: 0 auto;
}
/* line 62, splash_non_touch.scss */

          HTML.non_touch_enabled_browser body article .splash_body > .content_frame .prev_next_container {
	display: block;
	margin: 0 auto;
	position: relative;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-ms-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
	width: 855px;
}
/* line 64, splash_non_touch.scss */

            HTML.non_touch_enabled_browser body article .splash_body > .content_frame .prev_next_container .prev_button {
	background-color: black;
	cursor: pointer;
	height: 24px;
	margin-top: 47px;
	width: 20px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	float: left;
}
/* line 178, splash_non_touch.scss */

              HTML.non_touch_enabled_browser body article .splash_body > .content_frame .prev_next_container .prev_button .icon {
	position: relative;
	left: 2px;
	top: 1px;
	display: block;
}
/* line 182, splash_non_touch.scss */

                HTML.non_touch_enabled_browser body article .splash_body > .content_frame .prev_next_container .prev_button .icon.prev {
	background-image: url("..//global/images/course_connect_icons_new.png");
	background-image: url("..//global/images/course_connect_icons_new.svg");
	background-position: -999px -999px;
	background-size: 240px 288px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	background-position: -216px -48px;
}
/* line 185, splash_non_touch.scss */

                HTML.non_touch_enabled_browser body article .splash_body > .content_frame .prev_next_container .prev_button .icon.next {
	background-image: url("..//global/images/course_connect_icons_new.png");
	background-image: url("..//global/images/course_connect_icons_new.svg");
	background-position: -999px -999px;
	background-size: 240px 288px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	background-position: -192px -48px;
}
/* line 190, splash_non_touch.scss */

              HTML.non_touch_enabled_browser body article .splash_body > .content_frame .prev_next_container .prev_button:hover {
	background-color: #3232b4;
}
/* line 193, splash_non_touch.scss */

              HTML.non_touch_enabled_browser body article .splash_body > .content_frame .prev_next_container .prev_button.disabled {
	visibility: hidden;
	background-color: transparent;
	cursor: default;
}
/* line 197, splash_non_touch.scss */

                HTML.non_touch_enabled_browser body article .splash_body > .content_frame .prev_next_container .prev_button.disabled .icon {
	background-image: none;
}
/* line 200, splash_non_touch.scss */

                HTML.non_touch_enabled_browser body article .splash_body > .content_frame .prev_next_container .prev_button.disabled:hover {
	background-color: transparent;
}
/* line 68, splash_non_touch.scss */

            HTML.non_touch_enabled_browser body article .splash_body > .content_frame .prev_next_container .next_button {
	background-color: black;
	cursor: pointer;
	height: 24px;
	margin-top: 47px;
	width: 20px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	float: right;
}
/* line 178, splash_non_touch.scss */

              HTML.non_touch_enabled_browser body article .splash_body > .content_frame .prev_next_container .next_button .icon {
	position: relative;
	left: 2px;
	top: 1px;
	display: block;
}
/* line 182, splash_non_touch.scss */

                HTML.non_touch_enabled_browser body article .splash_body > .content_frame .prev_next_container .next_button .icon.prev {
	background-image: url("..//global/images/course_connect_icons_new.png");
	background-image: url("..//global/images/course_connect_icons_new.svg");
	background-position: -999px -999px;
	background-size: 240px 288px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	background-position: -216px -48px;
}
/* line 185, splash_non_touch.scss */

                HTML.non_touch_enabled_browser body article .splash_body > .content_frame .prev_next_container .next_button .icon.next {
	background-image: url("..//global/images/course_connect_icons_new.png");
	background-image: url("..//global/images/course_connect_icons_new.svg");
	background-position: -999px -999px;
	background-size: 240px 288px;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	background-position: -192px -48px;
}
/* line 190, splash_non_touch.scss */

              HTML.non_touch_enabled_browser body article .splash_body > .content_frame .prev_next_container .next_button:hover {
	background-color: #3232b4;
}
/* line 193, splash_non_touch.scss */

              HTML.non_touch_enabled_browser body article .splash_body > .content_frame .prev_next_container .next_button.disabled {
	visibility: hidden;
	background-color: transparent;
	cursor: default;
}
/* line 197, splash_non_touch.scss */

                HTML.non_touch_enabled_browser body article .splash_body > .content_frame .prev_next_container .next_button.disabled .icon {
	background-image: none;
}
/* line 200, splash_non_touch.scss */

                HTML.non_touch_enabled_browser body article .splash_body > .content_frame .prev_next_container .next_button.disabled:hover {
	background-color: transparent;
}
/* line 76, splash_non_touch.scss */

          HTML.non_touch_enabled_browser body article .splash_body > .content_frame #carousel_container {
	height: 594px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	top: -260px;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-ms-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
	z-index: 0;
}
/* line 78, splash_non_touch.scss */

            HTML.non_touch_enabled_browser body article .splash_body > .content_frame #carousel_container > .content_frame {
	padding-top: 307px;
	position: relative;
}
/* line 80, splash_non_touch.scss */

              HTML.non_touch_enabled_browser body article .splash_body > .content_frame #carousel_container > .content_frame .timeline {
	background-color: #302e2e;
	height: 24px;
	position: relative;
	-webkit-transition: margin-left 0.2s linear;
	-moz-transition: margin-left 0.2s linear;
	-ms-transition: margin-left 0.2s linear;
	-o-transition: margin-left 0.2s linear;
	transition: margin-left 0.2s linear;
	width: 10000px;
}
/* line 132, splash_non_touch.scss */

                HTML.non_touch_enabled_browser body article .splash_body > .content_frame #carousel_container > .content_frame .timeline .content_frame section.timeline_item {
	float: left;
	padding: 0 4px;
	position: relative;
	width: 130px;
}
/* line 99, splash_non_touch.scss */

                  HTML.non_touch_enabled_browser body article .splash_body > .content_frame #carousel_container > .content_frame .timeline .content_frame section.timeline_item > .content_frame a.hover_area .start_lesson_container {
	bottom: 54px;
	position: absolute;
}
/* line 102, splash_non_touch.scss */

                    HTML.non_touch_enabled_browser body article .splash_body > .content_frame #carousel_container > .content_frame .timeline .content_frame section.timeline_item > .content_frame a.hover_area .start_lesson_container .content_frame .start_lesson_thumb {
	background-image: url(./start_lesson.png);
	width: 52px;
	height: 60px;
}
/* line 146, splash_non_touch.scss */

                  HTML.non_touch_enabled_browser body article .splash_body > .content_frame #carousel_container > .content_frame .timeline .content_frame section.timeline_item > .content_frame a.hover_area .timeline_number {
	line-height: 24px;
}
/* line 148, splash_non_touch.scss */

                    HTML.non_touch_enabled_browser body article .splash_body > .content_frame #carousel_container > .content_frame .timeline .content_frame section.timeline_item > .content_frame a.hover_area .timeline_number > .content_frame {
	font-size: 17px;
	padding: 0 7px;
}
/* line 151, splash_non_touch.scss */

                    HTML.non_touch_enabled_browser body article .splash_body > .content_frame #carousel_container > .content_frame .timeline .content_frame section.timeline_item > .content_frame a.hover_area .timeline_number.highlighted {
	background-color: #3232b4;
}
/* line 155, splash_non_touch.scss */

                  HTML.non_touch_enabled_browser body article .splash_body > .content_frame #carousel_container > .content_frame .timeline .content_frame section.timeline_item > .content_frame a.hover_area .timeline_title {
	overflow: hidden;
	max-height: 41px;
	font-size: 14px;
	line-height: 1.3em;
}
/* line 157, splash_non_touch.scss */

                    HTML.non_touch_enabled_browser body article .splash_body > .content_frame #carousel_container > .content_frame .timeline .content_frame section.timeline_item > .content_frame a.hover_area .timeline_title > .content_frame {
	padding: 5px 0 7px 7px;
	overflow: hidden;
}
/* line 109, splash_non_touch.scss */

                  HTML.non_touch_enabled_browser body article .splash_body > .content_frame #carousel_container > .content_frame .timeline .content_frame section.timeline_item .timeline_thumbnail {
	background-color: #302e2e;
	background-color: rgba(0, 0, 0, 0.75);
	bottom: 100%;
	line-height: 0;
	position: absolute;
	width: 130px;
}
/* line 111, splash_non_touch.scss */

                    HTML.non_touch_enabled_browser body article .splash_body > .content_frame #carousel_container > .content_frame .timeline .content_frame section.timeline_item .timeline_thumbnail > .content_frame {
	padding: 7px;
}
/* line 113, splash_non_touch.scss */

                      HTML.non_touch_enabled_browser body article .splash_body > .content_frame #carousel_container > .content_frame .timeline .content_frame section.timeline_item .timeline_thumbnail > .content_frame img {
	width: 100%;
}
/* line 146, splash_non_touch.scss */

                  HTML.non_touch_enabled_browser body article .splash_body > .content_frame #carousel_container > .content_frame .timeline .content_frame section.timeline_item a.hover_area .timeline_number {
	line-height: 24px;
}
/* line 148, splash_non_touch.scss */

                    HTML.non_touch_enabled_browser body article .splash_body > .content_frame #carousel_container > .content_frame .timeline .content_frame section.timeline_item a.hover_area .timeline_number > .content_frame {
	font-size: 17px;
	padding: 0 7px;
}
/* line 151, splash_non_touch.scss */

                    HTML.non_touch_enabled_browser body article .splash_body > .content_frame #carousel_container > .content_frame .timeline .content_frame section.timeline_item a.hover_area .timeline_number.highlighted {
	background-color: #3232b4;
}
/* line 155, splash_non_touch.scss */

                  HTML.non_touch_enabled_browser body article .splash_body > .content_frame #carousel_container > .content_frame .timeline .content_frame section.timeline_item a.hover_area .timeline_title {
	/*overflow: hidden;*/
	max-height: 46px;
	font-size: 14px;
	line-height: 1.3em;
}
/* line 157, splash_non_touch.scss */

                    HTML.non_touch_enabled_browser body article .splash_body > .content_frame #carousel_container > .content_frame .timeline .content_frame section.timeline_item a.hover_area .timeline_title > .content_frame {
	padding: 5px 0 7px 7px;
	overflow: hidden;
}
.hide_text {
    height: 0;
    overflow: hidden;
    position: absolute;
    width: 0;
}
.accessibilitySplash{
	position:absolute; right:20px; top:-1px; z-index:9999;
}
.accessibilitySplash .accessibilityLink {
	background-color:transparent;
    /*background-image: url("..//global/images/course_connect_icons_new.svg");
    background-position: -189px -93px;
    background-repeat: no-repeat;
    background-size: 240px 288px;
    height: 30px;
    width: 30px;*/
	display:inline-block;
	cursor:pointer;
	display:none;
}

/*.accessibilitySplash .accessibilityLink img {line-height:0; font-size:0; padding:0; margin:0 }
.accessibilitySplash .accessibilityLink:focus{ outline:thin dotted}
.accessibilitySplash .dropAreaLinks{ position:absolute; right:0; top:40px; background:#000; padding:15px; width:235px; display:none}
.accessibilitySplash .dropAreaLinks .arrow{ width:10px; height:9px; position:absolute; right:10px; top:-8px; background: url("..//global/images/arrow.png") no-repeat 0 0;}
.accessibilitySplash .dropAreaLinks a{ padding:10px 5px; text-decoration:none; color:#fff; border:1px solid #CCCCCC; display:inline-block}
.accessibilitySplash .dropAreaLinks a:first-child{ margin-right:5px; min-width:80px}*/

.accessibilitySplash .accessibilityLink img {line-height:0; font-size:0; padding:0; margin:0 }
.accessibilitySplash .accessibilityLink:focus{ outline:thin dotted}
.accessibilitySplash .dropAreaLinks{ position:absolute; right:0; top:0; text-align:right}
.accessibilitySplash .dropAreaLinks .arrow{ width:10px; height:9px; position:absolute; right:10px; top:-8px; background: url("..//global/images/arrow.png") no-repeat 0 0;}
.accessibilitySplash .dropAreaLinks a{ text-decoration:none; color:#fff; display:inline-block}
#link_accessibility{ white-space:nowrap; background:#000; padding:0px 4px;}
.body_moblie #link_accessibility{ display:none}
.dropAreaLinks .link_changemode.DesktopIcon,.body_moblie .dropAreaLinks .link_changemode.MobileIcon{ display:none}
.body_moblie .dropAreaLinks .link_changemode.DesktopIcon{ display:inline-block}

@media screen and (max-width: 480px) {	
.accessibilitySplash{ display:none}
}
/** 5.0.9.P4 **/
.body_moblie {background:#dedede}
.mobile_wapper {max-width:768px; margin:0 auto; position:relative; min-height:800px; }
.mobile_wapper.splash_mobile_wapper{max-width: 808px;}
.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;

}