@charset 'utf-8';
@import '_components_course.css';
@import '_components_info.css';
@import '_partials_grids.css';
@import '_partials_heading.css';



#goto-heading .heading-inner{ padding-right: 364px; }
#goto-heading .tokens{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
#goto-heading .tokens-inner{ display: table; }
#goto-heading .tokens-image,
#goto-heading .tokens-title{ display: table-cell; vertical-align: middle; }
#goto-heading .tokens-image img{ border-radius: 50%; display: block; height: auto; }
#goto-heading .tokens-title{ color: #2C4C5B; font-size: 40px; font-weight: bold; line-height: 1.2; padding-left: 20px; }
@media (min-width:1441px){

}
@media (min-width: 768px) and (max-width:1023px){

}
@media (max-width: 767px){
	#goto-heading .heading-inner{ padding-right: 0; }
	#goto-heading .heading{ margin-bottom: 25px; }
	#goto-heading .tokens{ position: static; right: 0; top: 0; transform: translateY(0); }
}


#goto-body{ padding: 50px 0; }
#goto-body .inner{ max-width: 896px; }
@media (min-width: 1441px){
	#goto-body{ padding-top: 50px; }
}
@media (min-width: 768px) and (max-width:1023px){
	#goto-body .inner{ max-width: 728px; }
}
@media (max-width: 767px){
	#goto-body .inner{ max-width: 320px; }
}


#goto-form{ padding: 50px 0; }



#goto-intro{ padding-bottom: 50px; }
#goto-intro .intro{ position: relative; padding-left: 200px; }
#goto-intro .intro-title{ color: #1E4D5D; font-size: 40px; font-weight: bold; line-height: 1.2; margin: 0; margin-bottom: 18px; }
#goto-intro .intro-duration{ color: #1E4D5D; font-size: 13px; line-height: 16px; text-align: center; width: 142px; left: 0; position: absolute; top: -40px; padding-top: 186px; }
#goto-intro .intro-duration:before{ background: url(../images/tpl/tpl-quizform/clock.svg) no-repeat center center; background-size: contain; content: ''; display: inline-block; height: 16px; width: 16px; vertical-align: middle; margin-left: 12px; position: relative; left: -4px; }
#goto-intro .intro-duration:after{ background: url(../images/tpl/tpl-quizform/token.svg) no-repeat center center; background-size: contain; content: ''; display: block; height: 164px; width: 142px;  position: absolute; left: 0; top: 0;  }
#goto-intro .intro-content{ color: #000000; font-size: 18px; line-height: 26px; }
@media (min-width: 1441px){
	#goto-intro .intro{ padding-left: 0; }
	#goto-intro .intro-title{ margin-bottom: 25px; }
	#goto-intro .intro-duration{ left: -194px; top: -54px; }
}
@media (min-width: 768px) and (max-width:1023px){

}
@media (max-width: 767px){
	#goto-intro .intro{ padding-left: 0; padding-top: 35px; }
	#goto-intro .intro-title{ font-size: 35px; margin-bottom: 25px; }
	#goto-intro .intro-content{ font-size: 16px; line-height: 22px; }
	#goto-intro .intro-duration{ left: 0; top: 0; width: auto; padding: 0;  }
	#goto-intro .intro-duration:before{ margin-left: 0; margin-right: 6px; left: 0; }
	#goto-intro .intro-duration:after{ display: none; }
}


#goto-questions{}
#goto-questions .questions{}
#goto-questions .question{ border-top: 2px solid #63B7BA; color:#000000; padding-top: 46px; padding-bottom: 46px; }
#goto-questions .question-title{ font-size: 27px; font-weight: bold; line-height: 1.2; margin: 0; margin-bottom: 16px; position: relative; padding-left: 0; transition: padding 0.25s; float: left; width: 100%;}
#goto-questions .question-title:before{ background: transparent no-repeat center center; background-size: contain; content: '';  display: block; height: 38px; width: 38px; margin-top: -19px; left: 0; position: absolute; top: 50%; opacity: 0; transition: opacity 0.25s; }
#goto-questions .question-content{ font-size: 18px; font-weight: bold; line-height: 26px; margin-bottom: 30px; }
#goto-questions .question-choices{}
#goto-questions .choices{ margin: 0; padding: 0; }
#goto-questions .choice{ list-style: none; margin: 0; padding: 8px 0; }
#goto-questions .choice-input{}
#goto-questions .choice-input label{ display: block; position: relative; padding: 4px 0; padding-left: 50px; }
#goto-questions .choice-input input{ left: -9999em; position: absolute; }
#goto-questions .choice-input span{ display: block; font-size: 18px; line-height: 26px; }
#goto-questions .choice-input span:before{ border: 1px solid #7FB2B5; background: #fff; content: ''; display: block; height: 28px; width: 28px; position: absolute; left: 0; top: 0;  }
#goto-questions .choice-input span:after{ background: transparent no-repeat center center; background-size: contain; content: ''; display: block; height: 22px; width: 22px; position: absolute; left: 4px; top: 4px;  }
#goto-questions .choice-input label:hover span:after,
#goto-questions .choice-input input:focus + span:after{ background: #ccc; }
#goto-questions .choice-message{ display: none; font-size: 18px; line-height: 26px; padding: 20px 0;  }
#goto-questions .question[data-status="false"] .choice--checked span:after{ background-image: url(../images/tpl/tpl-quizform/choice-false.svg); }
#goto-questions .question[data-status="false"] .choice--true span:after{ background-image: url(../images/tpl/tpl-quizform/choice-true.svg); }
#goto-questions .question[data-status="true"] .choice--checked span:after{ background-image: url(../images/tpl/tpl-quizform/choice-success.svg); }
#goto-questions .question[data-status] .question-title{ padding-left: 42px; }
#goto-questions .question[data-status] .question-title:before{ opacity: 1;  }
#goto-questions .question[data-status="false"] .question-title:before{ background-image: url(../images/tpl/tpl-quizform/question-title-false.svg); }
#goto-questions .question[data-status="true"] .question-title:before{ background-image: url(../images/tpl/tpl-quizform/question-title-true.svg); }
#goto-questions .choice--false .choice-message{ color: #D55555; }
#goto-questions .choice--true .choice-message{ color: #408643; }
#goto-questions .choice--checked .choice-message{ display: block; }


#goto-submit{}
#goto-submit button{ background: #7DC8D0; border: 0; border-radius: 8px; color: #fff; display: table; font-size: 15px; font-weight: bold; line-height: 54px; padding: 0 22px; }
#goto-submit button:focus,
#goto-submit button:hover{ background-color: #2C4C5B; }
@media (max-width: 767px){
	#goto-questions .question{ padding-top: 46px; padding-bottom: 46px; }
	#goto-questions .question-title{ font-size: 24px; margin-bottom: 16px; }
	#goto-questions .question-content{ font-size: 16px; line-height: 22px; margin-bottom: 30px; }
	#goto-questions .choice-input label{ }
	#goto-questions .choice-input span{ font-size: 16px; line-height: 22px; }
}
.js #goto-submit{ display: none; }

#goto-results{ padding: 50px 0; }
#goto-results .results{}
#goto-results .results-title{ color: #000000; font-size: 27px; font-weight: bold; line-height: 1.2; margin: 0; margin-bottom: 0.25em; }
#goto-results .results-score{ color: #2C4C5B; font-size: 70px; font-weight: bold; line-height: 1.2; }
#goto-results .results-close{}
#goto-results .results-close a{ background: #7DC8D0; border: 0; border-radius: 8px; color: #fff; display: table; font-size: 15px; font-weight: bold; line-height: 54px; padding: 0 22px; text-decoration: none; }
#goto-results .results-close a:focus,
#goto-results .results-close a:hover{ background-color: #2C4C5B; }







#goto-close{}
#goto-close a{}