html, body{
	padding:0px;
	margin:0px;
	overflow-x: hidden;
	font-family: 'Roboto', sans-serif;
	background-color: #000;
}
a, ul, li, p, h1, h2, h3, h4, h5, h6, button, input, textarea{	
	text-decoration:none;
	margin: 0px;
	padding: 0px;
	line-height: 125%;
}
p{
	color: #FFF;
}
a{
	color: inherit;
}
*{
	transition: 0.3s ease;
}
.flex{
	display: flex;
	justify-content: space-between;
}
.container{
	max-width: 1000px;
	width:96%;
	height:auto;
	position: relative;
	z-index: 2;
	margin:auto;
}

/*HEADER*/
	header{
		position: fixed;
		z-index: 999;
		top: 0;
		width: 100%;
		padding: 15px 0;
		background-color: #000;
		border-bottom: 1px solid #1DA6;
	}
	header .container{
		align-items: center;
	}
	.headerMarca{
		margin: 0 50px 0 0;
	}
	.headerMarca img{
		width: 200px;
	}
	.headerConteudo{
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
	.headerMenuMobile{
		display: none;
	}
	.headerMenu{
		margin: 0 50px 0 0;
	}
	.headerMenu ul{
		display: flex;
		list-style: none;
	}
	.headerMenu li{
		margin: 0 20px 0 0;
		padding: 10px 0;
		font-weight: bold;
		text-transform: uppercase;
		position: relative;
		color: #FFF;
	}
	.headerMenu li:hover{
		color: #1DA;
	}
	.headerCta{
		display: flex;
		align-items: center;
	}
	.headerCta p{
		padding: 15px 20px;
		font-weight: bold;
		font-size: 14px;
		text-transform: uppercase;
		line-height: 125%;
		border-radius: 10px;
		color: #000;
		background-color: #0F9;
	}
	.headerCta p:hover{
		filter: brightness(1.2) drop-shadow(0 0 10px #0F9);
		transform: scale(1.05);

	}

/*TITULO*/
	.titulo{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.titulo01{
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 10px 30px;
		border: 2px solid #FFF;
		border-radius: 100px;
	}
	.titulo01 img{
		width: 20px;
		margin: 0 5px 0 0;
	}
	.titulo01 p{
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		color: #1DA;
	}
	.titulo02{
		width: 100%;
		margin: 25px 0 0;
	}	
	.titulo02 h2{
		text-align: center;
		font-size: 44px;
		color: #FFF;
	}
	.titulo02 h2 span{
		-webkit-background-clip: text;
	  	-webkit-text-fill-color: transparent;
		background-image: linear-gradient(to right, #1DA, #9FE);
	}

/*INICIAL BANNER*/
	.inicialBanner{
		padding: 150px 0 0;
		position: relative;
		background-repeat: no-repeat;
		background-position: 500px 200px;
		background-image: url(../img/backgroundInicialBanner.webp);
	}
	.inicialBannerConteudo{
		width: 100%;
	}
	.inicialBannerConteudo01{
		width: 190px;
		display: flex;
		justify-content: center;
		border: 1px solid #FFF;
		border-radius: 100px;
		padding: 5px 10px;
	}
	.inicialBannerConteudo01 p{
		font-size: 14px;
		padding: 5px 0;
	}
	.inicialBannerConteudo01 p span{
		padding: 0 5px 0 0;
		font-size: 14px;
		color: #1DA;
	}
	.inicialBannerConteudo02{
		width: 100%;
		padding: 0 0 25px;
	}
	.inicialBannerConteudo02 h1{
		padding: 25px 0;
		font-size: 60px;
		line-height: 110%;
		color: #FFF;
	}
	.inicialBannerConteudo02 h1 span{
		color: #1DA;
	}
	.inicialBannerConteudo02 p{
		font-size: 18px;
		color: #9FE;
	}
	.inicialBannerConteudo02 p span{
		padding: 0 5px;
	}
	.inicialBannerConteudo03{
		width: 100%;
	}
	.inicialBannerConteudo03 p{
		font-size: 18px;
		line-height: 150%;
		color: #FFF;
	}
	.inicialBannerConteudo04{
		width: 100%;
		padding: 25px 0 0;
		display: flex;
	}
	.inicialBannerConteudo04Btn01{
		display: flex;
		align-items: center;
		margin: 0 10px 0 0;
		padding: 10px 20px;
		border-radius: 10px;
		border: 2px solid #0F9;
		background-color: #0F9;
	}
	.inicialBannerConteudo04Btn01:hover{
		filter: brightness(1.2) drop-shadow(0 0 10px #0F9);
		transform: scale(1.05);
	}
	.inicialBannerConteudo04Btn01 p{
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		color: #000;
	}
	.inicialBannerConteudo04Btn01 img{
		height: 20px;
		margin: 0 5px 0 0;
		filter: invert(1);
	}
	.inicialBannerConteudo04Btn02{
		display: flex;
		align-items: center;
		padding: 15px 20px;
		border-radius: 10px;
		border: 2px solid #0F9;
		background-color: #333;
	}
	.inicialBannerConteudo04Btn02:hover{
		background-color: #0F9;
		filter: brightness(1.2) drop-shadow(0 0 10px #0F9);
		transform: scale(1.05);
	}
	.inicialBannerConteudo04Btn02 p{
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		color: #0F9;
	}
	.inicialBannerConteudo04Btn02:hover p{
		color: #000;
	}
	.inicialBannerConteudo04Btn02 img{
		height: 20px;
		margin: 0 5px 0 0;
	}
	.inicialBannerConteudo04Btn02:hover img{
		filter: brightness(0);
	}
	.inicialBannerConteudo05{
		width: 100%;
		display: flex;
		align-items: center;
		margin: 25px 0 0;
	}
	.inicialBannerConteudo05Bg{
		display: flex;
		align-items: center;
		margin: 0 10px 0 0;
	}
	.inicialBannerConteudo05Bg img{
		width: 25px;
		margin: 0 2px 0 0;
	}
	.inicialBannerConteudo05Bg p{
		font-size: 15px;
	}
	.inicialBannerVideo{
		min-width: 500px;
		display: flex;
		justify-content: flex-end;
		align-items: flex-end;
	}
	.inicialBannerVideoBg{
		width: 350px;
		height: 500px;
		margin: 100px 0 0;
		border-radius: 20px;
		overflow: hidden;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #FFF;
	}
	.inicialBannerVideoBg video{
		height: 500px;
	}
	.inicialBannerEfeito01{
		width: 100px;
		height: 100px;
		position: absolute;
		top: 150px;
		right: 150px;
		border-radius: 100px;
		background-color: #1DA;
		filter: blur(50px);
		animation: inicialBannerEfeito01 5s ease infinite;
	}
	@keyframes inicialBannerEfeito01{
		0%{
			transform: scale(1.0);
		}
		50%{
			transform: scale(2.0);
			filter: blur(50px) saturate(125%);
		}
		100%{
			transform: scale(1);
		}
	}
	.inicialBannerEfeito02{
		width: 100px;
		height: 100px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -50px -50px 0 0;
		border-radius: 100px;
		background-color: #FFF;
		filter: blur(50px);
		animation: inicialBannerEfeito02 7s ease infinite;
	}
	@keyframes inicialBannerEfeito02{
		0%{
			transform: scale(1.0);
			opacity: 0.5;
		}
		50%{
			transform: scale(1.2);
			filter: blur(100px) saturate(125%);
		}
		100%{
			transform: scale(1);
			opacity: 0.5;
		}
	}

/*INICIAL SERVICOS*/
	.inicialServicos{
		width: 100%;
		padding: 100px 0;
		margin: 100px 0;
		border-top: 1px solid #0F96;
		border-bottom: 1px solid #0F96;
	}
	.inicialServicosConteudo{
		display: flex;
		justify-content: center;
		margin: 50px 0 0;
	}
	.inicialServicosBg{
		width: 100%;
		max-width: 350px;
		margin: 0 25px;
		padding: 50px 25px;
		border-radius: 25px;
		border: 2px solid #FFF;
	}
	.inicialServicosBg:hover{
		transform: scale(1.05);
		border: 2px solid #1DA;
		box-shadow: 0 0 20px #1DA;
		background-color: #1DA3;
	}
	.inicialServicosTitulo{
		width: 100%;
	}
	.inicialServicosTitulo img{
		width: 50px;
		margin: 0 -5px;
	}
	.inicialServicosTitulo h3{
		font-size: 36px;
		color: #FFF;
	}
	.inicialServicosTexto{
		width: 100%;
		margin: 25px 0;
	}
	.inicialServicosTextoBg{
		width: 100%;
		margin: 10px 0;
		display: flex;
	}
	.inicialServicosTextoBg img{
		width: 20px;
		height: 20px;
		margin: 0 5px 0 0;
	}
	.inicialServicosTextoBg p{
		font-size: 18px;
		font-weight: 300;
	}
	.inicialServicosBtn{
		width: 100%;
		cursor: pointer;
	}
	.inicialServicosBtn p{
		font-weight: bold;
		font-size: 16px;
		text-transform: uppercase;
		color: #1DA;
	}
	.inicialServicosBtn p:hover{
		filter: brightness(1.2);
	}
	.inicialServicosBtn p:hover span{
		padding: 0 10px;
	}

/*INICIAL PORTFOLIO*/
	.inicialPotfolio{
		width: 100%;
		position: relative;
	}
	.inicialPotfolioConteudo{
		width: 100%;
		margin: 50px 0;
		display: flex;
		flex-wrap: wrap;
	}
	.inicialPotfolioConteudoBg{
		width: 30%;
		height: 350px;
		margin: 1.33%;
		border-radius: 10px;
		overflow: hidden;
		background-color: #FFF;
	}
	.inicialPotfolioConteudoBg:hover{
		transform: scale(1.05);
		box-shadow: 0 0 20px #1DA;
	}
	.inicialPotfolioConteudoBgImagem{
		height: 100%;
		height: 100%;
		background-color: #1DA;
	}
	.inicialPotfolioConteudoBgImagem:hover{
		transform: scale(1.1);
	}
	.inicialPotfolioBtn{
		width: 100%;
		display: flex;
		justify-content: center;
	}
	.inicialPotfolioBtn p{
		font-weight: bold;
		font-size: 14px;
		text-transform: uppercase;
		padding: 15px 20px;
		border: 2px solid #0F9;
		border-radius: 10px;
		color: #0F9;
		background-color: #333;
	}
	.inicialPotfolioBtn p:hover{
		filter: brightness(1.2) drop-shadow(0 0 10px #0F9);
		transform: scale(1.05);
		color: #000;
		background-color: #0F9;
	}

/*SERVICOS BANNER*/
	.servicosBanner{
		width: 100%;
		height: auto;
		display: flex;
		justify-content: flex-end;
		align-items: flex-end;
	}	
	.servicosBanner video{
		width: 100%;
	}

/*SERVICOS INFO*/
	.servicosInfo{
		width: 100%;
		padding: 100px 0;
		position: relative;
	}	
	.servicosInfo01{
		width: 75%;
		margin: 0 50px 0 0;
	}
	.servicosInfo01Estrelas{
		width: 190px;
		display: flex;
		justify-content: center;
		border: 1px solid #FFF;
		border-radius: 100px;
		padding: 5px 10px;
	}
	.servicosInfo01Estrelas p{
		font-size: 14px;
		padding: 5px 0;
	}
	.servicosInfo01Estrelas p span{
		padding: 0 5px 0 0;
		font-size: 14px;
		color: #1DA;
	}
	.servicosInfo01Titulo{
		width: 100%;
		padding: 0 0 25px;
	}
	.servicosInfo01Titulo h1{
		padding: 25px 0;
		font-size: 60px;
		line-height: 110%;
		color: #FFF;
	}
	.servicosInfo01Titulo h1 span{
		color: #1DA;
	}
	.servicosInfo01Titulo p{
		font-size: 18px;
		color: #9FE;
	}
	.servicosInfo02{
		width: 100%;
	}
	.servicosInfo02Itens{
		width: 100%;
		margin: 70px 0 0;
	}
	.servicosInfo02ItensBg{
		width: 100%;
		margin: 0 0 10px;
		display: flex;
		align-items: center;
	}
	.servicosInfo02ItensBg img{
		width: 20px;
		margin: 0 5px 0 0;
	}
	.servicosInfo02ItensBg p{
		font-size: 18px;
		font-weight: 300;
	}
	.servicosInfo02Cta{
		width: 100%;
	}
	.servicosInfo02CtaBg{
		width: 100%;
		padding: 25px 0 0;
		display: flex;
	}
	.servicosInfo02CtaBtn01{
		display: flex;
		align-items: center;
		margin: 0 10px 0 0;
		padding: 10px 20px;
		border-radius: 10px;
		border: 2px solid #0F9;
		background-color: #0F9;
	}
	.servicosInfo02CtaBtn01:hover{
		filter: brightness(1.2) drop-shadow(0 0 10px #0F9);
		transform: scale(1.05);
	}
	.servicosInfo02CtaBtn01 p{
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		color: #000;
	}
	.servicosInfo02CtaBtn01 img{
		height: 20px;
		margin: 0 5px 0 0;
		filter: invert(1);
	}
	.servicosInfo02CtaBtn02{
		display: flex;
		align-items: center;
		padding: 15px 20px;
		border-radius: 10px;
		border: 2px solid #0F9;
		background-color: #333;
	}
	.servicosInfo02CtaBtn02:hover{
		background-color: #0F9;
		filter: brightness(1.2) drop-shadow(0 0 10px #0F9);
		transform: scale(1.05);
	}
	.servicosInfo02CtaBtn02 p{
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		color: #0F9;
	}
	.servicosInfo02CtaBtn02:hover p{
		color: #000;
	}
	.servicosInfo02CtaBtn02 img{
		height: 20px;
		margin: 0 5px 0 0;
	}
	.servicosInfo02CtaBtn02:hover img{
		filter: brightness(0);
	}
	.servicosInfo02CtaItens{
		width: 100%;
		display: flex;
		align-items: center;
		margin: 25px 0 0;
	}
	.servicosInfo02CtaItensBg{
		display: flex;
		align-items: center;
		margin: 0 10px 0 0;
	}
	.servicosInfo02CtaItensBg img{
		width: 25px;
		margin: 0 2px 0 0;
	}
	.servicosInfo02CtaItensBg p{
		font-size: 15px;
	}
	.servicosInfoEfeito{
		width: 100px;
		height: 100px;
		position: absolute;
		bottom: 250px;
		left: 150px;
		border-radius: 100px;
		background-color: #1DA;
		filter: blur(50px);
		animation: servicosInfoEfeito 7s ease infinite;
	}
	@keyframes servicosInfoEfeito{
		0%{
			transform: scale(1.0);
			opacity: 0.75;
		}
		50%{
			transform: scale(1.5);
			filter: blur(100px) saturate(125%);
		}
		100%{
			transform: scale(1);
			opacity: 1;
		}
	}

/*SERVICOS CONTEUDO*/
	.servicosConteudo{
		width: 100%;
		padding: 100px 0 0;
		border-top: 1px solid #0F96;
	}
	.servicosConteudoPortfolio{
		width: 100%;
		margin: 50px 0 0;
		position: relative;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.servicosConteudoPortfolioBg{
		width: 50%;
		display: flex;
		flex-wrap: wrap;
	}
	.servicosConteudoPortfolioImagem{
		width: 100%;
		height: auto;
		padding: 20px;
		border-radius: 10px;
	}
	.servicosConteudoPortfolioImagem img{
		width: 100%;
		border-radius: 10px;
		filter: drop-shadow(0 0 10px #1DA9);
	}
	.servicosConteudoPortfolioImagem:hover img{
		
		transform: scale(0.95);
		filter: drop-shadow(0 0 20px #1DA);
	}
	.servicosConteudoPortfolioImagem p{
		margin: 10px;
		font-size: 26px;
		font-weight: bold;
		display: flex;
		align-items: center;
		color: #FFF;
	}
	.servicosConteudoPortfolioBgAtivo .servicosConteudoPortfolioImagem p{
		color: #1DA;
	}
	.servicosConteudoPortfolioImagem span{
		margin: 0 5px;
		font-size: 18px;
		padding: 0px 10px;
		border-radius: 100px;
		cursor: pointer;
		color: #000;
		background-color: #1DA;
	}
	.servicosConteudoPortfolioImagem span:last-child{
		display: none;
	}
	.servicosConteudoPortfolioBgAtivo span:last-child{
		background-color: #1DA;
		display: block;
	}
	.servicosConteudoPortfolioBgAtivo span:first-child{
		display: none;
	}
	.servicosConteudoPortfolioInfo{
		width: 200%;
		margin: 0 -100% 0 0;
		display: none;
		position: relative;
		border-radius: 10px;
		padding: 40px 0;
	}
	.servicosConteudoPortfolioBgAtivo .servicosConteudoPortfolioInfo{
		display: flex;
	}
	.servicosConteudoPortfolioBg:nth-of-type(even) .servicosConteudoPortfolioInfo{
		margin: 0 0 0 -100%;
	}
	.servicosConteudoPortfolioInfoEfeito{
		top: 15px;
		left: 100px;
		position: absolute;
		width: 0; 
		height: 0; 
		border-left: 25px solid transparent;
		border-right: 25px solid transparent;
		border-bottom: 25px solid #1DA;
	}
	.servicosConteudoPortfolioBg:nth-of-type(even) .servicosConteudoPortfolioInfoEfeito{
		right: 100px;
		left: auto;
	}
	.servicosConteudoPortfolioInfoTexto{
		width: 100%;
		padding: 50px;
		position: relative;
		z-index: 2;
		border-radius: 10px;
		margin: 0 20px 0;
		align-items: flex-start;
		border: 2px solid #1DA;
		background-color: #1DA3;
	}
	.servicosConteudoPortfolioInfoTexto01{
		width: 100%;
	}	
	.servicosConteudoPortfolioInfoTexto h2{
		margin: 0 0 25px;
		font-size: 24px;
		color: #FFF;
	}
	.servicosConteudoPortfolioInfoTexto p{
		font-size: 18px;
		font-weight: 300;
		margin: 10px 0;
		color: #FFF;
	}
	.servicosConteudoPortfolioInfoTexto02{
		width: 240px;
		display: flex;
		align-items: center;
		margin: 50px 0 0 0;
		padding: 10px 15px;
		border-radius: 10px;
		border: 2px solid #0F9;
		background-color: #0F9;
	}
	.servicosConteudoPortfolioInfoTexto02:hover{
		filter: brightness(1.2) drop-shadow(0 0 10px #0F9);
		transform: scale(1.05);
	}
	.servicosConteudoPortfolioInfoTexto02 p{
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		color: #000;
	}
	.servicosConteudoPortfolioInfoTexto02 img{
		height: 25px;
		margin: 0 5px 0 0;
		filter: brightness(0);
	}

/*CLIENTE BANNER*/
	.clientesBanner{
		width: 100%;
		height: 90vh;
		background-position: center;
		background-attachment: fixed;
		background-size: cover;
	}
	.clientesBanner img{
		width: 100%;
	}

/*CLIENTE CONTEUDO*/
	.clientesConteudo{
		width: 100%;
		padding: 0 0 100px;
		position: relative;
	}
	.clientesConteudoEfeito{
		width: 100%;
		height: 10px;
		position: absolute;
		top: -5px;
		border-radius: 100%;
		filter: blur(5px);
		background-color: #1DA;
	}
	.clientesConteudoBg{
		width: 100%;
	}
	.clientesConteudoBg .titulo{
		margin: 0 50px 0 0;
		display: flex;
		align-items: flex-end;
		align-content: flex-end;
		justify-content: flex-start;
	}
	.clientesConteudoBg .titulo h2{
		text-align: left;
		font-weight: 300;
		font-size: 36px;
		line-height: 150%;
	}
	.clientesConteudoBg .titulo h2 span{
		padding: 10px 0;
		font-size: 72px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: left;
	}
	.servicosConteudoInfo{
		width: 100%;
		margin: -50px 0 0 50px;
		padding: 75px 50px;
		border-radius: 20px;
		background-color: #1DA;
	}
	.servicosConteudoInfo p:first-child{
		font-size: 28px;
		font-weight: bold;
		line-height: 100%;
		color: #000;
	}
	.servicosConteudoInfo p:last-child{
		margin: 10px 0 0;
		font-size: 20px;
		font-weight: 300;
		color: #000;
	}

/*CLIENTE MARCA*/
	.clienteMarca{
		width: 100%;
		margin: 100px 0;
		text-align: center;
	}
	.clienteMarca img{
		width: 80%;
	}

/*CLIENTE DESCRIÇAO*/
	.clienteDescricao{
		width: 100%;
		background-image: linear-gradient(to right, #000 50%, #1DA 50%);
	}
	.clienteDescricao .container{
		align-items: center;
	}
	.clienteDescricao01{
		width: 50%;
		margin: 0 50px 0 0;
	}
	.clienteDescricao01 p:first-child{
		font-size: 28px;
		font-weight: bold;
		color: #1DA;
	}
	.clienteDescricao01 p:last-child{
		margin: 10px 0 0;
		font-size: 20px;
		font-weight: 300;
		color: #1DA;
	}
	.clienteDescricao02{
		width: 100%;
		display: flex;
		align-items: center;
		border-radius: 20px;
		padding: 50px 0 50px 50px;
		background-color: #1DA;
	}
	.clienteDescricao02Texto{
		width: 100%;
	}
	.clienteDescricao02Texto p{
		margin: 10px 0 0;
		font-size: 18px;
		font-weight: 300;
		color: #000;
	}
	.clienteDescricao02Imagem{
		width: 30%;
		margin: 0 0 0 25px;
	}
	.clienteDescricao02Imagem img{
		width: 100%;
	}

/*CLIENTE PORTFOLIO*/
	.clientePortfolio{
		width: 100%;
		margin: 100px 0 -100px;
		display: flex;
		flex-wrap: wrap;
	}
	.clientePortfolioBg{
		height: 500px;
		background-size: cover;
		background-position: center;
		background-color: #FFF;
	}
	.clientePortfolioBg100{
		width: 100%;
	}
	.clientePortfolioBg75{
		width: 70%;
	}
	.clientePortfolioBg50{
		width: 50%;
	}
	.clientePortfolioBg25{
		width: 50%;
	}

/*FRASE*/
	.frase{
		width: 100%;
		position: relative;
		padding: 100px 0;
		margin: 100px 0;
		border-top: 1px solid #0F96;
		border-bottom: 1px solid #0F96;
	}
	.frase01{
		width: 100%;	
		text-align: center;
	}
	.frase01 img{
		width: 50px;
		height: 50px;
		padding: 10px;
		border-radius: 100px;
		border: 1.5px solid #FFF;
	}
	.frase01 h2{
		text-align: center;
		font-size: 44px;
		color: #FFF;
	}
	.frase01 h2 span{
		-webkit-background-clip: text;
	  	-webkit-text-fill-color: transparent;
		background-image: linear-gradient(to right, #1DA, #9FE);
	}
	.frase01 p{
		max-width: 800px;
		margin: 25px auto;
		text-align: center;
		font-size: 28px;
		font-weight: 300;
		color: #FFF;
	}
	.frase02{
		width: 100%;
		margin: 50px 0 0;
		display: flex;
		justify-content: center;
	}
	.frase02Btn01{
		display: flex;
		align-items: center;
		margin: 0 10px 0 0;
		padding: 10px 20px;
		border-radius: 10px;
		border: 2px solid #0F9;
		background-color: #0F9;
	}
	.frase02Btn01:hover{
		filter: brightness(1.2) drop-shadow(0 0 10px #0F9);
		transform: scale(1.05);
	}
	.frase02Btn01 p{
		font-size: 16px;
		font-weight: bold;
		text-transform: uppercase;
		color: #000;
	}
	.frase02Btn01 img{
		height: 25px;
		margin: 0 5px 0 0;
		filter: brightness(0);
	}
	.frase03{
		margin: 50px 0 0;
		padding: 50px 50px 0;
		border-top: 1px solid #FFF9;
		display: flex;
		justify-content: center;
	}
	.frase03Bg{
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.frase03Bg img{
		width: 30px;
		margin: 0 5px 0 0;
	}
	.frase03Bg p{
		font-size: 18px;
		font-weight: 500;
		line-height: 100%;
	}
	.frase03Bg p span{
		font-size: 14px;
		font-weight: 300;
	}
	.fraseEfeito01{
		width: 100px;
		height: 100px;
		position: absolute;
		top: 150px;
		right: 100px;
		border-radius: 100px;
		background-color: #1DA;
		filter: blur(50px);
		animation: fraseEfeito01 5s ease infinite;
	}
	@keyframes fraseEfeito01{
		0%{
			transform: scale(1.0);
		}
		50%{
			transform: scale(2.0);
			filter: blur(50px) saturate(125%);
		}
		100%{
			transform: scale(1);
		}
	}
	.fraseEfeito02{
		width: 100px;
		height: 100px;
		position: absolute;
		bottom: 250px;
		left: 50px;
		border-radius: 100px;
		background-color: #1DA;
		filter: blur(50px);
		animation: fraseEfeito02 3s ease infinite;
	}
	@keyframes fraseEfeito02{
		0%{
			transform: scale(1.0);
			opacity: 0.5;
		}
		50%{
			transform: scale(1.5);
			filter: blur(100px) saturate(125%);
		}
		100%{
			transform: scale(1);
			opacity: 0.5;
		}
	}

/*FOOTER*/
	footer{
		width: 100%;
		padding: 0 0 50px;
	}
	.footerConteudo{
		width: 100%;
		display: flex;
	}
	.footerMarca{
		width: 100%;
	}
	.footerMarca img{
		width: 250px;
		max-width: 90%;
	}
	.footerMarca p{
		width: 300px;
		max-width: 90%;
		margin: 25px 0;
		font-size: 16px;
		font-weight: 300;
	}
	.footerRSocial{
		display: flex;
	}
	.footerRSocial img{
		margin: 0 10px 0 0;
		width: 40px;
	}
	.footerRSocial img:hover{
		transform: scale(1.2);
	}
	.footerMenu{
		width: 100%;
		margin: 0 0 0 25px;
	}
	.footerMenu h2{
		margin: 25px 0;
		font-size: 22px;
		color: #FFF;
	}
	.footerMenu ul{
		list-style: none;
	}
	.footerMenu li{
		display: flex;
		margin: 5px 0;
		color: #FFF;
	}
	.footerMenu li span{
		margin: 0 5px 0 0;
		font-size: 12px;
		transform: rotate(45deg);
		color: #1DA;
	}
	.footerMenu li:hover{
		font-weight: bold;
	}
	.footerMenu li:hover span{
		margin: 0 10px 0 5px
	}
	.footerContato{
		width: 100%;
	}
	.footerContato h2{
		margin: 25px 0;
		font-size: 22px;
		color: #FFF;
	}
	.footerContatoBg{
		margin: 0 0 15px;
		display: flex;
		align-items: center;
	}
	.footerContatoBg img{
		margin: 0 10px 0 0;
		width: 30px;
	}
	.footerCopyright{
		width: 100%;
		margin: 50px 0 0;
		padding: 50px 0 10px 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-top: 1px solid #0F96;
	}
	.footerCopyright p:first-child{
		font-size: 14px;
	}		
	.footerCopyright p:last-child{
		border: 1px solid #FFF;
		font-size: 15px;
		padding: 7px 20px;
		border-radius: 100px;
	}
	.footerCopyright p:last-child span{
		padding: 0 5px 0 0;
		color: #1DA;
	}

/*COOKIES*/
	.cookies{
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		z-index: 9999;
		background-color: #0009;
	}
	.cookies .container{
		display: flex;
		justify-content: flex-end;
	}
	.cookiesAviso{
		width: 100%;
		max-width: 300px;
		position: fixed;
		bottom: 0px;
		padding: 20px 0;
		border-radius: 10px 10px 0 0;
		background-color: #FFF;
	}
	.cookiesTexto{
		width: 100%;
		margin: 0 0 20px;
	}
	.cookiesTexto p{
		font-size: 16px;
		text-align: center;
		line-height: 125%;
		margin: 0 10px;
		color: #999;
	}
	.cookiesBotoes{
		width: 100%;
		display: flex;
		justify-content: center;
		margin: 0 0 10px;
	}
	.cookiesBotoes p{
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		text-transform: uppercase;
		margin: 0 10px;
		color: #555;
	}
	.cookiesBotoes p:nth-child(1){
		padding: 10px 20px;
		border-radius: 100px;
		border: 1px solid #555;
		cursor: pointer;
	}
	.cookiesBotoes p:nth-child(1):hover{
		background-color: #555;
		color: #FFF;
	}
	.cookiesBotoes p:nth-child(2){
		font-weight: bold;
		padding: 10px 30px;
		border-radius: 100px;
		border: 1px solid #CCC;
		cursor: pointer;
		color: #FFF;
		background-color: #296;
	}
	.cookiesBotoes p:nth-child(2):hover{
		background-color: #555;
	}
	.cookiesPopUp{
		width: 100%;
		height: 100vh;
		position: fixed;
		top: 0px;
		z-index: 9999;
		background-color: #000C;
		display: none;
	}
	.cookiesPopUp .container{
		height: 100%;
		align-items: center;
		justify-content: center;
	}
	.cookiesPopUpConteudo{
		max-width: 500px;
		align-items: center;
		position: relative;
		background-color: #FFF;
	}
	.cookiesPopUpFechar{
		width: 40px;
		height: 40px;
		border-radius: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: -20px;
		right: -20px;
		cursor: pointer;
		background-color: #FFF;
	}
	.cookiesPopUpFechar p{
		font-size: 16px;
		font-weight: bold;
		color: #000;
	}
	.cookiesPopUpTexto{
		width: auto;
		max-height: 500px;
		padding: 25px;
		overflow: auto;
	}
	.cookiesPopUpTexto h2{
		font-size: 24px;
		padding: 0 0 25px;
		border-bottom: 1px solid #EEE;
	}
	.cookiesPopUpTexto h3{
		margin: 25px 0 10px;
		font-size: 20px;
	}
	.cookiesPopUpTexto p{
		margin: 0 0 10px;
		color: #555;
	}

@media screen and (max-width:1024px) and (min-width: 768px){
	
}

@media screen and (max-width:767px){
	.flex{
		flex-wrap: wrap;
	}

	/*HEADER*/
		.headerMarca img{
			width: 150px;
		}
		.headerMenuMobile{
			width: 40px;
			height: 40px;
			display: flex;
			justify-content: center;
			align-items: center;
			position: absolute;
			top: 0px;
			right: 0px;
			border-radius: 10px;
			background-color: #1DA;
		}
		.headerMenuMobile p{
			font-size: 30px;
			margin: -4px 0 0;
			color: #000;
		}
		.headerMenu{
			width: 100%;
			position: fixed;
			top: 70px;
			bottom: 0px;
			right: 0px;
			left: 0px;
			margin: 0;
			background-color: #1DA;
		}
		.headerMenu ul{
			padding: 50px 0;
			flex-wrap: wrap;
			justify-content: center;
		}
		.headerMenu li{
			width: 100%;
			margin: 0;
			padding: 10px 0;
			text-align: center;
			font-size: 20px;
			color: #000;
		}
		.headerMenu li:hover{
			color: #FFF;
		}
		.headerCta{
			width: 100%;
			position: fixed;
			right: 0;
			left: 0;
			bottom: 0;
			background-color: #0F9;
		}
		.headerCta p{
			width: 100%;
			text-align: center;
		}

	/*TITULO*/
		.titulo02 h2{
			font-size: 40px;
			line-height: 100%;
		}

	/*INICIAL BANNER*/
		.inicialBanner{
			padding: 100px 0 0;
		}
		.inicialBannerConteudo02 br{
			display: none;
		}
		.inicialBannerConteudo02 h1{
			font-size: 44px;
		}
		.inicialBannerConteudo02 p{
			font-size: 18px;
		}
		.inicialBannerConteudo03 p{
			font-size: 16px;
		}
		.inicialBannerConteudo04Btn01{
			padding: 10px 20px;
		}
		.inicialBannerConteudo04Btn02{
			padding: 10px 20px;
		}
		.inicialBannerConteudo05Bg{
			margin: 0 10px;
		}
		.inicialBannerConteudo05Bg img{
			margin: 0 0 5px;
		}
		.inicialBannerConteudo05Bg p{
			line-height: 100%;
		}
		.inicialBannerVideo{
			width: 100%;
			min-width: auto;
			margin: 50px 0 0;
			border-radius: 25px;
		}
		.inicialBannerVideoBg{
			width: 100%;
			margin: 0;
			border-radius: 10px;
		}

	/*INICIAL SERVICOS*/
		.inicialServicos{
			padding: 50px 0;
			margin: 50px 0;
		}
		.inicialServicosConteudo{
			flex-wrap: wrap;
		}
		.inicialServicosBg{
			max-width: auto;
			margin: 0 0 25px;
			padding: 50px 25px;
		}
		.inicialServicosBg:hover{
			transform: scale(1.02);
		}
		.inicialServicosTitulo h3{
			font-size: 30px;
		}

	/*INICIAL PORTFOLIO*/
		.inicialPotfolioConteudoBg{
			width: 46%;
			height: 220px;
			margin: 2%;
		}

	/*SERVICOS BANNER*/
		.servicosBanner{
			padding: 100px 0 0;
		}

	/*SERVICOS INFO*/
		.servicosInfo{
			padding: 50px 0;
		}	
		.servicosInfo01{
			width: 100%;
			margin: 0;
		}
		.servicosInfo01Titulo br{
			display: none;
		}
		.servicosInfo01Titulo h1{
			padding: 50px 0 15px;
			font-size: 42px;
			line-height: 120%;
		}
		.servicosInfo02Itens{
			margin: 15px 0 0;
		}
		.servicosInfo02ItensBg p{
			font-size: 16px;
			font-weight: 300;
		}		
		.servicosInfo02CtaBtn01{
			padding: 10px 20px;
		}
		.servicosInfo02CtaBtn02{
			padding: 10px 20px;
		}		
		.servicosInfo02CtaItensBg{
			margin: 0 10px;
		}
		.servicosInfo02CtaItensBg img{
			margin: 0 0 5px;
		}
		.servicosInfo02CtaItensBg p{
			line-height: 100%;
		}

	/*SERVICOS CONTEUDO*/
		.servicosConteudo{
			padding: 50px 0 0;
		}
		.servicosConteudoPortfolioBg{
			width: 100%;
		}
		.servicosConteudoPortfolioImagem p{
			font-size: 22px;
			display: flex;
			justify-content: space-between;
		}
		.servicosConteudoPortfolioImagem span{
			font-size: 16px;
			padding: 0px 8px;
		}
		.servicosConteudoPortfolioInfo{
			width: 100%;
			margin: 0;
			padding: 25px 0;
		}
		.servicosConteudoPortfolioBgAtivo .servicosConteudoPortfolioInfo{
			display: flex;
		}
		.servicosConteudoPortfolioBg:nth-of-type(even) .servicosConteudoPortfolioInfo{
			margin: 0;
		}	
		.servicosConteudoPortfolioInfoEfeito{
			top: 5px;
			left: 50px;
			border-left: 20px solid transparent;
			border-right: 20px solid transparent;
			border-bottom: 20px solid #1DA;
		}
		.servicosConteudoPortfolioBg:nth-of-type(even) .servicosConteudoPortfolioInfoEfeito{
			left: 50px;
		}	
		.servicosConteudoPortfolioInfoTexto{
			padding: 50px 0px 25px;			
		}
		.servicosConteudoPortfolioInfoTexto01{
			width: auto;
			padding: 0 25px;
		}	
		.servicosConteudoPortfolioInfoTexto01 h2{
			font-size: 18px;
			line-height: 125%;
			margin: 0;
		}
		.servicosConteudoPortfolioInfoTexto01 p{
			font-size: 16px;
		}
		.servicosConteudoPortfolioInfoTexto02{
			width: auto;
			margin: 25px;
		}
		.servicosConteudoPortfolioInfoTexto02 p{
			font-size: 14px;
		}

	/*CLIENTE BANNER*/
		.clientesBanner{
			height: 300px;
			margin: 100px 0 0;
			background-attachment: scroll;
		}

	/*CLIENTE CONTEUDO*/
		.clientesConteudo{
			padding: 0 0 50px;
		}
		.clientesConteudoBg .titulo{
			margin: 0;
		}
		.clientesConteudoBg .titulo h2{
			font-size: 30px;
		}
		.clientesConteudoBg .titulo h2 span{
			font-size: 48px;
		}
		.servicosConteudoInfo{
			margin: 10px 0 0;
			padding: 50px 25px;
		}
		.servicosConteudoInfo p:first-child{
			font-size: 24px;
		}
		.servicosConteudoInfo p:last-child{
			font-size: 18px;
		}

	/*CLIENTE MARCA*/
		.clienteMarca{
			margin: 50px 0;
		}

	/*CLIENTE DESCRIÇAO*/
		.clienteDescricao{
			background-image: linear-gradient(to bottom, #000 50%, #000 50%);
		}
		.clienteDescricao01{
			width: 100%;
			margin: 0 0 25px 0;
		}
		.clienteDescricao01 p:first-child{
			text-align: center;
		}
		.clienteDescricao01 p:last-child{
			text-align: center;
		}
		.clienteDescricao02{
			flex-wrap: wrap;
			padding: 50px;
		}		
		.clienteDescricao02Texto{
			order: 2;
		}
		.clienteDescricao02Imagem{
			width: 100%;
			margin: 0 0 20px;
		}
		.clienteDescricao02Imagem img{
			width: 100px;
		}

	/*CLIENTE PORTFOLIO*/
		.clientePortfolio{
			width: 100%;
			margin: 100px 0 -50px;
			display: flex;
			flex-wrap: wrap;
		}
		.clientePortfolioBg{
			height: 180px;
		}
		.clientePortfolioBg100{
			width: 100%;
		}
		.clientePortfolioBg75{
			width: 50%;
		}
		.clientePortfolioBg50{
			width: 50%;
		}
		.clientePortfolioBg25{
			width: 50%;
		}

	/*FRASE*/
		.frase{
			padding: 50px 0;
			margin: 50px 0;
		}
		.frase01 h2{
			font-size: 40px;
			line-height: 100%;
		}
		.frase01 p{
			font-size: 24px;
		}		
		.frase03{
			flex-wrap: wrap;
			padding: 25px 0;
		}
		.frase03Bg{
			width: 48%;
			margin: 2% 1%;
			display: flex;
			justify-content: flex-start;
			align-items: center;
		}
		.frase03Bg img{
			width: 25px;
		}

	/*FOOTER*/
		.footerConteudo{
			flex-wrap: wrap;
		}
		.footerMarca{
			width: 100%;
			margin: 0 0 25px;
			text-align: center;
		}
		.footerMarca p{
			margin: 25px auto;
		}
		.footerRSocial{
			display: flex;
			justify-content: center;
		}
		.footerMenu{
			width: 100%;
			margin: 0 25px;
		}
		.footerMenu h2{
			margin: 25px 0 10px;
			color: #1DA;
		}
		.footerContato{
			width: 100%;
			margin: 0 25px;
		}
		.footerContato h2{
			margin: 25px 0 10px;
			color: #1DA;
		}
		.footerCopyright{
			flex-wrap: wrap;
			flex-direction: column-reverse;
		}
		.footerCopyright p:first-child{
			margin: 25px 0 0;
			text-align: center;
		}		
		.footerCopyright p:last-child{
			border: 1px solid #FFF;
			font-size: 15px;
			padding: 7px 20px;
			border-radius: 100px;
		}
		.footerCopyright p:last-child span{
			padding: 0 5px 0 0;
			color: #1DA;
		}
}