@font-face {
    font-family: ArialRoundedLight;
    src: url(../fonts/ArialRoundedMTforSE-Light_Latin.woff2) format("woff2"), url(../fonts/ArialRoundedMTforSE-Light_Latin.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: ArialRoundedRegular;
    src: url(../fonts/ArialRoundedMTforSE-Regular_Latin.woff2) format("woff2"), url(../fonts/ArialRoundedMTforSE-Regular_Latin.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: ArialRoundedBold;
    src: url(../fonts/ArialRoundedMTforSE-Bold_Latin.woff2) format("woff2"), url(../fonts/ArialRoundedMTforSE-Bold_Latin.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: ArialRoundedMTforSE_Cyrillic;
    src: url(../fonts/ArialRoundedMTforSE-Regular_Cyrillic.woff2) format("woff2"), url(../fonts/ArialRoundedMTforSE-Regular_Cyrillic.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: ArialRoundedMTforSE_Cyrillic;
    src: url(../fonts/ArialRoundedMTforSE-Bold_Cyrillic.woff2) format("woff2"), url(../fonts/ArialRoundedMTforSE-Bold_Cyrillic.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


    /*! 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: #999fa4;
  opacity: 1;
  font-size:.7777777778vw;
  line-height: .9vw
}

/**
 * 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: "ArialRoundedRegular", Arial, Helvetica Neue, Helvetica, sans-serif !important;
  font-weight: 400;
  font-size: 1vw;
  line-height: 1.2vw;
  color: #999fa4;
  overflow-x: hidden !important;
  outline: 0;
  background-color: #fff;
  position: relative;
  -webkit-font-smoothing: antialiased;
  opacity:1;
}

@media screen and (max-width: 783px) {
  body {
    font-size: 18px;
  }
}

@media screen and (max-width: 495px) {
  body {
    font-size: 18px;
  }
}

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

p {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  text-indent: 0;
}

a, a:hover, button {
  text-decoration: none;
  color: inherit;
  outline: 0;
  transition: all 0.3s;
}

strong {
  font-weight: bold;
}

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

.slick-slide {
  outline: none;
}

ul {
  padding: 0;
  margin: 0;
}

li {
  list-style-type: none;
}


h1, h2, h3, h4 { margin:0; padding:0; }

main { display:block; position:relative; overflow:hidden; width:100vw; }

section { display:block; position:relative; overflow:hidden; width:100%; }

section .izq { display:inline-block; float:left; position:relative; overflow:hidden; width:31.0714285714vw; height:100vh;}

section .der { display:inline-block; float:left; position:relative; overflow:hidden; width:68.9285714286vw; height:100vh;}

.topFijo { display: block; position: absolute; top: 100vh; left: 0; z-index: 9;  width: 31.0714285714vw; }
.topFijo .eltop { display:block; position:relative; z-index:9; background: #36cc6a; width:100%; padding: .5vw 1.369047619vw .5vw 4.7619047619vw; height:4.2vw}
.topFijo.visible { position:fixed; top:0;}
.topFijo h1 img { display: inline-block; float: left; position: relative; overflow: hidden; width: 15.119047619vw; height: auto; }
.topFijo .virtual { display: inline-block; float: left; position: relative; overflow: hidden; width: 4.7023809524vw; padding-left: .7vw; border-left: 1px solid #b6edc9; margin-left: .7vw; margin-top: .5vw; }

.topFijo .click-menu { display: inline-block; float: right; position: relative; width: 2.1428571429vw; height: 2.1428571429vw; cursor: pointer; z-index: 9; }
.topFijo .click-menu span {position: absolute; left: 0; right: 0; top: 1.0714285714vw; margin: 0 auto; display: block; width: 30px; height: 5px; margin: 0 auto; background: #fff;
  transition: all .3s;}
.topFijo .click-menu span:nth-child(2) {top: 1.6666666667vw; }
.topFijo .click-menu span:nth-child(3) {top: 2.2619047619vw; }
.topFijo .click-menu.active span:nth-child(1) {top: 1.6666666667vw; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
.topFijo .click-menu.active span:nth-child(2) {opacity: 0; left: -7.8125vw; }
.topFijo .click-menu.active span:nth-child(3) {top: 1.6666666667vw; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }

ul.menuMovil { display:none;position: absolute;
  top: 0; left: 0; z-index: 0; width: 31.0714285714vw; height: auto; margin: 2.380952381vw auto 0 auto; padding: 1.5vw 1.369047619vw .5vw 4.7619047619vw; background: #fff;  opacity: 0; transition: .5s 0.1s; height:0;}
.menuMovil.activo { display:block; position: absolute; top: 1.8vw;  opacity: 1; height:92.2vh; z-index:1;}
.menuMovil li { display: block; position:relative; width:100%; margin-bottom:1.1904761905vw; padding-bottom:1.1904761905vw; border-bottom:1px solid #e7e6e6; cursor:pointer; color:#333333; text-transform: uppercase; font-family: "ArialRoundedBold", Arial, Helvetica Neue, Helvetica, sans-serif !important; font-size:1.1111111111vw; line-height:1.333vw;}
.menuMovil li:last-child {padding-bottom:0; border:0; }
.menuMovil li a { display: block; position:relative; overflow:hidden;  }
.menuMovil li a span { font-weight: 300; font-size:1vw;text-transform: none; }
.menuMovil li a:hover, #home .izq .menu li.activo  { color:#36cc6a; }
.menuMovil li a::before { content: "\f107"; font-family: FontAwesome; position: absolute; top: 0.1vw; right: .5vw; font-size: 1.11111vw; color: #333333; z-index: 1 }
.menuMovil li.activo a::before { content: "\f106"; font-family: FontAwesome; position: absolute; top: 0.1vw; right: .5vw; font-size: 1.11111vw; color: #36cc6a; z-index: 1 }

.menuMovil li .sub { display: none; position: relative; /* top: 1.1904761905vw; */ z-index: 9; left: 0; background: #fff; width: auto; /* min-width: 20vw; */ /* padding: .5vw 1vw; */ opacity: 0; visibility: hidden; transition: all .5s; width: 100%;}
.menuMovil li.activo .sub { display:block; opacity: 1; visibility: visible; }
.menuMovil li .sub ul { display:block; position:relative; overflow:hidden; margin-top: 1.1904761905vw ;}
.menuMovil li .sub ul li { display: block; margin-bottom:1vw; padding-bottom:1vw; padding-left:1vw;}

.menuMovil li .sub ul li a { font-size: .8888vw; line-height: 1vw; text-transform: none; }
.menuMovil li .sub ul li a::before { display: none; }
.menuMovil li:last-child .sub { top:auto; bottom:-1.1904761905vw; }
.menuMovil li:last-child a::before { display: none; }

.menuMovil li .sub ul li:last-child { background:transparent !important; padding:0 0 0 1vw !important; margin:0 !important; color:#333333 !important;}
.menuMovil li .sub ul li:last-child  a {  color:#333333 !important;}

#home .izq { background:#fff;  overflow:visible; z-index:7; }
#home .izq h1 { display:block; position:relative; overflow:hidden; width:100%; background:#36cc6a; padding-top:1.7857142857vw; padding-bottom:1.7857142857vw; padding-left:4.7619047619vw; z-index: 3;}
#home .izq h1 img { display: block; width: 21.7857142857vw; height: auto;-webkit-transform: translateY(-500px); transform: translateY(-500px); opacity: 0; transition: 1s .5s; }
#home.semuestra .izq h1 img{  -webkit-transform: translateY(-0); transform: translateY(-0); opacity: 1; }

#home .izq .tour { display: block; padding: 1.7857142857vw 4.7619047619vw; width: 100%; background:#eeeeee; opacity: 0; transition: 1.5s 1s;}
#home.semuestra .izq .tour { opacity:1; }
#home .izq .tour img { display: block; width: 100%; height: auto; }
#home .izq .form_logueo { display: block; padding: 1.7857142857vw 4.7619047619vw; width: 100%; background:#fff;}
#home .izq .form_logueo .error { display: block; color: #ff0000; font-size: .6666666667vw; line-height: .8vw; margin-bottom: 1vw; position: relative; overflow: hidden; width: 100%; }
#home .izq .form_logueo input { display: block; position: relative; overflow: hidden; width: 100%; color: #999fa4; font-size: .7777777778vw; padding: .625vw; line-height: .9vw; border: 2px solid #cfcfd1; margin-bottom:.2976190476vw; font-family: "ArialRoundedBold", Arial, Helvetica Neue, Helvetica, sans-serif !important; }
#home .izq .form_logueo input::placeHolder { color: #999fa4; font-size: .7777777778vw; line-height: .7738095238vw; }
#home .izq .form_logueo button { display: block; position: relative; overflow: hidden; width: 100%; background: #3fb5e1;color: #fff; font-size: 1vw; line-height: 1vw; text-align: center;  padding: .715vw; cursor: pointer; font-family: "ArialRoundedBold", Arial, Helvetica Neue, Helvetica, sans-serif !important; border:0; }
#home .izq .form_logueo button:hover { background:#51d2f9; }
#home .izq .form_logueo p { display:block; color:#646464; font-size:.6666666667vw; line-height: .8vw; margin-top:1.4285714286vw; }
#home .izq .form_logueo input#ls_usuario { -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; transition: 1s 1.5s; }
#home .izq .form_logueo input#ls_password { -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; transition: 1s 1.7s; }
#home .izq .form_logueo button { -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; transition: 1s 1.9s; }
#home .izq .form_logueo p { -webkit-transform: translateX(-500px); transform: translateX(-500px); opacity: 0; transition: 1s 2.1s; }
#home.semuestra .izq .form_logueo input#ls_usuario, #home.semuestra .izq .form_logueo input#ls_password,  #home.semuestra .izq .form_logueo button, #home.semuestra .izq .form_logueo p { -webkit-transform: translateX(-0); transform: translateX(-0); opacity: 1; }
#home .izq .tour1 { display: block; width: 21.7857142857vw; height: auto; margin:8.6904761905vw auto 0 auto;}
#home .izq .tour1.con { margin-top:6.690476vw; }
#home .izq .matterport { display: block; width: 12.7380952381vw; height: auto; margin:1.8452380952vw auto 0 auto; margin:4vw auto 0 auto; -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s 2.3s;}
#home.semuestra .izq .matterport { -webkit-transform: translateY(-0); transform: translateY(-0); opacity: 1; }
#home .izq ul.menu { display: block; width: 21.7857142857vw; height: auto; margin: 2.380952381vw auto 0 auto; z-index:0;-webkit-transform: translateY(-500px); transform: translateY(-500px); opacity: 0; transition: 1s 1.3s;}
#home.semuestra .izq ul.menu  { opacity:1; -webkit-transform: translateY(-0px); transform: translateY(-0px);  }
#home .izq .menu li { display: block; position:relative; width:100%; margin-bottom:1.1904761905vw; padding-bottom:1.1904761905vw; border-bottom:1px solid #e7e6e6; cursor:pointer; color:#333333; text-transform: uppercase; font-family: "ArialRoundedBold", Arial, Helvetica Neue, Helvetica, sans-serif !important; font-size:1.1111111111vw; line-height:1.333vw; padding-left:1.5vw;}
#home .izq .menu li a span { font-weight: 300; font-size:1vw;text-transform: none; }
#home .izq .menu li:last-child {padding-bottom:0; border:0; }
#home .izq .menu li::before { content: "\f0c8"; font-family: FontAwesome; position: absolute; top: 0.1vw; left: 0; font-size: 1.11111vw; color: #333333; z-index: 1; }
#home .izq .menu li:nth-child(1)::before { color:#586462; }
#home .izq .menu li:nth-child(2)::before { color:#185519; }
#home .izq .menu li:nth-child(3)::before { color:#488fc7; }
#home .izq .menu li:nth-child(4)::before { color:#3c2c6c; }
#home .izq .menu li:nth-child(5)::before { color:#0a495f; }
#home .izq .menu li:nth-child(6)::before { color:#bd732e; }
#home .izq .menu li a { display: block; position:relative; overflow:hidden;  }
/*#home .izq .menu li a:hover, #home .izq .menu li.activo  { color:#36cc6a; }*/
#home .izq .menu li:nth-child(1) a:hover, #home .izq .menu li:nth-child(1).activo  { color:#586462; }
#home .izq .menu li:nth-child(2) a:hover, #home .izq .menu li:nth-child(2).activo  { color:#185519; }
#home .izq .menu li:nth-child(3) a:hover, #home .izq .menu li:nth-child(3).activo  { color:#488fc7; }
#home .izq .menu li:nth-child(4) a:hover, #home .izq .menu li:nth-child(4).activo  { color:#3c2c6c; }
#home .izq .menu li:nth-child(5) a:hover, #home .izq .menu li:nth-child(5).activo  { color:#0a495f; }
#home .izq .menu li:nth-child(6) a:hover, #home .izq .menu li:nth-child(6).activo  { color:#bd732e; }

#home .izq .menu li a::before { content: "\f107"; font-family: FontAwesome; position: absolute; top: 0.1vw; right: 0; font-size: 1.11111vw; color: #333333; z-index: 1 }
#home .izq .menu li.activo a::before { content: "\f106"; font-family: FontAwesome; position: absolute; top: 0.1vw; right: 0; font-size: 1.11111vw; color: #36cc6a; z-index: 1 }

#home .izq .menu li .sub { display: none; position: relative; z-index: 9; left: 0; background: #fff; width: auto; opacity: 0; visibility: hidden; transition: all .5s; width: 100%;}
#home .izq .menu li.activo .sub { display:block; opacity: 1; visibility: visible; }
#home .izq .menu li .sub ul { display:block; position:relative; overflow:hidden; margin-top: 1.1904761905vw ;}
#home .izq .menu li .sub ul li { display: block; margin-bottom:1vw; padding-bottom:1vw; padding-left:0;}
#home .izq .menu li .sub ul li::before { display: none; }
#home .izq .menu li .sub ul li:last-child { margin-bottom:0; padding-bottom:0; }
#home .izq .menu li .sub ul li a { font-size: .8888vw; line-height: 1vw; text-transform: none; color:#333 !important;}
#home .izq .menu li .sub ul li a:hover {  color:#333 !important; }
#home .izq .menu li .sub ul li a::before { display: none; }
#home .izq .menu li:last-child .sub { top:auto; bottom:-1.1904761905vw; }
#home .izq .menu li:last-child::before { display:none; }
#home .izq .menu li .sub ul li:last-child { background:transparent !important; padding:0 0 0 0 !important; margin:0 !important; color:#333333 !important;}
#home .izq .menu li .sub ul li:last-child  a {  color:#333333 !important;}
.menuMovil li:last-child, #home .izq .menu li:last-child { background: #36cc6a; padding: .5vw 1vw; text-transform: none; margin-top: -1.1904761905vw; }
.menuMovil li:last-child a, #home .izq .menu li:last-child a { color:#fff; }
#home .izq .menu li:last-child a::before { display:none; }

#home .der { background-repeat: no-repeat; background-position:center; background-size:cover; } 
#home .der .capa { display:block; position:absolute; top:0; left:0; z-index:0; width:100%; height:100%; }

#home .der .puntos { position: absolute;  -webkit-transform: translateY(-500px); transform: translateY(-500px); opacity: 0; cursor:pointer; z-index:1;}
#home.semuestra .der .puntos { -webkit-transform: translateY(0); transform: translateY(0); opacity:1; }
#home .der .puntos.visible { z-index:99; transition:none !important;}

#home .der #pos1 { width: 4vw; transition: .5s .2s; }
#home .der #pos1 .p1 { display:block; position:absolute; top:0; left:0; width:100%; -webkit-transform: translateY(0); transform: translateY(0); transition:all .5s;}
#home .der #pos1 .p1 #poss1 { display:block; position: absolute; top: 0; left: 0; width: 100%; height: 1vw; -moz-transform: skew(20deg); -o-transform: skew(20deg); background: #586462; transform: skew(65deg, 156deg); opacity:.7; }
#home .der #pos1.visible .p1 {  -webkit-transform: translateY(-20px); transform: translateY(-20px); z-index: 99; }
#home .der #pos1.visible #poss1 { opacity:1; background:#586462; border:1px solid #606060;  }
#home .der #pos1:hover #poss1 { opacity:1 !important; border:1px solid #606060;}
#home .der #pos1 p { display:block; position: relative; width:100%; text-align:center; color: #fff; font-size: .7vw; transform: rotate(-24deg); margin-top:-.2vw; }
#home .der #pos1:hover p { display:block; }
#home .der #pos1.visible p { display:none; }

#home .der #pos2 { width: 11vw; transition: .5s .3s; }
#home .der #pos2 .p2 { display:block; position:absolute; top:0; left:0; width:100%; -webkit-transform: translateY(0); transform: translateY(0); transition:all .5s;}
#home .der #pos2 .p2 #poss2 { display:block; position: absolute; top: 0; left: 0; width: 100%; height: 1vw; -moz-transform: skew(20deg); -o-transform: skew(20deg); background: #586462; transform: skew(110deg, 219deg); opacity:.7; }
#home .der #pos2.visible .p2 {  -webkit-transform: translateY(-20px); transform: translateY(-20px); z-index: 99; }
#home .der #pos2.visible #poss2 { opacity:1; background:#586462; border:1px solid #606060;  }
#home .der #pos2:hover #poss2 { opacity:1 !important; border:1px solid #606060;}
#home .der #pos2 p {     display: block; position: relative; color: #fff; font-size: .7vw; width: 100%; text-align: center; transform: rotate(41deg); }
#home .der #pos2:hover p { display:block; }
#home .der #pos2.visible p { display:none; }

#home .der #pos3 { width: 3.7vw;transition: .5s .4s; }
#home .der #pos3 .p3 { display:block; position:absolute; top:0; left:0; width:100%; -webkit-transform: translateY(0); transform: translateY(0); transition:all .5s;}
#home .der #pos3 .p3 #poss3 { display:block; position: absolute; top: 0; left: 0; width: 100%; height: 9.4vw; -moz-transform: skew(20deg); -o-transform: skew(20deg); background: #bd732e; transform: skew(114deg, 36deg); opacity:.7; }
#home .der #pos3.visible .p3 {  -webkit-transform: translateY(-20px); transform: translateY(-20px); z-index: 99; }
#home .der #pos3.visible #poss3 { opacity:1; background:#bd732e; border:1px solid #606060;  }
#home .der #pos3:hover #poss3 { opacity:1 !important; border:1px solid #606060;}
#home .der #pos3 p { display:block; position: relative; width:100%; text-align:center; color: #fff; font-size: .7vw; transform: rotate(-25deg); margin-top:4vw; }
#home .der #pos3:hover p { display:block; }
#home .der #pos3.visible p { display:none; }

#home .der #pos4 { width: 10vw; transition: .5s .5s;}
#home .der #pos4 .p4 { display:block; position:absolute; top:0; left:0; width:100%; -webkit-transform: translateY(0); transform: translateY(0); transition:all .5s;}
#home .der #pos4 .p4 #poss4 { display:block; position: absolute; top: 0; left: 0; width: 100%; height: 1vw; -moz-transform: skew(20deg); -o-transform: skew(20deg); background: #586462; transform: skew(117deg, 218deg); opacity:.7; }
#home .der #pos4.visible .p4 {  -webkit-transform: translateY(-20px); transform: translateY(-20px); z-index: 99; }
#home .der #pos4.visible #poss4 { opacity:1; background:#586462; border:1px solid #606060;  }
#home .der #pos4:hover #poss4 { opacity:1 !important; border:1px solid #606060;}
#home .der #pos4 p {     display: block; position: relative; color: #fff; font-size: .7vw; width: 100%; text-align: center; transform: rotate(38deg); }
#home .der #pos4:hover p { display:block; }
#home .der #pos4.visible p { display:none; }

#home .der #pos5 { width: 5.5vw; transition: .5s .6s; }
#home .der #pos5 .p5 { display:block; position:absolute; top:0; left:0; width:100%; -webkit-transform: translateY(0); transform: translateY(0); transition:all .5s;}
#home .der #pos5 .p5 #poss5 { display:block; position: absolute; top: 0; left: 0; width: 100%; height: 1.3vw; -moz-transform: skew(20deg); -o-transform: skew(20deg); background: #185519; transform: skew(138deg, 220deg); opacity:.7; }
#home .der #pos5.visible .p5 {  -webkit-transform: translateY(-20px); transform: translateY(-20px); z-index: 99; }
#home .der #pos5.visible #poss5 { opacity:1; background:#185519; border:1px solid #606060;  }
#home .der #pos5:hover #poss5 { opacity:1 !important; border:1px solid #606060;}
#home .der #pos5 p {     display: block; position: relative; color: #fff; font-size: .7vw; width: 100%; text-align: center; transform: rotate(41deg); }
#home .der #pos5:hover p { display:block; }
#home .der #pos5.visible p { display:none; }

#home .der #pos6 {  width: 8vw; transition: .5s .7s; }
#home .der #pos6 .p6 { display:block; position:absolute; top:0; left:0; width:100%; -webkit-transform: translateY(0); transform: translateY(0); transition:all .5s;}
#home .der #pos6 .p6 #poss6 { display:block; position: absolute; top: 0; left: 0; width: 100%; height: 1.2vw; -moz-transform: skew(20deg); -o-transform: skew(20deg); background: #185519; transform: skew(133deg, 218deg); opacity:.7; }
#home .der #pos6.visible .p6 {  -webkit-transform: translateY(-20px); transform: translateY(-20px); z-index: 99; }
#home .der #pos6.visible #poss6 { opacity:1; background:#185519; border:1px solid #606060;  }
#home .der #pos6:hover #poss6 { opacity:1 !important; border:1px solid #606060;}
#home .der #pos6 p {     display: block; position: relative; color: #fff; font-size: .7vw; width: 100%; text-align: center; transform: rotate(38deg);  }
#home .der #pos6:hover p { display:block; }
#home .der #pos6.visible p { display:none; }



#home .der #pos7 {  width: 6vw; transition: .5s .8s; }
#home .der #pos7 .p7 { display:block; position:absolute; top:0; left:0; width:100%; -webkit-transform: translateY(0); transform: translateY(0); transition:all .5s;}
#home .der #pos7 .p7 #poss7 { display:block; position: absolute; top: 0; left: 0; width: 100%; height: 1.2vw; -moz-transform: skew(20deg); -o-transform: skew(20deg); background: #185519; transform: skew(133deg, 218deg); opacity:.7; }
#home .der #pos7.visible .p7 {  -webkit-transform: translateY(-20px); transform: translateY(-20px); z-index: 99; }
#home .der #pos7.visible #poss7 { opacity:1; background:#185519; border:1px solid #606060;  }
#home .der #pos7:hover #poss7 { opacity:1 !important; border:1px solid #606060;}
#home .der #pos7 p {     display: block; position: relative; color: #fff; font-size: .7vw; width: 100%; text-align: center; transform: rotate(41deg); }
#home .der #pos7:hover p { display:block; }
#home .der #pos7.visible p { display:none; }

#home .der #pos8 { width: 5vw; transition: .5s .9s; }
#home .der #pos8 .p8 { display:block; position:absolute; top:0; left:0; width:100%; -webkit-transform: translateY(0); transform: translateY(0); transition:all .5s;}
#home .der #pos8 .p8 #poss8 { display:block; position: absolute; top: 0; left: 0; width: 100%; height: 1vw; -moz-transform: skew(20deg); -o-transform: skew(20deg); background: #185519; transform: skew(58deg, 155deg); opacity:.7; }
#home .der #pos8.visible .p8 {  -webkit-transform: translateY(-20px); transform: translateY(-20px); z-index: 99; }
#home .der #pos8.visible #poss8 { opacity:1; background:#185519; border:1px solid #606060;  }
#home .der #pos8:hover #poss8 { opacity:1 !important; border:1px solid #606060;}
#home .der #pos8 p { display:block; position: relative; width:100%; text-align:center; color: #fff; font-size: .7vw; transform: rotate(-25deg); margin-top:0; }
#home .der #pos8:hover p { display:block; }
#home .der #pos8.visible p { display:none; }

#home .der #pos9 { width: 3vw; transition: .5s 1s; }
#home .der #pos9 .p9 { display:block; position:absolute; top:0; left:0; width:100%; -webkit-transform: translateY(0); transform: translateY(0); transition:all .5s;}
#home .der #pos9 .p9 #poss9 { display:block; position: absolute; top: 0; left: 0; width: 100%; height: 1.3vw; -moz-transform: skew(20deg); -o-transform: skew(20deg); background: #185519; transform: skew(53deg, 155deg); opacity:.7; }
#home .der #pos9.visible .p9 {  -webkit-transform: translateY(-20px); transform: translateY(-20px); z-index: 99; }
#home .der #pos9.visible #poss9 { opacity:1; background:#185519; border:1px solid #606060;  }
#home .der #pos9:hover #poss9 { opacity:1 !important; border:1px solid #606060;}
#home .der #pos9 p { display:block; position: relative; width:100%; text-align:center; color: #fff; font-size: .7vw; transform: rotate(-25deg); margin-top:0; }
#home .der #pos9:hover p { display:block; }
#home .der #pos9.visible p { display:none; }

#home .der #pos10 { width: 3vw; transition: .5s 1.1s; }
#home .der #pos10 .p10 { display:block; position:absolute; top:0; left:0; width:100%; -webkit-transform: translateY(0); transform: translateY(0); transition:all .5s;}
#home .der #pos10 .p10 #poss10 { display:block; position: absolute; top: 0; left: 0; width: 100%; height: 1.3vw; -moz-transform: skew(20deg); -o-transform: skew(20deg); background: #488fc7; transform: skew(53deg, 155deg); opacity:.7; }
#home .der #pos10.visible .p10 {  -webkit-transform: translateY(-20px); transform: translateY(-20px); z-index: 99; }
#home .der #pos10.visible #poss10 { opacity:1; background:#488fc7; border:1px solid #606060;  }
#home .der #pos10:hover #poss10 { opacity:1 !important; border:1px solid #606060;}
#home .der #pos10 p { display:block; position: relative; width:100%; text-align:center; color: #fff; font-size: .7vw; transform: rotate(-25deg); margin-top:0; }
#home .der #pos10:hover p { display:block; }
#home .der #pos10.visible p { display:none; }

#home .der #pos11 {     width: 5vw; transition: .5s 1.2s; }
#home .der #pos11 .p11 { display:block; position:absolute; top:0; left:0; width:100%; -webkit-transform: translateY(0); transform: translateY(0); transition:all .5s;}
#home .der #pos11 .p11 #poss11 { display:block; position: absolute; top: 0; left: 0; width: 100%; height: 1vw; -moz-transform: skew(20deg); -o-transform: skew(20deg); background: #185519; transform: skew(54deg, 156deg); opacity:.7; }
#home .der #pos11.visible .p11 {  -webkit-transform: translateY(-20px); transform: translateY(-20px); z-index: 99; }
#home .der #pos11.visible #poss11 { opacity:1; background:#185519; border:1px solid #606060;  }
#home .der #pos11:hover #poss11 { opacity:1 !important; border:1px solid #606060;}
#home .der #pos11 p { display:block; position: relative; width:100%; text-align:center; color: #fff; font-size: .7vw; transform: rotate(-25deg); margin-top:-.2vw; }
#home .der #pos11:hover p { display:block; }
#home .der #pos11.visible p { display:none; }

#home .der #pos12 { width: 4.5vw;transition: .5s 1.3s; }
#home .der #pos12 .p12 { display:block; position:absolute; top:0; left:0; width:100%; -webkit-transform: translateY(0); transform: translateY(0); transition:all .5s;}
#home .der #pos12 .p12 #poss12 { display:block; position: absolute; top: 0; left: 0; width: 100%; height: 1.3vw; -moz-transform: skew(20deg); -o-transform: skew(20deg); background: #488fc7; transform: skew(53deg, 155deg); opacity:.7; }
#home .der #pos12.visible .p12 {  -webkit-transform: translateY(-20px); transform: translateY(-20px); z-index: 99; }
#home .der #pos12.visible #poss12 { opacity:1; background:#488fc7; border:1px solid #606060;  }
#home .der #pos12:hover #poss12 { opacity:1 !important; border:1px solid #606060;}
#home .der #pos12 p { display:block; position: relative; width:100%; text-align:center; color: #fff; font-size: .7vw; transform: rotate(-25deg); margin-top:0; }
#home .der #pos12:hover p { display:block; }
#home .der #pos12.visible p { display:none; }

#home .der #pos13 {    width: 16vw; transition: .5s 1.4s; }
#home .der #pos13 .p13 { display:block; position:absolute; top:0; left:0; width:100%; -webkit-transform: translateY(0); transform: translateY(0); transition:all .5s;}
#home .der #pos13 .p13 #poss13 { display:block; position: absolute; top: 0; left: 0; width: 100%; height: 1.1vw; -moz-transform: skew(20deg); -o-transform: skew(20deg); background: #185519; transform: skew(53deg, 155deg); opacity:.7; }
#home .der #pos13.visible .p13 {  -webkit-transform: translateY(-20px); transform: translateY(-20px); z-index: 99; }
#home .der #pos13.visible #poss13 { opacity:1; background:#185519; border:1px solid #606060;  }
#home .der #pos13:hover #poss13 { opacity:1 !important; border:1px solid #606060;}
#home .der #pos13 p { display:block; position: relative; width:100%; text-align:center; color: #fff; font-size: .7vw; transform: rotate(-25deg); margin-top:0; }
#home .der #pos13:hover p { display:block; }
#home .der #pos13.visible p { display:none; }


#home .der #pos14 { width: 15vw; transition: .5s 1.5s; z-index:5; }
#home .der #pos14 .p14 { display:block; position:absolute; top:0; left:0; width:100%; -webkit-transform: translateY(0); transform: translateY(0); transition:all .5s;}
#home .der #pos14 .p14 #poss14 { display:block; position: absolute; top: 0; left: 0; width: 100%; height: 1vw; -moz-transform: skew(20deg); -o-transform: skew(20deg); background: #185519; transform: skew(53deg, 155deg); opacity:.7; }
#home .der #pos14.visible .p14 {  -webkit-transform: translateY(-20px); transform: translateY(-20px); z-index: 99; }
#home .der #pos14.visible #poss14 { opacity:1; background:#185519; border:1px solid #606060;  }
#home .der #pos14:hover #poss14 { opacity:1 !important; border:1px solid #606060;}
#home .der #pos14 p { display:block; position: relative; width:100%; text-align:center; color: #fff; font-size: .7vw; transform: rotate(-25deg); margin-top:0; }
#home .der #pos14:hover p { display:block; }
#home .der #pos14.visible p { display:none; }

#home .der #pos15 { width: 10vw; transition: .5s 1.6s; }
#home .der #pos15 .p15 { display:block; position:absolute; top:0; left:0; width:100%; -webkit-transform: translateY(0); transform: translateY(0); transition:all .5s;}
#home .der #pos15 .p15 #poss15 { display:block; position: absolute; top: 0; left: 0; width: 100%; height: 1.3vw; -moz-transform: skew(20deg); -o-transform: skew(20deg); background: #3c2c6c; transform: skew(53deg, 156deg); opacity:.7; }
#home .der #pos15.visible .p15 {  -webkit-transform: translateY(-20px); transform: translateY(-20px); z-index: 99; }
#home .der #pos15.visible #poss15 { opacity:1; background:#3c2c6c; border:1px solid #606060;  }
#home .der #pos15:hover #poss15 { opacity:1 !important; border:1px solid #606060;}
#home .der #pos15 p { display:block; position: relative; width:100%; text-align:center; color: #fff; font-size: .7vw; transform: rotate(-25deg); margin-top:0; }
#home .der #pos15:hover p { display:block; }
#home .der #pos15.visible p { display:none; }

#home .der #pos16 { width: 16vw; transition: .5s 1.7s; }
#home .der #pos16 .p16 { display:block; position:absolute; top:0; left:0; width:100%; -webkit-transform: translateY(0); transform: translateY(0); transition:all .5s;}
#home .der #pos16 .p16 #poss16 { display:block; position: absolute; top: 0; left: 0; width: 100%; height: 1vw; -moz-transform: skew(20deg); -o-transform: skew(20deg); background: #185519; transform: skew(53deg, 155.5deg); opacity:.7; }
#home .der #pos16.visible .p16 {  -webkit-transform: translateY(-20px); transform: translateY(-20px); z-index: 99; }
#home .der #pos16.visible #poss16 { opacity:1; background:#185519; border:1px solid #606060;  }
#home .der #pos16:hover #poss16 { opacity:1 !important; border:1px solid #606060;}
#home .der #pos16 p { display:block; position: relative; width:100%; text-align:center; color: #fff; font-size: .7vw; transform: rotate(-25deg); margin-top:0; }
#home .der #pos16:hover p { display:block; }
#home .der #pos16.visible p { display:none; }

#home .der #pos17 { width: 17vw;transition: .5s 1.8s; }
#home .der #pos17 .p17 { display:block; position:absolute; top:0; left:0; width:100%; -webkit-transform: translateY(0); transform: translateY(0); transition:all .5s;}
#home .der #pos17 .p17 #poss17 { display:block; position: absolute; top: 0; left: 0; width: 100%; height: 1vw; -moz-transform: skew(20deg); -o-transform: skew(20deg); background: #488fc7; transform: skew(53deg, 155deg); opacity:.7; }
#home .der #pos17.visible .p17 {  -webkit-transform: translateY(-20px); transform: translateY(-20px); z-index: 99; }
#home .der #pos17.visible #poss17 { opacity:1; background:#488fc7; border:1px solid #606060;  }
#home .der #pos17:hover #poss17 { opacity:1 !important; border:1px solid #606060;}
#home .der #pos17 p { display:block; position: relative; width:100%; text-align:center; color: #fff; font-size: .7vw; transform: rotate(-25deg); margin-top:0; }
#home .der #pos17:hover p { display:block; }
#home .der #pos17.visible p { display:none; }

#home .der #pos18 {width: 16vw; transition: .5s 1.9s; }
#home .der #pos18 .p18 { display:block; position:absolute; top:0; left:0; width:100%; -webkit-transform: translateY(0); transform: translateY(0); transition:all .5s;}
#home .der #pos18 .p18 #poss18 { display:block; position: absolute; top: 0; left: 0; width: 100%; height: 2vw; -moz-transform: skew(20deg); -o-transform: skew(20deg); background: #0a495f; transform: skew(51deg, 155deg); opacity:.7; }
#home .der #pos18.visible .p18 {  -webkit-transform: translateY(-20px); transform: translateY(-20px); z-index: 99; }
#home .der #pos18.visible #poss18 { opacity:1; background:#0a495f; border:1px solid #606060;  }
#home .der #pos18:hover #poss18 { opacity:1 !important; border:1px solid #606060;}
#home .der #pos18 p { display:block; position: relative; width:100%; text-align:center; color: #fff; font-size: .7vw; transform: rotate(-26deg); margin-top:.3vw; }
#home .der #pos18:hover p { display:block; }
#home .der #pos18.visible p { display:none; }

#home .der #pos19 {width: 8.8vw;transition: .5s 2s; }
#home .der #pos19 .p19 { display:block; position:absolute; top:0; left:0; width:100%; -webkit-transform: translateY(0); transform: translateY(0); transition:all .5s;}
#home .der #pos19 .p19 #poss19 { display:block; position: absolute; top: 0; left: 0; width: 100%; height: 1.3vw; -moz-transform: skew(20deg); -o-transform: skew(20deg); background: #0a495f; transform: skew(40deg, 157deg); opacity:.7; }
#home .der #pos19.visible .p19 {  -webkit-transform: translateY(-20px); transform: translateY(-20px); z-index: 99; }
#home .der #pos19.visible #poss19 { opacity:1; background:#0a495f; border:1px solid #606060;  }
#home .der #pos19:hover #poss19 { opacity:1 !important; border:1px solid #606060;}
#home .der #pos19 p { display:block; position: relative; width:100%; text-align:center; color: #fff; font-size: .7vw; transform: rotate(-26deg); margin-top:0vw; }
#home .der #pos19:hover p { display:block; }
#home .der #pos19.visible p { display:none; }

#home .der #pos20 {width: 10vw;transition: .5s 2.1s; }
#home .der #pos20 .p20 { display:block; position:absolute; top:0; left:0; width:100%; -webkit-transform: translateY(0); transform: translateY(0); transition:all .5s;}
#home .der #pos20 .p20 #poss20 { display:block; position: absolute; top: 0; left: 0; width: 100%; height: 1.7vw; -moz-transform: skew(20deg); -o-transform: skew(20deg); background: #3c2c6c; transform: skew(65deg, 156deg);; opacity:.7; }
#home .der #pos20.visible .p20 {  -webkit-transform: translateY(-20px); transform: translateY(-20px); z-index: 99; }
#home .der #pos20.visible #poss20 { opacity:1; background:#3c2c6c; border:1px solid #606060;  }
#home .der #pos20:hover #poss20 { opacity:1 !important; border:1px solid #606060;}
#home .der #pos20 p { display:block; position: relative; width:100%; text-align:center; color: #fff; font-size: .7vw; transform: rotate(-26deg); margin-top:0; }
#home .der #pos20:hover p { display:block; }
#home .der #pos20.visible p { display:none; }

#home .der #pos21 {width: 10vw;transition: .5s 2.2s; }
#home .der #pos21 .p21 { display:block; position:absolute; top:0; left:0; width:100%; -webkit-transform: translateY(0); transform: translateY(0); transition:all .5s;}
#home .der #pos21 .p21 #poss21 { display:block; position: absolute; top: 0; left: 0; width: 100%; height: .6vw; -moz-transform: skew(20deg); -o-transform: skew(20deg); background: #bd732e; transform: skew(65deg, 156deg);; opacity:.7; }
#home .der #pos21.visible .p21 {  -webkit-transform: translateY(-20px); transform: translateY(-20px); z-index: 99; }
#home .der #pos21.visible #poss21 { opacity:1; background:#bd732e; border:1px solid #606060;  }
#home .der #pos21:hover #poss21 { opacity:1 !important; border:1px solid #606060;}
#home .der #pos21 p { display:block; position: relative; width:100%; text-align:center; color: #fff; font-size: .7vw; transform: rotate(-26deg); margin-top:-.3vw; }
#home .der #pos21:hover p { display:block; }
#home .der #pos21.visible p { display:none; }

#home .der #pos22 { width: 4.2vw; transition: .5s 2.3s; }
#home .der #pos22 .p22 { display:block; position:absolute; top:0; left:0; width:100%; -webkit-transform: translateY(0); transform: translateY(0); transition:all .5s;}
#home .der #pos22 .p22 #poss22 { display:block; position: absolute; top: 0; left: 0; width: 100%; height: 1.3vw; -moz-transform: skew(20deg); -o-transform: skew(20deg); background: #3c2c6c; transform: skew(138deg, 218deg); opacity:.7; }
#home .der #pos22.visible .p22 {  -webkit-transform: translateY(-20px); transform: translateY(-20px); z-index: 99; }
#home .der #pos22.visible #poss22 { opacity:1; background:#3c2c6c; border:1px solid #606060;  }
#home .der #pos22:hover #poss22 { opacity:1 !important; border:1px solid #606060;}
#home .der #pos22 p {     display: block; position: relative; color: #fff; font-size: .7vw; width: 100%; text-align: center; transform: rotate(38deg); }
#home .der #pos22:hover p { display:block; }
#home .der #pos22.visible p { display:none; }

#home .der #pos23 { width: 4vw;transition: .5s 2.4s; }
#home .der #pos23 .p23 { display:block; position:absolute; top:0; left:0; width:100%; -webkit-transform: translateY(0); transform: translateY(0); transition:all .5s;}
#home .der #pos23 .p23 #poss23 { display:block; position: absolute; top: 0; left: 0; width: 100%; height: 2vw; -moz-transform: skew(20deg); -o-transform: skew(20deg); background: #3c2c6c; transform: skew(0deg, 190deg); opacity:.7; }
#home .der #pos23.visible .p23 {  -webkit-transform: translateY(-20px); transform: translateY(-20px); z-index: 99; }
#home .der #pos23.visible #poss23 { opacity:1; background:#3c2c6c; border:1px solid #606060;  }
#home .der #pos23:hover #poss23 { opacity:1 !important; border:1px solid #606060;}
#home .der #pos23 p { display:block; position: relative; width:100%; text-align:center; color: #fff; font-size: .7vw; transform: rotate(8deg); margin-top:.5vw; }
#home .der #pos23:hover p { display:block; }
#home .der #pos23.visible p { display:none; }

#home .der #pos24 {width: 14.8vw;  transition: .5s 2.5s; }
#home .der #pos24 .p24 { display:block; position:absolute; top:0; left:0; width:100%; -webkit-transform: translateY(0); transform: translateY(0); transition:all .5s;}
#home .der #pos24 .p24 #poss24 { display:block; position: absolute; top: 0; left: 0; width: 100%; height: 1.3vw; -moz-transform: skew(20deg); -o-transform: skew(20deg); background: #3c2c6c; transform: skew(40deg, 161deg); opacity:.7; }
#home .der #pos24.visible .p24 {  -webkit-transform: translateY(-20px); transform: translateY(-20px); z-index: 99; }
#home .der #pos24.visible #poss24 { opacity:1; background:#3c2c6c; border:1px solid #606060;  }
#home .der #pos24:hover #poss24 { opacity:1 !important; border:1px solid #606060;}
#home .der #pos24 p { display:block; position: relative; width:100%; text-align:center; color: #fff; font-size: .7vw; transform: rotate(-21deg); margin-top:0vw; }
#home .der #pos24:hover p { display:block; }
#home .der #pos24.visible p { display:none; }

#home .der #pos25 {  width: 2vw; transition: .5s .8s; }
#home .der #pos25 .p25 { display:block; position:absolute; top:0; left:0; width:100%; -webkit-transform: translateY(0); transform: translateY(0); transition:all .5s;}
#home .der #pos25 .p25 #poss25 { display:block; position: absolute; top: 0; left: 0; width: 100%; height: 1.2vw; -moz-transform: skew(20deg); -o-transform: skew(20deg); background: #0a495f; transform: skew(133deg, 218deg); opacity:.7; }
#home .der #pos25.visible .p25 {  -webkit-transform: translateY(-20px); transform: translateY(-20px); z-index: 99; }
#home .der #pos25.visible #poss25 { opacity:1; background:#0a495f; border:1px solid #606060;  }
#home .der #pos25:hover #poss25 { opacity:1 !important; border:1px solid #606060;}
#home .der #pos25 p {     display: block; position: relative; color: #fff; font-size: .7vw; width: 100%; text-align: center; transform: rotate(41deg); }
#home .der #pos25:hover p { display:block; }
#home .der #pos25.visible p { display:none; }

/*#home .der #pos26 {  width: 8vw; transition: .5s .7s; }
#home .der #pos26 .p26 { display:block; position:absolute; top:0; left:0; width:100%; -webkit-transform: translateY(0); transform: translateY(0); transition:all .5s;}
#home .der #pos26 .p26 #poss26 { display:block; position: absolute; top: 0; left: 0; width: 100%; height: .089vw; -moz-transform: skew(93deg); -o-transform: skew(218deg); background: #185519; transform: skew(93deg, 218deg); opacity:.7; }
#home .der #pos26.visible .p26 {  -webkit-transform: translateY(-20px); transform: translateY(-20px); z-index: 99; }
#home .der #pos26.visible #poss26 { opacity:1; background:#185519; border:1px solid #606060;  }
#home .der #pos26:hover #poss26 { opacity:1 !important; border:1px solid #606060;}
#home .der #pos26 p {display: block; position: relative; color: #fff; font-size: .7vw; width: 100%; text-align: center; transform: rotate(38deg ); margin-top: -.65vw; }
#home .der #pos26:hover p { display:block; }
#home .der #pos26.visible p { display:none; }*/

#home .der #pos26 {  width: 8vw; transition: .5s .7s; }
#home .der #pos26 .p26 { display:block; position:absolute; top:0; left:0; width:100%; -webkit-transform: translateY(0); transform: translateY(0); transition:all .5s;}
#home .der #pos26 .p26 #poss26 { display:block; position: absolute; top: 0; left: 0; width: 100%; height: .089vw; -moz-transform: skew(20deg); -o-transform: skew(20deg); background: #185519; transform: skew(93deg, 218deg); opacity:.7; }
#home .der #pos26.visible .p26 {  -webkit-transform: translateY(-20px); transform: translateY(-20px); z-index: 99; }
#home .der #pos26.visible #poss26 { opacity:1; background:#185519; border:1px solid #185519;  }
#home .der #pos26:hover #poss26 { opacity:1 !important; border:1px solid #185519;}
#home .der #pos26 p {     display: block; position: relative; color: #fff; font-size: .7vw; width: 100%; text-align: center; transform: rotate(38deg); margin-top:-.5vw; }
#home .der #pos26:hover p { display:block; }
#home .der #pos26.visible p { display:none; }

#home .der #losp { position: absolute; width: 26vw; height: auto; padding: 1vw; border: solid #ccc; border-width: 1px 1px 0 1px; background: #fff; z-index:0; -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: all .5s; }
#home .der #losp.visible {  -webkit-transform: translateY(-0); transform: translateY(-0); opacity: 1; z-index:999; ;}
#home .der #losp p { display: block; color: #898989; font-size: 1vw; text-transform: uppercase; margin-bottom: .5vw; padding-bottom: .5vw; border-bottom: 1px solid #898989; line-height: 1vw; }
#home .der #losp .triangulo { width: 0; height: 0; border-right: .89vw solid #fff; border-top: .89vw solid #fff; border-left: .89vw solid transparent; border-bottom: .89vw solid transparent; display: block; position: absolute; left: -1px; bottom: -1.77vw; }
#home .der #losp .triangulo2 { width: 0; height: 0; border-right: .89vw solid #fff; border-top: .89vw solid #fff; border-left: .89vw solid transparent; border-bottom: .89vw solid transparent; display: block; position: absolute; left: -1.8vw; bottom: 0; top: 0; margin: auto 0; }
#home .der #losp .triangulo3 { width: 0; height: 0; border-right: .89vw solid transparent; border-top: .89vw solid #fff; border-left: .89vw solid #fff; border-bottom: .89vw solid transparent; display: block; position: absolute; right: -1.8vw; bottom: 0; top: 0; margin: auto 0; }
#home .der #losp img { display:block; width:100%; height:auto; }
#home .der #losp video { display:block; width:100%; height:auto; }
#home .der #losp a { display:block; width:100%; position:relative; overflow:hidden; font-size:.9vw; line-height: 1vw; color:#898989; margin-top:.5vw;}
#home .der #losp a .matterport { display: inline-block;
    /* float: left; */
    position: relative;
    overflow: hidden;
    width: 8vw;
    top: .5vw; }
#home .der #losp a:hover { text-decoration: underline; }
#home .der #losp .cerrar { display: block; position: absolute; top: 1vw; right: 1vw; font-size: 20px; font-weight: 400; cursor: pointer; }
#home .der #losp .cerrar:hover { color:#36cc6a; }

  #home .der .elpos1 {left: 24vw; top: 32vh;  }
  #home .der .elpos2 {left: 18vw; top: 33vh;  }
  #home .der .elpos3 {left: 34vw; top: 2vh;  }
  #home .der .elpos4 {left: 20vw; top: 25vh;  }
  #home .der .elpos5 {left: 28vw; top: 20vh;  }
  #home .der .elpos6 {left: 34.5vw; top: 18vh;  }
  #home .der .elpos7 {left: 31.5vw; top: 19vh;  }
  #home .der .elpos8 {left: 25vw; top: 8vh;  }
  #home .der .elpos9 {left: 23vw; top: 4vh;  }
  #home .der .elpos10 {left: 19vw; top: 8vh;  }
  #home .der .elpos11 {left: 18vw; top: 12vh;  }
  #home .der .elpos12 {left: 27vw; top: 1vh;  }
  #home .der .elpos13 {left: 37vw; top: 17vh;  }
  #home .der .elpos14 {left: 42vw; top: 18vh;  }
  #home .der .elpos15 {left: 10vw; top: 13vh;  }
  #home .der .elpos16 {left: 7vw; top: 20vh;  }
  #home .der .elpos17 {left: 11vw; top: 24vh;  }
  #home .der .elpos18 {left: 27vw; top: 37vh;  }
  #home .der .elpos19 {left: 33vw; top: 34vh;  }
  #home .der .elpos20 {left: 12vw; top: 4vh;  }
  #home .der .elpos21 {left: 13vw; top: 7vh;  }
  #home .der .elpos22 {left: 17vw; top: 27vh;  }
  #home .der .elpos23 {left: 16vw; top: 39vh;  }
  #home .der .elpos24 {left: 21vw; top: 38vh;  }
  #home .der .elpos25 {left: 31.5vw; top: 19vh;  }
  #home .der .elpos26 {left: 34.5vw; top: 18vh;  }

#fotos .izq { background:#009441; padding:0 4.7619047619vw; }

#fotos .izq h2 { display:block; color:#fff; font-family: "ArialRoundedBold", Arial, Helvetica Neue, Helvetica, sans-serif !important; text-transform: uppercase; font-size:2vw; line-height:2.2vw; margin:5.77381vw 0 0 0;  -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s .5s;}
#fotos.semuestra .izq h2 { -webkit-transform: translateY(-0); transform: translateY(-0); opacity: 1; }

#fotos .izq h3 { display:block; color:#fff; font-family: "ArialRoundedBold", Arial, Helvetica Neue, Helvetica, sans-serif !important; font-size:2vw; line-height:2.2vw;   -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s .7s;}
#fotos.semuestra .izq h3 { -webkit-transform: translateY(-0); transform: translateY(-0); opacity: 1; }
#fotos .izq h4 { display: block; position: relative; margin-top: 0vw;padding-top: 3vw; width: 100%; height: 3vw;  -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s .9s;}
#fotos.semuestra .izq h4 { -webkit-transform: translateY(-0); transform: translateY(-0); opacity: 1; }
#fotos .izq h4 span { border: 1px solid #fff; display: block; position: absolute; width: 100%; height: 3vw; }
#fotos .izq h4 p { display: block; position: absolute; top: 2vw; color: #fff; font-size: 1.33vw; left: 2vw; width: auto; background: #009441; padding: 0 .5vw; padding-top:.5vw;}
#fotos .izq h4 p strong { font-size: 4vw; margin-right: .5vw; margin-top: -.5vw; display: inline-block; float: left;}

#fotos .izq h5 { display: block; position: relative; margin-top: 3vw;padding-top: 3vw; width: 100%; height: 6vw;
    overflow: hidden; -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s .9s;}
#fotos.semuestra .izq h5 { -webkit-transform: translateY(-0); transform: translateY(-0); opacity: 1; }
#fotos .izq h5 .borde { border: 1px solid #fff; display: block; position: absolute; width: 100%; height: 3vw; }
#fotos .izq h5 p { display: block; position: absolute; top: 2vw; color: #fff; font-size: 4vw; left: 2vw; width: auto; background: #009441; padding: 0 .5vw;}
#fotos .izq h5 p strong { font-size: 1.7vw; margin-right: .5vw; text-transform: uppercase; display: inline-block; float: left; text-align:center;  }
#fotos .izq h5 p strong span { font-size: 1vw; display: block; margin-top: .3vw;}
#fotos .izq .p { display:block; color:#fff; font-size:.66vw; line-height: .8vw; margin-top:0;  -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s 1.1s;}
#fotos.semuestra .izq .p { -webkit-transform: translateY(-0); transform: translateY(-0); opacity: 1; }

#fotos .izq ul { display:block;  margin-top:1.4285714286vw;  -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s 1.1s;}
#fotos.semuestra .izq ul { -webkit-transform: translateY(-0); transform: translateY(-0); opacity: 1;  }
#fotos .izq ul li { display:block; position:relative; color:#fff; font-size:.7777777778vw; line-height: .9vw; padding-left:1vw;}
#fotos .izq ul li::before { content: "\f105"; font-family: FontAwesome; position: absolute; top: 0.1vw; left: 0vw; font-size: 1.11111vw; color: #fff; z-index: 1; }

#fotos .der { background:#36cc6a; }
#fotos .der .der1 { display:inline-block; float:left; position:relative; overflow:hidden; width:46.369047619vw; border-right:.1785714286vw solid #fff;  height:100vh;}
#fotos .der .der1 .imagen1 { display: block; width:100%; height:47.8vh; border-bottom:.1785714286vw solid #fff; background-image:url('../img/foto-fabrica-schneider-electric-01.jpg?v=2'); background-repeat: no-repeat; background-position:center; background-size:cover; opacity:0; transition:.5s .5s;}
#fotos.semuestra .der .der1 .imagen1 {  opacity:1;}
#fotos .der .der1 .imagen2 { display: inline-block; float:left; width:23.2142857143vw; height:29.892857vh; border-right:.1785714286vw solid #fff; background-image:url('../img/foto-fabrica-schneider-electric-03.jpg?v=2'); background-repeat: no-repeat; background-position:center; background-size:cover;transform:rotateX(90deg); transition:.5s 1s;}
#fotos.semuestra .der .der1 .imagen2 {  transform:rotateX(0deg); width:49.7%;}
#fotos .der .der1 .imagen3 { display: inline-block; float:left; width:22.9761904762vw; height:29.892857vh;  background-image:url('../img/foto-fabrica-schneider-electric-04.jpg?v=2'); background-repeat: no-repeat; background-position:center; background-size:cover; transform:rotateX(90deg); transition:.5s 1.5s; width:50.3%;}
#fotos.semuestra .der .der1 .imagen3 {  transform:rotateX(0deg);}

#fotos .der .der1 .imagen4 { display: block; width:100%; height:22.5vh; border-top:.1785714286vw solid #fff; background-image:url('../img/foto-fabrica-schneider-electric-05.jpg?v=2'); background-repeat: no-repeat; background-position:center; background-size:cover; position:relative;overflow: hidden; -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s 1s;}
#fotos.semuestra .der .der1 .imagen4 { -webkit-transform: translateY(-0); transform: translateY(-0); opacity: 1; }

#fotos .der .der2 { display:inline-block; float:left; position:relative; overflow:hidden; width:22.4404761905vw;height:100vh; background:#009441; }
#fotos .der .der2 .imagen1 { display: block; width:100%; height:22.5vh;  border-bottom:.1785714286vw solid #fff; background:#36cc6a;}
#fotos .der .der2 .imagen2 { display: block; width:100%; height:55.6vh; border-bottom:.1785714286vw solid #fff; background-image:url('../img/foto-fabrica-schneider-electric-02.jpg?v=2'); background-repeat: no-repeat; background-position:center; background-size:cover;-webkit-transform: translateX(500px); transform: translateX(500px); opacity: 0; transition: 1s 1s;}
#fotos.semuestra .der .der2 .imagen2 { -webkit-transform: translateX(-0); transform: translateX(-0); opacity: 1; }
#fotos .der .der2 .imagen3 { display: block; width:100%; height:22.5vh; }

#ubicacion .izq { padding:0 4.7619047619vw; }
#ubicacion .izq h2 { display:block; margin-top:11.857143vw; text-transform: uppercase; color:#626262; font-size:1.2222222222vw; line-height: 1.44444vw; font-family: "ArialRoundedBold", Arial, Helvetica Neue, Helvetica, sans-serif !important; }
#ubicacion .izq p { display:block; margin-top:1vw; text-transform: uppercase; color:#626262; font-size:1vw; line-height: 1.22vw; font-family: "ArialRoundedBold", Arial, Helvetica Neue, Helvetica, sans-serif !important; }
#ubicacion .izq .texto p { display:block; margin-top:1vw; text-transform: none; color:#626262; font-size:1vw; line-height: 1.22vw; font-family: "ArialRoundedRegular", Arial, Helvetica Neue, Helvetica, sans-serif !important; }

#ubicacion .der {  -webkit-filter: grayscale(100%); filter: grayscale(100%); }
#ubicacion .der iframe { display: block; position: relative; overflow: hidden; width:100%; height:100%; }

#museo .izq { background:#000000; padding:0 4.7619047619vw;}
#museo .izq img { display: block; margin: 13vw auto 0 auto; width: 7.619047619vw; height: auto; opacity: 0; transition: 1s .5s;}
#museo.semuestra .izq img { opacity: 1; }
#museo .izq h2 { display: block; font-family: "ArialRoundedBold", Arial, Helvetica Neue, Helvetica, sans-serif !important; color:#fff; text-transform: uppercase; font-size:1.6666vw; line-height: 1.8888vw; margin-top:2vw; margin-bottom:2vw; -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s .7s;}
#museo.semuestra .izq h2 { -webkit-transform: translateY(-0); transform: translateY(-0); opacity: 1; }
#museo .izq h2 span { display:block; text-transform: none; font-size:1.333vw; line-height: 1.555vw; }
#museo .izq p { display: block; font-family: "ArialRoundedBold", Arial, Helvetica Neue, Helvetica, sans-serif !important; color:#fff;font-size:.6666666667vw; line-height: .999999vw; margin-top:1vw;  -webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s .9s;}
#museo.semuestra .izq p { -webkit-transform: translateY(-0); transform: translateY(-0); opacity: 1; }
#museo .der { background:#aaaaaa; }
#museo .der .der1 { display:inline-block; float:left; position:relative; overflow:hidden; width:46.369047619vw; border-right:.1785714286vw solid #fff;  height:100vh;}
#museo .der .der1 .imagen1 { display: block; width:100%; height:34.4642857143vw; height:47.8vh; border-bottom:.1785714286vw solid #fff; background-image:url('../img/foto-museo-palacio-nolla-01.jpg'); background-repeat: no-repeat; background-position:center; background-size:cover; opacity:0; transition:.5s .5s;}
#museo.semuestra .der .der1 .imagen1 {  opacity:1;}
#museo .der .der1 .imagen2 { display: inline-block; float:left; width:23.2142857143vw; width:50.3%;height:29.892857vh; border-right:.1785714286vw solid #fff; background-image:url('../img/foto-museo-palacio-nolla-03.jpg'); background-repeat: no-repeat; background-position:center; background-size:cover;transform:rotateX(90deg); transition:.5s 1s;}
#museo.semuestra .der .der1 .imagen2 {  transform:rotateX(0deg);  }
#museo .der .der1 .imagen3 { display: inline-block; float:left; width:22.9761904762vw; height:29.892857vh;  background-image:url('../img/foto-museo-palacio-nolla-04.jpg?v=2'); background-repeat: no-repeat; background-position:center; background-size:cover;transform:rotateX(90deg); transition:.5s 1.5s; width:49.7%;;}
#museo.semuestra .der .der1 .imagen3 {  transform:rotateX(0deg);}
/*#museo .der .der1 .imagen4 {display: inline-block; float:left; width:23.2142857143vw; border-right:.1785714286vw solid #fff; height:22.5vh; border-top:.1785714286vw solid #fff; background:#313131; position:relative;overflow: hidden; width: 50.3%}*/
#museo .der .der1 .imagen5 { display: inline-block; float:left; width:22.9761904762vw; height:22.5vh; border-top:.1785714286vw solid #fff; background-image:url('../img/foto-museo-palacio-nolla-05.jpg?v=2'); background-repeat: no-repeat; background-position:center; background-size:cover;-webkit-transform: translateY(500px); transform: translateY(500px); opacity: 0; transition: 1s 1s; width:100%;}
#museo.semuestra .der .der1 .imagen5 { -webkit-transform: translateY(-0); transform: translateY(-0); opacity: 1; }

#museo .der .der2 { display:inline-block; float:left; position:relative; overflow:hidden; width:22.4404761905vw;height:100vh; background:#626262; }
#museo .der .der2 .imagen1 { display: block; width:100%; height:22.5vh;  border-bottom:.1785714286vw solid #fff; background:#aaaaaa;}
#museo .der .der2 .imagen2 { display: block; width:100%; height:55.6vh; border-bottom:.1785714286vw solid #fff; background-image:url('../img/foto-museo-palacio-nolla-02.jpg?v=2'); background-repeat: no-repeat; background-position:center; background-size:cover;-webkit-transform: translateX(500px); transform: translateX(500px); opacity: 0; transition: 1s 1s;}
#museo.semuestra .der .der2 .imagen2 { -webkit-transform: translateX(-0); transform: translateX(-0); opacity: 1; }
#museo .der .der2 .imagen3 { display: block; width:100%; height:22.5vh; }

#video { height:105vh;}
#video .fondo { display:block; position:absolute; top:0; left:0; width:100%; height:105vh;  background-image: url(../img/schneider-logo.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; z-index:7; }
#video video { display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto; }
#video-background {height: 100%; position: absolute; width: 100%; top:0; left:0; }
.video-background {background: #000; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: -99; }
.video-foreground,
.video-background iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }

footer { display: block; position: relative; overflow: hidden; width: 100%; background: #36cc6a; padding: .5vw 14.880952381vw; }
footer p { display:inline-block; float:right; position:relative; overflow:hidden; color:#fff; font-size:.666667vw; font-family: "ArialRoundedBold", Arial, Helvetica Neue, Helvetica, sans-serif !important; }

.lascoo { display: block; position: fixed; overflow: hidden; width: 100%; background: #36cc6a; padding: .5vw 4.7619047619vw; bottom: 0; z-index: 99; }
.lascoo p { display:inline-block; float:left; position:relative; overflow:hidden; color:#fff; font-size:.7vw; font-family: "ArialRoundedBold", Arial, Helvetica Neue, Helvetica, sans-serif !important; width:80%;line-height: .9vw; margin-top: .3vw;}
.lascoo .button { display: inline-block; float:right; position: relative; overflow: hidden; background: #009441; border:1px solid #009441;color: #fff; font-size: 1vw; line-height: 1vw; text-align: center;  padding: .715vw; cursor: pointer; font-family: "ArialRoundedBold", Arial, Helvetica Neue, Helvetica, sans-serif !important; border:0; }
.lascoo .button:hover { background:#fff; color:#009441; }
.lascoo.seva {  -webkit-transform: translate3d(0, 200px, 0); transform: translate3d(0, 200px, 0); opacity: 0; transition:all .5s !important; }
.mobile { display:none; }


  #home .der #losp .triangulo, #home .der #losp .triangulo2, #home .der #losp .triangulo3 { display:none; }
  #home .der #pos1 { top: 83vh; left: 24vw;  }
  #home .der #pos2 { top: 75vh; left: 10vw;  }
  #home .der #pos3 { top: 3.5vh; left: 23vw;  }
  #home .der #pos4 { top: 64.9vh; left: 13vw;}
  #home .der #pos5 { top: 61.6vh; left: 25.2vw;  }
  #home .der #pos6 { top: 56vh; left: 29.7vw;  }
  #home .der #pos7 { top: 56.8vh; left: 27.0vw; }
  #home .der #pos8 { top: 47vh; left: 23vw;  }
  #home .der #pos9 { top: 42vh; left: 23vw; }
  #home .der #pos10 { top: 47vh; left: 19vw;   }
  #home .der #pos11 { top: 54.8vh; left: 16.6vw;  }
  #home .der #pos12 { top: 37vh; left: 27vw;  }
  #home .der #pos13 { top: 18vh; left: 33vw;  }
  #home .der #pos14 { top: 31vh; left: 33vw;  z-index:5; }
  #home .der #pos15 { top: 16.7vh; left: 37vw;  }
  #home .der #pos16 { top: 23.3vh; left: 34vw;  }
  #home .der #pos17 { top: 29vh; left: 38vw;  }
  #home .der #pos18 { top: 84vh; left: 26vw;  }
  #home .der #pos19 { top: 82vh; left: 34.2vw; }
  #home .der #pos20 { top: 46.5vh; left: 5.0vw;  }
  #home .der #pos21 { top: 50.5vh; left: 6.5vw;  }
  #home .der #pos22 { top: 45.5vh; left: 44.1vw;  }
  #home .der #pos23 { top: 61.5vh; left: 43vw;  }
  #home .der #pos24 { top: 52.2vh; left: 47.8vw;  }
  #home .der #pos25 {     top: 66vh; left: 33.2vw; }
  #home .der #pos26 { top: 56vh; left: 30.7vw;  }

  #home .der .elpos1 {left: 24vw; top: 24vh;  }
  #home .der .elpos2 {left: 18vw; top: 26vh;  }
  #home .der .elpos3 {left: 34vw; top: 2vh;  }
  #home .der .elpos4 {left: 20vw; top: 14vh;  }
  #home .der .elpos5 {left: 28vw; top: 6vh;  }
  #home .der .elpos6 {left: 34.5vw; top: 2vh;  }
  #home .der .elpos7 {left: 31.5vw; top: 4vh;  }
  #home .der .elpos8 {left: 25vw; top: 8vh;  }
  #home .der .elpos9 {left: 23vw; top: 4vh;  }
  #home .der .elpos10 {left: 19vw; top: 8vh;  }
  #home .der .elpos11 {left: 18vw; top: 0vh;  }
  #home .der .elpos12 {left: 27vw; top: 1vh;  }
  #home .der .elpos13 {left: 37vw; top: 0vh;  }
  #home .der .elpos14 {left: 42vw; top: 6vh;  }
  #home .der .elpos15 {left: 10vw; top: 0vh;  }
  #home .der .elpos16 {left: 7vw; top: 8vh;  }
  #home .der .elpos17 {left: 11vw; top: 14vh;  }
  #home .der .elpos18 {left: 27vw; top: 33vh;  }
  #home .der .elpos19 {left: 33vw; top: 27vh;  }
  #home .der .elpos20 {left: 12vw; top: 4vh;  }
  #home .der .elpos21 {left: 13vw; top: 7vh;  }
  #home .der .elpos22 {left: 17vw; top: 18vh;  }
  #home .der .elpos23 {left: 16vw; top: 37vh;  }
  #home .der .elpos24 {left: 21vw; top: 33vh;  }
  #home .der .elpos25 {left: 31.5vw; top: 4vh;  }
  #home .der .elpos26 {left: 34.5vw; top: 2vh;  }



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

  #home .der #losp .triangulo, #home .der #losp .triangulo2, #home .der #losp .triangulo3 { display:none; }
  #home .der #pos1 { top: 75vh; left: 24vw;  }
  #home .der #pos2 { top: 68vh; left: 10vw;  }
  #home .der #pos3 { top: 15.5vh; left: 23vw;  }
  #home .der #pos4 { top: 60.9vh; left: 13vw;}
  #home .der #pos5 { top: 58.6vh; left: 25.2vw;  }
  #home .der #pos6 { top: 55vh; left: 29.7vw;  }
  #home .der #pos7 { top: 55.2vh; left: 27.4vw; }
  #home .der #pos8 { top: 49vh; left: 23vw;  }
  #home .der #pos9 { top: 44vh; left: 23vw; }
  #home .der #pos10 { top: 48vh; left: 19vw;   }
  #home .der #pos11 { top: 53.8vh; left: 16.6vw;  }
  #home .der #pos12 { top: 40vh; left: 27vw;  }
  #home .der #pos13 { top: 26vh; left: 33vw;  }
  #home .der #pos14 { top: 34.5vh; left: 33vw;  z-index:5; }
  #home .der #pos15 { top: 24.7vh; left: 37vw;  }
  #home .der #pos16 { top: 29.3vh; left: 34vw;  }
  #home .der #pos17 { top: 33vh; left: 38vw;  }
  #home .der #pos18 { top: 76vh; left: 26vw;  }
  #home .der #pos19 { top: 74vh; left: 34.2vw; }
  #home .der #pos20 { top: 47.5vh; left: 5.0vw;  }
  #home .der #pos21 { top: 50.5vh; left: 6.5vw;  }
  #home .der #pos22 { top: 46.5vh; left: 44.1vw;  }
  #home .der #pos23 { top: 58.5vh; left: 43vw;  }
  #home .der #pos24 { top: 52.2vh; left: 47.8vw;  }
  #home .der #pos25 { top: 62.2vh; left: 33.4vw; }
  #home .der #pos26 { top: 55vh; left: 31.3vw;  }

  #home .der .elpos1 {left: 24vw; top: 32vh;  }
  #home .der .elpos2 {left: 18vw; top: 33vh;  }
  #home .der .elpos3 {left: 34vw; top: 2vh;  }
  #home .der .elpos4 {left: 20vw; top: 25vh;  }
  #home .der .elpos5 {left: 28vw; top: 20vh;  }
  #home .der .elpos6 {left: 34.5vw; top: 18vh;  }
  #home .der .elpos7 {left: 31.5vw; top: 19vh;  }
  #home .der .elpos8 {left: 25vw; top: 8vh;  }
  #home .der .elpos9 {left: 23vw; top: 4vh;  }
  #home .der .elpos10 {left: 19vw; top: 8vh;  }
  #home .der .elpos11 {left: 18vw; top: 12vh;  }
  #home .der .elpos12 {left: 27vw; top: 1vh;  }
  #home .der .elpos13 {left: 37vw; top: 17vh;  }
  #home .der .elpos14 {left: 42vw; top: 18vh;  }
  #home .der .elpos15 {left: 10vw; top: 13vh;  }
  #home .der .elpos16 {left: 7vw; top: 20vh;  }
  #home .der .elpos17 {left: 11vw; top: 24vh;  }
  #home .der .elpos18 {left: 27vw; top: 37vh;  }
  #home .der .elpos19 {left: 33vw; top: 34vh;  }
  #home .der .elpos20 {left: 12vw; top: 4vh;  }
  #home .der .elpos21 {left: 13vw; top: 7vh;  }
  #home .der .elpos22 {left: 17vw; top: 27vh;  }
  #home .der .elpos23 {left: 16vw; top: 39vh;  }
  #home .der .elpos24 {left: 21vw; top: 38vh;  }
  #home .der .elpos25 {left: 31.5vw; top: 19vh;  }
  #home .der .elpos26 {left: 34.5vw; top: 18vh;  }

}

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

  #home .der #losp .triangulo, #home .der #losp .triangulo2, #home .der #losp .triangulo3 { display:block; }
  #home .der #pos1 { top: 72vh; left: 24vw;  }
  #home .der #pos2 { top: 66vh; left: 10vw;  }
  #home .der #pos3 { top: 19.5vh; left: 23vw;  }
  #home .der #pos4 { top: 59.9vh; left: 13vw;}
  #home .der #pos5 { top: 57.6vh; left: 25.2vw;  }
  #home .der #pos6 { top: 54.4vh; left: 29.7vw;  }
  #home .der #pos7 {top: 55.0vh; left: 27.4vw;  }
  #home .der #pos8 { top: 49vh; left: 23vw;  }
  #home .der #pos9 { top: 44.6vh; left: 23vw; }
  #home .der #pos10 { top: 48vh; left: 19vw;   }
  #home .der #pos11 { top: 53.2vh; left: 16.6vw;  }
  #home .der #pos12 { top: 41vh; left: 26.3vw; }
  #home .der #pos13 { top: 29vh; left: 32.5vw;}
  #home .der #pos14 { top: 36.5vh; left: 33vw;  z-index:5; }
  #home .der #pos15 { top: 27.7vh; left: 37vw;  }
  #home .der #pos16 { top: 31.55vh; left: 34vw;  }
  #home .der #pos17 { top: 35vh; left: 38vw;  }
  #home .der #pos18 { top: 72.5vh; left: 26vw; }
  #home .der #pos19 { top: 71vh; left: 34.2vw; }
  #home .der #pos20 { top: 48vh; left: 5.4vw; }
  #home .der #pos21 { top: 50.5vh; left: 6.5vw;  }
  #home .der #pos22 { top: 46.5vh; left: 44.1vw;  }
  #home .der #pos23 { top: 57.5vh; left: 43vw;  }
  #home .der #pos24 { top: 51.6vh; left: 47.8vw;  }
  #home .der #pos25 {top: 61vh; left: 33.4vw; }
  #home .der #pos26 { top: 54.2vh; left: 30.6vw; }

  #home .der .elpos1 {left: 24vw; top: 32vh;  }
  #home .der .elpos2 {left: 18vw; top: 33vh;  }
  #home .der .elpos3 {left: 34vw; top: 2vh;  }
  #home .der .elpos4 {left: 18vw; top: 21vh; }
  #home .der .elpos5 {left: 28vw; top: 20vh;  }
  #home .der .elpos6 {left: 34.5vw; top: 17vh;  }
  #home .der .elpos7 {    left: 29vw; top: 14vh;  }
  #home .der .elpos8 {left: 25vw; top: 6vh;  }
  #home .der .elpos9 {left: 23vw; top: 3vh;  }
  #home .der .elpos10 {left: 19vw; top: 8vh;  }
  #home .der .elpos11 {left: 18vw; top: 11vh;  }
  #home .der .elpos12 {left: 27vw; top: 0vh;  }
  #home .der .elpos13 {left: 37vw; top: 15vh;  }
  #home .der .elpos14 {left: 42vw; top: 18vh;  }
  #home .der .elpos15 {left: 10vw; top: 13vh;  }
  #home .der .elpos16 {left: 7vw; top: 20vh;  }
  #home .der .elpos17 {left: 11vw; top: 24vh;  }
  #home .der .elpos18 {left: 27vw; top: 37vh;  }
  #home .der .elpos19 {left: 33vw; top: 34vh;  }
  #home .der .elpos20 {left: 12vw; top: 4vh;  }
  #home .der .elpos21 {left: 13vw; top: 7vh;  }
  #home .der .elpos22 {left: 17vw; top: 27vh;  }
  #home .der .elpos23 {left: 16vw; top: 39vh;  }
  #home .der .elpos24 {left: 21vw; top: 38vh;  }
  #home .der .elpos25 {left: 6.5vw; top: 43vh;  }
  #home .der .elpos26 {left: 34.5vw; top: 14vh;  }

  #fotos .izq h2 { margin-top:8.7vw; }
  #fotos .izq h4 { margin-top:2vw; }
  #fotos .izq h5 { margin-top:4vw; }
  #fotos .izq .p { font-size:.88vw; line-height: 1.1vw; margin-top:2vw; }
  #fotos .izq h5 p strong span { margin-top: 1vw; }

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

  ::-webkit-input-placeholder {font-size:14px; line-height: 16px; }

  section .izq, section .der {display: block; float: none; position: relative; overflow: hidden; width: 100%; height: auto; }
  #home { height:90vw; }
  #home .izq h1 { border-bottom:5px solid #009441; padding:10px 50px; }
  #home .izq h1 img { width:35vw; }
  #home .izq .tour, #home .izq .form_logueo { padding:50px; }
  #home .izq .tour img {display: block; width: 50%; height: auto; margin: 0 auto; }
  #home .izq .form_logueo input::placeHolder, #home .izq .form_logueo input { font-size:14px; line-height: 16px; }
  #home .izq .form_logueo input { font-size:14px; line-height: 16px; padding:5px 10px;}
  #home .izq .form_logueo .error { font-size:12px; line-height: 14px; margin-bottom: 10px; }
  #home .izq .form_logueo input { padding:5px 10px; margin-bottom:10px; }
  #home .izq .form_logueo button { padding:10px; font-size:18px; line-height: 18px; }
  #home .izq .form_logueo p { font-size:12px; line-height: 14px; margin-top:10px; }
  #home .izq .matterport { margin:50px auto 0 auto; width:30vw; }
  #fotos .izq { padding:0 50px; }
  #fotos .izq h2 {font-size: 36px; line-height: 38px; margin: 130px 0 0 0; }
  #fotos .izq h3 { font-size:36px; line-height: 36px; }
  #fotos .izq h4 {display: block; position: relative; margin-top: 20px; padding-top: 30px; width: 100%; height: 60px; }
  #fotos .izq h4 span { height:60px; }
  #fotos .izq h4 p {display: block; position: absolute; top: 20px; color: #fff; font-size: 24px; left: 20px; width: auto; background: #009441; padding: 0 10px; padding-top: 5px; text-align:right;}
  #fotos .izq h4 p strong {font-size: 72px; margin-right: 10px; margin-top: -10px; display: inline-block; float: left; }
  #fotos .izq h5 { height:90px;margin-top: 60px; padding-top: 35px; }
  #fotos .izq h5 .borde { height:50px; }
  #fotos .izq h5 p {display: block; position: absolute; top: 25px; color: #fff; font-size: 72px; left: 20px; width: auto; background: #009441; padding: 0 10px; }
  #fotos .izq h5 p strong {font-size: 31px; margin-right: 10px; }
  #fotos .izq h5 p strong span {font-size: 18px; display: block; margin-top: 15px; }
  #fotos .izq .p {display: block; color: #fff; font-size: 14px; line-height: 16px; margin-top: 10px; margin-bottom: 50px; }
  .topFijo {top: 90vw;  width: 100%; }
  .topFijo .eltop { padding:10px 50px; height:80px; }
  .topFijo h1 img { width:35vw; }
  .topFijo .virtual {display: inline-block; float: left; position: relative; overflow: hidden; width: 14vw; padding-left: 10px; border-left: 1px solid #b6edc9; margin-left: 10px; margin-top: 3px; }
  #fotos .der, #ubicacion .izq { display:none; }
  #ubicacion .der { background: #aaaaaa; height: 80vw; padding: 50px }
  #ubicacion .mobile { display: block; position: relative; overflow: hidden; width: 100%; padding: 50px; }
  #ubicacion .mobile h2 { display:block; text-transform: uppercase; color:#626262; font-size:22px; line-height: 24px; font-family: "ArialRoundedBold", Arial, Helvetica Neue, Helvetica, sans-serif !important; }
  #ubicacion .mobile p { display:block; margin-top:10px; text-transform: uppercase; color:#626262; font-size:18px; line-height: 20px; font-family: "ArialRoundedBold", Arial, Helvetica Neue, Helvetica, sans-serif !important; }
  #ubicacion .mobile .texto p { display:block; margin-top:10px; text-transform: none; color:#626262; font-size:18px; line-height: 20px; font-family: "ArialRoundedBold", Arial, Helvetica Neue, Helvetica, sans-serif !important; }
  #museo .izq { padding:50px; }
  #museo .izq img { display:none; }
  #museo .izq h2 { font-size:30px; line-height: 32px; margin:0; }
  #museo .izq h2 span { font-size:24px; line-height: 26px; }
  #museo .der { display:none; }
  .nova { display:none; }
  #museo .mobile { display:block; }
  #museo .mobile img { display: block; width: 100%; height: auto; }
  #museo .mobile .cuadro {     display: block; position: relative; overflow: hidden; width: 100%; padding: 50px; background: #000; }
  #museo .mobile .cuadro p { display: block; font-family: "ArialRoundedBold", Arial, Helvetica Neue, Helvetica, sans-serif !important; color:#fff;font-size:12px; line-height: 14px; margin-bottom:5px; }
  #video {height: 56.235vw; }
  footer { padding:10px 50px; }
  footer p { font-size:12px; line-height: 14px; }
  #home .izq ul.menu {display: block; width: 100%; height: auto; margin: 35px auto 0 auto; padding: 0 50px; }
  ul.menuMovil {display: none; width: 100%; height: auto; margin: 0 auto 0 auto; padding: 35px 50px 0 50px; }
  ul.menuMovil.activo { display:block; }
  #home .izq .menu li, .menuMovil li {margin-bottom: 20px; padding-bottom: 20px; font-size: 20px; line-height: 20px; padding-left:20px; }
  .menuMovil li { padding-left:0; }
  #home .izq .menu li::before { font-size:16px; }
  #home .izq .menu li a span, .menuMovil li a span { font-size:16px; }
  #home .izq .menu li a::before, #home .izq .menu li.activo a::before, .menuMovil li a::before, .menuMovil li.activo a::before { font-size:20px; }
  #home .izq .menu li .sub ul, .menuMovil li .sub ul { margin-top:20px; }
  #home .izq .menu li .sub ul li, .menuMovil li .sub ul li{display: block; margin-bottom: 10px; padding-bottom: 10px; padding-left: 10px !important; }

  #home .izq .menu li .sub ul li a, .menuMovil li .sub ul li a { font-size:16px; line-height: 18px; }
  .topFijo .click-menu { width:40px; height:40px; margin-top:10px; }
  .topFijo .click-menu span { width:100%; top:10px; }
  .topFijo .click-menu span:nth-child(2), .topFijo .click-menu.active span:nth-child(1), .topFijo .click-menu.active span:nth-child(3) { top:20px; }
  .topFijo .click-menu span:nth-child(3) { top:30px; }
  .menuMovil.activo { top:80px; height:auto; padding-bottom:50px;}
   .menuMovil li:last-child {background: #36cc6a; padding: 10px; text-transform: none; margin-top: -20px; }
  #home .izq .menu li .sub ul li:last-child { padding-left:10px !important; }
  .menuMovil li .sub ul li:last-child a { color: #333333; text-transform: uppercase; }
  .menuMovil li .sub ul li:last-child { padding-left:10px !important; }
  .textoVideo { display: block; position: relative; overflow: hidden; width: 100%; padding: 50px; background: #009049; }
  .textoVideo h2 { display:block; font-family: "ArialRoundedBold", Arial, Helvetica Neue, Helvetica, sans-serif !important;  color:#fff; font-size:24px; line-height: 26px; text-transform: uppercase; }
  .textoVideo h2 span { display:block; font-size:18px; line-height: 20px; text-transform: none; }
  .menuMovil li:last-child, #home .izq .menu li:last-child { margin-top:-20px; padding:10px; }

  .lascoo  { padding:10px 50px; }
  .lascoo p  { font-size:12px; line-height: 14px; }
  .lascoo .button { font-size:18px; line-height: 18px; padding:5px 10px; }
  #fotos .izq ul li { font-size:14px; line-height: 16px; padding-left:10px; }
  #fotos .izq ul li::before { font-size:14px; }

}

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

  ::-webkit-input-placeholder {font-size:16px; line-height: 18px; }

  main { width:100%; }
  #home .izq h1 { padding:10px 20px; }
  #home .izq h1 img, #home .izq .tour img { width:100%; }
  #home .izq .tour, #home .izq .form_logueo { padding:30px 20px; }
  #home { height:700px; }
  #home .izq .form_logueo input::placeHolder, #home .izq .form_logueo input { font-size:16px; line-height: 18px; }
  #home .izq .form_logueo input { padding:10px; margin-bottom:5px;}
  #home .izq ul.menu { padding:0 20px; }
  .topFijo .eltop { padding:10px 20px; height:60px;}
  .topFijo h1 img { width:50vw; }
  .topFijo .virtual { width:19vw; }
  .topFijo .click-menu { margin-top:0; width:30px; height:30px; }
  .menuMovil.activo {top: 60px; height: auto; padding-bottom: 20px; }
  #home .izq .matterport { width:50vw; }
  .topFijo { top:700px; }
  ul.menuMovil { padding:35px 20px 0 20px; }

  #fotos .izq h5 p { font-size:70px; }
  #fotos .izq { padding:0 20px; }
  #fotos .izq h4 p { line-height: 24px; }
  #fotos .izq h5 p strong span { margin-top:20px; margin-left:137px;}
  #fotos .izq h5 { height:105px; }
  #fotos .izq h5 .borde { height:70px; }
  #fotos .izq h5 p strong { line-height: 13px; }
  #ubicacion .der { padding:20px; height:120vw; }
  #ubicacion .mobile, #museo .izq { padding:60px 20px; }
  #museo .izq h2 { font-size:27px; }
  #museo .izq h2 span { font-size:22px; }
  #museo .mobile .cuadro { padding:40px 20px; }
  .textoVideo { padding:100px 20px; }
  #video {height: 54vw; }
  footer { padding:10px 20px; }

  .lascoo  { padding:10px 20px; }
  .lascoo p  { font-size:12px; line-height: 14px; display:block; float:none; width:100%; }
  .lascoo .button { font-size:18px; line-height: 18px; padding:5px 10px; display:table; float:none; margin-top:10px; }
 
}