/*! 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: inherit;
  opacity: 0.54;
}

/**
 * 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: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 1vw;
  line-height: 1.2vw;
  color: #808080;
  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;
}

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

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

header { display:block; position:fixed; top:0; left:0; width:100%;  text-align:center; z-index:5;}
header .top { display:block; position:absolute; top:0; left:0; overflow:hidden; width:100%; height:21.0810810811vw; background:#fff; padding:0 6.9069069069vw;}
.chico header .top { -webkit-transform: translate3d(0, -1000px, 0); transform: translate3d(0, -1000px, 0); opacity: 1; }
header .topChico { display:block; position:absolute; top:0; left:0; overflow:hidden; width: 100%; height:5vw; background:#4d4d4d; -webkit-transform: translate3d(0, -1000px, 0); transform: translate3d(0, -1000px, 0); opacity: 0; transition: .5s  .5s; }
.chico header .topChico { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }

header #click-menu {display: block; position: absolute; top:0; left:6.9069069069vw; overflow: hidden; width: 5.0595238095vw; height: 5.0595238095vw; z-index: 99; cursor: pointer; background:#ba161c;}
header #click-menu span { position: absolute; left: 1.4285714286vw; top: 1.5476190476vw; margin:0 auto; display: block; width: 2.380952381vw; height: .4166666667vw; background-color: #fff; transition: all .3s;}
header #click-menu span:nth-child(2) {top: 2.380952381vw; }
header #click-menu span:nth-child(3) {top: 3.1547619048vw; }
header #click-menu.active span:nth-child(1) {top: 2.380952381vw; -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: 2.380952381vw; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }

header h1 { display: table; position:relative; overflow:hidden; margin:2.79vw auto 0 auto;  }
header h1 .iso { display:block; width:8.9880952381vw; height:auto; margin:0 auto; -webkit-transform: translate3d(0, -500px, 0); transform: translate3d(0, -500px, 0); opacity: 0; transition: .5s  .9s;}
header .topChico h1 .iso { width:17.8571428571vw;  }
header .topChico h1 { margin-top: .53vw; }
.loaded header h1 .iso { opacity:1;  -webkit-transform: translate3d(0, -0, 0); transform: translate3d(0, -0, 0); }
header h1 .logo { display:block; width:29.880952381vw; height:auto;  margin:1.3095238095vw auto 0 auto;-webkit-transform: translate3d(0, -500px, 0); transform: translate3d(0, -500px, 0); opacity: 0; transition: .5s  .7s;}
.loaded header h1 .logo { opacity:1;  -webkit-transform: translate3d(0, -0, 0); transform: translate3d(0, -0, 0); }
header h1 .slogan { display:block; width:21.130952381vw; height:auto;  margin:1.5476190476vw auto 0 auto;-webkit-transform: translate3d(0, -500px, 0); transform: translate3d(0, -500px, 0); opacity: 0; transition: .5s  .5s;}
.loaded header h1 .slogan { opacity:1;  -webkit-transform: translate3d(0, -0, 0); transform: translate3d(0, -0, 0); }


.menuMovil { display: block; position: fixed; top: 5.5952380952vw; left:  6.9069069069vw; background: #474747; padding: 2vw 1.5vw; z-index: 6; -webkit-transform: translate3d(-100px, 0, 0); transform: translate3d(-100px, 0, 0); opacity: 0; transition: .5s  .5s;}
.menuMovil.abierto { opacity:1;  -webkit-transform: translate3d(0, -0, 0); transform: translate3d(0, -0, 0);}
.menuMovil li { display:block; position:relative; overflow:hidden; width:100%; color:#fff; font-size:1.277vw; line-height: 1.33vw; font-weight: 700; text-transform: uppercase; padding-bottom:.77vw; margin-bottom:.77vw; border-bottom:1px dotted #8a8a8a; cursor:pointer;}
.menuMovil li:hover { color:#8a8a8a; }
.menuMovil li:last-child { margin-bottom:0; border:0; padding-bottom:0; }

main { display:block; position:relative; overflow:hidden; width: 100%; margin-top:21.0810810811vw; z-index: 0;}
.chico main { margin-top:5vw; }
section { display:block; position:relative; overflow:hidden; width: 100%; }

#home ul.slide { display:block; position:relative; overflow:hidden; width:100%; }
#home .slide li { display:block; position:relative; overflow:hidden; width:100%; height:32.7380952381vw !important; background-repeat: no-repeat; background-position:center; background-size:cover; text-align:center;}
#home .slide li h2 { display:table; position:relative; overflow:hidden; margin:11.369047619vw auto 0 auto; padding:1vw; background:rgba(0,0,0,.8); color:#fff; font-weight: 400; text-transform: uppercase; font-size:1.94vw; line-height: 2.2vw;}
#home .slide li h2 span { display: block; }
#home .slide li p { display:table; width:27.7vw; margin:2vw auto; color:#fff; font-size:1vw; line-height: 1.3vw; font-weight: 400; }

#servicios { display: block; position:relative; overflow:hidden; width:100%; height:71.84vw;}
#servicios h2 { display: block; position:absolute; text-transform: uppercase; font-size:2.777vw; line-height: 3vw; font-weight: 900; color:#ba161c; top:30.1vw; left:3.0952380952vw; }
#servicios .circulo { display: block; position: absolute; width: 9.1666666667vw; height: auto; left: 2.0833333333vw; top: 22.1428571429vw; }
#servicios .izquierda { display: block; position: absolute; top: 31.5vw; width:0; height: auto; z-index: 4; left: 19.880952381vw; -webkit-transition: width 2s; transition: width 2s; }
#servicios.visible .izquierda {width: 27.7380952381vw; }

#servicios .derecha { display: block; position: absolute; top: 30.37vw; width:0; height: auto; z-index: 4; left: 51.869048vw; -webkit-transition: width 2s; transition: width 2s; }
#servicios.visible .derecha { width: 38.6904761905vw; }
#servicios .centro { display: block; position: absolute; top: 33.630952381vw; width: .2976190476vw; height: auto; z-index: 4; left: 49.4047619048vw;transform: scaleY(0);    
  transform-origin: top;
  transition: transform 3s ease; }
#servicios.visible .centro { transform: scaleY(1);}
#servicios .iso1 { display: block; position: absolute; width: 20.2380952381vw; height: auto; top:11.0vw; left:29.3vw; opacity:0; transition: .5s .5s;}
#servicios .iso2 { display: block; position: absolute; width: 20.2380952381vw; height: auto; top:11.0vw; left:49.690476vw; opacity:0; transition: .5s .5s}
#servicios .iso4 { display: block; position: absolute; width: 20.2380952381vw; height: auto; top:32.0vw; left:29.3vw; opacity:0; transition: .5s .5s}
#servicios .iso3 { display: block; position: absolute; width: 20.2380952381vw; height: auto; top:32.0vw; left:49.690476vw; opacity:0; transition: .5s .5s}

#servicios .linea1 { display: block; position: absolute; left: 39vw; top: 20.7vw; width: 9.2261904762vw; height: auto; opacity:0;  }
#servicios .linea2 { display: block; position: absolute; left: 51vw; top: 20.7vw; width: 9.2261904762vw; height: auto; transform: rotate(90deg); opacity:0; }
#servicios .linea3 { display: block; position: absolute; left: 51.3vw; top: 33.7vw; width: 9.2261904762vw; height: auto; transform: rotate(180deg); opacity:0;  }
#servicios .linea4 { display: block; position: absolute; left: 38.6vw;
    top: 33.7vw; width: 9.2261904762vw; height: auto; transform: rotate(270deg);  opacity:0;  }


#servicios.visible .iso1, #servicios.visible .iso2, #servicios.visible .iso4, #servicios.visible .iso3 { opacity:.2; }


#servicios ul { display:block; position:relative; overflow:hidden; width:71.0119047619vw; margin:15.0595238095vw auto 0 auto; }
#servicios ul li { display:inline-block; float:left; position:relative; overflow:hidden; width:23.8095238095vw; cursor:pointer; }
#servicios ul li:nth-child(1) { float:left; margin-bottom:17.0833333333vw; min-height:11.4285714286vw; text-align:right;}
#servicios ul li:nth-child(2) { float:right; margin-bottom:17.0833333333vw; min-height:11.4285714286vw; text-align:left;}
#servicios ul li:nth-child(3) { float:left; margin-bottom:17.0833333333vw; min-height:11.4285714286vw; text-align:right;}
#servicios ul li:nth-child(4) { float:right; margin-bottom:17.0833333333vw; min-height:11.4285714286vw; text-align:left;}
#servicios ul li h3 { display:block; position:relative; overflow:hidden; width:100%; }
#servicios ul li h3 span { display: inline-block; position:relative; overflow:hidden; width:75%; color:#808080; text-transform: uppercase; font-weight: 400; font-size:1.666vw; line-height: 1.999vw; margin-top:.5vw; }
#servicios ul li h3 img { display:inline-block; float:right; width: 4.7619047619vw; height: auto; margin-left:1vw;}
#servicios ul li p { display: block; position: relative; overflow: hidden; margin-top: 1vw; width: 75%; color: #808080; font-size: .925vw; line-height: 1.1vw; }
#servicios ul li:hover h3 span { color:#ba161c; }

#servicios .iso1.seleccionado  { opacity:1; transition:none !important; }
#servicios .iso2.seleccionado  { opacity:1; transition:none !important; }
#servicios .iso3.seleccionado  { opacity:1; transition:none !important; }
#servicios .iso4.seleccionado  { opacity:1; transition:none !important; }

#servicios .linea1.seleccionado  { opacity:1;  }
#servicios .linea2.seleccionado  { opacity:1;  }
#servicios .linea3.seleccionado  { opacity:1;  }
#servicios .linea4.seleccionado  { opacity:1;  }

#servicios ul li:nth-child(2) h3 span, #servicios ul li:nth-child(2) p, #servicios ul li:nth-child(4) h3 span, #servicios ul li:nth-child(4) p { float:right; }
#servicios ul li:nth-child(2) h3 img, #servicios ul li:nth-child(4) h3 img { float:left; margin-left:0; margin-right:1vw;}
.losServicios { display: block; position: fixed; top: 5vw; left: 0; background: #f2f2f2; height: 49.10vw; -webkit-transform: translateY(1000px); transform: translateY(1000px); opacity: 0; transition: all  .7s; z-index:0; width:100vw;}
.losServicios.show  { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; z-index:9;}
.losServicios .cerrar { display: block; position: absolute; top: 1vw; right: 2vw; font-size: 2vw; color: #fff; z-index:9; cursor:pointer;}
.losServicios .izq { display: inline-block; float: left; position: relative; overflow: hidden; width: 43%; height: 100%; padding:4vw 4vw 4vw 6.9069069069vw; }
.losServicios .izq .linea { display: block; position: absolute; left: 2.97vw; width: .9523809524vw; height: auto; }
.losServicios .izq h3 { display: block; color: #ba161c; text-transform: uppercase; font-weight: 900; font-size: 1.11vw; line-height: 1.33vw; margin-bottom:2vw; }
.losServicios .izq h4 { display: block; position:relative; overflow:hidden; }
.losServicios .izq h4 img { display: inline-block; float: left; position: relative; overflow: hidden; width: 5.9523809524vw; height: auto; }
.losServicios .izq h4 span { display: inline-block; float: right; position: relative; overflow: hidden; width: 75%; color: #808080; text-transform: uppercase; font-size: 2.388vw; line-height: 2.58vw; margin-top: .5vw; font-weight: 400;}
.losServicios .izq .intro { display: block; margin-top: 1vw; color: #808080; font-size: 1.11vw; line-height: 1.33vw; }
.losServicios .izq p { display: block; margin-top: 1vw; color: #808080; font-size: .916vw; line-height: 1.1vw; }
.losServicios .izq p span { display:block; margin:.5vw 0; text-transform: uppercase; font-weight: 700; }
.losServicios .izq ol {     display: block; position: relative; overflow: hidden; margin:0; margin-top: 1vw; padding:0; }
.losServicios .izq ol li {     display: block; position: relative; overflow: hidden; margin-bottom: .3vw; color:#808080; font-size:1vw; line-height: 1.3vw; text-transform: uppercase;}
.losServicios .izq ol li .fa { color:#ba161c; margin-right:.6vw; }
.losServicios .cen { display: inline-block; float: left; position: relative; overflow: hidden; width: 28.5%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.losServicios .cen .iso { display: block; width: 25.1785714286vw; height: auto; }
.losServicios .cen form { display: block; position: relative; overflow: hidden; width: 100%; padding: 2vw 3vw; }
.losServicios .cen form p { display:block; color:#fff; font-size:.88vw; line-height: 1vw; }
.losServicios .cen form ol { display: block; position: relative; overflow: hidden; width: 100%; margin: 1vw 0 0 0; padding: 0; } 
.losServicios .cen form ol li { display: block; position: relative; overflow: hidden; width: 100%; margin: 0 0 .5vw 0; padding: 0; } 
.losServicios .cen form ol li label { display:block; color:#fff; font-size:.88vw; line-height: 1vw; font-weight: 700; margin-bottom:0; }
.losServicios .cen form ol li input { display:block; position:relative; overflow:hidden; width:100%; border:0; padding:.5vw 0; margin-bottom:.5vw; border-bottom:1px solid #fff; color:#fff; font-size:.88vw; line-height: 1vw; background:transparent; }
.losServicios .cen form ol li textarea { display:block; position:relative; overflow:hidden; width:100%; border:0; padding:.5vw 0; margin-bottom:.5vw; border-bottom:1px solid #fff; color:#fff; font-size:.88vw; line-height: 1vw; background:transparent; height:5vw;}
.losServicios .cen form button { display: table; margin-top: 1vw; border: 2px solid #fff; background: transparent; color: #fff; text-transform: uppercase; font-weight: 700; font-size: 1.22vw; padding: .5vw 1vw; cursor:pointer; }
.losServicios .cen form button:hover { background:#fff; color:#ba161c; }

.losServicios .der { display: inline-block; float: left; position: relative; overflow: hidden; width: 28.5%; height: 100%; }


#quienessomos { display:block; position:relative; overflow:hidden; width: 100%; height:74.3452380952vw; background-image:url('../img/fondo-quienes-somos.jpg'); background-repeat: no-repeat; background-position:center; background-size:cover; }
#quienessomos h2 { display: inline-block; float:left; position:relative; overflow:hidden; color: #fff; text-transform: uppercase; font-weight: 900; font-size: 3.3333vw; line-height: 3.5vw; margin-top: 29.3452380952vw; text-align: right; width: 43.1547619048vw; }
#quienessomos h2 span { display:block; }
#quienessomos .der { display: inline-block; float: right; position: relative; overflow: hidden; width: 29.1071428571vw; margin-top:29.3452380952vw; margin-right:14.2261904762vw; }
#quienessomos .der h3 { display: block; position:relative; overflow:hidden; color: #fff; text-transform: uppercase; font-weight: 400; font-size: 1.666vw; line-height: 1.99vw;  }
#quienessomos .der h3 span { font-weight: 900; }
#quienessomos .der p { display:block; color:#e6e6e6; font-size:.944vw; line-height: 1.1vw; margin:.7vw 0 0 0; }
#quienessomos .iso { display: block; position: absolute; width: 12.2619047619vw; height: auto; margin: 12.8571428571vw auto 0 auto; left: 0; right: 0; }
#quienessomos .izquierda { display: block; position: absolute; width: 0; height: auto; top: 18.5vw; left: 14vw; -webkit-transition: width 2s; transition: width 2s; }
#quienessomos.visible .izquierda {width: 28.5119047619vw; }
#quienessomos .derecha { display: block; position: absolute; width: 0; height: auto; top: 18.5vw; left: 56.5vw; -webkit-transition: width 2s; transition: width 2s; }
#quienessomos.visible .derecha {width: 28.5119047619vw; }
#quienessomos .centro { display: block; position: absolute; width: .2976190476vw; height: auto; top: 27vw; left: 49.5vw; transform: scaleY(0);    
  transform-origin: top;
  transition: transform 3s ease; }
#quienessomos.visible .centro { transform: scaleY(1);}
#quienessomos .circulo { display: block; position: absolute; width: 18.9285714286vw; height: auto; top: 61vw; left: 40.3vw; }

.banner { display:block; position:relative; overflow:hidden; width: 100%; height:17.9761904762vw; background-repeat: no-repeat; background-position:center; background-size:cover; text-align:center; padding:7vw 0; }
.banner p { display:block; color:#e6e6e6; font-size:1vw; line-height: 1.3vw; text-transform: uppercase; }
#contacto { display:block; position:relative; overflow:hidden; width: 100%; height:49.4047619048vw; background-image:url('../img/fondo-contacto.png'); background-repeat: no-repeat; background-position:center; background-size:cover; }
#contacto form { display: block; position: relative; overflow: hidden; margin: 5.7vw auto; background: #646464; padding: 2vw; width: 70.8vw; }
#contacto form h2 { display: block; color: #fff; font-weight: 900; font-size: 2.5vw; line-height: 3vw; margin-bottom: 1vw; }
#contacto form p { display: block; color: #fff; font-weight: 400; font-size: .99vw; line-height: 1.1vw; margin-bottom: 1vw; }
#contacto form ol { display: block; position: relative; overflow: hidden; width: 100%; margin:0; padding:0; }
#contacto form ol li { display:inline-block; float:left; position:relative; overflow:hidden; width:48%; margin-bottom:1vw; }
#contacto form ol li:nth-child(2), #contacto form ol li:nth-child(4) { float:right; }
#contacto form ol li:nth-child(5) { float:none; width:100%; }
#contacto form ol li label { display:block; color:#fff; font-size:.9vw; line-height: 1vw; font-weight: 700; margin-bottom:.3vw; }
#contacto form ol li input { display:block; width:100%; color:#fff; font-size:.9vw; line-height: 1vw;  border:0; padding:.3vw 0; border-bottom:1px solid #fff; background:transparent;}
#contacto form ol li textarea { display:block; width:100%; color:#fff; font-size:.9vw; line-height: 1vw;  border:0; padding:.3vw 0; border-bottom:1px solid #fff; background:transparent; height:6vw;}
#contacto form button { display: table; font-size:1.22vw; line-height: 1.22vw; text-transform: uppercase; font-weight: 700; padding:.5vw 1vw; border:1px solid #fff; cursor:pointer; background:transparent; color:#fff; }
#contacto form button:hover { background:#fff; color:#ccc; }
footer {     display: block; position: relative; overflow: hidden; width: 100%; padding: 1vw 6.9069069069vw; }
footer p { display:inline-block; float:left; position:relative; overflow:hidden; color:#8b8c8c; font-size:.9vw; line-height: 1vw; }
footer a { display:inline-block; float:right; position:relative; overflow:hidden; color:#8b8c8c; font-size:.9vw; line-height: 1vw; }


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

  header .top { padding:0 20px; }
  header #click-menu, .menuMovil { left:20px; }
  .menuMovil { padding:20px; }
  .menuMovil li { font-size:18px; line-height: 20px; margin-bottom:10px; padding-bottom:10px; }
  #home .slide li { height:69.738095vw !important; }
  #home .slide li h2 { margin-top:20vw; font-size:35px; line-height: 38px; padding:20px; }
  #home .slide li p { margin:20px auto; font-size:18px; line-height: 20px; width:60%; }
  #servicios { height:auto; }
  #servicios h2 {display: block; position: relative; text-transform: uppercase; font-size: 50px; line-height: 52px; font-weight: 900; color: #ba161c; top: 0; left: 0; margin: 40px 0 0 20px; }
  #servicios .circulo, #servicios .izquierda, #servicios .centro, #servicios .iso1, #servicios .iso2, #servicios .iso3, #servicios .iso4 { display:none; }
  #servicios.visible .derecha { width:90%; }
  #servicios .derecha {display: block; position: relative; top: 0; width: 0; height: auto; z-index: 4; left: 0; -webkit-transition: width 2s; transition: width 2s; margin: 20px; }
  #servicios ul {display: block; position: relative; overflow: hidden; width: 100%; margin: 0; padding: 20px; }
  #servicios ul li { display:block; float:none !important; width:100% !important; margin:0 0 30px 0 !important; text-align:left !important; min-height: auto !important;}
  #servicios ul li h3 span {display: inline-block; position: relative; overflow: hidden; width: 87%; color: #808080; text-transform: uppercase; font-weight: 400; font-size: 30px; line-height: 32px; margin-top: 5px; float: right; }
  #servicios ul li h3 img {display: inline-block; float: left; width: 8.761905vw; height: auto; margin-left: 0; margin-right: 10px; }
  #servicios ul li p { display: block; position: relative; overflow: hidden; margin-top: 0; width: 87%; color: #808080; font-size: 17px; line-height: 19px; float: right; }
  .losServicios { top:271px; height:auto;}
  .losServicios .der, #quienessomos .centro, #quienessomos .circulo { display:none; }
  .losServicios .cerrar { top:20px; right:20px; font-size:30px; }
  .losServicios .izq { width:60%; padding:40px 20px; }
  .losServicios .cen { width:40%; }
  .losServicios .izq h3 { font-size:20px; line-height: 22px; margin-bottom:20px; }
  .losServicios .izq h4 span { width: 87%; font-size:20px; line-height: 22px; }
  .losServicios .izq .intro, #contacto form ol li label, #contacto form ol li input, #contacto form ol li textarea { font-size:16px; line-height: 18px; }
  .losServicios .izq p, .losServicios .cen form p { font-size:14px; line-height: 16px; }
  .losServicios .izq ol li { margin-bottom:5px; font-size:14px; line-height: 16px; }
  .losServicios .cen form { padding:40px 20px; }
  .losServicios .cen form ol li { margin-bottom: 5px; }
  .losServicios .cen form ol li label { font-size:14px; line-height: 16px; margin-bottom:3px; }
  .losServicios .cen form button {display: table; margin-top: 10px; border: 2px solid #fff; background: transparent; color: #fff; text-transform: uppercase; font-weight: 700; font-size: 18px; padding: 5px 10px; cursor: pointer; }
  #quienessomos { height:auto; padding:40px 20px;}
  #quienessomos .iso { width:18vw; margin:0 auto; }
  #quienessomos .izquierda { top:13.5vw; left:20px; }
  #quienessomos .derecha { top:13.5vw; left:62.5vw; }
  #quienessomos h2 {display: block; float: none; position: relative; overflow: hidden; color: #fff; text-transform: uppercase; font-weight: 900; font-size: 60px; line-height: 65px; margin-top: 157px; text-align: left; width: 100%; }
  #quienessomos h2 span { display: inline-block; }
  #quienessomos .der {display: block; float: none; position: relative; overflow: hidden; width: 100%; margin-top: 20px; margin-right: 0; padding:0;}
  #quienessomos .der h3 { font-size:30px; line-height: 32px; }
  #quienessomos .der p {display: block; color: #e6e6e6; font-size: 17px; line-height: 19px; margin: 5px 0 0 0; }
  .banner {display: block; position: relative; overflow: hidden; width: 100%; height: 22vw; background-repeat: no-repeat; background-position: center; background-size: cover; text-align: center; padding: 40px 20px; }
  .banner p { font-size:18px; line-height: 20px; }
  #contacto { height:auto; }
  #contacto form { width:90%; padding:40px 20px; }
  #contacto form h2 { font-size:35px; line-height: 37px; margin-bottom: 10px; }
  #contacto form p { font-size:16px; line-height: 18px; margin-bottom:10px; }
  #contacto form ol li { display:block; float:none !important; width:100%; margin:0 0 10px 0 !important; }
  #contacto form ol li input, #contacto form ol li textarea { padding:5px 0;  }
  #contacto form ol li { margin-bottom:10px; padding-bottom: 10px; }
  #contacto form button { padding:5px 10px; font-size:18px; line-height: 20px; }
  footer { padding:40px 20px; }
  footer p, footer a { font-size:14px; line-height: 16px; }



}

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

  header #click-menu { width:40px; height:40px; }
  header #click-menu span {position: absolute; left: 5px; top: 7px; margin: 0 auto; display: block; width: 30px; height: 5px; background-color: #fff; transition: all .3s; }
  header #click-menu span:nth-child(2), header #click-menu.active span:nth-child(1), header #click-menu.active span:nth-child(3) { top:17px; }
  header #click-menu span:nth-child(3) { top:27px; }
  .menuMovil { top:50px; }
  main { margin-top:50px; }
  header .topChico { height:40px; }
  header .topChico h1 { margin:5px auto 0 auto; }
  header .topChico h1 .iso {width: 32.857143vw; }
  header .topChico h1 .iso {width: 32.857143vw; }
  #home .slide li { height:169.738095vw !important; }
  #home .slide li p {margin: 50px auto; font-size: 18px; line-height: 20px; width: 80%; }
  #servicios ul li h3 img { width:15vw; }
  #servicios ul li h3 span { width:77%; font-size:25px; line-height: 27px;}
  #servicios ul li p { width:77%; margin-top:15px; }
  .losServicios { top: 40px; height: 90vh; overflow-x: auto; }
  .losServicios .izq { width:100%; height:auto;}
  .losServicios .cen { width:100%; height:auto;}
  .losServicios .izq h4 img { width:10vw;  }
  .losServicios .izq h4 span { width:83%; }
  .losServicios .izq h4 { margin-bottom:20px; }
  .losServicios .cerrar { color:#ba161c; }
  #quienessomos h2 { font-size:35px; line-height: 37px; }
  #quienessomos .izquierda, #quienessomos .derecha { top:19.5vw; }
  #quienessomos .der h3 { font-size:20px; line-height: 22px; margin-bottom: 20px; }
  #quienessomos .der p { font-size:15px; line-height: 17px; }
  .banner { height:57vw; }
  #contacto form ol li textarea { height:100px; }
  footer a { margin-top:20px; }


  

}