.btn-whatsapp { position: fixed; left: 75px; bottom: 75px; } .btn-whatsapp .feature-box .feature-box-icon { display: inline-flex; align-items: center; justify-content: center; flex: 1 0 auto; border-radius: 100%; color: #FFF; font-size: 18px; font-size: 1rem; position: relative; top: 7px; text-align: center; padding: 0.8em; height: 1px; width: 4.5em; height: 4.5em; } @media (max-width: 767px) { .btn-whatsapp { position: fixed; left: 30px; bottom: 30px; } .btn-whatsapp .feature-box .feature-box-icon { display: inline-flex; align-items: center; justify-content: center; flex: 1 0 auto; border-radius: 100%; color: #FFF; font-size: 18px; font-size: 1rem; position: relative; top: 7px; text-align: center; padding: 0.8em; height: 1px; width: 4em; height: 4em; } } .max-width-60 { max-width: 60px; } .max-width-80 { max-width: 80px; } .max-width-120 { max-width: 120px; } .max-width-150 { max-width: 150px; } .max-width-200 { max-width: 200px; } .max-width-250 { max-width: 250px; } .max-width-320 { max-width: 320px; } .max-width-400 { max-width: 400px; } /* Height */ .height-anuncio { height: 10vw !important; } .height-blog-mini { height: 60px !important; } @media (min-width:1200px) { .height-anuncio { min-height: 200px; } .height-blog-mini { height: 50px !important; } } @media (max-width: 991px) { .height-anuncio { height: 22vw !important; } } @media (max-width: 767px) { .height-anuncio { height: 30vw !important; } .height-blog-mini { height: 30px !important; } } @media (max-width: 575px) { .height-anuncio { min-height: 250px; } .height-blog-mini { height: 20px !important; } } @media (min-width: 576px) and (max-width: 991px) { .height-anuncio { min-height: 250px; } } @media (min-width: 992px) and (max-width: 1199px) { .height-anuncio { min-height: 200px; } } .height-portal { height: 25vw !important; } .height-detalhe { height: 12vw !important; } .height-portal-list { height: 15vw !important; } .height-1 { height: 18vw !important; } .height-map { height: 20vw !important; } @media (min-width:1200px) { .height-portal { min-height: 450px; } .height-detalhe { min-height: 220px; } .height-portal-list { min-height: 290px; } .height-map { min-height: 350px; } } @media (max-width: 991px) { .height-portal { height: 35vw !important; } .height-detalhe { height: 15vw !important; } .height-portal-list { height: 35vw !important; } .height-1 { height: 35vw !important; } .height-map { height: 35vw !important; } } @media (max-width: 767px) { .height-portal { height: 50vw !important; } .height-detalhe { height: 20vw !important; } .height-portal-list { height: 50vw !important; } .height-1 { height: 40vw !important; } .height-map { height: 50vw !important; } } @media (max-width: 575px) { .height-portal { min-height: 250px; } .height-detalhe { min-height: 100px; } .height-portal-list { min-height: 220px; } .height-map { min-height: 200px; } } @media (min-width: 576px) and (max-width: 991px) { .height-portal { min-height: 220px; } .height-detalhe { min-height: 150px; } .height-portal-list { min-height: 220px; } .height-1 { min-height: 350px; } } @media (min-width: 992px) and (max-width: 1199px) { .height-portal { min-height: 380px; } .height-detalhe { min-height: 200px; } .height-portal-list { min-height: 260px; } .height-1 { min-height: 350px; } } .height-banner { height: 550px !important; } @media (max-width: 991px) { .height-banner { height: 300px !important; } } @media (max-width: 767px) { .height-banner { height: 180px !important; } } @media (min-width: 576px) and (max-width: 991px) { .height-banner { min-height: 180px; } } .height-quadro { height: 404px !important; } @media (max-width: 991px) { .height-quadro { height: 300px !important; } } @media (max-width: 767px) { .height-quadro { height: 180px !important; } } @media (min-width: 576px) and (max-width: 991px) { .height-quadro { min-height: 180px; } } .height-quadro-col { height: 198px !important; } @media (max-width: 991px) { .height-quadro-col { height: 300px !important; } } @media (max-width: 767px) { .height-quadro-col { height: 180px !important; } } @media (min-width: 576px) and (max-width: 991px) { .height-quadro-col { min-height: 180px; } } .height-planta { height: 12vw !important; } @media (max-width: 991px) { .height-planta { height: 35vw !important; } } @media (max-width: 767px) { .height-planta { height: 60vw !important; } } @media (min-width: 576px) and (max-width: 991px) { .height-planta { min-height: 220px; } } .height-1x2 { height: 36.50vw !important; } @media (max-width: 991px) { .height-1x2 { height: 46vw !important; } } @media (max-width: 767px) { .height-1x2 { height: 100vw !important; } } @media (min-width: 576px) and (max-width: 991px) { .height-1x2 { min-height: 600px; } } .height-2 { height: 16.25vw !important; } @media (max-width: 991px) { .height-2 { height: 26vw !important; } } @media (max-width: 767px) { .height-2 { height: 100vw !important; } } .height-2x2 { height: 32.50vw !important; } .height-3 { height: 23.25vw !important; } @media (max-width: 991px) { .height-3 { height: 33vw !important; } } @media (max-width: 767px) { .height-3 { height: 100vw !important; } } .height-3x3 { height: 46.50vw !important; } .height-500 { height: 500px; } .height-100vh { height: 100vh; } .min-height-200 { min-height: 200px; } .min-height-236 { min-height: 236px; } .min-height-285 { min-height: 285px; } .min-height-300 { min-height: 300px; } .min-height-370 { min-height: 370px; } .min-height-450 { min-height: 450px; } .min-height-550 { min-height: 450px; } .min-height-680 { min-height: 680px; } .min-height-750 { min-height: 750px; } .min-height-800 { min-height: 800px; } .min-height-900 { min-height: 900px; } .min-height-32vw { min-height: 32vw; } .min-height-100vh { min-height: 100vh; } .min-height-calc-1 { min-height: calc(100vh - 118px); }