section { padding-top: 100px; }
.titulo_bloco i.fa-arrow-left { font-size:15px; line-height:15px; position:absolute; left: 0px; top:30px; color:var(--cor-primaria); padding:13px 0px 0px 0px;  -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.titulo_bloco i.fa-arrow-left:hover { left: 5px; }

/*GALERIA*/
.galeria { width: 100%; height: auto; position: relative; clear: both; padding: 0px 0px 80px 0px; text-align: center; }
.galeria .titulo_bloco { width: 100%; height: auto; margin: 0px; font-family: var(--fonte-especial); font-size: 32px; line-height: 40px; text-align: left; color: var(--cor-primaria); padding: 30px 0px 0px 0px; text-transform:uppercase; 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: center; }
.galeria .introducao_bloco { width: 100%; height: auto; position: relative;font-family: var(--fonte-padrao); font-size: 18px; line-height: 24px; font-weight:400; text-align: center; color: var(--cor-texto-default); padding: 0px 0px 30px 0px; 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; }

.galeria ul { width: 100%; height: auto; text-align: center; margin: 30px 0px 10px 0px; position: relative; clear: both; }
.galeria ul li { margin: 10px; min-height: 200px; text-align: center; width: 240px; 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; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; }
.galeria ul li .avatar .acoes { display: none; height: auto; padding: 3px 10px; position: absolute; z-index: 10; width: auto; min-width: 170px; line-height: auto; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.galeria ul li .avatar .acoes i { color: #ffffff; font-size: 20px; width: 40px; line-height: 40px; height: 40px; background-color: var(--cor-primaria); position: relative; text-align: center; display: inline-block; vertical-align: top; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 5px 4px; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; }
.galeria ul li .avatar .acoes i:hover {  background-color: rgba(255,255,255,1); color: #000000; }
.galeria ul li .avatar { background-color: #ffffff; width: 100%; height: 200px; position: relative; -webkit-border-radius: 35px 35px 35px 0px; -moz-border-radius: 35px 35px 35px 0px; border-radius: 35px 35px 35px 0px; overflow: hidden; background-repeat:no-repeat; background-image: url(../imagens/ajax-loader.gif); background-position:center; }
.galeria ul li .avatar .formato { background-color: var(--cor-terceira); width: auto; height: auto; position: absolute; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; overflow: hidden; padding: 5px 6px 5px 10px; font-size: 9px; line-height:12px; text-transform:uppercase; color: #ffffff; bottom:15px; left:15px; font-weight:bold; letter-spacing:2px; z-index:100; }
.galeria ul li .avatar .formato i { font-size: 12px; line-height:12px; padding:0px 4px 0px 0px; color: rgba(255, 255, 255, 0.5); position:relative; display:inline-block; vertical-align:top; }
.galeria ul li .avatar img { -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: block; position: relative; width: 100%; height: 100%; object-fit: cover; }

.galeria ul li:hover .acoes { display: block; }
.galeria ul li:hover { margin: 7px 10px 13px 10px; }

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

}