::-webkit-scrollbar {
			    
    width: 9px;
    /*right: 10px;*/
}
			 
::-webkit-scrollbar-track {
    -webkit-border-radius: 9px;
    border-radius: 9px;
    background: rgb(255, 255, 255);
}
			 
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 9px;
    border-radius: 9px;
    background: rgb(200, 200, 200);  
}

::-webkit-scrollbar-thumb:window-inactive {
	background: rgb(200, 200, 200); 
}

:root {
  --bg-color: rgb(255,255,255);
  --dark-gray: rgb(60,60,60);
}




body{

	background-color: var(--bg-color);
	margin: 0 auto;
	font-family: "Inter", sans-serif;
	font-size: 1.5vw;
	font-weight: 250;
	/* The second value here is a fallback. */
	cursor: url(../img/cursor.svg) 15 15, move;



  /* You may need coordinates to adjust the pointer
     for example, the custom cursor is circular and you want
     the middle to be where you click */
/* 	cursor: url(target.svg) 15 15, move;*/
}

@media only screen and (max-width: 1024px) {
  body{
  	font-size: 3vw;
  }
}

a{
	color: #000000;
}

.bold_500{

	font-weight: 500;
}

.menu_icon_white{

	position: fixed;
	z-index: 99;
	right: 1.2vw;
	top: 1vw;
	cursor: pointer;
	color: #ffffff;
	text-align: right;
	font-size: 1.3vw;
	font-weight: 350;
	transition: all 0.2s ease-in-out;
}

.menu_icon_white:hover{

	color: #fa9370;
}

@media only screen and (max-width: 1024px) {

	.menu_icon_white{

		font-size: 4.33vw;
		top: 3vw;
		right: 2vw;
	}

}

.logo_icon_white{

	position: fixed;
	width: 12vw;
	height: auto;
	z-index: 99;
	left: 1vw;
	top: 1vw;
}

@media only screen and (max-width: 1024px) {

	.logo_icon_white{

		width: 40vw;
		top: 3vw;
		left: 2vw;
	}

}

.menu_icon_gray{

	z-index: 98;
	color: #787878;
}



.logo_icon_gray{

	position: fixed;
	width: 12vw;
	height: auto;
	z-index: 98;
	left: 1vw;
	top: 1vw;
}

@media only screen and (max-width: 1024px) {

	.logo_icon_gray{

		width: 40vw;
		top: 3vw;
		left: 2vw;
	}

}

.opacity0{

	opacity: 0;
}

.opacity1{

	opacity: 1;
}

.lang_ctn{

	position: fixed;
	width: 3vw;
	height: auto;
	left: 0vw;
	bottom: 3vh;
/*	background-color: green;*/
	z-index: 99;
}

@media only screen and (max-width: 1024px) {

	.lang_ctn{

		width: 15vw;
		bottom: 1.5vh;
	}

}

.lang_text{

	width: 100%;
	text-align: center;
	font-weight: 350;
	text-decoration: none;
	color: rgb(50, 50, 50);
	font-size: 1.0vw;
	float: left;
/*	background-color: blue;*/
	margin: 0.5vh 0vw;
	opacity: 0;
	cursor: pointer;
}

@media only screen and (max-width: 1024px) {

	.lang_text{

		font-size: 4vw;
	}

}

.lang_text_white{

	color: #ffffff;
}

.lang_text_gray{

	color: rgb(50, 50, 50);
	opacity: 1;

}

.lang_text:hover{

	color: #fa9370;
}

.lang_opacity{

	opacity: 1;
}

.img_bg_1{

	position: absolute;
	width: 102%;
	height: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
		
}

.img_bg_2{

	position: absolute;
	height: 102%;
	width: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	
}

.section_video{

	position: relative;
	width: 100%;
	height: 45vw;
	cursor: url(../img/cursor_white.svg) 15 15, move;
	
}

@media only screen and (max-width: 1024px) {

	  .section_video{

		height: 50vw;
		
	}
}

.banner_video{

	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	
}

@media only screen and (max-width: 1024px) {

	.banner_video_img{

		position: absolute;
		height: 102%;
		width: auto;
	}

}


.video{

	width: 100%;
}

.scroll_down_gif{

	position: absolute;
	width: 5%;
	height: auto;
	bottom: 1.5%;
	left: 47.5%;
	z-index: 99;
	cursor: pointer;
}

@media only screen and (max-width: 1024px) {

	.scroll_down_gif{

		width: 0px;
		height: 0px;
	}

}

.section_intro{

	position: relative;
	width: 100%;
	height: 40vw;
			
}

@media only screen and (max-width: 1024px) {

	.section_intro{

		height: auto;
/*		background-color: green;*/
		font-size: 6vw;
		line-height: 8vw;
	}
}

.text_intro{

	position: relative;
	width: 63%;
	text-align: center;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);

}

@media only screen and (max-width: 1024px) {

	.text_intro{

		width: 85%;
/*		background-color: blue;*/
		top: 0%;
		left: 50%;
		transform: translate(-50%,0%);
		-webkit-transform: translate(-50%,0%);
		-ms-transform: translate(-50%,0%);
		margin-top: 40vw;
		margin-bottom: 40vw;
		text-align: left;
	}
}

.section_projects{

	position: relative;
	width: 90%;
	left: 5%;
	height: auto;
	padding-top: 2vw;
	padding-bottom: 10vw;
/*	background-color: yellowgreen;*/

}

@media only screen and (max-width: 1024px) {

	.section_projects{

		width: 100%;
		left: 0%;
		padding-bottom: 30vw;
		
	}

}

.project_home_ctn{

	position: relative;
/*	overflow: hidden;*/
/*	background-color: red;*/

}

.project_img_ctn{

	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	cursor: url(../img/cursor_more.svg) 15 15, move;

	
}

.img_hide{

	transition: all 0.3s ease-in-out;
}

.img_hide:hover{

	opacity: 0;
	
}


.title_project{

	position: absolute;
	font-size: 1.1vw;
	z-index: 99;
	padding-top: 0.5vw;

	
}

@media only screen and (max-width: 1024px) {

	.title_project{

		font-size: 2.6vw;
		padding-top: 2vw;
	}

}

#link_download{

/*	text-decoration: none;*/
	color: #000;

}

#project_1{

	width: 25vw;
	height: 37.5vw;
	left: 10%;
	margin-top: 1vw;

}

@media only screen and (max-width: 1024px) {

	#project_1{
		width: 60vw;
		height: 90vw;
		left: 4%;
		margin-top: 0vw;
	}	
}

#project_2{

	width: 32%;
	height: 32vw;
	left: 52%;
	margin-top: -5.5vw;
}

@media only screen and (max-width: 1024px) {

	#project_2{
		width: 50vw;
		height: 50vw;
		left: 46%;
		margin-top: 35vw;
	}	
}

#project_3{

	width: 26vw;
	height: 26vw;
	left: 62%;
	margin-top: 20vw;
}

@media only screen and (max-width: 1024px) {

	#project_3{
		width: 40vw;
		height: 40vw;
		left: 4%;
		margin-top: 35vw;
	}	
}

#project_4{

	width: 28vw;
	height: 42vw;
	left: 6%;
	margin-top: -1vw;
}

@media only screen and (max-width: 1024px) {

	#project_4{
		width: 60vw;
		height: 90vw;
		left: 36%;
		margin-top: 35vw;
	}	
}

#project_5{

	width: 50vw;
	height: 33.3vw;
	left: 42%;
	margin-top: 10vw;
}

@media only screen and (max-width: 1024px) {

	#project_5{
		width: 92vw;
		height: 61.33vw;
		left: 4%;
		margin-top: 35vw;
	}	
}

#project_6{

	width: 32vw;
	height: 32vw;
	left: 5%;
	margin-top: 10vw;
}

@media only screen and (max-width: 1024px) {

	#project_6{
		width: 50vw;
		height: 50vw;
		left: 4%;
		margin-top: 15vw;
	}	
}

#project_7{

	width: 30vw;
	height: 45vw;
	left: 55%;
	margin-top: -7vw;
}

@media only screen and (max-width: 1024px) {

	#project_7{
		width: 55vw;
		height: 82.5vw;
		left: 41%;
		margin-top: 35vw;
	}	
}

#project_8{

	width: 45vw;
	height: 30vw;
	left: 38%;
	margin-top: 12vw;
}

@media only screen and (max-width: 1024px) {

	#project_8{
		width: 92vw;
		height: 61.33vw;
		left: 4%;
		margin-top: 35vw;
	}	
}

#project_9{

	width: 31vw;
	height: 31vw;
	left: 8%;
	margin-top: 10vw;
}

@media only screen and (max-width: 1024px) {

	#project_9{
		width: 65vw;
		height: 65vw;
		left: 31%;
		margin-top: 35vw;
	}	
}

.section_about_us_bg{

	position: relative;
	width: 100%;
	height: 45vw;
	overflow: hidden;
	cursor: url(../img/cursor_white.svg) 15 15, move;

}

@media only screen and (max-width: 1024px) {

	.section_about_us_bg{

		height: 100vw;
		font-size: 6vw;
		line-height: 8vw;

	}

	.img_bg_about{
		
		height: 102%;
		width: auto;

	}

}


.text_about_us_bg{

	position: relative;
	width: 54%;
	text-align: center;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	color: white;
	
}

@media only screen and (max-width: 1024px) {

	.text_about_us_bg{

		width: 85%;
	}

}

.section_about{

	position: relative;
	width: 100%;
	height: 50vw;
	background-color: rgb(235, 235, 235);


}

@media only screen and (max-width: 1024px) {

	.section_about{

		height: 290vw;
/*		background-color: red;*/

	}

}

.about_ctn{

	position: relative;
	float: left;
	width: 50%;
	height: 50vw;
	overflow: hidden;


}

@media only screen and (max-width: 1024px) {

	#about_ctn_1{

		width: 100%;
		height: 100vw;

	}

	#about_ctn_2{

		width: 100%;
		height: 190vw;
		margin-top: 7vw;
/*		background-color: orange;*/

	}

}


.about_text_ctn{

	position: absolute;
	width: 70%;
	margin-left: 3%;
	font-size: 1.1vw;
	color: rgb(80, 80, 80);
	bottom: 2.5%;
/*	background-color: darkred;*/
	text-decoration: none;
	margin-bottom: 10px;

}

@media only screen and (max-width: 1024px) {

	.about_text_ctn{

		position: relative;
		font-size: 4.5vw;
		width: 85%;
		height: 140vw;
		margin-left: 7.5%;
/*		top: 3vw;*/
		line-height: 6vw;
/*		background-color: hotpink;*/
		margin-top: 9vw;


	}

}

.about_text{

	margin-top: 0.7vw;
}

.link_saiba_mais{

	text-decoration: none;
	color: rgb(80, 80, 80);
	border: solid;
	border-width: .1vw;
	border-color: rgb(80, 80, 80);
	padding: .3vw .8vw .3vw .8vw;
	border-radius: 10vw;
	transition: 0.3s;
}

.link_saiba_mais:hover{

	color: rgb(235, 235, 235);
	background-color: rgb(80, 80, 80);
	font-weight: 320;
}

@media only screen and (max-width: 1024px) {

	.link_saiba_mais{
		padding: 1vw 2.2vw 1vw 2.2vw;
		position: relative;
		top: 2vw;
	}

}

.section_footer{

	position: relative;
	width: 100%;
	height: 35vw;
	background-color: #a2665a;
	cursor: url(../img/cursor_white.svg) 15 15, move;

}

@media only screen and (max-width: 1024px) {

	.section_footer{
		height: 230vw;
/*		background-color: blueviolet;*/
	}

}

.footer_ctn_1{

	position: relative;
	width: 40%;
	height: 100%;
	float: left;
/*	background-color: green;*/

}

@media only screen and (max-width: 1024px) {

	.footer_ctn_1{

		width: 100%;
		height: 115vw;

	}

}


.footer1_content_ctn{

	position: absolute;
	width: 40%;
	height: 21vw;
	top: 50%;
	left: 46.42%;
	transform: translate(0%,-50%);
	-webkit-transform: translate(0%,-50%);
	-ms-transform: translate(0%,-50%);
	color: white;
	font-size: 1.1vw;
/*	background-color: hotpink;*/

}

@media only screen and (max-width: 1024px) {

	.footer1_content_ctn{

		width: 65%;
		left: 17.5%;
		font-size: 4vw;
/*		top: 15vw;*/
		height: 90vw;
	}

}

.footer_img_ctn{

	position: relative;
	width: 100%;
	height: 15vw;
	overflow: hidden;
}

@media only screen and (max-width: 1024px) {

	.footer_img_ctn{

		height: 65vw;
		margin-bottom: 4vw;

	}


}

.footer_ctn_2{

	position: relative;
	width: 60%;
	height: 100%;
	float: left;
	color: white;


}

@media only screen and (max-width: 1024px) {

	.footer_ctn_2{

		width: 100%;
		height: 95vw;
/*		background-color: darkred;*/

	}

}

.footer2_content_ctn{

	position: absolute;
	width: 50%;
	height: 21vw;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
/*	background-color: lime;*/

	
}

@media only screen and (max-width: 1024px) {

	.footer2_content_ctn{

		width: 80%;
		height: 61vw;
	}


}

@media only screen and (max-width: 1024px) {

	#contact_form_lets{

		font-size: 5vw;
	}


}




.mailchimp_field{
	font-size: 1vw;
	margin-top: 2vw;
	
}

@media only screen and (max-width: 1024px) {

	.mailchimp_field{
	font-size: 4vw;
	margin-top: 5vw;
	
	}


}

.mailchimp_input{

	all: unset; /* Remove quase todos os estilos padrão */
  	box-sizing: border-box; /* Garante que padding e border não alterem o tamanho total */
  	border-bottom: 1px solid #fff; /* Adiciona a borda inferior */
  	cursor: auto;
  	width: 100%;
  	
}


@media only screen and (max-width: 1024px) {

	
}

.mailchimp_lista_option{

	color: rgb(50, 50, 50);
	
}

.mailchimp_btn{

	all: unset; /* Remove quase todos os estilos padrão */
	font-size: 1vw;
	margin-top: 1vw;
	
	color: white;
	border: solid;
	border-width: .1vw;
	border-color: white;
	padding: .3vw .8vw .3vw .8vw;
	border-radius: 10vw;
	transition: 0.3s;
	cursor: pointer;
	margin-top: 2vw;

}

.mailchimp_btn:hover{

	background-color: white;
	color: #a2665a;
	font-weight: 400;

}

@media only screen and (max-width: 1024px) {

	.mailchimp_btn{
	
		font-size: 4vw;
		padding: .8vw 2vw .8vw 2vw;
		margin-top: 5vw;
	}


}



/*.contact_form_text{

	font-size: 0.9vw;
	margin-top: 2vw;
}

.contact_form_line{

	width: 100%;
	height: 1px;
	background-color: white;
	margin-top: .3vw;
}

.contact_form_send{

	text-decoration: none;
	color: white;
	border: solid;
	border-width: .1vw;
	border-color: white;
	padding: .3vw .8vw .3vw .8vw;
	border-radius: 10vw;
	transition: 0.3s;
}

.contact_form_send:hover{

	background-color: white;
	color: #a2665a;
	font-weight: 400;

}*/