/**
 * 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 > .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;
  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-20,
#dynamic-form .select.width-20,
#dynamic-form .radio.width-20,
#dynamic-form .checkbox.width-20 {
  width: calc(20% - 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 {
  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] {
  width: 25%;
  height: 56px;
  border: none;
  color: #FFFFFF;
  font-family: "BentonSansBBVA-Medium";
  background-color: #1973B8;
}

#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 .submit input[type=submit] {
    width: 100%;
  }
  #dynamic-form .width-35 {
    width: 100% !important;
  }
  #dynamic-form .width-20 {
    width: 100% !important;
  }
}

.tittle-form {
  font-size: 48px;
  color: #121212;
  text-align: center;
  font-family: 'BentonSansBBVA-Light';
}

.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;
}
.inline-flex {
  display: inline-flex;
}
/*# sourceMappingURL=style.css.map */

/**Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 
  #certificado{
    display: initial !important;
    padding: 0px !important;
    background-color: #7cb4e459!important;
  }

  .img-quitar{
    margin: 0% 0 0 45% !important;
  }
}
/**Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 
  #certificado{
    display: flex !important;
    padding: 0px !important;
    background-color: #7cb4e459!important;
  }

  .img-quitar{
    margin: 8% 1% 0 0 !important;
  }
 }

/**Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
  #certificado{
    display: flex !important;
    padding: 0px !important;
    background-color: #7cb4e459!important;
  }

  .img-quitar{
    margin: 7% 1% 0 0 !important;
  }
 }

/**Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
  #certificado{
    display: flex !important;
    padding: 0px !important;
    background-color: #7cb4e459!important;
  }

  .img-quitar{
    margin: 7% 1% 0 0 !important;
  }
 }

/**Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
  #certificado{
    display: flex !important;
    padding: 0px !important;
    background-color: #7cb4e459!important;
  }

  .img-quitar{
    margin: 5% 1% 0 0 !important;
  }
 }

 .titulos {
  padding: 0px !important;
  font-size: 20px !important;
  font-family: 'Roboto-Regular', 'Roboto', sans-serif !important;
}

.camposObligatorios{
  font-family: 'Roboto Thin', 'Roboto', sans-serif !important;
  font-weight: 250 !important;
  font-size: medium !important;
  padding: 0px !important;
}

#dynamic-form 
.text h6, 
#dynamic-form 
.select h6 {
  font-weight: normal !important;
}	

.centrado {
  text-align: center !important;
}

#espacio-titulos {
  margin-top: 10px !important;
}
#adicionar-img {
  margin-top: 2% !important;
    padding: 0 !important;
}
#recaptcha_div {
  width: 100%;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}
#entidad-bancaria, #dynamic-form > div:nth-child(13) > label > span, #dynamic-form > div:nth-child(13) > h6 { 
  display: none;
}

#dynamic-form > div:nth-child(14)  {
  display: none;
}

#dynamic-form > img {
  display: flex;
  margin: auto;
}

.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;
}
