/*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; }

/*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 - 40px); height: -webkit-calc(100vh - 40px); height: -o-calc(100vh - 40px); height: calc(100vh - 40px); position:relative; text-align:center; display:inline-block; }
.projeto_show .avatar_show img { max-width:95%; max-height:95%; left: 50%; top: 50%; transform: translate(-50%,-50%); width:auto; height:auto; position: absolute; display: 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 { border-top: 1px solid rgba(255, 255, 255, 0.1); 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 50px 100px 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 }

@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; }
}