/*-------------Main colors -------------*/
/*------------- Font-size -------------*/
/*------------- Font-family -------------*/
/*------------- Font-face --------------- */
@font-face {
  font-family: Kaleidos-Smooth;
  src: url(../font/Kaleidos-Smooth.ttf); }

@font-face {
  font-family: KURSIVSCHRIFTL;
  src: url(../font/KURSIVSCHRIFTLTW01-STEHEND.ttf); }

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

.header, .header-ingame {
  width: 100%;
  text-align: center;
  background: #ffffff url(../img/header_cabecera.png) no-repeat center top;
  box-shadow: 0 0 19.2px 0.8px rgba(0, 0, 0, 0.2); }
  .header .logo, .header-ingame .logo {
    display: block;
    width: 232px;
    height: 102px;
    height: 70%;
    background: url(../img/logo_ok.png) no-repeat center;
    margin: 0 auto 0;
    margin-top: 3.5%;
    background-size: contain; }

.header-ingame {
  z-index: 50;
  position: fixed;
  background-size: cover;
  height: 10vh;
  top: 0; }

.color_3b1f22 {
  background: #ffffff url(../img/cabecera_3b1f22.png) no-repeat center top;
  background-size: cover !important; }

.color_f08c00 {
  background: #ffffff url(../img/cabecera_f08c00.png) no-repeat center top;
  background-size: cover !important; }

.color_b80047 {
  background: #ffffff url(../img/cabecera_b80047.png) no-repeat center top;
  background-size: cover !important; }

.color_00952e {
  background: #ffffff url(../img/cabecera_00952e.png) no-repeat center top;
  background-size: cover !important; }

.color_c06b14 {
  background: #ffffff url(../img/cabecera_c06b14.png) no-repeat center top;
  background-size: cover !important; }

/* Desktop (landscape) ----------- */
@media only screen and (min-width: 1025px) {
  .header-ingame {
    height: 12.5vh;
    background-size: cover !important; }
    .header-ingame .logo {
      margin-top: 1%; } }

input,
label,
button,
h1,
h2,
h3,
p {
  color: #402020;
  text-align: center; }

input,
label,
button,
p {
  font-family: "Gotham-Book"; }

button {
  margin: auto;
  border-radius: 5px;
  border: none;
  background-color: #402020;
  color: #ffffff;
  font-size: 1.5em !important;
  height: 80px;
  font-family: "Gotham-Book" !important; }

button:hover {
  -webkit-box-shadow: 0px 0px 8px 1px #000;
  box-shadow: 0px 0px 8px 1px #000; }

h2 {
  font-size: 7vh;
  font-weight: 100;
  font-family: "Kaleidos-Smooth";
  margin: 0 auto; }

p {
  font-size: 2.1vh;
  font-family: "Gotham-Book";
  margin: auto 5%; }

.ButtonT {
  background-color: #ffffff;
  color: #a4041e;
  border: 3px solid #a4041e;
  font-family: "Gotham-Book"; }

button {
  background-color: #a4041e;
  display: block !important;
  margin: auto !important;
  min-width: 90%;
  min-height: 10vh;
  font-size: 3vh !important;
  height: 60px;
  cursor: pointer; }

button:hover {
  background-color: #ffffff;
  color: #a4041e;
  box-shadow: 0 0 0 0;
  border: 3px solid #a4041e; }

.ButtonT:hover {
  background-color: #a4041e;
  color: #ffffff; }

.tx-small {
  font-size: 1.5vh; }

.txt-underline {
  text-decoration: underline; }

.space-top {
  margin-top: 4% !important; }

.space-bot {
  margin-bottom: 4% !important; }

.wrapper, .block-Navidad .wrapper, .block-tablets .wrapper, .block-share .wrapper, .block-share .wrapper-colums {
  margin-top: 0%;
  display: block; }

.block, .block-Navidad, .block-winners, .block-tablets, .block-share {
  margin-top: 0%; }

.block-Navidad {
  background: #ffffff url(../img/fondo-madera.jpg) repeat-x center top;
  padding-top: 11vh; }
  .block-Navidad .navidad {
    text-align: center;
    margin: 0 auto;
    position: relative; }
    .block-Navidad .navidad img {
      position: absolute;
      right: 0;
      text-align: right;
      display: inline-block;
      width: 15% !important;
      top: 0%; }
  .block-Navidad .wrapper, .block-Navidad .block-share .wrapper-colums, .block-share .block-Navidad .wrapper-colums {
    margin-top: 0% !important;
    text-align: center; }
    .block-Navidad .wrapper .logo, .block-Navidad .block-share .wrapper-colums .logo, .block-share .block-Navidad .wrapper-colums .logo {
      display: block;
      margin: auto;
      max-width: 75%; }
    .block-Navidad .wrapper img, .block-Navidad .block-share .wrapper-colums img, .block-share .block-Navidad .wrapper-colums img {
      display: block;
      margin: auto;
      max-width: 80%; }
    .block-Navidad .wrapper .play-everyday, .block-Navidad .block-share .wrapper-colums .play-everyday, .block-share .block-Navidad .wrapper-colums .play-everyday {
      margin: auto 10%; }
    .block-Navidad .wrapper button, .block-Navidad .block-share .wrapper-colums button, .block-share .block-Navidad .wrapper-colums button {
      font-size: 3.5vh !important; }
  .block-Navidad .wrapper:last-child, .block-Navidad .block-share .wrapper-colums:last-child, .block-share .block-Navidad .wrapper-colums:last-child {
    margin-bottom: 0%; }
  .block-Navidad .grad {
    margin: auto 35%;
    margin-top: 10vh !important; }

.block-winners {
  text-align: center;
  margin: 0 auto;
  border-radius: 10px 10px 0 0;
  width: 90%;
  background: #ffffff url(../img/fondo_diarios.jpg) repeat center top;
  position: relative; }
  .block-winners .papa {
    position: relative;
    bottom: 23vw; }
    .block-winners .papa img {
      width: 50%; }
  .block-winners .wrapper .item, .block-winners .block-share .wrapper-colums .item, .block-share .block-winners .wrapper-colums .item {
    margin: auto 10%;
    display: flex;
    justify-content: center;
    align-items: center; }
    .block-winners .wrapper .item .wrapper-date, .block-winners .block-share .wrapper-colums .item .wrapper-date, .block-share .block-winners .wrapper-colums .item .wrapper-date {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      margin-right: 5%;
      min-width: 25%; }
      .block-winners .wrapper .item .wrapper-date .day, .block-winners .block-share .wrapper-colums .item .wrapper-date .day, .block-share .block-winners .wrapper-colums .item .wrapper-date .day {
        font-weight: bold;
        margin-right: 10%; }
      .block-winners .wrapper .item .wrapper-date .month, .block-winners .block-share .wrapper-colums .item .wrapper-date .month, .block-share .block-winners .wrapper-colums .item .wrapper-date .month {
        font-weight: bold; }
      .block-winners .wrapper .item .wrapper-date p, .block-winners .block-share .wrapper-colums .item .wrapper-date p, .block-share .block-winners .wrapper-colums .item .wrapper-date p {
        margin: 0; }
    .block-winners .wrapper .item .wrapper-name, .block-winners .block-share .wrapper-colums .item .wrapper-name, .block-share .block-winners .wrapper-colums .item .wrapper-name {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      width: 50%; }
      .block-winners .wrapper .item .wrapper-name .name, .block-winners .block-share .wrapper-colums .item .wrapper-name .name, .block-share .block-winners .wrapper-colums .item .wrapper-name .name {
        max-width: 100%;
        margin: 0;
        text-align: left; }
  .block-winners .wrapper:last-child, .block-winners .block-share .wrapper-colums:last-child, .block-share .block-winners .wrapper-colums:last-child {
    padding-bottom: 2%; }

.block-tablets {
  background-size: cover;
  padding-bottom: 4vh;
  position: relative; }
  .block-tablets .planta {
    position: absolute;
    right: 0;
    top: -15%;
    width: 30%; }
  .block-tablets .grad {
    margin-bottom: 10vh !important; }
  .block-tablets .wrapper a, .block-tablets .block-share .wrapper-colums a, .block-share .block-tablets .wrapper-colums a {
    text-decoration: none;
    cursor: inherit; }
  .block-tablets .wrapper:last-child, .block-tablets .block-share .wrapper-colums:last-child, .block-share .block-tablets .wrapper-colums:last-child {
    padding-bottom: 2%; }
  .block-tablets .wrapper-rows {
    display: flex;
    flex-direction: row;
    flex-grow: 2;
    justify-content: center;
    align-items: center; }
    .block-tablets .wrapper-rows img {
      max-width: 80%; }
    .block-tablets .wrapper-rows .left {
      float: right;
      margin-right: 10%;
      max-width: 90%; }
  .block-tablets button {
    display: block !important;
    margin: auto !important;
    max-width: 90%;
    min-height: 8vh;
    font-size: 3vh !important; }

.block-share {
  margin-top: 0%;
  padding-bottom: 4%; }
  .block-share .wrapper p, .block-share .wrapper-colums p {
    margin: auto; }
  .block-share .wrapper h2, .block-share .wrapper-colums h2 {
    font-size: 7vh; }
  .block-share .wrapper-colums {
    display: flex;
    flex-direction: row;
    flex-grow: 3;
    justify-content: center;
    align-items: center; }
    .block-share .wrapper-colums .row {
      margin-right: 4%; }
      .block-share .wrapper-colums .row a {
        width: 100%;
        height: 100%; }
        .block-share .wrapper-colums .row a img {
          max-width: 63px;
          max-height: 63px; }
    .block-share .wrapper-colums .row:last-child {
      margin-right: 0%; }

.wrapper, .block-Navidad .wrapper, .block-tablets .wrapper, .block-share .wrapper, .block-share .wrapper-colums {
  text-align: center; }
  .wrapper img, .block-Navidad .wrapper img, .block-tablets .wrapper img, .block-share .wrapper img, .block-share .wrapper-colums img {
    display: block;
    margin: auto;
    max-width: 100%; }

@media only screen and (min-width: 1025px) {
  h2 {
    font-size: 7vh;
    font-weight: 100;
    font-family: "Kaleidos-Smooth";
    margin: 0 auto; }
  p {
    font-size: 2.5vh;
    font-family: "Gotham-Book";
    margin: auto 25%; }
  .wrapper, .block-Navidad .wrapper, .block-tablets .wrapper, .block-share .wrapper, .block-share .wrapper-colums {
    text-align: center; }
    .wrapper img, .block-Navidad .wrapper img, .block-tablets .wrapper img, .block-share .wrapper img, .block-share .wrapper-colums img {
      display: block;
      margin: auto;
      max-width: 30%; }
  .space-top {
    margin-top: 5% !important; }
  .space-bot {
    margin-bottom: 5% !important; }
  .wrapper, .block-Navidad .wrapper, .block-tablets .wrapper, .block-share .wrapper, .block-share .wrapper-colums {
    margin-top: 2%; }
  .block-Navidad .navidad {
    text-align: center;
    margin: 0 auto;
    position: relative; }
    .block-Navidad .navidad img {
      position: absolute;
      right: 0;
      text-align: right;
      display: inline-block;
      width: 3% !important;
      top: 2%; }
  .block-Navidad .wrapper, .block-Navidad .block-share .wrapper-colums, .block-share .block-Navidad .wrapper-colums {
    margin-top: 0% !important; }
    .block-Navidad .wrapper button, .block-Navidad .block-share .wrapper-colums button, .block-share .block-Navidad .wrapper-colums button {
      display: block;
      margin: auto;
      min-width: 500px;
      min-height: 10vh;
      font-size: 3vh !important; }
    .block-Navidad .wrapper .logo, .block-Navidad .block-share .wrapper-colums .logo, .block-share .block-Navidad .wrapper-colums .logo {
      margin-top: 1% !important;
      display: block;
      margin: auto;
      max-width: 20%; }
    .block-Navidad .wrapper img, .block-Navidad .block-share .wrapper-colums img, .block-share .block-Navidad .wrapper-colums img {
      display: block;
      margin: auto;
      width: 40%; }
  .block-tablets {
    position: relative; }
    .block-tablets .planta {
      position: absolute;
      right: 0;
      top: -8%;
      width: 7%; }
    .block-tablets .wrapper button, .block-tablets .block-share .wrapper-colums button, .block-share .block-tablets .wrapper-colums button {
      display: block;
      margin: auto;
      min-width: 40%;
      min-height: 10vh;
      font-size: 3vh !important; }
  .block-share .wrapper, .block-share .wrapper-colums {
    margin-top: 1.5%; }
    .block-share .wrapper h2, .block-share .wrapper-colums h2 {
      font-size: 7vh; }
  .block-share .wrapper-colums .row {
    margin-right: 2%; }
    .block-share .wrapper-colums .row a {
      width: 100%;
      height: 100%; }
      .block-share .wrapper-colums .row a img {
        max-width: 83px;
        max-height: 83px; }
  .block-winners .papa {
    position: relative;
    bottom: 7vw; }
    .block-winners .papa img {
      width: 16%; }
  .no-space {
    margin-top: 0 !important; } }