*{
	margin:0px;
	line-height: initial;
	font-family: "NexaLight";
	padding: 0px;
}


img{
	max-width: 100%;
}

body{
	/*opacity: 0;*/
	background-color: #000;
}


section{
	overflow: hidden;
}







@keyframes lee{
	0%{
		transform: scale(1);
	}
	20%{
		transform: scale(1);
	}
	40%{
		transform: scale(1.1);
	}
	50%{
		transform: scale(1);
	}
	60%{
		transform: scale(1.1);
	}
	80%{
		transform: scale(1); 
	}
	100%{
		transform: scale(1);
	}
}


.loading{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #000;
	width: 100%;
	height: 100vh;
	position: fixed;
	z-index: 11;
	top: 0;
	left: 0;
}

.loading img{
	position: relative;
	z-index: 1;
	transform: scale(1);
	transition: 0.3s;
	animation: lee linear 1s infinite;
}


.container{
	max-width: 1440px;
	width: 95%;
	transition: 2.5s;
	margin: 0 auto;
}


@keyframes pisca{
	0%{
		background-image: url('../imgs/fundo.jpg');
	}
	1%{
		background-image: url('../imgs/fundos.jpg');
	}
	60%{
		background-image: url('../imgs/fundos.jpg');
	}
	70%{
		background-image: url('../imgs/fundo.jpg');
	}
	80%{
		background-image: url('../imgs/fundos.jpg');
	}
	85%{
		background-image: url('../imgs/fundo.jpg');
	}
	90%{
		background-image: url('../imgs/fundos.jpg');
	}
	100%{
		background-image: url('../imgs/fundo.jpg');	
	}
}


@keyframes pisca2{
	0%{
		opacity: 0;
	}
	1%{
		opacity: 0;
	}
	60%{
		opacity: 0;
	}
	70%{
		opacity: 1;
	}
	80%{
		opacity: 0;
	}
	88%{
		opacity: 1;
	}
	94%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}

#vive-virtual{
	width: 100%;
	overflow: hidden;
	height: 100vh;
	position: relative;
}

#vive-virtual:after{
	content: '';
	display: block;
	position: absolute !important;
	bottom: 0;
	width: 100%;
	height: 200px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#140404+0,000000+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(20,4,4,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(20,4,4,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(20,4,4,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00140404', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	z-index: 2;
}

#vive-virtual .box-fundo{
	background-image: url('../imgs/fundo.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	animation: pisca 1s linear alternate;
	position: absolute !important;
	transform: scale(1.1);
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 0;
}


#vive-virtual .box-vive{
	position: relative !important;
	margin: 0 auto;
	padding-top: 5vh; 
	display: flex !important;
	flex-wrap: wrap;
	justify-content: flex-end;
	z-index: 6;
	width: 978px;
}

#vive-virtual .box-vive .logo{
	text-align: center;
	width: 100%;
}

#vive-virtual .box-vive .logo img{
	width: 150px;
}

#vive-virtual .box-vive .box-all-info{
	width: 45%;
	margin-top: 100px;
}

#vive-virtual .box-vive .box-all-info .box-info{
	margin-bottom: 20px;
	opacity: 0;
	transition: 0.3s;
	position: relative;
}

@keyframes arrows{
	0%{
		opacity: 1;
	}
	50%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}

#vive-virtual .box-vive .box-all-info .box-info span.arrow1{
	display: block;
	position: absolute;
	width: 60px;
	height: 80px;
	background-image: url(../imgs/arrow.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	top: -25px;
	left: -50px;
	animation: arrows 1s linear  0.4s alternate infinite;
}

#vive-virtual .box-vive .box-all-info .box-info span.arrow2{
	display: block;
	position: absolute;
	width: 60px;
	height: 80px;
	background-image: url(../imgs/arrow.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	top: -25px;
	left: -70px;
	animation: arrows 1s linear  0.2s alternate infinite;
}

#vive-virtual .box-vive .box-all-info .box-info span.arrow3{
	display: block;
	position: absolute;
	width: 60px;
	height: 80px;
	background-image: url(../imgs/arrow.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	top: -25px;
	left: -90px;
	animation: arrows 1s linear alternate infinite;
}

#vive-virtual .box-vive .box-all-info .box-info h3{
	color: #fff;
	font-family: 'Montserrat-Thin';
	text-transform: uppercase;
	font-size: 24px;
	letter-spacing: 14px;
}

#vive-virtual .box-vive .box-all-info .box-chamada h1{
	font-family: 'Montserrat-black';
	color: #fff;
	font-size: 50px;
	letter-spacing: 3px;
}

#vive-virtual .box-vive .box-all-info .form-registrar p{
	font-family: 'Montserrat-regular';
	color: #fff;
	font-size: 14px;
	margin: 20px 0;
}


#vive-virtual .box-vive .box-all-info .form-registrar .box-input{
	position: relative;
}


#vive-virtual .box-vive .box-all-info .form-registrar .box-input:before{
	content: '';
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	font-family: 'Montserrat-Medium';
	display: block;
	display: flex;
	font-size: 12px;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	background-color: #ff58ed;
	color: #fff;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateX(89deg) translateZ(-20px); 
	transform: rotateX(89deg) translateZ(-20px);
	padding: 0 10px;
	z-index: 1;
}

#vive-virtual .box-vive .box-all-info .form-registrar .box-input.active:before{
	-webkit-transform: rotateX(0deg) translateZ(0px); 
	transform: rotateX(0deg) translateZ(0px);
}


#vive-virtual .box-vive .box-all-info .form-registrar .box-input.success:before{
	content: 'Você foi registrado com sucesso!';
}

#vive-virtual .box-vive .box-all-info .form-registrar .box-input.error:before{
	content: 'Ops, ocorreu um problema, tente mais tarde!';

}

#vive-virtual .box-vive .box-all-info .form-registrar form input[type='text']{
	width: 100%;
	font-family: 'Montserrat-light';
	box-sizing: border-box;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transform-style: preserve-3d; 
	transform-style: preserve-3d;
	border: 0px solid #fff;
	-webkit-transform: rotateX(0deg) translateZ(0px); 
	transform: rotateX(0deg) translateZ(0px);
	font-style: italic;
	outline: none !important;
	border: 2px solid #fff;
	padding: 10px 10px;
}


#vive-virtual .box-vive .box-all-info .form-registrar .box-input.active  input[type='text']{
	-webkit-transform: rotateX(89deg) translateZ(20px); 
	transform: rotateX(89deg) translateZ(20px);
}

#vive-virtual .box-vive .box-all-info .form-registrar .box-input label.error{
	position: absolute;
	bottom: -18px;
	left: 0;
	color: red;
	font-family: 'Montserrat-regular';
	font-size: 12px;
}

#vive-virtual .box-vive .box-all-info .form-registrar .box-input input.error{
	border: 2px solid red;
	box-sizing: border-box;
}

#vive-virtual .box-vive .box-all-info .form-registrar form .box-btn-submit{
	text-align: right;
	margin-top: 20px
}

#vive-virtual .box-vive .box-all-info .form-registrar form .box-btn-submit input{
	border: 3px solid #1cdade;
	outline: none !important;
	cursor: pointer;
	transition: 0.2s;
	color: #fb32e8;
	font-size: 18px;
	font-family: 'Montserrat-Medium';
	background-color: transparent;
	padding: 10px 30px;
}

#vive-virtual .box-vive .box-all-info .form-registrar form .box-btn-submit input:hover{
	background-color: #1cdade;
	box-shadow: 0 0 30px #1cdade;
	text-shadow: 0 0 10px #fb32e8;
}

@keyframes load{
	0%{
		transform: rotate(0);
	}
	100%{
		transform: rotate(360deg);
	}
}

#vive-virtual .box-vive .box-all-info .form-registrar form.loading-send .box-btn-submit input{
	font-size: 0;
	width: 45px;
	height: 45px;
	padding: 0;
	box-sizing: border-box;
	display: inline-block;
	border-radius: 50%;
	border-bottom-color: transparent;
	animation: load 1s linear infinite;
}

#vive-virtual .box-img-fundo{
	opacity: 0;
	animation: pisca2 1s linear 1s alternate;
	width: 100%;
	position: absolute;
	z-index: 1;
	margin: 0 auto;
	bottom: -50px !important;
	left: 0 !important;
	top: initial !important;
}

#vive-virtual .box-img-fundo .ajust-img{
	width: 978px;
	margin: 0 auto;
}



















@media(max-width: 1600px){
	#vive-virtual .box-img-fundo .ajust-img {
		width: 570px;
		position: relative;
		left: -215px;
	}
}

@media(max-width: 1440px){


	#vive-virtual .box-vive .logo img {
		width: 130px;
	}

	#vive-virtual .box-vive .box-all-info {
		margin-top: 70px;
	}

	#vive-virtual .box-vive .box-all-info .box-info {
		margin-bottom: 10px;
	}

	#vive-virtual .box-vive .box-all-info .box-chamada h1 {
		font-size: 42px;
	}

	#vive-virtual .box-img-fundo .ajust-img{
		width: 550px;
		position: relative;
		left: -150px;
	}
}


@media(max-width: 1366px){


	#vive-virtual .box-vive {
		width: 850px;
	}

	#vive-virtual .box-vive .box-all-info {
		margin-top: 36px;
	}

	#vive-virtual .box-vive .box-all-info .box-chamada h1 {
		font-size: 40px;
	}

	#vive-virtual .box-vive .logo img {
		width: 100px;
	}

	#vive-virtual .box-img-fundo .ajust-img {
		width: 460px;
	}

	#vive-virtual .box-vive .box-all-info .box-info span.arrow1,
	#vive-virtual .box-vive .box-all-info .box-info span.arrow2,
	#vive-virtual .box-vive .box-all-info .box-info span.arrow3 {
		width: 40px;
		height: 50px;
		top: -15px;
	}

	#vive-virtual .box-vive .box-all-info .box-info span.arrow1 {
		left: -40px;
	}

	#vive-virtual .box-vive .box-all-info .box-info span.arrow2 {
		left: -50px;
	}

	#vive-virtual .box-vive .box-all-info .box-info span.arrow3 {
		left: -60px;
	}

	#vive-virtual .box-vive .box-all-info .box-info h3 {
		font-size: 20px;
	}

	#vive-virtual .box-vive .box-all-info .form-registrar p{
		margin: 15px 0;
	}

	#vive-virtual .box-vive .box-all-info .form-registrar form .box-btn-submit input {
		font-size: 14px;
		padding: 8px 25px;
	}
}



@media(max-width: 978px){

	#vive-virtual{
		min-height: 480px;
		padding-bottom: 10px;  
		display: flex;

	}

	#vive-virtual .box-vive {
		width: 95%;
	}

	#vive-virtual .box-img-fundo .ajust-img {
		width: 360px;
	}

	#vive-virtual .box-vive .box-all-info .box-chamada h1 {
		font-size: 32px;
	}
}

@media(max-width: 500px){

	@keyframes pisca{
		0%{
			background-image: url('../imgs/fundo-mobile.jpg');
		}
		1%{
			background-image: url('../imgs/fundos.jpg');
		}
		60%{
			background-image: url('../imgs/fundos.jpg');
		}
		70%{
			background-image: url('../imgs/fundo-mobile.jpg');
		}
		80%{
			background-image: url('../imgs/fundos.jpg');
		}
		85%{
			background-image: url('../imgs/fundo-mobile.jpg');
		}
		90%{
			background-image: url('../imgs/fundos.jpg');
		}
		100%{
			background-image: url('../imgs/fundo-mobile.jpg');	
		}
	}

	#vive-virtual .box-vive .box-all-info{
		margin-top: 0px;
	}

	#vive-virtual .box-fundo {
		background-image: url(../imgs/fundo-mobile.jpg);
		background-size: contain;
		background-position: top center;
	}

	#vive-virtual .box-vive .box-all-info .box-info {
		margin-left: 50px;
	}

	#vive-virtual .box-img-fundo{
		display: none;
	}

	#vive-virtual .box-vive .box-all-info {
		width: 100%;
	}

	#vive-virtual .box-vive .box-all-info {
		padding-left: 0px;
	}

}