html {
    overflow-x:hidden;
}
body {
  padding-top: 118.3px; 
overflow-x: hidden;}

p {
  font-family: "Open Sans", sans-serif;
  color: #264920; }

a {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #264920;
  font-weight: bold;
  text-decoration: underline; }
.pad20{
  padding-top: 20px;
  padding-bottom: 20px;
}
.container {
  width: 100%;
  margin: auto; }
  .container__1090 {
    max-width: 1090px; }
.custom-img{
  display: block;
  margin: auto;
  width: 300px;
}
.form-error-maximum{
  text-align: center;
  color: red;
}
.center{
  display: block;
  margin: auto;
}
.marg-b{
  margin-bottom: 30px;
}
.marg-t{
  margin-top: -30px;
}
.inscrie {
  max-width: 220px; }
  @media (max-width: 768px) {
    .ml-30{
      margin-left: 30%;
    }
    .inscrie {
      margin-top: 20px; } }

.mb-150 {
  margin-bottom: 150px; }

.img-hover-zoom {
  transition: transform .2s; }

.img-hover-zoom:hover {
  -ms-transform: scale(1.1);
  max-width: auto;
  filter: drop-shadow(2px 4px 6px black);
  cursor: pointer;
  /* IE 9 */
  -webkit-transform: scale(1.1);
  /* Safari 3-8 */
  transform: scale(1.0); }
.form .inner button:hover{
  filter: drop-shadow(2px 4px 6px black);
}
.top {
  text-align: center;
  padding: 20px 185px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  background: #fff;
  width: 100%; }
  .top .logo {
    float: left;
    max-width: 115px; }
  .top .gender {
    display: inline; }
    @media (max-width: 768px) {
      .top .gender {
        float: right; } 
        .top {
  text-align: center;
  padding: 20px 0px;
        }
    }
    .top .gender label {
      font-family: "Open Sans", sans-serif;
      font-weight: bold;
      color: #264920;
      font-size: 15px;
      cursor: pointer;
      padding-top: 15px;
      position: relative; }
      @media (max-width: 768px) {
        .top .gender label {
          font-size: 13px;
          padding-top: 5px; } }
      .top .gender label .bullet {
        width: 40px;
        height: 40px;
        background-color: #264920;
        border-radius: 50%;
        display: inline-block;
        vertical-align: middle;
        margin: 0 5px; }
        @media (max-width: 768px) {
          .top .gender label .bullet {
            width: 20px;
            height: 20px;
            margin: 0 2px; } }
    .top .gender .active .bullet:before {
      content: '';
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background: #DBCC96;
      position: absolute;
      margin-left: -15px;
      margin-top: 5px; }
      @media (max-width: 768px) {
        .top .gender .active .bullet:before {
          width: 10px;
          height: 10px;
          margin-left: -5px;
          margin-top: 5px; } }
  .top .regulament {
    float: right;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    color: #264920;
    padding-top: 24px; }
    @media (max-width: 768px) {
      .top .regulament {
        padding-top: 10px; } }

header {
  /* background: url("../img/header_perfecta.png") no-repeat top left; */
  background-size: cover;
  /* padding-bottom: 100px; */
  position: relative; }
  @media (max-width: 768px) {
    header {
      background-position-x: -600px; } }
  header .inner {
    width: 100%;
    max-width: 470px; }
    header .inner .headline {
      width: 100%; }
      header .inner .headline__dark {
        display: none; }
    header .inner img.cta {
      margin: auto;
      display: block;
      margin-top: -100px; }
  header.switch {
    background: url("../img/header-2.jpg") no-repeat top left;
    background-size: cover; }
    @media (max-width: 768px) {
      header.switch {
        background-position-x: -600px; } }
    header.switch .inner .headline {
      display: none; }
      header.switch .inner .headline__dark {
        display: inline-block; }
  header .flowers {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    max-width: 100%; }

.how-to {
  /* background: url("../img/bg-cream.png") no-repeat top center; */
  background-color: #cce6e9;
  background-size: cover;
  padding-top: 0px;
  padding-bottom: 45px; }
  .how-to .title {
    text-align: center;
    position: relative;
    margin-bottom: 50px; }
   
    .how-to .title__2 {
      display: none; }
      
  .how-to .inner {
    width: 100%;
    max-width: 900px!important;
    margin: auto; }
    .how-to .inner img {
      margin: auto;
      display: inherit; }
      .how-to .inner img.right {
        margin-top: -30px; }
        @media (max-width: 768px) {
          .how-to .inner img.right {
            margin-top: 0; } }
    .how-to .inner p {
      font-size: 20px;
      text-align: center;
      margin: 30px auto!important; }
      .how-to .inner p.left {
        max-width: 190px; }
      .how-to .inner p.right {
        margin-top: 60px; }
  .how-to a img {
    display: block;
    margin: 50px auto; }
  .how-to.switch {
    background: url("../img/bg-green.png") no-repeat top center;
    background-size: cover; }
    .how-to.switch .title {
      display: none; }
      .how-to.switch .title__2 {
        display: block; }
    .how-to.switch .inner p {
      color: #FAEDC0; }

.prizes {
  background-color: #FFFFFF;
  padding: 0px 0; }
  .prizes .container {
    /* background: url("../img/bg-premii.png") no-repeat top center; */
    background-size: cover; }
  .prizes .title {
    text-align: center;
    position: relative;
    margin-bottom: 50px; }
    .prizes .title:before {
      /* content: url("../img/premii-left.png"); */
      position: relative;
      z-index: 9;
      left: 0;
      top: 0; }
    .prizes .title:after {
      /* content: url("../img/premii-right.png"); */
      position: relative;
      z-index: 9;
      left: 0;
      top: 0; }
  .prizes p {
    color: #264920;
    font-size: 20px;
    display: block;
    text-align: center;
    margin-top: 30px; }
  .prizes .img-upper {
    margin-top: -23px; }
    @media (max-width: 768px) {
      .prizes .img-upper {
        margin-top: 20px; } }

.form {
  /* background: url("../img/bg-cream.png") no-repeat top center; */
  background-color: #cce6e9;
  background-size: cover;
  padding-top: 10px;
  padding-bottom: 20px; }
  .form .title {
    text-align: center;
    position: relative;
    margin-bottom: 50px; }

  .form .inner {
    width: 100%;
    max-width: 585px;
    margin: auto;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    color: #264920;
    font-weight: bold; }
    @media (max-width: 768px) {
      .title {
        padding-top: 3rem;
      }
      .form .inner {
        padding: 0 15px; } }
    .form .inner a {
      font-size: 14px;
      color: #264920;
      font-weight: bold;
      text-decoration: underline; }
    .form .inner p {
      padding-top: 10px; }
    .form .inner input[type=text] {
      background-color: #FFFFFF;
      border: none;
      border-radius: 30px;
      display: block;
      width: 100%;
      font-size: 16px;
      padding: 10px;
      margin-bottom: 30px;
      outline: none;
      height: 38px; }
      .form .inner input[type=text].error {
        border: solid 1px #9B014E; }
    .form .inner .selectWrapper {
      border-radius: 36px;
      display: inline-block;
      overflow: hidden;
      background-color: #DBCC96;
      width: 100%;
      height: 38px;
      margin-bottom: 30px;
      padding: 7px; }
      .form .inner .selectWrapper.error {
        border: solid 1px #9B014E; }
    .form .inner .selectBox {
      width: 100%;
      border: 0px;
      outline: none;
      background: none; }
    .form .inner label {
      margin-bottom: 20px; }
    .form .inner input[type=checkbox] {
      margin-right: 10px; }
    .form .inner button {
      background: none;
      border: none;
      margin-top: 20px;
      padding: 0; }
      .form .inner button img {
        max-width: 167px; }
    .form .inner input[type=checkbox].css-checkbox {
      position: absolute;
      z-index: -1000;
      left: -1000px;
      overflow: hidden;
      clip: rect(0 0 0 0);
      height: 1px;
      width: 1px;
      margin: -1px;
      padding: 0;
      border: 0; }
    .form .inner input[type=checkbox].css-checkbox + label.css-label {
      margin-top: 10px;
      padding-left: 30px;
      height: 20px;
      display: inline-block;
      line-height: 20px;
      background-repeat: no-repeat;
      background-position: 0 0;
      vertical-align: middle;
      cursor: pointer;
      margin-bottom: 40px; }
    .form .inner input[type=checkbox].css-checkbox:checked + label.css-label {
      background-position: 0 -20px; }
    .form .inner label.css-label {
      background-image: url("../img/checkbox.png");
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      .form .inner label.css-label.error {
        color: #9B014E; }
        .form .inner label.css-label.error a {
          color: #9B014E; }
    .form .inner button {
      outline: none; }
    @media (max-width: 768px) {
      .form .inner .text-right {
        text-align: left; } }
  .form .response p {
    display: none;
    margin-top: 30px; }
    .form .response p.form-error, .form .response p.form-error-exists, .form .response p.form-error-campain {
      color: #9B014E; }
  .form.switch {
    background: url("../img/bg-green.png") no-repeat top center;
    background-size: cover; }
    .form.switch .title {
      display: none; }
      .form.switch .title__2 {
        display: block; }
    .form.switch .inner p, .form.switch .inner label, .form.switch .inner a {
      color: #FAEDC0; }
    .form.switch .inner input[type=text], .form.switch .inner .selectWrapper {
      background-color: #264920; }
    .form.switch .inner label.css-label {
      background-image: url("../img/checkbox-2.png"); }
footer {
  background: #FFFFFF;
  padding: 40px;
  text-align: center;
  position: relative; }
  footer a, footer p {
    display: inline;
    margin: 0 25px; }
    footer a .logoCopyright, footer p .logoCopyright {
      vertical-align: text-top; }
    @media (max-width: 768px) {
      footer a, footer p {
        display: block;
        margin: 15px auto; } }
  footer .flowers {
    position: absolute;
    max-width: 100%;
    top: 0;
    margin-top: -120px;
    left: 50%;
    transform: translateX(-50%); }
    @media (max-width: 768px) {
      footer .flowers {
        margin-top: -30px; } }
  footer.switch {
    background: #264920; }
    footer.switch a, footer.switch p {
      color: #FAEDC0; }

/*# sourceMappingURL=main.css.map */
.form.switch .inner input[type=text], .form.switch .inner .selectWrapper {
    background-color: #264920;
    color: #FAEDC0;
}
.how-to .inner{
  overflow-x: hidden;
}
.how-to .inner p.left {
    max-width: 350px!important;
}
h3{
  line-height: 1.5;
}
h3 a{
  font-size: 24px !important;
  font-weight: 400 !important;
 }