/*
SITES:
https://sites.google.com/futurite.com/etidan-autoadheribles/inicio
*/
:root {
  --azul: #2940aa;
  --rosa: #fe376f;
  --celeste: #6680d0;
  --fondo: #efefef;
  --blanco: #f9f9f9;
  --negro: #000;
  --color1: #efefef;
  --color2: #2940aa; }

@font-face {
  font-family: "Avenir";
  src: url("../fonts/Avenir.ttc") format("opentype");
  font-weight: 400;
  font-display: swap; }

@font-face {
  font-family: "AvenirNext";
  src: url("../fonts/AvenirNext.ttc") format("opentype");
  font-weight: 700; }

html, body {
  font-family: 'Avenir', sans-serif;
  font-size: 16px;
  color: var(--texto);
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px; }

input.invalid:invalid {
  border: 1px solid red; }

/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
/*             Secciones de Pagina              */
/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
header {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background-color: var(--blanco);
  min-height: 50px; }
  header .navbar-default {
    background-color: transparent;
    border-color: transparent;
    margin: 0px; }
    header .navbar-default .navbar-collapse,
    header .navbar-default .navbar-form {
      border-color: transparent;
      margin-top: 10px; }
    header .navbar-default .form-group input[type="text"] {
      padding-right: 50px;
      border-radius: 25px; }
    header .navbar-default .form-group button {
      content: " ";
      margin-left: -50px;
      height: 25px;
      width: 50px;
      background: url("../img/lupa.png") center center no-repeat;
      background-size: 20px;
      border: 0;
      -webkit-appearance: none; }
    header .navbar-default .navbar-header .navbar-brand {
      height: auto; }
      header .navbar-default .navbar-header .navbar-brand img {
        height: 80px; }
    header .navbar-default .navbar-nav > li > a {
      color: var(--azul);
      font-family: "AvenirNext"; }
    header .navbar-default .navbar-nav > li > a:focus,
    header .navbar-default .navbar-nav > li > a:hover {
      color: var(--azul);
      font-family: "AvenirNext";
      background-color: transparent; }
      header .navbar-default .navbar-nav > li > a:focus span,
      header .navbar-default .navbar-nav > li > a:hover span {
        border-bottom: 1px solid var(--azul); }
    header .navbar-default .navbar-nav > .active > a,
    header .navbar-default .navbar-nav > .active > a:focus,
    header .navbar-default .navbar-nav > .active > a:hover {
      background-color: transparent;
      color: var(--azul); }
      header .navbar-default .navbar-nav > .active > a span,
      header .navbar-default .navbar-nav > .active > a:focus span,
      header .navbar-default .navbar-nav > .active > a:hover span {
        border-bottom: 1px solid var(--azul); }
  @media (max-width: 1200px) and (min-width: 989px) {
    header .navbar-default .navbar-header .navbar-brand img {
      height: 60px; } }
  @media (max-width: 479px) and (min-width: 0px) {
    header .navbar-default .form-group input[type="text"] {
      display: inline-block;
      width: 95%; } }

footer {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: url("../img/banner_footer.png") center center no-repeat;
  background-size: cover;
  /**/
  /*  End Copy  */ }
  footer span.linea {
    display: block;
    width: 100%;
    background-color: var(--rosa);
    max-width: 600px;
    height: 5px;
    margin: -5px auto; }
  footer .contacto {
    display: inline-block;
    width: 100%;
    padding: 50px 0px 50px; }
    footer .contacto img {
      display: block;
      width: 100%; }
      footer .contacto img.logo {
        max-width: 250px;
        margin-bottom: 50px; }
      footer .contacto img.whatsapp {
        max-width: 50px;
        margin: 15px 10%; }
    footer .contacto p {
      color: var(--blanco);
      font-size: 20px;
      margin-bottom: 30px; }
      footer .contacto p strong {
        display: block;
        margin-bottom: 15px;
        font-family: "AvenirNext";
        font-size: 25px; }
      footer .contacto p span {
        display: block; }
      footer .contacto p a {
        color: var(--blanco); }
  footer .copy {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    text-align: center;
    color: var(--blanco); }
    footer .copy p {
      padding-top: 20px; }
      footer .copy p a, footer .copy p span {
        color: var(--blanco); }
        footer .copy p a:hover, footer .copy p span:hover {
          color: var(--gris); }
  @media (max-width: 1200px) and (min-width: 992px) {
    footer .contacto p {
      font-size: 17px; } }

/****************************************/
/*            gracias                   */
/****************************************/
.body-gracias {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background-color: var(--negro); }
  .body-gracias .gracias {
    padding: 150px 0px 50px;
    text-align: center; }
    .body-gracias .gracias img {
      height: 100px;
      margin-bottom: 50px; }
    .body-gracias .gracias h5 {
      font-weight: 300;
      color: var(--blanco);
      font-size: 35px;
      margin-bottom: 50px; }
    .body-gracias .gracias h5 span {
      color: var(--azul); }
    .body-gracias .gracias p {
      font-weight: 300;
      color: var(--blanco);
      font-size: 25px;
      margin-bottom: 70px; }
    .body-gracias .gracias a {
      color: var(--blanco);
      font-weight: 700;
      font-size: 25px;
      background-color: var(--azul);
      padding: 10px 40px;
      border-radius: 3px;
      display: inline-block;
      text-decoration: none; }
      .body-gracias .gracias a:hover {
        color: var(--azul);
        background: var(--blanco); }

.home .sec1 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: url("../img/inicio/banner.png") center center no-repeat;
  background-size: cover;
  min-height: 400px;
  padding: 80px 0; }
  .home .sec1 .titulo {
    max-width: 900px; }
    .home .sec1 .titulo h1 {
      font-size: 80px;
      font-weight: 700;
      font-family: "AvenirNext";
      margin: 0px;
      color: var(--blanco); }

.home .sec2 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: url("../img/inicio/05_rayitas.png") left 15% no-repeat, url("../img/inicio/06_circulos.png") right 15% no-repeat, url("../img/inicio/07_circulos.png") left 85% no-repeat, url("../img/inicio/08_rayita.png") right 85% no-repeat;
  background-size: 20%;
  padding: 50px 0; }
  .home .sec2 .titulo {
    text-align: center;
    padding-bottom: 50px; }
    .home .sec2 .titulo h3 {
      font-size: 60px;
      max-width: 700px;
      font-weight: 700;
      margin: 0 auto 30px;
      font-family: "AvenirNext";
      color: var(--rosa); }
    .home .sec2 .titulo p {
      font-size: 20px;
      max-width: 650px;
      margin: auto; }
  .home .sec2 .productos {
    text-align: center; }
    .home .sec2 .productos img {
      display: block;
      height: 100%;
      max-height: 250px;
      margin: auto; }
    .home .sec2 .productos h2 {
      font-size: 25px;
      font-weight: 700;
      font-family: "AvenirNext"; }

.home .sec3 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: url("../img/inicio/09_bannerCTA01.png") center center no-repeat;
  background-size: cover;
  min-height: 300px;
  padding: 50px 0;
  text-align: center; }
  .home .sec3 h3 {
    color: var(--blanco);
    font-size: 30px;
    font-weight: 700; }
  .home .sec3 p {
    color: var(--blanco);
    font-size: 20px; }
  .home .sec3 a {
    display: inline-block;
    padding: 10px 50px;
    border-radius: 5px;
    background-color: var(--rosa);
    color: var(--blanco);
    font-size: 18px; }

.home .sec4 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  padding: 50px 0;
  text-align: center; }
  .home .sec4 .variedad {
    padding-bottom: 50px; }
    .home .sec4 .variedad .titulo {
      padding-bottom: 50px; }
      .home .sec4 .variedad .titulo h3 {
        font-size: 25px;
        color: var(--negro);
        font-weight: 700;
        font-family: "AvenirNext"; }
      .home .sec4 .variedad .titulo p {
        font-size: 18px;
        color: var(--negro); }
    .home .sec4 .variedad ul {
      display: inline-block;
      padding-left: 0px;
      text-align: left;
      width: 100%;
      margin-bottom: 50px; }
      .home .sec4 .variedad ul li {
        font-size: 18px;
        color: var(--negro); }
      .home .sec4 .variedad ul ul.sub {
        padding-left: 20px; }
    .home .sec4 .variedad a {
      display: inline-block;
      padding: 10px 50px;
      border-radius: 5px;
      background-color: var(--azul);
      color: var(--blanco);
      font-size: 18px; }
  .home .sec4 .experiencia {
    display: inline-block;
    width: 100%;
    padding: 50px 0px 0px;
    background: url("../img/inicio/10_circulostexto28anios.png") center center no-repeat;
    background-size: cover; }
    .home .sec4 .experiencia h3 {
      font-size: 60px;
      max-width: 700px;
      font-weight: 700;
      margin: 0 auto 30px;
      font-family: "AvenirNext";
      color: var(--rosa); }

.home .sec5 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  padding: 50px 0; }
  .home .sec5 .titulo {
    text-align: center;
    padding-bottom: 50px; }
    .home .sec5 .titulo h3 {
      font-size: 25px;
      color: var(--negro);
      font-weight: 700;
      font-family: "AvenirNext"; }
    .home .sec5 .titulo p {
      font-size: 18px;
      color: var(--negro); }
  .home .sec5 .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;
    margin-bottom: 0;
    background: transparent; }
  .home .sec5 .slider .acabados {
    min-height: 300px;
    text-align: center;
    padding: 50px 15px;
    color: var(--blanco);
    border-radius: 50px 10px 50px 10px; }
    .home .sec5 .slider .acabados:hover {
      -webkit-box-shadow: inset 0 0 200px 200px #000000b3;
      box-shadow: inset 0 0 200px 200px #000000b3; }
      .home .sec5 .slider .acabados:hover .texto {
        opacity: 1; }
    .home .sec5 .slider .acabados .texto {
      opacity: 0; }
      .home .sec5 .slider .acabados .texto h2 {
        font-size: 25px;
        font-weight: 700; }
      .home .sec5 .slider .acabados .texto p {
        font-size: 18px; }
  .home .sec5 .slider .barniz-brillante {
    background: url("../img/inicio/11_barnizUVregistro.png") center center no-repeat;
    background-size: cover; }
  .home .sec5 .slider .barniz-mate {
    background: url("../img/inicio/14_barnizUVmate.png") center center no-repeat;
    background-size: cover; }
  .home .sec5 .slider .barniz-registro {
    background: url("../img/inicio/11_barnizUVregistro.png") center center no-repeat;
    background-size: cover; }
  .home .sec5 .slider .barniz-resistente {
    background: url("../img/inicio/15_barnizUVresistenteafriccion.png") center center no-repeat;
    background-size: cover; }
  .home .sec5 .slider .laminado-mate {
    background: url("../img/inicio/13_laminadomate.png") center center no-repeat;
    background-size: cover; }
  .home .sec5 .slider .laminado-brillante {
    background: url("../img/inicio/12_laminadobrillante.png") center center no-repeat;
    background-size: cover; }

.home .sec6 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  padding: 50px 0; }
  .home .sec6 .titulo {
    display: inline-block;
    width: 100%;
    padding: 50px 0px 0px;
    background: url(../img/inicio/16_circulos_texto_etiquetas.png) 25% top no-repeat;
    background-size: 500px;
    text-align: center; }
    .home .sec6 .titulo h3 {
      font-size: 60px;
      max-width: 700px;
      font-weight: 700;
      margin: 0 auto 30px;
      font-family: "AvenirNext";
      color: var(--rosa); }
    .home .sec6 .titulo p {
      font-size: 20px;
      max-width: 700px;
      margin: 0 auto; }

.home .sec7 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  padding: 50px 0;
  text-align: center; }
  .home .sec7 .servicios {
    padding-bottom: 50px; }
    .home .sec7 .servicios .titulo {
      padding-bottom: 50px; }
      .home .sec7 .servicios .titulo h3 {
        font-size: 25px;
        color: var(--negro);
        font-weight: 700;
        font-family: "AvenirNext"; }
      .home .sec7 .servicios .titulo p {
        font-size: 18px;
        color: var(--negro);
        max-width: 600px;
        margin: auto; }
    .home .sec7 .servicios ul {
      display: inline-block;
      text-align: left;
      width: 100%;
      margin-bottom: 50px;
      max-width: 900px;
      padding-left: 80px; }
      .home .sec7 .servicios ul li {
        font-size: 18px;
        color: var(--negro); }
  .home .sec7 .experiencia img {
    display: block;
    width: 100%;
    max-width: 400px;
    margin: auto; }
  .home .sec7 .experiencia p {
    font-size: 18px;
    color: var(--negro);
    text-align: left;
    margin-top: 50px; }
  .home .sec7 .experiencia ul {
    display: inline-block;
    padding-left: 0px;
    text-align: left;
    width: 100%;
    margin-bottom: 50px; }
    .home .sec7 .experiencia ul li {
      font-size: 18px;
      color: var(--negro); }
  .home .sec7 .experiencia a {
    display: inline-block;
    padding: 10px 50px;
    border-radius: 5px;
    background-color: var(--azul);
    color: var(--blanco);
    font-size: 18px;
    margin-top: 50px; }

.home .sec8 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  padding: 50px 0; }
  .home .sec8 .titulo {
    display: inline-block;
    width: 100%;
    padding: 50px 0px 0px;
    background: url(../img/inicio/16_circulos_texto_etiquetas.png) 75% top no-repeat;
    background-size: 500px;
    text-align: center; }
    .home .sec8 .titulo h3 {
      font-size: 60px;
      max-width: 700px;
      font-weight: 700;
      margin: 0 auto 30px;
      font-family: "AvenirNext";
      color: var(--rosa); }
    .home .sec8 .titulo p {
      font-size: 20px;
      max-width: 700px;
      margin: 0 auto; }

.home .sec9 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: url(../img/inicio/19_puntos_formulario.png) 15% top no-repeat;
  background-size: contain;
  padding: 50px 0; }
  .home .sec9 .contactanos {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    background-color: var(--celeste);
    border-radius: 50px 0 50px 0;
    padding: 25px;
    min-height: 300px; }
    .home .sec9 .contactanos p {
      font-size: 20px;
      font-weight: 700;
      max-width: 800px;
      text-align: center;
      color: var(--blanco);
      margin: 0 auto 20px; }
    .home .sec9 .contactanos input {
      width: 100%;
      padding: 10px;
      border: none;
      border-radius: 10px;
      outline: none;
      margin: 10px 0px; }
    .home .sec9 .contactanos textarea {
      width: 100%;
      padding: 10px;
      border: none;
      border-radius: 10px;
      outline: none;
      min-height: 165px;
      margin: 10px 0px; }
    .home .sec9 .contactanos button {
      display: inline-block;
      width: 100%;
      height: 45px;
      border: none;
      border-radius: 10px;
      outline: none;
      color: var(--blanco);
      background-color: var(--azul); }

.home .sec10 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  padding: 50px 0; }
  .home .sec10 iframe {
    display: block;
    width: 100%;
    height: 350px; }
  .home .sec10 h4 {
    font-size: 40px;
    max-width: 700px;
    font-weight: 700;
    margin: 0 auto 20px;
    font-family: "AvenirNext";
    color: var(--rosa); }
  .home .sec10 p {
    font-size: 20px;
    color: var(--negro);
    font-weight: 700; }

.home .sec11 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: url("../img/inicio/20_banner_newsletter.png") center center no-repeat;
  background-size: cover;
  min-height: 300px;
  padding: 50px 0; }
  .home .sec11 .newsletter {
    width: 100%;
    max-width: 900px;
    margin: auto;
    text-align: center; }
    .home .sec11 .newsletter h3 {
      font-size: 30px;
      font-weight: 700;
      font-family: "AvenirNext";
      color: var(--blanco); }
    .home .sec11 .newsletter form input {
      width: 100%;
      padding: 10px;
      border: none;
      border-radius: 10px;
      outline: none;
      margin: 10px 0px; }
      .home .sec11 .newsletter form input.checkbox {
        display: inline-block;
        width: 50px; }
    .home .sec11 .newsletter form label {
      color: var(--blanco); }
    .home .sec11 .newsletter form h6 {
      color: var(--blanco);
      font-size: 14px;
      width: 100%;
      max-width: 700px;
      margin: 20px auto; }
    .home .sec11 .newsletter form button {
      display: inline-block;
      width: 100%;
      height: 45px;
      border: none;
      border-radius: 10px;
      outline: none;
      color: var(--blanco);
      background-color: var(--rosa); }

@media (max-width: 1200px) and (min-width: 992px) {
  .home .sec1 .titulo h1 {
    font-size: 70px; }
  .home .sec2 .titulo h3 {
    font-size: 50px; }
  .home .sec4 .experiencia h3 {
    font-size: 50px; }
  .home .sec6 .titulo h3 {
    font-size: 50px; }
  .home .sec8 .titulo h3 {
    font-size: 50px; } }

@media (max-width: 991px) and (min-width: 768px) {
  .home .sec1 .titulo h1 {
    font-size: 70px; }
  .home .sec2 .titulo h3 {
    font-size: 50px; }
  .home .sec4 .experiencia h3 {
    font-size: 50px; }
  .home .sec6 .titulo h3 {
    font-size: 50px; }
  .home .sec8 .titulo h3 {
    font-size: 50px; } }

@media (max-width: 767px) and (min-width: 480px) {
  .home .sec1 {
    min-height: 300px; }
    .home .sec1 .titulo h1 {
      font-size: 60px; }
  .home .sec2 .titulo h3 {
    font-size: 40px; }
  .home .sec4 .experiencia h3 {
    font-size: 40px; }
  .home .sec6 .titulo h3 {
    font-size: 40px; }
  .home .sec8 .titulo h3 {
    font-size: 40px; } }

@media (max-width: 479px) and (min-width: 0px) {
  .home .sec1 {
    min-height: 300px; }
    .home .sec1 .titulo h1 {
      font-size: 40px; }
  .home .sec2 .titulo h3 {
    font-size: 40px; }
  .home .sec2 .productos img {
    height: 100%;
    margin: auto;
    width: 100%; }
  .home .sec4 .experiencia h3 {
    font-size: 40px; }
  .home .sec6 .titulo h3 {
    font-size: 40px; }
  .home .sec8 .titulo h3 {
    font-size: 40px; } }

.quienes-somos .sec1 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: url("../img/quienes-somos/banner.png") center center no-repeat;
  background-size: cover;
  text-align: center;
  padding: 150px 0; }
  .quienes-somos .sec1 h1 {
    font-size: 60px;
    color: var(--blanco);
    font-weight: 700;
    font-family: "AvenirNext"; }
  .quienes-somos .sec1 .linea {
    display: inline-block;
    width: 100%;
    background-color: var(--blanco);
    max-width: 300px;
    height: 5px;
    margin: 20px auto; }

.quienes-somos .sec2 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  padding: 50px 0;
  text-align: center; }
  .quienes-somos .sec2 h3 {
    font-size: 30px;
    color: var(--negro);
    font-weight: 700;
    margin: 0 auto 20px;
    font-family: "AvenirNext"; }
  .quienes-somos .sec2 p {
    font-size: 18px;
    color: var(--negro);
    max-width: 850px;
    margin: 0 auto 20px; }

.quienes-somos .sec3 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  padding: 50px 0;
  text-align: center; }
  .quienes-somos .sec3 .bgizq {
    background: url("../img/quienes-somos/03_circulos.png") left center no-repeat;
    background-size: contain; }
  .quienes-somos .sec3 .bgder {
    background: url("../img/quienes-somos/03_circulos.png") right center no-repeat;
    background-size: contain; }
  .quienes-somos .sec3 h3 {
    font-size: 45px;
    color: var(--rosa);
    font-weight: 700;
    margin: 0 auto 20px;
    font-family: "AvenirNext"; }
  .quienes-somos .sec3 p {
    font-size: 18px;
    color: var(--negro);
    max-width: 850px;
    margin: 0 auto 20px; }
  .quienes-somos .sec3 ul {
    display: inline-block;
    margin: auto;
    max-width: 400px;
    padding-left: 0px;
    text-align: left; }
    .quienes-somos .sec3 ul li {
      width: 50%;
      float: left;
      padding-right: 40px; }

.quienes-somos span.linea {
  display: block;
  width: 100%;
  background-color: var(--fondo);
  max-width: 800px;
  height: 5px;
  margin: 0px auto 0px; }

.quienes-somos .sec4 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  padding: 50px 0 50px;
  text-align: center; }
  .quienes-somos .sec4 .texto {
    padding-bottom: 50px; }
    .quienes-somos .sec4 .texto p {
      font-size: 25px;
      font-weight: 700;
      font-family: "AvenirNext";
      max-width: 900px;
      margin: 0 auto 20px; }
  .quienes-somos .sec4 .servicio img {
    display: block;
    margin: 0 auto 20px;
    height: 100%;
    max-height: 150px; }
  .quienes-somos .sec4 .servicio h3 {
    font-size: 30px;
    font-weight: 700;
    font-family: "AvenirNext";
    max-width: 900px;
    color: #333;
    margin: 0 auto 20px; }
  .quienes-somos .sec4 .servicio p {
    font-size: 21px;
    margin: 0 auto 20px; }

@media (max-width: 1200px) and (min-width: 992px) {
  .quienes-somos .sec1 {
    padding: 100px 0; } }

@media (max-width: 991px) and (min-width: 768px) {
  .quienes-somos .sec1 {
    padding: 100px 0; } }

@media (max-width: 767px) and (min-width: 570px) {
  .quienes-somos .sec1 {
    padding: 100px 0; }
  .quienes-somos .sec3 ul {
    padding-left: 40px; } }

@media (max-width: 569px) and (min-width: 480px) {
  .quienes-somos .sec1 {
    padding: 100px 0; }
    .quienes-somos .sec1 h1 {
      font-size: 50px; }
  .quienes-somos .sec3 ul {
    padding-left: 40px; } }

@media (max-width: 479px) and (min-width: 0px) {
  .quienes-somos .sec1 {
    padding: 100px 0; }
    .quienes-somos .sec1 h1 {
      font-size: 40px; }
  .quienes-somos .sec3 ul {
    padding-left: 40px; } }

.autoadheribles .sec1 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: url("../img/autoadheribles/banner.png") center center no-repeat;
  background-size: cover;
  text-align: center;
  padding: 150px 0; }
  .autoadheribles .sec1 h1 {
    font-size: 60px;
    color: var(--blanco);
    font-weight: 700;
    font-family: "AvenirNext"; }
  .autoadheribles .sec1 .linea {
    display: inline-block;
    width: 100%;
    background-color: var(--blanco);
    max-width: 300px;
    height: 5px;
    margin: 20px auto; }

.autoadheribles .sec2 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  padding: 50px 0;
  background: url("../img/autoadheribles/04_mano.png") right bottom no-repeat;
  background-size: 500px; }
  .autoadheribles .sec2 .titulo {
    display: inline-block;
    width: 100%;
    padding: 50px 0px 0px;
    background: url(../img/autoadheribles/03_puntos.png) 25% top no-repeat;
    background-size: 500px;
    text-align: center; }
    .autoadheribles .sec2 .titulo h2 {
      font-size: 60px;
      max-width: 800px;
      font-weight: 700;
      margin: 0 auto 30px;
      font-family: "AvenirNext";
      color: var(--rosa); }
    .autoadheribles .sec2 .titulo p {
      font-size: 20px;
      font-family: "AvenirNext";
      max-width: 700px;
      margin: 0 auto; }
  .autoadheribles .sec2 .texto {
    display: block;
    width: 100%;
    max-width: 850px;
    margin: 50px 0 0;
    text-align: left; }
    .autoadheribles .sec2 .texto p {
      font-size: 20px;
      color: var(--negro);
      margin: 0 0 20px; }
    .autoadheribles .sec2 .texto a {
      display: inline-block;
      width: 100%;
      max-width: 380px;
      background-color: var(--azul);
      border-radius: 5px;
      color: var(--blanco);
      font-size: 20px;
      padding: 10px;
      text-align: center; }

.autoadheribles .sec3 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  padding: 50px 0; }
  .autoadheribles .sec3 .titulo {
    text-align: center;
    padding-bottom: 50px; }
    .autoadheribles .sec3 .titulo h3 {
      font-size: 25px;
      color: var(--negro);
      font-weight: 700;
      font-family: "AvenirNext";
      margin: 0 auto 20px; }
    .autoadheribles .sec3 .titulo p {
      font-size: 18px;
      color: var(--negro);
      max-width: 650px;
      margin: auto; }
  .autoadheribles .sec3 .tipo {
    text-align: center; }
    .autoadheribles .sec3 .tipo img {
      display: block;
      height: 100%;
      max-height: 200px;
      margin: 0 auto 20px; }
    .autoadheribles .sec3 .tipo h2 {
      font-size: 20px;
      color: var(--negro);
      font-weight: 700;
      font-family: "AvenirNext";
      margin: 0 auto 20px;
      min-height: 50px;
      max-width: 200px; }

.autoadheribles .sec4 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: url("../img/autoadheribles/18_banner_02.png") center center no-repeat;
  background-size: cover;
  padding: 50px 0;
  text-align: center; }
  .autoadheribles .sec4 h3 {
    font-size: 35px;
    color: var(--blanco);
    font-weight: 700;
    font-family: "AvenirNext";
    margin: 0 auto 20px; }
  .autoadheribles .sec4 p {
    font-size: 21px;
    color: var(--blanco);
    max-width: 500px;
    margin: auto; }

.autoadheribles span.linea {
  display: block;
  width: 100%;
  background-color: var(--fondo);
  max-width: 800px;
  height: 5px;
  margin: 0px auto 0px; }

@media (max-width: 1200px) and (min-width: 992px) {
  .autoadheribles .sec1 {
    padding: 100px 0; }
  .autoadheribles .sec2 {
    background-size: 400px; }
    .autoadheribles .sec2 .titulo h2 {
      font-size: 50px; } }

@media (max-width: 991px) and (min-width: 768px) {
  .autoadheribles .sec1 {
    padding: 100px 0; }
  .autoadheribles .sec2 {
    background-position: right 55%;
    background-size: 350px; }
    .autoadheribles .sec2 .titulo h2 {
      font-size: 50px; } }

@media (max-width: 767px) and (min-width: 570px) {
  .autoadheribles .sec1 {
    padding: 100px 0; }
  .autoadheribles .sec2 {
    background-position: right 48%;
    background-size: 175px; }
    .autoadheribles .sec2 .titulo h2 {
      font-size: 40px; } }

@media (max-width: 569px) and (min-width: 480px) {
  .autoadheribles .sec1 {
    padding: 100px 0; }
    .autoadheribles .sec1 h1 {
      font-size: 50px; }
  .autoadheribles .sec2 {
    background-position: right 48%;
    background-size: 175px; }
    .autoadheribles .sec2 .titulo h2 {
      font-size: 40px; } }

@media (max-width: 479px) and (min-width: 0px) {
  .autoadheribles .sec1 {
    padding: 100px 0; }
    .autoadheribles .sec1 h1 {
      font-size: 40px; }
  .autoadheribles .sec2 {
    background-position: right 45%;
    background-size: 175px; }
    .autoadheribles .sec2 .titulo h2 {
      font-size: 40px; } }

.blancas .sec1 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: url("../img/blancas/banner.png") center center no-repeat;
  background-size: cover;
  text-align: center;
  padding: 150px 0; }
  .blancas .sec1 h1 {
    font-size: 60px;
    color: var(--blanco);
    font-weight: 700;
    font-family: "AvenirNext"; }
  .blancas .sec1 .linea {
    display: inline-block;
    width: 100%;
    background-color: var(--blanco);
    max-width: 300px;
    height: 5px;
    margin: 20px auto; }

.blancas .sec2 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  padding: 50px 0;
  background: url("../img/blancas/04_etiqueta.png") right bottom no-repeat;
  background-size: 500px; }
  .blancas .sec2 .titulo {
    display: inline-block;
    width: 100%;
    padding: 50px 0px 0px;
    background: url("../img/blancas/03_puntitos.png") 25% top no-repeat;
    background-size: 500px;
    text-align: center; }
    .blancas .sec2 .titulo h2 {
      font-size: 60px;
      max-width: 800px;
      font-weight: 700;
      margin: 0 auto 30px;
      font-family: "AvenirNext";
      color: var(--rosa); }
    .blancas .sec2 .titulo p {
      font-size: 20px;
      font-family: "AvenirNext";
      max-width: 700px;
      margin: 0 auto; }
  .blancas .sec2 .texto {
    display: block;
    width: 100%;
    max-width: 850px;
    margin: 50px 0 0;
    text-align: left; }
    .blancas .sec2 .texto p {
      font-size: 20px;
      color: var(--negro);
      margin: 0 0 20px; }
    .blancas .sec2 .texto a {
      display: inline-block;
      padding: 10px 100px;
      border-radius: 5px;
      background-color: var(--azul);
      color: var(--blanco);
      font-size: 20px; }

.blancas .sec3 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  padding: 50px 0; }
  .blancas .sec3 .titulo {
    text-align: center;
    padding-bottom: 50px; }
    .blancas .sec3 .titulo h3 {
      font-size: 25px;
      color: var(--negro);
      font-weight: 700;
      font-family: "AvenirNext";
      margin: 0 auto 20px; }
    .blancas .sec3 .titulo p {
      font-size: 18px;
      color: var(--negro);
      max-width: 650px;
      margin: auto; }
  .blancas .sec3 .tipo {
    text-align: center; }
    .blancas .sec3 .tipo img {
      display: block;
      height: 100%;
      max-height: 200px;
      margin: 0 auto 20px; }
    .blancas .sec3 .tipo h2 {
      font-size: 20px;
      color: var(--negro);
      font-weight: 700;
      font-family: "AvenirNext";
      margin: 0 auto 20px;
      min-height: 70px;
      max-width: 250px; }

.blancas .sec4 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: url("../img/blancas/13_banner_CTA.png") center center no-repeat;
  background-size: cover;
  padding: 50px 0;
  text-align: center; }
  .blancas .sec4 h3 {
    font-size: 35px;
    color: var(--blanco);
    font-weight: 700;
    font-family: "AvenirNext";
    max-width: 600px;
    margin: 0 auto 20px; }
  .blancas .sec4 a {
    display: inline-block;
    padding: 10px 100px;
    border-radius: 5px;
    background-color: var(--azul);
    color: var(--blanco);
    font-size: 20px; }

.blancas span.linea {
  display: block;
  width: 100%;
  background-color: var(--fondo);
  max-width: 800px;
  height: 5px;
  margin: 0px auto 0px; }

@media (max-width: 1200px) and (min-width: 992px) {
  .blancas .sec1 {
    padding: 100px 0; }
  .blancas .sec2 {
    background-size: 400px; }
    .blancas .sec2 .titulo h2 {
      font-size: 50px; } }

@media (max-width: 991px) and (min-width: 768px) {
  .blancas .sec1 {
    padding: 100px 0; }
  .blancas .sec2 {
    background-position: right 55%;
    background-size: 350px; }
    .blancas .sec2 .titulo h2 {
      font-size: 50px; } }

@media (max-width: 767px) and (min-width: 570px) {
  .blancas .sec1 {
    padding: 100px 0; }
  .blancas .sec2 {
    background-position: right 48%;
    background-size: 175px; }
    .blancas .sec2 .titulo h2 {
      font-size: 40px; }
  .blancas .sec4 a {
    padding: 10px 50px; } }

@media (max-width: 569px) and (min-width: 480px) {
  .blancas .sec1 {
    padding: 100px 0; }
    .blancas .sec1 h1 {
      font-size: 50px; }
  .blancas .sec2 {
    background-position: right 48%;
    background-size: 175px; }
    .blancas .sec2 .titulo h2 {
      font-size: 40px; }
  .blancas .sec4 a {
    padding: 10px 50px; } }

@media (max-width: 479px) and (min-width: 0px) {
  .blancas .sec1 {
    padding: 100px 0; }
    .blancas .sec1 h1 {
      font-size: 40px; }
  .blancas .sec2 {
    background-position: right 45%;
    background-size: 175px; }
    .blancas .sec2 .titulo h2 {
      font-size: 40px; }
  .blancas .sec4 a {
    padding: 10px 10px; } }

.contacto .sec1 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: url("../img/contacto/banner.png") center center no-repeat;
  background-size: cover;
  text-align: center;
  padding: 150px 0; }
  .contacto .sec1 h1 {
    font-size: 60px;
    color: var(--blanco);
    font-weight: 700;
    font-family: "AvenirNext"; }
  .contacto .sec1 .linea {
    display: inline-block;
    width: 100%;
    background-color: var(--blanco);
    max-width: 300px;
    height: 5px;
    margin: 20px auto; }

.contacto .sec2 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  padding: 50px 0; }
  .contacto .sec2 .titulo {
    display: inline-block;
    width: 100%;
    padding: 50px 0px 0px;
    background: url("../img/contacto/03_puntitos.png") 75% top no-repeat;
    background-size: 500px;
    text-align: center; }
    .contacto .sec2 .titulo h2 {
      font-size: 60px;
      max-width: 800px;
      font-weight: 700;
      margin: 0 auto 30px;
      font-family: "AvenirNext";
      color: var(--rosa); }
    .contacto .sec2 .titulo p {
      font-size: 25px;
      max-width: 700px;
      margin: 0 auto; }
      .contacto .sec2 .titulo p strong {
        font-family: "AvenirNext"; }

.contacto .sec3 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  padding: 50px 0; }
  .contacto .sec3 .titulo {
    text-align: center;
    padding-bottom: 50px; }
    .contacto .sec3 .titulo h3 {
      font-size: 40px;
      max-width: 800px;
      font-weight: 700;
      margin: 0 auto 30px;
      font-family: "AvenirNext";
      color: var(--rosa); }
    .contacto .sec3 .titulo p {
      font-size: 18px;
      color: var(--negro);
      max-width: 650px;
      margin: auto; }
  .contacto .sec3 .contacto .contactanos {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    background-color: var(--celeste);
    border-radius: 50px 0 50px 0;
    padding: 25px;
    min-height: 300px; }
    .contacto .sec3 .contacto .contactanos p {
      font-size: 20px;
      font-weight: 700;
      max-width: 800px;
      text-align: center;
      color: var(--blanco);
      margin: 0 auto 20px; }
    .contacto .sec3 .contacto .contactanos input {
      width: 100%;
      padding: 10px;
      border: none;
      border-radius: 10px;
      outline: none;
      margin: 10px 0px; }
    .contacto .sec3 .contacto .contactanos textarea {
      width: 100%;
      padding: 10px;
      border: none;
      border-radius: 10px;
      outline: none;
      min-height: 165px;
      margin: 10px 0px; }
    .contacto .sec3 .contacto .contactanos button {
      display: inline-block;
      width: 100%;
      height: 45px;
      border: none;
      border-radius: 10px;
      outline: none;
      color: var(--blanco);
      background-color: var(--azul); }
  .contacto .sec3 .contacto .datos {
    display: block;
    margin: auto;
    max-width: 300px;
    text-align: center;
    width: 100%; }
    .contacto .sec3 .contacto .datos p {
      display: inline-block;
      width: 100%;
      font-size: 20px; }
      .contacto .sec3 .contacto .datos p strong {
        display: block;
        font-size: 30px;
        font-weight: 700;
        margin: 0px auto;
        font-family: "AvenirNext";
        color: var(--rosa); }
      .contacto .sec3 .contacto .datos p a, .contacto .sec3 .contacto .datos p span {
        color: var(--negro);
        display: block; }
        .contacto .sec3 .contacto .datos p a:hover, .contacto .sec3 .contacto .datos p span:hover {
          color: var(--gris); }
      .contacto .sec3 .contacto .datos p img.whatsapp {
        max-width: 50px;
        margin: 15px 10%; }

.contacto .sec4 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  padding: 50px 0; }
  .contacto .sec4 iframe {
    display: block;
    width: 100%;
    height: 350px; }
  .contacto .sec4 h4 {
    font-size: 40px;
    max-width: 700px;
    font-weight: 700;
    margin: 0 auto 20px;
    font-family: "AvenirNext";
    color: var(--rosa); }
  .contacto .sec4 p {
    font-size: 20px;
    color: var(--negro);
    font-weight: 700; }

.contacto span.linea {
  display: block;
  width: 100%;
  background-color: var(--fondo);
  max-width: 800px;
  height: 5px;
  margin: 20px auto; }

@media (max-width: 1200px) and (min-width: 992px) {
  .contacto .sec1 {
    padding: 100px 0; }
  .contacto .sec2 .titulo h2 {
    font-size: 50px; } }

@media (max-width: 991px) and (min-width: 768px) {
  .contacto .sec1 {
    padding: 100px 0; }
  .contacto .sec2 .titulo h2 {
    font-size: 50px; } }

@media (max-width: 767px) and (min-width: 570px) {
  .contacto .sec1 {
    padding: 100px 0; }
  .contacto .sec2 .titulo h2 {
    font-size: 40px; } }

@media (max-width: 569px) and (min-width: 480px) {
  .contacto .sec1 {
    padding: 100px 0; }
    .contacto .sec1 h1 {
      font-size: 50px; }
  .contacto .sec2 .titulo h2 {
    font-size: 40px; } }

@media (max-width: 479px) and (min-width: 0px) {
  .contacto .sec1 {
    padding: 100px 0; }
    .contacto .sec1 h1 {
      font-size: 40px; }
  .contacto .sec2 .titulo h2 {
    font-size: 40px; } }

/* Medias query */
/* Medias query menu hamburguesa */
@media (max-width: 989px) {
  header .navbar-header {
    float: none; }
  header .navbar-left, header .navbar-right {
    float: none !important; }
  header .navbar-toggle {
    display: block; }
  header .navbar-collapse {
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); }
  header .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px; }
  header .navbar-collapse.collapse {
    display: none !important; }
  header .navbar-nav {
    float: none !important;
    margin-top: 7.5px; }
  header .navbar-nav > li {
    float: none; }
  header .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px; }
  header .collapse.in {
    display: block !important; } }