#busca {
z-index: 2;
}
#busca .searchbar {
display: flex;
align-items: center;
justify-content: space-between;
background: var(--red);
border-radius: 255px;
padding: 0.6rem 1.2rem;
margin-top: 1rem;
}
#busca .searchbar .search-title {
display: flex;
align-items: center;
}
#busca .searchbar .search-title img {
margin-right: 1rem;
}
#busca .searchbar .search-title h2 {
font-family: Aller;
font-size: 18px;
font-weight: 700;
color: #fff;
}
#busca .searchbar .btn img {
margin-left: 0.5rem;
}
#busca .searchbar .input-grid #estado {
width: 140px;
}
#busca .searchbar .input-grid #cidade {
width: 310px;
}
@media (max-width: 900px) {
#busca .searchbar .input-grid #estado {
width: 80px;
}
#busca .searchbar .input-grid #cidade {
width: 180px;
}
}
@media (max-width: 690px) {
#busca .searchbar .search-title {
display: none;
}
#busca .searchbar .btn {
width: 42px;
height: 42px;
padding: 0;
}
#busca .searchbar .btn img {
margin-left: 0;
}
#busca .searchbar .btn span {
display: none;
}
#busca .searchbar .search-form {
display: flex;
width: 100%;
}
#busca .searchbar .input-grid {
display: flex;
justify-content: space-between;
width: 100%;
}
#busca .searchbar .input-grid #estado {
width: 28%;
}
#busca .searchbar .input-grid #cidade {
width: 70%;
}
}
@media (max-width: 400px) {
#busca .searchbar .input-grid #estado {
width: 38%;
}
#busca .searchbar .input-grid #cidade {
width: 64%;
}
}
@media (max-width: 350px) {
#busca .searchbar {
border-radius: 25px;
}
#busca .searchbar .search-form {
align-items: center;
}
#busca .searchbar .input-grid {
flex-wrap: wrap;
}
#busca .searchbar .input-grid #estado {
width: 100%;
margin-bottom: 0.5rem;
}
#busca .searchbar .input-grid #cidade {
width: 100%;
}
}
#banners {
margin-top: -120px;
z-index: 1;
}
#banners #sliderPrincipal .swiper-slide img {
max-width: 100%;
}
#banners #sliderPrincipal .swiper-slide .img-mobile {
display: none;
}
#banners #sliderPrincipal .swiper-container {
display: flex;
flex-direction: column;
position: relative;
}
#banners #sliderPrincipal .slider-navigation {
position: absolute;
bottom: 1rem;
width: 100%;
box-sizing: border-box;
display: flex;
justify-content: center;
z-index: 10;
}
#banners #sliderPrincipal .slider-navigation .sP-previous {
margin-right: 0.5rem;
}
@media (max-width: 850px) {
#banners #sliderPrincipal .swiper-slide .img-mobile {
display: initial;
}
#banners #sliderPrincipal .swiper-slide .img-desktop {
display: none;
}
}
#imoveis-destaque {
padding: 3rem 0 4rem;
}
#imoveis-destaque .title2 {
margin-bottom: 1rem;
}
#imoveis-destaque #sliderImoveis {
position: relative;
margin-top: 1.5rem;
}
#imoveis-destaque #sliderImoveis .slider-navigation {
position: relative;
display: flex;
justify-content: flex-end;
margin-top: 2rem;
}
#imoveis-destaque .buttons {
display: flex;
align-items: center;
justify-content: center;
margin-top: 3rem;
}
#imoveis-destaque .buttons .btn:first-child {
margin-right: 0.6rem;
}
@media (max-width: 1024px) {
#imoveis-destaque {
overflow-x: hidden;
}
#imoveis-destaque #sliderImoveis .slider-navigation {
display: none;
}
#imoveis-destaque #sliderImoveis {
padding-right: 8rem;
overflow: visible;
}
}
@media (max-width: 850px) {
#imoveis-destaque #sliderImoveis {
padding-right: 4.5rem;
}
}
@media (max-width: 768px) {
#imoveis-destaque #sliderImoveis {
padding-right: 13rem;
}
}
@media (max-width: 580px) {
#imoveis-destaque #sliderImoveis {
padding-right: 10rem;
}
}
@media (max-width: 530px) {
#imoveis-destaque #sliderImoveis {
padding-right: 7rem;
}
}
@media (max-width: 480px) {
#imoveis-destaque .buttons {
flex-wrap: wrap;
}
#imoveis-destaque .buttons .btn {
width: 100%;
}
#imoveis-destaque .buttons .btn:first-child {
margin-right: 0;
margin-bottom: 1rem;
}
#imoveis-destaque #sliderImoveis {
padding-right: 4rem;
}
}
@media (max-width: 420px) {
#imoveis-destaque #sliderImoveis {
padding-right: 3.5rem;
}
}
@media (max-width: 380px) {
#imoveis-destaque #sliderImoveis {
padding-right: 3rem;
}
}
@media (max-width: 350px) {
#imoveis-destaque #sliderImoveis {
padding-right: 2rem;
}
}
#quemsomos {
border-radius: 0 240px 0 0;
background: white;
background: linear-gradient(270deg, white 0%, #f9f9f9 55%, #eeecec 100%);
}
#quemsomos .b-container {
padding: 0 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: 0.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: 0.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: 740px) {
#quemsomos {
border-radius: 0 120px 0 0;
}
#quemsomos .flex-grid .content {
width: 100%;
}
#quemsomos .flex-grid .image {
width: 100%;
}
}
@media (max-width: 375px) {
#quemsomos .flex-grid .content .logos img {
max-height: 60px;
}
}
#imoveis-logo {
padding: 2rem 0 3rem;
background: var(--yellow-light);
}
#imoveis-logo .title3 {
margin-bottom: 2rem;
}
#imoveis-logo #sliderLogos .slider-navigation {
margin-top: 1rem;
display: flex;
justify-content: center;
}
#imoveis-logo #sliderLogos .logo {
display: flex;
align-items: center;
justify-content: center;
}
#imoveis-logo #sliderLogos .logo img {
height: 75px;
}
@media (max-width: 400px) {
#imoveis-logo #sliderLogos .logo img {
height: 60px;
}
}
#blog-posts {
padding: 3rem 0 4rem;
}
#blog-posts .title-box {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 2rem;
}
#blog-posts #sliderBlogPosts .slider-navigation {
position: relative;
display: flex;
justify-content: flex-end;
margin-top: 2rem;
}
@media (max-width: 1024px) {
#blog-posts {
overflow-x: hidden;
}
#blog-posts #sliderBlogPosts .slider-navigation {
display: none;
}
#blog-posts #sliderBlogPosts {
padding-right: 8rem;
overflow: visible;
}
}
@media (max-width: 850px) {
#blog-posts #sliderBlogPosts {
padding-right: 4rem;
}
}
@media (max-width: 768px) {
#blog-posts #sliderBlogPosts {
padding-right: 13rem;
}
}
@media (max-width: 580px) {
#blog-posts #sliderBlogPosts {
padding-right: 11rem;
}
}
@media (max-width: 530px) {
#blog-posts #sliderBlogPosts {
padding-right: 8rem;
}
}
@media (max-width: 480px) {
#blog-posts #sliderBlogPosts {
padding-right: 4.5rem;
}
}
@media (max-width: 420px) {
#blog-posts .title-box a {
display: none;
}
#blog-posts #sliderBlogPosts {
padding-right: 2.5rem;
}
}
@media (max-width: 380px) {
#blog-posts #sliderBlogPosts {
padding-right: 2rem;
}
}
@media (max-width: 350px) {
#imoveis-destaque #sliderImoveis {
padding-right: 1.5rem;
}
}
#newsletter {
margin-bottom: 4rem;
}
#newsletter .grid {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
padding: 2rem 4rem;
background: #f9f9f9;
border-radius: 12px;
border: 1px solid #cbcbcb;
}
#newsletter .title-box {
width: 35%;
}
#newsletter .form-box {
width: 65%;
}
#newsletter .form-box .rottas-form {
display: flex;
align-items: center;
}
#newsletter .form-box .rottas-form .input-grid {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#newsletter .form-box .rottas-form .buttons-grid {
padding-left: 1rem;
padding-bottom: 5px;
}
#newsletter .policy {
margin-top: 0.4rem;
}
@media (max-width: 900px) {
#newsletter .grid {
padding: 2rem;
}
#newsletter .form-box .rottas-form {
display: initial;
}
#newsletter .form-box .rottas-form .buttons-grid {
margin-top: 1rem;
display: flex;
justify-content: flex-end;
padding-left: 0;
padding-bottom: 0;
}
}
@media (max-width: 750px) {
#newsletter .title-box {
width: 100%;
margin-bottom: 2rem;
}
#newsletter .title-box .title2 {
text-align: center;
}
#newsletter .form-box {
width: 100%;
}
}
@media (max-width: 500px) {
#newsletter .w50 {
margin-bottom: 0.8rem;
}
#newsletter .btn {
margin-top: 1rem;
width: 100%;
}
}
@media (max-width: 375px) {
#newsletter .grid {
padding: 2rem 1.5rem;
}
}