body {
color: #fff;
overflow-x: hidden !important;
}
*::-webkit-scrollbar {
background-color: transparent;
width: 5px;
border-radius: 5px;
}
*::-webkit-scrollbar-thumb {
background-color: #787c4d63;
border-radius: 5px;
}
.siteHeader {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 3;
padding: 20px 0 10px;
background-color: transparent;
backdrop-filter: blur(0px);
transition: all 0.35s ease-in-out, backdrop-filter 0s;
}
.siteHeader.activeScroll {
backdrop-filter: blur(10px);
padding: 10px 0 10px;
background-color: #ffffff8a;
}
.siteHeader.activeScroll.active {
background-color: transparent;
backdrop-filter: blur(0px);
}
.siteHeader.hide {
max-height: 0px;
padding: 0;
overflow: hidden;
}
.siteHeader.hide.active {
max-height: 50px;
}
.wrapperHeader {
overflow: initial;
}
.logo {
opacity: 1;
width: 150px;
height: 39px;
transition-property: opacity, transform, width, left !important;
transition: all 0.25s ease-in-out;
}
.logo a {
position: relative;
display: block;
}
.active .logo {
height: 35px;
}
.logo img {
width: 100%;
opacity: 1;
transition: all 0.25s ease-in-out;
}
.logo img:last-of-type {
position: relative;
top: -33.0333px;
opacity: 0;
visibility: hidden;
}
.activeScroll .logo img:last-of-type {
opacity: 1;
visibility: visible;
}
.activeScroll .logo img {
opacity: 0;
visibility: hidden;
} .activeScroll .logo {
width: 125px;
}
.menuBox {
gap: 20px;
}
.menuText {
font-family: "MulishBold", serif;
letter-spacing: 2px;
color: #fff;
transition: all 0.5s ease-in-out;
}
.textDateNew {
font-family: "MulishBold", serif;
letter-spacing: 2px;
}
.active .menuText {
color: #000;
opacity: 0;
}
.activeScroll .menuText {
color: #000;
}
.burger {
width: 15px;
height: 12px;
overflow: hidden;
}
.burgerLine {
left: 0;
width: 100%;
height: 1px;
background-color: #fff;
border-radius: 10px;
display: block;
transition: all 0.25s linear;
}
.activeScroll .burgerLine,
.active .burgerLine {
background-color: #000;
}
.burgerLine.line1 {
top: 0;
}
.burgerLine.line2 {
top: 100%;
transform: translateY(-50%);
opacity: 0;
}
.burgerLine.line3 {
bottom: 0;
}
.menuBox:hover .burgerLine.line2 {
top: 50%;
opacity: 1;
}
.active .burgerLine.line2 {
top: 50%;
opacity: 0;
left: -100%;
}
.active .burgerLine.line1 {
transform: rotateZ(35deg);
transform-origin: top left;
}
.active .burgerLine.line3 {
transform: rotateZ(-35deg);
transform-origin: top left;
}
.heroSection {
text-align: center;
z-index: 1;
}
.heroImage {
position: relative;
}
.heroImage:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #00000036;
z-index: 1;
}
.subtitleHero {
font-size: 2.2rem;
font-weight: 600;
letter-spacing: 2px;
position: relative;
}
.scrollMouse {
position: absolute;
bottom: 20px;
left: 50%;
margin-left: -12.5px;
width: 25px;
height: 40px;
border: 1px solid #fff;
border-radius: 30px;
}
.darkScroll {
border-color: #92966d;
}
.titleHero {
overflow: hidden;
display: block;
position: relative;
width: 100%;
margin: 30px 0;
}
.innerTitleHero {
display: block;
transition: all 0s ease-in-out;
font-size: 6rem;
width: 100%;
}
.innerTitleHero.active {
display: block;
}
.innerTitleHero.animate {
transform: translateY(0%);
transition: all 1.5s cubic-bezier(0.43, -0.34, 0.37, 0.99);
}
.innerTitleHero.animate-out {
transform: translateY(-100%);
transition: all 1.5s cubic-bezier(0.43, -0.34, 0.37, 0.99);
}
.viewVideo {
text-align: center;
display: inline-block;
margin: 0px auto;
position: relative;
top: 20vh;
font-family: "MulishBold", serif;
letter-spacing: 2px;
}
.content-left .viewVideo {
top: 0;
}
.viewVideo:before {
content: "";
position: absolute;
top: 100%;
height: 1px;
width: 100%;
background-color: #fff;
}
.videoHero {
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.wrapperHero {
padding-bottom: 5vh;
position: relative;
overflow: initial;
z-index: 2;
}
.innerParagraphColumn {
font-size: 1.6rem;
line-height: 1.6;
}
.wrapperHero .viewVideo {
top: 0;
}
.wrapperHero .scrollMouse {
position: relative;
bottom: 0;
margin-top: 40px;
}
.content-left .wrapperHero {
padding-bottom: 5vh;
top: 0;
text-align: left;
}
.completeSection .wrapper {
width: 90%;
}
.content-center .wrapperHero {
text-align: center;
padding-bottom: 5vh;
top: 0;
}
.wrapperFullImg {
overflow: initial;
}
.content-left .subtitleHero,
.content-left .titleHero,
.content-left .viewVideo {
text-align: left;
}
.content-left .titleHero {
max-width: 65%;
height: auto;
}
.content-left .innerTitleHero {
position: relative;
}
.content-left .viewVideo {
margin-top: 10px;
}
.content-left .scrollMouse {
top: calc(90% + 30px);
}
.medium-height .scrollMouse {
top: initial;
bottom: 50px;
}
.siteMenu {
position: fixed;
width: 100%;
height: 100%;
z-index: 2;
transition: all 0s linear 0.75s;
top: -100%;
}
.siteMenu.active {
top: 0;
transition: all 0s linear 0s;
}
.leftSideMenu {
width: 70%;
height: 100%;
background-color: #f2f2f2;
right: -100%;
top: 0;
position: absolute;
color: #787c4d;
padding: 120px 0 50px 7.5%;
transition: all 0.5s cubic-bezier(0, 0.1, 0.68, 0.01);
}
.itemLeftSideMenu a {
color: #a5a77b;
}
.innerCardItem a {
width: 100%;
height: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.active .leftSideMenu {
right: 30%;
transition: all 0.75s cubic-bezier(0, 0.1, 0.68, 0.01);
}
.active .rightSideMenu {
right: 0%;
transition: all 0.5s ease-in-out 0.25s;
}
.residentialMenuTitle {
width: 100%;
font-family: "MulishBold", serif;
font-size: 3.5rem;
height: 80px;
}
.wrapperUlLeftSideMenu {
overflow-y: auto;
height: calc(100% - 125px);
padding-right: 5%;
margin-bottom: 10px;
position: relative;
}
.seeAllCommunities {
text-transform: uppercase;
font-family: "MulishBold", serif;
letter-spacing: 2px;
position: relative;
z-index: 1;
color: #a5a77b;
width: 100%;
display: block;
text-align: right;
transform: translateY(100%);
margin-top: -20px;
}
.textItemLeftSideMenu {
font-size: 1.8rem;
font-weight: 400;
}
.innerWrapperUlLeftSideMenu {
margin-top: 20px;
position: relative;
gap: 20px;
}
.innerCardItem {
width: calc(33.33333% - 10px);
aspect-ratio: 1/1;
border-radius: 5px;
overflow: hidden;
cursor: pointer;
}
.imgInnerCardItem {
background-image: url(https://fakeimg.pl/1024x780/?text=🤣);
width: 100%;
left: 0;
top: 0;
height: 100%;
transform: scale(1);
transition: all 0.5s ease-in-out;
}
.innerCardItem:hover .imgInnerCardItem {
transform: scale(1.15);
}
.imgInnerCardItem:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #00000069;
}
.innerLogoCommunity {
position: relative;
z-index: 1;
width: 50%;
height: 100px;
margin: 0 auto;
align-self: flex-end;
}
.moreInfoCommunity {
width: 100%;
position: relative;
z-index: 1;
border-top: 1px solid #fff;
align-self: flex-end;
padding: 0 10px;
height: 50px;
font-size: 1.4rem;
color: #fff;
font-family: "MulishBold", serif;
background-color: #00000033;
}
.locationCommunity {
gap: 10px;
}
.pinIcon {
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/location.png);
width: 25px;
height: 25px;
}
.itemLeftSideMenu {
margin-bottom: 30px;
font-size: 1.8rem;
font-weight: 400;
cursor: pointer;
}
.registerButton,
.primaryButton,
.secondaryButton,
.lightButton {
background-color: #f2f2f2;
padding: 15px 40px;
border-radius: 70px;
cursor: pointer;
color: #f2f2f2;
font-weight: bold;
overflow: hidden;
position: relative;
border: 1px solid #a5a77b;
transition: all 0.35s ease-in-out;
display: inline-block;
text-decoration: none;
}
.secondaryButton {
color: #a5a77b;
background-color: #a5a77b;
}
.lightButton {
background-color: #eceddb;
}
.primaryButton {
background-color: #eceddb;
}
.white.primaryButton {
background-color: #ffffff;
}
.lightButton.white {
background-color: #ffffff;
}
.registerButton span,
.primaryButton span,
.secondaryButton span,
.lightButton span {
position: relative;
display: block;
z-index: 1;
text-align: center;
font-family: "MulishBold", serif;
}
.registerButton:before,
.primaryButton:before,
.secondaryButton:before,
.lightButton:before {
content: "";
position: absolute;
top: 0;
width: 120%;
height: 101%;
transform: skew(-25deg);
left: -10%;
background-color: #a5a77b;
z-index: 0;
transition: all 0.35s ease-in-out;
}
.hovTransparent:hover {
background-color: transparent;
}
.secondaryButton:before {
background-color: #eceddb;
}
.lightButton:before {
background-color: #a5a77b;
}
.registerButton:hover:before,
.primaryButton:hover:before,
.secondaryButton:hover:before,
.lightButton:hover:before {
left: -140%;
}
.registerButton:hover,
.primaryButton:hover,
.lightButton:hover {
color: #787c4d;
}
.secondaryButton:hover {
color: #eceddb;
}
.rightSideMenu {
width: 30%;
height: 100%;
background-color: #fff;
position: absolute;
top: 0;
right: -100%;
transition: all 0.5s ease-in-out 0.35s;
z-index: 2;
color: #787c4d;
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
padding-top: 240px;
padding-bottom: 50px;
}
.rightSideMenu a {
color: #464646;
font-family: "MulishBold", serif;
letter-spacing: 2px;
}
.rightSideMenu .innerLabelItemRightSideMenu a {
font-family: "MulishRegular", serif;
letter-spacing: normal;
}
.rightSideMenu .labelItemRightSideMenu a {
color: #787c4d;
}
.ulRightSideMenu {
width: 90%;
height: calc(100% - 125px);
overflow-y: auto;
margin-left: 10%;
}
.itemRightSideMenu {
position: relative;
margin-bottom: 20px;
}
.labelItemRightSideMenu {
font-size: 1.8rem;
letter-spacing: 2px;
font-weight: 500;
gap: 20px;
cursor: pointer;
}
.moreMenu {
width: 15px;
height: 3px;
background-color: #787c4d;
display: inline-block;
}
.moreMenu:before {
content: "";
position: absolute;
height: 15px;
width: 3px;
background-color: #787c4d;
left: 50%;
margin-left: -1.5px;
top: -6px;
transform: rotateZ(0deg);
opacity: 1;
transition: all 0.35s ease-in-out;
}
.active.labelItemRightSideMenu .moreMenu:before {
transform: rotateZ(90deg);
opacity: 0;
}
.innerUlItemRightSideMenu {
padding-left: 25px;
max-height: 0px;
overflow: hidden;
transition: all 0.5s cubic-bezier(0.43, -0.34, 0.37, 0.99);
}
.innerLabelItemRightSideMenu {
margin-bottom: 15px;
cursor: pointer;
}
.socialIconsSorbara {
width: 80%;
gap: 20px;
}
.iconSocial {
display: inline-block;
width: 25px;
height: 25px;
}
.siteFooter .iconSocial {
border: none;
}
.socialSection .iconSocial {
border: 1px solid #a5a97a;
border-radius: 50%;
background-size: 15px;
width: 40px;
height: 40px;
}
.iconSocial.ins {
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/ig.svg);
background-size: 50%;
}
.iconSocial.fb {
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/fb.svg);
background-size: 30%;
}
.iconSocial.link {
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/link.svg);
}
.fullMediaSection {
padding: 15vh 0;
overflow: hidden;
background-color: #eceddb;
}
.fullMediaBlock {
width: 100%;
aspect-ratio: 16/9;
border-radius: 5px;
position: relative;
}
.fullMediaBlock:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #00000055;
border-radius: 5px;
}
.fullMediaBlock.bannerNoText:before {
display: none;
}
.contentFullMediaBlock {
width: 95%;
margin: 0 auto;
padding-bottom: 50px;
position: relative;
z-index: 1;
}
.titleFullMediaBlock {
font-size: 3.2rem;
font-weight: 500;
font-family: "MulishExtra", serif;
line-height: 1.2;
}
.learnMore {
font-size: 1.8rem;
font-family: "MulishBold", serif;
letter-spacing: 2px;
}
.underline:before {
content: "";
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 1px;
background-color: #fff;
}
.splitBlock {
padding: 15vh 0;
overflow: hidden;
}
.wrapperSplitBlock {
width: 80%;
gap: 100px;
overflow: initial;
}
.imgSplitBlock {
width: 50%;
z-index: 1;
border-radius: 5px;
position: relative;
flex-wrap: wrap;
}
.innerImgSplitBlock {
width: 100%;
border-radius: 5px;
}
.textSplitBlock {
width: 45%;
color: #787c4d;
}
.titleSplitBlock {
font-size: 4.5rem;
margin: 30px 0;
}
.innerTextSplitBlock {
color: #464646;
margin-bottom: 50px;
font-size: 1.6rem;
line-height: 1.6;
font-weight: lighter;
}
.currentCommunitiesSection {
padding: 15vh 0;
}
.wrapperCurrentCommunities {
text-align: center;
}
.infoCurrentCommunities {
width: 60%;
margin: 0 auto 50px;
color: #787c4d;
gap: 100px;
}
.currentCommunitiesTitle {
font-size: 5rem;
text-align: left;
}
.textInfoCurrentCommunities {
max-width: 20%;
text-align: left;
line-height: 1.6;
font-size: 1.6rem;
margin-bottom: 7px;
}
.currentCommunitiesCards {
width: 70%;
margin: 0 auto;
margin-top: 100px;
}
.wrapperCurrentCommunities .currentCommunitiesCards {
flex-wrap: wrap;
justify-content: center;
}
.wrapperCurrentCommunities .innerCardItem {
width: calc(33.33333% - 15px);
}
.currentCommunitiesCards .innerCardItem {
aspect-ratio: 1/1.25;
border-radius: 5px;
}
.upcomingCommunities .infoCurrentCommunities {
text-align: left;
width: auto;
margin: 0;
}
.upcomingCommunities .textInfoCurrentCommunities {
color: #787c4d;
max-width: 40%;
margin: 30px 0;
}
.upcomingCommunities .innerWrapperUlLeftSideMenu {
margin: 0;
}
.upcomingCommunities .currentCommunitiesCards {
width: 50%;
}
.upcomingCommunities .innerCardItem {
width: 100%;
aspect-ratio: 15/6;
}
.upcomingCommunities .innerCardItem .innerLogoCommunity {
align-self: flex-start;
margin: 0;
margin-top: 10px;
width: 150px;
height: calc(100% - 70px);
margin-left: 10px;
margin-right: auto;
background-position: top left;
}
.innerCardItemcont {
height: 100%;
width: 100%;
}
.wrapperUpcommingCommunities {
width: 60%;
position: relative;
}
.upcomingCommunities {
background-color: #eceddb;
}
.helpStepsSection {
padding: 15vh 0;
text-align: center;
color: #787c4d;
}
.subtitleHelpSteps {
margin: 25px 0 35px;
}
.rentalsHelpSection .subtitleHelpSteps {
margin-top: 25px;
margin-bottom: 70px;
}
.overLightParagraph {
color: #4e4e4e;
max-width: 50%;
margin: 0 auto 100px;
font-size: 1.6rem;
line-height: 1.6;
}
.siteTitle {
font-size: 5.6rem;
line-height: 1.2;
}
.siteSubtitles {
font-size: 5rem;
line-height: 1.1;
}
.contactSection > .siteSubtitles {
margin-bottom: 50px;
}
.siteSubtitle {
font-size: 5rem;
line-height: 1.2;
}
.siteParagraph {
line-height: 1.6;
font-size: 1.6rem;
}
.wrapperAffiliations .siteParagraph {
max-width: 100%;
}
.containerSteps {
position: relative;
gap: 15px;
width: 80%;
margin: 0 auto;
}
.stepBox {
width: calc(33.333333% - 7.5px);
cursor: pointer;
position: relative;
top: 0;
transition: all 0.25s ease-in-out;
}
.stepBox:hover {
top: -20px;
}
.stepTitle {
margin-bottom: 40px;
font-size: 2.2rem;
}
.stepCard {
width: 100%;
border-radius: 0px 0px 0 0;
transition: all 0.25s ease-in-out;
overflow: hidden;
}
.stepBox:hover .stepCard {
border-radius: 200px 200px 0 0;
}
.wrapperImgStep {
width: 100%;
aspect-ratio: 1/1.09;
}
.innerImgStep {
width: 100%;
height: 100%;
background-image: url(https://fakeimg.pl/1024x780/?text=🤣);
}
.wrapperInfoStep {
padding: 30px 30px;
background-color: #eceddb;
transition: all 0.5s ease-in-out;
}
.stepBox:hover .wrapperInfoStep {
background-color: #787c4d;
}
.infoTextStep {
line-height: 1.3;
color: #000000;
margin-bottom: 40px;
min-height: 80px;
transition: all 0.5s ease-in-out;
}
.stepBox:hover .infoTextStep {
color: #eceddb;
}
.stepBox .secondaryButton {
background-color: transparent;
}
.stepBox .secondaryButton span {
color: #787c4d;
}
.stepBox .secondaryButton::before {
display: none;
}
.stepBox:hover .secondaryButton {
background-color: #fff;
}
.transparentButton {
padding: 15px 30px;
cursor: pointer;
border: 1px solid #fff;
border-radius: 30px;
font-weight: bold;
color: #fff;
background-color: transparent;
}
.transparentButton::before {
display: none;
}
.transparentButton:hover {
color: #fff;
}
.newsSection {
min-height: 100vh;
background-color: #787c4d;
}
.wrapperNews {
width: 40%;
padding-bottom: 70px;
}
.titleNew {
margin: 30px 0 50px;
line-height: 1.4;
}
.ctasNews {
width: 85%;
}
.readMoreStep {
margin: 10px 0 0;
position: relative;
display: inline-block;
cursor: pointer;
margin-right: calc(100% - 150px);
}
.noReadMore .readMoreStep {
display: none;
}
.innerWrapperInfoStep {
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
transition: all 0.5s ease-in-out;
}
.showAllText .innerWrapperInfoStep {
-webkit-line-clamp: initial;
line-clamp: initial;
}
.textReadMoreStep {
vertical-align: middle;
display: inline-block;
}
.plusIconReadMore {
display: inline-block;
margin-right: 10px;
position: relative;
width: 15px;
height: 15px;
vertical-align: middle;
}
.plusIconReadMore:before {
content: "";
position: absolute;
top: 50%;
left: 0;
height: 2px;
margin-top: -1px;
width: 100%;
background-color: #fff;
}
.plusIconReadMore:after {
content: "";
position: absolute;
top: 0%;
left: 50%;
height: 100%;
margin-left: -1px;
width: 2px;
background-color: #fff;
transform: scale(1);
transition: all 0.25s ease-in-out;
}
.showAllText .plusIconReadMore:after {
transform: scale(0);
}
.ctasNews,
.textReadMore {
color: #fff;
}
.textReadMore {
font-family: "MulishBold", serif;
}
.readMoreNew {
display: flex;
align-items: center;
justify-content: flex-start;
cursor: pointer;
}
.wrapperNews .slick-dots {
position: absolute;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
gap: 30px;
left: 50%;
transform: translateX(-50%);
}
.wrapperNews .slick-dots button {
font-size: 0rem;
width: 10px;
height: 10px;
background-color: #fff;
border-radius: 50%;
padding: 0;
opacity: 0.7;
cursor: pointer;
transition: all 0.25s ease-in-out;
}
.wrapperNews .slick-dots .slick-active button {
opacity: 1;
}
.new {
margin: 0 20px;
}
.allNewsButton {
border: 1px solid #fff;
}
.bigImageSection {
height: 100vh;
padding-bottom: 175px;
background-attachment: fixed;
overflow: hidden;
}
.bigImageSection .wrapperBigImageSection {
overflow: initial;
}
.aboutMiniTitle {
width: 100%;
margin-bottom: 15px;
}
.subtitleAbout {
max-width: 50%;
}
.transaparentButton {
border: 1px solid #fff;
color: #fff;
padding: 15px 20px;
border-radius: 70px;
cursor: pointer;
font-weight: bold;
overflow: hidden;
position: relative;
transition: all 0.25s ease-in-out;
}
.transaparentButton::before {
content: "";
position: absolute;
top: 0;
left: 110%;
width: 120%;
height: 100%;
background-color: #787c4d;
transform: skewX(-15deg);
transition: all 0.35s ease-in-out;
}
.transaparentButton:hover:before {
left: -10%;
}
.transaparentButton span {
z-index: 1;
position: relative;
display: block;
}
.transaparentButton:hover {
border: 1px solid #787c4d;
}
.socialSection {
padding: 20vh 0 15vh;
}
.socialSection .wrapper {
overflow: visible;
}
.wrapperSocial {
gap: 50px;
}
.followSocialSide {
width: 35%;
}
.subtitleSocialMedia {
color: #787c4d;
margin-bottom: 150px;
}
.gridSocialSide {
width: 40%;
gap: 20px;
}
.columnGrid {
width: calc(50% - 10px);
}
.itemColumnGrid {
width: 100%;
background-color: #585454;
margin-bottom: 20px;
}
.negativeMargin {
margin-top: -100px;
}
.greenSection {
background-color: #eceddb;
}
.greenMediumSection {
background-color: #a5a97a;
}
.darkSection {
background-color: #777b4c;
}
.contactSection {
padding: 15vh 0;
}
.wrapperContact {
gap: 100px;
width: 70%;
}
.imgSideContact {
width: 30%;
}
.subtitleContact {
width: 100%;
}
.contactImg {
width: 100%;
margin-top: 50px;
}
.innerContactImg {
width: 100%;
height: 100%;
}
.fillFormText {
margin-top: 20px;
line-height: 1.2;
color: #6f6f6b;
}
.siteForm {
width: 35%;
}
.siteForm button {
display: block;
margin: 20px auto 0;
}
.selectForm {
width: 100%;
background-color: transparent;
border: none;
border-bottom: 1px solid #9a9b91;
color: #6f6f6b;
outline: none; padding-bottom: 10px;
margin-bottom: 20px;
}
.selectForm option {
background-color: #f2f2f2;
padding: 10px 0;
border: none;
}
.inputForm {
width: 100%;
background-color: transparent;
border: none;
border-bottom: 1px solid #9a9b91;
padding-bottom: 10px;
margin-bottom: 20px;
outline: none;
font-size: 1.6rem;
height: 40px;
}
.inputForm::placeholder {
color: #656562;
font: 18px;
}
.labelForm {
width: 100%;
display: flex;
justify-content: flex-start;
align-items: flex-start;
margin-top: 20px;
}
.checkboxForm {
width: 20px;
height: 20px;
min-width: 20px;
border-radius: 50%;
margin: 0px 15px 0px 0;
display: block;
position: relative;
appearance: none;
background-color: transparent;
border: 1px solid #6f6f6f;
transition: all 0.25s ease-in-out;
}
.checkboxForm:checked {
background-color: #6f6f6f;
}
.textCheckBox {
position: relative;
display: block;
font-size: 1.4rem;
}
.innerTextCheckBox {
color: #6f6f6b;
margin-bottom: 5px;
}
.siteFooter {
background-color: #464646;
padding: 10vh 0 5vh;
}
.socialMediaFooter {
width: auto;
}
.bodyFooter .socialMediaFooter {
display: none;
}
.topFooter {
width: 100%;
}
.siteLogoFooter {
width: 200px;
height: 60px;
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/white_logo.svg);
background-position: center left;
}
.bodyFooter {
width: 100%;
gap: 1%;
margin-top: 70px;
padding-bottom: 70px;
border-bottom: 1px solid #f2f2f2;
}
.ulFooter {
width: 20%;
}
.liFooter.liFooterHead {
color: #f2f2f2;
font-size: 1.8rem;
font-family: "MulishBold", serif;
margin-bottom: 40px;
letter-spacing: 2px;
}
.liFooter.liFooterHead a {
color: #f2f2f2;
font-family: "MulishBold", serif;
letter-spacing: 2px;
}
.liFooter {
color: #989973;
margin-bottom: 15px;
}
.liFooter a {
color: #a5a77b;
} .allCommunities.allCommunities {
padding-top: 0;
}
.wrapperAllCommunities {
width: 100%;
background-color: #eceddb;
padding-top: calc(20vh - 60px);
}
.wrapperAllCommunities .wrapper {
overflow: initial;
}
.controlsCommunities {
width: 100%;
border-bottom: 1px solid #bbbe98;
padding-top: 60px;
}
.communititesTypes {
position: relative;
}
.communititesTypes:before {
content: "";
position: absolute;
bottom: 0;
z-index: 1;
width: 5%;
height: 5px;
border-radius: 5px;
background-color: #a5a97a;
left: 0%;
transition: all 0.25s ease-in-out;
display: none;
}
.communityType {
color: #5a5a58;
position: relative;
font-size: 2rem;
cursor: pointer;
padding: 25px;
padding-left: 0;
margin-right: 25px;
}
.communityType.active {
font-weight: bold;
}
.communityType::before {
content: "";
position: absolute;
bottom: -6px;
width: 50px;
height: 5px;
border-radius: 5px;
left: calc(50% - 12.5px);
transform: translateX(-50%);
background-color: #a5a97a;
opacity: 0;
visibility: hidden;
transition: all 0.25s ease-in-out;
}
.communityType.active::before {
opacity: 1;
visibility: visible;
bottom: -3px;
transition: all 0.25s ease-in-out 0.15s;
}
.communitiesView {
position: relative;
margin-bottom: 15px;
}
.communitiesView:before {
content: "";
position: absolute;
top: 0;
left: 0%;
width: 50%;
height: 100%;
z-index: 0;
border-radius: 30px;
background-color: #a5a97a;
transition: all 0.5s ease-in-out;
}
.communitiesView.map:before {
left: 50%;
}
.viewCommunitiesButton {
cursor: pointer;
padding: 7px 15px;
border-radius: 30px;
color: #484848;
font-weight: bold;
font-size: 1.6rem;
z-index: 1;
font-family: "MulishBold", serif;
transition: all 0.5s ease-in-out;
}
.gridButton {
color: #f4f4ee;
}
.map .gridButton {
color: #484848;
}
.map .mapButton {
color: #f4f4ee;
}
.wrapperCommunities {
width: 200%;
transform: translateX(-0%);
transition: all 0.5s ease-in-out;
}
.wrapperCommunities.map {
transform: translateX(-50%);
max-height: 80vh;
}
.containerCommunitiesMap {
width: 50%;
height: 75vh;
padding-top: 10vh;
}
.containerCommunitiesCards {
padding: 100px 0;
gap: 30px 20px;
flex-wrap: wrap;
opacity: 1;
height: 75vh;
width: 50%;
overflow-x: hidden;
overflow-y: auto;
transition: all 0.5s ease-in-out;
}
.containerCommunitiesCards.changeContent {
opacity: 0;
}
.communityCard {
width: calc(25% - 15px);
border-radius: 5px;
overflow: hidden;
cursor: pointer;
margin: 5px;
}
.previewBlock .communityCard {
margin: 0;
}
.containerListCommunititesCards .communityCard {
width: 100%;
display: flex;
justify-content: space-between;
align-items: stretch;
margin: 5px 0;
margin-bottom: 10px;
}
.communityCardImg {
position: relative;
width: 100%;
aspect-ratio: 4/4;
}
.containerListCommunititesCards .communityCardImg {
width: 55%;
}
.innerCommunityCardImg {
border-radius: 5px;
width: 100%;
height: 100%;
background-image: url(https://fakeimg.pl/1920x1080/?text=Sorbara%20Group%20of%20Companies);
}
.communityCardInfo {
padding: 20px 20px;
background-color: #f2f2f2;
}
.containerListCommunititesCards .communityCardInfo {
width: 45%;
padding: 20px 20px;
}
.communityCardName {
color: #a5a97a;
font-size: 2rem;
font-family: "MulishBold", serif;
}
.formBlock .communityCardName {
margin-bottom: 15px;
}
.communityCardFeatures {
margin-top: 20px;
width: 100%;
border-top: 1px solid #acb086;
padding-top: 20px;
color: #464646;
}
.current .communityCardFeatures {
min-height: 160px;
}
.containerListCommunititesCards .current .communityCardFeatures {
min-height: initial;
}
.communityCardLocation {
width: 100%;
position: relative;
gap: 10px;
}
.communityCardLocationText {
font-family: "MulishBold", serif;
}
.communityCardHomesTypes {
width: 100%;
margin: 20px 0;
}
.containerListCommunititesCards .communityCardInfo .communityCardHomesTypes {
margin: 10px 0;
font-size: 1.4rem;
}
.containerListCommunititesCards .communityCardInfo .communityCardHomesSize {
font-size: 1.4rem;
}
.innerHomesTypes {
width: 100%;
line-height: 1.1;
}
.communityCardHomesSize {
width: 100%;
gap: 10px;
}
.sizeIcon {
width: 15px;
height: 15px;
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/area-green.svg);
}
.containerListCommunititesCards {
width: 30%;
height: 100% !important;
overflow-y: auto;
}
.emailContactText {
margin: 10px 0;
}
.communititesMap {
width: 67.5%;
height: 100%;
background: #000;
} .smallHero {
height: 50vh;
width: 100%;
position: relative;
}
.smallHero:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #00000055;
}
.wrapperRentalsTypes {
padding: 30px 0 10vh;
}
.rentalsHelpSection {
padding: 7vh 0;
}
.rentalType {
width: 50%;
padding: 30px;
gap: 2.5%;
background-color: #f2f2f2;
margin: 20px auto 80px;
border-radius: 5px;
}
.imgRentalType {
width: 40%;
aspect-ratio: 4/5.5;
border-radius: 5px;
overflow: hidden;
margin-top: -10%;
}
.innerImgrentalType {
background-image: url(https://fakeimg.pl/1920x1080/?text=🥱);
width: 100%;
height: 100%;
}
.infoRentalType {
width: 50%;
}
.rentalTypeName {
font-size: 3.2rem;
font-weight: 700;
margin-bottom: 30px;
font-family: "MulishBold", serif;
color: #a5a97a;
}
.rentalTypeDetails {
margin-bottom: 30px;
color: #464646;
font-family: "MulishMedium", serif;
line-height: 1.6;
font-size: 1.6re;
}
.rentalTypeContact {
position: relative;
width: 100%;
}
.labelContactRental {
color: #a5a97a;
font-size: 1.6rem;
margin-bottom: 25px;
font-family: "MulishBold", serif;
letter-spacing: 2px;
}
.rentalTypeDetailsContact {
position: relative;
width: 100%;
}
.rentalTypeInfo {
width: 100%;
margin-bottom: 25px;
}
.phoneKeyboard {
width: 20px;
height: 20px;
min-width: 20px;
margin-right: 10px;
display: inline-block;
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/phone.svg);
}
.emailIcon {
width: 20px;
height: 20px;
min-width: 20px;
margin-right: 10px;
display: inline-block;
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/mail.svg);
}
.clockIcon {
width: 20px;
min-width: 20px;
height: 20px;
margin-right: 10px;
display: inline-block;
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/clock.svg);
}
.labelInfoContact {
font-size: 1.6rem;
letter-spacing: 2px;
color: #a5a97a;
width: calc(100% - 30px);
}
.valueInfoContact {
color: #000;
font-weight: lighter;
letter-spacing: normal;
} .homeBuyingProcessInfo {
padding: 10vh 0;
}
.infoBuyingProcessInfo {
color: #464646;
max-width: 30%;
line-height: 1.4;
margin: 0 auto;
font-size: 1.7rem;
}
.stepsBuyingProcess.stepsBuyingProcess {
padding-bottom: 10vh;
padding-top: 0;
position: relative;
}
.stepsBuyingProcess:before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000000;
opacity: 0;
transition: all .5s ease-in-out;
}
.stepsBuyingProcess.fade:before{
opacity: 1;
}
.wrapperStepsBuyingProcess {
overflow: initial;
position: relative;
z-index: 1;
}
.stepsList {
top: 0;
width: 150px;
padding-top: 7vh;
}
.stepItem {
margin-bottom: 7vh;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #fff;
position: relative;
z-index: 1;
cursor: pointer;
transition: all 0.5s ease-in-out;
}
.stepItem:first-of-type:after {
content: "";
position: absolute;
bottom: 100%;
left: 50%;
width: 1px;
background-color: #fff;
height: 7vh;
transform: translateX(-50%);
}
.stepItem:before {
content: "";
position: absolute;
top: 100%;
left: 50%;
width: 1px;
background-color: #fff;
height: 7vh;
transform: translateX(-50%);
}
.stepItem:last-of-type {
margin-bottom: 0px;
}
.stepItem:last-of-type::before {
display: none;
}
.stepItem.active {
width: 100px;
height: 100px;
border: 1px solid #fff;
background-color: #ffffff00;
}
.stepText {
color: #fff;
position: absolute;
top: 50%;
width: 100%;
text-align: center;
padding: 0 5px;
transform: translateY(-50%);
opacity: 0;
visibility: hidden;
transition: all 0.5s ease-in-out;
}
.stepItem.active .stepText {
opacity: 1;
visibility: visible;
}
.completeInfoStep {
margin-left: 100px;
width: 55%;
}
.titleStep {
font-size: 4rem;
font-family: "MulishBold", serif;
line-height: 1.2;
margin-bottom: 20px;
}
.innerCompleteInfoStep {
padding: 40px 60px 40px 30px;
border-radius: 5px;
background-color: #f2f2f255;
backdrop-filter: blur(5px);
}
.innerCompleteInfoStep p {
line-height: 1.3;
font-size: 1.7rem;
}
.innerCompleteInfoStep h6 {
margin-bottom: 20px;
font-size: 1.7rem;
}
.innerCompleteInfoStep ul {
margin-bottom: 20px;
list-style-type: disc;
padding-left: 20px;
}
.innerCompleteInfoStep li {
margin-bottom: 5px;
font-size: 1.7rem;
}
.innerCompleteInfoStep button,
.innerCompleteInfoStep a.noclases {
padding: 15px 30px;
border-radius: 30px;
cursor: pointer;
border: 1px solid #fff;
font-weight: bold;
font-size: 1.6rem;
color: #fff;
}
.labelStep {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 20px;
opacity: 0;
visibility: hidden;
transition: all 0.25s ease-in-out;
}
.stepItem.active .labelStep {
opacity: 0;
visibility: hidden;
}
.stepItem:not(.active):hover .labelStep {
opacity: 1;
visibility: visible;
}
.controllsSteps {
position: absolute;
bottom: 10px;
right: -95px;
gap: 50px;
z-index: 1;
}
.btnControlStep {
width: 70px;
height: 70px;
cursor: pointer;
}
.btnPrevStep {
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/prev.svg);
}
.btnNextStep {
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/next.svg);
}
.infoDecorStudio {
max-width: 50%;
color: #484848;
font-size: 1.7rem;
line-height: 1.3;
}
.wrapperDecorStudioInfo {
width: 60%;
justify-content: space-between;
}
.hereToHelpSec {
padding: 10vh 0;
}
.wrapperHelpSec {
width: 60%;
justify-content: space-between;
}
.titleHereHelp {
color: #787c4d;
font-size: 4.2rem;
}
.infoHelpSec {
width: 50%;
}
.detailInfoHelpSec {
width: 100%;
margin-bottom: 45px;
}
.line {
width: 40px;
height: 2px;
background-color: #787c4d;
margin-bottom: 15px;
}
.subtitleDetailHelpSec {
font-size: 1.8rem;
font-weight: 100;
color: #a5a97a;
margin-bottom: 15px;
}
.infoTextHelpSec {
color: #000;
margin-bottom: 5px;
}
.infoLocationHelpSec {
margin-top: 25px;
color: #000;
}
.decorSelectionSection {
padding: 15vh 0;
background: rgb(192, 194, 154);
background: linear-gradient(
58deg,
rgba(192, 194, 154, 1) 0%,
rgba(201, 202, 168, 1) 52%,
rgba(207, 207, 178, 1) 100%
);
}
.wrapperDecorSelection {
gap: 15vw;
}
.imgDecorSelection {
width: 25%;
overflow: hidden;
}
.innerImgDecorSelection {
width: 100%;
}
.personalizationSection.personalizationSection {
padding: 10vh 0 30vh;
overflow: hidden;
}
.wrapperPresonalization {
overflow: initial;
padding-top: 20px;
}
.titlePersonalization {
margin-left: 30px;
}
.bigHorizontalLine {
top: 0;
right: calc(100% - 80px);
background-color: #fff;
width: 100%;
height: 1px;
background-color: #cdcfb1;
}
.bigHorizontalLine:before {
content: "";
position: absolute;
top: -2px;
right: 0;
width: 50px;
height: 4px;
border-radius: 5px;
background-color: #b0b489;
}
.personalizationImages {
padding-bottom: 5vh;
margin-top: -20vh;
}
.wrapperPersonalizationImages {
gap: 20px;
flex-wrap: wrap;
}
.imgPersonalization {
width: calc(25% - 15px);
aspect-ratio: 1/1;
border-radius: 5px;
overflow: hidden;
cursor: pointer;
}
.careersGalleryImgs .imgPersonalization{
cursor: default;
}
.contactSorbaraEmail {
color: #777b4c;
}
.innerImgPersonalization {
width: 100%;
height: 100%;
}
.haveQuestionsSec {
padding: 10vh 0 20vh;
}
.titleHaveQuestions {
width: 40%;
}
.infoHaveQuestions {
width: 40%;
}
.textHaveQuestion {
font-size: 1.8rem;
color: #464646;
margin-bottom: 30px;
max-width: 50%;
line-height: 1.3;
font-family: "MulishBold", serif;
}
.contactSorbara {
gap: 40px;
}
.wrapperHaveQuestions {
overflow: initial;
padding-top: 5vh;
}
.wrapperHaveQuestions .bigHorizontalLine {
right: calc(100% - 50px);
}
.warrantyService .innerTextSplitBlock,
.warrantyService strong {
margin-bottom: 20px;
margin-top: 20px;
font-size: 1.6rem;
}
.splitBlockUl,
.warrantyService ul {
padding-left: 20px;
list-style: disc;
}
.itemSplitBlock {
margin-bottom: 5px;
color: #000;
}
.bandHeroBanner {
height: 20vh;
width: 100%;
}
.buttonSplitBlockImage { margin-top: 25px;
}
.infoCustomCareCard {
width: 60%;
padding: 30vh 30% 80px 50px;
border-radius: 5px;
}
.infoCustomCareCard .siteSubtitle {
font-size: 4.5rem;
}
.paragraphCustomCareCard {
margin: 30px 0;
}
.imgCustomCareCard {
width: 55%;
aspect-ratio: 1/1;
background-color: #abad84;
margin-left: -20%;
border-radius: 5px;
position: relative;
z-index: 1;
}
.innerImgCustomCareCard {
width: 100%;
height: 100%;
}
.customCareCard {
width: 70%;
margin: 0 auto 10vh;
}
.customCareCard.row-reverse .infoCustomCareCard {
padding: 80px 50px 30vh 30%;
text-align: right;
}
.customCareCard.row-reverse .imgCustomCareCard {
margin-left: 0;
margin-right: -20%;
}
.tarionWarrantySec.tarionWarrantySec {
padding: 15vh 0 10vh;
}
.tarionParagraph {
margin: 40px auto 40px;
font-size: 2rem;
max-width: 80%;
}
.whiteCardTarion {
width: 80%;
background-color: #fff;
padding: 100px;
gap: 15%;
margin: 50px auto;
border-radius: 5px;
justify-content: space-around;
}
.leftInfoTarionCard {
width: 35%;
}
.leftInfoTarionCard .siteSubtitle {
font-size: 3.2rem;
font-family: "MulishBold", serif;
line-height: 1.2;
}
.siteSubtitle {
margin-bottom: 20px;
}
.thirdSiteSubtitle {
font-size: 1.8rem;
line-height: 1.3;
}
.rightInfoTarionCard {
width: 45%;
}
.paragraphTarion.paragraphTarion,
.rightInfoTarionCard p {
margin-bottom: 30px;
max-width: 100%;
}
.siteUl,
.rightInfoTarionCard ul {
padding-left: 30px;
list-style-type: disc;
}
.ulTarionCard,
.rightInfoTarionCard ul {
margin-bottom: 30px;
}
.siteLi,
.rightInfoTarionCard ul li {
margin-bottom: 10px;
line-height: 1.3;
}
.rightInfoTarionCard a {
border: none;
color: #777b4c;
text-decoration: underline;
text-decoration-color: #777b4c;
}
a.buttonsTarionCards {
margin-bottom: 30px;
border: none;
background-color: #eceddb;
color: #777b4c;
text-decoration: none;
}
.buttonsTarionCards::before {
background-color: #eceddb;
}
.faqsSection {
padding: 10vh 0;
}
.wrapperFaqs {
width: 60%;
}
.ulFaqs {
width: 100%;
}
.itemFaq {
width: 100%;
border-bottom: 1px solid #a5a97a;
padding: 30px 0;
}
.questionFaq {
font-size: 2rem;
padding-right: 20px;
width: calc(100% - 50px);
}
.questionFaq.siteSubtitle {
font-size: 3.2rem;
}
.plusIcon {
width: 20px;
height: 20px;
position: relative;
cursor: pointer;
}
.plusIcon:before,
.plusIcon:after {
content: "";
position: absolute;
background-color: #a5a97a;
}
.plusIcon:before {
top: 50%;
height: 2px;
margin-top: -1px;
width: 100%;
left: 0;
}
.plusIcon:after {
left: 50%;
top: 0;
width: 2px;
height: 100%;
margin-left: -1px;
transform: scale(1);
transition: all 0.25s ease-in-out;
}
.activeFaq .plusIcon:after {
transform: scale(0);
}
.answerFaq {
margin-top: 0px;
line-height: 1.3;
padding-right: 50px;
max-height: 0px;
overflow: hidden;
cursor: default;
position: relative;
transition: all 0.5s linear;
}
.siteParagraph.answerFaq {
max-width: initial;
width: 100%;
}
.activeFaq .answerFaq {
max-height: initial;
margin-top: 30px;
}
.logosAffiliates {
margin-top: 30px;
display: flex;
justify-content: flex-start;
align-items: center;
gap: 15px;
}
.captureClick {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
cursor: pointer;
}
.commercialIndustrialCards {
padding: 10vh 0;
}
.commercialIndustrialCard {
width: 100%;
margin: 100px 0;
}
.imgComercialIndustrialCard {
width: 55%;
border-radius: 5px;
overflow: hidden;
}
.row-reverse .infoCommercialIndustrialCard {
margin-left: 0;
margin-right: -10%;
z-index: 1;
}
.innerImgCommercialIndustrialCard {
width: 100%;
aspect-ratio: 4/3;
background-image: url(https://fakeimg.pl/1920x1080/?text=🤣);
}
.infoCommercialIndustrialCard {
width: 35%;
background-color: #f2f2f2;
border-radius: 5px;
padding: 70px;
padding-right: 50px;
margin-left: -10%;
z-index: 1;
}
.paragraphCardCommercialIndustrial {
margin: 30px 0;
}
.communityLogo {
width: 250px;
margin-bottom: 30px;
}
.innerCommunityLogo {
width: 100%;
position: relative;
max-height: 150px;
object-fit: contain;
}
.heroButtons {
max-width: 300px;
margin-bottom: 30px;
}
.content-center .communityLogo {
margin: 0 auto 30px;
}
.content-center .heroButtons {
margin: 0 auto 30px;
}
.heroButtons .viewVideo {
margin-top: 0;
}
.communityNav {
position: sticky;
top: 59px;
left: 0;
width: 100%;
padding: 20px 0;
z-index: 2;
backdrop-filter: blur(10px);
background-color: #ffffff8a;
transition: all 0.35s ease-in-out;
}
.communityNav.up {
top: 0;
}
.wrapperCommunityNav {
overflow: initial;
}
.communityNameDetail {
font-size: 1.8rem;
font-family: "MulishBold", serif;
letter-spacing: 2px;
}
.innerCommunityNav {
gap: 30px;
cursor: pointer;
}
.itemCommunityNav.active {
color: #777b4c;
font-weight: bold;
}
.itemCommunityNav.active:before {
content: "";
position: absolute;
top: calc(100% + 15px);
left: 25%;
width: 50%;
height: 5px;
border-radius: 5px;
background-color: #777b4c;
}
.infoCommunityTop {
padding: 30px 50px;
border-radius: 50px;
margin-top: 10vh;
width: fit-content;
gap: 40px;
color: #777b4c;
}
.groupInfoCommunityTop {
gap: 40px;
}
.locationGroup {
gap: 5px;
}
.bedIcon {
width: 20px;
height: 20px;
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/beds-green.svg);
}
.bathIcon {
width: 20px;
height: 20px;
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/bath-green.svg);
}
.sizeGroupCommunity {
gap: 10px;
}
.bedsGroup {
gap: 10px;
}
.bathsGroup {
gap: 10px;
}
.subtitleCommunityDesc {
font-size: 4.5rem;
}
.wrapper.heroSection {
border-radius: 5px;
overflow: hidden;
margin-top: 50px;
}
.bandParagraph {
max-width: 50%;
}
.content-left.wrapper .wrapperHero {
padding-bottom: 5vh;
}
.wrapper .wrapperHero .titleHero {
max-width: 65%;
}
.slickSection {
padding: 5vh 0;
overflow: hidden !important;
}
.slickDetailCommunity {
width: 100%;
transform: translateX(-10px);
}
.itemSlickCommunity {
overflow: hidden;
margin: 0 10px;
border-radius: 5px;
height: 400px;
} .imgSlickCommunity {
width: 100%;
border-radius: 5px;
overflow: hidden;
height: 100%;
}
.innerImgSlickCommunity {
width: 100%;
height: 100%;
}
.imgInnerImgSlickCommunity {
width: 100%;
height: 100%;
}
.nameImgCommunitySlick {
font-size: 2rem;
margin-top: 15px;
}
.wrapperSlickDetailCommunity {
padding-left: 5%;
overflow: initial;
}
.floorpansSection {
padding: 0 0 5vh;
}
.floorplansCards {
width: 100%;
height: auto;
padding: 5vh 0 5vh;
width: calc(100% + 10px);
left: -5px;
overflow: hidden;
}
.floorplansCards .communityCard {
width: calc(25% - 10px);
}
.communityCard .bedsGroup,
.communityCard .bathsGroup {
width: 50%;
margin-bottom: 20px;
}
.viewFloorplansBtn {
margin: 0 auto;
display: block;
width: fit-content;
}
.topBandSlick {
margin-bottom: 40px;
flex-wrap: wrap;
}
.miniSubtitle {
margin-bottom: 10px;
letter-spacing: 2px;
}
.completeSection .imgSideContact {
width: 40%;
}
.contactDetailCommunity {
padding-top: 30vh;
}
.locationCommunitySec {
padding: 15vh 0;
}
.wrapperCommunityLocation {
gap: 100px;
}
.wrapperCommunityLocation.withoutMap {
align-items: center;
}
.locationInMapCommunity {
width: 55%;
aspect-ratio: 4/3;
}
.withoutMap .locationInMapCommunity {
aspect-ratio: initial;
}
.locationInMapCommunity.paper_map {
background-color: #f2f2f2;
}
.infoLocationCommunity {
width: 35%;
}
.logoCommunityLocation {
width: 250px;
height: 80px;
margin-bottom: 50px;
display: block;
background-position: left center;
}
.withoutMap .logoCommunityLocation {
width: 300px;
height: 100px;
background-position: center center;
}
.infoLocationGroup {
width: 100%;
padding-left: 40px;
position: relative;
margin-bottom: 40px;
}
.infoLocationText {
margin-bottom: 15px; }
.infoLocationText.cGreen {
font-family: "MulishBold", serif;
letter-spacing: 2px;
}
.infoLocationCommunity a.infoLocationText {
font-family: "MulishRegular", serif;
letter-spacing: normal;
}
.pinIcon.absolute {
top: 0;
left: 0;
}
.clockIcon.absolute {
top: 0;
left: 0;
}
.phoneKeyboard.absolute {
top: 0;
left: 0;
}
.emailIcon.absolute {
top: 0;
left: 0;
}
.sectionNumbers {
padding: 5vh 0 15vh;
}
.numbersBoxes {
width: 70%;
margin: 50px auto 0;
gap: 20px;
}
.numberBox {
width: calc(33.3333% - 20px);
padding: 20px;
background-color: #f2f2f2;
gap: 20px;
border-radius: 5px;
}
.iconNumberBoxes {
width: 60px;
height: 60px;
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/location_icon_1.svg);
}
.numberBox:nth-of-type(2) .iconNumberBoxes {
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/location_icon_2.svg);
}
.numberBox:nth-of-type(3) .iconNumberBoxes {
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/location_icon_3.svg);
}
.textNumberBoxes {
width: calc(100% - 50px);
line-height: 1.3;
}
.smallBanner {
width: 70%;
}
.columnsParagraphs {
padding: 15vh 0;
}
.wrapperColumnsParagraphs {
width: 60%;
}
.subtitleColumnsParagraphs {
margin-bottom: 50px;
}
.sideParagraphs {
width: 48%;
}
.slickParentLocation {
width: 70%;
margin: 0px auto 0;
}
.itemSlickLocation {
display: flex !important;
}
.infoSlickLocation {
width: 47%;
padding-left: 2%;
}
.imgSlickLocation {
width: 47%;
aspect-ratio: 1/1;
overflow: hidden;
}
.innerImgSlickLocation {
width: 100%;
height: 100%;
border-radius: 5px;
}
.slickSectionLocation {
padding-bottom: 25vh;
}
.wrapperSlickSectionLocation {
overflow: initial;
}
.slickParentLocation .slick-prev {
position: absolute;
bottom: -70px;
right: 100px;
font-size: 0px;
cursor: pointer;
width: 40px;
height: 40px;
background-color: #eceddb;
border-radius: 50%;
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/prev.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
.slickParentLocation .slick-next {
position: absolute;
bottom: -70px;
right: 0px;
font-size: 0px;
cursor: pointer;
width: 40px;
height: 40px;
background-color: #eceddb;
border-radius: 50%;
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/next.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
.reverseSlick .slick-next {
right: initial;
left: 100px;
}
.reverseSlick .slick-prev {
right: initial;
left: 0px;
}
.subtitleSlickLocation {
margin-bottom: 15vh;
}
.innerSubtitleSlickLocation {
margin-bottom: 50px;
}
.paragraphSlickLocation {
margin-bottom: 20px;
}
.brochureButton {
margin: 0 auto;
display: block;
}
.siteplanSection {
padding: 15vh 0 0;
}
.siteplanContainer {
width: 80%;
aspect-ratio: 16/9;
margin: 0 auto;
background-color: #f2f2f2;
margin-top: 10vh;
}
.normalSpaceSection {
padding: 7vh 0 0;
}
.returnToNews .normalSpaceSection {
padding: 7vh 0;
}
.smallSpaceSection {
padding: 5vh 0;
}
.noPaddingTop {
padding-top: 0;
}
.bigSpaceSection {
padding: 12.5vh 0;
}
.noPaddingBottom {
padding-bottom: 0;
}
.wrapperTextSection {
width: 50%;
}
.newBlock .wrapperTextSection {
width: 70%;
}
.wrapperTextSection > p {
margin-bottom: 20px;
color: #464646;
line-height: 1.6;
}
.dateDetailNew {
font-family: "MulishBold", serif;
letter-spacing: 2px;
}
.paragraphTextSection {
margin: 7vh auto;
max-width: 80%;
}
.buttonTextSection {
display: block;
margin: 0 auto;
}
.miniSubtitle {
font-size: 2rem;
margin-bottom: 25px;
}
.sideMenu {
width: 100%;
padding: 5vh 0;
position: sticky;
top: 45px;
left: 0;
mix-blend-mode: difference;
}
.sideNav {
width: 20%;
}
.sideItemNav {
display: block;
width: 100%;
margin-bottom: 25px;
cursor: pointer;
}
.sideItemNav.active {
font-family: "MulishBold";
color: #a5a97a;
}
.wrapperAboutPage {
padding-left: 20%;
}
.subtitleOurStory {
width: 40%;
}
.imgOurStory {
width: 55%;
aspect-ratio: 1/1;
border-radius: 5px;
}
.outerImg {
overflow: hidden;
}
.innerImg {
width: 100%;
height: 100%;
background-color: #f2f2f2;
}
.paragraphOurStory {
margin: 7vh 0;
}
.singleSubtitle {
font-size: 3.2rem;
line-height: 1.2;
width: 95%;
margin-bottom: 15vh;
}
.subtitleAffiliations {
font-size: 2.5rem;
color: #777b4c;
margin-bottom: 35px;
}
.wrapperAffiliations .subtitleAffiliations {
color: #fff;
font-size: 4rem;
}
.pargraphCareers:first-of-type {
margin-top: 50px;
}
.pargraphCareers {
max-width: 50%;
margin: 0 auto;
margin-bottom: 30px;
}
.careerBox {
margin: 0 auto 30px;
border-radius: 5px;
padding: 30px;
width: 65%;
}
.topCareersInfoBox {
width: 100%;
margin-bottom: 15px;
}
.thirdHeadline {
font-size: 3.5rem;
}
.buttonsCareerBox {
gap: 20px;
}
.buttonsCareerBoxMobile {
display: none;
}
.viewDetailsCareer {
text-decoration: underline;
}
.siteParagraph {
max-width: 50%;
}
.paragraphOurStory {
max-width: 100%;
}
.siteParagraph.bannersec {
max-width: 80%;
}
.siteParagraph.full-width {
max-width: 100%;
}
.galleryImagesCareers {
margin-top: 0;
}
.wrapperNewsPage {
gap: 25px;
width: 70%;
}
.newBox {
width: calc(33.3333% - 25px);
margin-bottom: 35px;
cursor: pointer;
display: block;
}
.imgNew {
width: 100%;
aspect-ratio: 1/1;
border-radius: 5px;
}
.innerImg {
width: 100%;
height: 100%;
}
.infoNew {
margin-top: 40px;
border-top: 1px solid #464646;
position: relative;
padding-top: 20px;
position: relative;
z-index: 1;
}
.specialNew .infoNew::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #00000055;
}
.specialNew:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #00000055;
z-index: 1;
border-radius: 5px;
}
.infoNew:before {
content: "";
position: absolute;
top: -2.5px;
left: 0;
width: 50px;
height: 5px;
background-color: #464646;
border-radius: 5px;
}
.topInfoNew {
margin-bottom: 15px;
}
.dateNew {
margin-bottom: 25px;
font-family: "MulishBold", serif;
letter-spacing: 2px;
}
.sixthHeadline {
font-size: 2rem;
}
.topInfoNew .sixthHeadline {
min-height: 85px;
}
.bottomInfoNew {
margin-top: 30px;
}
.textNew {
line-height: 1.4;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
min-height: 70px;
}
.readMoreNew {
font-size: 2rem;
margin-top: 25px;
}
.newsSection .readMoreNew {
margin-bottom: 0;
margin-top: 0;
}
.iconArrow {
width: 25px;
height: 25px;
display: inline-block;
background-color: #000;
margin-left: 15px;
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/arrow-news-dark.svg);
}
.newsSection .iconArrow {
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/read-white.svg);
margin-left: 0;
margin-right: 10px;
}
.specialNew {
display: flex;
justify-content: start;
align-items: flex-end;
}
.specialNew .imgNew {
position: absolute;
aspect-ratio: initial;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.specialNew .infoNew {
border: none;
padding: 30px;
color: #fff;
width: 100%;
}
.specialNew .infoNew:before {
display: none;
}
.specialNew .miniSubtitleNew {
margin-bottom: 25px;
}
.specialNew .subtitleNew {
margin-bottom: 25px;
font-size: 2.5rem;
width: 80%;
position: relative;
z-index: 1;
}
.specialNew .infoCommunityNew {
margin-bottom: 25px;
max-width: 80%;
line-height: 1.4;
font-weight: bold;
position: relative;
z-index: 1;
}
.specialNew .infoCommunityNew button {
position: relative;
z-index: 1;
}
.wrapperContactPage {
max-width: 50%;
}
.contactBox {
padding: 50px 70px;
background-color: #f2f2f2;
margin-bottom: 30px;
border-radius: 5px;
}
.subtitleBoxContact {
font-size: 3rem;
margin-bottom: 45px;
}
.rowContactInfo {
margin-bottom: 25px;
align-items: flex-start;
}
.rowContactInfo .pinIcon,
.innerWrapperUlLeftSideMenu .pinIcon {
width: 20px;
height: 20px;
}
.innerWrapperUlLeftSideMenu .locationCommunity {
gap: 5px;
}
.innerWrapperUlLeftSideMenu .moreInfoCommunity {
font-size: 1.2rem;
}
.rowContactInfo .phoneKeyboard,
.rowContactInfo .pinIcon,
.rowContactInfo .clockIcon,
.rowContactInfo .emailIcon {
margin-right: 0;
}
.locationContactLabel {
letter-spacing: 2px;
margin: 0 15px;
white-space: nowrap;
}
.subtitleContactBlock {
margin-bottom: 70px;
}
.wrapperDetailNew {
width: 70%;
}
.bodyDetailNewInfo {
width: 90%;
margin-left: 10%;
}
.backArrow {
width: 25px;
height: 25px;
margin-right: 15px;
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/arrow-back-green.svg);
}
.imgDetailNew {
width: 70%;
aspect-ratio: 7/5;
border-radius: 5px;
}
.topDetailNewGreen.topDetailNewGreen {
padding: 20vh 0;
}
.wrapperDetailNew {
overflow: initial;
}
.detailNewSection {
position: relative;
z-index: 1;
overflow: initial;
}
.topDetailNew {
margin-top: -15%;
}
.thirdSubtitle {
font-size: 3rem;
margin: 30px 0;
line-height: 1.2;
}
.paragraphDetailNew {
max-width: initial;
margin-bottom: 20px;
}
.buttonDetailNew {
margin: 30px 0;
}
.slick-list {
overflow: initial;
}
.wrapperDetailNew .wrapperSlickDetailCommunity {
padding: 0;
}
.returnAllNewsBlock {
margin-top: 15vh;
border-top: 1px solid #4e4e4e;
position: relative;
}
.returnAllNewsBlock:before {
content: "";
position: absolute;
top: -2.5px;
height: 5px;
left: 0;
background-color: #4e4e4e;
width: 50px;
border-radius: 5px;
}
.returnAllNewsBlock .backArrow {
margin-right: 30px;
}
.returnAllNewsBlock .returnAllNewText {
font-size: 3.5rem;
}
.returnAllNewText {
letter-spacing: 2px;
}
.returnNewsLink {
height: 100%;
z-index: 1;
font-family: "MulishBold", serif;
letter-spacing: 2px;
}
.firstPadding {
padding-top: 130px;
}
.imageSection {
object-fit: contain;
max-height: 90vh;
}
@media only screen and (max-width: 1350px) {
.textInfoCurrentCommunities {
max-width: 30%;
}
.upcomingCommunities .textInfoCurrentCommunities {
max-width: 50%;
}
.wrapperUpcommingCommunities {
width: 80%;
}
.containerSteps {
width: 80%;
}
.siteSubtitles {
font-size: 5rem;
}
.moreInfoCommunity {
padding: 10px;
font-size: 1.3rem;
}
.liFooter {
font-size: 1.5rem;
}
.liFooter.liFooterHead {
font-size: 1.6rem;
}
.wrapperSplitBlock {
width: 90%;
gap: 50px;
}
.wrapperSlickDetailCommunity {
padding: 0;
}
.bigImageSection {
padding-bottom: 10vh;
}
} .floorpansSection {
padding-top: 100px;
}
.filterFloorplans {
z-index: 1;
position: relative;
}
.wrapperFilterFloorplans {
gap: 100px;
}
.filterGroup {
width: 25%;
}
.sliderArea.sliderArea {
width: calc(100% - 50px);
margin-left: 50px;
border: none;
height: 1px;
background-color: #a5a97a;
}
.sliderArea.sliderArea:before,
.sliderArea.sliderArea:after {
content: "";
position: absolute;
top: -5px;
width: 10px;
height: 10px;
border: 1px solid #a5a97a;
left: -10px;
border-radius: 50%;
background-color: #fff;
}
.sliderArea.sliderArea:after {
left: initial;
right: 0px;
}
.ui-slider-horizontal .ui-slider-handle,
.noUi-horizontal .noUi-handle {
top: -5px;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #a5a97a;
border: none;
outline: none;
z-index: 1;
}
html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
right: 0;
}
.noUi-connect {
background-color: #a5a97a;
}
.noUi-handle:after,
.noUi-handle:before {
display: none;
}
.outerMinValue {
position: absolute;
top: calc(100% + 15px);
font-size: 13px;
left: -35px;
}
.outerMaxValue {
position: absolute;
right: -35px;
top: calc(100% + 15px);
font-size: 13px;
}
.captureClickDropDown {
gap: 50px;
cursor: pointer;
padding: 15px 0;
min-width: 170px;
}
.arrowDropdown {
width: 10px;
height: 10px;
position: relative;
transform: rotateX(0deg) translateY(0);
transition: all 0.25s ease-in-out;
}
.active:not(.filterFloorplans) .arrowDropdown {
transform: rotateX(180deg) translateY(-5px);
}
.arrowDropdown:before {
content: "";
position: absolute;
top: 5px;
left: 0;
width: 75%;
height: 1px;
background-color: #000;
transform: rotateZ(45deg);
transform-origin: top left;
}
.arrowDropdown:after {
content: "";
position: absolute;
top: 5px;
right: 0;
width: 75%;
height: 1px;
background-color: #000;
transform: rotateZ(-45deg);
transform-origin: top right;
}
.toggleDropdown {
top: 100%;
left: 50%;
transform: translateX(-50%);
background-color: #fff;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
border-radius: 5px;
overflow: hidden;
max-height: 0px;
transition: all 0.25s linear;
}
.active:not(.filterFloorplans) .toggleDropdown {
max-height: 300px;
transition: all 0.25s linear;
}
.optionDropdown {
padding: 15px 45px;
white-space: nowrap;
cursor: pointer;
background-color: #fff;
transition: all 0.25s ease-in-out;
}
.optionDropdown:hover {
background-color: #a5a97a6b;
}
.dropdownBathsFloorplans {
margin-left: 30px;
}
.lastGroupFilter {
gap: 50px;
}
.clearFilter {
gap: 15px;
}
.iconClear {
width: 25px;
height: 25px;
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/clear.svg);
}
.applyFilterMobile {
display: none;
}
.closeFiltersMobile {
display: none;
}
.clearFilterMobile {
display: none;
}
.openFiltersMobile {
display: none;
}
.fullMediaBlock {
display: flex !important; }
.newsSection {
background-color: #a5a97a;
}
.imgCustomCareCard {
border-radius: 5px;
overflow: hidden;
}
.galleryPopUp {
position: fixed;
z-index: 20;
width: 100%;
height: 100%;
top: -100%;
left: 0;
opacity: 0;
visibility: hidden;
transition: all 0.5s ease-in-out, top 0s ease 0.5s;
}
.galleryPopUp.active {
top: 0;
opacity: 1;
visibility: visible;
transition: all 0.5s ease-in-out, top 0s ease 0s;
}
.bgPopUp {
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #464646;
}
.wrapperGallery {
width: 85%;
height: 80%;
position: relative;
}
.closeGalleryPopUp {
bottom: calc(100% + 20px);
right: 0;
width: 30px;
height: 30px;
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/close-white.svg);
cursor: pointer;
}
.innerWrapperGallery {
width: 100%;
height: 100%;
position: relative;
}
.arrowsGalleryPopUp {
top: calc(100% + 20px);
left: 50%;
transform: translateX(-50%);
gap: 20px;
}
.galleryArrow {
width: 45px;
height: 45px;
cursor: pointer;
border-radius: 50%;
}
.infoCurrentCommunities,
.textSplitBlock,
.helpStepsSection,
.subtitleSocialMedia {
color: #a5a97a;
}
.textSplitBlock ul {
color: #464646;
}
.stepBox:hover .wrapperInfoStep,
.transaparentButton::before {
background-color: #a5a97a;
}
.transaparentButton:hover {
border: 1px solid #a5a97a;
}
.active .burgerLine.line3 {
transform: rotateZ(-45deg);
}
.active .burgerLine.line1 {
transform: rotateZ(45deg);
}
.textInfoCurrentCommunities {
color: #464646;
}
.cBody {
color: #464646;
}
body {
font-family: "MulishRegular", serif;
overflow-x: hidden;
}
.innerCompleteInfoStep ul {
margin-top: 10px;
}
.innerCompleteInfoStep li {
margin-bottom: 10px;
}
.innerLabelItemRightSideMenu,
.innerTextSplitBlock,
.upcomingCommunities .textInfoCurrentCommunities,
.infoTextStep {
color: #464646;
line-height: 1.6;
}
.textInfoCurrentCommunities {
line-height: 1.6;
}
.miniSubtitleSplitBlock,
.aboutMiniTitle {
font-family: "MulishBold", serif;
letter-spacing: 2px;
}
.siteForm .miniSubtitleSplitBlock {
margin-bottom: 20px;
}
.textInfoCurrentCommunities {
max-width: 30%;
}
.siteSubtitles,
.labelItemRightSideMenu {
font-family: "MulishBold", serif;
}
.stepTitle,
.labelItemRightSideMenu {
color: #777b4c;
}
.selectForm {
font-family: "MulishMedium", serif;
font-size: 1.6rem;
}
.textItemLeftSideMenu,
.itemLeftSideMenu {
font-family: "MulishBold", serif;
color: #a5a97a;
font-size: 18px;
}
.itemRightSideMenu {
margin-bottom: 40px;
}
.scrollMouse::before {
content: "";
position: absolute;
top: 5px;
width: 1px;
background-color: #fff;
height: 25%;
left: 50%;
margin-left: -0.5px;
animation: scroll 1.25s ease-in-out 0s infinite alternate forwards;
}
.darkScroll::before {
background-color: #92966d;
}
.section,
.innerWrapperSlickSection {
overflow: initial;
}
.wrapperSlickDetailCommunity {
padding-left: 0;
}
.wrapperBandHeroBanner {
padding: 0 10px;
}
.communityArrows:not(.absolute) {
left: -10px;
position: relative;
margin-top: 30px;
}
.communityArrows button {
font-size: 0;
width: 50px;
height: 50px;
background-color: #eceddb;
cursor: pointer;
margin: 0 15px;
border-radius: 50%;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/next-community-gallery.svg);
}
.communityArrows .slick-prev,
.prevArrowGallery {
margin-left: 0;
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/prev-community-gallery.svg);
}
.nextArrowGallery {
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/next-community-gallery.svg);
}
.titleCommunityForm {
font-family: "MulishBold", serif;
margin-bottom: 30px;
font-size: 18px;
}
.iconSocial.ins {
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/ig-white.svg);
}
.iconSocial.fb {
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/fb-white.svg);
}
.iconSocial.link {
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/link-white.svg);
}
.liFooter.liFooterHead a {
line-height: 1.3;
}
.siteMenu {
z-index: 4;
}
.siteHeader {
z-index: 5;
}
.innerCompleteInfoStep button,
.innerCompleteInfoStep a.noclases {
display: inline-block;
margin-top: 15px;
}
.moreMenu {
height: 2px;
}
.moreMenu:before {
width: 2px;
}
.siteMain {
overflow: initial;
}
.outerContainer {
overflow: initial;
}
.sideMenu {
z-index: 2;
pointer-events: none;
}
.sideNav {
pointer-events: all;
}
.paragraphCardCommercialIndustrial {
max-width: 90%;
}
.subtitleResourcesSetpSection {
font-family: "MulishBold", serif;
letter-spacing: 2px;
}
.content-left .innerTitleHero,
.subtitleHero,
.innerTitleHero {
line-height: 1.2;
font-family: "MulishBold", serif;
}
.subtitleHero {
font-size: 2rem;
}
.valueInfoContact {
color: #7d8080;
margin-left: 0px;
text-transform: none;
}
.labelInfoContact {
font-family: "MulishBold", serif;
}
.infoCommercialIndustrialCard .siteSubtitle {
font-size: 3rem;
}
.commercialIndustrialCards {
z-index: 1;
position: relative;
padding-top: 0;
}
.content-left .titleHero {
padding-bottom: 10px;
}
.content-left .wrapperHero .titleHero {
padding: 0;
}
.bigGreenBanner .bandHeroBanner {
height: 55vh;
}
.phoneKeyboard {
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/phone.svg);
}
.emailSmallIcon {
width: 25px;
height: 25px;
margin-right: 10px;
display: inline-block;
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/mail.svg);
}
.contactImg {
margin-top: 0;
}
.medium-height.content-left .scrollMouse {
bottom: initial;
top: calc(100% + 50px);
}
.row-reverse .paragraphCustomCareCard {
text-align: right;
margin-left: auto;
}
.titleHereHelp {
color: #a5a97a;
font-family: "MulishBold", serif;
}
.subtitleDetailHelpSec {
font-family: "MulishBold", serif;
letter-spacing: 2px;
}
.infoDecorStudio,
.infoTextHelpSec,
.infoLocationHelpSec {
color: #7d8080;
}
.iconArrow { background-color: transparent;
width: 20px;
height: 20px;
}
.siteTitle {
padding: 0 0 10px;
}
.slickParentLocation {
overflow: hidden;
}
@keyframes scroll {
0% {
top: 5px;
height: 15%;
}
100% {
top: 10px;
height: 25%;
}
} button.gm-svpc {
display: none;
}
html :where(.wp-block) {
max-width: 1280px;
}
.stepsinfo {
display: none;
} .bodyFooter {
justify-content: flex-start;
}
.communityNav {
margin-bottom: -65px;
}
.newRelease {
top: 20px;
left: 0;
z-index: 1;
padding: 10px;
background-color: #a5a97a;
white-space: nowrap;
}
.communityCard {
position: relative;
}
.pinDark {
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/pin-dark.svg);
}
.past .communityCardImg {
border-radius: 5px;
overflow: hidden;
}
.past .communityCardName {
color: #464646;
}
.past .communityCardInfo {
padding-bottom: 50px;
}
.past .communityCardFeatures {
padding-top: 0;
border-top: none;
}
.land .communityCardImg {
aspect-ratio: 4/4;
}
.land .communityCardInfo {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background-color: #0000008f;
border-top: 1px solid #fff;
}
.land .pinIcon {
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/pin-white.svg);
}
.land .communityCardName {
display: none;
}
.land .communityCardFeatures {
margin-top: 0;
border: none;
padding: 0;
}
.land .communityCardLocationText,
.land .innerHomesTypes {
color: #fff;
}
.arrowLandCommunity {
width: 20px;
height: 20px;
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/arrow-white.svg);
top: 50%;
right: 0;
margin-top: -10px;
transition: all 0.5s linear;
}
.toggleInfo {
margin-top: 0px;
line-height: 1.3;
max-height: 0px;
overflow-y: auto;
transition: all 0.5s linear;
}
body {
line-height: 1.4;
}
.land.active .communityCardInfo .arrowLandCommunity {
transform: rotateX(180deg);
}
.land.active .communityCardInfo .toggleInfo {
max-height: 250px;
margin-top: 10px;
}
.containerCommunitiesCards .communityCard { top: 0;
}
.containerCommunitiesCards .communityCard:hover {
top: -15px;
}
.containerListCommunititesCards {
transition: all 0.5s ease-in-out;
}
.containerListCommunititesCards.changeContent {
opacity: 0;
}
.containerListCommunititesCards.pastCom .communityCardInfo .communityCardName {
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.containerListCommunititesCards.pastCom .communityCardInfo {
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
padding-bottom: 20px;
}
.containerListCommunititesCards .land .communityCardInfo {
position: absolute;
width: 95%;
left: 50%;
height: 100%;
background-color: #f2f2f2;
display: flex;
z-index: 1;
transition: all 0.5s ease-in-out;
}
.containerListCommunititesCards .land .communityCardInfo.active {
left: 5%;
background-color: #eceddb;
}
.containerListCommunititesCards .land .toggleInfo {
position: absolute;
bottom: 20px;
right: 0;
max-height: 100%;
margin: 0;
width: 50%;
border-left: 1px solid #a5a97a00;
padding: 0 20px;
font-size: 14px;
height: calc(100% - 40px);
display: grid;
align-items: end;
}
.containerListCommunititesCards .land .toggleInfo::-webkit-scrollbar {
width: 2px;
}
.containerListCommunititesCards .land .communityCardInfo.active .toggleInfo {
margin-top: 0;
max-height: 100%;
line-height: 1.4;
border-left: 1px solid #a5a97a;
}
.containerListCommunititesCards .land .communityCardFeatures {
align-self: flex-end;
width: 40%;
padding-right: 20px;
}
.containerListCommunititesCards .land .communityCardLocation {
position: initial;
}
.containerListCommunititesCards .land .arrowLandCommunity {
position: absolute;
top: 22px;
left: 22px;
background-image: none;
width: 30px;
height: 30px;
border-radius: 50%;
border: 1px solid #a5a97a;
margin-top: 0;
margin-left: 0;
transform: rotateZ(0);
}
.containerListCommunititesCards .land .arrowLandCommunity:before {
content: "";
position: absolute;
top: 15%;
height: 70%;
width: 1px;
left: 50%;
margin-left: -0.5px;
background-color: #a5a97a;
}
.containerListCommunititesCards .land .arrowLandCommunity:after {
content: "";
position: absolute;
top: 50%;
margin-top: -0.5px;
height: 1px;
width: 70%;
left: 15%;
background-color: #a5a97a;
}
.containerListCommunititesCards .land.active .arrowLandCommunity {
transform: rotateZ(45deg);
}
.containerListCommunititesCards .land .pinIcon {
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/pin-dark.svg);
}
.containerListCommunititesCards .land .communityCardLocationText {
font-size: 20px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
width: calc(100% - 25px);
}
.containerListCommunititesCards .land .communityCardLocationText,
.containerListCommunititesCards .land .innerHomesTypes {
color: #464646;
}
.containerListCommunititesCards .communityCardName {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.containerListCommunititesCards .communityCardName.communityCardNameMobile {
display: none;
}
.containerListCommunititesCards .land .innerHomesTypes:not(.toggleInfo) {
font-family: "MulishMedium", serif;
font-size: 15px;
}
.containerListCommunititesCards .land .communityCardHomesTypes {
display: flex;
justify-content: flex-start;
align-items: flex-end;
margin-bottom: 0;
}
.innerHomesTypes {
line-height: 1.3;
}
.siteHeader.whiteHeader {
backdrop-filter: blur(10px);
padding: 10px 0 10px;
background-color: #ffffff8a;
}
.whiteHeader .logo img:last-of-type,
.darkHeaderLogos .logo img:last-of-type,
.active .logo img:last-of-type {
opacity: 1;
visibility: visible;
}
.whiteHeader .logo img:first-of-type,
.darkHeaderLogos .logo img:first-of-type,
.active .logo img:first-of-type {
opacity: 0;
visibility: hidden;
}
.whiteHeader .menuText,
.darkHeaderLogos .menuText {
color: #000;
}
.whiteHeader .burgerLine,
.active .burgerLine,
.darkHeaderLogos .burgerLine,
.active .burgerLine {
background-color: #000;
}
.greenHeaderLogos .burgerLine {
background-color: #a5a97a;
}
.greenHeaderLogos.active .burgerLine,
.greenHeaderLogos.activeScroll .burgerLine,
.greenHeaderLogos.whiteHeader .burgerLine {
background-color: #000000;
}
.greenHeaderLogos .menuText {
color: #a5a97a;
}
.greenHeaderLogos.active .menuText,
.greenHeaderLogos.activeScroll .menuText,
.greenHeaderLogos.whiteHeader .menuText {
color: #000000;
}
.logo img:last-of-type {
top: -44.61px;
}
.activeScroll .logo img:last-of-type {
top: -36px;
}
.greenHeaderLogos .logo img:first-of-type {
opacity: 0;
visibility: hidden;
}
.greenImgLogo {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 40px;
opacity: 0;
visibility: hidden;
}
.greenHeaderLogos .logo .greenImgLogo {
opacity: 1;
visibility: visible;
}
.activeScroll .logo .greenImgLogo,
.active .logo .greenImgLogo {
opacity: 0;
visibility: hidden;
}
.detailFloorplan { overflow-y: auto;
width: 100%;
height: 100%;
top: -100%;
left: 0;
z-index: 2;
opacity: 0;
visibility: hidden;
background-color: #fff;
transition: all 0.5s ease-in-out, top 0s ease 0.5s;
}
.detailFloorplan.active {
top: 0;
opacity: 1;
visibility: visible;
transition: all 0.5s ease-in-out, top 0s ease 0s;
}
.moreInfoCommunity {
background-color: transparent;
}
.sectionDetailFloorplan {
padding-top: 150px;
}
.wrapperDetailFloorplan {
width: 80%;
overflow: initial;
justify-content: space-between;
align-items: stretch;
}
.greenBanner {
position: absolute;
top: 0;
left: 0;
height: 290px;
background-color: #eceddb;
}
.leftDetailsFloorplan {
display: flex;
flex-wrap: wrap;
width: 25%;
align-items: normal;
}
.topInfoDetailsFloorplan {
width: 100%;
position: relative;
margin-bottom: 70px;
}
.topInfoDetailsFloorplan .miniSubtitle {
color: #777b4c;
letter-spacing: normal;
}
.detailFloorplanName {
margin-bottom: 20px;
}
.elevetionsGroup {
width: 100%;
}
.elevetionItem {
margin-bottom: 1.5vh;
letter-spacing: 2px;
}
.bottomInfoDetailsFloorplan {
width: 100%;
align-self: flex-end;
margin-top: 10vh;
}
.bottomItemDetail {
margin-bottom: 20px;
}
.textBottomItemDetail {
margin-left: 20px;
font-family: "MulishMedium", serif;
}
.rightDetailsFloorplan {
width: 70%;
}
.imgDetailFloorplan {
width: 100%;
height: 100%;
background-color: #f2f2f2;
border-radius: 5px;
aspect-ratio: 4/3;
}
.block {
display: block;
}
.inline {
display: inline-block;
}
.ctaDetailFloorplan {
align-self: flex-end;
padding: 10px 30px;
}
.closeDetailsFloorplan {
position: absolute;
top: -50px;
right: 0px;
width: 30px;
height: 30px;
background-color: #000;
}
.mobilePrincipalCommunitiesContainer {
display: none;
}
.heroSection {
overflow: initial;
overflow-x: initial;
}
.paragraphCustomCareCard {
max-width: 100%;
}
.customCareCards {
padding-top: 5vh;
}
.slick-dots {
margin: 25px auto;
display: flex;
justify-content: center;
align-items: center;
font-size: 0rem;
gap: 15px;
}
.slick-dots .slick-active button {
opacity: 1;
}
.slick-dots button {
font-size: 0rem;
width: 10px;
height: 10px;
background-color: #a5a77b;
border-radius: 50%;
padding: 0;
opacity: 0.7;
}
.questionsAffiliations {
padding-bottom: 30vh;
}
.questionsAffiliations ~ .splitBlock {
position: relative;
z-index: 1;
}
.disclaimerFooter {
width: 100%;
padding: 50px 0 0px;
}
.topDisclaimer {
margin-bottom: 50px;
flex-wrap: wrap;
}
.topDisclaimer a {
letter-spacing: 2px;
font-family: "MulishBold", serif;
}
.legalNav {
flex-wrap: wrap;
margin-bottom: 50px;
}
.topDisclaimer a {
font-size: 1.3rem;
}
.itemLegal {
padding: 0 30px 0 0;
margin: 0 30px 20px 0;
font-size: 1.3rem;
border-right: 2px solid #fff;
font-family: "MulishBold", serif;
letter-spacing: 2px;
}
.itemLegal:first-of-type {
padding-left: 0;
}
.itemLegal:last-of-type {
border-right: 1px solid #00000000;
}
.bottomDisclaimer {
width: 100%;
flex-wrap: wrap;
}
.copyText {
font-size: 1.3rem;
margin-bottom: 10px;
padding: 0 20px;
border-left: 2px solid #fff;
}
.copyText:first-of-type {
padding-left: 0;
border-left: none;
}
.registerPopUp {
position: fixed;
z-index: 20;
width: 100%;
height: 100%;
top: -100%;
left: 0;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
visibility: hidden;
transition: all 0.5s ease-in-out, top 0s linear 0.5s;
}
.registerPopUp.active {
top: 0;
opacity: 1;
visibility: visible;
transition: all 0.5s ease-in-out, top 0s linear 0s;
}
.bgPopUpRegister {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #00000066;
}
.wrapperPopUpRegister {
width: 90%;
height: 90%;
overflow-y: auto;
}
.closeRegisterPopUp {
width: 20px;
height: 20px;
top: 15px;
right: 15px;
cursor: pointer;
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/close.svg);
}
.wrapperPopUpRegister .wrapperContact {
width: 100%;
height: 100%;
padding: 0 50px;
}
.wrapperPopUpRegister .imgSideContact {
width: 40%;
}
.wrapperPopUpRegister .siteForm {
width: 45%;
}
.wrapperPopUpRegister .subtitleContact {
text-align: center;
}
.mobileImgDetailFloorplan {
display: none;
}
.rightInfoTarionCard ol {
list-style: number;
list-style-position: inside;
}
.wrapper.wrapperTarionWarranty > .siteParagraph {
max-width: 80%;
font-family: "MulishMedium", serif;
}
.upcomingCommunities .wrapperUpcommingCommunities > .primaryButton {
display: none;
}
.reviewVal {
background-color: #cecece;
border: 1px solid #e91e63;
}
.errormsg {
color: #e91e63;
}
.paginatedSec a {
color: #464646;
}
.containerListCommunititesCards .communityCard.active .communityCardInfo {
background-color: #a5a77b;
}
.containerListCommunititesCards .communityCard .pinIcon {
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/pin-dark.svg);
}
.containerListCommunititesCards .communityCard.active:not(.land) .pinIcon {
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/pin-white.svg);
}
.containerListCommunititesCards .communityCard.active .sizeIcon {
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/area-white.svg);
}
.containerListCommunititesCards .communityCard.active .communityCardName {
color: #fff;
}
.containerListCommunititesCards .communityCard.active .communityCardFeatures {
color: #fff;
border-color: #fff;
}
.containerListCommunititesCards .land.active .communityCardInfo {
left: 5%;
background-color: #eceddb;
}
.paginatedSec {
display: flex;
justify-content: center;
align-items: center;
margin: 10vh 0;
gap: 25px;
font-family: "MulishBold", serif;
}
.paginatedSec a {
opacity: 0.5;
font-family: "MulishBold", serif;
}
.paginatedSec a:last-of-type {
opacity: 0.7;
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/arrow-grey3.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
font-size: 0px;
width: 20px;
height: 20px;
}
.paginatedSec a.activeLink {
opacity: 1;
cursor: pointer;
}
.paginatedSec a.active {
opacity: 1;
cursor: pointer;
}
.paginatedSec a:first-of-type {
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/arrow-grey3.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
font-size: 0px;
width: 20px;
height: 20px;
}
.mobileButtonSplitBlock {
display: none;
}
.imgSplitBlock .mobileButtonSplitBlock {
display: inline-block;
}
.filterFloorplansMobile {
display: none;
}
.videoPopUp {
position: fixed;
z-index: 50;
top: -100%;
left: 0;
opacity: 0;
visibility: hidden;
transition: all 0.5s ease-in-out, top 0s linear 0.5s;
}
.showVideoPopUp.videoPopUp {
top: 0%;
opacity: 1;
visibility: visible;
transition: all 0.5s ease-in-out, top 0s linear 0s;
}
.bgVideoPopUp {
background-color: #464646;
}
.wrapperVideoPopUp {
width: 80%;
aspect-ratio: 16/9;
position: relative;
}
.innerVideoPopUp,
.iframePopUpVideo {
width: 100%;
height: 100%;
}
.closePopUpVideo {
position: absolute;
top: -40px;
cursor: pointer;
right: 0;
width: 30px;
height: 30px;
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/close-white.svg);
}
.mobileShow {
display: none;
}
.imgSplitBlockCareers {
width: 40%;
}
.registerPopUp .contactImg {
width: 70%;
margin-top: 50px;
margin: 20px auto 50px;
}
section:not(.heroSection) {
padding: 5vh 0;
}
.firstPadding.firstPadding {
padding-top: 130px;
}
section.locationCommunitySec {
padding: 15vh 0;
}
#socialSection {
padding-top: 170px;
}
[data-aos="go-right"] {
left: -20%;
position: relative;
transition-property: left, opacity;
}
[data-aos="go-right"].aos-animate {
left: 0;
}
[data-aos="go-left"] {
right: -20%;
position: relative;
transition-property: right, opacity;
}
[data-aos="go-left"].aos-animate {
right: 0;
}
[data-aos="move-up"] {
transform: translate3d(0, 100px, 0);
}
[data-aos="move-up"].aos-animate {
transform: translateZ(0);
}
[data-aos="move-big-up"] {
transform: translate3d(0, 250px, 0);
}
[data-aos="move-big-up"].aos-animate {
transform: translateZ(0);
}
[data-aos="move-down"] {
transform: translate3d(0, -100px, 0);
}
[data-aos="move-down"].aos-animate {
transform: translateZ(0);
}
[data-aos="move-left"] {
transform: translate3d(150px, 0, 0);
}
[data-aos="move-left"].aos-animate {
transform: translateZ(0);
}
[data-aos="move-right"] {
transform: translate3d(-150px, 0, 0);
}
[data-aos="move-right"].aos-animate {
transform: translateZ(0);
}
[data-aos="out-bg"] {
background-size: 125%;
}
[data-aos="out-bg"].aos-animate {
background-size: 100%;
}
[data-aos="out-bg-cv"] {
transform: scale(1.3);
}
[data-aos="out-bg-cv"].aos-animate {
transform: scale(1);
}
.content-left [data-aos="fade-up"]:not(.scrollMouse) {
transform: translate3d(-100px, 0, 0);
}
.content-left [data-aos="fade-up"].aos-animate:not(.scrollMouse) {
transform: translateZ(0);
}
.content-left [data-aos="fade-down"]:not(.scrollMouse) {
transform: translate3d(-100px, 0, 0);
}
.content-left [data-aos="fade-down"].aos-animate:not(.scrollMouse) {
transform: translateZ(0);
}
.wrapperBandHeroBanner .primaryButton {
transform: translate3d(100px, 0, 0);
}
.wrapperBandHeroBanner .primaryButton.aos-animate {
transform: translate3d(0px, 0, 0);
}
.topBandSlick .primaryButton {
transform: translate3d(100px, 0, 0);
}
.topBandSlick .primaryButton.aos-animate {
transform: translate3d(0px, 0, 0);
}
.homeBuyingProcessInfo .primaryButton {
transform: translate3d(-100px, 0, 0);
}
.homeBuyingProcessInfo .primaryButton.aos-animate {
transform: translate3d(0px, 0, 0);
}
[data-aos][data-aos][data-aos-duration="3100"],
body[data-aos-duration="3100"] [data-aos] {
transition-duration: 3.1s;
}
[data-aos][data-aos][data-aos-duration="3450"],
body[data-aos-duration="3450"] [data-aos] {
transition-duration: 3.45s;
}
[data-aos][data-aos][data-aos-duration="3800"],
body[data-aos-duration="3800"] [data-aos] {
transition-duration: 3.8s;
}
[data-aos][data-aos][data-aos-duration="4150"],
body[data-aos-duration="4150"] [data-aos] {
transition-duration: 4.15s;
}
@media only screen and (min-width: 2000px) {
.wrapperPopUpRegister .contactSection {
height: 100%;
}
.wrapperPopUpRegister .wrapperContact {
width: 100%;
height: 100%;
align-items: center;
padding: 0 50px;
} .topDetailNew {
margin-top: -70px;
}
.questionsAffiliations {
padding-bottom: 200px;
}
.tarionWarrantySec {
padding: 100px 0;
}
.faqsSection {
padding: 100px 0;
}
.homeBuyingProcessInfo,
.decorSelectionSection {
padding: 100px 0;
}
.haveQuestionsSec {
padding: 100px 0;
}
.infoCustomCareCard {
padding: 200px 30% 80px 50px;
}
.customCareCard.row-reverse .infoCustomCareCard {
padding: 80px 50px 200px 30%;
}
.commercialIndustrialCards {
margin-top: -50px;
}
.rentalsHelpSection {
padding: 100px 0;
}
.wrapperAllCommunities,
.containerCommunitiesMap {
padding-top: 100px;
}
.containerCommunitiesCards {
padding: 100px 0;
}
.contactSection {
padding: 100px 0;
}
.splitBlock {
padding: 100px 0;
}
.content-left .wrapperHero {
padding-bottom: 100px;
}
.bigSpaceSection {
padding: 130px 0 80px;
}
.sectionNumbers,
.locationCommunitySec {
padding: 100px 0;
}
.paragraphTextSection {
margin: 50px auto;
}
.floorpansSection {
padding: 130px 0 0;
}
.wrapperAboutPage {
padding-left: 10%;
}
}
.contactDetailCommunity {
padding: 5vh 0;
}
.floorpansSection {
padding-top: 150px;
}
.splitBlock .communityArrows {
width: 90%;
left: 5%;
top: 50%;
transform: translateY(-50%);
display: flex;
justify-content: space-between;
align-items: center;
}
.splitBlock {
padding: 5vh 0;
}
.floorplansCards .communityCardFeatures {
font-size: 1.4rem;
}
.floorplansCards .textBeds,
.floorplansCards .textBaths {
width: calc(100% - 20px);
}
@media only screen and (max-width: 1450px) {
.greenBanner {
height: 380px;
}
.containerCommunitiesCards,
.containerCommunitiesMap {
padding-top: 50px;
}
.rowContactInfo .pinIcon,
.innerWrapperUlLeftSideMenu .pinIcon {
width: 20px;
height: 20px;
}
.innerWrapperUlLeftSideMenu .locationCommunity {
gap: 5px;
}
.upcomingCommunities .textInfoCurrentCommunities {
max-width: 55%;
}
.upcomingCommunities .currentCommunitiesCards {
width: 75%;
}
.wrapperNews {
width: 60%;
}
.wrapperContactPage {
max-width: 80%;
}
.whiteCardTarion {
padding: 70px;
gap: 20px;
}
.tarionParagraph {
font-size: 1.6rem;
}
.innerCompleteInfoStep a.noclases {
padding: 10px 20px;
}
.innerCompleteInfoStep p {
font-size: 1.4rem;
}
.innerCompleteInfoStep ul {
margin-bottom: 10px;
}
.stepItem:before {
height: 5vh;
}
.btnControlStep {
width: 50px;
height: 50px;
}
.innerCompleteInfoStep li {
font-size: 1.4rem;
margin-bottom: 5px;
}
.innerCompleteInfoStep {
padding: 30px 50px 30px 20px;
font-size: 1.4rem;
}
.titleStep {
font-size: 3rem;
}
.completeInfoStep {
margin-left: 70px;
}
.labelStep {
font-size: 1.3rem;
white-space: wrap;
}
.stepItem {
margin-bottom: 5vh;
}
.stepItem.active {
width: 80px;
height: 80px;
font-size: 1.4rem;
}
.infoBuyingProcessInfo {
max-width: 60%;
}
.answerFaq {
font-size: 1.4rem;
}
.siteTitle {
font-size: 4.5rem;
}
.homeBuyingProcessInfo {
padding: 10vh 0;
}
.wrapperHelpSec {
width: 65%;
}
.infoDecorStudio {
max-width: 50%;
}
.wrapperDecorStudioInfo {
width: 70%;
}
.infoDecorStudio {
max-width: 40%;
}
.customCareCard {
width: 80%;
}
.infoCommercialIndustrialCard .siteParagraph {
max-width: 100%;
margin: 10px 0 15px;
font-size: 1.4rem;
}
.imgComercialIndustrialCard {
width: 50%;
}
.infoCommercialIndustrialCard {
padding: 45px;
width: 45%;
}
.commercialIndustrialCards {
margin-top: 0;
padding-top: 5vh;
}
.thirdHeadline {
font-size: 3rem;
}
.careerBox {
width: 75%;
}
.subtitleOurStory {
width: 45%;
}
.imgOurStory {
width: 45%;
}
.subtitleAffiliations {
font-size: 2.5rem;
}
.subtitleAffiliations {
margin-bottom: 40px;
}
.siteParagraph {
max-width: 60%;
}
.wrapperAboutPage {
padding-left: 15%;
}
.siteSubtitle {
line-height: 1.3;
}
.imgSideContact {
width: 40%;
}
.siteSubtitles {
font-size: 4rem;
}
.innerTextSplitBlock {
font-size: 1.6rem;
}
.overLightParagraph,
.inputForm,
.selectForm {
font-size: 1.6rem;
}
.liFooter.liFooterHead {
font-size: 1.5rem;
}
.liFooter {
font-size: 1.5rem;
}
.itemRightSideMenu {
margin-bottom: 35px;
}
.itemLeftSideMenu {
margin-bottom: 20px;
}
.innerLabelItemRightSideMenu {
margin-bottom: 15px;
}
.residentialMenuTitle {
font-size: 3rem;
}
.titleFullMediaBlock {
font-size: 3rem;
}
.subtitleHero {
font-size: 2rem;
}
.titleHero {
margin: 20px 0;
}
.innerTitleHero {
font-size: 4rem;
line-height: 1.2;
font-family: "MulishBold", serif;
}
.communititesTypes {
gap: 30px;
}
.communityType {
font-size: 1.6rem;
}
.landCom .communityCardInfo.active .toggleInfo {
max-height: 70px;
}
.communityCardHomesTypes {
margin: 10px 0;
}
.communityCardHomesTypes {
font-size: 1.6rem;
}
.containerListCommunititesCards {
width: 40%;
}
.communititesMap {
width: 57.5%;
}
.viewCommunitiesButton {
font-size: 1.4rem;
}
.siteSubtitle {
font-size: 4rem;
}
.wrapperBandHeroBanner .siteSubtitle {
margin-bottom: 0px;
}
.infoCommunityTop {
margin-top: 100px;
padding: 20px 40px;
}
.contactDetailCommunity {
padding-top: 15vh;
}
.splitBlock {
padding: 5vh 0 130px;
}
.slickParentLocation {
width: 85%;
}
.floorpansSection {
padding-top: 90px;
}
.splitBlock .communityArrows {
left: -5%;
width: 110%;
}
.siteMain .communityNav:first-child {
margin-bottom: 0;
margin-top: 0;
}
.siteMain .communityNav:first-child ~ .heroSection:first-of-type {
margin-top: -65px;
}
.rentalTypeName {
font-size: 2.5rem;
margin-bottom: 20px;
}
.rentalTypeDetails,
.labelContactRental,
.rentalTypeInfo {
font-size: 1.4rem;
margin-bottom: 15px;
}
.imgRentalType {
width: 47%;
}
.rentalType {
gap: 0;
align-items: flex-start;
}
.rentalType {
width: 65%;
}
.labelInfoContact {
font-size: 1.4rem;
}
.paragraphCustomCareCard {
max-width: 100%;
}
.firstPadding.firstPadding {
padding-top: 70px;
}
}
@media only screen and (max-width: 1024px) {
.wrapperVideoPopUp {
width: 90%;
}
.labelItemRightSideMenu {
font-size: 1.6rem;
}
.wrapperSplitBlock {
width: 80%;
}
.infoCurrentCommunities {
width: 85%;
}
.currentCommunitiesCards {
width: 90%;
}
.upcomingCommunities .currentCommunitiesCards {
width: 70%;
}
.upcomingCommunities .textInfoCurrentCommunities {
max-width: 60%;
}
.overLightParagraph {
max-width: 70%;
}
.containerSteps {
width: 100%;
}
.wrapperNews {
width: 60%;
}
.imgSideContact {
width: 40%;
}
.siteForm {
width: 40%;
}
.siteSubtitle {
font-size: 3.5rem;
}
.innerCommunityNav {
gap: 15px;
}
.infoCommunityTop {
gap: 20px;
padding: 20px 20px;
}
.groupInfoCommunityTop {
gap: 20px;
}
.innerTextSplitBlock {
font-size: 1.6rem;
}
.siteSubtitles {
font-size: 4.5rem;
}
.splitBlock {
padding: 10vh 0;
}
.contactDetailCommunity {
padding-top: 10vh;
}
.completeSection .imgSideContact {
width: 70%;
}
.wrapperContact {
gap: 60px;
justify-content: start;
}
.contactDetailCommunity .subtitleContact {
text-align: left;
}
.innerCommunityNav {
font-size: 1.4rem;
}
.splitBlock {
padding: 5vh 0 80px;
}
.clearFilterMobile {
display: flex;
}
.openFiltersMobile {
display: flex;
}
.closeFiltersMobile {
display: block;
position: absolute;
top: 22px;
right: 20px;
width: 15px;
height: 15px;
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/close.svg);
cursor: pointer;
}
.filterFloorplans {
position: fixed;
z-index: 3;
width: 100%;
height: 100%;
top: -100%;
opacity: 0;
visibility: hidden;
left: 0;
background-color: #00000055;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.5s ease-in-out, top 0s ease 0.5s;
}
.filterFloorplans.active {
top: 0;
opacity: 1;
z-index: 5;
visibility: visible;
transition: all 0.5s ease-in-out, top 0s ease 0s;
}
.wrapperFilterFloorplans {
max-height: 90%;
width: 90%;
background-color: #fff;
border-radius: 5px;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
padding: 100px 100px 50px;
justify-content: flex-start;
align-content: flex-start;
flex-direction: column;
flex-wrap: nowrap;
position: relative;
overflow-y: auto;
}
.dropdownsGroup {
justify-content: center;
z-index: 1;
}
.filterGroup {
width: 100%;
}
.lastGroupFilter {
justify-content: center;
flex-direction: column;
}
.applyFilterMobile {
display: block;
}
.iconFiltersMobile {
width: 25px;
height: 25px;
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/filters.svg);
margin-right: 10px;
}
.clearFilter:not(.clearFilterMobile) {
display: none;
}
.numbersBoxes {
width: 100%;
}
.wrapperColumnsParagraphs {
width: 80%;
}
.wrapperCommunityLocation {
gap: 50px;
}
.infoLocationGroup {
padding-left: 30px;
font-size: 1.4rem;
margin-bottom: 25px;
}
.logoCommunityLocation {
display: block;
width: 80%;
margin: 0 auto;
margin-bottom: 25px;
}
.copyText {
padding: 0;
}
.bottomDisclaimer {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.copyText {
border-left: none;
}
.wrapperNewsPage {
width: 90%;
}
.contactBox {
padding: 40px;
}
.wrapperContactPage {
max-width: 100%;
}
.newBox {
width: calc(50% - 25px);
}
.rightInfoTarionCard {
width: 55%;
}
.leftInfoTarionCard {
width: 40%;
}
.whiteCardTarion {
width: 100%;
}
.stepItem.active {
width: 60px;
height: 60px;
font-size: 1.2rem;
}
.wrapperFaqs {
width: 80%;
}
.wrapperHelpSec {
width: 80%;
}
.customCareCard {
width: 90%;
}
.commercialIndustrialCards {
padding-bottom: 0vh;
}
.infoCommercialIndustrialCard {
padding: 25px;
}
.row-reverse .infoCommercialIndustrialCard {
margin-right: 0;
}
.imgComercialIndustrialCard {
width: 100%;
}
.commercialIndustrialCard {
flex-direction: column;
}
.infoCommercialIndustrialCard {
width: 100%;
}
.commercialIndustrialCard {
margin: 50px 0;
}
.careerBox {
width: 80%;
}
.learnMore {
font-size: 1.4rem;
}
.liFooter.liFooterHead {
min-height: 42px;
}
.itemRightSideMenu {
margin-bottom: 25px;
}
.innerLabelItemRightSideMenu:last-of-type {
margin-bottom: 0;
}
.textItemLeftSideMenu,
.itemLeftSideMenu {
font-size: 1.6rem;
}
.textInfoCurrentCommunities {
max-width: 40%;
}
.upcomingCommunities .textInfoCurrentCommunities {
max-width: 75%;
}
.subtitleHelpSteps {
margin-bottom: 40px;
}
.followSocialSide,
.gridSocialSide {
width: 50%;
}
.gridSocialSide {
gap: 10px;
}
.itemColumnGrid {
margin-bottom: 10px;
}
.siteForm {
width: 50%;
}
.landCom .communityCardInfo {
padding: 15px;
}
.newRelease {
padding: 5px;
font-size: 1.4rem;
}
.pinIcon {
width: 20px;
height: 20px;
}
.communityCardLocationText {
font-size: 1.6rem;
}
.arrowLandCommunity {
width: 15px;
height: 15px;
}
.containerListCommunititesCards.landCom .communityCardFeatures {
padding-right: 0;
width: 47%;
}
.communityCard {
width: calc(33.3333% - 15px);
}
.contactSection {
padding: 10vh 0;
}
.infoCommunityTop {
padding: 15px 20px;
gap: 10px;
}
.groupInfoCommunityTop {
gap: 10px;
}
.groupInfoCommunityTop {
font-size: 1.5rem;
}
.completeSection .imgSideContact {
width: 50%;
}
.siteParagraph {
max-width: 80%;
}
.paragraphTextSection {
margin: 5vh auto;
}
.slickParentLocation {
width: 100%;
}
.splitBlock .communityArrows {
left: 0%;
}
.wrapperTextSection {
width: 80%;
}
.rentalType {
width: 80%;
}
.haveQuestionsSec {
padding-bottom: 10vh;
overflow: hidden;
}
.contactSorbara {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.imgPersonalization {
width: calc(33.3333% - 15px);
}
.filterFloorplansMobile .infoFilterFound {
margin-top: 10px;
width: 100%;
}
.filterFloorplans .openFiltersMobile {
position: absolute;
top: 20px;
left: 50%;
transform: translateX(-50%);
cursor: default;
}
.filterFloorplans .openFiltersMobile .iconFiltersMobile {
width: 20px;
height: 20px;
}
.filterFloorplans .openFiltersMobile .filterText {
font-size: 1.3rem;
}
}
@media only screen and (max-width: 768px) {
.bigImageSection {
background-attachment: initial;
background-size: cover;
}
.titleHereHelp {
font-size: 3rem;
}
.titleHereHelp {
font-size: 3.2rem;
}
.wrapperHelpSec {
width: 90%;
}
.leftDetailsFloorplan {
justify-content: flex-start;
}
.leftDetailsFloorplan .ctaDetailFloorplan {
margin: 0 auto;
}
.elevetionsGroup {
position: relative;
width: auto;
left: -5%;
padding-left: 5%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
transition: all 0.25s ease-in-out;
max-height: 43px;
overflow: hidden;
}
.elevetionsGroup:before {
content: "";
position: absolute;
bottom: 1%;
left: 1%;
width: 98%;
border-radius: 5px;
box-shadow: 0px 0px 5px #00000044;
height: calc(99% - 43px);
}
.elevetionsGroup:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 43px;
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/arrow-green.png);
background-size: 10px;
background-position: 100% 50%;
transform: rotateX(180deg);
background-repeat: no-repeat;
}
.elevetionItem {
margin-bottom: 0;
padding: 10px 20px 10px 0;
z-index: 1;
position: relative;
order: 1;
}
.elevetionItem.eBold {
order: 0;
margin-bottom: 1%;
}
.containerSteps {
gap: 0px;
}
.stepBox {
margin: 0;
}
.wrapperImgStep {
display: none;
}
.stepCard {
height: auto;
padding: 0px 0;
border-bottom: 1px solid #a5a97a;
height: 0px;
transition: all 0.5s ease-in-out;
}
.active .stepCard {
padding: 0px 0 30px;
}
.stepTitle {
text-align: left;
color: #464646;
margin-bottom: 10px;
position: relative;
}
.stepTitle:before,
.stepTitle:after {
content: "";
position: absolute;
background-color: #a5a97a;
transition: all 0.25s ease-in-out;
}
.stepTitle:before {
width: 15px;
height: 1px;
right: 0;
top: 50%;
margin-top: -0.5px;
}
.stepTitle:after {
width: 1px;
height: 15px;
right: 7.5px;
top: 50%;
margin-top: -7.5px;
transform: scale(1);
}
.active .stepTitle:after {
transform: scale(0);
} .wrapperInfoStep {
padding: 0;
background-color: #fff;
}
.stepBox:hover {
top: 0;
}
.stepBox:hover .stepCard {
border-radius: 0 0 0 0;
}
.stepBox:hover .wrapperInfoStep {
background-color: #fff;
}
.stepBox:hover .infoTextStep {
color: #464646;
}
.infoTextStep {
text-align: left;
margin-bottom: 20px;
min-height: initial;
}
.itemCommunityNav.active:before {
display: none;
}
.innerTitleHero {
font-size: 3.2rem;
}
.subtitleHelpSteps {
text-align: left;
}
.rentalsHelpSection .subtitleHelpSteps {
text-align: center;
}
.pargraphCareers {
text-align: left;
}
.specialNew .infoCommunityNew {
max-width: 100%;
}
.returnAllNewsBlock .returnAllNewText {
font-size: 2.5rem;
}
.topDetailNew {
flex-wrap: wrap;
margin-top: -20vh;
}
.wrapperDetailNew,
.newBlock .wrapperTextSection {
width: 90%;
}
.topDetailNew .returnAllNews {
margin-bottom: 40px;
}
.imgDetailNew {
width: 100%;
}
.newBox {
margin-bottom: 15px;
}
.infoNew {
padding-top: 0;
padding-bottom: 40px;
border-top: none;
border-bottom: 1px solid #464646;
}
.infoNew:before {
top: initial;
bottom: -2.5px;
}
.topInfoNew .sixthHeadline {
min-height: initial;
}
.wrapperCurrentCommunities .currentCommunitiesCards,
.upcomingCommunities .currentCommunitiesCards {
overflow: hidden;
}
.wrapperCurrentCommunities .innerCardItem {
width: calc(50% - 15px);
transition-duration: 1s !important;
}
.wrapperDetailFloorplan {
width: 90%;
}
.leftDetailsFloorplan {
display: flex;
flex-wrap: wrap;
align-items: center;
flex: auto;
}
.bottomInfoDetailsFloorplan {
width: 100%;
margin-top: 20px;
display: flex;
justify-content: space-around;
align-items: center;
}
.textBottomItemDetail {
margin-left: 10px;
font-size: 1.4rem;
}
.bottomItemDetail:nth-child(2) .textBottomItemDetail {
max-width: 38px;
overflow: hidden;
white-space: nowrap;
position: relative;
}
.bottomItemDetail:nth-child(3) .textBottomItemDetail {
max-width: 43px;
overflow: hidden;
white-space: nowrap;
position: relative;
}
.bottomItemDetail {
position: relative;
}
.bottomItemDetail:nth-child(2):before,
.bottomItemDetail:nth-child(3):before {
content: ".";
position: absolute;
bottom: 0;
left: 100%;
color: #464646;
}
.bottomItemDetail .bg-ct {
width: 15px;
height: 15px;
}
.greenBanner {
height: 50vh;
}
.imgDetailFloorplan {
display: none;
}
.mobileImgDetailFloorplan {
display: block;
width: 100%;
aspect-ratio: 1/1;
border-radius: 5px;
}
.sectionDetailFloorplan {
padding-top: 70px;
}
.detailFloorplanName {
margin-bottom: 5px;
}
.rightDetailsFloorplan {
display: none;
}
.communityArrows {
width: 100%;
transform: none;
top: calc(100% - 55px);
}
.arrowsGalleryPopUp {
position: fixed;
top: initial;
gap: 50px;
bottom: 20px;
}
.closeGalleryPopUp {
position: fixed;
top: 40px;
right: 5%;
bottom: initial;
width: 25px;
height: 25px;
}
.wrapperGallery {
height: 50%;
width: 90%;
}
.rowContactInfo {
margin-bottom: 10px;
}
.rowContactInfo .sitePargraph {
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
}
.locationContactLabel {
width: calc(100% - 30px);
}
.locationContactLabel {
margin: 0 0px 0 10px;
}
.liFooter.liFooterHead {
position: relative;
margin-bottom: 20px;
width: fit-content;
padding-right: 30px;
font-size: 1.4rem;
}
.withChildrenItems.liFooter.liFooterHead:before {
content: "";
width: 15px;
height: 15px;
position: absolute;
top: 50%;
margin-top: -10px;
right: 0px;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/arrow-white.svg);
transform: rotateX(180deg);
transition: all 0.25s ease-in-out;
}
.liFooter.liFooterHead.active:before {
transform: rotateX(0deg);
}
.miniSubtitle {
margin-bottom: 15px;
}
.slickParentLocation {
width: 100%;
}
.itemSlickLocation {
flex-wrap: wrap;
gap: 20px;
flex-direction: column-reverse;
}
.detail_community_page .communityNav.up {
top: 0;
} .fullMediaBlock {
aspect-ratio: 3/4;
}
.contentFullMediaBlock {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
gap: 20px;
transform: translateY(calc(100% + 20px));
}
.wrapperSplitBlock {
flex-wrap: wrap;
}
.imgSplitBlock {
width: 100%;
margin-bottom: 30px;
}
.textSplitBlock {
width: 100%;
}
.wrapperCurrentCommunities,
.infoCurrentCommunities {
flex-wrap: wrap;
}
.infoCurrentCommunities {
gap: 30px;
width: 100%;
}
.currentCommunitiesTitle,
.textInfoCurrentCommunities {
width: 100%;
}
.textInfoCurrentCommunities {
max-width: 100%;
}
.wrapperCurrentCommunities .primaryButton {
order: 3;
}
.currentCommunitiesCards {
width: 100%;
margin-top: 30px;
flex-wrap: wrap;
justify-content: center;
}
.innerCardItem {
width: 48%;
}
.wrapperUpcommingCommunities {
flex-wrap: wrap;
}
.currentCommunitiesSection.upcomingCommunities .infoCurrentCommunities {
width: 100%;
}
.upcomingCommunities .textInfoCurrentCommunities {
width: 85%;
max-width: initial;
}
.upcomingCommunities .primaryButton:last-of-type {
display: inline-block;
order: 3;
margin: 0 20%;
}
.upcomingCommunities .infoCurrentCommunities .primaryButton {
display: none;
}
.upcomingCommunities .currentCommunitiesCards {
width: 100%;
}
.overLightParagraph {
max-width: 100%;
text-align: left;
}
.containerSteps {
flex-wrap: wrap;
}
.stepBox {
width: 100%;
margin-bottom: 10px;
}
.wrapperNews {
width: 90%;
}
.subtitleAbout {
max-width: 100%;
width: 100%;
margin-bottom: 20px;
}
.wrapperSocial {
flex-wrap: wrap;
}
.followSocialSide {
width: 100%;
}
.gridSocialSide {
width: 100%;
}
.subtitleSocialMedia {
margin: 0 auto;
margin-bottom: 30px;
width: 90%;
}
.socialIconsSorbara {
margin: 0 auto;
}
.columnGrid {
margin-top: 0;
}
.wrapperContact {
width: 90%;
flex-wrap: wrap;
}
.imgSideContact {
width: 100%;
}
.contactImg {
width: 100%;
margin: 50px auto;
}
.fillFormText { width: 100%;
}
.siteForm {
width: 100%;
}  .bodyFooter {
flex-wrap: wrap;
justify-content: space-between;
margin-top: 40px;
}
.ulFooter {
width: 48%;
margin-bottom: 0px;
}
.leftSideMenu,
.rightSideMenu {
width: 100%;
height: 50%;
position: relative;
right: initial;
left: 0;
}
.leftSideMenu {
height: calc(50% + 1px);
}
.innerWrapperUlLeftSideMenu {
position: fixed;
top: 0;
left: 100%;
width: 100%;
height: 100%;
background-color: #f2f2f2;
z-index: 3;
transition: all 0.5s ease-in-out;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 10px;
padding: 30px 0;
overflow-y: auto;
}
.innerCardItem {
width: 80%;
margin-bottom: 30px;
}
.showInnerItemsMobile .innerWrapperUlLeftSideMenu {
left: 0;
}
.siteMenu,
.siteMenu.active {
transition: all 0.5s ease-in-out;
}
.registerButton {
display: none; }
.wrapperUpcommingCommunities {
width: 90%;
}
.innerTitleHero {
font-size: 4.5rem;
}
.subtitleHero {
font-size: 1.8rem;
}
.fullMediaSection {
padding-bottom: 30vh;
}
.subtitleResourcesSetpSection {
text-align: left;
font-size: 1.4rem;
}
.innerCommunityNav {
display: none;
}
.wrapperSplitBlock {
width: 90%;
}
.communityLogo {
margin: 0 auto;
margin-bottom: 20px;
}
.wrapperBandHeroBanner {
flex-wrap: wrap;
flex-direction: column;
text-align: center;
}
.wrapperBandHeroBanner .primaryButton {
position: absolute;
top: calc(100% + 5vh);
}
.detailHero {
margin-bottom: 0vh;
}
.noBandHero.detailHero ~ .communityNav {
margin-top: 0px;
}
.wrapperSplitBlock {
padding: 0;
}
.infoCommunityTop {
background-color: transparent;
justify-content: center;
margin-top: 7vh;
}
.groupInfoCommunityTop {
width: 90%;
padding: 20px 15px;
border-radius: 50px;
}
.splitBlock {
padding: 5vh 0;
}
.innerTextSplitBlock {
margin-bottom: 30px;
}
.wrapperDescCommunity {
flex-direction: column-reverse;
}
.floorplansCards {
flex-wrap: nowrap;
width: auto;
justify-content: flex-start;
padding-bottom: 0;
overflow-x: auto;
}
.floorplansCards::-webkit-scrollbar {
height: 7px;
}
.floorplansCards .communityCard {
width: 80vw;
flex: 1 0 auto;
}
.bigSpaceSection {
padding: 5vh 0;
}
.paragraphTextSection {
margin: 2.5vh 0;
}
.sectionNumbers {
padding-bottom: 5vh;
}
.noPaddingBottom {
padding-bottom: 0;
}
.numbersBoxes {
flex-wrap: wrap;
}
.numberBox {
width: calc(48% - 20px);
gap: 40px;
padding: 35px 30px;
}
.wrapperSplitBlock {
padding: 0;
}
.imgSplitBlock {
margin: 0;
}
.wrapperColumnsParagraphs {
width: 90%;
flex-wrap: wrap;
}
.sideParagraphs {
width: 100%;
margin-bottom: 30px;
}
.wrapperCommunities.map {
height: 80vh;
}
.communityCard {
margin: 15px 0;
}
.firstLabel {
width: calc(100% - 10px);
text-align: center;
}
.captureClickDropDown {
justify-content: flex-start;
width: 170px;
}
.labelFilterFloorplans {
width: 100%;
margin-bottom: 20px;
}
.sliderArea.sliderArea {
width: 100%;
margin-left: 0;
}
.filterGroup {
flex-wrap: wrap;
}
.wrapperFilterFloorplans {
padding: 90px 30px 50px;
}
.outerMinValue {
left: 0;
}
.outerMaxValue {
right: 0;
}
.dropdownFloorplans.active {
z-index: 1;
}
.dropdownsGroup {
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.dropdownBathsFloorplans {
margin-left: 0;
}
.currentCommunitiesSection.upcomingCommunities .infoCurrentCommunities {
width: 100%;
}
.upcomingCommunities .currentCommunitiesCards {
width: 75%;
}
.wrapperHero {
padding-bottom: 10vh;
}
.wrapperPopUpRegister {
width: 100%;
height: 100%;
}
.wrapperPopUpRegister .wrapperContact {
padding: 0 20px;
gap: 30px;
}
.wrapperPopUpRegister .imgSideContact,
.wrapperPopUpRegister .siteForm {
width: 100%;
}
.wrapperNews {
width: 80%;
}
.topFooter .socialIconsSorbara {
display: none;
}
.bodyFooter .socialIconsSorbara {
display: block;
margin-bottom: 50px;
gap: 30px;
}
.siteFooter .bodyFooter .iconSocial {
margin: 0 15px;
display: inline-block;
}
.rowContactInfo {
flex-wrap: wrap;
font-size: 1.4rem;
}
.fullMediaBlock:before {
background-color: transparent;
}
.subtitleBoxContact {
margin-bottom: 30px;
}
.sideMenu {
width: 100%;
padding: 10px 0;
position: sticky;
top: 59px;
left: 0;
backdrop-filter: blur(10px);
background-color: #ffffff8a;
mix-blend-mode: normal;
}
.sideNav {
margin-top: 0;
}
.sideItemNav {
margin-bottom: 0;
}
.newBox {
width: 100%;
}
.rightInfoTarionCard {
width: 100%;
}
.leftInfoTarionCard {
width: 100%;
}
.whiteCardTarion {
flex-direction: column;
}
.controllsSteps {
gap: 5px;
right: 0px;
bottom: -50px;
}
.labelStep {
display: none;
}
.stepsBuyingProcess.stepsBuyingProcess {
padding: 5vh 0;
background-image: none !important;
}
.wrapperStepsBuyingProcess {
flex-direction: column-reverse;
width: 100%;
padding: 0 5%;
}
.stepsList {
display: none;
left: 5%;
width: 110%;
padding: 0 0 0 5vh;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.stepItem {
margin-bottom: 0;
margin-right: 5vh;
}
.stepItem:before {
top: 50%;
margin-top: -0.5%;
left: 100%;
width: 5vh;
height: 1px;
transform: none;
}
.stepItem:first-of-type:after {
top: 50%;
margin-top: -0.5%;
right: 100%;
left: initial;
width: 5vh;
height: 1px;
transform: none;
}
.completeInfoStep {
width: 100%;
margin: 0 0 30px;
}
.siteTitle {
font-size: 3.5rem;
}
.wrapperFaqs {
width: 90%;
}
.questionFaq {
padding: 0;
}
.faqsSection {
padding: 5vh 0;
}
.imgPersonalization {
width: calc(50% - 15px);
transition-duration: 1s !important;
}
.imgDecorSelection {
width: 60%;
}
.wrapperDecorSelection {
flex-direction: column;
gap: 30px;
}
.wrapperDecorStudioInfo {
width: 100%;
flex-direction: column-reverse;
}
.infoHelpSec {
width: 100%;
}
.wrapperHelpSec {
flex-direction: column;
gap: 20px;
}
.homeBuyingProcessInfo {
padding-bottom: 60px;
}
.infoDecorStudio {
max-width: 90%;
margin-bottom: 60px;
text-align: left;
}
.decorSelectionSection {
width: 90%;
margin: 0 auto -20vh;
padding: 30px 0;
border-radius: 5px;
z-index: 1;
position: relative;
}
.personalizationSection.personalizationSection {
padding: 40vh 0 35vh;
}
.bigHorizontalLine:before {
right: initial;
left: 5%;
}
.titlePersonalization {
margin-left: 0;
}
.wrapperHaveQuestions {
flex-wrap: wrap;
}
.bigHorizontalLine {
left: -5%;
right: initial;
width: 110%;
}
.titleHaveQuestions {
width: 100%;
margin-bottom: 30px;
}
.infoHaveQuestions {
width: 40%;
}
.textHaveQuestion {
max-width: 100%;
}
.imgCustomCareCard {
width: 100%;
}
.infoCustomCareCard {
width: 100%;
padding: 30px;
text-align: center;
}
.customCareCard.row-reverse .infoCustomCareCard {
padding: 30px;
text-align: center;
}
.infoCustomCareCard .siteSubtitle {
font-size: 3.5rem;
}
.customCareCard {
width: 100%;
flex-direction: column-reverse;
}
.careerBox {
width: 100%;
}
.topCareersInfoBox {
flex-wrap: wrap;
}
.thirdHeadline {
font-size: 2.7rem;
width: 100%;
}
.wrapperAboutPage {
padding: 0;
}
.subtitleOurStory {
width: 100%;
margin-top: 30px;
}
.singleSubtitle {
margin-bottom: 5vh;
}
.topOurStory {
flex-direction: column-reverse;
width: 100%;
align-items: center;
}
.paragraphOurStory {
margin: 5vh 0;
}
.imgOurStory {
width: 75%;
}
.sideNav {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.sideItemNav {
text-align: center;
}
.wrapperRentalsTypes {
padding-bottom: 5vh;
}
.rentalsHelpSection {
padding: 5vh 0;
}
.rentalType {
width: 100%;
flex-direction: column;
padding: 0px 0 30px;
}
.imgRentalType,
.infoRentalType {
width: 100%;
}
.infoRentalType {
padding: 0 30px;
}
.imgRentalType {
width: 80%;
align-self: center;
aspect-ratio: 4/4;
margin-bottom: 30px;
}
.rightSideMenu,
.leftSideMenu {
padding: 50px 5%;
}
.leftSideMenu {
padding-top: 100px;
}
.active .rightSideMenu,
.active .leftSideMenu {
right: initial;
}
.ulRightSideMenu {
width: 100%;
margin-left: 0;
}
.innerWrapperUlLeftSideMenu {
position: relative;
top: initial;
left: initial;
background-color: #ffffff00;
}
.itemLeftSideMenu .innerWrapperUlLeftSideMenu {
display: none;
}
.mobilePrincipalCommunitiesContainer {
display: block;
position: absolute;
top: 0;
left: 100%;
width: 100%;
height: calc(100% - 68px);
z-index: 4;
padding-top: 100px;
background-color: #fff;
transition: all 0.5s ease-in-out;
}
.active.mobilePrincipalCommunitiesContainer {
left: 0%;
}
.mobilePrincipalCommunitiesContainer .wrapper {
height: 100%;
}
.backPrincipalCommunities {
width: 40px;
height: 40px;
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/returnMobile.svg);
border-radius: 50%;
cursor: pointer;
}
.innerMobileMenuInfo {
width: 100%;
flex-wrap: wrap;
height: 95%;
}
.mobilePrincipalCommunities {
width: 100%;
height: 95%;
display: none;
}
.mobilePrincipalCommunities.active {
display: block;
}
.mobilePrincipalCommunitiesContainer.current .currentMenuMobile {
display: block;
}
.mobilePrincipalCommunitiesContainer.upcoming .upcomingMenuMobile {
display: block;
}
.mobilePrincipalCommunitiesContainer.resources .resourcesMenuMobile {
display: block;
}
.mobilePrincipalCommunitiesContainer.commercial .commercialMenuMobile {
display: block;
}
.mobilePrincipalCommunitiesContainer.about .aboutMenuMobile {
display: block;
}
.mobilePrincipalCommunitiesContainer.resources .seeAllText,
.mobilePrincipalCommunitiesContainer.commercial .seeAllText,
.mobilePrincipalCommunitiesContainer.about .seeAllText,
.seeAllText {
display: none;
}
.seeAllText {
font-family: "MulishBold", serif;
}
.seeAllText.show {
display: block;
}
.upcomingMenuMobile .innerWrapperUlLeftSideMenu {
flex-wrap: wrap;
width: 100%;
flex-direction: row;
padding-top: 0;
}
.innerWrapperUlLeftSideMenu {
padding-top: 0;
}
.mobilePrincipalCommunitiesContainer .innerCardItem {
width: 100%;
}
.upcomingMenuMobile .innerCardItem {
aspect-ratio: 16/9;
}
.innerMenuMobile {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
flex-wrap: wrap;
width: 100%;
height: 100%;
flex-direction: column;
}
.itemInnerMenuMobile {
width: 100%;
}
.itemInnerMenuMobile a {
color: #7d8080;
font-size: 1.8rem;
}
.socialIconsSorbara {
margin-left: 0;
justify-content: flex-start;
}
.registerButton {
position: fixed;
bottom: 50px;
right: 5%;
}
.siteMenu.active .registerButton {
display: block;
z-index: 3;
}
.fullMediaSection .wrapper {
padding-bottom: 15vh;
}
.titleFullMediaBlock {
color: #464646;
}
.learnMore {
color: #707248;
font-size: 1.2rem;
margin-top: 15px;
}
.learnMore:before {
background-color: #707248;
}
.fullMediaSection {
padding-bottom: 10vh;
}
.infoCurrentCommunities {
justify-content: flex-start;
}
.innerCardItem {
width: 100%;
}
.currentCommunitiesSection {
padding: 10vh 0;
}
.textInfoCurrentCommunities {
max-width: 85%;
}
.moreInfoCommunity {
padding: 15px 20px;
}
.currentCommunitiesSection {
position: relative;
}
.currentCommunitiesSection:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 70vh;
background-color: #eceddb;
}
.upcomingCommunities:before {
background-color: #fff;
height: 83vh; }
.followSocialSide,
.gridSocialSide {
width: 100%;
}
.followSocialSide .siteSubtitles {
text-align: center;
}
.socialSection {
padding: 10vh 0;
}
.socialIconsSorbara {
margin: 0 auto;
justify-content: center;
}
.wrapperSocial {
display: block;
overflow: hidden;
}
.gridSocialSide {
margin-top: 50px;
overflow-x: auto;
display: block;
white-space: nowrap;
padding-left: 20px;
padding-right: 20px;
}
.gridSocialSide::-webkit-scrollbar {
height: 5px;
}
.columnGrid {
width: auto;
display: inline-block;
}
.itemColumnGrid {
width: 75vw;
margin: 0 5px 0px;
display: inline-block;
border-radius: 5px;
}
.columnGrid a:first-of-type .itemColumnGrid {
margin-left: 0;
}
.columnGrid a:last-of-type .itemColumnGrid {
margin-right: 0;
}
.wrapperContact {
flex-wrap: wrap;
}
.imgSideContact {
width: 100%;
}
.siteForm {
width: 100%;
}
.contactImg {
margin-top: 30px;
}
.content-left .titleHero {
max-width: 60%;
}
.wrapperAllCommunities {
padding-top: 10vh;
}
.containerCommunitiesCards {
padding: 5vh 0 0;
margin-bottom: 5vh;
transition: all 0.5s ease-in-out;
}
.map .containerCommunitiesCards {
opacity: 0;
}
.content-left .scrollMouse {
top: calc(100% + 25px);
width: 20px;
height: 35px;
margin-top: 10px;
}
.controlsCommunities {
position: relative;
padding-bottom: 15px;
padding-top: 0;
}
.communititesTypes {
position: absolute;
top: -7px;
left: 0;
width: auto;
max-height: 57px;
overflow: hidden;
flex-direction: column;
justify-content: flex-start;
align-content: flex-start;
align-items: flex-start;
z-index: 1;
gap: 0;
border-radius: 5px;
min-width: 200px;
transition: all 0.5s ease-in-out;
}
.communititesTypes.open {
max-height: 400px;
}
.communititesTypes:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 62px;
display: block;
background-color: transparent;
z-index: 3;
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/arrow-grey-down.png);
background-position: 100% 50%;
background-repeat: no-repeat;
background-size: 10px;
transform: none;
transition: all 0.25s ease-in-out;
}
.communititesTypes.open:before {
transform: rotateX(180deg);
}
.controlsCommunities {
border-bottom: none;
}
.communityType {
order: 1;
width: 100%;
background-color: #fff;
padding: 20px 20px;
margin: -1px 0;
transform: none;
}
.communityType.active {
order: 0;
background-color: transparent;
pointer-events: none;
}
.communityType.active::before {
display: none;
}
.wrapperAllCommunities {
overflow: initial;
}
.wrapperAllCommunities .wrapper {
overflow: initial;
width: 100%;
}
.communityCard {
width: calc(50% - 15px);
}
.contactSection {
padding: 5vh 0;
} .wrapperCommunities.map {
overflow: initial;
}
.containerCommunitiesMap {
position: relative;
opacity: 0;
transition: all 0.5s ease-in-out;
}
.map .containerCommunitiesMap {
opacity: 1;
}
.containerListCommunititesCards {
position: absolute !important;
width: 110%;
height: 100%;
z-index: 1;
background-color: #f2f2f2;
box-shadow: 0px -5px 9px #0000002b;
border-radius: 25px 25px 0 0;
overflow: hidden;
max-height: 50px;
bottom: 0;
left: -5%;
overflow-y: auto;
}
.containerListCommunititesCards .communityCard.active .communityCardInfo {
background-color: transparent;
}
.containerListCommunititesCards .communityCard.active .communityCardFeatures {
color: #464646;
}
.containerListCommunititesCards .communityCard.active:not(.land) .pinIcon {
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/pin-dark.svg);
}
.containerListCommunititesCards .communityCard.active .sizeIcon {
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/area-green.svg);
width: 15px;
height: 15px;
}
.containerListCommunititesCards .communityCardName {
display: none;
}
.containerListCommunititesCards
.active
.communityCardName.communityCardNameMobile {
display: block;
color: #a5a97a;
padding: 15px 0px;
width: 80%;
left: 10%;
position: relative;
}
.closeListMobile {
position: absolute;
top: 30px;
right: 10%;
width: 20px;
height: 2px;
background-color: #a5a97a;
cursor: pointer;
z-index: 5;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: all 0.5s ease-in-out;
}
.listActivedMobile .closeListMobile {
opacity: 1;
pointer-events: all;
visibility: visible;
}
.closeListMobile:before {
content: "";
width: 50px;
height: 50px;
background-color: #ffffff00;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
.containerListCommunititesCards .communityCard.active .communityCardFeatures {
border: none;
margin-top: 0;
padding-top: 0;
overflow: hidden;
transition: all 0.25s ease-in-out;
}
.containerListCommunititesCards
.communityCard.land.active
.communityCardFeatures {
max-height: 57px;
}
.containerListCommunititesCards
.communityCard.active
.showText
.communityCardFeatures {
max-height: 255px;
overflow-y: auto;
}
.communititesMap {
width: 100%;
}
.communityType {
font-size: 1.6rem;
}
.communitiesView {
margin-left: auto;
right: 5%;
margin-bottom: 0;
top: 0px;
font-size: 0rem;
background-color: #fff;
padding: 2.55px;
border-radius: 5px;
}
.viewCommunitiesButton {
font-size: 0rem;
width: 30px;
height: 30px;
padding: 0;
border-radius: 5px;
background-size: 50%;
background-repeat: no-repeat;
background-position: center center;
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/grid-white.png);
}
.map .viewCommunitiesButton {
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/grid-green.png);
}
.viewCommunitiesButton.mapButton {
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/location.png);
}
.map .viewCommunitiesButton.mapButton {
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/pin-white.svg);
}
.communitiesView:before {
border-radius: 5px;
height: calc(100% - 5px);
width: calc(50% - 4px);
top: 2.5px;
left: 2.5px;
}
.containerCommunitiesMap {
padding-top: 5vh;
}
.bandHeroBanner {
height: auto;
padding: 5vh 0;
}
.content-left .wrapperHero {
padding-bottom: 10vh;
}
.heroSection.wrapper .bandHeroBanner {
height: auto;
padding: 0 0 5vh;
}
.heroSection.wrapper .wrapperBandHeroBanner {
align-items: flex-start;
width: 100%;
}
.heroSection.wrapper .wrapperBandHeroBanner .primaryButton {
position: relative;
top: initial;
margin-top: 20px;
}
.heroSection.wrapper .heroImage {
background-size: 100% calc(100% - 170px);
background-position: top center;
background-color: transparent;
}
.heroSection.wrapper .fullMediaBlock {
height: auto;
margin-bottom: 0;
aspect-ratio: initial;
padding-top: 55vh;
background-image: none !important;
}
.heroSection.wrapper .fullMediaBlock:first-of-type {
margin: 0 auto 0;
}
.splitBlock.splitBlock ~ .textSection.bigSpaceSection {
padding: 5vh 0 0;
}
.heroSection.wrapper ~ .textSection.bigSpaceSection {
padding: 0;
}
.heroSection.wrapper .fullMediaBlock.bannerNoText {
margin-bottom: 0;
}
.heroSection.wrapper .fullMediaBlock .wrapper {
position: relative;
} .heroSection.wrapper .heroImage .subtitleHero {
color: #464646;
}
.fullMediaBlock:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 50vh;
background-image: var(--imageBanner);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
border-radius: 5px;
}
.heroSection.wrapper .wrapperHero {
padding-bottom: 0;
width: 100%;
}
.heroSection.wrapper .wrapperHero .titleHero {
color: #a5a97a;
max-width: 100%;
}
.siteParagraph {
max-width: 100%;
}
.wrapperSlickDetailCommunity .wrapper {
width: 100%;
}
.wrapperSplitBlock {
gap: 70px;
}
.wrapperSplitBlock {
padding: 0vh 0 0;
}
.splitBlock ~ .splitBlock,
.splitBlock ~ .splitBlock .wrapperSplitBlock {
padding-top: 15px;
}
.floorpansSection {
padding-top: 5vh;
}
.completeSection .imgSideContact {
width: 100%;
}
.locationCommunitySec {
padding: 5vh 0;
}
.wrapperCommunityLocation {
flex-direction: column;
gap: 50px;
align-items: center;
}
.locationInMapCommunity,
.infoLocationCommunity {
width: 100%;
}
.siteSubtitle {
font-size: 3rem;
line-height: 1.2;
}
.slickSection {
padding-bottom: 130px;
}
.innerCommunityNav {
flex-direction: column;
max-height: 40px;
justify-content: flex-start;
align-items: center;
gap: 0;
overflow: hidden;
display: flex;
transition: all 0.5s ease-in-out;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0%;
cursor: default;
width: 200px;
border-radius: 0 0 5px 5px;
}
.innerCommunityNav::after {
content: "";
position: absolute;
top: 5px;
left: 0;
width: 100%;
height: 42px;
z-index: 1;
display: block;
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/arrow-green.png);
background-size: 13px;
background-position: 88% 45%;
background-repeat: no-repeat;
transform: rotateX(180deg);
}
.innerCommunityNav.hover::after {
transform: rotateX(0deg) translateY(5px);
}
.innerCommunityNav.hover {
max-height: 80vh;
overflow-y: auto;
}
.itemCommunityNav {
padding: 12px;
order: 1;
background-color: #f2f2f2;
width: 100%;
text-align: right;
transform: none;
}
.itemCommunityNav:not(.active):first-of-type {
border-radius: 5px 5px 0 0;
}
.itemCommunityNav.active {
order: 0;
pointer-events: none;
background-color: #f2f2f200;
height: 35px;
justify-content: center;
align-items: center;
display: flex;
flex: 1 0 auto;
padding: 0;
}
.wrapperCommunityNav {
align-items: flex-start;
}
.communityNav {
margin-top: 150px;
padding: 10px 0;
}
.detail_community_page .communityNav {
top: 59px;
}
.detail_community_page .communityNav.up {
top: 0;
}
.siteMain .communityNav:first-child ~ .heroSection:first-of-type {
margin-top: -35px;
}
.siteMain .communityNav:first-child ~ .bigSpaceSection:first-of-type {
margin-top: 35px;
}
.floorpansSection {
padding-top: 130px;
}
.infoCommercialIndustrialCard {
margin-left: 0;
}
.newsSection .readMoreNew {
margin-top: 0;
}
.splitBlock .primaryButton {
display: block;
margin: 10px auto;
width: fit-content;
}
.topBandSlick .primaryButton {
display: block;
margin: 10px auto;
width: fit-content;
}
.wrapperTextSection {
width: 90%;
}
.wrapperTextSection > p {
text-align: left;
}
.row-reverse .paragraphCustomCareCard {
text-align: center;
}
.wrapperCurrentCommunities {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.helpStepsSection {
padding: 10vh 0;
}
.miniSubtitleSplitBlock {
font-size: 1.4rem;
}
.infoCurrentCommunities {
margin-bottom: 30px;
}
.newsSection .iconArrow {
width: 10px;
height: 10px;
}
.dateNew {
font-size: 1.3rem;
margin-bottom: 0;
}
.titleNew {
margin-top: 10px;
}
.aboutMiniTitle {
font-size: 1.4rem;
}
.wrapperBigImageSection .subtitleAbout {
font-size: 3.6rem;
margin: 20px 0 40px;
}
.columnGrid a {
display: inline-block;
}
.checkboxForm {
margin-right: 5px;
}
.innerUlFooterMobile {
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.liFooter.active ~ .innerUlFooterMobile {
margin-bottom: 20px;
}
.containerListCommunititesCards .communityCard {
display: none;
}
.containerListCommunititesCards .communityCard.active {
display: block;
top: initial !important;
bottom: 0;
margin: 0;
position: relative !important;
}
.containerListCommunititesCards .communityCardImg {
width: 80%;
margin: 0 auto;
aspect-ratio: 4/3;
}
.containerListCommunititesCards .communityCardInfo {
padding: 20px 0;
width: 80%;
margin: 0 auto;
}
.containerListCommunititesCards .land.active .communityCardInfo {
top: initial;
bottom: 0;
height: auto;
background-color: #fff;
left: 10%;
width: 80%;
border-radius: 25px 25px 0 0;
box-shadow: 0 -1px 3px #0000000d;
padding: 20px 20px 30px;
display: block;
}
.containerListCommunititesCards .land.active .communityCardImg {
margin-bottom: 90px;
}
.containerListCommunititesCards .land .communityCardFeatures {
width: 100%;
padding-right: 0;
}
.containerListCommunititesCards .land .arrowLandCommunity {
top: initial;
left: 5%;
bottom: 25px;
width: auto;
height: auto;
transform: none;
border: none;
border-radius: 0px;
}
.containerListCommunititesCards .land.active .arrowLandCommunity {
transform: none;
}
.containerListCommunititesCards .land .arrowLandCommunity:after {
content: "...read more";
position: absolute;
margin-top: 0;
height: auto;
width: auto;
left: 0;
top: 0;
background-color: transparent;
color: #a5a97a;
font-family: "MulishBold", serif;
display: block;
opacity: 1;
transition: all 0.25s ease-in-out;
}
.containerListCommunititesCards .land .showText .arrowLandCommunity:after {
opacity: 0;
}
.containerListCommunititesCards .land .arrowLandCommunity:before {
content: "...read less";
position: absolute;
margin-top: 0;
height: auto;
width: auto;
left: 0;
top: 0;
background-color: transparent;
color: #a5a97a;
font-family: "MulishBold", serif;
display: block;
opacity: 0;
transition: all 0.25s ease-in-out;
}
.containerListCommunititesCards .land .showText .arrowLandCommunity:before {
opacity: 1;
}
.containerListCommunititesCards .land .communityCardHomesTypes {
display: block;
width: 100%;
}
.land.active .communityCardInfo .toggleInfo {
width: 100%;
padding: 0;
position: relative;
top: initial;
left: initial;
right: initial;
bottom: initial;
overflow: hidden;
max-height: initial;
}
.containerListCommunititesCards .land .innerHomesTypes:not(.toggleInfo) {
display: none;
}
.containerListCommunititesCards {
height: auto !important;
min-height: 50px;
overflow-y: hidden;
}
.containerListCommunititesCards.listActivedMobile {
overflow-y: auto;
}
.miniSubtitle {
font-size: 1.3rem;
}
.infoLocationCommunity {
width: 80%;
}
.iconNumberBoxes {
width: 45px;
height: 45px;
}
.splitBlock .communityArrows {
top: 100%;
width: 40%;
z-index: 1;
}
.communityArrows button {
width: 50px;
height: 50px;
}
.communityArrows button:first-of-type {
margin-left: 0;
}
.containerCommunitiesCards .communityCard {
width: 100%;
transform: none;
}
.filterFloorplansMobile {
display: flex;
font-size: 1.4rem;
position: relative;
}
.stepsList {
display: block;
width: 100%;
padding: 0 0 0 30px;
left: 0;
}
.stepItem.stepItem {
width: 100%;
border: none;
background-color: #f2f2f2;
margin-bottom: 20px;
height: auto;
margin-right: 0;
border-radius: 5px;
padding: 30px;
transform: none;
opacity: 1;
transition-duration: 1s !important;
}
.stepItem.stepItem {
cursor: default;
}
.stepItem:before {
top: 0%;
transform: none;
margin: 0;
margin-top: 0%;
transform: none;
height: calc(100% + 20px);
left: -30px;
width: 1px;
background-color: #a5a97a;
}
.stepItem.stepItem .stepText.stepText {
position: relative;
top: initial;
left: initial;
transform: none;
margin: 0 auto 10px;
padding: 0;
text-align: left;
opacity: 1;
visibility: visible;
color: #464646;
text-transform: uppercase;
letter-spacing: 2px;
font-family: "MulishExtra", serif;
font-size: 1.4rem;
}
.stepItem .stepText.stepText {
opacity: 1;
visibility: visible;
}
.stepItem .labelStep.labelStep {
position: relative;
left: initial;
top: initial;
margin: 0;
opacity: 1;
visibility: visible;
display: block;
white-space: normal;
transform: none;
right: initial;
color: #a5a77b;
font-family: "MulishBold", serif;
font-size: 2rem;
display: none;
}
.stepsinfo:before {
content: attr(data-title);
position: relative;
left: initial;
top: initial;
margin: 0;
opacity: 1;
visibility: visible;
display: block;
white-space: normal;
transform: none;
right: initial;
color: #a5a77b;
font-family: "MulishBold", serif;
font-size: 2rem;
margin-bottom: 20px;
}
.stepItem:after,
.stepItem:first-of-type:after {
content: "";
display: block;
position: absolute;
top: 50%;
left: -30px;
width: 15px;
height: 15px;
margin-top: -15px;
margin-left: -6.5px;
border: 1px solid #a5a97a;
border-radius: 50%;
background-color: #fff;
}
.stepItem.active:after {
background-color: #a5a97a;
}
.completeInfoStep {
display: none;
}
.stepsinfo {
color: #464646;
display: block;
margin-top: 0px;
max-height: 0px;
overflow: hidden;
font-size: 1.6rem;
transition: all 0.25s ease-in-out;
}
.stepItem.active .stepsinfo {
max-height: 200vh;
}
.stepsinfo ul {
margin-bottom: 30px;
list-style-type: disc;
padding-left: 20px;
}
.stepsinfo p {
margin-bottom: 15px;
}
.stepsinfo a {
background-color: #a5a77b;
padding: 10px 5px;
color: #fff;
font-family: "MulishBold", serif;
text-align: center;
display: block;
margin: 0 auto 15px;
border-radius: 35px;
}
.stepItem:first-of-type::before {
top: 50%;
}
.stepItem:last-of-type::before {
display: block;
height: 50%;
}
.fullMediaSection .wrapper {
width: 100%;
}
.fullMediaBlock {
margin: 0 20px;
}
.wrapperSocial {
width: 100%;
}
.topInfoDetailsFloorplan {
margin-bottom: 10px;
}
.bottomInfoDetailsFloorplan {
margin-top: 10px;
}
.locationInMapCommunity {
aspect-ratio: 4/4;
}
.content-left .innerTitleHero {
font-size: 4rem;
}
.content-left .wrapperHero .innerTitleHero {
font-size: 3.6rem;
}
.imgSplitBlock .mobileButtonSplitBlock {
display: none;
}
.mobileButtonSplitBlock {
display: inline-block;
margin-top: 20px;
position: relative;
top: 0;
left: initial;
transform: none;
}
.buttonsCareerBox {
display: none;
}
.buttonsCareerBoxMobile {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 10px;
}
.logo {
overflow: hidden;
}
.wrapperUlLeftSideMenu > .seeAllCommunities {
display: none;
}
.itemLeftSideMenu a {
padding-right: 20px;
position: relative;
}
.itemLeftSideMenu.withMobileChilds a:before,
.textItemLeftSideMenu.withMobileChilds a:before {
content: "";
position: absolute;
top: 50%;
right: 0;
margin-top: -5px;
width: 10px;
height: 10px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/arrow-green.png);
transform: rotateZ(90deg);
}
.labelItemRightSideMenu .moreMenu {
width: 10px;
height: 10px;
background-color: transparent;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/img/arrow-green.png);
transform: rotateZ(90deg);
}
.labelItemRightSideMenu .moreMenu:before {
display: none;
}
.labelItemRightSideMenu {
gap: 10px;
}
.allCommunities .wrapper {
width: 100%;
}
.allCommunities .containerCommunitiesCards {
position: relative;
padding-left: 5vw;
}
.allCommunities .containerCommunitiesCards:before {
content: "";
position: absolute;
top: 0;
left: -5%;
width: 110%;
height: 100%;
background-color: #00000055;
z-index: 1;
opacity: 0;
visibility: hidden;
transition: all 0.25s ease-in-out;
}
.allCommunities .containerCommunitiesCards.active:before {
opacity: 1;
visibility: visible;
}
.allCommunities .containerCommunitiesMap {
position: relative;
}
.allCommunities .containerCommunitiesMap:before {
content: "";
position: absolute;
top: 0;
left: -5%;
width: 110%;
height: 100%;
background-color: #00000055;
z-index: 1;
opacity: 0;
visibility: hidden;
transition: all 0.25s ease-in-out;
}
.allCommunities .containerCommunitiesMap.active:before {
opacity: 1;
visibility: visible;
}
.wrapperCommunities {
justify-content: space-around;
}
.containerCommunitiesCards .communityCard {
width: 90%;
}
.communititesMap {
width: 90%;
margin-left: 5%;
}
.innerWrapperUlLeftSideMenu .moreInfoCommunity {
font-size: 1.4rem;
}
.rentalTypeName {
font-size: 2.4rem;
}
.labelInfoContact {
display: block;
}
.valueInfoContact {
display: block;
margin-top: 10px;
}
.rentalTypeInfo {
align-items: flex-start;
}
.specialNew .miniSubtitleNew {
margin-bottom: 16px;
}
.specialNew .subtitleNew {
font-size: 3.2rem;
line-height: 1.2;
}
.specialNew .transparentButton {
display: inline-block;
}
.specialNew .infoCommunityNew {
margin-bottom: 40px;
}
.specialNew .infoNew {
padding: 36px 30px;
}
.returnAllNewsBlock {
margin-top: 5vh;
}
.specialNew.newBox {
margin-bottom: 55px;
}
.borderButtomMobile {
position: absolute;
bottom: -42.5px;
left: 0;
width: 50px;
height: 5px;
background-color: #464646;
border-radius: 5px;
}
.specialNew.newBox:after {
content: "";
position: absolute;
bottom: -41px;
left: 0;
width: 100%;
height: 1px;
background-color: #464646;
} .currentMenuMobile .seeAllText,
.upcomingMenuMobile .seeAllText {
display: block;
}
.titleSplitBlock {
margin: 20px 0;
font-size: 4rem;
}
.wrapperPersonalizationImages {
gap: 14px;
}
.wrapperDecorSelection .primaryButton {
position: absolute;
top: calc(100% + 30px);
}
.communityNameDetail {
font-size: 1.6rem;
line-height: 1;
max-width: calc(100% - 85px);
min-height: 35px;
display: flex;
justify-content: center;
align-items: center;
}
.wrapperUpcommingCommunities .innerWrapperUlLeftSideMenu .locationCommunity {
font-size: 1.3rem;
}
.siteLogoFooter {
width: 150px;
margin: 0 auto;
}
.floorplansCards {
padding-top: 0;
}
.content-left .innerTitleHero,
.innerTitleHero {
line-height: 1.2;
}
.filterFloorplansMobile .filterText,
.filterFloorplansMobile .clearText {
font-family: "MulishBold", serif;
}
.filterFloorplansMobile ~ .containerCommunitiesCards .communityCard {
width: 100%;
}
.wrapperSlickDetailCommunity .communityArrows {
margin-top: 20px;
}
.textNew {
min-height: initial;
}
.slickSection {
padding-bottom: 20px;
}
.slickSection .primaryButton {
display: block;
width: fit-content;
margin: 30px auto 10px;
position: relative;
}
.topBandSlick .primaryButton {
display: none;
}
.groupInfoCommunityTop:first-of-type .featuresCommunityGroup {
display: none;
}
.groupInfoCommunityTop.deskShow {
display: none;
}
.groupInfoCommunityTop.mobileShow {
display: block;
}
.mobileShow {
display: flex;
}
.splitDecorStudio {
padding-bottom: 100px;
}
.imgThankyou {
width: 80%;
}
.splitBlock .slickParentLocation .slick-track {
height: 100%;
overflow: hidden;
}
.splitBlock .communityArrows {
transform: none;
}
.wrapper.heroSection ~ .slickSection {
padding-top: 0;
}
.smallSpaceSection.columnsParagraphs {
padding: 0;
}
.textSection .primaryButton {
margin-bottom: 5vh;
}
.smallSpaceSection.columnsParagraphs .subtitleColumnsParagraphs {
margin: 0 auto 25px;
width: 90%;
text-align: left;
font-size: 3.6rem;
}
.textSection .siteSubtitle {
text-align: left;
font-size: 3.6rem;
}
.answerFaq {
padding-right: 0;
}
.itemSlickCommunity {
height: 240px;
}
.imgSideContact.t-center .fillFormText {
margin: 0 auto;
margin-top: 20px;
width: 70%;
}
.fillFormText {
margin-top: 20px;
width: 70%;
}
.textSplitBlock .siteSubtitles {
font-size: 3rem;
}
.wrapperPopUpRegister .imgSideContact.t-center .fillFormText,
.wrapperPopUpRegister .imgSideContact .fillFormText {
width: 70%;
margin: 0;
text-align: left;
order: 2;
}
.registerPopUp .imgSideContact {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
}
.registerPopUp .contactImg {
margin: 0 auto 30px;
order: 0;
width: 90%;
}
.wrapperPopUpRegister .subtitleContact {
order: 1;
text-align: left;
line-height: 1;
margin-bottom: 30px;
}
[data-aos="go-right"] {
opacity: 0;
}
[data-aos="go-right"].aos-animate {
opacity: 1;
}
[data-aos="go-left"] {
opacity: 0;
}
[data-aos="go-left"].aos-animate {
opacity: 1;
}
.firstPadding.firstPadding{
padding-top: 70px;
padding-bottom: 0;
}
.topDetailNewGreen.topDetailNewGreen{
padding: 15vh 0;
}
}
@media only screen and (max-width: 520px) {
.current .communityCardFeatures {
min-height: initial;
}
.textCheckBox {
font-size: 1.2rem;
}
.upcomingCommunities:before {
height: 100vh;
}
.backArrow {
width: 20px;
height: 20px;
}
.infoCommercialIndustrialCard .siteSubtitle {
font-size: 2.3rem;
}
.contactBox {
padding: 30px;
}
.upcomingCommunities .currentCommunitiesCards {
width: 100%;
}
.wrapperCurrentCommunities .innerCardItem {
width: 100%;
} .communityNameDetail {
font-size: 1.2rem;
top: 0px;
position: relative;
}
.liFooter.liFooterHead {
min-height: 25px;
}
.logo {
width: 100px;
}
.menuText {
display: none;
}
.residentialMenuTitle {
display: none;
}
.wrapperUlLeftSideMenu {
height: 100%;
}
.itemLeftSideMenu {
margin-bottom: 20px;
}
.leftSideMenu {
padding-top: 70px;
padding-left: 5%;
}
.rightSideMenu {
padding-top: 30px;
justify-content: flex-start;
}
.ulRightSideMenu {
height: calc(100% - 20px);
margin-left: 0%;
}
.rightSideMenu .socialIconsSorbara {
width: 50%;
margin: 0 0 0 5%;
gap: 10px;
}
.iconSocial {
width: 25px;
height: 25px;
border: none;
}
.stepBox {
width: 100%;
}
.siteSubtitles {
font-size: 3.2rem;
}
.new {
margin: 0 10px;
}
.ctasNews {
width: 100%;
}
.fillFormText {
max-width: 100%;
}
.subtitleHelpSteps {
margin-bottom: 25px;
}
.overLightParagraph {
margin-bottom: 40px;
}
.wrapperContact {
gap: 50px;
}
.ulFooter {
width: 100%;
}
.innerTitleHero {
font-size: 3.5rem;
}
.titleHero {
height: auto;
}
.seeAllCommunities {
font-size: 1.2rem;
}
.wrapperFilterFloorplans {
justify-content: flex-start;
}
.copyText {
font-size: 1.2rem;
line-height: 1.6;
}
.questionFaq {
font-size: 1.8rem;
}
.infoHaveQuestions {
width: 100%;
}
.innerCompleteInfoStep {
padding: 25px;
}
.innerCompleteInfoStep a.noclases {
text-align: center;
}
.infoBuyingProcessInfo {
max-width: 100%;
font-size: 1.6rem;
}
.iconArrow {
margin-left: 10px;
}
.readMoreNew {
font-size: 1.5rem;
}
.new {
margin: 0 5px;
}
.wrapperNews {
width: 90%;
}
.itemLegal {
padding: 0 15px 0 0;
margin: 0 15px 10px 0;
}
.whiteCardTarion {
padding: 30px;
}
.titleStep {
font-size: 2.5rem;
line-height: 1.3;
}
.imgRentalType {
width: 100%;
margin-top: 0%;
}
.rightSideMenu,
.leftSideMenu {
padding-top: 50px;
}
.logo img:last-of-type {
top: -31.61px;
}
.rightSideMenu .socialIconsSorbara {
margin: 15px 0 0;
justify-content: flex-start;
}
.registerButton {
bottom: 20px;
padding: 10px 20px;
}
.mobilePrincipalCommunitiesContainer {
padding-top: 70px;
}
.labelItemRightSideMenu {
font-size: 1.4rem;
}
.textItemLeftSideMenu,
.itemLeftSideMenu {
font-size: 1.6rem;
}
.itemRightSideMenu {
margin-bottom: 20px;
}
.contentFullMediaBlock {
gap: 10px;
}
.fullMediaSection .slick-dots {
top: 110px;
position: relative;
}
.titleFullMediaBlock {
font-size: 2rem;
line-height: 1.2;
}
.fullMediaSection .wrapper {
padding-bottom: 150px;
}
.fullMediaSection {
padding: 5vh 0;
}
.splitBlock {
padding: 10vh 0;
}
.upcomingCommunities .innerCardItem {
aspect-ratio: 15/8;
}
.helpStepsSection {
padding: 10vh 0;
}
.siteSubtitles {
font-size: 3.6rem;
line-height: 1.2;
}
.overLightParagraph,
.inputForm,
.selectForm {
font-size: 1.6rem;
}
.bodyFooter {
padding-bottom: 0px;
}
.communityCard {
width: 100%;
}
.content-left .titleHero {
max-width: 100%;
}
.innerTitleHero {
font-size: 2.8rem;
}
.subtitleHero {
font-size: 1.8rem;
}
.imgSideContact.t-center .fillFormText {
margin: 0 auto;
margin-top: 20px;
width: 70%;
}
.fillFormText {
margin-top: 20px;
width: 70%;
}
.socialMediaFooter {
display: none;
}
.communityType {
padding: 12.5px 20px;
}
.communityType.active {
padding: 19px 20px;
}
.content-left .scrollMouse {
top: calc(90% + 10px);
}
.viewVideo {
font-size: 1.2rem;
}
.registerButton,
.primaryButton,
.secondaryButton,
.lightButton {
padding: 10px 20px;
}
.groupInfoCommunityTop {
font-size: 1.3rem;
padding: 15px 10px;
}
.subtitleHero {
font-size: 1.4rem;
}
.heroSection.wrapper .wrapperBandHeroBanner {
padding: 0;
}
.communityArrows {
top: calc(100% + 25px);
}
.communityArrows button {
width: 40px;
height: 40px;
margin: 0 10px;
}
.nameImgCommunitySlick {
font-size: 1.6rem;
text-align: center;
}
.wrapperSplitBlock {
gap: 20px;
padding: 0vh 0;
}
.infoCommunityTop {
width: 90%;
padding: 0;
margin: 90px auto 0;
border-radius: 0;
}
.groupInfoCommunityTop {
width: 100%;
justify-content: center;
align-items: center;
text-align: center;
gap: 25px;
}
.splitBlock {
padding: 5vh 0;
}
.innerCommunityNav {
width: 140px;
top: 0;
transform: translateY(0);
padding-top: 10px;
}
.itemCommunityNav {
padding: 12px;
text-align: center;
}
.slickParentLocation {
margin-top: 25px;
}
.splitBlock .slickParentLocation {
margin-top: 0;
}
.splitBlock .slickParentLocation .itemSlickLocation {
flex-direction: column;
height: auto;
flex-wrap: nowrap;
}
.splitBlock .slickParentLocation .itemSlickLocation .imgSplitBlock {
order: 0;
}
.splitBlock .slickParentLocation .itemSlickLocation .textSplitBlock {
order: 1;
}
.splitBlock.splitBlock {
padding: 5vh 0 10vh;
}
.splitBlock.splitNotChildren {
padding-bottom: 0vh;
}
.floorpansSection {
padding-top: 50px;
}
.numberBox {
width: 100%;
}
.siteSubtitle {
font-size: 2.8rem;
}
.floorpansSection .siteSubtitle {
font-size: 3.6rem;
}
.communityNameDetail {
font-size: 1.6rem;
line-height: 1;
max-width: calc(100% - 85px);
min-height: 35px;
display: flex;
justify-content: center;
align-items: center;
}
.floorpansSection {
padding-top: 90px;
}
.innerTextSplitBlock,
.textInfoCurrentCommunities,
.infoTextStep {
font-size: 1.6rem;
}
.imgOurStory {
width: 100%;
}
.paragraphOurStory {
margin: 2.5vh 0;
}
.questionFaq.siteSubtitle {
font-size: 2.2rem;
margin-bottom: 0;
}
.subtitleAffiliations {
font-size: 2.5rem;
}
.itemFaq {
padding: 15px 0;
}
.questionsAffiliations ~ .splitBlock .wrapperSplitBlock {
flex-direction: column-reverse;
}
.subtitleAffiliations {
margin-bottom: 20px;
}
.helpStepsSection {
padding: 5vh 0;
}
.siteParagraph {
font-size: 1.6rem;
line-height: 1.6;
}
.siteParagraph.bannersec {
max-width: 100%;
}
.subtitleHelpSteps {
margin-bottom: 20px;
}
.pargraphCareers:first-of-type {
margin-top: 0;
}
.imgPersonalization {
width: 100%;
}
.imgDecorSelection {
width: 90%;
}
.leftSideMenu {
padding-top: 70px;
}
.mobileButtonSplitBlock.mobileButtonSplitBlock {
margin-top: 20px;
}
}
@media only screen and (min-width: 768px) {
.heroSection.wrapper .wrapperHero .titleHero {
color: #fff !important;
}
.heroSection.wrapper .wrapperHero .subtitleHero {
color: #fff !important;
}
.heroSection.wrapper .wrapperHero .innerTextSplitBlock {
color: #fff !important;
}
}