/**
 * Paleta primaria
 */
/**
   * Paleta secundaria
   */
/**
   * Paleta terciaria
   */
@font-face {
  font-family: "BentonSansBBVA-Book";
  src: url("../fonts/BentonSansBBVA-Book.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/BentonSansBBVA-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/BentonSansBBVA-Book.woff") format("woff"), url("../fonts/BentonSansBBVA-Book.ttf") format("truetype"), url("../fonts/BentonSansBBVA-Book.svg#svgFontName") format("svg"), url("../fonts/BentonSansBBVA-Book.otf") format("opentype");
}

@font-face {
  font-family: "BentonSansBBVA-Medium";
  src: url("../fonts/BentonSansBBVA-Medium.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/BentonSansBBVA-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/BentonSansBBVA-Medium.woff") format("woff"), url("../fonts/BentonSansBBVA-Medium.ttf") format("truetype"), url("../fonts/BentonSansBBVA-Medium.svg#svgFontName") format("svg"), url("../fonts/BentonSansBBVA-Medium.otf") format("opentype");
}

@font-face {
  font-family: "BentonSansBBVA-Light";
  src: url("../fonts/BentonSansBBVA-Light.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/BentonSansBBVA-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/BentonSansBBVA-Light.woff") format("woff"), url("../fonts/BentonSansBBVA-Light.ttf") format("truetype"), url("../fonts/BentonSansBBVA-Light.svg#svgFontName") format("svg"), url("../fonts/BentonSansBBVA-Light.otf") format("opentype");
}

.container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 568px;
}

.container > .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#dynamic-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  padding: 15px;
}

#dynamic-form * {
  font-family: "BentonSansBBVA-Book";
  -webkit-transition: all 0.25s linear;
  transition: all 0.25s linear;
}

#dynamic-form > h2,
#dynamic-form > h4,
#dynamic-form > h5 {
  width: 100%;
  padding: 0 10%;
  text-align: center;
}

#dynamic-form > h2 {
  margin: 30px 0 25px 0;
}

#dynamic-form > h4 {
  margin: 0 0 50px 0;
  font-size: 18px;
}

#dynamic-form > h5 {
  margin: 25px 0 50px 0;
}

#dynamic-form input:focus,
#dynamic-form select:focus,
#dynamic-form textarea:focus {
  outline: 0;
}

#dynamic-form input[type="radio"],
#dynamic-form input[type="checkbox"] {
  display: none;
}

#dynamic-form .text,
#dynamic-form .select,
#dynamic-form .radio,
#dynamic-form .checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin: 0 0 24px 0;
}

#dynamic-form .text.width-50,
#dynamic-form .select.width-50,
#dynamic-form .radio.width-50,
#dynamic-form .checkbox.width-50 {
  width: calc(50% - 15px);
}

#dynamic-form .text.width-35,
#dynamic-form .select.width-35,
#dynamic-form .radio.width-35,
#dynamic-form .checkbox.width-35 {
  width: calc(35% - 15px);
}

#dynamic-form .text.width-32-5,
#dynamic-form .select.width-32-5,
#dynamic-form .radio.width-32-5,
#dynamic-form .checkbox.width-32-5 {
  width: calc(32.5% - 15px);
}

#dynamic-form .text h6,
#dynamic-form .select h6,
#dynamic-form .radio h6,
#dynamic-form .checkbox h6 {
  width: 100%;
  font-size: 15px;
  font-weight: bold;
}

#dynamic-form .text label,
#dynamic-form .select label,
#dynamic-form .radio label,
#dynamic-form .checkbox label {
  width: 100%;
  margin: 0;
}

#dynamic-form .text p,
#dynamic-form .select p,
#dynamic-form .radio p,
#dynamic-form .checkbox p {
  width: 100%;
  font-size: 11px;
}

#dynamic-form .text h6,
#dynamic-form .select h6 {
  margin: 8px 0 16px 0;
}

#dynamic-form .text label span.inner,
#dynamic-form .select label span.inner {
  margin: 16px;
  position: absolute;
  font-size: 15px;
  color: #666666;
}

#dynamic-form .text label.in-use span.inner,
#dynamic-form .select label.in-use span.inner {
  margin: 8px 16px;
  font-size: 11px;
  color: #666666;
}

#dynamic-form .text label.in-use input[type="text"],
#dynamic-form .text label.in-use input[type="email"],
#dynamic-form .text label.in-use input[type="number"],
#dynamic-form .text label.in-use select,
#dynamic-form .text label.in-use textarea,
#dynamic-form .select label.in-use input[type="text"],
#dynamic-form .select label.in-use input[type="email"],
#dynamic-form .select label.in-use input[type="number"],
#dynamic-form .select label.in-use select,
#dynamic-form .select label.in-use textarea {
  padding: 28px 16px 8px 16px;
}

#dynamic-form .text p,
#dynamic-form .select p {
  margin: 8px 0;
}

#dynamic-form .text input[type="text"],
#dynamic-form .text input[type="email"],
#dynamic-form .text input[type="number"],
#dynamic-form .text textarea {
  height: 56px;
  width: 100%;
  padding: 16px;
  background-color: #f4f4f4;
  border: 0 transparent solid;
  border-bottom: 1px #666666 solid;
  border-radius: 1px;
  font-size: 15px;
  color: #666666;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#dynamic-form .text input[type="number"]:hover {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}

#dynamic-form .text textarea {
  height: 168px;
}

#dynamic-form .select select {
  height: 56px;
  width: 100%;
  padding: 16px;
  border: 0 transparent solid;
  border-bottom: 1px #666666 solid;
  border-radius: 1px;
  font-size: 14px;
  color: #666666;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: url("../icons/unfold.svg") no-repeat calc(100% - 16px) center #f4f4f4;
  background-size: 24px;
}

#dynamic-form .radio label,
#dynamic-form .checkbox label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#dynamic-form .radio label span,
#dynamic-form .checkbox label span {
  font-size: 15px;
}

#dynamic-form .radio p,
#dynamic-form .checkbox p {
  margin: 0 0 8px 0;
}

#dynamic-form .radio .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 24px;
  width: 24px;
  margin: 8px 8px 8px 0;
  border-radius: 50%;
  border: 1px #666666 solid;
  background-color: #f4f4f4;
}

#dynamic-form .radio .button div {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background-color: #043263;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: center;
          transform-origin: center;
}

#dynamic-form .radio .button div.selected {
  -webkit-transform: scale(1);
          transform: scale(1);
}

#dynamic-form .checkbox .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 24px;
  width: 24px;
  margin: 8px 8px 8px 0;
  border-radius: 1px;
  border: 1px #666666 solid;
  background-color: #f4f4f4;
}

#dynamic-form .checkbox .button div {
  height: 20px;
  width: 20px;
  background: url("../icons/checkmark.svg") no-repeat center center;
  background-size: 24px;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: center;
          transform-origin: center;
}

#dynamic-form .checkbox .button div.selected {
  -webkit-transform: scale(1);
          transform: scale(1);
}

#dynamic-form .submit {
  width: 100%;
  margin: 24px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#dynamic-form .submit input[type="submit"],
#dynamic-form .submit a.form-change {
  height: 56px;
  border: none;
  color: #ffffff;
  font-family: "BentonSansBBVA-Medium";
  background-color: #1973b8;
}

#dynamic-form .submit input[type="submit"] {
  width: 25%;
}

#dynamic-form .submit a.form-change {
  width: calc(50% - 50px);
  margin: 25px;
  padding: 18px 0;
  text-align: center;
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}

#dynamic-form .submit a.form-change.white {
  color: #1973b8;
  background-color: #ffffff;
  border: 1px solid #1973b8;
}

#dynamic-form .submit a.form-change.blue {
  pointer-events: none;
}

#dynamic-form .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

#dynamic-form .link a {
  font-family: "BentonSansBBVA-Medium";
  font-size: 12px;
  color: #1d73b2;
  margin-top: 20px;
  text-decoration: none;
}

#dynamic-form .term {
  height: 56px;
  width: 100%;
  border: 0 transparent solid;
  border-bottom: 1px #666666 solid;
  border-radius: 1px;
  font-size: 14px;
  color: #1973b8;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: url("../icons/unfold.svg") no-repeat calc(100% - 16px) center #f4f4f4;
  background-size: 24px;
}

#dynamic-form .term label {
  height: 100%;
  width: 100%;
  padding: 16px;
}

#dynamic-form .term label span {
  font-family: "BentonSansBBVA-Medium";
}

#dynamic-form .term > div {
  height: 0;
  margin: 30px 0 0 0;
  overflow: hidden;
}

#dynamic-form .term > div.deploy {
  height: auto !important;
}

#dynamic-form label .message {
  display: none;
}

#dynamic-form .error.text label span.inner, #dynamic-form .error.select label span.inner {
  color: #b92a45;
}

#dynamic-form .error.text label.in-use span:not(.message), #dynamic-form .error.select label.in-use span:not(.message) {
  color: #b92a45;
}

#dynamic-form .error.text input[type="text"],
#dynamic-form .error.text input[type="email"],
#dynamic-form .error.text input[type="number"],
#dynamic-form .error.text textarea {
  background-color: #fcdfdf;
  border-bottom: 1px #b92a45 solid;
  color: #b92a45;
}

#dynamic-form .error.select select {
  border-bottom: 1px #b92a45 solid;
  color: #b92a45;
  background: url("../icons/unfold-red-dark.svg") no-repeat calc(100% - 16px) center #fcdfdf;
  background-size: 24px;
}

#dynamic-form .error.radio .button {
  border: 1px #b92a45 solid;
  background-color: #fcdfdf;
}

#dynamic-form .error.radio .button div {
  background-color: #b92a45;
}

#dynamic-form .error.checkbox .button {
  border: 1px #b92a45 solid;
  background-color: #fcdfdf;
}

#dynamic-form .error.checkbox .button div {
  background: url("../icons/checkmark-red-dark.svg") no-repeat center center;
}

#dynamic-form .error label .message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 8px 0 0 16px;
  font-size: 11px;
  vertical-align: middle;
  color: #121212;
}

#dynamic-form .error label .message img {
  height: 15px;
  width: 15px;
  margin: 0 8px 0 0;
}

#dynamic-form .error.radio label .message, #dynamic-form .error.checkbox label .message {
  margin: 0 0 0 16px;
}

#dynamic-form .error.radio label .message span, #dynamic-form .error.checkbox label .message span {
  font-size: 11px;
}

@media (max-width: 600px) {
  #dynamic-form > h2,
  #dynamic-form > h5 {
    padding: 0;
  }
  #dynamic-form .width-50 {
    width: 100% !important;
  }
  #dynamic-form .width-35 {
    width: calc(100% - 15px) !important;
  }
  #dynamic-form .width-32-5 {
    width: calc(100% - 15px) !important;
  }
  #dynamic-form .submit input[type="submit"] {
    width: 100%;
  }
}

.tittle-form {
  font-size: 48px;
  color: #121212;
  text-align: center;
  font-family: "BentonSansBBVA-Light";
}

.tittle-form span.date {
  padding: 0 15px;
  font-size: 40px;
  color: #ffffff;
  background-color: #1464a5;
  border-radius: 15px;
}

h1.tittle-form {
  font-size: 48px;
}

h2.tittle-form {
  font-size: 32px;
}

.text-thank-you {
  font-family: "BentonSansBBVA-Book";
  color: #666666;
  text-align: center;
  font-size: 16px;
}

.icon-thanks {
  width: 120px;
  margin: 0 auto;
  margin-top: 80px;
}

.loading {
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100vw;
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.7);
  opacity: 0;
  -webkit-transition: all 1s ease-in;
  transition: all 1s ease-in;
}

@media (max-width: 767px) {
  .width-35 {
    width: 100% !important;
  }
  .submit {
    width: 100%;
    margin: 24px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .submit input[type="submit"],
  .submit a.form-change {
    height: 56px;
    border: none;
    color: #ffffff;
    font-family: "BentonSansBBVA-Medium";
    background-color: #1973b8;
  }
  .submit input[type="submit"] {
    width: 25%;
    min-width: 300px;
  }
  .submit a.form-change {
    width: calc(50% - 50px);
    min-width: 300px;
    margin: 5px 10px !important;
    padding: 18px 0;
    text-align: center;
    text-decoration: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
  }
  .submit a.form-change.white {
    color: #1973b8;
    background-color: #ffffff;
    border: 1px solid #1973b8;
  }
  .submit a.form-change.blue {
    pointer-events: none;
  }
}
/*# sourceMappingURL=style.css.map */