/*  Lazaros.com.br - 2020
*
*   Estilos para versão Mobile
*/


@media (max-width: 576px) {
	.solucoes {
		background-image: url("../imgs/fundos/fundo_techlines_parallax_mobile.webp");
		background-size: cover;
	}

	.tecnologias-utilizadas {
		background-image: url("../imgs/fundos/fundo_techlines_parallax_mobile.webp");
		background-size: cover;
	}

	.quem-somos .cabecalho {
		background-image: url('../imgs/fundos/fundo_topo_paginasinternas_mobile.webp');
		background-size: cover;
	}

	.pag-depoimentos .cabecalho {
		background-image: url('../imgs/fundos/fundo_topo_paginasinternas_mobile.webp');
		background-size: cover;
	}

	.servicos .cabecalho {
		background-image: url('../imgs/fundos/fundo_servico01_mobile.webp');
		background-size: cover;
	}

	.servicos-consultoria .cabecalho {
		background-image: url('../imgs/fundos/fundo_servico02_mobile.webp');
		background-size: cover;
	}
}

@media (max-width: 991px) {
	.bodyNovo{
		overflow: hidden;
	}
	.align-xs-left {
		text-align: left !important;
	}

	.align-xs-center {
		text-align: center !important;
	}

	.align-xs-right {
		text-align: right !important;
	}

	.pag-blog .cabecalho,
	.cabecalho,
	.home .owl-carousel.owl-loaded {
		margin-top: 100px;
	}

	.pag-blog .cabecalho {
		padding: 50px 0px 50px !important;
	}

	.pag-blog .cabecalho h1{
		font-size: 26px;
	}
	.topo-fixo {
		position: fixed;
	}

	.top-novo {
		display: flex;
	}

	.pag-blog .barra-topo,
	.barra-topo {
		position: fixed;
		margin-top: -100px;
	}

	.topo-fixo .menu-principal,
	.menu-principal {
		background-color: white;
		position: fixed;
	}

	.menu-principal .container {
		padding-left: 0px;
		padding-right: 0px;
	}

	.menu-principal_logo {
		display: inline-flex;
		background-image: none;
		background-color: white;
		height: auto;
		width: 100%;
		top: 0px;
		right: 0px;
		position: fixed;
		margin-top: 0px;
		text-align: left;
		margin-left: 0px;
		margin-bottom: 0px;
		
		padding-left: 20px;
		padding-top: 5px;
	}

	.menu-principal_logo h1,
	.menu-principal_logo a {
		width: calc(100% - 60px);
	}

	.menu-principal_logo img {
		width: 172px;
		height: auto !important;
		margin-top: 0px;
		margin-right: 0px;
		display: inline-block;
	}

	.menu-principal_logo .mobile-button {
		display: inline-block;
		padding: 30px 35px;
		border-radius: 7px;
		margin-top: 5px;
		position: relative;
	}

	.menu-principal_logo .mobile-button:hover {
		cursor: pointer;
		background-color: rgb(242, 241, 243);
	}

	.menu-principal_logo .mobile-button.active {
		background-color: rgb(242, 241, 243);
	}

	.menu-principal_logo .mobile-button span {
		display: block;
		width: 24px;
		height: 2px;
		background-color: rgb(110, 104, 137);
		margin: 6px 0;
	}

	.topo-fixo .menu-principal_logo {
		top: 0px;
	}

	.topo-fixo .menu-principal_logo img {
		margin-top: 0px;
		transform: scale(1) translateX(0px);
	}

	.topo-fixo ul.menu-principal_items,
	ul.menu-principal_items {
		display: block;
		max-height: 0px;
		overflow-y: hidden;
		padding: 0px;
		float: none;
		position: static;
		background-color: #f1f0f3;
		transition: max-height 0.5s ease-out;
	}

	.topo-fixo ul.menu-principal_items.menu-aberto,
	ul.menu-principal_items.menu-aberto {
		max-height: 235px;
		padding: 0px 0px;
		display: block;
		overflow: auto;
	}

	.topo-fixo ul.menu-principal_items.menu-aberto.submenu-aberto,
	ul.menu-principal_items.menu-aberto.submenu-aberto {
		max-height: 85vh;
		overflow: auto;
	}

	/* Nao excluir aq */
	ul.menu-principal_items li.menu-principal_item.ddmenu-aberto {
		background-color: #e2dfe8;
		max-height: 58vh;
		overflow: auto;
	}

	ul.menu-principal_items li.menu-principal_item:first-child {
		padding-top: 18px;

	}

	ul.menu-principal_items li.menu-principal_item:not(:first-child) {
		margin-left: 0px;
		padding: 0px 20px;
	}

	ul.menu-principal_items li.menu-principal_item.ddmenu ul.menu-dropdown {
		display: none;
	}

	ul.menu-principal_items li.menu-principal_item,
	ul.menu-principal_items li.menu-principal_cta {
		display: block;
		margin: 0px;
		padding: 0px 20px;
		line-height: 2.5em;
	}

	ul.menu-principal_items li.menu-principal_cta {
		padding-bottom: 18px;
		padding: 0px 20px;
	}

	ul.menu-principal_items li.menu-principal_item>img {
		position: absolute;
		top: 16px;
		left: 140px;
		/* width: 12px;
		height: 6px; */
	}

	ul.menu-principal_items li.menu-principal_item a {
		font-weight: normal;
		font-size: 14px;
		color: #372e5b;
	}

	ul.menu-principal_items li.menu-principal_cta a {
		color: #372e5b;
		font-size: 14px;
		font-weight: normal;
		text-decoration: none;
		border-radius: unset;
		border: none;
		padding: 0px;
		margin-left: 0px;
		margin-right: 0px;
		transition: unset;
	}

	ul.menu-dropdown>li:hover,
	ul.menu-dropdown>li:hover::after {
		box-shadow: 5px 0px 0px inset transparent;
		border-color: transparent;
	}

	ul.menu-dropdown>li:hover .menu-dropdown_icone--normal {
		opacity: 1;
	}

	ul.menu-dropdown>li:hover .menu-dropdown_icone--hover {
		opacity: 0;
	}

	ul.submenu-dropdown li:hover {
		background-color: #e2dfe8;
		color: #372e5b;
	}

	ul.menu-principal_items li.menu-principal_item ul.submenu-dropdown a {
		color: #372e5b;

	}

	ul.menu-principal_items li.menu-principal_cta a:hover {
		color: #372e5b;
		background-color: #f1f0f3;
	}

	ul.menu-principal_items li.menu-principal_item:hover a {
		color: #372e5b;
	}


	ul.menu-principal_items li.menu-principal_item ul.menu-dropdown {
		position: static;
		visibility: visible;
		opacity: 1;
	}

	ul.menu-principal_items li.menu-principal_item ul.menu-dropdown {
		background-color: #e2dfe8;
	}

	ul.menu-dropdown>li {
		box-shadow: none;
		color: #372e5b;
		font-size: 14px;
		padding: 16px 0px 0px 0px;
	}

	.menu-dropdown_icone img {
		left: 0px;
		top: 13px;
		width: 23px;
		filter: brightness(50%);
		margin-top: 0px;
	}

	.menu-dropdown_titulo {
		margin-left: 35px;
		font-weight: 600;
	}

	.menu-dropdown_titulo .linhasimples {
		margin-top: -2px;
	}

	ul.submenu-dropdown {
		position: static;
		background-color: #e2dfe8;
		list-style: none;
		padding: 0px 0px 0px 28px;
		margin: 25px 0px 10px 10px;
		visibility: visible;
		opacity: 1;
		width: 96%;
		border-left: 1px solid #c9c4d2;
		font-size: 12px;
		transition: opacity 0.5s;
	}

	ul.submenu-dropdown li {
		/*padding: 10px 0px;*/
	}

	ul.menu-dropdown>li::after {
		content: none;
		right: 0px;
	}

	.owl-theme .owl-dots .owl-dot{
		width: 48px;
		height: 48px;
	}

	.owl-theme .owl-nav.disabled + .owl-dots{
		margin-top: -60px;
	}

	.slide.slide-01 {
		background-image: url('../imgs/banners/lazaros_-_banner_01_mobile.webp');
		width: 100%;
		height: 250px;
	}

	.slide.slide-02 {
		background-image: url('../imgs/banners/lazaros_-_banner_02_mobile.webp');
		width: 100%;
		height: 250px;
	}

	.slide.slide-03 {
		background-image: url('../imgs/banners/lazaros_-_banner_03_mobile.webp');
		width: 100%;
		height: 250px;
	}

	.slide-area {
		width: 100%;
		height: auto;
		padding-top: 0px;
	}

	.slide.slide-01 .slide-conteudo h1,
	.slide.slide-02 .slide-conteudo h1,
	.slide.slide-03 .slide-conteudo h1 {
		font-size: 18px;
		line-height: 1.3em;
		max-width: 140px;
		margin-right: 0px;
		margin-top: 0px;
		font-weight: normal;
		margin-top: 60px;
	}

	.slide.slide-01 .slide-conteudo h1 {
		float: right;
		margin-right: -35px;
	}

	.slide.slide-02 .slide-conteudo h1,
	.slide.slide-03 .slide-conteudo h1 {
		float: left;
	}

	.motivacao {
		padding: 70px 0px 60px;
	}

	.motivacao h1 {
		font-size: 26px;
		line-height: 1.22em;
		max-width: none;
		margin-left: 0px;
		margin-bottom: 35px;
	}

	.motivacao p {
		max-width: unset;
	}

	.solucoes {
		padding: 60px 0px 160px;
	}

	.home .solucoes h1 {
		font-size: 26px;
		line-height: 1.22em;
	}

	.depoimento h1 {
		font-size: 26px;
	}

	.solucao {
		margin-top: 0px;
	}

	.solucao.solucao-esquerda {
		margin-top: -140px;
		margin-bottom: 0px;
		padding-bottom: 20px;
	}

	.solucao.solucao-esquerda,
	.solucao.solucao-direita {
		margin-left: 0px;
		margin-right: 0px;
	}

	.solucao .solucao-cabecalho {
		padding: 65px 40px 0px;
	}

	.solucao .solucao-cabecalho h3 {
		line-height: 1em;
		margin-top: 30px;
	}

	.solucao .solucao-cabecalho.borda-esquerda,
	.solucao .solucao-cabecalho.borda-direita {
		min-height: 100%;
		padding-bottom: 15px;
		padding-top: 25px;
	}

	.solucao .solucao-cabecalho.borda-direita h3,
	.solucao .solucao-cabecalho.borda-esquerda h3 {
		font-size: 22px;
		line-height: 1em;
		margin-top: 15px;
	}

	.solucoes-items .solucao div.solucao-conteudo {
		padding: 30px 25px;
		min-height: unset;
		/* min-height: 400px; */
	}

	/* .solucoes-items .solucao.solucao-direita div.solucao-conteudo {
		padding-bottom: 50px;
	} */
	.solucao .solucao-conteudo .solucao-lista li {
		/*line-height: 1.4em;*/
		position: relative;
		/*max-width: 100%;*/
	}

	.solucao .solucao-conteudo .solucao-lista li span {
		/*position: absolute;*/
		top: 11px;
		line-height: 1.7em;
	}

	/* .depoimento {
		padding: 80px 0px;
	} */

	.depoimento h2 {
		font-size: 24px;
		line-height: 1.25em;
		margin-bottom: -10px;
	}

	.depoimento .col-2 {
		padding-left: 0px;
		padding-right: 0px;
	}

	.depoimento-controle-back {
		margin-left: 5px;
	}

	.depoimento-controle-next {
		float: right;
		margin-left: 0px;
		margin-right: 5px;
		background-color: #372e5b;
	}

	.depoimento-foto {
		float: none;
		width: 180px;
		margin: 0 auto;
		padding-right: 0px;
		position: relative;
	}

	.home .depoimento-foto {
		max-width: 180px;
		padding-right: 0px;
		position: relative;
	}

	.home .depoimento .depoimento-foto .depoimento-foto__autor {
		justify-items: center;
	}

	.depoimento .depoimento-foto .depoimento-foto__autor {
		width: 170px;
		height: 170px;
	}

	.depoimento-foto img.depoimento-foto__empresa {
		right: -25px;
	}

	.depoimento-conteudo {
		height: unset;
		margin-top: 25px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.depoimento .depoimento-controle-back:hover .arrow,
	.depoimento-controle-next:hover .arrow {
		opacity: 0.7;
	}

	.tecnologias-utilizadas {
		padding: 35px 0px;
	}

	.home .tecnologias-utilizadas h1 {
		font-size: 26px;
		/* max-width: 280px; */
		margin: 0px auto 30px;
	}

	.tecnologias-utilizadas h2 {
		font-size: 26px;
		/* max-width: 280px; */
		margin: 0px auto 30px;
	}

	.tecnologias-utilizadas .d-flex img {
		max-width: 120px;
		max-height: 40px;
	}

	.certificacoes {
		padding: 80px 0px 30px;
	}

	.certificacoes h1 {
		font-size: 26px;
		line-height: 1.33em;
	}

	.certificacoes .seta-divisoria {
		margin-bottom: 30px;
	}

	.quem-somos .certificacoes h2 {
		font-size: 24px;
		line-height: 1.33em;
	}

	.home .certificacoes h2 {
		font-size: 24px;
		line-height: 1.33em;
	}

	.certificacoes .certificacao figcaption {
		margin-bottom: 50px;
	}

	.entre-contato {
		padding: 80px 0px;
	}

	.entre-contato h1,
	.entre-contato h2 {
		font-size: 26px;
		line-height: 1.31em;
		margin-left: 20px;
		margin-right: 20px;
		text-align: center;
	}

	.pag-depoimentos .testemunhos .testemunho .testemunho-conteudo2 h3,
	.pag-depoimentos .testemunhos .testemunho .testemunho-conteudo h3 {
		color: #372e5b;
		font-size: 26px;
	}

	.pag-depoimentos .testemunhos .testemunho .testemunho-conteudo2 h4,
	.pag-depoimentos .testemunhos .testemunho .testemunho-conteudo h4 {
		font-size: 20px;
	}

	.solucoes h2,
	.servicos .solucoes h2,
	.servicos-consultoria .solucoes h2 {
		font-size: 28px;
		line-height: 1.31em;
		margin-left: 20px;
		margin-right: 20px;
		text-align: center;
	}

	.entre-contato p {
		margin-left: 20px;
		margin-right: 20px;
		margin-bottom: 35px;
	}

	.entre-contato a.botao {
		width: 100%;
	}

	.rodape-area {
		padding-bottom: 40px;
	}

	.rodape-area img.rodape-logo {
		margin-bottom: 40px;
	}

	.rodape-area .contato-info {
		max-width: 200px;
		line-height: 1.5em;
		margin: 0px auto 13px;
	}

	.rodape-area .direitos-autorais {
		max-width: 200px;
		line-height: 1.45em;
		margin: 0px auto 40px;
	}

	/* Cabeçalho da página quem somos
	--------------------------------------*/
	.quem-somos .cabecalho {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		padding: 40px 0px;
	}

	.quem-somos .cabecalho h2 {
		font-size: 24px;
	}

	.quem-somos .cabecalho h1 {
		font-size: 26px;
	}

	/* Seção sobre
	--------------------------------------*/
	.quem-somos .sobre {
		padding: 60px 0px 70px;
	}

	.quem-somos .sobre h2 {
		font-size: 24px;
	}

	.quem-somos .sobre img {
		width: 139px;
		height: 100%;
		position: static;
		margin-top: 20px;
	}

	/* Seção missão, visão e valores
	--------------------------------------*/
	.quem-somos .mvv {
		padding: 90px 0px 30px;
	}

	.quem-somos .mvv h2 {
		font-size: 24px;
	}

	.quem-somos .mvv .visao h2 {
		margin-top: 50px;
	}

	.quem-somos .mvv .missao p,
	.quem-somos .mvv .visao p {
		font-size: 16px;
	}

	.quem-somos .mvv .missao .marcador {
		top: 57px;
	}

	.quem-somos .mvv .visao .marcador {
		top: 108px;
	}

	.quem-somos .mvv .divisor-mvv {
		margin-top: 75px;
		margin-bottom: 50px;
	}

	.quem-somos .mvv .valores p {
		font-size: 16px;
		margin-bottom: 60px;
	}

	.quem-somos .mvv .valor .valor-icone div {
		position: static;
		height: auto;
	}

	.quem-somos .mvv .valor .valor-icone img {
		position: static;
	}

	.quem-somos .mvv .valor h3 {
		margin-top: 12px;
		margin-bottom: 6px;
		margin-left: 0px;
		font-size: 20px;
	}

	.quem-somos .mvv .valor p {
		margin-left: 0px;
		margin-bottom: 50px;
	}

	/* Cabeçalho da página depoimentos
	--------------------------------------*/
	.pag-depoimentos .cabecalho {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		padding: 28px 0px;
	}

	.pag-depoimentos .cabecalho h2 {
		font-size: 24px;
	}

	/* Texto principal
	--------------------------------------*/
	.pag-depoimentos .texto-principal {
		padding: 40px 0px;
	}

	.pag-depoimentos .texto-principal h2 {
		font-size: 16px;
	}

	/* Depoimentos
	--------------------------------------*/
	.pag-depoimentos .testemunhos {
		padding: 70px 0px;
		margin-left: 15px;
		margin-right: 15px;
	}

	.pag-depoimentos .testemunhos .testemunho .testemunho-imagem,
	.pag-depoimentos .testemunhos .testemunho .testemunho-imagem2 {
		text-align: unset;
		padding-right: 0px;
	}

	.pag-depoimentos .testemunhos .testemunho .testemunho-imagem div,
	.pag-depoimentos .testemunhos .testemunho .testemunho-imagem2 div {
		width: 208px;
		margin: 0 auto;
	}

	.pag-depoimentos .testemunhos .testemunho .testemunho-imagem div .autor,
	.pag-depoimentos .testemunhos .testemunho .testemunho-imagem2 div .autor {
		width: 170px;
		height: 170px;
		position: static;
	}

	.pag-depoimentos .testemunhos .testemunho .testemunho-conteudo h3,
	.pag-depoimentos .testemunhos .testemunho .testemunho-conteudo2 h3 {
		margin-top: 30px;
		margin-bottom: 4px;
	}

	.pag-depoimentos .testemunhos .testemunhos-divisor {
		margin-top: 45px;
		margin-bottom: 60px;
	}

	.pag-depoimentos .testemunhos .carregar-mais button {
		padding: 20px 0px;
		width: 100%;
	}

	/* Cabeçalho das páginas de serviços
	--------------------------------------*/
	.servicos .cabecalho,
	.servicos-consultoria .cabecalho {
		background-size: cover;
		padding: 45px 0px 25px 0px;
	}

	.servicos .cabecalho img {
		margin-top: -25px;
	}

	.servicos .cabecalho h1,
	.servicos-consultoria .cabecalho h1 {
		font-size: 24px;
	}

	.servicos .cabecalho h2,
	.servicos-consultoria .cabecalho h2 {
		font-size: 14px;
		max-width: 210px;
	}

	.servicos .cabecalho h3,
	.servicos-consultoria .cabecalho h3 {
		font-size: 24px;
	}

	/* Texto principal
	--------------------------------------*/
	.servicos .texto-principal,
	.servicos-consultoria .texto-principal {
		padding: 40px 0px;
	}

	.servicos .texto-principal h2,
	.servicos-consultoria .texto-principal h2 {
		font-size: 16px;
		margin-left: 0px;
	}

	/* Seção benefícios
	--------------------------------------*/
	.servicos .beneficios,
	.servicos-consultoria .beneficios {
		padding: 45px 0px 0px;
	}

	.servicos .beneficios .beneficio,
	.servicos-consultoria .beneficios .beneficio {
		padding-bottom: 45px;
	}

	.servicos .beneficio-lista .beneficio-lista_cabecalho h3,
	.servicos-consultoria .beneficio-lista .beneficio-lista_cabecalho h3 {
		padding: 25px 0px;
		text-align: center;
	}

	.servicos .beneficios .beneficio-texto,
	.servicos-consultoria .beneficios .beneficio-texto {
		padding-left: 15px;
	}

	.servicos .beneficios .beneficio-texto p,
	.servicos-consultoria .beneficios .beneficio-texto p {
		max-width: unset;
	}

	.servicos .beneficio-lista .beneficio-lista_divisor,
	.servicos-consultoria .beneficio-lista .beneficio-lista_divisor {
		margin-bottom: 0px;
	}

	.servicos .beneficio-lista,
	.servicos-consultoria .beneficio-lista {
		padding-bottom: 12px;
		margin-top: 20px;
	}

	.servicos .beneficio-lista .beneficio-lista_conteudo,
	.servicos-consultoria .beneficio-lista .beneficio-lista_conteudo {
		box-shadow: 0px 1px 6px 0px #d4d3db;
		padding-bottom: 5px;
	}

	.servicos .beneficio-lista .beneficio-lista_items,
	.servicos-consultoria .beneficio-lista .beneficio-lista_items {
		margin: 0px 20px;
		padding-top: 20px;
	}

	.servicos .beneficio-lista .beneficio-lista_items li,
	.servicos-consultoria .beneficio-lista .beneficio-lista_items li {
		color: #372e5b;
		font-size: 16px;
		line-height: 1.71em;
		font-weight: normal;
		margin-bottom: 20px;
		margin-left: 15px;
	}

	.servicos .beneficio-lista .beneficio-lista_items li::before,
	.servicos-consultoria .beneficio-lista .beneficio-lista_items li::before {
		content: '>';
		color: transparent;
		background-image: url('../imgs/icones/seta-01.webp');
		background-repeat: no-repeat;
		background-position: left center;
		position: absolute;
		left: -0px;
	}

	/* Seção fale conosco
	--------------------------------------*/
	.servicos .contato h2,
	.servicos-consultoria .contato h2 {
		font-size: 24px;
		margin-left: unset;
		max-width: unset;
		text-align: center;
	}

	.servicos .contato button.fale-conosco,
	.servicos-consultoria .contato button.fale-conosco {
		padding: 15px 0px;
		width: 100%;
		margin-top: 20px;
		margin-bottom: 15px;
		align-items: center;
	}

	.servicos .contato img,
	.servicos-consultoria .contato img {
		width: 80px;
	}

	/* Seção outros serviços
	--------------------------------------*/
	.servicos .solucoes,
	.servicos-consultoria .solucoes {
		padding-top: 60px;
	}

	.servicos .solucoes h2,
	.servicos-consultoria .solucoes h2 {
		margin-bottom: 0px;
	}

	.servicos .solucoes-area,
	.servicos-consultoria .solucoes-area {
		padding-bottom: 60px;
	}

	/* Seção tipos de serviços
	--------------------------------------*/
	.servicos .tipos-projetos,
	.servicos-consultoria .tipos-projetos {
		padding: 45px 0px 80px;
	}

	.servicos .tipos-projetos h2,
	.servicos-consultoria .tipos-projetos h2 {
		font-size: 24px;
	}

	.tipos-projetos .tipos-projetos-desenvolvendo-aplicacoes-carousel,
	.tipos-projetos .tipos-projetos-outsourcing-carousel,
	.tipos-projetos .tipos-projetos-solucoes-carousel,
	.tipos-projetos .tipos-projetos-gestao-carousel,
	.tipos-projetos .tipos-projetos-infra-carousel {
		margin-left: 0px;
	}

	.depoimentos .owl-theme .owl-dots .owl-dot span,
	.servicos .owl-theme .owl-dots .owl-dot span,
	.servicos-consultoria .owl-theme .owl-dots .owl-dot span {
		opacity: 0.8;
		/* background: #e3e3e3; */
	}

	.depoimentos .owl-theme .owl-nav.disabled+.owl-dots {
		margin-top: 30px !important;
	}

	.servicos .owl-theme .owl-nav.disabled+.owl-dots,
	.servicos-consultoria .owl-theme .owl-nav.disabled+.owl-dots {
		margin-top: 10px !important;
	}

	.depoimentos .owl-theme .owl-dots .owl-dot.active span,
	.depoimentos .owl-theme .owl-dots .owl-dot:hover span,
	.servicos .owl-theme .owl-dots .owl-dot.active span,
	.servicos .owl-theme .owl-dots .owl-dot.active span,
	.servicos-consultoria .owl-theme .owl-dots .owl-dot:hover span,
	.servicos-consultoria .owl-theme .owl-dots .owl-dot:hover span {
		opacity: 1;
		background: #ffa200;
	}

	/* Modal de contato
	--------------------------------------*/
	#contato footer {
		padding: 15px 15px 30px;
	}

	#contato h2 {
		font-size: 24px;
	}

	#contato .contato-conteudo p {
		line-height: 1.7em;
		margin-bottom: 15px;
	}

	/* #contato .contato-conteudo {
		padding: 25px 10px 10px;
	} */

	#contato footer .rodape-telefone {
		text-align: left;
		margin-bottom: -20px;
	}

	#contato footer .rodape-email {
		text-align: left;
	}

	.blocker {
		padding: 20px 0px;
	}

	.modal {
		width: 94%;
	}

	.modal a.close-modal {
		position: absolute;
		top: -10px;
		right: -10px;
	}

	/* Seção listagem de blogs
        --------------------------------------*/

	/* Texto principal
	--------------------------------------*/
	.pag-blog .texto-principal {
		padding: 40px 0px;
	}

	.pag-blog .texto-principal h2 {
		font-size: 16px;
		margin-left: 0px;
	}

	.pag-blog .blogs .saiba-mais .botao_saiba_mais {
		width: 100%;
	}

	/* Seção listagem de blogs
        --------------------------------------*/
	.pag-blog .cabecalho {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		padding: 28px 0px;
	}

	.pag-blog .cabecalho h1 {
		font-size: 26px;
	}

	.pag-blog .cabecalho h2 {
		font-size: 24px;
	}

	.pag-blog .blog-area .blog h3 {
		font-size: 22px;
	}

	.depoimento-conteudo .depoimento-conteudo__funcao,
	.pag-blog .blog-area .row.blog .col-6 h3 {
		font-size: 16px;
	}

	.pag-blog .blog-area .blog h4 {
		font-size: 18px;
	}

	.pag-blog .blog-area .blog h5 {
		font-size: 18px;
	}

	.pag-blog .blog-area .blog-conteudo h2 {
		font-size: 18px;
	}

	.pag-blog .blog-area .blog-conteudo .blog-lista h4 {
		margin-bottom: 10px;
	}

	.pag-blog .cabecalho {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		padding: 28px 0px;
	}

	.pag-blog .blog-area {
		padding: 50px 0px 50px;
	}

	.depoimento-conteudo .depoimento-conteudo__comentario p,
	.pag-blog .blog-area .blog-conteudo p,
	li {
		font-size: 16px;
	}

	.row-teste {
		align-items: center;
	}

	.servicos .beneficios .beneficio-trabalhamos .subtitle h3 {
		margin-top: 0px;
	}

	.servicos .beneficios .beneficio-trabalhamos {
		margin-top: 10px;
	}

	.servicos .beneficio-lista.outsourcing,
	.servicos .beneficio-lista.desenvolvimento,
	.servicos .beneficio-lista.api,
	.servicos .beneficio-lista.otimizacao,
	.servicos-consultoria .beneficio-lista.gestao,
	.servicos-consultoria .beneficio-lista.melhoria,
	.servicos .beneficio-lista.especificacao {
		margin-top: 10px;
		margin-left: 0%;
		padding: 0px;
	}

	.pag-depoimentos .testemunhos .testemunho .testemunho-imagem div .empresa {
		right: 0px;
	}

	.pag-blog .pesquisa {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-right: 0%;
	}

	.pag-blog .blog-area .container.compartilhar {
		margin-top: 10px;
		margin-bottom: 0px;
	}

	.pag-blog .veja-mais .container .veja-mais p {
		font-size: 20px;
	}

	.pag-blog .blog-area .container .social-link {
		width: 50px;
		height: 50px;
	}

	.slide.slide-02 .slide-control-next,
	.slide.slide-02 .slide-control-back {
		margin-top: 72px;
	} 

	.home .slide.slide-03 .slide-control-next,
	.home .slide.slide-03 .slide-control-back {
		margin-top: 25px;
	}
	
	#contato .contato-conteudo{
		padding:  32px 16px 16px;
	}

	.banners-carousel {
		margin-top: 100px;
		height: 250px;
	}
}

@media (max-width: 420px) {
	.pag-blog .cadastre-container .formbox-container {
		margin: 0px 10px 10px 10px;
	}

	.pag-blog .cadastre .solucao-divisor {
		margin: 10px 10px 0px 10px;
		width: auto;
		margin-top: 15px;
	}

	.pag-blog .pesquisa #txtBusca {
		width: 85%;
	}

	.pag-blog .pesquisa #btnBusca {
		width: 80px;
		font-size: 16px;
		align-items: right;
	}

	.home .depoimento-foto img.depoimento-foto__empresa {
		right: -1px;
	}

	.home .depoimento-controle-next {
		margin-right: -15px;
	}

	.home .depoimento-controle-back {
		margin-left: -15px;
	}

	.servicos-consultoria .tipos-projetos .tipo-projeto-controle-next {
		margin-left: -30px;
	}

}

@media (max-width: 770px) {

	.servicos-consultoria .beneficios .beneficio-trabalhamos .row .col-lg-6 {
		margin-top: 10px;
	}

	.servicos-consultoria .beneficios .beneficio-trabalhamos.gestao {
		margin-top: 10px;
	}

	.servicos .beneficios .beneficio-trabalhamos.otimizacao {
		margin-top: 10px;
	}

	.servicos-consultoria .beneficios .beneficio-trabalhamos.gestao {
		margin-top: 0px;
	}

	.servicos .tipo-projeto.especificacao.segundo {
		min-height: 85%;
	}

	.servicos .tipos-projetos .tipo-projeto.outsourcing,
	.servicos .tipos-projetos .tipo-projeto.desenvolvimento,
	.servicos-consultoria .tipos-projetos .tipo-projeto.aws {
		min-height: 0px;
	}

	.pag-blog h3.titulo {
		font-size: 22px;
	}

	.pag-blog h4.categoria {
		font-size: 18px;
	}

	.slide.slide-01 .slide-conteudo h1,
	.slide.slide-02 .slide-conteudo h1,
	.slide.slide-03 .slide-conteudo h1 {
		font-size: 16px;
	}

	.home .slide.slide-01 .slide-control-next,
	.home .slide.slide-01 .slide-control-back,
	.home .slide.slide-02 .slide-control-next,
	.home .slide.slide-02 .slide-control-back,
	.home .slide.slide-03 .slide-control-next,
	.home .slide.slide-03 .slide-control-back {
		margin-left: 0px;
	}

	.home .slide.slide-01 .slide-control-next,
	.home .slide.slide-01 .slide-control-back,
	.home .slide.slide-03 .slide-control-next,
	.home .slide.slide-03 .slide-control-back {
		margin-top: 40px;
	}

	.slide.slide-02 .slide-control-next,
	.slide.slide-02 .slide-control-back {
		margin-top: 100px;
	}

	.servicos-consultoria .tipos-projetos .tipo-projeto-controle-back {
		margin-left: -30px;
	}

	.pag-blog .veja-mais .blog-divisor {
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #9A94B2;
		margin-top: 65px;
		margin-bottom: 80px;
		transition: opacity 0.5s;
	}

}

@media (min-width: 766px) and (max-width: 991px) {
	.servicos .tipos-projetos .tipo-projeto.desenvolvimento {
		margin-left: 32px;
		margin-right: 10px;
		min-height: 98%;
	}

	.servicos .tipos-projetos .tipo-projeto.especificacao {
		margin-left: 32px;
		margin-right: 10px;
		min-height: 980px;
	}

	.servicos .tipos-projetos .tipo-projeto.outsourcing {
		margin-left: 32px;
		margin-right: 10px;
		min-height: 1100px;
	}

	.servicos-consultoria .tipos-projetos .tipo-projeto.melhoria {
		min-height: 520px;
	}

	.servicos-consultoria .beneficios .beneficio-trabalhamos .row .col-lg-6 {
		margin-top: 0px;
	}

	.servicos-consultoria .beneficios .beneficio-trabalhamos.gestao {
		margin-top: 0px;
	}

	.servicos .beneficios .beneficio-trabalhamos.otimizacao {
		margin-top: 0px;
	}

}

@media (min-width: 781px) and (max-width: 992px) {
	.servicos-consultoria .tipos-projetos .tipo-projeto.aws {
		margin-left: 10px;
		margin-right: 10px;
		width: 100%;
		min-height: 550px;
	}
	/* .pag-blog .veja-mais .container .row.vejamais .item .image-container img{
		width: 300px;
	} */
}

@media (min-width: 992px) and (max-width: 1199px) {


	.menu-principal_logo img {
		margin-right: 120px;
	}

	.slide-control-next,
	.slide-control-back {
		margin-left: 0px;
	}

	.motivacao h2 {
		margin-left: 0px;
	}

	.solucao .solucao-conteudo {
		min-height: 570px;
	}

	.solucao .solucao-conteudo .solucao-lista li span {
		position: relative;
	}

	.depoimento-controle-next,
	.depoimento-controle-back {
		margin-left: 0px;
		background-color: #372e5b;
	}

	#contato footer .rodape-telefone {
		margin-bottom: -20px;
	}

	.servicos .contato button.fale-conosco,
	.servicos-consultoria .contato button.fale-conosco {
		padding: 15px 80px;
	}

	.servicos .tipos-projetos .col-12>div {
		padding-left: 50px;
		padding-right: 50px;
	}

	.tipos-projetos .tipos-projetos-desenvolvendo-aplicacoes-carousel {
		margin-left: unset;
	}

	.tipos-projetos .tipos-projetos-infra-carousel {
		margin-left: unset;
	}

	.tipos-projetos .tipos-projetos-solucoes-carousel {
		margin-left: unset;
	}

	.tipos-projetos .tipos-projetos-gestao-carousel {
		margin-left: unset;
	}

	.tipos-projetos .tipos-projetos-outsourcing-carousel {
		margin-left: unset;
	}

	.servicos .tipos-projetos .tipo-projeto {
		margin-left: 10px;
		margin-right: 10px;
	}

	.servicos .tipos-projetos .tipo-projeto.desenvolvimento {
		margin-left: 32px;
		margin-right: 10px;
		min-height: 100%;
	}

	.servicos .tipos-projetos .tipo-projeto.especificacao {
		margin-left: 32px;
		margin-right: 10px;
		min-height: 680px;
	}

	.servicos .tipos-projetos .tipo-projeto.outsourcing {
		margin-left: 32px;
		margin-right: 10px;
		min-height: 770px;
	}


	/* .servicos-consultoria .tipos-projetos .tipo-projeto.asw { margin-left: 10px; margin-right: 10px; min-width: 285px; min-height: 900px;} */
	.servicos-consultoria .tipos-projetos .tipo-projeto.aws {
		margin-left: 10px;
		margin-right: 10px;
		min-width: 250px;
		min-height: 750px;
	}

	.servicos-consultoria .tipos-projetos .tipo-projeto.desenvolvimento {
		margin-left: 32px;
		margin-right: 10px;
		height: 300px;
	}

	.servicos-consultoria .tipos-projetos .tipo-projeto.melhoria {
		min-height: 365px;
	}

	.servicos .tipos-projetos .tipo-projeto-controle-next {
		right: -10px;
	}

	.servicos .tipos-projetos .tipo-projeto-controle-back {
		left: -10px;
	}

	.servicos .beneficio-lista.desenvolvimento {
		margin-top: -389%;
		margin-left: 500px;
	}

	.servicos .beneficio-lista.api {
		margin-top: -50%;
		margin-left: 0;
	}

	.servicos .beneficio-lista.especificacao {
		margin-top: -59%;
		margin-left: 0;
	}

	.servicos .beneficio-lista.outsourcing {
		margin-top: -396%;
		margin-left: 500px;
	}

	.servicos .beneficios .beneficio-trabalhamos.otimizacao {
		margin-top: 178px;
	}

	.servicos .beneficio-lista.otimizacao {
		margin-top: -260%;
		margin-left: 500px;
	}


	.servicos-consultoria .beneficio-lista.gestao {
		margin-top: -377%;
		margin-left: 500px;
	}

	.servicos-consultoria .beneficio-lista.melhoria {
		margin-top: -292%;
		margin-left: 500px;
	}

	/* .servicos-consultoria .beneficios .beneficio-trabalhamos .row .col-lg-6{margin-top: 50px;} */

	.servicos-consultoria .beneficios .beneficio-trabalhamos.gestao {
		margin-top: 280px;
	}
}

@media (max-width:1200px) {
	.aviso-lgpd button {
		margin-top: 10px;
	}
}

