html {
  box-sizing: border-box;
  font-size: 100%;
  margin:0px;
  padding:0px;

}

*,
*::before,
*::after {
  box-sizing: inherit;
}

 body {
  font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 1.3;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
    color: #004B84;
    /* background:transparent url('img/fondo.jpg') no-repeat  center center; background-size: cover; */
    text-align: center;
    background-color: #F2F0F4;
    margin:0px;
    padding:0px;
    background-image: url("img/fondo.png");
 }

h1, h2, h3, h4, h5 {font-weight: 600; font-family: 'Open Sans', sans-serif; margin:0px 0 20px 0px; line-height:1.3; letter-spacing: 0; }

p { font-family: inherit; font-weight: normal; font-size: 16px; line-height: 1.3; margin-bottom:20px; color:#fff;}
b, strong {  font-weight: 600;}
a {color: #F06A08; text-decoration: none;}
h1 {font-size: 35px; }
h2 {font-size: 28px; }
h3 {font-size: 30px; }
h4 {font-size: 18px;}
h5 {font-size: 16px;}

img {max-width: 100%; height: auto;}



.logo {
  padding: 20px 0 30px 0; 
  text-align: center; 
  margin: 0 auto; 
  background-color:#fff;
}
.logo img {
  width: 100%;
  display: block;
  margin: auto;
  max-width: 200px; 
}
.intro {padding:50px 0px; font-size: 24px; color: #64A5D8}
.intro img{
  max-width: 300px;
  width: 100%;
  display: block;
  margin: auto;
}
.intro_gracias {padding: 50px 0px 20px; font-size: 25px; font-weight: 400; font-family: 'Open Sans', sans-serif;}
h2 {
  font-size: 40px; 
  max-width: 900px; 
  margin: 0 auto;
  color: #004B84;
  font-weight: 700;
}
h2 span {display: block; font-weight: 300; font-size: 35px; padding-bottom: 20px;}
.datos { max-width: 650px; margin: 0 auto; padding-top: 20px; padding-bottom: 40px;}
.datos .bl {float: left; width: 100%; font-size: 20px; text-align: center; }
.dia,
.lugar{
  color: #004B84;
}
.dia {display: inline-block; padding: 20px 20px 20px 50px;  background:transparent url('img/ico_cal_claro.svg') no-repeat  left center; background-size: 30px; }
.dia_gracias{ display: inline-block; padding: 20px 20px 20px 50px;  font-size: 20px; margin-top: 20px;  background:transparent url('img/ico_cal.svg') no-repeat  left center; background-size: 30px; }
.lugar {
  float: right; 
  width: auto; 
  padding: 20px 20px 20px 50px;  
  background:transparent url('img/ico_espacio_azul_claro.svg') no-repeat  left center; 
  background-size: 35px; 
}

.registro {padding:20px 40px; background-color: #004B84; max-width: 1200px; margin: 40px auto; color:#ffffff;border-radius: 10px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.registro h3{
  font-weight: 700;
}
.mc-field-group {
  float: left; 
  width: 20%; 
  padding: 10px; 
  text-align: left;
}
.mc-field-group input {
  width: 100%; 
  padding: 10px; 
  border:0px; 
  margin-top: 4px; 
  background-color: rgba(255,255,255,.2)!important; 
  border: 1px solid #fff; 
  color:#FFF;
}
input.button {
  background-color: #49A5DF; 
  border-radius:5px; 
  margin-top: 20px; 
  padding: 10px 40px; 
  color: #fff; 
  border:0px; 
  font-weight: 600; 
  font-family: 'Open Sans', sans-serif; 
  font-size: 18px;
}

.respuesta {
  padding:40px 40px; 
  background-color:  #004B84;
  max-width: 980px; 
  margin: 20px auto 40px; 
  color:#fff; 
  border-radius: 10px;
}
.respuesta .enlace {
  padding: 20px 40px 20px 35px;  
  background:transparent url('img/ico_enl_claro.svg') no-repeat  left center; 
  background-size: 25px; 
  font-size:18px;
  color: #49A5DF;
}
.respuesta .agenda {
  padding: 20px 40px 20px 35px; 
  color: #fff;  
  background:transparent url('img/ico_cal_claro.svg') no-repeat  left center; 
  background-size: 25px; font-size:18px; 
}
.mail {padding-top: 20px; font-size: 15px;}

.footer {
  position: static; 
  float: left; 
  padding-top: 40px; 
  left: 0px; 
  width: 100%; 
  text-align: center; 
  font-size: 15px; 
  color: #004B84;
}
.footer span {display: inline-block; padding-right: 40px;}

.float {float: left; width: 100%; text-align: center;}


#countdown .col-xs-6 {display: inline-block; padding-right: 20px;}
#countdown .time{display: block; font-size: 50px;  line-height: 50px; font-weight: 700;} 
#countdown .label {background: transparent; padding: 0px 0px 0px 0px; display: block; opacity: 0.6;} 


.bl-politica {float: left; width: 100%;}
.bl-politica a {color: #fff; text-decoration: underline;}
.mc-field-group.politica {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    float: none;
    margin: 0 auto;
    width: 430px;
}


.mc-field-group.politica > input {
    width: 20px;
    margin: 18px 0;
}
.mc-field-group.politica > label {
    width: calc(100% - 30px);
    margin: 16px 0;
}


input.error {border: 2px solid #FF2000; background-color: #FFFAFA;}
input.error + label {color:#FF2000; }
input.error + label a {color:#FF2000; }




@media (max-height: 980px) {
.footer {position: relative; padding-top: 40px; padding-bottom: 40px;}
}

@media (max-width: 900px) {
  .dia {
    width: 300px;
    float: none; 
    margin: 0 auto;
    padding: 10px;
    /* background:none; */
    font-size: 18px;
  }
  .lugar{width: 300px; float: none; margin: 0 auto; }
  .logo {padding: 15px;}
  .logo img {max-width: 250px;}
  h2 {font-size: 25px; }
  h2 span {font-size: 20px;}
  h3 {font-size: 20px; }
  .intro_gracias {padding: 30px 0px 20px; font-size:18px; }
  .registro {padding: 20px; margin-top: 20px;}
  a {word-break: break-word;}

.intro { padding: 20px 0px; font-size: 18px;}

  .mc-field-group {float: left; width: 100%; }
   .respuesta {padding: 20px;}
  .respuesta .enlace{
    text-align: center;
  }
  .respuesta .agenda {
    width: 100%;
    max-width: 290px;
    float: none; 
    display: block; 
    margin: 0 auto;  
    text-align: left;
  }
 

  .footer {padding-top: 40px; padding-bottom: 40px;  font-size: 11px;}
  .contenido {padding: 0 20px;}

    .mc-field-group.politica {width: 100%;}
}