/* === CUSTOM CSS === */
@font-face {
  font-family: 'brandon';
  src: url("https://cool-tabs.s3.amazonaws.com/ramonbilbao/fonts/Brandon_reg.otf"); }

@font-face {
  font-family: 'trade';
  src: url("https://cool-tabs.s3.amazonaws.com/ramonbilbao/fonts/TradeGothicLTStd-Bold.otf");
  font-weight: bold; }

@font-face {
  font-family: 'brandon';
  src: url("https://cool-tabs.s3.amazonaws.com/ramonbilbao/fonts/Brandon_bld.otf");
  font-weight: bold; }

@font-face {
  font-family: 'brandon';
  src: url("https://cool-tabs.s3.amazonaws.com/ramonbilbao/fonts/Brandon_bld_it.otf");
  font-style: italic;
  font-weight: bold; }

/* pagina gandores*/
.winners_layout {
  background-image: url("https://cool-tabs.s3.amazonaws.com/ramonbilbao/6/clean_background.jpg");
  background-repeat: no-repeat;
  background-color: white;
  background-position: center 2px; }

.winners_layout .m_user_avatar img {
  width: 80px;
  height: 80px; }

.winners_layout .certificate_head {
  display: none; }

.winners_layout .m_users_list li {
  margin-bottom: 15px; }

.quizz_question {
  display: none; }

.header_2 {
  display: none; }

.form_header .header_2 h2 {
  font-size: 30px;
  color: #484848;
  font-style: normal; }

.form_header span.red {
  color: #E50028; }

.winners_layout .m_user_name {
  font-size: 18px;
  font-weight: 100;
  color: black !important; }

.winners_layout .m_users {
  padding-top: 100px;
  border: none; }

.winners_layout .stats_row {
  padding-top: 110px; }

.winners_layout .winner_date {
  color: #000; }

/* fin pagina ganadores */
li {
  list-style: none; }

body {
  color: white;
  font-family: 'brandon';
  background-color: transparent;
  letter-spacing: 1.15px; }

.m_action_count_num span, .m_badge_content, .m_comment_no, .m_countdown_date, .m_entry_points strong, .m_entry_total_comments > *, .m_header_step:before, .m_pagination_page, .m_participations_badge, .m_ribbon_text, .m_score_indicator span, .m_score_total {
  font-family: 'brandon';
  letter-spacing: 1.15px; }

#legal_terms .m_popup_content {
  color: #333; }

.wrapper {
  width: 810px;
  margin: 0 auto;
  height: 975px;
  position: relative; }

.m_popup {
  width: 70%; }

.home_layout {
  background-image: url("https://cool-tabs.s3.amazonaws.com/ramonbilbao/6/background.jpg");
  background-repeat: no-repeat;
  background-color: white;
  background-position: center; }

.form_layout.last_step {
  background-image: url("https://cool-tabs.s3.amazonaws.com/ramonbilbao/6/form_data_background.jpg"); }

.actions li a[href="#next"] {
  background-color: #fff;
  color: #E50028;
  font-weight: bold;
  padding: 17px 29px; }

.main_content {
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("https://cool-tabs.s3.amazonaws.com/ramonbilbao/6/background.jpg"); }

.main_title {
  padding-top: 100%;
  text-align: center; }

.main_title .img_title {
  padding-left: 30px; }

.main_content {
  position: relative;
  margin-top: 90px; }

.left_image {
  position: absolute;
  left: 50px;
  top: -295px; }

.footer {
  width: 100%;
  position: absolute;
  bottom: 0px;
  text-align: center;
  height: 43px;
  background-color: #EB0628; }

.footer a {
  line-height: 43px;
  color: white;
  text-decoration: underline; }

.participate {
  text-align: center;
  margin-top: 0px; }

.footer_link {
  width: 100%;
  position: absolute;
  bottom: 25px;
  text-align: center;
  height: 43px;
  font-size: 16px; }

.footer_link a {
  color: #EB0628;
  font-size: 14px; }

.button {
  font-weight: bold;
  font-size: 25px;
  text-decoration: none;
  color: white;
  background-color: #E50028;
  padding: 15px 40px; }

.main_content .text {
  padding: 51px 55px 54px 220px;
  color: white;
  font-weight: bold;
  font-size: 24px;
  line-height: 31px; }

.m_no_promo_header {
  border-bottom: 10px solid #E50028;
  background-position: center;
  background-image: url("https://cool-tabs.s3.amazonaws.com/ramonbilbao/6/clean_background.jpg"); }

.promo_info h1, .participate_button, .title h1, .title h2, .title h3, .pagination, .m_header > *, .m_popup_header, .m_action_share_title, .legal_row label, .m_countdown_time, .error, .notice, .error_explanation, .m_follow_text, .m_no_promo_header, .m_no_promo_content_title, .m_powered_by, .m_url_description, .pagination em.current, .footer_text, select, .form_fields .form_input label, .form_fields .form_select label, .form_fields .form_input input, .form_fields .form_input textarea, .form_fields .form_checkbox a, .m_btn, .alertify-button, .wizard > .actions a, .m_btn_goto, .link_btn, .m_action_count, .m_comment_name, .m_countdown_title, .m_entry_user, .m_entry_points, .m_entry_votes, .m_header_step, .m_no_promo_content p strong, .m_option, .m_participations_text, .m_powered_by strong, .m_score_value, .alertify-log, .m_tabs_nav, .m_url_content, .m_user_name, .m_wysiwyg_dialog_title, .wizard, .tabcontrol, .m_header_strong > *, .m_comment_date, .m_entry .m_figure_content_text .m_text_content, .m_entry .m_figure_content_quotes .m_text_content, .m_entry_date, .m_figure_caption .m_text, .m_user_created_at {
  font-family: "brandon" !important; }

.body_text {
  color: #000;
  margin-top: 110px;
  font-size: 20px;
  text-align: center;
  padding-left: 100px;
  padding-right: 100px; }

.m_no_promo_header p {
  top: 60%;
  color: #1a1a1a; }

.m_no_promo_header p.m_no_promo_header_body {
  color: #1a1a1a;
  top: 80%; }

.m_no_promo_header span {
  color: #1a1a1a; }

/* Thank you page */
.thanks_layout {
  background-position: center;
  background-image: url("https://cool-tabs.s3.amazonaws.com/ramonbilbao/6/thanks_background.jpg");
  background-repeat: no-repeat;
  background-color: white;
  text-align: center; }

.thanks_layout .footer {
  bottom: 0px; }

.thanks_title {
  padding-top: 250px; }

.thanks_title h1 {
  padding: 40px;
  font-size: 28px;
  font-weight: 100;
  width: 65%;
  margin: 0 auto;
  border: solid 3px #fff;
  border-radius: 2px; }

.share {
  margin-top: 39%;
  margin-bottom: 5%; }

.share p {
  font-size: 20px;
  margin-bottom: 40px; }

.share .button {
  text-transform: uppercase;
  font-weight: 100;
  font-size: 20px;
  padding: 18px 35px; }

.follow h2 {
  color: #E50028;
  margin-bottom: 30px;
  font-size: 32px; }

.follow ul {
  padding: 0;
  overflow: hidden;
  margin: 0 auto;
  width: 50%; }

.follow li {
  float: left;
  width: 33%; }

/* form page */
.form_data_header {
  display: none; }

.form_layout .m_header_section {
  display: none; }

h1.quizz_question {
  font-size: 26px;
  text-align: center;
  color: #E50028;
  font-weight: bold;
  margin-bottom: 150px; }

.form_layout {
  background-position: center;
  background-image: url("https://cool-tabs.s3.amazonaws.com/ramonbilbao/6/form_background.jpg");
  background-repeat: no-repeat;
  background-color: white;
  text-align: center; }

.wizard > .steps {
  display: none !important; }

.step_error {
  display: block;
  font-size: 14px; }

li.disabled {
  display: none; }

.m_option_label, .coupon, .full_section, #new_participation, .section, .activity_row, .m_summary_description:before {
  background-color: transparent !important; }

.form_header {
  margin: 0px 50px 0px 50px;
  padding-top: 230px; }

.last_step .form_header {
  padding-top: 40%; }

.form_header h1 {
  font-size: 26px;
  margin-bottom: 0px;
  color: #000;
  text-align: center;
  font-weight: bold; }

.form_header h2 {
  font-size: 26px;
  color: #000;
  margin: 0px 20px;
  font-style: italic;
  font-weight: bold; }

.steps {
  text-align: center; }

.steps ul {
  display: inline-block; }

.steps li {
  border-radius: 50%; }

.steps li.current,
.wizard > .steps > ul > li.error,
.m_header_step:before, .m_btn, .m_btn:hover, .m_countdown_title, .m_countdown_progress, .m_option:after, .m_option_input:checked + .m_option_label, .m_option_label:after, .m_pagination_active, .m_tab_nav_item_active, .m_options_page.m_options_page_active:before, .m_popup_header, .notice, .alertify-button-ok, .alertify-button-ok:hover, .alertify-button-ok:focus, .wizard > .steps .done a, .wizard > .actions a, .gallery_entry_header,
.social_btn:before, .m_countdown_date:after, .m_comment_date:before, .footer_section:before, .footer_section:after, .m_entry_total_comments:after, .wizard > .actions .disabled a, .wizard > .actions .disabled a:after,
.wizard > .actions .done a, .wizard > .actions .done a:after {
  background-color: #E50028; }

.m_banner, .m_option_input:checked + .m_option_label,
#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: #E50028; }

.m_option_input:checked + .m_option_label {
  background-color: #e50028 !important;
  color: white; }

.steps li.disabled,
.steps li.done {
  background-color: #646161; }

.steps li {
  padding: 20px !important;
  margin-right: 20px; }

.tabcontrol ul > li.last {
  margin-right: 0px; }

.wizard > .steps > ul > li.error {
  margin-right: 20px; }

.m_btn:after, .wizard > .steps .current a, .wizard > .actions a:after,
.wizard > .steps > ul > li.error a {
  background-color: transparent; }

.wizard > .steps .number,
.wizard > .steps > ul > li.error span.number {
  font-size: 35px;
  line-height: 35px; }

.m_header_step {
  text-align: left;
  margin-right: 10px;
  margin-left: 40px; }

.m_btn_goto, .m_countdown_date, .m_action, .m_tac_promo, .m_score_value, .m_figure_framed:before, .m_users, .m_options, .m_score_indicator:after, .m_comment, .m_user, .m_pagination_page, .m_tab_item, .m_tab_nav_item_active, .m_options_list_input, .m_options_list_separator, .m_summary_description, .m_summary_footer_links > *, .m_summary_footer_links, .m_summary_footer_content, .m_entry, .m_entry_points, .m_entry_header, .m_entries_entry_data > *, .m_entries_entry_main, .m_entries_entry, .m_entries_entry_info, .m_entries_entry_social > *, .m_entries_item + .m_entries_item:before, .instathumb {
  border: none; }

.m_options {
  padding: 15px; }

.m_options ul {
  margin-left: 20px;
  margin-right: 10px; }

.m_option_label:after {
  content: "";
  display: none;
  height: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  bottom: 0px; }

.form_layout .row [data-step] {
  margin-bottom: 0px; }

.m_option_label {
  border-radius: 0px;
  border-color: #cfcfcf;
  padding: 10px 10px 10px 30px;
  margin-bottom: 0px;
  font-weight: 700;
  text-align: center;
  color: #e50028;
  font-size: 20px;
  text-transform: uppercase;
  background-color: white !important; }

.m_options li {
  width: 100%; }

.m_options, .m_options_list_input {
  background-color: transparent; }

.wizard > .steps .disabled a, .wizard > .steps .disabled a:hover, .wizard > .steps .disabled a:active,
.wizard > .steps .done a, .wizard > .steps .done a:hover, .wizard > .steps .done a:active {
  background: transparent;
  color: white;
  cursor: default; }

.wizard > .steps .done a, .wizard > .steps .done a:hover, .wizard > .steps .done a:active {
  cursor: pointer; }

.wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active {
  padding: 10px;
  margin: 0;
  display: inline; }

.m_header_step:before, .m_btn, .m_countdown_title, .m_participations_badge_count, .m_badge_content, .alertify-button-ok, .alertify-button-ok:hover, .alertify-button-ok:focus, .wizard > .actions a {
  text-shadow: none; }

.m_header_step:before {
  background-color: transparent; }

.m_header_step > * {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 100; }

.form_fields .form_select label.required_field:after, .form_fields .form_input label.required_field:after, .quizz_question.required_field:after {
  content: ""; }

.m_header_step:before {
  content: "";
  border-radius: 0;
  font-size: 2em;
  min-height: 30px;
  min-width: 10px;
  line-height: 40px;
  white-space: nowrap;
  padding: 0;
  display: block;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0; }

.m_header_step {
  padding-left: 0px;
  display: none; }

.quizz_question .required_field {
  display: none; }

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

.form_layout .actions ul {
  display: inline-block; }

.form_layout .actions li {
  font-size: 14px;
  font-weight: 100;
  text-transform: uppercase; }

.form_layout .actions li a {
  font-weight: 100; }

.wizard > .actions a {
  font-size: 1.4em;
  text-decoration: none;
  display: inline-block;
  border-radius: 0px;
  padding: 7px 25px;
  text-align: center;
  line-height: 24px; }

.m_btn:after, .alertify-button:after, .wizard > .actions a:after {
  content: initial; }

.m_options ul:after {
  display: none; }

.m_options {
  padding: 15px;
  padding-bottom: 0px; }

.form_input label {
  text-transform: uppercase;
  font-size: 16px;
  float: left; }

.form_fields .form_input span {
  background-color: transparent; }

.wizard > .content > .body input {
  display: block;
  float: right;
  border: 1px solid #E50028; }

.form_fields > * + * {
  margin-top: 15px; }

.form_input {
  overflow: hidden; }

.form_fields .form_input input, .form_fields .form_input textarea {
  width: 60%;
  border-radius: 1px;
  padding: 5px 5px; }

.m_header_step > *, .m_url_description, .m_user_name, .m_pagination_page, .m_tab_item, .m_tab_nav_item_active, .form_fields .form_input input, .form_fields .form_input textarea, .form_fields .form_input label, .select .select_label, .click_to_view {
  color: #1a1a1a; }

.form_fields .form_input label, .form_fields .form_select label {
  text-align: right;
  min-width: 220px;
  display: block;
  font-size: 20px;
  margin-bottom: 0;
  line-height: 40px; }

.form_fields .form_input label.step_error, .form_fields .form_select label.step_error {
  font-size: 12px;
  text-align: left;
  min-width: auto;
  display: inline-block;
  margin-bottom: 0;
  line-height: 5px; }

#wizard-p-3 {
  margin-top: 200px; }

a.show_legal {
  font-size: 18px;
  font-weight: 100 !important; }

.form_layout .actions_section .form_checkbox {
  display: inline-block;
  text-align: center;
  margin-bottom: 10px; }

#wizard .form_input label,
#wizard .form_checkbox label,
.actions_section .form_checkbox label,
#wizard .form_checkbox label a {
  font-family: "trade" !important;
  font-weight: bold; }

.actions_section .form_checkbox label,
#wizard .form_checkbox label a {
  font-size: 14px !important; }

.select .select_label, .select select, .form_checkbox a, .form_checkbox label {
  color: black !important; }

.form_fields .form_input label {
  color: black !important; }

.wizard > .content > .body input {
  display: block;
  float: right;
  border: 1px solid #928882; }

#wizard-p-1 {
  margin-top: -22px; }

@media only device and (max-width: 800px) {
  body {
    margin: 0; }

  .wrapper {
    width: 100%; }

  img {
    width: 100%; }

  .left_image {
    display: none; }

  .main_title {
    padding-top: 215px; }

  .main_title .img_title {
    padding-left: 0px; }

  .main_title img {
    width: 70%; }

  .main_content {
    margin-top: 20px; }

  .main_content .text {
    padding: 15px;
    color: white;
    font-weight: bold;
    font-size: 16px;
    line-height: inherit; }

  .participate {
    text-align: center;
    margin-top: 30px; }

  .footer {
    top: 580px;
    height: 60px; }

  /* THANK YOU PAGE */
  .thanks_title {
    padding-top: 40px; }

  .share {
    margin-top: 30PX;
    margin-bottom: 30px; }

  .follow ul {
    width: 100%;
    padding: 0px; }

  .follow li {
    width: 100%;
    float: none; }

  .follow li.fb {
    margin-bottom: 15px;
    width: 100%; }

  .thanks_title h1 {
    padding: 30px;
    font-size: 25px; }

  .m_popup {
    width: 95%; }

  .m_popup_content {
    padding: 10px; }

  /*form */
  .form_header {
    margin: 5px;
    padding-top: 40px;
    font-size: 14px; }

  .form_header h1 {
    font-size: 14px; }

  .form_header h2 {
    font-size: 16px;
    font-weight: 800;
    margin: 0px; }

  .wizard > .steps .number, .wizard > .steps > ul > li.error span.number {
    font-size: 20px;
    line-height: 29px; }

  .m_header_step > * {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 100; }

  .wizard > .content > .body {
    width: 100%;
    height: 95%;
    padding: 0.2%; }

  .form_layout .row {
    padding-left: 0;
    padding-right: 0; }

  .steps li {
    font-size: 12px;
    padding: 5px !important;
    margin-right: 10px; }

  .m_header_step {
    text-align: left;
    margin-right: 5px;
    margin-left: 5px; }

  .m_options {
    padding: 15px 0;
    padding-bottom: 0px; }

  .m_options ul {
    margin-left: 5px;
    margin-right: 10px; }

  .wizard > .content > .body label {
    margin-bottom: 0; }

  .m_option_label {
    border-radius: 0px;
    border-color: #937BBD;
    padding: 5px;
    margin-bottom: 0px;
    font-weight: 700;
    text-align: left;
    color: #1a1a1a;
    font-size: 14px;
    text-transform: uppercase;
    background-color: white !important; }

  .m_options li {
    display: block;
    width: auto;
    margin-bottom: 5px;
    margin-right: 0px; }

  .wizard > .actions a {
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    border-radius: 0px;
    padding: 5px;
    text-align: center;
    line-height: 24px; }

  label.step_error {
    font-size: 12px !important; }

  .wizard .actions li {
    float: left !important; }

  .form_fields .form_input label, .form_fields .form_select label {
    text-align: center;
    min-width: 100%;
    display: block;
    font-size: 13px;
    margin-bottom: 0;
    line-height: 20px; }

  .wizard > .content > .body input {
    float: none; }

  .form_fields .form_input input, .form_fields .form_input textarea {
    width: 100%; }

  #wizard-p-3 {
    margin-top: 40px; }

  a.show_legal {
    font-size: 11px !important; } }