.js .pages-nav,.js body,.menu-button,.menu-nav,.pages-nav,.redes-nav,html body,html.js {
	outline:none 0!important;
	list-style:none!important
}
.js body,html body,html.js {
	overflow:auto;
	margin:0;
	padding:0;
	text-decoration:none!important
}
.container {
	padding-right:0;
	padding-left:0;
	position:relative;
	margin:0 auto;
}
@media (min-width:576px) {
	.container {
		padding-right:0;
		padding-left:0;
		width:100%;
		max-width:100%;
		position:relative;
		margin:0 auto
	}
}
@media (min-width:768px) {
	.container {
		padding-right:0;
		padding-left:0;
		width:100%;
		max-width:100%;
		position:relative;
		margin:0 auto
	}
}
@media (min-width:992px) {
	.container {
		padding-right:0;
		padding-left:0;
		width:100%;
		max-width:100%;
		position:relative;
		margin:0 auto
	}
}
@media (min-width:1200px) {
	.container {
		padding-right:0;
		padding-left:0;
		width:100%;
		max-width:100%;
		position:relative;
		margin:0 auto
	}
}
.menu-nav,.pages-nav,.redes-nav {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
	padding:0;
	text-align:center;
	text-decoration:none!important
}
.js .pages-nav {
	position:absolute;
	width:100%;
	max-width:1050px;
	height:10vh;
	left:0;
	right:0;
	top:0;
	margin:auto;
	padding:30px;
	pointer-events:none;
	opacity:0;
	-webkit-transition:-webkit-transform .6s,opacity .6s;
	transition:transform .6s,opacity .6s;
	-webkit-transition-timing-function:cubic-bezier(.2,1,.3,1);
	transition-timing-function:cubic-bezier(.2,1,.3,1);
	-webkit-transform:translate3d(0,150px,0);
	transform:translate3d(0,150px,0);
	z-index:999999!important;
	display:block;
	text-decoration:none!important
}
.link,.link--page,.link--page1 {
	display:compact
}
@media screen and (max-width:9400px) and (min-width:840px) {
	.js .pages-nav--open,.uni {
		position:fixed;
		width:100%;
		height:160px;
		background-color:#fff;
		left:0;
		right:0;
		top:0;
		margin:auto;
		padding:0;
		z-index:999999!important;
		pointer-events:inherit;
		opacity:1;
		text-decoration:none!important;
		outline:0!important;
		list-style:none!important
	}
	.js .pages-nav--open {
		max-width:100%;
		-webkit-transition:-webkit-transform .6s,opacity .6s;
		transition:transform .6s,opacity .6s;
		-webkit-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0)
	}
	.uni {
		max-width:1050px;
		-webkit-transition:-webkit-transform .6s,opacity .6s;
		transition:transform .6s,opacity .6s;
		-webkit-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0)
	}
}
@media screen and (max-width:840px) and (min-width:320px) {
	.js body,html body,html.js {
		overflow:visible;
		margin:0;
		padding:0
	}
	.js .pages-nav--open {
		position:fixed;
		width:100%;
		max-width:1100px;
		height:100vh;
		background-color:#fff;
		left:0;
		right:0;
		top:0;
		margin:auto;
		padding:0;
		-webkit-transition:-webkit-transform .6s,opacity .6s;
		transition:transform .6s,opacity .6s;
		z-index:999999!important;
		pointer-events:auto;
		opacity:1;
		-webkit-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0)
	}
}
@media screen and (max-width:360px) {
	.js body,html body,html.js {
		overflow:visible;
		margin:0;
		padding:0
	}
	.js .pages-nav--open {
		position:fixed;
		width:100%;
		max-width:1100px;
		height:100vh;
		background-color:#fff;
		left:0;
		right:0;
		top:0;
		margin:auto;
		padding:0;
		-webkit-transition:-webkit-transform .6s,opacity .6s;
		transition:transform .6s,opacity .6s;
		z-index:999999!important;
		pointer-events:auto;
		opacity:1;
		-webkit-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0)
	}
}
.link,.logo-nav,.menu-nav {
	position:relative
}
.logo-nav svg,.pages-nav__item {
	padding-left:15px;
	padding-right:15px
}
.logo-nav svg,.pages-nav__itemo {
	padding-left:15px;
	padding-right:15px
}
.logo-nav {
	margin:20px auto 0;
	left:0;
	float:left;
	text-align:left;
	width:100%;
	max-width:40%
}
.logo-nav svg {
	width:100%;
	max-width:160px;
	opacity:1
}
.logo-nav svg:hover {
	opacity:.7
}
.menu-nav {
	margin:0 auto;
	right:0;
	float:right;
	text-align:right;
	width:100%;
	height:100px;
	max-width:60%;
	/*modificacion header*/
 }
.pages-nav__item {
	width:22%;
}
/*nuevo boton públicas*/
.pages-nav__itemo{
	width:34%;
}
.js .pages-nav__item {
	padding-left:14px;
	padding-right:15px
}
.js .pages-nav__itemo {
	padding-left:14px;
	padding-right:15px
}
@media screen and (max-width:1120px) {
	.js .pages-nav__item,.pages-nav__item {
		padding-left:10px;
		padding-right:10px
	}
	.js .pages-nav__itemo,.pages-nav__itemo {
		padding-left:10px;
		padding-right:10px
	}
	 
}
@media screen and (max-width:1000px) {
	.pages-nav__item {
		padding-left:7px;
		padding-right:7px
	}
	.js .pages-nav__item {
		padding-left:6px;
		padding-right:7px
	}
	.pages-nav__itemo {
		padding-left:7px;
		padding-right:7px
	}
	.js .pages-nav__itemo {
		padding-left:6px;
		padding-right:7px
	}
	/*no estaba header en esta seccion*/
	 .pages-nav__item {
	width:21%;
}
 .pages-nav__itemo{
	width:33%;
}
}
@media screen and (max-width:952px) and (min-width:841px) {
	.logo-nav,.menu-nav {
		position:relative;
		width:100%
	}
	.js .pages-nav__item,.pages-nav__item {
		padding-left:8px;
		padding-right:8px
	}
	.js .pages-nav__itemo,.pages-nav__itemo {
		padding-left:8px;
		padding-right:8px
	}
	.logo-nav {
		margin:20px auto 0;
		left:0;
		float:left;
		text-align:left;
		max-width:30%
	}
	.menu-nav {
		margin:0 auto;
		right:0;
		float:right;
		text-align:right;
		height:100px;
		max-width:70%
	}
	/*no estaba header en esta seccion*/
	 .pages-nav__item {
	width:21%;
}
 .pages-nav__itemo{
	width:33%;
}
}
.link,.link--page,.link--page1 {
	padding-left:15px;
	padding-right:15px
}
.link {
	font-size:1em;
	font-weight:400;
	letter-spacing:1px;
	text-transform:capitalize;
	border-left:2px solid #f1c100;
	font-family:Lato,sans-serif;
	color:#575756;
	text-decoration:none
}
.link.activo,.link.activo:hover {
	font-family:latobold;
	font-size:1em;
	font-weight:400;
	position:relative;
	letter-spacing:1px;
	text-transform:capitalize;
	text-decoration:none
}
.link.activo {
	color:#f1c100
}
.link.activo:hover {
	color:#575756
}
.link:focus,.link:hover {
	color:#f1c100;
	text-decoration:none
}
.link--page {
	color:#575756;
	text-decoration:none
}
.falso-nav {
	position:relative;
	margin:0 auto;
	left:0;
	float:left;
	text-align:left;
	width:100%;
	max-width:40%;
	height:10px
}
.redes-nav {
	position:relative;
	margin:-25px auto 0;
	right:0;
	float:right;
	text-align:right;
	width:100%;
	height:20px;
	max-width:60%
}
.js .pages-nav__item1,.pages-nav__item1 {
	padding-left:15px;
	padding-right:15px;
	width:100%;
	max-width:100%
}
.link-redes {
	font-size:1em;
	font-weight:400;
	position:relative;
	letter-spacing:1px;
	text-transform:capitalize;
	font-family:Lato,sans-serif;
	text-decoration:none
}
.link-redes:focus,.link-redes:hover {
	color:#f1c100;
	text-decoration:none
}
.link--page1 {
	color:#939598;
	text-decoration:none
}
@media screen and (max-width:840px) {
	.logo-nav {
		position:relative;
		margin:5px auto 0;
		float:none;
		text-align:center;
		width:100%;
		max-width:100%;
		padding:.5em 0
	}
	.menu-nav,.redes-nav {
		position:relative;
		margin:5px auto 0;
		float:none;
		text-align:right;
		height:auto
	}
	.menu-nav {
		width:95%;
		max-width:95%
	}
	.js .pages-nav__item,.pages-nav__item {
		width:100%;
		max-width:100%;
		padding:1em 0
	}
		/*no estaba header en esta seccion*/
	.js .pages-nav__itemo,.pages-nav__itemo {
		width:100%;
		max-width:100%;
		padding:1em 0
	}
	.link {
		font-size:1em;
		font-weight:400;
		position:relative;
		letter-spacing:1px;
		text-transform:capitalize;
		border-right:2px solid #f1c100;
		border-left:none;
		font-family:Lato,sans-serif;
		text-decoration:none
	}
	.falso-nav {
		display:none
	}
	.redes-nav {
		width:95%;
		max-width:95%
	}
	.js .pages-nav__item1,.pages-nav__item1 {
		width:100%;
		max-width:100%;
		padding:5px 0
	}
}
.menu-button{
	width:60px;
	background-color:transparent;
	padding-left:0;
	padding-right:0;
 	position:fixed;
	z-index:1000;
	top:30px;
	left: 47.65%;
  	-webkit-transform-origin:47.65% 47.65%;
	transform-origin:47.65% 47.65%;
 	height:60px;
	cursor:pointer;
	border:none;
	text-decoration:none!important
}
.box-header {
	position:fixed;
	height:100px
}
.box-header.is-fixed {
	position:fixed;
	top:-100px;
	-webkit-transition:-webkit-transform .3s;
	transition:-webkit-transform .3s;
	transition:transform .3s;
	transition:transform .3s,-webkit-transform .3s
}
.box-header.is-visible {
	width:60px;
	background-color:transparent;
	padding-left:0;
	padding-right:0;
 	position:fixed;
	z-index:1000;
	top:50px;
	left: 47.65%;
  	-webkit-transform-origin:47.65% 47.65%;
	transform-origin:47.65% 47.65%;
	margin:auto;
	height:60px;
	cursor:pointer;
	border:none;
	text-decoration:none!important 	 
}
.menu-button svg {
	width:60px;
	background-color:transparent;
	padding-left:0;
	padding-right:0;
	left:0;
	display:inherit;
	height:60px;
	margin:0 auto;
	position:relative;
	top:0
}
.menu-button polygon {
	fill:#fff
}
.menu-button:hover {
	fill:#f1c100
}
.no-js .menu-button {
	display:none
}
.menu-button span,.menu-button::after,.menu-button::before {
	background:0 0
}
.menu-button::after,.menu-button::before {
	content:'';
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	height:2px;
	pointer-events:none;
	-webkit-transition:-webkit-transform .25s;
	transition:transform .25s;
	-webkit-transform-origin:50% 50%;
	transform-origin:50% 50%
}
.menu-button span {
	position:absolute;
	left:0;
	overflow:hidden;
	width:100%;
	height:2px;
	text-indent:200%;
	-webkit-transition:opacity .25s;
	transition:opacity .25s
}
.menu-button::before {
	-webkit-transform:translate3d(0,-10px,0) scale3d(.8,1,1);
	transform:translate3d(0,-10px,0) scale3d(.8,1,1)
}
.menu-button::after {
	-webkit-transform:translate3d(0,10px,0) scale3d(.8,1,1);
	transform:translate3d(0,10px,0) scale3d(.8,1,1)
}
.menu-button--open span {
	opacity:0
}
.menu-button--open svg {
	opacity:0;
	display:none
}
.box-header.is-fixed.menu-button--open,.box-header.is-visible.menu-button--open,.box-header.menu-button--open {
	position:fixed;
	z-index:1000000;
	text-align:center;
	margin:0 40px 0 auto;
	padding:0;
	width:30px;
	height:24px;
	outline:0;
	opacity:1;
	right:0;
	border:none;
	cursor:pointer
}
.detalles,.espacio {
	display:-webkit-flex;
	-webkit-flex-wrap:wrap
}
.box-header.is-fixed.menu-button--open,.box-header.menu-button--open {
	top:31px;
	background:url(../images/close-01.svg) center center no-repeat;
	background-size:auto
}
.box-header.is-visible.menu-button--open {
	top:0;
	background:url(../images/close-01.svg) center center no-repeat;
	background-size:auto
}
.menu-button--open:hover {
	opacity:.7;
	background:url(../images/close-01.svg);
	background-repeat:no-repeat;
	background-size:auto;
	background-position:center center
}
.menu-button--open::before {
	-webkit-transform:rotate3d(0,0,1,45deg);
	transform:rotate3d(0,0,1,45deg)
}
.menu-button--open::after {
	-webkit-transform:rotate3d(0,0,1,-45deg);
	transform:rotate3d(0,0,1,-45deg)
}
@media screen and (max-width:840px) and (min-width:320px) {
	.box-header.is-fixed.menu-button--open,.box-header.is-visible.menu-button--open,.box-header.menu-button--open {
		position:fixed;
		z-index:1000000;
		text-align:center;
		margin:0 35px 0 auto;
		padding:0;
		right:0;
		width:30px;
		height:24px;
		cursor:pointer;
		border:none;
		outline:0;
		opacity:1
	}
	.box-header.is-fixed.menu-button--open,.box-header.menu-button--open {
		top:31px;
		background:url(../images/close-01.svg) center center no-repeat;
		background-size:auto
	}
	.box-header.is-visible.menu-button--open {
		top:0;
		background:url(../images/close-01.svg) center center no-repeat;
		background-size:auto
	}
}
#myBtn,.content,.myBtn {
	text-decoration:none!important;
	outline:none 0!important;
	list-style:none!important
}
.js .pages-stack {
	z-index:100;
	pointer-events:none;
	-webkit-perspective:1200px;
	perspective:1200px;
	-webkit-perspective-origin:50% -50%;
	perspective-origin:50% -50%
}
.js .page {
	position:relative;
	z-index:5;
	pointer-events:auto;
	background:#fff;
	-webkit-transition:-webkit-transform 1.2s,opacity 1.2s;
	transition:transform 1.2s,opacity 1.2s
}
.js .page .nicescroll-rails {
	background:#fff;
	width:5px;
	z-index:9999!important;
	overflow:auto
}
.js .page .nicescroll-rails:hover {
	opacity:1!important;
	overflow:auto
}
#myBtn:hover,.myBtn:hover {
	opacity:.6
}
.js .page .nicescroll-rails>div {
	background:#fff!important;
	overflow:auto
}
.detalles {
	width:100%;
	max-width:1920px;
	height:60px;
	background-color:#fff;
	position:relative;
	margin:90px auto 0;
	display:flex;
	flex-wrap:wrap;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
	padding:20px;
	text-align:center
}
.detalles1,.espacio {
	max-width:1920px;
	padding:0;
	text-align:center;
	position:relative;
	margin:0 auto;
	width:100%
}
.espacio {
	height:180px;
	display:flex;
	flex-wrap:wrap;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center
}
.detalles1 {
	height:60px;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center
}
.vector svg {
	width:100%;
	max-width:680px;
	height:auto;
	position:relative;
	margin:0 auto
}
.detalles h1,.detalles1 h1 {
	bottom:0;
	top:0;
	position:absolute;
	left:0;
	right:0;
	margin:auto
}
.detalles h1 svg,.detalles1 h1 svg {
	width:100%;
	max-width:240px;
	height:auto;
	position:relative;
	margin:0 auto
}
#myVideo{
	max-width:100%;
	right:0;
	min-width:100%;
	min-height:100%;
	bottom:0;
	width:100%;
	position:absolute;
	left:0;
	top: 0px;
}
.videoban {
	position:relative;
	margin:0 auto;
	max-width:100%;
	right:0;
	min-width:100%;
	min-height:100%;
	bottom:0;
	width:100%;
}
.content {
	position: absolute;
 	bottom:0;
	top:0;
	left:0;
	right:0;
	margin:auto;
 	width:100%;
  	height:100%;
  }
#myBtn,.myBtn {
	width:100%;
	height:100%;
	max-width:80px;
	max-height:80px;
  	bottom:0;
	top:0;
	left:0;
	right:0;
	margin:auto;
	position:absolute;
 	border:none;
	padding:0 0;
	background-color:transparent;
	color:#fff;
	cursor:pointer;
  }
#myBtn img,.myBtn img {
	width:100%;
	height:100%;
	 
}
.js .pages-stack--open .page {
	cursor:pointer;
	-webkit-transition:-webkit-transform .45s,opacity .45s;
	transition:transform .45s,opacity .45s;
	-webkit-transition-timing-function:cubic-bezier(.6,0,.4,1);
	transition-timing-function:cubic-bezier(.6,0,.4,1);
	width:100%;
	height:100vh;
	min-height:100vh;
	overflow:auto!important;
	display:block
}
.js .animate-intro,.js .animate-this {
	opacity:0
}
.js .pages-stack--open .page .animate-this {
	opacity:1
}
.js .page--inactive {
	position:absolute;
	z-index:0;
	top:0;
	opacity:0
}
.info {
	font-size:1.25em;
	max-width:50%;
	margin-top:1.5em
}
.poster {
	position:absolute;
	bottom:4vh;
	left:60%;
	max-width:100%;
	max-height:80%
}
@media screen and (max-width:840px) {
	.js .pages-nav {
		display:block;
		padding:30px 20px 0;
		text-align:left
	}
	.js .pages-nav__item {
		width:100%;
		padding:8px 0
	}
	/*.menu-button {
		top:15px;
		right:0;
		left:0
	}*/
	.menu-button--open {
		position:fixed;
		z-index:1000000;
		top:15px;
		left:80%;
		right:0;
		margin:auto;
		width:30px;
		height:24px;
		padding:0;
		cursor:pointer;
		border:none;
		outline:0;
		opacity:1;
		background: 0 0
	}
	.menu-button{
	width:60px;
	background-color:transparent;
	padding-left:0;
	padding-right:0;
 	position:fixed;
	z-index:1000;
	top:15px;
	left:0;
	right: 0;
	margin: 0 auto;
 	height:60px;
	cursor:pointer;
	border:none;
	text-decoration:none!important
}
	.box-header.is-visible {
	width:60px;
	background-color:transparent;
	padding-left:0;
	padding-right:0;
 	position:fixed;
	z-index:1000;
	top:15px;
	left:0;
	right: 0;
	margin: 0 auto;
	height:60px;
	cursor:pointer;
	border:none;
	text-decoration:none!important 	 
}
}