/* === CUSTOM CSS === */
@charset "UTF-8";
body {
  background-color: #EEE !important;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px; }

h1, h2 {
  text-align: center !important; }

h1 {
  color: #2a507f !important;
  margin: 0.5em 0;
  font-size: 22px !important;
  padding: 0 0.5em;
  line-height: 1em; }
  @media screen and (min-width: 768px) {
    h1 {
      padding: 0 2em;
      font-size: 32px !important; } }

h2, h3 {
  color: #cc1a8c !important; }

h2 {
  font-size: 24px;
  margin-bottom: 20px !important; }

h3 {
  font-size: 18px; }

h4 {
  font-size: 30px;
  color: #2a507f !important; }

strong {
  font-weight: 700; }

p {
  font-size: 20px;
  width: 100%; }

.home_layout .legal_row,
.home_layout .actions_row,
.home_layout .details_row,
.home_layout .tac_row,
.home_layout .section:not(:nth-child(2)) {
  display: none !important; }
.home_layout .header_section .m_banner {
  border-bottom: 0; }
.home_layout .header_section .participate_row {
  display: none !important; }
.home_layout > div, .home_layout > div .action_row {
  background-color: transparent; }
.home_layout .section {
  padding-left: 15px;
  padding-right: 15px; }
  .home_layout .section .m_header_title {
    border-bottom: 0;
    padding-bottom: 0; }

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

.m_btn,
.actions ul li a {
  text-transform: uppercase;
  text-shadow: none !important;
  background-color: #2a507f !important;
  color: #fff;
  font-weight: 400 !important;
  padding: 0.5em 3em !important;
  border-radius: 0 !important;
  border: 1px solid #2a507f; }
  .m_btn:hover, .m_btn:active, .m_btn:focus,
  .actions ul li a:hover,
  .actions ul li a:active,
  .actions ul li a:focus {
    background-color: #fff !important;
    color: #2a507f !important; }

.wizard > .content > .body input {
  border-radius: 0; }

.wizard > .content > .body > div:not(.actions_section):not(.form_fields) label:not(.step_error) {
  background-color: transparent;
  color: #2a507f;
  border-radius: 0;
  border: 1px solid #2a507f;
  padding: 0.7em;
  text-align: center;
  font-size: 18px;
  font-weight: 400; }
  @media screen and (min-width: 561px) {
    .wizard > .content > .body > div:not(.actions_section):not(.form_fields) label:not(.step_error) {
      padding: 1em; } }
  .wizard > .content > .body > div:not(.actions_section):not(.form_fields) label:not(.step_error):hover {
    background-color: #2a507f;
    color: #fff; }
  .wizard > .content > .body > div:not(.actions_section):not(.form_fields) label:not(.step_error):after {
    content: none; }
  .wizard > .content > .body > div:not(.actions_section):not(.form_fields) label:not(.step_error).step_error {
    color: red !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    border: 0;
    width: 100%; }

.wizard > .content > .body input:checked ~ label {
  background-color: #2a507f !important;
  color: #fff !important; }

.question_bg {
  background-size: cover; }
  .question_bg .wrapper_row {
    background-image: none !important;
    background-color: rgba(0, 0, 0, 0.7) !important; }
  .question_bg .m_header_step h1 {
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) !important;
    color: #FFF !important; }

.question_bg label.m_option_label {
  background-color: rgba(72, 29, 99, 0.3) !important;
  color: #fff !important; }

.question_bg label.m_option_label:hover {
  background-color: #2a507f !important;
  color: #fff !important; }

.wizard > .content > .body.question_bg input:checked ~ label {
  background-color: #2a507f !important;
  color: #fff !important; }

form#new_participation {
  background-color: transparent; }
  form#new_participation .section {
    background-color: transparent; }

.wizard {
  padding-bottom: 20px; }
  .wizard .steps ul {
    list-style: none !important;
    padding: 0;
    margin: 0 auto;
    display: table;
    position: relative;
    float: none; }
    .wizard .steps ul li a {
      border-radius: 0;
      background-color: transparent; }
      .wizard .steps ul li a:hover {
        border-radius: 0; }
    .wizard .steps ul li.current a {
      background-color: #2a507f;
      color: #fff; }
    .wizard .steps ul li.done a {
      background-color: #cc1a8c;
      color: #c3c3c3; }
  .wizard [data-step] {
    padding-left: 0;
    margin-bottom: 0; }
    @media screen and (min-width: 561px) {
      .wizard [data-step] {
        margin-bottom: 28px; } }
    .wizard [data-step]::before {
      content: none; }
  .wizard .m_options {
    background-color: transparent;
    border: 0;
    padding-bottom: 0;
    padding-top: 0; }
    @media screen and (min-width: 561px) {
      .wizard .m_options {
        padding-top: 15px; } }
    .wizard .m_options ul {
      margin: 0 auto;
      max-width: 90%;
      padding-bottom: 0; }
      .wizard .m_options ul:after {
        content: none; }
      .wizard .m_options ul li {
        vertical-align: top;
        width: calc(100% - 30px);
        margin-left: 15px;
        margin-right: 15px; }
  .wizard .m_options_list_figure {
    background-image: none; }
    .wizard .m_options_list_figure .m_badge {
      background-image: none;
      background-color: #2a507f; }
      @media screen and (min-width: 561px) {
        .wizard .m_options_list_figure .m_badge {
          display: none; } }
  .wizard .m_options_list_separator {
    display: none; }
  .wizard .m_options_list_item {
    display: inline-block;
    height: auto !important; }
    @media screen and (min-width: 561px) {
      .wizard .m_options_list_item {
        width: 50% !important; } }
  .wizard .m_options_list_figure,
  .wizard .m_options_list_input {
    padding-right: 0;
    clear: right;
    display: block;
    width: auto; }
  .wizard .m_options_list_input {
    padding-left: 0;
    border: 0;
    background-color: transparent;
    margin-top: 10px; }
    .wizard .m_options_list_input .m_option {
      margin-top: 20px; }
    .wizard .m_options_list_input .image_description {
      position: absolute;
      top: -15px;
      margin: 0 auto;
      display: block;
      width: 100%;
      font-size: 0.9em; }
  .wizard .actions {
    width: 100%;
    margin: 0;
    text-align: center; }
    @media screen and (min-width: 768px) {
      .wizard .actions {
        width: calc(100% - 1em);
        margin: 0 0.5em; } }
  .wizard .actions ul {
    margin: 0;
    text-align: center;
    position: relative; }
    @media screen and (min-width: 768px) {
      .wizard .actions ul {
        margin: 0 auto;
        float: none;
        display: table; } }
    .wizard .actions ul li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      clear: both;
      margin-left: 0;
      margin-right: 0;
      width: 100%; }
      @media screen and (min-width: 561px) {
        .wizard .actions ul li {
          margin-bottom: 0;
          display: inline-block;
          float: left;
          clear: none;
          margin: 0 10px;
          width: calc(50% - 20px); } }
      .wizard .actions ul li a {
        display: block;
        padding-left: 1em;
        padding-right: 1em;
        text-align: center; }
  .wizard > .content > .body > div:not(.form_fields) input:not([type='text']) {
    opacity: 0; }
  .wizard .form_fields .form_input span {
    border-radius: 0; }

.m_figure_options_values::after {
  content: none; }

.m_figure_options_content .m_badge {
  display: none; }

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

.js_answer_ok, .js_answer_ko {
  line-height: 1em;
  font-size: 1.2em; }

.wizard > .content > .body .js_quizz_question_ok label.m_option_label,
.wizard > .content > .body.question_bg .js_quizz_question_ok label.m_option_label {
  background-color: #7ec16e !important;
  color: white !important; }

.wizard > .content > .body .js_quizz_question_ko label.m_option_label,
.wizard > .content > .body.question_bg .js_quizz_question_ko label.m_option_label {
  background-color: #cc6363 !important;
  color: white !important; }

.timer_display {
  color: #cc1a8c;
  text-align: center;
  width: 100%; }

label.step_error {
  color: red !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  position: absolute;
  bottom: -20px;
  left: 0;
  display: block;
  border: 0;
  width: 100%;
  line-height: 11px; }

.form_input > span {
  position: relative; }

.form_fields .form_input span,
.select {
  background-color: transparent;
  padding: 0;
  border: 0; }

.part_mine .section .entry_row {
  display: none; }

.m_message::after {
  content: none; }

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

.m_ribbon_text,
.m_ribbon_text span {
  color: #2a507f;
  width: auto; }

.m_ribbon_text {
  margin-top: 40px; }
  @media screen and (min-width: 561px) {
    .m_ribbon_text {
      margin-top: 0; } }

.section {
  padding-left: 15px;
  padding-right: 15px; }

.m_powered_by {
  font-size: 0.8em;
  line-height: 1em; }

.m_header_step {
  margin-left: 0;
  margin-right: 0; }

.m_figure_content,
.m_comment_header,
.home_layout .action_row,
.footer_section,
.footer_text,
.points_row_content,
.activity_row,
.coupon,
.m_entries_entry_figure {
  background-color: transparent; }

.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 {
  background-color: #cc1a8c; }

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

.form_layout .m_header_guide {
  display: none; }

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

.footer_section .footer_text {
  background-color: #EEE !important; }

.quiz_questions_on_personal_data .m_header_step {
  margin: 0 !important;
  font-size: 1em !important;
  text-align: left !important; }
  .quiz_questions_on_personal_data .m_header_step h1 {
    font-size: inherit !important;
    text-transform: capitalize !important;
    text-align: left !important;
    color: #666 !important;
    padding: 0 !important; }

.quiz_graph {
  width: 100% !important; }

svg {
  width: 100% !important; }