@import "bootstrap-reboot.min.css";
@import "bootstrap-grid.min.css";
@import "bootstrap-utilities.min.css";
@import "auxlm.css";
@import "fonts/fonts.css";
@import "font-awesome/css/all.min.css";


/* ==========================================================================
   Site
   ========================================================================== */

:root {
	--stt: 0.625rem; /* 16 to 10 ratio */
	--font1: 'Montserrat';
	--preto: #000000;
}

html {
	font-size: 16px;
}

body {
	font-family: var(--font1), Arial, Helvetica, sans-serif;
	background: #fff;
	font-size: 10px;
	line-height: 1.4em;
	color: var(--preto);
}

a {
	color: inherit;
	outline: none !important;
	text-decoration: none;
}

	a:hover {
		color: inherit;
		text-decoration: none;
	}

	a:active,
	a:focus {
		color: inherit;
		text-decoration: none;
	}

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

ul, li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	display: block;
	font-weight: inherit;
	font-size: inherit;
	line-height: inherit;
}

p {
	margin: 0 0 1.4em 0;
	line-height: 1.4em;
}

	p:last-child {
		margin-bottom: 0 !important;
	}

/* *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* use if not include bootstrap */
/* background: linear-gradient(to right, #ffffff 0%,#000000 100%); */


.container, .container-fluid {
	position: relative;
	z-index: 10;
}

.container-taba {
	margin: auto;
	width: 100%;
	max-width: 1466px;
	padding: 0 25px;
	position: relative;
	z-index: 10;
}



#wrapper {
	position: relative;
	width: 100%;
	max-width: 4000px;
	margin: auto;
	overflow: hidden;
}



#header {
	position: relative;
	z-index: 4000;
	padding: 4.5em 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

	#header .container-taba {
		max-width: 970px;
	}

	#header .logo {
		padding-right: 3em;
	}

		#header .logo a {
			display: block;
		}

		#header .logo img {
			display: block;
			width: 8em;
			height: 8em;
		}

	#header .menu {
	}

		#header .menu > ul {
			display: flex;
			width: 100%;
			justify-content: space-between;
			font-size: 2em;
			font-weight: 500;
			text-transform: uppercase;
			white-space: nowrap;
			line-height: 2em;
		}

			#header .menu > ul > li {
			}

				#header .menu > ul > li > a {
					display: block;
					padding: 0 0.1em;
					position: relative;
				}

					#header .menu > ul > li > a:after {
						content: "";
						position: absolute;
						left: 0;
						bottom: 0.4em;
						width: 100%;
						height: 0.25em;
						background: var(--preto);
						opacity: 0;
						transition: all 0.2s;
					}

					#header .menu > ul > li > a:hover:after {
						opacity: 1;
						bottom: 0;
					}

	#header .lng {
		position: relative;
	}

		#header .lng > button {
			display: block;
			line-height: 2em;
			padding: 0 0.3em;
			border: none;
			background: none;
			text-transform: uppercase;
			font-size: 1.7em;
			font-weight: bold;
			transition: all 0.1s;
			color: inherit;
		}

			#header .lng > button i {
				transition: all 0.2s;
			}

		#header .lng > ul {
			position: absolute;
			right: 0;
			top: 100%;
			font-size: 1.7em;
			line-height: 1.3em;
			text-align: right;
			background: var(--preto);
			color: #fff;
			padding: 0.5em 1em;
			opacity: 0;
			visibility: hidden;
			transform: translateY(-0.2em);
			transition: all 0.2s;
		}

			#header .lng > ul > li {
			}

				#header .lng > ul > li > a {
					display: block;
					padding: 0.3em 0;
				}

.lng-open #header .lng > button {
	background: var(--preto);
	color: #fff;
}

	.lng-open #header .lng > button i {
		transform: scaleY(-1);
	}

.lng-open #header .lng > ul {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

#header .btn-menu-mobile {
	display: none;
}

#header .btn-menu-x {
	display: none;
}


.cor-preto {
	color: var(--preto) !important;
}

.cor-branco {
	color: #fff !important;
}

.bg-preto {
	background: var(--preto) !important;
}

.bg-branco {
	background: #fff !important;
}



.titulo {
	text-transform: uppercase;
	font-weight: 300;
	line-height: 1.075em;
}

	.titulo span {
		font-weight: 500;
	}

	.titulo strong {
		font-weight: 800;
	}

		.titulo strong strong {
			font-weight: 900;
		}

	.titulo.h1 {
		font-size: 12em;
	}

	.titulo.h2 {
		font-size: 6.7em;
	}

	.titulo.h3 {
		font-size: 5.8em;
	}

	.titulo.h4 {
		font-size: 4.1em;
	}

.box-titulo-borda {
	position: relative;
}

	.box-titulo-borda:before {
		content: "";
		position: absolute;
		left: -6em;
		width: 2.5em;
		height: 90%;
		top: 5%;
		background: var(--preto);
	}

.texto {
	font-size: 1.8em;
	line-height: 1.778em;
}

	.texto p {
		margin-bottom: 1.7em;
	}

	.texto h4 {
		font-size: 1.278em;
		text-transform: uppercase;
		margin-bottom: 1.39em;
	}

	.texto h5 {
		font-size: 1em;
		text-transform: uppercase;
		font-weight: bold;
	}

	.texto hr {
		display: block;
		border: none;
		position: relative;
		opacity: 1;
		width: 4.278em;
		border-top: solid 0.389em var(--preto);
		margin: 4.4em auto 1.778em 0;
	}

.texto-forte {
	font-size: 3.4em;
	font-weight: 900;
	line-height: 1.294em;
	text-transform: uppercase;
}

	.texto-forte p {
		margin-bottom: 1.1em;
	}


.btn1 {
	display: inline-block;
	font-size: 3em;
	font-weight: 500;
	color: #fff !important;
	background: var(--preto);
	line-height: 1em;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	border: none;
	padding: 0.5em 1em;
	min-width: 10.333em;
	transition: all 0.2s;
}

	.btn1:hover {
		filter: opacity(70%);
	}




.main {
	position: relative;
	z-index: 10;
}

.main-padding {
	padding: 16em 0;
}


.main-generica {
	padding: 36em 0 18em 0;
}

	.main-generica .container-taba {
		max-width: 1250px;
	}

	.main-generica .inner {
		padding: 0 6em;
	}



.pg-metodo #wrapper {
	transition: color 0.8s, background-color 0.8s;
}

.pg-metodo.dark #wrapper {
	color: #fff;
	background: var(--preto);
}

.main-metodo .container-taba {
	max-width: 1100px;
}

#metodo {
	padding: 68em 0 16em 0;
	background: url("/img/metodo_header.jpg") center top no-repeat;
	background-size: 223.8em auto;
}

	#metodo .box1 {
		margin: 0 0 21em 0;
	}

	#metodo .box2 {
		margin: 0 0 16em 0;
		padding: 0 0 0 8.6em;
		max-width: 92em;
	}

		#metodo .box2 p:first-child {
			position: relative;
		}

			#metodo .box2 p:first-child:before {
				content: "";
				position: absolute;
				left: -2.5em;
				top: 0;
				background: #EAEAEA;
				height: 100%;
				width: 0.706em;
			}

	#metodo .box3 {
		max-width: 69em;
		margin: 0 17em 0 auto;
	}

#metodo2 .box1 {
	margin: 0 0 0 8.6em;
	max-width: 87em;
}

#metodo3 {
}

	#metodo3 .pq {
	}

		#metodo3 .pq > ul {
			border-top: solid 2px #777;
		}

			#metodo3 .pq > ul > li {
				border-bottom: solid 2px #777;
			}

				#metodo3 .pq > ul > li h4 {
					padding: 1em 2.1em 1em 0;
					cursor: pointer;
					position: relative;
				}

					#metodo3 .pq > ul > li h4 svg {
						position: absolute;
						right: 0.4em;
						top: 50%;
						top: calc( 50% - 0.622em );
						width: 1.244em;
						height: 1.244em;
					}

					#metodo3 .pq > ul > li h4:before {
						position: absolute;
						content: "";
						width: 5px;
						height: 1.244em;
						top: calc( 50% - 0.622em );
						right: calc( 0.622em - 2.5px + 0.4em );
						background: var(--preto);
					}

				#metodo3 .pq > ul > li.open h4:before {
					display: none;
				}

				#metodo3 .pq > ul > li h4:after {
					position: absolute;
					content: "";
					width: 1.244em;
					height: 5px;
					top: calc( 50% - 2.5px );
					right: 0.4em;
					background: var(--preto);
				}

				#metodo3 .pq > ul > li .info {
					padding: 0 0 0 9em;
					transition: all 0.3s;
					overflow: hidden;
					max-height: 0;
				}

				#metodo3 .pq > ul > li.open .info {
					padding-bottom: 6em;
					max-height: 200vh;
				}

				#metodo3 .pq > ul > li .info p {
					font-size: 2.5em;
					line-height: 1.12em;
					font-weight: 500;
				}



#header.invertido {
	color: #fff;
}

	#header.invertido .logo {
		filter: invert(100%);
	}

.lng-open #header.invertido .lng > button {
	background: #fff;
	color: var(--preto);
}

#header.invertido .menu > ul > li > a:after {
	background: #fff;
}

#header.invertido .lng > ul {
	background: #fff;
	color: var(--preto);
}

#header.invertido .btn-menu-mobile, #header.invertido .btn-menu-mobile:hover, #header.invertido .btn-menu-mobile:active, #header.invertido .btn-menu-mobile:visited, #header.invertido .btn-menu-mobile:focus {
	color: #fff;
}


.pg-contato {
	background: var(--preto);
}

	.pg-contato #wrapper:after {
		content: "";
		position: absolute;
		right: 8.6em;
		bottom: 6em;
		width: 100%;
		height: 100%;
		z-index: -1;
		background: url("/img/contato_bg.svg") right bottom no-repeat var(--preto);
		background-size: 177.271em 95.209em;
	}

#contato {
	padding: 21em 0 12em 0;
	color: #fff;
}

	#contato .container-taba {
		max-width: 1400px;
	}

	#contato .contato {
		font-size: 2em;
		line-height: 2.5em;
		margin-bottom: 2.5em;
	}

		#contato .contato h5 {
			font-weight: bold;
		}

		#contato .contato p {
			line-height: inherit;
		}

	#contato .social ul {
		font-size: 3.5em;
		line-height: 1.8em;
		white-space: nowrap;
	}

		#contato .social ul li {
			display: inline-block;
			margin-right: 0.6em;
		}

			#contato .social ul li:last-child {
				margin-right: 0;
			}

			#contato .social ul li a {
				display: block;
			}




#trajetoria {
	height: 100vh;
	min-height: 77em;
	max-height: 108em;
	background: #efefef;
	max-width: 2500px;
	margin: auto;
}

	#trajetoria img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

#trajetoria2 .container-taba {
	max-width: 1190px;
}

#trajetoria2 .boxes {
	position: relative;
}

	#trajetoria2 .boxes:after {
		content: "";
		position: absolute;
		left: 0;
		bottom: 5em;
		width: 100%;
		height: 1em;
		background: #fff;
		z-index: 1000;
	}

#trajetoria2 .box {
	font-size: 2.2em;
	line-height: 1.1em;
	font-weight: 500;
	padding: 0 0 1.227em 0;
	margin: 0 0 2.4em 0;
	position: relative;
}

	#trajetoria2 .box:after {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		max-width: 3.18em;
		height: 0.227em;
		background: var(--preto);
	}

	#trajetoria2 .box strong {
		font-weight: 900;
	}

#trajetoria3 {
	padding: 9em 0 0 0;
}

	#trajetoria3 .inner {
		opacity: 0;
		transition: opacity 1s;
		transition-delay: 0.1s;
	}
	/* Edit - linha modificada  */
	#trajetoria3.touch-top .inner {
		opacity: 1;
	}
	/* Edit - linha substituida (.obs-visible-once por .touch-top)  */

	#trajetoria3 .mural {
		padding: 0 5px;
		position: absolute;
		left: 0;
		top: 0;
		z-index: -1;
		transition: opacity 1s;
		transition-delay: .1s;
	}
	/* Edit - linha modificada  */
	#trajetoria3.touch-top .mural {
		opacity: 0.05;
	}
	/* Edit - linha substituida (.obs-visible-once por .touch-top)  */
	#trajetoria3 .mural ul {
		display: block;
		overflow: hidden;
	}

		#trajetoria3 .mural ul li {
			display: block;
			float: left;
			width: 11.111%;
			padding: 0 5px;
			margin-bottom: 1.5em;
		}

			#trajetoria3 .mural ul li img {
				display: block;
				margin: auto;
				max-width: 100%;
			}

	#trajetoria3 .titulo-base {
		padding-left: 6em;
	}

	#trajetoria3 .menu {
		width: 100%;
		height: 31em;
		overflow: auto;
		direction: rtl;
		padding: 0 0 0 6em;
		margin-bottom: 15em;		
	}

		#trajetoria3 .menu::-webkit-scrollbar {
			width: 3em;
		}

		#trajetoria3 .menu::-webkit-scrollbar-thumb {
			background: rgba(0,0,0,0.1);
		}

		#trajetoria3 .menu::-webkit-scrollbar-button {
			height: 3em;
			background: url("/img/arrow_srcoll_up.svg") center center no-repeat;
			background-size: contain;
		}

			#trajetoria3 .menu::-webkit-scrollbar-button:vertical:increment {
				background-image: url("/img/arrow_scroll_down.svg");
			}

		#trajetoria3 .menu ul {
			font-size: 2.5em;
			text-transform: uppercase;
			font-weight: 500;
			line-height: 1.1em;
			direction: ltr;
		}

	#trajetoria3.loading .menu ul {
		pointer-events: none;
	}

	#trajetoria3 .menu ul li {
		border-bottom: solid 2px #333;
	}

		#trajetoria3 .menu ul li a {
			display: block;
			padding: 1.3em 0 0.5em 0;
		}

			#trajetoria3 .menu ul li a.open {
				font-weight: bold;
			}

	#trajetoria3 .box {
		background: var(--preto);
		color: #fff;
		padding: 4em;
		position: relative;
	}

		#trajetoria3 .box:after {
			content: "";
			position: absolute;
			width: 100vw;
			left: calc( 100% - 1px );
			top: 0;
			height: 100%;
			background: inherit;
		}

		#trajetoria3 .box .box-inner {
			position: relative;
			transition: opacity 0.2s;
		}

	#trajetoria3.loading .box .box-inner {
		opacity: 0.1;
	}

	#trajetoria3 .box .lista {
	}

		#trajetoria3 .box .lista ul {
			font-size: 2.1em;
			font-style: italic;
			line-height: 1.2em;
			columns: 2;
		}

			#trajetoria3 .box .lista ul li {
				margin: 0 0 1em 0;
			}

	#trajetoria3 .box .spinner {
		font-size: 4em;
		position: absolute;
		line-height: 1em;
		width: 3em;
		top: calc( 40% - 0.5em );
		left: calc( 50% - 1.5em );
		text-align: center;
	}

	#trajetoria3 .menu::-webkit-scrollbar {
		width: 1.9em;
	}

	#trajetoria3 .menu::-webkit-scrollbar-track {
		background: #fff;
		border: solid 0.3em var(--preto);
	}

#projetos {
	padding: 24em 0 14em 0;
	background: url("/img/projetos_header_bg.jpg") center bottom no-repeat #DADCE0;
	background-size: cover;
}

	#projetos .container-taba {
		max-width: 1150px;
	}

	#projetos .filtros {
		max-width: 94em;
		margin: auto;
	}

		#projetos .filtros h5 {
			font-size: 2.5em;
			font-weight: 500;
			line-height: 1.1em;
			margin-bottom: 0.7em;
			padding-left: 0.4em;
		}

		#projetos .filtros ul {
			font-size: 2em;
			font-weight: 500;
			line-height: 2.5em;
			white-space: nowrap;
			text-transform: uppercase;
		}

			#projetos .filtros ul li {
				margin-bottom: 0.6em;
			}

				#projetos .filtros ul li a {
					display: inline-block;
					position: relative;
					padding: 0 0.6em;
					transition: color 0.3s;
				}

					#projetos .filtros ul li a:after {
						content: "";
						position: absolute;
						left: 0.6em;
						bottom: 0;
						width: 3.5em;
						height: 2px;
						background: var(--preto);
						transition: all 0.2s;
						opacity: 0.5;
						z-index: -1;
					}

					#projetos .filtros ul li a:hover:after {
						width: calc( 100% - 1.2em );
						opacity: 1;
					}

					#projetos .filtros ul li a.open {
						color: #fff;
					}

						#projetos .filtros ul li a.open:after {
							width: 100%;
							left: 0;
							opacity: 1;
							height: 100%;
						}

#projetos2 {
}

	#projetos2 .inner {
		max-width: 1410px;
		margin: auto;
	}

	#projetos2 .projetos {
		overflow: hidden;
	}

		#projetos2 .projetos .projeto {
			display: block;
			float: left;
			width: 50%;
			background: #f4f4f4;
		}

			#projetos2 .projetos .projeto.off,
			#projetos2 .projetos .projeto.off-temp {
				display: none;
			}

			#projetos2 .projetos .projeto .imagem {
				display: block;
				position: relative;
				width: 100%;
				padding: 66% 0 0 0;
			}

				#projetos2 .projetos .projeto .imagem img {
					position: absolute;
					display: block;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					object-fit: cover;
				}

	#projetos2 .mais {
		text-align: center;
		padding: 8em 0 7em 0;
	}

		#projetos2 .mais.off {
			display: none;
		}

		#projetos2 .mais a {
			display: inline-block;
			font-size: 2.4em;
			font-weight: 500;
			opacity: 0.2;
			line-height: 1.6em;
			transition: all 0.2s;
		}

			#projetos2 .mais a i {
				transform: scale(1.4);
			}

			#projetos2 .mais a:hover {
				opacity: 0.7;
			}



#hero {
	color: #fff;
	position: relative;
	z-index: 10;
	min-height: 100vh;
}

	#hero:after {
		content: "";
		position: absolute;
		z-index: 100;
		width: 4px;
		height: 7em;
		background: #fff;
		background-image: url('/img/scrolldown3.gif');
		left: calc( 50% - 2px );
		bottom: 0;
	}

	#hero .pager {
		position: absolute;
		z-index: 110;
		left: 0;
		bottom: 12em;
		width: 100%;
		text-align: center;
	}

		#hero .pager > span {
			display: inline-block;
			width: 1.4em;
			height: 1.4em;
			border-radius: 0.7em;
			border: solid 1px #fff;
			text-align: left;
			text-indent: -9999px;
			cursor: pointer;
			margin: 0 0.8em;
			transition: all 0.2s;
		}

			#hero .pager > span.cycle-pager-active {
				background: #fff;
			}

	#hero .footer {
		position: absolute;
		z-index: 100;
		left: 0;
		bottom: 0;
		width: 100%;
		padding: 0 1.5rem 4em 1.5rem;
	}

		#hero .footer .container-taba {
			max-width: 1180px;
		}

		#hero .footer .inner {
			max-width: calc( 50% - 1.5rem );
		}

		#hero .footer .social h5 {
			font-size: 1.6em;
			line-height: 1.3em;
			white-space: nowrap;
			text-align: left;
		}

		#hero .footer .social ul {
			font-size: 3em;
			line-height: 1em;
			white-space: nowrap;
		}

			#hero .footer .social ul li {
				display: inline-block;
				margin-right: 0.3em;
			}

				#hero .footer .social ul li:last-child {
					margin-right: 0;
				}

				#hero .footer .social ul li a {
					display: block;
				}

		#hero .footer .assinatura {
			text-align: center;
			font-size: 1.6em;
			font-weight: 300;
			line-height: 1.2em;
		}

	#hero .slides {
		overflow: hidden;
		position: relative;
		z-index: 10;
		width: 100%;
	}

		#hero .slides .slide {
			position: relative;
			overflow: hidden;
			width: 100%;
		}

			#hero .slides .slide .container-taba {
				max-width: 1340px;
			}

			#hero .slides .slide .bg {
				position: absolute;
				z-index: -1;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
			}

				#hero .slides .slide .bg img {
					position: absolute;
					display: block;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					object-fit: cover;
					z-index: 1;
				}

				#hero .slides .slide .bg video {
					position: absolute;
					display: block;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					object-fit: cover;
					z-index: 2;
				}

			#hero .slides .slide .inner {
				display: flex;
				padding: 20em 0 20em 0;
				min-height: 100vh;
				justify-content: center;
			}

	#hero .slide1 .titulo {
		font-size: 11.5em;
		line-height: 1.167em;
		margin-bottom: 0.2em;
	}

	#hero .slide1 h2 {
		font-size: 2.7em;
		line-height: 1.2em;
		text-transform: uppercase;
		font-weight: 900;
		letter-spacing: -0.015em;
	}

	#hero .slide1 .logo {
	}

		#hero .slide1 .logo img {
			display: block;
			width: 41em;
			filter: invert(100%);
			margin: auto;
		}

	#hero .slide2 .titulo {
		font-size: 4.9em;
		letter-spacing: -0.015em;
		line-height: 1.27em;
	}

	#hero .slide3 .titulo {
		font-size: 7.8em;
		line-height: 1.148em;
	}

	#hero .slide4 .titulo {
		font-size: 7.2em;
		line-height: 1.143em;
		margin-bottom: 0.6em;
	}

	#hero .slide4 .logo img {
		width: 41em;
		filter: invert(100%);
		margin: auto;
		display: block;
	}

	#hero .btn-hero {
		display: inline-block;
		background: #F8D202;
		color: var(--preto);
		font-size: 3em;
		padding: 0.5em 1.5em;
		line-height: 1.1em;
		border: none;
	}

		#hero .btn-hero:hover {
			filter: brightness(1.1);
		}



#home1 {
}

	#home1 .projeto {
		position: relative;
	}

		#home1 .projeto .imagem {
			position: absolute;
			z-index: -1;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
		}

			#home1 .projeto .imagem img {
				display: block;
				position: absolute;
				z-index: -1;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				object-fit: cover;
			}

		#home1 .projeto .container-taba {
			max-width: 1630px;
			display: flex;
			min-height: calc( 100vh - 50px );
			padding: 8.5em 1.5rem;
			align-items: flex-end;
		}

		#home1 .projeto .box {
		}

			#home1 .projeto .box h1 {
				font-size: 6.5em;
				font-weight: bold;
				line-height: 1.11em;
				position: relative;
				padding: 0 0 0.3em 0;
				margin: 0 0 0.35em 0;
				text-transform: uppercase;
			}

				#home1 .projeto .box h1:after {
					content: "";
					position: absolute;
					left: 0;
					bottom: -2px;
					width: 1.7em;
					height: 5px;
					background: var(--preto);
				}

		#home1 .projeto.cor-branco .box h1:after {
			background: #fff;
		}

		#home1 .projeto .box h2 {
			font-size: 4em;
			font-weight: bold;
			line-height: 1.1em;
			position: relative;
			margin: 0 0 0.35em 0;
		}

		#home1 .projeto .box h3 {
			font-size: 4em;
			font-weight: 300;
			line-height: 1.1em;
			position: relative;
		}

		#home1 .projeto .imagemmob {
			display: none;
		}

#home2 {
	text-align: center;
}

	#home2 .container-taba {
		max-width: 1200px;
	}

@media (min-width: 1400px) {
	#home2 {
		padding: 18em 0;
	}
}


#footer {
	position: relative;
	z-index: 100;
}

	#footer .container-taba {
		max-width: 970px;
	}

	#footer .footer1 {
		background: #EAEAEA;
		padding: 7em 0 9em 0;
	}

		#footer .footer1 .logo {
			padding-right: 2em;
		}

			#footer .footer1 .logo a {
				display: block;
			}

			#footer .footer1 .logo img {
				display: block;
				width: 7.5em;
				height: 7.5em;
				margin: auto;
			}

		#footer .footer1 .menu {
		}

			#footer .footer1 .menu > ul {
				display: flex;
				width: 100%;
				justify-content: space-between;
				font-size: 2em;
				font-weight: 500;
				text-transform: uppercase;
				white-space: nowrap;
				line-height: 2em;
			}

				#footer .footer1 .menu > ul > li {
				}

					#footer .footer1 .menu > ul > li > a {
						display: block;
						padding: 0 0.1em;
						position: relative;
					}

						#footer .footer1 .menu > ul > li > a:after {
							content: "";
							position: absolute;
							left: 0;
							bottom: 0.4em;
							width: 100%;
							height: 0.25em;
							background: var(--preto);
							opacity: 0;
							transition: all 0.2s;
						}

						#footer .footer1 .menu > ul > li > a:hover:after {
							opacity: 1;
							bottom: 0;
						}

		#footer .footer1 .menu2 {
			transform: translateY(3.5em);
		}

			#footer .footer1 .menu2 ul {
				font-size: 1.6em;
				line-height: 1.1em;
				text-align: right;
			}

				#footer .footer1 .menu2 ul li {
					margin-bottom: 1em;
					font-size: 0.85em;
				}

					#footer .footer1 .menu2 ul li:last-child {
						margin-bottom: 0;
					}

					#footer .footer1 .menu2 ul li a {
						display: inline-block;
					}

						#footer .footer1 .menu2 ul li a:hover {
							text-decoration: underline;
						}

	#footer .footer2 {
		background: var(--preto);
		padding: 6em 0;
		color: #fff;
	}

		#footer .footer2 .telefone {
			text-transform: uppercase;
			font-size: 2em;
			font-weight: 300;
			line-height: 1.3em;
			letter-spacing: 0.085em;
		}

			#footer .footer2 .telefone strong {
				font-weight: bold;
				padding-right: 0.4em;
				white-space: nowrap;
			}

			#footer .footer2 .telefone a {
				white-space: nowrap;
			}

		#footer .footer2 .social {
		}

			#footer .footer2 .social h5 {
				font-size: 1.6em;
				line-height: 1.3em;
				white-space: nowrap;
				text-align: right;
			}

			#footer .footer2 .social ul {
				font-size: 3em;
				line-height: 1em;
				white-space: nowrap;
			}

				#footer .footer2 .social ul li {
					display: inline-block;
					margin-right: 0.3em;
				}

					#footer .footer2 .social ul li:last-child {
						margin-right: 0;
					}

					#footer .footer2 .social ul li a {
						display: block;
					}



#lgpd {
	position: fixed;
	right: 0;
	bottom: 0;
	width: 100%;
	max-width: 83em;
	background: var(--preto);
	color: #fff;
	padding: 1.5em 3em;
	z-index: 5000;
	transition: all 0.3s;
	display: none;
}

.ready #lgpd {
	display: block;
}

#lgpd.remover {
	right: -100vw;
	opacity: 0;
	visibility: hidden;
}

.lgpd-aceito #lgpd {
	display: none !important;
}

#lgpd p {
	font-size: 1.4em;
	line-height: 1.3em;
}

#lgpd .btn1 {
	font-size: 1.9em;
	background: #F8D202;
	color: var(--preto) !important;
	min-width: 0;
}



/* ==========================================================================
   Resposive (desktop first)
   ========================================================================== */


/* xxl */
@media (min-width: 1400px) {
}

/* xl */
@media (max-width: 1399px) {
	body {
		font-size: 9px;
	}

	#trajetoria3 .mural ul li {
		width: 12.5%;
	}
}

/* lg */
@media (max-width: 1199px) {
	body {
		font-size: 8px;
	}

	#trajetoria3 .mural ul li {
		width: 14.28%;
	}

	#hero .slide1 .titulo {
		font-size: 10em;
	}

	#hero .slide4 .titulo {
		font-size: 6.8em;
	}
}

/* md */
@media (max-width: 991px) {
	body {
		font-size: 7px;
	}

	#trajetoria3 .mural ul li {
		width: 16.66%;
	}

	#home1 .projeto .container-taba {
		min-height: 70vh;
		font-size: 0.8em;
	}

	#hero .slide1 .titulo {
		font-size: 9em;
	}

	#hero .slide4 .titulo {
		font-size: 6.5em;
	}

	#hero .slide1 .logo img,
	#hero .slide4 .logo img {
		width: 38em;
	}
	#trajetoria3 {
		padding: 9em 0 36em 0;
	}
}

/* sm */
@media (max-width: 767px) {
	body {
		font-size: 8px;
	}

	.titulo.h1 {
		font-size: 9em;
	}

	.titulo.h2 {
		font-size: 5.5em;
	}

	.titulo.h3 {
		font-size: 4.4em;
	}

	.titulo.h4 {
		font-size: 3.6em;
	}

	.box-titulo-borda:before {
		display: none;
	}

	.texto-forte {
		font-size: 3em;
	}

	#header {
		padding: 20px 0;
	}

		#header .logo img {
			width: 70px;
			height: 70px;
		}

		#header .btn-menu-mobile {
			display: block;
			margin: 0 0 0 auto;
			background: none;
			padding: 0;
			border: none;
			font-size: 30px;
		}

		#header .menu {
			position: fixed;
			right: 0;
			top: 0;
			height: 100vh;
			background: var(--preto);
			color: #fff;
			padding: 4.5rem 0 1.5rem 0;
			overflow: auto;
			max-width: 100vw;
			transition: all 0.3s;
			opacity: 0;
			visibility: hidden;
			transform: translateX(100vw);
			white-space: nowrap;
			width: 56vw;
		}

	.menu-mobile-open {
		overflow: hidden;
	}

		.menu-mobile-open #header .menu {
			opacity: 1;
			visibility: visible;
			transform: translateX(0);
		}

	#header.mobile-invertido .menu {
		color: var(--preto);
		background: #fff;
	}

	#header .menu .btn-menu-x {
		display: block;
		background: none;
		border: none;
		padding: 35px 1.5rem 10px 10px;
		color: inherit;
		font-size: 30px;
		position: absolute;
		right: 0;
		top: 0;
	}

	#header .menu > ul {
		display: block;
		font-size: 18px;
		text-align: right;
	}

		#header .menu > ul > li {
			display: block;
		}

			#header .menu > ul > li > a {
				display: block;
				padding: 0 1.5rem 0 3rem;
			}

	#header .menu .menu2 {
		padding: 10px 1.5rem 25px 1.5rem;
	}

		#header .menu .menu2 ul {
			text-align: right;
			font-size: 18px;
			line-height: 1.2em;
		}

			#header .menu .menu2 ul a {
				padding: 0.4em 0;
				display: block;
			}

	#header .menu .social {
		bottom: 105px;
		right: 10px;
		position: absolute;
		max-width: 100%;
	}

		#header .menu .social ul {
			text-align: right;
			font-size: 35px;
			line-height: 1em;
			padding: 0 1.5rem;
		}

			#header .menu .social ul li {
				/*display: inline-block;*/
				display: block;
				/*margin-right: 15px;*/
				margin-top: 40px;
				text-align: center;
			}

				#header .menu .social ul li:last-child {
					margin-right: 0;
				}

				#header .menu .social ul li a {
					/*display: block;*/
					display: inline;
				}


	.main-padding {
		padding: 10em 0;
	}

	.main-generica {
		padding: 30em 0 12em 0;
	}

		.main-generica .inner {
			padding: 0 0;
		}

	#metodo {
		padding: 48em 0 12em 0;
		background-size: 160em auto;
	}

		#metodo .box3 {
			margin-right: 0;
		}

	#metodo2 .box1 {
		margin-left: 0;
	}

	#trajetoria {
		height: 90vw;
		min-height: 0;
		max-height: none;
		margin-top: 15vw;
	}

		#trajetoria:before {
			content: "";
			background: #f3f3f3;
			position: absolute;
			left: 0;
			top: -15vw;
			height: 20vw;
			width: 100%;
			background: linear-gradient(to bottom, rgb(242,242,244) 0%,rgb(242,242,244) 75%, rgba(242,242,244,0) 100%);
		}

	#trajetoria3 .mural ul li {
		width: 20%;
	}

	#trajetoria3 .titulo-base {
		padding: 0;
		text-align: center;
	}

	#trajetoria3 .mobile-menu {
		margin-bottom: 5em;
	}

		#trajetoria3 .mobile-menu select {
			border: solid 2px var(--preto);
			background: none;
			font-size: 20px;
			display: block;
			width: 100%;
			padding: 0.4em 1em;
		}

	#trajetoria3 .box:after {
		display: none;
	}

	#projetos .filtros {
		font-size: 0.9em;
	}

	#hero {
		font-size: 0.7em;
	}

		#hero:after {
			display: none;
		}

		#hero .footer {
			display: none;
		}

		#hero .slides .slide .inner {
			padding-bottom: 10em;
		}

		#hero .pager {
			bottom: 5em;
		}

		#hero .slide {
			text-align: center;
		}

		#hero .slide1 .logo img {
			width: 32em;
			max-width: 100%;
		}

		#hero .slide4 .logo img {
			width: 30em;
			max-width: 100%;
		}

		#hero .slide1 .titulo {
			font-size: 8em;
		}

		#hero .slide3 .titulo {
			font-size: 6.5em;
		}

		#hero .slide4 .titulo {
			font-size: 5em;
		}

	#home1 .projeto .container-taba {
		min-height: 60vh;
		font-size: 0.7em;
	}

	#footer .footer1 .logo {
		padding: 0;
		margin-bottom: 2rem;
	}

	#footer .footer1 .menu {
		margin-bottom: 2rem;
	}

	#footer .footer1 .menu2 {
		transform: none;
	}

		#footer .footer1 .menu2 ul {
			text-align: center;
			display: flex;
			width: 100%;
			justify-content: space-between;
		}
}

/* xs */
@media (max-width: 575px) {
	.titulo.h1 {
		font-size: 7em;
	}

	.titulo.h2 {
		font-size: 4.5em;
	}

	.titulo.h3 {
		font-size: 3.8em;
	}

	.titulo.h4 {
		font-size: 3em;
	}

	.texto-forte {
		font-size: 2.3em;
	}

	#metodo .box1 {
		margin-bottom: 10em;
	}

	#metodo .box2 {
		padding-left: 5em;
		margin-bottom: 10em;
	}

	#metodo3 .pq > ul > li .info {
		padding-left: 4em;
	}

	#trajetoria3 {
		padding: 9em 0 32em 0;
	}

	#trajetoria3 .mural ul li {
		width: 33.33%;
	}

	#trajetoria3 .box .lista ul {
		columns: 1;
	}

	#projetos {
		padding-bottom: 7em;
	}

		#projetos .filtros {
			font-size: 0.8em;
		}

	#home1 .projeto .imagem {
		display: none;
	}

	#home1 .projeto {
		min-height: 100vh;
	}

		#home1 .projeto .imagemmob {
			display: block;
			position: absolute;
			z-index: -1;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
		}

			#home1 .projeto .imagemmob img {
				display: block;
				position: absolute;
				z-index: -1;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				object-fit: cover;
			}

		#home1 .projeto .container-taba {
			min-height: 100vh;
			font-size: 0.65em;
		}



	#footer .footer1 {
		padding: 6em 0;
	}

		#footer .footer1 .logo img {
			width: 75px;
			height: 75px;
		}

		#footer .footer1 .menu {
		}

			#footer .footer1 .menu > ul {
				text-align: center;
				display: block;
				font-size: 17px;
			}

				#footer .footer1 .menu > ul > li {
					margin-bottom: 0.3em;
				}

		#footer .footer1 .menu2 > ul {
			text-align: center;
			display: block;
			font-size: 15px;
		}

			#footer .footer1 .menu2 > ul > li {
				margin-bottom: 1.5em;
			}

	#footer .footer2 .telefone {
		margin-bottom: 2rem;
		font-size: 20px;
	}

		#footer .footer2 .telefone strong {
			padding: 0;
			display: block;
			margin-bottom: 0.2em;
		}

		#footer .footer2 .telefone a {
			display: block;
		}

	#footer .footer2 .social h5 {
		text-align: center;
		margin-bottom: 1rem;
		font-size: 16px;
	}

	#footer .footer2 .social ul {
		text-align: center;
		font-size: 4.5em;
	}
}






/* EDIT */

.ready #header .menu > ul > li > a.active:after {
	opacity: 1;
	bottom: 0;
}

#home2 {
	font-size: 0.85em;
}

#wrapper .projeto > a {
	display: block;
	position: absolute;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: none;
	opacity: 0;
}

.home-snap {
	overflow: hidden;
}

	.home-snap #wrapper {
		height: 100vh;
		overflow-y: auto !important;
		scroll-snap-type: y proximity;
	}

@media (min-height: 800px) {
	.home-snap #wrapper {
		scroll-snap-type: y mandatory;
	}
}

.home-snap #wrapper > *:not(#home1),
.home-snap #wrapper .projeto {
	scroll-snap-align: start;
}

.home-snap #hero .slides .slide .inner {
	padding-top: 16em;
}

#projetos2 .projetos a.projeto {
	filter: brightness(0.9);
	transition: all 0.2s;
}

	#projetos2 .projetos a.projeto:hover {
		filter: brightness(1);
	}

#trajetoria3 .menu ul li:first-child a {
	padding-top: 0.5em;
}

#trajetoria3 .menu {
	height: 28em;
	scrollbar-width: thin;
	scrollbar-color: rgba(0,0,0,1) #ddd;
}

	#trajetoria3 .menu::-webkit-scrollbar {
		width: 19px;
	}

	#trajetoria3 .menu::-webkit-scrollbar-thumb {
		background: var(--preto);
		height: 83px;
	}

	#trajetoria3 .menu::-webkit-scrollbar-track {
		background: #ffffff;
	}

	#trajetoria3 .menu::-webkit-scrollbar-button {
		background: none;
		height: 0;
	}

		#trajetoria3 .menu::-webkit-scrollbar-button:vertical:increment {
			background-image: none;
		}


#projeto-header {
	height: 17em;
	background: #f2f2f2;
	border-bottom: solid 1px rgba(0,0,0,0.2);
}

.bloco-projeto {
	background: center center no-repeat #fff;
	background-size: cover;
}

	.bloco-projeto .bg-mobile {
		position: absolute;
		z-index: -1;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: center center no-repeat;
		background-color: inherit;
		background-size: cover;
		display: none;
	}

	.bloco-projeto .container-taba {
		max-width: 1650px;
	}

	.bloco-projeto .inner {
		min-height: 53vw;
		display: flex;
		width: 100%;
	}

	.bloco-projeto .inner-texto {
		/*min-height: 10vw;*/
		display: flex;
		width: 100%;
	}

	.bloco-projeto.altura-tela .inner {
		min-height: 100vh;
	}

	.bloco-projeto.altura-tela-50px .inner {
		min-height: calc( 100vh - 50px );
	}

	.bloco-projeto.altura-auto .inner {
		min-height: 0;
	}

.bg-center-top {
	background-position: center top;
}

.bg-center-bottom {
	background-position: center bottom;
}

.bg-left-top {
	background-position: left top;
}

.bg-left-center {
	background-position: left center;
}

.bg-left-bottom {
	background-position: left bottom;
}

.bg-right-top {
	background-position: right;
	top;
}

.bg-right-center {
	background-position: right center;
}

.bg-right-bottom {
	background-position: right bottom;
}

.bloco-projeto.box-10 .box {
	width: 10%;
}

.bloco-projeto.box-20 .box {
	width: 20%;
}

.bloco-projeto.box-30 .box {
	width: 30%;
}

.bloco-projeto.box-40 .box {
	width: 40%;
}

.bloco-projeto.box-50 .box {
	width: 50%;
}

.bloco-projeto.box-60 .box {
	width: 60%;
}

.bloco-projeto.box-70 .box {
	width: 70%;
}

.bloco-projeto.box-80 .box {
	width: 80%;
}

.bloco-projeto.box-90 .box {
	width: 90%;
}

.bloco-projeto.box-100 .box {
	width: 100%;
}


.bloco-projeto-header {
}

	.bloco-projeto-header .inner {
		padding: 8em 0;
		align-items: flex-end;
	}

	.bloco-projeto-header .box {
	}

		.bloco-projeto-header .box h1 {
			font-size: 4.5em;
			font-weight: bold;
			line-height: 1em;
			text-transform: uppercase;
			padding: 0 0 0.4em 0;
			margin: 0 0 0.4em 0;
			position: relative;
		}

			.bloco-projeto-header .box h1:after {
				content: "";
				position: absolute;
				left: 0;
				bottom: 0;
				width: 1.822em;
				height: 0.112em;
				background-color: currentColor;
			}

		.bloco-projeto-header .box h2 {
			font-size: 2em;
			font-weight: normal;
			line-height: 1.2em;
			position: relative;
		}


.bloco-projeto-texto {
	color: #757575;
	font-family: /*"Taba-Gotham",*/ "Montserrat", sans-serif;
}

	.bloco-projeto-texto .inner {
		padding: 16em 0;
		align-items: flex-start;
	}

	.bloco-projeto-texto .inner-texto {
		padding: 0 10%;
		align-items: flex-start;
	}

	.bloco-projeto-texto .box {
	}

		.bloco-projeto-texto .box p {
			font-size: 2.7em;
			line-height: 1.296em;
		}

		.bloco-projeto-texto .box h2 {
			font-size: 9em;
			font-weight: normal;
			line-height: 1.11em;
			margin: 0 0 0.7em 0;
			position: relative;
		}

		.bloco-projeto-texto .box h3 {
			font-size: 4.5em;
			font-weight: normal;
			line-height: 1.11em;
			margin: 0 0 1.4em 0;
			position: relative;
		}

		.bloco-projeto-texto .box h4 {
			font-size: 2em;
			font-weight: normal;
			line-height: 1.2em;
			margin: 0 0 2em 0;
			position: relative;
		}

		.bloco-projeto-texto .box strong {
			font-weight: bold;
		}

.bloco-projeto-botao {	
	font-family: /*"Taba-Gotham",*/ "Montserrat", sans-serif;
}

	.bloco-projeto-botao .inner {
		padding: 16em 0;
		align-items: flex-start;
	}

	.bloco-projeto-botao .inner-texto {
		padding: 8em 0;
		align-items: flex-start;
		text-align: center;
	}

.bloco-projeto-botao a {
	padding: 19px 37px;
	height: 50px;
	background: #000000;
	color: #ffffff;
	display: inline-block;
	font-size: 20px;
	margin: 0 auto;
	font-weight: 400;
}
	.bloco-projeto-botao a:hover {
		background: #FFEB00;
		color: #000000;
	}

.bloco-projeto-imagem {
	background: #fff;
}

	.bloco-projeto-imagem img {
		display: block;
		width: 100%;
	}

	.bloco-projeto-imagem .mobile {
		display: none;
	}

.bloco-projeto-video {
	background: #fff;
}

	.bloco-projeto-video .video {
		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
		height: 0;
	}

		.bloco-projeto-video .video iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}

@media (max-width: 767px) {
	#projeto-header {
		height: 110px;
	}

	.bloco-projeto .bg-mobile {
		display: block;
	}

	.bloco-projeto .inner {
		min-height: 100vh;
	}

	.bloco-projeto.altura-tela-50px .inner {
		min-height: calc( 100vh - 50px );
	}

	.bloco-projeto.altura-auto .inner {
		min-height: 0;
	}

	.bloco-projeto .box {
		width: 100% !important;
	}

	.bloco-projeto-texto {
		background-image: none !important;
	}

	.bloco-projeto-imagem .mobile {
		display: block;
	}

	.bloco-projeto-imagem .desktop {
		display: none;
	}
}

#quem-fez {
	padding: 17em 0;
	background: #fff;
}

	#quem-fez .container-taba {
		max-width: 1220px;
	}

	#quem-fez .quem {
	}

		#quem-fez .quem .perfil {
			width: 100%;
			text-align: center;
			margin-bottom: 4em;
		}

			#quem-fez .quem .perfil .foto {
				width: 100%;
				position: relative;
				padding: 100% 0 0 0;
				overflow: hidden;
				border-radius: 50%;
				margin-bottom: 1.8em;
			}

				#quem-fez .quem .perfil .foto img {
					display: block;
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					object-fit: cover;
				}

			#quem-fez .quem .perfil .nome {
				display: block;
				font-size: 2.4em;
				letter-spacing: 0.1em;
				text-transform: uppercase;
				line-height: 1.2em;
			}

@media (max-width: 767px) {
	#quem-fez {
		padding: 10em 0;
	}

		#quem-fez .quem .perfil .nome {
			font-size: 2em;
		}

		#quem-fez .quem .perfil .foto img {
			left: calc(50% - 64px );
			width: 85%;
			height: 85%;
		}
}


#outros-projetos {
	padding: 8.5em 0;
	background: #D5D5D5;
}

	#outros-projetos .container-taba {
		max-width: 1730px;
	}

		#outros-projetos .container-taba.ct1 {
			max-width: 1220px;
		}

	#outros-projetos .outro-projeto {
		margin: 0 0 1.5rem 0;
		display: block;
		box-shadow: 0.7em 0.7em 1em rgba(0, 0, 0, .3);
	}

		#outros-projetos .outro-projeto .foto {
			width: 100%;
			position: relative;
			padding: 55% 0 0 0;
			overflow: hidden;
		}

			#outros-projetos .outro-projeto .foto img {
				display: block;
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				object-fit: cover;
				transition: all 0.2s;
				filter: brightness(0.9);
			}

	#outros-projetos a.outro-projeto:hover .foto img {
		filter: brightness(1);
	}




.hero-footer {
	position: absolute;
	z-index: 100;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 0 1.5rem 4em 1.5rem;
}

	.hero-footer .container-taba {
		max-width: 1000px;
	}

	.hero-footer .inner {
		max-width: calc( 50% - 1.5rem );
	}

	.hero-footer .social h5 {
		font-size: 1.6em;
		line-height: 1.3em;
		white-space: nowrap;
		text-align: left;
	}

	.hero-footer .social ul {
		font-size: 3em;
		line-height: 1em;
		white-space: nowrap;
	}

		.hero-footer .social ul li {
			display: inline-block;
			margin-right: 0.3em;
		}

			.hero-footer .social ul li:last-child {
				margin-right: 0;
			}

			.hero-footer .social ul li a {
				display: block;
			}

	.hero-footer .assinatura {
		text-align: right;
		padding-right: 1em;
		font-size: 1.6em;
		font-weight: 300;
		line-height: 1.2em;
	}


#trajetoria {
	background: url("/img/trajetoria_header_bg.jpg?v=2") center bottom no-repeat #f3f3f5;
	background-size: auto 108em;
	min-height: 0;
	height: auto;
}

	#trajetoria .inner {
		margin: auto;
		max-width: 92em;
		min-height: 108em;
		padding: 22em 26em 13em 0;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		position: relative;
	}

		#trajetoria .inner .img-titulo {
			margin: 0 0 6em 0;
		}

			#trajetoria .inner .img-titulo img {
				display: block;
				width: 100%;
			}

		#trajetoria .inner .img-mobile {
			width: calc( 100% + 3rem );
			margin-left: -1.5rem;
		}

			#trajetoria .inner .img-mobile img {
				display: block;
				width: 100%;
			}

		#trajetoria .inner .tt {
			max-width: 44em;
			min-height: 27em;
		}

			#trajetoria .inner .tt p {
				font-size: 1.6em;
				font-weight: 500;
				line-height: 1.4em;
			}

			#trajetoria .inner .tt .otc {
				display: inline-block;
				background: var(--preto);
				color: #fff;
				text-align: center;
				font-size: 1.9em;
				line-height: 1.842em;
				padding: 0 1.3em;
				text-transform: uppercase;
				font-weight: 500;
			}

	#trajetoria .hero-footer {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
	}

@media (max-width: 767px) {
	.hero-footer {
		display: none;
	}

	#trajetoria {
		background: #f3f3f5;
	}

		#trajetoria .inner {
			padding: 40px 1.5rem 0 1.5rem;
			min-height: 0;
		}

			#trajetoria .inner .tt {
				max-width: none;
			}
}

.texto-forte {
	font-size: 3.8em;
	font-weight: 500;
	line-height: 1.368em;
	text-transform: none;
}

	.texto-forte p {
		margin-bottom: 1.1em;
	}

		.texto-forte p.mais-forte {
			font-size: 1.105em;
			line-height: 1.238em;
			font-weight: 800;
			text-transform: uppercase;
		}

#metodo {
	padding-top: 50em;
	background-size: 238.2em auto;
}

	#metodo .box1 {
		position: relative;
		padding-bottom: 20em;
	}

		#metodo .box1 .hh {
			position: absolute;
			left: 0;
			top: -15em;
			color: #fff;
			overflow: hidden;
		}

			#metodo .box1 .hh:after {
				content: "";
				z-index: -1;
				position: absolute;
				width: 238.2em;
				height: 104.8em;
				background: url("/img/metodo_header.jpg") center center no-repeat;
				background-size: cover;
				left: -34vw;
				top: -35em;
				filter: blur(10px);
			}

			#metodo .box1 .hh .hht {
				font-size: 1.7em;
				font-weight: 500;
				text-transform: uppercase;
				line-height: 2.12em;
				padding: 0 0.7em;
				position: relative;
				z-index: 10;
			}

@media (max-width: 767px) {
	.texto-forte {
		font-size: 3em;
	}

	#metodo .box1 .hh {
		display: none;
	}
}

@media (max-width: 575px) {
	.texto-forte {
		font-size: 2.5em;
	}
}