[data-sanimation]{opacity:0}[data-sanimation].ativo{opacity:1}[data-animation=fadeIn].ativo,[data-sanimation=fadeIn].ativo{animation:fadeIn .5s forwards}[data-animation=fadeInLeft].ativo,[data-sanimation=fadeInLeft].ativo{animation:fadeInLeft .5s forwards}[data-animation=fadeInRight].ativo,[data-sanimation=fadeInRight].ativo{animation:fadeInRight .5s forwards}[data-animation=fadeInUp].ativo,[data-sanimation=fadeInUp].ativo{animation:fadeInUp .5s forwards}[data-animation=fadeInDown].ativo,[data-sanimation=fadeInDown].ativo{animation:fadeInDown .5s forwards}[data-animation=zoomIn].ativo,[data-sanimation=zoomIn].ativo{animation:zoomIn .5s forwards}[data-animation=zoomInLeft].ativo,[data-sanimation=zoomInLeft].ativo{animation:zoomInLeft .5s forwards}[data-animation=zoomInRight].ativo,[data-sanimation=zoomInRight].ativo{animation:zoomInRight .5s forwards}[data-animation=zoomInUp].ativo,[data-sanimation=zoomInUp].ativo{animation:zoomInUp .5s forwards}[data-animation=zoomInDown].ativo,[data-sanimation=zoomInDown].ativo{animation:zoomInDown .5s forwards}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeInLeft{from{opacity:0;transform:translate3d(-15%, 0, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}@keyframes fadeInRight{from{opacity:0;transform:translate3d(15%, 0, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}@keyframes fadeInUp{from{opacity:0;transform:translate3d(0, -15%, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}@keyframes fadeInDown{from{opacity:0;transform:translate3d(0, 15%, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}@keyframes zoomIn{from{opacity:0;transform:scale(0.6)}to{opacity:1;transform:scale(1)}}@keyframes zoomInLeft{from{opacity:0;transform:scale(0.6);transform:translate3d(-15%, 0, 0)}to{opacity:1;transform:scale(1);transform:translate3d(0, 0, 0)}}@keyframes zoomInRight{from{opacity:0;transform:scale(0.6);transform:translate3d(15%, 0, 0)}to{opacity:1;transform:scale(1);transform:translate3d(0, 0, 0)}}@keyframes zoomInUp{from{opacity:0;transform:scale(0.6);transform:translate3d(0, -15%, 0)}to{opacity:1;transform:scale(1);transform:translate3d(0, 0, 0)}}@keyframes zoomInDown{from{opacity:0;transform:scale(0.6);transform:translate3d(0, 15%, 0)}to{opacity:1;transform:scale(1);transform:translate3d(0, 0, 0)}}[data-toggle]{display:none}[data-toggle].ativo{cursor:pointer;display:inline}[data-element]{display:none}[data-element].ativo{display:inherit}@media(max-width: 1020px){[data-toggle] img{width:24px;height:24px}[data-element].b-menu,[data-toggle]{display:none}[data-element].b-menu.ativo{display:inherit}[data-toggle].ativo{display:inline;cursor:pointer}}@media(min-width: 1021px){[data-element].b-menu{display:block}[data-toggle].b-mobile{display:none}[data-toggle].b-mobile.ativo{display:none}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}[data-tab-item]{cursor:pointer}[data-tab-content]{display:none}[data-tab-content].ativo{display:inherit}[data-fixed=top].ativo{position:fixed;top:0;animation:fadeIn .4s forwards}[data-fixed=bottom].ativo{position:fixed;bottom:0;animation:fadeIn .4s forwards}.colapse-label{display:block;cursor:pointer}[data-colapse]{cursor:pointer;display:none}[data-colapse]+.colapse-content{display:none}[data-colapse]:checked+.colapse-content{display:flex;animation:expandDown .5s forwards}@keyframes expandDown{from{opacity:0;max-height:0}to{opacity:1;max-height:1080px}}[data-openModal]{cursor:pointer;display:none}[data-openModal].ativo{display:inherit}.b-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1001}.b-modal.ativo{display:flex}.b-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.b-modal-content{z-index:2}.b-container{max-width:1280px;margin:0 auto;padding:.8rem}.b-container-fluid{width:100%}.b-container-margin{margin-left:5%;margin-right:5%}.b-flex-row{display:flex}@media(min-width: 769px){.b-mobile{display:none}}[data-field-master]{display:none}[data-field-master].ativo{display:inherit}* {
scroll-behavior: smooth;
}
body {
display: flex;
padding-top: 85px;
flex-direction: column;
background: #ececec;
--black: #4b4b4b;
--black-light: #646464;
--dark-green: #424548;
--orange1: #ff7800;
--orange1-saturation: #ff9233;
--yellow: #ffc85a;
--yellow-light: #efeed9;
--red: #e54a38;
overflow-x: hidden;
}
body.customize-support header,
body.customize-support header.ativo {
top: 32px;
}
@media (max-width: 1020px) {
body {
padding-top: 78px;
}
}
@media (max-width: 440px) {
body {
padding-top: 58px;
}
}
main {
display: flex;
flex-direction: column;
}
b {
font-weight: 700;
}
a {
display: inline-block;
text-decoration: none;
}
a:focus,
input:focus,
select:focus,
textarea:focus,
button:focus {
border: 1px solid var(--orange1) !important;
box-shadow: 0 0 5px 0 #ff77001e;
outline: none;
}
.error.ativo {
font-family: Aller;
font-size: 14px;
font-weight: 400;
text-transform: none;
color: red;
margin-top: 0.4rem;
}
.swiper-container {
position: relative;
overflow: hidden;
}
.b-container {
max-width: 1180px;
}
.btn {
cursor: pointer;
box-sizing: border-box;
border-radius: 255px;
display: inline-flex;
align-items: center;
justify-content: center;
font-family: Aller;
border: none;
transition: 0.3s;
}
.btn.bold {
font-weight: 700;
}
.btn.borderless {
color: var(--black);
}
.btn.borderless:hover {
color: var(--orange1);
}
.btn.medium {
height: 42px;
padding: 0 1.5rem;
font-size: 14px;
}
.btn.large {
height: 52px;
padding: 0 2rem;
font-size: 16px;
}
@media (max-width: 600px) {
.btn.medium {
padding: 0 1rem;
}
.btn.large {
padding: 0 1.6rem;
}
}
.btn.solid {
color: #fff;
background: var(--orange1);
}
.btn.solid2 {
color: #fff;
background: var(--black);
}
.btn.solid3 {
color: #fff;
background: #00d35f;
}
.btn.solid:hover {
background: var(--orange1-saturation);
}
.btn.solid2:hover {
background: var(--black-light);
}
.btn.solid3:hover {
background: #00b450;
}
.btn.bold {
font-weight: 700;
}
.btn.solid:disabled,
.btn.solid2:disabled {
cursor: not-allowed;
background: #acacac;
}
.btn.solid:disabled:hover,
.btn.solid2:disabled:hover {
background: #acacac;
}
.link {
font-family: Aller;
font-size: 14px;
font-weight: 700;
color: var(--orange1);
transition: 0.3s;
white-space: nowrap;
}
.link:hover {
text-decoration: underline;
}
.uppercase {
text-transform: uppercase;
}
.title1 {
font-family: Aller;
font-weight: 700;
font-size: 32px;
color: var(--black);
}
@media (max-width: 650px) {
.title1 {
font-size: 27px;
}
}
.title2 {
font-family: Aller;
font-weight: 700;
font-size: 28px;
line-height: 2rem;
color: var(--black);
text-transform: uppercase;
}
@media (max-width: 650px) {
.title2 {
font-size: 24px;
}
}
.title3 {
font-family: Kanit;
font-size: 19px;
font-weight: 600;
color: var(--black);
}
.title4 {
font-family: Aller;
font-weight: 700;
}
@media (max-width: 650px) {
.title3 {
font-size: 17px;
}
}
.content p,
.paragraph {
font-family: Aller;
font-size: 16px;
line-height: 1.4rem;
}
.paragraph.big {
font-family: Aller;
font-size: 21px;
font-weight: 700;
color: var(--black);
line-height: 1.6rem;
}
@media (max-width: 650px) {
.paragraph.big {
font-size: 18px;
line-height: 1.4rem;
}
}
.title1.center,
.title2.center,
.title3.center,
.title4.center,
.paragraph.center {
text-align: center;
}
.title1.orange,
.title2.orange,
.title3.orange,
.title4.orange,
.paragraph.orange {
color: var(--orange1);
}
.title1.white,
.title2.white,
.title3.white,
.title4.white,
.paragraph.white {
color: #fff;
}
.slider-navigation div:first-child {
margin-right: 0.6rem;
}
.slider-navigation i {
opacity: 0.75;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
background: var(--orange1);
color: #fff;
width: 40px;
height: 40px;
border-radius: 255px;
transition: 0.3s;
}
.slider-navigation i:hover {
background: var(--orange1);
opacity: 1;
}
.slider-navigation .swiper-button-disabled > i {
background: var(--black);
opacity: 0.75;
}
.card-imovel {
background: #fff;
border-radius: 20px;
}
.card-imovel .tag {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 1rem;
font-family: Aller;
font-size: 12px;
background: var(--orange1);
color: #fff;
border-radius: 20px;
height: 24px;
border-radius: 255px;
}
.card-imovel .image img {
width: 100%;
object-fit: cover;
height: 180px;
border-radius: 20px 20px 0 0;
}
.card-imovel .image {
position: relative;
}
.card-imovel .image .overlay {
position: absolute;
box-sizing: border-box;
padding: 1rem;
top: 0;
left: 0;
width: 100%;
height: 180px;
border-radius: 20px 20px 0 0;
background: radial-gradient(circle, rgba(255, 255, 255, 0) 0%, rgba(39, 39, 39, 0.4) 100%);
}
.card-imovel .content {
padding: 1rem 1.5rem;
}
.card-imovel .content img {
max-width: 100%;
}
.card-imovel .content .title-box {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: 1rem;
}
.card-imovel .content .title-box .left {
box-sizing: border-box;
width: 76%;
}
.card-imovel .content .title-box .right {
box-sizing: border-box;
width: 24%;
}
.card-imovel .content .title-box .label {
display: inline-block;
font-family: Aller;
font-size: 12px;
color: var(--black);
text-transform: uppercase;
margin-bottom: 0.3rem;
}
.card-imovel .content .title-box .name {
font-family: Aller;
font-size: 18px;
height: 36px;
font-weight: 700;
color: var(--orange1);
}
.card-imovel .content .divisor {
width: 22%;
height: 4px;
background-color: var(--yellow);
}
.card-imovel .content .infos {
display: flex;
margin-top: 1rem;
margin-bottom: 1.5rem;
}
.card-imovel .content .infos li {
display: flex;
font-family: Aller;
font-size: 14px;
color: var(--black);
align-items: center;
margin-right: 0.5rem;
white-space: nowrap;
}
.card-imovel .content .infos img {
margin-right: 0.4rem;
}
.card-imovel .content .infos li:last-child {
margin-right: 0;
}
.card-imovel .content .buttons-grid {
display: flex;
justify-content: space-between;
}
.card-imovel .content .buttons-grid .btn {
white-space: nowrap;
}
.card-imovel .content .buttons-grid .btn img {
margin-right: 0.4rem;
}
.card-imovel .content .location {
display: inline-block;
font-family: Aller;
font-size: 15px;
margin-top: 1rem;
color: var(--black);
}
@media (max-width: 530px) {
.card-imovel .content .location {
font-family: 14px;
}
}
@media (max-width: 480px) {
.card-imovel .content .buttons-grid {
flex-wrap: wrap;
}
.card-imovel .content .buttons-grid .btn {
width: 100%;
}
}
@media (max-width: 420px) {
.card-imovel .content .infos li {
font-size: 13px;
}
.card-imovel .content .infos img {
width: 21px;
}
}
@media (max-width: 380px) {
.card-imovel .content .title-box .left {
width: 73%;
}
.card-imovel .content .title-box .right {
width: 27%;
}
.card-imovel .content .infos li {
font-size: 12px;
}
}
@media (max-width: 350px) {
.card-imovel .content .infos li:last-child {
display: none;
}
}
header {
position: absolute;
top: 0;
left: 0;
width: 100%;
background: #fff;
z-index: 899;
}
header .b-container {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
header.ativo .b-container {
padding: 0.3rem 0.8rem;
}
header .right {
display: flex;
align-items: center;
justify-content: space-between;
}
header .rottas-menu {
padding: 0 2rem;
}
header .rottas-menu i {
color: var(--orange1);
}
header .rottas-menu .b-menu {
box-sizing: border-box;
padding: 0 2rem;
}
header .rottas-menu .b-menu #menu-menu-principal {
display: inline-flex;
}
header .rottas-menu .b-menu li {
position: relative;
box-sizing: border-box;
font-family: Aller;
font-size: 15px;
padding: 0.8rem;
border-bottom: 2px solid transparent;
white-space: nowrap;
}
header .rottas-menu .b-menu li i {
margin-left: 0.25rem;
}
header .rottas-menu .b-menu li:hover {
border-bottom: 2px solid var(--orange1);
}
header .rottas-menu .b-menu li a {
color: var(--black);
transition: 0.3s;
}
header .rottas-menu .b-menu li a:hover,
header .rottas-menu .b-menu li.current_page_item a {
color: var(--orange1);
}
header .rottas-menu .sub-menu {
display: none;
box-sizing: border-box;
padding: 1rem;
background: #fff;
position: absolute;
top: 42px;
left: 0;
border-bottom: 2px solid var(--orange1);
}
header .rottas-menu .b-menu li:hover > .sub-menu {
display: block;
}
header .rottas-menu .sub-menu li,
header .rottas-menu .sub-menu li:hover {
white-space: nowrap;
border: none;
}
header .social-media {
display: inline-flex;
}
header .social-media a {
color: var(--orange1);
transition: 0.3s;
}
header .social-media a:hover {
color: var(--orange1-saturation);
transform: translateY(-0.2rem);
}
header .social-media a i {
display: flex;
align-items: center;
justify-content: center;
height: 32px;
width: 32px;
font-size: 21px;
}
header .rottas-menu .b-menu > .social-media {
display: none;
}
@media (max-width: 1020px) {
header .image img {
max-width: 150px;
}
header .rottas-menu .b-menu {
display: none;
position: absolute;
width: 100%;
top: 75px;
right: 0;
background: #fff;
padding: 2rem;
border-top: 2px solid var(--orange1);
}
header .rottas-menu .b-menu #menu-menu-principal {
display: initial;
}
header.ativo .rottas-menu .b-menu {
top: 60px;
}
header .rottas-menu .b-menu li,
header .rottas-menu .b-menu li:hover {
border: none;
}
header .rottas-menu .sub-menu {
position: initial;
}
}
@media (max-width: 440px) {
header .b-container {
padding: 0.4rem 0.8rem;
}
header .image img {
max-width: 130px;
}
header .social-media {
display: none;
}
header .rottas-menu {
padding: 0;
}
header .rottas-menu i {
font-size: 19px;
}
header .rottas-menu .b-menu {
min-height: 300px;
max-height: 60vh;
overflow-y: scroll;
top: 60px;
}
header.ativo .rottas-menu .b-menu {
top: 55px;
}
header .rottas-menu .b-menu > .social-media {
display: flex;
justify-content: center;
margin-top: 1rem;
}
header .rottas-menu .b-menu::-webkit-scrollbar {
width: 8px;
}
header .rottas-menu .b-menu::-webkit-scrollbar-track {
background: #f1f1f1;
}
header .rottas-menu .b-menu::-webkit-scrollbar-thumb {
background: var(--orange1);
}
header .rottas-menu .b-menu::-webkit-scrollbar-thumb:hover {
background: var(--orange1-saturation);
}
}
.breadcrumb {
display: inline-block;
}
.breadcrumb a,
.breadcrumb span {
font-family: Aller;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
}
.breadcrumb a {
color: #000;
transition: 0.3s;
}
.breadcrumb a:hover {
color: var(--yellow);
}
.breadcrumb .breadcrumb_last {
font-weight: 700;
}
.contact-list {
position: fixed;
top: 40%;
right: 0;
z-index: 1002;
opacity: 1;
animation: fadeOut 1s;
transition: 0.3s;
}
.contact-list li button,
.contact-list li a,
.contact-list li button.ativo,
.contact-list li a.ativo {
padding: 0;
margin: 0;
margin-bottom: 1rem;
display: flex;
background: transparent;
border: none;
width: 100%;
}
@media (min-width: 651px) {
.contact-list:hover {
opacity: 1;
}
.contact-list li a,
.contact-list li button {
display: flex;
margin-bottom: 1rem;
}
.contact-list li:last-child {
margin-bottom: 0;
}
.contact-list .icon-wrapper {
position: relative;
width: 50px;
height: 50px;
color: #fff;
display: flex;
align-items: center;
padding: 0 0.5rem;
border-radius: 3rem 0 0 3rem;
}
.contact-list .content-wrapper {
position: relative;
width: 100%;
height: 50px;
color: #fff;
display: flex;
align-items: center;
padding-left: 0.7rem;
border-radius: 3rem 0 0 3rem;
visibility: hidden;
font-family: Aller;
font-size: 16px;
}
.contact-list li img {
padding-left: 0.5rem;
}
.contact-list .A .icon-wrapper,
.contact-list .A .content-wrapper {
background-color: #ff7800;
}
.contact-list .A button:hover .icon-wrapper,
.contact-list .A a:hover .icon-wrapper,
.contact-list .A button:hover .content-wrapper,
.contact-list .A a:hover .content-wrapper {
background-color: #ff8d29;
}
.contact-list .B .icon-wrapper,
.contact-list .B .content-wrapper {
background-color: #00b450;
}
.contact-list .B a:hover .icon-wrapper,
.contact-list .B button:hover .icon-wrapper,
.contact-list .B a:hover .content-wrapper,
.contact-list .B button:hover .content-wrapper {
background-color: #00d35f;
}
.contact-list .C .icon-wrapper,
.contact-list .C .content-wrapper {
background-color: #e54a38;
}
.contact-list .C a:hover .icon-wrapper,
.contact-list .C button:hover .icon-wrapper,
.contact-list .C a:hover .content-wrapper,
.contact-list .C button:hover .content-wrapper {
background-color: #f54e3b;
}
.contact-list .D .icon-wrapper,
.contact-list .D .content-wrapper {
background-color: #297de0;
}
.contact-list .D a:hover .icon-wrapper,
.contact-list .D button:hover .icon-wrapper,
.contact-list .D a:hover .content-wrapper,
.contact-list .D button:hover .content-wrapper {
background-color: #2c8cfa;
}
.contact-list .A a:hover .icon-wrapper,
.contact-list .A button:hover .icon-wrapper,
.contact-list .B a:hover .icon-wrapper,
.contact-list .B button:hover .icon-wrapper,
.contact-list .C a:hover .icon-wrapper,
.contact-list .C button:hover .icon-wrapper,
.contact-list .D a:hover .icon-wrapper,
.contact-list .D button:hover .icon-wrapper {
border-radius: 0;
}
.contact-list .A a:hover .content-wrapper,
.contact-list .A button:hover .content-wrapper,
.contact-list .B a:hover .content-wrapper,
.contact-list .B button:hover .content-wrapper,
.contact-list .C a:hover .content-wrapper,
.contact-list .C button:hover .content-wrapper,
.contact-list .D a:hover .content-wrapper,
.contact-list .D button:hover .content-wrapper {
visibility: visible;
transition: 0.3s;
}
}
@media (max-width: 650px) {
.contact-list {
position: fixed;
top: unset;
bottom: 0;
right: 0;
opacity: 1;
width: 100%;
box-sizing: border-box;
}
.contact-list .list {
display: flex;
}
.contact-list .list li {
width: 100%;
padding: 1rem;
}
.contact-list .A {
background-color: #ff7800;
}
.contact-list .A:hover {
background-color: #ff8d29;
}
.contact-list .B {
background-color: #00b450;
}
.contact-list .B:hover {
background-color: #00d35f;
}
.contact-list .C {
background-color: #e54a38;
}
.contact-list .C:hover {
background-color: #f54e3b;
}
.contact-list .D {
background-color: #297de0;
}
.contact-list .D:hover {
background-color: #2c8cfa;
}
.contact-list .list li a,
.contact-list .list li button {
width: 100%;
display: flex;
flex-direction: column-reverse;
align-items: center;
justify-content: center;
margin-bottom: 0;
}
.contact-list .list li a .content-wrapper,
.contact-list .list li button .content-wrapper {
display: inline-block;
margin-top: 0.4rem;
text-align: center;
font-family: Aller;
color: #fff;
font-size: 14px;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0.5;
}
}
.search-form {
display: flex;
}
.search-form select {
-webkit-appearance: none;
font-family: Aller;
font-size: 14px;
color: #000;
padding: 0 2.2rem 0 1.4rem;
height: 42px;
margin-right: 0.5rem;
border-radius: 255px;
border: none;
}
.posts .post-card {
background: #fff;
border-radius: 20px;
}
.posts .post-card a {
display: block;
}
.posts .post-card img {
height: 180px;
object-fit: cover;
width: 100%;
border-radius: 20px 20px 0 0;
}
.posts .post-card .content {
padding: 1rem 1.5rem 2rem;
}
.posts .post-card .content .category {
display: inline-block;
font-family: Aller;
font-size: 12px;
margin-bottom: 0.5rem;
text-transform: uppercase;
color: var(--orange1);
}
.posts .post-card .content .category a {
display: inline;
color: var(--orange1);
}
.posts .post-card .content .post-title {
display: block;
font-family: Aller;
font-size: 16px;
font-weight: 600;
color: var(--black);
height: 50px;
line-height: 1.1rem;
transition: 0.3s;
}
.posts .post-card .content .post-title:hover {
text-decoration: underline;
}
.posts .post-card .content .link {
display: inline-block;
margin-top: 2rem;
}
@media (max-width: 400px) {
.posts .post-card .content {
padding: 1rem 1rem 2rem;
}
.posts .post-card .content .post-title {
font-size: 14px;
}
}
.rottas-form input[type=text],
.rottas-form input[type=tel],
.rottas-form input[type=email],
.rottas-form input[type=password],
.rottas-form input[type=search],
.rottas-form select {
font-family: Aller;
font-size: 14px;
width: 100%;
margin-top: 0.5rem;
box-sizing: border-box;
padding: 0 1.5rem;
display: block;
border-radius: 21px;
border: 1px solid #bfbfbf;
height: 42px;
}
.rottas-form textarea {
font-family: Aller;
font-size: 14px;
display: inline-block;
margin-top: 0.5rem;
width: 100%;
max-width: 100%;
height: 100px;
min-height: 100px;
max-height: 150px;
border-radius: 21px;
padding: 1rem 1.5rem;
border: 1px solid #bfbfbf;
box-sizing: border-box;
}
.rottas-form label {
width: 100%;
font-family: Aller;
font-size: 14px;
font-weight: 700;
color: var(--black);
text-transform: uppercase;
}
.rottas-form label.w50 {
width: 48%;
}
.rottas-form label.w80 {
width: 78%;
}
.rottas-form label.w20 {
width: 20%;
}
@media (max-width: 500px) {
.rottas-form label.w50 {
width: 100%;
}
.rottas-form label.w80 {
width: 68%;
}
.rottas-form label.w20 {
width: 28%;
}
}
.policy {
font-family: Aller;
font-size: 14px;
}
footer .top {
padding: 3rem 0 4rem;
background: #53575a;
}
footer .top .b-container {
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
box-sizing: border-box;
}
footer .top .logo {
display: flex;
align-items: center;
width: 20%;
}
footer .top .logo img {
max-width: 100%;
}
footer .top .footer-menu {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
width: 56%;
}
footer .top .footer-menu .menu .menu-title {
font-family: Aller;
font-size: 14px;
font-weight: 700;
color: var(--orange1);
margin-bottom: 1.5rem;
}
footer .top .footer-menu .menu li {
font-family: Aller;
font-size: 13px;
margin-bottom: 0.85rem;
}
footer .top .footer-menu .menu li a {
color: #fff;
transition: 0.3s;
}
footer .top .footer-menu .menu li a:hover {
color: var(--orange1);
}
footer .top .footer-menu .menu footer .top .social-media {
width: 20%;
}
footer .top .social-media span {
font-family: Aller;
font-size: 14px;
color: #fff;
}
footer .top .social-media .icons-grid {
margin-top: 0.6rem;
display: flex;
}
footer .top .social-media a {
color: var(--orange1);
transition: 0.3s;
}
footer .top .social-media a:hover {
color: var(--yellow);
transform: translateY(-0.2rem);
}
footer .top .social-media a i {
display: flex;
align-items: center;
justify-content: center;
height: 32px;
width: 32px;
font-size: 21px;
}
@media (max-width: 750px) {
footer .top .logo {
justify-content: center;
width: 100%;
margin-bottom: 2rem;
}
footer .top .footer-menu {
width: 100%;
}
footer .top .logo img {
max-width: 190px;
}
footer .top .social-media {
margin-top: 25px;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
}
@media (max-width: 450px) {
footer .top {
padding: 2rem 0;
}
footer .top .footer-menu {
flex-wrap: wrap;
}
footer .top .footer-menu .menu {
width: 50%;
}
footer .top .footer-menu .menu:last-child {
width: 100%;
}
}
footer .center {
padding: 2rem 0;
background: #53575a;
border-top: 1px solid;
}
footer .center .b-container {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
box-sizing: border-box;
}
footer .center .buttons-grid {
width: 24%;
padding-left: 1rem;
}
footer .center .btn {
width: 100%;
white-space: nowrap;
}
footer .center .b-container .locations {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: start;
}
footer .center .b-container .locations li {
display: flex;
width: 23%;
}
footer .center .b-container .locations li img {
margin-right: 0.6rem;
}
footer .center .b-container .locations li .location-title {
font-family: Aller;
font-size: 13px;
font-weight: 700;
margin-bottom: 1rem;
color: #fff;
}
footer .center .b-container .locations li p {
font-family: Aller;
font-size: 13px;
color: #fff;
}
@media (max-width: 850px) {
footer .center .b-container .locations {
width: 100%;
}
footer .center .buttons-grid {
display: flex;
justify-content: center;
margin-top: 2rem;
width: 100%;
}
footer .center .buttons-grid .btn {
width: unset;
}
}
@media (max-width: 600px) {
footer .center .b-container .locations li {
width: 100%;
margin-bottom: 2rem;
}
footer .center .buttons-grid .btn {
width: 90%;
}
}
footer .bottom {
padding: 0.5rem 0;
background: #424548;
}
footer .bottom .copy {
font-family: Aller;
font-size: 13px;
color: #fff;
}
footer .bottom .grid {
display: flex;
justify-content: space-between;
}
@media (max-width: 800px) {
footer .bottom .grid {
flex-direction: column;
align-items: center;
}
footer .bottom .copy {
margin: 1rem 0;
}
}
.post-pagination,
.post-pagination .navigation,
.post-pagination .nav-links {
display: flex;
justify-content: center;
}
.post-pagination .page-numbers {
display: flex;
align-items: center;
justify-content: center;
font-family: Aller;
font-size: 16px;
width: 24px;
height: 24px;
border-radius: 255px;
border: 1px solid var(--orange1);
color: var(--orange1);
margin-right: 0.6rem;
transition: 0.3s;
}
.post-pagination .page-numbers:hover {
color: #fff;
background: var(--orange1);
}
.post-pagination .page-numbers.next,
.post-pagination .page-numbers.prev {
border: none;
}
.post-pagination .page-numbers.next:hover,
.post-pagination .page-numbers.prev:hover {
background: transparent;
}
.post-pagination .page-numbers:last-child {
margin-right: 0;
}
.post-pagination .page-numbers.current {
color: #fff;
border-color: var(--black);
background-color: var(--black);
}
.post-pagination .page-numbers.current:hover {
background-color: var(--black);
}
#paralax {
height: 300px;
background: url(//rottasconstrutora.com.br/rottas/assets/RottasParalax.jpg) center center no-repeat;
background-attachment: fixed;
background-size: cover;
}
#paralax .overlay {
display: flex;
justify-content: center;
align-items: center;
height: 300px;
box-sizing: border-box;
background: url(//rottasconstrutora.com.br/rottas/assets/RottasGrafismoPequeno.svg) center center no-repeat;
background-color: #c85d0085;
}
#paralax .p-title {
text-align: center;
font-family: Aller;
font-size: 44px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.6rem;
color: #fff;
}
#paralax .p-label {
display: block;
font-family: Aller;
font-size: 14px;
color: #fff;
letter-spacing: 0.15rem;
margin-bottom: 0.4rem;
text-align: center;
}
@media (max-width: 700px) {
#paralax .p-title {
font-size: 38px;
letter-spacing: 0.5rem;
}
}
@media (max-width: 565px) {
#paralax,
#paralax .overlay {
height: 260px;
}
#paralax .p-title {
font-size: 32px;
letter-spacing: 0.3rem;
}
}
@media (max-width: 459px) {
#paralax .p-title {
font-size: 26px;
letter-spacing: 0.25rem;
}
}
.screen-reader-response {
display: none;
}
.wpcf7-response-output,
.wpcf7-not-valid-tip {
font-family: "Aller";
text-transform: none;
color: red;
}
.wpcf7-response-output {
display: block;
margin-top: 10px;
width: 100%;
}
.policy .wpcf7-list-item-label {
text-transform: none;
}
@media (max-width: 650px) {
footer .bottom {
padding-bottom: 5rem;
}
}
@media (max-width: 650px) {
.hkn-disclaimer-bar .hkn-ball-button.svelte-18utn2y {
bottom: 100px;
}
}
.prechat {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 10001;
}
.prechat.ativo {
display: block;
}
.prechat .overlay {
width: 100%;
height: 100vh;
background: rgba(0, 0, 0, 0.4);
display: flex;
align-items: center;
justify-content: center;
}
.prechat .overlay .modal-box {
position: relative;
background: #fff;
max-width: 960px;
width: 100%;
}
.prechat .overlay .modal-box.small {
max-width: 610px;
}
.prechat .overlay .modal-box .close-button {
position: absolute;
right: 1rem;
top: 1rem;
cursor: pointer;
opacity: 0.5;
transition: 0.4s;
}
.prechat .overlay .modal-box .close-button:hover {
opacity: 1;
}
.prechat .overlay .modal-box .flex-grid {
display: flex;
}
.prechat .overlay .modal-box .left {
width: 44%;
background: url(//rottasconstrutora.com.br/rottas/assets/FotosRottas.jpg) center center;
background-size: cover;
}
.prechat .overlay .modal-box .right {
box-sizing: border-box;
padding: 3rem;
width: 56%;
}
.prechat .overlay .modal-box.small .right {
width: 100%;
}
.prechat .overlay .modal-box .rottas-form {
display: flex;
margin-top: 1rem;
flex-wrap: wrap;
justify-content: space-between;
}
.prechat .overlay .modal-box .rottas-form .label {
margin-bottom: 1rem;
}
.prechat .overlay .modal-box .chat-form {
margin-top: 1.8rem !important;
}
.prechat .overlay .modal-box .chat-form .label {
margin-bottom: 1rem;
}
.prechat .overlay .modal-box .information-box {
background: var(--orange1);
box-sizing: border-box;
padding: 1.5rem 2rem;
display: flex;
text-align: center;
justify-content: space-between;
}
.prechat .overlay .modal-box .information-box p {
font-size: 14px;
margin-bottom: 0.5rem;
width: 47%;
}
.prechat .overlay .modal-box .information-box p:last-child {
margin-bottom: 0;
}
.prechat .overlay .modal-box .information-box a {
color: var(--black);
font-weight: 600;
transition: 0.3s;
text-decoration: underline;
}
.prechat .overlay .modal-box .information-box .divisor {
width: 1px;
background-color: white;
float: left;
border: 1px white;
border-radius: 0;
}
.prechat .overlay .modal-box .information-box a:first-of-type {
border-right: white;
}
.prechat .overlay .modal-box .information-box a:hover {
text-decoration: underline;
}
.prechat .overlay .modal-box .btn.solid2 {
margin-top: 0.8rem;
}
@media (max-height: 820px) {
.prechat .overlay .modal-box {
max-height: 770px; overflow-y: scroll;
}
}
@media (max-width: 960px) {
.prechat .overlay .modal-box {
max-height: 770px;
overflow-y: scroll;
}
.prechat .overlay .modal-box.small {
height: auto;
}
.prechat .overlay .modal-box .left {
display: none;
}
.prechat .overlay .modal-box .right {
width: 100%;
}
}
@media (max-width: 500px) {
.prechat .overlay .modal-box .right {
padding: 2rem;
}
.prechat .overlay .modal-box .rottas-form .btn {
width: 100%;
margin-top: 2rem;
}
}
@media (max-width: 400px) {
.prechat .overlay .modal-box .right {
padding: 2rem 1rem;
}
.prechat .overlay .modal-box .information-box {
padding: 1rem;
}
.prechat .overlay .modal-box .information-box p {
font-size: 12px;
}
}