.navbar-toggle {
  display: inline-block; }

/* Modal */
.modal {
  background: rgba(0, 0, 0, 0.6); }

html, body {
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

body {
  font-family: 'Roboto', sans-serif;
  color: #ffffff;
  -ms-touch-select: none;
  -webkit-touch-callout: none;
  touch-action: none;
  -ms-touch-action: none; }

a:hover, a:focus {
  text-decoration: underline; }

.mr10 {
  margin-top: 10px; }

.mr20 {
  margin-top: 20px; }

.mr30 {
  margin-top: 30px; }

.mr40 {
  margin-top: 40px; }

.mrb10 {
  margin-bottom: 10px; }

.p0 {
  padding: 0 !important; }

.ptb5 {
  padding: 5px 0px; }

.p10 {
  padding: 10px; }

.p20 {
  padding: 20px; }

small, .small {
  font-size: 80%; }

.inline-block {
  display: inline-block; }

.text-black {
  color: #000000; }

.text-white {
  color: #ffffff; }

.theme {
  background: repeat-x center center fixed; }

.bg-primary-green {
  background-color: #a6ce39; }

.btn-rounded {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px; }

.btn-green {
  background: #44b749; }
  .btn-green:hover, .btn-green:active, .btn-green:focus {
    color: #ffffff;
    background: #3da442; }

.btn-blue {
  background: #00b9f1; }
  .btn-blue:hover, .btn-blue:active, .btn-blue:focus {
    color: #ffffff;
    background: #00a5d8; }

.bg-dark {
  background: url("../img/header_bg.png") repeat; }

.logo {
  max-height: 90px; }

.navigation {
  padding-top: 10px;
  padding-bottom: 5px;
  margin-bottom: 0; }

.navbar-toggle {
  float: none;
  margin: 0;
  padding: 0 12px;
  margin-top: 3px; }
  .navbar-toggle .icon-bar {
    width: 5px;
    height: 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }
    .navbar-toggle .icon-bar + .icon-bar {
      margin-top: 7px; }

.nav > li > a:focus, .nav > li > a:hover {
  text-decoration: none;
  background-color: transparent; }

.rounded, .theme-start .choose {
  display: inline-block;
  background: #000;
  padding: 8px 17px 5px 17px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px; }

.forest-score {
  background: #c4680e; }
  .forest-score img {
    height: 18px;
    margin-top: -4px;
    padding-right: 10px; }

.reload {
  position: absolute;
  top: 10px;
  left: 5px;
  border: none; }

.nav-brand {
  display: inline-block; }

.player-info {
  display: block; }
  .player-info .player-icon {
    height: 20px; }

.sidebar {
  top: 169px;
  padding: 20px;
  background-color: rgba(0, 0, 0, 0.7); }

#question-container {
  background: #000000; }

#question {
  padding: 15px 0;
  font-size: 1.3em;
  text-transform: uppercase;
  text-align: center; }

.vertical-center {
  min-height: 100%;
  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh;
  /* These two lines are counted as one :-)       */
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center; }

.text-input {
  border: 0;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  text-transform: uppercase;
  padding: 8px 10px; }
  .text-input:focus, .text-input:active {
    outline: none; }

/* Player card */
.relative {
  position: relative; }

.flex-container {
  display: flex;
  -webkit-align-items: stretch;
  align-items: stretch; }

.flex-center {
  justify-content: center; }

.arrow {
  display: inline-block;
  position: absolute; }
  .arrow.arrow-1 {
    left: 50%;
    top: 0;
    margin-left: -46px;
    margin-top: -18px; }
  .arrow.arrow-3 {
    left: 50%;
    top: 100%;
    margin-left: -46px;
    margin-top: 3px; }
  .arrow.arrow-2 {
    left: 0;
    top: 50%;
    margin-top: -46px;
    margin-left: -18px; }
  .arrow.arrow-4 {
    left: 100%;
    top: 50%;
    margin-top: -46px;
    margin-left: 3px; }

#mcard-container {
  position: absolute;
  width: 320px;
  max-width: 440px;
  text-align: center;
  margin-top: 5px; }

#mcard {
  width: 320px;
  max-width: 440px;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding: 8px;
  position: absolute;
  cursor: move;
  -ms-touch-select: none;
  -webkit-touch-callout: none;
  touch-action: none;
  -ms-touch-action: none;
  text-transform: uppercase; }
  #mcard .bordered {
    border: 2px solid #a6ce39;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    padding: 2px 7px;
    min-height: 300px;
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: 50% 80%; }
    #mcard .bordered .rounded-box {
      background: #a6ce39;
      padding: 10px;
      margin: 5px 0;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
      text-transform: uppercase;
      min-height: 110px;
      cursor: pointer;
      width: 100%;
      overflow: hidden; }
    #mcard .bordered .icon-left-top, #mcard .bordered .icon-right-bottom {
      position: absolute;
      max-width: 30px; }
    #mcard .bordered .icon-left-top {
      top: 15px;
      left: 15px; }
    #mcard .bordered .icon-right-bottom {
      bottom: 15px;
      right: 15px; }
  #mcard.game-over-card {
    background: rgba(148, 81, 15, 0.7) !important;
    cursor: auto; }
    #mcard.game-over-card .bordered {
      border-color: #000000 !important; }
      #mcard.game-over-card .bordered .explanation {
        padding-top: 50px; }
  #mcard.game-over-success {
    background-color: rgba(54, 68, 17, 0.8) !important; }
    #mcard.game-over-success .bordered {
      border-color: #a6ce39 !important; }
      #mcard.game-over-success .bordered .card-image {
        margin-top: 40px; }
  #mcard .highlight-choice {
    background-color: #c4680e !important; }
  #mcard .explanation {
    text-align: center;
    padding: 35px 5px 10px 5px; }
  #mcard .points {
    background: #ffffff;
    color: #ff0000;
    text-align: center;
    font-weight: bold;
    margin: 10px 0;
    margin-bottom: 100px; }
  #mcard .question-image {
    pointer-events: none; }
  #mcard .game-over {
    min-height: 350px; }
  #mcard .card-image {
    text-align: center;
    margin: 0 auto; }
  #mcard .bottom-text {
    margin: 15px 0; }
  #mcard img, #mcard svg {
    pointer-events: none;
    -ms-touch-select: none;
    -webkit-touch-callout: none;
    touch-action: none;
    -ms-touch-action: none; }
  #mcard .row {
    margin: 0; }
    #mcard .row .col-xs-12 {
      padding: 0; }
    #mcard .row .col-xs-6 {
      padding: 0; }
    #mcard .row .col-xs-6.left-side {
      padding-right: 5px; }
    #mcard .row .col-xs-6.right-side {
      padding-left: 5px; }

#mcard.two-options-container .rounded-box {
  min-height: 300px; }

#mcard.three-options-container .left-side .rounded-box,
#mcard.three-options-container .right-side .rounded-box {
  min-height: 300px; }

#footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%; }
  #footer .img-responsive {
    max-height: 40px; }

.theme-start {
  padding-top: 0;
  background: url("../img/bg.jpg") repeat-x center center fixed; }
  .theme-start .subtitle {
    text-transform: uppercase;
    margin-top: 0 !important;
    font-size: 1.4em;
    color: #44b749; }
  .theme-start .start-buttons {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    flex-direction: column; }
    .theme-start .start-buttons .btn {
      margin: 10px 0 15px 0; }
  .theme-start .choose-character-btn {
    display: inline-block;
    text-transform: uppercase;
    text-shadow: 0 0 0 transparent, -1px -1px 0 #000000, 0px -1px 0 #000000, 1px -1px 0 #000000, -1px 0px 0 #000000, 0px 0px 0 #000000, 1px 0px 0 #000000, -1px 1px 0 #000000, 0px 1px 0 #000000, 1px 1px 0 #000000, -2px -2px 0 #000000, -1px -2px 0 #000000, 0px -2px 0 #000000, 1px -2px 0 #000000, 2px -2px 0 #000000, -2px -1px 0 #000000, -1px -1px 0 #000000, 0px -1px 0 #000000, 1px -1px 0 #000000, 2px -1px 0 #000000, -2px 0px 0 #000000, -1px 0px 0 #000000, 0px 0px 0 #000000, 1px 0px 0 #000000, 2px 0px 0 #000000, -2px 1px 0 #000000, -1px 1px 0 #000000, 0px 1px 0 #000000, 1px 1px 0 #000000, 2px 1px 0 #000000, -2px 2px 0 #000000, -1px 2px 0 #000000, 0px 2px 0 #000000, 1px 2px 0 #000000, 2px 2px 0 #000000;
    -webkit-font-smoothing: antialiased; }
    .theme-start .choose-character-btn .btn-choose {
      width: 100px;
      margin: 10px 5px;
      border: 3px solid transparent; }
      .theme-start .choose-character-btn .btn-choose img {
        height: 40px;
        display: inline-block; }
      .theme-start .choose-character-btn .btn-choose:active, .theme-start .choose-character-btn .btn-choose.active {
        border: 3px solid #ffffff;
        outline: none; }
  .theme-start .btn-start {
    text-transform: uppercase;
    background: #ff800f;
    color: #ffffff; }
    .theme-start .btn-start:hover, .theme-start .btn-start:active, .theme-start .btn-start:focus {
      color: #ffffff;
      background: #f57300; }
  .theme-start .username {
    border: 0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-transform: uppercase; }
    .theme-start .username:focus, .theme-start .username:active {
      outline: none; }
  .theme-start .choose {
    padding: 5px 25px 2px 25px;
    text-transform: uppercase;
    font-size: 1.6em;
    margin-top: 20px;
    margin-bottom: 20px; }

.bg-theme-green {
  background: #a6ce39; }
  .bg-theme-green:hover {
    background: #98be2f; }

.theme-green a {
  color: #a6ce39; }
  .theme-green a:hover, .theme-green a:focus {
    color: #779625; }
.theme-green .text-main {
  color: #a6ce39; }
.theme-green .bg-main {
  background: #a6ce39; }
.theme-green .navigation {
  background-color: rgba(0, 0, 0, 0.5); }
.theme-green .timer {
  background: #a6ce39;
  color: #ffffff; }
.theme-green .player-info {
  background: #a6ce39; }
.theme-green #mcard .bordered {
  border: 2px solid rgba(166, 206, 57, 0.8); }
  .theme-green #mcard .bordered .rounded-box, .theme-green #mcard .bordered .draggable-option {
    background-color: rgba(166, 206, 57, 0.8); }
.theme-green #mcard.intro-card {
  background-color: rgba(54, 68, 17, 0.8); }
.theme-green .arrow path {
  stroke: #a6ce39 !important; }
.theme-green svg path {
  fill: #a6ce39 !important; }

.bg-theme-brown {
  background: #b9835b; }
  .bg-theme-brown:hover {
    background: #b0764b; }

.theme-brown a {
  color: #b9835b; }
  .theme-brown a:hover, .theme-brown a:focus {
    color: #8c5e3c; }
.theme-brown .text-main {
  color: #b9835b; }
.theme-brown .bg-main {
  background: #b9835b; }
.theme-brown .navigation {
  background-color: rgba(0, 0, 0, 0.5); }
.theme-brown .timer {
  background: #b9835b;
  color: #ffffff; }
.theme-brown .player-info {
  background: #b9835b; }
.theme-brown #mcard .bordered {
  border: 2px solid rgba(185, 131, 91, 0.8); }
  .theme-brown #mcard .bordered .rounded-box, .theme-brown #mcard .bordered .draggable-option {
    background-color: rgba(185, 131, 91, 0.8); }
.theme-brown #mcard.intro-card {
  background-color: rgba(68, 46, 29, 0.8); }
.theme-brown .arrow path {
  stroke: #b9835b !important; }
.theme-brown svg path {
  fill: #b9835b !important; }

.bg-theme-pink {
  background: #be2f78; }
  .bg-theme-pink:hover {
    background: #aa2a6b; }

.theme-pink a {
  color: #be2f78; }
  .theme-pink a:hover, .theme-pink a:focus {
    color: #812051; }
.theme-pink .text-main {
  color: #be2f78; }
.theme-pink .bg-main {
  background: #be2f78; }
.theme-pink .navigation {
  background-color: rgba(0, 0, 0, 0.5); }
.theme-pink .timer {
  background: #be2f78;
  color: #ffffff; }
.theme-pink .player-info {
  background: #be2f78; }
.theme-pink #mcard .bordered {
  border: 2px solid rgba(190, 47, 120, 0.8); }
  .theme-pink #mcard .bordered .rounded-box, .theme-pink #mcard .bordered .draggable-option {
    background-color: rgba(190, 47, 120, 0.8); }
.theme-pink #mcard.intro-card {
  background-color: rgba(47, 12, 30, 0.8); }
.theme-pink .arrow path {
  stroke: #be2f78 !important; }
.theme-pink svg path {
  fill: #be2f78 !important; }

.bg-theme-violet {
  background: #af14fa; }
  .bg-theme-violet:hover {
    background: #a305ef; }

.theme-violet a {
  color: #af14fa; }
  .theme-violet a:hover, .theme-violet a:focus {
    color: #8104bd; }
.theme-violet .text-main {
  color: #af14fa; }
.theme-violet .bg-main {
  background: #af14fa; }
.theme-violet .navigation {
  background-color: rgba(0, 0, 0, 0.5); }
.theme-violet .timer {
  background: #af14fa;
  color: #ffffff; }
.theme-violet .player-info {
  background: #af14fa; }
.theme-violet #mcard .bordered {
  border: 2px solid rgba(175, 20, 250, 0.8); }
  .theme-violet #mcard .bordered .rounded-box, .theme-violet #mcard .bordered .draggable-option {
    background-color: rgba(175, 20, 250, 0.8); }
.theme-violet #mcard.intro-card {
  background-color: rgba(61, 2, 90, 0.8); }
.theme-violet .arrow path {
  stroke: #af14fa !important; }
.theme-violet svg path {
  fill: #af14fa !important; }

.bg-theme-darkgreen {
  background: #619e0b; }
  .bg-theme-darkgreen:hover {
    background: #528609; }

.theme-darkgreen a {
  color: #619e0b; }
  .theme-darkgreen a:hover, .theme-darkgreen a:focus {
    color: #355606; }
.theme-darkgreen .text-main {
  color: #619e0b; }
.theme-darkgreen .bg-main {
  background: #619e0b; }
.theme-darkgreen .navigation {
  background-color: rgba(0, 0, 0, 0.5); }
.theme-darkgreen .timer {
  background: #619e0b;
  color: #ffffff; }
.theme-darkgreen .player-info {
  background: #619e0b; }
.theme-darkgreen #mcard .bordered {
  border: 2px solid rgba(97, 158, 11, 0.8); }
  .theme-darkgreen #mcard .bordered .rounded-box, .theme-darkgreen #mcard .bordered .draggable-option {
    background-color: rgba(97, 158, 11, 0.8); }
.theme-darkgreen #mcard.intro-card {
  background-color: rgba(0, 0, 0, 0.8); }
.theme-darkgreen .arrow path {
  stroke: #619e0b !important; }
.theme-darkgreen svg path {
  fill: #619e0b !important; }

.bg-theme-orange {
  background: #fa8304; }
  .bg-theme-orange:hover {
    background: #e17604; }

.theme-orange a {
  color: #fa8304; }
  .theme-orange a:hover, .theme-orange a:focus {
    color: #af5c03; }
.theme-orange .text-main {
  color: #fa8304; }
.theme-orange .bg-main {
  background: #fa8304; }
.theme-orange .navigation {
  background-color: rgba(0, 0, 0, 0.5); }
.theme-orange .timer {
  background: #fa8304;
  color: #ffffff; }
.theme-orange .player-info {
  background: #fa8304; }
.theme-orange #mcard .bordered {
  border: 2px solid rgba(250, 131, 4, 0.8); }
  .theme-orange #mcard .bordered .rounded-box, .theme-orange #mcard .bordered .draggable-option {
    background-color: rgba(250, 131, 4, 0.8); }
.theme-orange #mcard.intro-card {
  background-color: rgba(74, 39, 1, 0.8); }
.theme-orange .arrow path {
  stroke: #fa8304 !important; }
.theme-orange svg path {
  fill: #fa8304 !important; }

.bg-theme-blue {
  background: #1291f8; }
  .bg-theme-blue:hover {
    background: #0784ea; }

.theme-blue a {
  color: #1291f8; }
  .theme-blue a:hover, .theme-blue a:focus {
    color: #0568b8; }
.theme-blue .text-main {
  color: #1291f8; }
.theme-blue .bg-main {
  background: #1291f8; }
.theme-blue .navigation {
  background-color: rgba(0, 0, 0, 0.5); }
.theme-blue .timer {
  background: #1291f8;
  color: #ffffff; }
.theme-blue .player-info {
  background: #1291f8; }
.theme-blue #mcard .bordered {
  border: 2px solid rgba(18, 145, 248, 0.8); }
  .theme-blue #mcard .bordered .rounded-box, .theme-blue #mcard .bordered .draggable-option {
    background-color: rgba(18, 145, 248, 0.8); }
.theme-blue #mcard.intro-card {
  background-color: rgba(3, 48, 85, 0.8); }
.theme-blue .arrow path {
  stroke: #1291f8 !important; }
.theme-blue svg path {
  fill: #1291f8 !important; }

.bg-theme-greenblue {
  background: #18d5ca; }
  .bg-theme-greenblue:hover {
    background: #15beb4; }

.theme-greenblue a {
  color: #18d5ca; }
  .theme-greenblue a:hover, .theme-greenblue a:focus {
    color: #109089; }
.theme-greenblue .text-main {
  color: #18d5ca; }
.theme-greenblue .bg-main {
  background: #18d5ca; }
.theme-greenblue .navigation {
  background-color: rgba(0, 0, 0, 0.5); }
.theme-greenblue .timer {
  background: #18d5ca;
  color: #ffffff; }
.theme-greenblue .player-info {
  background: #18d5ca; }
.theme-greenblue #mcard .bordered {
  border: 2px solid rgba(24, 213, 202, 0.8); }
  .theme-greenblue #mcard .bordered .rounded-box, .theme-greenblue #mcard .bordered .draggable-option {
    background-color: rgba(24, 213, 202, 0.8); }
.theme-greenblue #mcard.intro-card {
  background-color: rgba(6, 53, 50, 0.8); }
.theme-greenblue .arrow path {
  stroke: #18d5ca !important; }
.theme-greenblue svg path {
  fill: #18d5ca !important; }

/* xxs < 479 */
/* xs < 768 */
@media screen and (max-width: 768px) {
  body {
    font-size: 13px; }

  .forest-score {
    padding: 8px 7px 5px 7px; }
    .forest-score img {
      padding-right: 3px; }

  .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 5px; }

  /*
    .theme-start {
      .start-buttons {
        .btn {
          margin: 15px 0;
        }
  	  }
    }*/ }
@media (min-width: 768px) {
  body {
    font-size: 13px; }

  #mcard {
    font-size: 14px; }

  #question-container {
    margin-top: 35px;
    margin-bottom: 15px; } }
@media (min-width: 992px) {
  .container {
    width: 800px; }

  #question-container {
    margin-top: 35px;
    margin-bottom: 15px; } }
@media (min-width: 1200px) {
  body {
    font-size: 14px; }

  .container {
    width: 800px; }

  #question-container {
    margin-top: 35px;
    margin-bottom: 15px; } }

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