@font-face {
  font-family: AvenirNext;
  src: url('../fonts/AvenirNext-Medium-06.woff') format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: AvenirNext;
  src: url('../fonts/AvenirNext-Regular-08.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --agd-black1: #4e4e4e;
  --agd-black0: #222;
  --agd-white: #fff;
  --adf-orange: #eb6207;
  --agd-black-light: #3b3b3b;
  --red: #fd0000;
  --agd-orange-ligth: #eb620733;
  --roundmax: 200px;
  --yellow: #fabf13;
  --round5: 5px;
  --agd-blue: #165bd5;
  --white-2: white;
  --light-blue: #0087af;
  --agd-red: #d4011d;
  --agd-redlight: #d4011d26;
  --agd-bluelight: #165cd52e;
  --agd-yellowlight: #f9f9da;
}

h1 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}

h2 {
  color: var(--agd-black1);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

h3 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
}

p {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}

li {
  padding-bottom: .2rem;
}

.top {
  z-index: 555555;
  background-color: var(--agd-black0);
  flex-flow: column;
  width: 100%;
  height: auto;
  padding: 23px;
  display: flex;
  position: fixed;
}

.image {
  width: 100px;
}

.body {
  background-color: var(--agd-black0);
  font-weight: 400;
}

.wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--agd-black0);
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100vw;
  height: 100vh;
  font-family: AvenirNext, Arial, sans-serif;
  display: flex;
}

.content {
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 100px;
  display: flex;
}

.contentin {
  width: 750px;
  padding-top: 50px;
}

.lp-h1 {
  color: var(--agd-white);
  margin-bottom: 20px;
  font-family: AvenirNext, Arial, sans-serif;
  font-size: 34px;
  font-weight: 500;
  line-height: 32px;
}

.lp-h1._2 {
  color: var(--agd-black1);
  font-size: 31px;
  font-weight: 700;
  line-height: 38px;
}

.header {
  margin-bottom: 40px;
}

.form-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  align-items: stretch;
  display: flex;
}

.lp-input {
  border: 1px solid var(--adf-orange);
  background-color: var(--agd-black-light);
  color: var(--agd-white);
  border-radius: 5px;
  height: 60px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 35px;
  font-size: 18px;
  line-height: 18px;
}

.lp-input:focus {
  border-color: var(--adf-orange);
  color: var(--agd-white);
  font-size: 18px;
  font-weight: 300;
  line-height: 18px;
}

.lp-input:focus-visible, .lp-input[data-wf-focus-visible] {
  font-size: 18px;
}

.lp-input.combo {
  background-color: var(--agd-black-light);
  color: var(--agd-white);
  background-image: url('../images/Arrow-Down.svg');
  background-position: 97%;
  background-repeat: no-repeat;
  background-size: 18px;
  font-size: 18px;
  font-weight: 400;
}

.lp-input.error {
  border-width: 2px;
  border-color: var(--red);
}

.lp-input.valid {
  background-image: url('../images/check-green.svg');
  background-position: 97%;
  background-repeat: no-repeat;
  background-size: 20px;
  padding-right: 35px;
}

.label {
  color: var(--agd-white);
  margin-bottom: 30px;
  font-family: AvenirNext, Arial, sans-serif;
  font-size: 19px;
  font-weight: 500;
  line-height: 21px;
}

.submit {
  background-color: var(--adf-orange);
  color: var(--agd-white);
  text-align: center;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 50px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  display: flex;
}

.step {
  opacity: 1;
  flex-flow: column;
  margin-bottom: 20px;
  display: flex;
}

.step.active {
  opacity: 1;
  margin-bottom: 40px;
}

.t1 {
  color: var(--agd-white);
  margin-bottom: 0;
  font-family: AvenirNext, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
}

.topin {
  justify-content: flex-start;
  align-items: center;
  padding: 8px;
  display: flex;
}

.form-blk {
  width: auto;
}

.lp-img-row {
  justify-content: space-between;
  margin-bottom: 20px;
  display: flex;
}

.lp-img-col1 {
  width: 49%;
  margin-right: 0;
  display: flex;
}

.lp-imgbutton {
  color: var(--agd-black1);
  border: 1px solid #ccc;
  border-radius: 5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  text-decoration: none;
  display: flex;
  position: relative;
}

.lp-imgbutton.active {
  border-width: 2px;
  border-color: var(--agd-black1);
  color: #021d49;
  background-color: #fabf13;
}

.textbutton {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 15px 15px;
  display: flex;
}

.fw-choicerow {
  margin-bottom: 15px;
}

.fw-choicerow.last {
  margin-bottom: 0;
}

.fw-choicecol {
  padding-left: 0;
  padding-right: 16px;
}

.fw-choicecol.last {
  padding-right: 0;
}

.fw-choicecol.lastcol {
  padding-left: 0;
  padding-right: 0;
}

.lp-button {
  color: var(--agd-black1);
  border: 1px solid #ccc;
  border-radius: 5px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  height: 60px;
  padding: 10px 20px;
  text-decoration: none;
  display: flex;
}

.lp-button.active {
  border-width: 2px;
  border-color: var(--adf-orange);
  background-color: var(--agd-orange-ligth);
}

.lp-imgbutton-radio {
  z-index: 55555;
  border: 1px solid #ccc;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 0;
  display: flex;
  position: absolute;
}

.lp-imgbutton-radio.active {
  border-width: 2px;
  border-color: var(--agd-black1);
}

.lp-button-radio-in {
  border-radius: var(--roundmax);
  width: 9px;
  height: 9px;
}

.lp-button-radio-in.active {
  background-color: var(--adf-orange);
}

.lp-button-radio {
  border-radius: var(--roundmax);
  border: 1px solid #ccc;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  display: flex;
}

.lp-button-radio.active {
  border-width: 2px;
  border-color: var(--adf-orange);
  margin-right: 10px;
}

.lp-img-col2 {
  width: 49%;
  margin-right: 0;
  display: flex;
}

.legal {
  color: var(--agd-white);
  text-align: justify;
  margin-top: 20px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  line-height: 15px;
}

.t2 {
  color: var(--agd-black0);
  margin-bottom: 5px;
}

.tag1 {
  background-color: var(--agd-black0);
  color: var(--agd-white);
  text-transform: uppercase;
  border-radius: 3px;
  margin-top: 10px;
  margin-right: 10px;
  padding: 6px;
  font-size: 11px;
  line-height: 11px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.tag2 {
  border: 1px solid var(--agd-black1);
  background-color: var(--agd-white);
  color: var(--agd-black1);
  -webkit-text-stroke-color: var(--agd-black0);
  text-transform: uppercase;
  border-radius: 3px;
  margin-top: 10px;
  margin-right: 10px;
  padding: 6px;
  font-size: 11px;
  line-height: 11px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.tag-price {
  background-color: var(--yellow);
  color: var(--agd-black0);
  border: 1px solid #000;
  border-radius: 5px;
  padding: 2px 6px;
  font-weight: 500;
  line-height: 18px;
}

.p {
  color: var(--agd-white);
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: AvenirNext, Arial, sans-serif;
  font-size: 18px;
}

.button {
  border: 1px solid var(--adf-orange);
  background-color: var(--adf-orange);
  color: var(--agd-white);
  text-align: center;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 250px;
  height: 50px;
  margin-right: 20px;
  font-family: AvenirNext, Arial, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
  display: flex;
}

.record-control-con {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 40px;
  display: flex;
}

.lp-button-img {
  color: var(--agd-black1);
  border: 1px solid #ccc;
  border-radius: 5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 46%;
  height: 200px;
  margin-right: 20px;
  padding: 0;
  text-decoration: none;
  display: flex;
  position: relative;
}

.lp-button-img.active {
  border-width: 2px;
  border-color: var(--adf-orange);
  background-color: var(--agd-orange-ligth);
}

.lp-button-img.last {
  margin-right: 0;
}

.img {
  margin-bottom: 13px;
  padding-top: 40px;
  padding-left: 5px;
  padding-right: 5px;
}

.lp-button-radio-img {
  border-radius: var(--roundmax);
  border: 1px solid #ccc;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  margin-top: 15px;
  margin-left: 15px;
  margin-right: 10px;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.lp-button-radio-img.active {
  border-width: 2px;
  border-color: var(--adf-orange);
  margin-right: 10px;
}

.lp-button-img-txtcon {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.t4 {
  color: var(--adf-orange);
  margin-top: 5px;
  font-size: 16px;
  font-weight: 400;
}

.intro-tag {
  border-radius: var(--round5);
  background-color: var(--agd-blue);
  color: var(--agd-white);
  text-transform: uppercase;
  background-image: url('../images/check-white.svg');
  background-position: 9px;
  background-repeat: no-repeat;
  background-size: 12px;
  margin-bottom: 10px;
  padding: 7px 10px 7px 27px;
  font-family: AvenirNext, Arial, sans-serif;
  font-weight: 500;
  line-height: 15px;
}

.div-block-3 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.intro-logo {
  width: 400px;
  margin-bottom: 0;
  margin-left: 20px;
}

.progress-bg {
  background-color: #000;
  width: 100%;
  height: 10px;
  margin-top: 2px;
}

.progress-bar {
  background-color: var(--adf-orange);
  width: 4%;
  height: 10px;
  position: static;
}

.progress-cyclist {
  width: 40px;
  position: static;
}

.subcol2 {
  display: flex;
}

.column {
  padding-left: 0;
  padding-right: 0;
}

.choice-tag {
  border-radius: var(--round5);
  background-color: var(--agd-blue);
  color: var(--agd-white);
  text-transform: uppercase;
  margin-top: 15px;
  margin-bottom: 10px;
  margin-right: 15px;
  padding: 2px 6px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 9px;
  font-weight: 500;
  line-height: 15px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.lp-nav-button {
  background-color: var(--adf-orange);
  color: var(--agd-white);
  text-align: center;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 50px;
  font-family: AvenirNext, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  display: flex;
}

.lp-nav-button.inv {
  color: #fff;
  background-color: #383838;
  border: 0 solid #eb6207;
}

.progress {
  flex-flow: column;
  height: auto;
  display: flex;
}

.progress-icon {
  width: 100%;
}

.progress-bg-icon {
  justify-content: flex-end;
  align-items: center;
  width: 4%;
  display: flex;
}

.intro-logo-con {
  margin-bottom: 40px;
  display: flex;
}

.image-2 {
  border-right: 1px none var(--agd-white);
  width: 110px;
  margin-right: 0;
  padding-right: 0;
}

.intro-logo-separator {
  background-color: var(--agd-white);
  width: 1px;
  margin-left: 10px;
  margin-right: 10px;
}

@media screen and (max-width: 991px) {
  .contentin {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .form-wrapper {
    width: 95%;
  }

  .lp-input.combo {
    background-size: 22px;
  }

  .form-blk {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .top {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .header, .form-wrapper {
    width: 100%;
  }

  .lp-input {
    margin-bottom: 10px;
  }

  .lp-input.combo {
    background-size: 22px;
  }

  .lp-input.valid {
    background-image: url('../images/check.svg');
    background-position: 98%;
    background-repeat: no-repeat;
    background-size: auto;
  }

  .lp-img-row {
    flex-flow: column;
    margin-bottom: 0;
  }

  .lp-img-col1 {
    width: 48%;
  }

  .fw-choicerow {
    flex-flow: column;
    margin-bottom: 0;
    display: flex;
  }

  .fw-choicecol {
    padding-right: 0;
  }

  .lp-button {
    margin-bottom: 10px;
  }

  .lp-img-col2 {
    width: 48%;
  }

  .lp-button-img {
    height: auto;
    margin-bottom: 20px;
  }

  .lp-button-img.prevlast {
    margin-right: 0;
  }

  .lp-button-img-txtcon {
    padding: 0 15px 15px;
  }

  .progress-cyclist {
    width: 30px;
  }

  .subcol2 {
    width: 100%;
  }

  .lp-nav-button {
    width: 40%;
  }

  .intro-logo-con {
    display: flex;
  }
}

@media screen and (max-width: 479px) {
  .top {
    justify-content: flex-end;
    height: 57px;
    padding-top: 10px;
    padding-bottom: 0;
  }

  .image {
    width: 86px;
  }

  .wrapper {
    position: static;
  }

  .content {
    padding-top: 80px;
    position: relative;
  }

  .contentin {
    padding-top: 0;
  }

  .lp-input.combo {
    background-position: 95%;
    background-size: 19px;
  }

  .label {
    font-size: 18px;
    line-height: 19px;
  }

  .submit {
    width: 100%;
  }

  .t1 {
    margin-bottom: 0;
    font-size: 17px;
    font-weight: 700;
    line-height: 16px;
  }

  .imgbutton {
    margin-top: 20px;
  }

  .textbutton {
    justify-content: flex-end;
    align-items: flex-start;
  }

  .fw-choicerow {
    margin-bottom: 0;
  }

  .fw-choicecol {
    margin-bottom: 0;
    padding-right: 0;
  }

  .t2 {
    font-size: 12px;
    line-height: 16px;
  }

  .tag1, .tag2 {
    font-size: 9px;
    line-height: 9px;
  }

  .tag-price {
    font-size: 13px;
    line-height: 14px;
  }

  .button {
    width: 100%;
    margin-right: 20px;
  }

  .record-control-con {
    flex-flow: column-reverse;
    justify-content: flex-start;
  }

  .intro-logo {
    margin-left: 10px;
  }

  .progress-bar {
    width: 15%;
  }

  .progress-cyclist {
    width: 40px;
  }

  .lp-nav-button {
    width: 100%;
    margin-bottom: 20px;
  }

  .progress-icon {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .progress-bg-icon {
    width: 15%;
  }

  .image-2 {
    width: 75px;
  }

  .intro-logo-separator {
    margin-left: 5px;
    margin-right: 5px;
  }
}


@font-face {
  font-family: 'AvenirNext';
  src: url('../fonts/AvenirNext-Medium-06.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AvenirNext';
  src: url('../fonts/AvenirNext-Regular-08.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}