/*PROJETOS*/
.projetos { width: 100%; height: auto; position: relative; padding: 0px; margin: 0px; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.projetos .grid { display: inline-block; height: auto; max-width: 100%; margin: 5px; width: -moz-calc(100% - 11px); width: -webkit-calc(100% - 11px); width: -o-calc(100% - 11px); width: calc(100% - 11px); }
.projetos .grid.stretch { text-align:left; }
.projetos .grid .item { cursor: pointer; margin: 5px; text-align: center; display:inline-block; vertical-align:top; width: -moz-calc(33.3% - 10px); width: -webkit-calc(33.3% - 10px); width: -o-calc(33.3% - 10px); width: calc(33.3% - 10px); }
.projetos .grid .item .avatar { width: 100%; height: 100%; position: relative; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; background-repeat:no-repeat; background-size: cover; background-position:center; display:inline-block; vertical-align:top; overflow:hidden; }
.projetos .grid .item .avatar .nome_projeto { left: 0px; width: -moz-calc(100% - 100px); width: -webkit-calc(100% - 100px); width: -o-calc(100% - 100px); width: calc(100% - 100px); padding: 50px; height:auto; position:absolute; bottom: -50px; display: inline-block; vertical-align: top; font-size:20px; line-height:20px; text-align:left; font-family:var(--fonte-padrao); color:#ffffff; font-weight: 700; z-index:11; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; opacity:0; }
.projetos .grid .item .avatar img { width:100%; height:auto; position:relative; display: block; }
.projetos .grid .item .avatar:after { position:absolute; content:''; left:0px; top:0px; width: 100%; height: 100%; background-color:rgba(0, 0, 0, 0.3); z-index:10; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.projetos .grid .item:hover .avatar:after { background-color:rgba(0, 0, 0, 0.7); }
.projetos .grid .item:hover .avatar .nome_projeto { opacity: 1; bottom:0px; }

/*PROJETOS*/
.mais_projetos { width:100%; height:auto; position:relative; clear:both; padding: 60px 0px; text-align:center; }
.mais_projetos .grid { display: inline-block; height: auto; max-width: 100%; margin: 5px; width: -moz-calc(100% - 11px); width: -webkit-calc(100% - 11px); width: -o-calc(100% - 11px); width: calc(100% - 11px); }
.mais_projetos .grid.stretch { text-align:left; }
.mais_projetos .grid .item { cursor: pointer; margin: 5px; text-align: center; display:inline-block; vertical-align:top; width: -moz-calc(33.3% - 10px); width: -webkit-calc(33.3% - 10px); width: -o-calc(33.3% - 10px); width: calc(33.3% - 10px); }
.mais_projetos .grid .item .avatar { width: 100%; height: 100%; position: relative; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; background-repeat:no-repeat; background-size: cover; background-position:center; display:inline-block; vertical-align:top; overflow:hidden; }
.mais_projetos .grid .item .avatar .nome_projeto { left: 0px; width: -moz-calc(100% - 100px); width: -webkit-calc(100% - 100px); width: -o-calc(100% - 100px); width: calc(100% - 100px); padding: 50px; height:auto; position:absolute; bottom: -50px; display: inline-block; vertical-align: top; font-size:20px; line-height:20px; text-align:left; font-family:var(--fonte-padrao); color:#ffffff; font-weight: 700; z-index:11; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; opacity:0; }
.mais_projetos .grid .item .avatar img { width:100%; height:auto; position:relative; display: block; }
.mais_projetos .grid .item .avatar:after { position:absolute; content:''; left:0px; top:0px; width: 100%; height: 100%; background-color:rgba(0, 0, 0, 0.3); z-index:10; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.mais_projetos .grid .item:hover .avatar:after { background-color:rgba(0, 0, 0, 0.7); }
.mais_projetos .grid .item:hover .avatar .nome_projeto { opacity: 1; bottom:0px; }

/*PROJETO SHOW*/
.projeto_show { display: none; position: relative; top: 0px; left: 0px; z-index: 12002; width: 100%; height:auto; min-height: 100vh; background:#202020; padding: 0px; text-align:center; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.projeto_show .titulo_show { width:100%; height:auto; min-height: 25px; line-height:50px; padding: 12.5px 0px; text-align:center; display: inline-block; vertical-align: top; font-size: 22px; line-height: 25px; font-family:var(--fonte-padrao); color:#ffffff; font-weight: 700; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.projeto_show .titulo_show:after { width: 50px; height:50px; line-height: 50px; position: absolute; text-align:center; content: "\f053"; font-family: "Font Awesome 5 Free"; z-index: 10; background-color:rgba(0, 0, 0, 0); left:0px; top:0px; z-index:10; font-size: 15px; color: #ffffff; cursor: pointer; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.projeto_show .titulo_show:hover:after { background-color:rgba(0, 0, 0, 1); }
.projeto_show .avatar_show { width:74%; height: -moz-calc(100vh - 30px); height: -webkit-calc(100vh - 30px); height: -o-calc(100vh - 30px); height: calc(100vh - 30px); position:relative; text-align:center; display:inline-block; }
.projeto_show .avatar_show img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; position:relative; display:block; }

.projeto_show .avatar_destaque { width: 100%; height: auto; position: relative; margin: 0px; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; display:inline-block; vertical-align:top; overflow:hidden; }
.projeto_show .avatar_destaque img { width:100%; height:auto; position:relative; display: inline-block; }

.projeto_show .lista_produtos { width:23%; position:relative; display:inline-block; vertical-align:top; height: -moz-calc(100vh - 30px); height: -webkit-calc(100vh - 30px); height: -o-calc(100vh - 30px); height: calc(100vh - 30px); text-align:left; overflow:auto; padding: 0px 1%; background-color:#000000 }
.projeto_show .lista_produtos .titulo_lista { width:100%; height:auto; line-height:30px; padding: 25px 0px; margin-bottom: 5px; text-align:center; display: inline-block; vertical-align: top; font-size: 16px; font-family:var(--fonte-padrao); color:#ffffff; font-weight: 700; }
.projeto_show .lista_produtos ul { width: 100%; height: auto; position: relative; margin: 0px; list-style: none; text-align: left; }
.projeto_show .lista_produtos ul li { width:100%; height:auto; position:relative; margin: 0px 0px 15px 0px; display:inline-block; vertical-align:top; text-align:left; }
.projeto_show .lista_produtos ul li:hover { background-color: #202020; }
.projeto_show .lista_produtos ul li .avatar { width: 75px; height: 75px; margin: 5px 10px 5px 5px; position: relative; display: inline-block; position: relative; vertical-align: top; overflow: hidden; }
.projeto_show .lista_produtos ul li .avatar img { width: 75px; height: 75px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; position:relative; }
.projeto_show .lista_produtos ul li .sobre_produto { width: -moz-calc(100% - 96px); width: -webkit-calc(100% - 96px); width: -o-calc(100% - 96px); width: calc(100% - 96px); position:relative; display:inline-block; vertical-align:top; padding:5px 5px 5px 0px; }
.projeto_show .lista_produtos ul li .sobre_produto .titulo_produto { width:100%; height:auto; line-height:20px; text-align:left; position: relative; font-size: 14px; font-family:var(--fonte-padrao); color:#ffffff; font-weight: 700; }
.projeto_show .lista_produtos ul li .sobre_produto .descricao_produto { width:100%; height:auto; line-height:14px; text-align:left; position: relative; font-size: 11px; font-family:var(--fonte-padrao); color: rgba(255, 255, 255, 0.6); font-weight: 400; }
.projeto_show .saiba_mais { width: -moz-calc(100% - 100px); width: -webkit-calc(100% - 100px); width: -o-calc(100% - 100px); width: calc(100% - 100px); height:auto; line-height:24px; text-align:center; position: relative; padding: 50px; font-size: 15px; font-family:var(--fonte-padrao); color: #ffffff; font-weight: 400; }
.projeto_show .saiba_mais b { font-weight:700; }
.projeto_show .saiba_mais i { font-style:italic; }
.projeto_show .saiba_mais u { text-decoration:underline; }
.projeto_show .saiba_mais a { text-decoration:underline; font-size: 14px; font-family:var(--fonte-padrao); color: #ffffff; font-weight: 400; }
.projeto_show .saiba_mais img { max-width:90%; display:inline-block; vertical-align:top; margin: 15px 5%; height:auto; width:auto; }

.projeto_show .avatar_show ul li { list-style: none; float: left; width: 100%; overflow: hidden; text-align:center; position:relative; display:inline-block; }

.projeto_show .avatar_show #pager { width: 100%; height: 10px; margin-top: 24px; text-align: center; position: absolute; }
.projeto_show .avatar_show #pager a { width: 9px; height: 9px; margin: 0 2px; display: inline-block; background: transparent; border: 1px solid #ffffff; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
.projeto_show .avatar_show #pager a:hover { background: #ffffff; }
.projeto_show .avatar_show #pager a span { display: none; }
.projeto_show .avatar_show #pager a.selected { background: #ffffff; }

.projeto_show .avatar_show #prev1 { position:absolute; left: 15px; width: 50px; height: 50px; line-height: 50px; color: #ffffff; background-color: var(--cor-primaria); opacity:0.5; z-index:10; font-size:20px; cursor:pointer; text-align:center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.projeto_show .avatar_show #prev1:hover { opacity:1 }
.projeto_show .avatar_show #next1 { position:absolute; right: 15px; width: 50px; height: 50px; line-height: 50px; color: #ffffff; background-color: var(--cor-primaria); opacity:0.5; z-index:10; font-size:20px; cursor:pointer; text-align:center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.projeto_show .avatar_show #next1:hover { opacity:1 }

/*TESTEMUNHOS*/
.testemunhos { width:100%; height:auto; position:relative; clear:both; padding: 0px; text-align:center; }
.testemunhos ul { width: 100%; height: auto; position: relative; margin: 0px; list-style: none; text-align: left; }
.testemunhos ul li { width: 90%; height:auto; margin: 0px; padding: 0px 5% 30px 5%; text-align:center; position:relative; }
.testemunhos ul li .frase { width: 100%; height:auto; margin: 0px; padding: 0px; font-size:18px; letter-spacing: 0px; font-weight: 400; color: #ffffff; text-align:center; position:relative; font-family: var(--fonte-padrao); line-height:22px; z-index: 15; vertical-align: top; display: inline-block; }
.testemunhos ul li .frase .aspas { width: 100%; height: 50px; position:relative; text-align: center; background-repeat: no-repeat; background-position: center; background-image: url(../imagens/aspas-frase.png); background-size: auto 90%; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; margin: 0px; }
.testemunhos ul li .frase p { font-size:16px; text-align:center; position:relative; letter-spacing: 0px; font-weight: 700; color: #ffffff; font-family: var(--fonte-padrao); width:100%; height:auto; font-style:normal; font-weight:500; padding: 0px; margin:0px 0px 10px 0px }

.bloco_2 { width:100%; height:auto; position:relative; display: flex; align-items: center; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; text-align:left; padding: 50px 0px; }
.bloco_2 .avatar { width:45%; height:auto; position:relative; overflow:hidden; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.bloco_2 .avatar.left { order:0; }
.bloco_2 .avatar img { width:100%; height:auto; position:relative; display:inline-block; vertical-align:top; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.bloco_2 .dados_marca { flex: 1; width: -moz-calc(55% - 100px); width: -webkit-calc(55% - 100px); width: -o-calc(55% - 100px); width: calc(55% - 100px); height:auto; padding: 0px 50px; position: relative; vertical-align: middle; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; display:inline-block; }
.bloco_2 .dados_marca .titulo_marca { width: 100%; max-width: 100%; height:auto; position:relative; font-size:32px; line-height: 34px; font-weight: 700; text-align:left; color:#ffffff; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; padding: 0px 0px 40px 0px; }
.bloco_2 .dados_marca .introducao_marca { width: 100%; max-width: 100%; height:auto; position:relative; font-size:16px; line-height:22px; font-weight: 400; text-align:left; color:#ffffff; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.bloco_2:hover img { opacity:0.5; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

@media screen and (max-width: 1100px) {
	.projetos { margin: 0px 0px 50px 0px; }
	.projetos .grid { display: block; grid-template-columns: initial; grid-template-rows: initial; margin: 0px; }
	.projetos .grid .item, .projetos .grid .item-1, .item-3, .item-5 { grid-row: initial; display:inline-block; vertical-align:top; height:350px; width:100%; margin: 5px 0px; }
	.projetos .grid .item .avatar .nome_projeto { text-align:center; }

	.projeto_show .avatar_show { width:100%; height:auto; }
	.projeto_show .avatar_show img { max-width: 98%; max-height:98%; height:auto; position:relative; left:initial; top:initial; transform:translate(0,0); }
	.projeto_show .lista_produtos { width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); width: -o-calc(100% - 50px); width: calc(100% - 50px); height: auto; text-align:left; padding: 0px 25px 25px 25px; }

	.projeto_show .avatar_show #pager { margin: 10px 0px; text-align: center; position: relative; }

.testemunhos ul li { width: 90%; height: auto; padding: 0px 5%; text-align: center; }
.testemunhos ul li .avatar { width: 215px; height: 215px; position: relative; margin: 0px 50px; overflow: hidden; vertical-align: top; display: inline-block; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; overflow: hidden; text-align:center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; overflow:hidden; }
.testemunhos ul li .frase { width:100%; text-align:center; }
.testemunhos ul li .frase p { text-align:center; }

	/*MAIS PROJETOS*/
	.mais_projetos { margin: 0px 0px 50px 0px; }
	.mais_projetos .grid { display: block; grid-template-columns: initial; grid-template-rows: initial; margin: 0px; }
	.mais_projetos .grid .item, .mais_projetos .grid .item-1, .item-3, .item-5 { grid-row: initial; display:inline-block; vertical-align:top; height:350px; width:100%; margin: 5px 0px; }
	.bloco_2 .dados_marca .introducao_marca, .mais_projetos .grid .item .avatar .nome_projeto { text-align:center; }

	.bloco_2 { display: inline-block; align-items: initial; text-align:center; padding: 0px 0px 50px 0px; }
	.bloco_2:nth-child(even) { text-align:left; }
	.bloco_2 .avatar { width:100%; }
	.bloco_2 .avatar.right, .bloco_2 .avatar.left { order: initial; }
	.bloco_2 .dados_marca { flex: initial; width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); width: -o-calc(100% - 50px); width: calc(100% - 50px); height:auto; padding: 25px; }
	.bloco_2 .dados_marca .titulo_marca, .produtos_marcas .marcas ul li .dados_marca .introducao_marca, .produtos_marcas .marcas ul li .dados_marca .ctas { text-align:center; }
}