section { padding: 80px 0px 40px 0px; }

/*UNIDADES*/
.unidades { width: 100%; height:auto; margin: 0px; position:relative; z-index: 20; padding: 0px 0px 50px 0px; }
.unidades .dados { width: 100%; margin: 0px; height:auto; position:relative; text-align:left; display:inline-block; vertical-align:top; padding: 0px 0px 50px 0px; }
.unidades .dados ul { width: 100%; height: auto; position: relative; list-style-type: none; text-align: center; }
.unidades .dados ul li { display: inline-block; width: 100%; height: auto; position: relative; padding: 10px 0px; -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; }
.unidades .dados ul li .info_unidades { position:relative; height:auto; margin: 0px 0px 0px 22px; width: -moz-calc(100% - 200px); width: -webkit-calc(100% - 200px); width: -o-calc(100% - 200px); width: calc(100% - 200px); text-align:left; display:inline-block; vertical-align:top; }
.unidades .dados ul li .info_unidades.sem_fotos { margin: 0px; width: 100%;}
.unidades .dados ul li .info_unidades .nome_empresa { width: 100%; height: auto; position: relative; text-align:left; padding: 0px 0px 10px 0px; line-height:24px; font-size:20px; color:var(--cor-primaria); font-family: var(--fonte-especial); display:inline-block; vertical-align:top; font-weight: 600; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.unidades .dados ul li .info_unidades .nome_empresa p { width: 100%; height: auto; position:relative; padding: 0px; font-weight: 400; text-align:left; line-height: 18px; font-size:14px; color: var(--cor-primaria); font-family: var(--fonte-especial); }
.unidades .dados ul li .info_unidades .nome_empresa .ponto { color:var(--cor-primaria); position: relative; font-family: var(--fonte-padrao); font-weight:700; font-size: 24px; line-height: 30px; display:inline-block; vertical-align:top; }
.unidades .dados ul li .info_unidades .info_cliente { width: 100%; height: auto; margin: 0px; text-align:left; padding: 2px 0px; display:inline-block; vertical-align:top; cursor:pointer; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.unidades .dados ul li .info_unidades .info_cliente.com_margem { padding-bottom:20px; }
.unidades .dados ul li .info_unidades .info_cliente .ico_unidade { text-align: center; width: 20px; padding-right:6px; line-height:18px; position:relative; display:inline-block; vertical-align:top; }
.unidades .dados ul li .info_unidades .info_cliente .ico_unidade i { font-size:12px; text-align: center; width: 20px; padding-right:6px; line-height:18px; position:relative; display:inline-block; vertical-align:top; color: var(--cor-secundaria); }
.unidades .dados ul li .info_unidades .info_cliente span {  width: -moz-calc(100% - 28px); width: -webkit-calc(100% - 28px); width: -o-calc(100% - 28px); width: calc(100% - 28px); height: auto; text-align:left; padding: 0px; line-height: 18px; font-size:14px; color: var(--cor-primaria); display:inline-block; vertical-align:top; cursor:pointer; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.unidades .dados ul li .info_unidades .info_cliente:hover { text-decoration: underline; }
.unidades .dados ul li .avatares { width: 165px; height: auto; position: relative; overflow: hidden; display:inline-block; vertical-align:top; margin-left:10px; }
.unidades .dados ul li .avatares .avatar { width: 100%; height: auto; position: relative; overflow: hidden; display:inline-block; background-color: var(--cor-primaria); }
.unidades .dados ul li .avatares .avatar::before { content: ''; width: 100%; height: 100%; position: absolute; overflow: hidden; background-color: rgba(0, 0, 0, 0.3); z-index: 9; left: 0px;  top: 0px; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; }
.unidades .dados ul li .avatares .avatar img { width: 100%; 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; position:relative; display:block; }
.unidades .dados ul li:hover { background: #eef3e4; }

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