@import url("https://use.typekit.net/nqd3xmv.css");

*{
	margin: 0;
	padding: 0;
	border: 0;
	list-style:none;
	outline:none;
}

body{
	font-family: 'poppins', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #3c3c3c;
	width: 100%;
	height: 100%;
    scroll-behavior: smooth;
}

@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}
 
:target {
  scroll-margin-top: .8em;
}

a{
	text-decoration: none;
	color:#191f48;
	outline:none;
    transition: 0.5s;
		-webkit-transition: 0.5s;
}

a:hover{
	text-decoration: none;
	color:#1B1B1B;
}

h1{
	font-size:24px;
	margin:0;
	padding:0;
}

p{ margin:0; }

#loader{ position: fixed; width: 100%; height: 100%; background: #fff; z-index: 99999999999999; display: flex; align-items: center; justify-content: center; }
#entrada{ position: fixed; width: 100%; height: 100%; z-index: 99999999999; display: flex; align-items: center; justify-content: center; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background-color: rgba(255, 255, 255, 0.3); }
#entrada .dados{ background: #fff; max-width: 600px; width: 100%; padding: 50px 50px 0 50px; margin-left: 25px; margin-right: 25px; }
#entrada .dados h1{ font-size: 30px; }
#entrada .dados .select{ border: none; border-radius: 0; background: #ededed; min-height: 40px; }

.light{
	font-weight: 300;
}

.normal{
	font-weight: 400;
}

.normal2{
	font-weight: 600;
}

.destaque{
	font-weight: 700;
}

.bold{
	font-weight: 700;
}

.underline{
	text-decoration:underline;
}

.center{
	text-align: center;
}

.tright{
	text-align: right;
}

.justify{
	text-align: justify;
}

.aleft{
	text-align: left;
}

.clear{
	clear:both;	
}

.vmiddle{
	vertical-align:middle;	
}

.uper{ text-transform: uppercase; }

.m0{ margin:0; }
.p0{ padding:0; }
.p-5{ padding:5px; }
.p-10{ padding:10px; }
.pt-10{ padding-top:10px; }
.pb-10{ padding-bottom:10px; }
.pt-15{ padding-top:15px; }
.pb-15{ padding-bottom:15px; }
.pt-20{ padding-top:20px; }
.pb-20{ padding-bottom:20px; }
.pt-30{ padding-top:30px; }
.pb-30{ padding-bottom:30px; }
.pt-40{ padding-top:40px; }
.pb-40{ padding-bottom:40px; }
.pt-50{ padding-top:50px; }
.pb-50{ padding-bottom:50px; }
.pt-60{ padding-top:60px; }
.pb-60{ padding-bottom:60px; }
.pt-80{ padding-top:80px; }
.pb-80{ padding-bottom:80px; }
.pb-100{ padding-bottom:100px; }
.pt-100{ padding-top:100px; }
.pl-100{ padding-left:100px; }
.mt-3{ margin-top:3px; }
.mt-5{ margin-top:5px; }
.mb-5{ margin-bottom:5px; }
.mt-10{ margin-top:10px; }
.mb-10{ margin-bottom:10px; }
.mt-20{ margin-top:20px; }
.mb-20{ margin-bottom:20px; }
.mt-30{ margin-top:30px; }
.mb-30{ margin-bottom:30px; }
.mt-40{ margin-top:40px; }
.mb-40{ margin-bottom:40px; }
.mt-60{ margin-top:60px; }
.mb-60{ margin-bottom:60px; }
.mt-100{ margin-top:100px; }
.mb-100{ margin-bottom:100px; }

.f10{ font-size:10px; }
.f11{ font-size:11px; }
.f12{ font-size:12px; }
.f14{ font-size:14px; }
.f16{ font-size:16px; }
.f18{ font-size:18px; }
.f20{ font-size:20px; }
.f22{ font-size:22px; }
.f24{ font-size:24px; }
.f26{ font-size:26px; }
.f28{ font-size:28px; }
.f30{ font-size:30px; }
.f32{ font-size:32px; }
.f34{ font-size:34px; }
.f36{ font-size:36px; }
.f38{ font-size:38px; }
.f40{ font-size:40px; }
.f42{ font-size:42px; }
.f46{ font-size:46px; }
.f50{ font-size:50px; }
.f54{ font-size:54px; }
.f60{ font-size:60px; }
.f70{ font-size:70px; }
.f80{ font-size:80px; }

.lh-40{ line-height: 40px; }
.lh-50{ line-height: 50px; }

.branco{
	color:#fff;
}

.preto{
	color:#000;
}

.azul3{
	color:#16B7F3;
}

.azul2{
	color:#08132A;
}

.azul{
	color:#102A66;
}

.chumbo{
	color:#333;
}

.verde{
	color:#62b3a4;
}

.amarelo{ color: #F0CB0C }

.italic{
	font-style:italic;
}

.center{
	text-align:center;
}

.textRight{
	text-align:right;
}

.underline{
	text-decoration:underline;
}

.uppercase{
	text-transform:uppercase;	
}

.riscado{
	text-decoration:line-through;
}

.nounderline:hover{
	text-decoration:none;
}

.linha{ border-top: 2px solid #3c3c3c; max-width: 120px; }

.borderb{ border-bottom: 1px solid; }
.borda{ border: 1px solid #fff; }

.bg-cinza{ background: #d9d9d9; }
.bg-cinza2{ background: #ECECEC; }
.bg-cinza2 .form-control{ background-color: #fff; height: 60px; }
.bg-cinza2 .custom-file-upload { height: 60px; padding-top: 15px; }
.bg-azule{ background: #08132A; }
.bg-azulc{ background: #102A66; }

.home-linha{ border-top: 1px solid #8BC652; margin: 0px 170px -120px 170px }
.home-linha2{ border-top: 2px solid #16B7F3; margin: 0 10% -110px 10%; width: 80%; }
.home-txt{ display: table; margin: auto; padding: 0 20px; }

.alpha:hover{
	opacity: .7;
    filter: alpha(opacity = 70);
}

.line{
	margin:10px 0;
	border-bottom:3px solid #d37c2f;
}

.left{
	float:left;
}

.right{
	float:right;
}

.noborder{
	border:0
}

.btn-site{
	border-radius: 10px;
	padding: 10px 15px 5px 15px;
	background: #8BC652;
	border:none;
	color:#fff;
	font-size: 14px;
}
.btn-site:hover{ background:#6C9A40; color:#fff; }

.btn-site2{
	border-radius: 10px;
	padding: 15px 15px 10px 15px;
	background: #102A66;
	border:none;
	color:#fff;
	font-size: 14px;
}
.btn-site2:hover{ background:#0D204E; color:#fff; }

.btn-site3{
	border-radius: 10px;
	padding: 10px 15px 5px 15px;
	background: #009030;
	border:none;
	color:#fff;
	font-size: 14px;
}
.btn-site3:hover{ background:#006E24; color:#fff; }

.form-control{ border: 1px solid #626262; font-size: 20px; font-family: 'Montserrat', sans-serif }

.janela_politicas{
	position: fixed;
	z-index: 9999;
	bottom: 0;
	width: 100%;
	background: #011548;
	padding: 10px;
}

.janela_politicas a{ color: #fff; text-decoration: underline; }
.janela_politicas a:hover{ color: #ccc; }

.janela_politicas .aceite-politicas{
	float: left;
	margin-top: 10px;
}

.janela_politicas .btn-concordar{
	border: 1px solid #fff;
	color: #fff;
	padding: 10px 20px;
	float: right;
	text-decoration: none;
	cursor: pointer;
}

.janela_politicas .btn-concordar:hover{
	border: 1px solid #ccc;
	color: #ccc;
}

/*ESTRUTURA DO SITE*/
header#topo{
	background: #011548;
	width: 100%;
	transition: all 0.5s;
		-moz-transition: all 0.5s;
		-webkit-transition: all 0.5s;
}

header#topo .logo{ float:left; width:5%; padding: 10px 0; }
header#topo .logo img{ max-width: 100%; }
header#topo .menu{ float:right; width:65%; }
header#topo .midias{ float:right; width:20%; text-align: right; margin: 15px 0 0 0; }

header#topo .menu-mobile{ position: absolute; top:10px; left:10px; margin:3px 0 0 10px; float: left; display: none; color:#fff; }

header#topo .menu-mobile:hover{ color:#f1f1f1; }

header#topo ul#menu{ position: relative; width: 100%; float: right; padding: 10px 0 0 0; margin: 0; }

header#topo .menu ul#menu li{ float: left; width: 20%; padding:14px 0 0 0; margin: 0; text-align: center; font-weight: 400; }

header#topo ul#menu li a{ color: #fff; border: 0; text-decoration: none; font-size: 14px; border-bottom: 2px solid none; }
header#topo ul#menu li a.active, header#topo ul#menu li a:hover{ color: #8BC652; font-weight: 700; }

header#topo ul#menu li ul{ position: absolute; left: 0; width: 100%; display:none; border:0; box-shadow: none; }
header#topo ul#menu li:hover ul{ display:block; background: #333; padding: 5px 0; border: 1px solid #f1f1f1; }
header#topo ul#menu li ul li{ float: left; width: auto; padding: 0; margin: 5px 10px; }
header#topo ul#menu li:hover ul li a{ color: #fff; }
header#topo ul#menu li:hover ul li:hover a, header#topo ul#menu li:hover ul li.active a{ color: #24AAE1; }

/*menu mobile*/
header#topo #menu-mobile{ z-index:99999999999999999999999; background:#011548; }

header#topo #menu-mobile li{ display:table; width:100%; text-align:left; }

header#topo #menu-mobile li a{ color:#fff; }
header#topo #menu-mobile a:hover, header#topo #menu-mobile li.active{ background:#666; }

header#topo #menu-mobile li:hover { background:#666; }
/*Fim menu*/

.w1200{ 
	max-width:1280px;
	padding:0 10px;
	margin:auto;
}

.w1080{ 
	max-width:1080px;
	padding:0 10px;
	margin:auto;
}

.i75{
	float:left;
	width:75%;
}

.i60{
	float:left;
	width:60%;
}

.w60{ width:60%; }
.w50{ width:50%; }
.w40{ width:40%; }
.w33{ float:left; width:32.33%; }
.w1{ float:left; width:2px; margin-top: 100px; border-left: 1px solid #0A235B; padding: 110px 0; }

.i40{
	float:left;
	width:40%;
}

.i50{
	float:left;
	width:50%;
}

.i30{
	float:left;
	width:30%;
	padding: 10px;
}

.i33{
	float:left;
	width:31.33%;
	margin:1%;
	padding: 10px;
}

.i35{
	float:left;
	width:35%;
	padding: 10px;
}

.i25{
	float:left;
	width:25%;
	z-index: 2222;
}

.i20{
	float:left;
	width:20%;
	padding: 20px 0;
}

.servicos .servico{ float: left; width: 20%; padding: 0 30px; min-height: 210px }
.servicos .servico:first-child{ margin-left: 10%; }
.servicos .servico .max-80{ max-width: 80px; margin: auto; border-radius: 8px; }
.servicos .servico .max-80 img{ filter: brightness(300%); }
.servicos .servico a .max-80{
	transition: all 0.3s;
		-moz-transition: all 0.3s;
		-webkit-transition: all 0.3s;
}
.servicos .servico a:hover .max-80{
	transform: scale(1.2);
 }

.descubra{ background-image: url(../imagens/descubra.png); background-position: bottom center; background-repeat: no-repeat; }

.img:hover{
	opacity: 0.7; 
	Filter: Alpha(Opacity=70);
		-moz-opacity: 0.7;
}

.min{ min-height: 27vh; }
.min300{ min-width: 400px; }

.alert{
	width:100%;
	position:absolute;
	top:20px;
	z-index:999999999999999999999999999999999999999999999999999;
	text-align:center;
	display:none;
}

.seta{
	font-size:80px;
	opacity:0.30;
}

.seta:hover{
	font-size:80px;
	opacity:0.60;	
}

.flex{ display: flex; align-items: center; justify-content: center; }

.trabalheForm input, .contactForm input{ background: #f0f0f0; border-radius: 4px; border: 0; height: 50px; color: #999; }
.trabalheForm select, .contactForm select{ background: #f0f0f0 url(http://localhost/expertise.tec.br/imagens/bxs-down-arrow.svg) 97.5% 50% no-repeat; border-radius: 8px; border: 0;  height: 45px; appearance: none; color: #999; }
.trabalheForm textarea, .contactForm textarea{ background: #f0f0f0; border-radius: 4px; border: 0; color: #999; }

.trabalheForm input[type="file"] { display: none; }

.custom-file-upload {
    background: #f0f0f0 url(http://localhost/expertise.tec.br/imagens/bxs-download.svg) 97.5% 50% no-repeat;
	border-radius: 8px; 
	border: 0;
	height: 50px;
	padding-top: 10px;
	color: #999;
    display: inline-block;
    cursor: pointer;
}

.depoimento{
	background: #fff;
	border-radius: 10px;
	box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
	padding: 20px;
	position: relative;
	min-height: 320px;
}

.slick-slide a div{
	padding: 40px 30px;
	margin: 10px;
	transition: all 0.5s;
		-moz-transition: all 0.5s;
		-webkit-transition: all 0.5s;
 }
.slick-slide a div h1, .slick-slide a div h2{ color: #3c3c3c; opacity: 0.7; Filter: Alpha(Opacity=7); -moz-opacity: 7; }
.slick-slide a div img{ opacity: 0.8; Filter: Alpha(Opacity=8); -moz-opacity: 8; }

.slick-slide.slick-center a div{
	padding: 40px 30px;
	margin: 10px;
	background: #fff;
	border-radius: 10px;
	box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
 }
.slick-slide.slick-center a div h1{ color: #102A66; opacity: 1; Filter: Alpha(Opacity=1); -moz-opacity: 1; }
.slick-slide.slick-center a div h2{ color: #3c3c3c; opacity: 1; Filter: Alpha(Opacity=1); -moz-opacity: 1; }
.slick-slide.slick-center a div img{ filter: invert(78%) sepia(20%) saturate(1445%) hue-rotate(71deg) brightness(104%) contrast(102%); }

/*RODAPE*/
footer#rodape{
	background: #08132A;
	color: #fff;
}

footer#rodape .assinatura{
	padding:15px 0 15px 0;
}

footer#rodape .assinatura a:hover{ color:#ccc; }

footer#rodape .i35 a:hover{ color: #4C5F88; }

.bg-verde{
	background: #8BC652;
	transition: all 0.5s;
		-moz-transition: all 0.5s;
		-webkit-transition: all 0.5s;
}
.bg-verde:hover{ background: #6C9A40; }

.bg-verde2{ background: #009030 }

.whats{
	position: fixed;
	right: 25px;
	bottom: 25px;
}

.whats img{ max-width: 120px; }

.whats:hover{
	transform: scale(1.1);
}

.flutua{ position: relative; z-index: 9999; margin-top: -90px; border-radius: 8px; }
.icone{ filter: brightness(300%); max-width: 180px; }

@media (max-width: 2000px) {
	.banner{ width:100%; max-width: 2000px; }
}

@media (max-width: 1600px) {
	.banner{ width:100%; max-width:1600px; }
}

@media (max-width: 1400px) {
	.banner{ width:100%; max-width:1400px; }
}

@media (max-width: 1200px) {
	.banner{ width:100%; max-width:100%; }
	
	.w1200{ max-width:auto; }
	
	.w60, .w40{ width:50%; }
}

@media (max-width: 1080px) {
	.home-txt{ display: table; margin: auto; padding: 0 5px; }
}

@media (max-width: 1023px) {
	.janela_politicas .aceite-politicas{ width: 75%; margin-top: 0; }
}

@media (max-width: 900px) {
	header#topo .menu-mobile{ display: block; }
	header#topo .menu{ width: 0; }
	header#topo ul#menu{ display: none; }
	header#topo .logo{ width: 20%; margin-left: 40%; text-align: center; }
	header#topo .midias{ width: 40%; }

	.flex{ display: inherit; }
	
	.w50{ width: 98%; margin: 1% auto; }
	
	.i33{ width: 98%; text-align: center }
	.i35, .i30, .i40, .i60{ width: 98%; }
	.w1{ width:100%; border-left: 0; border-top: 1px solid #0A235B; padding: 1px; }
	
	footer#rodape .i35, footer#rodape.i30{ text-align: center }
	
	.i20, .i25{ width:50%; text-align: center }
	
	.pl-100{ padding-left:0px; }
	
	.esconde{ display: none; }
	
	.home-linha, .home-linha2{ border-top: 0; margin: 0px 160px -120px 160px }
	
	.janela_politicas .aceite-politicas{ width: 70%; margin-top: 0; }
}

@media (max-width: 800px) {
	.servicos .servico{ float: left; width: 33.33%; padding: 0 30px; min-height: 210px }
	.servicos .servico:first-child{ margin-left: 16.66%; }
	
	.janela_politicas{ text-align: center; padding: 10px 10px 20px 10px; }
	.janela_politicas .aceite-politicas{ width: 100%; margin-bottom: 15px; }
	.janela_politicas .btn-concordar{ float: none; }
}

@media screen and (max-width: 700px) {
	
}

@media screen and (max-width: 600px) {
	.i20{ width:100%; text-align: center; padding: 0 }
	.i20:first-child{ padding-top: 20px; }
	.i20:nth-child(5){ padding-bottom: 20px; }
	
	.w33{ width: 100%; }
}

@media screen and (max-width: 500px) {
	.servicos .servico{ float: left; width: 50%; padding: 0 30px; min-height: 210px }
	.servicos .servico:first-child{ margin-left: 0; }
	
	.flutua{ margin-top: -50px; }
	.icone{ max-width: 100px; }
	
	.i25{ width:100%; }
	
	.btn .f40{ font-size: 36px; }
	
	.w1080{ padding:0 20px; }
	
	.f22, .f20{ font-size: 18px; }
	
	.f60{ font-size:46px; }
	.f80{ font-size:50px; }
	header#topo .logo{ width: 20%; margin-left: 30%; }
	header#topo .midias{ width: 50%; }
}

@media screen and (max-width: 420px) {
	.f60{ font-size:42px; }
	
	.btn .f40{ font-size: 30px; }
	
	#relacionados .f26{ font-size: 20px; }
	#relacionados .f20{ font-size: 16px; }
}

@media screen and (max-width: 360px) {
	.btn .f40{ font-size: 28px; }
}