/*
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *  *  *  *  *
 * Stylesheet/Hoja de Estilos: styles
 * Project/Projecto: Junio de 2013 - Web Mottif
 * Autor: Claudia Buitrago - claudia.buitrago@mottif.com - Mottif
 *  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *  *  *  */
/*
/*
	1. Generales
	2. Home
	3. Internas
		3.1. Header
		3.2. Footer
	4. Clientes
	5. Contacto
		5.1. Lightbox
	6. Mundo
	7. Animaciones
	8. Proyecto
	9. Resultados
	10. Equipo
	11. Slider interno
	12. Share
*/

/* Fuentes:
font-family: 'Dongle', sans-serif;
font-family: 'Eczar', serif;
font-family: 'Open Sans', sans-serif;

*/
@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dongle:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Eczar:wght@400..800&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*1. Generales */

html, body {
	background-color: #000;
	font-family:'PT Sans',sans-serif,'Dongle',sans-serif;
	color:#666666;
}
#mainWrapper {
	display: block;
	width: 100%;
	margin: 0px;
	padding: 0px;
	position: relative;
}
.gHidden {
	display: none;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
a {
	color:#FFFFFF;
	text-decoration:none;
}
em {
	font-style:italic;
}
strong {
	font-weight:700;
}
.container {
	margin:0 auto;
	width:1200px;
}
.container_Proy {
	margin:25rem auto 2rem;
	width:1200px;
}
.containerMundo, .containerProyecto {
	margin: 0 auto;
    width: 1200px;
    margin-top: 12rem;
	z-index: 1;
}
.containerProyecto {
	margin-top: 10rem;
}
.containerMundo > h1, .containerProyecto > h1 {
	font-family: 'Dongle', sans-serif;
	font-size: 2.5rem;
	letter-spacing: 0.2rem;
	color: #FFF;
	line-height: 2rem;
}
.containerMundo > h2, .containerProyecto > h2 {
	font-family: 'Eczar', serif;
	width: 1200px;
	font-size: 7rem;
    font-weight: 700;
	letter-spacing: 0.25rem;
    color: #fff;
    margin-left: 30px;
    display: block;
    margin-top: 0rem;
	line-height: 6rem; 
}
.replaced_txt {
	display:block;
	text-indent: -999999em;
}
.clear_float {
	clear:both;
}
.right_content {
	float:right;
}
.left_content {
	float:left;
}
input[type=button], input[type=submit] {
	cursor:hand;
	cursor:pointer;
}
/*2.Home*/
.home header {
		color: #FFFFFF;
		min-height: 140px;
		position: relative;
		z-index: 10;
}
.home header .container_h {
    float: left;
    height: 90px;
    padding: 5rem 0 0 0;
    width: 200px;
}
.home header h1 {
	margin:0 auto;
	width:102px;
}
.home header h1 a {
	/* background:url(../images/misc/mottif-logo_2022.png) 0 0 no-repeat; */
	background:url(../images/misc/mottif-logo_2024.svg) 0 0 no-repeat;
	height:34px;
	width:98px;
}
.home header .sec_menu, .home header .redes, .home header aside {
	border-right:1px solid #FFFFFF;
	height:65px;
	padding:5px 30px;
}
.home header .sec_menu li {
	padding-bottom:2px;
} 
.home header .sec_menu li a {
	font-size:1.2em;
	letter-spacing: 0.1em;
}
.home header .redes {
	border-right: 0 none;
    height: 75px;
    padding: 0 3rem 0 2rem;
    height: auto;
    float: right;
}
.home header .redes ul {
	overflow:hidden;
}
.home header .redes ul li {
	float:left;
	padding:5px;
}
.home header .redes ul li a {	
	/* background:url(../images/misc/socialNetworks_2022.png) 0 0 no-repeat; */
	/* height:25px;
	width:25px;  */
}
.home header .redes ul li a.face {
	background:url(../images/misc/ico-social-fb-w.svg) 0 0 no-repeat;
	height:25px;
	width:25px; 
}
.home header .redes ul li a.face :hover {
	background-position:0px 0px;
}
.home header .redes ul li a.twt {
	background-position: -28px 0px;
}
.home header .redes ul li a.ins {
	background:url(../images/misc/ico-social-in-w.svg) 0 0 no-repeat;
	height:25px;
	width:25px; 
}
.home header .redes ul li a.flic {
	background-position:-103px -48px;
}
.home header .redes ul li a.link {
	background-position:-85px 0px;
}
.home header .redes ul li a.pin {
	background-position:-177px -48px;
}
.home header aside {
	font-size:1.2em;
}
.home header aside li {
	padding-bottom:2px;
}
.home header .info {
	text-align:right;
}
.home header .info_2 {
	border-right:0 none;
}
.home header form {
	top:10px;
	overflow:hidden;
	position:absolute;
	right:10px;
}
.home header form input[type=text] {
	background: #666666;
	border: 0 none;
	color: #FFFFFF;
	float:left;
	font-size: 1.2em;
	height: 22px;
	padding: 0 4px;
	width: 121px;
}
.home header form input[type=button] {
	background: url(../images/misc/assets.png) -227px -14px no-repeat;
	border:0 none;
	display:inline-block;
	float:left;
	height:22px;
	width:23px;
}
.home header .main_menu {
	display: flex;
    float: right;
    margin-top: 6rem;
    align-items: center;
}
.home header .main_menu li {
	float:left;
	padding:0 20px;
	position:relative;
}
.home header .main_menu .item_0 em {
	font-size: 1.3em;
	letter-spacing: 0.2em;
}
.home header .main_menu .item_0 {
	display: block;
	float: none;
	padding-top: 35px;
}
.home header .main_menu h4 {
	font-size: 1.3em;
	font-style: italic;
	letter-spacing: 0.4em;
	padding-top: 11px;
	position: relative;
	z-index: 1000;
}
.home header .main_menu .first-item {
	border-left:0 none;
	padding-left:0;
}
.home header .main_menu li em {
}
.home header .main_menu li a {
	font-family: 'Dongle', sans-serif;
	font-size: 1.5rem;
	font-weight: 400;
	position:relative;
	z-index:100;
	transition: all 0.5s ease-out;
}
.home header .main_menu li a:hover {
	color: #fff9ae;
	font-weight: 700;
	transition: all 0.5s ease;
}
.home header .main_menu li a:hover span {
	animation:hoverspan 3s;
	-webkit-animation:hoverspan 3s; /* Safari and Chrome */
	display:block;
	position:absolute;
}
.home header .main_menu li a em {
	font-style: normal;
    font-weight: 400;
    letter-spacing: 0.35rem;
    position: relative;
    z-index: 10;
}
.home .camera_effected {
	font-family: 'Dongle', sans-serif;
	text-transform: uppercase;
	top: 50%;
	color:#FFFFFF;
	position: absolute;
	left: 50px;
	text-align:left;
	line-height: 2rem;
}
.home .camera_effected_contacto {
	left: 50px;
	text-align: left;
}
.home .camera_effected_contacto a:hover, .home .camera_effected_correo a:hover {
	color: #fff9ae;
	transition: color 0.15s ease-in;
}
.home .camera_effected_contacto, .home .camera_effected_correo {
	font-family: 'Dongle', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.5rem;
	letter-spacing: 0.35rem;
	bottom: 2.5rem;
	color: #FFFFFF;
	position: absolute;
	line-height: 4rem;
}
.home .camera_effected_correo {
	right: 0px;
	text-align: right;
	padding: 0 3rem 0 0;
}
.home .camera_effected span {
	background: url(../images/misc/assets.png) -13px -41px no-repeat;
	bottom: 76px;
	display: block;
	height: 82px;
	position: absolute;
	right: 0px;
	width: 67px;
}
.home .camera_effected p {
	font-size:1.3em;
	font-style: italic;
	letter-spacing: 0.1em;
}
.home .camera_effected h2 {
	font-size: 2.5rem;
	font-weight:600;
	letter-spacing: 0.2rem;
}
.home .camera_effected h3 {
	letter-spacing: 0.3rem;
	font-size:1.6rem;
}
.home .camera_effected h4 {
	letter-spacing:0.3rem;
	font-size:1.6rem;
}
/* ---------------------- menu resp --------------------

/* Btn Main menu */
.btnMMenu {
	display: none;
	width: 40px;
	height: 40px;
	border: none;
	outline: none;
	background: none;
	font-size: 0rem;
	line-height: 0rem;
	letter-spacing: 0rem;
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translate(0%, -50%);
}
.btnMMenu .box {
	display: inline-block;
	width: 30px;
	height: 24px;
	position: relative;
}
.btnMMenu .inner, .btnMMenu .inner::before, .btnMMenu .inner::after {
	width: 30px;
	height: 2px;
	background-color: #ffffff;
	position: absolute;
	transition-property: transform;
	transition-duration: 0.15s;
	transition-timing-function: ease;
}
.btnMMenu .inner {
	display: block;
	margin-top: -1px;
	top: 50%;
	transition-duration: 0.075s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.mmenuOpen .btnMMenu .inner {
	background-color: #fff;
	transform: rotate(45deg);
	transition-delay: 0.12s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.btnMMenu .inner::before, .btnMMenu .inner::after {
	content: "";
	display: block;
}
.btnMMenu .inner::before {
	top: -8px;
	transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.mmenuOpen .btnMMenu .inner::before {
	top: 0;
	opacity: 0;
	transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.btnMMenu .inner::after {
	bottom: -8px;
	transition: bottom 0.075s 0.12s ease,
		transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.mmenuOpen .btnMMenu .inner::after {
	background-color: #fff;
	bottom: 0;
	transform: rotate(-90deg);
	transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*Menu extra header*/
.extraMH, .extraMH > ul, .extraMH > ul > li {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}
.extraMH {
	display: block;
	padding: 10px 0px 9px;
	position: absolute;
	top: 0px;
	right: 60px;
}
.extraMH > ul {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	font-size: 0rem;
	line-height: 1rem;
	text-align: right;
}
.extraMH > ul > li {
	display: inline-block;
	vertical-align: middle;
	margin: 5px 0px;
	padding-left: 10px;
	font-size: 1rem;
}
.extraMH > ul > li.dblock {
	width: 200px;
}
.extraMH .btnIdi {
	width: 50px;
	padding: 0px;
}
.extraMH .fechas,
.extraMH .fechas_2 {
	font-family: "Assistant", sans-serif;
	font-size: 1.63rem;
	font-weight: 700;
	color: #fff;
	width: auto;
	height: 17px;
	padding: 0px;
	margin-right: 1rem;
}
.extraMH .fechas_2 {
	color: #000;
}


/*Content Menu header*/
.cMHeader {
	width: 100%;
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	z-index: 10;
}

/*Nivel 1*/
.main_Menu > ul {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	height: 20px;
}
.main_Menu > ul > li {
	display: flex;
	vertical-align: middle;
	flex-grow: 1;
	height: 80%;
	text-align: center;
	border-right: solid 1pt rgba(255, 255, 255, 0.7);
	flex-direction: row;
	align-items: center;
}
.main_Menu > ul > li:last-child {
	border-right: none;
}
.main_Menu > ul > li > a {
	display: flex;
	padding: 24px 20px;
	color: #fff;
	font-weight: 700;
	transition: all 0.25s ease;
	flex-direction: row;
	align-items: center;
}
.main-Menu > ul > li:hover > a,
.main_Menu > ul > li > a.active {
	background-color: #245674;
}

/*3. Internas*/
.interna {
	background: #000;
}
.interna #header {
	margin-top: 0rem;
	/* position: absolute;
	top: 0;
	padding: 0 6rem 0 2rem;
	width: -webkit-fill-available;
	margin-top: -20rem; */
}
.interna #header h1 {
	width: 102px;
	margin-left: 30px;
	padding: 5rem 0 0;
    display: flex;
    align-items: center;
}
.interna #header h1 a {
	background:url(../images/misc/mottif-logo_2024.svg) 0 0 no-repeat;
	height:34px;
	width:98px;
	margin: 1.5rem 0 0 -0.75rem;
}
.interna #header .contenedor {
	float:right;
}
.interna #header .sec_menu ul {
	overflow:hidden;
	padding: 2px 18px 0 0;
}
.interna #header .sec_menu ul li {
	border-left:1px solid #C3C3C3;
	float:left;
	padding:0 9px;
}
.interna #header .sec_menu ul li:first-child {
	border-left:0 none;
}
.interna #header .sec_menu ul li a {
	font-size: 1.2em;
	letter-spacing: 0.1em;
}
.interna #header form input[type=text] {
	background: #666666;
	border: 0 none;
	color: #FFFFFF;
	float:left;
	font-size: 1.2em;
	height: 22px;
	padding: 0 4px;
	width: 121px;
}
.interna #header form input[type=button] {
	background: url(../images/misc/assets.png) -227px -14px no-repeat;
	border:0 none;
	display:inline-block;
	float:left;
	height:22px;
	width:23px;
}
.interna .main_menu {
    display: flex;
    float: right;
	margin-top: 7.5rem;
    align-items: center;
	margin-right: -3.5rem;
}
.interna .main_menu li {
	float:left;
	padding:0 20px;
	position:relative;
}
.interna .main_menu .item_0 em {
	font-size: 1.3em;
	letter-spacing: 0.2em;
}
.interna .main_menu .item_0 {
	display: block;
	float: none;
	padding-top: 35px;
}
.interna .main_menu h4 {
	font-size: 1.3em;
	font-style: italic;
	letter-spacing: 0.4em;
	padding-top: 11px;
	position: relative;
	z-index: 1000;
}
.interna .main_menu .first-item {
	border-left:0 none;
	padding-left:0;
}
.interna .main_menu li em {
}
.interna .main_menu li a {
	font-family: 'Dongle', sans-serif;
	font-size: 1.7rem;
	font-weight: 400;
	position:relative;
	z-index:100;
	transition: all 0.5s ease-out;
}
.interna .main_menu li a:hover {
	color: #fff9ae;
	font-weight: 700;
	transition: all 0.5s ease;
}
.interna .main_menu li a:hover span {
	animation:hoverspan 3s;
	-webkit-animation:hoverspan 3s; /* Safari and Chrome */
	display:block;
	position:absolute;
}
.interna .main_menu li a em {
	font-style: normal;
    font-weight: 400;
    letter-spacing: 0.35rem;
    position: relative;
    z-index: 10;
}
.interna .numeros {
    width: 200px;
    float: right;
    padding: 3rem;
}
.interna .numeros > h3 {
    color: #fff9ae;
    font-family: 'Eczar', serif;
    font-weight: 700;
    font-size: 6.5rem;
    text-align: left;
    line-height: 8rem;
}
.interna .numeros > h4 {
	color: #fff9ae;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-size: 0.8rem;
    text-align: left;
    line-height: 1.3rem;
    margin-top: -1.5rem;
}

/*3.2. Footer*/
.mundo_footer{
	margin-top:50px;
}
.interna footer {
	background:#000000;
}
.interna footer .container {
	height:auto;
	min-height:130px;
	overflow:hidden;
	position:relative;
}
.interna footer .contenedor {
	display: flex;
    justify-content: center;
    color: white;
	margin-bottom: 3rem;
}
.interna footer aside, .contacto .contenedor aside {
	color:#FFFFFF;
	font-size: 1.2em;
	letter-spacing: 0.1em;
	padding: 14px 30px 0 30px;
}
.interna footer aside li, .contacto aside li {
	padding-bottom:2px;
}
.interna footer aside a, .contacto aside a {
	color: #FFF;
    font-family: 'Dongle', sans-serif;
    font-size: 1.75rem;
    text-transform: uppercase;
    font-weight: 200;
    letter-spacing: 0.5rem;

}
.interna footer .info, .contacto .info {
	text-align:right;
}
.interna footer .redes {
	display: flex;
    padding: 0rem 0 10rem 0;
    justify-content: center;
}
.interna footer .redes span {
	background: url(../images/misc/assets.png) -279px -9px no-repeat;
	height: 84px;
	left: 90px;
	position: absolute;
	top: 27px;
	width: 70px;
}
.interna .redes ul {
	overflow:hidden;
}
.interna .redes ul li {
	float:left;
	padding:5px;
}
.interna .redes ul li a {
	/* background:url(../images/misc/socialNetworks_2022.png) 0 0 no-repeat;
	height:29px;
	width:29px; */
}
.interna .redes ul li a.face {
	background:url(../images/misc/ico-social-fb-w.svg) 0 0 no-repeat;
	height:25px;
	width:25px; 
}
.interna .redes ul li a.twt {
	background-position:-27px 0px;
}
.interna .redes ul li a.ins {
	background:url(../images/misc/ico-social-in-w.svg) 0 0 no-repeat;
	height:25px;
	width:25px; 
}
.interna .redes ul li a.link {
	background-position:-85px 0px;
}
.home .redes ul li a.you {
	background-position:-177px -10px;
}
.interna .redes ul li a.flic {
	background-position:-103px 0px;
}

.interna .redes ul li a.pin {
	background-position:-177px -48px;
}

.interna footer .redesn {
	display: flex;
    padding: 0rem 0 10rem 0;
    justify-content: center;
}
.interna footer .redesn span {
	background: url(../images/misc/assets.png) -279px -9px no-repeat;
	height: 84px;
	left: 90px;
	position: absolute;
	top: 27px;
	width: 70px;
}
.interna .redesn ul {
	overflow:hidden;
}
.interna .redesn ul li {
	float:left;
	padding:5px;
}
.interna .redesn ul li a {
	background:url(../images/misc/socialNetworks_2022_negro.png) 0 0 no-repeat;
	height:29px;
	width:29px;
}
.interna .redesn ul li a.face {
	background-position:0px 0px;
}
.interna .redesn ul li a.twt {
	background-position:-27px 0px;
}
.interna .redesn ul li a.ins {
	background-position:-56px 0px;
}
.interna .redesn ul li a.link {
	background-position:-85px 0px;
}
.home .redesn ul li a.you {
	background-position:-177px -10px;
}
.interna .redesn ul li a.flic {
	background-position:-103px 0px;
}

.interna .redesn ul li a.pin {
	background-position:-177px -48px;
}
.general{
	/* overflow:hidden; */
}
.general .redes {
	float:right;
	padding:25px 0 20px 0;
}
.general .container {
	overflow:hidden;
}
.general .share {
	color:#FFFFFF;
	margin: 20px 0 0 80px;
	padding:0;
	position:relative;
	width:140px;
}
.general .share h3 {
	border-bottom:1px solid #505050;
	font-size:1.2em;
	font-weight:700;
	letter-spacing:0.1em;
	margin-bottom:10px;
	padding-bottom:10px;
}
.general .share span.globo {
	background: url(../images/misc/assets.png) -279px -9px no-repeat;
	height: 84px;
	position: absolute;
	right: -19px;
	top: -60px;
	width: 70px;
}
.general .share li{
	margin-bottom:10px;
}
.general header {
	margin-left:20px;
	width:830px;
}
.general header h1 {
	font-family: 'Merriweather Sans', sans-serif;
	font-size: 1.3em;
	font-weight:800;
	letter-spacing: 0.1em;
	padding-bottom: 6px;
}
.general header h2 {
	color:#FFFFCC;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2.4em;
	font-style:italic;
	font-weight:700;
	padding-bottom: 7px;
}
.general header p {
	color: #FFF;
    font-family: 'Eczar', serif;
    font-weight: 400;
    letter-spacing: 0.15rem;
    font-size: 1.3rem;
    line-height: 2.95rem;
    padding: 3rem 0;
}

/*4. Clientes*/
.clientes {
	color:#FFFFFF;
}
.clientes figure {
	float:left;
	width:300px;
}
.clientes figure figcaption {
	color:#999999;
	background:#000000;
	font-size:1.2em;
	font-style:italic;
	height:24px;
	letter-spacing:0.1em;
	line-height: 1.1em;
	padding:13px;
}
.clientes figure.item_2 {
	margin:0 20px;
}
.clientes .contenedor {
	background:url(../images/misc/bg_clientes.gif) top left repeat-y;
	margin:30px 0;
	overflow:hidden;
	padding:15px 0 20px 0;
}
.clientes article {
	float:left;
	padding-left:20px;
	width:140px;
}
.clientes article.item_1 {
	padding-left:0;
	width:140px;
}
.clientes article h2 {
	color:#FFFFCC;
	font-family: 'Merriweather Sans', sans-serif;
	font-size:1.3em;
	font-weight:800;
	letter-spacing: 0.1em;
	padding-bottom:20px;
}
.clientes article h3 {
	color:#FFFFCC;
	font-size:1.2em;
	font-weight:700;
	letter-spacing:0.1em;
	padding-bottom: 20px;
}
.clientes article li {
	color: #999999;
	font-size: 1.2em;
	letter-spacing: 0.1em;
	line-height: 1.2em;
	padding-bottom: 15px;
}

/*5. Contacto*/
.contacto {
	color:#FFFFFF;
}
.contacto .contenedor {
	width:700px;
}
.contacto .contenedor aside {
	margin-right:20px;
	padding:0 0 20px 0;
	width:140px;
}
.contacto .contenedor .info_2 {
	width:200px;
}
.contacto .info_3 {
	padding:0;
}
.contacto .contenedor .redes {
	float:none;
	overflow:hidden;
	padding:3px 0 0 0;
}
.contacto .contenedor .redes ul {
	overflow:hidden;
	padding:0;
}
.contacto .contenedor .redes li {
	float:left;
	padding-right:5px;
}
.contacto .contenedor .redes li a {
	background:url(../images/misc/assets.png) 0 0 no-repeat;
	height:21px;
	width:21px;
}
.contacto .contenedor .redes li a.face {
	background-position: -374px -13px;
}
.contacto .contenedor .redes li a.twt {
	background-position: -399px -13px;
}
.contacto .contenedor .redes li a.link {
	background-position: -424px -13px;
}
.contacto .contenedor .redes li a.pin {
	background-position: -449px -13px;
}
.contacto .contenedor article {
	float:left;
	margin-right:20px;
	width:140px;
}
.contacto .contenedor article h2 {
	font-family: 'Merriweather Sans', sans-serif;
	font-size:1.3em;
	font-weight:800;
	padding-top:10px;
}
.contacto .contenedor article h3 {
	font-size:1.3em;
	font-style:italic;
}
.contacto .contenedor article a {
	color: #66CCFF;
	font-size: 1.3em;
}
.contacto .contenedor article h4 {
	font-size:1.3em;
	font-weight:700;
}
.contacto .contenedor article .redes {
	padding-top:7px;
}
.contacto form {
	padding:60px 0;
	width:460px;
}
.contacto form p {
	overflow:hidden;
	padding-bottom:13px;
}
.contacto form label {
	display:block;
	float:left;
	font-size: 1.3em;
	font-weight: 700;
	letter-spacing: 0.1em;
	padding: 6px 10px 0 0;
	text-align:right;
	width:140px;
}
.contacto form .obl{
	color: #FF0000;
	display:none;	
}
.contacto form input[type=text], .contacto form textarea {
	background-color: #666666;
	border: 0 none;
	color: #FFFFFF;
	float: right;
	font-size: 1.4em;
	height: 27px;
	padding: 0 5px;
	width: 300px;
}
.contacto form textarea {
	height:150px;
	padding:6px 5px;
	resize: none;
}
.contacto form input[type=button] {
	background: url(../images/misc/assets.png) -103px -98px no-repeat;
	border:0 none;
	height:27px;
	width:140px;
}

/*5.1. Lightbox*/
.black_overlay {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
.white_content {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50%;
	height: 50%;
	padding: 16px;
	
	background-color: white;
	z-index:1002;
	overflow: auto;
}

/*6. Mundo*/
.mundo {
	color:#FFFFFF;
}
.mundo_header #header  {
	position: absolute;
	top: 0;
	padding: 0 6rem 0 2rem;
	width: -webkit-fill-available;
	margin-top: -34rem;
	/* margin-top: -26rem; */
}
.mundo .redes ul {
	float:right;
}
.mundo .redes p {
	float: left;
	font-size: 1.2em;
	font-style: italic;
	letter-spacing:0.1em;
	padding:4px 15px 0 0;
	text-align: right;
}
.mundo .redes p a {
	color:#66CCFF;
	font-style:normal;
}
.mundo header h3 {
	font-size:1.2em;
	font-weight: 700;
	letter-spacing: 0.1em;
	padding-bottom:5px;
}
.mundo header ul li {
	color: #66CCFF;
	font-size: 1.2em;
	letter-spacing: 0.1em;
	padding-bottom:3px;
}
.mundo header ul li a {
	color:#66CCFF;
}
.mundo header {
	padding-bottom:3rem;
}
.mundo article {
	padding-bottom:10px;
}
.mundo article h5 {
    font-family: 'Dongle', sans-serif;
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: 1.5rem;
    padding-bottom: 14px;
    text-transform: uppercase;
    text-align: center;
}
.mundo article h5 > span {
	background-color: #000000;
    padding: 0 3rem;
}
.mundo article hr {
	height: 1px;
    border: none;
    margin: -2.7rem 1rem 2rem 1rem;
	
}
.mundo article ul li {
	color:#CCCCCC;
	display: inline-block;
	margin: 1.5rem 0 5rem 0;
	padding-left: 17px;
	position: relative;
	width: 31%;
	vertical-align: top;
}
.mundo article ul li:after {
	clear:inherit;
}
.mundo article ul li a {
	display: block;
	width: 100%;
}
.mundo article ul li .pronto{
	background: url(../images/misc/proyecto-en-desarrollo.png) 0 0 no-repeat;
	height: 88px;
	left: 0;
	position: absolute;
	top: -10px;
	width: 89px;
	display: block;
}
.mundo article ul li img {
	margin-bottom:13px;
	width: 100%;
}
.mundo article li h2 {
	color:#51a5ab;
	display:inline;
	font-family: 'Eczar', serif;
	font-weight: 600;
	font-size:1.2em;
	height:auto;
	letter-spacing: 0.1em;
	line-height: 1.1em;
	padding: 15px 0 3px 0;
	width:auto;
}
.mundo article li h2 a {
	transition: color 0.75ms ease-out;
}
.mundo article li h2 a:hover, .mundo article li h3 a:hover {
	transition: color 0.75ms ease-in;
	color:#64bdc3;
}
.mundo article li h4 {
	font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.1rem;
    line-height: 1.25rem;
}
.mundo article li h3, .mundo article h3, .mundo article li h3 a {
	font-family: 'Open Sans', sans-serif;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1rem;
    padding-bottom: 0.5rem;
}
.mundo article li h3 em {
	font-weight:normal;
}
.mundo_footer h5 {
	color: #FFFFFF;
	font-size: 1.2em;
	font-weight: 700;
	letter-spacing: 0.1em;
	padding: 15px 0 10px 160px;
}

/*7. Animaciones*/
@keyframes hoverspan {
	 0% {
		opacity:0;
	}
	 100% {
		opacity:1;
	}
}
@-webkit-keyframes hoverspan /* Safari and Chrome */ {
	 0% {
		opacity:0;
	}
	 100% {
		opacity:1;
	}
}

/*8. Proyecto*/

.proyecto {
    display: flex;
    flex-direction: column;
}
.proyecto_header #header {
	position: absolute;
	top: 0;
	padding: 0 6rem 0 3rem;
	width: -webkit-fill-available;
	/* background-color: yellowgreen; */
	z-index: 100;
	margin-top: -26rem;
}
.pHeaderInt {
	margin-top: 6rem;
}
.proyecto .share{
	margin-left:0;
}
.proyecto .principal{
	/* padding:50px 0 20px 0px; */
	position:relative;
	width: 100%;
	margin-bottom: 3rem;
	margin-top: -6rem;
}
/* .principal {
	margin-top: -4rem;
} */
.proyecto .principal article{
	padding:0 3rem;
	width:600px;
}
.proyecto .principal article figure{
	height:auto;
	padding-bottom:50px;
	width:380px;
}
.proyecto .principal article header{
	margin:0 0 10px 0;
	padding-bottom:10px;
}
.proyecto .principal h1 {
	color: #ffffff;
    font-family: 'Eczar', serif;
    font-size: 6.5rem;
    line-height: 6rem;
    padding-bottom: 3rem;
    letter-spacing: 0.2rem;
    padding-top: 0.85rem;
    width: 80%;
}
.proyecto .principal h2{
	font-family: 'Eczar', serif;
    color: #00b0bd;
    font-size: 2em;
    font-style: normal;
	line-height: 3rem;
}
.proyecto .principal h2 em{
	font-weight:normal;
}
.proyecto .principal h4{
	font-family: 'Eczar', serif;
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 200;
    line-height: 1.5rem;
    margin-bottom: 3rem;
}
.proyecto .principal ul{
	padding-bottom:3px;
}
.proyecto .principal li a{
	color:#66CCFF;
	font-size:1.3em;
	letter-spacing:0.1em;
}
/*Para contenidos - Gestor*/
.proyecto .principal p{
	font-family: 'Eczar', serif;
    color: #ffffff;
    font-size: 1.3rem;
    line-height: 1.6em;
    padding-bottom: 3rem;
}
.proyecto .principal p a{
	color:#CCCCCC;
	font-weight:700;
}
.proyecto .principal h3 {
	color: #FFFFFF;
	font-size: 1.4em;
	font-weight: 700;
	padding-bottom: 10px;
}
.proyecto .principal blockquote {
	font-size:1.3em;
	padding-bottom:20px;
}
/**/
.proyecto .principal .extra{
	bottom:0;
	position:absolute;
	right:0;
	width:140px;
}
.proyecto .second .intro{
	margin-bottom:10px;
	padding-bottom:10px;
}
.proyecto .second .intro ul{
	display: inline-block;	
	overflow:hidden;
}
.proyecto .second .intro ul li{
	display:block;
	float:left;
	height:17px;
	padding-right:5px;
}
.proyecto .second .intro p{
	color: #CCCCCC;
	display: inline-block;
	font-size: 1.2em;
	font-style: italic;
	letter-spacing: 0.1em;
	padding-left:5px;
}
.proyecto .col_a{
	float: left;
    padding: 0 0 1rem 1rem;
    width: 32%;
}
.proyecto .col_a article{
	padding-bottom:10px;
}
.proyecto .col_a.col_1{
	padding-left:0;
}
.proyecto .col_a img{
	display:block;
	width: 100%;
}
.proyecto .second .info{
	background:#000;
	margin-top:1px;
	padding:15px 15px 15px 30px;
	position:relative;
	width:175px;
}
.proyecto .second .info a{
	color: #66CCFF;
	font-size: 1.2em;
	letter-spacing: 0.1em;
}
.proyecto .second .info h3, .proyecto .second .info h4{
	color:#FFFFFF;
	font-size: 1.2em;
	letter-spacing: 0.1em;
}
.proyecto .second .info h4{
	font-style:italic;
}
.proyecto .second .info span{
	display:block;
	height:17px;
	left:10px;
	position:absolute;
	top:10px;
	width:16px;
}

/*9. Resultados*/
.resultados .mundo_header{
	position:relative;
}
.resultados .proyecto header h1{
	color:#FFFFFF;
}
.resultados .proyecto header h1 strong{
	color:#FF0000;
}
.resultados .share{
	margin-left:80px;
}

/*10. Equipo*/
.equipo .mundo_header {
position: relative;
}
.equipo header h1{
	color:#FFFFFF;
}
.equipo .row{
	overflow:hidden;
	width:960px;
}
.equipo .row img{
	display:block;
} 
.equipo .row article, .equipo .row figure{
	float:left;
	margin:10px;
}
.equipo .row article {
	color:#FFFFFF;
	float:left;
	width:140px;
}
.equipo .row article h2 {
	font-family: 'Merriweather Sans', sans-serif;
	font-size:1.3em;
	font-weight:800;
	padding-top: 8px;
}
.equipo .row article h3 {
	font-size:1.3em;
	font-style:italic;
	line-height: 1.3em;
}
.equipo .row article a {
	color: #66CCFF;
	font-size: 1.3em;
}
.equipo .row article h4 {
	font-size:1.3em;
	font-weight:700;
}
.equipo .row article .redes {
	padding-top: 3px;
}
.equipo .row .redes {
	float:none;
	overflow:hidden;
	padding:3px 0 0 0;
}
.equipo .row .redes ul {
	overflow:hidden;
	padding:0;
}
.equipo .row .redes li {
	float:left;
	padding-right:5px;
}
.equipo .row .redes li a {
	background:url(../images/misc/assets.png) 0 0 no-repeat;
	height:21px;
	width:21px;
}
.equipo .row .redes li a.face {
	background-position: -374px -13px;
}
.equipo .row .redes li a.twt {
	background-position: -399px -13px;
}
.equipo .row .redes li a.link {
	background-position: -424px -13px;
}
.equipo .row .redes li a.pin {
	background-position: -449px -13px;
}
.equipo .container_2{
	margin:0 auto;
	width:1024px;
}
.equipo .row .fg_group{
	width:140px;
}
.equipo .row .fg_group img:first-child{
	padding-bottom:20px;
}
.equipo footer{
	margin-top:45px;
}

/*11. Slider interno*/
.bx-viewport .bxslider{
	margin:0 auto;
	display: flex;
    justify-content: space-around;
}
/*12. Share*/
.pluginCountButton, .pluginCountButtonNub {
	display:none;
}

/* ------------------- Responsive ----------------------*/
@media (max-width:5000px) {
	.bxslider  {
		height: 520px;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.bxslider img {
		width: 100%;
	}
}
@media (max-width:1920px) {
	.bxslider  {
		height: 520px;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.bxslider img {
		width: auto;
		height: 520px;
	}
}
@media (max-width:1440px) {
	.bxslider  {
		height: 430px;
		overflow: hidden;
		display: flex;
		flex-direction: row;
		justify-content: center;
	}
	.bxslider img {
		width: auto;
		height: 430px;
	}
	.mundo_header #header {
		margin-top: -31rem;
	}
	.containerMundo {
		margin-top: 9rem;
	}
	.containerProyecto {
		margin-top: 10rem;
	}
	.proyecto_header #header {
		padding: 0 5rem 0 2rem;
		margin-top: -29rem;
	}
	.general {
		overflow: visible;
	}
	.proyecto {
		display: flex;
		flex-direction: column;
	}
	.proyecto .principal {
		margin-top: -10rem;
	}
	.internix {
		z-index: 10;
	}
	.internix_proy {
		z-index: 10;
		margin-top: -1rem;
	}
	.internix_logo {
		z-index: 10;
	}
}

@media (max-width:1224px) {
	.mundo_header #header {
		margin-top: -30rem;
	}
	.btnMMenu {
		position: absolute;
		display: block;
		margin-top: 2rem;
	}
	.menuInternas { 
		margin-top: -6rem;
	}
	.menuInternasP { 
		margin-top: -7.5rem;
	}
	.home header .main_menu, .mundo_header .main_menu, .interna .main_menu  {
		width: auto;
		float: left;
		margin: 10rem 5rem;
		font-size: 0rem;
		display: flex;
    	flex-direction: column;
	}
	.home header .main_menu li a em, .interna .main_menu li a em {
		font-size: 3rem;
	}
	.home header .main_menu ul, .mundo header .main_menu ul, .interna header .main_menu ul {
		list-style: none;
		width: 100%;
		display: flex;
		align-items: center;
		flex-direction: column;
	}
	.home header .redes ul, .mundo_header .main_menu .redes ul, .interna .main_menu .redes ul  {
		display: flex;
		flex-direction: row;
		margin-top: 5rem;
		height: 5rem;
	}
	.home header .redes ul li, .mundo_header .main_menu .redes ul li {
		background-position: 0px 0px;
		scale: 1.5;
		margin: 0 1rem;
	}
	.mundo_header .main_menu ul {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.cMHeader {
		display: block;
		padding: 160px 0px 61px;
		position: fixed;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		z-index: -1;
		background-color: #000;
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.25s ease, visibility 0.25s ease;
	}
	.mmenuOpen .pageHeader.smallHeader {
		top: 0px;
	}
	.mmenuOpen .cMHeader {
		opacity: 1;
		visibility: visible;
		display: flex;
		flex-direction: column;
	}
	#header .cMHeader { 
		z-index: 1;
	}
	.mmenuOpen .mainMenu,
	.mmenuOpen .mainMenu_2 {
		transform: scale(1);
		transition: transform 0.25s ease;
	}
	.mmenuOpen .mainMenu > ul li > ul,
	.mmenuOpen .mainMenu_2 > ul li > ul {
		opacity: 1;
		visibility: visible;
	}
	.mmenuOpen .extraMH {
		transition: transform 0.25s ease;
	}

	.bxslider  {
		height: 380px;
		overflow: hidden;
		display: flex;
		flex-direction: row;
		justify-content: center;
	}
	.bxslider img {
		width: auto;
		height: 380px;
	}
	.container {
		width: 95%;
		margin: 2rem auto 2rem;
	}
	.containerMundo, .containerProyecto {
		margin-top: -4rem;
		width: auto;
		/* background-color: aqua; */
		min-height: 304px;
	}
	.home header .main_menu li {
		padding: 0 10px;
	}
	.home header .redes {
		padding: 0 3.5rem 0 1.5rem;
	}
	.containerMundo > h1 {
		margin-top: 13rem;
		font-size: 2.5rem;
	}
	.containerProyecto > h1 {
		margin-top: -4rem;
		font-size: 3rem;
		height: auto;
	}
	.containerMundo > h2, .containerProyecto > h2 {
		font-size: 6rem;
    	line-height: 5rem;
		width: 95%;
	}
	.interna .numeros {
		padding: 3rem 3rem 2rem;
	}
	.interna .main_menu li {
		padding: 0 10px;
	}
	.container_Proy {
		margin: 20rem 1rem 0 0.75rem;
		width: 100%;
	}
	.proyecto .principal article {
		padding: 0 3rem;
		/* width: 500px; */
		width: 46rem;
	}
	.proyecto .principal h1 {
		font-size: 6rem;
		line-height: 5rem;
		padding-bottom: 1rem;
	}
	.proyecto .principal h4 {
        width: 610px;
    	font-size: 1.35rem;
	}
	.proyecto .principal p {
		font-size: 1.2rem;
	}
	.interna .main_menu {
		/* margin-right: -3rem; */
	}
	.general header {
		width: 65%;
	}
	.containerProyecto {
		overflow:auto;
		margin-top: 13rem;
	}
	.proyecto .principal {
		padding: 0px 2rem 20px;
		margin-top: -6rem;
	}
	.proyecto_header #header {
		padding: 0 3rem 0 1rem;
        margin-top: -24rem;
        width: 100%;
	}
}
	
@media (max-width:1024px) {
	.bx-viewport {
		height: 320px!important;
	}
	.menuPos {
		top: 18%;
	}
	.proyecto .principal article {
		/* width: 400px; */
		width: 32rem;
	}
	.mundo_header #header {
		margin-top: -26rem;
	}
	.menuInternas {
		margin-top: 2.5rem;
	}
	.menuInternasP {
		margin-top: 2.5rem;
	}
	.general header p {
        font-size: 2rem;
    }
	.interna .numeros > h4 {
		font-size: 1.5rem;
		line-height: 1.75rem;
	}
	.containerMundo h1 {
		padding-top: 2rem !important;
		font-size: 2rem;
		line-height: 1.25rem;
		/* background-color: #FF0000; */
	}
	.containerMundo > h2, .containerProyecto > h2 {
		font-size: 5.5rem;
		line-height: 4.5rem;
		margin-top: 1rem;
		/* background-color: aquamarine; */
	}
	.mundo article li h2 {
		font-size: 2.5rem;
		letter-spacing: 0rem;
	}
	.mundo article li h3, .mundo article h3, .mundo article li h3 a {
		font-size: 1.5rem;
	}
	.mundo article li h4 {
		font-size: 1.5rem;
		line-height: 2.25rem;
	}
	.proyecto .principal p {
        font-size: 2rem;
    }
	.mundo article ul li {
		width: 47%;
	}
}

@media (max-width:950px) {
	.interna .numeros {
		padding: 3rem 1rem 2rem 4rem;
		width: 95%;
		display: flex;
		flex-direction: row;
		height: 100px;
		align-content: flex-start;
		align-items: flex-start;
	}
	.interna .numeros {
		padding: 3rem 1rem 2rem 4rem;
		width: 95%;
		display: flex;
		flex-direction: row;
		height: 100px;
		align-content: flex-start;
		align-items: flex-start;
	}
	.interna .numeros > h3 {
		height: 120px;
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		margin: -3rem 2rem 0 0;
	}
	.interna .numeros > h4 {
		width: 60%;
	}
	.general header {
		width: 100%;
	}
	.contenedor img {
		width: 90%;
	}
}

@media (max-width:894px) {
	.mundo_header #header {
		margin-top: -31rem;
	}
	
	.interna .numeros > h3 {
		font-size: 7rem;
	}
	.interna .numeros {
		
	}
	.bx-viewport {
		height: 280px!important;
	}
	.containerMundo, .containerProyecto {
		margin-top: -4rem;
	}
	.containerMundo > h2, .containerProyecto > h2 {
		margin-top: 1rem;
		line-height: 6rem;
		width: 96%;
		font-size: 7rem;
		letter-spacing: 0.35rem;
	}
	.proyecto .principal article {
		width: 320px;
	}
	/* .mundo article ul li {
		width: 47%;
	} */
	.proyecto .principal h4 {
		font-size: 1.65rem;
		line-height: 2rem;
	}
	.proyecto .principal h1 {
		padding-top: 1rem;
	}
	.menuInt {
		top: 33%;
	}
	.proyecto .principal h1 {
		font-size: 4rem;
		line-height: 3.5rem;
		padding-bottom: 1rem;
	}
	.containerMundo > h2, .containerProyecto > h2 {
		margin-top: 0rem;
		line-height: 4rem;
		font-size: 5rem;
	}
	.mundo_header #header {
		margin-top: -24rem;
	}
	.menuInternasP {
		margin-top: 5.5rem;
	}
	.proyecto .principal h4 {
		font-size: 1.25rem;
		line-height: 1.5rem;
		width: 420px;
		margin-bottom: 1rem;
	}
	.proyecto .principal p {
		font-size: 1rem;
	}
}

@media (max-width:767px) {
	.containerProyecto {
		width: 100%;
		margin-top: 12rem;
	}
	.mundo article ul li {
		width:46%;
	}
	.general header p {
		line-height: 2.5rem;
		font-size: 1.45rem;
		letter-spacing: 0.15rem;
		padding: 1rem 0 2rem;
	}
	.general header {
		width: 100%;
	}
	.containerMundo > h2, .containerProyecto > h2 {
		line-height: 4rem;
		width: 100%;
		font-size: 4.5rem;
		letter-spacing: 0.1rem;
	}
	.containerMundo > h1 {
		margin-top: 26rem;
	}
	.proyecto .principal h1 {
		font-size: 4.5rem;
		line-height: 3rem;
		letter-spacing: 0.15rem;
	}
	.proyecto .principal h4 {
		font-size: 1.35rem;
		line-height: 1.95rem;
		width: 634px;
	}
	.proyecto .principal p {
		width: 100%;
	}
	.proyecto .col_a {
		float: left;
		padding: 0 0 1rem 1rem;
		width: 100%;
	}
	.proyecto .principal article {
		width: 100%;
		margin-top: 3rem;
		padding: 0;
	}
	.mundo_footer img {
		width: 100%;
	}
	.proyecto .principal {
		width: 87%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.proyecto .principal img {
		width: 100%;
	}
	.proyecto .col_a {
		padding: 0;
	}
	.bx-wrapper .bx-viewport ul li {
		width: auto;
	}
	.menuInternasP {
		margin-top: 2.5rem;
	}
	.containerProyecto > h1 {
		margin-top: -5rem;
		font-size: 2rem;
		line-height: 1.5rem;
	}
	.proyecto .principal h2 {
		font-size: 1.75em;
	}
}

@media (max-width:676px){
	.containerMundo > h2 {
		margin-left: 2rem;
		letter-spacing: 0.16rem;
	}
}
@media (max-width:482px) {
	.mundo article ul li {
		width: 45%;
	}
}
@media (max-width:386px) {
	.mundo article ul li {
		width: 42%;
	}
}