@font-face {
  font-family: 'Oscine';
  font-style: normal;
  font-weight: 700;
  src: local("Oscine Bold"), url("fonts/Oscine-Bold.woff2") format("woff2"); }
@font-face {
  font-family: 'Oscine';
  font-style: normal;
  font-weight: 400;
  src: local("Oscine Regular"), url("fonts/Oscine-Regular.woff2") format("woff2"); }
@font-face {
  font-family: 'Oscine';
  font-style: italic;
  font-weight: 400;
  src: local("Oscine Italic"), url("fonts/Oscine-Italic.woff2") format("woff2"); }
@font-face {
  font-family: 'Calibri';
  font-style: normal;
  font-weight: 400;
  src: local("Calibri"), url("fonts/Calibri-Regular.woff2") format("woff2"); }
@font-face {
  font-family: 'Calibri';
  font-style: italic;
  font-weight: 400;
  src: local("Calibri Italic"), url("fonts/Calibri-Italic.woff2") format("woff2"); }
section.kiosk-header {
  background-color: #3D66DD;
  color: #FFFFFF;
  padding: 14px 0; }
  @media (max-width: 991px) {
    section.kiosk-header {
      padding: 20px 0; } }
  section.kiosk-header .row {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  section.kiosk-header .col-l .section-label {
    font-family: "Oscine", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
    letter-spacing: 1px;
    margin-bottom: 2px; }
    @media (max-width: 991px) {
      section.kiosk-header .col-l .section-label {
        margin-bottom: 5px; } }
  @media (max-width: 991px) {
    section.kiosk-header .col-l h1 {
      font-size: 16px;
      line-height: 21px;
      margin-bottom: 20px; } }
  section.kiosk-header .col-r .btn {
    padding: 6px 22px;
    font-size: 16px; }
  section.kiosk-header .btn-return:before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 14px;
    background-image: url("../img/icon/icon-prev.svg");
    background-size: 30px 14px;
    background-position: center center;
    background-repeat: no-repeat;
    margin-right: 20px; }
section.kiosk-form {
  background-color: #F5F7FF;
  display: flex;
  justify-content: center;
  align-items: center; }
  section.kiosk-form > .container {
    padding-top: 50px;
    width: 100%; }
  section.kiosk-form .logo {
    text-align: center;
    margin-bottom: 35px; }
  section.kiosk-form .form-container {
    padding-bottom: 80px; }
    @media (max-width: 991px) {
      section.kiosk-form .form-container {
        padding-bottom: 60px; } }
  section.kiosk-form .umbraco-forms-navigation {
    display: none; }
section.form-progress {
  padding: 30px 0;
  text-align: center; }
  section.form-progress .progress-wrapper {
    display: flex;
    margin-bottom: 13px; }
    section.form-progress .progress-wrapper .progress-item {
      display: block;
      width: 100%;
      background-color: #DCE8EF;
      box-shadow: inset 0 0 9px 0 rgba(0, 0, 0, 0.16);
      height: 10px;
      border-radius: 16px;
      cursor: default; }
      section.form-progress .progress-wrapper .progress-item:not(:last-child) {
        margin-right: 8px; }
      section.form-progress .progress-wrapper .progress-item.active {
        background-image: linear-gradient(to left, #44B4FF 0%, #207CFF 100%);
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
        box-shadow: 0 0 11px 0 rgba(0, 100, 255, 0.5), inset -1px 3px 10px 0 rgba(255, 255, 255, 0.5);
        cursor: pointer; }
      section.form-progress .progress-wrapper .progress-item:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        /*&:before {
        	content: "";
        	display: block;
        	width: 6px;
        	background-color: $colorWhite;
        }*/ }
  section.form-progress .help-txt {
    font-size: 16px;
    line-height: 19px;
    font-style: italic; }

html[lang="zh-Hant"] section.kiosk-header .col-l .section-label {
  font-family: "Noto Sans TC", sans-serif; }
html[lang="zh-Hans"] section.kiosk-header .col-l .section-label {
  font-family: "Noto Sans SC", sans-serif; }

/*# sourceMappingURL=kiosk.css.map */