section { padding: 130px 0px 150px 0px; }

/*SOLUÇÕES*/
.cases { width: 100%; height: auto; position: relative; clear: both; padding: 0px; text-align: center; }
.cases ul { width: 100%; height: auto; position: relative; clear: both; text-align: left; }
.cases ul li { width: 350px; height: auto; min-height: 400px; margin-bottom: 40px; position: relative; margin-top: 20px; margin-right: 15px; display: inline-block; vertical-align: top; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; background: #ffffff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-align: left; background-color:#f9f9f9 }
.cases ul li .avatar { width: 350px; height: 250px; position: relative; overflow: hidden; display:inline-block; }
.cases ul li .avatar img { width: 350px; height: 100%; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: inline-block; }
.cases ul li .avatar:before { content: ''; position: absolute; z-index: 10; background-color: rgba(70,81,93,0.8); left:0px; top:250px; width:100%; height: 250px; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-border-radius: 75px 75px 0px 0px; -moz-border-radius: 75px 75px 0px 0px; -o-border-radius: 75px 75px 0px 0px; border-radius: 75px 75px 0px 0px; overflow: hidden; }
.cases ul li:hover .avatar:before { top:0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; overflow: hidden; }
.cases ul li:hover .avatar .view { opacity: 1; bottom:0px; }
.cases ul li .avatar .view { opacity: 0; position: absolute; left: 0px; padding: 20px 5%; bottom: -100px; width: 90%; height:auto; z-index: 11; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
.cases ul li .avatar .view .intros { width: 100%; height: auto; padding: 0px; position: relative; font-family: var(--fonte-padrao); color: #ffffff; line-height: 20px; clear: both; font-size: 16px; text-align: left; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; font-weight:700; }
.cases ul li .avatar .view .saiba_mais { padding: 15px 0px 0px 0px; height: auto; text-decoration: underline; width: 100%; text-align: left; line-height: 18px; font-family: var(--fonte-padrao); color: #ffffff; font-size: 14px; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; }
.cases ul li .resumo { width: -moz-calc(100% - 60px); width: -webkit-calc(100% - 60px); width: -o-calc(100% - 60px); width: calc(100% - 60px); padding: 20px 30px 20px 30px; position: relative; height: auto; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.cases ul li .resumo .titulo_post { width: 100%; height: auto; padding: 5px 0px 0px 0px; position: relative; font-family: var(--fonte-padrao); color: var(--cor-primaria); line-height: 26px; clear: both; font-size: 22px; text-align: left; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; font-weight:700; }
.cases ul li .resumo .hierarquia { padding: 0px; width: 100%; text-align: left; line-height: 16px; font-family: var(--fonte-padrao); color: var(--cor-primaria); font-size: 14px; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; }
.cases ul li:hover { margin-top: 15px; box-shadow: rgba(50, 50, 93, 0.05) 0px 30px 60px -12px, rgba(0, 0, 0, 0.1) 0px 18px 36px -18px; }

@media screen and (max-width: 1100px) {
	section { padding: 60px 0px 0px 0px }

	/*PRODUTOS*/
	.cases { width: 96%; padding: 20px 2% 60px 2%; }
	.cases ul { text-align: center; }
	.cases ul li { min-height: auto; padding-bottom: 15px; width: -moz-calc(100% - 10px); width: -webkit-calc(100% - 10px); width: -o-calc(100% - 10px); width: calc(100% - 10px); margin-left: 5px; margin-right: 5px; text-align: center }
	.cases ul li:nth-child(1),.cases ul li:nth-child(2) { margin-right: 5px; }
	.cases ul li .avatar .view, .cases ul li .avatar .view .intros, .cases ul li .avatar .view .saiba_mais, .cases ul li .resumo, .cases ul li .resumo .titulo_post { text-align: center; }
	.cases ul li .avatar { width: 100%; height: auto; }
	.cases ul li .avatar img { width: 100%; }
	.cases ul li:hover .avatar .view, .cases ul li .avatar .view { display:none; opacity:0; height:0px; z-index: -1; overflow:hidden; }
	.cases ul li .avatar:before { top: -1px; width:0px; height:0px; z-index:-1; }
}