@charset "utf-8";

/*quem somos*/
.quem-somos .content.padding {
    padding: 40px 7% 80px 0%;
}
.quem-somos-content {
    margin: 33px 0 44px;
    position: relative;
}
.quem-somos-foto-bg .quem-somos-content {
    margin: 33px 0 44px;
    position: relative;
    max-width:900px;
    margin: 0 auto;
}
.quem-somos-foto-bg {
    background-color: #e4e4e4;
    background-attachment: fixed;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 0;
    position: relative;
    padding: 10% 0 !important;
}
.quem-somos-page-destaque {padding: 0 0px 0 0px;height: 100%;overflow: hidden;/* mask-image: url(images/mask.png); *//* mask-size: 100%; *//* mask-repeat: no-repeat; *//* mask-position: top left; */position: sticky !important;top: 100px;}
.quem-somos-page-destaque:before {
    content: "";
    display: block;
    width: 50%;
    height: 1px;
    background: var(--cor-terciaria);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    mix-blend-mode: multiply;
}
.quem-somos-page-destaque h2 {
    color: var(--cor-secundaria) !important;
    text-transform: none !important;
    font-style:  normal !important;
    font-weight: 200 !important;
    font-size: 38px !important
}

.quem-somos-destacada {
    margin-top: 39px;
    padding: 0 55px 0 0;
}
.quem-somos-destacada img{
    /* max-width: 333px !important; */!i;!;
    /* filter: brightness(0); */
    position: sticky !important;
    top: 126px;
    border-radius: 33px;
}


.quem-somos-page-texto {padding: 0 0px 0 4%;}
ul.blocos,
.quem-somos-page-texto ul {
    display: flex !important;
    flex-wrap: wrap;
}
ul.blocos li,
.quem-somos-page-texto ul li {
    background-color: var(--cor-primaria);
    text-align: left;
    padding: 22px 30px 41px 50px;
    margin: 1px;
    font-size: 14px;
    flex: 1 1  49%;
    position: relative;
    font-weight: 400;
    border-radius: 22px;
    color: #fff;
}
ul.blocos li{
    font-size: 16px;
    /* flex: 1 1 31%; */
}
ul.blocos li:before,
.quem-somos-page-texto ul li:before {
    content: "";
    display: block !important;
    width: 14px;
    height: 26px;
    position: relative;
    z-index:0;
    background-color: transparent;
    text-align: left;
    top: 31px;
    left: -4px;
    margin: 0 0 0 -18px !important;
    border-radius: 0 !important;
    mix-blend-mode: multiply;
    background-image: url(../images/seta3.png);
    background-size: contain;
    background-repeat: no-repeat;
}
ul.blocos li strong,
.quem-somos-page-texto ul li strong{ font-size: 18px;}
.quem-somos ul li i {
    display: block;
    width: 100%;
    text-align: left;
    font-size: 47px;
    margin: 22px 0 33px;
}
.quem-somos-page-destaque img {line-height: 0;padding: 0;} 


/*galerias*/
#carrossel-galeria {
    padding: 0 0px;
    margin-top: 33px;
}
.bloco.galeria {
    /* border-top: 1px solid #ccc; */
    /* border-bottom: 1px solid #ccc; */
    /* padding-top: 44px; */
    padding-bottom: 11px;
    margin: 0;
}
.galeria-item a {
    height: 0;
    overflow: hidden;
    display: block;
    position: relative;
    padding-bottom: 100%;
}

.galeria-item.galeria-item a img {
    position: absolute  !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    height: 100% !important;
    width: 100% !important;
    transform-origin:top left;
}
.galeria-item { padding: 0;}
.galeria-item a:hover > img { opacity: 0.6}

#galeria-carrossel .owl-nav { position: initial;}

#carrossel-galeria .owl-nav { top: 30% !important;}
/**/
/*------------------------------------------------------------ */
/* ------------------------- MOBILE -------------------------- */
/*------------------------------------------------------------ */
@media screen and (max-width: 700px) {
    .quem-somos-content {margin: 0px 0;}
    .quem-somos-page-destaque {padding: 0 0px 0 0;top: auto;}
    .quem-somos-page-texto {padding: 22px 0;}
    .blocos-quemsomos ul {padding: 0 !important;margin: 0 !important;flex-direction: column;}
    .blocos-quemsomos ul li {padding: 22px;width: 100%;}
    .quem-somos-destacada {margin-top: 0px;padding: 0;}
    .quem-somos-destacada img{ position: relative !important; top: 0px;
    border-radius: 22px;
    }
    ul.blocos,
    .quem-somos-page-texto ul {padding: 0px !important;margin: 0px;}
}