@font-face {
  font-family: 'funtech';
  src: url('../fonts/funtech.eot?omd8ks');
  src: url('../fonts/funtech.eot?omd8ks#iefix') format('embedded-opentype'), url('../fonts/funtech.ttf?omd8ks') format('truetype'), url('../fonts/funtech.woff?omd8ks') format('woff'), url('../fonts/funtech.svg?omd8ks#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="ft-"],
[class*=" ft-"] {
  font-family: 'funtech' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ft-java-coder-level-3:before {
  content: "\e900";
}
.ft-drone-coder:before {
  content: "\e901";
}
.ft-3d-modelling-printing:before {
  content: "\e902";
}
.ft-java-coder-level-2:before {
  content: "\e903";
}
.ft-java-coder-level-1:before {
  content: "\e904";
}
.ft-python-coder:before {
  content: "\e905";
}
.ft-unreal-game-design:before {
  content: "\e906";
}
.ft-mobile-games:before {
  content: "\e907";
}
.ft-lego-robotics-level-2:before {
  content: "\e908";
}
.ft-minecraft-redstone:before {
  content: "\e909";
}
.ft-scratch:before {
  content: "\e90a";
}
.ft-lego-robotics-level-1:before {
  content: "\e90b";
}
.ft-minecraft-with-mods:before {
  content: "\e90c";
}
.ft-funtyper-touch-typing:before {
  content: "\e90d";
}
.ft-pygames:before {
  content: "\e90e";
}
.ft-minecraft-multiplayer:before {
  content: "\e90f";
}
@font-face {
  font-family: 'funtech-new';
  src: url('../fonts/funtech-iconfont.eot?omd8ks');
  src: url('../fonts/funtech-iconfont.eot?omd8ks#iefix') format('embedded-opentype'), url('../fonts/funtech-iconfont.ttf?omd8ks') format('truetype'), url('../fonts/funtech-iconfont.svg?omd8ks#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="fti-"],
[class*=" fti-"] {
  font-family: 'funtech-new' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-display: block;
}
.fti-test:before {
  content: ",./;'\[]!@£$%^&*()";
}
.fti-minecraft-with-mods:before {
  content: "a";
}
.fti-lego-robotics-level-1:before {
  content: "b";
}
.fti-scratch:before {
  content: "c";
}
.fti-minecraft-redstone:before {
  content: "d";
}
.fti-lego-robotics-level-2:before {
  content: "_";
}
.fti-mobile-games:before {
  content: "f";
}
.fti-unreal-game-design:before {
  content: "g";
}
.fti-3d-game-design:before {
  content: "g";
}
.fti-python-coder:before {
  content: "h";
}
.fti-java-coder-level-1:before {
  content: "i";
}
.fti-java-coder-level-2:before {
  content: "j";
}
.fti-3d-modelling-printing:before {
  content: "k";
}
.fti-java-coder-level-3:before {
  content: "l";
}
.fti-drone-coder:before {
  content: "m";
}
.fti-funtyper-touch-typing:before {
  content: "n";
}
.fti-minecraft-multiplayer:before {
  content: "o";
}
.fti-pygames:before {
  content: "p";
}
.fti-youtube-twitch-fortnite:before {
  content: "l";
}
.fti-roblox-game-maker:before {
  content: "e";
}
.fti-cyber-security-hackathon:before {
  content: "j";
}
.fti-stop-motion-animation:before {
  content: "m";
}
.fti-funtyper:before {
  content: "A";
}
.fti-fast-track:before {
  content: "B";
}
.fti-tech-starter:before {
  content: "C";
}
.fti-total-tech:before {
  content: "D";
}
.fti-creative-tech:before {
  content: "E";
}
.fti-tech-pro:before {
  content: "F";
}
.fti-gcse:before {
  content: "G";
}
.fti-gcse-standard-track:before {
  content: "G";
}
.fti-a-level:before {
  content: "H";
}
.fti-private-tuition:before {
  content: "I";
}
.fti-pure-coder:before {
  content: "J";
}
.fti-pure-coder-level-1:before {
  content: "K";
}
.fti-pure-coder-level-2:before {
  content: "L";
}
.fti-pure-coder-level-3:before {
  content: "M";
}
.fti-pure-coder-level-4:before {
  content: "N";
}
.fti-pure-coder-level-5:before {
  content: "O";
}
.fti-pure-coder-level-6:before {
  content: "P";
}
.fti-onboard:before {
  content: "S";
}
.fti-funtech:before {
  content: "R";
}
.fti-ratio:before {
  content: "T";
}
.fti-oftsed:before {
  content: "U";
}
.fti-structured-learning:before {
  content: "V";
}
.fti-experience:before {
  content: "W";
}
.fti-established:before {
  content: "t";
}
.fti-childcare-vouchers:before {
  content: "X";
}
.fti-arrow-up:before {
  content: ":";
}
.fti-arrow-down:before {
  content: ";";
}
.fti-arrow-left:before {
  content: "<";
}
.fti-arrow-right:before {
  content: ">";
}
.fti-basket:before {
  content: "#";
}
.fti-star:before {
  content: "$";
}
.fti-menu:before {
  content: "9";
}
.fti-close:before {
  content: "=";
}
.fti-download:before {
  content: "%";
}
.fti-read-more:before {
  content: "~";
}
.fti-arrow-circle-right:before {
  content: "\00C1";
}
.fti-arrow-circle-left:before {
  content: "\00C0";
}
.fti-play:before {
  content: "&";
}
.fti-calendar:before {
  content: "'";
}
.fti-call-back:before {
  content: "{";
}
.fti-contact:before {
  content: "|";
}
.fti-rating:before {
  content: "}";
}
.fti-filters:before {
  content: "/";
}
.fti-error:before {
  content: "(";
}
.fti-search:before {
  content: "-";
}
.fti-question:before {
  content: ".";
}
.fti-sleep:before {
  content: ",";
}
.fti-help:before {
  content: "@";
}
.fti-tick:before {
  content: "+";
}
.fti-tick-inverse:before {
  content: "Q";
}
.fti-trash:before {
  content: "8";
}
.fti-sun:before {
  content: "7";
}
.fti-rain:before {
  content: "6";
}
.fti-virtual-screen:before {
  content: "Y";
}
.fti-centre-screen:before {
  content: "Z";
}
.fti-cost:before {
  content: "q";
}
.fti-time:before {
  content: "r";
}
.fti-marker:before {
  content: "s";
}
.fti-day-1:before {
  content: "1";
}
.fti-day-2:before {
  content: "2";
}
.fti-day-3:before {
  content: "3";
}
.fti-day-4:before {
  content: "4";
}
.fti-day-5:before {
  content: "5";
}
.fti-parent-invite:before {
  content: "0";
}
.fti-facebook:before {
  content: "\201c";
}
.fti-twitter:before {
  content: "\201d";
}
.fti-youtube:before {
  content: "!";
}
.fti-instagram:before {
  content: "\0022";
}
.fti-location:before {
  content: ")";
}
.fti-bus-transfer:before {
  content: "*";
}
.fti-credit-card:before {
  content: "[";
}
.fti-bank-transfer:before {
  content: "\005c";
}
.fti-telephone:before {
  content: "]";
}
.fti-childcare-voucher:before {
  content: "^";
}
.fti-pc-num-1:before {
  content: "\00b1";
}
.fti-pc-num-2:before {
  content: "\00b2";
}
.fti-pc-num-3:before {
  content: "\00b3";
}
.fti-pc-num-4:before {
  content: "\00b4";
}
.fti-pc-num-5:before {
  content: "\00b5";
}
.fti-pc-num-6:before {
  content: "\00b6";
}
.fti-path-1:before {
  content: "w";
}
.fti-path-2:before {
  content: "x";
}
.fti-path-3:before {
  content: "y";
}
.fti-path-4:before {
  content: "z";
}
.fti-portal-add:before {
  content: "\00C2";
}
.fti-portal-remove:before {
  content: "\00C3";
}
.fti-portal-more:before {
  content: "\00C4";
}
.fti-portal-edit:before {
  content: "\00C9";
}
.fti-portal-grade-a-star:before {
  content: "\00C5";
}
.fti-portal-grade-a:before {
  content: "\00C6";
}
.fti-portal-grade-b:before {
  content: "\00C7";
}
.fti-portal-grade-c:before {
  content: "\00C8";
}
@font-face {
  font-family: 'titillium_webregular';
  src: url('../fonts/titilliumweb-regular-webfont.eot');
  src: url('../fonts/titilliumweb-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/titilliumweb-regular-webfont.woff') format('woff'), url('../fonts/titilliumweb-regular-webfont.ttf') format('truetype'), url('../fonts/titilliumweb-regular-webfont.svg#svgFontName') format('svg');
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'titillium_webregular';
    src: url('../fonts/titilliumweb-regular-webfont.svg#svgFontName') format('svg');
  }
}
@font-face {
  font-family: 'titillium_websemibold';
  src: url('../fonts/titilliumweb-semibold-webfont.eot');
  src: url('../fonts/titilliumweb-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/titilliumweb-semibold-webfont.woff') format('woff'), url('../fonts/titilliumweb-semibold-webfont.ttf') format('truetype'), url('../fonts/titilliumweb-semibold-webfont.svg#svgFontName') format('svg');
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'titillium_websemibold';
    src: url('../fonts/titilliumweb-semibold-webfont.svg#svgFontName') format('svg');
  }
}
@font-face {
  font-family: 'titillium_weblight';
  src: url('../fonts/titilliumweb-light-webfont.eot');
  src: url('../fonts/titilliumweb-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/titilliumweb-light-webfont.woff') format('woff'), url('../fonts/titilliumweb-light-webfont.ttf') format('truetype'), url('../fonts/titilliumweb-light-webfont.svg#svgFontName') format('svg');
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'titillium_weblight';
    src: url('../fonts/titilliumweb-light-webfont.svg#svgFontName') format('svg');
  }
}
@font-face {
  font-family: 'titillium_webbold';
  src: url('../fonts/titilliumweb-bold-webfont.eot');
  src: url('../fonts/titilliumweb-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/titilliumweb-bold-webfont.woff') format('woff'), url('../fonts/titilliumweb-bold-webfont.ttf') format('truetype'), url('../fonts/titilliumweb-bold-webfont.svg#svgFontName') format('svg');
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'titillium_webbold';
    src: url('../fonts/titilliumweb-bold-webfont.svg#svgFontName') format('svg');
  }
}
@font-face {
  font-family: 'titillium_webblack';
  src: url('../fonts/titilliumweb-black-webfont.eot');
  src: url('../fonts/titilliumweb-black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/titilliumweb-black-webfont.woff') format('woff'), url('../fonts/titilliumweb-black-webfont.ttf') format('truetype'), url('../fonts/titilliumweb-black-webfont.svg#svgFontName') format('svg');
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'titillium_webblack';
    src: url('../fonts/titilliumweb-black-webfont.svg#svgFontName') format('svg');
  }
}
.text-font-black {
  font-family: 'titillium_webblack';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.text-font-bold {
  font-family: 'titillium_webbold';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.text-font-semibold {
  font-family: 'titillium_websemibold';
}
.text-font-mono {
  font-family: 'Courier New', Courier, monospace;
}
.text-logo {
  font-size: 56px;
}
.text-primary-medium-gray {
  color: #808284;
}
.text-primary-light-gray {
  color: #e9e9e9;
}
.text-age-all-ages,
.text-age-1 {
  color: #40ae3a;
}
.text-age-all-ages a,
.text-age-1 a {
  color: #40ae3a;
  text-decoration: none;
}
.text-age-7-10,
.text-age-2 {
  color: #d91437;
}
.text-age-7-10 a,
.text-age-2 a {
  color: #d91437;
  text-decoration: none;
}
.text-age-10-13,
.text-age-3 {
  color: #4bb7e9;
}
.text-age-10-13 a,
.text-age-3 a {
  color: #4bb7e9;
  text-decoration: none;
}
.text-age-11-plus,
.text-age-4 {
  color: #ed700a;
}
.text-age-11-plus a,
.text-age-4 a {
  color: #ed700a;
  text-decoration: none;
}
.text-age-13-plus,
.text-age-5 {
  color: #5d3584;
}
.text-age-13-plus a,
.text-age-5 a {
  color: #5d3584;
  text-decoration: none;
}
body {
  font-family: 'titillium_webregular', Arial, sans-serif;
  background: #e9e9e9;
}
body.countdown {
  background: #ffffff;
}
strong {
  font-family: 'titillium_websemibold';
}
nav.navbar {
  padding: 8px 0 18px 0;
  margin-bottom: 0;
  border-radius: 0;
}
.no-margin-bottom {
  margin-bottom: 0 !important;
}
.navbar-toggle {
  margin-top: 16px;
}
.onboard-logo {
  display: block;
  background: transparent url('../../img/onboard/logo.png') no-repeat 0 0;
  width: 175px;
  height: 57px;
  background-position: 0 7px;
}
.funtech-logo {
  display: block;
  background: transparent url('../../img/onboard/funtech-logo.png') no-repeat 0 0;
  width: 177px;
  height: 57px;
}
.link-bar {
  background: #ffffff;
  padding-top: 10px;
}
.link-bar.component {
  background: #e9e9e9;
}
.link-bar a {
  color: #282424;
  font-weight: bold;
  text-transform: uppercase;
}
.title-bar {
  background: #40ae3a;
  color: white;
  min-height: 70px;
}
.title-bar h1 {
  margin: 0;
  line-height: 70px;
}
.title-bar a {
  font-weight: bold;
  text-transform: uppercase;
}
.title-bar a.btn-dark {
  background: #282424;
  color: #f5f5f5;
}
.title-bar a.back {
  margin-top: 19px;
}
#countdown-timer .time-section {
  display: inline-block;
}
#countdown-timer .numeral {
  font-size: 128px;
  display: block;
}
#countdown-timer .numeral.seconds {
  color: #40ae3a;
}
#countdown-timer .interval {
  font-size: 40px;
  display: block;
}
#countdown-timer .separator {
  display: inline-block;
  font-size: 84px;
  padding: 0 20px;
  vertical-align: top;
  margin-top: 28px;
}
.text-success {
  color: #40ae3a;
}
.flex {
  display: flex;
}
.onboard-header {
  background: #ffffff;
}
.onboard-header .nav-tabs {
  border-bottom: none;
}
.onboard-header .nav-tabs > li {
  margin-bottom: 0;
}
.onboard-header .nav-tabs > li.active > a,
.onboard-header .nav-tabs > li.active > a:hover,
.onboard-header .nav-tabs > li.active > a:focus {
  background: #40ae3a;
  border-color: #40ae3a;
  color: #ffffff;
}
.onboard-header .nav-tabs > li > a {
  background: #e9e9e9;
  border-color: #e9e9e9;
  color: #ffffff;
  font-weight: bold;
  margin-right: 11px;
}
.onboard-header.software .media-left {
  width: 115px;
}
.onboard-header.software .sub-title {
  margin-bottom: 20px;
}
.onboard-header.software h3 {
  color: #40ae3a;
  font-size: 16px;
}
.onboard-header.software h4 {
  color: #282424;
  font-size: 14px;
}
.onboard-header.component h2 {
  color: #40ae3a;
  font-size: 16px;
  margin-bottom: 40px;
}
.onboard-header.component audio {
  width: 100%;
  display: none;
}
.onboard-header.component .btn-success {
  background: #40ae3a;
  border-color: #40ae3a;
}
.onboard-header.component .btn-warning {
  background: #fdd733;
  border-color: #fdd733;
  color: #282424;
}
.onboard-header.component .btn-default {
  background: #e9e9e9;
  border-color: #e9e9e9;
  color: #ffffff;
}
.onboard-header.component .btn-link {
  color: #282424;
}
.onboard-header.component .the-challenge {
  background: #40ae3a;
  color: #ffffff;
  padding: 28px 34px;
  min-height: 300px;
}
.onboard-header.component .the-challenge p {
  font-size: 24px;
}
.onboard-header.component .the-challenge p a {
  color: #ffffff;
}
.onboard-header.component .the-challenge-controls {
  background: #282424;
}
.onboard-header.component .the-challenge-controls .btn-link {
  color: #ffffff;
}
.onboard-header.component .media-left {
  width: 65px;
}
.onboard-header.component .media-body strong {
  color: #40ae3a;
}
.onboard-header.component .nav-tabs > li.active > a,
.onboard-header.component .nav-tabs > li.active > a:hover,
.onboard-header.component .nav-tabs > li.active > a:focus {
  background: #40ae3a;
  border-color: #40ae3a;
}
.onboard-header.component .nav-tabs > li > a {
  background: #282424;
  border-color: #282424;
}
.onboard-header.component .nav-tabs > li.tip-active > a {
  background: #fdd733;
  border-color: #fdd733;
  color: #282424;
}
.onboard-header.component .nav-tabs > li.active.tip-active > a,
.onboard-header.component .nav-tabs > li.active.tip-active > a:hover,
.onboard-header.component .nav-tabs > li.active.tip-active > a:focus {
  color: #ffffff;
}
.onboard-header.component .nav-tabs > li.tip-inactive > a {
  background: #e9e9e9;
  border-color: #e9e9e9;
}
.onboard-body {
  background: #e9e9e9;
  border-top: 4px solid #40ae3a;
  padding-bottom: 20px;
}
.onboard-body.software {
  padding-bottom: 0;
}
.onboard-body.software .row > div.inverse {
  background: #282424;
  color: white;
}
.onboard-body.software .row > div.inverse h5 {
  color: #40ae3a;
  margin-top: 20px;
}
.onboard-body.software .row > div.inverse .checkbox {
  border-bottom: 1px solid #949292;
  padding: 10px 0;
}
.onboard-body.software .row > div.inverse .checkbox:last-of-type {
  border-bottom: none;
}
.onboard-body.software .row > div.inverse .checkbox label {
  padding-left: 0;
  padding-right: 20px;
}
.onboard-body.software .row > div.inverse .checkbox label input[type="checkbox"] {
  right: 0;
  margin-left: 0;
}
.onboard-body.software .multi-column {
  column-count: 2;
  column-gap: 0;
}
.onboard-body.software .challenge.social-media {
  height: auto;
  display: inline-block;
  column-break-inside: avoid;
}
.onboard-body.software .challenge.social-media .challenge-header {
  background: #1db8ec;
}
.onboard-body.software .challenge.social-media .challenge-body p a {
  color: #1db8ec;
}
.onboard-body.software .challenge.social-media .challenge-footer {
  position: relative;
}
.onboard-body.software .challenge.software .challenge-header {
  background: #1db8ec;
}
.onboard-body.software .challenge.software .challenge-body p a {
  color: #1db8ec;
}
.onboard-body.software .challenge.testing .challenge-header {
  background: #e86e20;
}
.onboard-body.software .challenge.testing .challenge-body p a {
  color: #e86e20;
}
.onboard-body.software .challenge h5 {
  margin-bottom: 3px;
}
.onboard-body.software .btn-white {
  background: white;
  border-color: white;
  color: #40ae3a;
}
.onboard-body.component {
  border-top: none;
  padding-bottom: 0;
}
.onboard-body.component .tab-pane {
  border-top: 4px solid #40ae3a;
  background: #ffffff;
  padding: 0 36px 20px;
}
.onboard-body .sketchfab-embed-wrapper {
  position: relative;
  display: block;
  height: 0;
  overflow: hidden;
  padding: 0 0 56.25%;
}
.onboard-body .sketchfab-embed-wrapper iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.onboard-body .challenge {
  background: #ffffff;
  border-radius: 8px;
  overflow: hidden;
  height: 250px;
  margin-top: 20px;
  position: relative;
}
.onboard-body .challenge.disabled .challenge-header {
  opacity: 0.2;
}
.onboard-body .challenge.disabled .challenge-body p {
  opacity: 0.5;
}
.onboard-body .challenge.disabled .challenge-footer h5,
.onboard-body .challenge.disabled .challenge-footer p,
.onboard-body .challenge.disabled .challenge-footer a {
  opacity: 0.5;
}
.onboard-body .challenge .challenge-header {
  background: #282424;
  color: #ffffff;
  font-weight: bold;
  padding: 6px 17px;
}
.onboard-body .challenge .challenge-header h4 {
  margin: 0;
}
.onboard-body .challenge .challenge-body p {
  font-size: 18px;
  font-weight: bold;
  padding: 6px 17px;
}
.onboard-body .challenge .challenge-body p a {
  color: #40ae3a;
  text-decoration: underline;
}
.onboard-body .challenge .challenge-footer {
  padding: 13px 17px;
  position: absolute;
  bottom: 0;
}
.onboard-body .challenge .challenge-footer .btn-warning {
  background: #fdd733;
  border-color: #fdd733;
  color: #282424;
}
.onboard-body .challenge .challenge-footer .btn-default {
  background: #e9e9e9;
  border-color: #e9e9e9;
  color: #ffffff;
}
@media only screen and (max-width: 768px) {
  .flex {
    display: block;
  }
  .inverse {
    overflow: hidden;
  }
  .onboard-logo {
    margin-left: 10px;
  }
  .countdown {
    margin-top: 20px;
  }
  #countdown-timer .numeral {
    font-size: 50px;
  }
  #countdown-timer .interval {
    font-size: 16px;
  }
  #countdown-timer .separator {
    font-size: 44px;
    padding: 0 6px;
    margin-top: 2px;
  }
}
@media only screen and (min-width: 1200px) {
  .container {
    width: 1024px;
  }
}