@charset "UTF-8";
/* BidaSeguros - Autos - LP
  Desarrollado: Diciembre 17, 2020.
  IV - Futurité
*/
:root {
  --naranja: #d98622;
  --verde-oscuro: #529147;
  --verde-claro: #c7d834;
  --gris-texto: #878787;
  --gris-fondo: #f0f0f2;
  --blanco: #ffffff;
  --negro: #000000; }

@font-face {
  font-family: "Poppins-Regular";
  src: url("../fonts/Poppins-Regular.ttf") format("opentype"); }

@font-face {
  font-family: "Poppins-Bold";
  src: url("../fonts/Poppins-Bold.ttf") format("opentype"); }

html, body {
  font-family: 'Poppins-Regular', sans-serif;
  font-size: 18px;
  color: var(--negro);
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px; }

.pd0 {
  padding: 0px; }

/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
/*               Header                         */
/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
/*              Footer and Copy                 */
/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
footer {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  min-height: 150px;
  height: auto;
  background: var(--gris-fondo);
  padding: 30px 0px; }
  footer .logo-footer {
    float: right; }
  footer .aviso {
    font-size: 13px;
    color: var(--gris-texto);
    text-align: justify; }
    footer .aviso span {
      font-size: 13px;
      font-weight: 700;
      font-family: 'Poppins-Bold', sans-serif; }
  footer .copy {
    font-size: 13px;
    color: var(--gris-texto);
    margin-top: 20px; }
    footer .copy .linkpage {
      font-size: 10px;
      color: var(--gris-texto); }

/****************************************/
/*            Gracias                   */
/****************************************/
.body-gracias {
  background: var(--color1); }
  .body-gracias .gracias {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    background: url(../img/Fondo_PantallaGracias.jpg) right;
    background-size: contain; }
    .body-gracias .gracias img.izq {
      display: block;
      width: 100%;
      margin: auto; }
    .body-gracias .gracias .texto {
      display: inline-block;
      width: 100%;
      padding-top: 30%;
      padding-left: 50px;
      max-width: 650px; }
      .body-gracias .gracias .texto p {
        font-weight: 700;
        color: var(--blanco);
        font-size: 35px;
        margin: 30px auto; }
      .body-gracias .gracias .texto img {
        display: block;
        width: 100%;
        max-width: 200px; }

/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
/*             Secciones de Pagina              */
/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
/****************************************/
/*                Home                  */
/****************************************/
/* h-sec1 */
.h-sec1 {
  display: block;
  width: 100%;
  background-image: url("../img/Banner_Principal.png");
  background-position: center;
  min-height: 550px;
  height: auto;
  background-size: cover; }
  .h-sec1 .img-logo {
    margin-top: 20px; }
  .h-sec1 .titulo-principal {
    background: #ffffffcc;
    border-radius: 8px;
    padding: 20px;
    width: 80%;
    display: inline-block;
    line-height: 8px;
    margin-top: 150px; }
    .h-sec1 .titulo-principal .title1a {
      background: var(--verde-oscuro);
      border-radius: 8px;
      padding: 15px;
      color: var(--blanco);
      font-family: 'Poppins-Bold', sans-serif;
      font-size: 30px;
      width: 70%; }
    .h-sec1 .titulo-principal .title1b {
      color: var(--naranja);
      font-family: 'Poppins-Bold', sans-serif;
      font-size: 40px;
      font-weight: 700; }
    .h-sec1 .titulo-principal .title1c {
      background: var(--naranja);
      border-radius: 8px;
      padding: 15px;
      color: var(--blanco);
      font-family: 'Poppins-Bold', sans-serif;
      font-size: 30px;
      width: 40%; }
    .h-sec1 .titulo-principal .title1d {
      color: var(--verde-oscuro);
      font-family: 'Poppins-Bold', sans-serif;
      font-size: 40px;
      font-weight: 700; }
  .h-sec1 .form1 {
    background: #ffffffcc;
    border-radius: 16px;
    min-height: 400px;
    height: auto;
    margin-top: 60px;
    padding: 20px;
    width: 85%;
    float: right; }
    .h-sec1 .form1 .title-form1 {
      color: var(--verde-oscuro);
      font-family: 'Poppins-Bold', sans-serif;
      font-size: 30px;
      margin-bottom: 20px; }
    .h-sec1 .form1 input {
      width: 100%;
      border-radius: 6px;
      border: 2px solid var(--naranja);
      color: var(--negro);
      font-size: 12px;
      padding: 10px;
      margin-bottom: 15px;
      outline: none; }
      .h-sec1 .form1 input::-webkit-outer-spin-button, .h-sec1 .form1 input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0; }
    .h-sec1 .form1 span {
      display: inline-block;
      width: 100%;
      margin: 10px 0px;
      margin-top: -2px; }
      .h-sec1 .form1 span iframe {
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
        transform: scale(0.6);
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        border: 2px solid var(--naranja);
        border-radius: 10px;
        width: 100%; }
    .h-sec1 .form1 textarea {
      width: 100%;
      border-radius: 6px;
      border: 2px solid var(--naranja);
      color: var(--negro);
      font-size: 14px;
      padding: 10px;
      height: 130px;
      margin-top: -20px; }
    .h-sec1 .form1 ::-webkit-input-placeholder {
      font-size: 12px;
      color: var(--negro); }
    .h-sec1 .form1 :-ms-input-placeholder {
      font-size: 12px;
      color: var(--negro); }
    .h-sec1 .form1 ::-ms-input-placeholder {
      font-size: 12px;
      color: var(--negro); }
    .h-sec1 .form1 ::placeholder {
      font-size: 12px;
      color: var(--negro); }
    .h-sec1 .form1 .boton-send button {
      border-radius: 6px;
      background: var(--naranja);
      color: var(--blanco);
      padding: 5px 50px;
      float: right;
      display: block;
      border: none; }

/* h-sec2 */
.h-sec2 {
  display: block;
  width: 100%;
  background-image: url("../img/Fondo_Banner_GarantiadeMejorar.jpg");
  background-position: center;
  min-height: 350px;
  height: auto;
  background-size: cover;
  padding-top: 30px; }
  .h-sec2 .title2 {
    color: var(--blanco);
    font-size: 28px;
    font-family: 'Poppins-Bold', sans-serif;
    font-weight: 700;
    padding-right: 180px;
    margin-top: 30px; }
    .h-sec2 .title2 .garantizamos {
      font-size: 18px;
      font-family: 'Poppins-Regular', sans-serif;
      font-weight: normal;
      display: inline-block;
      margin-top: 20px; }
  .h-sec2 .btn-cotiza {
    margin-top: 30px; }
    .h-sec2 .btn-cotiza .cotiza {
      background: var(--verde-oscuro);
      color: var(--blanco);
      font-size: 18px;
      font-family: 'Poppins-Bold', sans-serif;
      padding: 5px 40px;
      border-radius: 8px; }
  .h-sec2 img {
    position: relative;
    z-index: 9;
    margin-bottom: -80px;
    display: block; }

/* h-sec3 */
.h-sec3 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  min-height: 700px;
  height: auto;
  background: var(--blanco);
  padding-top: 100px;
  padding-bottom: 50px; }
  .h-sec3 .green-box {
    background: var(--verde-claro);
    padding: 30px;
    color: var(--blanco);
    font-size: 22px;
    text-align: center;
    border-radius: 12px;
    width: 80%;
    margin: auto;
    display: block; }
  .h-sec3 .title3 {
    display: block;
    color: var(--verde-oscuro);
    font-size: 30px;
    font-family: 'Poppins-Bold', sans-serif;
    font-weight: 700;
    text-align: center;
    margin: 50px 0px; }
    .h-sec3 .title3 .obten {
      display: block;
      color: var(--gris-texto);
      font-size: 18px;
      font-family: 'Poppins-Regular', sans-serif;
      text-align: center; }
  .h-sec3 .slider-coberturas .slide-cobert .title-slide {
    text-align: center;
    color: var(--gris-texto);
    font-size: 20px;
    font-family: 'Poppins-Bold', sans-serif;
    margin-top: 18px; }
  .h-sec3 .bx-wrapper {
    -moz-box-shadow: 0 0 0px #ccc;
    -webkit-box-shadow: 0 0 0px #ccc;
    box-shadow: 0 0 0px #ccc;
    border: 0px solid #fff;
    background: transparent;
    margin-bottom: -50px;
    margin: auto;
    display: block; }
    .h-sec3 .bx-wrapper .bx-next {
      right: -20px;
      background: url("../img/Boton_Der.png") no-repeat;
      text-indent: -9999px;
      z-index: 9999;
      position: absolute; }
    .h-sec3 .bx-wrapper .bx-prev {
      left: -30px;
      background: url("../img/Boton_Izq.png") no-repeat; }

/* h-sec4 */
.h-sec4 {
  display: block;
  width: 100%;
  background-image: url("../img/Fondo_Banner_ElSeguroPerfecto.jpg");
  background-position: center;
  min-height: 350px;
  height: auto;
  background-size: cover;
  padding: 30px; }
  .h-sec4 .img-sec4 {
    margin: auto;
    display: block; }
  .h-sec4 .title4 {
    color: var(--blanco);
    font-size: 28px;
    font-family: 'Poppins-Bold', sans-serif;
    font-weight: 700;
    margin-top: 60px;
    padding-left: 100px;
    text-align: right; }
    .h-sec4 .title4 .variedad {
      font-size: 18px;
      font-family: 'Poppins-Regular', sans-serif;
      font-weight: normal;
      display: inline-block;
      margin-top: 20px; }

/* h-sec5 */
.h-sec5 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  min-height: 700px;
  height: auto;
  background: var(--blanco);
  padding: 100px 0px; }
  .h-sec5 .tabla {
    margin: auto;
    display: block; }

/* h-sec6 */
.h-sec6 {
  display: block;
  width: 100%;
  background-image: url("../img/Fondo_Banner_EstamosContigo.jpg");
  background-position: center;
  min-height: 400px;
  height: auto;
  background-size: cover; }
  .h-sec6 .title6 {
    color: var(--blanco);
    font-size: 30px;
    font-family: 'Poppins-Bold', sans-serif;
    font-weight: 700;
    margin-top: 30px;
    padding-right: 50px; }
    .h-sec6 .title6 .contamos {
      font-size: 18px;
      font-family: 'Poppins-Regular', sans-serif;
      font-weight: normal;
      display: inline-block;
      margin-top: 20px; }
    .h-sec6 .title6 .nuestros {
      color: var(--blanco);
      font-size: 26px;
      font-family: 'Poppins-Bold', sans-serif;
      font-weight: 700; }
  .h-sec6 .img-sec6 {
    display: block;
    margin: auto;
    z-index: 1;
    position: relative;
    margin-top: -50px; }

/* h-sec7 */
.h-sec7 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  min-height: 400px;
  height: auto;
  background: var(--blanco); }
  .h-sec7 .title7 {
    display: block;
    color: var(--naranja);
    font-size: 30px;
    font-family: 'Poppins-Bold', sans-serif;
    font-weight: 700;
    text-align: center;
    margin: 50px 0px; }
    .h-sec7 .title7 .bida {
      display: block;
      color: var(--gris-texto);
      font-size: 18px;
      font-family: 'Poppins-Regular', sans-serif;
      text-align: center; }
  .h-sec7 .slider-companias .slide-company .img-company {
    margin: auto;
    display: block; }
  .h-sec7 .slider-companias .slide-company .img-company1 {
    margin: auto;
    display: block;
    margin-top: 20px; }
  .h-sec7 .slider-companias .slide-company .img-company2 {
    margin: auto;
    display: block;
    margin-top: 10px; }
  .h-sec7 .bx-wrapper {
    -moz-box-shadow: 0 0 0px #ccc;
    -webkit-box-shadow: 0 0 0px #ccc;
    box-shadow: 0 0 0px #ccc;
    border: 0px solid #fff;
    background: transparent;
    margin-bottom: -50px;
    margin: auto;
    display: block; }
    .h-sec7 .bx-wrapper .bx-next {
      right: -20px;
      background: url("../img/Boton_Der.png") no-repeat;
      text-decoration: none;
      text-indent: -9999px;
      z-index: 9999;
      position: absolute; }
    .h-sec7 .bx-wrapper .bx-prev {
      left: -10px;
      background: url("../img/Boton_Izq.png") no-repeat; }

/* h-sec8 */
.h-sec8 {
  display: block;
  width: 100%;
  background-image: url("../img/Fondo_Banner_PorqueElegirBIDA.jpg");
  background-position: center;
  min-height: 400px;
  height: auto;
  background-size: cover;
  padding: 60px 0px; }
  .h-sec8 .img-elegir {
    margin: auto;
    display: block; }
  .h-sec8 .title8 {
    color: var(--blanco);
    font-size: 28px;
    font-weight: 70;
    font-family: 'Poppins-Bold', sans-serif;
    margin-bottom: 20px; }
  .h-sec8 .lista li {
    color: var(--blanco);
    font-size: 20px;
    margin-bottom: 15px; }

/* h-sec9 */
.h-sec9 {
  display: block;
  width: 100%;
  background-image: url("../img/Fondo_Footer.jpg");
  background-position: center;
  min-height: 600px;
  height: auto;
  background-size: cover; }
  .h-sec9 .form2 {
    margin: auto;
    display: block;
    width: 50%;
    margin-top: 50px; }
    .h-sec9 .form2 .title-form2 {
      color: var(--blanco);
      font-size: 28px;
      font-family: 'Poppins-Bold', sans-serif;
      margin-bottom: 20px; }
      .h-sec9 .form2 .title-form2 .form-span {
        color: var(--blanco);
        font-size: 25px;
        font-family: 'Poppins-Regular', sans-serif; }
    .h-sec9 .form2 input {
      color: var(--negro);
      font-size: 12px;
      border-radius: 6px;
      border: none;
      width: 100%;
      margin-bottom: 20px;
      padding: 10px 15px; }
      .h-sec9 .form2 input::-webkit-outer-spin-button, .h-sec9 .form2 input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0; }
    .h-sec9 .form2 span {
      display: inline-block;
      width: 100%;
      margin: 5px 0px;
      margin-top: -4px; }
      .h-sec9 .form2 span iframe {
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
        transform: scale(0.6);
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        border: 2px solid var(--verde);
        border-radius: 6px;
        width: 100%; }
    .h-sec9 .form2 textarea {
      color: var(--negro);
      font-size: 14px;
      border-radius: 6px;
      border: none;
      width: 100%;
      margin-bottom: 20px;
      padding: 5px 15px;
      height: 150px;
      margin-top: -18px; }
    .h-sec9 .form2 ::-webkit-input-placeholder {
      font-size: 12px;
      color: var(--negro); }
    .h-sec9 .form2 :-ms-input-placeholder {
      font-size: 12px;
      color: var(--negro); }
    .h-sec9 .form2 ::-ms-input-placeholder {
      font-size: 12px;
      color: var(--negro); }
    .h-sec9 .form2 ::placeholder {
      font-size: 12px;
      color: var(--negro); }
    .h-sec9 .form2 .boton-send2 button {
      border-radius: 6px;
      background: var(--blanco);
      color: var(--verde-oscuro);
      padding: 5px 50px;
      float: right;
      display: block;
      border: none;
      font-family: 'Poppins-Bold', sans-serif; }

/* Medias query */
@media (max-width: 1200px) and (min-width: 990px) {
  .h-sec1 .titulo-principal {
    width: 100%; }
  .h-sec2 .title2 {
    padding-right: 120px; }
  .h-sec6 .title6 {
    padding-right: 20px; }
  .body-gracias .gracias .texto {
    padding-top: 15%; }
    .body-gracias .gracias .texto p {
      font-size: 25px; } }

@media (max-width: 989px) and (min-width: 768px) {
  .h-sec1 .titulo-principal {
    width: 100%; }
    .h-sec1 .titulo-principal .title1a {
      width: 100%; }
    .h-sec1 .titulo-principal .title1c {
      width: 60%; }
    .h-sec1 .titulo-principal .title1d {
      display: inline-block;
      line-height: 35px; }
  .h-sec1 .form1 {
    min-height: 500px;
    width: 120%;
    float: none; }
  .h-sec2 .title2 {
    padding-right: 0px; }
  .h-sec3 .bx-wrapper .bx-next {
    right: -40px; }
  .h-sec4 .img-sec4 {
    width: 100%; }
  .h-sec4 .title4 {
    margin-top: 60px;
    padding-left: 0px; }
  .h-sec5 .tabla {
    width: 100%; }
  .h-sec6 {
    padding-bottom: 20px; }
    .h-sec6 .title6 {
      margin-top: 30px;
      padding-right: 0px;
      margin-left: -70px; }
    .h-sec6 .img-elegir {
      margin-left: -50px;
      margin-top: 50px; }
  .h-sec9 .form2 {
    width: 80%; }
  .body-gracias .gracias .texto {
    padding-top: 15%;
    padding-left: 0px; }
    .body-gracias .gracias .texto p {
      font-size: 25px; }
    .body-gracias .gracias .texto img {
      max-width: 150px; } }

@media (max-width: 767px) and (min-width: 480px) {
  .h-sec1 {
    padding-bottom: 30px; }
    .h-sec1 .titulo-principal {
      margin-top: 50px;
      width: 100%; }
      .h-sec1 .titulo-principal .title1a {
        width: 100%; }
      .h-sec1 .titulo-principal .title1c {
        width: 60%; }
      .h-sec1 .titulo-principal .title1d {
        line-height: 32px; }
    .h-sec1 .form1 {
      min-height: 630px;
      float: none; }
  .h-sec2 {
    padding: 30px 0px; }
    .h-sec2 .title2 {
      padding-right: 0px; }
    .h-sec2 img {
      position: relative;
      z-index: 9;
      margin-bottom: -80px;
      display: block;
      margin: auto; }
  .h-sec3 .green-box {
    width: 100%; }
  .h-sec3 .bx-wrapper .bx-controls-direction a {
    margin-top: -60px; }
  .h-sec3 .bx-wrapper .bx-next {
    right: -20px; }
  .h-sec3 .bx-wrapper .bx-prev {
    left: -10px; }
  .h-sec3 .bx-wrapper img {
    max-width: 60%;
    margin: auto; }
  .h-sec4 .title4 {
    margin-top: 60px;
    padding-left: 0px;
    text-align: left; }
  .h-sec5 {
    min-height: 500px; }
    .h-sec5 .tabla {
      width: 100%; }
  .h-sec6 {
    padding: 30px 0px; }
    .h-sec6 .img-sec6 {
      width: 60%;
      margin-top: 50px; }
  .h-sec8 {
    /*.title8 {
            text-align: center;
        }
        .lista li {
            text-align: center;
        }*/ }
    .h-sec8 .img-elegir {
      margin-bottom: 30px; }
  .h-sec9 {
    padding: 30px; }
    .h-sec9 .form2 {
      width: 100%; }
  footer .logo-footer {
    float: left;
    margin-bottom: 20px; }
  .body-gracias .gracias .texto {
    padding-top: 15%;
    padding-left: 0px; }
    .body-gracias .gracias .texto p {
      font-size: 25px; }
    .body-gracias .gracias .texto img {
      max-width: 150px; } }

@media (max-width: 479px) and (min-width: 0px) {
  .h-sec1 {
    padding-bottom: 30px; }
    .h-sec1 .titulo-principal {
      margin-top: 50px;
      width: 100%; }
      .h-sec1 .titulo-principal .title1a {
        width: 100%;
        font-size: 28px; }
      .h-sec1 .titulo-principal .title1c {
        width: 60%;
        font-size: 28px; }
      .h-sec1 .titulo-principal .title1d {
        line-height: 32px; }
    .h-sec1 .form1 {
      min-height: 630px;
      float: none;
      width: 100%; }
  .h-sec2 {
    padding: 30px 0px; }
    .h-sec2 .title2 {
      padding-right: 0px; }
    .h-sec2 .btn-cotiza .cotiza {
      margin-bottom: 20px;
      display: block; }
    .h-sec2 img {
      width: 100%; }
  .h-sec3 .green-box {
    width: 100%; }
  .h-sec3 .bx-wrapper .bx-controls-direction a {
    margin-top: -60px; }
  .h-sec3 .bx-wrapper .bx-next {
    right: -20px; }
  .h-sec3 .bx-wrapper .bx-prev {
    left: -10px; }
  .h-sec3 .bx-wrapper img {
    max-width: 60%;
    margin: auto; }
  .h-sec4 .title4 {
    margin-top: 60px;
    padding-left: 0px;
    text-align: left; }
  .h-sec4 .img-sec4 {
    width: 100%; }
  .h-sec5 {
    min-height: 500px; }
    .h-sec5 .tabla {
      width: 100%; }
  .h-sec6 {
    padding: 30px 0px; }
    .h-sec6 .img-sec6 {
      width: 60%;
      margin-top: 50px; }
    .h-sec6 .title6 {
      padding-right: 0px; }
  .h-sec8 {
    /*.title8 {
            text-align: center;
        }
        .lista li {
            text-align: center;
        }*/ }
    .h-sec8 .img-elegir {
      margin-bottom: 30px;
      width: 100%; }
  .h-sec9 {
    padding-bottom: 30px; }
    .h-sec9 .form2 {
      width: 100%; }
  footer .logo-footer {
    float: left;
    margin-bottom: 20px; }
  .body-gracias .gracias .texto {
    padding-top: 15%;
    padding-left: 0px; }
    .body-gracias .gracias .texto p {
      font-size: 25px; }
    .body-gracias .gracias .texto img {
      max-width: 150px; } }