@font-face {
  font-family: 'Arsenal';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/arsenal/v4/wXKuE3kQtZQ4pF3D7-P5Fe0KmF0xvdjqjw.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face {
  font-family: 'Arsenal';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/arsenal/v4/wXKuE3kQtZQ4pF3D7-P5FeMKmF0xvdg.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face {
  font-family: 'Mada';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/mada/v8/7Auwp_0qnzeSfTLGLQjUwkQ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face {
  font-family: 'Mada';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/mada/v8/7Au_p_0qnzeSdYnjOCX2z24PMFk.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* Minimum breakpoint width. Null for the smallest (first) breakpoint.*/
/**/
/*    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))*/
/*    576px*/
/* Media of at least the minimum breakpoint width. No query for the smallest breakpoint.*/
/* Makes the @content apply to the given breakpoint and wider.*/
/* Bootstrap transition mixin*/
/************************************************************************/
/************************************************************************/
/* Custom styles */
body {
  font-size: 18px;
  color: #182c32; }

.flex-block {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: stretch;
  justify-content: stretch;
  -webkit-box-align: center;
  align-items: center; }
  @media (min-width: 768px) {
    .flex-block {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      flex-direction: row; } }
  .flex-block .col {
    display: block;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    width: 100%;
    padding: 0; }
    @media (min-width: 768px) {
      .flex-block .col {
        width: 50%; } }
  .flex-block.footer {
    padding: 0 1rem; }
    @media (min-width: 768px) {
      .flex-block.footer {
        padding: 0; } }
    @media (min-width: 768px) {
      .flex-block.footer .col:first-child {
        padding-left: 0;
        width: 100%;
        max-width: 280px; }
      .flex-block.footer .col {
        padding-left: 2.111rem;
        width: 67%; } }

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

/* Pages */
.landing .header {
  background-image: url("https://cool-tabs-eu.s3.amazonaws.com/assets/pictures/ea18bf5cf4c9408698963ce0e073e761/content_pattern-banner.png");
  background-size: 142px;
  padding: 2rem 0; }
  .landing .header .col {
    text-align: center; }
    .landing .header .col:first-child {
      padding: 0 2rem; }
      .landing .header .col:first-child img {
        margin-bottom: 2rem; }
  .landing .header .prizes-container {
    background-image: url("https://cool-tabs-eu.s3.amazonaws.com/assets/pictures/a7c05a37684d4756a53c6c27860de2ec/content_banner-thumb-bg.png");
    background-repeat: no-repeat;
    background-position: center center;
    padding: 3rem 0;
    text-align: center; }
    @media (min-width: 768px) {
      .landing .header .prizes-container {
        background-position: 65px center;
        padding: 1rem 0; } }
    .landing .header .prizes-container img {
      margin: 0 auto;
      max-width: 75%; }
      @media (min-width: 768px) {
        .landing .header .prizes-container img {
          max-width: 85%; } }
      @media (min-width: 992px) {
        .landing .header .prizes-container img {
          max-width: 100%; } }
.landing p {
  font-family: "Mada", sans-serif !important;
  line-height: 1.2; }
.landing .content {
  margin: 0 auto;
  margin-bottom: 4.444rem;
  padding-top: 4.444rem;
  max-width: 90%; }
  @media (min-width: 768px) {
    .landing .content {
      max-width: 600px; } }
  .landing .content p {
    font-size: 1.333rem;
    text-align: center; }
.landing .footer {
  padding-bottom: 2.222rem; }
  .landing .footer img {
    padding-bottom: 2rem; }
    @media (min-width: 768px) {
      .landing .footer img {
        padding-bottom: 0; } }
  .landing .footer p {
    font-size: 0.999rem;
    line-height: 1.3; }
    .landing .footer p:nth-child(2) {
      font-size: 12.7833px; }

.winner .header {
  background-image: url("https://cool-tabs-eu.s3.amazonaws.com/assets/pictures/ea18bf5cf4c9408698963ce0e073e761/content_pattern-banner.png");
  background-size: 142px;
  padding-top: 3.555rem; }
  .winner .header h1, .winner .header h3, .winner .header p {
    color: #FFF;
    line-height: 1.2;
    padding: 0; }
  .winner .header h1 {
    font-family: "Arsenal", sans-serif !important;
    font-size: 3rem;
    font-weight: 700; }
    @media (min-width: 768px) {
      .winner .header h1 {
        font-size: 5rem; } }
  .winner .header h3, .winner .header p {
    font-family: "Mada", sans-serif !important;
    font-weight: 700; }
  .winner .header h3 {
    font-size: 1.555rem; }
    @media (min-width: 768px) {
      .winner .header h3 {
        font-size: 2.555rem; } }
  .winner .header p {
    font-size: 1rem; }
    @media (min-width: 768px) {
      .winner .header p {
        font-size: 1.888rem; } }
  .winner .header .name {
    font-family: 'Arsenal', sans-serif;
    font-size: 1.888rem;
    font-weight: 700; }
    @media (min-width: 768px) {
      .winner .header .name {
        font-size: 2.888rem; } }
  .winner .header .prize-container {
    background-image: url("https://cool-tabs-eu.s3.amazonaws.com/assets/pictures/a7c05a37684d4756a53c6c27860de2ec/content_banner-thumb-bg.png");
    background-repeat: no-repeat;
    background-position: -50px center;
    padding: 1rem 0;
    text-align: center; }
    .winner .header .prize-container img {
      margin: 0 auto;
      max-width: 75%; }
      @media (min-width: 768px) {
        .winner .header .prize-container img {
          max-width: 85%; } }
      @media (min-width: 992px) {
        .winner .header .prize-container img {
          max-width: 100%; } }
  .winner .header .prize-text {
    padding-bottom: 2rem;
    text-align: center; }
    @media (min-width: 768px) {
      .winner .header .prize-text {
        padding-bottom: 0;
        text-align: left; } }
  .winner .header .prize-message {
    color: #fff;
    padding: 0.5em;
    font-size: 0.8em;
    margin-bottom: 0; }
.winner .content, .winner .footer {
  padding-left: 1rem;
  padding-right: 1rem; }
  @media (min-width: 992px) {
    .winner .content, .winner .footer {
      padding-left: 3rem;
      padding-right: 3rem; } }
  @media (min-width: 1200px) {
    .winner .content, .winner .footer {
      padding-left: 6.333rem;
      padding-right: 6.333rem; } }
  .winner .content h1, .winner .content h2, .winner .content h3, .winner .content h4, .winner .content h5, .winner .content p, .winner .footer h1, .winner .footer h2, .winner .footer h3, .winner .footer h4, .winner .footer h5, .winner .footer p {
    color: #182c32;
    line-height: 1.2;
    padding: 0; }
  .winner .content h5, .winner .footer h5 {
    font-weight: 700; }
  .winner .content h5, .winner .content p, .winner .footer h5, .winner .footer p {
    font-family: "Mada", sans-serif !important;
    font-size: 1.333rem; }
.winner .content {
  padding-bottom: 3.333rem;
  padding-top: 2.88rem; }
  @media (min-width: 768px) {
    .winner .content {
      padding-bottom: 6.333rem;
      padding-top: 4.88rem; } }
.winner .footer {
  padding-bottom: 2.222rem; }
  .winner .footer img {
    padding-bottom: 2rem; }
    @media (min-width: 768px) {
      .winner .footer img {
        padding-bottom: 0; } }
  .winner .footer h5 {
    font-weight: 700; }
  .winner .footer h5, .winner .footer p {
    font-family: "Mada", sans-serif !important;
    font-size: 1.233rem; }
  .winner .footer p {
    line-height: 1; }
    .winner .footer p:nth-child(3) {
      font-size: 12.7833px; }

.loser .header {
  background-image: url("https://cool-tabs-eu.s3.amazonaws.com/assets/pictures/ea18bf5cf4c9408698963ce0e073e761/content_pattern-banner.png");
  background-size: 142px;
  padding-top: 3.333rem;
  padding-bottom: 3.888rem; }
  @media (min-width: 768px) {
    .loser .header {
      padding-top: 6.333rem;
      padding-bottom: 7.888rem; } }
  .loser .header h1 {
    color: white;
    font-weight: 700;
    font-family: "Arsenal", sans-serif !important;
    font-size: 2rem; }
    @media (min-width: 768px) {
      .loser .header h1 {
        font-size: 4rem; } }
.loser .content p, .loser .footer p {
  font-family: "Mada", sans-serif !important;
  font-size: 1.333rem; }
.loser .content {
  color: #182c32;
  margin: 0 auto;
  max-width: 90%;
  padding-top: 1.333rem;
  padding-bottom: 1.333rem; }
  @media (min-width: 768px) {
    .loser .content {
      max-width: 600px; } }
  @media (min-width: 768px) {
    .loser .content {
      padding-bottom: 12.5rem;
      padding-top: 3.333rem; } }
  .loser .content p {
    margin-bottom: 2.666rem; }
.loser .footer {
  margin: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  color: white;
  background-color: #364838;
  padding-top: 1rem;
  padding-bottom: 1rem; }
  @media (min-width: 768px) {
    .loser .footer {
      margin: 0 1.888rem; } }
  @media (min-width: 992px) {
    .loser .footer {
      padding-left: 3rem;
      padding-right: 3rem; } }
  @media (min-width: 1200px) {
    .loser .footer {
      padding-left: 6.333rem;
      padding-right: 6.333rem; } }
  @media (min-width: 992px) {
    .loser .footer {
      padding-right: 3rem; } }
  .loser .footer img {
    padding-bottom: 2rem; }
    @media (min-width: 768px) {
      .loser .footer img {
        padding-bottom: 0; } }
  .loser .footer h5 {
    font-weight: 700; }
  .loser .footer h5, .loser .footer p {
    font-family: "Mada", sans-serif !important;
    font-size: 1.233rem;
    color: white; }
  .loser .footer p {
    line-height: 1; }
    .loser .footer p:nth-child(3) {
      font-size: 12.7833px; }

.form .header {
  background-image: url("https://cool-tabs-eu.s3.amazonaws.com/assets/pictures/ea18bf5cf4c9408698963ce0e073e761/content_pattern-banner.png");
  background-size: 142px;
  padding-top: 3.333rem;
  padding-bottom: 3.888rem; }
  .form .header .flex-block {
    -webkit-box-pack: justify;
    justify-content: space-between; }
  .form .header .col {
    width: auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    text-align: center;
    padding: 0; }
    .form .header .col img {
      margin: 0 auto; }
    .form .header .col:first-child {
      margin-bottom: 2rem; }
      @media (min-width: 768px) {
        .form .header .col:first-child {
          margin-bottom: 0; } }
.form .content {
  padding-top: 2rem; }

/* Mods */
.wrapper.home_layout .section {
  padding: 0; }
  .wrapper.home_layout .section .m_text_content.px-3 {
    padding: 0 !important; }
.wrapper.home_layout > *:not(:nth-child(2)) {
  margin: 0;
  display: none; }
.wrapper.home_layout .m_header_title {
  display: none; }
  .wrapper.home_layout .m_header_title h1 {
    margin: 0; }

.wizard, .form_fields_contender {
  color: white;
  font-family: "Mada", sans-serif !important;
  font-size: 1.333rem; }
  .wizard .form_fields, .form_fields_contender .form_fields {
    padding: 0; }
  .wizard a, .form_fields_contender a {
    font-family: "Mada", sans-serif !important;
    font-size: 1rem;
    line-height: 1.2; }
  .wizard label, .form_fields_contender label {
    font-family: "Mada", sans-serif !important;
    font-size: 1rem;
    line-height: 1.2; }

.wizard .form_fields_contender {
  margin: 0 auto;
  max-width: calc(100% - 2rem);
  padding: 0; }
  @media (min-width: 768px) {
    .wizard .form_fields_contender {
      max-width: 342px; } }
  .wizard .form_fields_contender .actions_section {
    padding: 1rem 0 0 0; }
    .wizard .form_fields_contender .actions_section > .form_fields {
      padding: 0 !important; }
      .wizard .form_fields_contender .actions_section > .form_fields label {
        line-height: 2;
        margin: 0; }
        @media (min-width: 768px) {
          .wizard .form_fields_contender .actions_section > .form_fields label {
            line-height: 1.5; } }
        .wizard .form_fields_contender .actions_section > .form_fields label.step_error {
          line-height: 1.2; }
    .wizard .form_fields_contender .actions_section .actions {
      padding-top: 2rem; }

[type="checkbox"]:not(:checked) + label:not(.step_error)::before,
[type="checkbox"]:checked + label:not(.step_error)::before {
  border-color: #182c32; }
[type="checkbox"]:not(:checked) + label:not(.step_error):hover::before,
[type="checkbox"]:checked + label:not(.step_error):hover::before {
  border-color: #CCCCCC !important; }

body .wizard .fields-contender {
  margin-bottom: 0; }
  body .wizard .fields-contender > * {
    width: 100%; }
  body .wizard .fields-contender::after {
    color: #182c32;
    content: '*Todos los datos son obligatorios';
    display: block;
    float: right;
    font-size: .72rem;
    position: relative;
    text-align: right;
    width: 100%; }

.wrapper {
  margin-top: 0;
  max-width: 1070px; }
  .wrapper:not(.home_layout) .row ~ .section {
    display: none; }

.header {
  float: none;
  height: auto;
  position: relative !important; }

.entry_layout .messages_row {
  margin-top: 0; }

.notice {
  display: none; }

.m_text, .m_text_content {
  font-size: 1rem; }

.wizard .content {
  min-height: unset; }

.btn {
  background-color: #906D4F;
  border: 1px solid #906D4F;
  border-radius: 35px;
  color: white !important;
  font-family: 'Arsenal', sans-serif !important;
  font-weight: 700;
  font-size: 1.1rem;
  padding: .76rem 2rem !important; }
  .btn:hover {
    color: #906D4F !important;
    background-color: white; }
  .btn.x_cool_tabs_my_participation_button {
    background-color: white;
    border: 1px solid #906D4F;
    color: #906D4F !important; }
    .btn.x_cool_tabs_my_participation_button:hover {
      color: white !important;
      background-color: #906D4F; }
  .btn.participate-again-btn {
    background-color: white;
    border: 1px solid #906D4F;
    color: #906D4F !important; }
    .btn.participate-again-btn:hover {
      color: white !important;
      background-color: #906D4F; }

a.btn, .btn, .m_btn, .link_btn:not(.show_legal):not(#legal_provider_link):not(.link_btn_goto), .m_comments_actions button, .m_btn_goto, .actions .btn {
  border: 1px solid #906D4F !important;
  border-radius: 25px !important;
  font-size: 1.1rem !important;
  max-width: 280px;
  min-width: 25px;
  width: 100%; }

.form_fields .form_input input, .form_fields .form_input textarea, .form_fields .form_select input, .form_fields .form_select textarea, .form_select .select2-container .select2-selection {
  border-color: #182c32 !important;
  font-family: "Mada", sans-serif !important;
  font-size: 1.2rem;
  font-weight: 400;
  height: 42px;
  padding: .523rem; }

.form_fields .form_select .select2-container .select2-selection {
  border-color: #182c32 !important; }

.form_select .select2-container--default .select2-selection--single .select2-selection__arrow {
  background-color: transparent;
  height: 42px;
  padding: 8px 0 0 14px;
  width: 42px; }
  .form_select .select2-container--default .select2-selection--single .select2-selection__arrow::before {
    content: '\f0d7';
    color: #CCCCCC; }

.form_select.js_complete_personal_data_question_wrapper label.required_field {
  display: none; }

.form_fields .form_select select {
  border-color: #182c32 !important;
  height: 42px;
  padding: .523rem;
  font-family: "Mada", sans-serif !important;
  font-size: 1.2rem;
  font-weight: 400;
  color: #7F8184 !important;
  z-index: 999;
  line-height: 1; }

::-webkit-input-placeholder {
  color: #CCCCCC;
  opacity: 1; }

::-moz-placeholder {
  color: #CCCCCC;
  opacity: 1; }

:-ms-input-placeholder {
  color: #CCCCCC;
  opacity: 1; }

::-ms-input-placeholder {
  color: #CCCCCC;
  opacity: 1; }

::placeholder {
  color: #CCCCCC;
  opacity: 1; }

label.step_error:not(:empty) {
  font-size: 0.6em; }
  @media (min-width: 768px) {
    label.step_error:not(:empty) {
      font-size: 0.7em; } }