/*BANNER TOPO*/
.banner_topo { width:100%; height: 600px; position:relative; display:inline-block; background-size: cover; background-repeat:no-repeat; background-position:center; margin: 0px; opacity: 0.2; }
.sobre_video { z-index: 10; width: 100%; height:600px; padding:0px; top: 0px; position:absolute; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; display:block; }
.sobre_video .info_video { width: -moz-calc(100% - 100px); width: -webkit-calc(100% - 100px); width: -o-calc(100% - 100px); width: calc(100% - 100px); bottom: 0px; height:auto; position:absolute; padding:50px; }
.sobre_video .info_video .play { width:100%; height: 150px; position: relative; text-align:center; }
.sobre_video .info_video .play i { width:100%; height: 150px; line-height:150px; position: relative; text-align:center; font-size:70px; text-align:center; color: rgba(255, 255, 255, 0.25); }
.sobre_video .info_video .titulo_video { width: 100%; height:auto; padding:0px; 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; font-size:42px; line-height: 40px; font-weight: 400; text-align:center; color:#ffffff; }
.sobre_video .info_video .intro_video { width: 100%; height:auto; padding: 20px 0px 0px 0px; 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; font-size:16px; line-height:22px; font-weight: 400; text-align:center; color:#ffffff; }
.sobre_video .info_video:hover .intro_video {  padding: 30px 0px 10px 0px; }
.sobre_video .info_video:hover .play i { color:#ffffff; font-size:82px; }

/*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: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 30vh); max-width: 100%; margin: 0px; }
.projetos .grid.stretch { justify-items: stretch; }
.projetos .grid .item-1, .item-3, .item-5 { grid-row: span 2; }
.projetos .grid .item { cursor: pointer; margin: 5px; text-align: center; }
.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 { opacity: 0; 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; }
.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; }

/*SERVICOS*/
.servicos { width:100%; height:auto; position:relative; clear:both; padding: 0px 0px 15px 0px; text-align:center; }
.servicos ul { width:100%; height:auto; position:relative; list-style-type:none; }
.servicos ul li { width:33.3%; 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; overflow:hidden; }
.servicos ul li .avatar { width:100%; height:auto; position:relative; overflow:hidden; 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; }
.servicos ul li .avatar img { opacity: 0.6; 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; }
.servicos ul li .sobre_servico { z-index: 10; width: -moz-calc(100% - 100px); width: -webkit-calc(100% - 100px); width: -o-calc(100% - 100px); width: calc(100% - 100px); height:auto; padding:0px 50px 50px 50px; bottom: 0px; position:absolute; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.servicos ul li .sobre_servico .titulo_galeria { width: 100%; height:auto; padding:0px; 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; font-size:20px; line-height:26px; font-weight: 700; text-align:left; color:#ffffff; }
.servicos ul li .sobre_servico .intro_galeria { width: 100%; height:auto; padding: 25px 0px 0px 0px; 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; font-size:16px; line-height:22px; font-weight: 400; text-align:left; color:#ffffff; }
.servicos ul li:hover img { opacity:0.2; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

/*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; vertical-align:top; }
.projeto_show .avatar_show img { max-width:95%; max-height:95%; width:auto; height:auto; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
.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; }

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

	/*SERVICOS*/
	.servicos ul li { width:100%; }

	.projetos { margin: 85px 0px 50px 0px; }
	.projetos .grid { display: block; grid-template-columns: initial; grid-template-rows: initial; margin: 70px 0px 0px 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: auto; max-height:auto; width: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 50px 25px; }

}