.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}@font-face{
font-family: 'MulishExtra';
src: url(//sorbara.com/wp-content/themes/sorbara-website/fonts/Mulish-ExtraBold.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face{
font-family: 'MulishBold';
src: url(//sorbara.com/wp-content/themes/sorbara-website/fonts/Mulish-Bold.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face{
font-family: 'MulishMedium';
src: url(//sorbara.com/wp-content/themes/sorbara-website/fonts/Mulish-Medium.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face{
font-family: 'MulishRegular';
src: url(//sorbara.com/wp-content/themes/sorbara-website/fonts/Mulish-Regular.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}*,
*:before,
*:after {
box-sizing: border-box;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
:root {
font-size: 62.5%;
}
body {
line-height: 1;
font-size: 1.6rem;
font-family: "MulishMedium", serif;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a {
color: white;
text-decoration: none;
}
button {
background-color: transparent;
border: none;
outline: none;
}
textarea {
resize: none;
}
*::placeholder, input, select {
font-family: "MulishMedium", serif;
} .siteMain{
overflow-x: hidden;
}
.section{
overflow-x: hidden;
} .bg-ct {
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
.bg-cv {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.bg-complete {
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center center;
}
.bg-fixed {
background-attachment: fixed;
} .ob-ct {
object-fit: contain;
}
.ob-cv {
object-fit: cover;
} .flex {
display: flex;
}
.wrap {
flex-wrap: wrap;
}
.a-s {
align-items: flex-start;
}
.a-c {
align-items: center;
}
.a-e {
align-items: flex-end;
}
.a-st {
align-items: stretch;
}
.j-s {
justify-content: flex-start;
}
.j-sb {
justify-content: space-between;
}
.j-a {
justify-content: space-around;
}
.j-c {
justify-content: center;
}
.j-e {
justify-content: flex-end;
}
.column {
flex-direction: column;
}
.column-reverse {
flex-direction: column-reverse;
}
.row-reverse {
flex-direction: row-reverse;
} .relative {
position: relative;
}
.absolute {
position: absolute;
}
.abosulte-center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50% -50%);
}
.absolute-upper-left {
position: absolute;
top: 0;
left: 0;
} .wrapper {
width: 90%;
margin: 0 auto;
max-width: 1600px;
overflow: hidden;
} .pointer {
cursor: pointer;
} .full-view {
width: 100%;
height: 100vh;
}
.full-width {
width: 100%;
}
.full-height {
height: 100vh;
}
.medium-height {
height: 80vh;
} .uppercase {
text-transform: uppercase;
}
.capitalize {
text-transform: capitalize;
} .bold, strong {
font-family: "MulishBold", serif;
}
.eBold {
font-family: "MulishExtra", serif;
} .t-center {
text-align: center;
}
.t-left {
text-align: left;
}
.t-right {
text-align: right;
} .square {
aspect-ratio: 1/1;
}
.rectangle {
aspect-ratio: 16/9;
} .cLightGreen{
color: #eceddb;
}
.cGreen, .cGreen a{
color: #a5a97a;
}
.cDarkGreen {
color: #777b4c;
}
.cBody {
color: #7d8080;
}
.cDark{
color: #464646;
}.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter:Alpha(Opacity=0); }
.ui-front {
z-index: 100;
} .ui-state-disabled {
cursor: default !important;
pointer-events: none;
} .ui-icon {
display: inline-block;
vertical-align: middle;
margin-top: -.25em;
position: relative;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
.ui-widget-icon-block {
left: 50%;
margin-left: -8px;
display: block;
}  .ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin: 2px 0 0 0;
padding: .5em .5em .5em .7em;
font-size: 100%;
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto;
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
}
.ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: 0;
}
.ui-menu .ui-menu {
position: absolute;
}
.ui-menu .ui-menu-item {
margin: 0;
cursor: pointer; list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-item-wrapper {
position: relative;
padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
margin: -1px;
} .ui-menu-icons {
position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
padding-left: 2em;
} .ui-menu .ui-icon {
position: absolute;
top: 0;
bottom: 0;
left: .2em;
margin: auto 0;
} .ui-menu .ui-menu-icon {
left: auto;
right: 0;
}
.ui-button {
padding: .4em 1em;
display: inline-block;
position: relative;
line-height: normal;
margin-right: .1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; overflow: visible;
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
text-decoration: none;
} .ui-button-icon-only {
width: 2em;
box-sizing: border-box;
text-indent: -9999px;
white-space: nowrap;
} input.ui-button.ui-button-icon-only {
text-indent: 0;
} .ui-button-icon-only .ui-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8px;
}
.ui-button.ui-icon-notext .ui-icon {
padding: 0;
width: 2.1em;
height: 2.1em;
text-indent: -9999px;
white-space: nowrap;
}
input.ui-button.ui-icon-notext .ui-icon {
width: auto;
height: auto;
text-indent: 0;
white-space: normal;
padding: .4em 1em;
}  input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
.ui-controlgroup {
vertical-align: middle;
display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
float: left;
margin-left: 0;
margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
display: block;
float: none;
width: 100%;
margin-top: 0;
margin-bottom: 0;
text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
border-bottom: none;
} .ui-controlgroup-vertical .ui-spinner-input { width: 75%;
width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
border-top-style: solid;
}
.ui-checkboxradio-label .ui-icon-background {
box-shadow: inset 1px 1px 1px #ccc;
border-radius: .12em;
border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
width: 16px;
height: 16px;
border-radius: 1em;
overflow: visible;
border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
background-image: none;
width: 8px;
height: 8px;
border-width: 4px;
border-style: solid;
}
.ui-checkboxradio-disabled {
pointer-events: none;
}
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 45%;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
} .ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
} .ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
} .ui-datepicker .ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
left: .5em;
top: .3em;
}
.ui-dialog {
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 20px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-n {
height: 2px;
top: 0;
}
.ui-dialog .ui-resizable-e {
width: 2px;
right: 0;
}
.ui-dialog .ui-resizable-s {
height: 2px;
bottom: 0;
}
.ui-dialog .ui-resizable-w {
width: 2px;
left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
width: 7px;
height: 7px;
}
.ui-dialog .ui-resizable-se {
right: 0;
bottom: 0;
}
.ui-dialog .ui-resizable-sw {
left: 0;
bottom: 0;
}
.ui-dialog .ui-resizable-ne {
right: 0;
top: 0;
}
.ui-dialog .ui-resizable-nw {
left: 0;
top: 0;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
.ui-draggable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-resizable {
position: relative;
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
-ms-touch-action: none;
touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
display: none;
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0;
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0;
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%;
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%;
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px;
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px;
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px;
}
.ui-progressbar {
height: 2em;
text-align: left;
overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
background: url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);
height: 100%;
filter: alpha(opacity=25); opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
background-image: none;
}
.ui-selectable {
-ms-touch-action: none;
touch-action: none;
}
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black;
}
.ui-selectmenu-menu {
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
display: none;
}
.ui-selectmenu-menu .ui-menu {
overflow: auto;
overflow-x: hidden;
padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
font-size: 1em;
font-weight: bold;
line-height: 1.5;
padding: 2px 0.4em;
margin: 0.5em 0 0 0;
height: auto;
border: 0;
}
.ui-selectmenu-open {
display: block;
}
.ui-selectmenu-text {
display: block;
margin-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
text-align: left;
white-space: nowrap;
width: 14em;
}
.ui-selectmenu-icon.ui-icon {
float: right;
margin-top: 0;
}
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
-ms-touch-action: none;
touch-action: none;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
} .ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}
.ui-slider-horizontal {
height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
width: .8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
.ui-sortable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-spinner {
position: relative;
display: inline-block;
overflow: hidden;
padding: 0;
vertical-align: middle;
}
.ui-spinner-input {
border: none;
background: none;
color: inherit;
padding: .222em 0;
margin: .2em 0;
vertical-align: middle;
margin-left: .4em;
margin-right: 2em;
}
.ui-spinner-button {
width: 1.6em;
height: 50%;
font-size: .5em;
padding: 0;
margin: 0;
text-align: center;
position: absolute;
cursor: default;
display: block;
overflow: hidden;
right: 0;
} .ui-spinner a.ui-spinner-button {
border-top-style: none;
border-bottom-style: none;
border-right-style: none;
}
.ui-spinner-up {
top: 0;
}
.ui-spinner-down {
bottom: 0;
}
.ui-tabs {
position: relative; padding: .2em;
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: left;
padding: .5em 1em;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -1px;
padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none;
}
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
}
body .ui-tooltip {
border-width: 2px;
} .ui-widget {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
}
.ui-widget.ui-widget-content {
border: 1px solid #c5c5c5;
}
.ui-widget-content {
border: 1px solid #dddddd;
background: #ffffff;
color: #333333;
}
.ui-widget-content a {
color: #333333;
}
.ui-widget-header {
border: 1px solid #dddddd;
background: #e9e9e9;
color: #333333;
font-weight: bold;
}
.ui-widget-header a {
color: #333333;
} .ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button, html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
border: 1px solid #c5c5c5;
background: #f6f6f6;
font-weight: normal;
color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
color: #454545;
text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
border: 1px solid #cccccc;
background: #ededed;
font-weight: normal;
color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
color: #2b2b2b;
text-decoration: none;
}
.ui-visual-focus {
box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
border: 1px solid #003eff;
background: #007fff;
font-weight: normal;
color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
border: #003eff;
background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #ffffff;
text-decoration: none;
} .ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #dad55e;
background: #fffa90;
color: #777620;
}
.ui-state-checked {
border: 1px solid #dad55e;
background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #f1a899;
background: #fddfdf;
color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter:Alpha(Opacity=70); font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter:Alpha(Opacity=35); background-image: none;
}
.ui-state-disabled .ui-icon {
filter:Alpha(Opacity=35); }  .ui-icon {
width: 16px;
height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/css/images/ui-icons_444444_256x240.png);
}
.ui-widget-header .ui-icon {
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/css/images/ui-icons_444444_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/css/images/ui-icons_555555_256x240.png);
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/css/images/ui-icons_ffffff_256x240.png);
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/css/images/ui-icons_777620_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/css/images/ui-icons_cc0000_256x240.png);
}
.ui-button .ui-icon {
background-image: url(//sorbara.com/wp-content/themes/sorbara-website/css/images/ui-icons_777777_256x240.png);
} .ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; } .ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }  .ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 3px;
} .ui-widget-overlay {
background: #aaaaaa;
opacity: .3;
filter: Alpha(Opacity=30); }
.ui-widget-shadow {
-webkit-box-shadow: 0px 0px 5px #666666;
box-shadow: 0px 0px 5px #666666;
}.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative;direction:ltr}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;left:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0}html:not([dir=rtl]) .noUi-horizontal .noUi-origin{left:auto;right:0}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{position:absolute}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;left:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}html:not([dir=rtl]) .noUi-horizontal .noUi-handle{right:-17px;left:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%,0);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}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;
}
.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;
}
.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;
}
.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 {
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;
}
}