@charset "UTF-8";
.glide{position:relative;width:100%;box-sizing:border-box}.glide *{box-sizing:inherit}.glide__track{overflow:hidden}.glide__slides{position:relative;width:100%;list-style:none;backface-visibility:hidden;transform-style:preserve-3d;touch-action:pan-Y;overflow:hidden;margin:0;padding:0;white-space:nowrap;display:flex;flex-wrap:nowrap;will-change:transform}.glide__slides--dragging{-webkit-user-select:none;-moz-user-select:none;user-select:none}.glide__slide{width:100%;height:100%;flex-shrink:0;white-space:normal;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.glide__slide a{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-select:none;-ms-user-select:none}.glide__arrows{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.glide__bullets{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.glide--rtl{direction:rtl}  .bg-white {
background-color: #ffffff;
}
.bg-black {
background-color: #000;
}
.bg-grey {
background-color: #57575c;
}
.bg-green {
background-color: #c1d42f;
}
.bg-pink {
background-color: #ff2e69;
}
.bg-off-white {
background-color: #faf8f4;
}
.bg-dark-grey {
background-color: #2d2d35;
}
.bg-yellow-tint {
background-color: #fcf3b4;
}
.bg-green-tint {
background-color: #e3eaa5;
}
.bg-blue-tint {
background-color: #afe6ec;
}
.bg-pink-tint {
background-color: #fcbbca;
}
.bg-orange-tint {
background-color: #ffcc9e;
}
.bg-full-orange {
background-color: #ff8d28;
}
.bg-full-yellow {
background-color: #ffeb54;
}
.text-white {
color: #ffffff;
}
.text-black {
color: #000;
}
.text-grey {
color: #57575c;
}
.text-green {
color: #c1d42f;
}
.text-pink {
color: #ff2e69;
}
.text-off-white {
color: #faf8f4;
}
.text-dark-grey {
color: #2d2d35;
}
.text-yellow-tint {
color: #fcf3b4;
}
.text-green-tint {
color: #e3eaa5;
}
.text-blue-tint {
color: #afe6ec;
}
.text-pink-tint {
color: #fcbbca;
}
.text-orange {
color: #ff8d28;
}
a.underline {
text-decoration: none;
color: inherit;
display: inline;
position: relative;
width: -moz-fit-content;
width: fit-content;
font-size: clamp(0.85rem, 0.74rem + 0.41vi, 1.225rem);
}
a.underline::after {
content: "";
position: absolute;
left: 0;
bottom: -1px;
width: 100%;
height: 2px;
background-color: #000;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
opacity: 1;
}
a.underline:hover::after {
transform: scaleX(1);
}
.mask-text {
display: block;
}
.mask-text .line-mask {
display: block;
overflow: hidden;
}
.mask-text .line-mask > span {
display: inline-block;
transform-origin: bottom center;
will-change: transform;
}
.item {
width: 60vmin;
height: 60vmin;
clip-path: url(#clip-path1);
background-color: red;
}
.item img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100%;
}
.item-2 {
clip-path: url(#clip-path2);
} [data-anim=fade] {
opacity: 0;
will-change: transform, opacity;
}
html:not(.anim-ready) .toggle-btn[data-anim=fade] {
opacity: 0 !important;
visibility: hidden !important;
transform: translateY(var(--fade-y, 0px)) !important;
}  .pad-top-default {
padding-top: clamp(4rem, 8vw, 12rem);
}
.pad-top-small {
padding-top: clamp(2rem, 4vw, 6rem);
}
.pad-top-large {
padding-top: clamp(6rem, 12vw, 18rem);
}
.pad-top-none {
padding-top: 0;
} .pad-btm-default {
padding-bottom: clamp(4rem, 8vw, 12rem);
}
.pad-btm-small {
padding-bottom: clamp(2rem, 4vw, 6rem);
}
.pad-btm-large {
padding-bottom: clamp(6rem, 12vw, 18rem);
}
.pad-btm-none {
padding-bottom: 0;
}
.cta-button {
position: relative;
display: inline-flex;
align-items: center;
gap: 0.5rem;
text-decoration: none;
color: #ffffff;
border-radius: 100px;
transition: all 0.3s ease;
overflow: hidden;
padding: 0.6rem 1.15rem;
z-index: 0;
}
.cta-button::before {
content: "";
position: absolute;
inset: 0;
transform: translateY(101%);
}
@media (max-width: 768px) {
.cta-button::before {
transform: translateY(103%);
}
}
.cta-button::before {
transition: transform 0.35s ease;
background-color: #c1d42f;
z-index: -1;
}
.cta-button:hover::before, .cta-button:focus-visible::before {
transform: translateY(0);
}
.cta-button.square {
border-radius: 10px;
padding: 16px 30px;
}
.cta-button.square span {
line-height: 90%; font-family: "Area Normal", sans-serif !important;
font-weight: 500;
font-style: normal;
font-size: clamp(16px, 16px + 4 * (100vw - 768px) / 672, 20px);
}
.cta-button .cta-text,
.cta-button svg {
position: relative;
z-index: 1;
}
.cta-button span {
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
font-family: "Area Normal", sans-serif !important;
font-weight: 500;
font-style: normal;
}
.cta-button:hover {
background-color: #ffffff;
color: #2d2d35;
}
.cta-button.large span {
font-size: clamp(16px, 16px + 4 * (100vw - 768px) / 672, 20px);
}
.cta-button.pink {
background-color: #ff2e69;
color: #ffffff;
}
.cta-button.pink:hover {
background-color: #ffffff;
color: #2d2d35;
}
.cta-button.green {
background-color: #c1d42f;
color: #2d2d35;
}
.cta-button.green:hover {
background-color: #ff2e69;
color: #ffffff;
}
.cta-button.green:before {
background-color: #ff2e69;
}
.cta-button.grey {
background-color: #2d2d35;
color: #faf8f4;
}
.cta-button.grey:hover {
background-color: #ff2e69;
}
.cta-button.grey:before {
background-color: #ff2e69;
}
.cta-button.yellow {
background-color: #ffeb54;
color: #2d2d35;
}
.cta-button.yellow:hover {
background-color: #c1d42f;
color: #2d2d35;
}
.cta-button.yellow:before {
background-color: #c1d42f;
}
.cta-button.orange {
background-color: #ff8d28;
color: #2d2d35;
}
.cta-button.orange:hover {
background-color: #2d2d35;
color: #ffffff;
}
.cta-button.orange:before {
background-color: #2d2d35;
}
.cta-button.light-team {
background-color: #ecefcc;
border: 1px solid #2d2d35;
color: #2d2d35;
}
.cta-button.light-team:hover {
background-color: #d2d5b4;
}
.cta-button.light-team:before {
background-color: #d2d5b4;
}
.cta-button.blue {
background-color: #00bbd8;
color: #ffffff;
}
.cta-button.blue:hover {
background-color: #c1d42f;
color: #2d2d35;
}
.cta-button.blue:before {
background-color: #c1d42f;
}
.cta-button.light-grey {
background-color: #38383f;
color: #ffffff;
}
.cta-button.light-grey:hover {
background-color: #ff2e69;
color: #ffffff;
}
.cta-button.light-grey:before {
background-color: #ff2e69;
}
.cta-button.light-grey.buy:hover {
background-color: #c1d42f;
color: #2d2d35;
}
.cta-button.light-grey.buy:before {
background-color: #c1d42f;
}
.cta-button.light-grey.rent:hover {
background-color: #ff8d28;
color: #2d2d35;
}
.cta-button.light-grey.rent:before {
background-color: #ff8d28;
}
.cta-button.light-grey.sell:hover {
background-color: #ff2e69;
}
.cta-button.light-grey.sell:before {
background-color: #ff2e69;
}
.single-masthead {
height: auto;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.single-masthead .content {
text-align: center;
margin: auto;
}
@media (min-width: 1024px) {
.single-masthead .content {
max-width: 60%;
}
}
@media (min-width: 1600px) {
.single-masthead .content {
max-width: 45%;
}
}
.single-masthead .content ul,
.single-masthead .content li {
list-style: none;
padding: 0;
}
.single-masthead .content ul {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 2rem;
}
.single-masthead .content li {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "helvetica-neue-lt-pro", sans-serif !important;
font-size: clamp(1rem, 0.861rem + 0.487vi, 1.44rem);
border: 1px solid #000;
border-radius: 1.5rem;
max-width: -moz-fit-content;
max-width: fit-content;
padding: 0.5rem 1rem;
}
.service-masthead {
height: auto;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.service-masthead .thumbnail {
height: 10rem;
order: -1;
}
@media (min-width: 768px) {
.service-masthead .thumbnail {
order: 2;
height: 25rem;
}
}
@media (min-width: 1280px) {
.service-masthead .thumbnail {
order: 2;
height: 35rem;
}
}
.service-masthead p {
max-width: 80%;
}
.single-blog {
align-content: end;
padding-top: 9rem;
}
.single-blog .single-blog-hero {
grid-column: 1/-1;
}
.single-blog .single-blog-hero .top .date {
gap: 0.75rem;
}
.single-blog .single-blog-hero .top .date p {
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
width: -moz-fit-content;
width: fit-content;
line-height: 1.4;
}
.single-blog .single-blog-hero .top h1 {
line-height: 115%;
color: #ffffff;
font-family: "IvyJournal", serif !important;
font-weight: 600;
font-style: normal;
font-size: clamp(26px, 26px + 14 * (100vw - 768px) / 672, 40px);
text-transform: none;
}
.single-blog .single-blog-hero .top p {
line-height: 140%;
font-family: "Area Normal", sans-serif !important;
font-weight: 300;
font-style: normal;
font-size: clamp(18px, 18px + 6 * (100vw - 768px) / 672, 24px);
color: #ffffff;
width: 75%;
text-wrap: wrap;
}
@media (min-width: 1024px) {
.single-blog .single-blog-hero {
grid-column: 2/12;
}
}
.single-banner-img .banner-img {
grid-column: 1/-1;
aspect-ratio: 1511/1000;
}
.single-banner-img .banner-img img {
border-radius: 12px;
}
@media (min-width: 1024px) {
.single-banner-img .banner-img {
grid-column: 2/12;
aspect-ratio: 1511/500;
}
}
.bg-grey-white-gradient {
background: linear-gradient(to bottom, #2d2d35 50%, #faf8f4 50%);
}
.single-blog-content {
padding: 1rem 0;
white-space: pre-line;
position: relative;
}
.single-blog-content .main-content {
margin-top: -32px;
}
.single-blog-content h2,
.single-blog-content h3,
.single-blog-content h4 {
line-height: 1;
text-transform: unset;
font-family: "DIN Condensed", sans-serif !important;
font-weight: 600;
font-style: normal;
text-transform: none;
color: #38383f;
}
.single-blog-content h2 {
font-family: "DIN Condensed", sans-serif !important;
font-weight: 600;
font-style: normal;
text-transform: uppercase;
font-size: clamp(22px, 22px + 10 * (100vw - 768px) / 672, 32px);
color: #2d2d35;
margin-top: 0.5rem;
}
@media (max-width: 768px) {
.single-blog-content h2 {
grid-column: span 12;
margin-top: 2rem;
}
}
.single-blog-content h3 {
font-family: "DIN Condensed", sans-serif !important;
font-weight: 600;
font-style: normal;
text-transform: uppercase;
font-size: clamp(22px, 22px + 10 * (100vw - 768px) / 672, 32px);
color: #2d2d35;
margin-top: 0rem;
}
.single-blog-content h4 {
line-height: normal;
font-family: "IvyJournal", serif !important;
font-weight: 600;
font-style: normal;
font-size: clamp(19px, 19px + 7 * (100vw - 768px) / 672, 26px);
text-transform: uppercase;
}
.single-blog-content p,
.single-blog-content a,
.single-blog-content li {
color: #2d2d35;
font-size: clamp(16px, 16px + 4 * (100vw - 768px) / 672, 20px);
font-family: "Area Normal", sans-serif !important;
font-weight: 400;
font-style: normal;
transition: all 0.4s ease-in-out;
line-height: 1.4;
}
.single-blog-content a:hover {
color: #c1d42f;
}
.single-blog-content hr {
margin: 2rem 0;
}
@media (min-width: 1024px) {
.single-blog-content hr {
margin: 3rem 0;
}
}
.single-blog-content ul {
display: flex;
flex-direction: column;
gap: 1rem;
padding-inline-start: 1.5rem;
list-style: none;
}
.single-blog-content ul li {
color: #38383f;
position: relative;
padding-left: 1.25rem;
}
.single-blog-content ul li::before {
content: "";
position: absolute;
top: 0.45em;
left: 0;
width: 0.5em;
height: 0.5em;
background-image: url(//ashtons.devbyfuture.co.uk/wp-content/themes/ashtons/assets/images/svg/ul-bullet.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
@media (min-width: 1024px) {
.single-blog-content ul {
padding-inline-start: 31px;
}
}
.single-blog-content .img-single-content {
aspect-ratio: 16/9;
}
.single-blog-content .img-single-content img {
border-radius: 12px;
}
.single-blog-content .content {
grid-column: 1/-1;
}
@media (min-width: 1024px) {
.single-blog-content .content {
grid-column: 2/8;
}
}
.single-blog-content .side-bar {
grid-column: 1/-1;
display: grid;
grid-template-columns: subgrid;
height: -moz-fit-content;
height: fit-content;
top: 8.5rem;
}
@media (max-width: 768px) {
.single-blog-content .side-bar h2 {
margin-bottom: 1rem;
}
}
.single-blog-content .side-bar .top-pick {
display: grid;
grid-template-columns: subgrid;
grid-column: 1/-1;
margin-bottom: 1rem;
align-items: start;
margin-top: 1rem;
white-space: unset;
text-decoration: none;
}
@media (max-width: 768px) {
.single-blog-content .side-bar .top-pick:first-child {
margin-top: 32px;
}
}
@media (min-width: 1024px) {
.single-blog-content .side-bar .top-pick {
margin-bottom: 2rem;
}
}
@media (max-width: 768px) {
.single-blog-content .side-bar .top-pick {
margin-top: 0px !important;
}
}
.single-blog-content .side-bar .top-pick:hover img {
transform: scale(1.15);
}
.single-blog-content .side-bar .top-pick:hover h3 {
text-decoration: underline;
}
.single-blog-content .side-bar .img-related {
grid-column: span 4;
aspect-ratio: 1/1;
white-space: unset;
display: flex;
overflow: hidden;
border-radius: 10px;
}
.single-blog-content .side-bar .img-related img {
border-radius: 10px;
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
white-space: unset;
transform: unset;
transition: all 0.4s ease;
}
@media (min-width: 1024px) {
.single-blog-content .side-bar .img-related {
grid-column: span 1;
}
}
.single-blog-content .side-bar .content {
grid-column: span 8;
display: flex;
flex-direction: column;
gap: 0.25rem;
}
.single-blog-content .side-bar .content p {
line-height: 140%; color: #2d2d35;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
font-family: "Area Normal", sans-serif !important;
font-weight: 400;
font-style: normal;
line-height: 1.4;
}
.single-blog-content .side-bar .content h3 {
line-height: 115%; color: #2d2d35;
font-size: clamp(16px, 16px + 4 * (100vw - 768px) / 672, 20px);
font-family: "IvyJournal", serif !important;
font-weight: 600;
font-style: normal;
transition: all 0.4s ease;
text-transform: initial;
}
@media (min-width: 1024px) {
.single-blog-content .side-bar .content {
grid-column: span 2;
}
}
@media (min-width: 1024px) {
.single-blog-content .side-bar {
grid-column: 9/12;
position: sticky;
}
}
@media (min-width: 1024px) {
.single-blog-content {
padding: 0;
}
}
.area-guide-content {
position: relative;
}
.area-guide-hero {
padding-top: 10.5rem;
padding-bottom: 3rem;
}
@media (max-width: 768px) {
.area-guide-hero {
padding-top: 6.5rem;
padding-bottom: 1rem;
}
}
.area-guide-hero h2 {
display: flex;
flex-direction: column;
}
.area-guide-hero h2 span {
font-size: clamp(48px, 48px + 52 * (100vw - 768px) / 672, 100px);
font-family: "DIN Condensed", sans-serif !important;
font-weight: normal;
font-style: normal;
line-height: 0.9;
color: #faf8f4;
}
.area-guide-hero h2 span:first-child {
color: #c1d42f;
}
.area-guide-content__inner {
display: grid;
grid-template-columns: 32rem minmax(0, 1fr);
align-items: start;
}
.area-guide-sidebar {
position: sticky;
}
@media (max-width: 1024px) {
.area-guide-sidebar {
position: relative;
grid-column: span 1/-1;
}
}
.area-guide-sidebar {
top: 0;
align-self: start;
grid-column: span 4;
margin-bottom: 4rem;
}
.area-guide-sidebar .search-link {
text-decoration: none;
color: #2d2d35;
max-width: -moz-fit-content;
max-width: fit-content;
padding-bottom: 1.5rem;
margin-top: 2rem;
}
.area-guide-sidebar hr {
background: #d7d7d7;
opacity: 0.3;
}
.area-guide-sidebar .search-link svg circle,
.area-guide-sidebar .search-link svg path {
transition: all 0.3s ease;
}
.area-guide-sidebar .search-link:hover svg circle {
fill: #ff2e69;
}
.area-guide-sidebar .search-link:hover svg path {
stroke: #ffffff;
}
.area-guide-sidebar .area-guide-sidebar__title {
font-size: clamp(26px, 26px + 14 * (100vw - 768px) / 672, 40px);
font-family: "IvyJournal", serif !important;
font-weight: normal;
font-style: normal;
font-weight: 600;
text-transform: initial;
margin-top: 3rem;
}
@media (max-width: 768px) {
.area-guide-sidebar .area-guide-sidebar__title {
margin-top: 1rem;
}
}
.area-guide-sidebar .area-guide-sidebar__intro {
margin-top: 1.5rem;
max-width: 90%;
}
@media (min-width: 1600px) {
.area-guide-sidebar .area-guide-sidebar__intro {
max-width: 70%;
}
}
@media (max-width: 1024px) {
.area-guide-sidebar .area-guide-sidebar__intro {
max-width: 100%;
}
}
.area-guide-sidebar__inner {
min-height: 100vh;
padding: 3.2rem 2.4rem;
background-color: #faf8f4;
}
.area-guide-sidebar__actions {
margin-top: 2rem;
}
.area-guide-sidebar__actions .cta-button {
max-width: -moz-fit-content;
max-width: fit-content;
min-width: 200px;
justify-content: center;
}
.area-guide-main {
min-width: 0;
padding: 3.2rem;
padding-top: 0;
grid-column: 5/13;
}
@media (max-width: 1024px) {
.area-guide-main {
grid-column: span 1/-1;
padding: 0rem;
margin-top: 0 !important;
}
}
.area-guide-main {
margin-top: -14.5rem;
}
.area-guide-main section {
margin-bottom: 3.5rem;
border-bottom: 1px solid #d7d7d7;
padding-bottom: 2rem;
}
.area-guide-main .title {
margin-bottom: 1rem;
}
.area-guide-main .title h2 {
font-size: clamp(32px, 32px + 18 * (100vw - 768px) / 672, 50px);
line-height: 1.3;
margin: 0;
}
.area-guide-main .title svg {
margin-top: 3px;
width: 33px;
height: 33px;
}
@media (max-width: 768px) {
.area-guide-main .title svg {
width: 27px;
height: 27px;
}
}
@media (min-width: 1600px) {
.area-guide-main .title svg {
width: 38px;
height: 45px;
}
}
.area-guide-gallery {
position: relative;
border-bottom: 0px !important;
padding-bottom: 0px !important;
}
.area-guide-gallery__swiper {
overflow: hidden;
border-radius: 12px;
transform: translateZ(0);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
opacity: 0;
visibility: hidden;
}
.area-guide-gallery__swiper .swiper-slide {
aspect-ratio: 1203/797;
}
.area-guide-gallery__swiper.is-ready {
opacity: 1;
visibility: visible;
}
.area-guide-gallery__media {
width: 100%;
height: 100%;
}
.area-guide-gallery__img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.area-guide-gallery__nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
background: none;
border: 0;
padding: 0;
cursor: pointer;
}
@media (max-width: 1024px) {
.area-guide-gallery__nav svg {
width: 50px;
}
}
.area-guide-gallery__nav svg circle,
.area-guide-gallery__nav svg path {
transition: fill 0.3s ease, stroke 0.3s ease;
}
.area-guide-gallery__nav:hover svg circle {
fill: #c1d42f;
fill-opacity: 1;
}
.area-guide-gallery__nav:hover svg path {
stroke: #2d2d35;
}
.area-guide-gallery__nav--prev {
left: -2.5rem;
}
@media (max-width: 1024px) {
.area-guide-gallery__nav--prev {
left: 0rem;
}
}
.area-guide-gallery__nav--next {
right: -2.5rem;
}
@media (max-width: 1024px) {
.area-guide-gallery__nav--next {
right: 0rem;
}
}
.area-guide-gallery__nav:hover svg circle,
.area-guide-gallery__nav:focus-visible svg circle {
fill: #c1d42f;
fill-opacity: 1;
}
.area-guide-gallery__nav:hover svg path,
.area-guide-gallery__nav:focus-visible svg path {
stroke: #2d2d35;
}
.area-guide-details p {
margin-bottom: 1rem;
}
.area-guide-interest .interest-grid {
-moz-column-count: 2;
column-count: 2;
-moz-column-gap: 3rem;
column-gap: 3rem;
}
@media (max-width: 1024px) {
.area-guide-interest .interest-grid {
-moz-column-count: 1;
column-count: 1;
-moz-column-gap: 0rem;
column-gap: 0rem;
}
}
.area-guide-interest .interest-grid__item {
-moz-column-break-inside: avoid;
break-inside: avoid;
margin-bottom: 2.4rem;
}
@media (max-width: 768px) {
.area-guide-interest .interest-grid__item {
margin-bottom: 1.4rem;
}
.area-guide-interest .interest-grid__item:last-child {
margin-bottom: 0rem;
}
}
.area-guide-interest .interest-grid__row {
display: flex;
gap: 1rem;
align-items: flex-start;
}
.area-guide-interest .interest-grid__icon {
flex: 0 0 auto;
margin-top: 0.5rem;
}
.area-guide-interest .interest-grid__item-inner {
flex: 1;
}
.area-guide-interest .interest-grid__title {
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
font-size: clamp(15px, 15px + 3 * (100vw - 768px) / 672, 18px);
text-transform: initial;
font-weight: 600;
margin-bottom: 0.25rem;
}
.area-guide-interest .interest-grid__text {
margin-bottom: 1.5rem;
}
.area-guide-footer {
padding-top: 4rem;
background-color: #eeebe8;
z-index: 3;
}
@media (max-width: 1024px) {
.area-guide-footer {
padding-bottom: 3rem;
}
}
.area-guide-footer {
position: relative;
overflow: hidden;
}
@media (max-width: 768px) {
.area-guide-footer h2 {
line-height: 1;
}
}
.area-guide-footer h2 {
font-size: clamp(32px, 32px + 18 * (100vw - 768px) / 672, 50px);
color: #2d2d35;
}
.area-guide-footer .ribbon {
position: absolute;
z-index: -1;
width: 100vw;
}
@media (max-width: 768px) {
.area-guide-footer .ribbon {
width: 100vw;
top: 25rem;
}
}
@media (min-width: 2000px) {
.area-guide-footer .ribbon {
top: -50px;
}
}
.area-guide-footer .property-similar__top {
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 768px) {
.area-guide-footer .property-similar__top {
flex-direction: row;
align-items: flex-end;
}
}
.area-guide-footer .property-similar__top {
gap: 1rem;
margin-bottom: 1.5rem;
}
.area-guide-footer .property-similar__nav {
display: flex;
align-items: center;
gap: 0.75rem;
flex: 0 0 auto;
}
@media (max-width: 768px) {
.area-guide-footer .property-similar__nav {
justify-content: flex-end;
align-items: flex-end;
}
}
.area-guide-footer .property-similar .property-swiper {
margin-top: 0.5rem;
width: 100%;
overflow: hidden;
}
@media (max-width: 768px) {
.area-guide-footer .property-similar .property-swiper {
overflow: visible;
}
}
.area-guide-footer .property-similar .property-swiper {
min-height: clamp(260px, 28vw, 420px);
opacity: 0;
transition: opacity 0.2s ease;
}
.area-guide-footer .property-similar .property-swiper.swiper-initialized {
opacity: 1;
}
.area-guide-footer .property-similar .property-swiper .swiper-wrapper {
align-items: stretch;
}
.area-guide-footer .property-similar .property-swiper .swiper-slide {
height: auto;
}
.area-guide-footer .property-similar .property-swiper__prev,
.area-guide-footer .property-similar .property-swiper__next {
position: static;
margin: 0;
width: auto;
height: auto;
min-width: 0;
min-height: 0;
padding: 0;
border: 0;
background: transparent;
box-shadow: none;
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
transform: none !important;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
flex: 0 0 auto;
cursor: pointer;
transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.area-guide-footer .property-similar .property-swiper__prev::after,
.area-guide-footer .property-similar .property-swiper__next::after {
display: none;
}
.area-guide-footer .property-similar .property-swiper__prev svg,
.area-guide-footer .property-similar .property-swiper__next svg {
display: block;
width: 60px;
}
@media (max-width: 768px) {
.area-guide-footer .property-similar .property-swiper__prev svg,
.area-guide-footer .property-similar .property-swiper__next svg {
width: 50px;
}
}
.area-guide-footer .property-similar .property-swiper__prev svg circle,
.area-guide-footer .property-similar .property-swiper__next svg circle {
fill: transparent;
fill-opacity: 1;
stroke: #2d2d35;
transition: fill 0.45s cubic-bezier(0.16, 1, 0.3, 1), stroke 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}
.area-guide-footer .property-similar .property-swiper__prev svg path,
.area-guide-footer .property-similar .property-swiper__next svg path {
stroke: #2d2d35;
transition: stroke 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}
.area-guide-footer .property-similar .property-swiper__prev:hover svg circle,
.area-guide-footer .property-similar .property-swiper__next:hover svg circle {
fill: #ff2e69;
fill-opacity: 1;
}
.area-guide-footer .property-similar .property-swiper__prev:hover svg path,
.area-guide-footer .property-similar .property-swiper__next:hover svg path {
stroke: #2d2d35;
}
.area-guide-footer .property-similar .property-swiper__prev.swiper-button-disabled,
.area-guide-footer .property-similar .property-swiper__next.swiper-button-disabled {
opacity: 0.35;
pointer-events: none;
}
.area-guide-footer .property-swiper .mega-card {
display: block;
text-decoration: none;
color: #ffffff;
}
.area-guide-footer .property-swiper .mega-card__media {
aspect-ratio: 278.1475/225.8557;
overflow: hidden;
position: relative;
border-radius: 12px;
--parallax-y: 0px;
--parallax-scale: 1.06;
}
.area-guide-footer .property-swiper .mega-card__media .mega-card__tag {
position: absolute;
z-index: 1;
left: 0.5rem;
border-radius: 100px;
top: 0.5rem;
padding: 0.45rem 1.15rem;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
background-color: #ff2e69;
}
.area-guide-footer .property-swiper .mega-card__media .mega-card__tag.sold {
background-color: #ff2e69;
}
.area-guide-footer .property-swiper .mega-card__media img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
display: block;
transition: transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);
will-change: transform;
transform: translate3d(0, var(--parallax-y), 0) scale(1.06);
}
@media (prefers-reduced-motion: reduce) {
.area-guide-footer .property-swiper .mega-card__media img {
transform: scale(1);
}
}
.area-guide-footer .property-swiper .mega-card__media::after {
content: "View";
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding-block: 1rem;
text-align: center;
background-color: #c1d42f;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
color: #2d2d35;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
line-height: 100%;
transform: translateY(110%);
opacity: 0;
transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease;
pointer-events: none;
z-index: 2;
}
.area-guide-footer .property-swiper .mega-card:hover .mega-card__media img,
.area-guide-footer .property-swiper .mega-card:focus-visible .mega-card__media img {
transform: translate3d(0, var(--parallax-y), 0) scale(1.12);
}
.area-guide-footer .property-swiper .mega-card:hover .mega-card__media::after,
.area-guide-footer .property-swiper .mega-card:focus-visible .mega-card__media::after {
transform: translateY(0);
opacity: 1;
}
.area-guide-footer .property-swiper .mega-card__body {
margin-top: 1.15rem;
}
.area-guide-footer .property-swiper .mega-card__price {
font-family: "IvyJournal", serif !important;
font-weight: normal;
font-style: normal;
font-size: clamp(17px, 17px + 5 * (100vw - 768px) / 672, 22px);
font-weight: 600;
}
.area-guide-footer .property-swiper .mega-card__title,
.area-guide-footer .property-swiper .mega-card__beds {
font-weight: 300;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
}
.area-guide-footer .property-swiper .property-swiper__pagination {
margin-top: 1rem;
}
.area-guide-footer .property-similar__heading {
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 768px) {
.area-guide-footer .property-similar__heading {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
gap: 1.4rem !important;
}
}
.area-guide-footer .property-similar__heading {
gap: 2.4rem;
}
.area-guide-footer .property-similar__toggles {
display: flex;
gap: 1.5rem;
flex-wrap: wrap;
}
.area-guide-footer .toggle-panel[hidden] {
display: none !important;
}
.area-guide-footer .property-similar__toggles .toggle-btn {
background: none;
border: none;
cursor: pointer;
padding: 0;
font-size: clamp(32px, 32px + 18 * (100vw - 768px) / 672, 50px);
}
@media (max-width: 768px) {
.area-guide-footer .property-similar__toggles .toggle-btn {
font-size: clamp(22px, 22px + 10 * (100vw - 768px) / 672, 32px);
}
}
.area-guide-footer .property-similar__toggles .toggle-btn {
text-transform: uppercase;
font-family: "DIN Condensed", sans-serif !important;
font-weight: normal;
font-style: normal;
position: relative;
transition: opacity 0.25s ease;
line-height: 1.2;
}
.area-guide-footer .property-similar__toggles .toggle-btn::before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0.175em;
height: 6px;
}
@media (max-width: 1600px) {
.area-guide-footer .property-similar__toggles .toggle-btn::before {
height: 8px;
}
}
@media (max-width: 1280px) {
.area-guide-footer .property-similar__toggles .toggle-btn::before {
height: 6px;
}
}
@media (max-width: 768px) {
.area-guide-footer .property-similar__toggles .toggle-btn::before {
height: 2px;
}
}
.area-guide-footer .property-similar__toggles .toggle-btn::before {
background: #b8b9bd;
}
.area-guide-footer .property-similar__toggles .toggle-btn::after {
content: "";
position: absolute;
left: 0;
bottom: 0.175em;
height: 6px;
width: 100%;
}
@media (max-width: 1600px) {
.area-guide-footer .property-similar__toggles .toggle-btn::after {
height: 8px;
}
}
@media (max-width: 1280px) {
.area-guide-footer .property-similar__toggles .toggle-btn::after {
height: 6px;
}
}
@media (max-width: 768px) {
.area-guide-footer .property-similar__toggles .toggle-btn::after {
height: 2px;
}
}
.area-guide-footer .property-similar__toggles .toggle-btn::after {
background: var(--toggle-color, #ffffff);
transform: scaleX(0);
transform-origin: left center;
transition: transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);
}
.area-guide-footer .property-similar__toggles .toggle-btn:hover::after, .area-guide-footer .property-similar__toggles .toggle-btn.is-active::after {
transform: scaleX(1);
}
.area-guide-footer .property-similar__toggles .toggle-btn[data-toggle=buy] {
--toggle-color: #c1d42f;
background: linear-gradient(to top, #c1d42f 50%, #b8b9bd 50%);
background-size: 100% 200%;
background-position: 0 0;
-webkit-background-clip: text;
background-clip: text;
color: transparent;
transition: background-position 0.6s ease;
}
.area-guide-footer .property-similar__toggles .toggle-btn[data-toggle=buy]:hover, .area-guide-footer .property-similar__toggles .toggle-btn[data-toggle=buy]:focus-visible, .area-guide-footer .property-similar__toggles .toggle-btn[data-toggle=buy].is-active {
background-position: 0 100%;
}
.area-guide-footer .property-similar__toggles .toggle-btn[data-toggle=buy] {
--toggle-color: #c1d42f;
}
.area-guide-footer .property-similar__toggles .toggle-btn[data-toggle=rent] {
--toggle-color: #ff8d28;
background: linear-gradient(to top, #ff8d28 50%, #b8b9bd 50%);
background-size: 100% 200%;
background-position: 0 0;
-webkit-background-clip: text;
background-clip: text;
color: transparent;
transition: background-position 0.6s ease;
}
.area-guide-footer .property-similar__toggles .toggle-btn[data-toggle=rent]:hover, .area-guide-footer .property-similar__toggles .toggle-btn[data-toggle=rent]:focus-visible, .area-guide-footer .property-similar__toggles .toggle-btn[data-toggle=rent].is-active {
background-position: 0 100%;
}
.area-guide-footer .property-similar__toggles .toggle-btn[data-toggle=rent] {
--toggle-color: #ff8d28;
}
.area-guide-footer .property-similar__toggles .toggle-btn[data-toggle=sold] {
--toggle-color: #ff2e69;
background: linear-gradient(to top, #ff2e69 50%, #b8b9bd 50%);
background-size: 100% 200%;
background-position: 0 0;
-webkit-background-clip: text;
background-clip: text;
color: transparent;
transition: background-position 0.6s ease;
}
.area-guide-footer .property-similar__toggles .toggle-btn[data-toggle=sold]:hover, .area-guide-footer .property-similar__toggles .toggle-btn[data-toggle=sold]:focus-visible, .area-guide-footer .property-similar__toggles .toggle-btn[data-toggle=sold].is-active {
background-position: 0 100%;
}
.area-guide-footer .property-similar__toggles .toggle-btn[data-toggle=sold] {
--toggle-color: #ff2e69;
} *,
*::before,
*::after {
box-sizing: border-box;
} html {
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
text-size-adjust: none;
} body, h1, h2, h3, h4, p,
figure, blockquote, dl, dd {
margin-block-end: 0;
} ul[role=list],
ol[role=list] {
list-style: none;
} body {
min-height: 100vh;
line-height: 1.5;
} h1, h2, h3, h4,
button, input, label {
line-height: 1.1;
} h1, h2,
h3, h4 {
text-wrap: balance;
} a:not([class]) {
-webkit-text-decoration-skip: ink;
text-decoration-skip-ink: auto;
} img,
picture {
max-width: 100%;
display: block;
} input, button,
textarea, select {
font-family: inherit;
font-size: inherit;
} textarea:not([rows]) {
min-height: 10em;
} :target {
scroll-margin-block: 5ex;
} h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "DIN Condensed", sans-serif !important;
font-weight: normal;
font-style: normal;
line-height: 1.2;
text-transform: uppercase;
}
h1 {
font-size: clamp(56px, 56px + 69 * (100vw - 768px) / 672, 125px);
}
h2 {
font-size: clamp(48px, 48px + 52 * (100vw - 768px) / 672, 100px);
}
h3 {
font-size: clamp(36px, 36px + 24 * (100vw - 768px) / 672, 60px);
}
h4 {
font-size: clamp(22px, 22px + 10 * (100vw - 768px) / 672, 32px);
}
ul,
li {
font-size: clamp(16px, 16px + 4 * (100vw - 768px) / 672, 20px);
}
p,
a,
ul,
li {
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
font-size: clamp(15px, 15px + 3 * (100vw - 768px) / 672, 18px);
line-height: 1.3;
}
span {
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
} * {
margin: 0;
}
html,
body {
height: 100%;
overscroll-behavior-y: none;
}
html {
scroll-behavior: smooth;
}
#tour,
#floorplan,
#property-calculator {
scroll-margin-top: 120px;
}
@media (max-width: 768px) {
#tour,
#floorplan,
#property-calculator {
scroll-margin-top: 80px;
}
}  body {
margin: 0;
padding: 0;
height: 100%;
overflow-x: hidden;
background-color: #2d2d35;
}
@media (max-width: 768px) {
body.nav-open {
background-color: #57575c;
}
}
body.no-scroll {
position: fixed;
overflow: hidden;
width: 100%;
height: 100%;
top: 0;
left: 0;
touch-action: none;
overscroll-behavior: none;
}
.wrap {
padding-left: clamp(1.5rem, 1.05rem + 1.92vw, 4.05rem);
padding-right: clamp(1.5rem, 1.05rem + 1.92vw, 4.05rem);
margin-left: auto;
margin-right: auto;
max-width: 125rem;
}
@media (max-width: 768px) {
.wrap {
padding-left: 1rem;
padding-right: 1rem;
}
}
#smooth-scroll {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
overflow: visible;
will-change: transform;
}
img,
svg {
display: block;
}
img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.hide-sm {
display: none !important;
}
.show-sm {
display: block !important;
}
@media (min-width: 768px) {
.hide-sm {
display: block !important;
}
.show-sm {
display: none !important;
}
}
.glide__arrow {
all: unset;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
margin: 0;
background: transparent;
border: none;
}
.glide__arrow svg {
display: block;
width: 3rem;
height: 3rem;
}
.bg-transparent {
background: transparent;
transition: all 0.5s;
}
header .mega-links li a, header #menu-primary-menu > li > a {
background: linear-gradient(to top, #c1d42f 50%, #ffffff 50%);
background-size: 100% 200%;
background-position: 0 0;
-webkit-background-clip: text;
background-clip: text;
color: transparent;
transition: background-position 0.7s ease;
}
header .mega-links li a:hover, header #menu-primary-menu > li > a:hover, header .mega-links li a:focus-visible, header #menu-primary-menu > li > a:focus-visible, header .mega-links li a[aria-expanded=true], header #menu-primary-menu > li > a[aria-expanded=true] {
background-position: 0 100%;
}
header .mega-panel--rent .mega-links a:not(.cta-button) {
--toggle-color: #ff8d28;
background: linear-gradient(to top, #ff8d28 50%, #ffffff 50%);
background-size: 100% 200%;
background-position: 0 0;
-webkit-background-clip: text;
background-clip: text;
color: transparent;
transition: background-position 0.6s ease;
}
header .mega-panel--rent .mega-links a:hover:not(.cta-button), header .mega-panel--rent .mega-links a:focus-visible:not(.cta-button), header .mega-panel--rent .mega-links a.is-active:not(.cta-button) {
background-position: 0 100%;
}
header .mega-panel--sell .mega-links a:not(.cta-button) {
--toggle-color: #ff2e69;
background: linear-gradient(to top, #ff2e69 50%, #ffffff 50%);
background-size: 100% 200%;
background-position: 0 0;
-webkit-background-clip: text;
background-clip: text;
color: transparent;
transition: background-position 0.6s ease;
}
header .mega-panel--sell .mega-links a:hover:not(.cta-button), header .mega-panel--sell .mega-links a:focus-visible:not(.cta-button), header .mega-panel--sell .mega-links a.is-active:not(.cta-button) {
background-position: 0 100%;
}
:root {
--fixed-header-height: 0px;
}
body.page-id-126 {
padding-top: var(--fixed-header-height);
}
.page-blur-overlay {
display: none;
}
@media (min-width: 768px) {
.page-blur-overlay {
display: block;
position: fixed;
top: var(--header-height, 100px);
left: 0;
width: 100%;
height: calc(100dvh - var(--header-height, 100px));
opacity: 0;
visibility: hidden;
pointer-events: none;
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
background: rgba(45, 45, 53, 0.88);
transition: opacity 0.3s ease, visibility 0.3s ease;
z-index: 900;
}
}
.page-blur-overlay.is-active {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
header {
position: relative;
z-index: 1001;
}
.mega-panels,
.desktop-burger-menu {
position: relative;
z-index: 1002;
}
header .desktop-burger-menu {
position: absolute;
top: 100%;
left: 0;
width: 100%;
}
@media (max-width: 768px) {
header .desktop-burger-menu {
display: none;
}
}
header .desktop-burger-menu {
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateY(-10px);
transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
z-index: 99999;
}
header .desktop-burger-menu .main-wrap {
background-color: #57575c;
border-radius: 12px;
padding: 3rem 2rem;
}
header .desktop-burger-menu.nav-open {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateY(0);
}
header .desktop-burger-menu ul,
header .desktop-burger-menu li {
list-style-type: none;
}
header .desktop-burger-menu ul {
margin: 0;
padding: 0;
}
header .desktop-burger-menu li {
margin-bottom: 1rem;
}
header .desktop-burger-menu a {
background: linear-gradient(to top, #c1d42f 50%, #ffffff 50%);
font-size: clamp(16px, 16px + 4 * (100vw - 768px) / 672, 20px);
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
text-decoration: none;
background-size: 100% 200%;
background-position: 0 0;
-webkit-background-clip: text;
background-clip: text;
color: transparent;
transition: background-position 0.7s ease;
}
header .desktop-burger-menu a:hover, header .desktop-burger-menu a:focus-visible, header .desktop-burger-menu a[aria-expanded=true] {
background-position: 0 100%;
}
header .desktop-burger-menu h3 {
font-size: clamp(32px, 32px + 18 * (100vw - 768px) / 672, 50px);
}
header .desktop-burger-menu .latest-commercial h3 {
color: #c1d42f;
}
header .desktop-burger-menu .latest-land h3 {
color: #afe6ec;
}
header .desktop-burger-menu .menu-burger-desktop {
grid-column: span 3;
padding-left: 2.5rem;
}
header .desktop-burger-menu .menu-burger-desktop a.cta-button {
background: #c1d42f;
margin-top: 1rem;
}
header .desktop-burger-menu .line-break {
grid-column: 8/9;
width: 1px;
height: 100%;
background: #d7d7d7;
margin: auto;
}
header .desktop-burger-menu .latest-commercial {
grid-column: 4/8;
}
header .desktop-burger-menu .latest-commercial .mega-card__price span {
font-family: "IvyJournal", serif !important;
font-weight: normal;
font-style: normal;
font-weight: 600;
}
header .desktop-burger-menu .latest-land {
grid-column: 9/13;
}
header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 9999;
transition: transform 0.45s ease;
will-change: transform;
}
header.header--hidden {
transform: translateY(-100%);
}
@media (max-width: 768px) {
header.nav-open {
position: fixed;
width: 100%;
top: 0;
left: 0;
}
}
header .nav-wrap {
position: relative;
overflow: visible;
display: flex;
justify-content: space-between;
align-items: center;
gap: 2rem;
}
header .nav-wrap .right {
z-index: 1001;
align-items: flex-end;
}
header .nav-wrap .cta-button {
max-height: -moz-fit-content;
max-height: fit-content;
}
header .nav-wrap .left {
display: flex;
align-items: center;
}
header .nav-wrap ul,
header .nav-wrap li {
list-style: none;
}
header #menu-primary-menu {
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 1.75rem;
position: relative;
}
header #menu-primary-menu::after {
content: "";
position: absolute;
left: 0;
right: 0;
top: 100%;
height: 74px;
pointer-events: auto;
background: transparent;
}
header #menu-primary-menu > li {
position: relative;
z-index: 1;
}
header #menu-primary-menu > li > a {
cursor: pointer;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
gap: 0.5rem;
line-height: 1.4;
position: relative;
text-decoration: none;
cursor: pointer;
}
header #menu-primary-menu > li > a[data-mega] {
--menu-accent: #ffffff;
}
header #menu-primary-menu > li > a[data-mega] .dropdown-icon {
color: var(--menu-accent);
}
header #menu-primary-menu > li > a[data-mega] .dropdown-icon {
width: 8px;
height: 8px;
flex: 0 0 8px;
color: #ffffff;
}
header #menu-primary-menu > li > a[data-mega] .dropdown-icon svg {
width: 100%;
height: 100%;
display: block;
transition: transform 0.4s ease;
transform-origin: center;
}
header #menu-primary-menu > li > a[data-mega] .dropdown-icon path {
stroke: currentColor;
transition: stroke 0.4s ease;
}
header #menu-primary-menu > li > a[data-mega]:hover .dropdown-icon svg, header #menu-primary-menu > li > a[data-mega]:focus-visible .dropdown-icon svg, header #menu-primary-menu > li > a[data-mega][aria-expanded=true] .dropdown-icon svg {
transform: rotate(180deg);
}
header #menu-primary-menu > li > a[data-mega]:hover .dropdown-icon, header #menu-primary-menu > li > a[data-mega]:focus-visible .dropdown-icon, header #menu-primary-menu > li > a[data-mega][aria-expanded=true] .dropdown-icon {
color: #c1d42f;
}
header #menu-primary-menu > li:last-child > a {
color: #c1d42f;
position: relative;
}
header #menu-primary-menu > li:last-child > a::after {
content: "";
position: absolute;
left: 0;
bottom: -2px;
width: 100%;
height: 2px;
background: currentColor;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
header #menu-primary-menu > li:last-child > a:hover::after, header #menu-primary-menu > li:last-child > a:focus-visible::after {
transform: scaleX(1);
transform-origin: left;
}
header #menu-primary-menu > li:last-child > a:not(:hover)::after {
transform-origin: right;
}
header #mega-panels {
position: absolute;
left: 0;
right: 0;
top: 74px;
z-index: 999;
opacity: 1;
transform: translate3d(0, 14px, 0);
pointer-events: none;
will-change: transform, opacity;
transition: opacity 180ms ease-out, transform 320ms cubic-bezier(0.16, 1, 0.3, 1);
}
header #mega-panels.is-open {
opacity: 1;
transform: translate3d(0, 0, 0);
pointer-events: auto;
}
header .mega-panel {
--panel-accent: #c1d42f;
}
header { }
header .mega-panel--rent {
--panel-accent: #ff8d28;
}
header { }
header .mega-panel--sell {
--panel-accent: #ff2e69;
}
header { }
header .mega-panel .mega-card__body svg {
color: var(--panel-accent);
}
header .mega-panel--rent .mega-heading,
header .mega-panel--rent .mega-subheading {
color: #ff8d28;
}
header .mega-panel--rent .mega-cards-grid .mega-card__media::after {
background-color: #ff8d28;
color: #ffffff;
}
header .mega-panel--sell .mega-heading,
header .mega-panel--sell .mega-subheading {
color: #ff2e69;
}
header .mega-panel--sell .mega-cards-grid .mega-card__media::after {
background-color: #ff2e69;
color: #ffffff;
}
header .mega-panel {
width: 100%;
}
header .mega-inner {
background-color: #57575c;
padding: 2.5rem 2rem;
border-radius: 12px;
gap: 2rem;
}
header .mega-heading {
grid-column: span 2;
color: #c1d42f;
text-align: center;
font-size: clamp(32px, 32px + 18 * (100vw - 768px) / 672, 50px);
}
header .mega-subheading {
color: #c1d42f;
font-size: clamp(32px, 32px + 18 * (100vw - 768px) / 672, 50px);
}
header .mega-links {
padding: 0;
margin: 0;
grid-column: 3/6;
}
header .mega-links li a {
display: flex;
flex-direction: row;
justify-content: start;
align-items: center;
font-size: clamp(16px, 16px + 4 * (100vw - 768px) / 672, 20px);
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
gap: 0.5rem;
line-height: 1.4;
position: relative;
text-decoration: none;
cursor: pointer;
margin-bottom: 1rem;
}
@media (min-width: 1600px) {
header .mega-cards {
grid-column: 6/12;
}
}
header .mega-cards {
grid-column: 6/13;
}
header .mega-cards-grid {
margin-top: 0.5rem;
}
header .mega-cards-grid .mega-card {
display: block;
text-decoration: none;
color: #ffffff;
}
header .mega-cards-grid .mega-card__media {
aspect-ratio: 278.1475/225.8557;
overflow: hidden;
position: relative;
border-radius: 12px;
}
header .mega-cards-grid .mega-card__media img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
display: block;
transform: scale(1);
transition: transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);
will-change: transform;
}
header .mega-cards-grid .mega-card__media::after {
content: "View";
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding-block: 0.5rem;
text-align: center;
background-color: #c1d42f;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
color: #2d2d35;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
line-height: 100%;
transform: translateY(110%);
opacity: 0;
transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease;
pointer-events: none;
z-index: 2;
}
header .mega-cards-grid .mega-card:hover .mega-card__media img,
header .mega-cards-grid .mega-card:focus-visible .mega-card__media img {
transform: scale(1.06);
}
header .mega-cards-grid .mega-card:hover .mega-card__media::after,
header .mega-cards-grid .mega-card:focus-visible .mega-card__media::after {
transform: translateY(0);
opacity: 1;
}
header .mega-cards-grid .mega-card__body {
margin-top: 1.15rem;
}
header .mega-cards-grid .mega-card__price {
font-family: "IvyJournal", serif !important;
font-weight: normal;
font-style: normal;
font-size: clamp(17px, 17px + 5 * (100vw - 768px) / 672, 22px);
font-weight: 700;
}
header .mega-cards-grid .mega-card__title,
header .mega-cards-grid .mega-card__beds {
font-weight: 300;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
}
header .burger-wrap {
z-index: 9999;
}
header .burger-btn {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 2rem;
height: 25px;
background: none;
border: none;
cursor: pointer;
z-index: 1001;
padding: 0;
transition: transform 0.3s ease;
}
header .burger-btn:hover span {
background-color: #c1d42f;
}
header .burger-btn span {
display: block;
height: 3px;
width: 100%;
background-color: #ffffff;
border-radius: 32px;
transition: all 0.3s ease;
transform-origin: center;
}
header .burger-btn.open span:nth-child(1) {
transform: rotate(45deg) translate(8px, 8px);
}
header .burger-btn.open span:nth-child(2) {
opacity: 0;
transform: translateX(-20px);
}
header .burger-btn.open span:nth-child(3) {
transform: rotate(-45deg) translate(7px, -7px);
}
header { }
header .dropdown-icon--mobile {
display: none;
}
header { }
@media (max-width: 768px) {
header .dropdown-icon--desktop {
display: none;
}
header .dropdown-icon--mobile {
display: inline-flex;
}
}
header .mobile-nav {
padding-top: calc(6rem + env(safe-area-inset-top));
}
header .mobile-nav:before {
content: "";
position: fixed;
top: 0;
left: 0;
right: 0;
height: env(safe-area-inset-top);
background: #57575c;
z-index: 1001;
pointer-events: none;
}
header .mobile-nav .mobile-panel__properties {
position: relative;
}
header .mobile-nav .mobile-property-swiper {
position: relative;
overflow: visible;
padding-inline: 10px;
}
header .mobile-nav .mobile-property-nav {
pointer-events: none;
}
header .mobile-nav .mobile-property-nav .mobile-property-nav__btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 5;
background: none;
border: 0;
padding: 0;
cursor: pointer;
width: 45px;
height: 45px;
display: grid;
place-items: center;
pointer-events: auto;
}
header .mobile-nav .mobile-property-nav .mobile-property-nav__btn svg {
display: block;
width: 100%;
height: 100%;
transition: transform 0.2s ease, opacity 0.2s ease;
}
header .mobile-nav .mobile-property-nav .mobile-property-nav__btn:active svg {
transform: scale(0.92);
}
header .mobile-nav .mobile-property-nav .mobile-property-nav__btn.swiper-button-disabled {
opacity: 0.35;
pointer-events: none;
}
header .mobile-nav .mobile-property-nav .mobile-property-nav__btn--prev {
left: -10px;
}
header .mobile-nav .mobile-property-nav .mobile-property-nav__btn--next {
right: -10px;
}
header .mobile-nav {
position: fixed;
top: 0;
left: 0;
width: 100dvw;
height: 100dvh;
overflow-y: auto;
padding: 6rem 0rem 0rem 0rem;
background-color: #57575c;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.3s ease, visibility 0.3s ease;
z-index: 1000;
display: flex;
flex-direction: column;
font-family: "DIN Condensed", sans-serif !important;
font-weight: normal;
font-style: normal;
}
header .mobile-nav .mega-card__tag {
position: absolute;
z-index: 1;
left: 0.5rem;
border-radius: 100px;
top: 0.5rem;
padding: 0.65rem 1.15rem;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
}
header .mobile-nav .mega-card__tag.sell {
background-color: #ff2e69;
}
header .mobile-nav .mobile-panel__properties {
margin-block: 2rem;
overflow-x: hidden;
position: relative;
}
header .mobile-nav .mobile-panel__properties-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
margin-bottom: 1rem;
}
header .mobile-nav .mobile-panel__subtitle {
color: #c1d42f;
font-size: clamp(18px, 18px + 6 * (100vw - 768px) / 672, 24px);
margin: 0;
}
header .mobile-nav .mobile-property-swiper {
width: 100%;
overflow: visible;
padding-bottom: 0.25rem;
position: relative;
}
header .mobile-nav .mobile-property-swiper .swiper-wrapper {
align-items: stretch;
}
header .mobile-nav .mobile-property-swiper .swiper-slide {
height: auto;
}
header .mobile-nav .mobile-property-swiper .swiper-slide {
height: auto;
}
header .mobile-nav .mobile-property-swiper .mega-card--mobile {
display: block;
text-decoration: none;
color: #ffffff;
}
header .mobile-nav .mobile-property-swiper .mega-card--mobile .mega-card__media {
border-radius: 12px;
overflow: hidden;
aspect-ratio: 278.1475/225.8557;
}
header .mobile-nav .mobile-property-swiper .mega-card--mobile .mega-card__media img {
width: 100%;
height: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
}
header .mobile-nav .mobile-property-swiper .mega-card--mobile .mega-card__media::after {
content: "View";
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding-block: 0.5rem;
text-align: center;
background-color: #c1d42f;
color: #2d2d35;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
transform: translateY(110%);
opacity: 0;
transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease;
pointer-events: none;
z-index: 2;
}
header .mobile-nav .mobile-property-swiper .mega-card--mobile .mega-card__media {
position: relative;
}
header .mobile-nav .mobile-property-swiper .mega-card--mobile:active .mega-card__media::after {
transform: translateY(0);
opacity: 1;
}
header .mobile-nav .mobile-property-swiper .mega-card--mobile .mega-card__body {
margin-top: 0.9rem;
}
header .mobile-nav .mobile-property-swiper .mega-card--mobile .mega-card__price {
font-family: "IvyJournal", serif !important;
font-weight: normal;
font-style: normal;
font-size: clamp(17px, 17px + 5 * (100vw - 768px) / 672, 22px);
}
header .mobile-nav .mobile-property-swiper .mega-card--mobile .mega-card__beds {
font-weight: 300;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
}
header .mobile-nav .mobile-property-swiper .mega-card--mobile .mega-card__title {
font-weight: 300;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
line-height: 1.2;
}
header .mobile-nav .mobile-property-swiper .mega-card--mobile svg path {
stroke: #c1d42f;
}
header .mobile-nav .mobile-property-card {
display: block;
text-decoration: none;
color: #ffffff;
overflow: hidden;
}
header .mobile-nav .mobile-property-card .mobile-property-card__img {
aspect-ratio: 16/10;
overflow: hidden;
}
header .mobile-nav .mobile-property-card .mobile-property-card__img img {
width: 100%;
height: 100%;
border-radius: 6px;
display: block;
-o-object-fit: cover;
object-fit: cover;
}
header .mobile-nav .mobile-property-card .mobile-property-card__body {
padding: 0.85rem 0.9rem;
}
header .mobile-nav .mobile-property-card .mobile-property-card__price {
font-family: "IvyJournal", serif !important;
font-weight: normal;
font-style: normal;
font-size: clamp(17px, 17px + 5 * (100vw - 768px) / 672, 22px);
display: block;
margin-bottom: 0.25rem;
}
header .mobile-nav .mobile-property-card .mobile-property-card__title {
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
font-weight: 300;
line-height: 1.2;
}
header .mobile-nav .mobile-property-nav {
display: flex;
gap: 0.5rem;
flex: 0 0 auto;
pointer-events: none;
}
header .mobile-nav .mobile-property-nav .mobile-property-nav__btn {
margin: 1rem;
width: 42px;
height: 42px;
border-radius: 999px;
background: transparent;
display: grid;
place-items: center;
padding: 0;
cursor: pointer;
}
header .mobile-nav .mobile-property-nav .mobile-property-nav__btn span {
width: 10px;
height: 10px;
border-right: 2px solid #faf8f4;
border-bottom: 2px solid #faf8f4;
display: block;
}
header .mobile-nav .mobile-property-nav .mobile-property-nav__btn--prev span {
transform: rotate(135deg);
margin-left: 4px;
}
header .mobile-nav .mobile-property-nav .mobile-property-nav__btn--next span {
transform: rotate(-45deg);
margin-right: 4px;
}
header .mobile-nav .mobile-property-nav .mobile-property-nav__btn.swiper-button-disabled {
opacity: 0.35;
cursor: not-allowed;
}
header .mobile-nav .cta-button {
max-width: -moz-fit-content;
max-width: fit-content;
margin: auto;
display: flex;
}
header .mobile-nav .mobile-bottom {
position: absolute;
bottom: 1rem;
left: 0;
width: 100%;
z-index: 1;
}
header .mobile-nav.nav-open {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
header .mobile-nav li {
line-height: 1;
}
header .mobile-nav .menu-text {
margin-top: 1rem;
font-family: "DIN Condensed", sans-serif !important;
font-weight: normal;
font-style: normal;
}
header .mobile-nav ul.menu-primary {
list-style: none;
padding: 0;
margin: 0;
transition: opacity 0.25s ease, transform 0.25s ease;
}
header .mobile-nav ul.menu-primary li:last-child {
display: none;
}
header .mobile-nav ul.menu-primary a {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 0;
gap: 0.5rem;
line-height: 1;
text-decoration: none;
color: #faf8f4;
font-size: clamp(48px, 48px + 52 * (100vw - 768px) / 672, 100px);
text-transform: uppercase;
font-family: "DIN Condensed", sans-serif !important;
}
header .mobile-nav #menu-burger-additional-menu {
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 0.85rem;
margin-top: 1.5rem;
}
header .mobile-nav #menu-burger-additional-menu li {
list-style-type: none;
}
header .mobile-nav #menu-burger-additional-menu li a {
color: #faf8f4;
text-decoration: none;
font-size: clamp(18px, 18px + 6 * (100vw - 768px) / 672, 24px);
}
header .mobile-container {
position: relative;
flex: 1;
width: 100%;
overflow: hidden;
z-index: 1;
padding: 0 1rem;
}
header .mobile-panels {
position: absolute;
inset: 0;
z-index: 5;
pointer-events: none;
}
header .dropdown-icon--desktop {
display: inline-flex;
}
header .dropdown-icon--mobile {
display: none;
}
@media (max-width: 768px) {
header .dropdown-icon--desktop {
display: none;
}
header .dropdown-icon--mobile {
display: inline-flex;
}
}
header .mobile-panel {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
background: #57575c;
transform: translateX(100%);
transition: transform 0.35s ease;
pointer-events: auto;
display: flex;
flex-direction: column;
overflow-y: auto;
}
header .mobile-panel .mobile-panel__header {
display: flex;
align-items: center;
gap: 1.2rem;
padding: 0 1rem;
}
header .mobile-panel .mobile-panel__header .mobile-panel__title {
color: #c1d42f;
font-size: clamp(48px, 48px + 52 * (100vw - 768px) / 672, 100px);
text-transform: uppercase;
font-family: "DIN Condensed", sans-serif !important;
}
header .mobile-panel .mobile-panel__links {
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 0.85rem;
padding: 0 1rem;
}
header .mobile-panel .mobile-panel__links li {
list-style-type: none;
}
header .mobile-panel .mobile-panel__links li a {
color: #faf8f4;
text-decoration: none;
font-size: clamp(18px, 18px + 6 * (100vw - 768px) / 672, 24px);
}
header .mobile-panel .mobile-panel__back {
background: none;
border: 0;
padding: 0;
margin-top: -1rem;
}
header .mobile-panel.is-active {
transform: translateX(0);
}
header .mobile-nav .mobile-bottom,
header .mobile-nav .menu-burger-extra {
transition: opacity 0.25s ease, transform 0.25s ease;
}
header .mobile-nav.panel-open .mobile-bottom,
header .mobile-nav.panel-open .menu-burger-extra,
header .mobile-nav.panel-open .menu-primary {
opacity: 0;
transform: translateY(12px);
pointer-events: none;
}
header .mobile-nav .mobile-properties-swiper {
width: 100%;
}
header .mobile-nav .mobile-properties-swiper .swiper-wrapper {
width: 100%;
}
header .mobile-nav .mobile-properties-swiper .swiper-slide {
width: 100%;
}
header .mobile-nav .mobile-property-card__img img {
width: 100%;
height: auto;
display: block;
}
@media (min-width: 768px) {
header .nav-wrap-desktop {
display: block;
}
header .nav-wrap-mobile {
display: none;
}
}
.valuation-btn-wrap {
position: fixed;
bottom: 2rem;
right: 0rem;
z-index: 1000;
padding-left: clamp(1.5rem, 1.05rem + 1.92vw, 4.05rem);
padding-right: clamp(1.5rem, 1.05rem + 1.92vw, 4.05rem);
max-width: 125rem;
opacity: 0;
visibility: hidden;
transform: translateY(16px) scale(0.95);
pointer-events: none;
transition: opacity 0.35s ease, transform 0.35s ease, visibility 0.35s ease;
}
.valuation-btn-wrap .valuation-btn {
display: block;
width: 120px;
height: 120px;
transition: transform 0.3s ease;
}
@media (max-width: 1600px) {
.valuation-btn-wrap .valuation-btn {
width: 100px;
height: 100px;
}
}
@media (max-width: 768px) {
.valuation-btn-wrap .valuation-btn {
width: 70px;
height: 70px;
}
}
.valuation-btn-wrap .valuation-btn:hover {
transform: scale(1.05);
}
.valuation-btn-wrap.is-hidden {
opacity: 0;
visibility: hidden;
transform: translateY(16px) scale(0.95);
pointer-events: none;
}
.valuation-btn-wrap.is-visible {
opacity: 1;
visibility: visible;
transform: translateY(0) scale(1);
pointer-events: auto;
}
footer {
padding-bottom: 1rem;
z-index: 3;
position: relative;
}
footer .top .left {
grid-column: 1/-1;
}
footer .top .left .hero-search {
width: 450px;
max-width: 450px;
}
@media (max-width: 768px) {
footer .top .left .hero-search {
max-width: 100%;
}
}
@media (min-width: 1280px) {
footer .top .left .hero-search {
width: 420px;
max-width: 420px;
}
}
footer .top .left .toggle-wrap {
z-index: 1;
position: relative;
}
footer .top .left .toggle-wrap .toggle-btn {
background: none;
border: none;
cursor: pointer;
padding: 0;
font-size: clamp(36px, 36px + 24 * (100vw - 768px) / 672, 60px);
font-family: "DIN Condensed", sans-serif !important;
font-weight: normal;
font-style: normal;
position: relative;
transition: opacity 0.25s ease;
line-height: 1.2;
}
footer .top .left .toggle-wrap .toggle-btn::before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0.1em;
background: rgba(255, 255, 255, 0.2);
height: 9px;
}
@media (max-width: 1600px) {
footer .top .left .toggle-wrap .toggle-btn::before {
height: 6px;
}
}
@media (max-width: 1280px) {
footer .top .left .toggle-wrap .toggle-btn::before {
height: 4px;
}
}
footer .top .left .toggle-wrap .toggle-btn::after {
content: "";
position: absolute;
left: 0;
bottom: 0.1em;
height: 9px;
}
@media (max-width: 1600px) {
footer .top .left .toggle-wrap .toggle-btn::after {
height: 6px;
}
}
@media (max-width: 1280px) {
footer .top .left .toggle-wrap .toggle-btn::after {
height: 4px;
}
}
footer .top .left .toggle-wrap .toggle-btn::after {
width: 100%;
background: var(--toggle-color, #ffffff);
transform: scaleX(0);
transform-origin: left center;
transition: transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);
}
footer .top .left .toggle-wrap .toggle-btn.is-active {
opacity: 1;
}
footer .top .left .toggle-wrap .toggle-btn.is-active::after {
transform: scaleX(1);
}
footer .top .left .toggle-wrap .toggle-btn[data-toggle=buy] {
--toggle-color: #c1d42f;
background: linear-gradient(to top, #c1d42f 50%, #faf8f4 50%);
background-size: 100% 200%;
background-position: 0 0;
-webkit-background-clip: text;
background-clip: text;
color: transparent;
transition: background-position 0.6s ease;
}
footer .top .left .toggle-wrap .toggle-btn[data-toggle=buy]:hover, footer .top .left .toggle-wrap .toggle-btn[data-toggle=buy]:focus-visible, footer .top .left .toggle-wrap .toggle-btn[data-toggle=buy].is-active {
background-position: 0 100%;
}
footer .top .left .toggle-wrap .toggle-btn[data-toggle=rent] {
--toggle-color: #ff8d28;
background: linear-gradient(to top, #ff8d28 50%, #faf8f4 50%);
background-size: 100% 200%;
background-position: 0 0;
-webkit-background-clip: text;
background-clip: text;
color: transparent;
transition: background-position 0.6s ease;
}
footer .top .left .toggle-wrap .toggle-btn[data-toggle=rent]:hover, footer .top .left .toggle-wrap .toggle-btn[data-toggle=rent]:focus-visible, footer .top .left .toggle-wrap .toggle-btn[data-toggle=rent].is-active {
background-position: 0 100%;
}
footer .top .left .toggle-wrap .toggle-btn[data-toggle=sell] {
--toggle-color: #ff2e69;
background: linear-gradient(to top, #ff2e69 50%, #faf8f4 50%);
background-size: 100% 200%;
background-position: 0 0;
-webkit-background-clip: text;
background-clip: text;
color: transparent;
transition: background-position 0.6s ease;
}
footer .top .left .toggle-wrap .toggle-btn[data-toggle=sell]:hover, footer .top .left .toggle-wrap .toggle-btn[data-toggle=sell]:focus-visible, footer .top .left .toggle-wrap .toggle-btn[data-toggle=sell].is-active {
background-position: 0 100%;
}
footer .top .left .toggle-wrap .hero-search__form {
display: flex;
align-items: center;
width: auto;
max-width: 450px;
border-radius: 10px;
overflow: hidden;
background: transparent;
transition: background 0.3s ease, border-color 0.3s ease;
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
--accent: #c1d42f;
border: 1px solid var(--accent);
}
footer .top .left .toggle-wrap .hero-search__form.orange {
--accent: #ff8d28;
}
footer .top .left .toggle-wrap .hero-search__form.pink {
--accent: #ff2e69;
}
footer .top .left .toggle-wrap .hero-search__form:focus-within {
background: #57575c;
}
footer .top .left .toggle-wrap .hero-search__form .hero-search__submit svg path,
footer .top .left .toggle-wrap .hero-search__form .hero-search__submit svg circle,
footer .top .left .toggle-wrap .hero-search__form .hero-search__submit svg line,
footer .top .left .toggle-wrap .hero-search__form .hero-search__submit svg polyline {
stroke: var(--accent) !important;
}
footer .top .left .toggle-wrap .hero-search__form .hero-search__field {
flex: 1;
}
footer .top .left .toggle-wrap .hero-search__form .hero-search__field input {
width: 100%;
padding: 1rem 0.75rem;
background: transparent;
border: none;
outline: none;
color: #faf8f4;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
font-family: "Area Normal", sans-serif !important;
font-weight: 300;
font-style: normal;
}
footer .top .left .toggle-wrap .hero-search__form .hero-search__field input::-moz-placeholder {
color: #ffffff;
}
footer .top .left .toggle-wrap .hero-search__form .hero-search__field input::placeholder {
color: #ffffff;
}
footer .top .left .toggle-wrap .hero-search__form .hero-search__submit {
background: transparent;
border: none;
padding: 0 0.5rem;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: transform 0.3s ease, opacity 0.3s ease;
}
footer .top .left .toggle-wrap .hero-search__form .hero-search__submit:hover {
transform: scale(1.08);
opacity: 0.8;
}
footer .top .left .toggle-wrap .hero-search__form .hero-search__submit svg {
display: block;
}
@media (min-width: 1600px) {
footer .top .left .toggle-wrap .hero-search__form {
width: 100%;
max-width: 100%;
}
}
footer .top .left .popular-searches {
margin: 2rem 0;
}
footer .top .left .popular-searches p {
line-height: normal;
color: #faf8f4;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
font-family: "Area Normal", sans-serif !important;
font-weight: 500;
font-style: normal;
}
footer .top .left .popular-searches .searches {
flex-wrap: wrap;
}
footer .top .left .popular-searches .searches a {
line-height: normal;
color: #faf8f4;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
font-family: "Area Normal", sans-serif !important;
font-weight: 300;
font-style: normal;
}
@media (min-width: 1024px) {
footer .top .left {
grid-column: 1/6;
}
}
footer .top .right {
grid-column: 1/-1;
display: grid;
gap: 0.5rem;
}
@media (min-width: 1024px) {
footer .top .right .footer-menus-container {
grid-column: span 4;
grid-template-columns: repeat(2, 1fr);
display: grid;
row-gap: 5rem;
}
}
@media (min-width: 1024px) {
footer .top .right .branches-container {
grid-column: span 2;
}
}
footer .top .right button {
letter-spacing: -0.8px;
color: #c1d42f;
font-size: clamp(22px, 22px + 10 * (100vw - 768px) / 672, 32px);
margin-bottom: 0rem;
background-color: transparent;
border: none;
font-family: "DIN Condensed", sans-serif !important;
font-weight: 400;
font-style: normal;
text-transform: uppercase;
line-height: 1.2;
}
@media (min-width: 1024px) {
footer .top .right button {
pointer-events: none;
padding: 0;
margin-bottom: 0.5rem;
}
footer .top .right button svg {
display: none;
}
}
footer .top .right ul {
list-style: none;
padding: 0;
}
footer .top .right li + li {
margin-top: 11px;
}
footer .top .right a {
text-decoration: none;
color: #faf8f4;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
transition: all 0.3s ease-in-out;
font-family: "Area Normal", sans-serif !important;
font-weight: 300;
font-style: normal;
}
footer .top .right a:hover {
color: #c1d42f;
}
@media (min-width: 1024px) {
footer .top .right {
grid-column: 7/-1;
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 0rem;
align-items: start;
}
}
footer .bottom {
margin-top: 3rem;
}
footer .bottom .socials {
grid-column: 1/-1;
align-items: flex-end;
margin-bottom: 2rem;
}
footer .bottom .socials img {
width: 40px;
}
@media (max-width: 768px) {
footer .bottom .socials img {
width: 27px;
}
}
footer .bottom .socials img {
height: auto;
transition: opacity 0.4s ease-in-out;
}
footer .bottom .socials img:hover {
opacity: 0.6;
}
@media (min-width: 1024px) {
footer .bottom .socials {
grid-column: 1/6;
margin-bottom: 0;
}
}
footer .bottom .bottom-menus {
grid-column: 1/-1;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2rem;
align-items: flex-end;
}
footer .bottom .bottom-menus ul {
list-style: none;
padding: 0;
}
footer .bottom .bottom-menus li + li {
margin-top: 11px;
}
footer .bottom .bottom-menus a {
text-decoration: none;
color: #faf8f4;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
transition: all 0.3s ease-in-out;
cursor: pointer;
font-family: "Area Normal", sans-serif !important;
font-weight: 300;
font-style: normal;
}
footer .bottom .bottom-menus a:hover {
color: #c1d42f;
}
footer .bottom .bottom-menus .footer-logo svg {
max-width: 100%;
height: auto;
}
@media (min-width: 1024px) {
footer .bottom .bottom-menus {
grid-column: 7/-1;
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 1600px) {
footer .bottom .bottom-menus {
gap: 4rem;
}
}
footer .bottom .bottom-menus > * {
min-width: 0;
}
@media (min-width: 1024px) {
footer .bottom {
margin-top: 10rem;
}
}
@media (min-width: 1600px) {
footer .bottom {
margin-top: 8rem;
}
}
footer .dividing-line {
content: "";
width: 100%;
background-color: #faf8f4;
height: 1px;
margin: 2.5rem 0;
}
footer .policies {
flex-wrap: wrap;
gap: 1rem;
}
footer .policies p,
footer .policies a {
font-size: 12px;
color: #faf8f4;
text-decoration: none;
font-family: "Area Normal", sans-serif !important;
font-weight: 300;
font-style: normal;
transition: all 0.4s ease-in-out;
}
footer .policies a:hover {
color: #c1d42f;
}
footer .policies ul {
list-style: none;
display: flex;
gap: 0;
padding: 0;
}
footer .policies .policies-menu li:not(:last-child)::after {
content: "|";
margin: 0 0.75rem;
opacity: 1;
}
@media (min-width: 1024px) {
footer .policies {
flex-wrap: unset;
gap: 0;
}
}
@media (max-width: 1024px) {
.footer-column.dropdown {
border-radius: 10px;
transition: all 0.4s ease-in-out;
}
.footer-column.dropdown .dropdown-btn {
color: #c1d42f;
font-size: clamp(32px, 32px + 18 * (100vw - 768px) / 672, 50px);
font-family: "DIN Condensed", sans-serif !important;
font-weight: 600;
font-style: normal;
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
}
.footer-column.dropdown .dropdown-btn svg {
transition: all 0.4s ease-in-out;
}
.footer-column.dropdown .rotate-arrow {
transform: rotate(180deg);
}
.footer-column.dropdown .footer-menu {
max-height: 0;
overflow: hidden;
transition: max-height 0.35s ease, opacity 0.35s ease;
opacity: 0;
}
.footer-column.dropdown.active .footer-menu {
max-height: 500px;
opacity: 1;
margin-bottom: 1.5rem;
}
} @media screen and (max-width: 1024px) {
.dropdown-btn {
display: block; background: none;
border: none;
color: #fff;
font-weight: bold;
cursor: pointer;
width: 100%;
text-align: left;
padding: 0.5rem 0;
}
}
@media screen and (max-width: 1023px) {
.footer-column.dropdown .footer-menu {
max-height: 0;
overflow: hidden;
opacity: 0;
transition: max-height 0.35s ease, opacity 0.35s ease;
}
.footer-column.dropdown.active .footer-menu {
max-height: 500px;
opacity: 1;
margin-bottom: 1.5rem;
}
.footer-column.dropdown .dropdown-btn svg {
transition: transform 0.35s ease;
}
.footer-column.dropdown .dropdown-btn svg.rotate-arrow {
transform: rotate(180deg);
}
}
.error-page {
min-height: calc(100dvh - var(--header-height, 100px));
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding-top: 10rem;
}
.error-page .wrap {
width: 100%;
}
.error-page .content {
display: flex;
align-items: center;
justify-content: center;
}
.error-page h1 {
display: none;
}
.error-page p {
color: #ffffff;
}
@media (max-width: 1600px) {
.error-page svg {
width: 300px;
height: auto;
}
}
@media (max-width: 768px) {
.error-page svg {
width: 175px;
}
}
.property-search-form {
--department-color: #c1d42f;
--department-contrast: #2d2d35;
}
.property-search-form.is-sales-mode {
--department-color: #c1d42f;
--department-contrast: #2d2d35;
}
.property-search-form.is-lettings-mode {
--department-color: #ff8d28;
--department-contrast: #2d2d35;
}
.property-search-form.is-commercial-mode {
--department-color: #ffeb54;
--department-contrast: #2d2d35;
}
.property-search-form.is-sold-mode,
.property-search-form.is-sold-active {
--department-color: #ff2e69;
--department-contrast: #ffffff;
}
.property-search-form .input-icon svg path {
stroke: var(--department-color) !important;
}
.property-search-form .filter-icon svg rect,
.property-search-form .filter-icon svg line {
stroke: var(--department-color) !important;
}
.property-search-form .filter-icon svg circle {
fill: var(--department-color) !important;
}
.search-submit svg rect {
fill: var(--department-color) !important;
}
.search-submit svg path {
stroke: var(--department-contrast) !important;
}
.filter-icon svg rect,
.filter-icon svg line {
stroke: var(--department-color) !important;
}
.filter-icon svg circle {
fill: var(--department-color) !important;
}
.input-icon svg path {
stroke: var(--department-color) !important;
}
.sticky-controls.is-fixed {
position: fixed;
top: 0; left: 0;
right: 0;
}
@media (max-width: 768px) {
.sticky-controls.is-fixed {
left: -8px;
right: -8px;
}
}
.sticky-controls.is-fixed {
z-index: 9999;
padding-left: clamp(1.5rem, 1.05rem + 1.92vw, 4.05rem);
padding-right: clamp(1.5rem, 1.05rem + 1.92vw, 4.05rem);
}
.sticky-controls-spacer.is-active {
display: block;
}
.sticky-controls {
position: relative; z-index: 1; }
.sticky-controls::before {
content: "";
position: absolute;
inset: 0; width: 200vw;
left: -100rem; background: #2d2d35;  z-index: -1; }
.sticky-controls {
grid-column: span 12;
background-color: #2d2d35;
display: grid;
margin-left: auto;
margin-right: auto;
max-width: 125rem;
padding-block: 1rem;
gap: 2rem;
}
@media (max-width: 768px) {
.sticky-controls {
display: flex;
justify-content: space-between;
}
}
.property-filters .property-search-form:has(.label-buy.is-active) .search-submit svg rect {
fill: #c1d42f !important;
}
.property-filters .property-search-form:has(.label-buy.is-active) .search-submit svg path {
stroke: #2d2d35 !important;
}
.property-filters .property-search-form:has(.label-rent.is-active) .search-submit svg rect {
fill: #ff8d28 !important;
}
.property-filters .property-search-form:has(.label-rent.is-active) .search-submit svg path {
stroke: #2d2d35 !important;
}
.property-filters .property-search-form:has(.label-commercial.is-active) .search-submit svg rect {
fill: #ffeb54 !important;
}
.property-filters .property-search-form:has(.label-commercial.is-active) .search-submit svg path {
stroke: #2d2d35 !important;
}
.property-filters .property-search-form:has(.label-sold.is-active) .search-submit svg rect {
fill: #ff2e69 !important;
}
.property-filters .property-search-form:has(.label-sold.is-active) .search-submit svg path {
stroke: #ffffff !important;
}
.is-commercial-mode .control-other-filters {
display: flex;
justify-content: flex-start !important;
}
.is-commercial-mode .budget-set {
gap: 10px !important;
}
.is-commercial-mode .property-filters .control-maximum_floor_area select {
width: auto !important;
}
.property-filters {
padding-top: 6.5rem;
}
.property-filters .property-search-form {
grid-template-columns: repeat(12, 1fr);
gap: 32px;
}
@media (max-width: 768px) {
.property-filters .property-search-form {
display: block;
}
}
.property-filters .control {
padding: 0;
}
.property-filters { }
.property-filters label input[type=checkbox] {
position: absolute;
opacity: 0;
pointer-events: none;
}
.property-filters { }
.property-filters label {
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.property-filters { }
.property-filters label.is-active { }
.property-filters .label-buy.is-active {
color: #c1d42f !important;
}
.property-filters .label-buy.is-active::after {
background: #c1d42f !important;
}
.property-filters .label-rent.is-active {
color: #ff8d28 !important;
}
.property-filters .label-rent.is-active::after {
background: #ff8d28 !important;
}
.property-filters .label-commercial.is-active {
color: #ffeb54 !important;
}
.property-filters .label-commercial.is-active::after {
background: #ffeb54 !important;
}
.property-filters .label-sold.is-active {
color: #ff2e69 !important;
}
.property-filters .label-sold.is-active::after {
background: #ff2e69 !important;
}
.property-filters .control-department {
grid-column: span 12;
justify-content: space-between;
display: flex;
width: 100%;
}
@media (max-width: 768px) {
.property-filters .control-department {
overflow: hidden;
}
}
.property-filters .control-main-wrap {
display: inline-flex;
gap: 2rem;
width: 100%;
}
@media (max-width: 768px) {
.property-filters .control-main-wrap {
display: flex;
flex-wrap: nowrap;
gap: 1rem;
width: -moz-max-content;
width: max-content;
min-width: 100%;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
padding-bottom: 0.25rem;
}
}
@media (max-width: 768px) {
.property-filters .control-main-wrap::-webkit-scrollbar {
display: none;
}
.property-filters .control-department label:not(.include-sold) {
flex: 0 0 auto;
white-space: nowrap;
}
}
.property-filters .include-sold {
min-width: 159px;
display: flex;
gap: 1rem;
align-items: center;
justify-content: flex-end;
}
.property-filters .include-sold.is-active .include-sold__box::after {
opacity: 1;
transform: scale(1);
background: #c1d42f;
}
.property-filters .include-sold.is-active .include-sold__box svg rect {
stroke: #c1d42f;
fill: #c1d42f;
}
.property-filters .include-sold .include-sold__text {
line-height: 1;
}
.property-filters .control-department label:not(.include-sold) {
position: relative;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
font-size: clamp(44px, 44px + 36 * (100vw - 768px) / 672, 80px);
font-family: "DIN Condensed", sans-serif !important;
font-weight: normal;
font-style: normal;
text-transform: uppercase;
}
.property-filters .control-department label:not(.include-sold)::before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0.1em;
height: 9px;
}
@media (max-width: 1280px) {
.property-filters .control-department label:not(.include-sold)::before {
height: 6px;
}
}
.property-filters .control-department label:not(.include-sold)::before {
background: rgba(255, 255, 255, 0.2);
}
.property-filters .control-department label:not(.include-sold)::after {
content: "";
position: absolute;
left: 0;
bottom: 0.1em;
height: 9px;
width: 100%;
transform: scaleX(0);
transform-origin: left center;
transition: transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);
}
@media (max-width: 1280px) {
.property-filters .control-department label:not(.include-sold)::after {
height: 6px;
}
}
.property-filters .control-department label:not(.include-sold):hover::after, .property-filters .control-department label:not(.include-sold):focus-visible::after, .property-filters .control-department label:not(.include-sold).is-active::after {
transform: scaleX(1);
}
.property-filters .control-department label.label-buy {
--toggle-color: #c1d42f;
background: linear-gradient(to top, #c1d42f 50%, #faf8f4 50%);
background-size: 100% 200%;
background-position: 0 0;
-webkit-background-clip: text;
background-clip: text;
color: transparent;
transition: background-position 0.6s ease;
}
.property-filters .control-department label.label-buy:hover, .property-filters .control-department label.label-buy:focus-visible, .property-filters .control-department label.label-buy.is-active {
background-position: 0 100%;
}
.property-filters .control-department label.label-buy::after {
background: #c1d42f;
}
.property-filters .control-department label.label-rent {
--toggle-color: #ff8d28;
background: linear-gradient(to top, #ff8d28 50%, #faf8f4 50%);
background-size: 100% 200%;
background-position: 0 0;
-webkit-background-clip: text;
background-clip: text;
color: transparent;
transition: background-position 0.6s ease;
}
.property-filters .control-department label.label-rent:hover, .property-filters .control-department label.label-rent:focus-visible, .property-filters .control-department label.label-rent.is-active {
background-position: 0 100%;
}
.property-filters .control-department label.label-rent::after {
background: #ff8d28;
}
.property-filters .control-department label.label-commercial {
--toggle-color: #ffeb54;
background: linear-gradient(to top, #ffeb54 50%, #faf8f4 50%);
background-size: 100% 200%;
background-position: 0 0;
-webkit-background-clip: text;
background-clip: text;
color: transparent;
transition: background-position 0.6s ease;
}
.property-filters .control-department label.label-commercial:hover, .property-filters .control-department label.label-commercial:focus-visible, .property-filters .control-department label.label-commercial.is-active {
background-position: 0 100%;
}
.property-filters .control-department label.label-commercial::after {
background: #ffeb54;
}
.property-filters .control-department label.label-sold {
--toggle-color: #ff2e69;
background: linear-gradient(to top, #ff2e69 50%, #b8b9bd 50%);
background-size: 100% 200%;
background-position: 0 0;
-webkit-background-clip: text;
background-clip: text;
color: transparent;
transition: background-position 0.6s ease;
}
.property-filters .control-department label.label-sold:hover, .property-filters .control-department label.label-sold:focus-visible, .property-filters .control-department label.label-sold.is-active {
background-position: 0 100%;
}
.property-filters .control-department label.label-sold::after {
background: #ff2e69;
}
.property-filters .control-department input[type=radio] {
position: absolute;
opacity: 0;
pointer-events: none;
}
.property-filters .control-address_keyword label,
.property-filters .control-radius label {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0 0 0 0);
white-space: nowrap;
border: 0;
}
.property-filters .control-geo-wrap {
border: 1px solid #c1d42f;
border-radius: 10px;
padding: 0.75rem 0.75rem;
grid-column: 1/5;
display: flex;
gap: 12px;
align-items: center;
justify-content: space-between;
min-width: 0;
width: 510px;
}
@media (max-width: 768px) {
.property-filters .control-geo-wrap {
width: 80%;
}
}
.property-filters .control-geo-wrap .control:first-child {
position: relative;
padding-right: 16px;
border-right: 1px solid white;
}
.property-filters .property-search-form:has(.label-buy.is-active) .control-geo-wrap {
border-color: #c1d42f;
}
.property-filters .property-search-form:has(.label-rent.is-active) .control-geo-wrap {
border-color: #ff8d28;
}
.property-filters .property-search-form:has(.label-commercial.is-active) .control-geo-wrap {
border-color: #ffeb54;
}
.property-filters .property-search-form:has(.label-sold.is-active) .control-geo-wrap {
border-color: #ff2e69;
}
.property-filters .control-other-filters {
display: flex;
grid-column: 5/13;
justify-content: space-between;
align-items: center;
}
@media (min-width: 1024px) {
.property-filters .control-other-filters {
gap: 2rem;
}
}
.property-filters .control-address_keyword {
flex: 1 1 auto;
min-width: 0;
position: relative;
padding-right: 0.75rem;
}
.property-filters .control-radius {
flex: 0 0 auto;
white-space: nowrap;
}
.property-filters .control-radius select {
background: transparent;
border: 0;
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
color: #ffffff;
font-weight: 300;
}
.property-filters .control-radius select::-moz-placeholder {
color: #ffffff;
font-weight: 300;
}
.property-filters .control-radius select::placeholder {
color: #ffffff;
font-weight: 300;
}
.property-filters .control-radius select:focus {
outline: none;
}
.property-filters .control-address_keyword input {
background: transparent;
border: 0;
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
color: #ffffff;
width: 100%;
min-width: 0;
max-width: none;
}
.property-filters .control-address_keyword input::-moz-placeholder {
color: #ffffff;
font-weight: 300;
}
.property-filters .control-address_keyword input::placeholder {
color: #ffffff;
font-weight: 300;
}
.property-filters .control-address_keyword input:focus {
outline: none;
}
.property-filters .control-office {
display: flex;
grid-column: 5/7;
}
.property-filters .control-office .select-wrap {
position: relative;
display: flex;
align-items: center;
min-width: 0;
}
.property-filters .control-office select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background: transparent;
border: 0;
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
color: #ffffff;
width: 100%;
min-width: 0;
padding-right: 28px;
padding-left: 28px;
text-align: left;
}
.property-filters .control-office select:focus {
outline: none;
}
.property-filters { }
.property-filters .control-office .select-wrap::after {
content: "";
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
width: 12px;
height: 8px;
background-repeat: no-repeat;
background-size: 12px 8px;
}
@media (min-width: 1280px) {
.property-filters .control-office .select-wrap::after {
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%220%200%2012%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.369141%200.337891L5.86906%206.33789L11.3691%200.337891%22%20stroke%3D%22white%22/%3E%3C/svg%3E");
}
}
.property-filters .control-office .select-wrap::after {
pointer-events: none;
}
@media (min-width: 1280px) {
.property-filters .control-office label,
.property-filters .control-minimum_price label,
.property-filters .control-maximum_price label,
.property-filters .control-minimum_bedrooms label,
.property-filters .control-property_type label,
.property-filters .control-minimum_rent label,
.property-filters .control-maximum_rent label,
.property-filters .control-maximum_floor_area label,
.property-filters .control-minimum_floor_area label {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0 0 0 0);
white-space: nowrap;
border: 0;
}
}
.property-filters .budget-set {
display: inline-flex;
align-items: center;
gap: 0px;
}
@media (max-width: 1280px) {
.property-filters .budget-set {
gap: 32px;
width: 100%;
}
}
.property-filters .budget-set .control-minimum_price--mobile,
.property-filters .budget-set .control-maximum_price--mobile,
.property-filters .budget-set .control-minimum_rent,
.property-filters .budget-set .control-maximum_rent,
.property-filters .budget-set .control-minimum_floor_area,
.property-filters .budget-set .control-maximum_floor_area {
width: 50%;
}
.property-filters .control-office .select-wrap,
.property-filters .control-minimum_price .select-wrap,
.property-filters .control-maximum_price .select-wrap,
.property-filters .control-minimum_bedrooms .select-wrap,
.property-filters .control-property_type .select-wrap,
.property-filters .control-minimum_rent .select-wrap,
.property-filters .control-maximum_rent .select-wrap,
.property-filters .control-maximum_floor_area .select-wrap,
.property-filters .control-minimum_floor_area .select-wrap {
position: relative;
display: flex;
align-items: center;
min-width: 0;
width: 100%;
}
.property-filters .control-office select,
.property-filters .control-minimum_price select,
.property-filters .control-maximum_price select,
.property-filters .control-minimum_bedrooms select,
.property-filters .control-property_type select,
.property-filters .control-minimum_rent select,
.property-filters .control-maximum_rent select,
.property-filters .control-maximum_floor_area select,
.property-filters .control-minimum_floor_area select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background: transparent;
border: 0;
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
color: #ffffff;
font-weight: 300;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
width: 100%;
min-width: 0;
padding-right: 28px;
padding-left: 12px;
text-align: center;
}
.property-filters .control-office select:focus,
.property-filters .control-minimum_price select:focus,
.property-filters .control-maximum_price select:focus,
.property-filters .control-minimum_bedrooms select:focus,
.property-filters .control-property_type select:focus,
.property-filters .control-minimum_rent select:focus,
.property-filters .control-maximum_rent select:focus,
.property-filters .control-maximum_floor_area select:focus,
.property-filters .control-minimum_floor_area select:focus {
outline: none;
}
.property-filters .control-office .select-wrap::after,
.property-filters .control-minimum_price .select-wrap::after,
.property-filters .control-maximum_price .select-wrap::after,
.property-filters .control-minimum_bedrooms .select-wrap::after,
.property-filters .control-property_type .select-wrap::after,
.property-filters .control-minimum_rent .select-wrap::after,
.property-filters .control-maximum_rent .select-wrap::after,
.property-filters .control-maximum_floor_area .select-wrap::after,
.property-filters .control-minimum_floor_area .select-wrap::after {
content: "";
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
width: 12px;
height: 8px;
background-repeat: no-repeat;
background-size: 12px 8px;
}
@media (min-width: 1280px) {
.property-filters .control-office .select-wrap::after,
.property-filters .control-minimum_price .select-wrap::after,
.property-filters .control-maximum_price .select-wrap::after,
.property-filters .control-minimum_bedrooms .select-wrap::after,
.property-filters .control-property_type .select-wrap::after,
.property-filters .control-minimum_rent .select-wrap::after,
.property-filters .control-maximum_rent .select-wrap::after,
.property-filters .control-maximum_floor_area .select-wrap::after,
.property-filters .control-minimum_floor_area .select-wrap::after {
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%220%200%2012%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.369141%200.337891L5.86906%206.33789L11.3691%200.337891%22%20stroke%3D%22white%22/%3E%3C/svg%3E");
}
}
.property-filters .control-office .select-wrap::after,
.property-filters .control-minimum_price .select-wrap::after,
.property-filters .control-maximum_price .select-wrap::after,
.property-filters .control-minimum_bedrooms .select-wrap::after,
.property-filters .control-property_type .select-wrap::after,
.property-filters .control-minimum_rent .select-wrap::after,
.property-filters .control-maximum_rent .select-wrap::after,
.property-filters .control-maximum_floor_area .select-wrap::after,
.property-filters .control-minimum_floor_area .select-wrap::after {
pointer-events: none;
}
.property-filters .property-search-form input[type=submit] {
width: 54px;
height: 54px;
border: 0;
padding: 0;
cursor: pointer;
font-size: 0;
color: transparent;
background: url("data:image/svg+xml,%3Csvg%20width%3D%2254%22%20height%3D%2254%22%20viewBox%3D%220%200%2054%2054%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Crect%20width%3D%2254%22%20height%3D%2254%22%20rx%3D%2210%22%20fill%3D%22%23C1D42F%22/%3E%3Cpath%20d%3D%22M24.4838%2034.5483C30.2739%2034.5483%2034.9677%2029.8547%2034.9677%2024.0649C34.9677%2018.2751%2030.2739%2013.5815%2024.4838%2013.5815C18.6938%2013.5815%2014%2018.2751%2014%2024.0649C14%2029.8547%2018.6938%2034.5483%2024.4838%2034.5483Z%22%20stroke%3D%22%232D2D35%22%20stroke-width%3D%222%22/%3E%3Cpath%20d%3D%22M31.6113%2031.1934L39.9984%2040.4187%22%20stroke%3D%22%232D2D35%22%20stroke-width%3D%222%22/%3E%3C/svg%3E") no-repeat center/contain;
}
.property-filters .property-search-form input[type=submit]:focus {
outline: none;
}
.property-filters .property-search-form input[type=submit]:hover {
transform: translateY(-1px);
}
.property-filters .property-search-form input[type=submit]:active {
transform: translateY(0);
}
.property-filters .search-submit {
cursor: pointer;
border: none;
background: none;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
}
.property-filters .search-submit svg {
transition: transform 0.2s ease;
}
.property-filters .search-submit svg rect,
.property-filters .search-submit svg path {
transition: fill 0.25s ease, stroke 0.25s ease;
}
.property-filters .search-submit:hover svg rect {
fill: rgb(255, 46, 105);
}
.property-filters .search-submit:hover svg path {
stroke: #ffffff;
}
.property-filters .search-submit:active svg {
transform: translateY(0);
} #ph-search-results-wrap {
position: relative;
} #ph-search-results-wrap.is-loading #ph-search-results {
opacity: 0;
pointer-events: none;
transition: opacity 160ms ease;
} #ph-search-results-wrap .ph-loading-overlay {
position: fixed; inset: 0;
z-index: 9999;
display: none;
pointer-events: none; backdrop-filter: blur(2px);
} #ph-search-results-wrap.is-loading .ph-loading-overlay {
display: block;
} #ph-search-results-wrap .ph-loading-spinner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 54px;
height: 54px;
} #ph-search-results-wrap .ph-loading-spinner::before {
content: "";
position: absolute;
inset: 0;
border-radius: 50%;
border: 2px solid #c1d42f;
border-top-color: rgba(255, 255, 255, 0.9);
animation: phSpin 700ms linear infinite;
}
@keyframes phSpin {
to {
transform: rotate(360deg);
}
} .property-filters .input-icon,
.property-filters .filter-icon {
display: none;
}
@media (max-width: 1280px) {
.property-filters .input-icon,
.property-filters .filter-icon {
display: block;
}
}
@media (max-width: 1280px) {
.property-filters .control-other-filters {
display: none;
}
.property-filters label.include-sold {
display: none !important;
}
.property-filters .control-geo-wrap {
grid-column: 1/11;
border-radius: 5px;
padding: 0.65rem 0.75rem;
}
.property-filters .control-radius {
display: none;
}
.property-filters .control-geo-wrap .control:first-child {
border-right: 0px solid white;
padding-right: 0px;
}
.property-filters .control-address_keyword {
display: flex;
justify-content: space-between;
align-items: center;
}
.property-filters .control-address_keyword .input-with-icon {
position: relative;
}
.property-filters .control-address_keyword .input-with-icon input {
width: 100%;
padding-right: 40px;
}
.property-filters .control-address_keyword .input-with-icon .input-icon {
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%);
display: inline-flex;
pointer-events: none;
}
.property-filters .control-address_keyword .input-with-icon .input-icon svg {
width: 23px;
height: 24px;
display: block;
}
}
.property-filters .filter-icon {
background: 0;
border: 0;
}
.property-filters [hidden] {
display: none !important;
}
.property-filters .filters-panel {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.5);
display: grid;
place-items: stretch;
z-index: 99999;
}
.property-filters .filters-panel .filter-panel__header {
border-bottom: 1px solid #d7d7d7;
padding-bottom: 1rem;
}
.property-filters .filters-panel .filters-panel__content h3 {
margin-top: 12px;
}
.property-filters .filters-panel__inner {
background-color: #2d2d35;
width: 100dvw;
height: 100dvh;
overflow: auto;
position: relative;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 1rem;
will-change: transform;
}
.property-filters .filters-panel__close {
background: none;
border: none;
cursor: pointer;
}
.property-filters .filters-panel__body {
margin-top: 1rem;
}
.property-filters .filters-panel__body label {
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
margin-bottom: 0.75rem;
}
.property-filters .filters-panel__body .include-sold-mobile {
display: flex !important;
margin-top: 1rem;
gap: 0.5rem;
}
.property-filters .filters-panel__body .select-wrap {
position: relative;
}
.property-filters .filters-panel__body .select-wrap select {
width: 100%;
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
background-color: transparent;
color: #ffffff;
border-radius: 5px;
border: 1px solid #c1d42f;
font-weight: 300;
padding: 1rem 2rem 1rem 0.7rem;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.369141 0.337891L5.86906 6.33789L11.3691 0.337891' stroke='white'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 0.7rem center;
background-size: 12px 8px;
text-align: left;
}
.property-filters .filters-panel__body .control-office--mobile,
.property-filters .filters-panel__body .control-group-budget--mobile,
.property-filters .filters-panel__body .control-minimum_bedrooms,
.property-filters .filters-panel__body .control-property_type {
margin-top: 1rem;
display: block;
}
.property-filters .filters-panel__body .search-submit {
display: flex;
margin: 1rem auto;
}
@media (max-width: 1280px) {
.property-filters .filters-panel__body .control {
display: block;
}
}
body.filters-open {
overflow: hidden;
}
@media (max-width: 768px) {
.property-filters .control-department {
display: flex;
width: 100%;
max-width: 100%;
overflow: hidden;
}
.property-filters .control-main-wrap {
display: flex;
flex: 1 1 auto;
min-width: 0;
width: 100%;
max-width: 100%;
flex-wrap: nowrap;
gap: 1rem;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
touch-action: pan-x;
scrollbar-width: none;
padding-bottom: 4px;
}
.property-filters .control-main-wrap::-webkit-scrollbar {
display: none;
}
.property-filters .control-main-wrap > label {
flex: 0 0 auto;
white-space: nowrap;
}
}
.propertyhive-info.no-results-message {
padding-block: 4rem;
text-align: center;
}
.ph-results-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 64px 32px;
margin-bottom: 4rem;
padding-left: 0;
}
@media (max-width: 1024px) {
.ph-results-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.ph-results-grid {
grid-template-columns: repeat(1, 1fr);
gap: 32px 32px;
}
}
.ph-results-grid li {
list-style-type: none;
}
.ph-results-grid > li {
min-width: 0;
}
.ph-results-grid ul,
.ph-results-grid li {
margin: 0;
gap: 0;
}
.ph-results-grid .mega-card {
display: block;
text-decoration: none;
color: #ffffff;
min-width: 0;
position: relative;
z-index: 0;
cursor: pointer;
opacity: 0;
transform: translateY(18px) scale(0.98);
animation: cardIn 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}
@keyframes cardIn {
to {
opacity: 1;
transform: translateY(0) scale(1);
}
}
.ph-results-grid { }
.ph-results-grid .mega-card__whole-link {
position: absolute;
inset: 0;
display: block;
z-index: 3;
text-decoration: none;
pointer-events: none !important;
}
.ph-results-grid { }
.ph-results-grid .mega-card__nav {
position: absolute;
z-index: 6;
pointer-events: auto;
transition: transform 0.2s ease;
}
.ph-results-grid .mega-card__nav circle {
transition: all 0.3s;
}
.ph-results-grid .mega-card__nav:hover circle {
fill: #c1d42f;
}
.ph-results-grid { }
.ph-results-grid .mega-card-swiper,
.ph-results-grid .mega-card-swiper * {
pointer-events: none;
}
.ph-results-grid .mega-card__media,
.ph-results-grid .mega-card__body {
position: relative;
z-index: 0;
}
.ph-results-grid .mega-card__media {
aspect-ratio: 278.1475/225.8557;
overflow: hidden;
position: relative;
border-radius: 12px;
cursor: pointer;
pointer-events: auto;
}
.ph-results-grid .mega-card__media:before {
content: "";
position: absolute;
inset: 0;
z-index: 4;
pointer-events: auto;
background: transparent;
}
.ph-results-grid .mega-card__media .mega-card__tag {
position: absolute;
z-index: 2;
left: 0.5rem;
border-radius: 100px;
top: 0.5rem;
padding: 0.65rem 1.15rem;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
}
.ph-results-grid .mega-card__media .mega-card__tag.sell {
background-color: #ff2e69;
}
.ph-results-grid .mega-card__media .mega-card__tag.rent {
background-color: #ff2e69;
}
.ph-results-grid .mega-card__media .mega-card-swiper {
width: 100%;
height: 100%;
max-width: 100%;
overflow: hidden;
z-index: 1;
position: relative;
}
.ph-results-grid .mega-card__media .mega-card-swiper .swiper-wrapper {
width: 100%;
max-width: 100%;
height: 100%;
}
.ph-results-grid .mega-card__media .mega-card-swiper .swiper-slide {
width: 100% !important;
flex: 0 0 100% !important;
max-width: 100%;
height: 100%;
display: block;
}
.ph-results-grid .mega-card__media .mega-card__img,
.ph-results-grid .mega-card__media .mega-card-swiper img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
transform: scale(1);
transition: transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);
will-change: transform;
}
.ph-results-grid .mega-card__media .mega-card__nav {
top: 50%;
transform: translateY(-50%);
width: 35px;
height: 35px;
border-radius: 999px;
display: grid;
place-items: center;
cursor: pointer;
border: 0;
padding: 0;
background: rgba(250, 248, 244, 0.75);
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
transition: transform 0.2s ease, opacity 0.25s ease;
}
.ph-results-grid .mega-card__media .mega-card__nav--prev {
left: 8px;
}
.ph-results-grid .mega-card__media .mega-card__nav--next {
right: 8px;
}
.ph-results-grid .mega-card__media .mega-card__nav svg {
display: block;
}
.ph-results-grid .mega-card__media .swiper-pagination {
position: absolute;
left: 0;
right: 0;
bottom: 10px;
z-index: 2;
pointer-events: none;
}
.ph-results-grid .mega-card__media::after {
content: "View";
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding-block: 1rem;
text-align: center;
background-color: #c1d42f;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
color: #2d2d35;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
line-height: 100%;
transform: translateY(110%);
opacity: 0;
transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease;
z-index: 2;
pointer-events: none;
}
.ph-results-grid .mega-card:hover .mega-card__media img,
.ph-results-grid .mega-card:focus-visible .mega-card__media img {
transform: scale(1);
}
.ph-results-grid .mega-card:hover .mega-card__media::after,
.ph-results-grid .mega-card:focus-visible .mega-card__media::after {
transform: translateY(0);
opacity: 1;
}
.ph-results-grid .mega-card__body {
margin-top: 1.15rem;
position: relative;
z-index: 0;
}
.ph-results-grid .mega-card__body .commercial-price,
.ph-results-grid .mega-card__body .commercial-rent {
font-family: "IvyJournal", serif !important;
font-weight: normal;
font-style: normal;
font-weight: 600;
font-size: clamp(17px, 17px + 5 * (100vw - 768px) / 672, 22px);
}
.ph-results-grid .mega-card__price {
font-family: "IvyJournal", serif !important;
font-weight: normal;
font-style: normal;
font-size: clamp(17px, 17px + 5 * (100vw - 768px) / 672, 22px);
font-weight: 600;
}
.ph-results-grid .mega-card__title,
.ph-results-grid .mega-card__beds {
font-weight: 300;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
}
#ph-search-pagination {
border-top: 1px solid #d7d7d7;
padding-top: 2rem;
margin-bottom: 4rem;
}
#ph-search-pagination .propertyhive-pagination__controls {
display: flex;
align-items: center;
justify-content: space-between;
}
#ph-search-pagination .page-numbers > li {
display: none;
}
#ph-search-pagination .page-numbers.is-disabled {
opacity: 0;
pointer-events: none;
}
#ph-search-pagination .page-numbers > li:has(.prev),
#ph-search-pagination .page-numbers > li:has(.next) {
display: block;
}
#ph-search-pagination .propertyhive-pagination__prev a,
#ph-search-pagination .propertyhive-pagination__next a,
#ph-search-pagination .propertyhive-pagination__prev .page-numbers,
#ph-search-pagination .propertyhive-pagination__next .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
}
#ph-search-pagination .propertyhive-pagination__prev a svg,
#ph-search-pagination .propertyhive-pagination__next a svg,
#ph-search-pagination .propertyhive-pagination__prev .page-numbers svg,
#ph-search-pagination .propertyhive-pagination__next .page-numbers svg {
display: block;
overflow: visible;
transform: translateZ(0);
}
@media (max-width: 768px) {
#ph-search-pagination .propertyhive-pagination__prev a svg,
#ph-search-pagination .propertyhive-pagination__next a svg,
#ph-search-pagination .propertyhive-pagination__prev .page-numbers svg,
#ph-search-pagination .propertyhive-pagination__next .page-numbers svg {
width: 40px;
}
}
#ph-search-pagination .propertyhive-pagination__prev a circle,
#ph-search-pagination .propertyhive-pagination__next a circle,
#ph-search-pagination .propertyhive-pagination__prev .page-numbers circle,
#ph-search-pagination .propertyhive-pagination__next .page-numbers circle {
fill: transparent;
}
#ph-search-pagination .propertyhive-pagination__prev a path,
#ph-search-pagination .propertyhive-pagination__next a path,
#ph-search-pagination .propertyhive-pagination__prev .page-numbers path,
#ph-search-pagination .propertyhive-pagination__next .page-numbers path {
stroke: #2d2d35;
}
#ph-search-pagination .propertyhive-pagination__prev a circle,
#ph-search-pagination .propertyhive-pagination__next a circle,
#ph-search-pagination .propertyhive-pagination__prev .page-numbers circle,
#ph-search-pagination .propertyhive-pagination__next .page-numbers circle {
transition: fill 300ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
#ph-search-pagination .propertyhive-pagination__prev a path,
#ph-search-pagination .propertyhive-pagination__next a path,
#ph-search-pagination .propertyhive-pagination__prev .page-numbers path,
#ph-search-pagination .propertyhive-pagination__next .page-numbers path {
transition: stroke 300ms cubic-bezier(0.22, 0.61, 0.36, 1), transform 300ms cubic-bezier(0.22, 0.61, 0.36, 1);
transform: translateX(0);
transform-origin: 50% 50%;
}
#ph-search-pagination .propertyhive-pagination__prev a:hover svg circle,
#ph-search-pagination .propertyhive-pagination__next a:hover svg circle,
#ph-search-pagination .propertyhive-pagination__prev .page-numbers:hover svg circle,
#ph-search-pagination .propertyhive-pagination__next .page-numbers:hover svg circle {
fill: rgb(45, 45, 53);
}
#ph-search-pagination .propertyhive-pagination__prev a:hover svg path,
#ph-search-pagination .propertyhive-pagination__next a:hover svg path,
#ph-search-pagination .propertyhive-pagination__prev .page-numbers:hover svg path,
#ph-search-pagination .propertyhive-pagination__next .page-numbers:hover svg path {
stroke: #fff;
transform: translateX(1px);
}
#ph-search-pagination .propertyhive-pagination__meta {
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
font-weight: 500;
font-size: clamp(15px, 15px + 3 * (100vw - 768px) / 672, 18px);
color: #2d2d35;
}
@media (max-width: 768px) {
#ph-search-pagination .propertyhive-pagination__meta {
text-align: center;
}
}
#ph-search-results-wrap #custom-results-map {
display: none;
}
#ph-search-results-wrap #ph-search-results {
display: block;
}
#ph-search-results-wrap.is-map-view #custom-results-map {
display: block;
}
#ph-search-results-wrap.is-map-view #ph-search-results {
display: none;
}
#ph-search-results-wrap.is-map-view #ph-search-pagination {
display: none;
}
#custom-results-map {
margin-top: 0rem;
margin-bottom: 4rem;
border-radius: 12px;
height: 600px;
}
@media (min-width: 1600px) {
#custom-results-map {
height: 900px;
}
}
.ph-results-toggles {
display: flex;
gap: 1.25rem;
margin-top: 0rem;
padding-top: 1.5rem;
flex-direction: column;
}
.ph-results-toggles .is-active {
font-weight: 600;
}
.all-buttons {
gap: 0.75rem;
display: flex;
}
.sort {
display: flex;
align-items: center;
gap: 0.3rem;
color: #2d2d35;
font-size: clamp(15px, 15px + 3 * (100vw - 768px) / 672, 18px);
font-weight: 300;
}
.sort select {
background: none;
border: 0;
color: #2d2d35;
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
font-size: clamp(16px, 16px + 4px * (100vw - 1280px) / 400px, 20px) !important;
font-weight: 300;
text-decoration: underline;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
padding-right: 1.4rem;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='17' height='10' viewBox='0 0 17 10' fill='none'><path d='M0.707031 0.707031L8.11133 8.11154L15.5158 0.707031' stroke='%232D2D35' stroke-width='2'/></svg>");
background-repeat: no-repeat;
background-position: right 0 center;
background-size: 17px 10px;
}
.ph-svg-pin {
background: transparent;
border: none;
}
.ph-svg-pin svg {
display: block;
}
#btn-show-listings,
#btn-show-map {
background: transparent;
border: 1px solid #000;
border: 1px solid currentColor;
color: #2d2d35;
padding: 0.6rem 1.15rem;
}
@media (max-width: 768px) {
#btn-show-listings,
#btn-show-map {
padding: 0.6rem 0.75rem;
}
}
#btn-show-listings,
#btn-show-map {
border-radius: 10px;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 8px;
transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.15s ease, box-shadow 0.2s ease;
}
#btn-show-listings span,
#btn-show-map span {
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
font-size: clamp(15px, 15px + 3 * (100vw - 768px) / 672, 18px);
}
@media (max-width: 768px) {
#btn-show-listings span,
#btn-show-map span {
display: none;
}
}
#btn-show-listings svg,
#btn-show-map svg {
display: block;
}
#btn-show-listings:hover,
#btn-show-map:hover {
background: #2d2d35;
color: #fff;
border-color: #2d2d35;
}
#btn-show-listings:active,
#btn-show-map:active {
transform: translateY(0);
}
#btn-show-listings.is-active,
#btn-show-map.is-active {
background: #2d2d35;
color: #fff;
border-color: #2d2d35;
}
.ph-popup__price {
margin-right: 12px;
text-decoration: none;
font-size: clamp(17px, 17px + 5px * (100vw - 1280px) / 400px, 22px) !important;
color: #2d2d35 !important;
font-family: "IvyJournal", serif !important;
font-weight: 600;
}
.ph-popup__title,
.ph-popup__tag {
display: none;
}
.leaflet-popup-content {
margin: 0.5rem 0.5rem 1rem 0.5rem;
width: 280px !important;
}
.ph-popup__img {
border-radius: 12px;
}
.ph-popup__imgWrap {
aspect-ratio: 1/1;
}
.leaflet-popup-close-button {
display: none;
}
.ph-popup__meta {
margin-top: 0.75rem;
margin-bottom: 0.5rem;
display: flex;
align-items: center;
gap: 0.5rem;
}
.ph-popup__addr {
margin-bottom: 0.25rem;
}
@media (min-width: 1024px) {
.sticky-inner {
top: 0;
position: absolute;
width: 100%;
}
}
.property-sidebar {
position: relative;
width: 100%;
min-width: 0;
margin-bottom: 3rem;
z-index: 0;
}
.property-sidebar .property-sidebar__inner {
width: 100%;
min-width: 0;
box-sizing: border-box;
}
@media (min-width: 1024px) {
.property-sidebar .property-sidebar__inner {
margin-bottom: 0;
}
}
@media (min-width: 1024px) {
.property-sidebar .property-sidebar__inner.is-ready {
position: fixed;
width: var(--property-sidebar-width);
max-width: var(--property-sidebar-width);
}
}
.property-sidebar .share-trigger .share-icon path {
transition: fill 0.3s ease;
}
.property-sidebar .share-trigger:hover .share-icon path {
fill: #ff2e69;
}
@media (max-width: 768px) {
.property-sidebar .back-search-desktop {
display: none;
}
}
.property-sidebar .back-search {
background: none;
border: 0;
text-decoration: none;
padding-bottom: 1rem;
border-bottom: 1px solid #d7d7d7;
width: 100%;
}
.property-sidebar .back-search .search-link {
text-decoration: none;
}
.property-sidebar .back-search .search-link svg circle,
.property-sidebar .back-search .search-link svg path {
transition: all 0.3s ease;
}
.property-sidebar .back-search .search-link:hover svg circle {
fill: #ff2e69;
}
.property-sidebar .back-search .search-link:hover svg path {
stroke: #ffffff;
}
.property-sidebar .back-search .share {
cursor: pointer;
}
.property-sidebar .back-search .share .share-icon path {
transition: fill 0.3s ease;
}
.property-sidebar .back-search .share:hover .share-icon path {
fill: #ff2e69;
}
.property-sidebar .back-search span {
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
color: #2d2d35;
}
.property-sidebar .back-search circle,
.property-sidebar .back-search path {
transition: fill 0.2s ease, stroke 0.2s ease;
}
.property-sidebar .property-price {
margin-top: 1rem;
}
@media (max-width: 768px) {
.property-sidebar .property-price {
margin-top: 0rem;
}
}
.property-sidebar .property-price span {
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
font-weight: 300;
margin-bottom: 0.5rem;
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
}
.property-sidebar .property-price h3 {
text-transform: initial;
margin-top: 0.5rem;
font-family: "IvyJournal", serif !important;
font-weight: normal;
font-style: normal;
font-size: clamp(26px, 26px + 14 * (100vw - 768px) / 672, 40px);
}
@media (max-width: 1600px) {
.property-sidebar .property-price h3 {
font-size: clamp(22px, 22px + 10 * (100vw - 768px) / 672, 32px);
}
}
@media (max-width: 768px) {
.property-sidebar .property-price h3 {
font-size: clamp(32px, 32px + 18 * (100vw - 768px) / 672, 50px);
}
}
.property-sidebar .property-price h3 {
font-weight: 600;
}
.property-sidebar .property-price h1 {
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
font-weight: 400;
font-size: clamp(17px, 17px + 5 * (100vw - 768px) / 672, 22px);
}
@media (max-width: 1600px) {
.property-sidebar .property-price h1 {
font-size: clamp(15px, 15px + 3 * (100vw - 768px) / 672, 18px);
}
}
.property-sidebar .property-price h1 {
text-transform: initial;
margin-top: 0.5rem;
}
.property-sidebar .cta-button {
padding: 16px 23px;
}
.property-sidebar .cta-button span {
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
}
@media (max-width: 768px) {
.property-sidebar .cta-button span {
font-size: clamp(18px, 18px + 6 * (100vw - 768px) / 672, 24px);
margin: auto;
}
}
@media (max-width: 768px) {
.property-sidebar .cta-button {
width: 100%;
}
}
.property-sidebar .property-details-sidebar {
margin-top: 1.5rem;
}
@media (max-width: 768px) {
.property-sidebar .property-details-sidebar {
margin-top: 1rem;
}
}
.property-sidebar .property-details-sidebar {
width: 100%;
max-width: 100%;
}
@media (min-width: 1280px) {
.property-sidebar .property-details-sidebar {
max-width: 70%;
}
}
@media (min-width: 1600px) {
.property-sidebar .property-details-sidebar {
max-width: 100%;
}
}
.property-sidebar .property-details-sidebar {
min-width: 0;
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
}
@media (max-width: 768px) {
.property-sidebar .property-details-sidebar {
gap: 0.5rem;
}
}
.property-sidebar .property-details-sidebar {
align-items: stretch;
}
.property-sidebar .property-details-sidebar .detail-row {
display: flex;
align-items: center;
gap: 0.5rem;
width: -moz-fit-content;
width: fit-content;
max-width: 100%;
box-sizing: border-box;
border-radius: 5px;
padding: 0.5rem 0.75rem;
border: 1px solid #d7d7d7;
flex: 0 1 auto;
}
.property-sidebar .property-details-sidebar .detail-row svg {
width: 22px;
min-width: 22px;
max-width: 22px;
flex: 0 0 22px;
}
.property-sidebar .property-details-sidebar .detail-row .info {
min-width: 0;
display: flex;
flex: 1 1 auto;
gap: 0.25rem;
}
.property-sidebar .property-details-sidebar span,
.property-sidebar .property-details-sidebar strong {
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
font-weight: 300;
}
.property-sidebar .calculator-cta {
width: 100%;
margin-top: 1rem;
max-width: -moz-fit-content;
max-width: fit-content;
}
@media (max-width: 768px) {
.property-sidebar .calculator-cta {
max-width: 100%;
}
.property-sidebar .calculator-cta .content {
text-align: center;
}
}
.property-sidebar .calculator-cta {
padding: 1.5rem;
border-radius: 12px;
background-color: rgba(175, 230, 236, 0.5019607843) !important;
}
.property-sidebar .calculator-cta .calculator-icon {
position: absolute;
bottom: 1rem;
right: 1rem;
}
@media (max-width: 768px) {
.property-sidebar .calculator-cta .calculator-icon {
right: 1rem;
width: 40px;
}
}
.property-sidebar .calculator-cta .title {
font-weight: 300;
}
@media (max-width: 1600px) {
.property-sidebar .calculator-cta .title {
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
}
}
.property-sidebar .calculator-cta .monthly-payment {
display: block;
margin-top: 0.25rem;
font-size: clamp(22px, 22px + 10 * (100vw - 768px) / 672, 32px);
}
@media (max-width: 1600px) {
.property-sidebar .calculator-cta .monthly-payment {
font-size: clamp(18px, 18px + 6 * (100vw - 768px) / 672, 24px);
}
}
@media (max-width: 768px) {
.property-sidebar .calculator-cta .monthly-payment {
font-size: clamp(22px, 22px + 10 * (100vw - 768px) / 672, 32px);
}
}
.property-sidebar .calculator-cta .monthly-payment {
font-family: "IvyJournal", serif !important;
font-weight: normal;
font-style: normal;
font-weight: 600;
}
.property-sidebar .calculator-cta .cta-button {
max-width: -moz-fit-content;
max-width: fit-content;
}
@media (max-width: 768px) {
.property-sidebar .calculator-cta .cta-button {
max-width: 100%;
}
}
.property-sidebar .calculator-cta .cta-button {
padding: 11px 14px;
}
.property-sidebar .calculator-cta .partnership {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
gap: 0.5rem;
}
@media (max-width: 768px) {
.property-sidebar .calculator-cta .partnership {
justify-content: center;
}
}
.property-sidebar .calculator-cta .partnership span {
font-size: 14px;
font-weight: 300;
}
.property-sidebar .calculator-cta .partnership svg {
width: 122px;
margin-top: -3px;
}
@media (max-width: 768px) {
.property-sidebar .calculator-cta .partnership svg {
width: 112px;
margin-top: -3px;
}
}
.property-sidebar .calculator-cta {
background-color: #afe6ec;
}
.property-sidebar .arrange-viewing {
margin-top: 2rem;
}
@media (max-width: 1600px) {
.property-sidebar .arrange-viewing {
margin-top: 1.5rem;
}
}
@media (max-width: 768px) {
.property-sidebar .arrange-viewing {
margin-top: 1rem;
}
}
.property-sidebar .share-property {
display: inline-flex;
align-items: center;
gap: 0.5rem;
cursor: pointer;
}
.property-sidebar .share-property span {
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
font-weight: 500;
color: #2d2d35;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
}
.property-sidebar .share-property svg circle,
.property-sidebar .share-property svg path {
transition: fill 0.25s ease-in-out;
}
body.gallery-modal-open .main-wrap {
position: relative;
z-index: 2;
}
body.floorplan-modal-open .main-wrap {
position: relative;
z-index: 2;
}
.single-property {
margin-top: 7rem;
margin-bottom: 4rem;
}
@media (max-width: 768px) {
.single-property {
margin-top: 5rem;
}
}
@media (min-width: 1600px) {
.single-property {
margin-top: 10rem;
}
}
.single-property h2 {
font-size: clamp(32px, 32px + 18 * (100vw - 768px) / 672, 50px);
line-height: 1.3;
margin: 0;
}
.single-property .title svg {
margin-top: 3px;
width: 33px;
height: 33px;
}
@media (max-width: 768px) {
.single-property .title svg {
width: 27px;
height: 27px;
}
}
@media (min-width: 1600px) {
.single-property .title svg {
width: 38px;
height: 45px;
}
}
.side-wrap {
grid-column: 1/5;
}
@media (max-width: 768px) {
.side-wrap {
grid-column: span 12;
margin-top: 1rem;
}
}
.side-wrap {
position: relative;
z-index: 1;
}
.side-wrap.modal-active {
z-index: 4;
}
.main-wrap {
grid-column: 5/13;
}
@media (max-width: 1024px) {
.main-wrap {
grid-column: span 12;
}
}
.main-wrap {
position: relative;
z-index: 0;
}
body.single-property {
background-color: #ffffff;
}
.property-footer {
z-index: 3;
}
.share-trigger {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
background: none;
border: 0;
padding: 0;
margin: 0;
font: inherit;
color: inherit;
cursor: pointer;
}
.share-actions {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
margin-top: 1rem;
}
.share-feedback {
margin-top: 0rem;
font-size: 14px;
}
.share-actions {
position: relative;
}
.share-feedback {
position: absolute;
left: 50%;
bottom: -2rem;
transform: translateX(-50%);
margin: 0;
white-space: nowrap;
pointer-events: none;
}
@media (min-width: 768px) {
.share-feedback {
position: absolute;
left: 72%;
bottom: 0rem;
top: 38%;
transform: translateX(-50%);
margin: 0;
white-space: nowrap;
pointer-events: none;
}
}
.share-modal .viewing-modal__content {
margin-top: 0rem;
}
.copy.copied::after {
content: "Copied!";
position: absolute;
top: -30px;
left: 50%;
transform: translateX(-50%);
background: #2d2d35;
color: white;
padding: 4px 8px;
font-size: 12px;
border-radius: 4px;
}
.copy {
background: 0;
border: 0;
cursor: pointer;
margin-left: 0;
padding: 0;
} .share-actions a.whatsapp:hover svg > path:nth-of-type(1) {
fill: #ff2e69;
}
.share-actions a.whatsapp:hover svg > path:nth-of-type(3) {
fill: #ff2e69;
}
.share-actions {
margin-top: 3rem;
}
@media (max-width: 768px) {
.share-actions {
margin-top: 1rem;
}
.share-actions svg {
width: 36px;
}
}
.share-actions a svg path,
.share-actions button svg path {
transition: fill 0.3s ease, stroke 0.3s ease;
}
.share-actions { }
.share-actions a.whatsapp:hover svg > path:first-of-type {
fill: #ff2e69;
}
.share-actions { }
.share-actions a.facebook:hover svg > path:first-of-type {
fill: #ff2e69;
}
.share-actions a.facebook:hover svg g path {
fill: #ffffff;
}
.share-actions { }
.share-actions a.pinterest:hover svg > path:first-of-type {
fill: #ff2e69;
}
.share-actions a.pinterest:hover svg > path:not(:first-of-type) {
fill: #ffffff;
}
.share-actions { }
.share-actions a.email:hover svg > path:first-of-type {
fill: #ff2e69;
}
.share-actions a.email:hover svg > path:not(:first-of-type) {
fill: #ffffff;
}
.share-actions { }
.share-actions button.copy:hover svg > path:first-of-type {
fill: #ff2e69;
}
.share-actions button.copy:hover svg > path:not(:first-of-type) {
stroke: #ffffff;
}
.viewing-modal {
position: fixed;
inset: 0;
z-index: 999999;
display: flex;
align-items: center;
justify-content: center;
padding: 1.5rem;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.25s ease;
}
.viewing-modal h2 {
font-size: clamp(32px, 32px + 18 * (100vw - 768px) / 672, 50px);
color: #2d2d35;
margin-bottom: 1rem;
line-height: 1.1;
}
@media (max-width: 768px) {
.viewing-modal h2 {
max-width: 19ch;
}
}
.viewing-modal .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
line-height: 1;
}
.viewing-modal p {
margin-bottom: 1rem;
max-width: 80%;
}
@media (max-width: 1600px) {
.viewing-modal p {
max-width: 75%;
}
}
@media (max-width: 768px) {
.viewing-modal p {
max-width: 100%;
}
}
.viewing-modal p,
.viewing-modal a {
font-size: clamp(15px, 15px + 3 * (100vw - 768px) / 672, 18px);
color: #2d2d35;
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
}
.viewing-modal a {
color: #2d2d35;
transition: all 0.3s;
}
.viewing-modal a:hover {
color: #c1d42f;
}
.viewing-modal .icon {
position: absolute;
right: 1.5rem;
width: 185px;
top: 1rem;
}
@media (max-width: 768px) {
.viewing-modal .icon {
display: none;
}
}
.viewing-modal__content {
margin-top: 2rem;
}
.viewing-modal.is-open {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.viewing-modal__overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.55);
}
.viewing-modal__dialog {
position: relative;
z-index: 2;
background: white;
border-radius: 14px;
max-width: 720px;
width: 100%;
padding: 2rem;
max-height: 90vh;
overflow-y: auto;
box-shadow: 0 30px 80px rgba(0, 0, 0, 0.25);
}
.viewing-modal__close {
position: absolute;
top: 1rem;
right: 1rem;
border: 0;
background: none;
font-size: 28px;
cursor: pointer;
z-index: 3;
}
.viewing-modal__content .gform_wrapper.gravity-theme select {
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
}
.viewing-modal__content .gform_wrapper {
margin: 0;
}
.viewing-modal__content .gform_title {
display: none;
}
.viewing-modal__content .gform_fields {
row-gap: 1rem;
}
.viewing-modal__content .gfield {
margin-bottom: 0 !important;
}
.viewing-modal__content .ginput_container {
display: block;
}
.viewing-modal__content input,
.viewing-modal__content select {
padding: 10px !important;
}
.viewing-modal__content input[type=text],
.viewing-modal__content input[type=email],
.viewing-modal__content input[type=tel],
.viewing-modal__content input[type=number],
.viewing-modal__content textarea,
.viewing-modal__content select,
.viewing-modal__content .gfield_select {
width: 100%;
border-radius: 5px;
border: 1px solid #d7d7d7;
background-color: #faf8f4;
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
line-height: 1.3;
padding: 16px;
box-shadow: none;
}
.viewing-modal__content input[type=text]::-moz-placeholder, .viewing-modal__content input[type=email]::-moz-placeholder, .viewing-modal__content input[type=tel]::-moz-placeholder, .viewing-modal__content input[type=number]::-moz-placeholder, .viewing-modal__content textarea::-moz-placeholder {
line-height: normal;
color: #2d2d35;
font-family: "Area Normal", sans-serif !important;
font-weight: 300;
font-style: normal;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
}
.viewing-modal__content input[type=text]::placeholder,
.viewing-modal__content input[type=email]::placeholder,
.viewing-modal__content input[type=tel]::placeholder,
.viewing-modal__content input[type=number]::placeholder,
.viewing-modal__content textarea::placeholder {
line-height: normal;
color: #2d2d35;
font-family: "Area Normal", sans-serif !important;
font-weight: 300;
font-style: normal;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
}
.viewing-modal__content textarea {
min-height: 125px;
resize: vertical;
}
.viewing-modal__content label,
.viewing-modal__content .gfield_label,
.viewing-modal__content .gchoice label,
.viewing-modal__content .gfield_consent_label {
color: #2d2d35;
font-family: "Area Normal", sans-serif !important;
font-weight: 400;
font-style: normal;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
margin-top: 4px;
}
.viewing-modal__content .gform_wrapper.gravity-theme .gform_validation_errors > h2 {
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
}
.viewing-modal__content .gform_confirmation_message_2.gform_confirmation_message {
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
}
.viewing-modal__content .gfield_select,
.viewing-modal__content select {
appearance: none;
font-weight: 300;
-webkit-appearance: none;
-moz-appearance: none;
padding-right: 3rem;
background-image: url("data:image/svg+xml;utf8,<svg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'><circle cx='13' cy='13' r='13' fill='%23D9D9D9'/><path d='M18.2644 10.7583L13.0391 15.5166L7.81371 10.7583' stroke='%232D2D35'/></svg>");
background-repeat: no-repeat;
background-position: right 0.75rem center;
background-size: 26px 26px;
}
@media (max-width: 768px) {
.viewing-modal__content .gfield_select,
.viewing-modal__content select {
background-size: 17px 17px;
color: #2d2d35;
}
}
.viewing-modal__content .gfield_select:required:invalid,
.viewing-modal__content select:required:invalid {
color: #2d2d35;
font-family: "Area Normal", sans-serif !important;
font-weight: 300;
font-style: normal;
}
.viewing-modal__content .gform-footer {
justify-content: flex-end;
margin: 0;
padding: 0;
margin-top: 50px;
}
.viewing-modal__content .gfield--type-consent {
margin-top: 1rem;
position: absolute;
}
@media (max-width: 768px) {
.viewing-modal__content .gfield--type-consent {
position: relative;
bottom: 0 !important;
}
}
.viewing-modal__content .gfield--type-consent {
bottom: 4rem;
}
.viewing-modal__content .gfield--type-consent .ginput_container_consent {
display: flex;
align-items: center;
gap: 8px;
}
.viewing-modal__content .gfield--type-text label,
.viewing-modal__content .gfield--type-email label,
.viewing-modal__content .gfield--type-phone label,
.viewing-modal__content .gfield--type-select label {
display: none !important;
}
.viewing-modal__content .gfield--type-consent legend {
display: none !important;
}
.viewing-modal__content .gfield--type-consent label {
font-size: 14px;
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
margin-top: 0;
color: #2d2d35;
}
.viewing-modal__content .gform_footer,
.viewing-modal__content .gform-footer {
margin-top: 2rem;
padding: 0;
}
.viewing-modal__content .gform_footer input[type=submit],
.viewing-modal__content .gform_footer button,
.viewing-modal__content .gform_footer .gform_button,
.viewing-modal__content .gform-footer input[type=submit],
.viewing-modal__content .gform-footer button,
.viewing-modal__content .gform-footer .gform_button {
border: 0;
cursor: pointer;
}
.viewing-modal__content .gform_validation_errors,
.viewing-modal__content .validation_message,
.viewing-modal__content .gfield_validation_message {
margin-top: 0.5rem;
}
.property-grid-container {
display: grid;
grid-template-columns: repeat(12, 1fr); gap: 4rem;
}
@media (max-width: 768px) {
.property-grid-container {
gap: 0rem;
}
} .property-grid-container .side-wrap {
grid-column: 1/-1;
} .property-grid-container .main-wrap,
.property-grid-container .content-stack {
grid-column: 1/-1;
}
@media (min-width: 1024px) {
.property-grid-container .side-wrap {
grid-column: 1/5;
order: -1;
}
.property-grid-container .main-wrap,
.property-grid-container .content-stack {
grid-column: 5/-1;
}
}
@media (min-width: 1600px) {
.property-grid-container .side-wrap {
grid-column: 1/5;
}
}
.property-gallery {
position: relative;
height: -moz-fit-content;
height: fit-content;
}
.property-gallery .swiper-pagination {
display: none;
}
.property-gallery-swiper {
width: 100%;
}
.property-gallery__img {
width: 100%;
height: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
will-change: transform;
transform: translate3d(0, 0, 0) scale(1.16);
transition: transform 0.08s linear;
}
.property-gallery__nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 5;
cursor: pointer;
background: none;
border: 0;
padding: 0;
}
.property-gallery__nav {
transition: opacity 0.25s ease;
}
.property-gallery__nav--prev {
left: -2rem;
}
@media (max-width: 768px) {
.property-gallery__nav--prev {
left: 1cqh;
}
}
.property-gallery__nav--next {
right: -2rem;
}
@media (max-width: 768px) {
.property-gallery__nav--next {
right: 1rem;
}
}
.property-gallery__nav svg circle,
.property-gallery__nav svg path {
transition: fill 0.25s ease, stroke 0.25s ease;
}
.property-gallery__nav:hover svg circle {
fill: #ff2e69;
}
.property-gallery__nav:hover svg path {
stroke: #ffffff;
}
.property-gallery .swiper-slide {
overflow: hidden;
border-radius: 12px;
}
.property-gallery .swiper-slide img {
border-radius: 12px;
}
.property-gallery__pagination {
bottom: 1rem !important;
}
.property-gallery .swiper-buttons {
position: absolute;
bottom: 1rem;
right: 1rem;
display: flex;
}
@media (max-width: 768px) {
.property-gallery .swiper-buttons {
left: 0;
right: 0;
margin: 0 auto;
justify-content: space-between;
width: -moz-max-content;
width: max-content;
padding-bottom: 0.5rem;
border-bottom: 1px solid #d7d7d7;
position: relative;
bottom: 0rem;
margin-top: 0.5rem;
width: 100%;
}
}
.property-gallery .swiper-buttons {
gap: 1rem;
z-index: 2;
}
@media (max-width: 768px) {
.property-gallery button svg {
width: 50px;
}
}
.property-gallery .back-search-mobile {
border-bottom: 0px !important;
}
@media (min-width: 768px) {
.property-gallery .back-search-mobile {
display: none;
}
}
.property-gallery .back-search-mobile svg {
width: 32px !important;
}
.property-gallery .back-search {
background: none;
border: 0;
text-decoration: none;
padding-bottom: 1rem;
border-bottom: 1px solid #d7d7d7;
width: 100%;
}
.property-gallery .back-search .search-link {
text-decoration: none;
}
.property-gallery .back-search .search-link svg circle,
.property-gallery .back-search .search-link svg path {
transition: all 0.3s ease;
}
.property-gallery .back-search .search-link:hover svg circle {
fill: #ff2e69;
}
.property-gallery .back-search .search-link:hover svg path {
stroke: #ffffff;
}
.property-gallery .back-search .share {
cursor: pointer;
}
.property-gallery .back-search .share .share-icon path {
transition: fill 0.3s ease;
}
.property-gallery .back-search .share:hover .share-icon path {
fill: #ff2e69;
}
.property-gallery .back-search span {
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
color: #2d2d35;
}
.property-gallery .back-search circle,
.property-gallery .back-search path {
transition: fill 0.2s ease, stroke 0.2s ease;
}
.property-gallery .slider-cta {
display: flex;
}
@media (max-width: 768px) {
.property-gallery .slider-cta {
background: none !important;
border: none !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (max-width: 768px) {
.property-gallery .slider-cta.gallery-btn {
display: none;
}
}
.property-gallery .slider-cta {
gap: 0.5rem;
align-items: center;
background: rgba(250, 248, 244, 0.5019607843);
border-radius: 10px;
padding: 0.5rem 0.75rem;
border: 1px solid #2d2d35;
max-width: -moz-fit-content;
max-width: fit-content;
cursor: pointer;
text-decoration: none;
transition: all 0.3s;
}
.property-gallery .slider-cta span {
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
font-weight: 400;
font-size: clamp(15px, 15px + 3 * (100vw - 768px) / 672, 18px);
color: #2d2d35;
}
.property-gallery .slider-cta:hover {
background-color: #ffffff;
} .property-gallery-swiper {
overflow: hidden;
transform: translateZ(0);
border-radius: 12px;
cursor: pointer;
}
.property-gallery-swiper .swiper-wrapper {
display: flex;
}
.property-gallery-swiper .swiper-slide {
flex: 0 0 100%;
width: 100%;
}
.property-gallery-modal-thumbs {
margin-top: 12px;
}
.property-gallery-modal-thumbs .swiper-slide {
opacity: 0.5;
cursor: pointer;
}
.property-gallery-modal-thumbs .swiper-slide-thumb-active {
opacity: 1;
}
.property-gallery-modal__thumb {
width: 100%;
height: 70px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 8px;
display: block;
}
.swiper-slide {
aspect-ratio: 1.58/1;
}
.modal__footer {
grid-column: span 12;
}
.property-gallery-modal-swiper,
.property-gallery-modal-swiper.property-gallery-modal-swiper,
.property-gallery-modal .property-gallery-modal-swiper {
grid-row: 1;
min-height: 0;
}
.property-gallery-modal {
position: fixed;
inset: 0;
z-index: 9999;
display: none;
max-height: none;
height: 100dvh;
}
.property-gallery-modal .property-gallery-modal__panel {
position: relative;
width: 100%;
height: 100dvh;
max-width: 125rem;
margin-left: auto;
margin-right: auto;
padding-top: 7rem;
padding-left: clamp(1.5rem, 1.05rem + 1.92vw, 4.05rem);
padding-right: clamp(1.5rem, 1.05rem + 1.92vw, 4.05rem);
z-index: 1;
overflow: hidden;
background-color: #faf8f4;
}
@media (max-width: 768px) {
.property-gallery-modal .property-gallery-modal__panel {
padding-top: 4.5rem;
padding-left: 1rem;
padding-right: 1rem;
height: auto;
margin-top: 4rem;
}
}
.property-gallery-modal .property-gallery-modal__layout--fourup {
flex: 1;
min-height: 0;
grid-template-rows: 1fr auto;
overflow: hidden;
}
.property-gallery-modal .modal__footer {
grid-row: 2;
grid-column: 1/-1;
position: sticky;
bottom: 0;
z-index: 50;
background-color: #faf8f4;
}
.property-gallery-modal .property-gallery-modal__nav:hover svg circle, .property-gallery-modal .property-gallery-modal__nav:focus-visible svg circle {
fill: #ff2e69;
fill-opacity: 1;
}
.property-gallery-modal .property-gallery-modal__nav:hover svg path, .property-gallery-modal .property-gallery-modal__nav:focus-visible svg path {
stroke: #ffffff;
}
.property-gallery-modal .property-gallery-modal__layout--fourup {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 32px;
height: 100%;
width: 100%;
min-height: 0;
box-sizing: border-box;
}
.property-gallery-modal .property-gallery-modal .property-gallery-modal__side,
.property-gallery-modal .property-gallery-modal .property-gallery-modal-swiper {
min-height: 0;
}
.property-gallery-modal .property-gallery-modal-swiper {
height: 100%;
width: 100%;
border-radius: 12px;
overflow: hidden;
grid-column: 4/13;
}
@media (max-width: 768px) {
.property-gallery-modal .property-gallery-modal-swiper {
grid-column: 1/-1;
}
}
.property-gallery-modal .property-gallery-modal__side {
display: grid;
grid-column: span 3;
gap: 12px;
height: 100%;
align-content: stretch;
grid-row: 1;
min-height: 0;
overflow: auto;
}
.property-gallery-modal .property-gallery-modal__side-item {
border: 0;
padding: 0;
background: none;
cursor: pointer;
border-radius: 12px;
overflow: hidden;
opacity: 0.75;
transition: opacity 0.2s ease, transform 0.2s ease;
}
.property-gallery-modal .property-gallery-modal__side-item:hover, .property-gallery-modal .property-gallery-modal__side-item:focus-visible {
opacity: 1;
}
.property-gallery-modal .property-gallery-modal__side-item.is-active {
opacity: 1;
outline: 2px solid rgba(0, 0, 0, 0.2);
outline-offset: 2px;
}
.property-gallery-modal .property-gallery-modal__side-img {
width: 100%;
height: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 768px) {
.property-gallery-modal .property-gallery-modal__layout--fourup {
grid-template-columns: 1fr;
grid-template-rows: 1fr auto;
}
.property-gallery-modal .property-gallery-modal__side {
grid-template-rows: none;
grid-template-columns: repeat(3, 1fr);
height: auto;
display: none;
}
.property-gallery-modal .property-gallery-modal__side-item {
aspect-ratio: 16/10;
}
}
.property-gallery-modal .property-gallery-modal__close {
background: 0;
border: 0;
}
.property-gallery-modal[aria-hidden=false] {
display: block;
}
.property-gallery-modal__backdrop {
position: absolute;
inset: 0;
background-color: #faf8f4;
}
.property-gallery-modal__panel {
position: relative;
width: 100dvw;
padding-left: clamp(1.5rem, 1.05rem + 1.92vw, 4.05rem);
padding-right: clamp(1.5rem, 1.05rem + 1.92vw, 4.05rem);
margin-left: auto;
margin-right: auto;
max-width: 125rem;
height: 100dvh;
}
@media (max-width: 768px) {
.property-gallery-modal__panel {
height: 100dvh;
}
}
.property-gallery-modal__panel {
padding-top: 7rem;
max-height: 100dvh;
z-index: 1;
overflow: auto;
background-color: #faf8f4;
}
.property-gallery-modal .property-gallery-modal__close {
position: absolute;
top: 10rem;
right: 6rem;
}
@media (max-width: 768px) {
.property-gallery-modal .property-gallery-modal__close {
top: 1rem;
right: 2rem;
}
}
.property-gallery-modal .property-gallery-modal__close {
z-index: 30;
border: 0;
background: 0;
width: 44px;
height: 44px;
}
@media (max-width: 768px) {
.property-gallery-modal .property-gallery-modal__close {
width: 33px;
height: 33px;
}
}
.property-gallery-modal .property-gallery-modal__close {
border-radius: 999px;
cursor: pointer;
font-size: 1.5rem;
line-height: 1;
}
.property-gallery-modal .modal__footer .back {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
background: none;
border: 0;
color: inherit;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 0.5rem;
}
.property-gallery-modal .modal__footer .back p {
margin: 0;
color: inherit;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
}
.property-gallery-modal .modal__footer .back svg {
flex-shrink: 0;
width: auto;
}
.property-gallery-modal .modal__footer .back svg circle,
.property-gallery-modal .modal__footer .back svg path {
transition: fill 0.2s ease, stroke 0.2s ease;
}
.property-gallery-modal .modal__footer .back:visited, .property-gallery-modal .modal__footer .back:active, .property-gallery-modal .modal__footer .back:focus, .property-gallery-modal .modal__footer .back:focus-visible {
color: inherit;
}
.property-gallery-modal .modal__footer .back:hover svg circle {
fill: #ff2e69;
}
.property-gallery-modal .modal__footer .back:hover svg path {
stroke: #ffffff;
}
.property-gallery-modal .property-gallery-modal__count {
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
color: #2d2d35;
font-size: clamp(15px, 15px + 3 * (100vw - 768px) / 672, 18px);
}
.property-gallery-modal__layout {
position: relative;
height: 100%;
width: 100%;
display: grid;
gap: 16px;
align-items: stretch;
padding: 16px;
box-sizing: border-box;
}
.property-gallery-modal-thumbs {
height: 100%;
width: 100%;
margin-top: 0;
overflow: hidden;
border-radius: 12px;
padding: 8px;
box-sizing: border-box;
}
.property-gallery-modal-thumbs .swiper-wrapper {
height: 100%;
}
.property-gallery-modal-thumbs .swiper-slide {
height: auto;
aspect-ratio: 1.58/1;
}
.property-gallery-modal-thumbs .property-gallery-modal__thumb {
height: auto;
aspect-ratio: 16/10;
border-radius: 10px;
}
.property-gallery-modal-swiper {
width: 100%;
height: 100%;
border-radius: 12px;
overflow: hidden;
}
.property-gallery-modal .swiper-wrapper,
.property-gallery-modal .swiper-slide {
height: 100%;
}
.property-gallery-modal__img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
.property-gallery-modal__nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 20;
border: 0;
background: none;
padding: 0;
cursor: pointer;
width: 64px;
height: 64px;
display: grid;
place-items: center;
}
.property-gallery-modal__nav--prev {
left: 1rem;
}
.property-gallery-modal__nav--next {
right: 1rem;
}
.property-gallery-modal__nav {
opacity: 0.95;
transition: opacity 0.2s ease;
}
.property-gallery-modal__nav:hover, .property-gallery-modal__nav:focus-visible {
opacity: 1;
}
.property-gallery-modal__nav svg {
pointer-events: none;
}
.property-gallery-modal__pagination {
position: absolute;
left: 0;
right: 0;
bottom: 1.25rem;
z-index: 20;
display: flex;
justify-content: center;
}
@media (max-width: 768px) {
.property-gallery-modal__layout {
grid-template-columns: 1fr;
grid-template-rows: auto auto;
gap: 12px;
padding: 0;
}
.property-gallery-modal-swiper {
height: auto;
aspect-ratio: 1/1;
}
.property-gallery-modal-swiper .swiper-wrapper {
height: auto;
}
.property-gallery-modal-swiper .swiper-slide {
height: auto;
aspect-ratio: 1/1;
}
.property-gallery-modal__img {
width: 100%;
height: 100%;
aspect-ratio: 1/1;
-o-object-fit: cover;
object-fit: cover;
}
.property-gallery-modal-thumbs {
height: auto;
padding: 0;
border-radius: 0;
overflow: visible;
margin-top: 12px;
}
.property-gallery-modal-thumbs .swiper-wrapper,
.property-gallery-modal-thumbs .swiper-slide {
height: auto;
}
.property-gallery-modal-thumbs .property-gallery-modal__thumb {
height: 70px;
aspect-ratio: auto;
border-radius: 8px;
}
.property-gallery-modal__nav {
width: 52px;
height: 52px;
}
.property-gallery-modal__nav--prev {
left: 0.5rem;
}
.property-gallery-modal__nav--next {
right: 0.5rem;
}
.property-gallery-modal__pagination {
bottom: 0.75rem;
}
}
.is-locked {
overflow: hidden;
}
.key-features {
margin-top: 2rem;
}
@media (max-width: 768px) {
.key-features {
margin-top: 0rem;
}
}
.key-features {
border-bottom: 1px solid #d7d7d7;
padding-bottom: 2rem;
}
.key-features .feature-list {
list-style: none;
padding: 0;
margin: 0;
margin-top: 1rem;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0px 32px;
}
.key-features .feature-item {
display: flex;
align-items: center;
}
@media (max-width: 768px) {
.key-features .feature-item {
align-items: flex-start;
}
}
.key-features .feature-item {
gap: 12px;
margin-bottom: 10px;
}
.key-features .feature-bullet {
display: inline-flex;
flex-shrink: 0;
}
@media (max-width: 768px) {
.key-features .feature-bullet {
margin-top: 10px;
}
}
.key-features .feature-text {
line-height: 1.4;
font-size: clamp(15px, 15px + 3 * (100vw - 768px) / 672, 18px);
}
.property-details {
margin-top: 3rem;
border-bottom: 1px solid #d7d7d7;
padding-bottom: 2rem;
}
.property-details .description {
max-width: 80%;
}
@media (max-width: 768px) {
.property-details .description {
max-width: 100%;
}
}
.property-details .description p {
margin-bottom: 1rem;
font-size: clamp(15px, 15px + 3 * (100vw - 768px) / 672, 18px);
}
.property-tour {
margin-top: 2rem;
border-bottom: 1px solid #d7d7d7;
padding-bottom: 2rem;
}
.property-tour .video-embed {
margin-top: 1rem;
}
.property-tour .video-embed iframe {
width: 100%;
height: 500px;
}
@media (max-width: 768px) {
.property-tour .video-embed iframe {
height: 300px;
}
}
.floorplan {
margin-top: 2rem;
border-bottom: 1px solid #d7d7d7;
padding-bottom: 2rem;
}
.floorplan .property-floorplan {
margin-top: 1rem;
height: 677px;
}
@media (max-width: 768px) {
.floorplan .property-floorplan {
height: auto;
}
}
.floorplan .property-floorplan img {
border-radius: 12px;
}
.floorplan-modal {
position: fixed;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.3s ease, visibility 0.3s ease;
z-index: 9999;
}
.floorplan-modal.is-open {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.floorplan-modal__overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.65);
}
.floorplan-modal__content {
position: relative;
z-index: 2;
max-width: 90vw;
max-height: 90vh;
background: #fff;
padding: 20px;
border-radius: 12px;
overflow: auto;
margin-top: 6rem;
}
.floorplan-modal__content img {
display: block;
max-width: 100%;
max-height: 80vh;
height: auto;
margin: 0 auto;
}
.floorplan-modal__close {
position: absolute;
top: 12px;
right: 12px;
background: transparent;
border: 0;
padding: 0;
cursor: pointer;
line-height: 0;
}
.floorplan-trigger {
cursor: pointer;
-o-object-fit: contain;
object-fit: contain;
}
.property-location {
margin-top: 2rem;
padding-bottom: 2rem;
}
.property-location .property-location__map {
margin-top: 1rem;
z-index: 0;
height: 677px;
}
@media (max-width: 1600px) {
.property-location .property-location__map {
height: 500px;
}
}
@media (max-width: 768px) {
.property-location .property-location__map {
height: 300px;
}
}
.property-location .property-location__map {
width: 100%;
border-radius: 12px;
overflow: hidden;
}
.property-location .view-google {
position: absolute;
bottom: 1rem;
left: 1rem;
z-index: 9999;
padding: 10px 17px;
}
.property-location .view-google span {
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
}
.property-location .local-area {
margin-top: 1.5rem;
}
@media (max-width: 768px) {
.property-location .local-area {
flex-direction: column;
gap: 1rem;
}
}
.property-location .local-area p {
font-size: clamp(16px, 16px + 4 * (100vw - 768px) / 672, 20px);
}
.property-location .local-area .cta-button {
border-radius: 10px;
}
.property-location .local-area .cta-button span {
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
}
.property-calculator {
background-color: rgba(175, 230, 236, 0.5019607843);
border-radius: 12px;
padding: 3rem;
}
@media (max-width: 768px) {
.property-calculator {
padding: 2rem;
}
}
.property-calculator {
margin-top: 1rem;
}
.property-calculator h2 {
font-size: clamp(26px, 26px + 14 * (100vw - 768px) / 672, 40px);
}
.property-calculator label {
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
}
.property-calculator .stamp-duty {
border-bottom: 1px solid #2d2d35;
padding-bottom: 2rem;
}
.property-calculator .stamp-duty-calculator {
margin-top: 1.25rem;
}
.property-calculator .stamp-duty-calculator label {
margin-bottom: 12px;
}
.property-calculator .mortgage-calculator-wrap {
margin-top: 2rem;
}
.property-calculator .mortgage-calculator {
margin-top: 1rem;
}
.property-calculator .mortgage-calculator label {
display: block;
margin: 0;
padding: 0;
margin-bottom: 12px;
}
.property-calculator .input-wrap {
position: relative;
}
@media (max-width: 768px) {
.property-calculator .input-wrap {
flex-direction: column;
}
}
.property-calculator .input-wrap svg {
position: absolute;
right: 0px;
top: -79px;
width: 83px;
}
@media (min-width: 1600px) {
.property-calculator .input-wrap svg {
width: 103px;
}
}
@media (max-width: 768px) {
.property-calculator .input-wrap svg {
width: 63px;
top: -122px;
}
}
.property-calculator input {
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
padding: 14px !important;
border: 1px solid #2d2d35;
border: 1px solid #d7d7d7;
font-weight: 300;
height: 44px;
}
.property-calculator input::-moz-placeholder {
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
font-weight: 300;
}
.property-calculator input::placeholder {
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
font-weight: 300;
}
.property-calculator input[type=text] {
background-color: #ffffff;
border: 1px solid #d7d7d7;
color: #2d2d35;
line-height: 2;
border-radius: 5px;
margin: 0;
margin-bottom: 0px !important;
max-width: 150px;
}
@media (max-width: 768px) {
.property-calculator input[type=text] {
max-width: 100%;
}
}
.property-calculator input[type=text] {
font-weight: 300;
height: 44px;
}
.property-calculator .stamp-duty-pound-wrap {
max-width: 160px;
}
.property-calculator select {
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
font-weight: 300;
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
padding: 10px 60px 10px 14px !important;
border: 1px solid #d7d7d7;
border-radius: 5px;
background-color: white;
color: #333;
line-height: 1;
width: 318px;
}
@media (max-width: 768px) {
.property-calculator select {
width: 100%;
}
}
.property-calculator select {
height: 44px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='13' cy='13' r='13' fill='%23D9D9D9'/%3E%3Cpath d='M18.2644 10.7583L13.0391 15.5166L7.81371 10.7583' stroke='%232D2D35'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 16px center;
background-size: 26px 26px;
cursor: pointer;
}
.property-calculator .stamp-duty-pound-wrap {
width: 327px !important;
}
.property-calculator select option {
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
font-weight: 300;
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
color: #2d2d35;
}
.property-calculator button {
position: relative;
display: inline-flex;
align-items: center;
gap: 0.5rem;
height: 60px;
}
@media (max-width: 768px) {
.property-calculator button {
max-width: -moz-fit-content;
max-width: fit-content;
}
}
.property-calculator button {
text-decoration: none;
color: #2d2d35;
border-radius: 12px;
transition: all 0.3s ease;
overflow: hidden;
height: 44px;
z-index: 0;
background-color: #00bbd8 !important;
cursor: pointer;
}
.property-calculator button span {
font-size: clamp(16px, 16px + 4 * (100vw - 768px) / 672, 20px);
color: #2d2d35 !important;
}
.property-calculator button::before {
content: "";
position: absolute;
inset: 0;
transform: translateY(100%);
}
@media (max-width: 768px) {
.property-calculator button::before {
transform: translateY(103%);
}
}
.property-calculator button::before {
transition: transform 0.35s ease;
background-color: #c1d42f;
z-index: -1;
}
.property-calculator button:hover::before, .property-calculator button:focus-visible::before {
transform: translateY(0);
}
.property-calculator .results {
flex-direction: column;
align-items: flex-start;
}
.property-calculator .stamp-duty-calculator-results {
margin-top: 1rem;
}
.property-calculator .stamp-duty-calculator-results .results p {
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
font-weight: 300;
}
.property-calculator .stamp-duty-calculator-results h4 {
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
text-transform: initial;
}
.property-calculator .stamp-duty-calculator-results label {
display: none;
}
.property-calculator .stamp-duty-calculator-results input {
background: none !important;
border: 0;
font-family: "IvyJournal", serif !important;
font-weight: normal;
font-style: normal;
font-weight: 600;
max-width: 100%;
margin-top: 0.5rem;
padding-left: 22px !important;
font-size: clamp(26px, 26px + 6px * (100vw - 1280px) / 400px, 32px) !important;
color: #2d2d35 !important;
-webkit-text-fill-color: #2d2d35 !important;
opacity: 1 !important;
-webkit-opacity: 1 !important;
}
.property-calculator .stamp-duty-calculator-results .stamp-duty-pound {
font-family: IvyJournal, serif !important;
}
.property-calculator .mortgage-calculator-results input {
background: none !important;
border: 0;
color: #2d2d35;
font-family: "IvyJournal", serif !important;
font-weight: normal;
font-style: normal;
font-weight: 600;
width: 100%;
max-width: none;
padding-left: 0;
font-size: clamp(32px, 32px + 8px * (100vw - 1280px) / 400px, 40px) !important;
color: #2d2d35 !important;
-webkit-text-fill-color: #2d2d35 !important;
opacity: 1 !important;
-webkit-opacity: 1 !important;
}
.property-calculator .mortgage-calculator-results .mortgage-pound {
font-family: IvyJournal, serif !important;
}
.property-calculator .mortgage-calculator-results label {
margin-bottom: 0;
}
.property-calculator .mortgage-calculator-results input {
padding-left: 22px !important;
font-size: clamp(26px, 26px + 6px * (100vw - 1280px) / 400px, 32px) !important;
}
.property-calculator .mortgage-input-wrap {
width: 100%;
}
@media (max-width: 768px) {
.property-calculator .mortgage-input-wrap {
flex-direction: column;
align-items: flex-start;
}
}
.property-calculator .mortgage-calculator {
display: flex;
flex-wrap: wrap;
gap: 16px;
}
.property-calculator .mortgage-calculcator > div {
flex: 0 0 calc(50% - 8px);
}
@media (max-width: 768px) {
.property-calculator .mortgage-input-wrap > div {
width: 100%;
}
}
.property-calculator input[name=interest],
.property-calculator label:has(+ input[name=interest]) {
display: none;
}
.property-calculator .bottom-text .partnership {
margin-top: 1.5rem;
}
.property-calculator .bottom-text .partnership span {
font-size: 14px;
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
font-weight: 300;
}
.property-calculator .bottom-text .estimate {
font-size: 14px;
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
font-weight: 300;
margin-top: 1rem;
}
.property-calculator .bottom-text .credit-score {
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
margin-top: 1rem;
}
.property-calculator .bottom-text .free-trial {
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
font-weight: 300;
}
.property-calculator .bottom-text .free-trial a {
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
font-weight: 400;
color: #2d2d35;
transition: all 0.3s;
}
.property-calculator .bottom-text .free-trial a:hover {
opacity: 0.5;
}
.mortgage-advice {
margin-top: 1.5rem;
}
@media (max-width: 768px) {
.mortgage-advice {
flex-direction: column;
gap: 1rem !important;
justify-content: centre;
}
}
.mortgage-advice p {
font-size: clamp(16px, 16px + 4 * (100vw - 768px) / 672, 20px);
}
@media (max-width: 768px) {
.mortgage-advice p {
text-align: center;
}
}
.mortgage-advice .cta-button {
border-radius: 10px;
}
.mortgage-advice .cta-button span {
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
}
.property-footer {
padding-top: 4rem;
z-index: 3;
}
@media (max-width: 1024px) {
.property-footer {
padding-bottom: 3rem;
}
}
.property-footer {
position: relative;
overflow: hidden;
}
@media (max-width: 768px) {
.property-footer h2 {
line-height: 1;
}
}
.property-footer h2 {
color: #2d2d35;
}
.property-footer .ribbon {
position: absolute;
z-index: -1;
width: 100vw;
}
@media (min-width: 2000px) {
.property-footer .ribbon {
top: -50px;
}
}
.property-footer .property-similar__top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
margin-bottom: 1.5rem;
}
.property-footer .property-similar__nav {
display: flex;
align-items: center;
gap: 0.75rem;
flex: 0 0 auto;
}
.property-footer .property-similar .property-swiper {
margin-top: 0.5rem;
width: 100%;
overflow: hidden;
}
@media (max-width: 768px) {
.property-footer .property-similar .property-swiper {
overflow: visible;
}
}
.property-footer .property-similar .property-swiper {
min-height: clamp(260px, 28vw, 420px);
opacity: 0;
transition: opacity 0.2s ease;
}
.property-footer .property-similar .property-swiper.swiper-initialized {
opacity: 1;
}
.property-footer .property-similar .property-swiper .swiper-wrapper {
align-items: stretch;
}
.property-footer .property-similar .property-swiper .swiper-slide {
height: auto;
}
.property-footer .property-similar .property-swiper__prev,
.property-footer .property-similar .property-swiper__next {
position: static;
margin: 0;
width: auto;
height: auto;
min-width: 0;
min-height: 0;
padding: 0;
border: 0;
background: transparent;
box-shadow: none;
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
transform: none !important;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
flex: 0 0 auto;
cursor: pointer;
transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.property-footer .property-similar .property-swiper__prev::after,
.property-footer .property-similar .property-swiper__next::after {
display: none;
}
.property-footer .property-similar .property-swiper__prev svg,
.property-footer .property-similar .property-swiper__next svg {
display: block;
width: 60px;
}
@media (max-width: 768px) {
.property-footer .property-similar .property-swiper__prev svg,
.property-footer .property-similar .property-swiper__next svg {
width: 50px;
}
}
.property-footer .property-similar .property-swiper__prev svg circle,
.property-footer .property-similar .property-swiper__next svg circle {
fill: transparent;
fill-opacity: 1;
stroke: #2d2d35;
transition: fill 0.45s cubic-bezier(0.16, 1, 0.3, 1), stroke 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}
.property-footer .property-similar .property-swiper__prev svg path,
.property-footer .property-similar .property-swiper__next svg path {
stroke: #2d2d35;
transition: stroke 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}
.property-footer .property-similar .property-swiper__prev:hover svg circle,
.property-footer .property-similar .property-swiper__next:hover svg circle {
fill: #ff2e69;
fill-opacity: 1;
}
.property-footer .property-similar .property-swiper__prev:hover svg path,
.property-footer .property-similar .property-swiper__next:hover svg path {
stroke: #2d2d35;
}
.property-footer .property-similar .property-swiper__prev.swiper-button-disabled,
.property-footer .property-similar .property-swiper__next.swiper-button-disabled {
opacity: 0.35;
pointer-events: none;
}
.property-footer .property-swiper .mega-card {
display: block;
text-decoration: none;
color: #ffffff;
}
.property-footer .property-swiper .mega-card__media {
aspect-ratio: 278.1475/225.8557;
overflow: hidden;
position: relative;
border-radius: 12px;
--parallax-y: 0px;
--parallax-scale: 1.06;
}
.property-footer .property-swiper .mega-card__media .mega-card__tag {
position: absolute;
z-index: 1;
left: 0.5rem;
border-radius: 100px;
top: 0.5rem;
padding: 0.45rem 1.15rem;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
}
.property-footer .property-swiper .mega-card__media .mega-card__tag.sell {
background-color: #ff2e69;
}
.property-footer .property-swiper .mega-card__media img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
display: block;
transition: transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);
will-change: transform;
transform: translate3d(0, var(--parallax-y), 0) scale(1.06);
}
@media (prefers-reduced-motion: reduce) {
.property-footer .property-swiper .mega-card__media img {
transform: scale(1);
}
}
.property-footer .property-swiper .mega-card__media::after {
content: "View";
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding-block: 1rem;
text-align: center;
background-color: #c1d42f;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
color: #2d2d35;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
line-height: 100%;
transform: translateY(110%);
opacity: 0;
transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease;
pointer-events: none;
z-index: 2;
}
.property-footer .property-swiper .mega-card:hover .mega-card__media img,
.property-footer .property-swiper .mega-card:focus-visible .mega-card__media img {
transform: translate3d(0, var(--parallax-y), 0) scale(1.12);
}
.property-footer .property-swiper .mega-card:hover .mega-card__media::after,
.property-footer .property-swiper .mega-card:focus-visible .mega-card__media::after {
transform: translateY(0);
opacity: 1;
}
.property-footer .property-swiper .mega-card__body {
margin-top: 1.15rem;
}
.property-footer .property-swiper .mega-card__price {
font-family: "IvyJournal", serif !important;
font-weight: normal;
font-style: normal;
font-size: clamp(17px, 17px + 5 * (100vw - 768px) / 672, 22px);
font-weight: 600;
}
.property-footer .property-swiper .mega-card__title,
.property-footer .property-swiper .mega-card__beds {
font-weight: 300;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
}
.property-footer .property-swiper .property-swiper__pagination {
margin-top: 1rem;
}
.pad-0 {
padding: 0 !important;
}
.pad-top-0 {
padding-top: 0 !important;
}
.pad-right-0 {
padding-right: 0 !important;
}
.pad-btm-0 {
padding-bottom: 0 !important;
}
.pad-left-0 {
padding-left: 0 !important;
}
.pad-block-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.pad-8 {
padding: 0.5rem !important;
}
.pad-top-8 {
padding-top: 0.5rem !important;
}
.pad-right-8 {
padding-right: 0.5rem !important;
}
.pad-btm-8 {
padding-bottom: 0.5rem !important;
}
.pad-left-8 {
padding-left: 0.5rem !important;
}
.pad-block-8 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.pad-16 {
padding: 1rem !important;
}
.pad-top-16 {
padding-top: 1rem !important;
}
.pad-right-16 {
padding-right: 1rem !important;
}
.pad-btm-16 {
padding-bottom: 1rem !important;
}
.pad-left-16 {
padding-left: 1rem !important;
}
.pad-block-16 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.pad-24 {
padding: 1.5rem !important;
}
.pad-top-24 {
padding-top: 1.5rem !important;
}
.pad-right-24 {
padding-right: 1.5rem !important;
}
.pad-btm-24 {
padding-bottom: 1.5rem !important;
}
.pad-left-24 {
padding-left: 1.5rem !important;
}
.pad-block-24 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.pad-32 {
padding: 2rem !important;
}
.pad-top-32 {
padding-top: 2rem !important;
}
.pad-right-32 {
padding-right: 2rem !important;
}
.pad-btm-32 {
padding-bottom: 2rem !important;
}
.pad-left-32 {
padding-left: 2rem !important;
}
.pad-block-32 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.pad-40 {
padding: 2.5rem !important;
}
.pad-top-40 {
padding-top: 2.5rem !important;
}
.pad-right-40 {
padding-right: 2.5rem !important;
}
.pad-btm-40 {
padding-bottom: 2.5rem !important;
}
.pad-left-40 {
padding-left: 2.5rem !important;
}
.pad-block-40 {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important;
}
.pad-48 {
padding: 3rem !important;
}
.pad-top-48 {
padding-top: 3rem !important;
}
.pad-right-48 {
padding-right: 3rem !important;
}
.pad-btm-48 {
padding-bottom: 3rem !important;
}
.pad-left-48 {
padding-left: 3rem !important;
}
.pad-block-48 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pad-56 {
padding: 3.5rem !important;
}
.pad-top-56 {
padding-top: 3.5rem !important;
}
.pad-right-56 {
padding-right: 3.5rem !important;
}
.pad-btm-56 {
padding-bottom: 3.5rem !important;
}
.pad-left-56 {
padding-left: 3.5rem !important;
}
.pad-block-56 {
padding-top: 3.5rem !important;
padding-bottom: 3.5rem !important;
}
.pad-64 {
padding: 4rem !important;
}
.pad-top-64 {
padding-top: 4rem !important;
}
.pad-right-64 {
padding-right: 4rem !important;
}
.pad-btm-64 {
padding-bottom: 4rem !important;
}
.pad-left-64 {
padding-left: 4rem !important;
}
.pad-block-64 {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
.pad-72 {
padding: 4.5rem !important;
}
.pad-top-72 {
padding-top: 4.5rem !important;
}
.pad-right-72 {
padding-right: 4.5rem !important;
}
.pad-btm-72 {
padding-bottom: 4.5rem !important;
}
.pad-left-72 {
padding-left: 4.5rem !important;
}
.pad-block-72 {
padding-top: 4.5rem !important;
padding-bottom: 4.5rem !important;
}
.pad-80 {
padding: 5rem !important;
}
.pad-top-80 {
padding-top: 5rem !important;
}
.pad-right-80 {
padding-right: 5rem !important;
}
.pad-btm-80 {
padding-bottom: 5rem !important;
}
.pad-left-80 {
padding-left: 5rem !important;
}
.pad-block-80 {
padding-top: 5rem !important;
padding-bottom: 5rem !important;
}
.pad-88 {
padding: 5.5rem !important;
}
.pad-top-88 {
padding-top: 5.5rem !important;
}
.pad-right-88 {
padding-right: 5.5rem !important;
}
.pad-btm-88 {
padding-bottom: 5.5rem !important;
}
.pad-left-88 {
padding-left: 5.5rem !important;
}
.pad-block-88 {
padding-top: 5.5rem !important;
padding-bottom: 5.5rem !important;
}
.pad-96 {
padding: 6rem !important;
}
.pad-top-96 {
padding-top: 6rem !important;
}
.pad-right-96 {
padding-right: 6rem !important;
}
.pad-btm-96 {
padding-bottom: 6rem !important;
}
.pad-left-96 {
padding-left: 6rem !important;
}
.pad-block-96 {
padding-top: 6rem !important;
padding-bottom: 6rem !important;
}
.pad-104 {
padding: 6.5rem !important;
}
.pad-top-104 {
padding-top: 6.5rem !important;
}
.pad-right-104 {
padding-right: 6.5rem !important;
}
.pad-btm-104 {
padding-bottom: 6.5rem !important;
}
.pad-left-104 {
padding-left: 6.5rem !important;
}
.pad-block-104 {
padding-top: 6.5rem !important;
padding-bottom: 6.5rem !important;
}
.pad-112 {
padding: 7rem !important;
}
.pad-top-112 {
padding-top: 7rem !important;
}
.pad-right-112 {
padding-right: 7rem !important;
}
.pad-btm-112 {
padding-bottom: 7rem !important;
}
.pad-left-112 {
padding-left: 7rem !important;
}
.pad-block-112 {
padding-top: 7rem !important;
padding-bottom: 7rem !important;
}
.pad-120 {
padding: 7.5rem !important;
}
.pad-top-120 {
padding-top: 7.5rem !important;
}
.pad-right-120 {
padding-right: 7.5rem !important;
}
.pad-btm-120 {
padding-bottom: 7.5rem !important;
}
.pad-left-120 {
padding-left: 7.5rem !important;
}
.pad-block-120 {
padding-top: 7.5rem !important;
padding-bottom: 7.5rem !important;
}
.pad-128 {
padding: 8rem !important;
}
.pad-top-128 {
padding-top: 8rem !important;
}
.pad-right-128 {
padding-right: 8rem !important;
}
.pad-btm-128 {
padding-bottom: 8rem !important;
}
.pad-left-128 {
padding-left: 8rem !important;
}
.pad-block-128 {
padding-top: 8rem !important;
padding-bottom: 8rem !important;
}
.pad-136 {
padding: 8.5rem !important;
}
.pad-top-136 {
padding-top: 8.5rem !important;
}
.pad-right-136 {
padding-right: 8.5rem !important;
}
.pad-btm-136 {
padding-bottom: 8.5rem !important;
}
.pad-left-136 {
padding-left: 8.5rem !important;
}
.pad-block-136 {
padding-top: 8.5rem !important;
padding-bottom: 8.5rem !important;
}
.pad-144 {
padding: 9rem !important;
}
.pad-top-144 {
padding-top: 9rem !important;
}
.pad-right-144 {
padding-right: 9rem !important;
}
.pad-btm-144 {
padding-bottom: 9rem !important;
}
.pad-left-144 {
padding-left: 9rem !important;
}
.pad-block-144 {
padding-top: 9rem !important;
padding-bottom: 9rem !important;
}
.pad-152 {
padding: 9.5rem !important;
}
.pad-top-152 {
padding-top: 9.5rem !important;
}
.pad-right-152 {
padding-right: 9.5rem !important;
}
.pad-btm-152 {
padding-bottom: 9.5rem !important;
}
.pad-left-152 {
padding-left: 9.5rem !important;
}
.pad-block-152 {
padding-top: 9.5rem !important;
padding-bottom: 9.5rem !important;
}
.pad-160 {
padding: 10rem !important;
}
.pad-top-160 {
padding-top: 10rem !important;
}
.pad-right-160 {
padding-right: 10rem !important;
}
.pad-btm-160 {
padding-bottom: 10rem !important;
}
.pad-left-160 {
padding-left: 10rem !important;
}
.pad-block-160 {
padding-top: 10rem !important;
padding-bottom: 10rem !important;
}
.pad-168 {
padding: 10.5rem !important;
}
.pad-top-168 {
padding-top: 10.5rem !important;
}
.pad-right-168 {
padding-right: 10.5rem !important;
}
.pad-btm-168 {
padding-bottom: 10.5rem !important;
}
.pad-left-168 {
padding-left: 10.5rem !important;
}
.pad-block-168 {
padding-top: 10.5rem !important;
padding-bottom: 10.5rem !important;
}
.pad-176 {
padding: 11rem !important;
}
.pad-top-176 {
padding-top: 11rem !important;
}
.pad-right-176 {
padding-right: 11rem !important;
}
.pad-btm-176 {
padding-bottom: 11rem !important;
}
.pad-left-176 {
padding-left: 11rem !important;
}
.pad-block-176 {
padding-top: 11rem !important;
padding-bottom: 11rem !important;
}
.pad-184 {
padding: 11.5rem !important;
}
.pad-top-184 {
padding-top: 11.5rem !important;
}
.pad-right-184 {
padding-right: 11.5rem !important;
}
.pad-btm-184 {
padding-bottom: 11.5rem !important;
}
.pad-left-184 {
padding-left: 11.5rem !important;
}
.pad-block-184 {
padding-top: 11.5rem !important;
padding-bottom: 11.5rem !important;
}
.pad-192 {
padding: 12rem !important;
}
.pad-top-192 {
padding-top: 12rem !important;
}
.pad-right-192 {
padding-right: 12rem !important;
}
.pad-btm-192 {
padding-bottom: 12rem !important;
}
.pad-left-192 {
padding-left: 12rem !important;
}
.pad-block-192 {
padding-top: 12rem !important;
padding-bottom: 12rem !important;
}
.pad-200 {
padding: 12.5rem !important;
}
.pad-top-200 {
padding-top: 12.5rem !important;
}
.pad-right-200 {
padding-right: 12.5rem !important;
}
.pad-btm-200 {
padding-bottom: 12.5rem !important;
}
.pad-left-200 {
padding-left: 12.5rem !important;
}
.pad-block-200 {
padding-top: 12.5rem !important;
padding-bottom: 12.5rem !important;
}
.pad-208 {
padding: 13rem !important;
}
.pad-top-208 {
padding-top: 13rem !important;
}
.pad-right-208 {
padding-right: 13rem !important;
}
.pad-btm-208 {
padding-bottom: 13rem !important;
}
.pad-left-208 {
padding-left: 13rem !important;
}
.pad-block-208 {
padding-top: 13rem !important;
padding-bottom: 13rem !important;
}
.pad-216 {
padding: 13.5rem !important;
}
.pad-top-216 {
padding-top: 13.5rem !important;
}
.pad-right-216 {
padding-right: 13.5rem !important;
}
.pad-btm-216 {
padding-bottom: 13.5rem !important;
}
.pad-left-216 {
padding-left: 13.5rem !important;
}
.pad-block-216 {
padding-top: 13.5rem !important;
padding-bottom: 13.5rem !important;
}
.pad-224 {
padding: 14rem !important;
}
.pad-top-224 {
padding-top: 14rem !important;
}
.pad-right-224 {
padding-right: 14rem !important;
}
.pad-btm-224 {
padding-bottom: 14rem !important;
}
.pad-left-224 {
padding-left: 14rem !important;
}
.pad-block-224 {
padding-top: 14rem !important;
padding-bottom: 14rem !important;
}
.pad-232 {
padding: 14.5rem !important;
}
.pad-top-232 {
padding-top: 14.5rem !important;
}
.pad-right-232 {
padding-right: 14.5rem !important;
}
.pad-btm-232 {
padding-bottom: 14.5rem !important;
}
.pad-left-232 {
padding-left: 14.5rem !important;
}
.pad-block-232 {
padding-top: 14.5rem !important;
padding-bottom: 14.5rem !important;
}
.pad-240 {
padding: 15rem !important;
}
.pad-top-240 {
padding-top: 15rem !important;
}
.pad-right-240 {
padding-right: 15rem !important;
}
.pad-btm-240 {
padding-bottom: 15rem !important;
}
.pad-left-240 {
padding-left: 15rem !important;
}
.pad-block-240 {
padding-top: 15rem !important;
padding-bottom: 15rem !important;
}
.pad-248 {
padding: 15.5rem !important;
}
.pad-top-248 {
padding-top: 15.5rem !important;
}
.pad-right-248 {
padding-right: 15.5rem !important;
}
.pad-btm-248 {
padding-bottom: 15.5rem !important;
}
.pad-left-248 {
padding-left: 15.5rem !important;
}
.pad-block-248 {
padding-top: 15.5rem !important;
padding-bottom: 15.5rem !important;
}
.pad-256 {
padding: 16rem !important;
}
.pad-top-256 {
padding-top: 16rem !important;
}
.pad-right-256 {
padding-right: 16rem !important;
}
.pad-btm-256 {
padding-bottom: 16rem !important;
}
.pad-left-256 {
padding-left: 16rem !important;
}
.pad-block-256 {
padding-top: 16rem !important;
padding-bottom: 16rem !important;
}
.pad-264 {
padding: 16.5rem !important;
}
.pad-top-264 {
padding-top: 16.5rem !important;
}
.pad-right-264 {
padding-right: 16.5rem !important;
}
.pad-btm-264 {
padding-bottom: 16.5rem !important;
}
.pad-left-264 {
padding-left: 16.5rem !important;
}
.pad-block-264 {
padding-top: 16.5rem !important;
padding-bottom: 16.5rem !important;
}
.pad-272 {
padding: 17rem !important;
}
.pad-top-272 {
padding-top: 17rem !important;
}
.pad-right-272 {
padding-right: 17rem !important;
}
.pad-btm-272 {
padding-bottom: 17rem !important;
}
.pad-left-272 {
padding-left: 17rem !important;
}
.pad-block-272 {
padding-top: 17rem !important;
padding-bottom: 17rem !important;
}
.pad-280 {
padding: 17.5rem !important;
}
.pad-top-280 {
padding-top: 17.5rem !important;
}
.pad-right-280 {
padding-right: 17.5rem !important;
}
.pad-btm-280 {
padding-bottom: 17.5rem !important;
}
.pad-left-280 {
padding-left: 17.5rem !important;
}
.pad-block-280 {
padding-top: 17.5rem !important;
padding-bottom: 17.5rem !important;
}
.pad-288 {
padding: 18rem !important;
}
.pad-top-288 {
padding-top: 18rem !important;
}
.pad-right-288 {
padding-right: 18rem !important;
}
.pad-btm-288 {
padding-bottom: 18rem !important;
}
.pad-left-288 {
padding-left: 18rem !important;
}
.pad-block-288 {
padding-top: 18rem !important;
padding-bottom: 18rem !important;
}
.pad-296 {
padding: 18.5rem !important;
}
.pad-top-296 {
padding-top: 18.5rem !important;
}
.pad-right-296 {
padding-right: 18.5rem !important;
}
.pad-btm-296 {
padding-bottom: 18.5rem !important;
}
.pad-left-296 {
padding-left: 18.5rem !important;
}
.pad-block-296 {
padding-top: 18.5rem !important;
padding-bottom: 18.5rem !important;
}
.pad-304 {
padding: 19rem !important;
}
.pad-top-304 {
padding-top: 19rem !important;
}
.pad-right-304 {
padding-right: 19rem !important;
}
.pad-btm-304 {
padding-bottom: 19rem !important;
}
.pad-left-304 {
padding-left: 19rem !important;
}
.pad-block-304 {
padding-top: 19rem !important;
padding-bottom: 19rem !important;
}
.pad-312 {
padding: 19.5rem !important;
}
.pad-top-312 {
padding-top: 19.5rem !important;
}
.pad-right-312 {
padding-right: 19.5rem !important;
}
.pad-btm-312 {
padding-bottom: 19.5rem !important;
}
.pad-left-312 {
padding-left: 19.5rem !important;
}
.pad-block-312 {
padding-top: 19.5rem !important;
padding-bottom: 19.5rem !important;
}
.pad-320 {
padding: 20rem !important;
}
.pad-top-320 {
padding-top: 20rem !important;
}
.pad-right-320 {
padding-right: 20rem !important;
}
.pad-btm-320 {
padding-bottom: 20rem !important;
}
.pad-left-320 {
padding-left: 20rem !important;
}
.pad-block-320 {
padding-top: 20rem !important;
padding-bottom: 20rem !important;
}
@media (min-width: 768px) {
.sm-pad-0 {
padding: 0 !important;
}
.sm-pad-top-0 {
padding-top: 0 !important;
}
.sm-pad-right-0 {
padding-right: 0 !important;
}
.sm-pad-btm-0 {
padding-bottom: 0 !important;
}
.sm-pad-left-0 {
padding-left: 0 !important;
}
.sm-pad-block-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.sm-pad-8 {
padding: 0.5rem !important;
}
.sm-pad-top-8 {
padding-top: 0.5rem !important;
}
.sm-pad-right-8 {
padding-right: 0.5rem !important;
}
.sm-pad-btm-8 {
padding-bottom: 0.5rem !important;
}
.sm-pad-left-8 {
padding-left: 0.5rem !important;
}
.sm-pad-block-8 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.sm-pad-16 {
padding: 1rem !important;
}
.sm-pad-top-16 {
padding-top: 1rem !important;
}
.sm-pad-right-16 {
padding-right: 1rem !important;
}
.sm-pad-btm-16 {
padding-bottom: 1rem !important;
}
.sm-pad-left-16 {
padding-left: 1rem !important;
}
.sm-pad-block-16 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.sm-pad-24 {
padding: 1.5rem !important;
}
.sm-pad-top-24 {
padding-top: 1.5rem !important;
}
.sm-pad-right-24 {
padding-right: 1.5rem !important;
}
.sm-pad-btm-24 {
padding-bottom: 1.5rem !important;
}
.sm-pad-left-24 {
padding-left: 1.5rem !important;
}
.sm-pad-block-24 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.sm-pad-32 {
padding: 2rem !important;
}
.sm-pad-top-32 {
padding-top: 2rem !important;
}
.sm-pad-right-32 {
padding-right: 2rem !important;
}
.sm-pad-btm-32 {
padding-bottom: 2rem !important;
}
.sm-pad-left-32 {
padding-left: 2rem !important;
}
.sm-pad-block-32 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.sm-pad-40 {
padding: 2.5rem !important;
}
.sm-pad-top-40 {
padding-top: 2.5rem !important;
}
.sm-pad-right-40 {
padding-right: 2.5rem !important;
}
.sm-pad-btm-40 {
padding-bottom: 2.5rem !important;
}
.sm-pad-left-40 {
padding-left: 2.5rem !important;
}
.sm-pad-block-40 {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important;
}
.sm-pad-48 {
padding: 3rem !important;
}
.sm-pad-top-48 {
padding-top: 3rem !important;
}
.sm-pad-right-48 {
padding-right: 3rem !important;
}
.sm-pad-btm-48 {
padding-bottom: 3rem !important;
}
.sm-pad-left-48 {
padding-left: 3rem !important;
}
.sm-pad-block-48 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.sm-pad-56 {
padding: 3.5rem !important;
}
.sm-pad-top-56 {
padding-top: 3.5rem !important;
}
.sm-pad-right-56 {
padding-right: 3.5rem !important;
}
.sm-pad-btm-56 {
padding-bottom: 3.5rem !important;
}
.sm-pad-left-56 {
padding-left: 3.5rem !important;
}
.sm-pad-block-56 {
padding-top: 3.5rem !important;
padding-bottom: 3.5rem !important;
}
.sm-pad-64 {
padding: 4rem !important;
}
.sm-pad-top-64 {
padding-top: 4rem !important;
}
.sm-pad-right-64 {
padding-right: 4rem !important;
}
.sm-pad-btm-64 {
padding-bottom: 4rem !important;
}
.sm-pad-left-64 {
padding-left: 4rem !important;
}
.sm-pad-block-64 {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
.sm-pad-72 {
padding: 4.5rem !important;
}
.sm-pad-top-72 {
padding-top: 4.5rem !important;
}
.sm-pad-right-72 {
padding-right: 4.5rem !important;
}
.sm-pad-btm-72 {
padding-bottom: 4.5rem !important;
}
.sm-pad-left-72 {
padding-left: 4.5rem !important;
}
.sm-pad-block-72 {
padding-top: 4.5rem !important;
padding-bottom: 4.5rem !important;
}
.sm-pad-80 {
padding: 5rem !important;
}
.sm-pad-top-80 {
padding-top: 5rem !important;
}
.sm-pad-right-80 {
padding-right: 5rem !important;
}
.sm-pad-btm-80 {
padding-bottom: 5rem !important;
}
.sm-pad-left-80 {
padding-left: 5rem !important;
}
.sm-pad-block-80 {
padding-top: 5rem !important;
padding-bottom: 5rem !important;
}
.sm-pad-88 {
padding: 5.5rem !important;
}
.sm-pad-top-88 {
padding-top: 5.5rem !important;
}
.sm-pad-right-88 {
padding-right: 5.5rem !important;
}
.sm-pad-btm-88 {
padding-bottom: 5.5rem !important;
}
.sm-pad-left-88 {
padding-left: 5.5rem !important;
}
.sm-pad-block-88 {
padding-top: 5.5rem !important;
padding-bottom: 5.5rem !important;
}
.sm-pad-96 {
padding: 6rem !important;
}
.sm-pad-top-96 {
padding-top: 6rem !important;
}
.sm-pad-right-96 {
padding-right: 6rem !important;
}
.sm-pad-btm-96 {
padding-bottom: 6rem !important;
}
.sm-pad-left-96 {
padding-left: 6rem !important;
}
.sm-pad-block-96 {
padding-top: 6rem !important;
padding-bottom: 6rem !important;
}
.sm-pad-104 {
padding: 6.5rem !important;
}
.sm-pad-top-104 {
padding-top: 6.5rem !important;
}
.sm-pad-right-104 {
padding-right: 6.5rem !important;
}
.sm-pad-btm-104 {
padding-bottom: 6.5rem !important;
}
.sm-pad-left-104 {
padding-left: 6.5rem !important;
}
.sm-pad-block-104 {
padding-top: 6.5rem !important;
padding-bottom: 6.5rem !important;
}
.sm-pad-112 {
padding: 7rem !important;
}
.sm-pad-top-112 {
padding-top: 7rem !important;
}
.sm-pad-right-112 {
padding-right: 7rem !important;
}
.sm-pad-btm-112 {
padding-bottom: 7rem !important;
}
.sm-pad-left-112 {
padding-left: 7rem !important;
}
.sm-pad-block-112 {
padding-top: 7rem !important;
padding-bottom: 7rem !important;
}
.sm-pad-120 {
padding: 7.5rem !important;
}
.sm-pad-top-120 {
padding-top: 7.5rem !important;
}
.sm-pad-right-120 {
padding-right: 7.5rem !important;
}
.sm-pad-btm-120 {
padding-bottom: 7.5rem !important;
}
.sm-pad-left-120 {
padding-left: 7.5rem !important;
}
.sm-pad-block-120 {
padding-top: 7.5rem !important;
padding-bottom: 7.5rem !important;
}
.sm-pad-128 {
padding: 8rem !important;
}
.sm-pad-top-128 {
padding-top: 8rem !important;
}
.sm-pad-right-128 {
padding-right: 8rem !important;
}
.sm-pad-btm-128 {
padding-bottom: 8rem !important;
}
.sm-pad-left-128 {
padding-left: 8rem !important;
}
.sm-pad-block-128 {
padding-top: 8rem !important;
padding-bottom: 8rem !important;
}
.sm-pad-136 {
padding: 8.5rem !important;
}
.sm-pad-top-136 {
padding-top: 8.5rem !important;
}
.sm-pad-right-136 {
padding-right: 8.5rem !important;
}
.sm-pad-btm-136 {
padding-bottom: 8.5rem !important;
}
.sm-pad-left-136 {
padding-left: 8.5rem !important;
}
.sm-pad-block-136 {
padding-top: 8.5rem !important;
padding-bottom: 8.5rem !important;
}
.sm-pad-144 {
padding: 9rem !important;
}
.sm-pad-top-144 {
padding-top: 9rem !important;
}
.sm-pad-right-144 {
padding-right: 9rem !important;
}
.sm-pad-btm-144 {
padding-bottom: 9rem !important;
}
.sm-pad-left-144 {
padding-left: 9rem !important;
}
.sm-pad-block-144 {
padding-top: 9rem !important;
padding-bottom: 9rem !important;
}
.sm-pad-152 {
padding: 9.5rem !important;
}
.sm-pad-top-152 {
padding-top: 9.5rem !important;
}
.sm-pad-right-152 {
padding-right: 9.5rem !important;
}
.sm-pad-btm-152 {
padding-bottom: 9.5rem !important;
}
.sm-pad-left-152 {
padding-left: 9.5rem !important;
}
.sm-pad-block-152 {
padding-top: 9.5rem !important;
padding-bottom: 9.5rem !important;
}
.sm-pad-160 {
padding: 10rem !important;
}
.sm-pad-top-160 {
padding-top: 10rem !important;
}
.sm-pad-right-160 {
padding-right: 10rem !important;
}
.sm-pad-btm-160 {
padding-bottom: 10rem !important;
}
.sm-pad-left-160 {
padding-left: 10rem !important;
}
.sm-pad-block-160 {
padding-top: 10rem !important;
padding-bottom: 10rem !important;
}
.sm-pad-168 {
padding: 10.5rem !important;
}
.sm-pad-top-168 {
padding-top: 10.5rem !important;
}
.sm-pad-right-168 {
padding-right: 10.5rem !important;
}
.sm-pad-btm-168 {
padding-bottom: 10.5rem !important;
}
.sm-pad-left-168 {
padding-left: 10.5rem !important;
}
.sm-pad-block-168 {
padding-top: 10.5rem !important;
padding-bottom: 10.5rem !important;
}
.sm-pad-176 {
padding: 11rem !important;
}
.sm-pad-top-176 {
padding-top: 11rem !important;
}
.sm-pad-right-176 {
padding-right: 11rem !important;
}
.sm-pad-btm-176 {
padding-bottom: 11rem !important;
}
.sm-pad-left-176 {
padding-left: 11rem !important;
}
.sm-pad-block-176 {
padding-top: 11rem !important;
padding-bottom: 11rem !important;
}
.sm-pad-184 {
padding: 11.5rem !important;
}
.sm-pad-top-184 {
padding-top: 11.5rem !important;
}
.sm-pad-right-184 {
padding-right: 11.5rem !important;
}
.sm-pad-btm-184 {
padding-bottom: 11.5rem !important;
}
.sm-pad-left-184 {
padding-left: 11.5rem !important;
}
.sm-pad-block-184 {
padding-top: 11.5rem !important;
padding-bottom: 11.5rem !important;
}
.sm-pad-192 {
padding: 12rem !important;
}
.sm-pad-top-192 {
padding-top: 12rem !important;
}
.sm-pad-right-192 {
padding-right: 12rem !important;
}
.sm-pad-btm-192 {
padding-bottom: 12rem !important;
}
.sm-pad-left-192 {
padding-left: 12rem !important;
}
.sm-pad-block-192 {
padding-top: 12rem !important;
padding-bottom: 12rem !important;
}
.sm-pad-200 {
padding: 12.5rem !important;
}
.sm-pad-top-200 {
padding-top: 12.5rem !important;
}
.sm-pad-right-200 {
padding-right: 12.5rem !important;
}
.sm-pad-btm-200 {
padding-bottom: 12.5rem !important;
}
.sm-pad-left-200 {
padding-left: 12.5rem !important;
}
.sm-pad-block-200 {
padding-top: 12.5rem !important;
padding-bottom: 12.5rem !important;
}
.sm-pad-208 {
padding: 13rem !important;
}
.sm-pad-top-208 {
padding-top: 13rem !important;
}
.sm-pad-right-208 {
padding-right: 13rem !important;
}
.sm-pad-btm-208 {
padding-bottom: 13rem !important;
}
.sm-pad-left-208 {
padding-left: 13rem !important;
}
.sm-pad-block-208 {
padding-top: 13rem !important;
padding-bottom: 13rem !important;
}
.sm-pad-216 {
padding: 13.5rem !important;
}
.sm-pad-top-216 {
padding-top: 13.5rem !important;
}
.sm-pad-right-216 {
padding-right: 13.5rem !important;
}
.sm-pad-btm-216 {
padding-bottom: 13.5rem !important;
}
.sm-pad-left-216 {
padding-left: 13.5rem !important;
}
.sm-pad-block-216 {
padding-top: 13.5rem !important;
padding-bottom: 13.5rem !important;
}
.sm-pad-224 {
padding: 14rem !important;
}
.sm-pad-top-224 {
padding-top: 14rem !important;
}
.sm-pad-right-224 {
padding-right: 14rem !important;
}
.sm-pad-btm-224 {
padding-bottom: 14rem !important;
}
.sm-pad-left-224 {
padding-left: 14rem !important;
}
.sm-pad-block-224 {
padding-top: 14rem !important;
padding-bottom: 14rem !important;
}
.sm-pad-232 {
padding: 14.5rem !important;
}
.sm-pad-top-232 {
padding-top: 14.5rem !important;
}
.sm-pad-right-232 {
padding-right: 14.5rem !important;
}
.sm-pad-btm-232 {
padding-bottom: 14.5rem !important;
}
.sm-pad-left-232 {
padding-left: 14.5rem !important;
}
.sm-pad-block-232 {
padding-top: 14.5rem !important;
padding-bottom: 14.5rem !important;
}
.sm-pad-240 {
padding: 15rem !important;
}
.sm-pad-top-240 {
padding-top: 15rem !important;
}
.sm-pad-right-240 {
padding-right: 15rem !important;
}
.sm-pad-btm-240 {
padding-bottom: 15rem !important;
}
.sm-pad-left-240 {
padding-left: 15rem !important;
}
.sm-pad-block-240 {
padding-top: 15rem !important;
padding-bottom: 15rem !important;
}
.sm-pad-248 {
padding: 15.5rem !important;
}
.sm-pad-top-248 {
padding-top: 15.5rem !important;
}
.sm-pad-right-248 {
padding-right: 15.5rem !important;
}
.sm-pad-btm-248 {
padding-bottom: 15.5rem !important;
}
.sm-pad-left-248 {
padding-left: 15.5rem !important;
}
.sm-pad-block-248 {
padding-top: 15.5rem !important;
padding-bottom: 15.5rem !important;
}
.sm-pad-256 {
padding: 16rem !important;
}
.sm-pad-top-256 {
padding-top: 16rem !important;
}
.sm-pad-right-256 {
padding-right: 16rem !important;
}
.sm-pad-btm-256 {
padding-bottom: 16rem !important;
}
.sm-pad-left-256 {
padding-left: 16rem !important;
}
.sm-pad-block-256 {
padding-top: 16rem !important;
padding-bottom: 16rem !important;
}
.sm-pad-264 {
padding: 16.5rem !important;
}
.sm-pad-top-264 {
padding-top: 16.5rem !important;
}
.sm-pad-right-264 {
padding-right: 16.5rem !important;
}
.sm-pad-btm-264 {
padding-bottom: 16.5rem !important;
}
.sm-pad-left-264 {
padding-left: 16.5rem !important;
}
.sm-pad-block-264 {
padding-top: 16.5rem !important;
padding-bottom: 16.5rem !important;
}
.sm-pad-272 {
padding: 17rem !important;
}
.sm-pad-top-272 {
padding-top: 17rem !important;
}
.sm-pad-right-272 {
padding-right: 17rem !important;
}
.sm-pad-btm-272 {
padding-bottom: 17rem !important;
}
.sm-pad-left-272 {
padding-left: 17rem !important;
}
.sm-pad-block-272 {
padding-top: 17rem !important;
padding-bottom: 17rem !important;
}
.sm-pad-280 {
padding: 17.5rem !important;
}
.sm-pad-top-280 {
padding-top: 17.5rem !important;
}
.sm-pad-right-280 {
padding-right: 17.5rem !important;
}
.sm-pad-btm-280 {
padding-bottom: 17.5rem !important;
}
.sm-pad-left-280 {
padding-left: 17.5rem !important;
}
.sm-pad-block-280 {
padding-top: 17.5rem !important;
padding-bottom: 17.5rem !important;
}
.sm-pad-288 {
padding: 18rem !important;
}
.sm-pad-top-288 {
padding-top: 18rem !important;
}
.sm-pad-right-288 {
padding-right: 18rem !important;
}
.sm-pad-btm-288 {
padding-bottom: 18rem !important;
}
.sm-pad-left-288 {
padding-left: 18rem !important;
}
.sm-pad-block-288 {
padding-top: 18rem !important;
padding-bottom: 18rem !important;
}
.sm-pad-296 {
padding: 18.5rem !important;
}
.sm-pad-top-296 {
padding-top: 18.5rem !important;
}
.sm-pad-right-296 {
padding-right: 18.5rem !important;
}
.sm-pad-btm-296 {
padding-bottom: 18.5rem !important;
}
.sm-pad-left-296 {
padding-left: 18.5rem !important;
}
.sm-pad-block-296 {
padding-top: 18.5rem !important;
padding-bottom: 18.5rem !important;
}
.sm-pad-304 {
padding: 19rem !important;
}
.sm-pad-top-304 {
padding-top: 19rem !important;
}
.sm-pad-right-304 {
padding-right: 19rem !important;
}
.sm-pad-btm-304 {
padding-bottom: 19rem !important;
}
.sm-pad-left-304 {
padding-left: 19rem !important;
}
.sm-pad-block-304 {
padding-top: 19rem !important;
padding-bottom: 19rem !important;
}
.sm-pad-312 {
padding: 19.5rem !important;
}
.sm-pad-top-312 {
padding-top: 19.5rem !important;
}
.sm-pad-right-312 {
padding-right: 19.5rem !important;
}
.sm-pad-btm-312 {
padding-bottom: 19.5rem !important;
}
.sm-pad-left-312 {
padding-left: 19.5rem !important;
}
.sm-pad-block-312 {
padding-top: 19.5rem !important;
padding-bottom: 19.5rem !important;
}
.sm-pad-320 {
padding: 20rem !important;
}
.sm-pad-top-320 {
padding-top: 20rem !important;
}
.sm-pad-right-320 {
padding-right: 20rem !important;
}
.sm-pad-btm-320 {
padding-bottom: 20rem !important;
}
.sm-pad-left-320 {
padding-left: 20rem !important;
}
.sm-pad-block-320 {
padding-top: 20rem !important;
padding-bottom: 20rem !important;
}
}
@media (min-width: 1024px) {
.md-pad-0 {
padding: 0 !important;
}
.md-pad-top-0 {
padding-top: 0 !important;
}
.md-pad-right-0 {
padding-right: 0 !important;
}
.md-pad-btm-0 {
padding-bottom: 0 !important;
}
.md-pad-left-0 {
padding-left: 0 !important;
}
.md-pad-block-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.md-pad-8 {
padding: 0.5rem !important;
}
.md-pad-top-8 {
padding-top: 0.5rem !important;
}
.md-pad-right-8 {
padding-right: 0.5rem !important;
}
.md-pad-btm-8 {
padding-bottom: 0.5rem !important;
}
.md-pad-left-8 {
padding-left: 0.5rem !important;
}
.md-pad-block-8 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.md-pad-16 {
padding: 1rem !important;
}
.md-pad-top-16 {
padding-top: 1rem !important;
}
.md-pad-right-16 {
padding-right: 1rem !important;
}
.md-pad-btm-16 {
padding-bottom: 1rem !important;
}
.md-pad-left-16 {
padding-left: 1rem !important;
}
.md-pad-block-16 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.md-pad-24 {
padding: 1.5rem !important;
}
.md-pad-top-24 {
padding-top: 1.5rem !important;
}
.md-pad-right-24 {
padding-right: 1.5rem !important;
}
.md-pad-btm-24 {
padding-bottom: 1.5rem !important;
}
.md-pad-left-24 {
padding-left: 1.5rem !important;
}
.md-pad-block-24 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.md-pad-32 {
padding: 2rem !important;
}
.md-pad-top-32 {
padding-top: 2rem !important;
}
.md-pad-right-32 {
padding-right: 2rem !important;
}
.md-pad-btm-32 {
padding-bottom: 2rem !important;
}
.md-pad-left-32 {
padding-left: 2rem !important;
}
.md-pad-block-32 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.md-pad-40 {
padding: 2.5rem !important;
}
.md-pad-top-40 {
padding-top: 2.5rem !important;
}
.md-pad-right-40 {
padding-right: 2.5rem !important;
}
.md-pad-btm-40 {
padding-bottom: 2.5rem !important;
}
.md-pad-left-40 {
padding-left: 2.5rem !important;
}
.md-pad-block-40 {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important;
}
.md-pad-48 {
padding: 3rem !important;
}
.md-pad-top-48 {
padding-top: 3rem !important;
}
.md-pad-right-48 {
padding-right: 3rem !important;
}
.md-pad-btm-48 {
padding-bottom: 3rem !important;
}
.md-pad-left-48 {
padding-left: 3rem !important;
}
.md-pad-block-48 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.md-pad-56 {
padding: 3.5rem !important;
}
.md-pad-top-56 {
padding-top: 3.5rem !important;
}
.md-pad-right-56 {
padding-right: 3.5rem !important;
}
.md-pad-btm-56 {
padding-bottom: 3.5rem !important;
}
.md-pad-left-56 {
padding-left: 3.5rem !important;
}
.md-pad-block-56 {
padding-top: 3.5rem !important;
padding-bottom: 3.5rem !important;
}
.md-pad-64 {
padding: 4rem !important;
}
.md-pad-top-64 {
padding-top: 4rem !important;
}
.md-pad-right-64 {
padding-right: 4rem !important;
}
.md-pad-btm-64 {
padding-bottom: 4rem !important;
}
.md-pad-left-64 {
padding-left: 4rem !important;
}
.md-pad-block-64 {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
.md-pad-72 {
padding: 4.5rem !important;
}
.md-pad-top-72 {
padding-top: 4.5rem !important;
}
.md-pad-right-72 {
padding-right: 4.5rem !important;
}
.md-pad-btm-72 {
padding-bottom: 4.5rem !important;
}
.md-pad-left-72 {
padding-left: 4.5rem !important;
}
.md-pad-block-72 {
padding-top: 4.5rem !important;
padding-bottom: 4.5rem !important;
}
.md-pad-80 {
padding: 5rem !important;
}
.md-pad-top-80 {
padding-top: 5rem !important;
}
.md-pad-right-80 {
padding-right: 5rem !important;
}
.md-pad-btm-80 {
padding-bottom: 5rem !important;
}
.md-pad-left-80 {
padding-left: 5rem !important;
}
.md-pad-block-80 {
padding-top: 5rem !important;
padding-bottom: 5rem !important;
}
.md-pad-88 {
padding: 5.5rem !important;
}
.md-pad-top-88 {
padding-top: 5.5rem !important;
}
.md-pad-right-88 {
padding-right: 5.5rem !important;
}
.md-pad-btm-88 {
padding-bottom: 5.5rem !important;
}
.md-pad-left-88 {
padding-left: 5.5rem !important;
}
.md-pad-block-88 {
padding-top: 5.5rem !important;
padding-bottom: 5.5rem !important;
}
.md-pad-96 {
padding: 6rem !important;
}
.md-pad-top-96 {
padding-top: 6rem !important;
}
.md-pad-right-96 {
padding-right: 6rem !important;
}
.md-pad-btm-96 {
padding-bottom: 6rem !important;
}
.md-pad-left-96 {
padding-left: 6rem !important;
}
.md-pad-block-96 {
padding-top: 6rem !important;
padding-bottom: 6rem !important;
}
.md-pad-104 {
padding: 6.5rem !important;
}
.md-pad-top-104 {
padding-top: 6.5rem !important;
}
.md-pad-right-104 {
padding-right: 6.5rem !important;
}
.md-pad-btm-104 {
padding-bottom: 6.5rem !important;
}
.md-pad-left-104 {
padding-left: 6.5rem !important;
}
.md-pad-block-104 {
padding-top: 6.5rem !important;
padding-bottom: 6.5rem !important;
}
.md-pad-112 {
padding: 7rem !important;
}
.md-pad-top-112 {
padding-top: 7rem !important;
}
.md-pad-right-112 {
padding-right: 7rem !important;
}
.md-pad-btm-112 {
padding-bottom: 7rem !important;
}
.md-pad-left-112 {
padding-left: 7rem !important;
}
.md-pad-block-112 {
padding-top: 7rem !important;
padding-bottom: 7rem !important;
}
.md-pad-120 {
padding: 7.5rem !important;
}
.md-pad-top-120 {
padding-top: 7.5rem !important;
}
.md-pad-right-120 {
padding-right: 7.5rem !important;
}
.md-pad-btm-120 {
padding-bottom: 7.5rem !important;
}
.md-pad-left-120 {
padding-left: 7.5rem !important;
}
.md-pad-block-120 {
padding-top: 7.5rem !important;
padding-bottom: 7.5rem !important;
}
.md-pad-128 {
padding: 8rem !important;
}
.md-pad-top-128 {
padding-top: 8rem !important;
}
.md-pad-right-128 {
padding-right: 8rem !important;
}
.md-pad-btm-128 {
padding-bottom: 8rem !important;
}
.md-pad-left-128 {
padding-left: 8rem !important;
}
.md-pad-block-128 {
padding-top: 8rem !important;
padding-bottom: 8rem !important;
}
.md-pad-136 {
padding: 8.5rem !important;
}
.md-pad-top-136 {
padding-top: 8.5rem !important;
}
.md-pad-right-136 {
padding-right: 8.5rem !important;
}
.md-pad-btm-136 {
padding-bottom: 8.5rem !important;
}
.md-pad-left-136 {
padding-left: 8.5rem !important;
}
.md-pad-block-136 {
padding-top: 8.5rem !important;
padding-bottom: 8.5rem !important;
}
.md-pad-144 {
padding: 9rem !important;
}
.md-pad-top-144 {
padding-top: 9rem !important;
}
.md-pad-right-144 {
padding-right: 9rem !important;
}
.md-pad-btm-144 {
padding-bottom: 9rem !important;
}
.md-pad-left-144 {
padding-left: 9rem !important;
}
.md-pad-block-144 {
padding-top: 9rem !important;
padding-bottom: 9rem !important;
}
.md-pad-152 {
padding: 9.5rem !important;
}
.md-pad-top-152 {
padding-top: 9.5rem !important;
}
.md-pad-right-152 {
padding-right: 9.5rem !important;
}
.md-pad-btm-152 {
padding-bottom: 9.5rem !important;
}
.md-pad-left-152 {
padding-left: 9.5rem !important;
}
.md-pad-block-152 {
padding-top: 9.5rem !important;
padding-bottom: 9.5rem !important;
}
.md-pad-160 {
padding: 10rem !important;
}
.md-pad-top-160 {
padding-top: 10rem !important;
}
.md-pad-right-160 {
padding-right: 10rem !important;
}
.md-pad-btm-160 {
padding-bottom: 10rem !important;
}
.md-pad-left-160 {
padding-left: 10rem !important;
}
.md-pad-block-160 {
padding-top: 10rem !important;
padding-bottom: 10rem !important;
}
.md-pad-168 {
padding: 10.5rem !important;
}
.md-pad-top-168 {
padding-top: 10.5rem !important;
}
.md-pad-right-168 {
padding-right: 10.5rem !important;
}
.md-pad-btm-168 {
padding-bottom: 10.5rem !important;
}
.md-pad-left-168 {
padding-left: 10.5rem !important;
}
.md-pad-block-168 {
padding-top: 10.5rem !important;
padding-bottom: 10.5rem !important;
}
.md-pad-176 {
padding: 11rem !important;
}
.md-pad-top-176 {
padding-top: 11rem !important;
}
.md-pad-right-176 {
padding-right: 11rem !important;
}
.md-pad-btm-176 {
padding-bottom: 11rem !important;
}
.md-pad-left-176 {
padding-left: 11rem !important;
}
.md-pad-block-176 {
padding-top: 11rem !important;
padding-bottom: 11rem !important;
}
.md-pad-184 {
padding: 11.5rem !important;
}
.md-pad-top-184 {
padding-top: 11.5rem !important;
}
.md-pad-right-184 {
padding-right: 11.5rem !important;
}
.md-pad-btm-184 {
padding-bottom: 11.5rem !important;
}
.md-pad-left-184 {
padding-left: 11.5rem !important;
}
.md-pad-block-184 {
padding-top: 11.5rem !important;
padding-bottom: 11.5rem !important;
}
.md-pad-192 {
padding: 12rem !important;
}
.md-pad-top-192 {
padding-top: 12rem !important;
}
.md-pad-right-192 {
padding-right: 12rem !important;
}
.md-pad-btm-192 {
padding-bottom: 12rem !important;
}
.md-pad-left-192 {
padding-left: 12rem !important;
}
.md-pad-block-192 {
padding-top: 12rem !important;
padding-bottom: 12rem !important;
}
.md-pad-200 {
padding: 12.5rem !important;
}
.md-pad-top-200 {
padding-top: 12.5rem !important;
}
.md-pad-right-200 {
padding-right: 12.5rem !important;
}
.md-pad-btm-200 {
padding-bottom: 12.5rem !important;
}
.md-pad-left-200 {
padding-left: 12.5rem !important;
}
.md-pad-block-200 {
padding-top: 12.5rem !important;
padding-bottom: 12.5rem !important;
}
.md-pad-208 {
padding: 13rem !important;
}
.md-pad-top-208 {
padding-top: 13rem !important;
}
.md-pad-right-208 {
padding-right: 13rem !important;
}
.md-pad-btm-208 {
padding-bottom: 13rem !important;
}
.md-pad-left-208 {
padding-left: 13rem !important;
}
.md-pad-block-208 {
padding-top: 13rem !important;
padding-bottom: 13rem !important;
}
.md-pad-216 {
padding: 13.5rem !important;
}
.md-pad-top-216 {
padding-top: 13.5rem !important;
}
.md-pad-right-216 {
padding-right: 13.5rem !important;
}
.md-pad-btm-216 {
padding-bottom: 13.5rem !important;
}
.md-pad-left-216 {
padding-left: 13.5rem !important;
}
.md-pad-block-216 {
padding-top: 13.5rem !important;
padding-bottom: 13.5rem !important;
}
.md-pad-224 {
padding: 14rem !important;
}
.md-pad-top-224 {
padding-top: 14rem !important;
}
.md-pad-right-224 {
padding-right: 14rem !important;
}
.md-pad-btm-224 {
padding-bottom: 14rem !important;
}
.md-pad-left-224 {
padding-left: 14rem !important;
}
.md-pad-block-224 {
padding-top: 14rem !important;
padding-bottom: 14rem !important;
}
.md-pad-232 {
padding: 14.5rem !important;
}
.md-pad-top-232 {
padding-top: 14.5rem !important;
}
.md-pad-right-232 {
padding-right: 14.5rem !important;
}
.md-pad-btm-232 {
padding-bottom: 14.5rem !important;
}
.md-pad-left-232 {
padding-left: 14.5rem !important;
}
.md-pad-block-232 {
padding-top: 14.5rem !important;
padding-bottom: 14.5rem !important;
}
.md-pad-240 {
padding: 15rem !important;
}
.md-pad-top-240 {
padding-top: 15rem !important;
}
.md-pad-right-240 {
padding-right: 15rem !important;
}
.md-pad-btm-240 {
padding-bottom: 15rem !important;
}
.md-pad-left-240 {
padding-left: 15rem !important;
}
.md-pad-block-240 {
padding-top: 15rem !important;
padding-bottom: 15rem !important;
}
.md-pad-248 {
padding: 15.5rem !important;
}
.md-pad-top-248 {
padding-top: 15.5rem !important;
}
.md-pad-right-248 {
padding-right: 15.5rem !important;
}
.md-pad-btm-248 {
padding-bottom: 15.5rem !important;
}
.md-pad-left-248 {
padding-left: 15.5rem !important;
}
.md-pad-block-248 {
padding-top: 15.5rem !important;
padding-bottom: 15.5rem !important;
}
.md-pad-256 {
padding: 16rem !important;
}
.md-pad-top-256 {
padding-top: 16rem !important;
}
.md-pad-right-256 {
padding-right: 16rem !important;
}
.md-pad-btm-256 {
padding-bottom: 16rem !important;
}
.md-pad-left-256 {
padding-left: 16rem !important;
}
.md-pad-block-256 {
padding-top: 16rem !important;
padding-bottom: 16rem !important;
}
.md-pad-264 {
padding: 16.5rem !important;
}
.md-pad-top-264 {
padding-top: 16.5rem !important;
}
.md-pad-right-264 {
padding-right: 16.5rem !important;
}
.md-pad-btm-264 {
padding-bottom: 16.5rem !important;
}
.md-pad-left-264 {
padding-left: 16.5rem !important;
}
.md-pad-block-264 {
padding-top: 16.5rem !important;
padding-bottom: 16.5rem !important;
}
.md-pad-272 {
padding: 17rem !important;
}
.md-pad-top-272 {
padding-top: 17rem !important;
}
.md-pad-right-272 {
padding-right: 17rem !important;
}
.md-pad-btm-272 {
padding-bottom: 17rem !important;
}
.md-pad-left-272 {
padding-left: 17rem !important;
}
.md-pad-block-272 {
padding-top: 17rem !important;
padding-bottom: 17rem !important;
}
.md-pad-280 {
padding: 17.5rem !important;
}
.md-pad-top-280 {
padding-top: 17.5rem !important;
}
.md-pad-right-280 {
padding-right: 17.5rem !important;
}
.md-pad-btm-280 {
padding-bottom: 17.5rem !important;
}
.md-pad-left-280 {
padding-left: 17.5rem !important;
}
.md-pad-block-280 {
padding-top: 17.5rem !important;
padding-bottom: 17.5rem !important;
}
.md-pad-288 {
padding: 18rem !important;
}
.md-pad-top-288 {
padding-top: 18rem !important;
}
.md-pad-right-288 {
padding-right: 18rem !important;
}
.md-pad-btm-288 {
padding-bottom: 18rem !important;
}
.md-pad-left-288 {
padding-left: 18rem !important;
}
.md-pad-block-288 {
padding-top: 18rem !important;
padding-bottom: 18rem !important;
}
.md-pad-296 {
padding: 18.5rem !important;
}
.md-pad-top-296 {
padding-top: 18.5rem !important;
}
.md-pad-right-296 {
padding-right: 18.5rem !important;
}
.md-pad-btm-296 {
padding-bottom: 18.5rem !important;
}
.md-pad-left-296 {
padding-left: 18.5rem !important;
}
.md-pad-block-296 {
padding-top: 18.5rem !important;
padding-bottom: 18.5rem !important;
}
.md-pad-304 {
padding: 19rem !important;
}
.md-pad-top-304 {
padding-top: 19rem !important;
}
.md-pad-right-304 {
padding-right: 19rem !important;
}
.md-pad-btm-304 {
padding-bottom: 19rem !important;
}
.md-pad-left-304 {
padding-left: 19rem !important;
}
.md-pad-block-304 {
padding-top: 19rem !important;
padding-bottom: 19rem !important;
}
.md-pad-312 {
padding: 19.5rem !important;
}
.md-pad-top-312 {
padding-top: 19.5rem !important;
}
.md-pad-right-312 {
padding-right: 19.5rem !important;
}
.md-pad-btm-312 {
padding-bottom: 19.5rem !important;
}
.md-pad-left-312 {
padding-left: 19.5rem !important;
}
.md-pad-block-312 {
padding-top: 19.5rem !important;
padding-bottom: 19.5rem !important;
}
.md-pad-320 {
padding: 20rem !important;
}
.md-pad-top-320 {
padding-top: 20rem !important;
}
.md-pad-right-320 {
padding-right: 20rem !important;
}
.md-pad-btm-320 {
padding-bottom: 20rem !important;
}
.md-pad-left-320 {
padding-left: 20rem !important;
}
.md-pad-block-320 {
padding-top: 20rem !important;
padding-bottom: 20rem !important;
}
}
@media (min-width: 1280px) {
.lg-pad-0 {
padding: 0 !important;
}
.lg-pad-top-0 {
padding-top: 0 !important;
}
.lg-pad-right-0 {
padding-right: 0 !important;
}
.lg-pad-btm-0 {
padding-bottom: 0 !important;
}
.lg-pad-left-0 {
padding-left: 0 !important;
}
.lg-pad-block-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.lg-pad-8 {
padding: 0.5rem !important;
}
.lg-pad-top-8 {
padding-top: 0.5rem !important;
}
.lg-pad-right-8 {
padding-right: 0.5rem !important;
}
.lg-pad-btm-8 {
padding-bottom: 0.5rem !important;
}
.lg-pad-left-8 {
padding-left: 0.5rem !important;
}
.lg-pad-block-8 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.lg-pad-16 {
padding: 1rem !important;
}
.lg-pad-top-16 {
padding-top: 1rem !important;
}
.lg-pad-right-16 {
padding-right: 1rem !important;
}
.lg-pad-btm-16 {
padding-bottom: 1rem !important;
}
.lg-pad-left-16 {
padding-left: 1rem !important;
}
.lg-pad-block-16 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.lg-pad-24 {
padding: 1.5rem !important;
}
.lg-pad-top-24 {
padding-top: 1.5rem !important;
}
.lg-pad-right-24 {
padding-right: 1.5rem !important;
}
.lg-pad-btm-24 {
padding-bottom: 1.5rem !important;
}
.lg-pad-left-24 {
padding-left: 1.5rem !important;
}
.lg-pad-block-24 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.lg-pad-32 {
padding: 2rem !important;
}
.lg-pad-top-32 {
padding-top: 2rem !important;
}
.lg-pad-right-32 {
padding-right: 2rem !important;
}
.lg-pad-btm-32 {
padding-bottom: 2rem !important;
}
.lg-pad-left-32 {
padding-left: 2rem !important;
}
.lg-pad-block-32 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.lg-pad-40 {
padding: 2.5rem !important;
}
.lg-pad-top-40 {
padding-top: 2.5rem !important;
}
.lg-pad-right-40 {
padding-right: 2.5rem !important;
}
.lg-pad-btm-40 {
padding-bottom: 2.5rem !important;
}
.lg-pad-left-40 {
padding-left: 2.5rem !important;
}
.lg-pad-block-40 {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important;
}
.lg-pad-48 {
padding: 3rem !important;
}
.lg-pad-top-48 {
padding-top: 3rem !important;
}
.lg-pad-right-48 {
padding-right: 3rem !important;
}
.lg-pad-btm-48 {
padding-bottom: 3rem !important;
}
.lg-pad-left-48 {
padding-left: 3rem !important;
}
.lg-pad-block-48 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.lg-pad-56 {
padding: 3.5rem !important;
}
.lg-pad-top-56 {
padding-top: 3.5rem !important;
}
.lg-pad-right-56 {
padding-right: 3.5rem !important;
}
.lg-pad-btm-56 {
padding-bottom: 3.5rem !important;
}
.lg-pad-left-56 {
padding-left: 3.5rem !important;
}
.lg-pad-block-56 {
padding-top: 3.5rem !important;
padding-bottom: 3.5rem !important;
}
.lg-pad-64 {
padding: 4rem !important;
}
.lg-pad-top-64 {
padding-top: 4rem !important;
}
.lg-pad-right-64 {
padding-right: 4rem !important;
}
.lg-pad-btm-64 {
padding-bottom: 4rem !important;
}
.lg-pad-left-64 {
padding-left: 4rem !important;
}
.lg-pad-block-64 {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
.lg-pad-72 {
padding: 4.5rem !important;
}
.lg-pad-top-72 {
padding-top: 4.5rem !important;
}
.lg-pad-right-72 {
padding-right: 4.5rem !important;
}
.lg-pad-btm-72 {
padding-bottom: 4.5rem !important;
}
.lg-pad-left-72 {
padding-left: 4.5rem !important;
}
.lg-pad-block-72 {
padding-top: 4.5rem !important;
padding-bottom: 4.5rem !important;
}
.lg-pad-80 {
padding: 5rem !important;
}
.lg-pad-top-80 {
padding-top: 5rem !important;
}
.lg-pad-right-80 {
padding-right: 5rem !important;
}
.lg-pad-btm-80 {
padding-bottom: 5rem !important;
}
.lg-pad-left-80 {
padding-left: 5rem !important;
}
.lg-pad-block-80 {
padding-top: 5rem !important;
padding-bottom: 5rem !important;
}
.lg-pad-88 {
padding: 5.5rem !important;
}
.lg-pad-top-88 {
padding-top: 5.5rem !important;
}
.lg-pad-right-88 {
padding-right: 5.5rem !important;
}
.lg-pad-btm-88 {
padding-bottom: 5.5rem !important;
}
.lg-pad-left-88 {
padding-left: 5.5rem !important;
}
.lg-pad-block-88 {
padding-top: 5.5rem !important;
padding-bottom: 5.5rem !important;
}
.lg-pad-96 {
padding: 6rem !important;
}
.lg-pad-top-96 {
padding-top: 6rem !important;
}
.lg-pad-right-96 {
padding-right: 6rem !important;
}
.lg-pad-btm-96 {
padding-bottom: 6rem !important;
}
.lg-pad-left-96 {
padding-left: 6rem !important;
}
.lg-pad-block-96 {
padding-top: 6rem !important;
padding-bottom: 6rem !important;
}
.lg-pad-104 {
padding: 6.5rem !important;
}
.lg-pad-top-104 {
padding-top: 6.5rem !important;
}
.lg-pad-right-104 {
padding-right: 6.5rem !important;
}
.lg-pad-btm-104 {
padding-bottom: 6.5rem !important;
}
.lg-pad-left-104 {
padding-left: 6.5rem !important;
}
.lg-pad-block-104 {
padding-top: 6.5rem !important;
padding-bottom: 6.5rem !important;
}
.lg-pad-112 {
padding: 7rem !important;
}
.lg-pad-top-112 {
padding-top: 7rem !important;
}
.lg-pad-right-112 {
padding-right: 7rem !important;
}
.lg-pad-btm-112 {
padding-bottom: 7rem !important;
}
.lg-pad-left-112 {
padding-left: 7rem !important;
}
.lg-pad-block-112 {
padding-top: 7rem !important;
padding-bottom: 7rem !important;
}
.lg-pad-120 {
padding: 7.5rem !important;
}
.lg-pad-top-120 {
padding-top: 7.5rem !important;
}
.lg-pad-right-120 {
padding-right: 7.5rem !important;
}
.lg-pad-btm-120 {
padding-bottom: 7.5rem !important;
}
.lg-pad-left-120 {
padding-left: 7.5rem !important;
}
.lg-pad-block-120 {
padding-top: 7.5rem !important;
padding-bottom: 7.5rem !important;
}
.lg-pad-128 {
padding: 8rem !important;
}
.lg-pad-top-128 {
padding-top: 8rem !important;
}
.lg-pad-right-128 {
padding-right: 8rem !important;
}
.lg-pad-btm-128 {
padding-bottom: 8rem !important;
}
.lg-pad-left-128 {
padding-left: 8rem !important;
}
.lg-pad-block-128 {
padding-top: 8rem !important;
padding-bottom: 8rem !important;
}
.lg-pad-136 {
padding: 8.5rem !important;
}
.lg-pad-top-136 {
padding-top: 8.5rem !important;
}
.lg-pad-right-136 {
padding-right: 8.5rem !important;
}
.lg-pad-btm-136 {
padding-bottom: 8.5rem !important;
}
.lg-pad-left-136 {
padding-left: 8.5rem !important;
}
.lg-pad-block-136 {
padding-top: 8.5rem !important;
padding-bottom: 8.5rem !important;
}
.lg-pad-144 {
padding: 9rem !important;
}
.lg-pad-top-144 {
padding-top: 9rem !important;
}
.lg-pad-right-144 {
padding-right: 9rem !important;
}
.lg-pad-btm-144 {
padding-bottom: 9rem !important;
}
.lg-pad-left-144 {
padding-left: 9rem !important;
}
.lg-pad-block-144 {
padding-top: 9rem !important;
padding-bottom: 9rem !important;
}
.lg-pad-152 {
padding: 9.5rem !important;
}
.lg-pad-top-152 {
padding-top: 9.5rem !important;
}
.lg-pad-right-152 {
padding-right: 9.5rem !important;
}
.lg-pad-btm-152 {
padding-bottom: 9.5rem !important;
}
.lg-pad-left-152 {
padding-left: 9.5rem !important;
}
.lg-pad-block-152 {
padding-top: 9.5rem !important;
padding-bottom: 9.5rem !important;
}
.lg-pad-160 {
padding: 10rem !important;
}
.lg-pad-top-160 {
padding-top: 10rem !important;
}
.lg-pad-right-160 {
padding-right: 10rem !important;
}
.lg-pad-btm-160 {
padding-bottom: 10rem !important;
}
.lg-pad-left-160 {
padding-left: 10rem !important;
}
.lg-pad-block-160 {
padding-top: 10rem !important;
padding-bottom: 10rem !important;
}
.lg-pad-168 {
padding: 10.5rem !important;
}
.lg-pad-top-168 {
padding-top: 10.5rem !important;
}
.lg-pad-right-168 {
padding-right: 10.5rem !important;
}
.lg-pad-btm-168 {
padding-bottom: 10.5rem !important;
}
.lg-pad-left-168 {
padding-left: 10.5rem !important;
}
.lg-pad-block-168 {
padding-top: 10.5rem !important;
padding-bottom: 10.5rem !important;
}
.lg-pad-176 {
padding: 11rem !important;
}
.lg-pad-top-176 {
padding-top: 11rem !important;
}
.lg-pad-right-176 {
padding-right: 11rem !important;
}
.lg-pad-btm-176 {
padding-bottom: 11rem !important;
}
.lg-pad-left-176 {
padding-left: 11rem !important;
}
.lg-pad-block-176 {
padding-top: 11rem !important;
padding-bottom: 11rem !important;
}
.lg-pad-184 {
padding: 11.5rem !important;
}
.lg-pad-top-184 {
padding-top: 11.5rem !important;
}
.lg-pad-right-184 {
padding-right: 11.5rem !important;
}
.lg-pad-btm-184 {
padding-bottom: 11.5rem !important;
}
.lg-pad-left-184 {
padding-left: 11.5rem !important;
}
.lg-pad-block-184 {
padding-top: 11.5rem !important;
padding-bottom: 11.5rem !important;
}
.lg-pad-192 {
padding: 12rem !important;
}
.lg-pad-top-192 {
padding-top: 12rem !important;
}
.lg-pad-right-192 {
padding-right: 12rem !important;
}
.lg-pad-btm-192 {
padding-bottom: 12rem !important;
}
.lg-pad-left-192 {
padding-left: 12rem !important;
}
.lg-pad-block-192 {
padding-top: 12rem !important;
padding-bottom: 12rem !important;
}
.lg-pad-200 {
padding: 12.5rem !important;
}
.lg-pad-top-200 {
padding-top: 12.5rem !important;
}
.lg-pad-right-200 {
padding-right: 12.5rem !important;
}
.lg-pad-btm-200 {
padding-bottom: 12.5rem !important;
}
.lg-pad-left-200 {
padding-left: 12.5rem !important;
}
.lg-pad-block-200 {
padding-top: 12.5rem !important;
padding-bottom: 12.5rem !important;
}
.lg-pad-208 {
padding: 13rem !important;
}
.lg-pad-top-208 {
padding-top: 13rem !important;
}
.lg-pad-right-208 {
padding-right: 13rem !important;
}
.lg-pad-btm-208 {
padding-bottom: 13rem !important;
}
.lg-pad-left-208 {
padding-left: 13rem !important;
}
.lg-pad-block-208 {
padding-top: 13rem !important;
padding-bottom: 13rem !important;
}
.lg-pad-216 {
padding: 13.5rem !important;
}
.lg-pad-top-216 {
padding-top: 13.5rem !important;
}
.lg-pad-right-216 {
padding-right: 13.5rem !important;
}
.lg-pad-btm-216 {
padding-bottom: 13.5rem !important;
}
.lg-pad-left-216 {
padding-left: 13.5rem !important;
}
.lg-pad-block-216 {
padding-top: 13.5rem !important;
padding-bottom: 13.5rem !important;
}
.lg-pad-224 {
padding: 14rem !important;
}
.lg-pad-top-224 {
padding-top: 14rem !important;
}
.lg-pad-right-224 {
padding-right: 14rem !important;
}
.lg-pad-btm-224 {
padding-bottom: 14rem !important;
}
.lg-pad-left-224 {
padding-left: 14rem !important;
}
.lg-pad-block-224 {
padding-top: 14rem !important;
padding-bottom: 14rem !important;
}
.lg-pad-232 {
padding: 14.5rem !important;
}
.lg-pad-top-232 {
padding-top: 14.5rem !important;
}
.lg-pad-right-232 {
padding-right: 14.5rem !important;
}
.lg-pad-btm-232 {
padding-bottom: 14.5rem !important;
}
.lg-pad-left-232 {
padding-left: 14.5rem !important;
}
.lg-pad-block-232 {
padding-top: 14.5rem !important;
padding-bottom: 14.5rem !important;
}
.lg-pad-240 {
padding: 15rem !important;
}
.lg-pad-top-240 {
padding-top: 15rem !important;
}
.lg-pad-right-240 {
padding-right: 15rem !important;
}
.lg-pad-btm-240 {
padding-bottom: 15rem !important;
}
.lg-pad-left-240 {
padding-left: 15rem !important;
}
.lg-pad-block-240 {
padding-top: 15rem !important;
padding-bottom: 15rem !important;
}
.lg-pad-248 {
padding: 15.5rem !important;
}
.lg-pad-top-248 {
padding-top: 15.5rem !important;
}
.lg-pad-right-248 {
padding-right: 15.5rem !important;
}
.lg-pad-btm-248 {
padding-bottom: 15.5rem !important;
}
.lg-pad-left-248 {
padding-left: 15.5rem !important;
}
.lg-pad-block-248 {
padding-top: 15.5rem !important;
padding-bottom: 15.5rem !important;
}
.lg-pad-256 {
padding: 16rem !important;
}
.lg-pad-top-256 {
padding-top: 16rem !important;
}
.lg-pad-right-256 {
padding-right: 16rem !important;
}
.lg-pad-btm-256 {
padding-bottom: 16rem !important;
}
.lg-pad-left-256 {
padding-left: 16rem !important;
}
.lg-pad-block-256 {
padding-top: 16rem !important;
padding-bottom: 16rem !important;
}
.lg-pad-264 {
padding: 16.5rem !important;
}
.lg-pad-top-264 {
padding-top: 16.5rem !important;
}
.lg-pad-right-264 {
padding-right: 16.5rem !important;
}
.lg-pad-btm-264 {
padding-bottom: 16.5rem !important;
}
.lg-pad-left-264 {
padding-left: 16.5rem !important;
}
.lg-pad-block-264 {
padding-top: 16.5rem !important;
padding-bottom: 16.5rem !important;
}
.lg-pad-272 {
padding: 17rem !important;
}
.lg-pad-top-272 {
padding-top: 17rem !important;
}
.lg-pad-right-272 {
padding-right: 17rem !important;
}
.lg-pad-btm-272 {
padding-bottom: 17rem !important;
}
.lg-pad-left-272 {
padding-left: 17rem !important;
}
.lg-pad-block-272 {
padding-top: 17rem !important;
padding-bottom: 17rem !important;
}
.lg-pad-280 {
padding: 17.5rem !important;
}
.lg-pad-top-280 {
padding-top: 17.5rem !important;
}
.lg-pad-right-280 {
padding-right: 17.5rem !important;
}
.lg-pad-btm-280 {
padding-bottom: 17.5rem !important;
}
.lg-pad-left-280 {
padding-left: 17.5rem !important;
}
.lg-pad-block-280 {
padding-top: 17.5rem !important;
padding-bottom: 17.5rem !important;
}
.lg-pad-288 {
padding: 18rem !important;
}
.lg-pad-top-288 {
padding-top: 18rem !important;
}
.lg-pad-right-288 {
padding-right: 18rem !important;
}
.lg-pad-btm-288 {
padding-bottom: 18rem !important;
}
.lg-pad-left-288 {
padding-left: 18rem !important;
}
.lg-pad-block-288 {
padding-top: 18rem !important;
padding-bottom: 18rem !important;
}
.lg-pad-296 {
padding: 18.5rem !important;
}
.lg-pad-top-296 {
padding-top: 18.5rem !important;
}
.lg-pad-right-296 {
padding-right: 18.5rem !important;
}
.lg-pad-btm-296 {
padding-bottom: 18.5rem !important;
}
.lg-pad-left-296 {
padding-left: 18.5rem !important;
}
.lg-pad-block-296 {
padding-top: 18.5rem !important;
padding-bottom: 18.5rem !important;
}
.lg-pad-304 {
padding: 19rem !important;
}
.lg-pad-top-304 {
padding-top: 19rem !important;
}
.lg-pad-right-304 {
padding-right: 19rem !important;
}
.lg-pad-btm-304 {
padding-bottom: 19rem !important;
}
.lg-pad-left-304 {
padding-left: 19rem !important;
}
.lg-pad-block-304 {
padding-top: 19rem !important;
padding-bottom: 19rem !important;
}
.lg-pad-312 {
padding: 19.5rem !important;
}
.lg-pad-top-312 {
padding-top: 19.5rem !important;
}
.lg-pad-right-312 {
padding-right: 19.5rem !important;
}
.lg-pad-btm-312 {
padding-bottom: 19.5rem !important;
}
.lg-pad-left-312 {
padding-left: 19.5rem !important;
}
.lg-pad-block-312 {
padding-top: 19.5rem !important;
padding-bottom: 19.5rem !important;
}
.lg-pad-320 {
padding: 20rem !important;
}
.lg-pad-top-320 {
padding-top: 20rem !important;
}
.lg-pad-right-320 {
padding-right: 20rem !important;
}
.lg-pad-btm-320 {
padding-bottom: 20rem !important;
}
.lg-pad-left-320 {
padding-left: 20rem !important;
}
.lg-pad-block-320 {
padding-top: 20rem !important;
padding-bottom: 20rem !important;
}
}
@media (min-width: 1600px) {
.xlg-pad-0 {
padding: 0 !important;
}
.xlg-pad-top-0 {
padding-top: 0 !important;
}
.xlg-pad-right-0 {
padding-right: 0 !important;
}
.xlg-pad-btm-0 {
padding-bottom: 0 !important;
}
.xlg-pad-left-0 {
padding-left: 0 !important;
}
.xlg-pad-block-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.xlg-pad-8 {
padding: 0.5rem !important;
}
.xlg-pad-top-8 {
padding-top: 0.5rem !important;
}
.xlg-pad-right-8 {
padding-right: 0.5rem !important;
}
.xlg-pad-btm-8 {
padding-bottom: 0.5rem !important;
}
.xlg-pad-left-8 {
padding-left: 0.5rem !important;
}
.xlg-pad-block-8 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.xlg-pad-16 {
padding: 1rem !important;
}
.xlg-pad-top-16 {
padding-top: 1rem !important;
}
.xlg-pad-right-16 {
padding-right: 1rem !important;
}
.xlg-pad-btm-16 {
padding-bottom: 1rem !important;
}
.xlg-pad-left-16 {
padding-left: 1rem !important;
}
.xlg-pad-block-16 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.xlg-pad-24 {
padding: 1.5rem !important;
}
.xlg-pad-top-24 {
padding-top: 1.5rem !important;
}
.xlg-pad-right-24 {
padding-right: 1.5rem !important;
}
.xlg-pad-btm-24 {
padding-bottom: 1.5rem !important;
}
.xlg-pad-left-24 {
padding-left: 1.5rem !important;
}
.xlg-pad-block-24 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.xlg-pad-32 {
padding: 2rem !important;
}
.xlg-pad-top-32 {
padding-top: 2rem !important;
}
.xlg-pad-right-32 {
padding-right: 2rem !important;
}
.xlg-pad-btm-32 {
padding-bottom: 2rem !important;
}
.xlg-pad-left-32 {
padding-left: 2rem !important;
}
.xlg-pad-block-32 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.xlg-pad-40 {
padding: 2.5rem !important;
}
.xlg-pad-top-40 {
padding-top: 2.5rem !important;
}
.xlg-pad-right-40 {
padding-right: 2.5rem !important;
}
.xlg-pad-btm-40 {
padding-bottom: 2.5rem !important;
}
.xlg-pad-left-40 {
padding-left: 2.5rem !important;
}
.xlg-pad-block-40 {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important;
}
.xlg-pad-48 {
padding: 3rem !important;
}
.xlg-pad-top-48 {
padding-top: 3rem !important;
}
.xlg-pad-right-48 {
padding-right: 3rem !important;
}
.xlg-pad-btm-48 {
padding-bottom: 3rem !important;
}
.xlg-pad-left-48 {
padding-left: 3rem !important;
}
.xlg-pad-block-48 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.xlg-pad-56 {
padding: 3.5rem !important;
}
.xlg-pad-top-56 {
padding-top: 3.5rem !important;
}
.xlg-pad-right-56 {
padding-right: 3.5rem !important;
}
.xlg-pad-btm-56 {
padding-bottom: 3.5rem !important;
}
.xlg-pad-left-56 {
padding-left: 3.5rem !important;
}
.xlg-pad-block-56 {
padding-top: 3.5rem !important;
padding-bottom: 3.5rem !important;
}
.xlg-pad-64 {
padding: 4rem !important;
}
.xlg-pad-top-64 {
padding-top: 4rem !important;
}
.xlg-pad-right-64 {
padding-right: 4rem !important;
}
.xlg-pad-btm-64 {
padding-bottom: 4rem !important;
}
.xlg-pad-left-64 {
padding-left: 4rem !important;
}
.xlg-pad-block-64 {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
.xlg-pad-72 {
padding: 4.5rem !important;
}
.xlg-pad-top-72 {
padding-top: 4.5rem !important;
}
.xlg-pad-right-72 {
padding-right: 4.5rem !important;
}
.xlg-pad-btm-72 {
padding-bottom: 4.5rem !important;
}
.xlg-pad-left-72 {
padding-left: 4.5rem !important;
}
.xlg-pad-block-72 {
padding-top: 4.5rem !important;
padding-bottom: 4.5rem !important;
}
.xlg-pad-80 {
padding: 5rem !important;
}
.xlg-pad-top-80 {
padding-top: 5rem !important;
}
.xlg-pad-right-80 {
padding-right: 5rem !important;
}
.xlg-pad-btm-80 {
padding-bottom: 5rem !important;
}
.xlg-pad-left-80 {
padding-left: 5rem !important;
}
.xlg-pad-block-80 {
padding-top: 5rem !important;
padding-bottom: 5rem !important;
}
.xlg-pad-88 {
padding: 5.5rem !important;
}
.xlg-pad-top-88 {
padding-top: 5.5rem !important;
}
.xlg-pad-right-88 {
padding-right: 5.5rem !important;
}
.xlg-pad-btm-88 {
padding-bottom: 5.5rem !important;
}
.xlg-pad-left-88 {
padding-left: 5.5rem !important;
}
.xlg-pad-block-88 {
padding-top: 5.5rem !important;
padding-bottom: 5.5rem !important;
}
.xlg-pad-96 {
padding: 6rem !important;
}
.xlg-pad-top-96 {
padding-top: 6rem !important;
}
.xlg-pad-right-96 {
padding-right: 6rem !important;
}
.xlg-pad-btm-96 {
padding-bottom: 6rem !important;
}
.xlg-pad-left-96 {
padding-left: 6rem !important;
}
.xlg-pad-block-96 {
padding-top: 6rem !important;
padding-bottom: 6rem !important;
}
.xlg-pad-104 {
padding: 6.5rem !important;
}
.xlg-pad-top-104 {
padding-top: 6.5rem !important;
}
.xlg-pad-right-104 {
padding-right: 6.5rem !important;
}
.xlg-pad-btm-104 {
padding-bottom: 6.5rem !important;
}
.xlg-pad-left-104 {
padding-left: 6.5rem !important;
}
.xlg-pad-block-104 {
padding-top: 6.5rem !important;
padding-bottom: 6.5rem !important;
}
.xlg-pad-112 {
padding: 7rem !important;
}
.xlg-pad-top-112 {
padding-top: 7rem !important;
}
.xlg-pad-right-112 {
padding-right: 7rem !important;
}
.xlg-pad-btm-112 {
padding-bottom: 7rem !important;
}
.xlg-pad-left-112 {
padding-left: 7rem !important;
}
.xlg-pad-block-112 {
padding-top: 7rem !important;
padding-bottom: 7rem !important;
}
.xlg-pad-120 {
padding: 7.5rem !important;
}
.xlg-pad-top-120 {
padding-top: 7.5rem !important;
}
.xlg-pad-right-120 {
padding-right: 7.5rem !important;
}
.xlg-pad-btm-120 {
padding-bottom: 7.5rem !important;
}
.xlg-pad-left-120 {
padding-left: 7.5rem !important;
}
.xlg-pad-block-120 {
padding-top: 7.5rem !important;
padding-bottom: 7.5rem !important;
}
.xlg-pad-128 {
padding: 8rem !important;
}
.xlg-pad-top-128 {
padding-top: 8rem !important;
}
.xlg-pad-right-128 {
padding-right: 8rem !important;
}
.xlg-pad-btm-128 {
padding-bottom: 8rem !important;
}
.xlg-pad-left-128 {
padding-left: 8rem !important;
}
.xlg-pad-block-128 {
padding-top: 8rem !important;
padding-bottom: 8rem !important;
}
.xlg-pad-136 {
padding: 8.5rem !important;
}
.xlg-pad-top-136 {
padding-top: 8.5rem !important;
}
.xlg-pad-right-136 {
padding-right: 8.5rem !important;
}
.xlg-pad-btm-136 {
padding-bottom: 8.5rem !important;
}
.xlg-pad-left-136 {
padding-left: 8.5rem !important;
}
.xlg-pad-block-136 {
padding-top: 8.5rem !important;
padding-bottom: 8.5rem !important;
}
.xlg-pad-144 {
padding: 9rem !important;
}
.xlg-pad-top-144 {
padding-top: 9rem !important;
}
.xlg-pad-right-144 {
padding-right: 9rem !important;
}
.xlg-pad-btm-144 {
padding-bottom: 9rem !important;
}
.xlg-pad-left-144 {
padding-left: 9rem !important;
}
.xlg-pad-block-144 {
padding-top: 9rem !important;
padding-bottom: 9rem !important;
}
.xlg-pad-152 {
padding: 9.5rem !important;
}
.xlg-pad-top-152 {
padding-top: 9.5rem !important;
}
.xlg-pad-right-152 {
padding-right: 9.5rem !important;
}
.xlg-pad-btm-152 {
padding-bottom: 9.5rem !important;
}
.xlg-pad-left-152 {
padding-left: 9.5rem !important;
}
.xlg-pad-block-152 {
padding-top: 9.5rem !important;
padding-bottom: 9.5rem !important;
}
.xlg-pad-160 {
padding: 10rem !important;
}
.xlg-pad-top-160 {
padding-top: 10rem !important;
}
.xlg-pad-right-160 {
padding-right: 10rem !important;
}
.xlg-pad-btm-160 {
padding-bottom: 10rem !important;
}
.xlg-pad-left-160 {
padding-left: 10rem !important;
}
.xlg-pad-block-160 {
padding-top: 10rem !important;
padding-bottom: 10rem !important;
}
.xlg-pad-168 {
padding: 10.5rem !important;
}
.xlg-pad-top-168 {
padding-top: 10.5rem !important;
}
.xlg-pad-right-168 {
padding-right: 10.5rem !important;
}
.xlg-pad-btm-168 {
padding-bottom: 10.5rem !important;
}
.xlg-pad-left-168 {
padding-left: 10.5rem !important;
}
.xlg-pad-block-168 {
padding-top: 10.5rem !important;
padding-bottom: 10.5rem !important;
}
.xlg-pad-176 {
padding: 11rem !important;
}
.xlg-pad-top-176 {
padding-top: 11rem !important;
}
.xlg-pad-right-176 {
padding-right: 11rem !important;
}
.xlg-pad-btm-176 {
padding-bottom: 11rem !important;
}
.xlg-pad-left-176 {
padding-left: 11rem !important;
}
.xlg-pad-block-176 {
padding-top: 11rem !important;
padding-bottom: 11rem !important;
}
.xlg-pad-184 {
padding: 11.5rem !important;
}
.xlg-pad-top-184 {
padding-top: 11.5rem !important;
}
.xlg-pad-right-184 {
padding-right: 11.5rem !important;
}
.xlg-pad-btm-184 {
padding-bottom: 11.5rem !important;
}
.xlg-pad-left-184 {
padding-left: 11.5rem !important;
}
.xlg-pad-block-184 {
padding-top: 11.5rem !important;
padding-bottom: 11.5rem !important;
}
.xlg-pad-192 {
padding: 12rem !important;
}
.xlg-pad-top-192 {
padding-top: 12rem !important;
}
.xlg-pad-right-192 {
padding-right: 12rem !important;
}
.xlg-pad-btm-192 {
padding-bottom: 12rem !important;
}
.xlg-pad-left-192 {
padding-left: 12rem !important;
}
.xlg-pad-block-192 {
padding-top: 12rem !important;
padding-bottom: 12rem !important;
}
.xlg-pad-200 {
padding: 12.5rem !important;
}
.xlg-pad-top-200 {
padding-top: 12.5rem !important;
}
.xlg-pad-right-200 {
padding-right: 12.5rem !important;
}
.xlg-pad-btm-200 {
padding-bottom: 12.5rem !important;
}
.xlg-pad-left-200 {
padding-left: 12.5rem !important;
}
.xlg-pad-block-200 {
padding-top: 12.5rem !important;
padding-bottom: 12.5rem !important;
}
.xlg-pad-208 {
padding: 13rem !important;
}
.xlg-pad-top-208 {
padding-top: 13rem !important;
}
.xlg-pad-right-208 {
padding-right: 13rem !important;
}
.xlg-pad-btm-208 {
padding-bottom: 13rem !important;
}
.xlg-pad-left-208 {
padding-left: 13rem !important;
}
.xlg-pad-block-208 {
padding-top: 13rem !important;
padding-bottom: 13rem !important;
}
.xlg-pad-216 {
padding: 13.5rem !important;
}
.xlg-pad-top-216 {
padding-top: 13.5rem !important;
}
.xlg-pad-right-216 {
padding-right: 13.5rem !important;
}
.xlg-pad-btm-216 {
padding-bottom: 13.5rem !important;
}
.xlg-pad-left-216 {
padding-left: 13.5rem !important;
}
.xlg-pad-block-216 {
padding-top: 13.5rem !important;
padding-bottom: 13.5rem !important;
}
.xlg-pad-224 {
padding: 14rem !important;
}
.xlg-pad-top-224 {
padding-top: 14rem !important;
}
.xlg-pad-right-224 {
padding-right: 14rem !important;
}
.xlg-pad-btm-224 {
padding-bottom: 14rem !important;
}
.xlg-pad-left-224 {
padding-left: 14rem !important;
}
.xlg-pad-block-224 {
padding-top: 14rem !important;
padding-bottom: 14rem !important;
}
.xlg-pad-232 {
padding: 14.5rem !important;
}
.xlg-pad-top-232 {
padding-top: 14.5rem !important;
}
.xlg-pad-right-232 {
padding-right: 14.5rem !important;
}
.xlg-pad-btm-232 {
padding-bottom: 14.5rem !important;
}
.xlg-pad-left-232 {
padding-left: 14.5rem !important;
}
.xlg-pad-block-232 {
padding-top: 14.5rem !important;
padding-bottom: 14.5rem !important;
}
.xlg-pad-240 {
padding: 15rem !important;
}
.xlg-pad-top-240 {
padding-top: 15rem !important;
}
.xlg-pad-right-240 {
padding-right: 15rem !important;
}
.xlg-pad-btm-240 {
padding-bottom: 15rem !important;
}
.xlg-pad-left-240 {
padding-left: 15rem !important;
}
.xlg-pad-block-240 {
padding-top: 15rem !important;
padding-bottom: 15rem !important;
}
.xlg-pad-248 {
padding: 15.5rem !important;
}
.xlg-pad-top-248 {
padding-top: 15.5rem !important;
}
.xlg-pad-right-248 {
padding-right: 15.5rem !important;
}
.xlg-pad-btm-248 {
padding-bottom: 15.5rem !important;
}
.xlg-pad-left-248 {
padding-left: 15.5rem !important;
}
.xlg-pad-block-248 {
padding-top: 15.5rem !important;
padding-bottom: 15.5rem !important;
}
.xlg-pad-256 {
padding: 16rem !important;
}
.xlg-pad-top-256 {
padding-top: 16rem !important;
}
.xlg-pad-right-256 {
padding-right: 16rem !important;
}
.xlg-pad-btm-256 {
padding-bottom: 16rem !important;
}
.xlg-pad-left-256 {
padding-left: 16rem !important;
}
.xlg-pad-block-256 {
padding-top: 16rem !important;
padding-bottom: 16rem !important;
}
.xlg-pad-264 {
padding: 16.5rem !important;
}
.xlg-pad-top-264 {
padding-top: 16.5rem !important;
}
.xlg-pad-right-264 {
padding-right: 16.5rem !important;
}
.xlg-pad-btm-264 {
padding-bottom: 16.5rem !important;
}
.xlg-pad-left-264 {
padding-left: 16.5rem !important;
}
.xlg-pad-block-264 {
padding-top: 16.5rem !important;
padding-bottom: 16.5rem !important;
}
.xlg-pad-272 {
padding: 17rem !important;
}
.xlg-pad-top-272 {
padding-top: 17rem !important;
}
.xlg-pad-right-272 {
padding-right: 17rem !important;
}
.xlg-pad-btm-272 {
padding-bottom: 17rem !important;
}
.xlg-pad-left-272 {
padding-left: 17rem !important;
}
.xlg-pad-block-272 {
padding-top: 17rem !important;
padding-bottom: 17rem !important;
}
.xlg-pad-280 {
padding: 17.5rem !important;
}
.xlg-pad-top-280 {
padding-top: 17.5rem !important;
}
.xlg-pad-right-280 {
padding-right: 17.5rem !important;
}
.xlg-pad-btm-280 {
padding-bottom: 17.5rem !important;
}
.xlg-pad-left-280 {
padding-left: 17.5rem !important;
}
.xlg-pad-block-280 {
padding-top: 17.5rem !important;
padding-bottom: 17.5rem !important;
}
.xlg-pad-288 {
padding: 18rem !important;
}
.xlg-pad-top-288 {
padding-top: 18rem !important;
}
.xlg-pad-right-288 {
padding-right: 18rem !important;
}
.xlg-pad-btm-288 {
padding-bottom: 18rem !important;
}
.xlg-pad-left-288 {
padding-left: 18rem !important;
}
.xlg-pad-block-288 {
padding-top: 18rem !important;
padding-bottom: 18rem !important;
}
.xlg-pad-296 {
padding: 18.5rem !important;
}
.xlg-pad-top-296 {
padding-top: 18.5rem !important;
}
.xlg-pad-right-296 {
padding-right: 18.5rem !important;
}
.xlg-pad-btm-296 {
padding-bottom: 18.5rem !important;
}
.xlg-pad-left-296 {
padding-left: 18.5rem !important;
}
.xlg-pad-block-296 {
padding-top: 18.5rem !important;
padding-bottom: 18.5rem !important;
}
.xlg-pad-304 {
padding: 19rem !important;
}
.xlg-pad-top-304 {
padding-top: 19rem !important;
}
.xlg-pad-right-304 {
padding-right: 19rem !important;
}
.xlg-pad-btm-304 {
padding-bottom: 19rem !important;
}
.xlg-pad-left-304 {
padding-left: 19rem !important;
}
.xlg-pad-block-304 {
padding-top: 19rem !important;
padding-bottom: 19rem !important;
}
.xlg-pad-312 {
padding: 19.5rem !important;
}
.xlg-pad-top-312 {
padding-top: 19.5rem !important;
}
.xlg-pad-right-312 {
padding-right: 19.5rem !important;
}
.xlg-pad-btm-312 {
padding-bottom: 19.5rem !important;
}
.xlg-pad-left-312 {
padding-left: 19.5rem !important;
}
.xlg-pad-block-312 {
padding-top: 19.5rem !important;
padding-bottom: 19.5rem !important;
}
.xlg-pad-320 {
padding: 20rem !important;
}
.xlg-pad-top-320 {
padding-top: 20rem !important;
}
.xlg-pad-right-320 {
padding-right: 20rem !important;
}
.xlg-pad-btm-320 {
padding-bottom: 20rem !important;
}
.xlg-pad-left-320 {
padding-left: 20rem !important;
}
.xlg-pad-block-320 {
padding-top: 20rem !important;
padding-bottom: 20rem !important;
}
}
.mar-0 {
margin: 0 !important;
}
.mar-top-0 {
margin-top: 0 !important;
}
.mar-right-0 {
margin-right: 0 !important;
}
.mar-btm-0 {
margin-bottom: 0 !important;
}
.mar-left-0 {
margin-left: 0 !important;
}
.mar-8 {
margin: 0.5rem !important;
}
.mar-top-8 {
margin-top: 0.5rem !important;
}
.mar-right-8 {
margin-right: 0.5rem !important;
}
.mar-btm-8 {
margin-bottom: 0.5rem !important;
}
.mar-left-8 {
margin-left: 0.5rem !important;
}
.mar-16 {
margin: 1rem !important;
}
.mar-top-16 {
margin-top: 1rem !important;
}
.mar-right-16 {
margin-right: 1rem !important;
}
.mar-btm-16 {
margin-bottom: 1rem !important;
}
.mar-left-16 {
margin-left: 1rem !important;
}
.mar-24 {
margin: 1.5rem !important;
}
.mar-top-24 {
margin-top: 1.5rem !important;
}
.mar-right-24 {
margin-right: 1.5rem !important;
}
.mar-btm-24 {
margin-bottom: 1.5rem !important;
}
.mar-left-24 {
margin-left: 1.5rem !important;
}
.mar-32 {
margin: 2rem !important;
}
.mar-top-32 {
margin-top: 2rem !important;
}
.mar-right-32 {
margin-right: 2rem !important;
}
.mar-btm-32 {
margin-bottom: 2rem !important;
}
.mar-left-32 {
margin-left: 2rem !important;
}
.mar-40 {
margin: 2.5rem !important;
}
.mar-top-40 {
margin-top: 2.5rem !important;
}
.mar-right-40 {
margin-right: 2.5rem !important;
}
.mar-btm-40 {
margin-bottom: 2.5rem !important;
}
.mar-left-40 {
margin-left: 2.5rem !important;
}
.mar-48 {
margin: 3rem !important;
}
.mar-top-48 {
margin-top: 3rem !important;
}
.mar-right-48 {
margin-right: 3rem !important;
}
.mar-btm-48 {
margin-bottom: 3rem !important;
}
.mar-left-48 {
margin-left: 3rem !important;
}
.mar-56 {
margin: 3.5rem !important;
}
.mar-top-56 {
margin-top: 3.5rem !important;
}
.mar-right-56 {
margin-right: 3.5rem !important;
}
.mar-btm-56 {
margin-bottom: 3.5rem !important;
}
.mar-left-56 {
margin-left: 3.5rem !important;
}
.mar-64 {
margin: 4rem !important;
}
.mar-top-64 {
margin-top: 4rem !important;
}
.mar-right-64 {
margin-right: 4rem !important;
}
.mar-btm-64 {
margin-bottom: 4rem !important;
}
.mar-left-64 {
margin-left: 4rem !important;
}
.mar-72 {
margin: 4.5rem !important;
}
.mar-top-72 {
margin-top: 4.5rem !important;
}
.mar-right-72 {
margin-right: 4.5rem !important;
}
.mar-btm-72 {
margin-bottom: 4.5rem !important;
}
.mar-left-72 {
margin-left: 4.5rem !important;
}
.mar-80 {
margin: 5rem !important;
}
.mar-top-80 {
margin-top: 5rem !important;
}
.mar-right-80 {
margin-right: 5rem !important;
}
.mar-btm-80 {
margin-bottom: 5rem !important;
}
.mar-left-80 {
margin-left: 5rem !important;
}
.mar-88 {
margin: 5.5rem !important;
}
.mar-top-88 {
margin-top: 5.5rem !important;
}
.mar-right-88 {
margin-right: 5.5rem !important;
}
.mar-btm-88 {
margin-bottom: 5.5rem !important;
}
.mar-left-88 {
margin-left: 5.5rem !important;
}
.mar-96 {
margin: 6rem !important;
}
.mar-top-96 {
margin-top: 6rem !important;
}
.mar-right-96 {
margin-right: 6rem !important;
}
.mar-btm-96 {
margin-bottom: 6rem !important;
}
.mar-left-96 {
margin-left: 6rem !important;
}
.mar-104 {
margin: 6.5rem !important;
}
.mar-top-104 {
margin-top: 6.5rem !important;
}
.mar-right-104 {
margin-right: 6.5rem !important;
}
.mar-btm-104 {
margin-bottom: 6.5rem !important;
}
.mar-left-104 {
margin-left: 6.5rem !important;
}
.mar-112 {
margin: 7rem !important;
}
.mar-top-112 {
margin-top: 7rem !important;
}
.mar-right-112 {
margin-right: 7rem !important;
}
.mar-btm-112 {
margin-bottom: 7rem !important;
}
.mar-left-112 {
margin-left: 7rem !important;
}
.mar-120 {
margin: 7.5rem !important;
}
.mar-top-120 {
margin-top: 7.5rem !important;
}
.mar-right-120 {
margin-right: 7.5rem !important;
}
.mar-btm-120 {
margin-bottom: 7.5rem !important;
}
.mar-left-120 {
margin-left: 7.5rem !important;
}
.mar-128 {
margin: 8rem !important;
}
.mar-top-128 {
margin-top: 8rem !important;
}
.mar-right-128 {
margin-right: 8rem !important;
}
.mar-btm-128 {
margin-bottom: 8rem !important;
}
.mar-left-128 {
margin-left: 8rem !important;
}
.mar-136 {
margin: 8.5rem !important;
}
.mar-top-136 {
margin-top: 8.5rem !important;
}
.mar-right-136 {
margin-right: 8.5rem !important;
}
.mar-btm-136 {
margin-bottom: 8.5rem !important;
}
.mar-left-136 {
margin-left: 8.5rem !important;
}
.mar-144 {
margin: 9rem !important;
}
.mar-top-144 {
margin-top: 9rem !important;
}
.mar-right-144 {
margin-right: 9rem !important;
}
.mar-btm-144 {
margin-bottom: 9rem !important;
}
.mar-left-144 {
margin-left: 9rem !important;
}
.mar-152 {
margin: 9.5rem !important;
}
.mar-top-152 {
margin-top: 9.5rem !important;
}
.mar-right-152 {
margin-right: 9.5rem !important;
}
.mar-btm-152 {
margin-bottom: 9.5rem !important;
}
.mar-left-152 {
margin-left: 9.5rem !important;
}
.mar-160 {
margin: 10rem !important;
}
.mar-top-160 {
margin-top: 10rem !important;
}
.mar-right-160 {
margin-right: 10rem !important;
}
.mar-btm-160 {
margin-bottom: 10rem !important;
}
.mar-left-160 {
margin-left: 10rem !important;
}
.mar-168 {
margin: 10.5rem !important;
}
.mar-top-168 {
margin-top: 10.5rem !important;
}
.mar-right-168 {
margin-right: 10.5rem !important;
}
.mar-btm-168 {
margin-bottom: 10.5rem !important;
}
.mar-left-168 {
margin-left: 10.5rem !important;
}
.mar-176 {
margin: 11rem !important;
}
.mar-top-176 {
margin-top: 11rem !important;
}
.mar-right-176 {
margin-right: 11rem !important;
}
.mar-btm-176 {
margin-bottom: 11rem !important;
}
.mar-left-176 {
margin-left: 11rem !important;
}
.mar-184 {
margin: 11.5rem !important;
}
.mar-top-184 {
margin-top: 11.5rem !important;
}
.mar-right-184 {
margin-right: 11.5rem !important;
}
.mar-btm-184 {
margin-bottom: 11.5rem !important;
}
.mar-left-184 {
margin-left: 11.5rem !important;
}
.mar-192 {
margin: 12rem !important;
}
.mar-top-192 {
margin-top: 12rem !important;
}
.mar-right-192 {
margin-right: 12rem !important;
}
.mar-btm-192 {
margin-bottom: 12rem !important;
}
.mar-left-192 {
margin-left: 12rem !important;
}
.mar-200 {
margin: 12.5rem !important;
}
.mar-top-200 {
margin-top: 12.5rem !important;
}
.mar-right-200 {
margin-right: 12.5rem !important;
}
.mar-btm-200 {
margin-bottom: 12.5rem !important;
}
.mar-left-200 {
margin-left: 12.5rem !important;
}
.mar-208 {
margin: 13rem !important;
}
.mar-top-208 {
margin-top: 13rem !important;
}
.mar-right-208 {
margin-right: 13rem !important;
}
.mar-btm-208 {
margin-bottom: 13rem !important;
}
.mar-left-208 {
margin-left: 13rem !important;
}
.mar-216 {
margin: 13.5rem !important;
}
.mar-top-216 {
margin-top: 13.5rem !important;
}
.mar-right-216 {
margin-right: 13.5rem !important;
}
.mar-btm-216 {
margin-bottom: 13.5rem !important;
}
.mar-left-216 {
margin-left: 13.5rem !important;
}
.mar-224 {
margin: 14rem !important;
}
.mar-top-224 {
margin-top: 14rem !important;
}
.mar-right-224 {
margin-right: 14rem !important;
}
.mar-btm-224 {
margin-bottom: 14rem !important;
}
.mar-left-224 {
margin-left: 14rem !important;
}
.mar-232 {
margin: 14.5rem !important;
}
.mar-top-232 {
margin-top: 14.5rem !important;
}
.mar-right-232 {
margin-right: 14.5rem !important;
}
.mar-btm-232 {
margin-bottom: 14.5rem !important;
}
.mar-left-232 {
margin-left: 14.5rem !important;
}
.mar-240 {
margin: 15rem !important;
}
.mar-top-240 {
margin-top: 15rem !important;
}
.mar-right-240 {
margin-right: 15rem !important;
}
.mar-btm-240 {
margin-bottom: 15rem !important;
}
.mar-left-240 {
margin-left: 15rem !important;
}
.mar-248 {
margin: 15.5rem !important;
}
.mar-top-248 {
margin-top: 15.5rem !important;
}
.mar-right-248 {
margin-right: 15.5rem !important;
}
.mar-btm-248 {
margin-bottom: 15.5rem !important;
}
.mar-left-248 {
margin-left: 15.5rem !important;
}
.mar-256 {
margin: 16rem !important;
}
.mar-top-256 {
margin-top: 16rem !important;
}
.mar-right-256 {
margin-right: 16rem !important;
}
.mar-btm-256 {
margin-bottom: 16rem !important;
}
.mar-left-256 {
margin-left: 16rem !important;
}
.mar-264 {
margin: 16.5rem !important;
}
.mar-top-264 {
margin-top: 16.5rem !important;
}
.mar-right-264 {
margin-right: 16.5rem !important;
}
.mar-btm-264 {
margin-bottom: 16.5rem !important;
}
.mar-left-264 {
margin-left: 16.5rem !important;
}
.mar-272 {
margin: 17rem !important;
}
.mar-top-272 {
margin-top: 17rem !important;
}
.mar-right-272 {
margin-right: 17rem !important;
}
.mar-btm-272 {
margin-bottom: 17rem !important;
}
.mar-left-272 {
margin-left: 17rem !important;
}
.mar-280 {
margin: 17.5rem !important;
}
.mar-top-280 {
margin-top: 17.5rem !important;
}
.mar-right-280 {
margin-right: 17.5rem !important;
}
.mar-btm-280 {
margin-bottom: 17.5rem !important;
}
.mar-left-280 {
margin-left: 17.5rem !important;
}
.mar-288 {
margin: 18rem !important;
}
.mar-top-288 {
margin-top: 18rem !important;
}
.mar-right-288 {
margin-right: 18rem !important;
}
.mar-btm-288 {
margin-bottom: 18rem !important;
}
.mar-left-288 {
margin-left: 18rem !important;
}
.mar-296 {
margin: 18.5rem !important;
}
.mar-top-296 {
margin-top: 18.5rem !important;
}
.mar-right-296 {
margin-right: 18.5rem !important;
}
.mar-btm-296 {
margin-bottom: 18.5rem !important;
}
.mar-left-296 {
margin-left: 18.5rem !important;
}
.mar-304 {
margin: 19rem !important;
}
.mar-top-304 {
margin-top: 19rem !important;
}
.mar-right-304 {
margin-right: 19rem !important;
}
.mar-btm-304 {
margin-bottom: 19rem !important;
}
.mar-left-304 {
margin-left: 19rem !important;
}
.mar-312 {
margin: 19.5rem !important;
}
.mar-top-312 {
margin-top: 19.5rem !important;
}
.mar-right-312 {
margin-right: 19.5rem !important;
}
.mar-btm-312 {
margin-bottom: 19.5rem !important;
}
.mar-left-312 {
margin-left: 19.5rem !important;
}
.mar-320 {
margin: 20rem !important;
}
.mar-top-320 {
margin-top: 20rem !important;
}
.mar-right-320 {
margin-right: 20rem !important;
}
.mar-btm-320 {
margin-bottom: 20rem !important;
}
.mar-left-320 {
margin-left: 20rem !important;
}
@media (min-width: 768px) {
.sm-mar-0 {
margin: 0 !important;
}
.sm-mar-top-0 {
margin-top: 0 !important;
}
.sm-mar-right-0 {
margin-right: 0 !important;
}
.sm-mar-btm-0 {
margin-bottom: 0 !important;
}
.sm-mar-left-0 {
margin-left: 0 !important;
}
.sm-mar-8 {
margin: 0.5rem !important;
}
.sm-mar-top-8 {
margin-top: 0.5rem !important;
}
.sm-mar-right-8 {
margin-right: 0.5rem !important;
}
.sm-mar-btm-8 {
margin-bottom: 0.5rem !important;
}
.sm-mar-left-8 {
margin-left: 0.5rem !important;
}
.sm-mar-16 {
margin: 1rem !important;
}
.sm-mar-top-16 {
margin-top: 1rem !important;
}
.sm-mar-right-16 {
margin-right: 1rem !important;
}
.sm-mar-btm-16 {
margin-bottom: 1rem !important;
}
.sm-mar-left-16 {
margin-left: 1rem !important;
}
.sm-mar-24 {
margin: 1.5rem !important;
}
.sm-mar-top-24 {
margin-top: 1.5rem !important;
}
.sm-mar-right-24 {
margin-right: 1.5rem !important;
}
.sm-mar-btm-24 {
margin-bottom: 1.5rem !important;
}
.sm-mar-left-24 {
margin-left: 1.5rem !important;
}
.sm-mar-32 {
margin: 2rem !important;
}
.sm-mar-top-32 {
margin-top: 2rem !important;
}
.sm-mar-right-32 {
margin-right: 2rem !important;
}
.sm-mar-btm-32 {
margin-bottom: 2rem !important;
}
.sm-mar-left-32 {
margin-left: 2rem !important;
}
.sm-mar-40 {
margin: 2.5rem !important;
}
.sm-mar-top-40 {
margin-top: 2.5rem !important;
}
.sm-mar-right-40 {
margin-right: 2.5rem !important;
}
.sm-mar-btm-40 {
margin-bottom: 2.5rem !important;
}
.sm-mar-left-40 {
margin-left: 2.5rem !important;
}
.sm-mar-48 {
margin: 3rem !important;
}
.sm-mar-top-48 {
margin-top: 3rem !important;
}
.sm-mar-right-48 {
margin-right: 3rem !important;
}
.sm-mar-btm-48 {
margin-bottom: 3rem !important;
}
.sm-mar-left-48 {
margin-left: 3rem !important;
}
.sm-mar-56 {
margin: 3.5rem !important;
}
.sm-mar-top-56 {
margin-top: 3.5rem !important;
}
.sm-mar-right-56 {
margin-right: 3.5rem !important;
}
.sm-mar-btm-56 {
margin-bottom: 3.5rem !important;
}
.sm-mar-left-56 {
margin-left: 3.5rem !important;
}
.sm-mar-64 {
margin: 4rem !important;
}
.sm-mar-top-64 {
margin-top: 4rem !important;
}
.sm-mar-right-64 {
margin-right: 4rem !important;
}
.sm-mar-btm-64 {
margin-bottom: 4rem !important;
}
.sm-mar-left-64 {
margin-left: 4rem !important;
}
.sm-mar-72 {
margin: 4.5rem !important;
}
.sm-mar-top-72 {
margin-top: 4.5rem !important;
}
.sm-mar-right-72 {
margin-right: 4.5rem !important;
}
.sm-mar-btm-72 {
margin-bottom: 4.5rem !important;
}
.sm-mar-left-72 {
margin-left: 4.5rem !important;
}
.sm-mar-80 {
margin: 5rem !important;
}
.sm-mar-top-80 {
margin-top: 5rem !important;
}
.sm-mar-right-80 {
margin-right: 5rem !important;
}
.sm-mar-btm-80 {
margin-bottom: 5rem !important;
}
.sm-mar-left-80 {
margin-left: 5rem !important;
}
.sm-mar-88 {
margin: 5.5rem !important;
}
.sm-mar-top-88 {
margin-top: 5.5rem !important;
}
.sm-mar-right-88 {
margin-right: 5.5rem !important;
}
.sm-mar-btm-88 {
margin-bottom: 5.5rem !important;
}
.sm-mar-left-88 {
margin-left: 5.5rem !important;
}
.sm-mar-96 {
margin: 6rem !important;
}
.sm-mar-top-96 {
margin-top: 6rem !important;
}
.sm-mar-right-96 {
margin-right: 6rem !important;
}
.sm-mar-btm-96 {
margin-bottom: 6rem !important;
}
.sm-mar-left-96 {
margin-left: 6rem !important;
}
.sm-mar-104 {
margin: 6.5rem !important;
}
.sm-mar-top-104 {
margin-top: 6.5rem !important;
}
.sm-mar-right-104 {
margin-right: 6.5rem !important;
}
.sm-mar-btm-104 {
margin-bottom: 6.5rem !important;
}
.sm-mar-left-104 {
margin-left: 6.5rem !important;
}
.sm-mar-112 {
margin: 7rem !important;
}
.sm-mar-top-112 {
margin-top: 7rem !important;
}
.sm-mar-right-112 {
margin-right: 7rem !important;
}
.sm-mar-btm-112 {
margin-bottom: 7rem !important;
}
.sm-mar-left-112 {
margin-left: 7rem !important;
}
.sm-mar-120 {
margin: 7.5rem !important;
}
.sm-mar-top-120 {
margin-top: 7.5rem !important;
}
.sm-mar-right-120 {
margin-right: 7.5rem !important;
}
.sm-mar-btm-120 {
margin-bottom: 7.5rem !important;
}
.sm-mar-left-120 {
margin-left: 7.5rem !important;
}
.sm-mar-128 {
margin: 8rem !important;
}
.sm-mar-top-128 {
margin-top: 8rem !important;
}
.sm-mar-right-128 {
margin-right: 8rem !important;
}
.sm-mar-btm-128 {
margin-bottom: 8rem !important;
}
.sm-mar-left-128 {
margin-left: 8rem !important;
}
.sm-mar-136 {
margin: 8.5rem !important;
}
.sm-mar-top-136 {
margin-top: 8.5rem !important;
}
.sm-mar-right-136 {
margin-right: 8.5rem !important;
}
.sm-mar-btm-136 {
margin-bottom: 8.5rem !important;
}
.sm-mar-left-136 {
margin-left: 8.5rem !important;
}
.sm-mar-144 {
margin: 9rem !important;
}
.sm-mar-top-144 {
margin-top: 9rem !important;
}
.sm-mar-right-144 {
margin-right: 9rem !important;
}
.sm-mar-btm-144 {
margin-bottom: 9rem !important;
}
.sm-mar-left-144 {
margin-left: 9rem !important;
}
.sm-mar-152 {
margin: 9.5rem !important;
}
.sm-mar-top-152 {
margin-top: 9.5rem !important;
}
.sm-mar-right-152 {
margin-right: 9.5rem !important;
}
.sm-mar-btm-152 {
margin-bottom: 9.5rem !important;
}
.sm-mar-left-152 {
margin-left: 9.5rem !important;
}
.sm-mar-160 {
margin: 10rem !important;
}
.sm-mar-top-160 {
margin-top: 10rem !important;
}
.sm-mar-right-160 {
margin-right: 10rem !important;
}
.sm-mar-btm-160 {
margin-bottom: 10rem !important;
}
.sm-mar-left-160 {
margin-left: 10rem !important;
}
.sm-mar-168 {
margin: 10.5rem !important;
}
.sm-mar-top-168 {
margin-top: 10.5rem !important;
}
.sm-mar-right-168 {
margin-right: 10.5rem !important;
}
.sm-mar-btm-168 {
margin-bottom: 10.5rem !important;
}
.sm-mar-left-168 {
margin-left: 10.5rem !important;
}
.sm-mar-176 {
margin: 11rem !important;
}
.sm-mar-top-176 {
margin-top: 11rem !important;
}
.sm-mar-right-176 {
margin-right: 11rem !important;
}
.sm-mar-btm-176 {
margin-bottom: 11rem !important;
}
.sm-mar-left-176 {
margin-left: 11rem !important;
}
.sm-mar-184 {
margin: 11.5rem !important;
}
.sm-mar-top-184 {
margin-top: 11.5rem !important;
}
.sm-mar-right-184 {
margin-right: 11.5rem !important;
}
.sm-mar-btm-184 {
margin-bottom: 11.5rem !important;
}
.sm-mar-left-184 {
margin-left: 11.5rem !important;
}
.sm-mar-192 {
margin: 12rem !important;
}
.sm-mar-top-192 {
margin-top: 12rem !important;
}
.sm-mar-right-192 {
margin-right: 12rem !important;
}
.sm-mar-btm-192 {
margin-bottom: 12rem !important;
}
.sm-mar-left-192 {
margin-left: 12rem !important;
}
.sm-mar-200 {
margin: 12.5rem !important;
}
.sm-mar-top-200 {
margin-top: 12.5rem !important;
}
.sm-mar-right-200 {
margin-right: 12.5rem !important;
}
.sm-mar-btm-200 {
margin-bottom: 12.5rem !important;
}
.sm-mar-left-200 {
margin-left: 12.5rem !important;
}
.sm-mar-208 {
margin: 13rem !important;
}
.sm-mar-top-208 {
margin-top: 13rem !important;
}
.sm-mar-right-208 {
margin-right: 13rem !important;
}
.sm-mar-btm-208 {
margin-bottom: 13rem !important;
}
.sm-mar-left-208 {
margin-left: 13rem !important;
}
.sm-mar-216 {
margin: 13.5rem !important;
}
.sm-mar-top-216 {
margin-top: 13.5rem !important;
}
.sm-mar-right-216 {
margin-right: 13.5rem !important;
}
.sm-mar-btm-216 {
margin-bottom: 13.5rem !important;
}
.sm-mar-left-216 {
margin-left: 13.5rem !important;
}
.sm-mar-224 {
margin: 14rem !important;
}
.sm-mar-top-224 {
margin-top: 14rem !important;
}
.sm-mar-right-224 {
margin-right: 14rem !important;
}
.sm-mar-btm-224 {
margin-bottom: 14rem !important;
}
.sm-mar-left-224 {
margin-left: 14rem !important;
}
.sm-mar-232 {
margin: 14.5rem !important;
}
.sm-mar-top-232 {
margin-top: 14.5rem !important;
}
.sm-mar-right-232 {
margin-right: 14.5rem !important;
}
.sm-mar-btm-232 {
margin-bottom: 14.5rem !important;
}
.sm-mar-left-232 {
margin-left: 14.5rem !important;
}
.sm-mar-240 {
margin: 15rem !important;
}
.sm-mar-top-240 {
margin-top: 15rem !important;
}
.sm-mar-right-240 {
margin-right: 15rem !important;
}
.sm-mar-btm-240 {
margin-bottom: 15rem !important;
}
.sm-mar-left-240 {
margin-left: 15rem !important;
}
.sm-mar-248 {
margin: 15.5rem !important;
}
.sm-mar-top-248 {
margin-top: 15.5rem !important;
}
.sm-mar-right-248 {
margin-right: 15.5rem !important;
}
.sm-mar-btm-248 {
margin-bottom: 15.5rem !important;
}
.sm-mar-left-248 {
margin-left: 15.5rem !important;
}
.sm-mar-256 {
margin: 16rem !important;
}
.sm-mar-top-256 {
margin-top: 16rem !important;
}
.sm-mar-right-256 {
margin-right: 16rem !important;
}
.sm-mar-btm-256 {
margin-bottom: 16rem !important;
}
.sm-mar-left-256 {
margin-left: 16rem !important;
}
.sm-mar-264 {
margin: 16.5rem !important;
}
.sm-mar-top-264 {
margin-top: 16.5rem !important;
}
.sm-mar-right-264 {
margin-right: 16.5rem !important;
}
.sm-mar-btm-264 {
margin-bottom: 16.5rem !important;
}
.sm-mar-left-264 {
margin-left: 16.5rem !important;
}
.sm-mar-272 {
margin: 17rem !important;
}
.sm-mar-top-272 {
margin-top: 17rem !important;
}
.sm-mar-right-272 {
margin-right: 17rem !important;
}
.sm-mar-btm-272 {
margin-bottom: 17rem !important;
}
.sm-mar-left-272 {
margin-left: 17rem !important;
}
.sm-mar-280 {
margin: 17.5rem !important;
}
.sm-mar-top-280 {
margin-top: 17.5rem !important;
}
.sm-mar-right-280 {
margin-right: 17.5rem !important;
}
.sm-mar-btm-280 {
margin-bottom: 17.5rem !important;
}
.sm-mar-left-280 {
margin-left: 17.5rem !important;
}
.sm-mar-288 {
margin: 18rem !important;
}
.sm-mar-top-288 {
margin-top: 18rem !important;
}
.sm-mar-right-288 {
margin-right: 18rem !important;
}
.sm-mar-btm-288 {
margin-bottom: 18rem !important;
}
.sm-mar-left-288 {
margin-left: 18rem !important;
}
.sm-mar-296 {
margin: 18.5rem !important;
}
.sm-mar-top-296 {
margin-top: 18.5rem !important;
}
.sm-mar-right-296 {
margin-right: 18.5rem !important;
}
.sm-mar-btm-296 {
margin-bottom: 18.5rem !important;
}
.sm-mar-left-296 {
margin-left: 18.5rem !important;
}
.sm-mar-304 {
margin: 19rem !important;
}
.sm-mar-top-304 {
margin-top: 19rem !important;
}
.sm-mar-right-304 {
margin-right: 19rem !important;
}
.sm-mar-btm-304 {
margin-bottom: 19rem !important;
}
.sm-mar-left-304 {
margin-left: 19rem !important;
}
.sm-mar-312 {
margin: 19.5rem !important;
}
.sm-mar-top-312 {
margin-top: 19.5rem !important;
}
.sm-mar-right-312 {
margin-right: 19.5rem !important;
}
.sm-mar-btm-312 {
margin-bottom: 19.5rem !important;
}
.sm-mar-left-312 {
margin-left: 19.5rem !important;
}
.sm-mar-320 {
margin: 20rem !important;
}
.sm-mar-top-320 {
margin-top: 20rem !important;
}
.sm-mar-right-320 {
margin-right: 20rem !important;
}
.sm-mar-btm-320 {
margin-bottom: 20rem !important;
}
.sm-mar-left-320 {
margin-left: 20rem !important;
}
}
@media (min-width: 1024px) {
.md-mar-0 {
margin: 0 !important;
}
.md-mar-top-0 {
margin-top: 0 !important;
}
.md-mar-right-0 {
margin-right: 0 !important;
}
.md-mar-btm-0 {
margin-bottom: 0 !important;
}
.md-mar-left-0 {
margin-left: 0 !important;
}
.md-mar-8 {
margin: 0.5rem !important;
}
.md-mar-top-8 {
margin-top: 0.5rem !important;
}
.md-mar-right-8 {
margin-right: 0.5rem !important;
}
.md-mar-btm-8 {
margin-bottom: 0.5rem !important;
}
.md-mar-left-8 {
margin-left: 0.5rem !important;
}
.md-mar-16 {
margin: 1rem !important;
}
.md-mar-top-16 {
margin-top: 1rem !important;
}
.md-mar-right-16 {
margin-right: 1rem !important;
}
.md-mar-btm-16 {
margin-bottom: 1rem !important;
}
.md-mar-left-16 {
margin-left: 1rem !important;
}
.md-mar-24 {
margin: 1.5rem !important;
}
.md-mar-top-24 {
margin-top: 1.5rem !important;
}
.md-mar-right-24 {
margin-right: 1.5rem !important;
}
.md-mar-btm-24 {
margin-bottom: 1.5rem !important;
}
.md-mar-left-24 {
margin-left: 1.5rem !important;
}
.md-mar-32 {
margin: 2rem !important;
}
.md-mar-top-32 {
margin-top: 2rem !important;
}
.md-mar-right-32 {
margin-right: 2rem !important;
}
.md-mar-btm-32 {
margin-bottom: 2rem !important;
}
.md-mar-left-32 {
margin-left: 2rem !important;
}
.md-mar-40 {
margin: 2.5rem !important;
}
.md-mar-top-40 {
margin-top: 2.5rem !important;
}
.md-mar-right-40 {
margin-right: 2.5rem !important;
}
.md-mar-btm-40 {
margin-bottom: 2.5rem !important;
}
.md-mar-left-40 {
margin-left: 2.5rem !important;
}
.md-mar-48 {
margin: 3rem !important;
}
.md-mar-top-48 {
margin-top: 3rem !important;
}
.md-mar-right-48 {
margin-right: 3rem !important;
}
.md-mar-btm-48 {
margin-bottom: 3rem !important;
}
.md-mar-left-48 {
margin-left: 3rem !important;
}
.md-mar-56 {
margin: 3.5rem !important;
}
.md-mar-top-56 {
margin-top: 3.5rem !important;
}
.md-mar-right-56 {
margin-right: 3.5rem !important;
}
.md-mar-btm-56 {
margin-bottom: 3.5rem !important;
}
.md-mar-left-56 {
margin-left: 3.5rem !important;
}
.md-mar-64 {
margin: 4rem !important;
}
.md-mar-top-64 {
margin-top: 4rem !important;
}
.md-mar-right-64 {
margin-right: 4rem !important;
}
.md-mar-btm-64 {
margin-bottom: 4rem !important;
}
.md-mar-left-64 {
margin-left: 4rem !important;
}
.md-mar-72 {
margin: 4.5rem !important;
}
.md-mar-top-72 {
margin-top: 4.5rem !important;
}
.md-mar-right-72 {
margin-right: 4.5rem !important;
}
.md-mar-btm-72 {
margin-bottom: 4.5rem !important;
}
.md-mar-left-72 {
margin-left: 4.5rem !important;
}
.md-mar-80 {
margin: 5rem !important;
}
.md-mar-top-80 {
margin-top: 5rem !important;
}
.md-mar-right-80 {
margin-right: 5rem !important;
}
.md-mar-btm-80 {
margin-bottom: 5rem !important;
}
.md-mar-left-80 {
margin-left: 5rem !important;
}
.md-mar-88 {
margin: 5.5rem !important;
}
.md-mar-top-88 {
margin-top: 5.5rem !important;
}
.md-mar-right-88 {
margin-right: 5.5rem !important;
}
.md-mar-btm-88 {
margin-bottom: 5.5rem !important;
}
.md-mar-left-88 {
margin-left: 5.5rem !important;
}
.md-mar-96 {
margin: 6rem !important;
}
.md-mar-top-96 {
margin-top: 6rem !important;
}
.md-mar-right-96 {
margin-right: 6rem !important;
}
.md-mar-btm-96 {
margin-bottom: 6rem !important;
}
.md-mar-left-96 {
margin-left: 6rem !important;
}
.md-mar-104 {
margin: 6.5rem !important;
}
.md-mar-top-104 {
margin-top: 6.5rem !important;
}
.md-mar-right-104 {
margin-right: 6.5rem !important;
}
.md-mar-btm-104 {
margin-bottom: 6.5rem !important;
}
.md-mar-left-104 {
margin-left: 6.5rem !important;
}
.md-mar-112 {
margin: 7rem !important;
}
.md-mar-top-112 {
margin-top: 7rem !important;
}
.md-mar-right-112 {
margin-right: 7rem !important;
}
.md-mar-btm-112 {
margin-bottom: 7rem !important;
}
.md-mar-left-112 {
margin-left: 7rem !important;
}
.md-mar-120 {
margin: 7.5rem !important;
}
.md-mar-top-120 {
margin-top: 7.5rem !important;
}
.md-mar-right-120 {
margin-right: 7.5rem !important;
}
.md-mar-btm-120 {
margin-bottom: 7.5rem !important;
}
.md-mar-left-120 {
margin-left: 7.5rem !important;
}
.md-mar-128 {
margin: 8rem !important;
}
.md-mar-top-128 {
margin-top: 8rem !important;
}
.md-mar-right-128 {
margin-right: 8rem !important;
}
.md-mar-btm-128 {
margin-bottom: 8rem !important;
}
.md-mar-left-128 {
margin-left: 8rem !important;
}
.md-mar-136 {
margin: 8.5rem !important;
}
.md-mar-top-136 {
margin-top: 8.5rem !important;
}
.md-mar-right-136 {
margin-right: 8.5rem !important;
}
.md-mar-btm-136 {
margin-bottom: 8.5rem !important;
}
.md-mar-left-136 {
margin-left: 8.5rem !important;
}
.md-mar-144 {
margin: 9rem !important;
}
.md-mar-top-144 {
margin-top: 9rem !important;
}
.md-mar-right-144 {
margin-right: 9rem !important;
}
.md-mar-btm-144 {
margin-bottom: 9rem !important;
}
.md-mar-left-144 {
margin-left: 9rem !important;
}
.md-mar-152 {
margin: 9.5rem !important;
}
.md-mar-top-152 {
margin-top: 9.5rem !important;
}
.md-mar-right-152 {
margin-right: 9.5rem !important;
}
.md-mar-btm-152 {
margin-bottom: 9.5rem !important;
}
.md-mar-left-152 {
margin-left: 9.5rem !important;
}
.md-mar-160 {
margin: 10rem !important;
}
.md-mar-top-160 {
margin-top: 10rem !important;
}
.md-mar-right-160 {
margin-right: 10rem !important;
}
.md-mar-btm-160 {
margin-bottom: 10rem !important;
}
.md-mar-left-160 {
margin-left: 10rem !important;
}
.md-mar-168 {
margin: 10.5rem !important;
}
.md-mar-top-168 {
margin-top: 10.5rem !important;
}
.md-mar-right-168 {
margin-right: 10.5rem !important;
}
.md-mar-btm-168 {
margin-bottom: 10.5rem !important;
}
.md-mar-left-168 {
margin-left: 10.5rem !important;
}
.md-mar-176 {
margin: 11rem !important;
}
.md-mar-top-176 {
margin-top: 11rem !important;
}
.md-mar-right-176 {
margin-right: 11rem !important;
}
.md-mar-btm-176 {
margin-bottom: 11rem !important;
}
.md-mar-left-176 {
margin-left: 11rem !important;
}
.md-mar-184 {
margin: 11.5rem !important;
}
.md-mar-top-184 {
margin-top: 11.5rem !important;
}
.md-mar-right-184 {
margin-right: 11.5rem !important;
}
.md-mar-btm-184 {
margin-bottom: 11.5rem !important;
}
.md-mar-left-184 {
margin-left: 11.5rem !important;
}
.md-mar-192 {
margin: 12rem !important;
}
.md-mar-top-192 {
margin-top: 12rem !important;
}
.md-mar-right-192 {
margin-right: 12rem !important;
}
.md-mar-btm-192 {
margin-bottom: 12rem !important;
}
.md-mar-left-192 {
margin-left: 12rem !important;
}
.md-mar-200 {
margin: 12.5rem !important;
}
.md-mar-top-200 {
margin-top: 12.5rem !important;
}
.md-mar-right-200 {
margin-right: 12.5rem !important;
}
.md-mar-btm-200 {
margin-bottom: 12.5rem !important;
}
.md-mar-left-200 {
margin-left: 12.5rem !important;
}
.md-mar-208 {
margin: 13rem !important;
}
.md-mar-top-208 {
margin-top: 13rem !important;
}
.md-mar-right-208 {
margin-right: 13rem !important;
}
.md-mar-btm-208 {
margin-bottom: 13rem !important;
}
.md-mar-left-208 {
margin-left: 13rem !important;
}
.md-mar-216 {
margin: 13.5rem !important;
}
.md-mar-top-216 {
margin-top: 13.5rem !important;
}
.md-mar-right-216 {
margin-right: 13.5rem !important;
}
.md-mar-btm-216 {
margin-bottom: 13.5rem !important;
}
.md-mar-left-216 {
margin-left: 13.5rem !important;
}
.md-mar-224 {
margin: 14rem !important;
}
.md-mar-top-224 {
margin-top: 14rem !important;
}
.md-mar-right-224 {
margin-right: 14rem !important;
}
.md-mar-btm-224 {
margin-bottom: 14rem !important;
}
.md-mar-left-224 {
margin-left: 14rem !important;
}
.md-mar-232 {
margin: 14.5rem !important;
}
.md-mar-top-232 {
margin-top: 14.5rem !important;
}
.md-mar-right-232 {
margin-right: 14.5rem !important;
}
.md-mar-btm-232 {
margin-bottom: 14.5rem !important;
}
.md-mar-left-232 {
margin-left: 14.5rem !important;
}
.md-mar-240 {
margin: 15rem !important;
}
.md-mar-top-240 {
margin-top: 15rem !important;
}
.md-mar-right-240 {
margin-right: 15rem !important;
}
.md-mar-btm-240 {
margin-bottom: 15rem !important;
}
.md-mar-left-240 {
margin-left: 15rem !important;
}
.md-mar-248 {
margin: 15.5rem !important;
}
.md-mar-top-248 {
margin-top: 15.5rem !important;
}
.md-mar-right-248 {
margin-right: 15.5rem !important;
}
.md-mar-btm-248 {
margin-bottom: 15.5rem !important;
}
.md-mar-left-248 {
margin-left: 15.5rem !important;
}
.md-mar-256 {
margin: 16rem !important;
}
.md-mar-top-256 {
margin-top: 16rem !important;
}
.md-mar-right-256 {
margin-right: 16rem !important;
}
.md-mar-btm-256 {
margin-bottom: 16rem !important;
}
.md-mar-left-256 {
margin-left: 16rem !important;
}
.md-mar-264 {
margin: 16.5rem !important;
}
.md-mar-top-264 {
margin-top: 16.5rem !important;
}
.md-mar-right-264 {
margin-right: 16.5rem !important;
}
.md-mar-btm-264 {
margin-bottom: 16.5rem !important;
}
.md-mar-left-264 {
margin-left: 16.5rem !important;
}
.md-mar-272 {
margin: 17rem !important;
}
.md-mar-top-272 {
margin-top: 17rem !important;
}
.md-mar-right-272 {
margin-right: 17rem !important;
}
.md-mar-btm-272 {
margin-bottom: 17rem !important;
}
.md-mar-left-272 {
margin-left: 17rem !important;
}
.md-mar-280 {
margin: 17.5rem !important;
}
.md-mar-top-280 {
margin-top: 17.5rem !important;
}
.md-mar-right-280 {
margin-right: 17.5rem !important;
}
.md-mar-btm-280 {
margin-bottom: 17.5rem !important;
}
.md-mar-left-280 {
margin-left: 17.5rem !important;
}
.md-mar-288 {
margin: 18rem !important;
}
.md-mar-top-288 {
margin-top: 18rem !important;
}
.md-mar-right-288 {
margin-right: 18rem !important;
}
.md-mar-btm-288 {
margin-bottom: 18rem !important;
}
.md-mar-left-288 {
margin-left: 18rem !important;
}
.md-mar-296 {
margin: 18.5rem !important;
}
.md-mar-top-296 {
margin-top: 18.5rem !important;
}
.md-mar-right-296 {
margin-right: 18.5rem !important;
}
.md-mar-btm-296 {
margin-bottom: 18.5rem !important;
}
.md-mar-left-296 {
margin-left: 18.5rem !important;
}
.md-mar-304 {
margin: 19rem !important;
}
.md-mar-top-304 {
margin-top: 19rem !important;
}
.md-mar-right-304 {
margin-right: 19rem !important;
}
.md-mar-btm-304 {
margin-bottom: 19rem !important;
}
.md-mar-left-304 {
margin-left: 19rem !important;
}
.md-mar-312 {
margin: 19.5rem !important;
}
.md-mar-top-312 {
margin-top: 19.5rem !important;
}
.md-mar-right-312 {
margin-right: 19.5rem !important;
}
.md-mar-btm-312 {
margin-bottom: 19.5rem !important;
}
.md-mar-left-312 {
margin-left: 19.5rem !important;
}
.md-mar-320 {
margin: 20rem !important;
}
.md-mar-top-320 {
margin-top: 20rem !important;
}
.md-mar-right-320 {
margin-right: 20rem !important;
}
.md-mar-btm-320 {
margin-bottom: 20rem !important;
}
.md-mar-left-320 {
margin-left: 20rem !important;
}
}
@media (min-width: 1280px) {
.lg-mar-0 {
margin: 0 !important;
}
.lg-mar-top-0 {
margin-top: 0 !important;
}
.lg-mar-right-0 {
margin-right: 0 !important;
}
.lg-mar-btm-0 {
margin-bottom: 0 !important;
}
.lg-mar-left-0 {
margin-left: 0 !important;
}
.lg-mar-8 {
margin: 0.5rem !important;
}
.lg-mar-top-8 {
margin-top: 0.5rem !important;
}
.lg-mar-right-8 {
margin-right: 0.5rem !important;
}
.lg-mar-btm-8 {
margin-bottom: 0.5rem !important;
}
.lg-mar-left-8 {
margin-left: 0.5rem !important;
}
.lg-mar-16 {
margin: 1rem !important;
}
.lg-mar-top-16 {
margin-top: 1rem !important;
}
.lg-mar-right-16 {
margin-right: 1rem !important;
}
.lg-mar-btm-16 {
margin-bottom: 1rem !important;
}
.lg-mar-left-16 {
margin-left: 1rem !important;
}
.lg-mar-24 {
margin: 1.5rem !important;
}
.lg-mar-top-24 {
margin-top: 1.5rem !important;
}
.lg-mar-right-24 {
margin-right: 1.5rem !important;
}
.lg-mar-btm-24 {
margin-bottom: 1.5rem !important;
}
.lg-mar-left-24 {
margin-left: 1.5rem !important;
}
.lg-mar-32 {
margin: 2rem !important;
}
.lg-mar-top-32 {
margin-top: 2rem !important;
}
.lg-mar-right-32 {
margin-right: 2rem !important;
}
.lg-mar-btm-32 {
margin-bottom: 2rem !important;
}
.lg-mar-left-32 {
margin-left: 2rem !important;
}
.lg-mar-40 {
margin: 2.5rem !important;
}
.lg-mar-top-40 {
margin-top: 2.5rem !important;
}
.lg-mar-right-40 {
margin-right: 2.5rem !important;
}
.lg-mar-btm-40 {
margin-bottom: 2.5rem !important;
}
.lg-mar-left-40 {
margin-left: 2.5rem !important;
}
.lg-mar-48 {
margin: 3rem !important;
}
.lg-mar-top-48 {
margin-top: 3rem !important;
}
.lg-mar-right-48 {
margin-right: 3rem !important;
}
.lg-mar-btm-48 {
margin-bottom: 3rem !important;
}
.lg-mar-left-48 {
margin-left: 3rem !important;
}
.lg-mar-56 {
margin: 3.5rem !important;
}
.lg-mar-top-56 {
margin-top: 3.5rem !important;
}
.lg-mar-right-56 {
margin-right: 3.5rem !important;
}
.lg-mar-btm-56 {
margin-bottom: 3.5rem !important;
}
.lg-mar-left-56 {
margin-left: 3.5rem !important;
}
.lg-mar-64 {
margin: 4rem !important;
}
.lg-mar-top-64 {
margin-top: 4rem !important;
}
.lg-mar-right-64 {
margin-right: 4rem !important;
}
.lg-mar-btm-64 {
margin-bottom: 4rem !important;
}
.lg-mar-left-64 {
margin-left: 4rem !important;
}
.lg-mar-72 {
margin: 4.5rem !important;
}
.lg-mar-top-72 {
margin-top: 4.5rem !important;
}
.lg-mar-right-72 {
margin-right: 4.5rem !important;
}
.lg-mar-btm-72 {
margin-bottom: 4.5rem !important;
}
.lg-mar-left-72 {
margin-left: 4.5rem !important;
}
.lg-mar-80 {
margin: 5rem !important;
}
.lg-mar-top-80 {
margin-top: 5rem !important;
}
.lg-mar-right-80 {
margin-right: 5rem !important;
}
.lg-mar-btm-80 {
margin-bottom: 5rem !important;
}
.lg-mar-left-80 {
margin-left: 5rem !important;
}
.lg-mar-88 {
margin: 5.5rem !important;
}
.lg-mar-top-88 {
margin-top: 5.5rem !important;
}
.lg-mar-right-88 {
margin-right: 5.5rem !important;
}
.lg-mar-btm-88 {
margin-bottom: 5.5rem !important;
}
.lg-mar-left-88 {
margin-left: 5.5rem !important;
}
.lg-mar-96 {
margin: 6rem !important;
}
.lg-mar-top-96 {
margin-top: 6rem !important;
}
.lg-mar-right-96 {
margin-right: 6rem !important;
}
.lg-mar-btm-96 {
margin-bottom: 6rem !important;
}
.lg-mar-left-96 {
margin-left: 6rem !important;
}
.lg-mar-104 {
margin: 6.5rem !important;
}
.lg-mar-top-104 {
margin-top: 6.5rem !important;
}
.lg-mar-right-104 {
margin-right: 6.5rem !important;
}
.lg-mar-btm-104 {
margin-bottom: 6.5rem !important;
}
.lg-mar-left-104 {
margin-left: 6.5rem !important;
}
.lg-mar-112 {
margin: 7rem !important;
}
.lg-mar-top-112 {
margin-top: 7rem !important;
}
.lg-mar-right-112 {
margin-right: 7rem !important;
}
.lg-mar-btm-112 {
margin-bottom: 7rem !important;
}
.lg-mar-left-112 {
margin-left: 7rem !important;
}
.lg-mar-120 {
margin: 7.5rem !important;
}
.lg-mar-top-120 {
margin-top: 7.5rem !important;
}
.lg-mar-right-120 {
margin-right: 7.5rem !important;
}
.lg-mar-btm-120 {
margin-bottom: 7.5rem !important;
}
.lg-mar-left-120 {
margin-left: 7.5rem !important;
}
.lg-mar-128 {
margin: 8rem !important;
}
.lg-mar-top-128 {
margin-top: 8rem !important;
}
.lg-mar-right-128 {
margin-right: 8rem !important;
}
.lg-mar-btm-128 {
margin-bottom: 8rem !important;
}
.lg-mar-left-128 {
margin-left: 8rem !important;
}
.lg-mar-136 {
margin: 8.5rem !important;
}
.lg-mar-top-136 {
margin-top: 8.5rem !important;
}
.lg-mar-right-136 {
margin-right: 8.5rem !important;
}
.lg-mar-btm-136 {
margin-bottom: 8.5rem !important;
}
.lg-mar-left-136 {
margin-left: 8.5rem !important;
}
.lg-mar-144 {
margin: 9rem !important;
}
.lg-mar-top-144 {
margin-top: 9rem !important;
}
.lg-mar-right-144 {
margin-right: 9rem !important;
}
.lg-mar-btm-144 {
margin-bottom: 9rem !important;
}
.lg-mar-left-144 {
margin-left: 9rem !important;
}
.lg-mar-152 {
margin: 9.5rem !important;
}
.lg-mar-top-152 {
margin-top: 9.5rem !important;
}
.lg-mar-right-152 {
margin-right: 9.5rem !important;
}
.lg-mar-btm-152 {
margin-bottom: 9.5rem !important;
}
.lg-mar-left-152 {
margin-left: 9.5rem !important;
}
.lg-mar-160 {
margin: 10rem !important;
}
.lg-mar-top-160 {
margin-top: 10rem !important;
}
.lg-mar-right-160 {
margin-right: 10rem !important;
}
.lg-mar-btm-160 {
margin-bottom: 10rem !important;
}
.lg-mar-left-160 {
margin-left: 10rem !important;
}
.lg-mar-168 {
margin: 10.5rem !important;
}
.lg-mar-top-168 {
margin-top: 10.5rem !important;
}
.lg-mar-right-168 {
margin-right: 10.5rem !important;
}
.lg-mar-btm-168 {
margin-bottom: 10.5rem !important;
}
.lg-mar-left-168 {
margin-left: 10.5rem !important;
}
.lg-mar-176 {
margin: 11rem !important;
}
.lg-mar-top-176 {
margin-top: 11rem !important;
}
.lg-mar-right-176 {
margin-right: 11rem !important;
}
.lg-mar-btm-176 {
margin-bottom: 11rem !important;
}
.lg-mar-left-176 {
margin-left: 11rem !important;
}
.lg-mar-184 {
margin: 11.5rem !important;
}
.lg-mar-top-184 {
margin-top: 11.5rem !important;
}
.lg-mar-right-184 {
margin-right: 11.5rem !important;
}
.lg-mar-btm-184 {
margin-bottom: 11.5rem !important;
}
.lg-mar-left-184 {
margin-left: 11.5rem !important;
}
.lg-mar-192 {
margin: 12rem !important;
}
.lg-mar-top-192 {
margin-top: 12rem !important;
}
.lg-mar-right-192 {
margin-right: 12rem !important;
}
.lg-mar-btm-192 {
margin-bottom: 12rem !important;
}
.lg-mar-left-192 {
margin-left: 12rem !important;
}
.lg-mar-200 {
margin: 12.5rem !important;
}
.lg-mar-top-200 {
margin-top: 12.5rem !important;
}
.lg-mar-right-200 {
margin-right: 12.5rem !important;
}
.lg-mar-btm-200 {
margin-bottom: 12.5rem !important;
}
.lg-mar-left-200 {
margin-left: 12.5rem !important;
}
.lg-mar-208 {
margin: 13rem !important;
}
.lg-mar-top-208 {
margin-top: 13rem !important;
}
.lg-mar-right-208 {
margin-right: 13rem !important;
}
.lg-mar-btm-208 {
margin-bottom: 13rem !important;
}
.lg-mar-left-208 {
margin-left: 13rem !important;
}
.lg-mar-216 {
margin: 13.5rem !important;
}
.lg-mar-top-216 {
margin-top: 13.5rem !important;
}
.lg-mar-right-216 {
margin-right: 13.5rem !important;
}
.lg-mar-btm-216 {
margin-bottom: 13.5rem !important;
}
.lg-mar-left-216 {
margin-left: 13.5rem !important;
}
.lg-mar-224 {
margin: 14rem !important;
}
.lg-mar-top-224 {
margin-top: 14rem !important;
}
.lg-mar-right-224 {
margin-right: 14rem !important;
}
.lg-mar-btm-224 {
margin-bottom: 14rem !important;
}
.lg-mar-left-224 {
margin-left: 14rem !important;
}
.lg-mar-232 {
margin: 14.5rem !important;
}
.lg-mar-top-232 {
margin-top: 14.5rem !important;
}
.lg-mar-right-232 {
margin-right: 14.5rem !important;
}
.lg-mar-btm-232 {
margin-bottom: 14.5rem !important;
}
.lg-mar-left-232 {
margin-left: 14.5rem !important;
}
.lg-mar-240 {
margin: 15rem !important;
}
.lg-mar-top-240 {
margin-top: 15rem !important;
}
.lg-mar-right-240 {
margin-right: 15rem !important;
}
.lg-mar-btm-240 {
margin-bottom: 15rem !important;
}
.lg-mar-left-240 {
margin-left: 15rem !important;
}
.lg-mar-248 {
margin: 15.5rem !important;
}
.lg-mar-top-248 {
margin-top: 15.5rem !important;
}
.lg-mar-right-248 {
margin-right: 15.5rem !important;
}
.lg-mar-btm-248 {
margin-bottom: 15.5rem !important;
}
.lg-mar-left-248 {
margin-left: 15.5rem !important;
}
.lg-mar-256 {
margin: 16rem !important;
}
.lg-mar-top-256 {
margin-top: 16rem !important;
}
.lg-mar-right-256 {
margin-right: 16rem !important;
}
.lg-mar-btm-256 {
margin-bottom: 16rem !important;
}
.lg-mar-left-256 {
margin-left: 16rem !important;
}
.lg-mar-264 {
margin: 16.5rem !important;
}
.lg-mar-top-264 {
margin-top: 16.5rem !important;
}
.lg-mar-right-264 {
margin-right: 16.5rem !important;
}
.lg-mar-btm-264 {
margin-bottom: 16.5rem !important;
}
.lg-mar-left-264 {
margin-left: 16.5rem !important;
}
.lg-mar-272 {
margin: 17rem !important;
}
.lg-mar-top-272 {
margin-top: 17rem !important;
}
.lg-mar-right-272 {
margin-right: 17rem !important;
}
.lg-mar-btm-272 {
margin-bottom: 17rem !important;
}
.lg-mar-left-272 {
margin-left: 17rem !important;
}
.lg-mar-280 {
margin: 17.5rem !important;
}
.lg-mar-top-280 {
margin-top: 17.5rem !important;
}
.lg-mar-right-280 {
margin-right: 17.5rem !important;
}
.lg-mar-btm-280 {
margin-bottom: 17.5rem !important;
}
.lg-mar-left-280 {
margin-left: 17.5rem !important;
}
.lg-mar-288 {
margin: 18rem !important;
}
.lg-mar-top-288 {
margin-top: 18rem !important;
}
.lg-mar-right-288 {
margin-right: 18rem !important;
}
.lg-mar-btm-288 {
margin-bottom: 18rem !important;
}
.lg-mar-left-288 {
margin-left: 18rem !important;
}
.lg-mar-296 {
margin: 18.5rem !important;
}
.lg-mar-top-296 {
margin-top: 18.5rem !important;
}
.lg-mar-right-296 {
margin-right: 18.5rem !important;
}
.lg-mar-btm-296 {
margin-bottom: 18.5rem !important;
}
.lg-mar-left-296 {
margin-left: 18.5rem !important;
}
.lg-mar-304 {
margin: 19rem !important;
}
.lg-mar-top-304 {
margin-top: 19rem !important;
}
.lg-mar-right-304 {
margin-right: 19rem !important;
}
.lg-mar-btm-304 {
margin-bottom: 19rem !important;
}
.lg-mar-left-304 {
margin-left: 19rem !important;
}
.lg-mar-312 {
margin: 19.5rem !important;
}
.lg-mar-top-312 {
margin-top: 19.5rem !important;
}
.lg-mar-right-312 {
margin-right: 19.5rem !important;
}
.lg-mar-btm-312 {
margin-bottom: 19.5rem !important;
}
.lg-mar-left-312 {
margin-left: 19.5rem !important;
}
.lg-mar-320 {
margin: 20rem !important;
}
.lg-mar-top-320 {
margin-top: 20rem !important;
}
.lg-mar-right-320 {
margin-right: 20rem !important;
}
.lg-mar-btm-320 {
margin-bottom: 20rem !important;
}
.lg-mar-left-320 {
margin-left: 20rem !important;
}
}
@media (min-width: 1600px) {
.xlg-mar-0 {
margin: 0 !important;
}
.xlg-mar-top-0 {
margin-top: 0 !important;
}
.xlg-mar-right-0 {
margin-right: 0 !important;
}
.xlg-mar-btm-0 {
margin-bottom: 0 !important;
}
.xlg-mar-left-0 {
margin-left: 0 !important;
}
.xlg-mar-8 {
margin: 0.5rem !important;
}
.xlg-mar-top-8 {
margin-top: 0.5rem !important;
}
.xlg-mar-right-8 {
margin-right: 0.5rem !important;
}
.xlg-mar-btm-8 {
margin-bottom: 0.5rem !important;
}
.xlg-mar-left-8 {
margin-left: 0.5rem !important;
}
.xlg-mar-16 {
margin: 1rem !important;
}
.xlg-mar-top-16 {
margin-top: 1rem !important;
}
.xlg-mar-right-16 {
margin-right: 1rem !important;
}
.xlg-mar-btm-16 {
margin-bottom: 1rem !important;
}
.xlg-mar-left-16 {
margin-left: 1rem !important;
}
.xlg-mar-24 {
margin: 1.5rem !important;
}
.xlg-mar-top-24 {
margin-top: 1.5rem !important;
}
.xlg-mar-right-24 {
margin-right: 1.5rem !important;
}
.xlg-mar-btm-24 {
margin-bottom: 1.5rem !important;
}
.xlg-mar-left-24 {
margin-left: 1.5rem !important;
}
.xlg-mar-32 {
margin: 2rem !important;
}
.xlg-mar-top-32 {
margin-top: 2rem !important;
}
.xlg-mar-right-32 {
margin-right: 2rem !important;
}
.xlg-mar-btm-32 {
margin-bottom: 2rem !important;
}
.xlg-mar-left-32 {
margin-left: 2rem !important;
}
.xlg-mar-40 {
margin: 2.5rem !important;
}
.xlg-mar-top-40 {
margin-top: 2.5rem !important;
}
.xlg-mar-right-40 {
margin-right: 2.5rem !important;
}
.xlg-mar-btm-40 {
margin-bottom: 2.5rem !important;
}
.xlg-mar-left-40 {
margin-left: 2.5rem !important;
}
.xlg-mar-48 {
margin: 3rem !important;
}
.xlg-mar-top-48 {
margin-top: 3rem !important;
}
.xlg-mar-right-48 {
margin-right: 3rem !important;
}
.xlg-mar-btm-48 {
margin-bottom: 3rem !important;
}
.xlg-mar-left-48 {
margin-left: 3rem !important;
}
.xlg-mar-56 {
margin: 3.5rem !important;
}
.xlg-mar-top-56 {
margin-top: 3.5rem !important;
}
.xlg-mar-right-56 {
margin-right: 3.5rem !important;
}
.xlg-mar-btm-56 {
margin-bottom: 3.5rem !important;
}
.xlg-mar-left-56 {
margin-left: 3.5rem !important;
}
.xlg-mar-64 {
margin: 4rem !important;
}
.xlg-mar-top-64 {
margin-top: 4rem !important;
}
.xlg-mar-right-64 {
margin-right: 4rem !important;
}
.xlg-mar-btm-64 {
margin-bottom: 4rem !important;
}
.xlg-mar-left-64 {
margin-left: 4rem !important;
}
.xlg-mar-72 {
margin: 4.5rem !important;
}
.xlg-mar-top-72 {
margin-top: 4.5rem !important;
}
.xlg-mar-right-72 {
margin-right: 4.5rem !important;
}
.xlg-mar-btm-72 {
margin-bottom: 4.5rem !important;
}
.xlg-mar-left-72 {
margin-left: 4.5rem !important;
}
.xlg-mar-80 {
margin: 5rem !important;
}
.xlg-mar-top-80 {
margin-top: 5rem !important;
}
.xlg-mar-right-80 {
margin-right: 5rem !important;
}
.xlg-mar-btm-80 {
margin-bottom: 5rem !important;
}
.xlg-mar-left-80 {
margin-left: 5rem !important;
}
.xlg-mar-88 {
margin: 5.5rem !important;
}
.xlg-mar-top-88 {
margin-top: 5.5rem !important;
}
.xlg-mar-right-88 {
margin-right: 5.5rem !important;
}
.xlg-mar-btm-88 {
margin-bottom: 5.5rem !important;
}
.xlg-mar-left-88 {
margin-left: 5.5rem !important;
}
.xlg-mar-96 {
margin: 6rem !important;
}
.xlg-mar-top-96 {
margin-top: 6rem !important;
}
.xlg-mar-right-96 {
margin-right: 6rem !important;
}
.xlg-mar-btm-96 {
margin-bottom: 6rem !important;
}
.xlg-mar-left-96 {
margin-left: 6rem !important;
}
.xlg-mar-104 {
margin: 6.5rem !important;
}
.xlg-mar-top-104 {
margin-top: 6.5rem !important;
}
.xlg-mar-right-104 {
margin-right: 6.5rem !important;
}
.xlg-mar-btm-104 {
margin-bottom: 6.5rem !important;
}
.xlg-mar-left-104 {
margin-left: 6.5rem !important;
}
.xlg-mar-112 {
margin: 7rem !important;
}
.xlg-mar-top-112 {
margin-top: 7rem !important;
}
.xlg-mar-right-112 {
margin-right: 7rem !important;
}
.xlg-mar-btm-112 {
margin-bottom: 7rem !important;
}
.xlg-mar-left-112 {
margin-left: 7rem !important;
}
.xlg-mar-120 {
margin: 7.5rem !important;
}
.xlg-mar-top-120 {
margin-top: 7.5rem !important;
}
.xlg-mar-right-120 {
margin-right: 7.5rem !important;
}
.xlg-mar-btm-120 {
margin-bottom: 7.5rem !important;
}
.xlg-mar-left-120 {
margin-left: 7.5rem !important;
}
.xlg-mar-128 {
margin: 8rem !important;
}
.xlg-mar-top-128 {
margin-top: 8rem !important;
}
.xlg-mar-right-128 {
margin-right: 8rem !important;
}
.xlg-mar-btm-128 {
margin-bottom: 8rem !important;
}
.xlg-mar-left-128 {
margin-left: 8rem !important;
}
.xlg-mar-136 {
margin: 8.5rem !important;
}
.xlg-mar-top-136 {
margin-top: 8.5rem !important;
}
.xlg-mar-right-136 {
margin-right: 8.5rem !important;
}
.xlg-mar-btm-136 {
margin-bottom: 8.5rem !important;
}
.xlg-mar-left-136 {
margin-left: 8.5rem !important;
}
.xlg-mar-144 {
margin: 9rem !important;
}
.xlg-mar-top-144 {
margin-top: 9rem !important;
}
.xlg-mar-right-144 {
margin-right: 9rem !important;
}
.xlg-mar-btm-144 {
margin-bottom: 9rem !important;
}
.xlg-mar-left-144 {
margin-left: 9rem !important;
}
.xlg-mar-152 {
margin: 9.5rem !important;
}
.xlg-mar-top-152 {
margin-top: 9.5rem !important;
}
.xlg-mar-right-152 {
margin-right: 9.5rem !important;
}
.xlg-mar-btm-152 {
margin-bottom: 9.5rem !important;
}
.xlg-mar-left-152 {
margin-left: 9.5rem !important;
}
.xlg-mar-160 {
margin: 10rem !important;
}
.xlg-mar-top-160 {
margin-top: 10rem !important;
}
.xlg-mar-right-160 {
margin-right: 10rem !important;
}
.xlg-mar-btm-160 {
margin-bottom: 10rem !important;
}
.xlg-mar-left-160 {
margin-left: 10rem !important;
}
.xlg-mar-168 {
margin: 10.5rem !important;
}
.xlg-mar-top-168 {
margin-top: 10.5rem !important;
}
.xlg-mar-right-168 {
margin-right: 10.5rem !important;
}
.xlg-mar-btm-168 {
margin-bottom: 10.5rem !important;
}
.xlg-mar-left-168 {
margin-left: 10.5rem !important;
}
.xlg-mar-176 {
margin: 11rem !important;
}
.xlg-mar-top-176 {
margin-top: 11rem !important;
}
.xlg-mar-right-176 {
margin-right: 11rem !important;
}
.xlg-mar-btm-176 {
margin-bottom: 11rem !important;
}
.xlg-mar-left-176 {
margin-left: 11rem !important;
}
.xlg-mar-184 {
margin: 11.5rem !important;
}
.xlg-mar-top-184 {
margin-top: 11.5rem !important;
}
.xlg-mar-right-184 {
margin-right: 11.5rem !important;
}
.xlg-mar-btm-184 {
margin-bottom: 11.5rem !important;
}
.xlg-mar-left-184 {
margin-left: 11.5rem !important;
}
.xlg-mar-192 {
margin: 12rem !important;
}
.xlg-mar-top-192 {
margin-top: 12rem !important;
}
.xlg-mar-right-192 {
margin-right: 12rem !important;
}
.xlg-mar-btm-192 {
margin-bottom: 12rem !important;
}
.xlg-mar-left-192 {
margin-left: 12rem !important;
}
.xlg-mar-200 {
margin: 12.5rem !important;
}
.xlg-mar-top-200 {
margin-top: 12.5rem !important;
}
.xlg-mar-right-200 {
margin-right: 12.5rem !important;
}
.xlg-mar-btm-200 {
margin-bottom: 12.5rem !important;
}
.xlg-mar-left-200 {
margin-left: 12.5rem !important;
}
.xlg-mar-208 {
margin: 13rem !important;
}
.xlg-mar-top-208 {
margin-top: 13rem !important;
}
.xlg-mar-right-208 {
margin-right: 13rem !important;
}
.xlg-mar-btm-208 {
margin-bottom: 13rem !important;
}
.xlg-mar-left-208 {
margin-left: 13rem !important;
}
.xlg-mar-216 {
margin: 13.5rem !important;
}
.xlg-mar-top-216 {
margin-top: 13.5rem !important;
}
.xlg-mar-right-216 {
margin-right: 13.5rem !important;
}
.xlg-mar-btm-216 {
margin-bottom: 13.5rem !important;
}
.xlg-mar-left-216 {
margin-left: 13.5rem !important;
}
.xlg-mar-224 {
margin: 14rem !important;
}
.xlg-mar-top-224 {
margin-top: 14rem !important;
}
.xlg-mar-right-224 {
margin-right: 14rem !important;
}
.xlg-mar-btm-224 {
margin-bottom: 14rem !important;
}
.xlg-mar-left-224 {
margin-left: 14rem !important;
}
.xlg-mar-232 {
margin: 14.5rem !important;
}
.xlg-mar-top-232 {
margin-top: 14.5rem !important;
}
.xlg-mar-right-232 {
margin-right: 14.5rem !important;
}
.xlg-mar-btm-232 {
margin-bottom: 14.5rem !important;
}
.xlg-mar-left-232 {
margin-left: 14.5rem !important;
}
.xlg-mar-240 {
margin: 15rem !important;
}
.xlg-mar-top-240 {
margin-top: 15rem !important;
}
.xlg-mar-right-240 {
margin-right: 15rem !important;
}
.xlg-mar-btm-240 {
margin-bottom: 15rem !important;
}
.xlg-mar-left-240 {
margin-left: 15rem !important;
}
.xlg-mar-248 {
margin: 15.5rem !important;
}
.xlg-mar-top-248 {
margin-top: 15.5rem !important;
}
.xlg-mar-right-248 {
margin-right: 15.5rem !important;
}
.xlg-mar-btm-248 {
margin-bottom: 15.5rem !important;
}
.xlg-mar-left-248 {
margin-left: 15.5rem !important;
}
.xlg-mar-256 {
margin: 16rem !important;
}
.xlg-mar-top-256 {
margin-top: 16rem !important;
}
.xlg-mar-right-256 {
margin-right: 16rem !important;
}
.xlg-mar-btm-256 {
margin-bottom: 16rem !important;
}
.xlg-mar-left-256 {
margin-left: 16rem !important;
}
.xlg-mar-264 {
margin: 16.5rem !important;
}
.xlg-mar-top-264 {
margin-top: 16.5rem !important;
}
.xlg-mar-right-264 {
margin-right: 16.5rem !important;
}
.xlg-mar-btm-264 {
margin-bottom: 16.5rem !important;
}
.xlg-mar-left-264 {
margin-left: 16.5rem !important;
}
.xlg-mar-272 {
margin: 17rem !important;
}
.xlg-mar-top-272 {
margin-top: 17rem !important;
}
.xlg-mar-right-272 {
margin-right: 17rem !important;
}
.xlg-mar-btm-272 {
margin-bottom: 17rem !important;
}
.xlg-mar-left-272 {
margin-left: 17rem !important;
}
.xlg-mar-280 {
margin: 17.5rem !important;
}
.xlg-mar-top-280 {
margin-top: 17.5rem !important;
}
.xlg-mar-right-280 {
margin-right: 17.5rem !important;
}
.xlg-mar-btm-280 {
margin-bottom: 17.5rem !important;
}
.xlg-mar-left-280 {
margin-left: 17.5rem !important;
}
.xlg-mar-288 {
margin: 18rem !important;
}
.xlg-mar-top-288 {
margin-top: 18rem !important;
}
.xlg-mar-right-288 {
margin-right: 18rem !important;
}
.xlg-mar-btm-288 {
margin-bottom: 18rem !important;
}
.xlg-mar-left-288 {
margin-left: 18rem !important;
}
.xlg-mar-296 {
margin: 18.5rem !important;
}
.xlg-mar-top-296 {
margin-top: 18.5rem !important;
}
.xlg-mar-right-296 {
margin-right: 18.5rem !important;
}
.xlg-mar-btm-296 {
margin-bottom: 18.5rem !important;
}
.xlg-mar-left-296 {
margin-left: 18.5rem !important;
}
.xlg-mar-304 {
margin: 19rem !important;
}
.xlg-mar-top-304 {
margin-top: 19rem !important;
}
.xlg-mar-right-304 {
margin-right: 19rem !important;
}
.xlg-mar-btm-304 {
margin-bottom: 19rem !important;
}
.xlg-mar-left-304 {
margin-left: 19rem !important;
}
.xlg-mar-312 {
margin: 19.5rem !important;
}
.xlg-mar-top-312 {
margin-top: 19.5rem !important;
}
.xlg-mar-right-312 {
margin-right: 19.5rem !important;
}
.xlg-mar-btm-312 {
margin-bottom: 19.5rem !important;
}
.xlg-mar-left-312 {
margin-left: 19.5rem !important;
}
.xlg-mar-320 {
margin: 20rem !important;
}
.xlg-mar-top-320 {
margin-top: 20rem !important;
}
.xlg-mar-right-320 {
margin-right: 20rem !important;
}
.xlg-mar-btm-320 {
margin-bottom: 20rem !important;
}
.xlg-mar-left-320 {
margin-left: 20rem !important;
}
}
.flex {
display: flex;
}
.flex-row {
flex-direction: row;
}
.flex-col {
flex-direction: column;
}
.flex-wrap {
flex-wrap: wrap;
}
.flex-nowrap {
flex-wrap: nowrap;
}
.justify-start {
justify-content: flex-start;
}
.justify-center {
justify-content: center;
}
.justify-end {
justify-content: flex-end;
}
.justify-between {
justify-content: space-between;
}
.justify-around {
justify-content: space-around;
}
.justify-evenly {
justify-content: space-evenly;
}
.align-start {
align-items: flex-start;
}
.align-center {
align-items: center;
}
.align-end {
align-items: flex-end;
}
.align-stretch {
align-items: stretch;
}
.align-baseline {
align-items: baseline;
}
.gap-0 {
gap: 0;
}
.gap-8 {
gap: 0.5rem;
}
.gap-16 {
gap: 1rem;
}
.gap-24 {
gap: 1.5rem;
}
.gap-32 {
gap: 2rem;
}
.gap-40 {
gap: 2.5rem;
}
.gap-48 {
gap: 3rem;
}
.gap-56 {
gap: 3.5rem;
}
.gap-64 {
gap: 4rem;
}
.gap-72 {
gap: 4.5rem;
}
.gap-80 {
gap: 5rem;
}
.gap-88 {
gap: 5.5rem;
}
.gap-96 {
gap: 6rem;
}
.gap-104 {
gap: 6.5rem;
}
.gap-112 {
gap: 7rem;
}
.gap-120 {
gap: 7.5rem;
}
.gap-128 {
gap: 8rem;
}
.gap-136 {
gap: 8.5rem;
}
.gap-144 {
gap: 9rem;
}
.gap-152 {
gap: 9.5rem;
}
.gap-160 {
gap: 10rem;
}
@media (min-width: 768px) {
.sm\:flex {
display: flex;
}
.sm\:flex-row {
flex-direction: row;
}
.sm\:flex-col {
flex-direction: column;
}
.sm\:flex-wrap {
flex-wrap: wrap;
}
.sm\:flex-nowrap {
flex-wrap: nowrap;
}
.sm\:justify-start {
justify-content: flex-start;
}
.sm\:justify-center {
justify-content: center;
}
.sm\:justify-end {
justify-content: flex-end;
}
.sm\:justify-between {
justify-content: space-between;
}
.sm\:justify-around {
justify-content: space-around;
}
.sm\:justify-evenly {
justify-content: space-evenly;
}
.sm\:align-start {
align-items: flex-start;
}
.sm\:align-center {
align-items: center;
}
.sm\:align-end {
align-items: flex-end;
}
.sm\:align-stretch {
align-items: stretch;
}
.sm\:align-baseline {
align-items: baseline;
}
.sm\:gap-0 {
gap: 0 !important;
}
.sm\:gap-8 {
gap: 0.5rem !important;
}
.sm\:gap-16 {
gap: 1rem !important;
}
.sm\:gap-24 {
gap: 1.5rem !important;
}
.sm\:gap-32 {
gap: 2rem !important;
}
.sm\:gap-40 {
gap: 2.5rem !important;
}
.sm\:gap-48 {
gap: 3rem !important;
}
.sm\:gap-56 {
gap: 3.5rem !important;
}
.sm\:gap-64 {
gap: 4rem !important;
}
.sm\:gap-72 {
gap: 4.5rem !important;
}
.sm\:gap-80 {
gap: 5rem !important;
}
.sm\:gap-88 {
gap: 5.5rem !important;
}
.sm\:gap-96 {
gap: 6rem !important;
}
.sm\:gap-104 {
gap: 6.5rem !important;
}
.sm\:gap-112 {
gap: 7rem !important;
}
.sm\:gap-120 {
gap: 7.5rem !important;
}
.sm\:gap-128 {
gap: 8rem !important;
}
.sm\:gap-136 {
gap: 8.5rem !important;
}
.sm\:gap-144 {
gap: 9rem !important;
}
.sm\:gap-152 {
gap: 9.5rem !important;
}
.sm\:gap-160 {
gap: 10rem !important;
}
}
@media (min-width: 1024px) {
.md\:flex {
display: flex;
}
.md\:flex-row {
flex-direction: row;
}
.md\:flex-col {
flex-direction: column;
}
.md\:flex-wrap {
flex-wrap: wrap;
}
.md\:flex-nowrap {
flex-wrap: nowrap;
}
.md\:justify-start {
justify-content: flex-start;
}
.md\:justify-center {
justify-content: center;
}
.md\:justify-end {
justify-content: flex-end;
}
.md\:justify-between {
justify-content: space-between;
}
.md\:justify-around {
justify-content: space-around;
}
.md\:justify-evenly {
justify-content: space-evenly;
}
.md\:align-start {
align-items: flex-start;
}
.md\:align-center {
align-items: center;
}
.md\:align-end {
align-items: flex-end;
}
.md\:align-stretch {
align-items: stretch;
}
.md\:align-baseline {
align-items: baseline;
}
.md\:gap-0 {
gap: 0 !important;
}
.md\:gap-8 {
gap: 0.5rem !important;
}
.md\:gap-16 {
gap: 1rem !important;
}
.md\:gap-24 {
gap: 1.5rem !important;
}
.md\:gap-32 {
gap: 2rem !important;
}
.md\:gap-40 {
gap: 2.5rem !important;
}
.md\:gap-48 {
gap: 3rem !important;
}
.md\:gap-56 {
gap: 3.5rem !important;
}
.md\:gap-64 {
gap: 4rem !important;
}
.md\:gap-72 {
gap: 4.5rem !important;
}
.md\:gap-80 {
gap: 5rem !important;
}
.md\:gap-88 {
gap: 5.5rem !important;
}
.md\:gap-96 {
gap: 6rem !important;
}
.md\:gap-104 {
gap: 6.5rem !important;
}
.md\:gap-112 {
gap: 7rem !important;
}
.md\:gap-120 {
gap: 7.5rem !important;
}
.md\:gap-128 {
gap: 8rem !important;
}
.md\:gap-136 {
gap: 8.5rem !important;
}
.md\:gap-144 {
gap: 9rem !important;
}
.md\:gap-152 {
gap: 9.5rem !important;
}
.md\:gap-160 {
gap: 10rem !important;
}
}
@media (min-width: 1280px) {
.lg\:flex {
display: flex;
}
.lg\:flex-row {
flex-direction: row;
}
.lg\:flex-col {
flex-direction: column;
}
.lg\:flex-wrap {
flex-wrap: wrap;
}
.lg\:flex-nowrap {
flex-wrap: nowrap;
}
.lg\:justify-start {
justify-content: flex-start;
}
.lg\:justify-center {
justify-content: center;
}
.lg\:justify-end {
justify-content: flex-end;
}
.lg\:justify-between {
justify-content: space-between;
}
.lg\:justify-around {
justify-content: space-around;
}
.lg\:justify-evenly {
justify-content: space-evenly;
}
.lg\:align-start {
align-items: flex-start;
}
.lg\:align-center {
align-items: center;
}
.lg\:align-end {
align-items: flex-end;
}
.lg\:align-stretch {
align-items: stretch;
}
.lg\:align-baseline {
align-items: baseline;
}
.lg\:gap-0 {
gap: 0 !important;
}
.lg\:gap-8 {
gap: 0.5rem !important;
}
.lg\:gap-16 {
gap: 1rem !important;
}
.lg\:gap-24 {
gap: 1.5rem !important;
}
.lg\:gap-32 {
gap: 2rem !important;
}
.lg\:gap-40 {
gap: 2.5rem !important;
}
.lg\:gap-48 {
gap: 3rem !important;
}
.lg\:gap-56 {
gap: 3.5rem !important;
}
.lg\:gap-64 {
gap: 4rem !important;
}
.lg\:gap-72 {
gap: 4.5rem !important;
}
.lg\:gap-80 {
gap: 5rem !important;
}
.lg\:gap-88 {
gap: 5.5rem !important;
}
.lg\:gap-96 {
gap: 6rem !important;
}
.lg\:gap-104 {
gap: 6.5rem !important;
}
.lg\:gap-112 {
gap: 7rem !important;
}
.lg\:gap-120 {
gap: 7.5rem !important;
}
.lg\:gap-128 {
gap: 8rem !important;
}
.lg\:gap-136 {
gap: 8.5rem !important;
}
.lg\:gap-144 {
gap: 9rem !important;
}
.lg\:gap-152 {
gap: 9.5rem !important;
}
.lg\:gap-160 {
gap: 10rem !important;
}
}
@media (min-width: 1600px) {
.xlg\:flex {
display: flex;
}
.xlg\:flex-row {
flex-direction: row;
}
.xlg\:flex-col {
flex-direction: column;
}
.xlg\:flex-wrap {
flex-wrap: wrap;
}
.xlg\:flex-nowrap {
flex-wrap: nowrap;
}
.xlg\:justify-start {
justify-content: flex-start;
}
.xlg\:justify-center {
justify-content: center;
}
.xlg\:justify-end {
justify-content: flex-end;
}
.xlg\:justify-between {
justify-content: space-between;
}
.xlg\:justify-around {
justify-content: space-around;
}
.xlg\:justify-evenly {
justify-content: space-evenly;
}
.xlg\:align-start {
align-items: flex-start;
}
.xlg\:align-center {
align-items: center;
}
.xlg\:align-end {
align-items: flex-end;
}
.xlg\:align-stretch {
align-items: stretch;
}
.xlg\:align-baseline {
align-items: baseline;
}
.xlg\:gap-0 {
gap: 0 !important;
}
.xlg\:gap-8 {
gap: 0.5rem !important;
}
.xlg\:gap-16 {
gap: 1rem !important;
}
.xlg\:gap-24 {
gap: 1.5rem !important;
}
.xlg\:gap-32 {
gap: 2rem !important;
}
.xlg\:gap-40 {
gap: 2.5rem !important;
}
.xlg\:gap-48 {
gap: 3rem !important;
}
.xlg\:gap-56 {
gap: 3.5rem !important;
}
.xlg\:gap-64 {
gap: 4rem !important;
}
.xlg\:gap-72 {
gap: 4.5rem !important;
}
.xlg\:gap-80 {
gap: 5rem !important;
}
.xlg\:gap-88 {
gap: 5.5rem !important;
}
.xlg\:gap-96 {
gap: 6rem !important;
}
.xlg\:gap-104 {
gap: 6.5rem !important;
}
.xlg\:gap-112 {
gap: 7rem !important;
}
.xlg\:gap-120 {
gap: 7.5rem !important;
}
.xlg\:gap-128 {
gap: 8rem !important;
}
.xlg\:gap-136 {
gap: 8.5rem !important;
}
.xlg\:gap-144 {
gap: 9rem !important;
}
.xlg\:gap-152 {
gap: 9.5rem !important;
}
.xlg\:gap-160 {
gap: 10rem !important;
}
}
.container {
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 1rem;
padding-right: 1rem;
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
}
@media (min-width: 1024px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1280px) {
.container {
max-width: 1140px;
}
}
@media (min-width: 1600px) {
.container {
max-width: 1320px;
}
}
.grid {
display: grid;
}
.gap-0 {
gap: 0;
}
@media (min-width: 768px) {
.sm\:gap-0 {
gap: 0;
}
}
@media (min-width: 1024px) {
.md\:gap-0 {
gap: 0;
}
}
@media (min-width: 1280px) {
.lg\:gap-0 {
gap: 0;
}
}
@media (min-width: 1600px) {
.xlg\:gap-0 {
gap: 0;
}
}
.gap-8 {
gap: 0.5rem;
}
@media (min-width: 768px) {
.sm\:gap-8 {
gap: 0.5rem;
}
}
@media (min-width: 1024px) {
.md\:gap-8 {
gap: 0.5rem;
}
}
@media (min-width: 1280px) {
.lg\:gap-8 {
gap: 0.5rem;
}
}
@media (min-width: 1600px) {
.xlg\:gap-8 {
gap: 0.5rem;
}
}
.gap-16 {
gap: 1rem;
}
@media (min-width: 768px) {
.sm\:gap-16 {
gap: 1rem;
}
}
@media (min-width: 1024px) {
.md\:gap-16 {
gap: 1rem;
}
}
@media (min-width: 1280px) {
.lg\:gap-16 {
gap: 1rem;
}
}
@media (min-width: 1600px) {
.xlg\:gap-16 {
gap: 1rem;
}
}
.gap-24 {
gap: 1.5rem;
}
@media (min-width: 768px) {
.sm\:gap-24 {
gap: 1.5rem;
}
}
@media (min-width: 1024px) {
.md\:gap-24 {
gap: 1.5rem;
}
}
@media (min-width: 1280px) {
.lg\:gap-24 {
gap: 1.5rem;
}
}
@media (min-width: 1600px) {
.xlg\:gap-24 {
gap: 1.5rem;
}
}
.gap-32 {
gap: 2rem;
}
@media (min-width: 768px) {
.sm\:gap-32 {
gap: 2rem;
}
}
@media (min-width: 1024px) {
.md\:gap-32 {
gap: 2rem;
}
}
@media (min-width: 1280px) {
.lg\:gap-32 {
gap: 2rem;
}
}
@media (min-width: 1600px) {
.xlg\:gap-32 {
gap: 2rem;
}
}
.gap-40 {
gap: 2.5rem;
}
@media (min-width: 768px) {
.sm\:gap-40 {
gap: 2.5rem;
}
}
@media (min-width: 1024px) {
.md\:gap-40 {
gap: 2.5rem;
}
}
@media (min-width: 1280px) {
.lg\:gap-40 {
gap: 2.5rem;
}
}
@media (min-width: 1600px) {
.xlg\:gap-40 {
gap: 2.5rem;
}
}
.gap-48 {
gap: 3rem;
}
@media (min-width: 768px) {
.sm\:gap-48 {
gap: 3rem;
}
}
@media (min-width: 1024px) {
.md\:gap-48 {
gap: 3rem;
}
}
@media (min-width: 1280px) {
.lg\:gap-48 {
gap: 3rem;
}
}
@media (min-width: 1600px) {
.xlg\:gap-48 {
gap: 3rem;
}
}
.gap-56 {
gap: 3.5rem;
}
@media (min-width: 768px) {
.sm\:gap-56 {
gap: 3.5rem;
}
}
@media (min-width: 1024px) {
.md\:gap-56 {
gap: 3.5rem;
}
}
@media (min-width: 1280px) {
.lg\:gap-56 {
gap: 3.5rem;
}
}
@media (min-width: 1600px) {
.xlg\:gap-56 {
gap: 3.5rem;
}
}
.gap-64 {
gap: 4rem;
}
@media (min-width: 768px) {
.sm\:gap-64 {
gap: 4rem;
}
}
@media (min-width: 1024px) {
.md\:gap-64 {
gap: 4rem;
}
}
@media (min-width: 1280px) {
.lg\:gap-64 {
gap: 4rem;
}
}
@media (min-width: 1600px) {
.xlg\:gap-64 {
gap: 4rem;
}
}
.gap-72 {
gap: 4.5rem;
}
@media (min-width: 768px) {
.sm\:gap-72 {
gap: 4.5rem;
}
}
@media (min-width: 1024px) {
.md\:gap-72 {
gap: 4.5rem;
}
}
@media (min-width: 1280px) {
.lg\:gap-72 {
gap: 4.5rem;
}
}
@media (min-width: 1600px) {
.xlg\:gap-72 {
gap: 4.5rem;
}
}
.gap-80 {
gap: 5rem;
}
@media (min-width: 768px) {
.sm\:gap-80 {
gap: 5rem;
}
}
@media (min-width: 1024px) {
.md\:gap-80 {
gap: 5rem;
}
}
@media (min-width: 1280px) {
.lg\:gap-80 {
gap: 5rem;
}
}
@media (min-width: 1600px) {
.xlg\:gap-80 {
gap: 5rem;
}
}
.gap-88 {
gap: 5.5rem;
}
@media (min-width: 768px) {
.sm\:gap-88 {
gap: 5.5rem;
}
}
@media (min-width: 1024px) {
.md\:gap-88 {
gap: 5.5rem;
}
}
@media (min-width: 1280px) {
.lg\:gap-88 {
gap: 5.5rem;
}
}
@media (min-width: 1600px) {
.xlg\:gap-88 {
gap: 5.5rem;
}
}
.gap-96 {
gap: 6rem;
}
@media (min-width: 768px) {
.sm\:gap-96 {
gap: 6rem;
}
}
@media (min-width: 1024px) {
.md\:gap-96 {
gap: 6rem;
}
}
@media (min-width: 1280px) {
.lg\:gap-96 {
gap: 6rem;
}
}
@media (min-width: 1600px) {
.xlg\:gap-96 {
gap: 6rem;
}
}
.gap-104 {
gap: 6.5rem;
}
@media (min-width: 768px) {
.sm\:gap-104 {
gap: 6.5rem;
}
}
@media (min-width: 1024px) {
.md\:gap-104 {
gap: 6.5rem;
}
}
@media (min-width: 1280px) {
.lg\:gap-104 {
gap: 6.5rem;
}
}
@media (min-width: 1600px) {
.xlg\:gap-104 {
gap: 6.5rem;
}
}
.gap-112 {
gap: 7rem;
}
@media (min-width: 768px) {
.sm\:gap-112 {
gap: 7rem;
}
}
@media (min-width: 1024px) {
.md\:gap-112 {
gap: 7rem;
}
}
@media (min-width: 1280px) {
.lg\:gap-112 {
gap: 7rem;
}
}
@media (min-width: 1600px) {
.xlg\:gap-112 {
gap: 7rem;
}
}
.gap-120 {
gap: 7.5rem;
}
@media (min-width: 768px) {
.sm\:gap-120 {
gap: 7.5rem;
}
}
@media (min-width: 1024px) {
.md\:gap-120 {
gap: 7.5rem;
}
}
@media (min-width: 1280px) {
.lg\:gap-120 {
gap: 7.5rem;
}
}
@media (min-width: 1600px) {
.xlg\:gap-120 {
gap: 7.5rem;
}
}
.gap-128 {
gap: 8rem;
}
@media (min-width: 768px) {
.sm\:gap-128 {
gap: 8rem;
}
}
@media (min-width: 1024px) {
.md\:gap-128 {
gap: 8rem;
}
}
@media (min-width: 1280px) {
.lg\:gap-128 {
gap: 8rem;
}
}
@media (min-width: 1600px) {
.xlg\:gap-128 {
gap: 8rem;
}
}
.gap-136 {
gap: 8.5rem;
}
@media (min-width: 768px) {
.sm\:gap-136 {
gap: 8.5rem;
}
}
@media (min-width: 1024px) {
.md\:gap-136 {
gap: 8.5rem;
}
}
@media (min-width: 1280px) {
.lg\:gap-136 {
gap: 8.5rem;
}
}
@media (min-width: 1600px) {
.xlg\:gap-136 {
gap: 8.5rem;
}
}
.gap-144 {
gap: 9rem;
}
@media (min-width: 768px) {
.sm\:gap-144 {
gap: 9rem;
}
}
@media (min-width: 1024px) {
.md\:gap-144 {
gap: 9rem;
}
}
@media (min-width: 1280px) {
.lg\:gap-144 {
gap: 9rem;
}
}
@media (min-width: 1600px) {
.xlg\:gap-144 {
gap: 9rem;
}
}
.gap-152 {
gap: 9.5rem;
}
@media (min-width: 768px) {
.sm\:gap-152 {
gap: 9.5rem;
}
}
@media (min-width: 1024px) {
.md\:gap-152 {
gap: 9.5rem;
}
}
@media (min-width: 1280px) {
.lg\:gap-152 {
gap: 9.5rem;
}
}
@media (min-width: 1600px) {
.xlg\:gap-152 {
gap: 9.5rem;
}
}
.gap-160 {
gap: 10rem;
}
@media (min-width: 768px) {
.sm\:gap-160 {
gap: 10rem;
}
}
@media (min-width: 1024px) {
.md\:gap-160 {
gap: 10rem;
}
}
@media (min-width: 1280px) {
.lg\:gap-160 {
gap: 10rem;
}
}
@media (min-width: 1600px) {
.xlg\:gap-160 {
gap: 10rem;
}
}
.grid-cols-1 {
grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 768px) {
.sm\:grid-cols-1 {
grid-template-columns: repeat(1, 1fr);
}
}
@media (min-width: 1024px) {
.md\:grid-cols-1 {
grid-template-columns: repeat(1, 1fr);
}
}
@media (min-width: 1280px) {
.lg\:grid-cols-1 {
grid-template-columns: repeat(1, 1fr);
}
}
@media (min-width: 1600px) {
.xlg\:grid-cols-1 {
grid-template-columns: repeat(1, 1fr);
}
}
.grid-cols-2 {
grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 768px) {
.sm\:grid-cols-2 {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1024px) {
.md\:grid-cols-2 {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1280px) {
.lg\:grid-cols-2 {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1600px) {
.xlg\:grid-cols-2 {
grid-template-columns: repeat(2, 1fr);
}
}
.grid-cols-3 {
grid-template-columns: repeat(3, 1fr);
}
@media (min-width: 768px) {
.sm\:grid-cols-3 {
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 1024px) {
.md\:grid-cols-3 {
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 1280px) {
.lg\:grid-cols-3 {
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 1600px) {
.xlg\:grid-cols-3 {
grid-template-columns: repeat(3, 1fr);
}
}
.grid-cols-4 {
grid-template-columns: repeat(4, 1fr);
}
@media (min-width: 768px) {
.sm\:grid-cols-4 {
grid-template-columns: repeat(4, 1fr);
}
}
@media (min-width: 1024px) {
.md\:grid-cols-4 {
grid-template-columns: repeat(4, 1fr);
}
}
@media (min-width: 1280px) {
.lg\:grid-cols-4 {
grid-template-columns: repeat(4, 1fr);
}
}
@media (min-width: 1600px) {
.xlg\:grid-cols-4 {
grid-template-columns: repeat(4, 1fr);
}
}
.grid-cols-5 {
grid-template-columns: repeat(5, 1fr);
}
@media (min-width: 768px) {
.sm\:grid-cols-5 {
grid-template-columns: repeat(5, 1fr);
}
}
@media (min-width: 1024px) {
.md\:grid-cols-5 {
grid-template-columns: repeat(5, 1fr);
}
}
@media (min-width: 1280px) {
.lg\:grid-cols-5 {
grid-template-columns: repeat(5, 1fr);
}
}
@media (min-width: 1600px) {
.xlg\:grid-cols-5 {
grid-template-columns: repeat(5, 1fr);
}
}
.grid-cols-6 {
grid-template-columns: repeat(6, 1fr);
}
@media (min-width: 768px) {
.sm\:grid-cols-6 {
grid-template-columns: repeat(6, 1fr);
}
}
@media (min-width: 1024px) {
.md\:grid-cols-6 {
grid-template-columns: repeat(6, 1fr);
}
}
@media (min-width: 1280px) {
.lg\:grid-cols-6 {
grid-template-columns: repeat(6, 1fr);
}
}
@media (min-width: 1600px) {
.xlg\:grid-cols-6 {
grid-template-columns: repeat(6, 1fr);
}
}
.grid-cols-7 {
grid-template-columns: repeat(7, 1fr);
}
@media (min-width: 768px) {
.sm\:grid-cols-7 {
grid-template-columns: repeat(7, 1fr);
}
}
@media (min-width: 1024px) {
.md\:grid-cols-7 {
grid-template-columns: repeat(7, 1fr);
}
}
@media (min-width: 1280px) {
.lg\:grid-cols-7 {
grid-template-columns: repeat(7, 1fr);
}
}
@media (min-width: 1600px) {
.xlg\:grid-cols-7 {
grid-template-columns: repeat(7, 1fr);
}
}
.grid-cols-8 {
grid-template-columns: repeat(8, 1fr);
}
@media (min-width: 768px) {
.sm\:grid-cols-8 {
grid-template-columns: repeat(8, 1fr);
}
}
@media (min-width: 1024px) {
.md\:grid-cols-8 {
grid-template-columns: repeat(8, 1fr);
}
}
@media (min-width: 1280px) {
.lg\:grid-cols-8 {
grid-template-columns: repeat(8, 1fr);
}
}
@media (min-width: 1600px) {
.xlg\:grid-cols-8 {
grid-template-columns: repeat(8, 1fr);
}
}
.grid-cols-9 {
grid-template-columns: repeat(9, 1fr);
}
@media (min-width: 768px) {
.sm\:grid-cols-9 {
grid-template-columns: repeat(9, 1fr);
}
}
@media (min-width: 1024px) {
.md\:grid-cols-9 {
grid-template-columns: repeat(9, 1fr);
}
}
@media (min-width: 1280px) {
.lg\:grid-cols-9 {
grid-template-columns: repeat(9, 1fr);
}
}
@media (min-width: 1600px) {
.xlg\:grid-cols-9 {
grid-template-columns: repeat(9, 1fr);
}
}
.grid-cols-10 {
grid-template-columns: repeat(10, 1fr);
}
@media (min-width: 768px) {
.sm\:grid-cols-10 {
grid-template-columns: repeat(10, 1fr);
}
}
@media (min-width: 1024px) {
.md\:grid-cols-10 {
grid-template-columns: repeat(10, 1fr);
}
}
@media (min-width: 1280px) {
.lg\:grid-cols-10 {
grid-template-columns: repeat(10, 1fr);
}
}
@media (min-width: 1600px) {
.xlg\:grid-cols-10 {
grid-template-columns: repeat(10, 1fr);
}
}
.grid-cols-11 {
grid-template-columns: repeat(11, 1fr);
}
@media (min-width: 768px) {
.sm\:grid-cols-11 {
grid-template-columns: repeat(11, 1fr);
}
}
@media (min-width: 1024px) {
.md\:grid-cols-11 {
grid-template-columns: repeat(11, 1fr);
}
}
@media (min-width: 1280px) {
.lg\:grid-cols-11 {
grid-template-columns: repeat(11, 1fr);
}
}
@media (min-width: 1600px) {
.xlg\:grid-cols-11 {
grid-template-columns: repeat(11, 1fr);
}
}
.grid-cols-12 {
grid-template-columns: repeat(12, 1fr);
}
@media (min-width: 768px) {
.sm\:grid-cols-12 {
grid-template-columns: repeat(12, 1fr);
}
}
@media (min-width: 1024px) {
.md\:grid-cols-12 {
grid-template-columns: repeat(12, 1fr);
}
}
@media (min-width: 1280px) {
.lg\:grid-cols-12 {
grid-template-columns: repeat(12, 1fr);
}
}
@media (min-width: 1600px) {
.xlg\:grid-cols-12 {
grid-template-columns: repeat(12, 1fr);
}
}
.grid-flow-row {
grid-auto-flow: row;
}
.grid-flow-col {
grid-auto-flow: column;
}
@media (min-width: 768px) {
.sm\:grid-flow-row {
grid-auto-flow: row;
}
.sm\:grid-flow-col {
grid-auto-flow: column;
}
}
@media (min-width: 1024px) {
.md\:grid-flow-row {
grid-auto-flow: row;
}
.md\:grid-flow-col {
grid-auto-flow: column;
}
}
@media (min-width: 1280px) {
.lg\:grid-flow-row {
grid-auto-flow: row;
}
.lg\:grid-flow-col {
grid-auto-flow: column;
}
}
@media (min-width: 1600px) {
.xlg\:grid-flow-row {
grid-auto-flow: row;
}
.xlg\:grid-flow-col {
grid-auto-flow: column;
}
}
.col-span-1 {
grid-column: span 1;
}
@media (min-width: 768px) {
.sm\:col-span-1 {
grid-column: span 1;
}
}
@media (min-width: 1024px) {
.md\:col-span-1 {
grid-column: span 1;
}
}
@media (min-width: 1280px) {
.lg\:col-span-1 {
grid-column: span 1;
}
}
@media (min-width: 1600px) {
.xlg\:col-span-1 {
grid-column: span 1;
}
}
.col-span-2 {
grid-column: span 2;
}
@media (min-width: 768px) {
.sm\:col-span-2 {
grid-column: span 2;
}
}
@media (min-width: 1024px) {
.md\:col-span-2 {
grid-column: span 2;
}
}
@media (min-width: 1280px) {
.lg\:col-span-2 {
grid-column: span 2;
}
}
@media (min-width: 1600px) {
.xlg\:col-span-2 {
grid-column: span 2;
}
}
.col-span-3 {
grid-column: span 3;
}
@media (min-width: 768px) {
.sm\:col-span-3 {
grid-column: span 3;
}
}
@media (min-width: 1024px) {
.md\:col-span-3 {
grid-column: span 3;
}
}
@media (min-width: 1280px) {
.lg\:col-span-3 {
grid-column: span 3;
}
}
@media (min-width: 1600px) {
.xlg\:col-span-3 {
grid-column: span 3;
}
}
.col-span-4 {
grid-column: span 4;
}
@media (min-width: 768px) {
.sm\:col-span-4 {
grid-column: span 4;
}
}
@media (min-width: 1024px) {
.md\:col-span-4 {
grid-column: span 4;
}
}
@media (min-width: 1280px) {
.lg\:col-span-4 {
grid-column: span 4;
}
}
@media (min-width: 1600px) {
.xlg\:col-span-4 {
grid-column: span 4;
}
}
.col-span-5 {
grid-column: span 5;
}
@media (min-width: 768px) {
.sm\:col-span-5 {
grid-column: span 5;
}
}
@media (min-width: 1024px) {
.md\:col-span-5 {
grid-column: span 5;
}
}
@media (min-width: 1280px) {
.lg\:col-span-5 {
grid-column: span 5;
}
}
@media (min-width: 1600px) {
.xlg\:col-span-5 {
grid-column: span 5;
}
}
.col-span-6 {
grid-column: span 6;
}
@media (min-width: 768px) {
.sm\:col-span-6 {
grid-column: span 6;
}
}
@media (min-width: 1024px) {
.md\:col-span-6 {
grid-column: span 6;
}
}
@media (min-width: 1280px) {
.lg\:col-span-6 {
grid-column: span 6;
}
}
@media (min-width: 1600px) {
.xlg\:col-span-6 {
grid-column: span 6;
}
}
.col-span-7 {
grid-column: span 7;
}
@media (min-width: 768px) {
.sm\:col-span-7 {
grid-column: span 7;
}
}
@media (min-width: 1024px) {
.md\:col-span-7 {
grid-column: span 7;
}
}
@media (min-width: 1280px) {
.lg\:col-span-7 {
grid-column: span 7;
}
}
@media (min-width: 1600px) {
.xlg\:col-span-7 {
grid-column: span 7;
}
}
.col-span-8 {
grid-column: span 8;
}
@media (min-width: 768px) {
.sm\:col-span-8 {
grid-column: span 8;
}
}
@media (min-width: 1024px) {
.md\:col-span-8 {
grid-column: span 8;
}
}
@media (min-width: 1280px) {
.lg\:col-span-8 {
grid-column: span 8;
}
}
@media (min-width: 1600px) {
.xlg\:col-span-8 {
grid-column: span 8;
}
}
.col-span-9 {
grid-column: span 9;
}
@media (min-width: 768px) {
.sm\:col-span-9 {
grid-column: span 9;
}
}
@media (min-width: 1024px) {
.md\:col-span-9 {
grid-column: span 9;
}
}
@media (min-width: 1280px) {
.lg\:col-span-9 {
grid-column: span 9;
}
}
@media (min-width: 1600px) {
.xlg\:col-span-9 {
grid-column: span 9;
}
}
.col-span-10 {
grid-column: span 10;
}
@media (min-width: 768px) {
.sm\:col-span-10 {
grid-column: span 10;
}
}
@media (min-width: 1024px) {
.md\:col-span-10 {
grid-column: span 10;
}
}
@media (min-width: 1280px) {
.lg\:col-span-10 {
grid-column: span 10;
}
}
@media (min-width: 1600px) {
.xlg\:col-span-10 {
grid-column: span 10;
}
}
.col-span-11 {
grid-column: span 11;
}
@media (min-width: 768px) {
.sm\:col-span-11 {
grid-column: span 11;
}
}
@media (min-width: 1024px) {
.md\:col-span-11 {
grid-column: span 11;
}
}
@media (min-width: 1280px) {
.lg\:col-span-11 {
grid-column: span 11;
}
}
@media (min-width: 1600px) {
.xlg\:col-span-11 {
grid-column: span 11;
}
}
.col-span-12 {
grid-column: span 12;
}
@media (min-width: 768px) {
.sm\:col-span-12 {
grid-column: span 12;
}
}
@media (min-width: 1024px) {
.md\:col-span-12 {
grid-column: span 12;
}
}
@media (min-width: 1280px) {
.lg\:col-span-12 {
grid-column: span 12;
}
}
@media (min-width: 1600px) {
.xlg\:col-span-12 {
grid-column: span 12;
}
}
.w-5 {
width: 5%;
}
.w-10 {
width: 10%;
}
.w-15 {
width: 15%;
}
.w-20 {
width: 20%;
}
.w-25 {
width: 25%;
}
.w-30 {
width: 30%;
}
.w-33 {
width: 33.33%;
}
.w-35 {
width: 35%;
}
.w-40 {
width: 40%;
}
.w-45 {
width: 45%;
}
.w-50 {
width: 50%;
}
.w-55 {
width: 55%;
}
.w-60 {
width: 60%;
}
.w-65 {
width: 65%;
}
.w-70 {
width: 70%;
}
.w-75 {
width: 75%;
}
.w-80 {
width: 80%;
}
.w-85 {
width: 85%;
}
.w-90 {
width: 90%;
}
.w-95 {
width: 95%;
}
.w-100 {
width: 100%;
}
@media (min-width: 768px) {
.sm-w-5 {
width: 5%;
}
.sm-w-10 {
width: 10%;
}
.sm-w-15 {
width: 15%;
}
.sm-w-20 {
width: 20%;
}
.sm-w-25 {
width: 25%;
}
.sm-w-30 {
width: 30%;
}
.sm-w-33 {
width: 33.33%;
}
.sm-w-35 {
width: 35%;
}
.sm-w-40 {
width: 40%;
}
.sm-w-45 {
width: 45%;
}
.sm-w-50 {
width: 50%;
}
.sm-w-55 {
width: 55%;
}
.sm-w-60 {
width: 60%;
}
.sm-w-65 {
width: 65%;
}
.sm-w-70 {
width: 70%;
}
.sm-w-75 {
width: 75%;
}
.sm-w-80 {
width: 80%;
}
.sm-w-85 {
width: 85%;
}
.sm-w-90 {
width: 90%;
}
.sm-w-95 {
width: 95%;
}
.sm-w-100 {
width: 100%;
}
}
@media (min-width: 1024px) {
.md-w-5 {
width: 5%;
}
.md-w-10 {
width: 10%;
}
.md-w-15 {
width: 15%;
}
.md-w-20 {
width: 20%;
}
.md-w-25 {
width: 25%;
}
.md-w-30 {
width: 30%;
}
.md-w-33 {
width: 33.33%;
}
.md-w-35 {
width: 35%;
}
.md-w-40 {
width: 40%;
}
.md-w-45 {
width: 45%;
}
.md-w-50 {
width: 50%;
}
.md-w-55 {
width: 55%;
}
.md-w-60 {
width: 60%;
}
.md-w-65 {
width: 65%;
}
.md-w-70 {
width: 70%;
}
.md-w-75 {
width: 75%;
}
.md-w-80 {
width: 80%;
}
.md-w-85 {
width: 85%;
}
.md-w-90 {
width: 90%;
}
.md-w-95 {
width: 95%;
}
.md-w-100 {
width: 100%;
}
}
@media (min-width: 1280px) {
.lg-w-5 {
width: 5%;
}
.lg-w-10 {
width: 10%;
}
.lg-w-15 {
width: 15%;
}
.lg-w-20 {
width: 20%;
}
.lg-w-25 {
width: 25%;
}
.lg-w-30 {
width: 30%;
}
.lg-w-33 {
width: 33.33%;
}
.lg-w-35 {
width: 35%;
}
.lg-w-40 {
width: 40%;
}
.lg-w-45 {
width: 45%;
}
.lg-w-50 {
width: 50%;
}
.lg-w-55 {
width: 55%;
}
.lg-w-60 {
width: 60%;
}
.lg-w-65 {
width: 65%;
}
.lg-w-70 {
width: 70%;
}
.lg-w-75 {
width: 75%;
}
.lg-w-80 {
width: 80%;
}
.lg-w-85 {
width: 85%;
}
.lg-w-90 {
width: 90%;
}
.lg-w-95 {
width: 95%;
}
.lg-w-100 {
width: 100%;
}
}
@media (min-width: 1600px) {
.xlg-w-5 {
width: 5%;
}
.xlg-w-10 {
width: 10%;
}
.xlg-w-15 {
width: 15%;
}
.xlg-w-20 {
width: 20%;
}
.xlg-w-25 {
width: 25%;
}
.xlg-w-30 {
width: 30%;
}
.xlg-w-33 {
width: 33.33%;
}
.xlg-w-35 {
width: 35%;
}
.xlg-w-40 {
width: 40%;
}
.xlg-w-45 {
width: 45%;
}
.xlg-w-50 {
width: 50%;
}
.xlg-w-55 {
width: 55%;
}
.xlg-w-60 {
width: 60%;
}
.xlg-w-65 {
width: 65%;
}
.xlg-w-70 {
width: 70%;
}
.xlg-w-75 {
width: 75%;
}
.xlg-w-80 {
width: 80%;
}
.xlg-w-85 {
width: 85%;
}
.xlg-w-90 {
width: 90%;
}
.xlg-w-95 {
width: 95%;
}
.xlg-w-100 {
width: 100%;
}
}
.hero-slogan {
height: calc(100vh - 77px);
display: flex;
flex-direction: center;
justify-content: center;
align-items: center;
text-align: center;
}
.hero-slogan svg {
width: 4.5rem;
margin: auto;
}
.hero-slogan svg circle {
fill: white;
}
.full-width-text-callout {
height: 100vh;
display: flex;
flex-direction: center;
justify-content: center;
align-items: center;
text-align: center;
}
.full-width-text-callout h2 {
font-size: clamp(2.25rem, 1.7046rem + 2.3273vw, 5.05rem);
}
.full-width-text-callout .content {
margin: auto;
}
@media (min-width: 1024px) {
.full-width-text-callout .content {
max-width: 100%;
}
}
.full-width-title h2 {
font-size: clamp(2.25rem, 1.7046rem + 2.3273vw, 5.05rem);
}
.full-width-title h3 {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "helvetica-neue-lt-pro", sans-serif !important;
}
.full-width-title .content {
margin: auto;
text-align: center;
}
@media (min-width: 1024px) {
.full-width-title .content {
max-width: 40%;
}
}
.service-listing .service-card {
text-decoration: none;
display: block;
cursor: pointer;
}
.service-listing .service-card .thumbnail {
position: relative;
overflow: hidden;
height: 18rem;
border-radius: 0.5rem;
}
@media (min-width: 1280px) {
.service-listing .service-card .thumbnail {
height: 27rem;
}
}
.service-listing .service-card .thumbnail img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: filter 0.3s ease;
display: block;
border-radius: 0.5rem;
}
.service-listing .service-card .thumbnail .cta-overlay {
position: absolute;
bottom: 1rem;
left: 50%;
transform: translateX(-50%);
width: 80%;
max-width: 800px;
background-color: rgba(0, 0, 0, 0.7);
color: #ffffff;
font-weight: 500;
padding: 0.5rem 1.5rem;
border-radius: 5rem;
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: none;
text-align: center;
white-space: normal;
box-sizing: border-box;
}
.service-listing .service-card .service-card:hover .thumbnail img {
filter: blur(4px);
}
.service-listing .service-card .service-card:hover .thumbnail .cta-overlay {
opacity: 1;
}
.service-listing .service-card { }
.service-listing .service-card:hover .thumbnail img {
filter: blur(4px);
}
.service-listing .service-card:hover .thumbnail .cta-overlay {
opacity: 1;
}
.service-listing h3 {
color: #000;
}
.service-listing p {
font-size: clamp(0.85rem, 0.74rem + 0.41vi, 1.225rem);
max-width: 85%;
color: #000;
}
.image-content p {
font-size: clamp(1.5rem, 1.3052rem + 0.8312vw, 2.5rem);
}
.image-content .img-wrap img {
border-radius: 0.5rem;
}
.team-member-slider .glide__arrows .cls-1 {
fill: none;
stroke: white;
}
.team-member-slider .team-slide-card .icon .cls-1,
.team-member-slider .team-slide-card .icon .cls-2 {
transition: fill 0.3s ease, stroke 0.3s ease;
}
.team-member-slider .team-slide-card {
cursor: pointer;
}
.team-member-slider .team-slide-card:hover .icon .cls-1 {
fill: none;
stroke: white;
}
.team-member-slider .team-slide-card:hover .icon .cls-2 {
fill: black;
stroke: white;
}
.team-member-slider .img-wrap {
position: relative;
height: 25rem;
overflow: hidden;
border-radius: 1rem;
}
.team-member-slider .img-wrap::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.4);
z-index: 1;
pointer-events: none;
}
.team-member-slider .img-wrap img {
border-radius: 0.5rem;
display: block;
}
.team-member-slider .img-wrap .title-overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 1.5rem 1rem;
background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
text-align: left;
color: #ffffff;
z-index: 2;
}
.team-member-slider .img-wrap .title-overlay h3 {
margin: 0;
font-weight: 300;
font-size: clamp(1.125rem, 1.0032rem + 0.5195vw, 1.75rem);
}
.team-member-slider .img-wrap .title-overlay .job-role {
margin: 0;
font-weight: 300;
font-size: clamp(0.85rem, 0.74rem + 0.41vi, 1.225rem);
}
.team-member-slider .img-wrap .title-overlay .cls-1 {
fill: white;
stroke: none;
transition: all 0.3s;
}
.team-member-slider .img-wrap .title-overlay .cls-2 {
fill: black;
stroke: black;
}
.team-member-slider .icon {
width: 3.25rem;
}
.team-member-slider .description {
font-size: clamp(0.85rem, 0.74rem + 0.41vi, 1.225rem);
font-weight: 300;
position: absolute;
top: 0;
left: 0;
right: 0;
padding: 1.5rem 1rem;
text-align: left;
color: #fff;
z-index: 2;
line-height: 1.2em;
display: none;
opacity: 0;
transition: opacity 0.3s ease;
}
.team-member-slider .description.is-visible {
display: block;
opacity: 1;
}
.full-width-title-cta .content {
text-align: center;
position: relative;
}
.full-width-title-cta .left,
.full-width-title-cta .right {
position: absolute;
}
.full-width-title-cta .left {
width: 175px;
left: -200px;
top: -70px;
-o-object-fit: unset;
object-fit: unset;
height: auto;
}
@media (max-width: 1280px) {
.full-width-title-cta .left {
width: 142px;
left: -162px;
top: -56px;
}
}
@media (max-width: 768px) {
.full-width-title-cta .left {
width: 70px;
left: -59px;
top: -50px;
}
}
.full-width-title-cta .right {
width: 210px;
right: -225px;
top: -100px;
-o-object-fit: unset;
object-fit: unset;
height: auto;
}
@media (max-width: 1280px) {
.full-width-title-cta .right {
width: 170px;
}
}
@media (max-width: 768px) {
.full-width-title-cta .right {
width: 80px;
right: -69px;
top: -59px;
}
}
.full-width-title-cta h2 {
line-height: 1;
position: relative;
max-width: -moz-fit-content;
max-width: fit-content;
margin: auto;
font-size: clamp(44px, 44px + 36 * (100vw - 768px) / 672, 80px);
}
.full-width-title-cta .paragraph {
max-width: 40%;
}
@media (max-width: 768px) {
.full-width-title-cta .paragraph {
max-width: 100%;
}
}
.full-width-title-cta .paragraph {
margin: auto;
margin-bottom: 3rem;
margin-top: 2rem;
}
.case-study-listing .case-study-card {
text-decoration: none;
display: block;
cursor: pointer;
}
.case-study-listing .case-study-card .thumbnail {
position: relative;
overflow: hidden;
height: 27rem;
border-radius: 0.5rem;
}
@media (min-width: 1280px) {
.case-study-listing .case-study-card .thumbnail {
height: 35rem;
}
}
.case-study-listing .case-study-card .thumbnail img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: filter 0.3s ease;
display: block;
border-radius: 0.5rem;
}
.case-study-listing .case-study-card .thumbnail .cta-overlay {
position: absolute;
bottom: 1rem;
left: 50%;
transform: translateX(-50%);
width: 80%;
max-width: 800px;
background-color: rgba(0, 0, 0, 0.7);
color: #fff;
font-weight: 500;
padding: 0.5rem 1.5rem;
border-radius: 5rem;
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: none;
text-align: center;
white-space: normal;
box-sizing: border-box;
}
.case-study-listing .case-study-card:hover .thumbnail img {
filter: blur(4px);
}
.case-study-listing .case-study-card:hover .thumbnail .cta-overlay {
opacity: 1;
}
.case-study-listing h3 {
color: #000;
}
.case-study-listing p {
font-size: clamp(0.85rem, 0.74rem + 0.41vi, 1.225rem);
max-width: 85%;
color: #000;
}
@media (max-width: 768px) {
.testimonials {
padding-bottom: 0;
}
}
.testimonials .swiper-slide {
aspect-ratio: 1.58/0.6;
}
@media (max-width: 768px) {
.testimonials .swiper-slide {
aspect-ratio: 1.58/0.9;
}
}
.testimonials .swiper-button-next::after,
.testimonials .swiper-button-prev::after {
display: none !important;
}
.testimonials .left-grid {
grid-column: 1/-1;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
order: 1;
}
@media (max-width: 768px) {
.testimonials .left-grid {
flex-direction: row;
}
}
.testimonials .left-grid .img-wrapper {
width: 60%;
margin-bottom: 3rem;
}
@media (max-width: 768px) {
.testimonials .left-grid .img-wrapper {
margin-bottom: 0rem !important;
width: 31%;
order: 2;
height: -moz-fit-content;
height: fit-content;
height: 7rem;
position: relative;
}
}
.testimonials .left-grid .img-wrapper img {
height: 100%;
width: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: left center;
object-position: left center;
}
@media (max-width: 768px) {
.testimonials .left-grid .img-wrapper img {
position: absolute;
top: -40%;
left: 0;
z-index: 6;
}
}
@media (min-width: 1024px) {
.testimonials .left-grid .img-wrapper {
display: block;
}
}
.testimonials .left-grid .swiper-buttons {
height: 100px;
width: auto;
flex-shrink: 0;
gap: 1rem;
width: 200px;
}
@media (max-width: 768px) {
.testimonials .left-grid .swiper-buttons {
justify-content: flex-start;
gap: 1rem;
padding: 0 0 0 2rem;
}
}
@media (min-width: 1024px) {
.testimonials .left-grid .swiper-buttons {
height: 20%;
width: 200px;
}
}
@media (min-width: 1024px) {
.testimonials .left-grid {
grid-column: 1/4;
order: unset;
}
}
.testimonials .testimonial-wrapper {
grid-column: 1/-1;
}
.testimonials .testimonial-wrapper h2 {
line-height: 85%; letter-spacing: -1.2px;
color: #faf8f4;
font-size: clamp(32px, 32px + 18 * (100vw - 768px) / 672, 50px);
font-family: "DIN Condensed", sans-serif !important;
font-weight: 600;
font-style: normal;
margin-bottom: 3rem;
letter-spacing: 0.75px;
}
@media (min-width: 1024px) {
.testimonials .testimonial-wrapper h2 {
margin-bottom: 3rem;
}
}
.testimonials .testimonial-wrapper .swiper-slide {
border-left: 1px #faf8f4 solid;
padding: 0 0 0 2rem;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
}
.testimonials .testimonial-wrapper .swiper-slide p {
text-wrap: balance;
line-height: normal;
letter-spacing: -0.52px;
color: #faf8f4;
font-size: clamp(15px, 15px + 3 * (100vw - 768px) / 672, 18px);
font-family: "IvyJournal", serif !important;
font-weight: 400;
font-style: normal;
}
.testimonials .testimonial-wrapper .swiper-slide .name-company {
line-height: 85%;
color: #c1d42f;
font-size: clamp(19px, 19px + 7 * (100vw - 768px) / 672, 26px);
font-family: "DIN Condensed", sans-serif !important;
font-weight: 600;
font-style: normal;
text-transform: uppercase;
letter-spacing: 0.75px;
}
@media (max-width: 768px) {
.testimonials .testimonial-wrapper .swiper-slide .name-company {
max-width: 50%;
line-height: 1.1;
}
}
@media (min-width: 1024px) {
.testimonials .testimonial-wrapper .swiper-slide {
padding: 0 0 0 4rem;
}
}
@media (min-width: 1024px) {
.testimonials .testimonial-wrapper {
grid-column: 4/13;
}
}
.testimonials .swiper-buttons {
display: flex;
gap: 1rem;
align-items: center;
position: relative;
}
@media (max-width: 768px) {
.testimonials .swiper-buttons {
justify-content: flex-end;
}
}
.testimonials .swiper-button-next,
.testimonials .swiper-button-prev {
position: static;
width: 55px;
height: 55px;
}
@media (max-width: 768px) {
.testimonials .swiper-button-next,
.testimonials .swiper-button-prev {
height: 42px;
width: 42px;
}
}
@media (min-width: 1600px) {
.testimonials .swiper-button-next,
.testimonials .swiper-button-prev {
width: 70px;
height: 70px;
}
}
.testimonials .swiper-button-next,
.testimonials .swiper-button-prev {
display: flex;
align-items: center;
justify-content: center;
margin: 0;
cursor: pointer;
}
.testimonials .swiper-button-next svg,
.testimonials .swiper-button-prev svg {
width: 100%;
height: 100%;
display: block;
}
.testimonials .swiper-button-next svg circle,
.testimonials .swiper-button-prev svg circle {
fill: transparent;
transition: fill 0.35s ease, stroke 0.35s ease;
}
.testimonials .swiper-button-next svg path,
.testimonials .swiper-button-prev svg path {
fill: none;
transition: stroke 0.35s ease;
}
.testimonials .swiper-button-next:hover svg circle,
.testimonials .swiper-button-prev:hover svg circle {
fill: #c1d42f;
stroke: #2d2d35;
}
.testimonials .swiper-button-next:hover svg path,
.testimonials .swiper-button-prev:hover svg path {
stroke: #2d2d35;
}
.testimonials .swiper-button-next::after,
.testimonials .swiper-button-prev::after {
display: none;
}
.contact-callout .contact-email a {
position: relative;
text-decoration: none;
font-size: clamp(1.125rem, 1.0032rem + 0.5195vw, 1.75rem);
color: #000;
}
@media (min-width: 1280px) {
.contact-callout .contact-email a {
font-size: clamp(2.25rem, 1.7046rem + 2.3273vw, 5.05rem);
}
}
.contact-callout .contact-email a::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 3px;
width: 100%;
background-color: currentColor;
transform: scaleX(1);
transform-origin: left;
transition: transform 0.3s ease;
}
.contact-callout .contact-email a:hover::after {
transform: scaleX(0);
transform-origin: right;
}
.hero-intro-text {
height: calc(100vh - 77px);
}
@media (min-width: 1024px) {
.hero-intro-text {
height: calc(85vh - 77px);
}
.hero-intro-text p {
max-width: 60%;
margin: auto;
}
}
.hero-intro-text {
display: flex;
flex-direction: center;
justify-content: center;
align-items: center;
text-align: center;
}
.hero-intro-text svg {
width: 2.5rem;
margin: auto;
fill: white;
}
.client-ticker .marquee-track {
display: flex;
width: -moz-max-content;
width: max-content;
will-change: transform;
}
.client-ticker .marquee-container {
display: flex;
overflow: hidden;
width: 100vw;
white-space: nowrap;
}
.client-ticker .marquee-content {
display: flex;
max-height: 500px;
gap: 2rem;
width: -moz-max-content;
width: max-content;
margin-right: 2rem;
align-items: flex-start;
justify-content: center;
align-items: center;
}
@media (min-width: 1024px) {
.client-ticker .marquee-content {
gap: 5rem;
margin-right: 5rem;
}
}
.client-ticker .marquee-item {
flex: 0 0 auto;
width: 200px;
overflow: hidden;
}
@media (min-width: 1024px) {
.client-ticker .marquee-item {
width: 200px;
}
}
.client-ticker .marquee-item img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
border-radius: 10px;
}
.featured-post h2 {
font-size: clamp(1.125rem, 1.0032rem + 0.5195vw, 1.75rem);
}
.featured-post h3 {
font-size: clamp(2.25rem, 1.7046rem + 2.3273vw, 5.05rem);
}
.featured-post .thumbnail {
height: 17rem;
}
.featured-post .thumbnail img {
border-radius: 0.5rem;
}
@media (min-width: 1280px) {
.featured-post .thumbnail {
height: 25rem;
}
}
@media (min-width: 1600px) {
.featured-post .thumbnail {
height: 43rem;
}
}
.featured-post .featured-post-link {
display: block;
text-decoration: none;
color: inherit;
}
.featured-post .featured-post-link a {
pointer-events: auto; }
.case-study-overview .case-study-card {
text-decoration: none;
display: block;
cursor: pointer;
}
.case-study-overview .case-study-card .thumbnail {
position: relative;
overflow: hidden;
height: 17rem;
border-radius: 0.5rem;
}
@media (min-width: 1280px) {
.case-study-overview .case-study-card .thumbnail {
height: 25rem;
}
}
@media (min-width: 1600px) {
.case-study-overview .case-study-card .thumbnail {
height: 43rem;
}
}
.case-study-overview .case-study-card .thumbnail img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: filter 0.3s ease;
display: block;
border-radius: 0.5rem;
}
.case-study-overview .case-study-card .thumbnail .cta-overlay {
position: absolute;
bottom: 1rem;
left: 50%;
transform: translateX(-50%);
width: 80%;
max-width: 800px;
background-color: rgba(0, 0, 0, 0.7);
color: #fff;
font-weight: 500;
padding: 0.5rem 1.5rem;
border-radius: 5rem;
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: none;
text-align: center;
white-space: normal;
box-sizing: border-box;
}
.case-study-overview .case-study-card:hover .thumbnail img {
filter: blur(4px);
}
.case-study-overview .case-study-card:hover .thumbnail .cta-overlay {
opacity: 1;
}
.case-study-overview h3 {
color: #000;
}
.case-study-overview p {
font-size: clamp(0.85rem, 0.74rem + 0.41vi, 1.225rem);
max-width: 85%;
color: #000;
}
@media (min-width: 1024px) {
.article-content .wrap {
padding-left: clamp(9rem, 6.3rem + 11.52vw, 24.3rem);
padding-right: clamp(9rem, 6.3rem + 11.52vw, 24.3rem);
}
}
@media (min-width: 1600px) {
.article-content .wrap {
padding-left: clamp(13.5rem, 9.45rem + 17.28vw, 36.45rem);
padding-right: clamp(13.5rem, 9.45rem + 17.28vw, 36.45rem);
}
}
.image-column-two .img-wrap {
height: 15rem;
}
.image-column-two .img-wrap img {
border-radius: 0.5rem;
}
@media (min-width: 768px) {
.image-column-two .img-wrap {
height: 30rem;
}
}
@media (min-width: 1600px) {
.image-column-two .img-wrap {
height: 40rem;
}
}
.full-width-image .img-wrap img {
border-radius: 0.5rem;
}
.full-width-image .img-wrap {
height: 15rem;
}
@media (min-width: 768px) {
.full-width-image .img-wrap {
height: 38rem;
}
}
@media (min-width: 1600px) {
.full-width-image .img-wrap {
height: 55rem;
}
}
.related-articles .related-card {
text-decoration: none;
display: block;
cursor: pointer;
}
.related-articles .related-card .thumbnail {
position: relative;
overflow: hidden;
height: 15rem;
border-radius: 0.5rem;
}
@media (min-width: 1280px) {
.related-articles .related-card .thumbnail {
height: 25rem;
}
}
.related-articles .related-card .thumbnail img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: filter 0.3s ease;
display: block;
border-radius: 0.5rem;
}
.related-articles .related-card .thumbnail .cta-overlay {
position: absolute;
bottom: 1rem;
left: 50%;
transform: translateX(-50%);
width: 80%;
max-width: 800px;
background-color: rgba(0, 0, 0, 0.7);
color: #fff;
font-weight: 500;
padding: 0.5rem 1.5rem;
border-radius: 5rem;
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: none;
text-align: center;
white-space: normal;
box-sizing: border-box;
}
.related-articles .related-card:hover .thumbnail img {
filter: blur(4px);
}
.related-articles .related-card:hover .thumbnail .cta-overlay {
opacity: 1;
}
.related-articles h3 {
color: #000;
}
.related-articles p {
font-size: clamp(0.85rem, 0.74rem + 0.41vi, 1.225rem);
max-width: 85%;
color: #000;
}
.hover-gallery .wrap {
align-items: flex-start;
}
@media (max-width: 1024px) {
.hover-gallery .arrow-title {
margin-bottom: 2rem;
}
}
.hover-gallery .charity-title {
font-size: clamp(20px, 2.0833333333vw, 40px);
}
.hover-gallery .arrow-title {
grid-column: 1/-1;
}
.hover-gallery .dividing-line {
grid-column: 1/8;
}
@media (min-width: 1024px) {
.hover-gallery .dividing-line {
grid-column: 1/-1;
}
}
.hover-gallery .content {
grid-column: 1/8;
}
.hover-gallery .content .p1 {
margin-bottom: 1rem;
}
.hover-gallery .content h2,
.hover-gallery .content h3 {
margin-bottom: 2rem;
}
.hover-gallery .content h3:not(:first-child) {
margin-bottom: 2rem;
}
.hover-gallery .gallery-wrap {
grid-column: 1/-1;
padding-block: 14rem;
}
.hover-gallery .interactive-section {
display: flex;
flex-direction: column;
gap: 2rem;
margin-top: 3rem;
position: relative;
}
.hover-gallery .titles {
display: flex;
flex-direction: column;
gap: 2rem;
}
.hover-gallery .title {
cursor: pointer;
color: rgba(170, 170, 170, 0.3803921569);
transition: color 0.3s;
font-size: clamp(20px, 2.0833333333vw, 40px);
}
.hover-gallery .description-wrap {
text-align: left;
}
.hover-gallery .description p {
color: rgba(170, 170, 170, 0.3803921569);
transition: color 0.3s;
max-width: 24ch;
}
.hover-gallery { }
.hover-gallery .gallery-row.active .title {
color: black;
}
.hover-gallery .gallery-row.active .description p {
color: grey;
}
.hover-gallery .title.full-width {
grid-column: 1/-1;
}
.hover-gallery .content-wrapper {
display: flex;
flex-direction: column;
}
.hover-gallery .gallery-row {
display: flex;
justify-content: space-between;
gap: 2rem;
align-items: center;
position: relative;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
cursor: pointer;
padding-block: 3rem;
transition: color 0.3s;
}
.hover-gallery .gallery-row.active {
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
}
.hover-gallery .gallery-row .image {
display: none;
}
.hover-gallery .description {
padding-left: 2rem;
}
.hover-gallery { }
.hover-gallery .shared-image {
width: 500px;
height: 450px;
position: absolute;
left: 53%;
transform: translateX(-50%) translateY(0);
transition: transform 0.4s ease;
z-index: 9999;
pointer-events: none;
}
.hover-gallery .shared-image img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 0.5rem;
transition: opacity 0.3s ease-in-out;
}
.hover-gallery .gallery-wrap-mobile {
padding-left: clamp(32px, 3.3333333333vw, 64px);
position: relative;
margin-top: 2rem;
}
.hover-gallery .gallery-wrap-mobile .title {
color: black;
margin-top: 2rem;
}
.hover-gallery .gallery-wrap-mobile .description p {
color: gray;
}
.hover-gallery .gallery-wrap-mobile .description {
padding-left: 0rem;
}
.hover-gallery .gallery-wrap-mobile .gallery-image {
width: 100%;
height: 300px;
border-radius: 0.5rem;
}
.hover-gallery .gallery-wrap-mobile .gallery-image img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 0.5rem;
}
.hover-gallery .gallery-wrap-mobile .swiper-buttons {
display: flex;
margin-top: 5rem;
}
.hover-gallery .gallery-wrap-mobile .swiper-button-prev,
.hover-gallery .gallery-wrap-mobile .swiper-button-next {
width: auto;
transition: all 0.3s ease-in-out;
position: relative;
}
.hover-gallery .gallery-wrap-mobile .swiper-button-next {
right: var(--swiper-navigation-sides-offset, -11px);
}
.hover-gallery .gallery-wrap-mobile .swiper-button-prev {
left: var(--swiper-navigation-sides-offset, 0px);
}
.hover-gallery .gallery-wrap-mobile .swiper-button-prev:after,
.hover-gallery .gallery-wrap-mobile .swiper-button-next:after {
content: "";
display: block;
width: 50px;
height: 50px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
@media only screen and (max-width: 1200px) {
.gallery-wrap {
display: none;
}
}
@media only screen and (min-width: 1200px) {
.gallery-wrap-mobile {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
.hover-gallery .gallery-wrap-mobile .gallery-image {
height: 500px;
}
}
.service-overview .content {
order: -1;
}
.service-overview .content img {
border-radius: 0.5rem;
}
@media (min-width: 768px) {
.service-overview .content {
order: 2;
}
}
.service-overview h2 {
font-size: clamp(1rem, 0.861rem + 0.487vi, 1.44rem);
}
.service-overview h3 {
font-size: clamp(2.25rem, 1.7046rem + 2.3273vw, 5.05rem);
}
.title-and-content h2 {
font-size: clamp(1rem, 0.861rem + 0.487vi, 1.44rem);
}
.title-and-content h3 {
font-size: clamp(2.25rem, 1.7046rem + 2.3273vw, 5.05rem);
}
.title-and-content .secondary {
font-size: clamp(0.85rem, 0.74rem + 0.41vi, 1.225rem);
}
.title-and-content-grid .grid-item {
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
padding-bottom: 3rem;
}
@media (min-width: 1024px) {
.title-and-content-grid .grid-item {
max-width: 80%;
}
}
.news-overview { }
.news-overview .inner-wrap {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 1rem 1.5rem;
border-bottom: solid 1px #d7d7d7;
grid-auto-flow: row;
}
.news-overview .inner-wrap .card {
grid-column: 1/-1;
text-decoration: none;
}
.news-overview .inner-wrap .card:hover .thumb-wrap::after {
transform: translateY(0);
opacity: 1;
}
.news-overview .inner-wrap .card .thumb-wrap img {
transition: all 0.3s ease-in-out;
}
.news-overview .inner-wrap .card:hover .thumb-wrap img {
transform: scale(1.06);
}
@media (min-width: 1024px) {
.news-overview .inner-wrap .card {
grid-column: span 4;
}
}
.news-overview .inner-wrap .first-card-link {
display: contents;
text-decoration: none;
color: inherit;
}
.news-overview .inner-wrap .first-card-link:hover .thumb-wrap::after {
transform: translateY(0);
opacity: 1;
}
.news-overview .inner-wrap .first-card-link .thumb-wrap img {
transition: all 0.3s ease-in-out;
}
.news-overview .inner-wrap .first-card-link:hover .thumb-wrap img {
transform: scale(1.06);
}
.news-overview .inner-wrap .thumb-wrap {
aspect-ratio: 131/87;
position: relative;
overflow: hidden;
border-radius: 12px;
}
.news-overview .inner-wrap .thumb-wrap::after {
content: "View";
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding-block: 1rem;
text-align: center;
background-color: #c1d42f;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
color: #2d2d35;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
line-height: 100%;
transform: translateY(110%);
opacity: 0;
transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease;
pointer-events: none;
z-index: 2;
background-color: #c1d42f;
color: #2d2d35;
}
.news-overview .inner-wrap .thumb-wrap img {
transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
border-radius: 12px;
}
.news-overview .inner-wrap .content {
margin-bottom: 2rem;
padding-top: 1rem;
}
.news-overview .inner-wrap .content p:first-child {
line-height: 140%;
font-family: "Area Normal", sans-serif !important;
font-weight: 300;
font-style: normal;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
color: #2d2d35;
}
.news-overview .inner-wrap .content h2 {
line-height: 115%;
color: #2d2d35;
font-family: "IvyJournal", serif !important;
font-weight: 600;
font-style: normal;
font-size: clamp(17px, 17px + 5 * (100vw - 768px) / 672, 22px);
text-transform: none;
}
@media (min-width: 1024px) {
.news-overview .inner-wrap .content {
margin-bottom: 3rem;
}
}
@media (min-width: 1024px) {
.news-overview .inner-wrap {
gap: 2rem 1.5rem;
}
}
.news-overview { }
.news-overview .inner-wrap.first-page-grid { }
.news-overview .inner-wrap.first-page-grid::after {
content: "";
grid-column: 8/span 5;
grid-row: 3;
}
.news-overview .inner-wrap.first-page-grid .first-card-link .first-image {
grid-column: 1/-1;
grid-row: 1/span 2;
}
@media (min-width: 1024px) {
.news-overview .inner-wrap.first-page-grid .first-card-link .first-image {
grid-column: 1/span 7;
}
}
.news-overview .inner-wrap.first-page-grid .first-card-link .first-content {
grid-column: 1/-1;
grid-row: 3;
margin-bottom: 2rem;
padding-top: 0rem;
}
@media (min-width: 1024px) {
.news-overview .inner-wrap.first-page-grid .first-card-link .first-content {
grid-row: 3;
grid-column: 1/span 7;
margin-bottom: 3.5rem;
margin-bottom: 0rem;
padding-top: 0;
}
}
.news-overview .inner-wrap.first-page-grid .card[data-index="2"],
.news-overview .inner-wrap.first-page-grid .card[data-index="3"] {
grid-column: 1/-1;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
row-gap: 0;
}
.news-overview .inner-wrap.first-page-grid .card[data-index="2"] .thumb-wrap,
.news-overview .inner-wrap.first-page-grid .card[data-index="3"] .thumb-wrap {
grid-column: span 2;
grid-row: span 2;
}
@media (min-width: 1024px) {
.news-overview .inner-wrap.first-page-grid .card[data-index="2"] .thumb-wrap,
.news-overview .inner-wrap.first-page-grid .card[data-index="3"] .thumb-wrap {
width: 100%;
height: 100%;
aspect-ratio: 1/1;
}
}
.news-overview .inner-wrap.first-page-grid .card[data-index="2"] .content,
.news-overview .inner-wrap.first-page-grid .card[data-index="3"] .content {
grid-column: span 3;
grid-row: span 3;
padding-top: 1rem;
margin-bottom: 2rem;
}
@media (min-width: 1024px) {
.news-overview .inner-wrap.first-page-grid .card[data-index="2"] .content,
.news-overview .inner-wrap.first-page-grid .card[data-index="3"] .content {
margin-bottom: 2rem;
padding-top: 0;
margin-bottom: 0;
}
}
@media (min-width: 1024px) {
.news-overview .inner-wrap.first-page-grid .card[data-index="2"],
.news-overview .inner-wrap.first-page-grid .card[data-index="3"] {
grid-column: 8/span 5;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(2, 1fr);
-moz-column-gap: 16px;
column-gap: 16px;
}
}
.news-overview .inner-wrap.first-page-grid .card[data-index="2"] {
grid-row: 5;
}
@media (min-width: 1024px) {
.news-overview .inner-wrap.first-page-grid .card[data-index="2"] {
grid-row: 1;
}
}
.news-overview .inner-wrap.first-page-grid .card[data-index="3"] {
grid-row: 4;
}
@media (min-width: 1024px) {
.news-overview .inner-wrap.first-page-grid .card[data-index="3"] {
grid-row: 2;
}
}
.news-overview { }
.news-overview .inner-wrap.regular-grid .card,
.news-overview .inner-wrap.regular-grid .first-card-link {
grid-column: 1/-1;
}
@media (min-width: 1024px) {
.news-overview .inner-wrap.regular-grid .card,
.news-overview .inner-wrap.regular-grid .first-card-link {
grid-column: span 4;
}
}
.news-overview { }
.news-overview .pagination-wrap {
padding: 2rem 0;
}
.news-overview .pagination-wrap .page-numbers {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
list-style: none;
padding: 0;
text-decoration: none;
color: #2d2d35;
font-family: "Area Normal", sans-serif !important;
font-weight: 400;
font-style: normal;
font-size: clamp(15px, 15px + 3 * (100vw - 768px) / 672, 18px);
text-align: center;
}
.news-overview .pagination-wrap .page-numbers li {
margin: 0;
list-style: none;
}
.news-overview .pagination-wrap .page-numbers a,
.news-overview .pagination-wrap .page-numbers span {
display: flex;
align-items: center;
justify-content: center;
}
.news-overview .pagination-wrap .page-numbers svg {
overflow: visible;
}
.news-overview .pagination-wrap .page-numbers svg circle {
fill: #faf8f4;
stroke: #2d2d35;
transition: fill 0.35s ease, stroke 0.35s ease;
opacity: 1;
}
.news-overview .pagination-wrap .page-numbers svg path {
stroke: #2d2d35;
}
.news-overview .pagination-wrap .page-numbers svg:hover circle {
fill: #c1d42f;
fill-opacity: 1;
}
.news-overview .pagination-wrap .page-numbers svg:hover path {
stroke: #2d2d35;
}
.news-overview .pagination-wrap .page-numbers .disabled {
pointer-events: none;
}
.news-overview .pagination-wrap .page-numbers .disabled svg {
opacity: 0.4;
}
.news-overview .pagination-wrap .page-numbers.current {
border-bottom: solid 1px #c1d42f;
}
.contact-form h3 {
font-size: clamp(1rem, 0.861rem + 0.487vi, 1.44rem);
}
.homepage-hero.pad-top-small {
padding-top: clamp(2rem, 4vw, 6rem);
}
.homepage-hero h1 {
display: none;
}
.homepage-hero {
overflow: hidden;
}
.homepage-hero .toggle-wrap {
z-index: 1;
position: relative;
}
@media (max-width: 1024px) {
.homepage-hero .toggle-wrap {
max-width: 325px;
align-items: center;
display: flex;
width: 100%;
}
}
.homepage-hero .toggle-btn {
background: none;
border: none;
cursor: pointer;
padding: 0;
font-size: 100px;
}
@media (max-width: 1024px) {
.homepage-hero .toggle-btn {
font-size: 60px;
}
}
@media (max-width: 768px) {
.homepage-hero .toggle-btn {
font-size: 66px;
}
}
.homepage-hero .toggle-btn {
font-family: "DIN Condensed", sans-serif !important;
font-weight: normal;
font-style: normal;
position: relative;
transition: opacity 0.25s ease;
line-height: 1.2;
}
.homepage-hero .toggle-btn::before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0.175em;
height: 12px;
}
@media (max-width: 1600px) {
.homepage-hero .toggle-btn::before {
height: 8px;
}
}
@media (max-width: 1280px) {
.homepage-hero .toggle-btn::before {
height: 6px;
}
}
.homepage-hero .toggle-btn::before {
background: rgba(255, 255, 255, 0.2);
}
.homepage-hero .toggle-btn::after {
content: "";
position: absolute;
left: 0;
bottom: 0.175em;
height: 12px;
}
@media (max-width: 1600px) {
.homepage-hero .toggle-btn::after {
height: 8px;
}
}
@media (max-width: 1280px) {
.homepage-hero .toggle-btn::after {
height: 6px;
}
}
.homepage-hero .toggle-btn::after {
width: 100%;
background: var(--toggle-color, #ffffff);
transform: scaleX(0);
transform-origin: left center;
transition: transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);
}
.homepage-hero .toggle-btn.is-active::after {
transform: scaleX(1);
}
.homepage-hero .toggle-btn[data-toggle=buy] {
--toggle-color: #c1d42f;
background: linear-gradient(to top, #c1d42f 50%, #faf8f4 50%);
background-size: 100% 200%;
background-position: 0 0;
-webkit-background-clip: text;
background-clip: text;
color: transparent;
transition: background-position 0.6s ease;
}
.homepage-hero .toggle-btn[data-toggle=buy]:hover, .homepage-hero .toggle-btn[data-toggle=buy]:focus-visible, .homepage-hero .toggle-btn[data-toggle=buy].is-active {
background-position: 0 100%;
}
.homepage-hero .toggle-btn[data-toggle=rent] {
--toggle-color: #ff8d28;
background: linear-gradient(to top, #ff8d28 50%, #faf8f4 50%);
background-size: 100% 200%;
background-position: 0 0;
-webkit-background-clip: text;
background-clip: text;
color: transparent;
transition: background-position 0.6s ease;
}
.homepage-hero .toggle-btn[data-toggle=rent]:hover, .homepage-hero .toggle-btn[data-toggle=rent]:focus-visible, .homepage-hero .toggle-btn[data-toggle=rent].is-active {
background-position: 0 100%;
}
.homepage-hero .toggle-btn[data-toggle=sell] {
--toggle-color: #ff2e69;
background: linear-gradient(to top, #ff2e69 50%, #faf8f4 50%);
background-size: 100% 200%;
background-position: 0 0;
-webkit-background-clip: text;
background-clip: text;
color: transparent;
transition: background-position 0.6s ease;
}
.homepage-hero .toggle-btn[data-toggle=sell]:hover, .homepage-hero .toggle-btn[data-toggle=sell]:focus-visible, .homepage-hero .toggle-btn[data-toggle=sell].is-active {
background-position: 0 100%;
}
.homepage-hero .toggle-panel {
margin-top: 1rem;
}
.homepage-hero .hero-search {
z-index: 1;
position: relative;
margin-top: 0.5rem;
display: flex;
margin: auto;
justify-content: center;
max-width: 500px;
}
@media (max-width: 1024px) {
.homepage-hero .hero-search {
max-width: 325px;
}
}
.homepage-hero .hero-search__form {
display: flex;
align-items: center;
width: 450px;
max-width: 450px;
}
@media (min-width: 1024px) {
.homepage-hero .hero-search__form {
width: 600px;
max-width: 600px;
}
}
.homepage-hero .hero-search__form {
margin: 0rem auto 0;
border-radius: 10px;
overflow: hidden;
background: transparent;
transition: background 0.3s ease, border-color 0.3s ease;
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
--accent: #c1d42f;
border: 1px solid var(--accent);
}
.homepage-hero .hero-search__form.orange {
--accent: #ff8d28;
}
.homepage-hero .hero-search__form.pink {
--accent: #ff2e69;
}
.homepage-hero .hero-search__form:focus-within {
background: #57575c;
}
.homepage-hero .hero-search__submit svg path,
.homepage-hero .hero-search__submit svg circle,
.homepage-hero .hero-search__submit svg line,
.homepage-hero .hero-search__submit svg polyline {
stroke: var(--accent) !important;
}
.homepage-hero .hero-search__field {
flex: 1;
}
.homepage-hero .hero-search__field input {
width: 100%;
padding: 1rem 0.75rem;
background: transparent;
border: none;
outline: none;
color: #ffffff;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
font-weight: 300;
}
.homepage-hero .hero-search__field input::-moz-placeholder {
color: #ffffff;
}
.homepage-hero .hero-search__field input::placeholder {
color: #ffffff;
}
.homepage-hero .hero-search__submit {
background: transparent;
border: none;
padding: 0 0.5rem;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: transform 0.3s ease, opacity 0.3s ease;
}
.homepage-hero .hero-search__submit:hover {
transform: scale(1.08);
opacity: 0.8;
}
.homepage-hero .hero-search__submit svg {
display: block;
}
.homepage-hero .additional-buttons {
display: flex;
gap: 0.75rem;
}
@media (max-width: 768px) {
.homepage-hero .additional-buttons {
display: none !important;
}
}
.homepage-hero .additional-buttons .cta-button {
white-space: nowrap;
}
.homepage-hero .additional-buttons {
overflow: auto; scrollbar-width: none; -ms-overflow-style: none;
}
@media (max-width: 767px) {
.homepage-hero .additional-buttons {
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
}
.homepage-hero .additional-buttons .cta-button {
flex: 0 0 auto;
}
}
@media (min-width: 768px) {
.homepage-hero .additional-buttons {
flex-wrap: wrap;
overflow: visible;
}
}
.homepage-hero .additional-buttons::-webkit-scrollbar {
display: none;
}
.homepage-hero .additional-buttons {
display: flex;
justify-content: center;
margin: 1rem auto;
gap: 1rem;
z-index: 1;
position: relative;
}
.homepage-hero .additional-buttons span {
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
font-weight: 300;
}
@media (max-width: 768px) {
.homepage-hero .additional-buttons {
gap: 1rem;
overflow-x: auto;
overflow-y: hidden;
width: calc(100% + 2rem);
margin-left: -1rem;
margin-right: -1rem;
padding-left: 1rem;
padding-right: 1rem;
}
}
.homepage-hero .latest {
display: flex;
justify-content: center;
align-items: center;
gap: 0.25rem;
margin-top: 5rem;
flex-direction: column;
color: #ffffff;
font-family: "Area Normal", sans-serif !important;
font-weight: 300;
font-style: normal;
font-size: clamp(15px, 15px + 3 * (100vw - 768px) / 672, 18px);
}
.homepage-hero .latest select {
color: #ffffff;
font-family: "Area Normal", sans-serif !important;
font-weight: 300;
font-style: normal;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
background-color: transparent;
border: 1px solid rgba(255, 255, 255, 0.5019607843);
padding: 0 24px 0 0;
cursor: pointer;
border-radius: 10px;
margin-top: 1rem;
padding: 8px 32px 8px 14px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpolyline points='1,1 6,6 11,1' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 8px center;
background-size: 12px 8px;
}
@media (min-width: 1280px) {
.homepage-hero .latest {
margin-top: 6rem;
}
}
@media (min-width: 1600px) {
.homepage-hero .latest {
margin-top: 8.5rem;
}
}
@media (max-width: 768px) {
.homepage-hero .latest {
margin-top: 2.5rem;
}
}
@media (min-height: 1100px) {
.homepage-hero .latest {
margin-top: 13rem;
}
}
.homepage-hero .latest {
z-index: 1;
position: relative;
}
.homepage-hero .latest p,
.homepage-hero .latest a {
font-weight: 300;
}
.homepage-hero .latest a {
transition: all 0.3s;
}
.homepage-hero .latest.buy a:hover {
color: #c1d42f;
}
.homepage-hero .latest.rent a:hover {
color: #ff8d28;
}
.homepage-hero .latest.sell a:hover {
color: #ff2e69;
}
.homepage-hero .property-listing {
z-index: 0;
}
.homepage-hero .property-listing.is-ready {
pointer-events: auto;
transition: opacity 0.5s ease, transform 0.5s ease;
}
.homepage-hero .property-listing .ribbon {
position: absolute;
width: 100%;
}
@media (max-width: 768px) {
.homepage-hero .property-listing .ribbon {
width: 200vw;
top: 12px;
transform: rotate(180deg) !important;
}
}
@media (min-width: 1024px) {
.homepage-hero .property-listing .ribbon {
top: -123px;
}
}
@media (min-width: 1600px) {
.homepage-hero .property-listing .ribbon {
top: -173px;
}
}
@media (min-width: 1747px) {
.homepage-hero .property-listing .ribbon {
top: -209px;
}
}
@media (min-width: 2150px) {
.homepage-hero .property-listing .ribbon {
top: -290px;
}
}
@media (min-width: 2700px) {
.homepage-hero .property-listing .ribbon {
top: -350px;
}
}
@media (min-width: 3000px) {
.homepage-hero .property-listing .ribbon {
top: -400px;
}
}
.homepage-hero .property-listing .ribbon {
height: auto;
display: block;
}
.homepage-hero .property-listing {
margin-top: 2.5rem;
}
@media (max-width: 768px) {
.homepage-hero .property-listing {
margin-top: 1.5rem;
}
}
.homepage-hero .property-listing {
position: relative;
overflow: visible;
width: 100vw;
margin-left: 50%;
transform: translateX(-50%);
}
@media (max-width: 768px) {
.homepage-hero .property-listing {
background: linear-gradient(to bottom, #2d2d35 0 42%, #faf8f4 25% 100%);
}
}
.homepage-hero .property-listing {
padding-bottom: 6rem;
}
@media (min-width: 1600px) {
.homepage-hero .property-listing {
padding-bottom: 11rem;
}
}
@media (max-height: 1000px) {
.homepage-hero .property-listing {
padding-bottom: 0rem;
}
}
.homepage-hero .property-listing {
background: linear-gradient(to bottom, #2d2d35 0 25%, #faf8f4 25% 100%);
}
.homepage-hero .property-listing .mega-cards-empty {
text-align: center;
color: #ffffff;
font-family: "Area Normal", sans-serif !important;
font-weight: 300;
font-style: normal;
font-size: clamp(15px, 15px + 3 * (100vw - 768px) / 672, 18px);
margin-bottom: 2rem;
}
.homepage-hero .property-listing .mega-cards-empty a {
color: #ffffff;
font-family: "Area Normal", sans-serif !important;
font-weight: 300;
font-style: normal;
font-size: clamp(15px, 15px + 3 * (100vw - 768px) / 672, 18px);
transition: all 0.4s ease-in-out;
}
.homepage-hero .property-listing .mega-cards-empty a:hover {
color: #c1d42f;
}
@media (min-width: 1280px) {
.homepage-hero .property-listing {
background: linear-gradient(to bottom, #2d2d35 0 25%, #faf8f4 25% 100%);
}
}
@media (min-width: 1500px) {
.homepage-hero .property-listing {
background: linear-gradient(to bottom, #2d2d35 0 25%, #faf8f4 25% 100%);
}
}
@media (min-width: 2150px) {
.homepage-hero .property-listing {
background: linear-gradient(to bottom, #2d2d35 0 28%, #faf8f4 28% 100%);
}
}
@media (min-width: 2500px) {
.homepage-hero .property-listing {
background: linear-gradient(to bottom, #2d2d35 0 33%, #faf8f4 33% 100%);
}
}
@media (min-width: 3000px) {
.homepage-hero .property-listing {
top: -400px;
}
}
.homepage-hero .property-swiper {
opacity: 0;
visibility: hidden;
transition: opacity 0.25s ease;
}
.homepage-hero .property-swiper.swiper-initialized {
opacity: 1;
visibility: visible;
}
.homepage-hero .property-swiper {
margin-top: 0.5rem; width: 100%;
overflow: hidden;  min-height: clamp(260px, 28vw, 420px);   transition: opacity 0.2s ease; }
.homepage-hero .property-swiper .swiper-wrapper {
align-items: stretch;
}
.homepage-hero .property-swiper .swiper-slide {
height: auto; }
.homepage-hero .property-swiper .swiper-button-prev::after,
.homepage-hero .property-swiper .swiper-button-next::after {
display: none;
}
.homepage-hero .property-swiper .swiper-button-prev,
.homepage-hero .property-swiper .swiper-button-next {
width: auto;
height: auto;
}
@media (max-width: 768px) {
.homepage-hero .property-swiper .swiper-button-prev,
.homepage-hero .property-swiper .swiper-button-next {
display: none;
}
}
.homepage-hero .property-swiper .swiper-button-prev svg,
.homepage-hero .property-swiper .swiper-button-next svg {
display: block;
width: 60px;
}
@media (max-width: 768px) {
.homepage-hero .property-swiper .swiper-button-prev svg,
.homepage-hero .property-swiper .swiper-button-next svg {
width: 50px;
}
}
.homepage-hero .property-swiper .swiper-wrapper {
align-items: stretch;
}
.homepage-hero .property-swiper .swiper-slide {
height: auto;
}
.homepage-hero .property-swiper .mega-card {
display: block;
text-decoration: none;
color: #ffffff;
}
.homepage-hero .property-swiper .mega-card__media {
aspect-ratio: 278.1475/225.8557;
overflow: hidden;
position: relative;
border-radius: 12px;
--parallax-y: 0px;
--parallax-scale: 1.06;
}
.homepage-hero .property-swiper .mega-card__media.rent::after {
background-color: #ff8d28;
}
.homepage-hero .property-swiper .mega-card__media.sell::after {
background-color: #ff2e69;
color: #ffffff;
}
.homepage-hero .property-swiper .mega-card__media .mega-card__tag {
position: absolute;
z-index: 1;
left: 0.5rem;
border-radius: 100px;
top: 0.5rem;
padding: 0.45rem 1.15rem;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
}
.homepage-hero .property-swiper .mega-card__media .mega-card__tag.sell {
background-color: #ff2e69;
}
.homepage-hero .property-swiper .mega-card__media img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
display: block;
transition: transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);
will-change: transform;
transform: translate3d(0, var(--parallax-y), 0) scale(1.06);
}
@media (prefers-reduced-motion: reduce) {
.homepage-hero .property-swiper .mega-card__media img {
transform: scale(1);
}
}
.homepage-hero .property-swiper .mega-card__media::after {
content: "View";
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding-block: 1rem;
text-align: center;
background-color: #c1d42f;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
color: #2d2d35;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
line-height: 100%;
transform: translateY(110%);
opacity: 0;
transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease;
pointer-events: none;
z-index: 2;
}
.homepage-hero .property-swiper .mega-card:hover .mega-card__media img,
.homepage-hero .property-swiper .mega-card:focus-visible .mega-card__media img {
transform: scale(1.06);
}
.homepage-hero .property-swiper .mega-card:hover .mega-card__media::after,
.homepage-hero .property-swiper .mega-card:focus-visible .mega-card__media::after {
transform: translateY(0);
opacity: 1;
}
.homepage-hero .property-swiper .mega-card__body {
margin-top: 1.15rem;
}
.homepage-hero .property-swiper .mega-card__price {
font-family: "IvyJournal", serif !important;
font-weight: normal;
font-style: normal;
font-size: clamp(17px, 17px + 5 * (100vw - 768px) / 672, 22px);
font-weight: 600;
}
.homepage-hero .property-swiper .mega-card__title,
.homepage-hero .property-swiper .mega-card__beds {
font-weight: 300;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
}
.homepage-hero .property-swiper .swiper-button-prev,
.homepage-hero .property-swiper .swiper-button-next {
transition: transform 0.25s ease;
top: 35%;
}
@media (max-width: 768px) {
.homepage-hero .property-swiper .swiper-button-prev,
.homepage-hero .property-swiper .swiper-button-next {
top: 45%;
}
}
@media (min-width: 2400px) {
.homepage-hero .property-swiper .swiper-button-prev,
.homepage-hero .property-swiper .swiper-button-next {
top: 43%;
}
}
.homepage-hero .property-swiper .swiper-button-prev,
.homepage-hero .property-swiper .swiper-button-next {
transform: translateY(-50%);
}
.homepage-hero .property-swiper .swiper-button-prev svg circle,
.homepage-hero .property-swiper .swiper-button-next svg circle {
transition: fill 0.25s ease, fill-opacity 0.25s ease;
}
.homepage-hero .property-swiper .swiper-button-prev svg path,
.homepage-hero .property-swiper .swiper-button-next svg path {
transition: stroke 0.25s ease;
}
.homepage-hero .property-swiper .swiper-button-prev.buy:hover svg circle,
.homepage-hero .property-swiper .swiper-button-next.buy:hover svg circle {
fill: #c1d42f;
fill-opacity: 1;
}
.homepage-hero .property-swiper .swiper-button-prev.buy:hover svg path,
.homepage-hero .property-swiper .swiper-button-next.buy:hover svg path {
stroke: #2d2d35;
}
.homepage-hero .property-swiper .swiper-button-prev.rent:hover,
.homepage-hero .property-swiper .swiper-button-next.rent:hover {
transform: scale(1.06);
}
.homepage-hero .property-swiper .swiper-button-prev.rent:hover svg circle,
.homepage-hero .property-swiper .swiper-button-next.rent:hover svg circle {
fill: #ff8d28;
fill-opacity: 1;
}
.homepage-hero .property-swiper .swiper-button-prev.rent:hover svg path,
.homepage-hero .property-swiper .swiper-button-next.rent:hover svg path {
stroke: #2d2d35;
}
.homepage-hero .property-swiper .swiper-button-prev.sell:hover,
.homepage-hero .property-swiper .swiper-button-next.sell:hover {
transform: scale(1.06);
}
.homepage-hero .property-swiper .swiper-button-prev.sell:hover svg circle,
.homepage-hero .property-swiper .swiper-button-next.sell:hover svg circle {
fill: #ff2e69;
fill-opacity: 1;
}
.homepage-hero .property-swiper .swiper-button-prev.sell:hover svg path,
.homepage-hero .property-swiper .swiper-button-next.sell:hover svg path {
stroke: #ffffff;
}
.homepage-hero .property-swiper .property-swiper__pagination {
margin-top: 1rem;
}
.homepage-hero .mega-cards-grid {
margin-top: 0.5rem;
}
.homepage-hero .mega-cards-grid .mega-card {
display: block;
text-decoration: none;
color: #ffffff;
}
.homepage-hero .mega-cards-grid .mega-card__media {
aspect-ratio: 278.1475/225.8557;
overflow: hidden;
width: 100%;
position: relative;
border-radius: 12px;
background: rgba(255, 255, 255, 0.04);
}
.homepage-hero .mega-cards-grid .mega-card__media img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
display: block;
opacity: 0;
transition: opacity 0.25s ease, transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}
.homepage-hero .mega-cards-grid .mega-card__media img.is-loaded {
opacity: 1;
}
.homepage-hero .mega-cards-grid .mega-card__media img {
transform: scale(1);
will-change: transform;
}
.homepage-hero .mega-cards-grid .mega-card__media::after {
content: "View";
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding-block: 0.5rem;
text-align: center;
background-color: #c1d42f;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
color: #2d2d35;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
line-height: 100%;
transform: translateY(110%);
opacity: 0;
transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease;
pointer-events: none;
z-index: 2;
}
.homepage-hero .mega-cards-grid .mega-card:hover .mega-card__media img,
.homepage-hero .mega-cards-grid .mega-card:focus-visible .mega-card__media img {
transform: scale(1.06);
}
.homepage-hero .mega-cards-grid .mega-card:hover .mega-card__media::after,
.homepage-hero .mega-cards-grid .mega-card:focus-visible .mega-card__media::after {
transform: translateY(0);
opacity: 1;
}
.homepage-hero .mega-cards-grid .mega-card__body {
margin-top: 1.15rem;
}
.homepage-hero .mega-cards-grid .mega-card__price {
font-family: "IvyJournal", serif !important;
font-weight: normal;
font-style: normal;
font-size: clamp(17px, 17px + 5 * (100vw - 768px) / 672, 22px);
}
.homepage-hero .mega-cards-grid .mega-card__title,
.homepage-hero .mega-cards-grid .mega-card__beds {
font-weight: 300;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
}
.homepage-hero.is-loading .ph-loading-overlay {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.homepage-hero .ph-loading-overlay {
position: fixed;
inset: 0;
z-index: 9999;
display: grid;
place-items: center;
background: rgba(0, 0, 0, 0.25);
backdrop-filter: blur(2px);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 160ms ease, visibility 160ms ease;
}
.homepage-hero .ph-loading-spinner {
width: 54px;
height: 54px;
border-radius: 50%;
border: 2px solid #c1d42f;
border-top-color: rgba(255, 255, 255, 0.9);
animation: phSpin 700ms linear infinite;
}
@keyframes phSpin {
to {
transform: rotate(360deg);
}
}
@media (max-width: 1024px) {
.homepage-hero .wrap {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
}
.card-slider {
overflow: hidden;
}
.card-slider .wrap {
max-width: 100rem;
}
.card-slider .swiper {
overflow: visible;
position: relative;
}
.card-slider .swiper-wrapper {
align-items: stretch;
}
.card-slider .swiper-slide {
box-sizing: border-box;
height: auto;
aspect-ratio: unset;
padding: 0;
}
.card-slider .swiper-slide .card {
position: relative;
box-sizing: border-box;
padding: 3rem;
border-radius: 12px;
min-height: clamp(360px, 55vh, 370px);
}
@media (max-width: 768px) {
.card-slider .swiper-slide .card {
margin-top: 3rem;
padding: 2rem;
}
}
@media (max-width: 1280px) {
.card-slider .swiper-slide .card {
min-height: clamp(360px, 75vh, 370px);
}
}
@media (min-width: 1600px) {
.card-slider .swiper-slide .card {
min-height: clamp(360px, 75vh, 435px);
}
}
.card-slider .swiper-slide .card {
height: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
}
.card-slider .swiper-slide .card .content {
width: 100%;
height: 100%;
flex: 1;
min-width: 0;
justify-content: flex-start;
gap: 1rem;
}
.card-slider .swiper-slide .card .content h4 {
line-height: 85%;
text-transform: uppercase;
font-size: clamp(32px, 32px + 18 * (100vw - 768px) / 672, 50px);
font-family: "DIN Condensed", sans-serif !important;
font-weight: 700;
font-style: normal;
color: #2d2d35;
text-wrap: unset;
}
.card-slider .swiper-slide .card .content p {
text-wrap: balance;
line-height: normal;
text-transform: initial;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
font-family: "Area Normal", sans-serif !important;
font-weight: 400;
font-style: normal;
color: #38383f;
}
@media (min-width: 1024px) {
.card-slider .swiper-slide .card .content {
width: 50%;
justify-content: space-between;
}
}
.card-slider .swiper-slide .card img {
position: absolute;
right: 2rem;
bottom: 2rem;
width: auto;
height: auto;
max-height: 15rem;
}
@media (max-width: 768px) {
.card-slider .swiper-slide .card img {
max-width: 36% !important;
}
}
.card-slider .swiper-slide .card img {
max-width: 50%;
}
@media (min-width: 1280px) {
.card-slider .swiper-slide .card img {
height: auto;
max-width: 175px;
max-height: none;
}
}
@media (min-width: 1600px) {
.card-slider .swiper-slide .card img {
height: auto;
max-width: 250px;
max-height: none;
}
}
@media (min-width: 1024px) {
.card-slider .swiper-slide .card {
padding: 3rem;
}
}
.card-slider .swiper {
padding-left: 0;
margin-left: 0;
min-height: 450px;
}
.card-slider .swiper-wrapper {
margin-left: 0;
}
.card-slider { }
.card-slider .swiper-button-next::after,
.card-slider .swiper-button-prev::after {
content: none !important;
}
.card-slider { }
.card-slider .swiper-button-next,
.card-slider .swiper-button-prev {
width: 75px;
height: 75px;
display: flex;
align-items: center;
justify-content: center; top: 50%;
transform: translateY(-50%);
}
.card-slider .arrow-mobile {
display: none !important;
}
@media (max-width: 768px) {
.card-slider .arrow-desktop {
display: none !important;
}
.card-slider .arrow-mobile {
display: block !important;
}
.card-slider .swiper-nav {
position: absolute;
left: 32px;
right: 32px;
bottom: 0px;
z-index: 10;
gap: 1rem;
display: flex;
align-items: center;
pointer-events: none;
}
.card-slider .swiper-button-prev,
.card-slider .swiper-button-next {
position: static;
width: 45px;
height: 45px;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
pointer-events: auto;
}
}
.card-slider { }
.card-slider .swiper-button-next svg,
.card-slider .swiper-button-prev svg {
width: 100%;
height: 100%;
display: block;
pointer-events: none;
}
.card-slider .swiper-button-next svg,
.card-slider .swiper-button-prev svg {
transition: transform 0.2s ease;
}
.card-slider .swiper-button-next circle,
.card-slider .swiper-button-next path,
.card-slider .swiper-button-prev circle,
.card-slider .swiper-button-prev path {
transition: fill 0.25s ease, stroke 0.25s ease;
opacity: 1;
}
.card-slider .swiper-button-next:hover circle,
.card-slider .swiper-button-prev:hover circle {
fill: #c1d42f;
fill-opacity: 1;
}
.card-slider .swiper-button-next:hover path,
.card-slider .swiper-button-prev:hover path {
stroke: #2d2d35;
}
.card-slider .swiper {
overflow: visible;
padding: 0 60px; }
@media (max-width: 768px) {
.card-slider .swiper {
padding: 0;
}
}
.card-slider .swiper {
box-sizing: border-box;
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease;
}
.card-slider .swiper.swiper-initialized {
opacity: 1;
visibility: visible;
}
.card-slider .swiper-button-next:after {
content: "";
background-image: url(//ashtons.devbyfuture.co.uk/wp-content/themes/ashtons/assets/images/svg/next-white.svg);
}
.card-slider .swiper-button-prev:after {
content: "";
background-image: url(//ashtons.devbyfuture.co.uk/wp-content/themes/ashtons/assets/images/svg/prev-white.svg);
}
@media (min-width: 1024px) {
.card-slider .swiper-button-next:after {
content: "";
background-image: url(//ashtons.devbyfuture.co.uk/wp-content/themes/ashtons/assets/images/svg/next-grey.svg);
}
.card-slider .swiper-button-prev:after {
content: "";
background-image: url(//ashtons.devbyfuture.co.uk/wp-content/themes/ashtons/assets/images/svg/prev-grey.svg);
}
}
.card-slider .arrow-mobile {
display: none;
}
.card-slider .arrow-desktop {
display: block;
}
@media (max-width: 768px) {
.card-slider .arrow-desktop {
display: none !important;
}
.card-slider .arrow-mobile {
display: block;
}
}
.card-slider .button-wrap {
margin-top: -2rem;
position: relative;
z-index: 10;
}
@media (max-width: 768px) {
.card-slider .button-wrap {
margin-top: 3rem;
}
}
@media (min-width: 1600px) {
.card-slider .button-wrap {
margin-top: 3rem;
}
}
.enquiry-form {
overflow: hidden; }
.enquiry-form .ginput_container_consent {
display: flex;
align-items: center;
gap: 12px;
}
.enquiry-form { }
.enquiry-form .consent-submit {
margin-left: auto;
display: flex;
}
.enquiry-form { }
.enquiry-form .gform-footer {
margin: 0;
padding: 0;
margin-top: 50px;
}
.enquiry-form .gform_confirmation_message {
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
}
.enquiry-form .gform-footer::before,
.enquiry-form .gform-footer::after {
display: none;
}
@media (min-width: 768px) {
.enquiry-form .gfield--type-consent {
position: absolute;
bottom: 1rem;
}
}
@supports (-webkit-touch-callout: none) {
.enquiry-form .ginput_container_consent input[type=checkbox] {
transform: scale(0.6);
transform-origin: center center;
margin-top: 0.2em;
}
}
.enquiry-form .ginput_container_consent input[type=checkbox] {
width: 18px !important;
height: 18px !important;
}
.enquiry-form { }
@media (max-width: 768px) {
.enquiry-form #gform_1 #field_1_8 .ginput_container_consent {
flex-direction: row;
align-items: center;
}
.enquiry-form #gform_1 #field_1_8 .consent-submit {
margin-left: 0;
width: 100%;
}
.enquiry-form #gform_1 #field_1_8 .consent-submit .custom-submit-button {
width: 100%;
justify-content: center;
}
}
.enquiry-form .wrap {
position: relative;
overflow: visible;
}
.enquiry-form .wrap .img-wrap {
position: absolute;
inset: 0;
z-index: 2;
pointer-events: none;
will-change: transform;
}
.enquiry-form .wrap .background-img {
position: absolute;
z-index: 2;
border-radius: 12px;
display: none;
}
.enquiry-form .wrap .background-img.one {
width: 268px;
height: 268px;
top: 50%;
left: 5%;
transform: translate(-10%, -50%) rotate(6deg);
}
.enquiry-form .wrap .background-img.two {
width: 248px;
height: 248px;
top: 42%;
right: 0;
transform: translate(-60%, -30%) rotate(-6deg);
z-index: 3;
}
.enquiry-form .wrap .background-img.three {
width: 252px;
height: 252px;
bottom: 0;
right: 0;
transform: translate(-30%, 20%) rotate(14deg);
}
@media (min-width: 1024px) {
.enquiry-form .wrap .background-img {
display: block;
}
}
.enquiry-form .wrap .background-svg {
position: absolute;
inset: 50% auto auto 54%;
transform: translate(-50%, -50%) scaleX(0.95) scaleY(0.8);
width: 100vw;
max-width: none;
z-index: 1;
pointer-events: none;
}
@media (min-width: 1600px) {
.enquiry-form .wrap .background-svg {
height: auto;
}
}
.enquiry-form .wrap h2 {
line-height: 85%;
color: #2d2d35;
font-size: clamp(32px, 32px + 18 * (100vw - 768px) / 672, 50px);
font-family: "DIN Condensed", sans-serif !important;
font-weight: 700;
font-style: normal;
text-wrap: balance;
margin-bottom: 2rem;
width: 100%;
}
@media (max-width: 768px) {
.enquiry-form .wrap h2 {
width: 60%;
}
}
@media (min-width: 1024px) {
.enquiry-form .wrap h2 {
width: 50%;
}
}
.enquiry-form .form-wrapper {
grid-column: 1/-1;
z-index: 4;
background: white;
padding: 3rem;
position: relative;
border-radius: 12px;
}
@media (max-width: 768px) {
.enquiry-form .form-wrapper {
padding: 2rem 1rem;
}
}
.enquiry-form .form-wrapper > svg {
position: absolute;
top: -10px;
right: 0;
width: 200px;
height: auto;
left: unset;
}
@media (max-width: 768px) {
.enquiry-form .form-wrapper > svg {
top: -44px;
width: 150px;
}
}
@media (min-width: 1024px) {
.enquiry-form .form-wrapper > svg {
width: 242px;
}
}
.enquiry-form .form-wrapper .gform_wrapper.gravity-theme input[type=text] {
padding: 10px !important;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
}
.enquiry-form .form-wrapper .gform_title {
display: none;
}
.enquiry-form .form-wrapper .cta-button {
margin-top: -14px;
}
.enquiry-form .form-wrapper .ginput_container {
display: flex;
align-items: center;
gap: 0.5rem;
}
.enquiry-form .form-wrapper .gfield_select {
border-radius: 5px;
border: 1px solid #d7d7d7;
background-color: #faf8f4;
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
padding: 10px;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
font-weight: 300;
}
.enquiry-form .form-wrapper .gfield_select::-moz-placeholder {
color: #2d2d35;
font-family: "Area Normal", sans-serif !important;
font-weight: 300;
font-style: normal;
font-size: clamp(15px, 15px + 3 * (100vw - 768px) / 672, 18px);
}
.enquiry-form .form-wrapper .gfield_select::placeholder {
color: #2d2d35;
font-family: "Area Normal", sans-serif !important;
font-weight: 300;
font-style: normal;
font-size: clamp(15px, 15px + 3 * (100vw - 768px) / 672, 18px);
}
.enquiry-form .form-wrapper .gfield_select:required:invalid {
color: #2d2d35;
font-family: "Area Normal", sans-serif !important;
font-weight: 300;
font-style: normal;
}
.enquiry-form .form-wrapper textarea {
min-height: 125px;
}
.enquiry-form .form-wrapper form {
position: relative;
}
.enquiry-form .form-wrapper form input,
.enquiry-form .form-wrapper form textarea {
border-radius: 5px;
border: 1px solid #d7d7d7;
background-color: #faf8f4;
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
line-height: 1;
padding: 16px;
}
.enquiry-form .form-wrapper form input::-moz-placeholder, .enquiry-form .form-wrapper form textarea::-moz-placeholder {
line-height: normal;
color: #2d2d35;
font-family: "Area Normal", sans-serif !important;
font-weight: 300;
font-style: normal;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
}
.enquiry-form .form-wrapper form input::placeholder,
.enquiry-form .form-wrapper form textarea::placeholder {
line-height: normal;
color: #2d2d35;
font-family: "Area Normal", sans-serif !important;
font-weight: 300;
font-style: normal;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
}
.enquiry-form .form-wrapper form label {
color: #2d2d35;
font-family: "Area Normal", sans-serif !important;
font-weight: 400;
font-style: normal;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
margin-top: 4px;
}
.enquiry-form .form-wrapper form .gfield--type-consent {
width: 100%;
text-wrap: balance;
}
@media (min-width: 1024px) {
.enquiry-form .form-wrapper form .gfield--type-consent {
width: 70%;
}
}
.enquiry-form .form-wrapper form .gfield_select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
padding-right: 3rem;
background-image: url("data:image/svg+xml;utf8,<svg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'><circle cx='13' cy='13' r='13' fill='%23D9D9D9'/><path d='M18.2644 10.7583L13.0391 15.5166L7.81371 10.7583' stroke='%232D2D35'/></svg>");
background-repeat: no-repeat;
background-position: right 0.75rem center;
background-size: 26px 26px;
}
@media (max-width: 768px) {
.enquiry-form .form-wrapper form .gfield_select {
background-size: 17px 17px;
color: #2d2d35;
line-height: 2;
min-height: 32px;
}
}
.enquiry-form .form-wrapper form .gform-footer {
margin-top: 2rem;
padding: 0;
}
@media (min-width: 1024px) {
.enquiry-form .form-wrapper form .gform-footer {
justify-content: flex-end;
margin: 0;
padding: 0;
margin-top: 50px;
}
}
.enquiry-form .form-wrapper .gform_wrapper.gravity-theme .gfield {
margin-bottom: 0 !important;
}
@media (min-width: 1024px) {
.enquiry-form .form-wrapper {
grid-column: 4/10;
}
}
@media (max-width: 1024px) {
.enquiry-form {
padding-bottom: 0;
}
}
.team-callout {
overflow: visible;
}
@media (max-width: 768px) {
.team-callout {
padding-top: 4rem;
}
}
.team-callout .wrap {
position: relative;
overflow: visible;
}
.team-callout .wrap svg.desktop {
position: absolute;
top: 42%;
left: 43%;
transform: translate(-50%, -50%);
width: 82vw;
max-width: none;
height: auto;
z-index: 1;
pointer-events: none;
display: none;
}
@media (min-width: 1024px) {
.team-callout .wrap svg.desktop {
display: flex;
}
}
.team-callout .wrap svg.mobile {
position: absolute;
display: block;
top: 60%;
left: 45%;
transform: translate(-50%, -50%);
width: 100vw;
max-width: none;
height: auto;
z-index: 1;
pointer-events: none;
}
@media (min-width: 1024px) {
.team-callout .wrap svg.mobile {
display: none;
}
}
.team-callout .wrap .inner-wrap {
position: relative;
min-height: unset;
}
.team-callout .wrap .inner-wrap .left {
position: relative;
z-index: 2;
grid-column: 1/-1;
}
.team-callout .wrap .inner-wrap .left h2 {
line-height: 85%;
letter-spacing: 0;
color: #2d2d35;
font-family: "DIN Condensed", sans-serif !important;
font-weight: 700;
font-style: normal;
font-size: clamp(44px, 44px + 36 * (100vw - 768px) / 672, 80px);
margin-bottom: 1.5rem;
}
@media (min-width: 1024px) {
.team-callout .wrap .inner-wrap .left h2 {
margin-bottom: 3rem;
width: 75%;
}
}
.team-callout .wrap .inner-wrap .left p {
line-height: normal;
color: #38383f;
font-size: clamp(15px, 15px + 3 * (100vw - 768px) / 672, 18px);
font-family: "Area Normal", sans-serif !important;
font-weight: 400;
font-style: normal;
margin-bottom: 2rem;
}
@media (min-width: 1024px) {
.team-callout .wrap .inner-wrap .left p {
margin-bottom: 3.5rem;
width: 75%;
}
}
@media (min-width: 1024px) {
.team-callout .wrap .inner-wrap .left {
grid-column: 1/4;
}
}
.team-callout .wrap .inner-wrap .right {
grid-column: 1/-1;
position: relative;
aspect-ratio: 16/9;
}
@media (max-width: 768px) {
.team-callout .wrap .inner-wrap .right {
margin-top: 3rem;
}
}
.team-callout .wrap .inner-wrap .right img {
position: relative;
border-radius: 12px;
}
.team-callout .wrap .inner-wrap .right .img-group {
position: relative;
display: block;
width: 100%;
height: 100%;
z-index: 5;
will-change: transform;
}
@media (min-width: 1024px) {
.team-callout .wrap .inner-wrap .right {
grid-column: 4/-1;
aspect-ratio: unset;
padding: 2rem 0;
min-height: clamp(200px, 26vw, 420px);
}
}
@media (min-width: 1024px) {
.team-callout .wrap .inner-wrap .right .img-group {
height: 100%;
min-height: clamp(200px, 26vw, 420px);
}
}
.team-callout .wrap .inner-wrap .right .img-wrapper {
position: absolute;
aspect-ratio: 1/1;
z-index: 2;
}
.team-callout .wrap .inner-wrap .right .img-wrapper .name-wrapper {
position: absolute;
transform: translate(-50%, 0px);
left: 25%;
top: -20%;
z-index: 4;
}
.team-callout .wrap .inner-wrap .right .img-wrapper .name-wrapper .inner-wrap {
display: flex;
flex-direction: column;
position: relative;
min-height: -moz-fit-content;
min-height: fit-content;
}
.team-callout .wrap .inner-wrap .right .img-wrapper .name-wrapper .inner-wrap p {
position: absolute;
color: #2d2d35;
font-family: "segoe-script", sans-serif !important;
font-size: 15px;
}
@media (min-width: 1024px) {
.team-callout .wrap .inner-wrap .right .img-wrapper .name-wrapper .inner-wrap p {
font-size: 18px;
}
}
.team-callout .wrap .inner-wrap .right .img-wrapper .name-wrapper .inner-wrap svg {
position: relative;
position: relative;
top: 0;
left: 0;
transform: unset;
}
.team-callout .wrap .inner-wrap .right .img-wrapper.img-wrapper-1 {
width: clamp(144px, 14.4vw, 233.243px);
top: 40%;
left: 20%;
transform: translate(-50%, -50%) rotate(-7.497deg);
display: none;
}
.team-callout .wrap .inner-wrap .right .img-wrapper.img-wrapper-1 .name-wrapper {
transform: translate(-50%, 0px);
left: 25%;
top: -20%;
}
.team-callout .wrap .inner-wrap .right .img-wrapper.img-wrapper-1 .name-wrapper .inner-wrap p {
top: 0;
left: -72%;
transform: translate(0%, -100%) rotate(7.497deg);
}
.team-callout .wrap .inner-wrap .right .img-wrapper.img-wrapper-1 .name-wrapper .inner-wrap .line-1 {
width: 54.882px;
height: 60.32px;
}
@media (min-width: 1024px) {
.team-callout .wrap .inner-wrap .right .img-wrapper.img-wrapper-1 {
display: block;
}
}
.team-callout .wrap .inner-wrap .right .img-wrapper.img-wrapper-2 {
width: clamp(112.774px, 14.4vw, 211.867px);
top: 65%;
left: 20%;
transform: translate(-50%, -50%) rotate(9.131deg);
z-index: 3;
}
.team-callout .wrap .inner-wrap .right .img-wrapper.img-wrapper-2 .name-wrapper {
transform: translate(-50%, 0px);
left: 75%;
top: -20%;
}
.team-callout .wrap .inner-wrap .right .img-wrapper.img-wrapper-2 .name-wrapper .inner-wrap p {
top: 0px;
left: -30%;
transform: translate(0%, -100%) rotate(-9.131deg);
}
@media (min-width: 1024px) {
.team-callout .wrap .inner-wrap .right .img-wrapper.img-wrapper-2 .name-wrapper .inner-wrap p {
top: 180%;
}
}
.team-callout .wrap .inner-wrap .right .img-wrapper.img-wrapper-2 .name-wrapper .inner-wrap .line-2 {
width: clamp(31.893px, 8vw, 59.917px);
height: 40px;
transform: rotate(160.173deg);
}
@media (min-width: 1024px) {
.team-callout .wrap .inner-wrap .right .img-wrapper.img-wrapper-2 .name-wrapper {
left: 0;
top: 87%;
}
}
@media (min-width: 1024px) {
.team-callout .wrap .inner-wrap .right .img-wrapper.img-wrapper-2 {
top: 88%;
left: 35%;
}
}
.team-callout .wrap .inner-wrap .right .img-wrapper.img-wrapper-3 {
width: clamp(168px, 14.4vw, 270px);
top: 25%;
left: 47%;
transform: translate(-50%, -50%) rotate(-8.496deg);
display: none;
}
.team-callout .wrap .inner-wrap .right .img-wrapper.img-wrapper-3 .name-wrapper {
transform: translate(-50%, 0px);
left: 25%;
top: -10%;
}
.team-callout .wrap .inner-wrap .right .img-wrapper.img-wrapper-3 .name-wrapper .inner-wrap p {
top: 0;
left: -72%;
transform: translate(0%, -100%) rotate(8.496deg);
}
.team-callout .wrap .inner-wrap .right .img-wrapper.img-wrapper-3 .name-wrapper .inner-wrap .line-3 {
width: 42.987px;
height: 39.964px;
}
@media (min-width: 1024px) {
.team-callout .wrap .inner-wrap .right .img-wrapper.img-wrapper-3 {
display: block;
top: -2%;
}
}
@media (min-width: 1280px) {
.team-callout .wrap .inner-wrap .right .img-wrapper.img-wrapper-3 {
top: 6%;
}
}
@media (min-width: 1600px) {
.team-callout .wrap .inner-wrap .right .img-wrapper.img-wrapper-3 {
top: 5%;
}
}
.team-callout .wrap .inner-wrap .right .img-wrapper.img-wrapper-4 {
width: clamp(143.717px, 14.4vw, 270px);
top: 95%;
left: 52%;
transform: translate(-50%, -50%) rotate(-8.33deg);
z-index: 3;
}
.team-callout .wrap .inner-wrap .right .img-wrapper.img-wrapper-4 .name-wrapper {
transform: translate(-50%, 0px);
bottom: -15%;
left: 95%;
top: unset;
}
.team-callout .wrap .inner-wrap .right .img-wrapper.img-wrapper-4 .name-wrapper .inner-wrap {
flex-direction: column-reverse;
}
.team-callout .wrap .inner-wrap .right .img-wrapper.img-wrapper-4 .name-wrapper .inner-wrap p {
top: 150%;
left: 25%;
transform: translate(0%, -100%) rotate(8.496deg);
}
@media (min-width: 1024px) {
.team-callout .wrap .inner-wrap .right .img-wrapper.img-wrapper-4 .name-wrapper .inner-wrap p {
top: 150%;
left: 20%;
}
}
@media (min-width: 1280px) {
.team-callout .wrap .inner-wrap .right .img-wrapper.img-wrapper-4 .name-wrapper .inner-wrap p {
top: 155%;
left: 15%;
}
}
.team-callout .wrap .inner-wrap .right .img-wrapper.img-wrapper-4 .name-wrapper .inner-wrap .line-4 {
width: clamp(29.213px, 8vw, 42.987px);
height: 39.964px;
}
@media (min-width: 1024px) {
.team-callout .wrap .inner-wrap .right .img-wrapper.img-wrapper-4 .name-wrapper {
bottom: -10%;
left: 80%;
}
}
@media (min-width: 1024px) {
.team-callout .wrap .inner-wrap .right .img-wrapper.img-wrapper-4 {
top: 95%;
left: 53%;
z-index: 2;
}
}
.team-callout .wrap .inner-wrap .right .img-wrapper.img-wrapper-5 {
width: clamp(180px, 15vw, 233.243px);
top: 85%;
right: 0%;
transform: translate(-50%, -50%) rotate(12.126deg);
display: none;
}
@media (min-width: 1024px) {
.team-callout .wrap .inner-wrap .right .img-wrapper.img-wrapper-5 {
display: block;
}
}
@media (min-width: 1600px) {
.team-callout .wrap .inner-wrap .right .img-wrapper.img-wrapper-5 {
top: 90%;
}
}
.team-callout .wrap .inner-wrap .right .img-wrapper.img-wrapper-6 {
width: clamp(168px, 23vw, 522px);
aspect-ratio: 148/129;
top: 40%;
right: 0%;
transform: translate(0%, -50%);
z-index: 4;
}
@media (min-width: 1024px) {
.team-callout .wrap .inner-wrap .right .img-wrapper.img-wrapper-6 {
top: 15%;
right: 0%;
}
}
@media (min-width: 1280px) {
.team-callout .wrap .inner-wrap .right .img-wrapper.img-wrapper-6 {
top: 22%;
}
}
@media (min-width: 1600px) {
.team-callout .wrap .inner-wrap .right .img-wrapper.img-wrapper-6 {
top: 17%;
}
}
@media (min-width: 1024px) {
.team-callout .wrap .inner-wrap .right {
grid-column: 4/-1;
aspect-ratio: unset;
padding: 2rem 0;
}
}
@media (min-width: 1280px) {
.team-callout .wrap .inner-wrap {
min-height: 40vh;
}
}
.news-hero {
position: relative;
overflow: hidden;
}
.news-hero .background-svg {
position: absolute;
bottom: 40%;
transform: translateY(50%);
right: 0%;
pointer-events: none;
z-index: 1;
-webkit-mask-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.15) 10%, rgba(0, 0, 0, 0.5) 18%, black 30%, black 65%, rgba(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0.15) 90%, transparent 100%);
mask-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.15) 10%, rgba(0, 0, 0, 0.5) 18%, black 30%, black 65%, rgba(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0.15) 90%, transparent 100%);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
}
.news-hero .background-svg svg {
width: 100%;
height: 100%;
display: block;
}
@media (min-width: 768px) {
.news-hero .background-svg {
bottom: -10%;
}
}
.news-hero h1 {
position: relative;
z-index: 2;
line-height: 85%;
color: #c1d42f;
font-size: clamp(48px, 48px + 52 * (100vw - 768px) / 672, 100px);
}
.news-hero p {
position: relative;
z-index: 2;
color: #ffffff;
font-size: clamp(15px, 15px + 3 * (100vw - 768px) / 672, 18px);
font-weight: 300;
}
.guide-hero {
position: relative;
height: clamp(243px, 40dvh, 760px);
padding-top: 9rem;
overflow: hidden;
padding-bottom: 0;
}
@media (max-height: 800px) {
.guide-hero {
height: clamp(180px, 55dvh, 760px);
}
}
@media (max-width: 768px) {
.guide-hero {
padding-bottom: 0rem;
height: clamp(243px, 30dvh, 760px);
}
}
.guide-hero .guide-hero__title--area {
margin-top: 18px;
}
.guide-hero .wrap,
.guide-hero .guide-hero__inner {
height: 100%;
}
.guide-hero .guide-hero__inner {
display: flex;
align-items: center;
gap: 5rem;
}
.guide-hero .guide-hero__content {
position: relative;
z-index: 2;
}
.guide-hero .guide-hero__inner--buyers .guide-hero__icon {
max-height: 156px;
}
.guide-hero .guide-hero__icon {
position: relative;
z-index: 2;
flex: 0 0 auto;
height: 205px;
display: flex;
align-items: flex-end;
justify-content: flex-end;
}
@media (max-width: 1600px) {
.guide-hero .guide-hero__icon {
height: 150px;
}
}
@media (max-width: 1024px) {
.guide-hero .guide-hero__icon {
height: 100px;
}
}
.guide-hero .guide-hero__icon-image {
display: block;
height: 100%;
width: auto;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.guide-hero .buyer-icon,
.guide-hero .tenant-icon,
.guide-hero .area-icon {
height: 100%;
display: flex;
align-items: flex-end;
}
.guide-hero .buyer-icon,
.guide-hero .tenant-icon {
width: auto;
}
.guide-hero .hero-ribbon {
position: absolute;
right: 0;
top: 6rem;
z-index: 1;
pointer-events: none;
}
@media (max-width: 1600px) {
.guide-hero .hero-ribbon {
width: 670px;
top: 4rem;
}
}
@media (max-width: 1024px) {
.guide-hero .hero-ribbon {
width: 470px;
top: 2rem;
}
}
@media (max-width: 768px) {
.guide-hero .hero-ribbon {
top: 8rem;
}
}
.guide-hero h1 {
display: flex;
flex-direction: column;
}
.guide-hero h1 span {
font-family: "DIN Condensed", sans-serif !important;
font-weight: normal;
font-style: normal;
font-size: clamp(48px, 48px + 52 * (100vw - 768px) / 672, 100px);
line-height: 0.9;
}
.guide-hero.guide-hero--area {
padding-bottom: 1.25rem !important;
}
@media (max-width: 768px) {
.guide-hero.guide-hero--area {
padding-top: 6.75rem;
}
.guide-hero.guide-hero--area h1 {
margin-top: 1.25rem;
}
}
.guide-hero.guide-hero--area .guide-hero__inner--area {
gap: 0;
justify-content: space-between;
}
@media (max-width: 768px) {
.guide-hero.guide-hero--area .guide-hero__content {
padding-bottom: 1rem;
}
}
.guide-hero.guide-hero--area .guide-hero__icon {
height: 282px;
}
@media (max-width: 1600px) {
.guide-hero.guide-hero--area .guide-hero__icon {
height: 220px;
}
}
@media (max-width: 1024px) {
.guide-hero.guide-hero--area .guide-hero__icon {
height: 160px;
}
}
@media (max-width: 768px) {
.guide-hero.guide-hero--area .guide-hero__icon {
height: 120px;
}
}
.guide-hero.guide-hero--area .area-icon {
height: 100%;
width: auto;
margin-right: 10rem;
}
@media (max-width: 768px) {
.guide-hero.guide-hero--area .area-icon {
margin-right: 0;
}
}
.dynamic-image {
position: relative;
}
.dynamic-image--fit-cover .dynamic-image__image {
-o-object-fit: cover;
object-fit: cover;
}
.dynamic-image--fit-contain .dynamic-image__image {
-o-object-fit: contain !important;
object-fit: contain !important;
}
.dynamic-image__inner {
display: grid;
grid-template-columns: repeat(12, 1fr);
}
@media (max-width: 1280px) {
.dynamic-image__inner {
gap: 3rem 0rem;
}
}
@media (max-width: 768px) {
.dynamic-image__inner {
gap: 1.5rem 0rem;
}
}
.dynamic-image__inner.align-start {
align-items: flex-start;
}
.dynamic-image__inner.align-centre {
align-items: center;
}
.dynamic-image__inner.align-bottom {
align-items: flex-end;
}
.dynamic-image .dynamic-image__media {
aspect-ratio: 740/600;
position: relative;
overflow: hidden;
}
@media (max-width: 768px) {
.dynamic-image .dynamic-image__media {
aspect-ratio: 740/479;
}
}
.dynamic-image .dynamic-image__media {
z-index: 1;
border-radius: 12px;
}
.dynamic-image .dynamic-image__media img {
border-radius: 12px;
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
will-change: transform;
transform: translateY(-8%) scale(1.12);
}
@media (max-width: 1280px) {
.dynamic-image .dynamic-image__wysiwyg {
width: 50%;
}
}
@media (max-width: 768px) {
.dynamic-image .dynamic-image__wysiwyg {
width: 100%;
}
}
.dynamic-image .dynamic-image__icon {
margin-bottom: 3rem;
}
@media (max-width: 1024px) {
.dynamic-image .dynamic-image__icon {
margin-bottom: 1.5rem;
}
}
.dynamic-image .dynamic-image__icon img {
width: revert-layer;
height: auto;
max-width: 9rem;
max-height: none;
display: inline-block;
line-height: 0;
}
@media (max-width: 1600px) {
.dynamic-image .dynamic-image__icon img {
max-width: 5rem;
}
}
@media (max-width: 1280px) {
.dynamic-image .dynamic-image__icon img {
max-width: 7rem;
}
}
@media (max-width: 768px) {
.dynamic-image .dynamic-image__icon img {
max-width: 4rem !important;
}
}
.dynamic-image .cta-button {
margin-top: 1.5rem;
}
.dynamic-image.dynamic-image--left .dynamic-image__media {
order: 1;
grid-column: 2/7;
}
@media (max-width: 1280px) {
.dynamic-image.dynamic-image--left .dynamic-image__media {
grid-column: 1/7;
order: 3;
}
}
@media (max-width: 768px) {
.dynamic-image.dynamic-image--left .dynamic-image__media {
grid-column: 1/-1;
}
}
.dynamic-image.dynamic-image--left .dynamic-image__content {
order: 2;
grid-column: 8/12;
}
@media (max-width: 1280px) {
.dynamic-image.dynamic-image--left .dynamic-image__content {
grid-column: 1/-1;
}
}
@media (max-width: 1024px) {
.dynamic-image.dynamic-image--left .dynamic-image__content {
grid-column: 1/-1;
}
}
.dynamic-image.dynamic-image--right .dynamic-image__media {
order: 2;
grid-column: 7/12;
}
@media (max-width: 1280px) {
.dynamic-image.dynamic-image--right .dynamic-image__media {
grid-column: 7/13;
}
}
@media (max-width: 768px) {
.dynamic-image.dynamic-image--right .dynamic-image__media {
grid-column: 1/-1;
}
}
.dynamic-image.dynamic-image--right .dynamic-image__content {
order: 1;
grid-column: 1/6;
}
@media (max-width: 1280px) {
.dynamic-image.dynamic-image--right .dynamic-image__content {
grid-column: 1/-1;
}
}
@media (max-width: 1024px) {
.dynamic-image.dynamic-image--right .dynamic-image__content {
grid-column: 1/-1;
}
}
.dynamic-image .dynamic-image__content h2,
.dynamic-image .dynamic-image__content h3,
.dynamic-image .dynamic-image__content h4 {
margin-bottom: 1.5rem;
}
@media (max-width: 768px) {
.dynamic-image .dynamic-image__content h2,
.dynamic-image .dynamic-image__content h3,
.dynamic-image .dynamic-image__content h4 {
margin-bottom: 0.5rem;
}
}
.dynamic-image .dynamic-image__content h2 {
font-size: clamp(44px, 44px + 36 * (100vw - 768px) / 672, 80px);
line-height: 1;
}
.dynamic-image .dynamic-image__content h3 {
font-size: clamp(32px, 32px + 18 * (100vw - 768px) / 672, 50px);
line-height: 1;
}
.dynamic-image .dynamic-image__content h4 {
font-size: clamp(22px, 22px + 10 * (100vw - 768px) / 672, 32px);
line-height: 1;
}
.dynamic-image .dynamic-image__content p {
font-size: clamp(15px, 15px + 3 * (100vw - 768px) / 672, 18px);
margin-bottom: 1rem;
}
.dynamic-image .dynamic-image__wave {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 0;
width: 600px;
left: -10rem;
}
@media (min-width: 2300px) {
.dynamic-image .dynamic-image__wave {
width: 900px;
top: 40%;
}
}
@media (max-width: 1024px) {
.dynamic-image .dynamic-image__wave {
width: 400px;
top: 60%;
}
}
@media (max-width: 768px) {
.dynamic-image .dynamic-image__wave {
top: 70%;
width: 300px;
}
}
.dynamic-image .dynamic-image__wave-right {
position: absolute;
top: 50%;
left: 50%;
width: 1250px;
}
@media (max-width: 1600px) {
.dynamic-image .dynamic-image__wave-right {
width: 1000px;
}
}
@media (max-width: 1280px) {
.dynamic-image .dynamic-image__wave-right {
width: 800px;
top: 60%;
}
}
@media (max-width: 1024px) {
.dynamic-image .dynamic-image__wave-right {
width: 700px;
}
}
@media (max-width: 768px) {
.dynamic-image .dynamic-image__wave-right {
display: none;
}
}
.dynamic-image .dynamic-image__wave-right {
transform: translate(-50%, -50%);
mask-image: linear-gradient(to left, rgb(0, 0, 0), rgba(0, 0, 0, 0));
-webkit-mask-image: linear-gradient(to left, rgb(0, 0, 0), rgba(0, 0, 0, 0));
}
.dynamic-image .dynamic-image__wave,
.dynamic-image .dynamic-image__wave-right {
--parallax-y: 0px;
will-change: transform;
}
@media (max-width: 768px) {
.accordion .wrap {
padding-left: 0rem;
padding-right: 0rem;
}
}
.accordion h2 {
font-size: clamp(32px, 32px + 18 * (100vw - 768px) / 672, 50px);
margin-bottom: 2rem;
color: #2d2d35;
line-height: 1;
}
@media (max-width: 768px) {
.accordion h2 {
margin-top: 1.5rem;
padding-left: 1rem;
padding-right: 1rem;
}
}
.accordion .accordion__item {
grid-column: 1/-1;
border-bottom: 1px solid #2d2d35;
}
.accordion .accordion__item:first-child .title-wrap {
margin-top: 0rem !important;
}
.accordion h3 {
margin-top: 14px;
font-size: clamp(32px, 32px + 18 * (100vw - 768px) / 672, 50px);
line-height: 1;
color: #2d2d35;
}
.accordion .accordion__items {
padding: 5rem 5rem;
border-radius: 12px;
}
@media (max-width: 768px) {
.accordion .accordion__items {
padding: 3rem 1rem;
border-radius: 0px;
}
}
.accordion .title-wrap {
display: flex;
justify-content: space-between;
gap: 2rem;
cursor: pointer;
margin-bottom: 2rem;
}
@media (max-width: 768px) {
.accordion .title-wrap {
margin-top: 2rem !important;
}
}
@media (min-width: 768px) {
.accordion .accordion__item.no-media .accordion__content-wrap {
flex: 0 0 65%;
}
}
.accordion .accordion__panel {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 0.4s ease;
}
.accordion .accordion__item.is-open .accordion__panel {
grid-template-rows: 1fr;
}
.accordion .accordion__panel-inner {
overflow: hidden;
}
@media (max-width: 768px) {
.accordion .cta-button {
margin-bottom: 2rem;
}
}
.accordion .accordion__master-wrap {
display: flex;
gap: 5rem;
}
@media (max-width: 1024px) {
.accordion .accordion__master-wrap {
gap: 0rem;
flex-direction: column;
}
}
.accordion .accordion__content-wrap {
flex: 0 0 80%;
}
.accordion .accordion__content-wrap p {
padding-bottom: 3rem;
}
.accordion .accordion__content-wrap a {
color: #2d2d35;
}
.accordion .accordion__content-wrap a:hover {
opacity: 0.6;
}
.accordion .accordion__item.has-media .accordion__content-wrap {
flex: 0 0 50%;
}
.accordion .accordion__media {
flex-shrink: 0;
min-width: 0;
margin-bottom: 3rem !important;
}
.accordion .accordion__media--image {
width: 368px;
height: 357px;
overflow: hidden;
border-radius: 12px;
}
@media (max-width: 1024px) {
.accordion .accordion__media--image {
width: 100%;
height: auto;
aspect-ratio: 368/357;
}
}
.accordion .accordion__media--image img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.accordion .accordion__media--icon {
margin: auto;
}
@media (max-width: 1024px) {
.accordion .accordion__media--icon {
width: 13rem;
max-width: 100%;
margin: 0;
}
}
.accordion .accordion__media--icon img,
.accordion .accordion__media--icon svg {
display: block;
width: 100%;
height: auto;
}
.accordion button {
background: none;
border: 0;
cursor: pointer;
}
.accordion button svg {
transition: transform 0.4s ease;
}
@media (max-width: 1024px) {
.accordion button svg {
width: 30px;
}
}
.accordion button svg circle,
.accordion button svg path {
transition: fill 0.3s ease, stroke 0.3s ease;
}
.accordion .accordion__item.is-open button svg {
transform: rotate(180deg);
}
.accordion .accordion__item:hover button svg circle,
.accordion .accordion__item.is-open button svg circle {
fill: #2d2d35;
}
.accordion .accordion__item:hover button svg path,
.accordion .accordion__item.is-open button svg path {
stroke: #fff;
}
.accordion [data-parallax-accordion] {
transform-origin: center center;
will-change: transform, opacity;
}
.accordion__content--has-table {
flex: 0 0 100% !important;
margin-bottom: 3rem;
}
.accordion-table__scroll {
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.accordion-table__table {
width: 100%;
margin-bottom: 3rem;
border-collapse: collapse;
background: transparent;
border-radius: 12px;
}
.accordion-table__table thead th,
.accordion-table__table thead td,
.accordion-table__table tfoot th,
.accordion-table__table tfoot td {
background-color: #2d2d35;
color: #faf8f4;
font-family: "DIN Condensed", sans-serif !important;
font-weight: normal;
font-style: normal;
text-align: left;
font-size: clamp(15px, 15px + 3 * (100vw - 768px) / 672, 18px);
}
.accordion-table__table thead th:first-child,
.accordion-table__table thead td:first-child,
.accordion-table__table tfoot th:first-child,
.accordion-table__table tfoot td:first-child {
font-size: clamp(19px, 19px + 7 * (100vw - 768px) / 672, 26px);
}
.accordion-table__table thead p,
.accordion-table__table tfoot p {
max-width: 16ch;
}
@media (max-width: 768px) {
.accordion-table__table thead p,
.accordion-table__table tfoot p {
max-width: 24ch;
}
}
.accordion-table__table thead p,
.accordion-table__table tfoot p {
padding-bottom: 1rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.accordion-table__table tbody th:first-child,
.accordion-table__table tbody td:first-child {
padding: 0.8rem 1.4rem 1rem 1.4rem;
font-size: 14px;
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
vertical-align: middle;
text-align: left !important;
font-weight: 600;
border-left: 0px;
}
@media (max-width: 768px) {
.accordion-table__table tbody th:first-child,
.accordion-table__table tbody td:first-child {
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
text-transform: initial;
font-size: clamp(16px, 16px + 4 * (100vw - 768px) / 672, 20px);
font-weight: 600;
}
}
.accordion-table__table tbody th,
.accordion-table__table tbody td {
text-align: -webkit-center !important;
vertical-align: middle;
}
@media (max-width: 768px) {
.accordion-table__table tbody th,
.accordion-table__table tbody td {
font-family: "DIN Condensed", sans-serif !important;
font-weight: normal;
font-style: normal;
text-transform: uppercase;
font-size: clamp(16px, 16px + 4 * (100vw - 768px) / 672, 20px);
padding-bottom: 1rem !important;
text-align: left !important;
}
}
@media (max-width: 768px) {
.accordion-table__table tbody th,
.accordion-table__table tbody td {
text-align: left;
padding-top: 1rem !important;
}
}
.accordion-table__table tbody th,
.accordion-table__table tbody td {
padding-top: 0.5rem;
border-right: 1px solid #d7d7d7;
border-left: 1px solid #d7d7d7;
border-bottom: 1px solid #d7d7d7;
}
.accordion-table__table tbody th:last-child,
.accordion-table__table tbody td:last-child {
border-right: 0px;
}
.accordion-table__table thead th:first-child,
.accordion-table__table thead td:first-child {
border-radius: 12px 0px 0px 0px;
padding: 1rem 1.4rem 0.5rem 1.4rem;
text-align: left;
}
.accordion-table__table thead th,
.accordion-table__table thead td {
text-align: center;
}
.accordion-table__table thead th:last-child,
.accordion-table__table thead td:last-child {
border-radius: 0px 12px 0px 0px;
border-right: 0px;
}
@media (max-width: 768px) {
.accordion-table__table tfoot th,
.accordion-table__table tfoot td {
background-color: #ffffff;
padding-block: 1rem;
display: flex;
}
}
.accordion-table__table tfoot th,
.accordion-table__table tfoot td {
border-right: 1px solid #d7d7d7;
border-left: 1px solid #d7d7d7;
}
.accordion-table__table tfoot th:first-child,
.accordion-table__table tfoot td:first-child {
border-radius: 0px 0px 0px 12px;
padding: 0.8rem 1.4rem 1rem 1.4rem;
border-left: 0px;
}
@media (max-width: 768px) {
.accordion-table__table tfoot th:first-child,
.accordion-table__table tfoot td:first-child {
border-radius: 0px 0px 0px 0px;
background-color: #2d2d35;
font-size: 30px !important;
padding-bottom: 0rem;
}
}
.accordion-table__table tfoot th:last-child,
.accordion-table__table tfoot td:last-child {
border-radius: 0px 0px 12px 0px;
border-right: 0px;
}
.accordion-table__table tfoot p {
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
}
@media (max-width: 768px) {
.accordion-table__table tfoot p {
font-size: clamp(16px, 16px + 4 * (100vw - 768px) / 672, 20px);
color: #2d2d35;
padding-left: 0;
padding-bottom: 0 !important;
}
}
.accordion-table__table th,
.accordion-table__table td {
vertical-align: baseline;
}
.accordion-table__table thead th {
line-height: 1.2;
letter-spacing: 0.03em;
text-transform: uppercase;
font-weight: 600;
border-right: 1px solid #d7d7d7;
border-left: 1px solid #d7d7d7;
}
.accordion-table__table thead th:first-child {
border-left: 0px;
}
@media (max-width: 768px) {
.accordion-table__table thead th:first-child {
border: 0;
}
}
.accordion-table__table tbody tr:last-child th,
.accordion-table__table tbody tr:last-child td {
border-bottom: 0;
}
@media (max-width: 768px) {
.accordion-table__table tbody tr:last-child th,
.accordion-table__table tbody tr:last-child td {
border-bottom: 1px solid #d7d7d7;
}
}
.accordion-table__leading-heading, .accordion-table__row-heading, .accordion-table__footer-heading {
width: 56%;
text-align: left;
}
.accordion-table__column-heading, .accordion-table__body-cell, .accordion-table__footer-cell {
width: 11%;
}
.accordion-table__row-heading {
background-color: #ffffff;
color: #2d2d35;
font-size: 1.4rem;
line-height: 1.45;
font-weight: 400;
}
@media (max-width: 768px) {
.accordion-table__row-heading {
background-color: #2d2d35;
color: #ffffff;
}
}
.accordion-table__body-cell {
background-color: #ffffff;
}
.accordion-table__footer-cell {
font-size: 1.4rem;
line-height: 1.35;
text-align: left;
}
.accordion-table__footer-cell p {
margin: 0;
}
.accordion-table__cell-text {
display: inline-block;
font-size: 1.4rem;
line-height: 1.35;
color: #2d2d35;
}
.accordion-table__icon {
align-items: center;
justify-content: center;
}
.accordion-table__icon svg {
display: block;
max-width: 100%;
height: auto;
}
.accordion-table__icon--tick svg {
width: 2.8rem;
}
@media (max-width: 768px) {
.accordion-table__icon--tick svg {
width: 1.4rem;
margin-top: 5px;
height: 0.8rem;
}
}
.accordion-table__icon--none svg {
width: 2.1rem;
}
@media (max-width: 768px) {
.accordion-table__icon--none svg {
width: 1.4rem;
margin-top: 5px;
height: 0.8rem;
}
}
@media (max-width: 991px) {
.accordion-table__table {
min-width: 680px;
}
.accordion-table__table th,
.accordion-table__table td {
padding: 0.2rem 1rem;
}
.accordion-table__row-heading, .accordion-table__footer-cell, .accordion-table__cell-text {
font-size: 1.3rem;
}
}
@media (max-width: 767px) {
.accordion-table__table {
min-width: 620px;
}
.accordion-table__leading-heading, .accordion-table__row-heading, .accordion-table__footer-heading {
width: 48%;
}
.accordion-table__column-heading, .accordion-table__body-cell, .accordion-table__footer-cell {
width: 13%;
}
}
@media (max-width: 767px) {
.accordion-table__scroll {
overflow-x: visible;
}
.accordion-table__table,
.accordion-table__table thead,
.accordion-table__table tbody,
.accordion-table__table tfoot,
.accordion-table__table tr,
.accordion-table__table th,
.accordion-table__table td {
display: block;
width: 100% !important;
}
.accordion-table__table {
min-width: 0;
border-collapse: separate;
border-spacing: 0;
}
.accordion-table__table thead {
display: none;
}
.accordion-table__table tbody tr,
.accordion-table__table tfoot tr {
margin-bottom: 2rem;
border-radius: 12px;
overflow: hidden;
}
.accordion-table__row-heading,
.accordion-table__footer-heading {
padding: 1.2rem 1.4rem;
border: 0;
border-bottom: 1px solid #d7d7d7;
}
.accordion-table__footer-cell {
display: block;
}
.accordion-table__body-cell,
.accordion-table__footer-cell {
display: flex !important;
justify-content: space-between;
align-items: center;
gap: 1.2rem;
padding: 1.2rem 1.4rem;
text-align: right;
border: 0;
border-bottom: 1px solid #d7d7d7;
}
.accordion-table__body-cell:last-child,
.accordion-table__footer-cell:last-child {
border-bottom: 0;
}
.accordion-table__body-cell::before,
.accordion-table__footer-cell::before {
content: attr(data-label);
font-size: 20px !important;
text-transform: uppercase;
font-weight: 600;
text-align: left;
color: #2d2d35;
margin-right: 13px;
font-size: clamp(16px, 16px + 4 * (100vw - 768px) / 672, 20px);
flex: 1;
}
.accordion-table__body-cell > *,
.accordion-table__footer-cell > * {
flex-shrink: 0;
}
}
@media (max-width: 767px) {
.accordion-table__table tbody tr,
.accordion-table__table tfoot tr {
margin-bottom: 2rem;
border-radius: 12px;
overflow: hidden;
}
.accordion-table__table tfoot td {
flex-direction: column;
gap: 0rem;
align-items: flex-start;
}
}
@media (max-width: 767px) {
.accordion-table__footer-cell {
display: flex;
justify-content: space-between;
align-items: center;
gap: 1.2rem;
padding: 1.2rem 1.4rem;
text-align: right;
border: 0;
border-bottom: 1px solid #d7d7d7;
}
.accordion-table__footer-cell:last-child {
border-bottom: 0;
}
.accordion-table__footer-cell::before {
content: attr(data-label);
font-weight: 600;
text-align: left;
color: #2d2d35;
flex: 1;
}
}
.cta-cards .card {
border-radius: 12px;
padding: 3rem 2.5rem;
}
@media (max-width: 768px) {
.cta-cards .card {
grid-column: span 12;
margin-bottom: 1rem;
padding: 2rem 1.5rem;
}
}
.cta-cards h3 {
font-size: clamp(32px, 32px + 18 * (100vw - 768px) / 672, 50px);
}
.cta-cards .content {
margin-top: 1.5rem;
}
.cta-cards .content p {
font-size: clamp(15px, 15px + 3 * (100vw - 768px) / 672, 18px);
}
.cta-cards .cta-button span {
font-size: clamp(15px, 15px + 3 * (100vw - 768px) / 672, 18px);
}
@media (max-width: 1024px) {
.cta-cards .cta-button {
max-width: -moz-fit-content;
max-width: fit-content;
margin-top: 2rem;
}
}
@media (max-width: 1280px) {
.cta-cards .card--branch-finder h3 {
max-width: 70% !important;
}
}
.cta-cards .card--exclusive-access .cta-button {
max-height: -moz-fit-content;
max-height: fit-content;
}
@media (max-width: 1280px) {
.cta-cards .card--exclusive-access .title-wrap svg {
width: 50px !important;
}
}
@media (max-width: 1280px) {
.cta-cards .card--exclusive-access .title-wrap h3 {
max-width: 70% !important;
}
}
@media (max-width: 1280px) {
.cta-cards .card--investments h3 {
max-width: 70% !important;
}
}
.cta-cards .card--investments svg {
width: 103px !important;
right: -127px !important;
}
@media (min-width: 1600px) {
.cta-cards .card--investments svg {
height: 90px;
}
}
.cta-cards .card--investments svg {
top: -41px !important;
}
@media (max-width: 1600px) {
.cta-cards .card--investments svg {
top: -41px;
}
}
.cta-cards .card--area-guide-cta svg {
width: 100px !important;
right: -130px !important;
top: -53px !important;
}
@media (max-width: 1280px) {
.cta-cards .card--area-guide-cta svg {
width: 80px !important;
left: 261px;
}
}
@media (max-width: 768px) {
.cta-cards .card--area-guide-cta svg {
width: 80px !important;
left: 219px;
}
}
.cta-cards .card--area-guide-cta svg,
.cta-cards .card--investments svg {
width: 83px;
position: absolute;
right: -98px;
top: -49px;
}
@media (min-width: 1600px) {
.cta-cards .card--area-guide-cta svg,
.cta-cards .card--investments svg {
width: 134px;
position: absolute;
right: -180px;
top: -31px;
}
}
.cta-cards .card--area-guide-cta .cta-button,
.cta-cards .card--investments .cta-button {
padding-right: 1.75rem !important;
}
.cta-cards .card--area-guide-cta .cta-button::after,
.cta-cards .card--investments .cta-button::after {
background-color: #c1d42f;
}
.cta-cards .card--area-guide-cta.bg-green .cta-button::before,
.cta-cards .card--investments.bg-green .cta-button::before {
background: #ff8d28 !important;
}
.cta-cards .card--exclusive-access svg,
.cta-cards .card--landlord-cta svg,
.cta-cards .card--area-guide-cta svg,
.cta-cards .card--investments svg,
.cta-cards .card--commercial-property svg {
width: 60px;
}
.cta-cards .card--exclusive-access .title-wrap,
.cta-cards .card--landlord-cta .title-wrap,
.cta-cards .card--area-guide-cta .title-wrap,
.cta-cards .card--investments .title-wrap,
.cta-cards .card--commercial-property .title-wrap {
max-width: -moz-fit-content;
max-width: fit-content;
}
.cta-cards .card--exclusive-access .title-wrap h3,
.cta-cards .card--landlord-cta .title-wrap h3,
.cta-cards .card--area-guide-cta .title-wrap h3,
.cta-cards .card--investments .title-wrap h3,
.cta-cards .card--commercial-property .title-wrap h3 {
position: relative;
max-width: -moz-fit-content;
max-width: fit-content;
line-height: 1;
}
@media (max-width: 768px) {
.cta-cards .card--exclusive-access .title-wrap h3,
.cta-cards .card--landlord-cta .title-wrap h3,
.cta-cards .card--area-guide-cta .title-wrap h3,
.cta-cards .card--investments .title-wrap h3,
.cta-cards .card--commercial-property .title-wrap h3 {
width: 100%;
}
}
.cta-cards .card--exclusive-access .title-wrap svg,
.cta-cards .card--landlord-cta .title-wrap svg,
.cta-cards .card--area-guide-cta .title-wrap svg,
.cta-cards .card--investments .title-wrap svg,
.cta-cards .card--commercial-property .title-wrap svg {
position: absolute;
right: -80px;
top: -12px;
}
@media (max-width: 1280px) {
.cta-cards .card--exclusive-access .title-wrap svg,
.cta-cards .card--landlord-cta .title-wrap svg,
.cta-cards .card--area-guide-cta .title-wrap svg,
.cta-cards .card--investments .title-wrap svg,
.cta-cards .card--commercial-property .title-wrap svg {
width: 76px;
}
}
.cta-cards .card--exclusive-access .cta-button svg,
.cta-cards .card--landlord-cta .cta-button svg,
.cta-cards .card--area-guide-cta .cta-button svg,
.cta-cards .card--investments .cta-button svg,
.cta-cards .card--commercial-property .cta-button svg {
transform: translateX(-14px);
}
@media (max-width: 1600px) {
.cta-cards .card--exclusive-access .cta-button,
.cta-cards .card--landlord-cta .cta-button,
.cta-cards .card--area-guide-cta .cta-button,
.cta-cards .card--investments .cta-button,
.cta-cards .card--commercial-property .cta-button {
max-height: -moz-fit-content;
max-height: fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
}
}
.cta-cards .card--exclusive-access .cta-button,
.cta-cards .card--landlord-cta .cta-button,
.cta-cards .card--area-guide-cta .cta-button,
.cta-cards .card--investments .cta-button,
.cta-cards .card--commercial-property .cta-button {
padding-right: 0;
padding-block: 16px;
color: #ffffff;
}
.cta-cards .card--exclusive-access .cta-button:before,
.cta-cards .card--landlord-cta .cta-button:before,
.cta-cards .card--area-guide-cta .cta-button:before,
.cta-cards .card--investments .cta-button:before,
.cta-cards .card--commercial-property .cta-button:before {
background-color: #c1d42f;
}
.cta-cards .card--exclusive-access .cta-button:hover,
.cta-cards .card--landlord-cta .cta-button:hover,
.cta-cards .card--area-guide-cta .cta-button:hover,
.cta-cards .card--investments .cta-button:hover,
.cta-cards .card--commercial-property .cta-button:hover {
background-color: #c1d42f;
color: #2d2d35;
}
.cta-cards .card--exclusive-access .cta-button:before,
.cta-cards .card--landlord-cta .cta-button:before,
.cta-cards .card--area-guide-cta .cta-button:before,
.cta-cards .card--investments .cta-button:before,
.cta-cards .card--commercial-property .cta-button:before {
background-color: #c1d42f;
}
.cta-cards .card--exclusive-access .cta-button span,
.cta-cards .card--landlord-cta .cta-button span,
.cta-cards .card--area-guide-cta .cta-button span,
.cta-cards .card--investments .cta-button span,
.cta-cards .card--commercial-property .cta-button span {
font-size: clamp(17px, 17px + 5 * (100vw - 768px) / 672, 22px);
}
.cta-cards .card--exclusive-access .card__text,
.cta-cards .card--landlord-cta .card__text,
.cta-cards .card--area-guide-cta .card__text,
.cta-cards .card--investments .card__text,
.cta-cards .card--commercial-property .card__text {
max-width: 55%;
}
@media (max-width: 768px) {
.cta-cards .card--exclusive-access .card__text,
.cta-cards .card--landlord-cta .card__text,
.cta-cards .card--area-guide-cta .card__text,
.cta-cards .card--investments .card__text,
.cta-cards .card--commercial-property .card__text {
max-width: 100%;
}
}
.cta-cards .card--exclusive-access .card__text p,
.cta-cards .card--landlord-cta .card__text p,
.cta-cards .card--area-guide-cta .card__text p,
.cta-cards .card--investments .card__text p,
.cta-cards .card--commercial-property .card__text p {
max-width: 31ch;
}
.cta-cards .card--commercial-property .title-wrap svg {
width: 80px !important;
right: -7rem !important;
top: -2rem !important;
}
@media (min-width: 1280px) and (max-width: 1439px) {
.cta-cards .card--commercial-property .title-wrap svg {
width: 54px !important;
right: -5rem !important;
}
}
@media (max-width: 768px) {
.cta-cards .card--commercial-property .title-wrap svg {
width: 67px !important;
right: -5.5rem !important;
top: 0rem !important;
}
}
@media (max-width: 1280px) {
.cta-cards .card--commercial-property .title-wrap h3 {
max-width: 70%;
}
}
.cta-cards .card--branch-finder h3 {
color: #c1d42f;
max-width: 80%;
line-height: 1;
}
@media (max-width: 768px) {
.cta-cards .card--branch-finder {
max-width: 100%;
}
}
.cta-cards .card--branch-finder {
position: relative;
}
.cta-cards .card--branch-finder img {
width: 164px;
right: 2rem;
top: 42px;
position: absolute;
height: auto;
}
@media (max-width: 1600px) {
.cta-cards .card--branch-finder img {
width: 136px;
right: 1rem;
}
}
@media (max-width: 1280px) {
.cta-cards .card--branch-finder img {
top: 21px;
width: 88px;
}
}
.cta-cards .branch-finder-form button {
background: transparent;
border: 0;
cursor: pointer;
}
.cta-cards .branch-finder-form button svg rect {
transition: fill 0.3s ease;
}
.cta-cards .branch-finder-form button svg path {
transition: stroke 0.3s ease;
}
.cta-cards .branch-finder-form button:hover svg rect {
fill: #ff2e69;
}
.cta-cards .branch-finder-form button:hover svg path {
stroke: #ffffff;
}
.cta-cards .branch-finder-form .branch-finder-form__field {
margin-top: 1.5rem;
display: flex;
gap: 1rem;
}
@media (max-width: 1600px) {
.cta-cards .branch-finder-form .branch-finder-form__field {
gap: 0.5rem;
}
}
.cta-cards .branch-finder-form .branch-finder-form__field input {
background: transparent;
max-height: 49px;
border: 1px solid rgb(193, 212, 47);
border-radius: 10px;
width: 350px;
}
@media (max-width: 1600px) {
.cta-cards .branch-finder-form .branch-finder-form__field input {
width: 250px;
}
}
.cta-cards .branch-finder-form .branch-finder-form__field input {
padding-left: 1rem;
padding-right: 1rem;
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
color: #faf8f4;
}
.cta-cards .branch-finder-form .branch-finder-form__field input::-moz-placeholder {
color: #faf8f4;
}
.cta-cards .branch-finder-form .branch-finder-form__field input::placeholder {
color: #faf8f4;
}
.cta-cards .branch-finder-form .branch-finder-form__field input:focus-within {
background: #57575c;
}
.cta-cards .branch-finder-form .branch-finder-form__field input:focus {
outline: none;
}
.cta-cards .card--landlord-cta {
background-color: #ff8d28;
}
.cta-cards .card--landlord-cta .title-wrap svg {
width: 80px;
right: -107px;
top: -44px;
}
@media (max-width: 768px) {
.cta-cards .card--landlord-cta .title-wrap svg {
top: -44px !important;
width: 80px;
right: -100px;
}
}
.secondary-hero {
margin-top: 8rem;
padding-bottom: 3rem;
}
@media (max-width: 768px) {
.secondary-hero {
padding-bottom: 2rem;
}
}
.secondary-hero {
overflow: hidden;
position: relative;
}
@media (min-width: 1600px) {
.secondary-hero {
padding-bottom: 3rem;
}
}
@media (max-width: 1600px) {
.secondary-hero {
margin-top: 6rem;
}
}
@media (max-width: 1280px) {
.secondary-hero {
margin-top: 7rem;
}
}
.secondary-hero .content-wrap {
align-items: flex-end;
justify-content: space-between;
}
@media (max-width: 768px) {
.secondary-hero .content-wrap {
flex-direction: column;
align-items: flex-start;
}
}
.secondary-hero h1 {
font-family: "DIN Condensed", sans-serif !important;
font-weight: normal;
font-style: normal;
font-size: clamp(48px, 48px + 52 * (100vw - 768px) / 672, 100px);
line-height: 1;
}
.secondary-hero .wrap {
position: relative;
}
.secondary-hero .wave {
width: 100%;
position: absolute;
left: 0;
}
@media (max-width: 768px) {
.secondary-hero .wave {
width: 200%;
position: absolute;
left: -100%;
top: 100px;
}
}
.secondary-hero .icon {
margin-right: 14rem;
height: clamp(90px, 12vw, 180px);
}
@media (min-width: 1600px) {
.secondary-hero .icon {
height: clamp(130px, 12vw, 220px);
}
}
.secondary-hero .icon {
display: flex;
align-items: flex-end;
}
@media (max-width: 1280px) {
.secondary-hero .icon {
margin-right: 8rem;
height: clamp(80px, 10vw, 140px);
}
}
@media (max-width: 768px) {
.secondary-hero .icon {
margin-right: 0;
margin-top: 2rem;
height: clamp(70px, 18vw, 100px);
}
}
.secondary-hero .icon img {
display: block;
height: 100%;
width: auto;
max-width: 100%;
}
.checklist-grid h2 {
font-size: clamp(36px, 36px + 24 * (100vw - 768px) / 672, 60px);
margin-bottom: 0.5rem;
}
.checklist-grid p {
font-size: clamp(18px, 18px + 6 * (100vw - 768px) / 672, 24px);
margin-bottom: 1rem;
padding-right: 10rem;
}
@media (max-width: 1024px) {
.checklist-grid p {
padding-right: 0rem;
}
}
.checklist-grid .checklist-grid__items {
margin-top: 4rem;
}
@media (max-width: 768px) {
.checklist-grid .checklist-grid__items {
margin-top: 2rem;
}
}
.checklist-grid .checklist-grid__items {
margin-bottom: 2rem;
}
@media (min-width: 1280px) {
.checklist-grid .checklist-grid__items svg {
width: 25%;
}
}
.checklist-grid .checklist-grid__item {
background-color: #ffffff;
border-radius: 12px;
padding: 2.5rem;
}
@media (max-width: 1600px) {
.checklist-grid .checklist-grid__item {
padding: 1.5rem;
}
}
@media (max-width: 768px) {
.checklist-grid .checklist-grid__item {
padding: 0.75rem;
}
}
.checklist-grid .checklist-grid__item .checklist-grid__item-text {
font-size: clamp(15px, 15px + 3 * (100vw - 768px) / 672, 18px);
line-height: 1.3;
font-weight: 600;
}
.about-hero {
position: relative;
margin-top: 2rem;
overflow: visible;
}
.about-hero .bg-dec {
position: absolute;
width: 100dvw;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
overflow: hidden;
pointer-events: none;
}
@media (max-width: 768px) {
.about-hero .bg-dec {
top: 30%;
}
}
.about-hero .about-hero__title {
display: flex;
flex-direction: column;
align-items: center;
}
.about-hero h1 span {
line-height: 0.9;
font-family: "DIN Condensed", sans-serif !important;
font-weight: normal;
font-style: normal;
font-size: clamp(48px, 48px + 52 * (100vw - 768px) / 672, 100px);
}
.about-hero .text-wrap {
display: flex;
justify-content: center;
text-align: center;
margin-top: 3rem;
}
.about-hero .about-hero__text {
display: flex;
justify-content: center;
max-width: 50ch;
}
.about-hero .additional-buttons {
display: flex;
margin-top: 2rem;
gap: 32px;
}
@media (max-width: 768px) {
.about-hero .additional-buttons {
gap: 0.75rem;
}
}
.about-hero .additional-buttons {
justify-content: center;
}
.about-hero .additional-buttons .cta-button {
white-space: nowrap;
}
@media (max-width: 767px) {
.about-hero .additional-buttons {
justify-content: flex-start;
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
padding-inline: 1rem;
margin-inline: -1rem;
}
.about-hero .additional-buttons .cta-button {
flex: 0 0 auto;
}
.about-hero .additional-buttons::-webkit-scrollbar {
display: none;
}
.about-hero .additional-buttons {
scrollbar-width: none;
}
}
@media (min-width: 768px) {
.about-hero .additional-buttons {
flex-wrap: wrap;
overflow: visible;
justify-content: center;
}
}
.history-accordion .accordion__item {
grid-column: 1/-1;
border-bottom: 1px solid #2d2d35;
}
.history-accordion .accordion__item:first-child .title-wrap {
margin-top: 0rem !important;
}
.history-accordion h3 {
margin-top: 7px;
font-size: clamp(32px, 32px + 18 * (100vw - 768px) / 672, 50px);
line-height: 1;
color: #2d2d35;
}
.history-accordion .accordion__items {
padding: 5rem 5rem;
border-radius: 12px;
}
@media (max-width: 768px) {
.history-accordion .accordion__items {
padding: 2rem 2rem;
}
}
.history-accordion .title-wrap {
cursor: pointer;
margin-bottom: 2rem;
align-items: center;
}
@media (max-width: 768px) {
.history-accordion .title-wrap {
margin-top: 2rem !important;
}
}
.history-accordion .accordion__title {
grid-column: 1/span 2;
margin: auto;
margin-top: 12px;
}
@media (max-width: 768px) {
.history-accordion .accordion__title {
grid-column: 1/12;
margin-left: 0;
order: 1;
}
}
.history-accordion .title {
grid-column: 3/11;
line-height: 1.3;
}
@media (max-width: 768px) {
.history-accordion .title {
grid-column: 1/-1;
order: 3;
}
}
.history-accordion .title {
font-family: "IvyJournal", serif !important;
font-weight: normal;
font-style: normal;
font-size: clamp(18px, 18px + 6 * (100vw - 768px) / 672, 24px);
font-weight: 600;
margin-top: 0px;
}
@media (max-width: 1600px) {
.history-accordion .title {
margin-top: 0px;
}
}
.history-accordion button {
background: none;
border: 0;
cursor: pointer;
grid-column: 12/13;
}
@media (max-width: 768px) {
.history-accordion button {
order: 2;
}
}
.history-accordion button {
display: flex;
justify-content: flex-end;
}
.history-accordion .accordion__panel {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 0.4s ease;
}
.history-accordion .accordion__item.is-open .accordion__panel {
grid-template-rows: 1fr;
}
.history-accordion .accordion__panel-inner {
overflow: hidden;
}
.history-accordion .accordion__master-wrap {
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
align-items: start;
}
@media (max-width: 1024px) {
.history-accordion .accordion__master-wrap {
grid-template-columns: 1fr;
}
}
.history-accordion .accordion__content-wrap {
grid-column: 3/8;
}
.history-accordion .accordion__content-wrap p {
padding-bottom: 3rem;
}
@media (max-width: 1024px) {
.history-accordion .accordion__content-wrap {
grid-column: 1/-1;
}
}
.history-accordion .accordion__media {
grid-column: 9/13;
min-width: 0;
margin-bottom: 3rem !important;
}
@media (max-width: 1024px) {
.history-accordion .accordion__media {
grid-column: 1/-1;
}
}
.history-accordion .accordion__media--image {
width: 100%;
max-width: 368px;
height: 357px;
overflow: hidden;
border-radius: 12px;
}
@media (max-width: 1024px) {
.history-accordion .accordion__media--image {
max-width: none;
height: auto;
aspect-ratio: 368/357;
}
}
.history-accordion .accordion__media--image img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.history-accordion button svg {
transition: transform 0.4s ease;
}
@media (max-width: 1024px) {
.history-accordion button svg {
width: 30px;
}
}
.history-accordion button svg circle,
.history-accordion button svg path {
transition: fill 0.3s ease, stroke 0.3s ease;
}
.history-accordion .accordion__item.is-open button svg {
transform: rotate(180deg);
}
.history-accordion .accordion__item:hover button svg circle,
.history-accordion .accordion__item.is-open button svg circle {
fill: #2d2d35;
}
.history-accordion .accordion__item:hover button svg path,
.history-accordion .accordion__item.is-open button svg path {
stroke: #fff;
}
.history-accordion [data-parallax-accordion] {
transform-origin: center center;
will-change: transform, opacity;
}
.headshots {
position: relative;
isolation: isolate;
}
@media (max-width: 768px) {
.headshots {
display: none;
}
}
.headshots .headshot-wrap {
position: relative;
z-index: 2;
aspect-ratio: 1/1;
will-change: transform, opacity;
}
.headshots .headshot-wrap img {
display: block;
border-radius: 12px;
z-index: 2;
}
.headshots .ribbon {
position: absolute;
z-index: -1;
width: 100dvw;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
overflow: hidden;
pointer-events: none;
}
@media (max-width: 768px) {
.headshots .ribbon {
top: 30%;
}
}
@media (min-width: 768px) and (max-width: 1280px) {
.headshots .headshot-wrap:nth-child(n+5) {
display: none;
}
}
.full-width-cta-banner h3 {
line-height: 1;
font-size: clamp(32px, 32px + 18 * (100vw - 768px) / 672, 50px);
}
.full-width-cta-banner .banner-wrap {
grid-column: 2/12;
}
@media (max-width: 1024px) {
.full-width-cta-banner .banner-wrap {
grid-column: 1/-1;
padding: 2rem !important;
}
}
.full-width-cta-banner .banner-wrap {
border-radius: 12px;
padding: 4rem;
will-change: transform, opacity;
}
.full-width-cta-banner .banner-wrap .content {
align-content: center;
grid-column: span 5;
}
@media (max-width: 1024px) {
.full-width-cta-banner .banner-wrap .content {
grid-column: 1/-1;
}
}
.full-width-cta-banner .banner-wrap .cta-button {
margin-top: 3rem;
}
.full-width-cta-banner .illustration-wrap.illustration-wrap--illustration-1 {
position: absolute;
right: 7rem;
width: 400px;
top: -2rem;
}
@media (max-width: 1280px) {
.full-width-cta-banner .illustration-wrap.illustration-wrap--illustration-1 {
width: 300px;
}
}
@media (max-width: 1024px) {
.full-width-cta-banner .illustration-wrap.illustration-wrap--illustration-1 {
width: 300px;
position: relative;
left: 0;
top: 0;
}
}
@media (max-width: 768px) {
.full-width-cta-banner .illustration-wrap.illustration-wrap--illustration-1 {
width: 200px;
margin: auto;
}
}
.full-width-cta-banner .illustration-wrap.illustration-wrap--illustration-2 {
width: 100%;
grid-column: 7/13;
}
@media (max-width: 768px) {
.full-width-cta-banner .illustration-wrap.illustration-wrap--illustration-2 {
width: 250px;
grid-column: 1/-1;
margin: auto;
}
}
.full-width-cta-banner .illustration-wrap img {
display: block;
width: 100%;
height: auto;
}
.instagram-feed .heading {
gap: 0.5rem;
}
.instagram-feed .heading svg {
width: 38px;
height: 38px;
}
@media (min-width: 1024px) {
.instagram-feed .heading svg {
width: 48px;
height: 48px;
}
}
.instagram-feed .heading h2 {
line-height: 85%;
letter-spacing: -1.2px;
color: #2d2d35;
font-family: "DIN Condensed", sans-serif !important;
font-weight: 700;
font-style: normal;
font-size: clamp(32px, 32px + 18 * (100vw - 768px) / 672, 50px);
margin-top: 2%;
}
@media (min-width: 1024px) {
.instagram-feed .heading h2 {
margin-top: 0.75%;
}
}
@media (min-width: 1024px) {
.instagram-feed .heading {
margin-bottom: 2rem;
gap: 1rem;
}
}
.instagram-feed #sb_instagram {
padding-bottom: 20px !important;
}
@media (min-width: 1024px) {
.instagram-feed #sb_instagram {
padding-bottom: 40px !important;
}
}
.instagram-feed .sbi_item {
border-radius: 8px;
position: relative;
overflow: hidden;
}
.instagram-feed .sbi_item .mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 8px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.6) 100%);
pointer-events: none;
z-index: 3;
}
@media (min-width: 1024px) {
.instagram-feed .sbi_item .mask {
border-radius: 12px;
}
}
.instagram-feed .sbi_item .author-info {
position: absolute;
display: flex;
left: 4%;
bottom: 3%;
z-index: 3;
gap: 0.5rem;
}
.instagram-feed .sbi_item .author-info .sbi_header_img {
position: relative;
width: 35px;
height: 35px;
overflow: hidden;
border-radius: 50%;
}
@media (min-width: 1024px) {
.instagram-feed .sbi_item .author-info .sbi_header_img {
width: 50px;
height: 50px;
}
}
.instagram-feed .sbi_item .author-info p:first-child {
text-transform: capitalize;
font-family: "Area Normal", sans-serif !important;
font-weight: 400;
font-style: normal;
color: #faf8f4;
font-size: clamp(16px, 16px + 4 * (100vw - 768px) / 672, 20px);
}
.instagram-feed .sbi_item .author-info p {
line-height: normal;
font-family: "Area Normal", sans-serif !important;
font-weight: 300;
font-style: normal;
color: #faf8f4;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
}
.instagram-feed .sbi_item .author-info img {
width: 35px;
height: 35px;
display: block;
padding: 0 !important;
margin: 0 !important;
max-width: 100% !important;
opacity: 1 !important;
}
@media (min-width: 1024px) {
.instagram-feed .sbi_item .author-info img {
width: 50px;
height: 50px;
}
}
@media (max-width: 1024px) {
.instagram-feed .sbi_item .author-info {
flex-direction: column;
}
}
.instagram-feed .sbi_item img {
aspect-ratio: 340/425.2;
}
@media (min-width: 1024px) {
.instagram-feed .sbi_item {
border-radius: 12px;
}
}
.land-and-homes-hero {
position: relative;
padding-top: 10rem;
padding-bottom: 10rem;
}
@media (min-width: 1600px) {
.land-and-homes-hero {
padding-top: 15rem;
padding-bottom: 15rem;
}
}
.land-and-homes-hero .left {
z-index: 1;
grid-column: 1/-1;
align-self: center;
}
@media (min-width: 1024px) {
.land-and-homes-hero .left {
grid-column: span 6;
}
}
@media (min-width: 1600px) {
.land-and-homes-hero .left {
grid-column: span 6;
}
}
.land-and-homes-hero .right {
position: relative;
z-index: 1;
grid-column: 1/-1;
min-height: 400px;
margin-top: 2rem;
}
@media (min-width: 1024px) {
.land-and-homes-hero .right {
grid-column: span 6;
margin-top: 0rem;
}
}
@media (min-width: 1600px) {
.land-and-homes-hero .right {
grid-column: span 6;
}
}
.land-and-homes-hero h1 {
color: #2d2d35;
font-size: clamp(48px, 48px + 52 * (100vw - 768px) / 672, 100px);
line-height: 0.9;
}
.land-and-homes-hero .hero-text {
color: #2d2d35;
max-width: 47ch;
margin-top: 1rem;
}
@media (min-width: 1600px) {
.land-and-homes-hero .hero-text {
margin-top: 0rem;
}
}
.land-and-homes-hero .cta-button {
margin-top: 3rem;
}
.land-and-homes-hero .bg-ribbon {
width: 100dvw;
height: auto;
position: absolute;
top: 9rem;
}
@media (max-width: 1024px) {
.land-and-homes-hero .bg-ribbon {
top: 19rem;
}
}
.land-and-homes-hero .hero-image {
position: absolute;
top: 2rem;
left: 0;
z-index: 1;
max-width: 600px;
}
@media (max-width: 1600px) {
.land-and-homes-hero .hero-image {
max-width: 500px;
}
}
@media (max-width: 768px) {
.land-and-homes-hero .hero-image {
display: none;
}
}
.land-and-homes-hero .hero-image {
transform: rotate(-5.64deg);
transform-origin: center;
}
.land-and-homes-hero .hero-image img {
display: block;
border-radius: 12px;
}
.land-and-homes-hero .team-members-container {
display: grid;
gap: 1rem;
grid-template-columns: 1fr;
}
.land-and-homes-hero .team-member-container {
position: absolute;
right: 0;
bottom: -11rem;
z-index: 2;
width: 100%;
max-width: 421px;
}
@media (max-width: 1600px) {
.land-and-homes-hero .team-member-container {
max-width: 341px;
height: 341px !important;
bottom: -5rem;
right: -1rem;
}
}
@media (max-width: 768px) {
.land-and-homes-hero .team-member-container {
z-index: 3;
position: relative;
left: 0;
top: 1rem;
max-width: 100%;
height: 400px !important;
}
}
.land-and-homes-hero .team-member-container {
height: 421px;
border-radius: 12px;
overflow: hidden;
}
.land-and-homes-hero .team-member-container .name-hover {
position: absolute;
top: 25%;
right: 10%;
z-index: 3;
}
.land-and-homes-hero .team-member-container .name-hover .name {
font-size: clamp(1.125rem, 1.0032rem + 0.5195vw, 1.75rem);
color: #2d2d35;
font-family: "segoe-script", sans-serif !important;
}
.land-and-homes-hero .team-member-image {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
@media (max-width: 768px) {
.land-and-homes-hero .team-member-image {
height: auto;
}
}
.land-and-homes-hero .team-member-image {
-o-object-fit: cover;
object-fit: cover;
}
.land-and-homes-hero .full-name {
font-family: "IvyJournal", serif !important;
font-weight: 600;
font-style: normal;
font-size: clamp(16px, 16px + 4 * (100vw - 768px) / 672, 20px);
}
@media (max-width: 1600px) {
.land-and-homes-hero .full-name {
font-size: clamp(15px, 15px + 3 * (100vw - 768px) / 672, 18px);
}
}
.land-and-homes-hero .description {
font-weight: 300;
margin-top: 0.25rem;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
}
@media (max-width: 1600px) {
.land-and-homes-hero .description {
font-size: 14px;
}
}
.land-and-homes-hero .team-member-content {
position: absolute;
bottom: 20px;
left: 20px;
right: 20px;
z-index: 3;
background-color: #fcbbca;
padding: 20px;
border-radius: 12px;
}
.stats-v1 {
position: relative;
}
.stats-v1 h2 {
font-size: clamp(32px, 32px + 18 * (100vw - 768px) / 672, 50px);
color: #2d2d35;
}
.stats-v1 .wrap {
z-index: 2;
position: relative;
}
.stats-v1 .stat-item {
grid-column: span 3;
}
@media (max-width: 1280px) {
.stats-v1 .stat-item {
grid-column: span 6;
}
}
@media (max-width: 768px) {
.stats-v1 .stat-item {
grid-column: span 12;
}
}
.stats-v1 .stat-item {
text-align: center;
border-right: 1px solid #2d2d35;
padding-block: 2rem;
}
.stats-v1 .stat-item:last-child {
border-right: 0;
}
@media (max-width: 1280px) {
.stats-v1 .stat-item {
border-right: 0;
border-bottom: 1px solid #2d2d35;
}
.stats-v1 .stat-item:nth-last-child(-n+2) {
border-bottom: 0;
}
}
@media (max-width: 768px) {
.stats-v1 .stat-item {
border-bottom: 1px solid #2d2d35 !important;
}
.stats-v1 .stat-item:last-child {
border-bottom: 0 !important;
}
}
.stats-v1 .stats-grid {
margin-top: 2rem;
background-color: rgba(255, 255, 255, 0.9294117647);
border-radius: 10px;
padding: 2rem 4rem;
z-index: 1;
}
@media (max-width: 1280px) {
.stats-v1 .stats-grid {
gap: 32px;
}
}
@media (max-width: 768px) {
.stats-v1 .stats-grid {
gap: 0px;
padding: 1rem 1rem;
}
}
.stats-v1 .stat-icon {
width: 130px;
height: 130px;
}
@media (max-width: 768px) {
.stats-v1 .stat-icon {
width: 80px;
height: 80px;
}
}
.stats-v1 .stat-icon {
margin: 0 auto 1.5rem;
display: flex;
align-items: center;
justify-content: center;
}
.stats-v1 .stat-icon img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
-o-object-fit: contain;
object-fit: contain;
}
.stats-v1 .stat-value {
font-size: clamp(44px, 44px + 36 * (100vw - 768px) / 672, 80px);
}
@media (max-width: 1600px) {
.stats-v1 .stat-value {
font-size: clamp(36px, 36px + 24 * (100vw - 768px) / 672, 60px);
}
}
.stats-v1 .stat-value {
display: flex;
justify-content: center;
}
.stats-v1 .stat-value span {
font-family: "IvyJournal", serif !important;
font-weight: normal;
font-style: normal;
color: #ff2e69;
font-weight: 600;
}
.stats-v1 .stat-label {
font-size: clamp(15px, 15px + 3 * (100vw - 768px) / 672, 18px);
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
}
.stats-v1 .bg-ribbon {
position: absolute;
width: 100vw;
z-index: 0;
top: 50%;
transform: translateY(-14%);
}
.latest-new-build-properties {
padding-top: 4rem;
z-index: 3;
}
@media (max-width: 1024px) {
.latest-new-build-properties {
padding-bottom: 3rem;
}
}
.latest-new-build-properties {
position: relative;
overflow: hidden;
background-color: #eeebe8;
}
.latest-new-build-properties h2 {
font-size: clamp(32px, 32px + 18 * (100vw - 768px) / 672, 50px);
}
@media (max-width: 768px) {
.latest-new-build-properties h2 {
line-height: 1;
}
}
.latest-new-build-properties h2 {
color: #2d2d35;
}
.latest-new-build-properties .ribbon {
position: absolute;
z-index: -1;
width: 100vw;
}
@media (min-width: 2000px) {
.latest-new-build-properties .ribbon {
top: -50px;
}
}
@media (max-width: 768px) {
.latest-new-build-properties .ribbon {
top: 16rem;
}
}
.latest-new-build-properties .property-similar__top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
margin-bottom: 1.5rem;
}
.latest-new-build-properties .property-similar__nav {
display: flex;
align-items: center;
gap: 0.75rem;
flex: 0 0 auto;
}
.latest-new-build-properties .property-similar .property-swiper {
margin-top: 0.5rem;
width: 100%;
overflow: hidden;
}
@media (max-width: 768px) {
.latest-new-build-properties .property-similar .property-swiper {
overflow: visible;
}
}
.latest-new-build-properties .property-similar .property-swiper {
min-height: clamp(260px, 28vw, 420px);
opacity: 0;
transition: opacity 0.2s ease;
}
.latest-new-build-properties .property-similar .property-swiper.swiper-initialized {
opacity: 1;
}
.latest-new-build-properties .property-similar .property-swiper .swiper-wrapper {
align-items: stretch;
}
.latest-new-build-properties .property-similar .property-swiper .swiper-slide {
height: auto;
}
.latest-new-build-properties .property-similar .property-swiper__prev,
.latest-new-build-properties .property-similar .property-swiper__next {
position: static;
margin: 0;
width: auto;
height: auto;
min-width: 0;
min-height: 0;
padding: 0;
border: 0;
background: transparent;
box-shadow: none;
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
transform: none !important;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
flex: 0 0 auto;
cursor: pointer;
transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.latest-new-build-properties .property-similar .property-swiper__prev::after,
.latest-new-build-properties .property-similar .property-swiper__next::after {
display: none;
}
.latest-new-build-properties .property-similar .property-swiper__prev svg,
.latest-new-build-properties .property-similar .property-swiper__next svg {
display: block;
width: 60px;
}
@media (max-width: 768px) {
.latest-new-build-properties .property-similar .property-swiper__prev svg,
.latest-new-build-properties .property-similar .property-swiper__next svg {
width: 50px;
}
}
.latest-new-build-properties .property-similar .property-swiper__prev svg circle,
.latest-new-build-properties .property-similar .property-swiper__next svg circle {
fill: transparent;
fill-opacity: 1;
stroke: #2d2d35;
transition: fill 0.45s cubic-bezier(0.16, 1, 0.3, 1), stroke 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}
.latest-new-build-properties .property-similar .property-swiper__prev svg path,
.latest-new-build-properties .property-similar .property-swiper__next svg path {
stroke: #2d2d35;
transition: stroke 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}
.latest-new-build-properties .property-similar .property-swiper__prev:hover svg circle,
.latest-new-build-properties .property-similar .property-swiper__next:hover svg circle {
fill: #ff2e69;
fill-opacity: 1;
}
.latest-new-build-properties .property-similar .property-swiper__prev:hover svg path,
.latest-new-build-properties .property-similar .property-swiper__next:hover svg path {
stroke: #2d2d35;
}
.latest-new-build-properties .property-similar .property-swiper__prev.swiper-button-disabled,
.latest-new-build-properties .property-similar .property-swiper__next.swiper-button-disabled {
opacity: 0.35;
pointer-events: none;
}
.latest-new-build-properties .property-swiper .mega-card {
display: block;
text-decoration: none;
color: #ffffff;
}
.latest-new-build-properties .property-swiper .mega-card__media {
aspect-ratio: 278.1475/225.8557;
overflow: hidden;
position: relative;
border-radius: 12px;
--parallax-y: 0px;
--parallax-scale: 1.06;
}
.latest-new-build-properties .property-swiper .mega-card__media .mega-card__tag {
position: absolute;
z-index: 1;
left: 0.5rem;
border-radius: 100px;
top: 0.5rem;
padding: 0.45rem 1.15rem;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
}
.latest-new-build-properties .property-swiper .mega-card__media .mega-card__tag.sell {
background-color: #ff2e69;
}
.latest-new-build-properties .property-swiper .mega-card__media img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
display: block;
transition: transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);
will-change: transform;
transform: translate3d(0, var(--parallax-y), 0) scale(1.06);
}
@media (prefers-reduced-motion: reduce) {
.latest-new-build-properties .property-swiper .mega-card__media img {
transform: scale(1);
}
}
.latest-new-build-properties .property-swiper .mega-card__media::after {
content: "View";
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding-block: 1rem;
text-align: center;
background-color: #ff2e69;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
color: #ffffff;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
line-height: 100%;
transform: translateY(110%);
opacity: 0;
transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease;
pointer-events: none;
z-index: 2;
}
.latest-new-build-properties .property-swiper .mega-card:hover .mega-card__media img,
.latest-new-build-properties .property-swiper .mega-card:focus-visible .mega-card__media img {
transform: translate3d(0, var(--parallax-y), 0) scale(1.12);
}
.latest-new-build-properties .property-swiper .mega-card:hover .mega-card__media::after,
.latest-new-build-properties .property-swiper .mega-card:focus-visible .mega-card__media::after {
transform: translateY(0);
opacity: 1;
}
.latest-new-build-properties .property-swiper .mega-card__body {
margin-top: 1.15rem;
}
.latest-new-build-properties .property-swiper .mega-card__price {
font-family: "IvyJournal", serif !important;
font-weight: normal;
font-style: normal;
font-size: clamp(17px, 17px + 5 * (100vw - 768px) / 672, 22px);
font-weight: 600;
}
.latest-new-build-properties .property-swiper .mega-card__title,
.latest-new-build-properties .property-swiper .mega-card__beds {
font-weight: 300;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
}
.latest-new-build-properties .property-swiper .property-swiper__pagination {
margin-top: 1rem;
}
.commercial-hero {
position: relative;
padding-top: 10rem;
padding-bottom: 5rem;
}
@media (min-width: 1600px) {
.commercial-hero {
padding-top: 11rem;
padding-bottom: 8rem;
}
}
@media (max-width: 768px) {
.commercial-hero {
padding-bottom: 0rem;
margin-bottom: -7rem;
}
}
.commercial-hero .left {
z-index: 1;
grid-column: 1/-1;
align-self: center;
}
@media (min-width: 1024px) {
.commercial-hero .left {
grid-column: span 6;
}
}
@media (min-width: 1600px) {
.commercial-hero .left {
grid-column: span 6;
}
}
.commercial-hero .right {
position: relative;
z-index: 1;
grid-column: 1/-1;
min-height: 400px;
margin-top: 2rem;
}
@media (min-width: 1024px) {
.commercial-hero .right {
grid-column: span 6;
margin-top: 0rem;
}
}
@media (min-width: 1600px) {
.commercial-hero .right {
grid-column: span 6;
margin-left: 4rem;
}
}
.commercial-hero h1 {
color: #2d2d35;
font-size: clamp(48px, 48px + 52 * (100vw - 768px) / 672, 100px);
line-height: 0.9;
}
.commercial-hero .hero-text {
color: #2d2d35;
max-width: 80%;
margin-top: 1rem;
}
@media (min-width: 1600px) {
.commercial-hero .hero-text {
margin-top: 0rem;
}
}
@media (max-width: 768px) {
.commercial-hero .hero-text {
max-width: 100%;
}
}
.commercial-hero .cta-button {
margin-top: 3rem;
}
.commercial-hero .bg-ribbon {
width: 100dvw;
height: auto;
position: absolute;
top: 9rem;
}
@media (max-width: 1024px) {
.commercial-hero .bg-ribbon {
top: 19rem;
}
}
@media (max-width: 768px) {
.commercial-hero .bg-ribbon {
top: 31rem;
}
}
.commercial-hero .hero-image {
position: absolute;
top: 2rem;
left: 0;
z-index: 1;
max-width: 600px;
}
@media (max-width: 1600px) {
.commercial-hero .hero-image {
max-width: 500px;
}
}
@media (max-width: 1024px) {
.commercial-hero .hero-image {
max-width: 400px;
left: 2rem;
}
}
@media (max-width: 768px) {
.commercial-hero .hero-image {
max-width: 200px;
left: 2rem;
}
}
.commercial-hero .hero-image {
transform: rotate(-5.64deg);
transform-origin: center;
}
.commercial-hero .hero-image img {
display: block;
border-radius: 12px;
}
.commercial-hero .hero-image_2 {
position: absolute;
right: 4rem;
bottom: 0rem;
z-index: 1;
max-width: 400px;
}
@media (max-width: 1600px) {
.commercial-hero .hero-image_2 {
max-width: 350px;
bottom: 9rem;
right: 0rem;
}
}
@media (max-width: 1280px) {
.commercial-hero .hero-image_2 {
max-width: 283px;
bottom: 13rem;
right: -1.5rem;
}
}
@media (max-width: 1024px) {
.commercial-hero .hero-image_2 {
bottom: 1rem;
right: 5.5rem;
}
}
@media (max-width: 768px) {
.commercial-hero .hero-image_2 {
max-width: 150px;
bottom: 13rem;
right: 1.5rem;
}
}
.commercial-hero .hero-image_2 {
transform: rotate(5.64deg);
transform-origin: center;
}
.commercial-hero .hero-image_2 img {
display: block;
border-radius: 12px;
}
.commercial-hero .mortgage-box {
background-color: #afe6ec;
border-radius: 12px;
padding: 2rem;
margin-top: 5rem;
gap: 1rem;
}
@media (min-width: 1600px) {
.commercial-hero .mortgage-box {
max-width: 90%;
}
}
.commercial-hero .mortgage-box .text {
max-width: 65%;
}
@media (max-width: 1024px) {
.commercial-hero .mortgage-box {
max-width: -moz-fit-content;
max-width: fit-content;
}
}
.commercial-hero .mortgage-box h3 {
font-size: clamp(22px, 22px + 10 * (100vw - 768px) / 672, 32px);
color: #2d2d35;
margin-bottom: 1rem;
line-height: 1;
}
.commercial-hero .mortgage-box svg {
width: 150px;
}
@media (max-width: 768px) {
.commercial-hero .mortgage-box svg {
width: 125px;
}
}
@media (max-width: 768px) {
.commercial-hero .mortgage-box .text p {
font-size: 14px;
}
}
@media (max-width: 768px) {
.commercial-hero .mortgage-box .cta-button {
margin-top: 1rem;
max-width: -moz-fit-content;
max-width: fit-content;
}
}
.latest-commercial-properties {
padding-top: 4rem;
z-index: 3;
}
@media (max-width: 1024px) {
.latest-commercial-properties {
padding-bottom: 3rem;
}
}
.latest-commercial-properties {
position: relative;
overflow: hidden;
background-color: #eeebe8;
}
.latest-commercial-properties .commercial-price,
.latest-commercial-properties .commercial-rent {
font-family: "IvyJournal", serif !important;
font-weight: normal;
font-style: normal;
font-weight: 600;
}
.latest-commercial-properties h2 {
font-size: clamp(32px, 32px + 18 * (100vw - 768px) / 672, 50px);
}
@media (max-width: 768px) {
.latest-commercial-properties h2 {
line-height: 1;
}
}
.latest-commercial-properties h2 {
color: #2d2d35;
}
.latest-commercial-properties .ribbon {
position: absolute;
z-index: -1;
width: 100vw;
}
@media (min-width: 2000px) {
.latest-commercial-properties .ribbon {
top: -50px;
}
}
@media (max-width: 768px) {
.latest-commercial-properties .ribbon {
top: 16rem;
}
}
.latest-commercial-properties .property-similar__top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
margin-bottom: 1.5rem;
}
.latest-commercial-properties .property-similar__nav {
display: flex;
align-items: center;
gap: 0.75rem;
flex: 0 0 auto;
}
.latest-commercial-properties .property-similar .property-swiper {
margin-top: 0.5rem;
width: 100%;
overflow: hidden;
}
@media (max-width: 768px) {
.latest-commercial-properties .property-similar .property-swiper {
overflow: visible;
}
}
.latest-commercial-properties .property-similar .property-swiper {
min-height: clamp(260px, 28vw, 420px);
opacity: 0;
transition: opacity 0.2s ease;
}
.latest-commercial-properties .property-similar .property-swiper.swiper-initialized {
opacity: 1;
}
.latest-commercial-properties .property-similar .property-swiper .swiper-wrapper {
align-items: stretch;
}
.latest-commercial-properties .property-similar .property-swiper .swiper-slide {
height: auto;
}
.latest-commercial-properties .property-similar .property-swiper__prev,
.latest-commercial-properties .property-similar .property-swiper__next {
position: static;
margin: 0;
width: auto;
height: auto;
min-width: 0;
min-height: 0;
padding: 0;
border: 0;
background: transparent;
box-shadow: none;
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
transform: none !important;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
flex: 0 0 auto;
cursor: pointer;
transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.latest-commercial-properties .property-similar .property-swiper__prev::after,
.latest-commercial-properties .property-similar .property-swiper__next::after {
display: none;
}
.latest-commercial-properties .property-similar .property-swiper__prev svg,
.latest-commercial-properties .property-similar .property-swiper__next svg {
display: block;
width: 60px;
}
@media (max-width: 768px) {
.latest-commercial-properties .property-similar .property-swiper__prev svg,
.latest-commercial-properties .property-similar .property-swiper__next svg {
width: 50px;
}
}
.latest-commercial-properties .property-similar .property-swiper__prev svg circle,
.latest-commercial-properties .property-similar .property-swiper__next svg circle {
fill: transparent;
fill-opacity: 1;
stroke: #2d2d35;
transition: fill 0.45s cubic-bezier(0.16, 1, 0.3, 1), stroke 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}
.latest-commercial-properties .property-similar .property-swiper__prev svg path,
.latest-commercial-properties .property-similar .property-swiper__next svg path {
stroke: #2d2d35;
transition: stroke 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}
.latest-commercial-properties .property-similar .property-swiper__prev:hover svg circle,
.latest-commercial-properties .property-similar .property-swiper__next:hover svg circle {
fill: #ff2e69;
fill-opacity: 1;
}
.latest-commercial-properties .property-similar .property-swiper__prev:hover svg path,
.latest-commercial-properties .property-similar .property-swiper__next:hover svg path {
stroke: #2d2d35;
}
.latest-commercial-properties .property-similar .property-swiper__prev.swiper-button-disabled,
.latest-commercial-properties .property-similar .property-swiper__next.swiper-button-disabled {
opacity: 0.35;
pointer-events: none;
}
.latest-commercial-properties .property-swiper .mega-card {
display: block;
text-decoration: none;
color: #ffffff;
}
.latest-commercial-properties .property-swiper .mega-card__media {
aspect-ratio: 278.1475/225.8557;
overflow: hidden;
position: relative;
border-radius: 12px;
--parallax-y: 0px;
--parallax-scale: 1.06;
}
.latest-commercial-properties .property-swiper .mega-card__media .mega-card__tag {
position: absolute;
z-index: 1;
left: 0.5rem;
border-radius: 100px;
top: 0.5rem;
padding: 0.45rem 1.15rem;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
}
.latest-commercial-properties .property-swiper .mega-card__media .mega-card__tag.sell {
background-color: #ff2e69;
}
.latest-commercial-properties .property-swiper .mega-card__media img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
display: block;
transition: transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);
will-change: transform;
transform: translate3d(0, var(--parallax-y), 0) scale(1.06);
}
@media (prefers-reduced-motion: reduce) {
.latest-commercial-properties .property-swiper .mega-card__media img {
transform: scale(1);
}
}
.latest-commercial-properties .property-swiper .mega-card__media::after {
content: "View";
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding-block: 1rem;
text-align: center;
background-color: #ffeb54;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
color: #2d2d35;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
line-height: 100%;
transform: translateY(110%);
opacity: 0;
transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease;
pointer-events: none;
z-index: 2;
}
.latest-commercial-properties .property-swiper .mega-card:hover .mega-card__media img,
.latest-commercial-properties .property-swiper .mega-card:focus-visible .mega-card__media img {
transform: translate3d(0, var(--parallax-y), 0) scale(1.12);
}
.latest-commercial-properties .property-swiper .mega-card:hover .mega-card__media::after,
.latest-commercial-properties .property-swiper .mega-card:focus-visible .mega-card__media::after {
transform: translateY(0);
opacity: 1;
}
.latest-commercial-properties .property-swiper .mega-card__body {
margin-top: 1.15rem;
}
.latest-commercial-properties .property-swiper .mega-card__price {
font-family: "IvyJournal", serif !important;
font-weight: normal;
font-style: normal;
font-size: clamp(17px, 17px + 5 * (100vw - 768px) / 672, 22px);
font-weight: 600;
}
.latest-commercial-properties .property-swiper .mega-card__title,
.latest-commercial-properties .property-swiper .mega-card__beds {
font-weight: 300;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
}
.latest-commercial-properties .property-swiper .property-swiper__pagination {
margin-top: 1rem;
}
.meet-the-team-hero {
background-color: #2d2d35;
}
.meet-the-team-hero .team-hero-container {
display: flex;
flex-direction: column;
}
@media (min-width: 1280px) {
.meet-the-team-hero .team-hero-container {
display: grid;
}
}
.meet-the-team-hero .team-hero-container {
grid-template-columns: repeat(12, 1fr);
}
.meet-the-team-hero .team-hero-container .title-container {
padding-top: 1rem;
}
@media (min-width: 768px) {
.meet-the-team-hero .team-hero-container .title-container {
padding-top: 0rem;
}
}
.meet-the-team-hero .team-hero-container .title-container {
grid-column: 1/4;
display: flex;
flex-direction: column;
gap: 2rem;
}
.meet-the-team-hero .team-hero-container .title-container .link-container {
cursor: pointer;
text-decoration: none;
}
.meet-the-team-hero .team-hero-container .title-container .link-container a {
text-decoration: none;
display: flex;
gap: 0.5rem;
}
.meet-the-team-hero .team-hero-container .title-container h1 {
line-height: 0.9;
font-size: clamp(48px, 48px + 52 * (100vw - 768px) / 672, 100px);
}
.meet-the-team-hero .team-hero-container .img-container {
height: 350px;
}
@media (min-width: 1280px) {
.meet-the-team-hero .team-hero-container .img-container {
height: unset;
display: block;
grid-column: 5/7;
max-height: 300px;
rotate: 5deg;
position: relative;
top: 100px;
}
}
.meet-the-team-hero .team-hero-container .img-container img {
border-radius: 12px;
}
.meet-the-team-hero .find-branch-container {
padding-top: 2rem;
padding-bottom: 2rem;
}
@media (min-width: 1280px) {
.meet-the-team-hero .find-branch-container {
grid-column: 8/13;
display: flex;
flex-direction: column;
height: 100%;
justify-content: end;
padding-bottom: 4rem;
}
}
.meet-the-team-hero .find-branch-container .local-branch {
color: #c1d42f;
}
.meet-the-team-hero .find-branch-container .card--branch-finder {
background: #38383f;
border-radius: 12px;
height: 200px;
}
@media (min-width: 768px) {
.meet-the-team-hero .find-branch-container .card--branch-finder {
height: 250px;
}
}
.meet-the-team-hero .find-branch-container .card--branch-finder {
padding: 2rem;
display: flex;
flex-direction: column;
justify-content: center;
}
.meet-the-team-hero .find-branch-container .card--branch-finder h3 {
color: #c1d42f;
max-width: 100%;
}
@media (min-width: 1280px) {
.meet-the-team-hero .find-branch-container .card--branch-finder h3 {
max-width: 75%;
}
}
.meet-the-team-hero .find-branch-container .card--branch-finder h3 {
line-height: 1;
}
@media (max-width: 768px) {
.meet-the-team-hero .find-branch-container .card--branch-finder {
max-width: 100%;
}
}
.meet-the-team-hero .find-branch-container .card--branch-finder {
position: relative;
}
.meet-the-team-hero .find-branch-container .card--branch-finder img {
display: none;
}
@media (min-width: 1280px) {
.meet-the-team-hero .find-branch-container .card--branch-finder img {
display: block;
}
}
.meet-the-team-hero .find-branch-container .card--branch-finder img {
width: 114px;
right: 1rem;
top: 2rem;
}
@media (min-width: 1600px) {
.meet-the-team-hero .find-branch-container .card--branch-finder img {
top: 1rem;
}
}
@media (min-width: 1600px) and (max-width: 1799px) {
.meet-the-team-hero .find-branch-container .card--branch-finder img {
top: 2rem;
right: 6rem;
width: 127px;
}
}
.meet-the-team-hero .find-branch-container .card--branch-finder img {
position: absolute;
height: auto;
}
@media (max-width: 1600px) {
.meet-the-team-hero .find-branch-container .card--branch-finder img {
width: 180px;
}
}
@media (min-width: 1279px) and (max-width: 1500px) {
.meet-the-team-hero .find-branch-container .card--branch-finder img {
top: 1rem;
right: 2rem;
width: 150px;
}
}
@media (max-width: 1280px) {
.meet-the-team-hero .find-branch-container .card--branch-finder img {
top: 21px;
width: 88px;
}
}
.meet-the-team-hero .find-branch-container .branch-finder-form button {
background: transparent;
border: 0;
cursor: pointer;
}
.meet-the-team-hero .find-branch-container .branch-finder-form button svg rect {
transition: fill 0.3s ease;
}
.meet-the-team-hero .find-branch-container .branch-finder-form button svg path {
transition: stroke 0.3s ease;
}
.meet-the-team-hero .find-branch-container .branch-finder-form button:hover svg rect {
fill: #ff2e69;
}
.meet-the-team-hero .find-branch-container .branch-finder-form button:hover svg path {
stroke: #ffffff;
}
.meet-the-team-hero .find-branch-container .branch-finder-form .branch-finder-form__field {
margin-top: 1.5rem;
display: flex;
gap: 1rem;
}
@media (max-width: 1600px) {
.meet-the-team-hero .find-branch-container .branch-finder-form .branch-finder-form__field {
gap: 0.5rem;
}
}
.meet-the-team-hero .find-branch-container .branch-finder-form .branch-finder-form__field input {
background: transparent;
max-height: 49px;
border: 1px solid rgb(193, 212, 47);
border-radius: 10px;
width: 550px;
}
@media (max-width: 1600px) {
.meet-the-team-hero .find-branch-container .branch-finder-form .branch-finder-form__field input {
width: 250px;
}
}
.meet-the-team-hero .find-branch-container .branch-finder-form .branch-finder-form__field input {
padding-left: 1rem;
padding-right: 1rem;
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
color: #faf8f4;
}
.meet-the-team-hero .find-branch-container .branch-finder-form .branch-finder-form__field input::-moz-placeholder {
color: #faf8f4;
}
.meet-the-team-hero .find-branch-container .branch-finder-form .branch-finder-form__field input::placeholder {
color: #faf8f4;
}
.meet-the-team-hero .find-branch-container .branch-finder-form .branch-finder-form__field input:focus-within {
background: #57575c;
}
.meet-the-team-hero .find-branch-container .branch-finder-form .branch-finder-form__field input:focus {
outline: none;
}
.two-column-cta {
background-color: #faf8f4;
}
.two-column-cta .cards-container {
display: grid;
gap: 1rem;
grid-template-columns: 1fr;
}
@media (min-width: 768px) {
.two-column-cta .cards-container {
grid-template-columns: 1fr 1fr;
}
}
.two-column-cta .cards-container .single-card-container {
padding: 3rem 2rem;
}
@media (min-width: 768px) {
.two-column-cta .cards-container .single-card-container {
padding: 4rem;
}
}
.two-column-cta .cards-container .single-card-container {
border-radius: 12px;
display: flex;
flex-direction: column;
}
@media (min-width: 1280px) {
.two-column-cta .cards-container .single-card-container {
flex-direction: row;
}
}
@media (max-width: 768px) {
.two-column-cta .cards-container .single-card-container .cta-button {
padding: 21px 32px;
}
}
.two-column-cta .cards-container .single-card-container .left-side {
width: 100%;
display: flex;
flex-direction: column;
gap: 2rem;
justify-content: space-between;
min-height: 220px;
}
@media (min-width: 768px) {
.two-column-cta .cards-container .single-card-container .left-side {
min-height: 275px;
}
}
@media (min-width: 1024px) {
.two-column-cta .cards-container .single-card-container .left-side {
min-height: 330px;
}
}
@media (min-width: 1280px) {
.two-column-cta .cards-container .single-card-container .left-side {
width: 50%;
}
}
.two-column-cta .cards-container .single-card-container .left-side .title {
font-size: clamp(36px, 36px + 24 * (100vw - 768px) / 672, 60px);
}
@media (min-width: 1024px) {
.two-column-cta .cards-container .single-card-container .left-side .title {
max-width: 250px;
}
}
.two-column-cta .cards-container .single-card-container .left-side .title {
line-height: 0.9;
}
.two-column-cta .cards-container .single-card-container .left-side .cta-button {
width: -moz-fit-content;
width: fit-content;
}
.two-column-cta .cards-container .single-card-container .right-side {
width: 50%;
height: 100%;
display: flex;
align-items: flex-end;
justify-content: flex-end;
margin-top: 2rem;
}
@media (min-width: 1280px) {
.two-column-cta .cards-container .single-card-container .right-side {
width: 50%;
margin-top: 0rem;
}
}
.two-column-cta .cards-container .single-card-container .right-side img {
max-width: 291px;
}
.team-members {
background-color: #faf8f4;
}
.team-members .team-members-container {
display: grid;
gap: 1rem;
grid-template-columns: 1fr;
}
@media (min-width: 768px) {
.team-members .team-members-container {
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 1024px) {
.team-members .team-members-container {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (min-width: 1600px) {
.team-members .team-members-container {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
.team-members .team-member-container {
position: relative;
border-radius: 12px;
overflow: hidden;
height: 450px; }
.team-members .team-member-container .name-hover {
position: absolute;
top: 25%;
right: 10%;
}
.team-members .team-member-container .name-hover .name {
font-size: clamp(1.125rem, 1.0032rem + 0.5195vw, 1.75rem);
color: #2d2d35;
font-family: "segoe-script", sans-serif !important;
}
.team-members .team-member-container .hover-div-container {
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: opacity 0.35s ease, transform 0.35s ease;
pointer-events: none;
height: 100%;
width: 100%;
position: absolute;
z-index: 2;
background: rgba(229, 235, 170, 0.937254902);
padding: 3rem 2.5rem;
}
@media (max-width: 1280px) {
.team-members .team-member-container .hover-div-container {
padding: 2rem 1.5rem;
}
}
.team-members .team-member-container .hover-div-container {
height: 100%;
}
.team-members .team-member-container .hover-div-container .contact-div {
display: none;
}
@media (max-width: 768px) {
.team-members .team-member-container .hover-div-container .contact-div {
align-items: flex-start;
gap: 1rem;
}
}
.team-members .team-member-container .hover-div-container .contact-div svg {
height: 15px;
width: 15px;
}
@media (min-width: 1600px) {
.team-members .team-member-container .hover-div-container .contact-div svg {
height: 20px;
width: 20px;
}
}
.team-members .team-member-container .hover-div-container .hover_description {
font-size: clamp(15px, 15px + 3 * (100vw - 768px) / 672, 18px);
}
@media (min-width: 1024px) {
.team-members .team-member-container .hover-div-container .hover_description {
font-size: clamp(15px, 15px + 3 * (100vw - 768px) / 672, 18px);
}
}
.team-members .team-member-container .hover-div-container .hover_description {
font-weight: 300;
}
.team-members .team-member-container .hover-div-container .gap-4 {
gap: 0.25rem;
}
.team-members .team-member-container .hover-div-container .email {
font-size: clamp(15px, 15px + 3 * (100vw - 768px) / 672, 18px);
}
@media (min-width: 1024px) {
.team-members .team-member-container .hover-div-container .email {
font-size: 14px;
}
}
@media (min-width: 1600px) {
.team-members .team-member-container .hover-div-container .email {
font-size: clamp(15px, 15px + 3 * (100vw - 768px) / 672, 18px);
}
}
.team-members .team-member-container .hover-div-container .phone_number {
font-size: clamp(15px, 15px + 3 * (100vw - 768px) / 672, 18px);
}
@media (min-width: 1024px) {
.team-members .team-member-container .hover-div-container .phone_number {
font-size: 14px;
}
}
@media (min-width: 1600px) {
.team-members .team-member-container .hover-div-container .phone_number {
font-size: clamp(15px, 15px + 3 * (100vw - 768px) / 672, 18px);
}
}
.team-members .team-member-container .hover-div-container .cta-button {
padding: 10px 15px;
}
.team-members .team-member-container .hover-div-container .cta-button span {
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
}
@media (min-width: 1024px) {
.team-members .team-member-container .hover-div-container .cta-button {
padding: 10px 6px;
}
}
@media (min-width: 1600px) {
.team-members .team-member-container .hover-div-container .cta-button {
padding: 10px 20px;
}
}
.team-members .team-member-container .hover-div-container-visible {
opacity: 1;
visibility: visible;
transform: translateY(0);
pointer-events: auto;
display: flex !important;
height: 100% !important;
flex-direction: column;
justify-content: space-between;
}
.team-members .team-member-container .hover-div-container-visible .contact-div {
display: flex;
}
.team-members { }
.team-members .team-member-image {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.team-members .full-name {
font-family: "IvyJournal", serif !important;
font-weight: 600;
font-style: normal;
font-size: clamp(22px, 22px + 10 * (100vw - 768px) / 672, 32px);
}
@media (min-width: 1024px) {
.team-members .full-name {
font-size: clamp(18px, 18px + 6 * (100vw - 768px) / 672, 24px);
}
}
.team-members .description {
font-weight: 300;
font-size: 14px;
}
.team-members { }
.team-members .team-member-content {
position: absolute;
bottom: 20px;
left: 20px;
right: 20px;
background-color: #e3eaa5;
padding: 20px;
border-radius: 12px;
}
.team-members .team-member-content,
.team-members .name-hover {
transition: opacity 0.25s ease, transform 0.25s ease;
}
.team-members .team-member-container.is-hovered .team-member-content,
.team-members .team-member-container.is-hovered .name-hover {
opacity: 0;
transform: translateY(10px);
}
.mortgages-hero {
position: relative;
padding-top: 10rem;
background-color: #faf8f4;
overflow: hidden;
padding-bottom: 10rem;
}
@media (min-width: 1600px) {
.mortgages-hero {
padding-top: 15rem;
padding-bottom: 15rem;
}
}
@media (max-width: 768px) {
.mortgages-hero {
padding-bottom: 0rem;
margin-bottom: -7rem;
}
}
.mortgages-hero .left {
z-index: 1;
grid-column: 1/-1;
align-self: center;
}
@media (min-width: 1024px) {
.mortgages-hero .left {
grid-column: span 6;
}
}
@media (min-width: 1600px) {
.mortgages-hero .left {
grid-column: span 6;
}
}
.mortgages-hero .left svg {
max-width: 250px;
margin-top: 2rem;
}
@media (max-width: 768px) {
.mortgages-hero .left svg {
max-width: 150px;
}
}
.mortgages-hero .right {
position: relative;
z-index: 1;
grid-column: 1/-1;
min-height: 400px;
margin-top: 2rem;
}
@media (min-width: 1024px) {
.mortgages-hero .right {
grid-column: span 6;
margin-top: 0rem;
}
}
@media (min-width: 1600px) {
.mortgages-hero .right {
grid-column: span 6;
margin-left: 4rem;
}
}
.mortgages-hero h1 {
color: #2d2d35;
font-size: clamp(48px, 48px + 52 * (100vw - 768px) / 672, 100px);
line-height: 0.9;
}
.mortgages-hero .hero-text {
color: #2d2d35;
max-width: 80%;
margin-top: 1rem;
}
@media (min-width: 1600px) {
.mortgages-hero .hero-text {
margin-top: 0rem;
}
}
@media (max-width: 768px) {
.mortgages-hero .hero-text {
max-width: 100%;
}
}
.mortgages-hero .cta-button {
margin-top: 3rem;
}
.mortgages-hero .cta-button span {
color: #ffffff;
}
.mortgages-hero .cta-button:hover span {
color: #2d2d35;
}
.mortgages-hero .bg-ribbon {
width: 100dvw;
height: auto;
position: absolute;
top: 9rem;
}
@media (max-width: 1024px) {
.mortgages-hero .bg-ribbon {
top: 19rem;
}
}
@media (max-width: 768px) {
.mortgages-hero .bg-ribbon {
top: 31rem;
}
}
.mortgages-hero .hero-image {
position: absolute;
top: 2rem;
left: 0;
z-index: 1;
max-width: 600px;
}
@media (max-width: 1600px) {
.mortgages-hero .hero-image {
max-width: 500px;
}
}
@media (max-width: 1024px) {
.mortgages-hero .hero-image {
max-width: 400px;
left: 2rem;
}
}
@media (max-width: 768px) {
.mortgages-hero .hero-image {
max-width: 200px;
left: 2rem;
}
}
.mortgages-hero .hero-image {
transform: rotate(-5.64deg);
transform-origin: center;
}
.mortgages-hero .hero-image img {
display: block;
border-radius: 12px;
}
.mortgages-hero .hero-image_2 {
position: absolute;
right: 4rem;
bottom: 0rem;
z-index: 2;
width: 100%;
max-width: 600px;
transform: none;
transform-origin: center;
}
.mortgages-hero .hero-image_2 img {
display: block;
width: 100%;
height: auto;
border-radius: 12px;
}
@media (max-width: 1600px) {
.mortgages-hero .hero-image_2 {
max-width: 500px;
}
}
@media (max-width: 1280px) {
.mortgages-hero .hero-image_2 {
max-width: 283px;
bottom: 13rem;
right: 2rem;
}
}
@media (max-width: 1024px) {
.mortgages-hero .hero-image_2 {
bottom: 1rem;
right: 5.5rem;
}
}
@media (max-width: 768px) {
.mortgages-hero .hero-image_2 {
max-width: 150px;
bottom: 13rem;
right: 1.5rem;
}
}
.mortgages-hero .hero-image_2 {
transform: rotate(5.64deg);
transform-origin: center;
}
.mortgages-hero .hero-image_2 img {
display: block;
border-radius: 12px;
}
.mortgage-calculators .left,
.mortgage-calculators .right {
grid-column: span 6;
}
@media (max-width: 1024px) {
.mortgage-calculators .left,
.mortgage-calculators .right {
grid-column: span 12;
}
}
.mortgage-calculators .property-calculator {
background-color: rgba(175, 230, 236, 0.5019607843);
border-radius: 12px;
padding: 3rem;
}
@media (max-width: 768px) {
.mortgage-calculators .property-calculator {
padding: 2rem 1rem;
}
}
.mortgage-calculators .property-calculator {
margin-top: 0rem !important;
}
.mortgage-calculators .property-calculator h2 {
font-size: clamp(26px, 26px + 14 * (100vw - 768px) / 672, 40px);
color: #2d2d35;
}
.mortgage-calculators .property-calculator label {
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
}
.mortgage-calculators .property-calculator .stamp-duty {
border-bottom: 1px solid #2d2d35;
padding-bottom: 2rem;
}
.mortgage-calculators .property-calculator .stamp-duty-calculator {
margin-top: 1.25rem;
}
.mortgage-calculators .property-calculator .stamp-duty-calculator label {
margin-bottom: 12px;
}
.mortgage-calculators .property-calculator .mortgage-input-wrap {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
}
.mortgage-calculators .property-calculator .mortgage-input-wrap button {
display: none;
}
.mortgage-calculators .property-calculator .mortgage-calculator-wrap {
margin-top: 2rem;
}
.mortgage-calculators .property-calculator .mortgage-calculator {
margin-top: 1rem;
position: relative;
}
.mortgage-calculators .property-calculator .mortgage-calculator label {
display: block;
margin: 0;
padding: 0;
margin-bottom: 12px;
}
.mortgage-calculators .property-calculator .input-wrap {
position: relative;
}
@media (max-width: 768px) {
.mortgage-calculators .property-calculator .input-wrap {
flex-direction: column;
}
}
.mortgage-calculators .property-calculator .input-wrap svg {
position: absolute;
right: 0px;
top: -79px;
width: 83px;
}
@media (min-width: 1600px) {
.mortgage-calculators .property-calculator .input-wrap svg {
width: 103px;
}
}
@media (max-width: 768px) {
.mortgage-calculators .property-calculator .input-wrap svg {
width: 63px;
top: -122px;
}
}
.mortgage-calculators .property-calculator input {
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
padding: 14px !important;
border: 1px solid #2d2d35;
border: 1px solid #d7d7d7;
font-weight: 300;
height: 44px;
}
.mortgage-calculators .property-calculator input::-moz-placeholder {
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
font-weight: 300;
}
.mortgage-calculators .property-calculator input::placeholder {
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
font-weight: 300;
}
.mortgage-calculators .property-calculator input[type=text] {
background-color: #ffffff;
border: 1px solid #d7d7d7;
color: #2d2d35;
line-height: 2;
border-radius: 5px;
margin: 0;
margin-bottom: 0px !important;
max-width: 150px;
font-weight: 300;
height: 44px;
}
.mortgage-calculators .property-calculator .stamp-duty-pound-wrap {
max-width: 160px;
}
.mortgage-calculators .property-calculator {
position: relative;
}
.mortgage-calculators .property-calculator .mortgage-icon {
position: absolute;
right: 3rem;
top: 0;
width: 110px;
}
@media (max-width: 768px) {
.mortgage-calculators .property-calculator .mortgage-icon {
display: none;
}
}
.mortgage-calculators .property-calculator select {
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
font-weight: 300;
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
padding: 10px 60px 10px 14px !important;
border: 1px solid #d7d7d7;
border-radius: 5px;
background-color: white;
color: #333;
line-height: 1;
width: 318px;
}
@media (max-width: 768px) {
.mortgage-calculators .property-calculator select {
width: 100%;
}
}
.mortgage-calculators .property-calculator select {
height: 44px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='13' cy='13' r='13' fill='%23D9D9D9'/%3E%3Cpath d='M18.2644 10.7583L13.0391 15.5166L7.81371 10.7583' stroke='%232D2D35'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 16px center;
background-size: 26px 26px;
cursor: pointer;
}
.mortgage-calculators .property-calculator .stamp-duty-pound-wrap {
width: 327px !important;
}
.mortgage-calculators .property-calculator select option {
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
font-weight: 300;
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
color: #2d2d35;
}
.mortgage-calculators .property-calculator button {
position: relative;
display: inline-flex;
align-items: center;
gap: 0.5rem;
position: absolute;
right: 0;
max-width: -moz-fit-content;
max-width: fit-content;
height: 60px;
}
@media (max-width: 768px) {
.mortgage-calculators .property-calculator button {
max-width: -moz-fit-content;
max-width: fit-content;
}
}
.mortgage-calculators .property-calculator button {
text-decoration: none;
color: #2d2d35;
border-radius: 12px;
transition: all 0.3s ease;
overflow: hidden;
height: 44px;
z-index: 0;
background-color: #00bbd8 !important;
cursor: pointer;
}
.mortgage-calculators .property-calculator button span {
font-size: clamp(16px, 16px + 4 * (100vw - 768px) / 672, 20px);
color: #2d2d35 !important;
}
.mortgage-calculators .property-calculator button::before {
content: "";
position: absolute;
inset: 0;
transform: translateY(100%);
}
@media (max-width: 768px) {
.mortgage-calculators .property-calculator button::before {
transform: translateY(103%);
}
}
.mortgage-calculators .property-calculator button::before {
transition: transform 0.35s ease;
background-color: #c1d42f;
z-index: -1;
}
.mortgage-calculators .property-calculator button:hover::before, .mortgage-calculators .property-calculator button:focus-visible::before {
transform: translateY(0);
}
.mortgage-calculators .property-calculator .results {
flex-direction: column;
align-items: flex-start;
}
.mortgage-calculators .property-calculator .stamp-duty-calculator-results {
margin-top: 1rem;
}
.mortgage-calculators .property-calculator .stamp-duty-calculator-results .results p {
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
font-weight: 300;
}
.mortgage-calculators .property-calculator .stamp-duty-calculator-results h4 {
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
text-transform: initial;
}
.mortgage-calculators .property-calculator .stamp-duty-calculator-results label {
display: none;
}
.mortgage-calculators .property-calculator .stamp-duty-calculator-results input {
background: none !important;
border: 0;
font-family: "IvyJournal", serif !important;
font-weight: normal;
font-style: normal;
font-weight: 600;
max-width: 100%;
margin-top: 0.5rem;
padding-left: 22px !important;
font-size: clamp(26px, 26px + 6px * (100vw - 1280px) / 400px, 32px) !important;
color: #2d2d35 !important;
-webkit-text-fill-color: #2d2d35 !important;
opacity: 1 !important;
-webkit-opacity: 1 !important;
}
.mortgage-calculators .property-calculator .stamp-duty-calculator-results .stamp-duty-pound {
font-family: IvyJournal, serif !important;
}
.mortgage-calculators .property-calculator .mortgage-calculator-results {
width: 100%;
}
.mortgage-calculators .property-calculator .mortgage-calculator-results input {
background: none !important;
border: 0;
color: #2d2d35;
font-family: "IvyJournal", serif !important;
font-weight: normal;
font-style: normal;
font-weight: 600;
width: 100%;
max-width: none;
padding-left: 0;
font-size: clamp(32px, 32px + 8px * (100vw - 1280px) / 400px, 40px) !important;
color: #2d2d35 !important;
-webkit-text-fill-color: #2d2d35 !important;
opacity: 1 !important;
-webkit-opacity: 1 !important;
}
.mortgage-calculators .property-calculator .mortgage-calculator-results .mortgage-pound {
font-family: IvyJournal, serif !important;
}
.mortgage-calculators .property-calculator .mortgage-calculator-results label {
margin-bottom: 0;
}
.mortgage-calculators .property-calculator .mortgage-calculator-results input {
padding-left: 22px !important;
font-size: clamp(26px, 26px + 6px * (100vw - 1280px) / 400px, 32px) !important;
}
.mortgage-calculators .property-calculator .mortgage-input-wrap {
width: 70%;
}
@media (max-width: 768px) {
.mortgage-calculators .property-calculator .mortgage-input-wrap {
flex-direction: column;
align-items: flex-start;
width: 100%;
}
}
.mortgage-calculators .property-calculator .mortgage-calculator {
display: flex;
flex-wrap: wrap;
gap: 16px;
}
.mortgage-calculators .property-calculator .mortgage-calculcator > div {
flex: 0 0 calc(50% - 8px);
}
@media (max-width: 768px) {
.mortgage-calculators .property-calculator .mortgage-input-wrap > div {
width: 100%;
}
}
.mortgage-calculators .property-calculator input[name=interest],
.mortgage-calculators .property-calculator label:has(+ input[name=interest]) {
display: none;
}
.mortgage-calculators .property-calculator .bottom-text .partnership {
margin-top: 1.5rem;
}
.mortgage-calculators .property-calculator .bottom-text .partnership span {
font-size: 14px;
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
font-weight: 300;
}
.mortgage-calculators .property-calculator .bottom-text .estimate {
font-size: 14px;
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
font-weight: 300;
margin-top: 1rem;
}
.mortgage-calculators .property-calculator .bottom-text .credit-score {
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
margin-top: 1rem;
}
.mortgage-calculators .property-calculator .bottom-text .free-trial {
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
font-weight: 300;
}
.mortgage-calculators .property-calculator .bottom-text .free-trial a {
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
font-weight: 400;
color: #2d2d35;
transition: all 0.3s;
}
.mortgage-calculators .property-calculator .bottom-text .free-trial a:hover {
opacity: 0.5;
}
.mortgage-calculators .mortgage-advice {
margin-top: 1.5rem;
}
@media (max-width: 768px) {
.mortgage-calculators .mortgage-advice {
flex-direction: column;
gap: 1rem !important;
justify-content: centre;
}
}
.mortgage-calculators .mortgage-advice p {
font-size: clamp(16px, 16px + 4 * (100vw - 768px) / 672, 20px);
}
@media (max-width: 768px) {
.mortgage-calculators .mortgage-advice p {
text-align: center;
}
}
.mortgage-calculators .mortgage-advice .cta-button {
border-radius: 10px;
}
.mortgage-calculators .mortgage-advice .cta-button span {
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
}
.mortgage-calculators .borrow-calculator {
background-color: rgba(175, 230, 236, 0.5019607843);
border-radius: 12px;
padding: 3rem;
height: 100%;
margin-top: 0 !important;
position: relative;
}
@media (max-width: 768px) {
.mortgage-calculators .borrow-calculator {
padding: 2rem 1rem;
}
}
.mortgage-calculators .borrow-calculator h2 {
font-size: clamp(26px, 26px + 14 * (100vw - 768px) / 672, 40px);
color: #2d2d35;
margin-bottom: 1.25rem;
}
.mortgage-calculators .borrow-calculator label {
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
display: block;
margin-bottom: 12px;
}
.mortgage-calculators .borrow-calculator input {
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
padding: 14px !important;
border: 1px solid #2d2d35;
border: 1px solid #d7d7d7;
border-radius: 5px;
background: white;
color: #2d2d35;
font-weight: 300;
height: 44px;
width: 100%;
}
.mortgage-calculators .borrow-calculator input::-moz-placeholder {
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
font-weight: 300;
}
.mortgage-calculators .borrow-calculator input::placeholder {
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
font-weight: 300;
}
.mortgage-calculators .borrow-calculator .borrow-calculator__form {
display: flex;
flex-wrap: wrap;
gap: 16px;
margin-top: 1rem;
}
.mortgage-calculators .borrow-calculator .borrow-calculator__button-wrap {
display: none;
}
.mortgage-calculators .borrow-calculator .borrow-calculator__result {
margin-top: 1.5rem;
}
.mortgage-calculators .borrow-calculator .borrow-calculator__intro {
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
font-weight: 400;
margin-bottom: 0.25rem;
}
.mortgage-calculators .borrow-calculator .borrow-calculator__result h3 {
background: none !important;
border: 0;
color: #2d2d35;
font-family: "IvyJournal", serif !important;
font-weight: normal;
font-style: normal;
font-weight: 600;
width: 100%;
margin-bottom: 2rem !important;
text-transform: initial;
max-width: none;
margin: 0;
font-size: clamp(22px, 22px + 10 * (100vw - 768px) / 672, 32px);
color: #2d2d35 !important;
-webkit-text-fill-color: #2d2d35 !important;
opacity: 1 !important;
-webkit-opacity: 1 !important;
}
.mortgage-calculators .borrow-calculator .borrow-calculator__small {
font-size: 14px;
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
font-weight: 300;
margin-top: 1rem;
}
.mortgage-team-members {
background-color: #faf8f4;
}
.mortgage-team-members h2 {
font-size: clamp(32px, 32px + 18 * (100vw - 768px) / 672, 50px);
margin-bottom: 2rem;
color: #2d2d35;
}
.mortgage-team-members .team-members-container {
display: grid;
gap: 1rem;
grid-template-columns: 1fr;
}
@media (min-width: 768px) {
.mortgage-team-members .team-members-container {
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 1024px) {
.mortgage-team-members .team-members-container {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (min-width: 1600px) {
.mortgage-team-members .team-members-container {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
.mortgage-team-members .team-member-container {
position: relative;
border-radius: 12px;
overflow: hidden;
height: 450px; }
.mortgage-team-members .team-member-container .name-hover {
position: absolute;
top: 25%;
right: 10%;
}
.mortgage-team-members .team-member-container .name-hover .name {
font-size: clamp(1.125rem, 1.0032rem + 0.5195vw, 1.75rem);
color: #2d2d35;
font-family: "segoe-script", sans-serif !important;
}
.mortgage-team-members .team-member-container .hover-div-container {
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: opacity 0.35s ease, transform 0.35s ease;
pointer-events: none;
height: 100%;
width: 100%;
position: absolute;
z-index: 2;
background-color: #afe6ec;
padding: 3rem 2.5rem;
}
@media (max-width: 1280px) {
.mortgage-team-members .team-member-container .hover-div-container {
padding: 2rem 1.5rem;
}
}
.mortgage-team-members .team-member-container .hover-div-container {
height: 100%;
}
.mortgage-team-members .team-member-container .hover-div-container .contact-div {
display: none;
}
@media (max-width: 768px) {
.mortgage-team-members .team-member-container .hover-div-container .contact-div {
align-items: flex-start;
gap: 1rem;
}
}
.mortgage-team-members .team-member-container .hover-div-container .contact-div svg {
height: 15px;
width: 15px;
}
@media (min-width: 1600px) {
.mortgage-team-members .team-member-container .hover-div-container .contact-div svg {
height: 20px;
width: 20px;
}
}
.mortgage-team-members .team-member-container .hover-div-container .hover_description {
font-size: clamp(15px, 15px + 3 * (100vw - 768px) / 672, 18px);
}
@media (min-width: 1024px) {
.mortgage-team-members .team-member-container .hover-div-container .hover_description {
font-size: clamp(15px, 15px + 3 * (100vw - 768px) / 672, 18px);
}
}
.mortgage-team-members .team-member-container .hover-div-container .hover_description {
font-weight: 300;
}
.mortgage-team-members .team-member-container .hover-div-container .gap-4 {
gap: 0.25rem;
}
.mortgage-team-members .team-member-container .hover-div-container .email {
font-size: clamp(15px, 15px + 3 * (100vw - 768px) / 672, 18px);
}
@media (min-width: 1024px) {
.mortgage-team-members .team-member-container .hover-div-container .email {
font-size: 14px;
}
}
@media (min-width: 1600px) {
.mortgage-team-members .team-member-container .hover-div-container .email {
font-size: clamp(15px, 15px + 3 * (100vw - 768px) / 672, 18px);
}
}
.mortgage-team-members .team-member-container .hover-div-container .phone_number {
font-size: clamp(15px, 15px + 3 * (100vw - 768px) / 672, 18px);
}
@media (min-width: 1024px) {
.mortgage-team-members .team-member-container .hover-div-container .phone_number {
font-size: 14px;
}
}
@media (min-width: 1600px) {
.mortgage-team-members .team-member-container .hover-div-container .phone_number {
font-size: clamp(15px, 15px + 3 * (100vw - 768px) / 672, 18px);
}
}
.mortgage-team-members .team-member-container .hover-div-container .cta-button {
padding: 10px 15px;
}
.mortgage-team-members .team-member-container .hover-div-container .cta-button span {
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
}
@media (min-width: 1024px) {
.mortgage-team-members .team-member-container .hover-div-container .cta-button {
padding: 10px 6px;
}
}
@media (min-width: 1600px) {
.mortgage-team-members .team-member-container .hover-div-container .cta-button {
padding: 10px 20px;
}
}
.mortgage-team-members .team-member-container .hover-div-container-visible {
opacity: 1;
visibility: visible;
transform: translateY(0);
pointer-events: auto;
display: flex !important;
height: 100% !important;
flex-direction: column;
justify-content: space-between;
}
.mortgage-team-members .team-member-container .hover-div-container-visible .contact-div {
display: flex;
}
.mortgage-team-members { }
.mortgage-team-members .team-member-image {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.mortgage-team-members .full-name {
font-family: "IvyJournal", serif !important;
font-weight: 600;
font-style: normal;
font-size: clamp(22px, 22px + 10 * (100vw - 768px) / 672, 32px);
}
@media (min-width: 1024px) {
.mortgage-team-members .full-name {
font-size: clamp(18px, 18px + 6 * (100vw - 768px) / 672, 24px);
}
}
.mortgage-team-members .description {
font-weight: 300;
font-size: 14px;
}
.mortgage-team-members { }
.mortgage-team-members .team-member-content {
position: absolute;
bottom: 20px;
left: 20px;
right: 20px;
background-color: #afe6ec;
padding: 20px;
border-radius: 12px;
}
.mortgage-team-members .team-member-content,
.mortgage-team-members .name-hover {
transition: opacity 0.25s ease, transform 0.25s ease;
}
.mortgage-team-members .team-member-container.is-hovered .team-member-content,
.mortgage-team-members .team-member-container.is-hovered .name-hover {
opacity: 0;
transform: translateY(10px);
}
.left-fixed-right-repeater {
background-color: #faf8f4;
color: #2d2d35;
}
.left-fixed-right-repeater .underline {
text-decoration: underline;
text-underline-offset: 5px;
text-decoration-color: #ff2e69;
}
.left-fixed-right-repeater .main-container {
display: grid;
grid-template-columns: repeat(12, 1fr);
}
.left-fixed-right-repeater .main-container .left-container {
grid-column: 1/-1;
}
@media (min-width: 1024px) {
.left-fixed-right-repeater .main-container .left-container {
padding-top: 4rem;
grid-column: 1/4;
}
}
.left-fixed-right-repeater .main-container .left-container .left-parent {
display: flex;
flex-direction: column;
position: sticky;
top: 8rem;
gap: 1rem;
}
.left-fixed-right-repeater .main-container .left-container .left-parent .subheading {
font-size: clamp(19px, 19px + 7 * (100vw - 768px) / 672, 26px);
}
.left-fixed-right-repeater .main-container .left-container .left-parent .p-body {
font-size: clamp(16px, 16px + 4 * (100vw - 768px) / 672, 20px);
color: #38383f;
}
.left-fixed-right-repeater .main-container .left-container h3 {
line-height: 1;
}
.left-fixed-right-repeater .main-container .left-container h3 span {
font-family: "DIN Condensed", sans-serif !important;
font-weight: normal;
font-style: normal;
line-height: 1;
}
.left-fixed-right-repeater .main-container .right-container {
grid-column: 1/-1;
padding-top: 1rem;
display: grid;
grid-template-columns: 1fr;
gap: 1.5rem;
}
@media (min-width: 1024px) {
.left-fixed-right-repeater .main-container .right-container {
grid-column: 5/13;
grid-template-columns: 1fr 1fr;
}
}
.left-fixed-right-repeater .main-container .right-container .repeater-item {
display: flex;
flex-direction: column;
gap: 1rem;
padding-bottom: 2rem;
}
@media (min-width: 1024px) {
.left-fixed-right-repeater .main-container .right-container .repeater-item {
padding-bottom: 4rem;
}
}
.left-fixed-right-repeater .main-container .right-container .repeater-item img {
border-radius: 1rem;
height: 250px;
}
@media (min-width: 1024px) {
.left-fixed-right-repeater .main-container .right-container .repeater-item img {
height: 300px;
}
}
.left-fixed-right-repeater .main-container .right-container .repeater-item .title {
padding-top: 1rem;
font-size: clamp(26px, 26px + 14 * (100vw - 768px) / 672, 40px);
text-transform: uppercase;
}
.left-fixed-right-repeater .main-container .right-container .repeater-item .title span {
font-family: "DIN Condensed", sans-serif !important;
font-weight: normal;
font-style: normal;
line-height: 1;
}
.left-fixed-right-repeater .main-container .right-container .repeater-item .description {
font-size: clamp(16px, 16px + 4 * (100vw - 768px) / 672, 20px);
color: #38383f;
}
.why-sell-with-ashtons-hero {
background-color: #2d2d35;
position: relative;
margin-top: 2rem;
overflow: hidden;
}
.why-sell-with-ashtons-hero .svg-bg {
width: 100vw;
position: absolute;
}
.why-sell-with-ashtons-hero .ribbon {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
height: 100%;
width: auto;
min-height: 100%;
display: block;
pointer-events: none;
z-index: 1;
}
@media (max-width: 1024px) {
.why-sell-with-ashtons-hero .ribbon {
z-index: 0;
top: 82%;
}
}
.why-sell-with-ashtons-hero .bg-dec {
position: absolute;
width: 100dvw;
top: 37%;
left: 85%;
transform: translate(-50%, -50%);
overflow: hidden;
pointer-events: none;
}
@media (max-width: 768px) {
.why-sell-with-ashtons-hero .bg-dec {
top: 30%;
}
}
.why-sell-with-ashtons-hero .hero-container {
display: grid;
position: relative;
grid-template-columns: repeat(12, 1fr);
color: #faf8f4;
}
.why-sell-with-ashtons-hero .hero-container .left-container {
grid-column: 1/-1;
}
@media (min-width: 1200px) {
.why-sell-with-ashtons-hero .hero-container .left-container {
grid-column: 1/7;
}
}
.why-sell-with-ashtons-hero .hero-container .left-container {
display: flex;
flex-direction: column;
gap: 2rem;
}
.why-sell-with-ashtons-hero .hero-container .left-container h1 {
line-height: 0.9;
color: #faf8f4;
}
.why-sell-with-ashtons-hero .hero-container .left-container h1 .line-one {
white-space: nowrap;
}
.why-sell-with-ashtons-hero .hero-container .left-container h1 span {
font-family: "DIN Condensed", sans-serif !important;
font-weight: normal;
font-style: normal;
line-height: 0.9;
}
.why-sell-with-ashtons-hero .hero-container .left-container p {
width: 80%;
font-size: clamp(16px, 16px + 4 * (100vw - 768px) / 672, 20px);
}
@media (min-width: 1280px) {
.why-sell-with-ashtons-hero .hero-container .left-container p {
width: 60%;
}
}
.why-sell-with-ashtons-hero .hero-container .left-container .links-container {
display: flex;
gap: 0.5rem;
}
.why-sell-with-ashtons-hero .hero-container .left-container .links-container a {
padding: 0.75rem 1.25rem;
border-radius: 1.5rem;
background-color: #38383f;
text-decoration: none;
color: #faf8f4;
}
.why-sell-with-ashtons-hero .hero-container .right-container {
grid-column: 1/-1;
padding-top: 2rem;
}
@media (min-width: 1200px) {
.why-sell-with-ashtons-hero .hero-container .right-container {
grid-column: 7/13;
}
}
.why-sell-with-ashtons-hero .hero-container .right-container {
display: flex;
justify-content: center;
align-self: center;
z-index: 2;
}
.why-sell-with-ashtons-hero .hero-container .right-container .form-container p {
color: #000;
}
.why-sell-with-ashtons-hero .hero-container .right-container .form-container .svg-container {
display: none;
position: absolute;
top: 10%;
right: 8%;
width: 40px;
height: 40px;
}
@media (min-width: 768px) {
.why-sell-with-ashtons-hero .hero-container .right-container .form-container .svg-container {
display: flex;
}
}
@media (min-width: 1024px) {
.why-sell-with-ashtons-hero .hero-container .right-container .form-container .svg-container {
width: 60px;
height: 60px;
}
}
.why-sell-with-ashtons-hero .hero-container .right-container .form-container .svg-container {
align-items: center;
justify-content: center;
}
.why-sell-with-ashtons-hero .hero-container .right-container .form-container .form-card {
position: relative;
background: #faf8f4;
border-radius: 12px;
padding: 2rem;
}
@media (min-width: 768px) {
.why-sell-with-ashtons-hero .hero-container .right-container .form-container .form-card {
min-width: 750px;
}
}
@media (min-width: 1024px) {
.why-sell-with-ashtons-hero .hero-container .right-container .form-container .form-card {
min-width: 625px;
}
}
@media (min-width: 1280px) {
.why-sell-with-ashtons-hero .hero-container .right-container .form-container .form-card {
min-width: 670px;
}
}
@media (min-width: 1300px) {
.why-sell-with-ashtons-hero .hero-container .right-container .form-container .form-card {
min-width: 680px;
}
}
@media (min-width: 1350px) {
.why-sell-with-ashtons-hero .hero-container .right-container .form-container .form-card {
min-width: 700px;
}
}
@media (min-width: 1600px) {
.why-sell-with-ashtons-hero .hero-container .right-container .form-container .form-card {
min-width: 800px;
}
}
.why-sell-with-ashtons-hero .hero-container .right-container .form-container .form-card {
position: relative;
}
.why-sell-with-ashtons-hero .hero-container .right-container .form-container .form-card h3 {
color: #2d2d35;
font-size: clamp(36px, 36px + 24 * (100vw - 768px) / 672, 60px);
}
.why-sell-with-ashtons-hero .hero-container .right-container .form-container .form-card .gform_wrapper {
margin: 0;
}
.why-sell-with-ashtons-hero .hero-container .right-container .form-container .form-card .gform_wrapper .gform_validation_errors {
display: none;
}
.why-sell-with-ashtons-hero .hero-container .right-container .form-container .form-card .gform_wrapper .gform_body {
margin: 0;
}
.why-sell-with-ashtons-hero .hero-container .right-container .form-container .form-card .gform_wrapper form {
display: grid;
gap: 0.5rem;
}
@media (min-width: 768px) {
.why-sell-with-ashtons-hero .hero-container .right-container .form-container .form-card .gform_wrapper form {
gap: 1rem;
}
}
.why-sell-with-ashtons-hero .hero-container .right-container .form-container .form-card .gform_wrapper form {
grid-template-columns: repeat(12, 1fr);
}
.why-sell-with-ashtons-hero .hero-container .right-container .form-container .form-card .gform_wrapper form input {
height: 100%;
padding-left: 1rem;
border-radius: 5px;
border: 1px solid #d7d7d7;
min-height: 50px;
background-color: transparent;
box-shadow: none;
outline: none;
}
.why-sell-with-ashtons-hero .hero-container .right-container .form-container .form-card .gform_wrapper form .gform_validation_errors {
display: none;
}
.why-sell-with-ashtons-hero .hero-container .right-container .form-container .form-card .gform_wrapper form .gform_validation_errors .gform_submission_errors {
display: none;
}
.why-sell-with-ashtons-hero .hero-container .right-container .form-container .form-card .gform_wrapper form h2 {
font-family: "Area Normal" !important;
}
.why-sell-with-ashtons-hero .hero-container .right-container .form-container .form-card .gform_wrapper form .validation_message {
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
}
.why-sell-with-ashtons-hero .hero-container .right-container .form-container .form-card .gform_wrapper form .gform_body {
grid-column: 1/8;
}
@media (min-width: 768px) {
.why-sell-with-ashtons-hero .hero-container .right-container .form-container .form-card .gform_wrapper form .gform_body {
grid-column: 1/9;
}
}
.why-sell-with-ashtons-hero .hero-container .right-container .form-container .form-card .gform_wrapper form .gform_footer {
grid-column: 8/13;
}
@media (min-width: 768px) {
.why-sell-with-ashtons-hero .hero-container .right-container .form-container .form-card .gform_wrapper form .gform_footer {
grid-column: 9/13;
}
}
.why-sell-with-ashtons-hero .hero-container .right-container .form-container .form-card .gform_wrapper form .gform_footer a {
width: 100%;
max-height: 50px;
text-align: center;
padding: 16px 5px 16px 5px !important;
}
@media (min-width: 768px) {
.why-sell-with-ashtons-hero .hero-container .right-container .form-container .form-card .gform_wrapper form .gform_footer a {
padding: unset;
}
}
.why-sell-with-ashtons-hero .hero-container .right-container .form-container .form-card .gform_wrapper form .gform_footer a span {
width: 100%;
}
.why-sell-with-ashtons-hero .hero-container .right-container .form-container .form-card .gform_wrapper .gfield_label {
display: none;
}
.why-sell-with-ashtons-hero .hero-container .right-container .form-container .form-card .gform_wrapper .gform_footer {
margin: 0;
padding: 0;
}
.why-sell-with-ashtons-hero .hero-container .right-container .form-container .form-card .gform_wrapper .gform_wrapper form {
gap: 1rem;
align-items: center;
}
.why-sell-with-ashtons-hero .hero-container .right-container .form-container .form-card .gform_wrapper .gform_wrapper input[type=text] {
width: 100%;
background-color: transparent;
border-radius: 6px;
padding: 0.75rem 1rem;
background: transparent;
}
.why-sell-with-ashtons-hero .hero-container .right-container .form-container .form-card .gform_wrapper input::-moz-placeholder {
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
}
.why-sell-with-ashtons-hero .hero-container .right-container .form-container .form-card .gform_wrapper input::placeholder {
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
}
.why-sell-with-ashtons-hero .hero-container .right-container .form-container .form-card .gform_wrapper .gform_wrapper input[type=submit] {
background: #c1d42f;
border: none;
border-radius: 8px;
padding: 0.75rem 1.25rem;
font-weight: 600;
cursor: pointer;
}
.why-sell-with-ashtons-hero .hero-container .right-container .form-container .form-card .form-helper {
text-decoration: underline;
margin-top: 1rem;
color: #2d2d35;
}
.branch-listing-hero {
position: relative;
overflow: hidden;
padding-top: 200px;
}
.branch-listing-hero .background-svg {
position: absolute;
bottom: 40%;
transform: translateY(50%);
right: 0%;
pointer-events: none;
z-index: 1;
-webkit-mask-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.15) 10%, rgba(0, 0, 0, 0.5) 18%, black 30%, black 65%, rgba(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0.15) 90%, transparent 100%);
mask-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.15) 10%, rgba(0, 0, 0, 0.5) 18%, black 30%, black 65%, rgba(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0.15) 90%, transparent 100%);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
}
.branch-listing-hero .background-svg svg {
width: 100%;
height: 100%;
display: block;
}
@media (min-width: 1024px) {
.branch-listing-hero .background-svg {
bottom: 10%;
}
}
.branch-listing-hero h1 {
position: relative;
z-index: 2;
color: #c1d42f;
font-size: clamp(44px, 44px + 36 * (100vw - 768px) / 672, 80px);
line-height: 1;
margin-bottom: -20px;
}
.branch-listing-hero p {
position: relative;
z-index: 2;
color: #ffffff;
font-size: clamp(15px, 15px + 3 * (100vw - 768px) / 672, 18px);
font-weight: 300;
}
.branch-listing-hero .form-wrap {
grid-column: 1/-1;
width: 100%;
}
.branch-listing-hero .form-wrap form {
width: 100%;
display: flex;
flex-direction: column;
}
.branch-listing-hero .form-wrap form .inner-form {
display: flex;
gap: 1.5rem;
}
.branch-listing-hero .form-wrap form input {
border-radius: 10px;
border: 1.5px solid #c1d42f;
padding: 1rem 0.75rem;
width: 100%;
background: transparent;
line-height: normal;
color: #ffffff;
font-family: "Area Normal", sans-serif !important;
font-weight: 400;
font-style: normal;
font-size: clamp(15px, 15px + 3 * (100vw - 768px) / 672, 18px);
}
.branch-listing-hero .form-wrap form button {
display: flex;
width: 54px;
height: 54px;
padding: 30px;
justify-content: center;
align-items: center;
border-radius: 10px;
background-color: #c1d42f;
cursor: pointer;
}
.branch-listing-hero .form-wrap form button svg {
flex-shrink: 0;
}
@media (min-width: 1024px) {
.branch-listing-hero .form-wrap {
grid-column: 1/7;
width: -moz-max-content;
width: max-content;
}
}
.branch-listing-hero .right {
display: flex;
grid-column: 1/-1;
justify-content: flex-start;
align-items: flex-end;
height: 100%;
margin-top: 0.5rem;
}
.branch-listing-hero .right .cta-button {
flex-shrink: 0;
}
@media (max-width: 1024px) {
.branch-listing-hero .right .flex {
flex-direction: column;
align-items: flex-start;
}
}
@media (min-width: 1024px) {
.branch-listing-hero .right {
grid-column: 8/-1;
justify-content: flex-end;
margin-top: 0;
}
}
@media (min-width: 1024px) {
.branch-listing-hero {
padding-top: 250px;
}
}
.branch-listing { }
.branch-listing .results-wrap {
display: flex;
gap: 1.25rem;
margin-top: 0rem;
padding-top: 1.5rem;
flex-direction: column;
}
.branch-listing .inner-wrap {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 2.5rem 1.5rem;
grid-auto-flow: row;
}
.branch-listing .inner-wrap .card {
grid-column: 1/-1;
text-decoration: none;
display: flex;
flex-direction: column;
height: 100%;
}
.branch-listing .inner-wrap .card .thumb-wrap img {
transition: all 0.3s ease-in-out;
}
.branch-listing .inner-wrap .card:hover .thumb-wrap img {
transform: scale(1.06);
}
@media (min-width: 768px) {
.branch-listing .inner-wrap .card {
grid-column: span 6;
}
}
@media (min-width: 1280px) {
.branch-listing .inner-wrap .card {
grid-column: span 3;
}
}
.branch-listing .inner-wrap .thumb-wrap {
aspect-ratio: 432/351;
position: relative;
overflow: hidden;
border-radius: 12px;
}
.branch-listing .inner-wrap .thumb-wrap .title {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 1rem;
text-align: left;
background-color: #c1d42f;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
color: #2d2d35;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
line-height: 100%;
transform: translateY(0%);
opacity: 1;
transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease;
pointer-events: none;
z-index: 2;
}
.branch-listing .inner-wrap .thumb-wrap .title h2 {
line-height: 1;
color: #2d2d35;
font-family: "IvyJournal", serif !important;
font-weight: 600;
font-style: normal;
font-size: clamp(17px, 17px + 5 * (100vw - 768px) / 672, 22px);
text-transform: none;
}
.branch-listing .inner-wrap .thumb-wrap img {
transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
border-radius: 12px;
}
.branch-listing .inner-wrap .content {
padding-top: 1rem;
display: flex;
flex-direction: column;
flex: 1;
}
.branch-listing .inner-wrap .content p {
color: #2d2d35;
font-family: "Area Normal", sans-serif !important;
font-weight: 300;
font-style: normal;
font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 672, 16px);
line-height: 140%; }
.branch-listing .inner-wrap .content span {
font-family: "Area Normal", sans-serif !important;
font-weight: 800;
font-style: normal;
}
.branch-listing .inner-wrap .content .contact {
margin-top: auto;
}
@media (min-width: 1024px) {
.branch-listing .inner-wrap {
gap: 2rem 1.5rem;
}
}
.branch-listing { }
.branch-listing .pagination-wrap {
padding: 2rem 0;
}
.branch-listing .pagination-wrap .page-numbers {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
list-style: none;
padding: 0;
text-decoration: none;
color: #2d2d35;
font-family: "Area Normal", sans-serif !important;
font-weight: 400;
font-style: normal;
font-size: clamp(15px, 15px + 3 * (100vw - 768px) / 672, 18px);
text-align: center;
}
.branch-listing .pagination-wrap .page-numbers li {
margin: 0;
list-style: none;
}
.branch-listing .pagination-wrap .page-numbers a,
.branch-listing .pagination-wrap .page-numbers span {
display: flex;
align-items: center;
justify-content: center;
}
.branch-listing .pagination-wrap .page-numbers svg {
overflow: visible;
}
.branch-listing .pagination-wrap .page-numbers svg circle {
fill: #faf8f4;
stroke: #2d2d35;
transition: fill 0.35s ease, stroke 0.35s ease;
opacity: 1;
}
.branch-listing .pagination-wrap .page-numbers svg path {
stroke: #2d2d35;
}
.branch-listing .pagination-wrap .page-numbers svg:hover circle {
fill: #c1d42f;
fill-opacity: 1;
}
.branch-listing .pagination-wrap .page-numbers svg:hover path {
stroke: #2d2d35;
}
.branch-listing .pagination-wrap .page-numbers .disabled {
pointer-events: none;
}
.branch-listing .pagination-wrap .page-numbers .disabled svg {
opacity: 0.4;
}
.branch-listing .pagination-wrap .page-numbers.current {
border-bottom: solid 1px #c1d42f;
}
.branch-listing #branch-listing-map {
display: none;
width: 100%;
margin-top: 0rem;
border-radius: 12px;
height: 600px;
}
@media (min-width: 1600px) {
.branch-listing #branch-listing-map {
height: 900px;
}
}
.branch-listing #btn-show-listings.is-active,
.branch-listing #btn-show-map.is-active {
background: #2d2d35;
color: #fff;
border-color: #2d2d35;
}
.stats-v2 {
position: relative;
}
.stats-v2 h2 {
font-size: clamp(32px, 32px + 18 * (100vw - 768px) / 672, 50px);
color: #2d2d35;
}
.stats-v2 .wrap {
z-index: 2;
position: relative;
}
.stats-v2 .cta-button {
display: flex;
justify-content: center;
max-width: -moz-fit-content;
max-width: fit-content;
margin: 2rem auto;
}
@media (min-width: 1600px) {
.stats-v2 .cta-button {
margin: 3rem auto;
}
}
.stats-v2 .stats-grid {
display: flex;
flex-wrap: wrap;
gap: 32px;
margin-top: 2rem;
border-radius: 10px;
z-index: 1;
}
@media (max-width: 768px) {
.stats-v2 .stats-grid {
gap: 16px;
}
}
.stats-v2 .stat-item {
flex: 1 1 calc(25% - 24px);
text-align: center;
border-radius: 12px;
padding: 2rem;
}
@media (max-width: 1280px) {
.stats-v2 .stat-item {
flex: 1 1 calc(50% - 16px);
}
}
@media (max-width: 768px) {
.stats-v2 .stat-item {
flex: 1 1 100%;
padding: 1.5rem;
}
}
.stats-v2 .stat-icon {
width: 130px;
height: 130px;
margin: 0 auto 1.5rem;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 768px) {
.stats-v2 .stat-icon {
width: 80px;
height: 80px;
}
}
.stats-v2 .stat-icon img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
-o-object-fit: contain;
object-fit: contain;
}
.stats-v2 .stat-value {
font-size: clamp(44px, 44px + 36 * (100vw - 768px) / 672, 80px);
display: flex;
justify-content: center;
}
@media (max-width: 1600px) {
.stats-v2 .stat-value {
font-size: clamp(36px, 36px + 24 * (100vw - 768px) / 672, 60px);
}
}
.stats-v2 .stat-value span {
font-family: "IvyJournal", serif !important;
font-weight: normal;
font-style: normal;
color: #2d2d35;
font-weight: 600;
}
.stats-v2 .stat-label {
font-size: clamp(15px, 15px + 3 * (100vw - 768px) / 672, 18px);
font-family: "Area Normal", sans-serif !important;
font-weight: normal;
font-style: normal;
}
.stats-v2 .bg-ribbon {
position: absolute;
width: 100vw;
z-index: 0;
top: 50%;
transform: translateY(-14%);
}