/*FONTES*/
@font-face {
	font-family: 'SharpGrotesk-SemiBold14';
	src: url('../fonts/SharpGrotesk-SemiBold14.ttf');
}

@font-face {
	font-family: 'SharpGrotesk-Bold14';
	src: url('../fonts/SharpGrotesk-Bold14.ttf');
}

@font-face {
	font-family: 'SharpGrotesk-Book21';
	src: url('../fonts/SharpGrotesk-Book21.ttf');
}

/*VARIAVEIS*/
:root {
	--primary-color: #fbd10a;
	--secondary-color: #000;
	--shadow: 0 10px 20px -10px rgb(0 0 0 / 20%);
}

/*CORES*/
.primary-color {color:var(--primary-color);}
.secondary-color {color:var(--secondary-color);}

/*DEFAULT*/
@media (min-width: 1200px){
	.container {width:1100px;max-width:calc(100% - 400px);}
	.container_sm {width:900px;max-width:calc(100% - 400px);margin:0 auto;}
	.container_md {width:1400px;max-width:calc(100% - 400px);margin:0 auto;}
	.container_lg {width:90%;max-width:calc(100% - 400px);margin:0 auto;}
}

* {-webkit-backface-visibility: hidden; backface-visibility: hidden;}
@media screen and (min-width:990px){
	html, body {overflow:hidden;}
}
body {background:#fff;color:#000;}
h1, h2, h3, h4, h5, h6 {font-family: 'SharpGrotesk-Bold14';text-transform:uppercase;}
h1 {font-size:130px;line-height:110px;}
h2 {font-size:87px;line-height:80px;}
p {font-size:16px;font-family: 'SharpGrotesk-Book21';color:#000;}
.flex-1 {flex:1;}
.z-index-9 {z-index:9;}
.nowrap {flex-wrap:nowrap!important;}
section {position:relative;padding:100px 0;}
.overflow-visible {overflow:visible;}
.w-80 {width:80%;}
.pointer-events-none {pointer-events:none;}
.object {pointer-events:none;}
.line_separator {margin-right:30px;position:relative;}
.line_separator:after {content: '';position: absolute;bottom:7px;left: calc(100% + 2px);transform-origin: bottom left;width:34px;height: 1px;background: #000;transform: rotate(-16deg);}

/*HEADER*/
header {position:fixed;top:0;left:0;width:100vw;z-index:9;padding:20px 0;opacity:0;}
.btn_menu {display:none;}
.hamburger {padding:0;}
.hamburger:hover {opacity:1;}
.hamburger-box {top:3px;}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after,
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {background-color:#000;height:1px;}
.social_media {background:#fff;text-align:right;padding:10px 20px;transition:margin-top ease .3s;}
.social_media a {margin:0 5px;color:#000;font-size:18px;}
div.menu {position:fixed;z-index:99;background:#fff;width:100%;top:0;left:0;padding:23px 0;transform:translateY(-100px);transition:all ease .5s ;}
div.menu.fixed {transform:translateY(0);box-shadow:10px 0 50px -25px rgba(0,0,0,0.2);}
div.menu .logo {position: relative;top: -3px;}
header.fixed .social_media {margin-top:-47px;}
header.fixed div.menu nav ul li a {padding-top:13px;padding-bottom:13px;}
header.fixed div.menu nav ul li.new:after {transform:translateY(-100px);}
nav {position:absolute;top:0;right:0;z-index:9;transform:translateX(200px);transition:transform ease .5s, top ease 2s;}
nav.active {transform:translateX(0);}
.nav_mobile {display:none;}
nav ul {list-style:none;padding:0;margin:0;}
nav ul li,
.nav_mobile ul li {margin-bottom:30px;padding-right:30px;text-align:right;position:relative;}
nav ul li:last-child,
.nav_mobile ul li:last-child {margin-bottom:0;}
nav ul li,
.nav_mobile ul li {font-size:36px;cursor:pointer;font-family:'SharpGrotesk-SemiBold14';text-transform:uppercase;color:#000;text-align:right;position:relative;}
nav ul li span,
.nav_mobile ul li span {display:inline-block;position:relative;}
nav ul li span:before,
.nav_mobile ul li span:before {content: '';position: absolute;bottom: calc(100% - 3px);left: 2px;transform-origin: bottom left;width: 200px;height: 1px;background: #000;transform: rotate(-16deg);}
nav ul li:hover {color:var(--primary-color)!important;text-decoration:none;}
.logo img {margin: -136px 0px;width: 125px;}

ul.menu {display:flex;list-style:none;margin-bottom:0;}
ul.menu li {font-size:22px;cursor:pointer;font-family:'SharpGrotesk-SemiBold14';text-transform:uppercase;color:#000;text-align:right;position:relative;margin-right:60px;}
ul.menu li span:before {content: '';position: absolute;bottom:9px;left: calc(100% + 2px);transform-origin: bottom left;width: 58px;height: 1px;background: #000;transform: rotate(-13deg);}
ul.menu li:last-child span:before {display:none;}
ul.menu li:hover {color:var(--primary-color);}

/* WELCOME */
#welcome {position:relative;width:100vw;height:100vh;background:var(--primary-color);display:flex;align-items:center;justify-content:center;}
#welcome #logo {position:absolute;height:100px;top:calc(50% - 50px);opacity:0;pointer-events:none;}
#welcome #logo img {max-width: 80%;display: block;margin: 0 auto;}
#welcome svg {position:absolute;right:60px;bottom:60px;height:auto;animation: anim .5s ease-in alternate infinite;}
#welcome .swipe-down {display:none;}
#welcome video {max-width:100%;max-height:100%;pointer-events:none;}
      
@keyframes anim {
	0% {
		transform: scale(0.8) translateY(0);
	}
	100% {
		transform: scale(0.8) translateY(10px);
	}
}

/* HOME */
#home .text {width:50%;position:relative;z-index:2;}
#home .object {position:absolute;left:calc(50% - 500px);top:calc(50% - 500px);}
#home .object img {width:1000px;max-width:100%;}
#home p {max-width:70%;}

/* REDES SOCIAIS */
.sociais a i {color:#000;font-size:30px;margin-left:20px;}
.sociais a:hover i {color:var(--primary-color);}
.sociais a:first-child i {margin-left:0;}

/* TRABALHOS */
#trabalhos {padding-top:200px;}
#trabalhos .text {width:60%;margin:-100px auto 0;position:relative;z-index:2;left:50px;}
#trabalhos .text h2 {font-size:130px;line-height:120px;color:var(--primary-color);white-space:nowrap;}
#trabalhos .object {position:absolute;left:0;top:calc(50% - 700px);z-index:1;pointer-events:none;}
#trabalhos .object img {width:52vw;}
#trabalhos .swiper-container img {display:block;margin:0 auto;max-width:100%;}
#trabalhos .swiper-pagination {position:relative;margin-bottom:20px;}
#trabalhos .swiper-pagination-bullet {width:15px;height:15px;margin:0 4px;opacity:1!important;background:#000;}
#trabalhos .swiper-pagination-bullet.swiper-pagination-bullet-active {background:var(--primary-color);}
#trabalhos [data-play] {cursor:pointer;}
#trabalhos [data-video] {width: 100%;height: 100%;position: absolute;top: 0;left:0;z-index:2;display:none;}
#trabalhos [data-video]>div {position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000;}
#trabalhos [data-video]>div iframe {display:block;width:100%;height:80%;display:none;pointer-events:none;}
#trabalhos .close_video {position: absolute;top: 0;z-index: 4;right: 20px;top: 20px;cursor: pointer;display:none;}
#trabalhos .close_video:hover {opacity:.8;}
#trabalhos .video {cursor:pointer;}
#trabalhos .video video {height:80vh;pointer-events:none;display:block;margin:0 auto;}

/* TEXTO 01 */
#texto_01 {position:relative;}
#texto_01 img {display:block;width:52px;margin-bottom:10px;}
#texto_01 .paragraph {position:relative;top:70px;left:-70px;max-width:50%;}
#texto_01 .paragraph p {font-size:16px;}
#texto_01 .paragraph .line {position:relative;}
#texto_01 .paragraph .line:after {content: '';position: absolute;top: -15px;left: 0;width: 156%;height: 1px;background: #000;transform-origin: bottom left;transform: rotate(-20deg);}
#texto_01 h2 {width:50%;font-size:130px;line-height:120px;}

/* DETAIL */
#detail .line:after {content: '';position: absolute;bottom: 0;left: 0;width: 23%;height: 1px;background: #000;transform-origin: bottom left;transform: rotate(-42deg);}

/* TEXTO 02 */
#texto_02 h2 {color:#000;margin-bottom:0;font-size:130px;line-height:100px;}
#texto_02 h2:nth-child(2) span,
#texto_02 h2:nth-child(4) span {max-width:0;overflow:hidden;white-space:nowrap;display:inline-block;transition:max-width 0s ease 0s;}
#texto_02 h2 img {position:relative;top:-12px;height:90px;}
#texto_02 .is-inview h2:nth-child(2) span,
#texto_02 .is-inview h2:nth-child(4) span {position:relative;max-width:100vw;transition:max-width 4s ease .5s;}
#texto_02 .d-flex h2 {white-space:nowrap;margin-right:30px;}
#texto_02 p {font-size:16px;max-width:50%;}

#texto_02 h2:nth-child(1) span,
#texto_02 h2:nth-child(3) span {overflow:hidden;white-space:nowrap;display:inline-block;}
#texto_02 h2:nth-child(1) span:after,
#texto_02 h2:nth-child(3) span:after {content:'';position:absolute;transform-origin:left;top:0;left:0;width:100%;height:100%;transform:scaleX(1);background:#fff;transition:transform 0s ease 0s;}
#texto_02 .is-inview h2:nth-child(1) span,
#texto_02 .is-inview h2:nth-child(3) span {position:relative;}
#texto_02 .is-inview h2:nth-child(1) span:after,
#texto_02 .is-inview h2:nth-child(3) span:after {transform:scaleX(0);transition:transform 1s ease .5s;}

/* PESSOAS */
#pessoas {margin-top:200px;}
#pessoas .info {display:flex;align-items:center;position:relative;z-index:2;}
#pessoas .info ul {list-style:none;padding:0;margin:0;position:relative;z-index:2;}
#pessoas .info ul li {font-family: 'SharpGrotesk-Bold14';font-size:53px;line-height:50px;text-transform:uppercase;cursor:pointer;}
#pessoas .info ul li:hover {color:var(--primary-color);}
#pessoas .info ul li.active {color:var(--primary-color);}
#pessoas p {margin-bottom:5px;}
#pessoas .info .images {position:absolute;width:100%;height:100%;align-items:center;justify-content:center;display:flex;}
#pessoas .info .images p {font-style:italic;}
#pessoas .info .images [data-image] {display:none;position:relative;left:-140px;width:50%;}
#pessoas .info .images [data-image]:first-child {display:block;}
#pessoas .info .images [data-image] img {width:100%;}
#pessoas .cargos {position:relative;z-index:3;left: -149px;width: 50%;margin-bottom: 60px;}
#pessoas .cargos [data-image] {display: none;position: relative;width: 75%;margin: 0 auto 20px;}
#pessoas .cargos [data-image]:first-child {display:block;}
#pessoas .object {position:absolute;top:calc(50% - 900px);right:0;}

/* CLIENTES */
#clientes {padding-top:300px;}
#clientes .d-flex {align-items:center;flex-wrap:wrap;justify-content:center;gap:30px;}
#clientes .d-flex>a {flex:calc(16.6666% - 32px);display:flex;align-items:center;}

/* FOOTER */
#vagas {padding-bottom:0;margin-top:-100px;overflow:hidden;}
#vagas>div {position:relative;top:100px;}
#vagas img.form_img {width: 50vw;position: relative;margin: 0 -200px 0 -22vw;pointer-events:none;}
#vagas img.envelope {margin-top:20px;width:35px;}
#vagas p {font-size:21px;}
#vagas p a {font-size:18px;color:#000;}

/* RESPONSIVIDADE */
@media screen and (max-width:1740px){
	#trabalhos .swiper-container {max-width:60%;}
	#trabalhos .text h2 {font-size:100px;line-height:90px;}
	#texto_01 h2 {font-size:100px;line-height:90px;}
	#texto_02 h2 {font-size:100px;line-height:80px;}
	#texto_02 h2 img {height:70px;}
	#pessoas .cargos {left: -135px;margin-bottom:55px;}
	#pessoas .info ul li {font-size:48px;line-height:45px;}
	#clientes img {max-width:60%;}
}

@media screen and (max-width:1450px){
	h1 {font-size:110px;line-height:90px;}
	#trabalhos .swiper-container {max-width:70%;}
	#trabalhos .text h2 {font-size:110px;line-height:100px;}
	#texto_01 h2 {font-size:110px;line-height:100px;}
	#texto_02 h2 {font-size:90px;line-height:70px;}
	#texto_02 h2 img {height:60px;top:-8px;}
	#pessoas .object {top:calc(50% - 740px);}
	#pessoas .object img {width:850px;}
	#pessoas .cargos {left: -82px;margin-bottom:26px;}
	#pessoas .info ul li {font-size: 38px;line-height: 40px;}
	#pessoas .info .images [data-image] {left:-74px;}
	#clientes img {max-width:60%;}
	h2 {font-size:77px;line-height:70px;}
}

@media screen and (max-width:1300px){
	#trabalhos .swiper-container {max-width:70%;}
	#trabalhos .text h2 {font-size:100px;line-height:90px;}
	#texto_01 h2 {font-size:100px;line-height:90px;}
	#texto_01 .paragraph p {font-size:15px;}
	#texto_02 h2 {font-size:80px;line-height:65px;}
	#texto_02 h2 img {height:55px;top:-9px;}
	#texto_02 p {font-size:15px;}
	#pessoas .cargos {left: -93px;margin-bottom:-10px;}
	#pessoas .object {top:calc(50% - 740px);}
	#pessoas .object img {width:750px;}
	#pessoas .info ul li {font-size: 37px;line-height: 35px;}
	#clientes img {max-width:60%;}
	h2 {font-size:77px;line-height:70px;}
}

/*MOBILE*/
@media screen and (max-width:990px){
	html, body {overflow:hidden;}

	.container {padding-left:30px;padding-right:30px;}
	.container_sm, 
	.container_md,
	.container_lg {width: 90%;margin: 0 auto;}
	section {padding:40px 0;}
	img {max-width:100%;}

	/* DEFAULT */
	h1 {font-size: 50px;line-height: 44px;}
	h2 {font-size: 43px;line-height: 43px;}
	p {font-size:15px;}
	.line_separator:after {bottom:3px;width:29px;}

	/* HEADER */	
	nav, ul.menu {display:none;}
	.nav_mobile {background: #f0f0f0;height: calc(100vh - 76px);top: 100%;position: absolute;width: 100%;padding: 20px 0;display:none;}
	.nav_mobile>div {position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;}
	.nav_mobile>div ul {list-style:none;margin:0;padding:0;width:100%;display:block;}
	.nav_mobile>div ul li {margin-bottom:18px;font-size:24px;padding-right:0;text-align:center;width:100%;}
	.nav_mobile>div ul li span {display:block;}
	.nav_mobile>div ul li span:before {bottom: calc(100% - 4px);left: 0;width: 100vw;transform: rotate(-4deg);}
	.nav_mobile>div ul li:last-child span:before {display:block;}
	.logo img {width:70px;}
	.sociais a i {font-size:22px;margin-left:8px;}
	.btn_menu {margin-left:20px;padding-left:20px;position:relative;}
	.btn_menu:before {content:'';position:absolute;left:0;top:0;width:1px;height:100%;background:#ddd;}

	/* WELCOME */
	#welcome svg {display:none;}
	#welcome .swipe-down {position:absolute;width:60px;display:block;right:30px;bottom:100px;height:auto;animation: anim .5s ease-in alternate infinite;}
	#welcome video {max-width:200%;}

	/* HOME */
	#home .text {width:75%;}
	#home p {font-size:12px;max-width:100%;}
	#home .object {left: calc(50% - 142px);top: calc(50% - 224px);}
	#home .object img {width:360px;}

	/* TRABALHOS */
	#trabalhos {padding-top:20px;}
	#trabalhos .text {margin-top:-50px;left:10px;}
	#trabalhos .text h2 {font-size:44px;line-height:39px;}
	#texto_01 .paragraph .line {position:absolute;top:0;left:30%;width:100%;}
	#texto_01 .paragraph .line:after {transform:rotate(-53deg);}
	#detail .line:after {bottom:20px;width:42%;transform:rotate(-50deg);}
	#trabalhos .object {top:calc(50% - 184px);}
	#trabalhos .object img {width:200px;}
	#trabalhos [data-video]>div iframe {pointer-events:all;}
	#trabalhos .swiper-container {max-width:90%;}
	#trabalhos .swiper-container video {height:45vh;}

	/* TEXTO 01 */
	#texto_01 h2 {font-size:48px;line-height:43px;}
	#texto_01 img {width:31px;}
	#texto_01 .paragraph {top:initial;left:initial;max-width:100%;}
	#texto_01 .paragraph p {width:70%;margin-left:30%;font-size:12px;}

	/* TEXTO 02 */
	#texto_02 h2 {font-size:35px;line-height:27px;}
	#texto_02 h2 img {top:-3px;height:26px;}
	#texto_02 p {font-size:12px;max-width:70%;}

	/* CLIENTES */
	#clientes {padding-top:100px;}
	#clientes .d-flex>a {flex:calc(25% - 32px);}
	#clientes img {max-width:80%;}

	/* PESSOAS */
	#pessoas {margin-top:100px;}
	#pessoas .object {top:calc(50% - 266px);right:-24px;z-index:2;}
	#pessoas .object img {width:300px;}
	#pessoas .info .list {position:relative;z-index:2;}
	#pessoas .info .images [data-image] {left:initial;width:75%;}
	#pessoas .info .images [data-image] img {max-width:100%;display:block;margin:0 auto;}
	#pessoas .info ul li {font-size:19px;line-height:18px;}
	#pessoas p {font-size:10px;}	
	#pessoas .cargos {left:initial;margin-bottom:0;width:90%;}
	#pessoas .cargos p {margin-bottom:-2px;}

	/* VAGAS */
	#vagas img.form_img {width:55vw;margin:0 -50px 0 -26vw;}
	#vagas img.envelope {margin-bottom:10px;width:27px;}
	#vagas h2 {font-size:37px;line-height:34px;}
	#vagas p {font-size:12px;}
	#vagas p a {font-size:12px;}
	#vagas {margin-top:0;}
	#vagas>div {top:0;}			
}