/* PRODUTOS */
section { padding: 150px 0px 0px 0px; }

/*SOLUÇÕES*/
.solucoes { width: 100%; height: auto; position: relative; clear: both; padding: 15px 0px 25px 0px; text-align: center; }
.solucoes:after { width: 100%; height: 50%; position:absolute; z-index:1; content:''; left:0px; bottom:0px; background-color: var(--cor-texto); }
.solucoes ul { width: 100%; height: auto; position: relative; text-align: left; display: flex; justify-content: space-between; flex-wrap: wrap; z-index:5; gap:20px; padding: 30px 0px 0px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.solucoes ul li { width: 31%; box-sizing: border-box; height: 580px; position: relative; display: inline-block; vertical-align: top; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-align: left; overflow:hidden; margin-bottom: 50px; }
.solucoes ul li .avatar { width: 100%; height: 580px; position: relative; overflow: hidden; display:inline-block; background-position:center top; background-size: auto 580px; background-repeat: no-repeat; background-color: var(--cor-primaria); -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; overflow:hidden; }
.solucoes ul li .avatar .view { position: absolute; left: 0px; top: 0px; padding: 35px; width: -moz-calc(100% - 70px); width: -webkit-calc(100% - 70px); width: -o-calc(100% - 70px); width: calc(100% - 70px); height: -moz-calc(100% - 70px); height: -webkit-calc(100% - 70px); height: -o-calc(100% - 70px); height: calc(100% - 70px); 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; }
.solucoes ul li .avatar .view .intros { width: 100%; height: auto; padding: 0px; position: relative; font-family: var(--fonte-padrao); color: rgba(255, 255, 255, 0.5); line-height: 18px; 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:500; }
.solucoes ul li .avatar .view .titulo_solucao { width: 100%; height: auto; position: relative; font-family: var(--fonte-padrao); color: #ffffff; line-height: 34px; letter-spacing: -2px; clear: both; font-size: 38px; padding: 0px; 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:800; }
.solucoes ul li .avatar .sub_servico { width: -moz-calc(100% - 70px); width: -webkit-calc(100% - 70px); width: -o-calc(100% - 70px); width: calc(100% - 70px); height:auto; position:absolute; bottom: 10px; left:35px; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
.solucoes ul li .avatar .sub_servico .subitem { width: 100%; height: auto; position: relative; text-align:left; padding: 0px 0px 30px 0px; }
.solucoes ul li .avatar .sub_servico .subitem .titulo_servico { width: 100%; height: auto; position: relative; font-weight: 800; color: #ffffff; font-size: 20px; line-height: 22px; text-align:left; font-family: var(--fonte-especial); padding: 0px; letter-spacing: -1px; }
.solucoes ul li .avatar .sub_servico .subitem .intro_servico { width: 100%; height: auto; position: relative; font-weight: 500; color: #ffffff; font-size: 13px; line-height: 18px; text-align:left; font-family: var(--fonte-padrao); padding: 0px; }
.solucoes ul li .avatar .sub_servico .subitem .icone { width: 45px; height:30px; position:relative; float: left; margin: 10px 0px 30px 0px; text-align:left; }
.solucoes ul li .avatar .sub_servico .subitem .icone img { width: auto; height: auto; max-width: 90%; max-height: 90%; margin: 0px; position:relative; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; overflow:hidden; display:iline-block;  }
.solucoes ul li:hover .avatar .view .intros { padding-top:10px; }
.solucoes ul li:hover .avatar .sub_servico { bottom:20px; }
.solucoes ul li:hover .avatar .view { background: rgba(0, 0, 0, 0.5); }

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

	/*SOLUÇÕES*/
	.solucoes { width: 96%; padding-left:2%; padding-right:2%; padding-top: 0px; }
	.solucoes:after { width: 0px; height: 0px; }
	.solucoes ul li { width: 100%; height:auto; margin-bottom:10px; }
	.solucoes ul li { width: 100%; text-align: center; }
	.solucoes ul li .avatar { background-size: cover; height:auto; }
	.solucoes ul li .avatar .view { position: relative; left: 0px; top: 0px; }
	.solucoes ul li .avatar .sub_servico { width: 100%; position: relative; bottom: inherit; left: inherit; padding-bottom: 0px; margin: 50px 0px 0px 0px; }
	.solucoes ul li .avatar .sub_servico .subitem { padding-bottom: 20px; }
	.solucoes ul li:hover .avatar .sub_servico { bottom: initial; }
}