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 {
  margin:0; padding: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: 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;
  width: 100vw;
  transition: opacity 1s;
  font-family: 'Sora', sans-serif;
  color:#000000;
  font-weight: 400;
  font-size: .7777777778vw;
  line-height: .99vw;
  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: 16px;
    line-height:18px;
  }
}

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.cargado {
  opacity: 1;
}

body.loaded {
  opacity: 1;
}

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

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

.whatsappFijo {     display: block; position: fixed; right: 0; top: 30vw; width: 7.1428571429vw; z-index: 9;-webkit-transform: translateX(500px); transform: translateX(500px); opacity: 0;  transition: 1s 1.3s;}
.whatsappFijo img { display:block; width:100%; height:auto; }
.whatsappFijo .whatamarillo { display:none; }
.loaded .whatsappFijo { opacity:1; -webkit-transform: translateX(0px); transform: translateX(0px); }
.whatsappFijo .flecha { display: block; position: relative; width: 100%; height: auto; right:-2vw;}
.whatsappFijo .icono { display: block; position: absolute; width: 2vw; height: auto; top: 2.5vw; left: 3.5vw;}

.prehome { display:block; position:fixed; top:0; left:0; width:100%; height:100vh; background:#000;z-index: 9999; -webkit-transform: translateX(-0px); transform: translateX(-0px);  opacity:1; transition: 1s 3s;}
.prehome img { display:block; position:relative; overflow:hidden; width:20%; height:auto; margin:30vh auto 0 auto; }
.prehome.sequita { -webkit-transform: translateX(-2000px); transform: translateX(-2000px); opacity:0; }


header { display: block; position: fixed; top:0; left:0; width: 100%;  z-index: 9; background:#000; height:7.1428571429vw; border-bottom:2px solid #f8c25e; padding: 1.6666666667vw 7.1428571429vw;}
header h1 { display: inline-block; float: left; position: relative; overflow: hidden; width: 19.5238095238vw; -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; transition: 1s .5s;}
.loaded header h1 {  -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }
header h1 img { display:block; width:100%; height:auto; }

header ul.menu { display:inline-block; float:left; position:relative; overflow:hidden; margin-left: 7.7380952381vw; margin-top:1.8452380952vw; }
header .menu li { display:inline-block; float:left; position:relative; overflow:hidden; color:#fff; text-transform:uppercase; font-size:1vw; line-height:1.3vw; font-weight:600; -webkit-transform: translateY(-500px); transform: translateY(-500px); opacity: 0; }
header .menu li:nth-child(1) { transition: 1s .7s; }
header .menu li:nth-child(2) { transition: 1s .9s; }
header .menu li:nth-child(3) { transition: 1s 1.1s; }
header .menu li:nth-child(4) { transition: 1s 1.3s; }
.loaded header .menu li { opacity:1; -webkit-transform: translateY(0px); transform: translateY(0px); }
header .menu li a { display:inline-block; cursor:pointer; }
header .menu li a:hover, header .menu li .activo { color:#f8c25e; color:#aca296; }
header .menu li img { display: inline-block; float: right; position: relative; overflow: hidden; width: 1.1904761905vw; height: auto; margin: 0 .8333333333vw; }

header .redes { display:inline-block; float:right; position:relative; overflow:hidden; margin-top:1.452380952vw; }
header .redes a { display:inline-block; float:left; position:relative; overflow:hidden; margin-left:.5952380952vw; width:2.08333333333vw;  -webkit-transform: translateX(500px); transform: translateX(500px); opacity: 0;}
header .redes a:nth-child(1) { transition: 1s 1.5s; }
header .redes a:nth-child(2) { transition: 1s 1.7s; }
header .redes a:nth-child(3) { transition: 1s 1.9s; }

.loaded header .redes a { opacity:1; -webkit-transform: translateX(0px); transform: translateX(0px); }
header .redes a img { display:block; width:100%; height:auto; }

#click-menu { display:none;  }


.menuMovil { display:none}


section { display: block; position: relative;  width: 100%;  z-index:1; }

main { display:block; position:relative; overflow:hidden;  width:100%; margin-top:0; z-index:1; }

.home { display:block; position:relative;  width:100%; margin-top:7.1428571429vw;  z-index:2; }

.home .forma1 { display: block; position: absolute; top: 0; right: 0; width: 13.869047619vw; height: auto; z-index: 9999; }
.home .forma2 { display: block; position: absolute; width: 68.5714285714vw; height: auto; z-index: 9999; left: -27vw; top: -3vw; opacity: 0; transition: 1s 3s;}
.loaded .home .forma2 { opacity:1; }
.home .forma3 { display: block; position: absolute; width: 19.5238095238vw; z-index: 999999; height: auto; top: 58vw; left: 14vw; opacity: 0; transition: 1s 3s;}
.loaded .home .forma3 { opacity:1; }
.home .forma4 { display: block; position: absolute; z-index: 9999; left: 0; top: 5vw; width: 9.5vw; height: auto; -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; transition: 1s 2s;}
.loaded .home .forma4 { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }

.slide { display: block; position: relative; overflow: hidden; width: 100%; height: 47vw; }
.slide ul { display:block; position:relative; overflow:hidden; width:100%; }
.slide ul li { display:inline-block; float:left; position:relative; overflow:hidden; width:100%; height: 47vw !important; background-repeat:no-repeat; background-position:center; background-size:cover; }

.slide .marco {     display: block; position: absolute; width: 43.5vw; top: 6.3vw; z-index: 99999; left: 18.9vw; }
.slide .marco h2 { display: block; font-size: 5.333vw; line-height: 5.333vw; font-weight: 600; -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; transition: 1s 2.2s;}
.loaded .home .slide .marco h2 { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }
.slide .marco h2 span { display:block; font-weight:400;; font-size:5vw; }
.slide .marco p { color: #000; font-size: .7777777778vw; text-transform: uppercase; line-height: 1.3vw; letter-spacing: 5px; margin-top: 1vw; width: 90%;  -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; transition: 1s 2.4s;}
.loaded .home .slide .marco p { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }

.home .marco .redes { display: block; position: relative; overflow: hidden; margin-top: 2vw; }
.home .marco .redes a { display:inline-block; float:left; position:relative; overflow:hidden; margin-left:.5952380952vw; width:2vw;  -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0;}
.home .marco .redes a.north { width:auto; color:#fff; line-height:2vw; font-size:1.33vw; font-size:1vw;}
.home .marco .redes a:nth-child(1) { transition: 1s 2.4s; }
.home .marco .redes a:nth-child(2) { transition: 1s 2.6s; }
.home .marco .redes a:nth-child(3) { transition: 1s 2.8s; }
.home .marco .redes a:nth-child(4) { transition: 1s 3s; }

.loaded .home .marco .redes a { opacity:1; -webkit-transform: translateX(0px); transform: translateX(0px); }
.home .marco .redes a img { display:block; width:100%; height:auto; }

.comunicate { display: block; position: relative; overflow: hidden; width: 100%; background: #fff; height: 7.1428571429vw;  }
.comunicate p {display: inline-block;  float: right;  text-align:right; text-transform:uppercase; color:#000; font-size:1.4444444444vw; line-height:1.4444444444vw; font-weight:600;padding:2.9761904762vw 7.1428571429vw 0 0; }
.comunicate p span { font-weight:800; }
.comunicate p a:hover { color:#f8c25e; }
.comunicate img { display: inline-block;  float: right; position: relative; overflow: hidden; width: 4.5238095238vw; height: auto; margin-right: 1vw; margin-top:1.3095238095vw;}

#quienessomos { background:#aca296; overflow:hidden; padding-bottom:7.1428571429vw;}
#quienessomos .forma1 { display: block; position: absolute; width: 16.01vw; height: auto; top: 12vw; right: 27vw; z-index: 9; animation: girar 20s linear infinite;}
#quienessomos .izq { display: inline-block; float: left; position: relative; overflow: hidden; width: 52.380952381vw; margin: 24.5357142857vw 0 0 7.1428571429vw; }
#quienessomos .izq h2 { display: block; font-size: 3.333vw; line-height: 3.333vw; font-weight: 700; padding-left: 10.7142857143vw; -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; transition: 1s .5s;}
#quienessomos.muestra .izq h2 { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }
#quienessomos .izq h2 span { display:block; }
#quienessomos .izq p { display: block; font-size: 1vw; line-height: 1vw; font-weight: 400; padding-left: 10.7142857143vw; color:#fff; text-transform:uppercase; margin-top:2vw; line-height: 1.3vw; letter-spacing: 5px; -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; transition: 1s .7s;}
#quienessomos.muestra .izq p { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }

#quienessomos .izq .solicita { display: block; position: relative; overflow: hidden; width: 100%; background: #f8c25e; margin-top: 3vw; color: #fff; text-transform: uppercase; font-size: 1.44vw; padding: 1.2vw 1.7vw; font-weight: 600; cursor:pointer; background:#000;}
#quienessomos .izq .solicita span { display: inline-block; float:left;  position: relative; overflow: hidden;  text-transform: uppercase; font-size: 1.44vw; padding: 1.2vw; font-weight: 600; margin:0; padding:0;vertical-align:middle; line-height:2.5vw; }
#quienessomos .izq .solicita img { float: right; display: inline-block; position: relative; overflow: hidden; width: 2.6vw; height: auto; vertical-align:middle; line-height:2.5vw;}

#quienessomos .izq .solicita:hover  span { color:#000; color:#aca296;}

#quienessomos .izq .cuadro { display: block; position: relative; overflow: hidden; width: 100%; margin-top: 3vw; }
#quienessomos .izq .cuadro img { display:inline-block; float:left; position:relative; overflow:hidden; width:6.66vw; height:auto;  -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s .7s;}
#quienessomos.muestra .izq .cuadro img { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; }
#quienessomos .izq .cuadro p { display: inline-block; float: right; padding: 0; width: 41vw; margin: 0; line-height: 1.5vw;  -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s .9s;}
#quienessomos.muestra .izq .cuadro p { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; }

#quienessomos .der { display: inline-block; float: right; position: relative; overflow: hidden; width: 38.09523809524vw; margin: 15.4761904762vw 0 0 0; }
#quienessomos .der img { display:block; width:100%; height:auto; }

.textura { display: block; position: relative; overflow: hidden; width: 100%; height: 7.1428571429vw; background-repeat: repeat-y; background-position: top; background-size: 100% }

#servicios { display:block; position:relative; overflow:hidden; width:100%; background-image:url('../img/fondo-servicios.png'); background-repeat: repeat-y; background-position: top; background-size: 100%;}
#servicios .izq { display: inline-block; float: left; position: relative; overflow: hidden; width: 49.4047619048vw; padding: 15.2vw 0 0 7.1428571429vw; }
#servicios .izq h2 { display: block; position: relative; font-size: 5.33vw; line-height: 5.33vw; font-weight: 700; }
#servicios .izq h2 .linea { display: block; position: absolute; width: 7vw; height: 2px; background: #535353; bottom: -.5vw; left: 0; }
#servicios .izq .ajaxServicios { display: block; position: relative; overflow: hidden; width: 100%; margin-top: 2vw; }
#servicios .izq .ajaxServicios h3 { display: block; position: relative; font-size: 1.66vw; line-height: 1.66vw; font-weight: 500; }
#servicios .izq .ajaxServicios p { display:block; color:#000; font-weight:400; font-size:.888vw; line-height: 1.3vw; letter-spacing: 5px; margin-top:2vw; }

#servicios .der { display:inline-block; float:right;  width:38.8095238095vw; padding:4vw 7.1428571429vw 4vw 0; }
#servicios .der .arriba { display: block; position: absolute; right: 24.7vw; width: 3.869047619vw; height: auto; }
#servicios .der .abajo { display: block; position: absolute; right: 18.4523809524vw; width: 3.869047619vw; height: auto; }
#servicios ul { display: block; position: relative; overflow: hidden; width: 100%; margin-top: 6vw; }
#servicios ul li { display:block; position:relative; overflow:hidden; width:100%; margin-bottom:.5952380952vw;height:4.2857142857vw; background:#bbb1a9; cursor:pointer;-webkit-transform: translateX(500px); transform: translateX(500px); opacity: 0; }
#servicios ul li:nth-child(1) { transition: 1s .5s; }
#servicios ul li:nth-child(2) { transition: 1s .6s; }
#servicios ul li:nth-child(3) { transition: 1s .7s; }
#servicios ul li:nth-child(4) { transition: 1s .8s; }
#servicios ul li:nth-child(5) { transition: 1s .9s; }
#servicios ul li:nth-child(6) { transition: 1s 1s; }
#servicios ul li:nth-child(7) { transition: 1s 1.1s; }
#servicios ul li:nth-child(8) { transition: 1s  1.2s; }
#servicios ul li:nth-child(9) { transition: 1s 1.3s; }
#servicios ul li:nth-child(10) { transition: 1s 1.4s; }
#servicios ul li:nth-child(11) { transition: 1s .1.5s; }
#servicios ul li:nth-child(11) { transition: 1s 1.6s; }
#servicios.muestra ul li { opacity:1; -webkit-transform: translateX(0px); transform: translateX(0px);}

#servicios ul li span { display:inline-block; float:left; position:relative; overflow:hidden; width:4.2857142857vw; height:4.2857142857vw; background:#000; color:#fff; font-size:2vw; line-height:2vw; font-weight:800; text-align:center; vertical-align:middle; padding-top:1vw; }
#servicios ul li p { display: inline-block; float: left; position: relative; overflow: hidden; vertical-align: middle; color: #fff; font-size: 1.2222vw; line-height: 1.444vw; padding: 0 .5vw 0 1vw; align-content: center;
    height: 4.2857142857vw; width:86%; }
#servicios li:hover span { background:#f8c25e; }
#servicios li:hover p { background:#fff; color:#000; }
#servicios li.seleccionado span { background:#f8c25e; }
#servicios li.seleccionado p { background:#fff; color:#000; }

#servicios .derMovil { display:none; }

#rumbo { display:block; position:relative; overflow:hidden; width:100%; }
#rumbo .izq { display:inline-block; float:left; position:relative; overflow:hidden; width:65.4761904762vw; height:62.5vw; background-image:url('../img/teodolito-ruta.jpg'); background-repeat:no-repeat; background-position:center; background-size:cover;  padding:12.5vw 22.619047619vw 0 7.1428571429vw;}
#rumbo .izq h2 { display: block; color: #f8c25e; font-size: 3.3333333333vw; line-height: 3.3333333333vw; font-weight: 800; -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s .5s;}
#rumbo.muestra .izq h2 { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; }
#rumbo .izq h2 span { display:block; color:#000; font-size:3vw; font-weight:400; }
#rumbo .izq p { display:block; text-transform: uppercase; color:#000; font-weight:400; font-size:.7777777778vw; line-height: 1.3vw; letter-spacing: 5px; margin-top:2vw;   -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s .9s;}
#rumbo.muestra .izq p { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; }

#rumbo .der { display:inline-block; float:right; position:relative; overflow:hidden; background:#f8c25e; width:34.5238095238vw; height:62.5vw; padding:12.5vw 0 0 4.1666666667vw; }
#rumbo .der h2 { display: block; color: #fff; font-size: 2.3333333333vw; line-height: 2.3333333333vw; font-weight: 800; }
#rumbo .der h2 span { display:block; color:#fff; font-size:2.22vw; font-weight:400; }

#rumbo .izq .contactate { display: block; position: relative; overflow: hidden; width: 100%; background: #f8c25e; height: 4vw; margin-top:2vw;  cursor:pointer;}
#rumbo .izq .contactate span {display: inline-block;  float: left;  text-align:right; text-transform:uppercase; color:#fff; font-size:1.4444444444vw; line-height:1.4444444444vw; font-weight:600;padding:1.2vw 0 0 .8928571429vw; letter-spacing: 0;
    margin: 0;}
#rumbo .izq .contactate:hover span { color:#000; transition:none !important; }
#rumbo .izq .contactate img { display: inline-block;  float: right; position: relative; overflow: hidden; width: 2.4vw; height: auto; margin-right: .8928571429vw; margin-top:.8vw;}

#rumbo .forma1 { display: block; position: relative; width: 6.6vw; margin-top: 2vw; z-index: 9; }
#rumbo .forma2 { display: block; position: absolute; width: 3.5714285714vw; height: auto; top: 20vw; z-index: 9; right: 15.5vw; }
#rumbo .forma3 { display: block; position: absolute;  width:34.5238095238vw; height: auto; bottom: -20vw; z-index: 9; right: 0; }

#profesionales { display:block; position:relative; overflow:hidden; width:100%; background:#aca296; padding:8.09523809524vw 20.8333333333vw 4.7619047619vw 16.6666666667vw; }
#profesionales h2 { display: block; position: relative; font-size: 5.33vw; line-height: 5.33vw; font-weight: 700; }
#profesionales h2 .linea { display: block; position: absolute; width: 7vw; height: 2px; background: #535353; bottom: -.5vw; left: 0; }

#profesionales ul { display: block; position: relative; overflow: hidden; width: 40vw; margin-top: 4vw; }
#profesionales ul li { display:inline-block; float:left; position:relative; overflow:hidden; width:16.07142857143vw; height:17.9047619048vw; background-repeat:no-repeat; background-position:center; background-size:cover; -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0;}
#profesionales ul li:nth-child(1) { transition: 1s .5s;  }
#profesionales ul li:nth-child(2) { transition: 1s .5s;  }
#profesionales.muestra ul li { opacity:1; -webkit-transform: translateX(0px); transform: translateX(0px);}
#profesionales ul li:last-child { float:right; }
#profesionales ul li h3 { display: block; color: #fff; font-size: .5vw; text-transform: uppercase; line-height: .5vw; position: absolute; bottom: 1.5vw; left: 1vw; }
#profesionales ul li h2 { display: block; color: #fff; font-size: .61vw; text-transform: uppercase; line-height: .61vw; position: absolute; bottom: .5vw; left: 1vw; font-weight: 600;}
#profesionales .solicitaP { display: block; position: relative; overflow: hidden; width: 100%; background: #f8c25e; margin-top: 3vw; color: #fff; text-transform: uppercase; font-size: 1.44vw; padding: 1.2vw 1.7vw; font-weight: 600; cursor:pointer; background:#000;}
#profesionales .solicitaP p { display: inline-block; float:left;  position: relative; overflow: hidden; color: #fff; text-transform: uppercase; font-size: 1.44vw; padding: 1.2vw; font-weight: 600; margin:0; padding:0;vertical-align:middle; line-height:2.5vw; }
#profesionales .solicitaP img { float: right; display: inline-block; position: relative; overflow: hidden; width: 2.6vw; height: auto; vertical-align:middle; line-height:2.5vw;}
#profesionales .solicitaP:hover p { color:#aca296; color:#aca296; }
#profesionales .forma1 { display: block; position: absolute; width: 16.07142857143vw; z-index: 9; top: 18vw; left: 62vw; animation: girar 20s linear infinite;}
#profesionales .forma2 { display: block; position: absolute; width: 34.5238095238vw; height: auto; top: -18vw; z-index: 9; right: 0; }

#profesionales .cuadro { display: block; position: relative; overflow: hidden; width: 100%; margin-top: 3vw; }
#profesionales .cuadro img { display:inline-block; float:left; position:relative; overflow:hidden; width:6.66vw; height:auto; }
#profesionales .cuadro p { display: inline-block; float: right; text-transform: uppercase; color: #fff; font-weight: 400; font-size: .7777777778vw; line-height: 1.3vw; letter-spacing: 5px; width: 85%; }


#guia { display:block; position:relative; overflow:hidden; width:100%; height:50vw; background-image:url('../img/la-guia-02.jpg'); background-repeat:no-repeat; background-position:center; background-size:cover; background-attachment: fixed;}
#guia .forma1 { display: block; position: absolute; z-index: 9; width: 38.8vw; left: -11vw; top: -22vw; }
#guia .forma2 { display: block; position: absolute; z-index: 9; width: 47.8vw; right: -20vw; bottom: -30vw; opacity:.5;}

#guia .redes { display: block; position: relative; overflow: hidden; margin-top: 11.3vw; float:right; margin-right:7.1428571429vw;}
#guia .redes a { display:inline-block; float:left; position:relative; overflow:hidden; margin-left:.5952380952vw; width:2vw; /* -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0;*/}
#guia .redes a img { display:block; width:100%; height:auto; }
#guia .redes a.north { width:auto; color:#fff; line-height:2vw; font-size:1.33vw; font-size:1vw;}
/*#guia .redes a:nth-child(1) { transition: 1s 2.4s; }
#guia .redes a:nth-child(2) { transition: 1s 2.6s; }
#guia .redes a:nth-child(3) { transition: 1s 2.8s; }
#guia .redes a:nth-child(4) { transition: 1s 3s; }*/

#guia h2 { display: block; position: relative; color: #fff; font-size: 5.33vw; line-height: 5.33vw; font-weight: 600; margin: 19vw 0 0 17.85vw;  -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s .5s; z-index:9;}
#guia.muestra  h2 { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; }
#guia .franja { display: block; position: absolute; background: #aca296; top: 20.3vw; width: 20vw; height: 4.5vw; z-index: 8; left: 18vw; -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s .5s; z-index:1;}
#guia.muestra  .franja { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; }
#guia h2 span { color:#aca296; display:block;; font-weight:400; font-size: 5vw; }
#guia p { text-transform: uppercase; color: #fff; font-weight: 400; font-size: .7777777778vw; line-height: 1.3vw; letter-spacing: 5px; display: block; margin: 2vw 0 0 17.85vw; width: 42.8vw; -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s .7s;}
#guia.muestra  p { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; }

#contacto { display:block; position:relative;  width:100%; background:#fff; height:50vw;}
#contacto .forma1 { display: block; position: absolute; width: 10.89vw; height: auto; left: 37vw;  z-index: 99999; top: -6vw; animation: girar 20s linear infinite;}
#contacto .izq { display: inline-block; float: left; position: relative; overflow: hidden; width: 42.8571428571vw; background: #000; height: 100%; padding:7vw 0 0 7.1428571429vw;}
#contacto .izq h2 { display:block; margin-left:2.38vw; color:#aca296; font-weight:600; font-size:2.33vw; line-height:2.33vw;  }
#contacto .izq h2 span { display:block; font-weight:400; font-size:2.22vw; }
#contacto .izq .imagen { display: block; margin-top: 2vw; width: 22.9vw; height: auto; margin-left: 4.28vw; }
#contacto .izq .what { display: block; position: relative; overflow: hidden; margin-top: 2vw; }
#contacto .izq .what img { display: inline-block; float: left; position: relative; overflow: hidden; vertical-align: middle; width: 3.57vw; height: auto; margin-right: 1vw; }
#contacto .izq .what p { display: inline-block; float: left; position: relative; overflow: hidden; vertical-align: middle; color: #aca296; font-size: 2.33vw; line-height: 4vw; font-weight: 600; }
#contacto .izq .what:hover p { color:#fff; }
#contacto .izq .pie { display: block; position: relative; overflow: hidden; margin-top: 2vw; color: #fff; font-size: .65vw; text-transform: uppercase; letter-spacing: 4px; padding-bottom:5vw;}

#contacto .cen { display:inline-block; float:left; position:relative; overflow:hidden; width:22.619047619vw; background-image:url('../img/contacto.jpg'); background-repeat:no-repeat; background-position:center; background-size:cover; height:100%; }
#contacto form { display:inline-block; float:right; position:relative; overflow:hidden; width:34.5238095238vw; padding:7vw 7.1428571429vw 0 5.12vw; }

#contacto form h2 { display: block; position: relative; font-size: 2.33vw; line-height: 2.33vw; font-weight: 700; color:#aca296; }
#contacto form h2 span { display:block; font-weight:400; font-size:2vw;  }
#contacto form h2 .linea { display: block; position: absolute; width: 7vw; height: 2px; background: #535353; bottom: -.5vw; left: 0; }


#contacto form h2 { display:block; width:100%; color:#72270e;  font-size: 2vw; line-height: 2.3vw;  margin:0; margin-bottom:.5vw; font-weight: 600;}
#contacto form ol { display:block; position:relative; overflow:hidden; width:100%; margin-top:4vw; padding:0; }
#contacto form li { display:block; position:relative; overflow:hidden; width:100%; margin-bottom:1vw; }
#contacto form input { display:block; position:relative; overflow:hidden; width:100%; background:#fff; border:1px solid #aca296; padding:.5vw; font-size:1vw; color:#72270e; margin-bottom:.5vw; font-weight:normal;}


#contacto form button { display: block; position: relative; overflow: hidden; background: #f8c25e; background:#fff; padding: .5vw 1vw; width: 100%; color: #fff; /* text-align: center; */ font-size: 1.2vw; margin: 0 auto; border: 0; cursor: pointer; border: 1px solid #f8c25e; margin-top: 1.5vw; margin-bottom: .2vw; clear: both; /* border-radius: 32px; */
    margin: 0 auto; border-color:#aca296;}
#contacto form button p { display:inline-block; float:left; font-size:1.44vw; line-height:1.44vw; font-weight:600; text-transform:uppercase; padding-top:.5vw; color:#aca296;}
#contacto form button img { display: inline-block; float: right; position: relative; overflow: hidden; width: 2.38vw;
    height: auto; }
#contacto form button:hover { /*color:#f8c25e; background:#fff; */ background:#000; border-color:#000; color:#fff; }
#contacto form textarea { display:block; position:relative; overflow:hidden; width:100%; background:#fff; border:1px solid #aca296; padding:.5vw; font-size:1vw; color:#72270e; margin-bottom:.5vw; font-weight:normal; height:5vw;}   

#contacto form .osmosis { display: block; position: relative; overflow: hidden; width: 100%; margin-top: 8vw; text-align: right; text-transform: uppercase; color: #000; font-size: .7vw; font-weight: 400; }
#contacto form .osmosis a, #contacto form .osmosis span { font-weight:600; }

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

  
  .prehome img { width:60%; }

  .whatsappFijo {width: 30px; top: unset; bottom: 20px; right: 30px; }
  .whatsappFijo .icono { display:none; }
  .whatsappFijo .whatamarillo { display:block; }
  .whatsappFijo .flecha { display:none; }
  #click-menu {  display: block; position: relative; width: 25px; height: 25px; cursor: pointer; z-index: 99; transition: all 1s; position: absolute; right: 25px; top: 15px; cursor: pointer; z-index: 9; transition:all 1s; }
  #click-menu span { position: absolute; right: .8vw; top: 10px; margin:0 auto; display: block; width: 100%; height: 5px;  background-color: #fff; transition: all .3s;}
  #click-menu span:nth-child(2) {top: 20px; }
  #click-menu span:nth-child(3) {top: 30px; }
  #click-menu.abierto span:nth-child(1) {top: 20px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
  #click-menu.abierto span:nth-child(2) {opacity: 0; top: -7.8125vw; }
  #click-menu.abierto span:nth-child(3) {top: 20px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }

  .menuMovil.abierto { display: block; position: fixed; top: 80px; right: 0; width: 60%; z-index: 5; background: #f8c25e; padding: 20px; overflow-y:scroll;
    overflow-x:hidden; z-index:999; height:90vh;}
  .menuMovil li { display:block; position:relative; overflow:hidden; width:100%; color:#fff; font-size:16px; line-height: 18px; margin-bottom:10px;  font-weight: 600; text-transform: uppercase; }
  .menuMovil li .sub { display: none; /* width: 90%; */ margin: 10px auto; }
  .menuMovil li .sub li {display: block; position: relative; overflow: hidden; width: 100%; color: #fff; font-size: 16px; line-height: 18px; margin-bottom: 5px; margin-top: 3px; font-weight: 500; text-transform: none; padding-left:10px; }
  .menuMovil li:last-child, .menuMovil li .sub li { margin-bottom:0; padding-bottom:0; border:0; }

  header { height:80px; padding:15px 30px; }
  header ul.menu { display:none; }
  header h1 { width:50vw;  }
  header .redes { margin-right:40px; margin-top:15px; }
  header .redes a { margin-left:5px; width:20px; }

  .home { margin-top:80px; }
  .home .forma1 { width:27.869048vw; }
  .home .forma4 { width:18.5vw; }
  .slide, .slide ul li { height:150vw !important; }
  .slide .marco {display: block; position: absolute; width: 80%; top: 26vw; z-index: 99999; left: 30px; background: rgba(255, 255, 255, .5); padding: 20px; -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; transition: 1s 2.2s; }
  .loaded .home .slide .marco { opacity:1; -webkit-transform: translateX(0); transform: translateX(0); }
  .slide .marco h2 { font-size:40px; line-height:40px; }
  .slide .marco h2 span { font-size:35px; }
  .slide .marco p {font-size: 14px; line-height: 16px; letter-spacing: 2px; margin-top: 10px; width: 100%;  }
  .home .forma2 { top:-21vw; display:none;}
  .home .forma3 { top:40vw; display:none; }
  .home .marco .redes { margin-top:20px; }
  .home .marco .redes a { margin-left:10px; width:20px; }
  .home .marco .redes a.north { font-size:16px; line-height:18px; }
  .home .forma4 { top:6.5vw; }
  .comunicate { height:auto; }
  .comunicate p { font-size: 14px; line-height: 16px; padding: 10px 50px; width: 100%; text-align: center; }
  .comunicate img { display:none; }
  #quienessomos { padding:50px 30px; }
  #quienessomos .forma1 {display: block; position: absolute; width: 20vw; height: auto; top: 70px; right: 43px; left: unset; margin: unset; }
  #quienessomos .izq {display: block; float: unset; position: relative; overflow: hidden; width: 100%; margin: 0; }
  #quienessomos .izq h2 { font-size:40px; line-height:40px; padding:0; }
  #quienessomos .izq p { font-size:14px; line-height:17px; padding-left:0; margin-top:20px; }
  #quienessomos .izq .solicita {display: block; position: relative; overflow: hidden; width: 100%;  margin-top: 20px; color: #fff; text-transform: uppercase; font-size: 14px; padding: 10px 20px; font-weight: 600; cursor: pointer; }
  #quienessomos .izq .solicita span { font-size:14px; line-height:20px; }
  #quienessomos .izq .solicita img { width:20px; }
  #quienessomos .izq .cuadro { margin-top:30px; }
  #quienessomos.muestra .izq .cuadro img { display:none; }
  #quienessomos .izq .cuadro p { font-size: 14px; line-height: 16px; letter-spacing: 2px; width: 100%; display: block; float: unset; }

  #quienessomos .der {display: block; float: unset; position: relative; overflow: hidden; width: 100%; margin-top:30px; }
  .textura { height:50px; }

  #rumbo .der, #rumbo .forma2, #rumbo .forma3 { display:none; }
  #rumbo .izq {display: block; float: unset; position: relative; overflow: hidden; width: 100%; height: 100vw; background-image: url(../img/teodolito-ruta.jpg); padding: 50px 30px 10px 30px; }
  #rumbo .forma1 { margin-top:20px; }

  #rumbo .izq h2, #profesionales h2, #guia h2, #contacto .izq h2, #contacto form h2 { font-size:40px; line-height:40px; }
  #rumbo .izq h2 span, #guia h2 span, #contacto .izq h2 span, #contacto form h2 span { font-size:30px; }
  #rumbo .izq p, #guia p { font-size:14px; line-height:16px; letter-spacing:2px; }

  #rumbo .izq .contactate { height:auto; margin-top:20px; }
  #rumbo .izq .contactate span { font-size:14px; line-height:14px; padding:10px 20px; }
  #rumbo .izq .contactate img {display: inline-block; float: right; position: relative; overflow: hidden; width: 20px; height: auto; margin-right: 20px; margin-top: 7px; }

  #profesionales { padding:50px 30px;  }
  #profesionales .forma1 {display: block; position: absolute; width: 20vw; z-index: 9; top: 5vw; left: 61vw; }
  #profesionales ul {display: block; position: relative; overflow: hidden; width: 80%; margin: 40px auto 0 auto; }
  #profesionales ul li {display: block; float: unset; position: relative; overflow: hidden; width: 100%; height: 75vw; margin-bottom: 20px; }
  #profesionales ul li h3 {font-size: 11px; line-height: 11px;  bottom: 30px; left: 20px; }
  #profesionales ul li h2 {font-size: 16px; line-height: 16px; bottom: 10px; left: 20px; font-weight: 600; }
  #profesionales .solicitaP {display: block; position: relative; overflow: hidden; width: 100%;  margin-top: 10px; color: #fff; text-transform: uppercase; font-size: 14px; padding: 10px 20px; font-weight: 600; cursor: pointer; }
  #profesionales .solicitaP p { font-size:14px; line-height:20px; }
  #profesionales .solicitaP img { width:20px; }
  #profesionales .cuadro { margin-top:30px; }
  #profesionales .cuadro img { display:none; }
  #profesionales .cuadro p { font-size: 14px; line-height: 16px; letter-spacing: 2px; width: 100%; display: block; float: unset; }

  #guia { height:100vw; }
  #guia .redes {display: block; position: relative; overflow: hidden; margin-top: 50px; float: right; margin-right: 30px; }
  #guia .redes a {display: inline-block; float: left; position: relative; overflow: hidden; margin-left: 10px; width: 20px; }
  #guia .redes a.north { font-size:16px; line-height:18px; }

  #guia h2 { margin:100px 0 0 30px; }
  #guia .franja { top: 28vw; width: 40vw; height: 6vw; z-index: 8; left: 30px;  }
  #guia p { margin-top: 20px; margin-left: 30px; width: 90%; }

  #contacto { height:auto; }
  #contacto .izq, #contacto form {display: block; float: unset; position: relative; overflow: hidden; width: 100%;  padding: 50px 30px; }
  #contacto .izq .imagen {display: block; margin-top: 20px; width: 50%; height: auto; margin: 20px auto 0 auto; }
  #contacto .izq .what { margin-top:20px; }
  #contacto .izq .what img { width:30px; margin-right:10px; }
  #contacto .izq .what p { font-size:20px; line-height:31px; }
  #contacto .izq .pie {display: block; position: relative; overflow: hidden; margin-top: 20px; color: #fff; font-size: 11px; text-transform: uppercase; letter-spacing: 2px; padding-bottom: 0; }
  #contacto .forma1 {display: block; position: absolute; width: 20vw; height: auto; left: 0; right: 0; margin: 0 auto; z-index: 99999; top: -46px;  }
  #contacto form ol { margin-top:30px; }
  #contacto form ol li { margin-bottom:10px; }
  #contacto form input {display: block; position: relative; overflow: hidden; width: 100%; background: #fff; border: 1px solid #aca296; padding: 10px; font-size: 16px; color: #72270e; margin-bottom: 5px; font-weight: normal; }
  #contacto form textarea {display: block; position: relative; overflow: hidden; width: 100%; background: #fff; border: 1px solid #aca296; padding: 10px; font-size: 16px; color: #72270e; margin-bottom: 10px; font-weight: normal; height: 100px; }
  #contacto form button { padding:10px 20px; }
  #contacto form button p { font-size:14px; line-height:20px; }
  #contacto form button img { width:20px; }
  #contacto form .osmosis {display: block; position: relative; overflow: hidden; width: 100%; margin-top: 30px; text-align: right; text-transform: uppercase; color: #000; font-size: 11px; font-weight: 400; }

  #servicios { background:#fff; background-image:none; }
  #servicios .derMovil {display: block; float: unset; width: 100%; padding: 50px 30px 30px 30px; }
  #servicios .der  { display:none; }
  #servicios .derMovil h2 { display: block; position: relative; font-size: 40px; line-height: 40px; font-weight: 700; }
  #servicios .derMovil h2 .linea { display: block; position: absolute; width: 7vw; height: 2px; background: #535353; bottom: -.5vw; left: 0; }
  #servicios .derMovil select { display: block; position: relative; overflow: hidden; width: 100%; margin-top: 30px; border: 1px solid #aca296; padding: 10px; font-size: 14px; line-height: 16px; border-radius:0; color:#000; height:auto;}
  #servicios ul { margin-top:0; }
  #servicios ul li { display:inline-block; float:left; width:45%; margin-right:5%; margin-bottom:10px; }
  #servicios ul li span { display:none; }
  #servicios .izq {display: block; float: unset; position: relative; overflow: hidden; width: 100%; padding: 0 30px 50px 30px; }
  #servicios .izq h2, #servicios ul { display:none; }
  #servicios .izq .ajaxServicios { margin:0; }
  #servicios .izq .ajaxServicios h3 { font-size:18px; line-height:20px; }
  #servicios .izq .ajaxServicios p { font-size:14px; line-height:16px; letter-spacing:2px; margin-top:10px; }



  .overlay { width:80vw; padding:20px; font-size:15px; line-height: 17px; }
  .pop ol { margin-top:20px; margin-bottom:10px; }
  .pop h2 { font-size:25px; line-height: 27px; }
  .overlay .cerrarContacto, .overlay .cerrarRegistrarse, .overlay .cerrarIngresar, .overlay .cerrarRecordar, .overlay .cerrarRegistrate { font-size:30px; top:0; right:0;}
  .pop li { margin-bottom:10px; }
  .pop input { padding:5px; font-size:17px; line-height: 19px; }
  .pop textarea { height:100px;  padding:5px; font-size:17px; line-height: 19px; }
  .pop button { padding:5px 20px 9px 20px; font-size:20px; line-height: 22px; }
  .overlay .recuperar, .overlay .sinCuenta { font-size:15px; line-height: 18px; }
  .pop p, .pop li input, .pop li textarea, .pop select { font-size:17px; line-height: 19px; }
  .pop p { margin-top:20px; }
  .pop li textarea { height:100px; }
  .overlay .recuperar { margin-bottom:10px; }
  .overlay .sinCuenta { margin-top:10px; }

  


}
@keyframes girar {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}