/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block;
}

/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: #0d5194 !important;
  opacity: 1;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

* {
  box-sizing: border-box;
}

body {
  opacity: 0;
  transition: opacity 1s;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 1vw;
  line-height: 1.2vw;
  color: #fff;
  overflow-x: hidden !important;
  outline: 0;
  background-color: #fff;
  position: relative;
  -webkit-font-smoothing: antialiased;
  opacity:0;
}

@media screen and (max-width: 795px) {
  body {
    font-size: 16px;
    line-height:18px;
  }
}

@media screen and (max-width: 485px) {
  body {
    font-size: 14px;
    line-height:16px;
  }
}

p {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  text-indent: 0;
}

a, a:hover, button {
  text-decoration: none;
  color: inherit;
  outline: 0;
  transition: all 0.3s;
}
h2, h3, h4 { margin:0; padding:0; }
strong {
  font-weight: bold;
}

a[href^="tel"] {
  color: inherit;
}

.slick-slide {
  outline: none;
}

ul {
  padding: 0;
  margin: 0;
}

li {
  list-style-type: none;
}


body.loaded {
  opacity: 1;
}

body.arabe { font-family: "Tajawal", sans-serif !important; }

.grecaptcha-badge {
  display: none !important;
}

textarea:focus, input:focus{
    outline: none;
}
*:focus {
    outline: none;
}

.idiomas { display:block; float:right; position:absolute;  color:#fff; font-size:1vw; line-height: 1.2vw; text-transform: uppercase; cursor:pointer; top:4.3vw; right:2.79vw;  z-index:100; transition:all 1s;}
.idiomas .mundo { display:inline-block; float:left; width:1.85vw; height:auto; margin:-.4vw .5vw; }
.idiomas .flecha { display:inline-block; float:right; width:.892vw; height:auto; margin:.3vw .5vw; }

.idiomas .muestraOpciones { display: inline-block; position: relative; padding-bottom: 2.4vw; font-weight: 500; }

.idiomas ul.opciones {  display:block; position:absolute; top:-8vw; left:0vw; background:#0d5194; padding:1vw 2vw 1vw 2vw;  opacity:0; height:0; transition: height .1s; z-index:99; }
.idiomas .opciones li { display: block; position:relative; overflow:hidden; font-size:1vw; line-height:1.2vw; text-transform: none; color:#fff; margin-bottom:.5vw; font-weight: 500; padding:0 .5vw .5vw .5vw; border-bottom:1px solid #fff; text-align:right;}
.idiomas .opciones li:last-child { padding-bottom:0; margin-bottom:0; border:0; }

.idiomas .opciones li:hover { color:#000; }
.idiomas .muestraOpciones:hover ul.opciones { opacity:1; height:auto; top:2vw; left:-1.5vw;}

header { display: block; position: fixed; z-index: 9; top:27.7vh; top:26vh; left:0;transform: translateX(-500px); opacity: 0; transition: 1s  1.3s; }
.loaded header  { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }
header h1 { display:block; width:9.52vw; margin:0; padding:0;}
header h1 a { display:block; position:relative; overflow:hidden; width:100%; height:100%; }
header h1 img.iso { display:block; width:100%; height:auto; }
header h1 img.iso-blanco { display:none; }

.elsobrelogo { display:block; position:absolute; width:20.25vw;    top: 0; left: 0vw; height:auto; z-index:9999;-webkit-transform: translateX(-500px); transform: translateX(-500px); transition:all .5s;}
.elsobrelogoBlanco { display:block; position:absolute; width:20.25vw;    top: 0; left: 0vw; height:auto; z-index:9999;-webkit-transform: translateX(-500px); transform: translateX(-500px); transition:all .5s;}

.lafuente .h1hover:hover .elsobrelogo  {   -webkit-transform: translateX(0px); transform: translateX(0px); }
.caracteristicas .h1hover:hover .elsobrelogo  {   -webkit-transform: translateX(0px); transform: translateX(0px); }
.caracteristicas2 .h1hover:hover .elsobrelogo  {   -webkit-transform: translateX(0px); transform: translateX(0px); }
.elagua .h1hover:hover .elsobrelogo  {   -webkit-transform: translateX(0px); transform: translateX(0px); }
.planta .h1hover:hover .elsobrelogoBlanco  {   -webkit-transform: translateX(0px); transform: translateX(0px); }
.contacto .h1hover:hover .elsobrelogo  {   -webkit-transform: translateX(0px); transform: translateX(0px); }

header.planta h1 img.iso { display:none; }
header.planta h1 img.iso-blanco {  display:block; width:100%; height:auto;}

header .mouse { display:block; margin-top:2vw; width:2.5595238095vw; height:4.0476190476vw; margin-left:3.51vw; background-image:url(../img/mouse-menu.svg); background-repeat:no-repeat; background-position:center; background-size: cover;}
header .flecha { display:block; margin-top:2vw; width:1.01vw; height:4.11vh; margin-left:4.28vw;background-image:url(../img/flecha-menu.svg); background-repeat:no-repeat; background-position:center; background-size: cover;}
header .menu { display:block; margin-top:2vw; min-width:1.5015015015vw; margin-left:4.04vw; }
header .menu li { display:block; position:relative; overflow:hidden; /*text-indent: -8vw; */ background-image: url(../img/circulo-menu-off.svg); background-repeat: no-repeat; background-position: left center; background-size: 1.4880952381vw; margin-bottom: .3vw; cursor:pointer; text-transform: uppercase; height:1.4880952381vw;}
header .menu li span { display:block;font-weight: 700; font-size:.66vw; color:#fff;  padding-top:.2vw; opacity:0; padding-left:2vw;}
header .menu li a { display:block; position:relative; overflow:hidden; width:100%; height:100%; }
header .menu li a:hover span{ /*text-indent:2vw; */ opacity:1;}
header .menu li .activo {  background-image: url(../img/circulo-menu-on.svg); background-repeat: no-repeat; background-position: left; background-size: 1.4880952381vw;}

header.lafuente .mouse, header.planta .mouse { display:none; }
header.lafuente .flecha, header.home .flecha, header.planta .flecha { background-image:url(../img/flecha-menu.svg); }

header.lafuente .menu li, header.home .menu li, header.planta .menu li  { background-image: url(../img/circulo-menu-off.svg);}
header.lafuente .menu li span, header.home .menu li span, header.planta .menu li span,  {  color:#fff; }
header.lafuente .menu li .activo, header.home .menu li .activo, header.planta .menu li .activo { background-image: url(../img/circulo-menu-on.svg); }

header.caracteristicas .mouse, header.elagua .mouse, header.caracteristicas2 .mouse, header.contacto .mouse { display: none; }
header.caracteristicas .flecha, header.elagua .flecha, header.caracteristicas2 .flecha, header.contacto .flecha { background-image:url(../img/flecha-menu-azul.svg); }

header.caracteristicas .menu li, header.elagua .menu li, header.caracteristicas2 .menu li, header.contacto .menu li  { background-image: url(../img/circulo-menu-off-azul.svg);}
header.caracteristicas .menu li span, header.elagua .menu li span, header.caracteristicas2 .menu li span, header.contacto .menu li span {  color:#0d5194; }
header.caracteristicas .menu li .activo, header.elagua .menu li .activo, header.caracteristicas2 .menu li .activo, header.contacto .menu li .activo { background-image: url(../img/circulo-menu-on-azul.svg); }

.menuMovil { display: none; position: fixed; top: 5.3vw; right:0; z-index: 99; padding: 2vw 4.3vw; background: #084870; width: auto; opacity:0; height:0; transition:all .5s; }
.menuMovil.abierto { display:block; opacity:1; height:auto; }
.menuMovil li { display: block; position: relative; overflow: hidden; font-size: 1.3vw; text-transform: uppercase; font-weight: 700; margin-bottom: .5vw; padding-bottom: .5vw; border-bottom: 1px solid #fff; cursor:pointer; }
.menuMovil li:hover { color:#47a1b3; }
.menuMovil li:last-child { margin-bottom:0; padding-bottom:0; border:0; }


.seccion { display:block; position:relative;  z-index:1; width:100vw; overflow:hidden; }

#home { position: relative; display: block; width: 100%;  background-repeat: no-repeat; background-size: cover; height:100vh; background-position:center; background-attachment: fixed; z-index:1; padding:28vh 8.92vw 2vw 14.88vw; padding-top:26vh;}

#home h1 { display:block; position:relative; width:24.16vw; -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; transition: 1s  .5s; }
#home.muestra h1 { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }
#home h1 img { display:block; width:100%; height:auto; }
#home .linea { display: block; margin: 5.44vh 0; border-bottom: 2px solid #fff; width: 5vw;  -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; transition: 1s  .7s; }
#home.muestra .linea { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }
#home h2 { display:block; font-weight: 300; text-transform: uppercase; color:#fff; font-size:2.8vw; -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; transition: 1s  .9s; }
#home.muestra h2 { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }
#home p { display:block; font-weight: 500; color:#fff; font-size:1.05vw; line-height:1.3vw; width:31vw; margin-top:5.44vh; -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; transition: 1s  1.1s; }
#home.muestra p { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }

#lafuente { display:block; position:relative; overflow:hidden; width:100%; height:100vh; background-repeat: no-repeat; background-position: center; background-size:cover; padding:0 8.92vw 0 14.88vw;}
#lafuente .izq { display: inline-block; float: left; position: relative; overflow: hidden; width: 34.7023809524vw; margin-top: 29vh; margin-top:26vh;}
#lafuente .izq h2 { display:block; font-weight: 300; text-transform: uppercase; color:#fff; font-size:3.8vw; line-height: 4vw;  -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; transition: 1s  .5s; }
#lafuente.muestra h2 { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }
#lafuente .izq h2 strong { display:block; font-weight: 900; font-size:4.72vw;}
#lafuente .izq h3 { display:block; font-weight: 400; color:#fff; font-size:1.3vw; line-height: 1.6vw; margin-top:6.6vh; -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; transition: 1s  .7s; }
#lafuente.muestra h3 { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }
#lafuente .izq p { display:block; font-weight: 400; color:#fff; font-size:.94vw; line-height: 1.1vw; margin-top:6.6vh; -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; transition: 1s  .9s; }
#lafuente.muestra p { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }
#lafuente .botella { display:inline-block;; float:left; position:relative; overflow:hidden; margin-left:4.75vw; width:13.1vw; height:auto; margin-top:23vh; opacity:0;transition: 1s  1.1s; }
#lafuente.muestra .botella { opacity:1; }
#lafuente .mapa2 { display: block; position: absolute; top: 0; right: 1.96vw; width: 30.71vw; height: auto; z-index:2;}
#lafuente .mapa1 { display: block; position: absolute; top: 0; right: 1.96vw; width: 30.71vw; height: auto; z-index:1;}
#lafuente .der { display: inline-block; float: left; position: relative; overflow: hidden; width: 10.5vw; z-index: 9; margin-top: 60.5vh;
    margin-left: 5.1vw;border: solid #fff; border-width: 0 2px; padding: 1vw; -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; transition: 1s  .5s; margin-top: 54.5vh;
    margin-left: 4.1vw; }
#lafuente .der h4 { display:block; font-weight: 900; font-size:.69vw; line-height: .75vw; text-transform: uppercase; color:#fff; text-align:right; }
#lafuente.muestra .der { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }
#lafuente .der h4 span { display: block; font-size:.6vw; line-height:.8vw; font-weight: 700; margin-top:.2vw; text-align:right; }
#lafuente .der p { display: block; font-size:.5vw; font-weight: 400; margin:0; padding:0; text-align:right; text-transform:uppercase; margin-top:0;  }
#lafuente .punto { display: block; position: absolute; width: 6.72vw; height: auto; top: 30.3vw; right: 10.4vw; z-index: 9; }

#caracteristicas { display:block; position:relative; overflow:hidden; width:100%; height:100vh; background:#fff; padding:0 8.92vw 0 14.88vw;}
#caracteristicas .izq { display: inline-block; float: left; position: relative; overflow: hidden; width: 31vw; margin-top: 28vh; margin-top:17vh;}
#caracteristicas .izq h2 { display:block; font-size:5.8vw; line-height: 6vw; font-weight: 900; color: #0d5194;  -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; transition: 1s  .5s; }
#caracteristicas.muestra h2 { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }
#caracteristicas .izq span { display: block; color: #0d5194; font-size: 5.5vw; line-height: 6vw; font-weight: 400; text-transform: none; padding-left:4.5vw;}
#caracteristicas .izq h3 { display: block; color: #0d5194; font-size: .94vw; line-height: 1.1vw; font-weight: 500; width: 62%; margin-top:4vh;  -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; transition: 1s  .7s;  width:56%;}
#caracteristicas.muestra h3 { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }

#caracteristicas .izq p { display: block; color: #0d5194; font-size: 1.2vw; line-height: 1.4vw; font-weight: 500; width: 58%; margin-top:3vh;  -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; transition: 1s  .9s; }
#caracteristicas.muestra p { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }
#caracteristicas .siete { display: block; position: absolute; width: 21.42vw; height: auto; top: 48vh; left: 27vw; top:39vh; }
.portugues #caracteristicas .siete{ top:44vh; }
#caracteristicas ul { display: inline-block; float: right; width: 38.69vw; position: relative; overflow: hidden; margin-top: 36vh; margin-top:26vh; }
#caracteristicas ul li { display:inline-block; float:left; position:relative; overflow:hidden; width:48%; padding:2vw 1vw 2vw 0; border-right:1px solid #0d5194; }
#caracteristicas ul li:last-child { border:0; padding-right:0; padding-left:2vw;}

#caracteristicas ul li:nth-child(1) { -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s  1.1s; }
#caracteristicas.muestra ul li:nth-child(1) { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; } 

#caracteristicas ul li:nth-child(2) { -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s  1.3s; }
#caracteristicas.muestra ul li:nth-child(2) { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; } 
#caracteristicas ul li h2 { display: block; color: #0d5194; font-size: 1.7vw; line-height: 1.9vw; text-transform: uppercase; font-weight: 700; }
#caracteristicas ul li h3 { display: block; color: #0d5194; font-size: 3.05vw; line-height: 3.1vw; text-transform: uppercase; font-weight: 900; margin-top: 1vw;}
#caracteristicas ul li h4 { display: block; color: #0d5194; font-size: 1.6vw; line-height: 1.8vw; text-transform: none; font-weight: 400; margin-top: 1vw; }
#caracteristicas ul li p { display: block; color: #0d5194; font-size: .94vw; line-height: 1.1vw; text-transform: none; font-weight: 500; margin-top: 1vw; }

#caracteristicas2 { display:block; position:relative; overflow:hidden; width:100%; height:100vh; background-repeat: no-repeat; background-position: center; background-size:cover; padding:19.44vh 0 0 66.3vw; }
#caracteristicas2 .na { display: block; width: 11.130952381vw; height: auto; -webkit-transform: translateX(500px); transform: translateX(500px); opacity: 0; transition: 1s  .5s; }
#caracteristicas2.muestra .na { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }
#caracteristicas2 h2 { display:block; color:#0d5194; font-size:5vw; line-height: 5.3vw; font-weight: 900;text-transform: uppercase; margin-top:2vw; -webkit-transform: translateX(500px); transform: translateX(500px); opacity: 0; transition: 1s  .7s; }
#caracteristicas2.muestra h2 { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }

#caracteristicas2 h3 { display:block; color:#0d5194; font-size:5vw; line-height: 5.3vw; font-weight: 400;-webkit-transform: translateX(500px); transform: translateX(500px); opacity: 0; transition: 1s  .9s; }
#caracteristicas2.muestra h3 { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }

#caracteristicas2 p {display:block; color:#0d5194; font-size:1.1vw; line-height: 1.3vw; font-weight: 500; width:54%;margin-top:2vw;-webkit-transform: translateX(500px); transform: translateX(500px); opacity: 0; transition: 1s  1.1s; }
#caracteristicas2.muestra p { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }

#elagua { display:block; position:relative; overflow:hidden; width:100%; height:100vh; background:#fff;  padding:0 8.92vw 0 14.88vw;  height:auto; padding:0 8.92vw 8vw 14.88vw;}
#elagua .izq { display: inline-block; float: left; position: relative; overflow: hidden; width: 31vw; margin-top: 29vh; margin-top:8vw; }
#elagua .izq h2 { display:block; font-size:3.8vw; line-height: 4vw; font-weight: 300; color: #0d5194; text-transform: uppercase;  -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; transition: 1s  .5s; }
#elagua.muestra h2 { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }

#elagua .izq h2 span { display: block; color: #0d5194; font-size: 4.7vw; line-height: 5vw; font-weight: 900; text-transform: uppercase; }
#elagua .izq p { display: block; color: #0d5194; font-size: .94vw; line-height: 1.1vw; font-weight: 500; margin-top:1vw;  -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; transition: 1s  .7s; }
#elagua.muestra p { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }

#elagua .izq h3 { display:block; font-size:1.7vw; line-height: 2vw; font-weight: 900; color: #0d5194; text-transform: uppercase; margin-top:1vw;  -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; transition: 1s  .9s; margin-top:2vw; }
#elagua.muestra h3 { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }

#elagua .izq ul { display: block; margin-top:1vw; margin-bottom:2vw;}
#elagua .izq ul li { display: block; position:relative; overflow:hidden; width:100%; margin-bottom: .5vw; color: #0d5194; padding-left:2vw; }
#elagua .izq ul li::before { content:''; background-image:url("../img/bullet.svg"); background-repeat: no-repeat; background-position:center; background-size:cover; position: absolute; top: .3vw; left: 0; width: 1.4vw; height: .95vw; z-index: 1; }

#elagua .izq ul li:nth-child(1) { -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s  1.1s; }
#elagua.muestra ul li:nth-child(1) { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; } 

#elagua .izq ul li:nth-child(2) { -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s  1.3s; }
#elagua.muestra ul li:nth-child(2) { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; } 

#elagua .izq ul li:nth-child(3) { -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s  1.5s; }
#elagua.muestra ul li:nth-child(3) { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; } 

#elagua .izq ul li:nth-child(4) { -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s  1.7s; }
#elagua.muestra ul li:nth-child(4) { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; } 

#elagua .izq ul li span { display: block; font-size: 1.2vw; line-height: 1.4vw; font-weight: 900; color: #0d5194; text-transform: uppercase; }
#elagua .izq ul li p { display: block; font-size: .94vw; line-height: 1.1vw; font-weight: 500; color: #0d5194; margin-top:0; }
#elagua .splash { display: block; position: absolute; width: 40.77vw; height: auto; top: 57vh; right: 9vw; z-index: 0; }

#elagua .botellas { display: inline-block; float: right; position: relative; overflow: hidden; width: 41.5615615616vw; height: auto; margin-top: 9vw; }

#elagua .slide { display: inline-block; float: right; width: 33.348348vw; margin-right: 4vw; position: relative; overflow: hidden; margin-top: 23vh;}
#elagua .slide .slide-izq { display: inline-block; float: left; position: relative; overflow: hidden; width: 2.2vw;-webkit-transform: rotate(90deg);
 -moz-transform: rotate(90deg);
 -ms-transform: rotate(90deg);
 transform: rotate(90deg); margin-top:19vw; cursor:pointer;}
#elagua .slide .slide-der { display: inline-block; float: right; position: relative; overflow: hidden; width: 2.2vw; -webkit-transform: rotate(-90deg);
 -moz-transform: rotate(-90deg);
 -ms-transform: rotate(-90deg);
 transform: rotate(-90deg); margin-top:18vw; cursor:pointer; }

#elagua .descargar { display: table; position: relative; overflow: hidden; width: 4.9249249249vw; }
#elagua .descargar img { display:block; width:80%;; height:auto; }
#elagua .slide .slide-izq img, #elagua .slide .slide-der img { display: block; width: auto; height: 2.2vw; }
#elagua .slide ul { display: inline-block; float: right; width: 28.3483483483vw; /* margin-left: 1.1vw; */ position: relative; overflow: hidden; }
#elagua .slide ul li { display: inline-block; float: left; position: relative; overflow: hidden; width: 100%; }
#elagua .slide ul li img { display:block; height:auto; width:100%;}

#planta {  position: relative; display: block; width: 100%;  background-repeat: no-repeat; background-size: cover; height:100vh; background-position:center; background-attachment: fixed; z-index:1; padding:0 8.92vw 0 14.88vw;}
#planta .izq { display: block; position: relative; overflow: hidden; width: 100%; margin-top: 29vh; margin-top:25vh; }
#planta .izq h2 { display:block; font-size:3.8vw; line-height: 4vw; font-weight: 300; color: #fff;text-transform: uppercase;  -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; transition: 1s  .5s; }
#planta.muestra h2 { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }

#planta .izq span { display: block; color: #fff; font-size: 4.7vw; line-height: 5vw; font-weight: 900; text-transform: uppercase;}
#planta .izq h3 { display: block; color: #fff; font-size: .9444vw; line-height: 1.1vw; font-weight: 500; width:49%; margin-top:4vh;  -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; transition: 1s  .7s; }
#planta.muestra .izq h3 { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }

#planta .izq p { display: block; color: #fff; font-size: 1.2222vw; line-height: 1.4vw; font-weight: 500; width: 49%; margin-top:3vh;  -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; transition: 1s  .9s; }
#planta.muestra .izq p { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }



#contacto { display:block; position:relative; overflow:hidden; width:100%; height:100vh; background-repeat: no-repeat; background-position: center; background-size:cover; padding:0 8.92vw 0 14.88vw;}
#contacto .izq { display: block; position: relative; overflow: hidden; width: 31vw; margin-top: 29vh; margin-top:25vh; }
#contacto .izq h2 { display: block; font-size: 4.72vw; line-height: 5vw; font-weight: 900; color: #0d5194; text-transform: uppercase; -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; transition: 1s  .5s; }
#contacto.muestra h2 { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }
#contacto .izq p { display: block; position: relative; color: #0d5194; margin-top: 2vw; font-size: .94vw; line-height: 1.1vw; font-weight: 500;  -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; transition: 1s  .9s; }
#contacto.muestra p { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }

#contacto .izq ol {     display: block; position: relative; overflow: hidden; width: 100%; margin:0; padding:0; margin-top: 2vw;  -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s  1.7s; }
#contacto.muestra ol { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; } 
#contacto .izq ol li { display:block; position: relative; overflow: hidden; width:100%; margin-bottom:1vw; }
#contacto .izq ol li input { display: block; position: relative; overflow: hidden; width: 100%; border: solid #dde7f0; border-width: 0 0 2px 0; padding: .5vw; font-size: .9vw; line-height: 1.1vw; color: #0d5194 !important; font-weight: 800; background: transparent; }
#contacto .izq ol li textarea { display: block; position: relative; overflow: hidden; width: 100%; border: solid #dde7f0; border-width: 0 0 2px 0; padding: .5vw; font-size: .9vw; line-height: 1.1vw; color: #0d5194 !important; font-weight: 800; background: transparent; height:100px; }

#contacto .izq ol li input:focus { border-width: 0 0 2px 0; border-color: #0d5194 !important; }
#contacto .izq ol li textarea:focus { border-width: 0 0 2px 0; border-color: #0d5194 !important; }
#contacto .izq .boton { display: table; margin-top: 1vw;  -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s  1.9s; }
#contacto .izq .boton button { display: table;  background: #0d5194; border:2px solid #0d5194; padding: .8vw 1vw; color: #fff; text-transform: uppercase; font-weight: 900; font-size: 1.1vw; cursor: pointer; }
#contacto.muestra .izq .boton { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; } 

#contacto .izq .boton button:hover { color:#0d5194; background:transparent !important; transition:none !important; }

footer { display: block; position:relative; overflow:hidden; width:100%; padding:2vw 8.92vw 2vw 14.88vw; background:#072a4d;}
footer .pie { display: block; position: relative; overflow: hidden; width: 100%; margin-bottom: 2vw; padding-bottom: 2vw; border-bottom: 1px solid #fff; }
footer .pie ul.textos { display: inline-block; float: left; position: relative; overflow: hidden; }
footer .pie ul.textos li { /*display:inline-block; float:left;*/ display:block; position:relative; overflow:hidden;  /*margin-right:7vw; */ margin-top:.5vw;}
footer .pie ul.textos li h3 { display: block; font-size: .777vw; line-height: .999vw; font-weight: 700; margin-bottom: .3vw;  }
footer .pie ul.textos li p { display: block; font-size: .777vw; line-height: 1vw; font-weight: 400; }

footer .pie ul.redes { display:inline-block; float:right; position:relative; overflow:hidden; }
footer .pie ul.redes li { display:inline-block; float:left; position:relative; overflow:hidden; width:1.66vw; margin-right:1vw; }
footer .pie ul.redes li img { display:block; width:100%; height:auto; }
footer .pie ul.redes li:last-child { margin-right:0; }

footer .copy { display: block; position: relative; overflow: hidden; width: 100%;  }

footer .copy p { display:inline-block; float:left; position:relative; overflow:hidden; color:#1061b2; font-size:.77vw; line-height: 1vw; font-weight: 500; }
footer .copy p strong { font-weight: 900; }
footer .copy p a { display:block; position:relative; overflow:hidden; color:#1061b2; font-size:.77vw; line-height: 1vw; font-weight: 500; margin-right:.5vw; margin-top:.5vw;}
footer .copy p a:hover { color:#fff; }


.arabe #home { padding-right:50.92vw; text-align:right; }
.arabe #home p { width:100%; }

.arabe #lafuente .izq { text-align:right; }
.arabe #caracteristicas .izq { text-align:right; width:26vw; }
.arabe #caracteristicas ul, .arabe #contacto .izq { text-align:right; }
.arabe #caracteristicas2, .arabe #elagua .izq { padding-right: 8.92vw; text-align: right; }
.arabe #elagua .izq ul li::before { display: none; }
.arabe #planta .izq { text-align:right; width:31vw; }
.arabe #planta .izq p, .arabe #planta .izq h3, .arabe #caracteristicas2 p { width:100%; }
.arabe #contacto .izq ol li input, .arabe #contacto .izq ol li textarea { text-align:right; }

.cuerpo {     display: block; position: relative; overflow: hidden; padding: 2vw 10.51vw; min-height:100vw; }



@media screen and (max-width: 800px) {

  
 header { top:0; width:100%; overflow:hidden; height:80px; padding:0 50px; background-color:rgba(255,255,255,.8); -webkit-transform: translateY(-500px);
    transform: translateY(-500px);}
 .loaded header { -webkit-transform: translateY(0px);
    transform: translateY(0px); }    
 header h1 { width:27.2vw !important; margin:0; padding:0;}
 header h1 img { display: block;
    width: 100%;
    height: auto; }
 header #click-menu {display: block; position: absolute;  overflow: hidden; width: 80px; padding: 5px; height: 80px; z-index: 99; cursor: pointer; top:0; right:50px; background:#b6baba;}
 header   #click-menu span { position: absolute; right: 0; left: 0; top:25px; margin:0 auto; display: block; width: 75%; height: 5px; border-radius: 0; background-color: #0d5194; transition: all .3s;}
 header   #click-menu span:nth-child(2) {top: 35px; }
 header   #click-menu span:nth-child(3) {top: 45px; }
 header   #click-menu.active span:nth-child(1) {top: 35px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
 header   #click-menu.active span:nth-child(2) {opacity: 0; left: -7.8125vw; }
 header   #click-menu.active span:nth-child(3) {top: 35px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }
 header ul.redes {display: inline-block; float: left; position: relative; overflow: hidden; margin-top: 27px; margin-left: 15vw; }
 .menuMovil { top:80px; padding:20px 50px; }
 .menuMovil li { margin-bottom:10px; padding-bottom:10px; font-size:22px; line-height: 24px; text-align:right; padding-right:10px;}
 section { z-index:0; }
 #home, #lafuente, #caracteristicas, #caracteristicas2, #elagua, #planta, #contacto, footer { padding-left:50px; padding-right:50px; }
 #home h1 { width:40vw; }
 #home .linea { width:8vw; }
 #home h2 { font-size:48px; line-height: 50px; }
 #home p { font-size: 19px; line-height: 23px; width: 100%; }
 #elagua .slide ul li img { width:100%; }
 #lafuente .mapa1, #lafuente .mapa2, #lafuente .punto { display:none; }
 #lafuente.muestra .botella { display:none; }
 #lafuente .izq { width:65%; }
 #lafuente .izq h2 { font-size:65px; line-height: 67px; }
 #lafuente .izq h3 { font-size:22px; line-height: 26px; }
 #lafuente .izq p { font-size:16px; line-height: 20px; }
 #lafuente .der { width:19.5vw; margin-top:79.5vh; }
 #lafuente .der h4 { font-size:11px; line-height: 14px; }
 #lafuente .der h4 span { font-size:9px; line-height: 11px; }
 #lafuente .der p { font-size:7px; line-height: 9px; }
 #caracteristicas { height:auto;  padding-bottom:40px; }
 #caracteristicas .izq { display:block; float:none; width:100%; margin-top:16vh;}
 #caracteristicas .izq h2 { font-size:95px; line-height: 97px; }
 #caracteristicas .izq h2 span { font-size:90px; line-height: 92px; padding-left:9.5vw; }
 #caracteristicas .izq h3 { font-size:16px; line-height: 18px; }
 #caracteristicas .izq p { font-size:22px; line-height: 24px; }
 #caracteristicas .siete {display: block; position: absolute; width: 31vw; height: auto; top: 23vh; left: initial; right: 50px; }
 #lafuente .izq h2 strong { font-size:80px; }
 #caracteristicas ul {display: block; float: none; width: 100%; position: relative; overflow: hidden; margin-top: 85px; }
 #caracteristicas ul li {  min-height: auto; padding: 20px 0; width: 100%; margin: 0; border: 0; border-top:1px solid #86a8c9;}
 #caracteristicas ul li:last-child { border:0; border-top:1px solid #86a8c9; }
 #caracteristicas ul li h2 { font-size:30px; line-height: 32px; }
 #caracteristicas ul li h3 { font-size:42px; line-height: 44px; }
 #caracteristicas ul li h4 { font-size: 25px; line-height: 27px; }
 #caracteristicas ul li p { font-size:16px; line-height: 18px; }
 #caracteristicas2 { padding-left:490px; }
 #caracteristicas2 .na { width:20vw; }
 #caracteristicas2 h2, #caracteristicas2 h3 { font-size:65px; line-height: 67px; }
 #caracteristicas2 p { font-size:18px; line-height: 20px; width:100%; }
 #elagua .izq { width:100%; }
 #elagua .izq h2, #planta .izq h2 { font-size:65px; line-height: 67px; }
 #elagua .izq h2 span, #planta .izq h2 span { font-size:80px; line-height: 82px; }
 #elagua .izq p { font-size:16px; line-height: 18px; }
 #elagua .izq h3 { font-size:32px; line-height: 34px; }
 #elagua .izq ul li span { font-size:20px; line-height: 22px; }
 #elagua .izq ul li p { font-size:16px; line-height: 18px; }
 #elagua .izq h3, #elagua .izq h2 { margin-bottom: 20px; }
 #elagua .izq h3 { margin-top:20px; }
 #elagua .izq ul li { margin-bottom:10px; padding-left:30px;}
 #elagua .izq ul li::before {position: absolute; top: 5px; left: 0; width: 16px; height: 12px; z-index: 1; }
 #elagua .splash { display: none; }
 #elagua .slide {display: block; float: right; width: 34vw; margin-right: 0; position: absolute; overflow: hidden; top: 27vh; right: 50px; }
 #planta .izq h3 { font-size:16px; line-height: 18px; width:100%; }
 #planta .izq p { font-size:20px; line-height: 22px; width: 100%; }
 #contacto .izq h2 { font-size:70px; line-height: 72px; }
 #contacto .izq p { font-size:16px; line-height: 18px; margin-top:20px; }
 #contacto .izq { width:100%; }
 #contacto .izq ol li { margin-bottom: 20px; }
 #contacto .izq ol li input, #contacto .izq ol li textarea { padding:10px 10px 10px 0; font-size:16px; line-height: 18px; }
 #contacto .izq button { padding:5px 10px; font-size:20px; }
 footer { padding:50px; }
 footer .pie { margin-bottom:20px; padding-bottom:20px; }
 footer .copy p, footer .copy p a, footer .pie ul.textos li h3, footer .pie ul.textos li p { font-size:14px; line-height: 16px; }
 footer ul.redes li { width:30px; }
 footer .pie ul.textos li {display: block; float: none; position: relative; overflow: hidden; margin-right: 0; margin-bottom: 10px; }
 #elagua .slide ul { width:21.5vw; }
 #elagua .slide ul li { width: 15.5vw !important; margin: 0 0 0 40px; }
 #elagua { height:auto; padding-bottom:40px; }
 #elagua .slide {display: block; float: none; width: 70%; margin-right: 0; position: relative; overflow: hidden; top: 50px; right: 0; margin: 0 auto; }
 #elagua .slide .slide-izq, #elagua .slide .slide-der { width:20%; }
 #elagua .slide .slide-izq img, #elagua .slide .slide-der img { height:36px; }
 #elagua .slide .slide-der { margin-top:10vw; }
 #elagua .slide ul {width: 30vw; margin: 0 0 0 20px; }
 #elagua .slide ul li { width:33.3333333% !important; margin:0; padding:0;  }
 #elagua .slide ul li img { width:100% !important; height:auto; }

 .arabe #caracteristicas .izq { width:54vw; }
 .arabe #caracteristicas2 {padding-right: 50px; text-align: right; padding-left:427px;}
 .arabe #caracteristicas2 .na {width: 20vw; float: right; margin-bottom: 20px; }
 .arabe #elagua .izq {padding-right: 0; }
 .arabe #planta .izq {text-align: right; width: 100%; }
 #elagua .botellas {display: block; float: none; position: relative; overflow: hidden; width: 80vw; height: auto; margin-top: 60px; clear: both; }
}

@media screen and (max-width: 600px) {

  header { height:70px; background:#949494;}
  main {  display:block; position:relative; overflow:hidden; width:100%; padding:0; margin:0;margin-top:70px !important; }
  header,  #home, #lafuente, #caracteristicas, #caracteristicas2, #elagua, #planta, #contacto, footer { padding-left:20px; padding-right:20px; }
  #caracteristicas { height:auto; padding-bottom:40px; }
  header h1 { width: 183.1px !important; }
  header #click-menu { width: 70px; height: 70px; padding:10px; right:20px; }
  header #click-menu span { top:20px; height:5px; width:70%; }
  header #click-menu span:nth-child(2), header #click-menu.active span:nth-child(3), header #click-menu.active span:nth-child(1) { top:30px; }
  header #click-menu span:nth-child(3) { top:40px; }
  .menuMovil { top:70px; }
  #home { padding-top:29vh; height:auto; min-height: 90vh; padding-top: 13vh;}
  #lafuente, #planta { height:auto; min-height: 90vh; }
  #home h1 { width:60vw;  }

  #home p, #lafuente .izq p, #caracteristicas2 p, #planta .izq p, #contacto .izq p { font-size:14px; line-height: 18px; }
  #home h2, #contacto .izq h2 {font-size: 45px; line-height: 47px; }
  #lafuente .izq h3 { font-size:18px; line-height: 20px; }

  #lafuente .izq { width:100%; margin-top:25vh; margin-top:10vh; padding-bottom: 95px; }
  #lafuente .der { display:none; }

  #caracteristicas .izq { margin-top:10vh; }
  #caracteristicas .izq h3 { font-size: 15px; line-height: 19px; width: 100%; margin-top: 40px;}
  #caracteristicas .izq p {font-size: 21px; line-height: 26px; width: 100%; }
  #caracteristicas .siete { width: 31vw; height: auto; top: 10vh; left: initial; right: 20px; }
  #caracteristicas ul { margin-top: 20px; }
  #caracteristicas ul li { width:100%; margin:0 0 20px 0; padding:0; padding-top:20px; min-height:auto; }
  #caracteristicas ul li h2 {font-size: 26px; line-height: 28px; }
  #caracteristicas ul li h3 {font-size: 40px; line-height: 42px; margin:0 0; }
  #caracteristicas ul li h4 {font-size: 24px; line-height: 26px; margin:10px 0; }
  #caracteristicas ul li p { font-size:15px; line-height: 17px; }
  #caracteristicas ul li:last-child { padding-left:0; }  
  #caracteristicas2 { padding-left:170px; }
  #caracteristicas2 .cuadro { display: block; position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(13,81,148,.8); padding: 30px 20px; }
  #caracteristicas2 .na {width: 37.29vw; position: absolute; left: 20px; top: 46vh; top:42vh; }
  #caracteristicas2 h3, #caracteristicas2 h2, #caracteristicas2 p { color:#fff; }
  #caracteristicas2 h3, #elagua .izq h2, #planta .izq h2, #lafuente .izq h2, #caracteristicas2 h2, #caracteristicas .izq h2{ font-size:45px; line-height: 47px; }
  #elagua { padding-bottom:100px; }
  #elagua .izq h2 span, #planta .izq h2  span, #lafuente .izq h2 strong, #caracteristicas .izq h2 span { font-size:50px; line-height: 52px; }
  #elagua .izq { margin-top:10vh; }
  #planta .izq { margin-top:10vh; }
  #elagua .izq h3 { font-size:20px; line-height: 22px; }
  #elagua .izq ul li span { font-size:16px; line-height: 18px; }
  #elagua .izq ul li p { font-size:14px; line-height: 16px; }
  #contacto .izq { margin-top: 10vh; }
  #elagua .izq ul { width:100%; }
  footer { padding-top:20px; padding-bottom:20px; }
  footer ul.redes { margin-top:10px; }
  footer ul.redes li { margin-right:10px; }
  footer p a { margin-top:0; }
  
  #elagua .slide .slide-izq, #elagua .slide .slide-der { width:40px; margin-top:41vw;}
  #elagua .slide .slide-der { margin-top:36vw; }
  #elagua .slide .slide-izq img , #elagua .slide .slide-der  img { height:40px; }
  #contacto { height:auto; padding-bottom:300px; }
  #contacto .izq .boton button {padding:5px 10px; font-size:18px;}
  footer p { width:75%; }
  .arabe #home { padding-right:20px; }
  .arabe #caracteristicas2  { padding:20px; }
  footer .pie ul.redes li { width:20px; }
  #elagua .botellas { padding-top:40px; }
  #elagua .descargar { margin:20px 0 0 25px; width:15vw; }
  #elagua .slide { width:100%; top:0; }
  #elagua .slide ul {width: 228px; margin: 0 auto; margin-left: 0; margin-right: 10px; }
  footer .pie ul.redes { float:left; }
}