/* --------------------------------------------------------------- */
	.section-1									{background-image:url('/Content/images/bkg-3.png'); background-position:top center; background-repeat:no-repeat; min-height:650px;}
	.section-1 div.section-1-1					{padding:15vh 10vw 0 10vw; background-position: bottom right; color:#fff;
												 background-image: radial-gradient(circle at top left, rgba(40, 40, 40, 0.79) 0%, rgba(40, 40, 40, 0.86) 100%), url('/Content/images/bkg-home-1.jpg') !important;}
	.section-1 div.section-1-1>span				{display:inline-block; max-width:570px;}
	.section-1 div.section-1-1 .font-title		{font-size:55px; line-height:1.2em; letter-spacing:-2px; padding-left:15px; border-left:8px solid var(--amarelo);}
	.section-1 div.section-1-1 .font-desc		{font-size:18px; line-height:1.5em}

	.section-1 div.section-1-2					{padding:80px 50px 40px 40px; background-color:var(--amarelo); color:black;}
	.section-1 div.section-1-2 .font-title		{font-size:24px; line-height:1.2em; letter-spacing:-1px;}
	.section-1 div.section-1-2 .font-desc		{color:#444;}

@media only screen and (max-width:768px) {
	.section-1									{flex-direction:column;}
	.section-1 div.section-1-1					{padding:10vh 20px 7vh 20px;}
	.section-1 div.section-1-1.flex				{flex-direction:column; row-gap:50px;}
	.section-1 div.section-1-1 .font-title		{font-size:36px; border:none;}
	.section-1 div.section-1-2					{flex-direction:column; row-gap:50px;}

	.section-1 div.section-1-2					{padding:40px 30px 40px 30px;}
}


/* --------------------------------------------------------------- */
	.section-2									{padding:50px 0;}
	.section-2 .font-title						{font-size:40px; color:var(--azul); max-width:640px; letter-spacing:-1px;}


/* --------------------------------------------------------------- */
	.section-3									{background-image:radial-gradient(circle at top left, rgba(12, 12, 12, 0.4) 0%, rgba(12, 12, 12, 0) 100%), 
											     url('/Content/images/bkg-home-2.jpg') !important; background-position:bottom right; background-size:cover;
												 padding-left:33%;}
	.section-3 .section-3-1						{background-color:#f0f0f0; color:#000; padding:105px 8vw 0 8vw; min-height:80vh;}
	.section-3 .section-3-1 .font-title			{font-size:40px; letter-spacing:-1px;}
	.section-3 .section-3-1 .font-desc			{column-count:2; column-gap:80px; line-height:1.5em;}

	.section-3 .section-3-2						{background-color:var(--amarelo); color:#000;}
	.section-3 .section-3-2>div					{width:50%; padding:30px 0;}
	.section-3 .section-3-2 .font-title			{font-size:40px; letter-spacing:-1px;}
	.section-3 .section-3-2 .font-desc			{font-size:12px;}


/* --------------------------------------------------------------- */
	.section-4									{padding:10vh 0; box-shadow: 0px 20px 30px -15px #ccc inset;}
	.section-4 .font-title						{font-size:40px; max-width:640px; letter-spacing:-1px;}
	.section-4 .font-desc						{font-size:18px; line-height:1.5em}
	.section-4 .item-proj						{}

	.section-4 div.section-4-1 .font-title		{font-size:50px; line-height:1.2em; letter-spacing:-2px;}
	.section-4				   .font-desc		{font-size:16px; line-height:1.7em; font-weight:300;}
	.section-4 div.section-4-1 img				{max-width:30vw;}

@media only screen and (max-width:768px) {
	.section-4									{flex-direction:column;}
	.section-4 div.section-4-1.flex				{flex-direction:column; row-gap:50px;}
	.section-4 div.section-4-1 .font-title		{font-size:36px;}
	.section-4 div.section-4-1 img				{max-width:100%;}
}


/* --------------------------------------------------------------- */
	.section-5									{padding:10vh 0 0 0;}
	.section-5 .section-5-1 					{width:33%; background-color:#282828; color:#fff; padding:60px;}
	.section-5 .section-5-1 .font-title			{font-size:40px; max-width:640px; letter-spacing:-1px;}
	.section-5 .section-5-1 .font-desc			{font-size:16px; line-height:1.7em}
	.section-5 .section-5-1 a.btn-amarelo:hover	{color:#282828}

	.section-5 .section-5-2 					{}
	.section-5 .section-5-2 .section-5-2-1		{overflow:hidden;}
	.section-5 .section-5-2 .section-5-2-1>img	{min-width:100%; display:inline-block; margin-top:-90px; margin-bottom:-50px;}
	.section-5 .section-5-2 .section-5-2-2		{width:50%; padding:20px 50px 10px 50px; background-color:var(--amarelo); color:#000; line-height:1.5em;}
	.section-5 .section-5-2 .section-5-2-3		{width:50%; padding:40px 0px; background-color:#fff; color:#000;}

	.section-5 .section-5-2 .font-title			{font-size:34px; letter-spacing:-1px;}


/* --------------------------------------------------------------- */
	.section-6							{padding:8vh 0; background-image:url('/Content/images/bkg-4.png'); background-repeat:no-repeat; background-size:contain;}
	.section-6 .font-title				{display:block; font-size:38px; line-height:1.5em; color:#000; border-top:2px solid #000; max-width:450px; padding-top:30px;}
	.section-6 .font-title>b			{color:var(--azul);}

	.section-6  input[type=text],
	.section-6  input[type=email],
	.section-6  textarea				{border:1px solid #ddd; padding:18px; margin-bottom:30px;}
	.section-6 textarea.form-control					{font-family: inherit; font-size: inherit;}
	.section-6 .form-control::-webkit-input-placeholder {line-height:1.3em; font-size:0.9em; font-weight:normal; }
	.section-6 .form-control:-moz-placeholder 			{line-height:1.3em; font-size:0.9em; font-weight:normal; opacity:  1;}
	.section-6 .form-control::-moz-placeholder 			{line-height:1.3em; font-size:0.9em; font-weight:normal; opacity:  1;}
	.section-6 .form-control:-ms-input-placeholder 		{line-height:1.3em; font-size:0.9em; font-weight:normal; }
	.section-6  input[type=radio].form-control,
	.section-6  input[type=checkbox].form-control		{width:18px; height:18px;}

	.section-6 .btn-enviar				{border:20px solid rgba(0,0,0,0); letter-spacing:3px; font-size:14px; margin-top:20px; padding:.3em 1em; line-height: 1.7em;}
	.section-6 .btn-enviar.bkg-azul		{box-shadow: 20px 25px 0px 0px rgba(37, 86, 191, 0.34);}

	.section-6 .section-6-3 span:after	{content:attr(order);}

	
@media only screen and (max-width:768px) {
	.section-6							{padding:8vh 0 12vh 0;}
}

/* --------------------------------------------------------------- */
	a.btn-preto									{text-decoration:none; color:#000; border:5px solid #000; padding:15px 30px; display:inline-block; font-size:15px;}
	a.btn-preto>span.fa							{color:transparent;}
	a.btn-preto:hover							{background-color:#000; color:#fff;}
	a.btn-preto:hover>span.fa					{color:inherit;}


	a.btn-amarelo								{text-decoration:none; color:var(--amarelo); border:5px solid var(--amarelo); padding:15px 30px;display:inline-block; font-size:15px;}
	a.btn-amarelo>span.fa						{color:transparent;}
	a.btn-amarelo:hover							{background-color:var(--amarelo); color:#fff;}
	a.btn-amarelo:hover>span.fa					{color:inherit;}