@import url("https://fonts.googleapis.com/css?family=Oswald");
#floodlight_end {
  height: 10px;
  width: 10px;
  background: transparent; }

@font-face {
  font-family: DINPro;
  font-weight: normal;
  src: url("https://stbeerpass.blob.core.windows.net/cool-tabs/TecateAccess/DINPro-Cond.woff") format("woff"); }
.mfp-content {
  font-family: "DINPro"; }

.x_cool_tabs_participate_button {
  font-family: "DINPro"; }

body {
  font-family: "DINPro" !important; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: "DINPro" !important;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
  display: block; }

/* HTML5 hidden-attribute fix for newer browsers */
*[hidden] {
  display: none; }

body {
  line-height: 1;
  height: 100%; }

blockquote, q {
  quotes: none; }

html {
  background-color: white; }

.form-input > label, .form_select > label {
  color: black !important; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  padding: .6em 0;
  margin: 0 15px; }

ul, ol {
  list-style: none; }

a {
  color: black;
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

.floatLeft {
  float: left;
  padding: .5em .5em .5em 0; }

.floatRight {
  float: right;
  padding: .5em 0 .5em .5em; }

.wrapper {
  width: 1010px;
  max-width: 1010px;
  height: 1920px;
  margin: 0px auto;
  padding: 0px 0px;
  background: url("https://stbeerpass.blob.core.windows.net/cool-tabs/XX%20EDC%202022/DESKTOP2.png") no-repeat center;
  background-color: white;
  color: #fff; }

.wrapper-q {
  background: url("https://stbeerpass.blob.core.windows.net/cool-tabs/XX%20EDC%202022/DESKTOP%20INTERMEDIA.png") no-repeat center; }

.wrapper-f {
  background: url("https://stbeerpass.blob.core.windows.net/cool-tabs/XX%20EDC%202022/DESKTOP%20FINAL.png") no-repeat center; }

.wrapper h1, .wrapper h2, .wrapper h3, .wrapper h4 {
  color: black; }

.wrapper h1 {
  font-size: 2.9em; }

.wrapper h2 {
  font-size: 1.9em;
  line-height: 1.2em; }

.wrapper h3 {
  font-size: 2.4em; }

.wrapper h4 {
  font-size: 1.26em; }

.wrapper .logo {
  width: 533px;
  height: 54px;
  margin: 0px auto;
  padding-top: 129px; }

.wrapper .title {
  padding-top: 60%;
  max-width: 100%;
  text-align: center;
  padding-left: 15%;
  padding-right: 15%; }

.warpper .share {
  max-width: 80%;
  text-align: center;
  padding-left: 15%;
  padding-right: 15%; }

.wrapper .sub {
  max-width: 100%;
  text-align: center;
  padding-left: 15%;
  padding-right: 15%; }

.wrapper .thanks {
  max-width: 100%;
  text-align: center;
  padding-left: 15%;
  padding-right: 15%; }

.wrapper .participa {
  top: 76%;
  position: relative;
  max-width: 165px;
  margin: .1em auto 0; }

.wrapper .notificados {
  max-width: 628px;
  margin: 30px auto;
  text-align: center;
  padding: 0px 20px; }

.m_header.m_header_section.m_header_guide {
  display: none; }

/*Button*/
a.participa, a.participa:link, a.participa:active,
a.comparte, a.comparte:link, a.comparte:active {
  background: black;
  padding: 16px 40px;
  width: 250px;
  color: white;
  display: block;
  text-align: center;
  font-size: 1.3em; }

a.comparte {
  margin-left: 30%; }

a.participa:hover, a.comparte:hover {
  text-decoration: none;
  background: black; }

.m_form_actions {
  padding-top: 5%; }

.m_header_section::after, .m_header_section::before, .m_form_actions::after, .m_form_actions::before {
  background-color: transparent !important; }

.m_form_actions_content {
  background-color: transparent !important; }

.m_btn, .m_btn:after {
  color: black;
  text-shadow: 0px 0px 0px black;
  background-color: black;
  background-shadow: none; }

.m_btn:hover, .m_btn:focus {
  background-color: black !important; }

/******************************
Quiz general
*******************************/
.wrapper-quiz {
  width: 1010px;
  max-width: 1010px;
  height: 1920px;
  margin: 0px auto;
  padding: 0px 0px;
  background: #072146;
  color: #fff; }

.wrapper-quiz h2 {
  font-size: 1.7em;
  line-height: 1.2em;
  width: 85%;
  margin: 0px auto;
  padding: 70px 0 60px;
  text-align: center; }

/*Buttons quiz*/
.wrapper-quiz .options ul {
  list-style-type: none;
  margin: 30px auto 0;
  padding: 0;
  overflow: hidden;
  width: 720px;
  max-width: 90%;
  min-height: 215px; }

.wrapper-quiz .options li {
  float: left;
  width: 50%;
  padding: 10px 0px;
  text-align: center;
  line-height: 2.7em;
  margin: 0px auto; }

.only_image, .m_figure_content {
  background-color: transparent !important; }

#new_participation {
  padding-top: 60%;
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
  color: white; }

.section.actions_section {
  padding-top: 5%;
  padding-left: 0px; }

.form_fields .form_input label,
.m_header_inner, .m_countdown_date > *, .m_comment textarea,
.form_checkbox a, .form_checkbox label, .m_text_content a,
.m_entry_user a, .gallery_entry .gallery_entry_media a {
  color: white !important; }

#error_explanation, .m_entries_entry_info .error, .m_actions_viewport .error, .wizard > .steps .step_error a, .m_header_step label.step_error, .form_fields .form_input label.step_error, .form_checkbox label.step_error, .js_error_placement_parent .js_error_placement .step_error, .form_select .step_error, .wizard > .content > .body label.step_error {
  color: red !important; }

#participation_location-error {
  color: red !important; }

#participation\[accepted_conditions_checked\]-error {
  color: red !important; }

.wrapper-quiz .options li .button-quiz {
  display: block;
  height: 50px;
  width: 90%;
  max-width: 250px;
  margin: 2.3vw auto 0;
  padding: 10px 5px;
  border: none;
  color: #fff;
  font-size: 1em; }

.wrapper-quiz .options .button-quiz:hover {
  background: #0a6767;
  text-decoration: none; }

.wrapper-quiz .nav {
  width: 255px;
  margin: 30px auto 0;
  padding: 0px;
  height: 20px; }

.wrapper-quiz .nav li {
  width: 100px;
  padding: 0px 0px; }

.wrapper-quiz .nav li:first-child {
  float: left;
  text-align: left; }

.wrapper-quiz .nav li:last-child {
  float: right;
  text-align: right; }

.wrapper-quiz .nav li a, .wrapper-quiz .nav li a:link {
  color: #49A5E6; }

.m_options, .m_options_list_input, .m_options_list_input, .m_options_list_separator {
  background-color: transparent !important;
  border-color: transparent !important; }

.wizard > .content > .body {
  height: auto; }

/******************************
Media Queries
*******************************/
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (-webkit-device-pixel-ratio: 3) {
  a.participa, a.participa:link, a.participa:active {
    padding-top: 75%;
    background: white;
    padding: 3% 5%;
    width: 40%;
    color: black;
    display: block;
    text-align: center;
    font-size: 2rem; }

  #js_cool_promo_submit_button {
    width: 100%;
    max-width: 100%;
    min-width: auto; } }
@media (min-width: 810px) and (max-width: 900px) {
  a.participa, a.participa:link, a.participa:active,
  a.codigo, a.codigo:link, a.codigo:active {
    background: white;
    padding: 3% 5%;
    width: 40%;
    color: black;
    display: block;
    text-align: center;
    font-size: 2rem; }

  #js_cool_promo_submit_button {
    width: 100%;
    max-width: 100%;
    min-width: auto; } }
@media (max-width: 815px) {
  /*************************************
   * @general stuffs
*/
  #new_participation {
    padding-top: 5%; }

  .m_form_actions_content {
    margin: 0 !important; }

  .wrapper {
    width: 100%;
    max-width: 810px; }

  .wrapper .title {
    margin: 2vw auto 0; }

  .wrapper .sub {
    padding: 0px 20px; }

  .wrapper h1 {
    font-size: 5.9vw;
    line-height: 1.2em; }

  .wrapper h2 {
    font-size: 1.5em;
    line-height: 1.4em;
    padding: 0px 20px; }

  .wrapper h2 br {
    display: none; }

  .wrapper-quiz {
    width: 100%;
    max-width: 810px;
    min-height: 1000px; }

  .wrapper .logo {
    width: 63% !important;
    padding-top: 79px; }

  .wrapper .logo img {
    width: 100%;
    height: auto; }

  .logo-bottom {
    width: 63%;
    margin: 13px auto; }

  .logo-bottom img {
    width: 100%;
    height: auto; }

  .logo-thanks {
    width: 65%;
    margin: 0px auto; }

  .logo-thanks img {
    width: 100%;
    height: auto; }

  .title {
    max-width: 80%;
    margin: 1.5vw auto 0; }

  .sub {
    max-width: 80%;
    margin: 1.4vw auto 0; }

  .notificados {
    max-width: 80%; }

  .wizard > .actions a {
    margin-bottom: 0; } }
/******************************
Layout 2 - Photo Half
*******************************/
@media (max-width: 560px) {
  .wrapper {
    background-size: contain; }

  .wrapper h1.quizz_question {
    font-size: 5em; }

  .wrapper h1 {
    font-size: 3em; }

  .wrapper .sub {
    font-size: 2em; }

  .wrapper .thanks {
    font-size: 3em; }

  .wrapper-quiz .options li {
    width: 100%; }

  .wrapper-quiz .options li .button-quiz {
    width: 90%;
    max-width: 90%; }

  .wrapper-quiz h2 {
    font-size: 1.1em;
    line-height: 1.2em;
    padding: 40px 0 40px; }

  /******************************
  Thanks
  *******************************/
  h2.listo {
    font-size: 3em; }

  h3.afortunados br {
    display: none; } }
@media only screen and (min-width: 350px) and (max-width: 450px) {
  .wrapper h1.quizz_question {
    font-size: 5em; }

  .wrapper h1 {
    font-size: 3em; }

  .wrapper .sub {
    font-size: 2em; }

  .wrapper .thanks {
    font-size: 3em; } }
@media (max-width: 450px) {
  .wrapper h1.quizz_question {
    font-size: 5em; }

  .wrapper h1 {
    font-size: 3em; }

  .wrapper .sub {
    font-size: 2em; }

  .wrapper .thanks {
    font-size: 3em; }

  .m_popup_header {
    display: block !important;
    background: #02A5A5; }

  #wizard-p-2 {
    width: 70%;
    margin: 0 auto; } }
@media (max-width: 800px) {
  html {
    background-color: #c8c8c8; }

  .wrapper {
    height: 100%;
    background: url("https://stbeerpass.blob.core.windows.net/cool-tabs/XX%20EDC%202022/DESKTOP2.png") no-repeat;
    background-size: cover;
    background-position: center; }

  .wrapper-q {
    background: url("https://stbeerpass.blob.core.windows.net/cool-tabs/XX%20EDC%202022/DESKTOP%20INTERMEDIA.png") no-repeat;
    background-size: cover;
    height: auto;
    min-height: 100%;
    background-position: center; }

  .wrapper-f {
    background: url("https://stbeerpass.blob.core.windows.net/cool-tabs/XX%20EDC%202022/DESKTOP%20FINAL.png") no-repeat center;
    background-size: cover;
    min-height: 100%; }

  .steps {
    display: none !important; }

  #new_participation {
    padding-top: 5%;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    color: white; }

  #new_participation.inner-form {
    padding-top: 60% !important; }

  #new_participation .section {
    padding: 0 5px; }

  .wrapper h1.quizz_question {
    font-size: 5vw; }

  .wrapper .logo {
    height: 25%;
    padding-top: 0; }

  .wrapper h1 {
    font-size: 7.9vw; }

  .wrapper .sub {
    padding: 0px 25px;
    margin: 0em;
    font-size: 1.5em; }

  .wrapper .thanks {
    font-size: 2em; }

  .wrapper h4 {
    font-size: 1em; }

  .wrapper .thanks {
    padding: 0; }

  .notificados {
    margin: 20px !important;
    margin-bottom: 0 !important; }

  #js_cool_promo_submit_button {
    width: 100%;
    max-width: 100%;
    min-width: auto; }

  .x_cool_tabs_participate_button {
    margin: 0px; }

  .wizard > .actions > ul > li {
    margin: 0; }

  a.participa, a.participa:link, a.participa:active {
    top: 70%;
    margin-top: 0;
    margin-bottom: 0; }

  a.participa.codigo, a.participa.codigo:link, a.participa.codigo:active {
    top: 70%;
    margin-top: 0;
    margin-bottom: 0; }

  a.comparte, a.comparte:link, a.comparte:active {
    top: 50%;
    margin-top: 0;
    margin-left: 20%;
    width: 40%;
    margin-bottom: 0; }

  #wizard-p-2 {
    width: 96%;
    margin: 0 auto; }

  .m_options li {
    width: 100%; } }
@media only screen and (max-width: 400px) and (min-width: 800) {
  .wizard > .actions > ul > li {
    margin: 0; } }
.step_2 .m_figure_content {
  background-image: url("https://i.imgur.com/af5Zpoo.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  padding-bottom: 100%; }

@media screen and (min-width: 768px) {
  .step_2 .m_figure_content {
    padding-bottom: 56.2%;
    background-image: none; } }
.step_2 .m_figure_content .m_figure_img.js_question_image {
  opacity: 0; }

@media screen and (min-width: 768px) {
  .step_2 .m_figure_content .m_figure_img.js_question_image {
    opacity: 1; } }
.viral_points .css_show_referred_count {
  display: none; }

.viral_points .css_show_viral_points {
  display: none; }

.viral_points .css_show_quizz_points {
  display: none; }