    .dp-leads-form a { text-decoration:none; }
    .dp-leads-form a img { border: none; }
    .dp-leads-form * { outline:none; vertical-align: baseline; }
    .dp-leads-form *:focus { outline:none  }
    .dp-leads-form img { border:0; display: block; }
    .dp-leads-form ul, 
    .dp-leads-form li { list-style: none; }
    .dp-leads-form * { box-sizing: border-box; }
    .dp-leads-form sup { font-size: 0.75em; position: relative; vertical-align: baseline; line-height: 0; top:-0.3em; }
    .dp-leads-form fieldset { border:0; }

    .dp-leads-form { width: 100%; background: #F9F9F9; overflow: hidden; color: #000; font-family: 'NespressoLucas-Regular', 'Trebuchet MS',Helvetica,arial,sans-serif; }

    .dp-leads-form-container { width:100%; max-width: 1016px; margin: 0 auto; position: relative; top: 0; }

    .dp-leads-form-header { position: relative; left:0; top:0; height: 256px; text-align: center;  }
    .dp-leads-form-header:before { content:""; width:100vw; height:100%; position: absolute; background: #000; left:50%; top:0; -webkit-transform:translateX(-50%); transform:translateX(-50%); }
    .dp-leads-form-header img { display: block; margin: 0 auto; position: absolute; left:50%; top:0; -webkit-transform:translateX(-50%); transform:translateX(-50%);  }

    .dp-leads-form-header-content { display: inline-block; border-left: solid 1px #fff; border-right: solid 1px #fff; position: absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);  }

    .dp-leads-form-header-content-top { position:absolute; top:-1px; left:0; width: 100%; height: 1px; }
    .dp-leads-form-header-content-top:after { content:""; position:absolute; top:0; left:0; width: 43%; height: 1px; background: #fff; display: block; }
    .dp-leads-form-header-content-top:before { content:""; position:absolute; top:0; right:0; width: 46%; height: 1px; background: #fff; display: block; }

    .dp-leads-form-header-content-bottom { position:absolute; bottom:-1px; left:0; width: 100%; height: 1px; }
    .dp-leads-form-header-content-bottom:after { content:""; position:absolute; top:0; right:0; width: 43%; height: 1px; background: #fff; display: block; }
    .dp-leads-form-header-content-bottom:before { content:""; position:absolute; top:0; left:0; width: 46%; height: 1px; background: #fff; display: block; }

    .dp-leads-form-header-content-inside { padding: 27px 54px; background: rgba(0,0,0,0.5); }
    .dp-leads-form-header-content-inside:before { content:""; position:absolute; top:-3px; left:calc(43% - 3px); width: 6px; height: 6px; background: #fff; border-radius: 50%; display: block; }
    .dp-leads-form-header-content-inside:after { content:""; position:absolute; bottom:-3px; right:calc(43% - 3px); width: 6px; height: 6px; background: #fff; border-radius: 50%; display: block; }

    .dp-leads-form-header-content-title { font-family: 'NespressoLucas-SemiBd'; font-size: 34px; letter-spacing: 0.04em; line-height: 37px; color: #fff; text-align: center; text-transform: uppercase; white-space: nowrap; }
    .dp-leads-form-header-content-subtitle { font-family: 'NespressoLucas-Med'; font-size: 22px; letter-spacing: 0.04em; line-height: 26px; color: #d0a94c; text-align: center; white-space: nowrap; }

    .dp-leads-form-title { text-align: center; font-size: 24px; font-weight: normal; letter-spacing: 2px; line-height: 32px; text-transform: uppercase; padding: 50px 20px 60px 20px; margin: 0; }
    .dp-leads-form-text { font-family: 'NespressoLucas-Light'; font-size: 15px; letter-spacing: 2px; line-height: 22px; color: #333; text-align: left; padding: 20px 10px 50px 10px; margin: 0 auto; }

    .dp-leads-form-lead { position: relative; left:0; top:0; }

    .dp-leads-form-inside:before,
    .dp-leads-form-inside:after { display: table; content: ""; }
    .dp-leads-form-inside:after { clear: both; }

    .dp-leads-form-legal { color: #919191; line-height: 14px; font-size: 11px; padding-top: 10px; display: block; width: 95%; }

    .dp-leads-selector:before,
    .dp-leads-selector:after { display: table; content: ""; }
    .dp-leads-selector:after { clear: both; }
    .dp-leads-selector { position: relative; top:0; left:0; z-index: 20; }

    .dp-leads-form-overlay { position: absolute; left:0; right:0; top:0; bottom:0; background: #F9F9F9; opacity: 0.8; display: block; z-index: 10; }

    .dp-leads-mobile { display: none !important; }

    .dp-leads-form-result { text-align:center; padding-bottom: 70px; width: 92%; margin: 0 auto; }
    .dp-leads-form-result-text { text-align:center; font-family: 'NespressoLucas-Light'; font-size: 15px; letter-spacing: 2px; line-height: 22px; color: #333; padding-bottom: 35px; }



    @media only screen and (max-width: 767px) {

      .dp-leads-form-title { font-size: 18px; letter-spacing: 1px; line-height: 26px; padding: 40px 15px 30px 15px; }
      .dp-leads-form-title br { display: none; }
      .dp-leads-form-text { padding-left: 20px; padding-right: 20px; padding-top: 10px; }

      .dp-leads-form-header { width: 100%; }

    }

    @media only screen and (max-width: 640px) {

      .dp-leads-form-result-text br.dp-is-desktop { display: none; }

    }

    @media only screen and (max-width: 480px) {

      .dp-leads-form-header-content-inside { padding: 20px 24px; }
      .dp-leads-form-header-content-title { font-size: 28px; line-height: 33px;  }
      .dp-leads-form-header-content-subtitle { font-size: 22px; line-height: 26px; }

    }


    .dp-leads-form-action { padding-bottom: 30px; }
    .dp-leads-form-btn { cursor:pointer;
      float: right;
      clear: both;
      margin-top: 10px;
    }

    .btn:hover { background-color: #8F7247; color: #FFFFFF; box-shadow: 0 3px 3px 0 rgba(0,0,0,0.30); }
    .btn:disabled { background-color: #F3F3F3 color: #6E6E6E box-shadow: none; }

    .message {
      position: relative;
      padding: 20px 0 20px 40px;
      margin: -10px 0 20px;
      font-size: 16px;
      font-weight: bold;
      letter-spacing: 1px;
      border-bottom: 1px solid #cccccc; 
    }
    @media only screen and (max-width: 995px) {
      .message {
        margin-top: 0; 
      } 
    }
    .message + .row {
      margin-top: 20px; 
    }
    .message i {
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translateY(-50%);
      -khtml-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      margin-right: 8px;
      width: 26px;
      height: 26px;
      line-height: 26px;
      color: white;
      font-size: 14px;
      font-style: normal;
      text-align: center;
      letter-spacing: 0;
      -webkit-border-radius: 100%;
      -khtml-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      border-radius: 100%; 
    }
    .message__saved {
      color: #3D8705; 
    }
    .message__saved i {
      background: #3D8705; 
    }
    .message__error {
      color: #dd3232; 
    }
    .message__error i {
      background: #dd3232; 
    }
    .message__warning {
      color: #d98600; 
    }
    .message__warning i {
      background: #d98600; 
    }

    .page-rtl .message {
      padding: 20px 40px 20px 0; 
    }
    .page-rtl .message i {
      left: auto;
      right: 0; 
    }







    /* generic buttons */
    .btn {
      display: inline-block;
      text-decoration: none;
      text-transform: uppercase;
      padding: 0 20px;
      line-height: 40px;
      font-size: 12px;
      font-weight: bold;
      letter-spacing: 0.2em;
      height: 40px;
      min-width: 200px;
      color: white;
      text-align: center;
      background: #8F7247;
      border: 1px solid #8F7247;
      -webkit-border-radius: 3px;
      -khtml-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px 0;
      -khtml-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px 0;
      -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px 0;
      -ms-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px 0;
      -o-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px 0;
      box-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px 0;
      -webkit-transition: all 0.4s ease-in-out;
      -khtml-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      -ms-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
      white-space: nowrap;
      text-overflow: ellipsis;
      /* colors */
      /* primary button : filled */
      /* with icon */
      /* full size */
      /* nav button */ 
    }
    .btn i:before {
      letter-spacing: 0; 
    }
    .btn .btn-add-qty {
      position: absolute;
      top: 0;
      left: 0;
      height: 38px;
      width: 34px;
      line-height: 42px;
      text-align: center;
      font-style: normal;
      font-size: 10px;
      letter-spacing: 0;
      color: #986F38;
      -webkit-transition: all 0.4s ease-in-out;
      -khtml-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      -ms-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out; 
    }
    .btn + .btn {
      margin-left: 10px; 
    }
    .btn.btn-green {
      border-color: #3D8705;
      background-color: #3D8705; 
    }
    .btn.btn-green .btn-add-qty {
      color: #3D8705; 
    }
    .btn.btn-green:active {
      color: white;
      border-color: #326e04;
      background-color: #326e04; 
    }
    .btn.btn-primary {
      background-color: white;
      color: #000000;
      border-color: #000000;
      -webkit-box-shadow: transparent 0 0 0 0;
      -khtml-box-shadow: transparent 0 0 0 0;
      -moz-box-shadow: transparent 0 0 0 0;
      -ms-box-shadow: transparent 0 0 0 0;
      -o-box-shadow: transparent 0 0 0 0;
      box-shadow: transparent 0 0 0 0; 
    }
    .btn.btn-primary.btn-white {
      color: #ffffff;
      border-color: #ffffff;
      background: none; 
    }
    .btn.btn-primary.btn-white.btn-disabled {
      color: #868686;
      border-color: #1f1f1f;
      background-color: #1f1f1f; 
    }
    .btn.btn-disabled {
      cursor: default;
      color: #777777;
      border-color: transparent;
      background-color: #f3f3f3;
      -webkit-box-shadow: transparent 0 0 0 0;
      -khtml-box-shadow: transparent 0 0 0 0;
      -moz-box-shadow: transparent 0 0 0 0;
      -ms-box-shadow: transparent 0 0 0 0;
      -o-box-shadow: transparent 0 0 0 0;
      box-shadow: transparent 0 0 0 0; 
    }
    .btn.btn-disabled .btn-add-qty {
      color: white; 
    }
    .btn.btn-disabled i {
      filter: alpha(opacity=40);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
      -webkit-opacity: 0.4;
      -khtml-opacity: 0.4;
      -moz-opacity: 0.4;
      -ms-opacity: 0.4;
      -o-opacity: 0.4;
      opacity: 0.4; 
    }
    .btn.btn-icon, .btn.btn-icon-right {
      position: relative; 
    }
    .btn.btn-icon i, .btn.btn-icon-right i {
      position: absolute;
      top: 0;
      left: 0;
      height: 38px;
      width: 38px;
      line-height: 38px;
      font-size: 28px;
      text-align: center;
      font-style: normal;
      /* font icon */ 
    }
    .btn.btn-icon i.fa, .btn.btn-icon-right i.fa {
      font-size: 17px; 
    }
    .btn.btn-icon i.icon-arrow_right, .btn.btn-icon i.icon-arrow_left, .btn.btn-icon i.icon-plus, .btn.btn-icon-right i.icon-arrow_right, .btn.btn-icon-right i.icon-arrow_left, .btn.btn-icon-right i.icon-plus {
      font-size: 12px;
      line-height: 38px; 
    }
    .btn.btn-icon i.icon-plus, .btn.btn-icon-right i.icon-plus {
      font-size: 16px; 
    }
    .btn.btn-icon {
      padding: 0 20px 0 40px; 
    }
    .btn.btn-icon-right {
      padding: 0 40px 0 20px; 
    }
    .btn.btn-icon-right i:last-child {
      left: auto;
      right: 0; 
    }
    .btn.btn-icon.btn-icon-right {
      padding: 0 40px; 
    }
    .btn.btn-block {
      width: 100%;
      min-width: 0;
      display: block;
      text-align: center; 
    }
    .btn.btn-small {
      padding: 0;
      height: 40px;
      min-width: 40px;
      font-size: 16px; 
    }
    .btn.btn-small[data-cart] .btn-add-qty {
      top: 0;
      left: 0;
      color: transparent;
      display: block;
      padding: 0;
      height: 38px;
      min-width: 38px;
      font-size: 14px;
      letter-spacing: 0;
      line-height: 38px;
      background: transparent;
      -webkit-border-radius: 3px;
      -khtml-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px; 
    }
    .btn.btn-small[data-cart] .btn-add-qty.active {
      color: white;
      background: #3D8705; 
    }
    @media screen and (max-width: 767px) {
      .btn.btn-small[data-cart] .btn-add-qty {
        top: 1px;
        left: 1px; 
      } 
    }
    .btn.btn-large {
      height: 50px;
      min-width: 270px;
      padding: 0 50px;
      line-height: 50px;
      font-size: 14px; 
    }
    .btn.btn-large .btn-add-qty {
      height: 50px;
      width: 46px;
      line-height: 52px;
      font-size: 12px; 
    }
    .btn.btn-large.btn-icon i, .btn.btn-large.btn-icon-right i {
      height: 50px;
      width: 50px;
      font-size: 36px;
      line-height: 46px; 
    }
    .btn.btn-large.btn-icon i.icon-arrow_right, .btn.btn-large.btn-icon i.icon-arrow_left, .btn.btn-large.btn-icon i.icon-plus, .btn.btn-large.btn-icon-right i.icon-arrow_right, .btn.btn-large.btn-icon-right i.icon-arrow_left, .btn.btn-large.btn-icon-right i.icon-plus {
      line-height: 50px;
      font-size: 14px; 
    }
    .btn.btn-large.btn-icon i.icon-plus, .btn.btn-large.btn-icon-right i.icon-plus {
      font-size: 16px; 
    }
    .btn.btn-large.btn-icon {
      padding: 0 20px 0 50px; 
    }
    .btn.btn-large.btn-icon-right {
      padding: 0 50px 0 20px; 
    }
    .btn.btn-large.btn-icon.btn-icon-right {
      padding: 0 50px; 
    }
    .btn.btn-noWidth {
      min-width: 0; 
    }
    .btn.btn-nav {
      color: white;
      border-color: white;
      background: transparent;
      padding-right: 10px; 
    }
    .btn.btn-nav .btn-add-qty {
      opacity: 0; 
    }
    .btn.btn-nav .basket-full {
      display: none; 
    }
    .btn.btn-nav.btn-basket--active {
      border-color: #3D8705;
      background-color: #3D8705; 
    }
    .btn.btn-nav.btn-basket--active .basket-empty {
      display: none; 
    }
    .btn.btn-nav.btn-basket--active .basket-full {
      display: block; 
    }
    @media screen and (max-width: 996px) {
      .btn.btn-nav.btn-basket--active .basket-full {
        display: none; 
      } 
    }
    .btn.btn-nav.btn-basket--active .icon-basket:before {
      content: "\e9a8"; 
    }
    .btn.btn-nav.btn-basket--active .btn-add-qty {
      opacity: 1;
      color: #3D8705; 
    }
    @media screen and (max-width: 996px) {
      .btn.btn-nav {
        border: 0;
        padding: 0;
        min-width: 0;
        width: 50px;
        height: 50px;
        text-align: center;
        border-radius: 0;
        -webkit-box-shadow: transparent 0 0 0 0;
        -khtml-box-shadow: transparent 0 0 0 0;
        -moz-box-shadow: transparent 0 0 0 0;
        -ms-box-shadow: transparent 0 0 0 0;
        -o-box-shadow: transparent 0 0 0 0;
        box-shadow: transparent 0 0 0 0; 
      }
      .btn.btn-nav i {
        width: 50px;
        line-height: 46px;
        font-size: 34px; 
      }
      .btn.btn-nav i.icon-user {
        font-size: 30px;
        line-height: 52px; 
      }
      .btn.btn-nav .btn-add-qty {
        width: 46px;
        line-height: 54px; 
      }
      .btn.btn-nav .hide-md {
        display: none; 
      } 
    }





    .error-msg {
      position: relative;
      display: block;
      text-decoration: none;
      letter-spacing: 1.5px;
      font-size: 12px;
      line-height: 15px;
      font-weight: normal;
      color: #dd3232;
      -webkit-transition: all 0.2s ease-in-out;
      -khtml-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; 
    }



    /* dropdown button */
    .dropdown {
      display: inline-block;
      vertical-align: middle;
      position: relative;
      max-width: 100%;
      cursor: pointer;
      border: 1px solid #d4d4d4;
      width: 100%;
      height: 40px;
      padding: 0;
      margin-bottom: 20px;
      border-radius: 3px;
      background: white; 
    }
    .dropdown select {
      -webkit-appearance: none;
      -moz-appearance: none;
      -o-appearance: none;
      appearance: none;
    }

    @media screen and (max-width: 767px) {
      .dropdown {
        margin-bottom: 10px; 
      } 
    }
    .dropdown.focus {
      border-color: black; 
    }
    .dropdown .btn.btn-primary {
      height: 38px;
      width: 100%;
      pointer-events: none;
      text-align: left;
      cursor: pointer;
      color: #000000;
      background: none;
      border: none;
      border-radius: 0;
      font-weight: normal;
      text-transform: none;
      letter-spacing: 0.08em;
      padding: 9px 40px 8px 10px;
      font-size: 13px;
      line-height: 21px;
      min-width: 0;
      -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
      -khtml-box-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
      -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
      -ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
      -o-box-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
      box-shadow: 0 0 0 rgba(0, 0, 0, 0.4); 
    }
    .dropdown .btn.btn-primary i {
      left: auto;
      right: 0;
      line-height: 38px; 
    }
    .dropdown .btn.btn-primary .current {
      width: 100%;
      display: block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; 
    }
    @media screen and (max-width: 767px) {
      .dropdown .btn.btn-primary .mobile-label {
        top: 6px;
        left: 10px;
        font-size: 10px;
        color: #986F38;
        line-height: 10px;
        letter-spacing: normal; 
      }
      .dropdown .btn.btn-primary .current {
        width: 100%;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-top: 7px; 
      }
      .dropdown.dropdown--language .btn.btn-primary .mobile-label, .dropdown.dropdown--init .btn.btn-primary .mobile-label {
        display: block;
        background: white;
        left: 10px;
        top: 9px;
        letter-spacing: 0;
        right: 30px;
        line-height: 21px;
        font-size: 13px;
        color: #777777; 
      }
      .dropdown.dropdown--language .btn.btn-primary .current, .dropdown.dropdown--init .btn.btn-primary .current {
        padding-top: 0; 
      } 
    }
    .dropdown select {
      display: block;
      position: relative;
      z-index: 10;
      width: 100%;
      height: 38px;
      margin-top: -38px;
      border: 0;
      background: none;
      color: transparent;
      cursor: pointer; 
    }
    .dropdown select option {
      color: #000000;
      background: white; 
    }

    .form-control {
      position: relative;
      padding: 10px 10px 9px;
      margin-bottom: 20px;
      color: #000000;
      font-weight: normal;
      letter-spacing: 0.08em;
      font-size: 13px;
      line-height: 21px;
      border: 1px solid #d4d4d4;
      background: white;
      vertical-align: top;
      border-radius: 3px;
      -webkit-transition: all 0.4s;
      -khtml-transition: all 0.4s;
      -moz-transition: all 0.4s;
      -ms-transition: all 0.4s;
      -o-transition: all 0.4s;
      transition: all 0.4s; 
    }

    input[type="email"].form-control,
    input[type="text"].form-control {
      font-size: 13px;
    }

    .form-control:focus, .form-control.focus { border-color: black; }

    .dp-input-group textarea { width: 100%; }
    .dp-input-group.dp-input-group-generic textarea.form-control { margin-top: 0; }


    @media screen and (max-width: 996px) {

      .dp-input-group.dp-input-group-generic textarea.form-control { margin-top: 0; }
    }

    @media screen and (max-width: 767px) {

      .dp-input-group.dp-input-group-generic textarea.form-control { padding-top: 29px; }
    }

    .dp-input-group {
      position: relative;
      margin-right: 0;
      border-collapse: separate;
      vertical-align: top; 
    }
    .dp-input-group .mobile-label {
      display: none;
      position: absolute;
      z-index: 1;
      top: 12px;
      left: 20px;
      color: #777777;
      font-size: 13px;
      user-select: none;
      -moz-user-select: none;
      -webkit-user-select: none;
      -ms-user-select: none; 
    }
    .dp-input-group .mobile-label.textarea-label {
      top: 0; 
    }
    @media screen and (max-width: 767px) {
      .dp-input-group .mobile-label {
        display: block; 
      } 

    }
    .dp-input-group .form-control {
      position: relative;
      z-index: 1;
      margin-bottom: 0;
      width: 100%;
      height: 40px; 
    }
    @media screen and (max-width: 767px) {
      .dp-input-group .form-control::-webkit-input-placeholder {
        color: transparent; 
      }
      .dp-input-group .form-control:-moz-placeholder {
        color: transparent; 
      }
      .dp-input-group .form-control::-moz-placeholder {
        color: transparent; 
      }
      .dp-input-group .form-control:-ms-input-placeholder {
        color: transparent; 
      } 
    }
    .dp-input-group .form-control--white {
      display: inline-block; 
    }
    .dp-input-group .form-control--white:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: -1;
      background-color: white; 
    }
    .dp-input-group textarea.form-control {
      height: 200px; 
    }
    .dp-input-group textarea.form-control::-webkit-input-placeholder {
      color: #777777; 
    }
    .dp-input-group textarea.form-control:-moz-placeholder {
      color: #777777; 
    }
    .dp-input-group textarea.form-control::-moz-placeholder {
      color: #777777; 
    }
    .dp-input-group textarea.form-control:-ms-input-placeholder {
      color: #777777; 
    }
    .dp-input-group.dp-input-group-with-label label {
      font-weight: bold;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      padding: 12px 5px 0 0; 
    }
    .dp-input-group.dp-input-group-with-label label.required:after {
      content: " *";
      color: #986F38; 
    }
    @media screen and (max-width: 767px) {
      .dp-input-group.dp-input-group-with-label label {
        display: none; 
      } 
    }
    @media screen and (max-width: 767px) {
      .dp-input-group.is-focused .mobile-label, .dp-input-group.is-dirty .mobile-label {
        top: 6px;
        left: 21px;
        font-size: 10px;
        color: #986F38;
        line-height: 10px; 
      } 
    }
    .dp-input-group .mobile-label {
      -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
      -khtml-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
      -moz-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
      -ms-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
      -o-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
      transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); 
    }
    .dp-input-group.dp-input-group-with-btn {
      border: 1px solid #d4d4d4;
      overflow: hidden;
      padding: 0;
      margin: 0;
      display: table; 
    }
    .dp-input-group.dp-input-group-with-btn .mobile-label {
      left: 10px; 
    }
    .dp-input-group.dp-input-group-with-btn label {
      height: inherit;
      display: table-cell;
      vertical-align: top;
      padding-bottom: 0;
      -webkit-border-radius: 0;
      -khtml-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0; 
    }
    .dp-input-group.dp-input-group-with-btn input.form-control {
      border: none;
      min-width: 0;
      width: 100%; 
    }
    .dp-input-group.dp-input-group-with-btn .dp-input-group-btn {
      display: table-cell;
      background: #d4d4d4;
      height: 100%; 
    }
    .dp-input-group.dp-input-group-with-btn .dp-input-group-btn .btn {
      background: transparent;
      -webkit-border-radius: 0;
      -khtml-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0;
      margin: 0;
      color: white;
      font-size: 12px;
      line-height: 12px;
      text-transform: uppercase;
      padding: 12px;
      border: none;
      -webkit-transition: all 0.4s;
      -khtml-transition: all 0.4s;
      -moz-transition: all 0.4s;
      -ms-transition: all 0.4s;
      -o-transition: all 0.4s;
      transition: all 0.4s; 
    }
    @media screen and (max-width: 767px) {
      .dp-input-group.dp-input-group-with-btn .dp-input-group-btn .btn {
        display: block; 
      } 
    }
    @media screen and (max-width: 767px) {
      .dp-input-group.dp-input-group-with-btn.is-dirty .form-control, .dp-input-group.dp-input-group-with-btn.is-focused .form-control {
        padding: 16px 10px 6px; 
      } 
    }
    .dp-input-group.dp-input-group-generic label {
      letter-spacing: 0.08em;
      font-size: 14px;
      line-height: 1.5em;
      color: #000000; 
    }
    .dp-input-group.dp-input-group-generic::before {
      content: " ";
      display: table; 
    }
    .dp-input-group.dp-input-group-generic::after {
      content: " ";
      display: table;
      clear: both; 
    }
    .dp-input-group.dp-input-group-generic .form-control {
      margin-bottom: 20px; 
    }
    @media screen and (max-width: 767px) {
      .dp-input-group.dp-input-group-generic .form-control {
        padding-top: 12px;
        padding-bottom: 11px;
        margin-bottom: 10px; 
      } 

      .dp-input-group.dp-input-group-generic label {
        font-size: 12px;
        line-height: auto
      }
    }
    
    .dp-input-group.dp-input-group-generic .form-control--withPlaceholder::-moz-placeholder {
      color: #777777;
      opacity: 1; 
    }
    .dp-input-group.dp-input-group-generic .form-control--withPlaceholder:-ms-input-placeholder {
      color: #777777; 
    }
    .dp-input-group.dp-input-group-generic .form-control--withPlaceholder::-webkit-input-placeholder {
      color: #777777; 
    }
    @media screen and (max-width: 767px) {
      .dp-input-group.dp-input-group-generic .form-control--withPlaceholder::-moz-placeholder {
        color: transparent;
        opacity: 1; 
      }
      .dp-input-group.dp-input-group-generic .form-control--withPlaceholder:-ms-input-placeholder {
        color: transparent; 
      }
      .dp-input-group.dp-input-group-generic .form-control--withPlaceholder::-webkit-input-placeholder {
        color: transparent; 
      } 
    }
    @media screen and (max-width: 767px) {
      .dp-input-group.dp-input-group-generic.is-focused .form-control, .dp-input-group.dp-input-group-generic.is-dirty .form-control {
        padding-top: 20px;
        padding-bottom: 7px; 
      }
      .dp-input-group.dp-input-group-generic.is-focused .form-control--withPlacehorlder::-moz-placeholder, .dp-input-group.dp-input-group-generic.is-dirty .form-control--withPlacehorlder::-moz-placeholder {
        color: #656565;
        opacity: 1; 
      }
      .dp-input-group.dp-input-group-generic.is-focused .form-control--withPlacehorlder:-ms-input-placeholder, .dp-input-group.dp-input-group-generic.is-dirty .form-control--withPlacehorlder:-ms-input-placeholder {
        color: #656565; 
      }
      .dp-input-group.dp-input-group-generic.is-focused .form-control--withPlacehorlder::-webkit-input-placeholder, .dp-input-group.dp-input-group-generic.is-dirty .form-control--withPlacehorlder::-webkit-input-placeholder {
        color: #656565; 
      } 
    }
    .dp-input-group.dp-input-group-generic input::-webkit-input-placeholder {
      color: transparent; 
    }
    .dp-input-group.dp-input-group-generic input:-moz-placeholder {
      color: transparent; 
    }
    .dp-input-group.dp-input-group-generic input::-moz-placeholder {
      color: transparent; 
    }
    .dp-input-group.dp-input-group-generic input:-ms-input-placeholder {
      color: transparent; 
    }
    .dp-input-group.dp-input-group-generic .desktop-label {
      padding-top: 11px;
      padding-bottom: 6px;
      padding-left: 0;
      margin-bottom: 0;
      line-height: 21px; 
      font-weight: normal;
    }
    .dp-input-group.dp-input-group-generic .desktop-label-multiline {
      padding-top: 11px;
      line-height: 14px; 
    }
    .dp-input-group.dp-input-group-generic .section-label {
      letter-spacing: 0.08em;
      font-size: 15px;
      line-height: 2em;
      color: #000000;
      border-bottom: solid 1px #000;
      font-weight: normal;
      margin-bottom: 20px;
      margin-right: 10px;
      text-transform: uppercase; 
      font-family: 'NespressoLucas-SemiBd';
    }



    @media screen and (max-width: 767px) {

      .dp-input-group.dp-input-group-generic .section-label {
        margin-left: 10px;
      }

      .dp-input-group.dp-input-group-generic .desktop-label {
        display: none; 
      } 
    }
    .dp-input-group.dp-input-group-generic .desktop-label.desktop-label-multiline {
      padding-top: 3px; 
    }
    .dp-input-group.dp-input-group-generic .radio-group {
      margin-top: 10px;
      margin-bottom: 20px; 
    }

    @media screen and (max-width: 767px) {
      .dp-input-group.dp-input-group-generic .radio-group {
        float: left; 
      } 

    }

    .dp-input-group.dp-input-group-generic .radio-group .radio {
      float: left;
      margin-right: 30px; 
    }
    .dp-input-group.dp-input-group-generic.with-picto div > i {
      position: absolute;
      right: 20px;
      top: 11px;
      z-index: 20;
      font-size: 20px;
      cursor: pointer; 
    }
    .dp-input-group.dp-input-group-generic.with-picto input.form-control {
      padding-right: 40px; 
    }
    .dp-input-group.dp-input-group-generic .form-description {
      float: left;
      margin-top: -16px;
      font-size: 12px;
      color: #757575;
      letter-spacing: 0.5px;
      line-height: 18px; 
    }
    @media screen and (max-width: 767px) {
      .dp-input-group.dp-input-group-generic .form-description {
        margin-top: -6px; 
      } 

    }
    .dp-input-group.dp-input-group-generic.input-error .form-control {
      border-color: #dd3232;
      color: #dd3232; 
    }

    .form hr {
      padding: 10px 0 0;
      margin: 0 0 30px;
      border: none;
      border-bottom: 1px solid #cccccc; 
    }
    @media screen and (max-width: 767px) {
      .form hr {
        margin: 10px 0 20px;
        border: none; 
      } 
    }

    .form-group.margin-top, .dp-input-group.margin-top {
      margin-top: 20px; 
    }
    .form-group.margin-bottom, .dp-input-group.margin-bottom {
      margin-bottom: 20px; 
    }
    .form-group .form-control, .dp-input-group .form-control {
      margin-bottom: 0; 
    }

    .form .btn + hr {
      margin: 20px 0; 
    }

    @media screen and (max-width: 767px) {
      .form-group .select, .form-group .select__element {
        line-height: 55px;
        height: 55px; 
      } 
    }
    .form-group label {
      text-transform: uppercase;
      font-weight: bold;
      padding: 9px 5px 11px 0; 
    }
    .form-group label.no-uppercase {
      text-transform: none; 
    }

    .select {
      vertical-align: top;
      position: relative;
      display: inline-block;
      cursor: pointer;
      border: 1px solid #8d8d8d;
      -webkit-border-radius: 2px;
      -khtml-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radius: 2px;
      -o-border-radius: 2px;
      border-radius: 2px;
      line-height: 38px;
      font-size: 12px; 
    }
    .select--fullwidth, .select--fullwidth .select__element {
      width: 100%; 
    }
    .select--white .select__element {
      color: white; 
    }
    .select:before {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      z-index: 1;
      width: 40px;
      background-color: #8d8d8d; 
    }

    .select:after {
      content: '';
      position: absolute;
      top: 50%;
      right: 17px;
      z-index: 2;
      margin-top: -3px;
      width: 5px;
      height: 5px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.6);
      border-right: 1px solid rgba(255, 255, 255, 0.6);
      -webkit-transform: rotate(45deg);
      -khtml-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); 
    }

    .dp-input-group select:focus {opacity: 0;}



    .radio {
      letter-spacing: 0.06em;
      line-height: 18px; 
    }
    .radio span, .radio p {
      display: inline-block;
      vertical-align: middle;
      font-weight: bold; 
    }
    .radio label span {
      cursor: pointer; 
    }
    .radio input {
      vertical-align: middle;
      margin-right: 14px; 
    }

    .checkbox {
      letter-spacing: 0.06em;
      line-height: 18px; 
    }
    .checkbox span, .checkbox p {
      display: inline-block;
      vertical-align: middle;
      font-weight: bold; 
    }
    .checkbox label span {
      cursor: pointer; 
    }
    .checkbox input {
      vertical-align: top;
      margin-right: 4px;
      margin-top: 2px; 
    }

    .checkbox-color input {
      display: inline-block;
      margin-left: 5px; 
    }
    .checkbox-color--black:before {
      background-color: black; 
    }
    .checkbox-color--white:before {
      background-color: white; 
    }
    .checkbox-color--grey:before {
      background-color: #a5a5a5; 
    }
    .checkbox-color--red:before {
      background-color: red; 
    }
    .checkbox-color--green:before {
      background-color: green; 
    }
    .checkbox-color--blue:before {
      background-color: blue; 
    }
    .checkbox-color--yellow:before {
      background-color: yellow; 
    }
    .checkbox-color:before {
      content: "";
      display: inline-block;
      vertical-align: middle;
      width: 12px;
      height: 12px;
      position: absolute;
      -webkit-border-radius: 6px;
      -khtml-border-radius: 6px;
      -moz-border-radius: 6px;
      -ms-border-radius: 6px;
      -o-border-radius: 6px;
      border-radius: 6px; 
    }


    .contactus-main:before, 
    .contactus-main:after { display: table; content:""; }
    .contactus-main:after { clear: both; }

    .contactus-main { position: relative; }

    .contactus-error { padding-bottom: 25px; display: none; }

    .contactus-form:before, 
    .contactus-form:after { display: table; content:""; }
    .contactus-form:after { clear: both; }

    .contactus-form { position: relative; }


    .contactus-error .contactus-error-list .error-msg {
      color: #dd3232; }
      .dp-input-group.error .form-control,
      .dp-input-group.error .dropdown {
        border: 1px solid #dd3232; 
        color:#dd3232;
      }
      .dp-input-group.error .legal-terms-check label {
        color: #dd3232; }


        .contactus-main textarea, 
        .contactus-main input[type="text"], 
        .contactus-main select {
          -webkit-appearance: none;
          -moz-appearance: none;
          -o-appearance: none;
          appearance: none; }

          .required { color: #986F38; }


          div.grecaptcha-badge { float: right; clear: both; margin-top: 20px; margin-bottom: 20px; }

          .contactus-form-button { text-align: right; }



          /* ----     POPIN    ------ */


          .dp__popin { position: fixed; top: 0; width: 100vw; height: 100vh; display: none; z-index: 2000; 
          }

          .dp__popin-layout { position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.8); display: block; 
          }
          .dp__popin-body { position: relative; width:52%; max-width: 996px; margin: 0 auto; background: #fff; color:#000; 
          }

          .dp__popin-inside { position: relative; width:100%; max-height: 92vh; font-family: "NespressoLucas-Regular",Helvetica,arial,sans-serif; 
        }

        .dp__popin-text { padding: 40px 30px; font-size: 14px; line-height: 26px; text-align: center; 
        }


        @media (max-width: 900px) {
          .dp__popin-body { width:80%; 
          }
          .dp__popin-text {  padding: 30px 15px; 
          }
          .dp__popin-text br { display: none; 
          }

        }
        .nes_b2b .nes_bg-content-bloc {
          margin-top: -14px !important;

        }