#quemsomos{margin-top:-10.5rem;padding-top:6.5rem;border-radius:0 0 0 240px;background:#fff;background:linear-gradient(90deg, white 0%, #f9f9f9 55%, #eeecec 100%)}#quemsomos .b-container{padding:0 .8rem}#quemsomos .flex-grid{display:flex;flex-wrap:wrap;justify-content:space-between}#quemsomos .flex-grid .content{box-sizing:border-box;width:48%;padding:4rem 0 5rem}#quemsomos .flex-grid .content .title1{margin-top:.5rem;margin-bottom:1rem}#quemsomos .flex-grid .content p{margin-bottom:1rem}#quemsomos .flex-grid .content .logos{display:flex;margin-top:2rem}#quemsomos .flex-grid .content .logos li{margin-right:.6rem}#quemsomos .flex-grid .content .logos li:last-child{margin-right:0}#quemsomos .flex-grid .content .logos img{max-height:70px}#quemsomos .flex-grid .image{display:flex;align-items:flex-end;box-sizing:border-box;width:48%}#quemsomos .flex-grid .image img{max-width:100%}@media(max-width: 1100px){#quemsomos .flex-grid .content{width:46%}#quemsomos .flex-grid .image{width:52%}}@media(max-width: 1368px){#quemsomos{border-radius:0 0 0 100px}}@media(max-width: 1000px){#quemsomos{margin-top:-15rem;padding-top:10.5rem;border-radius:0 0 0 100px}}@media(max-width: 740px){#quemsomos{border-radius:0}#quemsomos .flex-grid .content{width:100%}#quemsomos .flex-grid .image{width:100%}}@media(max-width: 640px){#quemsomos{margin-top:-18.5rem;padding-top:14rem}}@media(max-width: 375px){#quemsomos{margin-top:-29.5rem;padding-top:24rem}#quemsomos .flex-grid .content .logos img{max-height:60px}}#valores{border-radius:240px 0 0 0;background:url(//rottasconstrutora.com.br/rottas/assets/MissaoVisaoValores.jpg) center center no-repeat;background-size:cover;background-attachment:fixed}#valores .overlay{border-radius:240px 0 0 0;padding:3rem 0 4rem;background-color:#ff7700ef}#valores .overlay .valores{display:flex;flex-wrap:wrap;justify-content:space-between}#valores .overlay .valores .valor{width:30%}#valores .overlay .valores .valor .title2{display:inline-flex;align-items:center;margin-bottom:1rem}#valores .overlay .valores .valor .title2 img{width:40px;height:40px;margin-right:.5rem}@media(max-width: 1368px){#valores,#valores .overlay{border-radius:100px 0 0 0}#valores .overlay .valores .valor{box-sizing:border-box;padding:1rem}}@media(max-width: 850px){#valores .overlay .valores{justify-content:center}#valores .overlay .valores .valor{width:47%}}@media(max-width: 750px){#valores,#valores .overlay{border-radius:0 0 0 0}}@media(max-width: 650px){#valores .overlay .valores .valor{width:100%;padding:1rem}}#banner {
background-color: var(--orange1);
}
#banner .overlay {
padding: 4.5rem 0 4.5rem;
background: #2e2e2e94;
}
#banner .b-container {
width: 100%;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
#banner .breadcrumb {
text-align: center;
margin-bottom: 1rem;
}
#banner .breadcrumb,
#banner .breadcrumb a {
color: #fff;
}
#banner .breadcrumb a:hover {
color: var(--yellow);
}
#menu-institucional {
padding: 3rem 0 3rem;
z-index: 1;
}
#menu-institucional .i-menu ul {
width: 100%;
display: flex;
justify-content: space-between;
}
#menu-institucional .i-menu ul li {
width: 15%;
}
#menu-institucional .i-menu ul li a {
cursor: pointer;
background: #e3e3e3;
border-radius: 255px;
font-family: Kanit;
font-weight: 400;
font-size: 14px;
color: var(--black);
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
height: 42px;
padding: 0 1.5rem;
white-space: nowrap;
transition: 0.3s;
}
#menu-institucional .i-menu ul li a:hover {
color: var(--orange1);
}
#menu-institucional .i-menu ul li.current_page_item a{
font-weight: 700;
color: var(--orange1);
background: #fff;
border-radius: 255px;
box-shadow: 0 0 25px 0 rgb(0 0 0 / 10%);
}
@media (max-width: 1000px) {
#menu-institucional .i-menu ul {
flex-wrap: wrap;
}
#menu-institucional .i-menu ul li {
width: 30%;
margin-bottom: 1rem;
}
}
@media (max-width: 640px) {
#menu-institucional .i-menu ul li {
width: 47%;
}
}
@media (max-width: 450px) {
#menu-institucional .i-menu ul li {
width: 49%;
}
}
@media (max-width: 375px) {
#menu-institucional .i-menu ul li {
width: 100%;
}
}