@import url(normalize.css);
@import url(fonts.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,600|Source+Sans+Pro:400,300,700|Montserrat:400,700;);
* { font-size: 16px; box-sizing: border-box; list-style: none; }

body { font-family: "Source Sans Pro", sans-serif; max-width: 1440px; margin: 0 auto; background: #FEFEFE; box-shadow: 0px 0px 8px 1px rgba(106, 116, 123, 0.25); }

body#inicio nav ul li:nth-child(1) a, body#productos nav ul li:nth-child(2) a, body#filtracion nav ul li:nth-child(3) a, body#empresa nav ul li:nth-child(4) a, body#contactenos nav ul li:nth-child(5) a { color: #25468B; }

ul, li, ol { padding: 0; }

a { color: #FEFEFE; text-decoration: none; }

hr { background: #EEE; width: 70%; border: none; height: 2px; }

h1 { display: none; position: absolute; left: 60px; top: 30%; color: #5393DB; font-weight: bold; text-transform: uppercase; }

h2 { font-size: 1em; font-weight: normal; color: #6a747b; max-width: 35em; padding: 0 0.5em; }

h3 { font-size: 2em; font-family: "Open Sans", sans-serif; font-weight: 600; text-align: center; margin: 0; }

h4 { font-size: 1em; text-transform: uppercase; color: #84a1de; font-family: "Open Sans", sans-serif; margin: 0; }

.botones { margin: 1em 0; }

.botones .boton-cta { border-radius: 50px; background: #43BCCF; padding: .5em 1.5em; text-transform: uppercase; line-height: 2em; color: #FEFEFE; margin: 0 .5em; cursor: pointer; }

.botones .boton-cta:last-child { background: #25468B; color: #FEFEFE; }

.boton { border-radius: 50px; background: #43BCCF; padding: .4em 2em; text-transform: uppercase; line-height: 3em; cursor: pointer; }

.boton-cta:active, .boton:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 2px inset; }

nav { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: fixed; width: 100%; padding: 0 5%; max-width: 1440px; z-index: 100; background: transparent; line-height: 4em; transition: 0.5s ease-out; }

nav .menu-contenedor { position: relative; }

nav input { display: none; }

nav label { visibility: hidden; }

nav ul { width: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; }

nav li a { text-transform: uppercase; font-size: 0.8em; font-family: "Open Sans", sans-serif; font-weight: 600; color: #333; position: relative; transition: 0.2s; }

nav li a:hover { color: #25468B; }

nav li a::before { content: ""; bottom: -10px; display: block; height: 3px; left: 50%; position: absolute; transition: 0.2s; width: 0%; }

nav li a:hover::before { background: #25468B; width: 100%; left: 0; }

.menu-js { background: rgba(255, 255, 255, 0.9); }

.menu-logo-v { background-image: url("../img/logo-s-pq.svg"); background-repeat: no-repeat; width: 150px; height: 65px; margin: .2em 20vw 0 0; }

article#inicio { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: linear-gradient(45deg, #40c0d4 0%, #3564c7 100%); height: 90vh; text-align: center; position: relative; display: flex; width: 100%; }

article#inicio .logo-contenedor { background: #FEFEFE; border-radius: 50%; width: 600px; height: 600px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; box-shadow: #3B95CE 0px 0px 0px 10px, #FEFEFE 0px 0px 0px 15px; }

article#inicio .logo-contenedor img { width: 250px; margin: 0 0 1em; }

article#inicio .logo-contenedor .slogan { margin-top: -1.5em; }

article#video { box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 2em 0; }

article#video h3 { font-size: 2em; color: #367BB1; margin: 0 0 .5em; }

article#video p { font-size: .9em; color: #6a747b; width: 50%; margin: 0 0 1.5em; text-align: center; }

article#video .video-contenedor { width: 100%; max-width: 1000px; max-height: 563px; margin-bottom: 1.5em; padding: 0 1em; }

article#rubros { min-height: 400px; background: #25468B; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

article#rubros h3 { font-size: 2em; margin-top: 1em; color: #FEFEFE; text-align: center; }

article#rubros ul { margin: auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

article#rubros ul li { padding: 2em 0; width: 330px; }

article#rubros ul li .item { margin: auto; width: 200px; height: 200px; background: #FEFEFE; border-radius: 50%; overflow: hidden; }

article#rubros ul li p { text-align: center; color: #cbcbcb; padding: .5em 1em; font-size: .9em; }

article#pro1 { height: auto; background: #F3F3F3; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 2em 1em; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }

article#pro1 figure { width: 50%; display: -webkit-flex; display: -ms-flexbox; display: flex; }

article#pro1 figure img { margin: 2em auto; width: 100%; height: 100%; }

article#pro1 .nota { width: 50%; text-align: center; padding: 0 3em; }

article#pro1 .nota h3 { color: #43BCCF; }

article#pro1 .nota p { font-size: 1em; color: #6a747b; text-align: justify; }

article#pro2 { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }

article#pro2 .pro-n, article#pro2 .pro-r { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; height: 300px; }

article#pro2 .pro-n .nota-n, article#pro2 .pro-r .nota-n { background: #25468B; }

article#pro2 .pro-n .nota-n::before, article#pro2 .pro-r .nota-n::before { content: ""; width: 0; height: 0; border-top: 45px solid transparent; border-bottom: 45px solid transparent; top: 35%; position: absolute; border-left: 50px solid #25468B; right: -25px; }

article#pro2 .pro-n .nota-r, article#pro2 .pro-r .nota-r { background: #43BCCF; }

article#pro2 .pro-n .nota-r::before, article#pro2 .pro-r .nota-r::before { content: ""; width: 0; height: 0; border-top: 45px solid transparent; border-bottom: 45px solid transparent; top: 35%; position: absolute; border-right: 50px solid #43BCCF; left: -25px; }

article#pro2 .pro-n .nota-n, article#pro2 .pro-n .nota-r, article#pro2 .pro-r .nota-n, article#pro2 .pro-r .nota-r { font-size: .9em; color: #FEFEFE; padding: 0 6em 0; width: 50%; height: 100%; text-align: justify; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; }

article#pro2 .pro-n .nota-n h3, article#pro2 .pro-n .nota-r h3, article#pro2 .pro-r .nota-n h3, article#pro2 .pro-r .nota-r h3 { text-align: left; }

article#pro2 .pro-n .nota-n p, article#pro2 .pro-n .nota-r p, article#pro2 .pro-r .nota-n p, article#pro2 .pro-r .nota-r p { font-size: 1em; }

article#pro2 .pro-n figure, article#pro2 .pro-r figure { width: 50%; height: 100%; background: #FEFEFE; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0; border-bottom: 1px solid #e6e6e6; }

article#pro2 .pro-n figure img, article#pro2 .pro-r figure img { margin: auto; width: 100%; height: auto; }

article#bene { height: 600px; background-color: #FEFEFE; background-image: url("../img/mujer-agua.jpg"); background-position: top right; background-repeat: no-repeat; background-size: cover; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

article#bene h3 { margin: 7% 10% 1em; width: 510px; line-height: 1.2em; color: #25468B; font-size: 2.8em; text-align: left; }

article#bene ol { margin: 0 10% auto; position: relative; counter-reset: item; list-style: none; }

article#bene ol li { font-size: 1.4em; font-family: "Open Sans", sans-serif; font-weight: 600; color: #3564c7; cursor: pointer; margin-bottom: 1em; }

article#bene ol li:before { display: inline-block; content: counter(item) " "; counter-increment: item; background-color: #3564c7; border-radius: 50%; color: #FEFEFE; padding: 2px 12px; margin-right: .4em; }

article#bene ol li p { margin: 0 0 1em 2.8em; color: #6a747b; padding: .5em; font-size: .6em; }

article#contact { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-top: 1px solid #e6e6e6; padding: 5em 0; }

article#contact h3 { font-size: 2.5em; color: #6a747b; text-align: center; margin-bottom: .5em; }

article#contact a { line-height: 1.4em; background: #25468B; }

section#info { display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 2em; }

section#info aside { width: 25%; margin: 3em 0; position: relative; }

section#info aside ul { background: #F3F3F3; border-radius: 10px; padding: 20px; width: 250px; position: absolute; right: 0; }

section#info aside ul span { text-align: center; }

section#info aside ul li { padding: 10px 0 2px 10px; border-bottom: 1px solid silver; }

section#info aside ul li a { color: #367BB1; }

section#info aside ul li a:hover { color: #25468B; }

section#info .info-contenido { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 75%; }

section#info .info-contenido .ancla { position: relative; top: -5em; }

section#info .info-contenido article { padding: 0 3em 0 2em; }

section#info .info-contenido article:nth-child(n+2) h3 { margin-top: .8em; }

section#info .info-contenido article h3 { color: #367BB1; }

section#info .info-contenido article p { color: #6a747b; }

section#info .info-contenido article p span { color: #367BB1; font-weight: bold; }

section#info .info-contenido article ul { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

section#info .info-contenido article ul li { width: 300px; }

section#info .info-contenido article ul li figure img { width: 180px; border-radius: 50%; margin: auto; display: block; }

section#info .info-contenido article ul li figure figcaption { color: #25468B; font-size: 1.1em; text-align: center; margin-top: .3em; }

section#info .empre { width: 100% !important; }

section#info .empre figure { width: 100%; }

section#info .empre figure img { width: 100%; }

section#info.productos .info-contenido { width: 100%; }

section#info.productos .info-contenido article ul { display: block; padding-left: 2%; }

section#info.productos .info-contenido article ul li { list-style-type: disc; width: 100%; }

section#info.productos .info-contenido article a { color: #367BB1; text-decoration: none; }

section#info.productos .info-contenido article a:hover { text-decoration: underline; }

section#mapa #map { width: 100%; height: 500px; }

section#mapa iframe { width: 100%; }

section#formulario { margin: 2em; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; }

section#formulario h3 { color: #367BB1; margin: 0 0 .5em; }

section#formulario figure { width: 60%; max-width: 400px; }

section#formulario figure img { width: 100%; }

section#formulario p { color: #6a747b; margin: 0 0 1.5em; text-align: center; }

section#formulario ul { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; width: 85%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

section#formulario ul li { width: 230px; text-align: left; }

section#formulario ul li a.icon-map { width: 100%; }

section#formulario ul li a { position: relative; margin-left: 4em; color: #222; padding: .5em 0; display: block; }

section#formulario ul li a:before { position: absolute; left: -1.5em; font-size: 1.8em; color: #367BB1; }

section#formulario .content-form { margin: auto; min-width: 500px; text-align: left; }

section#formulario .content-form .linea { display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 1em 0; }

section#formulario .content-form .linea .input-group { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; margin: 0 .5em; }

section#formulario .content-form .linea .input-group label { color: #6a747b; padding: 5px; }

section#formulario .content-form .linea .input-group input, section#formulario .content-form .linea .input-group textarea { border-radius: 10px; border: none; background: #eeeeee; padding: 5px 10px; transition: .2s; width: 100%; color: #333; }

section#formulario .content-form .linea .input-group input:focus, section#formulario .content-form .linea .input-group textarea:focus { background: #dce9f2; outline: none; }

section#formulario .content-form .linea .input-group textarea { height: 200px; }

section#formulario .content-form .linea .input-group .boton { margin-top: 1em; background: #43BCCF; width: auto; color: #FEFEFE; border-radius: 2em; padding: 0; }

section#formulario .content-form .linea .input-group .boton:focus { background: #43BCCF; }

section#formulario .content-form .linea .input-group .boton:active { box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 2px inset; }

section#gracias { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100vh; border: 0; }

section#gracias figure { width: 500px; }

section#gracias h4 { color: #333; }

section#gracias h4 a { color: #25468B; }

section#gracias h4 a:hover { text-decoration: underline; }

footer { height: 200px; background: #25468B; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5em; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

footer .footer-contenedor { display: -webkit-flex; display: -ms-flexbox; display: flex; margin: auto; width: 100%; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

footer .footer-contenedor .footer-logo { width: 15%; background-image: url("../img/logo-pq-b.svg"); background-repeat: no-repeat; width: 120px; height: 120px; }

footer .footer-contenedor .footer-lista { width: 85%; margin: 0 0 0 auto; }

footer .footer-contenedor .footer-lista ul { list-style: none; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; margin: 0; }

footer .footer-contenedor .footer-lista ul li > ul { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-top: 1.1em; }

footer .footer-contenedor .footer-lista ul li > ul li { padding-bottom: .1em; }

footer .footer-contenedor .footer-lista ul li > ul li a { color: #e5e5e5; transition: 0.08s; }

footer .footer-contenedor .footer-lista ul li > ul li a:hover { color: #84a1de; }

footer .footer-contenedor .footer-lista ul .sociales { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; color: #FEFEFE; font-size: 1.5em; margin: .5em 0; }

footer .footer-contenedor .footer-lista ul .sociales a { margin-right: 1.3em; font-size: 1em; }

footer .footer-contenedor .footer-lista ul .sociales a:hover { color: #43BCCF; }

@media (max-width: 1024px) { footer { padding: 0 1em; height: auto; }
  footer .footer-logo { margin: 1.5em 0; }
  footer .footer-contenedor { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  footer .footer-contenedor .footer-lista { margin: 0; }
  footer .footer-contenedor .footer-lista ul { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
  footer .footer-contenedor .footer-lista ul li:last-child { width: 100%; }
  footer .footer-contenedor .footer-lista ul li:last-child h4 { display: none; }
  footer .footer-contenedor .footer-lista ul li:last-child .sociales { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; margin-top: 1.5em; }
  footer .footer-contenedor .footer-lista ul li:last-child .sociales a { margin: 0; }
  .menu-logo-v { margin-right: 5vw; } }

@media (max-width: 800px) { footer { padding: 0; font-size: 14px; }
  article#rubros ul > li { width: 52%; }
  article#video p { width: 80%; }
  article#pro2 [class*="pro-"] { height: 400px; }
  article#pro2 [class*="pro-"] [class*="nota-"] { padding: 0 3em; }
  article#bene { -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-position: top; }
  article#bene h3 { text-align: center; }
  section#info { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  section#info aside, section#info .info-contenido { width: 100%; }
  section#info aside { margin: auto; }
  section#info aside ul { position: relative; width: 100%; }
  section#formulario ul { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } }

@media (max-width: 750px) { body#inicio nav ul li:nth-child(1) a, body#productos nav ul li:nth-child(2) a, body#filtracion nav ul li :nth-child(3) a, body#empresa nav ul li:nth-child(4) a, body#contactenos nav ul li:nth-child(5) a { color: #43BCCF; }
  nav { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 65px; }
  nav .menu-contenedor { width: 100%; margin-top: .3em; }
  nav .menu-contenedor a { float: left; }
  nav label { visibility: visible; font-size: 1.8em; cursor: pointer; padding-top: 10px; }
  nav ul { position: absolute; width: 100%; height: 100vh; left: 0; top: 0; background: rgba(0, 0, 0, 0.8); display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; top: 65px; transition: 0.6s; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); }
  nav ul li { width: 100%; height: 40px; line-height: 40px; text-align: center; border-bottom: solid 1px rgba(106, 116, 123, 0.5); }
  nav ul li a { color: #FEFEFE; margin: 0 1em; }
  nav ul li a:hover::before { width: 0; }
  nav ul li:hover { background: rgba(37, 70, 139, 0.8); }
  nav ul li:hover a:hover { color: #FEFEFE; }
  #menu-bar:checked ~ ul { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  article#inicio .logo-contenedor { background: transparent; box-shadow: none; } }

@media (max-width: 740px) { article#inicio { background: linear-gradient(135deg, #31cee6 0%, #3e76e6 100%); height: 100vh; overflow: hidden; }
  article#inicio .logo-contenedor { width: 300px; height: auto; margin: auto; }
  article#inicio .logo-contenedor .slogan h2 { color: #F3F3F3; }
  article#inicio .logo-contenedor .botones { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  article#inicio .logo-contenedor .botones .boton-cta { margin: 0 0 0.5em 0; padding: 0 1em; } }

@media (max-width: 425px) { * { font-size: 14px; }
  footer { font-size: 16px; }
  footer .footer-contenedor .footer-lista ul { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; margin-bottom: 1.5em; }
  footer .footer-contenedor .footer-lista ul li { width: 100%; text-align: center; }
  footer .footer-contenedor .footer-lista ul li ul { margin-top: .5em; }
  footer .footer-contenedor .footer-lista ul li:last-child .sociales { margin-top: .5em; }
  article#rubros h3 { font-size: 35px; }
  article#rubros ul > li { width: 100%; }
  article#pro1 { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  article#pro1 figure, article#pro1 .nota { width: 100%; }
  article#pro1 .nota { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 0.8em; }
  article#pro1 .nota p { margin-bottom: 1em; }
  article#pro1 .nota .boton { padding: .5em 2em; line-height: normal; }
  article#pro2 [class*="pro-"] { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: auto; }
  article#pro2 [class*="pro-"] [class*="nota-"], article#pro2 [class*="pro-"] figure { width: 100%; height: auto; }
  article#pro2 [class*="pro-"] [class*="nota-"] { padding: 2em; }
  article#pro2 [class*="pro-"] [class*="nota-"]::before { border: 0; }
  article#pro2 .pro-r .nota-r { -webkit-order: 0; -ms-flex-order: 0; order: 0; }
  article#pro2 .pro-r figure { -webkit-order: 1; -ms-flex-order: 1; order: 1; }
  article#bene { height: auto; padding: 1em 0; background-image: none; background-color: #F3F3F3; }
  article#bene h3 { width: 96%; margin: 0 0 1em; font-size: 35px; }
  article#contact h3 { width: 96%; font-size: 35px; }
  section#info .info-contenido article { padding: 0; }
  section#mapa { position: relative; }
  section#mapa:before { content: ""; position: absolute; background: transparent; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; }
  section#formulario .content-form { min-width: auto; }
  section#formulario ul li a.icon-map { width: auto; } }