[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important; }

@font-face {
  font-family: 'AntagometricaBTLight-Light';
  src: url('../fonts/Bitstream - AntagometricaBTLight-Regular.otf'); }

@font-face {
  font-family: 'AntagometricaBTLight-Regular';
  src: url('../fonts/Bitstream - AntagometricaBT-Regular.otf'); }

@font-face {
  font-family: 'AntagometricaBT-Regular';
  src: url('../fonts/Bitstream - AntagometricaBT-Regular.otf'); }

@font-face {
  font-family: 'AntagometricaBT-Bold';
  src: url('../fonts/Bitstream - AntagometricaBT-Bold.otf'); }

/* input */
@media only screen and (max-device-width: 750px) {
  .no-padding-on-mobile {
    padding: 0px; } }

body {
  font-family: AntagometricaBTLight-Regular;
  background-color: white;
  position: relative; }
  body #web-container {
    background-color: #36333C;
    margin-top: 50px; }
    body #web-container #splash-buy-mobile {
      background-image: url("/img/background-img/home-pi-top-mobile.jpg");
      background-size: 100% 100%;
      background-position: 0% 100%;
      height: 100vh; }
      body #web-container #splash-buy-mobile #content {
        color: white;
        padding-top: 40vh; }
    body #web-container #splash-buy {
      background-image: url("/img/background-img/home-pi-top.jpg");
      background-size: 100% auto;
      background-position: 0% 100%;
      height: 110vh;
      height: 95vh;
      width: 100vw;
      position: relative;
      background-repeat: no-repeat;
      background-color: white;
      color: #CACACA;
      font-family: AntagometricaBTLight-Light; }
      @media only screen and (max-device-width: 750px) {
        body #web-container #splash-buy {
          background-position: 67% 100%; } }
      body #web-container #splash-buy #slogan {
        margin-top: 50px;
        font-size: 36px;
        line-height: 43px;
        /*text-shadow: 2px 2px 4px rgba(0,0,0,0.19);*/ }
      body #web-container #splash-buy #main {
        margin-top: 20px;
        font-size: 48px;
        line-height: 57px;
        margin-bottom: 20px; }
      body #web-container #splash-buy #buy-section {
        margin-bottom: 15px; }
        body #web-container #splash-buy #buy-section #buy-button {
          background-color: transparent;
          border: 2px solid #FA9A00;
          border-radius: 10px;
          font-family: AntagometricaBTLight-Regular;
          font-size: 18px;
          color: #FA9A00;
          line-height: 25px;
          height: 35px;
          width: 70px; }
          @media only screen and (max-device-width: 750px) {
            body #web-container #splash-buy #buy-section #buy-button {
              border-radius: 0px; } }
        body #web-container #splash-buy #buy-section p {
          font-family: AntagometricaBT-Regular;
          font-size: 20px;
          color: #929292;
          line-height: 25px; }
      body #web-container #splash-buy #buy-specs {
        margin-top: 100px; }
      body #web-container #splash-buy .price {
        font-size: 20px;
        color: white;
        line-height: 25px; }
    body #web-container #info-content-buy {
      z-index: 10;
      position: relative; }
      @media only screen and (min-device-width: 750px) {
        body #web-container #info-content-buy {
          position: relative;
          top: -50px;
          bottom: 50px;
          z-index: 10; } }
      body #web-container #info-content-buy .buy-container {
        background-color: white;
        padding: 25px;
        color: #4A4A4A;
        font-family: AntagometricaBTLight-Light; }
        body #web-container #info-content-buy .buy-container .bold {
          font-family: AntagometricaBT-Bold; }
      body #web-container #info-content-buy .title {
        background-color: white;
        color: #4A4A4A;
        font-family: AntagometricaBTLight-Light; }
        body #web-container #info-content-buy .title .bold {
          font-family: AntagometricaBT-Bold; }
      body #web-container #info-content-buy .buy-btn {
        height: 60px;
        width: 100%;
        border-color: transparent;
        color: white;
        font-size: 28px; }
      body #web-container #info-content-buy .left {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        background-color: #FF9B00; }
      body #web-container #info-content-buy .right {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        background-color: #FCD785; }
    body #web-container #splash-about {
      background-image: url("/img/background-img/aboutSplash.jpg");
      background-size: auto 100%;
      background-position: center;
      height: 100vh; }
      body #web-container #splash-about h1 {
        padding-top: 15vh;
        font-family: AntagometricaBT-Regular;
        font-size: 50px;
        color: #FFFFFF;
        line-height: 80px; }
    body #web-container #splash-ceed {
      background-image: url("/img/ceed/green_greyBG_Dashboard_web-optimised.jpg");
      background-size: cover;
      background-position: center bottom;
      height: 100vh; }
      body #web-container #splash-ceed #slogan {
        margin-top: 5vh; }
        body #web-container #splash-ceed #slogan p {
          font-family: AntagometricaBTLight-Light;
          font-size: 30px;
          color: #FFFFFF;
          line-height: 50px; }
      body #web-container #splash-ceed .indiegogo-white {
        margin-top: 10vh;
        /* Rectangle 14: */
        border: 4px solid #FF9B00;
        background-color: transparent;
        border-radius: 90px;
        /* VISIT US ON INDIEGOG: */
        font-family: AntagometricaBT-Bold;
        font-size: 20px;
        color: #FFFFFF;
        line-height: 37px;
        padding-right: 20px;
        padding-left: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
        width: 100%; }
    body #web-container #splash-product {
      background-image: url("/img/background-img/pi-top_lids.jpg");
      background-size: 100% auto;
      background-position: center;
      height: 100vh; }
    body #web-container #splash-pi-top {
      background-image: url("/img/background-img/home-pi-top.jpg");
      background-size: cover;
      background-position: center;
      height: 100vh; }
      body #web-container #splash-pi-top #slogan {
        margin-top: 5vh; }
        body #web-container #splash-pi-top #slogan p {
          font-family: AntagometricaBTLight-Light;
          font-size: 30px;
          color: #FFFFFF;
          line-height: 50px; }
      body #web-container #splash-pi-top .indiegogo-white {
        margin-top: 10vh;
        /* Rectangle 14: */
        border: 4px solid #FFFFFF;
        border-radius: 90px;
        background: transparent;
        /* VISIT US ON INDIEGOG: */
        font-family: AntagometricaBT-Bold;
        font-size: 20px;
        color: #FFFFFF;
        line-height: 37px;
        padding-right: 20px;
        padding-left: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
        width: 100%; }
    body #web-container #splash-pi-top-mobile {
      background-image: url("/img/background-img/home-pi-top-mobile.jpg");
      background-size: cover;
      background-position: center;
      height: 100vh; }
      body #web-container #splash-pi-top-mobile #logo {
        margin-top: 50vh; }
      body #web-container #splash-pi-top-mobile #slogan p {
        text-align: center;
        font-family: AntagometricaBTLight-Light;
        font-size: 15px;
        color: #FFFFFF;
        line-height: 20px; }
      body #web-container #splash-pi-top-mobile .indiegogo-white {
        margin-top: 10vh;
        /* Rectangle 14: */
        border: 4px solid #FFFFFF;
        border-radius: 90px;
        background: transparent;
        /* VISIT US ON INDIEGOG: */
        font-family: AntagometricaBT-Bold;
        font-size: 20px;
        color: #FFFFFF;
        line-height: 37px;
        padding-right: 20px;
        padding-left: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
        width: 100%; }
    body #web-container #info-content {
      z-index: 10;
      position: relative; }
      body #web-container #info-content .title {
        background-color: white;
        padding-top: 25px;
        padding-bottom: 25px;
        padding: 25px;
        color: #4A4A4A;
        font-family: AntagometricaBTLight-Light; }
        body #web-container #info-content .title .bold {
          font-family: AntagometricaBT-Bold; }
      body #web-container #info-content .pi-top-info {
        text-align: center;
        font-family: AntagometricaBT-Bold;
        color: #FFFFFF;
        line-height: 37px;
        background-color: #838383; }
        body #web-container #info-content .pi-top-info .text {
          bottom: 15px; }
      body #web-container #info-content #about #the-team p {
        font-family: AntagometricaBTLight-Light;
        font-size: 60px;
        color: #4A4A4A;
        letter-spacing: 2.06px; }
      body #web-container #info-content #about img {
        -webkit-filter: grayscale(100%); }
      body #web-container #info-content #about .name-box {
        /* Rectangle 1: */
        background-image: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #595959 47%, #000000 72%);
        position: absolute;
        bottom: 0px;
        width: 80%;
        height: 60px;
        opacity: 0.5;
        color: white;
        padding: 5px;
        line-spacing: 5px; }
      body #web-container #info-content #about .name-text {
        position: absolute;
        bottom: 0px;
        color: white;
        line-spacing: 5px;
        margin-left: 10px; }
    body #web-container .content-info {
      color: #4A4A4A;
      background-color: #E7E7E7;
      padding-top: 50px;
      padding-bottom: 50px; }
      body #web-container .content-info h4 {
        margin-bottom: 25px; }
      body #web-container .content-info .software {
        text-align: center; }
      body #web-container .content-info .learn h4 {
        font-family: AntagometricaBT-Bold; }
      body #web-container .content-info .learn p {
        font-family: AntagometricaBTLight-Light; }
    body #web-container #techcrunch-qoute {
      position: relative;
      background-image: url("/img/background-img/techcrunch-quote.png");
      background-size: cover;
      background-position: center;
      height: 50vh;
      color: white;
      padding-top: 75px;
      padding-bottom: 75px; }
      body #web-container #techcrunch-qoute h2 {
        padding-top: 25px;
        padding-bottom: 50px; }
      body #web-container #techcrunch-qoute #logo {
        margin-top: 10vh; }
    body #web-container #featured-in {
      position: relative;
      background-color: white;
      padding-top: 50px;
      padding-bottom: 50px; }
  body .ceed-splash-top-mobile {
    background-image: url("/img/ceed/ceed-landing-mobile.jpg");
    background-size: cover;
    background-position: center;
    height: 100vh; }
    body .ceed-splash-top-mobile #ceed-logo {
      padding-top: 60vh; }
    body .ceed-splash-top-mobile #slogan {
      font-family: AntagometricaBTLight-Light;
      color: #FFFFFF; }
    body .ceed-splash-top-mobile .indiegogo-white {
      /* Rectangle 14: */
      border: 4px solid #FF9B00;
      background-color: transparent;
      border-radius: 30px;
      /* VISIT US ON INDIEGOG: */
      font-family: AntagometricaBT-Bold;
      font-size: 20px;
      color: #FFFFFF;
      line-height: 37px;
      width: 100%; }
  body .ceed-splash-top {
    background-image: url("/img/ceed/green_greyBG_Dashboard_web-optimised.jpg");
    background-size: cover;
    background-position: center bottom;
    height: 100vh; }
    body .ceed-splash-top #slogan {
      margin-top: 10vh; }
      body .ceed-splash-top #slogan p {
        font-family: AntagometricaBTLight-Light;
        font-size: 30px;
        color: #FFFFFF;
        line-height: 50px; }
    body .ceed-splash-top .indiegogo-white {
      margin-top: 10vh;
      /* Rectangle 14: */
      border: 4px solid #FF9B00;
      background-color: transparent;
      border-radius: 90px;
      /* VISIT US ON INDIEGOG: */
      font-family: AntagometricaBT-Bold;
      font-size: 20px;
      color: #FFFFFF;
      line-height: 37px;
      padding-right: 20px;
      padding-left: 20px;
      padding-top: 10px;
      padding-bottom: 10px;
      width: 100%; }
  body #ceed-landing {
    background-color: #36333C;
    margin-top: 50px; }
    body #ceed-landing #info-content {
      z-index: 10;
      position: relative; }
      @media only screen and (min-device-width: 750px) {
        body #ceed-landing #info-content #white-section {
          position: relative;
          top: -50px;
          bottom: 50px; } }
      body #ceed-landing #info-content .info-container {
        background-color: #838383;
        color: #ffffff; }
        body #ceed-landing #info-content .info-container .col-md-6 {
          padding-left: 0px;
          padding-right: 0px; }
        body #ceed-landing #info-content .info-container h3 {
          font-family: AntagometricaBTLight-Regular;
          font-size: 30px;
          color: #FFFFFF;
          line-height: 40px; }
        body #ceed-landing #info-content .info-container h4 {
          margin-top: 15px;
          font-family: AntagometricaBTLight-Light;
          font-size: 20px;
          color: #FFFFFF;
          line-height: 30px; }
    body #ceed-landing #splash-bottom {
      background-image: url("/img/ceed/splash_bottom.png");
      background-size: cover;
      background-position: center;
      position: relative;
      color: #94D500;
      line-height: 60px; }
      body #ceed-landing #splash-bottom .indiegogo-green {
        margin-top: 5vh;
        /* Rectangle 14: */
        border: 4px solid #94D500;
        border-radius: 90px;
        background-color: transparent;
        /* VISIT US ON INDIEGOG: */
        font-family: AntagometricaBT-Bold;
        font-size: 20px;
        color: #94D500;
        line-height: 37px;
        padding-right: 20px;
        padding-left: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
        width: 100%; }
      body #ceed-landing #splash-bottom h4 {
        font-size: 30px;
        font-family: AntagometricaBT-Bold; }
      body #ceed-landing #splash-bottom h3 {
        font-size: 35px;
        font-family: 'AntagometricaBTLight-Light'; }
    body #ceed-landing #ceed-footer {
      color: #FFFFFF;
      font-family: AntagometricaBT-Regular;
      position: relative; }
      body #ceed-landing #ceed-footer #main {
        font-size: 20px;
        letter-spacing: 5px;
        line-height: 29px;
        margin-bottom: 25px; }
      body #ceed-landing #ceed-footer #copy-notice {
        font-size: 15px;
        line-height: 17px; }
  body .help-img {
    margin-top: 25px;
    margin-bottom: 25px; }
  body .btn-order:hover {
    margin-top: 7px;
    margin-left: 5px;
    background-color: #FFAA25;
    color: white;
    border-color: #AFAFAF; }
  body .btn-order {
    margin-top: 7px;
    margin-left: 5px;
    background-color: #FF9B00;
    color: white; }
  body .btn-order-selected {
    margin-top: 7px;
    margin-left: 5px;
    background-color: transparent;
    color: #AFAFAF;
    border-color: #AFAFAF; }
  body .btn-order-selected:hover {
    margin-top: 7px;
    margin-left: 5px;
    background-color: transparent;
    color: #AFAFAF;
    border-color: #AFAFAF; }
  body .hover-hand:hover {
    cursor: pointer;
    cursor: hand; }
  body .hover-hand-colour:hover {
    cursor: pointer;
    cursor: hand;
    -webkit-filter: brightness(75%); }
  @media only screen and (max-device-width: 750px) {
    body .hide-mobile {
      display: none; } }
  @media only screen and (min-device-width: 750px) {
    body .show-mobile {
      display: none; } }
  body .order-image {
    cursor: pointer;
    cursor: hand;
    content: url('/img/order.png'); }
  body .order-image:hover {
    cursor: pointer;
    cursor: hand;
    content: url('/img/order-hover.png'); }
  body .no-padding {
    padding-left: 0px;
    padding-right: 0px; }
  body .soft-text {
    /* Forgot password: */
    font-family: AntagometricaBTLight-Light;
    font-size: 15px;
    color: #B3B3B3;
    line-height: 13px;
    background-color: transparent;
    border: none;
    color: white; }
  body .input-box {
    background: #E1E1E1;
    /* Input value: */
    font-family: AntagometricaBTLight-Regular;
    font-size: 10px;
    color: #4A4A4A;
    letter-spacing: 1px;
    line-height: 13px;
    border-radius: 0px; }
  body .thin-text {
    font-family: AntagometricaBTLight-Regular;
    font-size: 16px;
    color: #4A4A4A;
    letter-spacing: 6.66px;
    line-height: 23px; }
  body .nav-bar-style {
    margin-top: 10px;
    margin-bottom: 10px; }
    body .nav-bar-style .nav-bar-title-selected {
      font-family: AntagometricaBT-Bold;
      font-size: 14px;
      color: #4A4A4A;
      letter-spacing: 2px;
      line-height: 16px; }
    body .nav-bar-style .nav-bar-title {
      font-family: AntagometricaBT-Regular;
      font-size: 14px;
      color: #4A4A4A;
      letter-spacing: 2px;
      line-height: 16px; }
    body .nav-bar-style .nav-bar-content * {
      font-family: AntagometricaBTLight-Regular;
      font-size: 10px;
      color: #000000;
      letter-spacing: 1px;
      line-height: 13px;
      margin-top: 15px; }
  body .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden; }
  body .video-container iframe, body .video-container object, body .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  body .image-container {
    position: relative; }
    body .image-container .splash-image {
      position: absolute;
      top: 0px;
      left: 0px; }
    body .image-container .overlay-info {
      display: none; }
    body .image-container .overlay-left {
      position: absolute;
      top: 10vh;
      z-index: 1000; }
    body .image-container .overlay-right {
      position: absolute;
      top: 10vh;
      /*width: 20vw;*/
      z-index: 1000; }
    body .image-container .overlay-text-left {
      position: absolute;
      z-index: 1000;
      padding: 15px;
      padding-right: 98px;
      /*padding-top: 36px;*/
      font-family: AntagometricaBT-Regular;
      font-size: 15px;
      color: #FFFFFF;
      letter-spacing: 2px;
      line-height: 25px; }
    body .image-container .learn {
      font-family: AntagometricaBT-Regular;
      font-size: 47px;
      color: #FFFFFF;
      letter-spacing: 2px;
      line-height: 60px; }
    body .image-container .about {
      /* We distill the compl: */
      font-family: AntagometricaBT-Regular;
      font-size: 55px;
      color: #FFFFFF;
      line-height: 80px; }
    body .image-container .overlay-text-right {
      position: absolute;
      z-index: 1000;
      padding: 15px;
      padding-left: 85px;
      font-family: AntagometricaBT-Regular;
      font-size: 15px;
      color: #FFFFFF;
      letter-spacing: 2px;
      line-height: 25px; }
      @media only screen and (min-device-width: 1450px) {
        body .image-container .overlay-text-right {
          padding-left: 140px; } }
  body #splash-landing {
    background-image: url("/img/background-img/landingSplash-white.jpg");
    background-size: cover;
    background-position: center;
    height: 100vh; }
    body #splash-landing #screen-text {
      position: absolute;
      top: 25vh;
      left: 35vw;
      color: white; }
      body #splash-landing #screen-text p {
        font-family: "Lucida Console", Monaco, monospace; }
    body #splash-landing #more-info {
      position: absolute;
      bottom: 25px;
      color: white;
      left: 50vw; }
    body #splash-landing .order-image {
      margin-top: 150px;
      margin-left: 100px;
      width: 250px; }
    @media only screen and (max-device-width: 750px) {
      body #splash-landing {
        background-image: url("/img/background-img/mobileSplash.png");
        height: 90vh; }
        body #splash-landing .order-image {
          margin-top: 10px;
          margin-left: 10px;
          width: 150px; } }
  body #content h1 {
    font-family: AntagometricaBTLight-Regular;
    font-size: 36px;
    color: #959595;
    line-height: 43px; }
  body #content h2 {
    font-family: AntagometricaBTLight-Light;
    font-size: 30px;
    color: #B3B3B3;
    line-height: 43px; }
  body #content p {
    font-family: AntagometricaBTLight-Regular;
    font-size: 14px;
    color: #444444;
    line-height: 32.89px; }
  body #content .grey {
    background-color: #F8F8F8; }
  body #content .section-padding {
    padding-top: 25px;
    padding-bottom: 25px; }
  body #content .section-padding-lg {
    padding-top: 50px;
    padding-bottom: 50px; }
  body #feature {
    position: relative;
    background-image: url("/img/background-img/feature-bg.png");
    background-size: cover;
    background-position: 100% 0%; }
    body #feature .feature-text {
      /* AS FEATURED IN Copy: */
      font-family: AntagometricaBTLight-Light;
      font-size: 26px;
      color: white;
      letter-spacing: 5px;
      line-height: 32px; }
  body #video-section {
    position: relative;
    background-color: #393939;
    padding-top: 50px;
    padding-bottom: 50px; }
  body #quick-spec {
    position: relative;
    background-color: #393939;
    padding-top: 50px;
    padding-bottom: 50px; }
  body #splash-techcrunch {
    position: relative;
    background-image: url("/img/background-img/landingSplash2.jpg");
    background-size: cover;
    background-position: 100% 0%;
    height: 40vh; }
    body #splash-techcrunch #shading {
      position: absolute;
      top: 0px;
      right: 0px;
      height: 100%;
      width: 100%;
      background-image: linear-gradient(-180deg, transparent 60%, #000000 100%); }
    body #splash-techcrunch p {
      font-family: AntagometricaBT-Regular;
      font-size: 19px;
      color: #646464;
      letter-spacing: 5px;
      line-height: 32px;
      position: absolute;
      bottom: 15px;
      right: 15px; }
      @media only screen and (min-device-width: 750px) {
        body #splash-techcrunch p {
          color: white; } }
  body #feature-section {
    position: relative;
    padding-top: 25px;
    padding-bottom: 25px; }
    body #feature-section #feature-section-splash {
      background-image: url("/img/background-img/landingSplash2.jpg");
      background-size: cover;
      position: relative;
      background-position: 100% 75%;
      -webkit-filter: grayscale(100%);
      -webkit-filter: brightness(50%);
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0px;
      right: 0px; }
    body #feature-section .feature-row {
      margin-top: 50px; }
      body #feature-section .feature-row p * {
        font-family: AntagometricaBT-Bold;
        font-size: 60px;
        color: #FFFFFF;
        letter-spacing: 2.06px;
        line-height: 74px; }
    body #feature-section .feature-text {
      /* AS FEATURED IN Copy: */
      font-family: AntagometricaBT-Regular;
      font-size: 26px;
      color: #4A4A4A;
      letter-spacing: 5px;
      line-height: 32px; }
  body #in-the-classroom {
    color: #4a4a4a; }
  @media only screen and (min-device-width: 750px) {
    body .learn-section {
      padding-top: 100px;
      padding-bottom: 100px; } }
  body .learn-section .text-box {
    padding-right: 50px; }
  body .mobile-text {
    background-color: #8CC63E;
    font-family: AntagometricaBT-Regular;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 2px;
    line-height: 36px; }
  body #splashMobile {
    height: 100vh;
    background-image: url("/img/background-img/learnSplash.png");
    background-size: auto 100%;
    background-position: center;
    color: white;
    padding-top: 75px; }
  body #divVideo {
    position: relative;
    height: 50vh;
    width: 100vw;
    background-color: #1A1B25;
    color: white; }
    body #divVideo #video {
      position: absolute;
      top: -50vh;
      left: 0px;
      width: 100vw;
      height: 100vh; }
    body #divVideo #title {
      position: absolute;
      top: 10vh;
      right: 5vw; }
    body #divVideo #text {
      position: absolute;
      top: 20vh;
      right: 5vw;
      float: right; }
    body #divVideo #typedText {
      position: absolute;
      top: 15vh;
      right: 5vw;
      float: right; }
  body #learn-splash {
    background-image: url("/img/background-img/gameSplash.png");
    background-size: cover;
    background-position: 35% 100%;
    padding: 0px; }
    body #learn-splash p {
      font-family: AntagometricaBT-Regular;
      font-size: 20px;
      color: #FFFFFF;
      letter-spacing: 2px;
      line-height: 60px; }
    @media only screen and (min-device-width: 750px) {
      body #learn-splash {
        padding: 100px; }
        body #learn-splash p {
          font-size: 47px; } }
  body #education-splash {
    /*background-image: url("/img/background-img/education.jpg");*/
    background-image: url("/img/background-img/imakr17.jpg");
    background-size: cover;
    background-position: 100% 87%;
    height: 40vh; }
    body #education-splash #shading {
      background: rgba(0, 0, 0, 0.41);
      position: absolute;
      right: 0px;
      top: 0px;
      width: 100%;
      height: 100%; }
    body #education-splash p {
      font-family: AntagometricaBT-Regular;
      font-size: 19px;
      color: #eee;
      letter-spacing: 2px;
      line-height: 32px;
      position: absolute;
      bottom: 10vh;
      right: 10vw; }
      @media only screen and (min-device-width: 750px) {
        body #education-splash p {
          color: white; } }
  body .learn-submit-button {
    background: #27C6A9;
    width: 100%;
    margin-top: 25px;
    height: 60px;
    outline: none;
    border: none;
    font-family: AntagometricaBTLight-Regular;
    font-size: 26px;
    color: #FFFFFF;
    line-height: 32px; }
  body #learning-signup {
    background-color: #187B69;
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative; }
    body #learning-signup p {
      font-family: AntagometricaBTLight-Regular;
      font-size: 17px;
      color: #FFFFFF;
      line-height: 28px; }
    body #learning-signup input {
      margin-bottom: 20px; }
  body #gameSplash3 {
    background-image: url("/img/background-img/gameSplash4.png");
    background-size: cover;
    background-position: 70% 100%;
    padding-top: 100px;
    padding-bottom: 100px;
    height: 100vh; }
    body #gameSplash3 h3 {
      font-family: AntagometricaBT-Bold;
      font-size: 50px;
      color: #FFFFFF;
      margin-bottom: 60px; }
    body #gameSplash3 p {
      font-family: AntagometricaBT-Regular;
      font-size: 20px;
      color: #FFFFFF;
      line-height: 32px; }
    body #gameSplash3 #sign-up {
      margin-top: 15vh; }
      body #gameSplash3 #sign-up input {
        background-color: white; }
      body #gameSplash3 #sign-up button {
        width: 100%; }
  body #section-product #side-bar {
    position: fixed;
    top: 15vh;
    left: 50px;
    z-index: 100; }
    body #section-product #side-bar img {
      width: 75px;
      margin-bottom: 25px;
      box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5); }
  body #section-product #splash {
    background-image: url("/img/pitop/full.JPG");
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    width: 100vw;
    height: 100vh; }
    body #section-product #splash h1 {
      color: #a4a4a4;
      margin-top: 5vh;
      font-family: AntagometricaBTLight-Light;
      font-size: 28px; }
  body #section-product #specifictions {
    font-family: AntagometricaBTLight-Light;
    color: #a4a4a4; }
  body #section-product #what-can-you-do-learn {
    background-image: url("/img/background-img/iotSplash.jpeg");
    background-size: cover;
    background-position: 50% 50%;
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%; }
  body #section-product .divider {
    background-color: #4A4A4A;
    padding-top: 25px;
    padding-bottom: 25px; }
    body #section-product .divider h1 {
      font-family: AntagometricaBT-Bold;
      font-size: 28px;
      color: #FFFFFF;
      letter-spacing: 1px;
      line-height: 34px; }
  body #section-product .product-info {
    background-color: white;
    width: 297px;
    height: 230px;
    padding: 10px; }
  body #section-product .product-close {
    width: 297px;
    height: 60px;
    background-color: #4A4A4A;
    position: relative;
    padding-top: 15px; }
  body #section-product #splash-iot {
    background-image: url("/img/background-img/iotSplash.jpeg");
    background-size: cover;
    background-position: 100% 50%;
    height: 500px; }
  body #section-product #splash-3d-print {
    background-image: url("/img/background-img/3dPrintingSplash.jpg");
    background-size: cover;
    background-position: 100% 50%;
    height: 500px; }
  body #section-product #splash-code-robot {
    background-image: url("/img/background-img/codeRobotsSplash.jpg");
    background-size: cover;
    background-position: 100% 15%;
    height: 500px; }
    @media only screen and (max-device-width: 750px) {
      body #section-product #splash-code-robot {
        background-size: auto 100%; } }
  body #buy {
    background-image: url("/img/background-img/buy-splash-white.jpg");
    background-size: auto 100%;
    background-position: 110% 100%;
    height: 95vh;
    width: 100vw;
    position: relative;
    background-repeat: no-repeat;
    background-color: white;
    color: #CACACA;
    font-family: AntagometricaBTLight-Light; }
    @media only screen and (max-device-width: 750px) {
      body #buy {
        background-position: 67% 100%; } }
    body #buy #slogan {
      margin-top: 50px;
      font-size: 36px;
      line-height: 43px;
      /*text-shadow: 2px 2px 4px rgba(0,0,0,0.19);*/ }
    body #buy #main {
      margin-top: 20px;
      font-size: 48px;
      line-height: 57px; }
    body #buy #buy-section {
      margin-top: 15px; }
      body #buy #buy-section #buy-button {
        background-color: transparent;
        border: 2px solid #FA9A00;
        border-radius: 10px;
        font-family: AntagometricaBTLight-Regular;
        font-size: 18px;
        color: #FA9A00;
        line-height: 25px;
        height: 35px;
        width: 70px; }
      body #buy #buy-section p {
        font-family: AntagometricaBT-Regular;
        font-size: 20px;
        color: #929292;
        line-height: 25px; }
      body #buy #buy-section #price {
        margin-left: 15px;
        font-size: 20px;
        color: #515151;
        line-height: 25px; }
    body #buy #buy-specs {
      position: absolute;
      bottom: 25px; }
  body #buy-specification {
    background-color: white; }
    body #buy-specification .divider {
      padding-top: 50px;
      padding-bottom: 50px; }
      body #buy-specification .divider .title {
        /* Screen: */
        padding-top: 0px;
        font-family: AntagometricaBTLight-Light;
        font-size: 24px;
        color: #858585;
        line-height: 29px; }
      body #buy-specification .divider .bold {
        font-family: AntagometricaBT-Bold; }
    body #buy-specification .buy-btn {
      height: 60px;
      width: 100%;
      border-color: transparent;
      color: white;
      font-size: 28px; }
    body #buy-specification .left {
      border-top-left-radius: 10px;
      border-bottom-left-radius: 10px;
      background-color: #FF9B00; }
    body #buy-specification .right {
      border-top-right-radius: 10px;
      border-bottom-right-radius: 10px;
      background-color: #FCD785; }
  body #contact-us {
    position: relative;
    padding-top: 100px; }
    @media only screen and (min-device-width: 750px) {
      body #contact-us {
        background-image: url("/img/background-img/contact-us.jpg");
        background-position: 99% 92%;
        background-size: 128% auto;
        background-repeat: no-repeat; } }
    body #contact-us h1 {
      font-family: AntagometricaBTLight-Light;
      font-size: 24px;
      color: #FFFFFF;
      line-height: 74px; }
    body #contact-us p {
      font-family: AntagometricaBTLight-Light;
      font-size: 14px;
      color: #FFFFFF;
      line-height: 15px; }
    body #contact-us .address p {
      font-family: AntagometricaBTLight-Light;
      font-size: 12px;
      color: #FFFFFF;
      line-height: 10px; }
    body #contact-us h2 {
      font-family: AntagometricaBT-Bold;
      font-size: 14px;
      color: #FFFFFF;
      line-height: 15px; }
    body #contact-us #contact-us-form {
      margin-top: 50px; }
      body #contact-us #contact-us-form .contact-input {
        background: rgba(0, 0, 0, 0.58);
        border: 1px solid #FFFFFF;
        border-radius: 10px; }
      body #contact-us #contact-us-form button {
        font-family: AntagometricaBTLight-Light;
        border: none;
        background-color: transparent;
        color: white;
        float: right;
        font-size: 20px; }
  body .help-container {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    position: relative; }
  body .help-container:hover {
    -webkit-transform: translate(0, -2em);
    -moz-transform: translate(0, -2em);
    -o-transform: translate(0, -2em);
    -ms-transform: translate(0, -2em);
    transform: translate(0, -2em); }
  body #help {
    background-color: #fff;
    color: #999; }
    body #help h2, body #help h1 {
      font-family: AntagometricaBTLight-Light; }
    body #help .panel-default > .panel-heading {
      color: #E4E4E4;
      background-color: #1E1E1E;
      border-color: #898989; }
    body #help #heading {
      background-color: #E0E0E0;
      padding-top: 30px;
      padding-bottom: 30px; }
      body #help #heading button {
        font-family: AntagometricaBT-Regular;
        font-size: 14px;
        color: #4A4A4A;
        letter-spacing: 2px;
        line-height: 16px;
        background-color: transparent;
        outline: none;
        border: none; }
    body #help #content {
      padding-top: 40px;
      padding-bottom: 40px; }
      body #help #content h3 {
        font-family: AntagometricaBT-Bold;
        color: #4A4A4A;
        letter-spacing: 2px;
        line-height: 27px;
        margin-top: 30px;
        margin-bottom: 30px; }
      body #help #content p {
        font-family: AntagometricaBTLight-Regular;
        color: #000000; }
    body #help .faq-text p {
      font-family: AntagometricaBTLight-Regular;
      font-size: 16px;
      color: #787878;
      letter-spacing: 1px;
      line-height: 26px;
      margin-bottom: 25px; }
  body .submit-newsletter-button {
    background: #FFFFFF;
    border: 1px solid #A0A0A0;
    border-radius: 8px;
    width: 100%;
    height: 40px;
    color: #4E4E4E;
    font-family: AntagometricaBT-Regular;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 11px;
    border: none; }
  body #section-login {
    background-image: url("/img/background-img/login.png");
    background-size: cover;
    background-position: 50% 75%;
    padding: 50px;
    height: 100vh;
    width: 100vw; }
    body #section-login .title {
      font-family: AntagometricaBTLight-Light;
      font-size: 36px;
      color: #EAEAEA;
      letter-spacing: 6px;
      line-height: 43px;
      margin-bottom: 50px; }
  body .login-input {
    background: rgba(0, 0, 0, 0.33);
    border: 1px solid #FFFFFF;
    border-radius: 8px;
    width: 100%;
    color: white;
    height: 40px; }
    body .login-input input::-webkit-input-placeholder {
      /* WebKit browsers */
      color: #fff; }
    body .login-input input:-moz-placeholder {
      /* Mozilla Firefox 4 to 18 */
      color: #fff; }
    body .login-input input::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      color: #fff; }
    body .login-input input:-ms-input-placeholder {
      /* Internet Explorer 10+ */
      color: #fff; }
  body ::-webkit-input-placeholder {
    placeholder: white; }
  body #footer {
    background-color: #4A4A4A;
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
    margin-top: -100px;
    /*		background-color:#36333C;*/
    font-family: AntagometricaBT-Regular;
    color: #FFFFFF; }
    body #footer h4 {
      margin-bottom: 30px; }
    body #footer a {
      color: white; }
    body #footer button {
      width: 100%;
      color: white;
      background-color: #4A4A4A;
      height: 35px;
      outline: none;
      border: none; }
    body #footer input {
      width: 100%;
      background-color: white;
      color: #4A4A4A;
      height: 35px;
      outline: none;
      padding-left: 15px; }
  body #shipping .info {
    padding-top: 25px;
    font-family: AntagometricaBT-Regular;
    font-size: 20px;
    color: #4A4A4A;
    letter-spacing: 1.66px;
    line-height: 25px; }
  body #shipping .order {
    background-color: #FFA92B;
    padding-top: 25px; }
    body #shipping .order p {
      font-family: AntagometricaBT-Regular;
      font-size: 38px;
      color: #FFFFFF;
      letter-spacing: 6.66px;
      line-height: 57px; }
  body #account {
    min-height: 100vh;
    background-color: #36333C;
    margin-top: 50px; }
    body #account #user-details {
      margin-top: 50px;
      margin-bottom: 50px;
      background-color: #fff;
      padding-top: 25px;
      padding-bottom: 25px; }
    body #account #customer-address {
      background-color: #fff;
      padding-top: 25px;
      padding-bottom: 25px; }
  body #orders {
    height: 100vh; }
    body #orders #order-history {
      margin-top: 50px;
      padding-top: 25px;
      padding-bottom: 25px; }

#buy-carousel .buy-btn {
  height: 60px;
  width: 20vw;
  border-color: transparent;
  color: white;
  font-size: 28px; }
#buy-carousel .left {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #FF9B00;
  width: 15vw;
  position: absolute;
  bottom: 100px;
  left: 35vw; }
#buy-carousel .right {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #FCD785;
  width: 15vw;
  position: absolute;
  bottom: 100px;
  left: 50vw; }

.chart {
  padding: 3px; }

.chart div {
  width: 0;
  transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -webkit-transition: all 1s ease-out; }

.chart div {
  font: 10px sans-serif;
  background-color: steelblue;
  text-align: right;
  padding: 3px;
  margin: 5px;
  color: white;
  box-shadow: 2px 2px 2px #666; }

.btn-pi-dark {
  background: white;
  border: 1px solid #4a4a4a;
  border-radius: 8px;
  width: 100%;
  height: 40px;
  color: #4E4E4E;
  font-family: AntagometricaBT-Regular;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 11px; }

.btn-clear {
  background-color: white;
  border: transparent; }

.btn-pi {
  background: transparent;
  border: 1px solid #ffffff;
  border-radius: 8px;
  width: 100%;
  height: 40px;
  color: #4E4E4E;
  font-family: AntagometricaBT-Regular;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 11px; }