/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

@keyframes wobble {
  0% {
    transform: translate(0px, 0px) rotate(0deg); }
  15% {
    transform: translate(-25px, 0px) rotate(-5deg); }
  30% {
    transform: translate(20px, 0px) rotate(3deg); }
  45% {
    transform: translate(-15px, 0px) rotate(-3deg); }
  60% {
    transform: translate(10px, 0px) rotate(2deg); }
  75% {
    transform: translate(-5px, 0px) rotate(-1deg); }
  100% {
    transform: translate(0px, 0px) rotate(0deg); } }

@font-face {
  font-family: "Noa LT W02 Light";
  src: url("../fonts/28b252e1-028a-482b-8e08-6eed58236cf8.eot?#iefix");
  src: url("../fonts/28b252e1-028a-482b-8e08-6eed58236cf8.eot?#iefix") format("eot"), url("../fonts/3df3b35f-9689-4556-ac6f-de646370eaa4.woff2") format("woff2"), url("../fonts/c423b516-460f-4d10-acd1-e465ffb62bc3.woff") format("woff"), url("../fonts/08d13695-efc1-48ce-a456-fc9ac36e9fbc.ttf") format("truetype"), url("../fonts/99dd3df3-65fd-487d-ba0e-4ebf429d0f1e.svg#99dd3df3-65fd-487d-ba0e-4ebf429d0f1e") format("svg"); }

/* nunito-300 - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/nunito-v9-latin-300.eot");
  /* IE9 Compat Modes */
  src: local("Nunito Light"), local("Nunito-Light"), url("../fonts/nunito-v9-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/nunito-v9-latin-300.woff2") format("woff2"), url("../fonts/nunito-v9-latin-300.woff") format("woff"), url("../fonts/nunito-v9-latin-300.ttf") format("truetype"), url("../fonts/nunito-v9-latin-300.svg#Nunito") format("svg");
  /* Legacy iOS */ }

/* nunito-regular - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/nunito-v9-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Nunito Regular"), local("Nunito-Regular"), url("../fonts/nunito-v9-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/nunito-v9-latin-regular.woff2") format("woff2"), url("../fonts/nunito-v9-latin-regular.woff") format("woff"), url("../fonts/nunito-v9-latin-regular.ttf") format("truetype"), url("../fonts/nunito-v9-latin-regular.svg#Nunito") format("svg");
  /* Legacy iOS */ }

/* nunito-600 - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/nunito-v9-latin-600.eot");
  /* IE9 Compat Modes */
  src: local("Nunito SemiBold"), local("Nunito-SemiBold"), url("../fonts/nunito-v9-latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/nunito-v9-latin-600.woff2") format("woff2"), url("../fonts/nunito-v9-latin-600.woff") format("woff"), url("../fonts/nunito-v9-latin-600.ttf") format("truetype"), url("../fonts/nunito-v9-latin-600.svg#Nunito") format("svg");
  /* Legacy iOS */ }

html {
  font-size: 22px;
  font-family: "Nunito";
  box-sizing: border-box;
  color: #808080; }

*,
*:before,
*:after {
  font-family: inherit;
  line-height: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

body {
  margin: 0;
  padding: 0;
  background-image: linear-gradient(to bottom, #fcfcfc, #eee);
  background-attachment: fixed; }

a {
  text-decoration: none;
  color: #0801BA; }
  a:hover {
    border-bottom: 1px solid #0801BA; }

p, h1 {
  margin-bottom: 1em; }

.button {
  background-color: #d6008f;
  padding: 0.5rem 1rem;
  color: #fff;
  text-align: center;
  transition: all 300ms ease-in-out; }
  .button:hover {
    background-color: #70004b; }
  .button.isAppeared {
    animation: wobble 500ms ease 1s 1; }

.SiteContainer {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  background-color: #fff; }

.SmallContainer, .SiteHeader, .SiteMain_content, .SiteMain_headlines {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0; }
  @media screen and (min-width: 46.54545em) {
    .SmallContainer, .SiteHeader, .SiteMain_content, .SiteMain_headlines {
      padding: 0 40px; } }

.SiteHeader {
  background-color: #0801BA;
  max-width: 100%;
  overflow: auto;
  position: relative; }
  .SiteHeader_brandingArea {
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
    height: 120px; }
    .SiteHeader_brandingAreaLogo {
      background-image: url("../images/logo_flyingblue.png");
      position: absolute;
      z-index: 9999;
      top: 0;
      left: 0;
      height: 167px;
      width: 167px;
      display: inline-block; }
    .SiteHeader_brandingAreaLogo2 {
      background-size: cover;
      display: inline-block;
      position: absolute;
      right: 1rem;
      bottom: 1rem;
      background-image: url("../images/logo_klm_airfrance-small.png");
      height: 50px;
      width: 134px; }
      @media screen and (min-width: 29.09091em) {
        .SiteHeader_brandingAreaLogo2 {
          height: 24px;
          width: 201px;
          background-image: url("../images/logo_klm_airfrance.png"); } }
  .SiteHeader_cta {
    width: 100%;
    height: 100px;
    text-align: center;
    overflow: hidden; }
    @media screen and (min-width: 29.09091em) {
      .SiteHeader_cta {
        float: right;
        text-align: right;
        width: 45%; } }
    .SiteHeader_ctaButton {
      margin-top: 1.5rem;
      margin-right: 1rem;
      font-size: 0.8rem;
      display: inline-block; }
      .SiteHeader_ctaButton.isAppeared {
        animation-delay: 3s; }
      @media screen and (min-width: 46.54545em) {
        .SiteHeader_ctaButton {
          font-size: 1rem; } }

.Slider {
  position: relative;
  margin: 0 auto; }
  .Slider::before, .Slider::after {
    content: ' ';
    display: table; }
  .Slider::after {
    clear: both; }
  .Slider:before {
    content: "";
    background-image: url("../images/arrow.png");
    width: 167px;
    height: 17px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999; }
  .Slider_slide {
    width: 100vw;
    height: 50vw;
    max-width: 1920px;
    min-height: 240px;
    max-height: 75vh;
    background-size: cover;
    background-position: 50% 50%; }
    .Slider_slide:nth-child(1) {
      background-image: url(../images/slider/01.jpg); }
    .Slider_slide:nth-child(2) {
      background-image: url(../images/slider/02.jpg); }
    .Slider_slide:nth-child(3) {
      background-image: url(../images/slider/03.jpg); }
    .Slider_slide:nth-child(4) {
      background-image: url(../images/slider/04.jpg); }
    .Slider_slide:nth-child(5) {
      background-image: url(../images/slider/05.jpg); }
    .Slider_slide:nth-child(6) {
      background-image: url(../images/slider/06.jpg); }

.SiteMain_content {
  padding: 1em; }
  .SiteMain_content::before, .SiteMain_content::after {
    content: ' ';
    display: table; }
  .SiteMain_content::after {
    clear: both; }
  .SiteMain_contentGroup {
    margin-bottom: 2rem; }
    .SiteMain_contentGroup::before, .SiteMain_contentGroup::after {
      content: ' ';
      display: table; }
    .SiteMain_contentGroup::after {
      clear: both; }
    @media screen and (min-width: 46.54545em) {
      .SiteMain_contentGroup {
        margin-bottom: 5rem;
        margin-top: -3rem; } }

.SiteMain_image {
  width: 100%; }
  @media screen and (min-width: 46.54545em) {
    .SiteMain_image {
      width: 33.33333%;
      float: left; } }

.SiteMain_text {
  width: 100%;
  box-sizing: border-box;
  padding: 1rem 0;
  line-height: 1.8; }
  @media screen and (min-width: 46.54545em) {
    .SiteMain_text {
      padding: 0 7.5rem;
      width: 100%;
      float: left; } }

.SiteMain_headlines {
  padding: 1em;
  position: relative; }
  .SiteMain_headlines::before, .SiteMain_headlines::after {
    content: ' ';
    display: table; }
  .SiteMain_headlines::after {
    clear: both; }

.SiteMain_bluebox {
  overflow: auto;
  z-index: 999;
  background-color: #0801BA;
  text-align: center;
  float: left;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  position: relative;
  top: 0px;
  -ms-transform: scale(3) rotate(-7deg);
      transform: scale(3) rotateZ(-7deg);
  opacity: 0;
  transition: all 250ms cubic-bezier(1, 0.4, 0.5, 1.3) 1s;
  height: 200px; }
  body.isLoaded .SiteMain_bluebox {
    -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotateZ(0);
    opacity: 1; }
  @media screen and (min-width: 46.54545em) {
    .SiteMain_bluebox {
      height: 320px;
      width: 33.33333%;
      top: -160px; } }
  .SiteMain_blueboxHeadline {
    padding: 1.5rem;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    color: #fff;
    line-height: 1.1;
    font-size: 35px; }
    @media screen and (min-width: 46.54545em) {
      .SiteMain_blueboxHeadline {
        font-size: 28px; } }
    @media screen and (min-width: 58.18182em) {
      .SiteMain_blueboxHeadline {
        font-size: 33px; } }

.SiteMain_headline {
  width: 100%;
  position: relative;
  top: 0px;
  -ms-flex-align: center;
      align-items: center;
  line-height: 1.1;
  font-size: 25px;
  padding: 0 1rem;
  height: 200px;
  display: -ms-flexbox;
  display: flex;
  color: #0801BA;
  padding: 0 1.5; }
  @media screen and (min-width: 46.54545em) {
    .SiteMain_headline {
      height: 320px;
      padding: 0 3rem;
      width: 66.66667%;
      box-sizing: border-box;
      right: 0;
      -ms-flex-align: end;
          align-items: flex-end;
      top: -160px;
      font-size: 30px; } }
  @media screen and (min-width: 58.18182em) {
    .SiteMain_headline {
      font-size: 45px; } }
  .SiteMain_headlineSlogan {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    line-height: 1.1;
    text-align: center; }
    @media screen and (min-width: 46.54545em) {
      .SiteMain_headlineSlogan {
        text-align: left; } }

.SiteMain_confirmation {
  position: relative; }
  .SiteMain_confirmation:before {
    content: "";
    background-image: url("../images/arrow.png");
    width: 167px;
    height: 17px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999; }

.confirmationHeadline {
  padding: 0 1rem; }

.confirmationText, .confirmationImage {
  padding: 1rem;
  overflow: hidden; }
  @media screen and (min-width: 29.09091em) {
    .confirmationText, .confirmationImage {
      width: 50%;
      float: left; } }
  .confirmationText a, .confirmationImage a {
    border: none; }
  .confirmationText a.button, .confirmationImage a.button {
    color: #fff;
    margin-top: 1rem; }

.confirmationImage img {
  max-width: 100%; }

.confirmationArea {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  color: #013A83; }

.confirmationQuestion {
  color: #038CD6; }

.confirmationHighlight {
  color: #d6008f;
  font-weight: bold; }

.confirmationInfo {
  position: relative;
  opacity: 1;
  z-index: 1;
  -ms-transform: scale(1);
      transform: scale(1);
  transition: all 1s cubic-bezier(1, 0, 1, 1); }
  .confirmationInfo.isHidden {
    -ms-transform: scale(0.5);
        transform: scale(0.5);
    opacity: 0; }

.SiteMain_form {
  background-image: url("../images/bg/form.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-attachment: fixed;
  color: #fff;
  padding-top: 3rem;
  padding-bottom: 3rem;
  font-size: 0.8rem; }
  @media screen and (min-width: 46.54545em) {
    .SiteMain_form {
      font-size: 1rem; } }
  .SiteMain_form form::before, .SiteMain_form form::after {
    content: ' ';
    display: table; }
  .SiteMain_form form::after {
    clear: both; }
  .SiteMain_form a {
    color: #bebbff; }
    .SiteMain_form a:hover {
      color: #efeeff; }
    .SiteMain_form a.highlight {
      color: #d6008f; }
      .SiteMain_form a.highlight:hover {
        color: #ff0aae; }
  .SiteMain_formArea {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding: 1rem; }
    .SiteMain_formArea:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      z-index: 0;
      margin: -30px;
      background-image: linear-gradient(to bottom, rgba(8, 1, 186, 0.5), rgba(8, 1, 186, 0.5)), url("../images/bg/form.jpg");
      background-position: 50% 50%;
      background-size: cover;
      background-attachment: fixed;
      filter: blur(15px); }
    .SiteMain_formArea #participant-form {
      position: relative;
      opacity: 1;
      z-index: 1;
      -ms-transform: scale(1);
          transform: scale(1);
      transition: all 1s cubic-bezier(1, 0, 1, 1); }
      .SiteMain_formArea #participant-form.isHidden {
        -ms-transform: scale(0.5);
            transform: scale(0.5);
        opacity: 0; }
    @media screen and (min-width: 46.54545em) {
      .SiteMain_formArea {
        padding: 3rem; } }
    .SiteMain_formArea h2 {
      margin-bottom: 1rem;
      text-align: center;
      font-size: 1.09091rem; }
      @media screen and (min-width: 46.54545em) {
        .SiteMain_formArea h2 {
          font-size: 1.36364rem; } }
    .SiteMain_formAreaAnswers {
      width: 100%;
      margin-bottom: 2rem; }
    .SiteMain_formAreaAnswers label {
      display: block;
      margin-bottom: 0.4rem;
      padding-left: 2rem;
      position: relative;
      cursor: pointer;
      width: 100%; }
      .SiteMain_formAreaAnswers label:before {
        content: "";
        background-image: url("../images/square-o.svg");
        width: 30px;
        height: 30px;
        display: block;
        position: absolute;
        left: -2px;
        top: 0;
        background-size: 30px 30px;
        background-size: cover; }
    .SiteMain_formAreaAnswers input {
      position: absolute;
      left: 0rem;
      display: none; }
      .SiteMain_formAreaAnswers input[type=checkbox]:checked + label:before {
        background-image: url("../images/check-square-o.svg");
        left: 0px; }
    .SiteMain_formAreaAnswers .button {
      float: right;
      font-size: 1rem;
      margin-top: 1rem;
      border: 0;
      cursor: pointer; }
    .SiteMain_formAreaGender {
      text-align: center; }
      @media screen and (min-width: 46.54545em) {
        .SiteMain_formAreaGender {
          text-align: left;
          padding-left: 20%; } }
      .SiteMain_formAreaGender label {
        display: inline-block;
        margin-bottom: 1rem;
        padding-left: 1.5rem;
        margin-right: 1rem;
        position: relative;
        cursor: pointer; }
        .SiteMain_formAreaGender label:before {
          content: "";
          background-image: url("../images/circle-o.svg");
          width: 30px;
          height: 30px;
          display: block;
          position: absolute;
          left: 0px;
          top: 0;
          background-size: 30px 30px;
          background-size: cover; }
      .SiteMain_formAreaGender input {
        position: absolute;
        left: 0rem;
        display: none; }
        .SiteMain_formAreaGender input[type=radio]:checked + label:before {
          background-image: url("../images/check-circle-o.svg");
          left: 0px; }
    .SiteMain_formAreaPersonalData {
      margin-bottom: 1rem; }
      @media screen and (min-width: 46.54545em) {
        .SiteMain_formAreaPersonalData {
          width: 50%;
          float: left; } }
      .SiteMain_formAreaPersonalData input {
        font-size: 1rem;
        font-family: "Nunito";
        color: #0801BA;
        border: 2px solid #fff;
        width: 100%; }
        @media screen and (min-width: 46.54545em) {
          .SiteMain_formAreaPersonalData input {
            width: 50%;
            float: left; } }
      .SiteMain_formAreaPersonalData label {
        display: block; }
        @media screen and (min-width: 46.54545em) {
          .SiteMain_formAreaPersonalData label {
            display: inline-block;
            width: 40%;
            float: left; } }
      .SiteMain_formAreaPersonalDataGroup {
        overflow: auto;
        margin-bottom: 1.5rem; }
    @media screen and (min-width: 46.54545em) {
      .SiteMain_formAreaTermsInfoSubmit {
        width: 50%;
        float: left; } }
    .SiteMain_formAreaTermsInfoSubmit label {
      display: block;
      margin-bottom: 0.4rem;
      padding-left: 2rem;
      position: relative;
      cursor: pointer; }
      .SiteMain_formAreaTermsInfoSubmit label:before {
        content: "";
        background-image: url("../images/square-o.svg");
        width: 30px;
        height: 30px;
        display: block;
        position: absolute;
        left: -2px;
        top: 0;
        background-size: 30px 30px;
        background-size: cover; }
    .SiteMain_formAreaTermsInfoSubmit input {
      position: absolute;
      left: 0rem;
      display: none; }
      .SiteMain_formAreaTermsInfoSubmit input[type=checkbox]:checked + label:before {
        background-image: url("../images/check-square-o.svg");
        left: 0px; }
    .SiteMain_formAreaTermsInfoSubmit .button {
      float: right;
      font-size: 1rem;
      margin-top: 1rem;
      border: 0;
      cursor: pointer; }
    .SiteMain_formAreaMessages {
      margin-top: 1rem; }
  .SiteMain_form .Message {
    position: relative;
    color: #fff;
    overflow: hidden;
    max-height: 0;
    transition: all 1.5s ease;
    line-height: 1.4;
    padding-left: 1.7rem; }
    .SiteMain_form .Message:before {
      content: "";
      background-image: url("../images/exclamation-circle.svg");
      display: block;
      position: absolute;
      left: 0px;
      top: 0px;
      background-size: cover;
      width: 25px;
      height: 25px; }
      @media screen and (min-width: 46.54545em) {
        .SiteMain_form .Message:before {
          width: 30px;
          height: 30px; } }
    .SiteMain_form .Message.isVisible {
      max-height: 200px; }
  .SiteMain_form #success {
    position: absolute;
    top: 80%;
    left: 0;
    z-index: 0;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    padding: 0 3rem;
    font-size: 20px;
    text-align: center;
    transition: all 1.5s ease 500ms;
    opacity: 0; }
    .SiteMain_form #success.isVisible {
      opacity: 1; }
    @media screen and (min-width: 46.54545em) {
      .SiteMain_form #success {
        top: 50%;
        font-size: 42px; } }

.SiteFooter {
  font-size: 0.72727rem;
  text-align: center;
  padding: 1rem; }
  @media screen and (min-width: 46.54545em) {
    .SiteFooter {
      padding: 3rem 1rem; } }

input.FormError, .FormError label {
  border-color: #d6008f; }

.FormError .Checkbox:before {
  background-image: url(../images/square-o-highlight.svg); }

.FormError .RadioButton:before {
  background-image: url(../images/circle-o-highlight.svg); }

.Overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  overflow: hidden;
  background-color: rgba(25, 25, 25, 0.8); }
  .Overlay_wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2001;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }

.SponsorImage {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
  box-shadow: 0 0 1px 0 #0801BA;
  transition: all 350ms ease-out;
  left: -100%;
  opacity: 0; }
  .SponsorImage_background, .SponsorImage_foreground {
    display: block;
    width: 100%; }
  .SponsorImage_foreground {
    position: absolute;
    top: 0;
    left: 0;
    transition: all 350ms ease; }
  .SponsorImage:hover .SponsorImage_foreground, .SponsorImage.isActive .SponsorImage_foreground {
    opacity: 0;
    -ms-transform: scale(1.5);
        transform: scale(1.5); }
  .SponsorImage.isActive:hover .SponsorImage_foreground {
    opacity: 1;
    -ms-transform: scale(1);
        transform: scale(1); }
  .SponsorImage.isAppeared {
    left: 0;
    opacity: 1; }

.Overlay_content {
  background-color: #0801BA;
  color: #fff;
  width: 80%;
  max-width: 700px;
  margin: 20px auto;
  padding: 1rem; }
  .Overlay_content h1 {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
    font-size: 1rem; }
  .Overlay_content h2 {
    margin-bottom: 1rem;
    font-size: 0.9rem; }
  .Overlay_content p {
    font-size: 0.8rem;
    margin-bottom: 1rem; }
  .Overlay_content ul {
    margin-bottom: 1rem;
    list-style-type: none; }
  .Overlay_content li {
    font-size: 0.8rem;
    padding-left: 2rem;
    margin-bottom: 0.5rem;
    position: relative; }
    .Overlay_content li:before {
      content: "";
      background-image: url("../images/check.svg");
      display: block;
      position: absolute;
      left: 0px;
      top: 0px;
      background-size: cover;
      width: 25px;
      height: 25px; }
  @media screen and (min-width: 29.09091em) {
    .Overlay_content h1 {
      font-size: 2rem; }
    .Overlay_content h2 {
      font-size: 1.5rem; }
    .Overlay_content p, .Overlay_content li {
      font-size: 1rem; } }

.Overlay_close {
  float: right;
  color: #fff;
  z-index: 9999;
  position: fixed;
  right: 0; }

/*# sourceMappingURL=styles.css.map */