@font-face {
  font-family: 'bt_fontbold';
  src: url("../font/btfont_bd-webfont.woff2") format("woff2"), url("../font/btfont_bd-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'bt_fontextrabold';
  src: url("../font/btfont_exbd-webfont.woff2") format("woff2"), url("../font/btfont_exbd-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'bt_fontlight';
  src: url("../font/btfont_lt-webfont.woff2") format("woff2"), url("../font/btfont_lt-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'bt_fontregular';
  src: url("../font/btfont_rg-webfont.woff2") format("woff2"), url("../font/btfont_rg-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
.bt-type-title {
  font-family: 'bt_fontbold', sans-serif;
  font-size: 35px;
  color: #fff;
  line-height: 35px; }

.bt-type-copy, .bt-type-panel-description, .bt-type-question, .bt-type-answers, .bt-type-feature-description, .bt-cookie-message p {
  font-family: 'bt_fontregular', sans-serif;
  font-size: 14px;
  color: #fff;
  line-height: 18px; }

.bt-type-howto-title, .bt-type-panel-header, .bt-type-question-title, .bt-type-feature-title {
  font-family: 'bt_fontbold', sans-serif;
  font-size: 24px;
  color: #fff;
  line-height: 24px; }

.bt-type-ingame-numbers {
  font-family: 'bt_fontbold', sans-serif;
  font-size: 25px;
  line-height: 25px;
  color: #fff; }

.bt-type-ingame-orbs {
  font-family: 'bt_fontbold', sans-serif;
  font-size: 18px;
  line-height: 18px;
  color: #fff; }

.bt-type-feature-title {
  color: #55379b; }

.bt-type-feature-description, .bt-cookie-message p {
  color: #55379b; }

.bt-type-endgame-header {
  font-family: 'bt_fontbold', sans-serif;
  font-size: 40px;
  color: #55379b;
  line-height: 40px; }

.bt-type-time {
  font-family: 'bt_fontbold', sans-serif;
  font-size: 17px;
  color: #ff9900;
  line-height: 17px; }

.bt-type-time-value {
  font-family: 'bt_fontregular', sans-serif;
  font-size: 12px;
  color: #ff9900;
  line-height: 12px; }

.bt-type-shots {
  font-family: 'bt_fontbold', sans-serif;
  font-size: 17px;
  line-height: 17px;
  color: #009957; }

.bt-type-shots-value {
  font-family: 'bt_fontregular', sans-serif;
  font-size: 12px;
  color: #009957;
  line-height: 12px; }

.bt-type-share-title {
  font-family: 'bt_fontbold', sans-serif;
  font-size: 16px;
  color: #fff;
  line-height: 16px; }

.bt-left {
  float: left; }

.bt-right {
  float: right; }

.bt-margin-left-1 {
  margin-left: 10px; }

.bt-margin-left-7 {
  margin-left: 70px; }

.bt-clearfix {
  clear: both; }

.bt-image {
  margin-left: auto;
  margin-right: auto; }

.bt-center {
  text-align: center; }

.bt-vspace-1 {
  margin-top: 10px; }

.bt-vspace-2 {
  margin-top: 20px; }

.bt-margin-down-fix-1 {
  margin-bottom: 54px; }

.bt-white-button {
  display: inline-block;
  background-color: #fff;
  color: #55379b;
  font-size: 18px;
  padding: 2px 20px;
  font-family: 'bt_fontbold', sans-serif;
  border: none;
  cursor: pointer; }

.bt-purple-button {
  display: inline-block;
  background-color: #55379b;
  color: #fff;
  font-size: 18px;
  padding: 2px 20px;
  font-family: 'bt_fontbold', sans-serif;
  border: none;
  cursor: pointer; }

.bt-hr {
  border-bottom: 1px solid #fff;
  margin-top: 20px;
  margin-bottom: 15px; }

.bt-hr-dark {
  border-bottom: 1px solid #1e1e1e;
  margin-top: 15px;
  margin-bottom: 10px; }

* {
  margin: 0;
  padding: 0; }

html, body {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  background-color: #55379b;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden; }

h1, h2, h3, h4, h5, h6, hr, li {
  margin: 0;
  padding: 0; }

a, a:hover, a:active, a:focus, a:visited {
  text-decoration: none; }

ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.bt-cookie-message {
  background-color: #fff;
  width: 920px;
  position: relative;
  margin: 0 auto;
  height: 59px; }
  .bt-cookie-message p {
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #55379b;
    width: 771px;
    display: inline-block;
    font-size: 11px; }
  .bt-cookie-message a {
    margin: 0px;
    position: absolute;
    top: 15px;
    right: 15px;
    width: 95px;
    height: 29px;
    padding: 0px;
    text-align: center;
    line-height: 29px; }

#bt-container {
  background-color: #fff;
  width: 920px;
  height: 600px;
  position: relative;
  margin: 0 auto;
  overflow: hidden; }
  #bt-container .bt-question {
    position: absolute;
    top: 106px;
    left: 186px;
    width: 548px;
    background-color: #55379b;
    z-index: 3; }
    #bt-container .bt-question .bt-question-popup {
      padding: 20px 18px 16px 18px; }
      #bt-container .bt-question .bt-question-popup .bt-answerbutton {
        height: 29px;
        color: #55379b; }
      #bt-container .bt-question .bt-question-popup .bt-question-container {
        margin-top: 20px;
        padding: 20px 22px 10px 22px;
        background-color: #332960; }
        #bt-container .bt-question .bt-question-popup .bt-question-container .bt-q-details {
          margin-top: 10px; }
        #bt-container .bt-question .bt-question-popup .bt-question-container .bt-q-form {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-direction: row;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap;
          -webkit-align-content: stretch;
              -ms-flex-line-pack: stretch;
                  align-content: stretch; }
          #bt-container .bt-question .bt-question-popup .bt-question-container .bt-q-form .bt-q-form-item {
            -webkit-flex-basis: 210px;
                -ms-flex-preferred-size: 210px;
                    flex-basis: 210px;
            margin: 2px auto;
            padding: 3px 4px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: stretch;
            -webkit-align-items: stretch;
                -ms-flex-align: stretch;
                    align-items: stretch;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
                -ms-flex-direction: row;
                    flex-direction: row; }
            #bt-container .bt-question .bt-question-popup .bt-question-container .bt-q-form .bt-q-form-item .bt-q-form-item-flexitem {
              margin: auto 4px;
              max-width: 165px; }
            #bt-container .bt-question .bt-question-popup .bt-question-container .bt-q-form .bt-q-form-item input {
              margin-right: 6px;
              min-width: 15px; }
            #bt-container .bt-question .bt-question-popup .bt-question-container .bt-q-form .bt-q-form-item.correct {
              background: url("../assets/question/correct-answer-bg.png") right no-repeat;
              background-color: #23c855; }
            #bt-container .bt-question .bt-question-popup .bt-question-container .bt-q-form .bt-q-form-item.error {
              background: url("../assets/question/wrong-answer-bg.png") right no-repeat;
              background-color: #e73733; }
  #bt-container .bt-feature {
    position: absolute;
    top: 106px;
    left: 186px;
    width: 548px;
    background-color: #55379b;
    z-index: 3; }
    #bt-container .bt-feature .bt-feature-popup {
      padding: 20px 18px 16px 18px; }
      #bt-container .bt-feature .bt-feature-popup .bt-feature-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
        background-color: #fff;
        margin-top: 20px;
        margin-bottom: 30px;
        padding: 20px 18px 16px 18px; }
        #bt-container .bt-feature .bt-feature-popup .bt-feature-container .bt-feature-container-item {
          margin-right: 15px; }
          #bt-container .bt-feature .bt-feature-popup .bt-feature-container .bt-feature-container-item img {
            width: 194px;
            height: 125px;
            margin-right: 16px; }
  #bt-container .bt-qanswer {
    position: absolute;
    top: 106px;
    left: 186px;
    width: 548px;
    background-color: #55379b;
    z-index: 3; }
    #bt-container .bt-qanswer .bt-qanswer-popup {
      padding: 20px 18px 16px 18px; }
      #bt-container .bt-qanswer .bt-qanswer-popup .bt-qanswerbutton {
        width: 107px;
        height: 29px;
        color: #55379b; }
      #bt-container .bt-qanswer .bt-qanswer-popup .bt-won-orbs {
        padding-top: 35px;
        padding-bottom: 50px; }
  #bt-container .bt-endscreen {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3; }
    #bt-container .bt-endscreen .bt-left-popup {
      background-color: #55379b;
      width: 214px;
      padding: 10px 22px;
      margin-right: 20px;
      float: left;
      margin-left: 80px;
      margin-top: 60px; }
      #bt-container .bt-endscreen .bt-left-popup .bt-more-details {
        margin-top: 24px; }
      #bt-container .bt-endscreen .bt-left-popup .bt-link {
        margin-top: 10px; }
        #bt-container .bt-endscreen .bt-left-popup .bt-link a {
          color: #fff; }
    #bt-container .bt-endscreen .bt-right-popup {
      background-color: #55379b;
      width: 418px;
      padding: 16px 22px;
      float: left;
      margin-top: 60px; }
      #bt-container .bt-endscreen .bt-right-popup .bt-scoreboard-container {
        margin-top: 14px;
        margin-bottom: 24px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
                justify-content: flex-start; }
        #bt-container .bt-endscreen .bt-right-popup .bt-scoreboard-container .bt-scoreboard-item {
          padding: 3px; }
      #bt-container .bt-endscreen .bt-right-popup .bt-version-customer {
        margin-top: 20px;
        margin-bottom: 48px; }
        #bt-container .bt-endscreen .bt-right-popup .bt-version-customer .bt-title {
          margin-bottom: 10px; }
        #bt-container .bt-endscreen .bt-right-popup .bt-version-customer .bt-description {
          margin-bottom: 20px; }
      #bt-container .bt-endscreen .bt-right-popup .bt-version-employee {
        margin-top: 20px; }
        #bt-container .bt-endscreen .bt-right-popup .bt-version-employee .bt-title {
          margin-bottom: 10px; }
        #bt-container .bt-endscreen .bt-right-popup .bt-version-employee .bt-description {
          margin-bottom: 20px; }
  #bt-container .bt-full {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    #bt-container .bt-full .bt-gameview {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      #bt-container .bt-full .bt-gameview .bt-end-game-message {
        position: absolute;
        bottom: 160px;
        width: 100%;
        text-align: center; }
      #bt-container .bt-full .bt-gameview .bt-end-game-wifi-signal {
        position: absolute;
        bottom: 100px;
        text-align: center;
        width: 100%; }
        #bt-container .bt-full .bt-gameview .bt-end-game-wifi-signal.animate {
          bottom: 380px;
          -webkit-transition: bottom 1s ease-in;
                  transition: bottom 1s ease-in;
          -webkit-animation-delay: 2s;
                  animation-delay: 2s; }
      #bt-container .bt-full .bt-gameview .bt-shooter-orb {
        position: absolute;
        bottom: 55px;
        left: 444px;
        -webkit-animation-delay: 0.5s;
                animation-delay: 0.5s;
        -webkit-animation-duration: 0.4s;
                animation-duration: 0.4s; }
        #bt-container .bt-full .bt-gameview .bt-shooter-orb .bt-shooter-orb-colliderbox {
          position: absolute;
          top: 0;
          left: 0;
          height: 32px;
          width: 32px; }
        #bt-container .bt-full .bt-gameview .bt-shooter-orb.shoot {
          bottom: 675px;
          -webkit-animation: shootDaBall 1s linear 1;
                  animation: shootDaBall 1s linear 1;
          -webkit-animation-fill-mode: backwards;
                  animation-fill-mode: backwards; }
@-webkit-keyframes shootDaBall {
  from {
    bottom: 55px; }
  to {
    bottom: 675px; } }
@keyframes shootDaBall {
  from {
    bottom: 55px; }
  to {
    bottom: 675px; } }
      #bt-container .bt-full .bt-gameview .bt-ingame {
        width: 100%;
        height: 100%; }
        #bt-container .bt-full .bt-gameview .bt-ingame .bt-blue-ring {
          position: absolute;
          color: #0295d4; }
        #bt-container .bt-full .bt-gameview .bt-ingame .bt-green-ring {
          position: absolute;
          color: #009957; }
        #bt-container .bt-full .bt-gameview .bt-ingame .bt-orange-ring {
          position: absolute;
          color: #ff9900; }
        #bt-container .bt-full .bt-gameview .bt-ingame .bt-pink-ring {
          position: absolute;
          color: #ed2f78; }
        #bt-container .bt-full .bt-gameview .bt-ingame .bt-red-ring {
          position: absolute;
          color: #eb352c; }
        #bt-container .bt-full .bt-gameview .bt-ingame .bt-circle-blue {
          border: 3px solid #0295d4;
          position: absolute;
          left: 443px;
          top: 220px;
          -webkit-transform: rotate(0deg) translateY(-200px) rotate(0deg);
              -ms-transform: rotate(0deg) translateY(-200px) rotate(0deg);
                  transform: rotate(0deg) translateY(-200px) rotate(0deg); }
          #bt-container .bt-full .bt-gameview .bt-ingame .bt-circle-blue.animate {
            -webkit-animation-name: blueOrbit;
                    animation-name: blueOrbit;
            -webkit-animation-duration: 3s;
                    animation-duration: 3s;
            -webkit-animation-timing-function: linear;
                    animation-timing-function: linear;
            -webkit-animation-iteration-count: infinite;
                    animation-iteration-count: infinite; }
          #bt-container .bt-full .bt-gameview .bt-ingame .bt-circle-blue.fill {
            background-color: #0295d4;
            -webkit-transition: background-color 0.4s linear;
                    transition: background-color 0.4s linear;
            color: #fff; }
@-webkit-keyframes blueOrbit {
  from {
    -webkit-transform: rotate(0deg) translateY(-200px) rotate(0deg);
            transform: rotate(0deg) translateY(-200px) rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg) translateY(-200px) rotate(-360deg);
            transform: rotate(360deg) translateY(-200px) rotate(-360deg); } }
@keyframes blueOrbit {
  from {
    -webkit-transform: rotate(0deg) translateY(-200px) rotate(0deg);
            transform: rotate(0deg) translateY(-200px) rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg) translateY(-200px) rotate(-360deg);
            transform: rotate(360deg) translateY(-200px) rotate(-360deg); } }
        #bt-container .bt-full .bt-gameview .bt-ingame .bt-circle-pink {
          border: 3px solid #ed2f78;
          position: absolute;
          left: 443px;
          top: 220px;
          -webkit-transform: rotate(0deg) translateY(-160px) rotate(0deg);
              -ms-transform: rotate(0deg) translateY(-160px) rotate(0deg);
                  transform: rotate(0deg) translateY(-160px) rotate(0deg); }
          #bt-container .bt-full .bt-gameview .bt-ingame .bt-circle-pink.animate {
            -webkit-animation-name: pinkOrbit;
                    animation-name: pinkOrbit;
            -webkit-animation-duration: 3.4s;
                    animation-duration: 3.4s;
            -webkit-animation-timing-function: linear;
                    animation-timing-function: linear;
            -webkit-animation-iteration-count: infinite;
                    animation-iteration-count: infinite; }
          #bt-container .bt-full .bt-gameview .bt-ingame .bt-circle-pink.fill {
            background-color: #ed2f78;
            -webkit-transition: background-color 0.4s linear;
                    transition: background-color 0.4s linear;
            color: #fff; }
@-webkit-keyframes pinkOrbit {
  from {
    -webkit-transform: rotate(0deg) translateY(-160px) rotate(0deg);
            transform: rotate(0deg) translateY(-160px) rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg) translateY(-160px) rotate(-360deg);
            transform: rotate(360deg) translateY(-160px) rotate(-360deg); } }
@keyframes pinkOrbit {
  from {
    -webkit-transform: rotate(0deg) translateY(-160px) rotate(0deg);
            transform: rotate(0deg) translateY(-160px) rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg) translateY(-160px) rotate(-360deg);
            transform: rotate(360deg) translateY(-160px) rotate(-360deg); } }
        #bt-container .bt-full .bt-gameview .bt-ingame .bt-circle-green {
          border: 3px solid #009957;
          position: absolute;
          left: 443px;
          top: 220px;
          -webkit-transform: rotate(0deg) translateY(-120px) rotate(0deg);
              -ms-transform: rotate(0deg) translateY(-120px) rotate(0deg);
                  transform: rotate(0deg) translateY(-120px) rotate(0deg); }
          #bt-container .bt-full .bt-gameview .bt-ingame .bt-circle-green.animate {
            -webkit-animation-name: greenOrbit;
                    animation-name: greenOrbit;
            -webkit-animation-duration: 2.5s;
                    animation-duration: 2.5s;
            -webkit-animation-timing-function: linear;
                    animation-timing-function: linear;
            -webkit-animation-iteration-count: infinite;
                    animation-iteration-count: infinite; }
          #bt-container .bt-full .bt-gameview .bt-ingame .bt-circle-green.fill {
            background-color: #009957;
            -webkit-transition: background-color 0.4s linear;
                    transition: background-color 0.4s linear;
            color: #fff; }
@-webkit-keyframes greenOrbit {
  from {
    -webkit-transform: rotate(0deg) translateY(-120px) rotate(0deg);
            transform: rotate(0deg) translateY(-120px) rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg) translateY(-120px) rotate(-360deg);
            transform: rotate(360deg) translateY(-120px) rotate(-360deg); } }
@keyframes greenOrbit {
  from {
    -webkit-transform: rotate(0deg) translateY(-120px) rotate(0deg);
            transform: rotate(0deg) translateY(-120px) rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg) translateY(-120px) rotate(-360deg);
            transform: rotate(360deg) translateY(-120px) rotate(-360deg); } }
        #bt-container .bt-full .bt-gameview .bt-ingame .bt-circle-red {
          border: 3px solid #eb352c;
          position: absolute;
          left: 443px;
          top: 220px;
          -webkit-transform: rotate(0deg) translateY(-80px) rotate(0deg);
              -ms-transform: rotate(0deg) translateY(-80px) rotate(0deg);
                  transform: rotate(0deg) translateY(-80px) rotate(0deg); }
          #bt-container .bt-full .bt-gameview .bt-ingame .bt-circle-red.animate {
            -webkit-animation-name: redOrbit;
                    animation-name: redOrbit;
            -webkit-animation-duration: 1.9s;
                    animation-duration: 1.9s;
            -webkit-animation-timing-function: linear;
                    animation-timing-function: linear;
            -webkit-animation-iteration-count: infinite;
                    animation-iteration-count: infinite; }
          #bt-container .bt-full .bt-gameview .bt-ingame .bt-circle-red.fill {
            background-color: #eb352c;
            -webkit-transition: background-color 0.4s linear;
                    transition: background-color 0.4s linear;
            color: #fff; }
@-webkit-keyframes redOrbit {
  from {
    -webkit-transform: rotate(0deg) translateY(-80px) rotate(0deg);
            transform: rotate(0deg) translateY(-80px) rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg) translateY(-80px) rotate(-360deg);
            transform: rotate(360deg) translateY(-80px) rotate(-360deg); } }
@keyframes redOrbit {
  from {
    -webkit-transform: rotate(0deg) translateY(-80px) rotate(0deg);
            transform: rotate(0deg) translateY(-80px) rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg) translateY(-80px) rotate(-360deg);
            transform: rotate(360deg) translateY(-80px) rotate(-360deg); } }
        #bt-container .bt-full .bt-gameview .bt-ingame .bt-circle-orange {
          border: 3px solid #ff9900;
          position: absolute;
          left: 443px;
          top: 220px;
          -webkit-transform: rotate(0deg) translateY(-40px) rotate(0deg);
              -ms-transform: rotate(0deg) translateY(-40px) rotate(0deg);
                  transform: rotate(0deg) translateY(-40px) rotate(0deg); }
          #bt-container .bt-full .bt-gameview .bt-ingame .bt-circle-orange.animate {
            -webkit-animation-name: orangeOrbit;
                    animation-name: orangeOrbit;
            -webkit-animation-duration: 1.5s;
                    animation-duration: 1.5s;
            -webkit-animation-timing-function: linear;
                    animation-timing-function: linear;
            -webkit-animation-iteration-count: infinite;
                    animation-iteration-count: infinite; }
          #bt-container .bt-full .bt-gameview .bt-ingame .bt-circle-orange.fill {
            background-color: #ff9900;
            -webkit-transition: background-color 0.4s linear;
                    transition: background-color 0.4s linear;
            color: #fff; }
@-webkit-keyframes orangeOrbit {
  from {
    -webkit-transform: rotate(0deg) translateY(-40px) rotate(0deg);
            transform: rotate(0deg) translateY(-40px) rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg) translateY(-40px) rotate(-360deg);
            transform: rotate(360deg) translateY(-40px) rotate(-360deg); } }
@keyframes orangeOrbit {
  from {
    -webkit-transform: rotate(0deg) translateY(-40px) rotate(0deg);
            transform: rotate(0deg) translateY(-40px) rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg) translateY(-40px) rotate(-360deg);
            transform: rotate(360deg) translateY(-40px) rotate(-360deg); } }
        #bt-container .bt-full .bt-gameview .bt-ingame .bt-circle-empty {
          width: 32px;
          height: 32px;
          text-align: center;
          line-height: 32px;
          border-radius: 50%;
          font-size: 18px;
          font-weight: bold;
          background-color: #fff; }
      #bt-container .bt-full .bt-gameview .bt-bottom-hud {
        position: absolute;
        bottom: 0px;
        left: 0px;
        height: 100px;
        width: 100%;
        z-index: 1; }
        #bt-container .bt-full .bt-gameview .bt-bottom-hud .bt-restart-button {
          margin-top: -16px;
          right: 32px;
          z-index: 1;
          position: absolute; }
        #bt-container .bt-full .bt-gameview .bt-bottom-hud .bt-hud-bg {
          background-image: url("../assets/main/base-bar.png");
          background-position: bottom;
          height: 74px;
          position: absolute;
          bottom: 0px;
          left: 0px;
          width: 100%; }
        #bt-container .bt-full .bt-gameview .bt-bottom-hud .bt-orbs-left {
          position: relative;
          margin-top: 55px;
          margin-left: 34px;
          -webkit-animation-duration: 0.4s;
                  animation-duration: 0.4s;
          -webkit-animation-delay: 2.2s;
                  animation-delay: 2.2s; }
        #bt-container .bt-full .bt-gameview .bt-bottom-hud .bt-orb-img {
          position: absolute;
          left: 0;
          top: 0;
          -webkit-animation-duration: 0.4s;
                  animation-duration: 0.4s; }
        #bt-container .bt-full .bt-gameview .bt-bottom-hud .bt-orb-1-overlay {
          -webkit-animation-delay: 0s;
                  animation-delay: 0s; }
        #bt-container .bt-full .bt-gameview .bt-bottom-hud .bt-orb-2-overlay {
          -webkit-animation-delay: 0.1s;
                  animation-delay: 0.1s; }
        #bt-container .bt-full .bt-gameview .bt-bottom-hud .bt-orb-3-overlay {
          -webkit-animation-delay: 0.2s;
                  animation-delay: 0.2s; }
        #bt-container .bt-full .bt-gameview .bt-bottom-hud .bt-orb-1 {
          position: absolute;
          left: 130px;
          top: 40px;
          -webkit-animation-duration: 0.3s;
                  animation-duration: 0.3s;
          -webkit-animation-delay: 1.8s;
                  animation-delay: 1.8s; }
        #bt-container .bt-full .bt-gameview .bt-bottom-hud .bt-orb-2 {
          position: absolute;
          left: 196px;
          top: 40px;
          -webkit-animation-duration: 0.3s;
                  animation-duration: 0.3s;
          -webkit-animation-delay: 1.5s;
                  animation-delay: 1.5s; }
        #bt-container .bt-full .bt-gameview .bt-bottom-hud .bt-orb-3 {
          position: absolute;
          left: 262px;
          top: 40px;
          -webkit-animation-duration: 0.3s;
                  animation-duration: 0.3s;
          -webkit-animation-delay: 1.2s;
                  animation-delay: 1.2s; }
        #bt-container .bt-full .bt-gameview .bt-bottom-hud .bt-router {
          position: absolute;
          width: 100%;
          text-align: center;
          margin: 0;
          bottom: 0px;
          -webkit-animation-duration: 1s;
                  animation-duration: 1s;
          -webkit-animation-delay: 0.3s;
                  animation-delay: 0.3s; }
      #bt-container .bt-full .bt-gameview .bt-top-hud .bt-hud-timer {
        position: absolute;
        width: 128px;
        height: 66px;
        top: 25px;
        left: 34px; }
        #bt-container .bt-full .bt-gameview .bt-top-hud .bt-hud-timer .bt-hud-timer-text {
          position: absolute;
          left: 8px;
          top: 20px;
          width: 50px;
          text-align: center; }
      #bt-container .bt-full .bt-gameview .bt-top-hud .bt-hud-shots {
        position: absolute;
        width: 171px;
        height: 66px;
        top: 25px;
        right: 34px; }
        #bt-container .bt-full .bt-gameview .bt-top-hud .bt-hud-shots .bt-hud-shots-fired-text {
          position: absolute;
          right: 8px;
          top: 20px;
          width: 50px;
          text-align: center; }
    #bt-container .bt-full .bt-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(255, 255, 255, 0.7);
      z-index: 2; }
    #bt-container .bt-full .bt-introgameview {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #55379b; }
      #bt-container .bt-full .bt-introgameview .bt-header {
        margin-top: 60px; }
      #bt-container .bt-full .bt-introgameview .bt-left-col {
        width: 214px;
        margin-top: 32px;
        margin-left: 126px; }
        #bt-container .bt-full .bt-introgameview .bt-left-col .bt-title {
          margin-top: 20px; }
      #bt-container .bt-full .bt-introgameview .bt-right-col {
        width: 400px;
        margin-right: 122px;
        margin-top: 58px; }
        #bt-container .bt-full .bt-introgameview .bt-right-col .bt-title {
          margin-top: 20px; }
        #bt-container .bt-full .bt-introgameview .bt-right-col .bt-instructions-game {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-direction: row;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center; }
          #bt-container .bt-full .bt-introgameview .bt-right-col .bt-instructions-game .bt-instructions-game-item {
            margin: auto;
            padding-left: 10px; }
          #bt-container .bt-full .bt-introgameview .bt-right-col .bt-instructions-game .bt-inbetweenspace {
            margin-left: 36px; }
          #bt-container .bt-full .bt-introgameview .bt-right-col .bt-instructions-game .bt-instruction-text {
            width: 125px; }
      #bt-container .bt-full .bt-introgameview .bt-lower-right-logo {
        position: absolute;
        right: 34px;
        bottom: 34px; }

/***
 * Animations and stuff
 *
 */
.blue-ring {
  position: absolute;
  z-index: 100;
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: 2.5s;
  -moz-animation-duration: 2s;
  -moz-animation-delay: 2.5s; }

.orbs-1-filled {
  position: absolute;
  display: inline-block;
  z-index: 60;
  margin-left: -176px;
  margin-top: 540px;
  -webkit-animation-delay: 0.3s;
  -webkit-animation-duration: 0.4s;
  -moz-animation-delay: 0.3s;
  -moz-animation-duration: 0.4s; }

.orbs-2-filled {
  position: absolute;
  display: inline-block;
  z-index: 70;
  margin-left: -108px;
  margin-top: 540px;
  -webkit-animation-delay: 0.4s;
  -webkit-animation-duration: 0.4s;
  -moz-animation-delay: 0.4s;
  -moz-animation-duration: 0.4s; }

.orbs-3-filled {
  position: absolute;
  display: inline-block;
  z-index: 80;
  margin-left: -40px;
  margin-top: 540px;
  -webkit-animation-delay: 0.5s;
  -webkit-animation-duration: 0.4s;
  -moz-animation-delay: 0.5s;
  -moz-animation-duration: 0.4s; }

.question-modal {
  position: absolute;
  z-index: 110;
  left: 188px;
  top: 106px;
  -webkit-animation-duration: 0.6s;
  -webkit-animation-delay: 3s;
  -moz-animation-duration: 0.6s;
  -moz-animation-delay: 3s; }

.correct-modal {
  position: absolute;
  z-index: 110;
  left: 188px;
  top: 106px;
  -webkit-animation-duration: 0.6s;
  -webkit-animation-delay: 3s;
  -moz-animation-duration: 0.6s;
  -moz-animation-delay: 3s; }

.orb {
  position: absolute;
  z-index: 20;
  left: 452px;
  top: 464px;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s; }

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