@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&family=Roboto:wght@100;300;900&display=swap');

body {
	background: #f6f3ee;
	font-weight: 300;
	font-family: 'Roboto', sans-serif;
	/* overflow-x: hidden; */
}


html, body {
    max-width: 100%;
	margin: 0 !important;
	padding: 0 !important;
    /* overflow-x: hidden; */
}


a,
a:visited {
	text-decoration: none !important;
}

br.responsive {
	display: inline;
}

/* ENTRADA */

#intro {
	background-color: #f1c053;
	background-position: top right;
	background-size: cover;
}

#intro-container{
	height: 75vh;
}

#supertitulo {
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
	font-size: 4rem;
	line-height: 4rem;
	word-spacing: -.3rem;
}

#introsub {
	font-size: 2rem;
	line-height: 2rem;
}

#intro-texto {
	font-size: 1.4rem;
	line-height: 2rem;
}

.divisoria {
	position: relative;
	bottom: -1px;
	filter: drop-shadow(0px -11px 6px rgba(68, 51, 8, 0.4));
}

@media (max-width: 768px) {

	br.responsive {
		display: none; 
	}

	#intro-container{
		height: 80vh;
	}
	
	#supertitulo {
		margin-top: 1rem;
		font-size: 3rem;
		line-height: 3rem;
		text-align: center;
	}

	#introsub {
		font-size: 1.3rem;
		line-height: 1rem;
		text-align: center;
	}

	#intro-texto{
		font-size: 1.1rem;
		line-height: 1.5rem;
	}

	.divisoria {
		height: 4rem;
	}

}

@media (max-width: 576px) {

	#intro-container{
		height: 90vh;
	}
	
	#supertitulo {
		margin-top: 1rem;
		font-size: 1.7rem;
		line-height: 1.8rem;
	}

	#introsub {
		font-size: 1.3rem;
		line-height: 1.4rem;
		font-weight: 300;
	}

	#intro-texto{
		font-size: 1.1rem;
		line-height: 1.6rem;
	}
	

}


@media (max-width: 375px) {

	#introsub {
		font-size: 1.2rem;
		line-height: 1.3rem;
	}


	#intro-texto{
		font-size: 1rem;
		line-height: 1.4rem;
	}

}





.divisoria {
	/* box-shadow: 10px 10px 5px #483811 inset; */
	position: relative;
	bottom: -1px;
	filter: drop-shadow(0px -11px 6px rgba(68, 51, 8, 0.4));
}

.separacao {
	filter: drop-shadow(0px -11px 6px #44330866);
	background-color: #f6f3ee;
	height: 20px;
}




.titulos {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 3rem;
	line-height: 3rem;
	font-weight: 700;
	display: block;
	letter-spacing: -0.02em;
	text-align: center;
	margin-bottom: .7rem;
}

.subtitulos {
	font-family: 'Roboto', sans-serif;
	font-size: 1.5rem;
	line-height: 1.5rem;
	display: block;
	font-weight: normal;
	letter-spacing: -0.02em;
	text-align: center;
	color: #303030;
}


@media (max-width: 768px) {

	.titulos {
		font-size: 2rem;
		line-height: 2rem;
	}
	.subtitulos {
		font-size: 1.1rem;
		line-height: 1.3rem;
	}

	.box-data {
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 1.3rem;
		display: block;
		font-weight: 400;
		letter-spacing: -0.01em;
		padding: .3rem 1rem .3rem 1rem;
		margin-bottom: 20px;
	}


}




/* Animated_tab */

.animated_tab {
	margin: 0 auto 0 auto;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
}

/* animated_tab li */
.animated_tab li {
	position: relative;
	display: inline-block;
}

/* animated_tab li a */
.animated_tab li a {
	display: block;
	color: #332e10;
	padding: 10px 26px;
	font-weight: bold;
	text-decoration: none;
}

/* animated_tab li active */
.animated_tab li.active a,
.animated_tab li:hover a {
	color: #ffffff;
}

/* animated_tab li before and after */
.animated_tab li.active:before,
.animated_tab li:hover:before,
.animated_tab li.active:after,
.animated_tab li:hover:after {
	background-color: #ffd900;
	position: absolute;
	width: 56px;
	height: 3px;
}

/* animated_tab li before */
.animated_tab li:before {
	content: "";
	transition: all 0.5s ease-in-out;
	top: 0px;
	right: 0px;
	width: 0px;

}

/* animated_tab li after */
.animated_tab li:after {
	content: "";
	transition: all 0.5s ease-in-out;
	left: 0px;
	bottom: 0px;
	width: 0px;

}

.offcanvas-body a:hover {
	color: #f1c053;
}




/* ANIMATED ARROW */

.stage {
	display: flex;
	height: 80px;
	width: 100%;
}

.boxseta {
	align-self: flex-end;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	height: 100px;
	margin: 0 auto 0 auto;
	transform-origin: bottom;
}

.bounce-7 {
	animation-name: bounce-7;
	animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1);
}

@keyframes bounce-7 {
	0% {
		transform: scale(1, 1) translateY(0);
	}

	10% {
		transform: scale(1.1, .9) translateY(0);
	}

	30% {
		transform: scale(.9, 1.1) translateY(-10px);
	}

	50% {
		transform: scale(1.05, .95) translateY(0);
	}

	57% {
		transform: scale(1, 1) translateY(-7px);
	}

	64% {
		transform: scale(1, 1) translateY(0);
	}

	100% {
		transform: scale(1, 1) translateY(0);
	}
}