@charset 'utf-8';
@import '_components_course.css';
@import '_components_courseprogress.css';
@import '_components_info.css';
@import '_components_minimeter.css';
@import '_components_progression.css';
@import '_components_scoring.css';
@import '_components_teamprogress.css';
@import '_components_teamnavigation.css';
@import '_partials_heading.css';
@import '_partials_activities.css';
@import '_partials_myteam.css';





#goto-heading{ background-size: 1920px auto; padding-top: 74px; }
#goto-heading .inner{ max-width: 894px; }
#goto-heading .heading{  height: 560px; }
#goto-heading .heading-inner{ vertical-align: top; }
#goto-heading .heading-title{ font-size: 50px; line-height: 1.125; margin: 0; margin-bottom: 0.25em;  }
#goto-heading .heading-title strong{ color: #1E4D5D;  }
#goto-heading .heading-subtitle{ color: #fff; font-size: 18px; font-weight: bold; line-height: 1.2; margin: 0; }
#goto-heading .toggleswitch{ left: 0; position: absolute; top: 190px; }
#goto-heading .toggleswitch label{ display: inline-block; position: relative; overflow: hidden; padding-left: 64px; }
#goto-heading .toggleswitch label:before{ background: #E4F0F1; border-radius: 9px; content: ''; display: block; height: 18px; width: 52px; left: 0; top: 0; position: absolute; z-index: 3; }
#goto-heading .toggleswitch input{ left: -99999em; position: absolute;}
#goto-heading .toggleswitch span{ display: block; font-size: 13px; font-weight: bold; line-height: 18px; }
#goto-heading .toggleswitch span:before{ background: #1E4D5D; border-radius: 7px; content: ''; display: block; height: 14px; width: 22px; left: 3px; top: 2px; position: absolute; z-index: 4; transition: left 0.25s;   }
#goto-heading .toggleswitch input:checked + span:before{ left: 27px; }
@media (min-width: 768px) and (max-width:1023px){
	#goto-heading{ padding-top: 70px; }
	#goto-heading .inner{ max-width: 732px; }
	#goto-heading .heading{  height: 560px; margin: 0; }
	#goto-heading .heading-title{ font-size: 40px; }
}
@media (max-width: 767px){
	#goto-heading{ padding-top: 26px; padding-bottom: 26px; }
	#goto-heading .heading{ height: auto; max-width: none; margin: 0; }
	#goto-heading .heading-title{ font-size: 35px; margin-bottom: 0.125em;  }
	#goto-heading .heading-subtitle{ margin-bottom: 2em; }
	#goto-heading .toggleswitch{ position: static; top: 0; }
}
@media (max-width:480px){
	#goto-heading .heading-title{ font-size: 30px; }
}



#goto-body{ padding: 0; padding-bottom: 60px; }
#goto-body .inner{ top: -367px; max-width: 1230px; margin-bottom: -367px; }
@media (min-width:1441px){
	#goto-body .inner{ max-width: 1408px; }
}
@media (max-width:1023px){
	#goto-body .inner{ max-width: 850px; }
}
@media (max-width:767px){
	#goto-body .inner{ top: 0; }
}

#goto-team{ background: #E4F0F1; border-radius: 20px; margin-bottom: 40px; }
#goto-team .teams-inner{ display: table; width: 100%; margin: 0 auto; max-width: 1004px;   }
#goto-team .team{ display: table-cell; vertical-align: top; padding-top: 64px; padding-bottom: 35px; }
#goto-team .team-title{ margin: 0; margin-bottom: 35px; }
#goto-team .team-title strong{ display: block; font-size: 35px; line-height: 1.2; margin-bottom: 0.5em; }
#goto-team .team-title small{ display: block; font-size: 20px; line-height: 1.2; }
#goto-team .team-body{ display: flex; flex-wrap: wrap; margin: 0 -20px; margin-top: -22px; margin-bottom: 50px; }
#goto-team .teamprogress-outer{ padding: 22px 20px; }
#goto-team .team-foot{ color: #464646; font-size: 13px; line-height: 20px; text-align: center; margin: 0 auto; }
#goto-team-navigation{ border-right: 2px solid #7AB5B9; width: 354px; }
#goto-team .teams[data-count="1"] .teamprogress{ width: 33.3333333333% }
#goto-team .teams[data-count="2"] #goto-team-direct{ padding-left: 62px; }
#goto-team .teams[data-count="2"] .teamprogress{ width: 50% }
#goto-team .teams[data-count="2"] .team-foot{ max-width: 404px; }
html[data-show="pending"] .teamprogress[data-iscompleted="1"]{ display: none; }

@media (min-width:1441px){
	#goto-team .team{ padding-top: 52px; }
	#goto-team .teams-inner{ max-width: 1300px;   }
	#goto-team .team-title{ margin-bottom: 48px; }
	#goto-team-navigation{ width: 358px; }
	#goto-team .teams[data-count="1"] .teamprogress{ width: 25% }
	#goto-team .teams[data-count="2"] .teamprogress{ width: 33.33333333% }
	#goto-team .teams[data-count="2"] .team-foot{ max-width: none; }
}
@media (max-width:1023px){
	#goto-team .teams-inner{ max-width: 728px;   }
	#goto-team-navigation{ width: 50%; }
	#goto-team .teams[data-count="1"] .teamprogress{ width: 50% }
	#goto-team .teams[data-count="2"] .teamprogress{ width: 100% }
}
@media (max-width:800px){
	#goto-team{ border-radius: 0; padding: 0 20px; }
}
@media (max-width: 767px){
	#goto-team{ background: none; padding: 0; }
	#goto-team .teams-inner{ display: flex; flex-wrap: wrap; flex-flow: column; }
	#goto-team .team{ background: #E4F0F1; display: block; margin-bottom: 40px; padding: 0; flex: 1; width: 100%; }
	#goto-team .team-inner{ padding: 0 20px; padding-top: 40px; padding-bottom: 40px; }
	#goto-team-direct{ order: 1; }
	#goto-team-navigation{ width: auto; border: 0; order: 2;  }
	#goto-team .teams[data-count="2"] .teamprogress{ width: 50% }
	#goto-team .teams[data-count="2"] #goto-team-direct{ padding-left: 0; }

}
@media (max-width:480px){
	#goto-team .teams[data-count="1"] .teamprogress{ width: 100% }
	#goto-team .teams[data-count="2"] .teamprogress{ width: 100% }
}

#goto-activities .activities{ background: #E4F0F1; border-radius: 20px; padding: 0 20px; padding-top: 60px; padding-bottom: 58px;  }
#goto-activities .activities-inner{ margin: 0 auto; max-width: 1004px;   }
#goto-activities .activities-head{ border: 0; margin-bottom: 50px; padding: 0;  }
#goto-activities .activities-title{ display: block; font-size: 28px; line-height: 1.2;  text-align: center; }
#goto-activities .activities-content{ display: flex; flex-wrap: wrap; margin: 0 auto; margin-top: -22px; max-width: 880px; }
#goto-activities .activities-lastmodified{ left: 0; right: auto; bottom: 0;}
#goto-activities .activities-moreinfo{ position: absolute; right: 0; bottom: 0; }
#goto-activities .activities-moreinfo a{ border: 1px solid #707070; border-radius: 8px; color: #000000; display: table; font-size: 13px; font-weight: bold; line-height: 45px; padding: 0 20px; text-decoration: none;  }
#goto-activities .activities-moreinfo a:focus,
#goto-activities .activities-moreinfo a:hover{ border-color: #707070; background-color: #707070; color: #fff; }
#goto-activities .courseprogress{ width: 50%; padding: 10px; }
@media (min-width:1441px){
	#goto-activities .activities-inner{ max-width: 1300px;   }
	#goto-activities .activities-content{ margin: 0 -10px; margin-top: -22px; max-width: none; }
	#goto-activities .courseprogress{ width: 33.3333333333% }
}
@media (max-width:1023px){
	#goto-activities .activities-inner{ max-width: 728px;   }
	#goto-activities .activities-title{ text-align: left; }
	#goto-activities .activities-lastmodified{ position: static; }
}
@media (max-width: 767px){
	#goto-activities .activities{ border-radius: 0; padding: 0 20px; padding-top: 30px; padding-bottom: 38px; }
	#goto-activities .activities-content{ max-width: 480px; margin: 0 auto; }
	#goto-activities .activities-lastmodified{ margin-bottom: 1em; }
	#goto-activities .activities-moreinfo{ position: static; }
	#goto-activities .courseprogress{ width: 100%; padding: 10px 0; }
	#goto-activities .courseprogress-a{ width: auto; max-width: 480px; }
}


@media (min-width:1441px){
	.courseprogress{ display: none; }
	html[data-show="all"] .activities .courseprogress:nth-child(1){ display: block; }
	html[data-show="all"] .activities .courseprogress:nth-child(2){ display: block; }
	html[data-show="all"] .activities .courseprogress:nth-child(3){ display: block; }
	html[data-show="all"] .activities .courseprogress:nth-child(4){ display: block; }
	html[data-show="all"] .activities .courseprogress:nth-child(5){ display: block; }
	html[data-show="all"] .activities .courseprogress:nth-child(6){ display: block; }
	html[data-show="all"] .activities--expanded .courseprogress{ display: block !important; }
	html[data-show="all"] .activities[data-count="1"] .activities-expand{ display: none; }
	html[data-show="all"] .activities[data-count="2"] .activities-expand{ display: none; }
	html[data-show="all"] .activities[data-count="3"] .activities-expand{ display: none; }
	html[data-show="all"] .activities[data-count="4"] .activities-expand{ display: none; }
	html[data-show="all"] .activities[data-count="5"] .activities-expand{ display: none; }
	html[data-show="all"] .activities[data-count="6"] .activities-expand{ display: none; }
	html[data-show="pending"] .courseprogress[data-iscompleted="1"]{ display: none; }
	html[data-show="pending"] .activities .courseprogress--is01{ display: block; }
	html[data-show="pending"] .activities .courseprogress--is02{ display: block; }
	html[data-show="pending"] .activities .courseprogress--is03{ display: block; }
	html[data-show="pending"] .activities .courseprogress--is04{ display: block; }
	html[data-show="pending"] .activities .courseprogress--is05{ display: block; }
	html[data-show="pending"] .activities .courseprogress--is06{ display: block; }
	html[data-show="pending"] .activities--expanded .courseprogress[data-iscompleted="0"]{ display: block !important; }
	html[data-show="pending"] .activities[data-pending="1"] .activities-expand{ display: none; }
	html[data-show="pending"] .activities[data-pending="2"] .activities-expand{ display: none; }
	html[data-show="pending"] .activities[data-pending="3"] .activities-expand{ display: none; }
	html[data-show="pending"] .activities[data-pending="4"] .activities-expand{ display: none; }
	html[data-show="pending"] .activities[data-pending="5"] .activities-expand{ display: none; }
	html[data-show="pending"] .activities[data-pending="6"] .activities-expand{ display: none; }
}
@media (min-width:768px) and (max-width:1440px){
	.courseprogress{ display: none; }
	html[data-show="all"] .activities .courseprogress:nth-child(1){ display: block; }
	html[data-show="all"] .activities .courseprogress:nth-child(2){ display: block; }
	html[data-show="all"] .activities .courseprogress:nth-child(3){ display: block; }
	html[data-show="all"] .activities .courseprogress:nth-child(4){ display: block; }
	html[data-show="all"] .activities--expanded .courseprogress{ display: block !important; }
	html[data-show="all"] .activities[data-count="1"] .activities-expand{ display: none; }
	html[data-show="all"] .activities[data-count="2"] .activities-expand{ display: none; }
	html[data-show="all"] .activities[data-count="3"] .activities-expand{ display: none; }
	html[data-show="all"] .activities[data-count="4"] .activities-expand{ display: none; }
	html[data-show="pending"] .courseprogress[data-iscompleted="1"]{ display: none; }
	html[data-show="pending"] .activities .courseprogress--is01{ display: block; }
	html[data-show="pending"] .activities .courseprogress--is02{ display: block; }
	html[data-show="pending"] .activities .courseprogress--is03{ display: block; }
	html[data-show="pending"] .activities .courseprogress--is04{ display: block; }
	html[data-show="pending"] .activities--expanded .courseprogress[data-iscompleted="0"]{ display: block !important; }
	html[data-show="pending"] .activities[data-pending="1"] .activities-expand{ display: none; }
	html[data-show="pending"] .activities[data-pending="2"] .activities-expand{ display: none; }
	html[data-show="pending"] .activities[data-pending="3"] .activities-expand{ display: none; }
	html[data-show="pending"] .activities[data-pending="4"] .activities-expand{ display: none; }
}
@media (max-width: 767px){
	.courseprogress{ display: none; }
	html[data-show="all"] .activities .courseprogress:nth-child(1){ display: block; }
	html[data-show="all"] .activities .courseprogress:nth-child(2){ display: block; }
	html[data-show="all"] .activities--expanded .courseprogress{ display: block !important; }
	html[data-show="all"] .activities[data-count="1"] .activities-expand{ display: none; }
	html[data-show="all"] .activities[data-count="2"] .activities-expand{ display: none; }
	html[data-show="pending"] .courseprogress[data-iscompleted="1"]{ display: none; }
	html[data-show="pending"] .activities .courseprogress--is01{ display: block; }
	html[data-show="pending"] .activities .courseprogress--is02{ display: block; }
	html[data-show="pending"] .activities--expanded .courseprogress[data-iscompleted="0"]{ display: block !important; }
	html[data-show="pending"] .activities[data-pending="1"] .activities-expand{ display: none; }
	html[data-show="pending"] .activities[data-pending="2"] .activities-expand{ display: none; }
}