body {
  /*background: linear-gradient(to bottom, transparent 50% , #f2f2f2 50%, #f2f2f2 100%);*/
  background: #fff url(https://www.himgs.com/imagenes/hola/promociones/narciso-rodriguez/img/nubes.jpg?1.0) no-repeat;
  background-position: center bottom;
  background-size: 100% auto;
  overflow-x: hidden !important; }

img {
  max-width: 100%; }

.wrapper {
  max-width: none; }

header h1 {
  text-align: center;
  font: 3.5rem sans-serif;
  text-transform: uppercase;
  letter-spacing: 3px;
  padding: 1.5rem 0 1rem 0; }

.logo {
  text-align: center; }

.logo img {
  margin: 0 auto;
  padding-bottom: 3rem; }

.formulario {
  position: relative; }

.formulario h2, .formulario p {
  font: 2rem sans-serif;
  color: #737373;
  letter-spacing: 2px;
  padding: 2rem 0;
  text-align: center; }

.formulario p {
  font-size: 1rem;
  padding: 0 0 2rem; }

.form_container {
  border-radius: 10px;
  box-shadow: 0px 1px 8px -3px #ccc;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8); }

#tabla-formulario .form_input label,
.col-12.col-md-6.form_input:nth-child(6):before {
  font-size: 1rem !important;
  letter-spacing: .5px;
  padding: 0;
  margin-bottom: 5px;
  display: block;
  width: 100%;
  font-family: sans-serif !important; }

.section {
  padding: 0; }

#tabla-formulario input {
  width: 95%;
  padding: 8px;
  margin-left: 0;
  border: 1px solid #ccc;
  border-radius: 7px;
  box-shadow: none;
  font: .9rem/1.3em sans-serif; }

.form_fields.form_row {
  display: flex;
  flex-wrap: wrap; }

.old_row [class*='col-'] {
  flex: 0 1 50% !important;
  max-width: 50%;
  margin: 0 0 1rem 0;
  padding: 0; }

.form_fields .form_input span, .select {
  background-color: transparent;
  padding: 0; }

.form_input, .form_input:nth-child(3),
.form_input:nth-child(4) {
  margin-top: 26px;
  flex: 0 1 100%;
  max-width: 100%; }

.form_input:nth-child(3) input,
.form_input:nth-child(4) input {
  width: 97.5% !important; }

.form_input:nth-child(4) label:after {
  content: " completa*"; }

.form_input:nth-child(6) label {
  display: none !important; }

.form_input:nth-child(6):before {
  content: " Provincia*";
  font-weight: bold;
  font-size: 1rem;
  margin-bottom: .4rem;
  display: block; }

.half__codigo {
  width: 48%;
  float: left; }

.half__codigo input {
  padding: 1rem; }

.half__pais {
  width: 49%;
  float: left; }

.half__pais input {
  padding: 1rem; }

#tabla-formulario {
  max-width: 90%;
  margin: 0 auto;
  padding-bottom: .5rem; }

input:focus {
  background-color: #F2F2F2; }

#button, [type="submit"], [type="button"] {
  background-color: #000;
  color: #fff;
  cursor: pointer;
  padding: .8rem 2rem;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 auto 1rem;
  display: block; }

#box1 {
  width: 4%;
  margin: 1.5rem 0.3rem 1.5rem 1.3rem; }

.BPI {
  display: inline-block;
  width: 75%;
  color: #737373;
  margin-left: .3rem; }

.m_header.m_header_section {
  display: none; }

.m_popup {
  border-radius: 10px; }

.m_popup_header {
  width: calc(100% - 3rem) !important;
  padding-top: 1.5rem !important;
  background-color: transparent;
  color: #666;
  text-align: left;
  letter-spacing: .1em;
  font-weight: bold; }

.m_popup_content {
  padding: 0 !important; }

.legal-provider-container {
  display: none; }

.m_popup .mfp-close {
  background-color: #000;
  border-radius: 100%;
  margin: 10px;
  background-position: center center; }

.mfp-wrap {
  z-index: 11000; }

.m_popup_text p {
  font: .9rem/1.3em sans-serif;
  color: #737373; }

.introForm {
  display: none; }

.m_popup .m_popup_text {
  display: block !important; }

.show_legal {
  text-decoration: underline; }

.show_legal:hover {
  color: #900;
  text-decoration: underline; }

@media (max-width: 768px) {
  header h1 {
    font: 1.5rem sans-serif;
    padding: .5rem 0 1rem 0; }

  .logo img {
    padding-bottom: 1rem;
    width: 60%; }

  .formulario {
    position: relative;
    margin-top: -300px; }

  .formulario h2 {
    font-size: 1.5rem; }

  .container {
    width: 100% !important; }

  #legal_terms {
    height: calc(80vh - 30px); }

  .bote img {
    width: 65%;
    margin: 0 auto;
    display: table; }

  body {
    background-size: 200% auto; } }
@media (min-width: 769px) {
  .form_input {
    flex: 0 1 50%;
    max-width: 50%; }

  .form_fields.form_row {
    padding: 0 1.5rem; }

  .bote img {
    max-width: 260px;
    float: right;
    margin-bottom: 2rem; }

  .fromulario_container {
    display: flex;
    align-items: center; }

  .form_container {
    width: 100%;
    position: relative;
    transform: translateX(-50px); } }