*{
	padding: 0;
	margin: 0;
	font-family: raleway;
}

body{
	background-color: #000;
}

.contenido{
	margin-top: 11vh;
}

.container-full{
	overflow: hidden;
}

.container-full .dd{
	width: 100%;
	height: 50vh;
	position: relative;
	background-image: url(../images/3D.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	-moz-background-attachment: fixed;
	-webkit-background-attachment: fixed;
	-o-background-attachment: fixed;
}
.container-full .mothion{
	width: 100%;
	height: 50vh;
	position: relative;
	background-image: url(../images/mothion.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	-moz-background-attachment: fixed;
	-webkit-background-attachment: fixed;
	-o-background-attachment: fixed;
}
.container-full .ra{
	width: 100%;
	height: 50vh;
	position: relative;
	background-image: url(../images/ra.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	-moz-background-attachment: fixed;
	-webkit-background-attachment: fixed;
	-o-background-attachment: fixed;
}
.container-full .videomapping{
	width: 100%;
	height: 50vh;
	position: relative;
	background-image: url(../images/mapping.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	-moz-background-attachment: fixed;
	-webkit-background-attachment: fixed;
	-o-background-attachment: fixed;
}
.container-full .vr{
	width: 100%;
	height: 50vh;
	position: relative;
	background-image: url(../images/vr.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	-moz-background-attachment: fixed;
	-webkit-background-attachment: fixed;
	-o-background-attachment: fixed;
}
.container-full .diseño{
	width: 100%;
	height: 50vh;
	position: relative;
	background-image: url(../images/diseño.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	-moz-background-attachment: fixed;
	-webkit-background-attachment: fixed;
	-o-background-attachment: fixed;
}


.container-full .dd span{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block;	
}
.container-full .mothion span{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block;	
}
.container-full .ra span{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block;	
}
.container-full .videomapping span{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block;	
}
.container-full .vr span{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block;	
}
.container-full .diseño span{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block;	
}


.container-full span{
	color: white;

}





.container-full .uno_info,
.container-full .tres_info,
.container-full .cinco_info{
	width: 50%;
	height: 50vh;
	position: absolute;
	left: 100%;
}

.container-full .dos_info,
.container-full .cuatro_info,
.container-full .seis_info{
	width: 50%;
	height: 50vh;
	position: absolute;
	left: -50%;
}

.container-full .uno_info,
.container-full .tres_info,
.container-full .cinco_info,
.container-full .dos_info,
.container-full .cuatro_info,
.container-full .seis_info{
	background-color: rgba(0,0,0,.8);
}


.info{
	text-align: center;
}



.container-full .header{
	background-color:black;
	position: fixed;
	z-index: 100;
	height: 80px;
	width: 100%;
	box-shadow: 0px 20px 50px 5px black ;
}

.back{
	
	
	width: 100px;
	height: 80px;
	left: 5%;
	top: 25%;
	text-align: center;
	cursor: pointer;
	opacity: 1;
	position: absolute;
	
	
}

.back p{
	font-size: .7em;
	color: white;


}

.back img{
	width: 30%;
	
}


.next{
	
	right: 5%;
	top: 25%;
	width: 100px;
	height: 80px;
	text-align: center;
	cursor: pointer;
	opacity: 1;
	position: absolute;
	
	
}

.next p{
	font-size: .7em;
	color: white;


}

.next img{
	width: 30%;
	
}


.header .logo{
	
	left: 50%;
	width: 100px;
	height: 80px;
	top: 50%;
	transform: translate(-50%, -25%);
	text-align: center;
	cursor: pointer;
	opacity: 1;
	position: absolute;
}




.header .logo img{
	width: 100%;
	
}


.preloader_main{
	width: 100%;
	height: 100vh;
	position: fixed;
	z-index: 999;
	background-color: black;

}

.preloader_main .text_preloader{
	color: #fff;
	font-size: 12.5vw;
	font-weight: 900;
	letter-spacing: 15px;
	position: absolute;
	top: 30%;
	left: 50%;
	transform: translate(-50%, -50%);
	
	
}

.preloader_main .text_preloader span{
	background: url(../images/clip.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-repeat: no-repeat;
	-webkit-background-position: center;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	-moz-text-fill-color: transparent;
	-moz-background-clip: text;
	-o-text-fill-color: transparent;
	-o-background-clip: text;
	text-fill-color: transparent;
	background-clip: text;
	

}

.line{
	width: 70%;
	height: 5px;
	background-color: gray;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 15px;
	z-index: 999;

}




.preloader1{
	width: 100%;
	height: 100vh;
	background-color: #000;
	z-index: 999999;
	position: fixed;

}

.preloader2{
	width: 400vh;
	height:300vh;
	background-color: #FFFDE7;
	z-index: 99999;
	position: fixed;
	transform: translate(-50%, -50%) rotate(45deg);

}


.uno,.dos,.tres,.cuatro,.cinco,.seis{
	font-size: 2em;
	font-weight: 600;
	text-align: center;

	background: rgba(0,0,0,.6);
	padding: 5px 20px;
}





@media screen and (max-width: 699px) {
	
	
	.contenido .mothion .dos,
	.contenido .videomapping .cuatro,
	.contenido .diseño .seis
	{
		left: 75%;
	}

	.contenido .dd .uno,
	.contenido .ra .tres,
	.contenido .vr .cinco
	{
		left: 25%;
	}


	.contenido .dos_info,
	.contenido .cuatro_info,
	.contenido .seis_info{
		left: 0%;
	}
	.contenido .uno_info,
	.contenido .tres_info,
	.contenido .cinco_info{
		left: 50%;
	}

	.contenido .vr{
		background-position: left;
	}		
	
}


@media screen and (max-width: 689px) {
	.contenido .mothion .dos,
	.contenido .videomapping .cuatro,
	.contenido .diseño .seis,
	.contenido .dd .uno,
	.contenido .ra .tres,
	.contenido .vr .cinco
	{
		font-size: 1.5em;
	}
}

@media screen and (max-width: 669px) {
	.text_preloader span{
		letter-spacing: 5px;
		font-size: 1em;
	}
}

@media screen and (max-width: 562px) {
	.contenido .mothion .dos,
	.contenido .videomapping .cuatro,
	.contenido .diseño .seis,
	.contenido .dd .uno,
	.contenido .ra .tres,
	.contenido .vr .cinco
	{
		font-size: 1.3em;
	}
}

@media screen and (max-width: 457px) {
	
	.back{
		width: 12%;
		font-size: .9em;
	}
	.next{
		width: 12%;
		font-size: .9em;
	}
}