a, button, input {
	outline: none !important
}

.container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
	max-width: 1920px;
	margin-left: 0
}

body {
	
}
img{
	max-width: 100%;
}
.onlymobile{
	display: none;
}
.onlydesktop{
	display: block;
}
@media(max-width:768px){
	.onlymobile{
		display: block;
	}
	.onlydesktop{
		display: none;
	}
}
#banner img{
	width: 100%;
	height: 100vh;
	object-position: center;
	object-fit: cover;
}
@media(max-width:768px){
	#banner img{
		height: auto;
	}
}
section {
	background: url(../imagens/bg-conteudo.jpg) no-repeat center #0c0c0c;
	background-size: cover;
	width: 100%;
	display: block;
	margin: 0 auto;
	position: relative;
}
section:after{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
}
section.lastblock:after{
	background: rgba(0, 0, 0, 0.6);
}
section .conteudo{
	max-width: 1140px;
	display: block;
	margin: 0 auto;
	padding: 140px 0;
	position: relative;
	z-index: 2;
}
input {
	max-width: 80%;
	font-size: 20px;
	text-align: center;
	color: #fff;
	font-family: 'NexaLight';
	width: 500px;
	height: 50px;
	border: 1px solid #fff;
	border-radius: 30px;
	background: transparent;
	display: block;
	margin: 0 auto;
	margin-bottom: 10px
}

ul.redes-sociais {
	padding: 0px;
	margin: 0;
	list-style: none;
	width: 100%;
	text-align: center;
	margin-bottom: 45px
}

ul.redes-sociais li {
	display: inline-block;
	margin: 0 10px
}

ul.redes-sociais li img, ul.redes-sociais li svg {
	width: 48px
}

img.edicao, svg.edicao {
	right: 45px;
	position: absolute;
	top: 40px
}

img.logo, svg.logo {
	max-width: 50%;
	min-width: 260px;
	width: 446px;
	margin: 0 auto;
	padding-top: 78px;
	margin-bottom: 10px;
	display: block
}

img.ano, svg.ano {
	width: 178px;
	margin: 0 auto;
	margin-bottom: 65px;
	display: block
}

strong {
	font-size: 38px;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 10px;
	letter-spacing: 5px;
	color: #fff;
	font-family: 'NexaBold';
	display: block
}

h1 {
	font-size: 42px;
	margin-bottom: 65px;
	color: #fff;
	font-family: 'NexaBold';
	letter-spacing: 5px;
	width: 100%;
	text-align: center;
}

p {
	font-size: 22px;
	margin-bottom: 10px;
	color: #fff;
	font-family: 'NexaLight';
	letter-spacing: 5px;
	width: 100%;
	text-align: center;
}
p strong{
	font-family: 'NexaBold';
	color: #e52124;
	font-size: 24px;
}
p b{
	font-family: 'NexaBold';
	color: #fff;
	font-size: 24px;
}

a{
	margin: 0 auto;
	margin-top: 35px;
	display: block;
	text-align: center;
	font-family: 'NexaBold';
	font-size: 22px;
	color: #fff;
	width: max-content;
	max-width: 95%;
	padding: 10px 35px;
	border-radius: 30px;
	background: #e52124;
	color: #fff;
	text-decoration: none !important;
	transition: all 0.6s ease;
	font-size: 22px;
	animation: shake-horizontal 1.8s cubic-bezier(.36,.07,.19,.97) infinite;
}
@keyframes shake-horizontal {
	0%, 100% { transform: translateX(0); }
	10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); }
	20%, 40%, 60%, 80% { transform: translateX(5px); }
}

a:hover{
	background: url(../imagens/favicon.png) no-repeat center #e52124;
	background-size: cover;
	color: #fff;
}

.contador {
	max-width: 100%;
	display: block;
	margin: 0 auto;
	margin-bottom: 65px
}

.contador span {
	font-size: 35px;
	font-family: 'NexaLight';
	color: #fff;
	display: block;
	text-align: center;
	width: 100%;
	line-height: 35px
}

.contador span.strong {
	font-size: 150px;
	font-family: 'NexaBold';
	color: #fff;
	display: block;
	text-align: center;
	width: 100%;
	line-height: 150px
}

.contador .item {
	float: left;
	width: calc(100% / 4 - 20px);
	margin: 0 10px
}
h2,h3{
	color: #FFF;
	width: 100%;
	text-align: center;
	font-family: 'NexaBold';
	font-size: 35px;
	margin-top: 120px;
	margin-bottom: 120px;
}
h3 img{
	display: block;
	width: 400px;
	max-width: 80%;
	margin: 0 auto;
}
form {
	width: 100%;
	text-align: center;
	margin-bottom: 45px
}
svg.logorodape{
	width: 320px;
	max-width: 80%;
	display: block;
	margin: 0 auto;
	margin-top: 120px;
	padding-bottom: 45px
}
h2,h3{
    text-transform: uppercase;
}
p.itensevento{
	color: #FFF;
	width: 100%;
	font-family: 'NexaBold';
	font-size: 25px;
	text-align: left;
	margin-bottom: 100px
}
ul.participantes{
	list-style: none;
	padding: 0;
	margin: 0;
}
ul.participantes li{
	display: inline-block;
	background: #2d2d2d;
	text-align: center;
	padding: 40px 25px;
	border-radius: 25px;
}
ul.participantes li img.redes{
	width: 26px;
	display: inline-block;
	margin: 0 5px;
}
ul.participantes li img.perfil{
	display: block;
	margin: 0 auto;
	margin-bottom: 20px;
	max-width: 260px;
}
ul.participantes li strong{
	color: #FFF;
	width: 100%;
	text-align: center;
	font-family: 'NexaBold';
	font-size: 22px;
	display: block;
	margin: 0 auto;
	margin-bottom: 35px;
}
ul.participantes li strong span{
	font-family: 'NexaLight';
}
ul.participantes li p{
	font-family: 'NexaLight';
	color: #FFF;
	width: 100%;
	text-align: center;
	font-size: 16px;
	margin: 0 auto;
	margin-bottom: 35px;
	max-width: 100% !important;
	min-height: 120px;
}

@media(max-width:1240px) {
	img.edicao, svg.edicao {
		right: 15px !important
	}

}

@media(max-width:980px) {
	section .conteudo{
		padding: 60px 15px !important;
	}
	img.edicao, svg.edicao {
		display: none
	}

	.contador .item {
		float: left;
		width: calc(100% / 2 - 20px);
		margin: 0 10px
	}
}

@media(max-width:520px) {
	section {
		max-width: 100%;
		overflow: hidden
	}
	.contador span.strong{
		font-size: 60px;
		line-height: 80px;
	}
	.contador .item {
		float: left;
		width: 100%;
		margin: 0 10px;
		margin-bottom: 15px
	}

	input {
		font-size: 16px !important
	}

	::placeholder {
		font-size: 16px
	}

	:-ms-input-placeholder {
		font-size: 16px
	}

	::-ms-input-placeholder {
		font-size: 16px
	}

}
.preparese{
			width: 960px; max-width: 95%; display: block; margin:0 auto;
		}
		.preparese img.logopreparese{
			width: 100%; display: block; margin: 0 auto;margin-top: 45px;
		}
		.preparese p{
			float: left; max-width: 348px; color: #00615b; font-size: 21px; font-family: 'NexaBold'; text-align: right; letter-spacing: 0px; margin-top: 25px; margin-left: -30px;
		}
		.preparese .mockup{
			background: url(../imagens/mockup.png); background-size: contain; width: 320px; height: 640px; float: left; margin-left: 30px;
		}
		.preparese .mockup strong{
			color: #00615b; font-size: 21px; font-family: 'NexaBold'; margin-top: 470px; text-transform: uppercase; letter-spacing: 1px;
		}
		.preparese .mockup a{
			background: rgb(0, 247, 186); background: -moz-linear-gradient(90deg, rgba(0, 247, 186, 1) 0%, rgba(0, 163, 155, 1) 100%); background: -webkit-linear-gradient(90deg, rgba(0, 247, 186, 1) 0%, rgba(0, 163, 155, 1) 100%); color: #000; font-family: 'NexaBold'; font-size: 19px; width: 240px; display: block; line-height: 50px; margin:0 auto; border-radius: 30px; text-align: center; text-transform: uppercase; color: #FFF; text-decoration: none;
		}
		.preparese .mockup img{
			display: block; margin:0 auto; margin-top: 5px;
		}
		.topicos{
			float: left; width: 292px; padding-left: 24px;
		}
		.topicos ul{
			list-style: none; margin: 0; padding: 0; padding-top: 390px;
		}
		.topicos ul li{
			display: block; color: #00615b; font-size: 15px; font-family: 'NexaBold'; text-align: left; letter-spacing: -1px; margin-bottom: 15px; padding-left: 40px; width: 100%; position: relative;
		}
		.topicos ul li:nth-child(1) strong{
			color: #00615b; margin-right: 15px; font-size: 62px; position: absolute; left: 0; top: 0px; margin: 0px; width: auto; height: auto; line-height: initial;
		}
		.topicos ul li:nth-child(2) strong{
			color: #00615b; margin-right: 15px; font-size: 62px; position: absolute; left: -8px; top: 0px; margin: 0px; width: auto; height: auto; line-height: initial;
		}
		.topicos ul li:nth-child(3) strong{
			color: #00615b; margin-right: 15px; font-size: 62px; position: absolute; left: -5px; top: 0px; margin: 0px; width: auto; height: auto; line-height: initial;
		}
		.preparese center{
			font-size: 30px; font-family: 'NexaLight'; margin-top: 45px; margin-bottom: 45px;
		}
		.topicos ul li:nth-child(3){
		    padding-top: 14px;
		}
		@media(max-width:1100px) {
			.preparese p{
				max-width: 100%;
				width: 100%;
				text-align: center;
				margin-bottom: 45px;
				margin-left:0px;
    			float: none;
			}
			.preparese .mockup{
				float: none;
				margin: 0 auto;
			}
			.preparese .mockup strong{
				margin-top: 0px;
				padding-top: 470px;
			}
			.topicos {
			    float: none;
			    margin: 0 auto;
			    width: 292px;
			    padding-left: 0px;
			}
			.topicos ul{
			    padding-top: 45px;
			    margin: 0 auto;
			    float: none;
			}
		}