@font-face {

    font-family: IBM Plex Sans;

    font-style: normal;

    font-weight: 300;

    src: url(/cf-fonts/s/ibm-plex-sans/5.0.18/vietnamese/300/normal.woff2);

    unicode-range: U+0102-0103,

        U+0110-0111,

        U+0128-0129,

        U+0168-0169,

        U+01A0-01A1,

        U+01AF-01B0,

        U+0300-0301,

        U+0303-0304,

        U+0308-0309,

        U+0323,

        U+0329,

        U+1EA0-1EF9,

        U+20AB;

    font-display: swap;

}



@font-face {

    font-family: IBM Plex Sans;

    font-style: normal;

    font-weight: 300;

    src: url(/cf-fonts/s/ibm-plex-sans/5.0.18/cyrillic/300/normal.woff2);

    unicode-range: U+0301,

        U+0400-045F,

        U+0490-0491,

        U+04B0-04B1,

        U+2116;

    font-display: swap;

}



@font-face {

    font-family: IBM Plex Sans;

    font-style: normal;

    font-weight: 300;

    src: url(/cf-fonts/s/ibm-plex-sans/5.0.18/latin/300/normal.woff2);

    unicode-range: U+0000-00FF,

        U+0131,

        U+0152-0153,

        U+02BB-02BC,

        U+02C6,

        U+02DA,

        U+02DC,

        U+0304,

        U+0308,

        U+0329,

        U+2000-206F,

        U+2074,

        U+20AC,

        U+2122,

        U+2191,

        U+2193,

        U+2212,

        U+2215,

        U+FEFF,

        U+FFFD;

    font-display: swap;

}



@font-face {

    font-family: IBM Plex Sans;

    font-style: normal;

    font-weight: 300;

    src: url(/cf-fonts/s/ibm-plex-sans/5.0.18/latin-ext/300/normal.woff2);

    unicode-range: U+0100-02AF,

        U+0304,

        U+0308,

        U+0329,

        U+1E00-1E9F,

        U+1EF2-1EFF,

        U+2020,

        U+20A0-20AB,

        U+20AD-20CF,

        U+2113,

        U+2C60-2C7F,

        U+A720-A7FF;

    font-display: swap;

}



@font-face {

    font-family: IBM Plex Sans;

    font-style: normal;

    font-weight: 300;

    src: url(/cf-fonts/s/ibm-plex-sans/5.0.18/greek/300/normal.woff2);

    unicode-range: U+0370-03FF;

    font-display: swap;

}



@font-face {

    font-family: IBM Plex Sans;

    font-style: normal;

    font-weight: 300;

    src: url(/cf-fonts/s/ibm-plex-sans/5.0.18/cyrillic-ext/300/normal.woff2);

    unicode-range: U+0460-052F,

        U+1C80-1C88,

        U+20B4,

        U+2DE0-2DFF,

        U+A640-A69F,

        U+FE2E-FE2F;

    font-display: swap;

}



@font-face {

    font-family: IBM Plex Serif;

    font-style: normal;

    font-weight: 300;

    src: url(/cf-fonts/s/ibm-plex-serif/5.0.11/vietnamese/300/normal.woff2);

    unicode-range: U+0102-0103,

        U+0110-0111,

        U+0128-0129,

        U+0168-0169,

        U+01A0-01A1,

        U+01AF-01B0,

        U+0300-0301,

        U+0303-0304,

        U+0308-0309,

        U+0323,

        U+0329,

        U+1EA0-1EF9,

        U+20AB;

    font-display: swap;

}



@font-face {

    font-family: IBM Plex Serif;

    font-style: normal;

    font-weight: 300;

    src: url(/cf-fonts/s/ibm-plex-serif/5.0.11/latin-ext/300/normal.woff2);

    unicode-range: U+0100-02AF,

        U+0304,

        U+0308,

        U+0329,

        U+1E00-1E9F,

        U+1EF2-1EFF,

        U+2020,

        U+20A0-20AB,

        U+20AD-20CF,

        U+2113,

        U+2C60-2C7F,

        U+A720-A7FF;

    font-display: swap;

}



@font-face {

    font-family: IBM Plex Serif;

    font-style: normal;

    font-weight: 300;

    src: url(/cf-fonts/s/ibm-plex-serif/5.0.11/cyrillic-ext/300/normal.woff2);

    unicode-range: U+0460-052F,

        U+1C80-1C88,

        U+20B4,

        U+2DE0-2DFF,

        U+A640-A69F,

        U+FE2E-FE2F;

    font-display: swap;

}



@font-face {

    font-family: IBM Plex Serif;

    font-style: normal;

    font-weight: 300;

    src: url(/cf-fonts/s/ibm-plex-serif/5.0.11/latin/300/normal.woff2);

    unicode-range: U+0000-00FF,

        U+0131,

        U+0152-0153,

        U+02BB-02BC,

        U+02C6,

        U+02DA,

        U+02DC,

        U+0304,

        U+0308,

        U+0329,

        U+2000-206F,

        U+2074,

        U+20AC,

        U+2122,

        U+2191,

        U+2193,

        U+2212,

        U+2215,

        U+FEFF,

        U+FFFD;

    font-display: swap;

}



@font-face {

    font-family: IBM Plex Serif;

    font-style: normal;

    font-weight: 300;

    src: url(/cf-fonts/s/ibm-plex-serif/5.0.11/cyrillic/300/normal.woff2);

    unicode-range: U+0301,

        U+0400-045F,

        U+0490-0491,

        U+04B0-04B1,

        U+2116;

    font-display: swap;

}



body {

      background-image: url(bg-principal.png);

      background-size: cover;

      background-repeat: no-repeat;

      background-position: top center;

      background-attachment: fixed;

  }



  body .main-container.decathlon {

      background: transparent;

      padding-bottom: 80px;

      width: 100%;

  }



  .main-container.decathlon {

      max-width: 100%;

      background: transparent;

  }



  .main-container.decathlon .plate {

      display: none;

  }



  @media all and (min-width: 900px) {

      .main-container.decathlon .plate {

          display: block;

      }



      .main-container.decathlon .plate img:nth-child(1) {

          width: 15%;

          position: fixed;

          top: 55%;

          left: 1%;

      }



      .main-container.decathlon .plate img:nth-child(2) {

          width: 15%;

          position: fixed;

          top: 55%;

          right: 1%;

      }

  }



  .decathlon .header-pic {

      margin: 0 auto -70px auto;

      width: 100%;

      height: auto;

      display: flex;

      justify-content: center;

      position: relative;

      z-index: 9;

      padding-top: 30px;

  }



  .decathlon .header-pic img {

      width: 100%;

      height: auto;

  }



  @media all and (min-width: 900px) {

      .decathlon .header-pic {

          width: 60%;

      }

  }



  #chk,

  #chk-second,

  #newsletter,

  #ch2 {

      margin-right: 4px;

      margin-bottom: 8px;

      width: 13px;

      height: 13px;

      float: left;

      margin-top: 3px;

      cursor: pointer;

  }



  .controller_decathlon {

        width: auto;

        max-width: 900px;

        padding: 95px 50px 20px;

        margin: 0 auto;

        background: #ffffff;

        background-image: url(bg-secundar.png);

        background-repeat: no-repeat;

        background-size: cover;

        position: relative;

        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

  }



  .controller_decathlon .form-title {

      font-size: 18px;

      font-weight: 700;

      text-align: center;

      color: #000000;

  }



  @media (max-width: 560px) {

      .controller_decathlon h1 {

          font-size: 20px !important;

          padding-left: 0 !important;

          padding-right: 0 !important;

      }



      .decathlon .header-pic {

          margin: 0 auto !important;

      }

  }



  .controller_decathlon h1 {

      font-size: 30px;

      margin-bottom: 0;

      text-align: center;

      line-height: 1.4em;

      padding-left: 20px;

      padding-right: 20px;

      text-align: center;

      color: #3643ba;

      font-weight: 700;

      position: relative;

      z-index: 5;

      padding-bottom: 20px;

  }



  .controller_decathlon p {

      font-size: 18px;

      text-align: center;

      margin-bottom: 16px;

      line-height: 1.4;

      color: #000000;

  }



  .form-title-image {

      font-weight: 700;

      text-align: center !important;

  }



  .controller_decathlon p span {

      font-weight: 700;

  }



  .image-field {

      width: 100%;

  }



  /* @media all and (min-width: 980px) {

      .controller_decathlon {

          width: 900px;

          padding: 95px 50px 20px;

      }

  } */



  .form-body {

      margin-top: 25px;

      position: relative;

      z-index: 5;

  }



  .form-body .title {

      color: #ffffff;

      font-size: 22px;

      font-weight: 400;

      text-align: center;

      background-color: #DA0F10;

      padding: 6px;

      line-height: 1.2;

  }



  .form-body form {

      max-width: 550px;

      margin: 0 auto;

      background-color: #ffffff;

  }



  .form-body form p {

      text-align: start;

  }



  .form-body .form-row {

      width: 100%;

  }



  .form-body .has-error .error {

      display: block;

  }



  .form-body .error {

      font-size: 14px;

      color: #DA0F10;

      line-height: 1.2;

      margin-top: -5px;

      display: none;

  }



  .form-body .block-50 {

      display: flex;

      flex-wrap: wrap;

      justify-content: space-between;

  }



  .field-box {

      padding-bottom: 10px;

  }



  @media all and (min-width: 560px) {

      .form-body .block-50 {

          flex-wrap: nowrap;

      }

  }



  .form-body .block-50 .wrapper {

      width: 100%;

  }



  @media all and (min-width: 560px) {

      .form-body .block-50 .wrapper {

          width: 49%;

      }

  }



  .form-body .field-box.question {

      margin-top: 8px;

  }



  .form-body .field-box.question span {

      font-size: 14px;

      font-weight: 400;

  }



  .form-body .field-box.question p {

      margin-bottom: 8px;

      font-size: 17px;

  }



  .form-body .options {

      margin-bottom: 10px;

  }



  .form-body .field-box.option {

      display: flex;

      align-items: center;

      justify-content: space-between;

      margin-bottom: 4px;

      background-color: #f7f7f7;

      padding-left: 10px;

      font-size: 17px;

  }



  .form-body .field-box.option input {

      width: 16px;

      height: 16px;

      cursor: pointer;

  }



  @media all and (min-width: 560px) {

      .form-body .field-box.option input {

          width: 12px;

          height: 12px;

      }

  }



  .form-body .field-box.option input[type="radio"] {

      accent-color: #DA0F10;

  }



  .form-body .field-box.option label {

      width: 100%;

      margin-bottom: 0;

      padding: 14px 10px;

      cursor: pointer;

  }



  @media all and (min-width: 560px) {

      .form-body .field-box.option label {

          padding: 8px 10px;

      }

  }



  .form-body .field-box.option:hover {

      background-color: #DA0F10;

      color: #ffffff;

      cursor: pointer;

  }



  .form-body textarea {

      margin: 10px 0 0;

  }



  .form-body .check-wrap {

      display: flex;

      align-items: unset;

      justify-content: space-between;

      margin-bottom: 6px;

  }



  .form-body .check-wrap input {

      width: 20px;

      height: 20px;

  }



  .form-body .check-wrap input:hover {

      cursor: pointer;

  }



  @media all and (min-width: 560px) {

      .form-body .check-wrap input {

          width: 14px;

          height: 14px;

      }

  }



  .form-body .check-wrap label {

      font-size: 14px;

      width: calc(100% - 40px);

      color: #222222;

  }



  @media all and (min-width: 560px) {

      .form-body .check-wrap label {

          width: calc(100% - 30px);

          margin-top: -3px;

      }

  }



  .form-body .check-wrap a {

      text-decoration: underline;

  }



  .form-body button,

  .form-body input[type="submit"] {

      background-color: #ffffff;

      border: 1px solid #DA0F10;

      color: #DA0F10;

      font-weight: 400;

      margin: 16px auto 0;

      display: block;

      width: fit-content;



  }



  .form-body button:hover,

  .form-body input[type="submit"]:hover {

      background-color: #DA0F10;

      color: #ffffff;

  }



  .form-body input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),

  .form-body textarea,

  .form-body select {

      border: 1px solid rgba(0, 0, 0, 0.45);

  }



  .form-body input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):focus,

  .form-body textarea:focus,

  .form-body select:focus {

      border: 1px solid #DA0F10;

  }



  .form-body ::-moz-placeholder {

      color: #222222;

  }



  .form-body ::placeholder {

      color: #222222;

  }



  .form-body .upload {

      margin-top: 8px;

      margin-bottom: 16px;

  }



  .form-body .upload p {

      margin-bottom: 10px;

      padding-right: 20%;

  }



  @media all and (min-width: 560px) {

      .form-body .upload p {

          padding-right: 0;

      }

  }



  #myForm h4 {

      font-weight: 600;

      font-size: 18px;

      color: #3643ba;

  }



  #chk1,

  #newsletter {

      margin-right: 5px;

      width: 13px;

      height: 13px;

      float: left;

      margin-top: 5px;

      cursor: pointer;

      display: block;

  }



  .header-wrapper {

      display: flex;

      flex-direction: row-reverse;

      flex-wrap: nowrap;

      justify-content: center;

      align-items: flex-start;

  }



  @media all and (max-width: 560px) {

      .header-wrapper {

          display: block;

      }



      .header-button {

          margin-bottom: 30px;

      }

  }







  #success-msg {

      /* display: none; */

      color: green;

      border: 1px solid green;

      padding: 15px 20px;

      margin: 25px 10px;

  }



  #warning-msg {

      display: none;

      color: red;

      border: 1px solid red;

      padding: 15px 20px;

      margin: 25px 10px;

  }



  .user-login,

  .cauta-mobile {

      float: right;

      width: 24px !important;

      height: 24px !important;

  }



  .popup-meniu {

      display: none;

      position: fixed;

      top: 35%;

      left: 50%;

      z-index: 4;

      width: 360px;

      margin-left: -180px;

  }



  header.animated {

      height: 90px;

  }



  .FWC {

      width: 225px;

  }



  .animated .user-login,

  .animated .cauta-mobile {

      margin: 38px 10px 0 15px !important;

  }



  .animated .hamburger {

      padding-top: 36px;

  }



  .bar {

      width: 24px;

  }



  @media (min-width: 700px) {

      footer .controller {

          padding: 15px;

      }

  }



  footer .linkuri-utile {

      list-style-type: none;

      font-size: 14px;

      color: #DA0F10;

      margin-bottom: 15px;

  }



  .parteneri a {

      text-indent: unset;

      background-image: unset;

      background-repeat: unset;

      background-size: unset;

      filter: unset;

      opacity: unset;

      height: unset;

      transition: unset;

  }



  footer .wrapper {

      background-color: #fff;

      padding: 15px;

  }



  footer .linkuri-utile li {

      padding: 5px 0;

      display: block;

  }



  @media only screen and (min-width: 1024px) {

      footer .linkuri-utile li {

          display: inline-block;

      }

  }



  @media only screen and (min-width: 1024px) {



      footer .linkuri-utile li a,

      footer #ot-sdk-btn.ot-sdk-show-settings {

          padding: 3px 10px 4px 10px;

          display: inline-block;

          cursor: pointer;

          font-size: 14px;

          line-height: 24px;

      }

  }



  @media (min-width: 1020px) {

      footer .controller {

          max-width: 1030px;

          background-color: #FFF;

      }

  }



  /* input:invalid {

            border: 1px solid #DA0F10;

        } */



  .eroarez {

      display: none;

      color: #DA0F10;

      font-size: 12px;

  }



  .legend {

      font-size: 12px;

      color: #DA0F10;

      padding-top: 20px;

  }



  /* input {

            -webkit-appearance: checkbox;

            appearance: auto;

        } */



  label {

      display: block;

      margin-bottom: .5rem;

  }



  .gdpr,

  .termeni {

      font-weight: 400;

      color: #DA0F10;

  }



  #success-message {

      text-align: center;

      font-size: 22px;

      color: green;

  }



  .animated .overlay-wrapper .overlay {

      display: none !important;

  }



  .logo a,

  .logo {

      width: 34px !important;

      height: 41px !important;

  }



  /* 1) Only style actual checkboxes, not all inputs */

  input[type="checkbox"] {

      -webkit-appearance: checkbox;

      appearance: checkbox;

  }



  /* Reset other inputs to normal */

  input[type="text"],

  input[type="email"],

  input[type="tel"],

  textarea,

  select {

      -webkit-appearance: none;

      appearance: none;

  }



  /* 2) Let JS control error state; kill native invalid border */

  input:invalid {

      border: 1px solid rgba(0, 0, 0, 0.45);

  }



  /* 3) Make text inputs look decent */

  input[type="text"],

  input[type="email"],

  input[type="tel"],

  textarea {

      width: 100%;

      box-sizing: border-box;

      padding: 10px 12px;

      border: 1px solid rgba(0, 0, 0, 0.45);

      border-radius: 4px;

      font: inherit;

      line-height: 1.4;

  }



  /* Red border when JS marks an error */

  .has-error {

      border: 2px solid #DA0F10 !important;

  }



  /* 5) Two-column layout */

  .field-box.block-50 {

      display: flex;

      gap: 2%;

  }



  .field-box.block-50 .wrapper {

      width: 49%;

  }



  @media (max-width:560px) {

      .field-box.block-50 {

          flex-direction: column;

      }



      .field-box.block-50 .wrapper {

          width: 100%;

      }

  }



  /* 6) Submit button style */

  .send {

      display: block;

      margin: 28px auto 0;

      padding: 14px 28px;

      border: 2px solid #DA0F10;

      background: #fff;

      color: #DA0F10;

      text-transform: uppercase;

      letter-spacing: .5px;

      cursor: pointer;

  }

input[type="text"],

input[type="email"],

input[type="tel"],

textarea {

    border-radius: 0px !important;

}

  .send:hover {

      background: #DA0F10;

      color: #fff;

  }



footer {

    margin: 0 auto !important;

    display: table;

}



.success {

    display: block;

    margin: 25px auto;

    padding: 15px 20px;

    border: 1px solid green;

    color: green;

    text-align: center;

    font-size: 18px;

    background: #f6fff6;

}



.email-error {

    text-align:center;

}



.popup-meniu.active {

    display: block;

    z-index: 99999;

}



.popup-meniu.active {

    display: block;

    z-index: 99999;

}



.popup-meniu {

    display: none;

    position: fixed;

    top: 35%;

    left: 50%;

    z-index: 4;

    width: 360px;

    margin-left: -180px;

}



.social-logo {

    padding: 15px 0;

}

.card-cadou h2 {
      display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    font-weight: 600;
    color: #3643ba;  
}
.card-cadou .giftcard-img-logo {
    width: 200px;
    height: auto;
}
.card-cadou .giftcard-img {
   max-width: 400px;
    display: block;
    margin: 0 auto; 
}

footer .linkuri-utile a, footer .linkuri-utile #ot-sdk-btn.ot-sdk-show-settings {
    color: #DA0F10;
    font-size: 14px;
    border-color: #fff;
    background-color: #fff; /* am adaugat */
}