@charset "UTF-8";
/* CSS Document */

#pp-nav.custom .pp-tooltip{
		color: #FFF;
	}
body {
	background-color:#000;
	color: #2b2b2b;
	font-family: 'Catamaran', sans-serif;
}
.wrapper {
	position:relative;
	width:100%;
	height:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#pagepiling {
	display:none;
}
.section {
	overflow:hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*******************/
.main_menu {
	position: absolute;
    top: 1vw;
    right: 2vw;
    z-index: 200;
}
.main_menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.main_menu li {
	font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    display: inline;
    margin-left: 2vw;
    color: #2b2b2b;
    text-decoration: none;
    text-transform: uppercase;
    font-size: .9vw;
    letter-spacing: .1vw;
    cursor: pointer;
    transition: all 0.6s ease;
}
.main_menu li:hover {
	color:#2979ff;
}
.main_menu .active {
	border-bottom:1px dashed #2b2b2b;
	pointer-events: none;
}
.menu-first li {
	color: #FFF;
}
.menu-first .active {
	border-bottom:1px dashed #FFF;
}
.page-title {
	position: absolute;
    top: 1vw;
    left: 2vw;
    z-index: 201;
	font-family: 'Montserrat', sans-serif;
	font-weight:300;
	color:#2878ff;
	text-transform:uppercase;
    font-size: 1.2vw;
    letter-spacing: .2vw;
}
/*******************/
h1 {
	color: #2878ff;
	font-size:3vmax;
	font-family: 'Montserrat', sans-serif;
	font-weight:300;
	text-transform: uppercase;
	letter-spacing: 6px;
	margin-top:0;
	margin-bottom:10px;
	text-align:center;
}
h2 {
    font-size: 1.16vmax;
	font-family: 'Montserrat', sans-serif;
	font-weight:600;
    text-transform: uppercase;
    letter-spacing: 0.1vmax;
    margin: 0;
    margin-bottom: 40px;
	color:#808080;
}
h3 {
    font-size: 2.0vmax;
	text-transform:uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    letter-spacing: 3px;
    margin-top: 0px;
    margin-bottom: 12px;
	color:#00afff;
}
h4 {
	font-size: 1.0vmax;
	font-family: 'Montserrat', sans-serif;
	font-weight:300;
    letter-spacing: 0.05vmax;
	text-transform:uppercase;
    margin: 0px;
	margin-top:50px;
	color:#808080;
}
h5 {
	font-size: .7vmax;
	font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    letter-spacing: 0.16vmax;
    margin: 0px;
	color:#949494;
	text-transform:uppercase;
}
h6 {
	font-size: .9vmax;
    font-weight: 600;
    letter-spacing: 0.05vmax;
    margin: 0px;
	text-transform:uppercase;
}
p, ul {
	font-size: 1.2vw;
    font-weight: 300;
    letter-spacing: 0.4px;
    line-height: 1.6vw;
}
p span, ul span {
    font-weight: 800;
}
/**************************/
.btn-azul {
	position: absolute;
    height: 50px;
	min-width:50px;
    background: linear-gradient(to right, #00e5ff , #2979ff);
    border-radius: 25px;
    padding: 18px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
	font-family: 'Montserrat', sans-serif;
	font-weight:600;
	color:#00afff;
    letter-spacing: 2px;
    text-transform: uppercase;
	cursor:pointer;
	z-index:1;
}
.btn-azul:after {
	content:"";
	position:absolute;
	top:1px;
	left:1px;
	width:calc(100% - 4px);
	height:calc(100% - 4px);
	border-radius:24px;
	background:#FFF;
	margin:1px;
	z-index:-1;
    transition: all 0.6s ease;
}
.btn-azul:hover:after {
	opacity:0;
}
.btn-azul:hover {
	color:#FFF;
}
/**************************/
.flecha-down {
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	bottom:2vh;
	width:3vmax;
	height:2vmax;
	display:block;
	-webkit-mask: url(../img/flecha.svg) no-repeat center;
	mask: url(../img/flecha.svg) no-repeat center;
	-webkit-mask-size: contain;
	mask-size: contain;
	background-color:#2878ff;
	cursor:pointer;
	z-index:15;
}
.flecha-down:hover {
	background-color:#00e5ff;
}
.flecha-down-blue {
	position:absolute;
	bottom:3vh;
	left:3vw;
	width:2vw;
	height:3vw;
	-webkit-mask: url(../img/blue-arrow.svg) no-repeat center;
	mask: url(../img/blue-arrow.svg) no-repeat center;
	-webkit-mask-size: contain;
	mask-size: contain;
    background: linear-gradient(#00e5ff , #2979ff);
	cursor:pointer;
	z-index:15;
}
.flecha-down-blue:hover {
    background: linear-gradient(#2979ff , #00e5ff);
}
.flecha-up {
	transform:rotate(180deg);
    left: 96vw;
}
.flecha-down50 {
	left:50%;
	transform:translateX(-50%);
}
/**************************/
.titulo {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.titulo h1, .titulo h3 {
	text-align:center;
    white-space: nowrap;
}
.titulo h1 {
	color:#FFF;
}
.titulo h3 {
	color:#00afff;
}
.invisible {
	display:none;
}
.inactivo {
	pointer-events: none;
}
/**********HOME*********/
/**********HOME 1*********/
#home1 {
	background:url(../img/cielo_home.jpg) no-repeat center;
	background-size: cover;
}
#dom-element {
	width: 600px;
	height: 400px;
	position: relative;
	top: 0;
	left: 0;
	z-index: 0;
	background-size: cover;
}
#home1 h1 {
	color:#00afff;
	font-family: 'Montserrat', sans-serif;
	font-weight:300;
    font-size: 6vw;
	letter-spacing:1vw;
}
#home1 h3 {
	color:#FFF;
	font-family: 'Montserrat', sans-serif;
	font-weight:600;
	text-transform:uppercase;
    font-size: 1.5vw;
}
@keyframes infinite-spinning {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.orbita {
	width:80vmin;
	height:80vmin;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
	border:1px solid #FFF;
	border-radius:50%;
	z-index:-1;
}
.inside {
	position:absolute;
	border-radius:50%;
}
#orbita1 {
	width:90%;
	height:90%;
	top:5%;
	left:5%;
	border:1px dashed #FFF;
	animation: infinite-spinning 104s linear infinite;
}
#orbita2 {
	width:70%;
	height:70%;
	top:15%;
	left:15%;
	border:1px solid #FFF;
	/*animation: infinite-spinning 56s linear infinite;*/
}
#orbita3 {
	width:50%;
	height:50%;
	top:25%;
	left:25%;
	border:1px solid #FFF;
	animation: infinite-spinning 70s linear infinite;
}
#orbita4 {
	width:30%;
	height:30%;
	top:35%;
	left:35%;
	border:1px solid #FFF;
	animation: infinite-spinning 44s linear infinite;
}
#orbita5 {
	width:10%;
	height:10%;
	top:45%;
	left:45%;
	border:1px dashed #FFF;
	/*animation: infinite-spinning 40s linear infinite;*/
}
.bolita {
	width:1vw;
	height:1vw;
	background:#00e4ff;
	border-radius:50%;
	position:absolute;
}
#bolita1 {
	top: 9%;
    left: 19%;
}
#bolita2 {
	top: 25%;
    left: 4%;
}
#bolita3 {
	top: 80%;
    left: 10%;
}
.first-section .flecha-down {
	background-color:#FFF;
}
.first-section .flecha-down:hover {
	background-color:#2878ff;
}
.first-section .line {
	width:1px;
	height:20vh;
	border-left:1px dashed #FFF;
	position:absolute;
	left:50%;
	bottom:3vh;
	z-index:-2;
}
#home1 .line {
	height:40vh;
}
/**********HOME 2*********/
#home2 {
	background:url(../img/back-stars-1.svg) no-repeat;
	background-position:center right;
	background-size:contain;
}
.texto {
	width: 30%;
	padding: 7vw 0 0 5vw;
    transition: all 0.4s ease;
}
.llama {
	width: 22vw;
    height: 22vw;
    /*background: url(../img/constelaciones-incas.jpg) no-repeat center;
    background-size: contain;*/
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.llama img {
	width:100%;
	height:auto;
    border-radius: 50%;	
}
.llama h6 {
	margin-top:1vw;
	display:block;
	text-align:center;
	color:#808080;
}
#home2 .texto h2 {
	color:#2878ff;
	font-size: 1.6vw;
}
#home2 .line {
	height:92vh;
	width:1px;
	border-left: 1px dashed #FFF;
	position:absolute;
	top:0;
	left:50%;
	opacity:.3;
}
.orbita2 {
	width: 80vmin;
    height: 80vmin;
    position: absolute;
    top: 10vh;
    right: -24vmin;
    border: 1px solid #4d4d4d;
    border-radius: 50%;
}
.orbita2 .inside {
	position:absolute;
    border: 1px solid #4d4d4d;
    border-radius: 50%;
}
#orb2-2 {
	width: 65vmin;
    height: 65vmin;
	top:7.5vmin;
	left:7.5vmin;
	border:none;
}
#orb2-2:after, #orb2-4:after {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
    border: 1px dashed #4d4d4d;
    border-radius: 50%;
	animation: infinite-spinning 150s linear infinite;
}
#orb2-3 {
	width: 50vmin;
    height: 50vmin;
	top:15vmin;
	left:15vmin;
}
#orb2-4 {
	width: 35vmin;
    height: 35vmin;
	top:22.5vmin;
	left:22.5vmin;
	border:none;
}
#orb2-5 {
	width: 20vmin;
    height: 20vmin;
	top:30vmin;
	left:30vmin;
}
#orb2-4:after {
	animation: infinite-spinning 50s linear infinite;
}
.orbita2 .title {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	font-family: 'Montserrat', sans-serif;
	font-weight:600;
	text-transform:uppercase;
	font-size:1vw;
	letter-spacing:.2vw;
	color:#222;
}
.btn-obj {
	width:50px;
	font-size:16px;
	padding: 16px 20px;
    text-align: center;
	position:absolute;
	top:50%;
	left:50%;
	margin: -25px;
    transition: all 1.2s ease;
}
.btn-chile {
    left: 50%;
    bottom: 5%;
	transform:translateX(-50%);
	z-index:30;
}
/*.btn-chile:after, .btn-obj:after {
	background:#e3f8ff;
}*/
#obj1 {
	transform: rotate(190deg) translate(40vmin) rotate(-190deg);
}
#obj2 {
	transform: rotate(220deg) translate(32.5vmin) rotate(-220deg);
}
#obj3 {
	transform: rotate(180deg) translate(25vmin) rotate(-180deg);
}
#obj4 {
	transform: rotate(130deg) translate(17.5vmin) rotate(-130deg);
}
#obj5 {
	transform: rotate(180deg) translate(10vmin) rotate(-180deg);
}
.obj-center1 {
	transform: rotate(270deg) translate(40vmin) rotate(-270deg) !important;
}
.obj-center2 {
	transform: rotate(270deg) translate(32.5vmin) rotate(-270deg) !important;
}
.obj-center3 {
	transform: rotate(270deg) translate(25vmin) rotate(-270deg) !important;
}
.obj-center4 {
	transform: rotate(270deg) translate(17.5vmin) rotate(-270deg) !important;
}
.obj-center5 {
	transform: rotate(270deg) translate(10vmin) rotate(-270deg) !important;
}
.tx-objetivos {
	position: absolute;
    top: -1vh;
    left: 40vw;
    width: 50vw;
}
.tx-objetivos .contenedor {
	position: absolute;
    top: 0;
    left: 0;
    width: 25vw;
	display:none;
}
.tx-objetivos .contenedor .linea, #hall3 .linea, #salaA3 .linea, #salaB3 .linea {
    position: absolute;
    top: 30px;
    left: 30px;
    width: 0vw;
    height: 1px;
    border-top: 1px solid #00e5ff;
    z-index: -2;
    transition: all 0.6s ease;
}
.number {
	width: 60px;
	height:60px;
	position:relative;
	top:0;
	left:0;
	border:1px solid #2979ff;
	border-radius:50%;
}
.number:after {
	content:"";
	position:absolute;
	display:block;
	width:40px;
	height:40px;
	top:10px;
	left:10px;
	border-radius:50%;
	background-color:#00e4ff;
	z-index:-1;
}
.number p {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	margin:0;
	font-family: 'Montserrat', sans-serif;
	font-weight:600;
}
.fade50 {
	opacity:.5;
}
.close {
	width:50px;
	height:50px;
	position:absolute;
	top:50%;
	left:50%;
	margin: -25px;
	background: linear-gradient(to right, #00e5ff , #2979ff);
	border-radius:50%;
	display: none;
	cursor:pointer;
	z-index:1;
}
.close:before {
	content:"";
	width:25px;
	height:25px;
	position:absolute;
	top:12.5px;
	left:12.5px;
	background-color:#00e4ff;
	border-radius:50%;
	background-image:url(../img/close.svg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:40%;
	z-index:-1;
}
.close:after {
	content:"";
	width:46px;
	height:46px;
	position:absolute;
	top:2px;
	left:2px;
	background: #fff;
	border-radius:50%;
	z-index:-2;
}
/*************/
.media-pag {
	width:50vw;
	height:100vh;
	display:inline-block;
	background-color:#FFF;
	position:absolute;
	top:0;
	z-index:20;
    transition: all 1s ease;
}
.media-left {
	background-image:url(../img/bg-media.svg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	left:-50vw;
}
.media-left .text {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
    width: 70%;
}
.media-right {
	background-image:url(../img/media-right.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	left:100vw;
	-webkit-box-shadow: inset 0 -5px 5px -5px #333;
    box-shadow: inset 4px 1px 19px -6px #000;
}
.media0 {
	left:0vw;
}
.media50 {
	left:50vw;
}
.close-transform {
	content:"X";
}
/**********HOME 3*********/
#home3 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#home3 .circle-container {
	top:-70%;
	border: 1px dashed #FFF;
	opacity:.8;
	animation: infinite-spinning 120s linear infinite;
	display:none;
}
#home3 .circle-container:after {
	border: solid 1px white;
	opacity: .3;
}
#home3 .line {
	height:26%;
	width:1px;
	border-left: 1px dashed #FFF;
	position:absolute;
	top:0;
	left:50%;
	opacity:.3;
}
.mapa {
    position: absolute;
    display: inline-block;
    width: 58vw;
    height: 23vw;
    right: 5vw;
    top: 12vh;
}
.mapa img {
	width:100%;
	height:auto;
}
.mapa .capa {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
.mapa .hover {
	z-index:-2;
	display: none;
}
#hover0 {
	background:url(../img/mapa2.svg) no-repeat center;
	background-size:contain;
}
#hover1 {
	background:url(../img/mapa-salaA2.svg) no-repeat center;
	background-size:contain;
}
#hover2 {
	background:url(../img/mapa-salaB2.svg) no-repeat center;
	background-size:contain;
}
#hover3 {
	background:url(../img/mapa-salaC2.svg) no-repeat center;
	background-size:contain;
}
/******/
#home3 .texto, #hall2 .texto {
    width: 30%;
    position: absolute;
    top: 46%;
    transform: translateY(-50%);
	padding-left:5vw;
}
#home3 .texto ul span {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1vw;
    display: block;
    color: #4b4b4b;
}
#home3 h2 {
	color:#00afff;
}
.btn-pilares {
	bottom:7%;
	left:5vw;
	white-space: nowrap;
    overflow:hidden;
}
/*.btn-pilares:after, .btn-zonas:after {
    background: #ede6ed;
}*/
/*****************/
.btn-zonas {
	top: 110%;
    transform: translateX(-50%);
}
#btn-zona-A {
	left:50%;
}
#btn-zona-B {
	left:10%;
}
#btn-zona-C {
	left:90%;
}
.btn-zonas span {
	position: absolute;
    top: -40%;
    left: 0;
    text-align: center;
    width: 100%;
    color: #00afff;
    font-weight: 600;
}
.tx-zonas {
	width: 100%;
	height:100%;
    position: absolute;
    top: 120%;
    left: 0%;
}
.tx-zonas h4 {
	margin-top: .3vw;
	color:#1a1a1a;
	font-weight:600;
}
.tx-zonas p {
	font-size:1vw !important;
}
.tx-zonas .linea {
	width:1px;
	height:0vh;
	border-left:1px solid #00e5ff;
	position:absolute;
	top:0;
	left:0.5px;
    transition: all 1s ease;
}
.tx-zonas .linea-ext {
	height:32vh;
}
.tx-zonas .contenedor {
	position:absolute;
	overflow:hidden;
	/*display:none;*/
	width:60%;
	height:100%;
    top: 0;
    left: 0;
}
.tx-zonas .contenedor .bloque {
	width:90%;
	position:absolute;
	top:30px;
	left:-100%;
    transition: all 0.6s ease;
}
.tx-zonas .contenedor .show {
	left:30px !important;
}
.tx-zonas #salaC .show {
	left:20px !important;
}
#salaA {
	left:50%;
}
#salaB {
	left:10%;
}
#salaC {
	width:calc(60% + 30px);
	left:90%;
	transform:translateX(-100%);
	text-align:right;
}
#salaC .linea {
	left:99.8%;
}
#salaC .bloque {
	left:100%;
}
.btn-zonas-desactivo {
	pointer-events: none;
	color:#FFF;
}
.btn-zonas-desactivo:after {
	opacity:0;
}
.go-zonas {
	top:30vh;
	left: 0px;
	display:none;
    font-size: 26px;
    font-weight: 300;
    padding: 8px 0px 0 18px;
	transform: translateX(-50%);
}
#goZonaA {
	left:50%;
}
#goZonaB {
	left:10%;
}
#goZonaC {
	left:90%;
}
.go-zonas:before {
    content: "VER SALA";
    position: absolute;
    top: 20px;
    left: 60px;
    font-size: .8vw;
    letter-spacing: 0;
    width: 400px;
}
#goZonaC:before {
    left: -70px;
}
#orb3 {
	top:70vh;
	left:45vw;
	opacity:.3;
}
/*********************/


/*************SALAS**************/
.caparallax {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/********HALL**********/
#hall1 {
	background:url(../img/salaA-bg.jpg) no-repeat center;
	background-size:cover;
}
#hall-capa1 {
	background:url(../img/salaA-bg.svg) no-repeat center;
	background-size: contain;
}
#hall-capa2 {
	background:url(../img/salaA-bg2.svg) no-repeat center;
	background-size: contain;
}
#hall-capa3 {
	background:url(../img/salaA-bg3.svg) no-repeat center;
	background-size: contain;
}
#hall2 {
    background: url(../img/back-stars-1.svg) no-repeat;
    background-position: center right;
    background-size: contain;
}
#hall2 h5 {
	padding-bottom:2vw;
}
#hall3 {
	background-image: url(../img/CORTE-UNIVERSO.png),  url(../img/back-stars-2.svg);
	background-repeat:no-repeat;
    background-position: 86% 50%, 30% center;
    background-size: 50%, contain;
}
#btn-hall1 {
    left: 50vw;
    top: 50vh;
}
#btn-hall2 {
    left: 67vw;
    top: 58vh;
}
#hall3 .contenedor, #salaA3 .contenedor, #salaB3 .contenedor {
	width: 30vw;
    position: absolute;
    left: 5vw;
    top: 0;
	display: block;
}
#hall3 .close {
	left:60%;
	top:45%;
}
#hall3 .gallery2 {
	position:absolute;
	bottom:5vw;
	right:7vw;
}
/*************/
.secondgal {
	display:none;
	position:absolute;
	right:7vw;
	max-width:60%;
	text-align:right;
}
.secondgal a {
    overflow: hidden;
	display: inline-block;
}
.secondgal a img {
	width: 13vw;
    height: 9vw;
    object-fit: cover;
    object-position: center;
}
.secondgal .sl-caption {
	background-color:#000;
}
#cobre3 .secondgal {
	left: 7vw;
    right: auto;
    top: 55%;
}
/*********Sala A***********/
#salaA1 {
	background:url(../img/salaA-bg2.jpg) no-repeat center;
	background-size:cover;
}
#salaA2 .texto {
	width:85%;
}
#salaA2 .secondgal, #salaB2 .secondgal {
	top:11vw;
}
#salaB2 #fotos2 a img, #salaB2 #fotos3 a img {
	width: 18vw;
    height: 12vw;
}
#salaA2 #fotos4 a img{
	width: 22vw;
    height: 20vw;
}
#salaB2 #fotos4 a img {
	width: 22vw;
    height: 13vw;
}
#salaB2 #fotos5 a img {
	width: 20vw;
    height: 12vw;
}
#exp-salaA, #exp-salaB{
	width:35%;
}
#salaA2, #salaB2, #proy2, #proy3 {
    background: url(../img/back-stars-1.svg) no-repeat;
    background-position: center right;
    background-size: contain;
}
.tit-acordeon {
	position: relative;
    padding: 10px 0 0 40px;
}
.tit-acordeon p {
	margin:0;
	margin-top:3px;
}
.btn-acordeon {
	width:24px;
	height:24px;
	border:1px solid #2979ff;
	border-radius:50%;
	position:absolute;
	top:10px;
	left:0;
	cursor:pointer;
	background-image:url(../img/add.svg);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 40%;
    transition: all 0.6s ease;
}
.btn-acordeon-close {
	background-image:url(../img/add2.svg);
}
.btn-acordeon:after {
	content:"";
	position:absolute;
	background-color:#00e4ff;
	top:4px;
	left:4px;
	width:16px;
	height:16px;
	border-radius:50%;
	z-index:-1;
}
.tx-acordeon {
	position:relative;
	padding-left: 40px;
    padding-top: 0px;
	overflow:hidden;
    transition: all 0.6s ease;
	height: 0px;
    font-size: 1vw;
}
.tx-acordeon p, .tx-acordeon ul {
    font-size: .9vw;
	margin:0;
}
.viracocha {
	width:30vw;
	height:auto;
	position:absolute;
	top:10vh;
	right:7vw;
	z-index:-1;
	display:none;
}
.viracocha img {
	width:100%;
	height:100%;
	opacity:1;
}
#salaA2 .viracocha {
	top:7vw;
	right:7vw;
}
#salaB2 .viracocha img {
	opacity:.2;
}
/****/
#salaA3 {
	background-image:url(../img/salaAA.png), url(../img/back-stars-2.svg);
	background-repeat:no-repeat;
	background-size:auto 35%, contain;
	background-position: 90% center, 30% center;
}
#btn-salaA1 {
    top: 60vh;
    left: 82vw;
}
#btn-salaA2 {
    top: 52vh;
    left: 64%;
}
#zona1, #zona2, #zona3 {
	position:absolute;
	top:0;
	left:0;
	display:none;
}
/*********Sala B***********/
.menu-cont {
	position:relative;
	display:inline-block;
    margin-right: 2vw;
	color:#00afff;
	cursor:pointer;
}
.menu-cont-active{
	color:#FFF;
	pointer-events: none;
}
.menu-cont-active:after {
    background: none;
}
#change-tx2 {
	margin-top:0;
	margin-bottom:2vh;
	max-width: 58vw;
	position:absolute;
	top: 10.5vw;
    left: 28vw;
	color: #2878ff;
	display:none;
}
#change-tx {
	display:none;
}
#salaB1 {
	background-image:url(../img/salaB-bg.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}
.columna {
	display:inline-block;
	width:28vw;
	padding-right:2vw;
}
#salaB2 .tx-acordeon, #salaA2 .tx-acordeon {
	display:flex;
}
#salaB2 .texto, #salaA2 .texto {
	width:95%;
	position:relative;
}
#salaB2 .viracocha {
	width:36vw;
}
#cont-salaB {
	position:relative;
}
.all-cont {
	position:absolute;
	top:4vw;
}
#salaB3 {
	background-image:url(../img/salaA.png), url(../img/back-stars-2.svg);
	background-repeat:no-repeat;
	background-size:auto 40%, contain;
	background-position: 90% center, 30% center;
}
#btn-salaB1 {
    top: 60vh;
    left: 87vw;
}
#btn-salaB2 {
    top: 45vh;
    left: 74vw;
}
#btn-salaB3 {
    top: 52vh;
    left: 56vw;
}
/*#salaA3 .contenedor, #salaB3 .contenedor {
	top:0;
	display:block;
}*/
#flecha-cont {
	width:1vw;
	height:1.4vw;
	bottom: 8vh;
	left:78px;
	transform:translateX(-50%);
    transition: all 0.6s ease;
	-webkit-mask: url(../img/blue-arrow.svg) no-repeat center bottom;
    mask: url(../img/blue-arrow.svg) no-repeat center bottom;
    -webkit-mask-size: cover;
    mask-size: cover;
}
/*************************************/
#slides {
	display: none
}
/* Center the slideshow */
.container {
	width: 50vw;
    position: absolute;
    top: 50%;
    left: 45vw;
    transform: translateY(-50%);
}
/* line 32, ../sass/demo.scss */
.container .gallery a img {
  float: left;
  width: 32%;
  height: auto;
  border: 2px solid #fff;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  position: relative;
}
/* line 46, ../sass/demo.scss */
.container .gallery a:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 5;
}
/* line 57, ../sass/demo.scss */
.container .gallery a.big img {
  width: 40%;
}
.slidesjs-pagination {
	position: absolute;
    right: 0;
    bottom: 0;
}
.slidesjs-pagination li {
	display:inline-block;
	width:1vw;
	height:1vw;
	margin-right:10px;
	-webkit-mask: url(../img/dot.svg) no-repeat center;
	mask: url(../img/dot.svg) no-repeat center;
	-webkit-mask-size: 60%;
	mask-size: 60%;
	background-color:#2878ff;
}
.slidesjs-pagination li a {
	display:block;
	width:100%;
	height:100%;
	font-size:0;
}
/* Show active item in the pagination */
.slidesjs-pagination .active {
	background-color:#00e5ff;
}
.slidesjs-navigation {
	width:2vw;
	height:3vw;
	display:inline-block;
	-webkit-mask: url(../img/next.svg) no-repeat center;
	mask: url(../img/next.svg) no-repeat center;
	-webkit-mask-size: 60%;
	mask-size: 60%;
	background-color:#2878ff;
	font-size:0;
    transition: all 0.4s ease;
	
}
.slidesjs-previous {
	transform:rotate(180deg);
}
.slidesjs-next {
}
.slidesjs-navigation:hover, .slidesjs-pagination li a:hover {
	background-color:#00e5ff;
}
/*******COBRE*********/
@keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-webkit-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-moz-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-ms-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}

@keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-webkit-keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-moz-keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-ms-keyframes move-clouds-back {
    from {background-position: 0;}
    to {background-position:10000px 0;}
}

.stars, .twinkling, .clouds {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  display:block;
}

.stars {
  background:#000 url(../img/stars.png) repeat top center;
  z-index:0;
}

.twinkling{
  background:transparent url(../img/twinkling.png) repeat top center;
  z-index:1;

  -moz-animation:move-twink-back 200s linear infinite;
  -ms-animation:move-twink-back 200s linear infinite;
  -o-animation:move-twink-back 200s linear infinite;
  -webkit-animation:move-twink-back 200s linear infinite;
  animation:move-twink-back 200s linear infinite;
}

.clouds{
    background:transparent url(../img/clouds3.png) repeat top center;
    z-index:3;

  -moz-animation:move-clouds-back 200s linear infinite;
  -ms-animation:move-clouds-back 200s linear infinite;
  -o-animation:move-clouds-back 200s linear infinite;
  -webkit-animation:move-clouds-back 200s linear infinite;
  animation:move-clouds-back 200s linear infinite;
}
.circlescover {
	border-radius:50%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:20;
}
.circles-wrapper {
	width:80vmin;
	height:80vmin;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
@keyframes infinite-spinning2 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
    transform-origin: -50% -50%;
  }
}

.flecha3 {
	width: 46px;
    height: 24px;
    background: url(../img/flecha2.png) no-repeat center top;
    cursor: pointer;
    position: absolute;
    left: 50%;
    bottom: 3%;
    transform: translateX(-50%);
	z-index:20;
	opacity:.8;
}
.line50 {
	width:1px;
	height:47vh;
	position:absolute;
	left:50%;
	bottom:3.3%;
	z-index:19;
	border-left:1px dashed #333;
    transform: translateX(-50%);
	opacity:.4;
}
.cols2 {
	position:relative;
	width:48vw;
	display: inline-block;
}
#cobre1 .titulo {
	z-index:40;
}
#cobre1 .line {
    z-index: 2;
}
/****COBRE 2*****/
#cobre2, #cobre3 {
	background-image:url(../img/back-stars-2.svg);
    background-repeat: no-repeat;
    background-size:contain;
    background-position:30% center;
}
.foto {
	width: 0vmin;
	height:0vmin;
    border-radius: 50%;
    background-image: url(../img/copperrock.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-left: 10vmin;
	box-shadow: inset 0px 0px 1vmax rgba(0, 0, 0, 0.7);
    transform: translate(-50%,-50%);
    position: absolute;
    top: 50%;
    left: 68%;
    transition: all 0.6s ease-in;
}
.active .foto {
	width: 50vmin;
	height:50vmin;
}
#cobre2 .texti {
	width: 40%;
    position: absolute;
	left:50%;
	top:50%;
	transform:translateY(-50%);
    padding-left: 5vw;
    text-align: left;
}
#cobre2 .texto {
	width: 40vw;
}
#cobre2 .media-right {
    background-image: url(../img/earth.jpg);
}
.btn-cobre {
	position: absolute;
    left: 50%;
    bottom: 3vh;
	transform:translateX(-50%);
	display:inline-block;
	margin-top:40px;
	z-index:50;
}
.btn-chao {
	opacity:0;
	pointer-events: none;
}
#cobre2 h4 {
	margin-top: 10px;
}
#cobre2 h2 {
	color:#00afff;
}
#cobre2 .media-left{
	background-image: url(../img/bg-media-blue.svg);
}
.line37 {
	height: 37vh;
}
/***********cobre 3**********/
#cobre3 .orbita2 {
    top: 30vh;
}
.flecha-up-50 {
    left: 50vw;
}
#cobre3 .tx-objetivos {
    left: 10vw;
    width: 50vw;
	top: 19vh;
}
#cobre3 .tx-objetivos .contenedor {
    width: 50vw;
}
/*******PROYECTO*********/
#proy1 {
	background:url(../img/proj-bg.jpg) no-repeat center;
	background-size:cover;
}
.bigger {
	font-size:1.4vw;
}
#visitantes {
	width:60%;
	position: relative;
}
#visitantes #tabla {
    width: 90%;
}
#tabla {
    border-collapse: collapse;
    width: 100%;
	font-size: .95vw;
}
#tabla td, #tabla th {
    border: 1px solid #2b2b2b;
    padding: 8px;
}
/*#tabla tr:nth-child(even){background-color: #f2f2f2;}*/
#tabla tr {background-color: #fff;}
#tabla tr:hover {background-color: #ddd;}
#tabla th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #00afff;
    color: white;
}
.lateral {
	position:absolute;
	top: -4.7vw;
	right: -52%;
    width: 60%;
}
.lateral h2 {
    margin-bottom: 10px;
}
.menu-com  {
	width:35vw;
	position:absolute;
	left:5vw;
	top:50%;
	transform:translateY(-50%);
}
.btn-com {
	position:relative;
	display:block;
}
.btn-comunic {
    font-size: 16px;
    padding: 16px 20px;
    text-align: center;
}
.btn-comu-act h4 {
	color:#000;
}
.btn-comu-act .btn-comunic {
	pointer-events: none;
	color:#FFF;
}
.btn-comu-act .btn-comunic:after {
	opacity:0;
}
.menu-com h4 {
	padding-left:70px;
	padding-top: 16px;
}
.btn-comunic:hover + h4 { color: #000; }
.wrapper-tablas {
	width: 60vw;
    position: absolute;
    right: 5vw;
    top: 50%;
    transform: translateY(-50%);
}
.wrapper-tablas #tabla {
	margin-top:20px;
}
.wrapper-tablas h5 {
	font-size:.8vw;
	margin-top:20px;
}
.quetabla {
	position:relative;
	top:0;
	left:0;
	display:none;
	max-height:76vh;
}
.scroleo {
	overflow-y:scroll;
}
.flecha-proy {
	transform: rotate(-90deg) translateX(-50%);
    height: 2vw;
    width: 1.3vw;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-position-y: bottom;
	mask-position-y: bottom;
    left: -2.4vw;
    top: 50px;
    transition: all 0.6s ease;
}
.tool-base {
	position:relative;
	display:inline-flex;
	width:29%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	text-align:left;
	margin-right:4%;
	padding:15px 0;
	cursor:pointer;
}
.plus-tool {
	transform: translateY(-50%);
    top: 50%;
    left: 0;
	cursor:auto;
    z-index: -2;
}
.plus-tool:after {
    top: 6px;
    left: 6px;
    width: 12px;
    height: 12px;
}
.tool-base span {
	font-size: .9vmax;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    letter-spacing: 0.05vmax;
    text-transform: uppercase;
	color: #2878ff;
	z-index:30;
	padding: 15px 0 15px 35px;
	display:block;
}
.tooltip_templates h5, .tooltip_templates p {
	margin-bottom:0;
	margin-top:0;
}
.tooltip_templates span {
	display:none;
}
.tooltipster-content p {
	margin-top: .5vh;
}
#visitantes .tool-base {
    width: auto;
}
/*******CREDITOS*********/
#cred1 {
    background: url(../img/back-stars-1.svg) no-repeat;
    background-position: center right;
    background-size: contain;
	overflow:hidden;
}
#cred1 .wrapper {
	padding: 3vw 5vw;
}
#cred1 h1 {
	text-align: left !important;
}
#cred1 h4 {
	margin-top:0;
	color:#2878ff;
}
#cred1 h3 {
	white-space: nowrap;
}
#cred1 p {
	margin:0;
}
#cred1 h5 {
	margin:0;
}
#cred1 .cols {
	position:relative;
	display:inline-block;
    max-width: 30%;
    margin-top: 10%;
	z-index:30;
}
#cred1 .marg5 {
	margin-left:5%;
}
#cred1 .logos {
	width:252px;
	height:81px;
	position:absolute;
	right:5%;
	bottom:20%;
	background:url(../img/logos.png) no-repeat center;
}
.flexe {
	display:flex;
}
.mini-space {
	position:relative;
	height:1vh;
}
.big-space {
	position:relative;
	height:2vh;
}