@charset 'utf-8';
@import '_components_quizgames.css';
@import '_partials_head.css';

#goto-head .head-inner{ display: table;}
#goto-head .head-icon{ display: table-cell; vertical-align: middle; padding-right: 20px;  }
#goto-head .head-icon img{ display: block; height: 68px; width: 110px;}
#goto-head .head-content{ display: table-cell; vertical-align: middle; }
#goto-head .head-title{ margin: 0; margin-bottom: 12px; }
#goto-head .head-title small{ display: block; color: #282929; font-size: 15px; font-weight: bold; line-height: 23px; }
#goto-head .head-title strong{ display: block; color: #fff; font-size: 30px; font-weight: bold; line-height: 32px; }
#goto-head .head-attributes{ display: table; }
#goto-head .head-duration{ display: table-cell; vertical-align: middle;  }
#goto-head .head-date{ display: table-cell; vertical-align: middle;  }
#goto-head .head-duration dl{ display: table; margin: 0 auto; padding: 0; }
#goto-head .head-duration dt{ display: table-cell; margin: 0; padding: 0; left: -9999em; position: absolute; top: -9999em; }
#goto-head .head-duration dd{ display: table-cell; margin: 0; padding: 0; padding-left: 20px; position: relative; color: #fff; font-size: 13px; font-weight: normal; line-height: 20px; }
#goto-head .head-duration dd:before{ background: url(../images/components/popup/popup-duration.svg) no-repeat center center; background-size: contain; content: ''; display: block; left: 0; top: 50%; height: 16px; width: 16px; margin-top: -8px; position: absolute; }
#goto-head .head-date{ padding-left: 20px; }
#goto-head .head-date dl{ display: table; margin: 0 auto; padding: 0; }
#goto-head .head-date dt{ display: table-cell; margin: 0; padding: 0; left: -9999em; position: absolute; top: -9999em; }
#goto-head .head-date dd{ display: table-cell; margin: 0; padding: 0; padding-right: 24px; position: relative; color: #fff; font-size: 13px; font-weight: normal; line-height: 20px; }
#goto-head .head-date dd:after{ background: url(../images/components/popup/popup-date.svg) no-repeat center center; background-size: contain; content: ''; display: block; right: 0; top: 50%; height: 16px; width: 16px; margin-top: -10px; position: absolute; }
@media (max-width: 767px){
	#goto-head .head-inner{ display: block; padding-right: 0; }
	#goto-head .head-icon{ display: block; margin-bottom: 10px; }
	#goto-head .head-icon img{ display: block; height: 64px; width: 56px;}
	#goto-head .head-content{ display: block;; padding-left: 0;  }
	#goto-head .head-title small{ font-size: 14px; line-height: 21px; }
	#goto-head .head-title strong{ font-size: 22px; line-height: 24px; }
}


#goto-quizgames{ position: relative; padding-top: 65px; padding-bottom: 116px; }
@media (min-width:1441px){
	#goto-quizgames{ padding-top: 65px; padding-bottom: 120px; }
}
@media (min-width: 768px) and (max-width:1023px){
	#goto-quizgames{ padding-top: 60px; padding-bottom: 84px; }
}
@media (max-width: 767px){
	#goto-quizgames{ padding-top: 56px; padding-bottom: 76px; }
}