/* compiled by scssphp v0.0.12 on Thu, 09 Apr 2015 22:16:41 -0600 (0.4465s) */

@font-face {
  font-family: japan;
  src: url(../../fonts/Japan.TTF); }

@font-face {
  font-family: Fanwood;
  src: url(../../fonts/Fanwood.otf); }

@font-face {
  font-family: FanwoodI;
  src: url(../../fonts/Fanwood-Italic.otf); }

@font-face {
  font-family: Franchise;
  src: url(../../fonts/Franchise-Free-Bold.otf); }

@font-face {
  font-family: Heart;
  src: url('../../fonts/Heart.ttf'); }

@font-face {
  font-family: Dragon;
  src: url('../../fonts/CMTattooDragon.ttf'); }

@font-face {
  font-family: PixelQ;
  src: url(../../fonts/Kemco.ttf); }

@font-face {
  font-family: Videogame;
  src: url(../../fonts/Videogames.ttf); }

@font-face {
  font-family: Dragon2;
  src: url(../../fonts/Dragon2.otf); }

@font-face {
  font-family: Media;
  src: url(../../fonts/Rakoon.ttf); }

@font-face {
  font-family: Gente;
  src: url(../../fonts/Pokemon.ttf); }

@font-face {
  font-family: Answer;
  src: url(../../fonts/PixelSplitter.ttf); }

.clear {
  clear: both; }

body {
  height: auto;
  /* 	@include box(red); */ }
  body .science {
    border: 1px solid red;
    height: 30px;
    font-size: 20px;
    line-height: 30px; }

.test {
  clear: both;
  font-size: 24px;
  font-weight: bold; }

.mainBar .logo a {
  font-weight: 500;
  color: white; }
  .mainBar .logo a img {
    float: left;
    width: 16px; }
  .mainBar .logo a label {
    float: left;
    pointer-events: none; }

#cursor {
  position  : absolute;
  z-index   : 10000;
  width     : 40px;
  height    : 40px;
  background: transparent url(../../img/Cursor/pika.gif) 0 0 no-repeat;
  pointer-events: none; }

.MainContainer {
  cursor: none;
  width: 100%;
  height: 90%;
  min-height: 1100px;
  margin-top: -20px; }
  .MainContainer .SideBar {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    border: 1px solid rgba(80, 80, 80, 0.3);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("../../img/BattleQuestions/Backgrounds/BG9.jpg");
    float: left;
    margin-left: 5px;
    margin-top: 5px;
    width: 290px;
    height: calc(100% - 10px);
    padding: 10px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .MainContainer .SideBar .Logo {
    width: 100%;
    height: 250px;
    background-image: url("../../img/BattleQuestions/Emblema.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
  .MainContainer .SideBar .Categorias {
    color: white;
    width: 100%; }
  .MainContainer .SideBar .Categorias .Mimage {
    transition: background-image 0.6s ease-in-out;
    -moz-transition: background-image 0.6s ease-in-out;
    -ms-transition: background-image 0.6s ease-in-out;
    -o-transition: background-image 0.6s ease-in-out;
    -webkit-transition: background-image 0.6s ease-in-out; }
  .MainContainer .SideBar .Categorias .CTitle {
    transition: color 0.3s ease-in-out, text-shadow 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out, text-shadow 0.3s ease-in-out;
    -ms-transition: color 0.3s ease-in-out, text-shadow 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out, text-shadow 0.3s ease-in-out;
    -webkit-transition: color 0.3s ease-in-out, text-shadow 0.3s ease-in-out;
    z-index: 2; }
  .MainContainer .SideBar .Categorias .Title {
    text-align: center;
    padding: 10px;
    font-family: Fanwood;
    font-weight: 800;
    font-size: 24px; }
  .MainContainer .SideBar .Categorias .Options > * {
    padding: 2px 0; }
  .MainContainer .SideBar .Categorias .Options > *:nth-child(2n) {
    float: right;
    text-align: right;
    clear: both; }
  .MainContainer .SideBar .Categorias .Options > *:nth-child(2n+1) {
    float: left;
    text-align: left;
    clear: both; }
  .MainContainer .SideBar .Categorias .Subtitle {
    font-family: Fanwood;
    font-weight: 800;
    font-size: 17px;
    z-index: 2; }
  .MainContainer .SideBar .Categorias .Cultura {
    width: 100%;
    position: relative; }
    .MainContainer .SideBar .Categorias .Cultura:hover .CTitle {
      color: rgba(250, 24, 25, 0.85);
      text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.95); }
      .MainContainer .SideBar .Categorias .Cultura:hover .Mimage {
        background-image: url("../../img/BattleQuestions/Minis/patilla.png"); }
    .MainContainer .SideBar .Categorias .Cultura .CTitle {
      font-family: japan;
      font-weight: 400;
      font-size: 19px;
      text-shadow: 2px 2px 1px rgba(150, 150, 150, 0.95);
      color: rgba(255, 255, 255, 0.95); }
    .MainContainer .SideBar .Categorias .Cultura .Mimage {
      position: absolute;
      right: 3px;
      bottom: 3px;
      width: 60px;
      height: 60px;
      background-image: url("../../img/BattleQuestions/Minis/patillaw.png");
      background-size: 68px auto;
      background-position: center;
      background-repeat: no-repeat; }
  .MainContainer .SideBar .Categorias .Tecnicas {
    width: 100%;
    position: relative; }
    .MainContainer .SideBar .Categorias .Tecnicas:hover .CTitle {
      color: rgba(241, 215, 249, 0.85);
      text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.95); }
      .MainContainer .SideBar .Categorias .Tecnicas:hover .Mimage {
        background-image: url("../../img/BattleQuestions/Minis/parasol.png"); }
    .MainContainer .SideBar .Categorias .Tecnicas .CTitle {
      font-family: Dragon;
      font-weight: 400;
      font-size: 25px;
      text-shadow: 2px 2px 1px rgba(150, 150, 150, 0.95);
      color: rgba(255, 255, 255, 0.95); }
    .MainContainer .SideBar .Categorias .Tecnicas .Mimage {
      position: absolute;
      left: 3px;
      top: 3px;
      width: 60px;
      height: 60px;
      background-image: url("../../img/BattleQuestions/Minis/parasolw.png");
      background-size: 70px auto;
      background-position: center;
      background-repeat: no-repeat; }
  .MainContainer .SideBar .Categorias .Plot {
    width: 100%;
    position: relative; }
    .MainContainer .SideBar .Categorias .Plot:hover .CTitle {
      color: rgba(136, 243, 173, 0.85);
      text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.95); }
      .MainContainer .SideBar .Categorias .Plot:hover .Mimage {
        background-image: url("../../img/BattleQuestions/Minis/dragonwtf.png"); }
    .MainContainer .SideBar .Categorias .Plot .CTitle {
      font-family: Heart;
      font-weight: 400;
      font-size: 40px;
      text-shadow: 2px 2px 1px rgba(150, 150, 150, 0.95);
      color: rgba(255, 255, 255, 0.95); }
    .MainContainer .SideBar .Categorias .Plot .Mimage {
      position: absolute;
      right: 3px;
      bottom: 3px;
      width: 120px;
      height: 90px;
      background-image: url("../../img/BattleQuestions/Minis/dragonwtfw.png");
      background-size: 115px auto;
      background-position: center;
      background-repeat: no-repeat; }
  .MainContainer .SideBar .Categorias .Gente {
    width: 100%;
    position: relative; }
    .MainContainer .SideBar .Categorias .Gente:hover .CTitle {
      color: rgba(255, 106, 27, 0.85);
      text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.95); }
      .MainContainer .SideBar .Categorias .Gente:hover .Mimage {
        background-image: url("../../img/BattleQuestions/Minis/Bubble.png"); }
    .MainContainer .SideBar .Categorias .Gente .CTitle {
      font-family: Gente;
      font-weight: 400;
      font-size: 24px;
      text-shadow: 2px 2px 1px rgba(150, 150, 150, 0.95);
      color: rgba(255, 255, 255, 0.95); }
    .MainContainer .SideBar .Categorias .Gente .Mimage {
      position: absolute;
      left: 3px;
      top: 3px;
      width: 75px;
      height: 70px;
      background-image: url("../../img/BattleQuestions/Minis/Bubblew.png");
      background-size: 80px auto;
      background-position: center;
      background-repeat: no-repeat; }
  .MainContainer .SideBar .Categorias .Personajes {
    width: 100%;
    position: relative; }
    .MainContainer .SideBar .Categorias .Personajes:hover .CTitle {
      color: rgba(65, 141, 220, 0.85);
      text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.95); }
      .MainContainer .SideBar .Categorias .Personajes:hover .Mimage {
        background-image: url("../../img/BattleQuestions/Minis/Dude.png"); }
    .MainContainer .SideBar .Categorias .Personajes .CTitle {
      font-family: "PixelQ";
      font-weight: 400;
      font-size: 24px;
      text-shadow: 2px 2px 1px rgba(150, 150, 150, 0.95);
      color: rgba(255, 255, 255, 0.95); }
    .MainContainer .SideBar .Categorias .Personajes .Mimage {
      position: absolute;
      right: 3px;
      bottom: 3px;
      width: 85px;
      height: 85px;
      background-image: url("../../img/BattleQuestions/Minis/Dudew.png");
      background-size: 105px auto;
      background-position: center;
      background-repeat: no-repeat; }
  .MainContainer .SideBar .Categorias .Multimedia {
    width: 100%;
    position: relative; }
    .MainContainer .SideBar .Categorias .Multimedia:hover .CTitle {
      color: rgba(249, 251, 26, 0.85);
      text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.95); }
      .MainContainer .SideBar .Categorias .Multimedia:hover .Mimage {
        background-image: url("../../img/BattleQuestions/Minis/star.png"); }
    .MainContainer .SideBar .Categorias .Multimedia .CTitle {
      font-family: Media;
      font-weight: 400;
      font-size: 40px;
      text-shadow: 2px 2px 1px rgba(150, 150, 150, 0.95);
      color: rgba(255, 255, 255, 0.95); }
    .MainContainer .SideBar .Categorias .Multimedia .Mimage {
      position: absolute;
      left: 3px;
      top: 3px;
      width: 120px;
      height: 90px;
      background-image: url("../../img/BattleQuestions/Minis/starw.png");
      background-size: 115px auto;
      background-position: center;
      background-repeat: no-repeat; }
  .MainContainer .SideBar .Categorias .Videojuegos {
    width: 100%;
    position: relative; }
    .MainContainer .SideBar .Categorias .Videojuegos:hover .CTitle {
      color: rgba(232, 74, 105, 0.85);
      text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.95); }
      .MainContainer .SideBar .Categorias .Videojuegos:hover .Mimage {
        background-image: url("../../img/BattleQuestions/Minis/dragonlol.png"); }
    .MainContainer .SideBar .Categorias .Videojuegos .CTitle {
      font-family: Videogame;
      font-size: 24px;
      text-shadow: 2px 2px 1px rgba(150, 150, 150, 0.95);
      color: rgba(255, 255, 255, 0.95); }
    .MainContainer .SideBar .Categorias .Videojuegos .Mimage {
      position: absolute;
      right: 3px;
      bottom: 3px;
      width: 120px;
      height: 90px;
      background-image: url("../../img/BattleQuestions/Minis/dragonlolw.png");
      background-size: 115px auto;
      background-position: center;
      background-repeat: no-repeat; }
  .MainContainer .SideBar .Categorias .Epic {
    width: 100%;
    position: relative; }
    .MainContainer .SideBar .Categorias .Epic:hover .CTitle {
      color: rgba(255, 214, 0, 0.85);
      text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.95); }
      .MainContainer .SideBar .Categorias .Epic:hover .Mimage {
        background-image: url("../../img/BattleQuestions/Minis/skull.png"); }
      .MainContainer .SideBar .Categorias .Epic:hover .Mimage2 {
        background-image: url("../../img/BattleQuestions/Minis/happy.png"); }
    .MainContainer .SideBar .Categorias .Epic .CTitle {
      font-family: Dragon2;
      font-weight: 400;
      font-size: 24px;
      text-shadow: 2px 2px 1px rgba(150, 150, 150, 0.95);
      color: rgba(255, 255, 255, 0.95); }
    .MainContainer .SideBar .Categorias .Epic .Mimage {
      position: absolute;
      left: 3px;
      top: 3px;
      width: 80px;
      height: 90px;
      background-image: url("../../img/BattleQuestions/Minis/skullw.png");
      background-size: 75px auto;
      background-position: center;
      background-repeat: no-repeat; }
    .MainContainer .SideBar .Categorias .Epic .Mimage2 {
      position: absolute;
      right: 3px;
      top: 3px;
      width: 80px;
      height: 90px;
      background-image: url("../../img/BattleQuestions/Minis/happyw.png");
      background-size: 75px auto;
      background-position: center;
      background-repeat: no-repeat; }
  .MainContainer .QuestionBlock {
    float: left;
    width: calc(100% - 300px);
    height: calc(100%);
    position: relative; }
  .MainContainer .QuestionBlock .XBackground {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    border: 1px solid rgba(0, 0, 0, 0.6);
    position: absolute;
    margin-left: 5px;
    margin-top: 5px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("../../img/BattleQuestions/Backgrounds/BG2.jpg");
    z-index: -10;
    transition: background-image 0.8s ease-in-out;
    -moz-transition: background-image 0.8s ease-in-out;
    -ms-transition: background-image 0.8s ease-in-out;
    -o-transition: background-image 0.8s ease-in-out;
    -webkit-transition: background-image 0.8s ease-in-out; }
  .MainContainer .QuestionBlock .XRender {
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: 100% 100%;
    background-size: 40%;
    background-repeat: no-repeat;
    background-image: url("../../img/BattleQuestions/BackgroundRenders/Render2.png");
    z-index: -5;
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
    filter: url(#drop-shadow);
    -webkit-filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.5));
    transition: background-image 0.8s ease-in-out;
    -moz-transition: background-image 0.8s ease-in-out;
    -ms-transition: background-image 0.8s ease-in-out;
    -o-transition: background-image 0.8s ease-in-out;
    -webkit-transition: background-image 0.8s ease-in-out; }
  .MainContainer .QuestionBlock .ButtonBlock {
    position: absolute;
    width: 200px;
    height: 150px;
    margin-left: calc(50% - 100px);
    bottom: 180px;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out; }
  .MainContainer .QuestionBlock .ButtonBlock[hide="true"] {
    opacity: 0;
    pointer-events: none; }
  .MainContainer .QuestionBlock .ButtonBlock .Good {
    float: left;
    width: 100px;
    height: 100px;
    background-position: 100% 100%;
    background-size: 110%;
    background-repeat: no-repeat;
    background-image: url("../../img/BattleQuestions/Minis/good.png"); }
  .MainContainer .QuestionBlock .ButtonBlock .Bad {
    float: left;
    width: 100px;
    height: 100px;
    background-position: 100% 100%;
    background-size: 110%;
    background-repeat: no-repeat;
    background-image: url("../../img/BattleQuestions/Minis/bad.png"); }
  .MainContainer .QuestionBlock .TitleBlock {
    width: calc(100% - 60px);
    margin-top: 70px;
    margin-left: 30px;
    height: auto; }
  .MainContainer .QuestionBlock .TitleBlock .Image {
    float: left;
    width: 500px;
    height: 500px;
    margin-left: 50px;
    -webkit-border-radius: 90%;
    -moz-border-radius: 90%;
    border-radius: 90%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    border: 1px solid rgba(0, 0, 0, 0.5);
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
    filter: url(#drop-shadow);
    -webkit-filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.5)); }
    @media screen and (min-width: 1024px) and (max-width: 1366px) {
      .MainContainer .QuestionBlock .TitleBlock .Image {
        width: 300px;
        height: 300px;
        margin-left: 5px; } }
    @media screen and (min-width: 1366px) and (max-width: 1920px) {
      .MainContainer .QuestionBlock .TitleBlock .Image {
        width: 360px;
        height: 360px;
        margin-left: 5px; } }
    @media screen and (min-width: 1920px) and (max-width: 2560px) {
      .MainContainer .QuestionBlock .TitleBlock .Image {
        width: 450px;
        height: 450px;
        margin-left: 5px; } }
  .MainContainer .QuestionBlock .TitleBlock .Title {
    float: left;
    width: calc(100% - 500px - 50px);
    height: 300px;
    text-shadow: 2px 2px 1px rgba(60, 60, 60, 0.95);
    color: rgba(255, 255, 255, 0.8);
    font-size: 60px;
    text-align: center; }
    @media screen and (min-width: 1024px) and (max-width: 1366px) {
      .MainContainer .QuestionBlock .TitleBlock .Title {
        width: calc(100% - 300px - 30px); } }
    @media screen and (min-width: 1366px) and (max-width: 1920px) {
      .MainContainer .QuestionBlock .TitleBlock .Title {
        width: calc(100% - 360px - 30px); } }
    @media screen and (min-width: 1920px) and (max-width: 2560px) {
      .MainContainer .QuestionBlock .TitleBlock .Title {
        width: calc(100% - 450px - 30px); } }
    .MainContainer .QuestionBlock .TitleBlock .Title[categoria="Bienvenidos!"] {
      font-family: Fanwood;
      font-weight: 800;
      font-size: 90px;
      padding-top: 170px; }
      @media screen and (min-width: 1024px) and (max-width: 1366px) {
      .MainContainer .QuestionBlock .TitleBlock .Title[categoria="Bienvenidos!"] {
        font-size: 70px;
        padding-top: 110px; } }
      @media screen and (min-width: 1366px) and (max-width: 1920px) {
      .MainContainer .QuestionBlock .TitleBlock .Title[categoria="Bienvenidos!"] {
        font-size: 85px;
        padding-top: 125px; } }
      @media screen and (min-width: 1920px) and (max-width: 2560px) {
      .MainContainer .QuestionBlock .TitleBlock .Title[categoria="Bienvenidos!"] {
        font-size: 90px;
        padding-top: 170px; } }
      .MainContainer .QuestionBlock .TitleBlock .Title[categoria="Bienvenidos!"]:before {
        content: "\2726";
        color: #a64fbc;
        padding-right: 5px; }
    .MainContainer .QuestionBlock .TitleBlock .Title[categoria="Cultura"] {
      font-family: japan;
      font-weight: 800;
      font-size: 90px;
      padding-top: 100px;
      color: #fe4042;
      text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.95); }
      @media screen and (min-width: 1024px) and (max-width: 1366px) {
      .MainContainer .QuestionBlock .TitleBlock .Title[categoria="Cultura"] {
        font-size: 70px;
        padding-top: 110px; } }
      @media screen and (min-width: 1366px) and (max-width: 1920px) {
      .MainContainer .QuestionBlock .TitleBlock .Title[categoria="Cultura"] {
        font-size: 85px;
        padding-top: 125px; } }
      @media screen and (min-width: 1920px) and (max-width: 2560px) {
      .MainContainer .QuestionBlock .TitleBlock .Title[categoria="Cultura"] {
        font-size: 90px;
        padding-top: 170px; } }
    .MainContainer .QuestionBlock .TitleBlock .Title[categoria="Tecnicas"] {
      font-family: Dragon;
      font-weight: 800;
      font-size: 190px;
      font-size: 150px;
      padding-top: 100px;
      color: #feff07;
      text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.95); }
      @media screen and (min-width: 1024px) and (max-width: 1366px) {
      .MainContainer .QuestionBlock .TitleBlock .Title[categoria="Tecnicas"] {
        font-size: 100px;
        padding-top: 75px; } }
      @media screen and (min-width: 1366px) and (max-width: 1920px) {
      .MainContainer .QuestionBlock .TitleBlock .Title[categoria="Tecnicas"] {
        font-size: 85px;
        padding-top: 125px; } }
      @media screen and (min-width: 1920px) and (max-width: 2560px) {
      .MainContainer .QuestionBlock .TitleBlock .Title[categoria="Tecnicas"] {
        font-size: 90px;
        padding-top: 170px; } }
    .MainContainer .QuestionBlock .TitleBlock .Title[categoria="Plot"] {
      font-family: Heart;
      font-weight: 800;
      font-size: 150px;
      padding-top: 100px;
      color: #feff07;
      text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.95); }
    .MainContainer .QuestionBlock .TitleBlock .Title[categoria="Gente"] {
      font-family: Gente; }
    .MainContainer .QuestionBlock .TitleBlock .Title[categoria="Personajes"] {
      font-family: PixelQ;
      font-weight: 800;
      font-size: 105px; }
    .MainContainer .QuestionBlock .TitleBlock .Title[categoria="Multimedia"] {
      font-family: Media;
      font-weight: 800;
      font-size: 105px; }
    .MainContainer .QuestionBlock .TitleBlock .Title[categoria="Videojuegos"] {
      font-family: Videogame;
      font-weight: 800;
      font-size: 105px; }
    .MainContainer .QuestionBlock .TitleBlock .Title[categoria="Epic"] {
      font-family: Dragon2;
      font-weight: 800;
      font-size: 85px;
      padding-top: 100px;
      color: #ffd600;
      text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.95); }
  .MainContainer .QuestionBlock .QBlock {
    margin-left: 30px; }
  .MainContainer .QuestionBlock .QBlock .Title {
    text-shadow: 2px 2px 1px rgba(60, 60, 60, 0.95);
    color: rgba(248, 173, 141, 0.8);
    font-family: Fanwood;
    font-size: 50px;
    text-align: left; }
  .MainContainer .QuestionBlock .QBlock .Pregunta .Question {
    text-shadow: 2px 2px 1px rgba(60, 60, 60, 0.95);
    color: rgba(255, 255, 255, 0.8);
    font-size: 32px;
    text-align: left; }
  .MainContainer .QuestionBlock .QBlock .AnswerBlock .Arrow {
    text-shadow: 2px 2px 1px rgba(60, 60, 60, 0.95);
    color: rgba(255, 255, 255, 0.8);
    font-size: 40px;
    text-align: left;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease; }
    .MainContainer .QuestionBlock .QBlock .AnswerBlock .Arrow:hover {
      color: rgba(0, 128, 0, 0.8); }
    .MainContainer .QuestionBlock .QBlock .AnswerBlock .Answer {
      text-shadow: 2px 2px 1px rgba(60, 60, 60, 0.95);
      color: rgba(255, 255, 255, 0.8);
      font-size: 32px;
      text-align: left; }
  .MainContainer .QuestionBlock .Puntos {
    background-color: rgba(255, 255, 255, 0.3);
    position: absolute;
    bottom: 50px;
    left: 150px;
    font-family: Answer;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
    height: 100px;
    display: inline; }
  .MainContainer .QuestionBlock .Puntos .Title {
    width: 100%;
    font-size: 30px;
    text-align: center;
    text-shadow: 2px 2px 1px rgba(60, 60, 60, 0.95);
    color: rgba(255, 255, 255, 0.8); }
    @media screen and (min-width: 1024px) and (max-width: 1366px) {
      .MainContainer .QuestionBlock .Puntos .Title {
        font-size: 22px; } }
    @media screen and (min-width: 1366px) and (max-width: 1920px) {
      .MainContainer .QuestionBlock .Puntos .Title {
        font-size: 27px; } }
    @media screen and (min-width: 1920px) and (max-width: 2560px) {
      .MainContainer .QuestionBlock .Puntos .Title {
        font-size: 30px; } }
  .MainContainer .QuestionBlock .Puntos .Puntaje {
    width: 100%;
    font-size: 40px;
    text-align: center;
    text-shadow: 2px 2px 1px rgba(60, 60, 60, 0.95);
    color: rgba(255, 255, 255, 0.8); }
  .MainContainer .QuestionBlock .Puntos .Acumulado, .MainContainer .QuestionBlock .Puntos .Intentos, .MainContainer .QuestionBlock .Puntos .Performance {
    height: 100%;
    text-align: center;
    width: calc(33% - 95px); }
  .MainContainer .QuestionBlock .Puntos .NextButton {
    position: absolute;
    height: 100%;
    text-align: center;
    top: 10px;
    right: 180px;
    width: 80px;
    height: 80px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-image: url("../../img/BattleQuestions/nextOff.png");
    transition: background-image 0.3s ease-in-out;
    -moz-transition: background-image 0.3s ease-in-out;
    -ms-transition: background-image 0.3s ease-in-out;
    -o-transition: background-image 0.3s ease-in-out;
    -webkit-transition: background-image 0.3s ease-in-out;
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
    filter: url(#drop-shadow);
    -webkit-filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.5)); }
    .MainContainer .QuestionBlock .Puntos .NextButton:hover {
      background-image: url("../../img/BattleQuestions/next.png"); }
  .MainContainer .QuestionBlock .Puntos .ResetButton {
    position: absolute;
    height: 100%;
    text-align: center;
    top: 10px;
    right: 60px;
    width: 80px;
    height: 80px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-image: url("../../img/BattleQuestions/turn.png");
    transition: background-image 0.3s ease-in-out;
    -moz-transition: background-image 0.3s ease-in-out;
    -ms-transition: background-image 0.3s ease-in-out;
    -o-transition: background-image 0.3s ease-in-out;
    -webkit-transition: background-image 0.3s ease-in-out;
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
    filter: url(#drop-shadow);
    -webkit-filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.5)); }
    .MainContainer .QuestionBlock .Puntos .ResetButton:hover {
      background-image: url("../../img/BattleQuestions/turnOn.png"); }