input[type="text"][hidden] {
display: none;
}
.u-modal.type-form .u-modal-body {
padding-bottom: 86px;
}
.now-loading {
position: relative;
min-height: 150px;
}
.now-loading:after {
content: "";
display: block;
background-color: rgba(255, 255, 255, .5);
position: absolute;
bottom: 0;
top: 0;
right: 0;
left: 0;
background-repeat: no-repeat;
background-image: url("https://www.hubaustralia.com/nitropack_static/gCYjeJBYWPdTZqPQLYJhYkizAtXJiAfX/assets/images/source/rev-e699150/www.hubaustralia.com/wp-content/themes/hub-master/assets/img/loading.svg");
background-size: 48px;
background-position: center;
}
.gs-amenity > div {
padding: 5px 12px 5px 1px;
}
.gs-amenity-image {
width: auto;
height: auto;
margin-right: 5px;
}
.gs-amenity-image svg {
margin: 0 5px 0 8px;
}
.m-location-list .m-location-item .c-house.c-house-active {
background-color: #f4f7ef;
}
.m-location-list .c-house {
cursor: pointer;
}
.m-location-item .t-price {
background: none;
}
@media (min-width: 768px) {
body.single-post .m-content-body h3 {
--size: 25px;
}
body.single-post .m-content-body h4 {
--size: 18px;
}
body.single-post .m-content-body h5 {
text-transform: uppercase;
font-size: .8125rem;
font-weight: 800;
letter-spacing: .15em;
color: #767676;
}
body.single-post .m-content-body h5 a {
text-transform: uppercase;
font-size: .8125rem;
font-weight: 800;
letter-spacing: .15em;
color: #4d613e;
}
}
.m-steps-workspaces .m-location-list .m-location-item .c-house.c-house-active {
background-color: var(--color-1);
color: white;
--color-text: white;
}
.m-steps-workspaces .m-location-list .m-location-item .c-house.c-house-active .multi-features, .m-steps-workspaces .m-location-list .m-location-item .c-house.c-house-active .t-price {
--color-text: white;
color: white;
}
.m-steps-workspaces .c-house-body {
position: relative;
}
.m-steps-workspaces .c-house-arrow {
position: absolute;
top: 24px;
right: 24px;
margin: 0 !important;
}
.m-steps-workspaces .c-house-title {
padding-right: 20px;
}
.m-steps-workspaces .m-location-list .m-location-item .c-house.c-house-active .c-house-arrow path {
fill: white;
}
form .c-form-tabs-list.radio-parent .c-form-tab img {
margin-right: 6px;
width: 12px;
height: 12px;
display: inline-block;
}
form .c-form-tabs-list.radio-parent .c-form-tab:not(.icon-pin):before {
content: none;
}
form .c-form-tabs-list.radio-parent .c-form-tab.is-active img {
filter: brightness(20);
}
@media (min-width: 1025px) {
.m-steps-workspaces .c-house-title {
margin-bottom: 5px;
}
.m-steps-workspaces .c-house-title .h4 {
--size: 24px;
}
.m-steps-workspaces .m-location-list .c-house .c-house-body {
padding: 24px 30px;
}
}
@media (max-width: 767px) {
.m-steps-workspaces .c-house-arrow {
top: 17px;
right: 16px;
}
.m-steps-page[data-page="4"] .m-steps-body {
margin-top: 0;
}
.hide-enquire-button {
display: none;
}
}
@media (min-width: 1281px) {
.m-location-map {
--header: 74px;
--alert: 0px;
}
.m-location-map .the-map {
height: calc(100vh - var(--header) - var(--alert)) !important;
position: sticky !important;
top: calc(var(--header) + var(--alert));
}
}
/* Split form */
.c-form-tabs-list > b, .c-form-tabs-list > b > b {
width: 100%;
flex-basis: 100%;
max-width: 100%;
display: flex;
flex-wrap: wrap;
}
.c-form-tabs-list .c-form-tab {
font-weight: 300;
padding: 4px 9px;
}
.section-nearby-locations .c-house-body .p b > b, .section-nearby-locations .t-feature b > b {
font-weight: 300;
}
.c-form-body .c-form-snippet {
font-size: 12px;
line-height: 1.1;
max-width: 50%;
display: inline-block;
vertical-align: middle;
width: 100%;
margin-left: 20px;
}
@media (max-width: 500px) {
.c-form-body .c-form-snippet {
display: block;
margin-left: 0;
max-width: 100%;
margin-top: 10px;
}
}
.section-tabs-new {
margin: 25px 0 !important;
}
/* Tabs content */
.section-tabs .m-tabs .m-tabs-nav {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
overflow-x: scroll;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.section-tabs .m-tabs .m-tabs-nav::-webkit-scrollbar {
display: none;
}
.section-tabs .m-tabs .m-tabs-nav > div {
margin-right: 2px;
display: inline;
}
.section-tabs .m-tabs .m-tabs-body {
z-index: 2;
position: relative;
}
.section-tabs .m-tabs .m-tabs-body .m-tabs-tab-inner p {
font-size: 14px;
}
.section-tabs .m-tabs .m-tabs-nav div button {
min-width: -webkit-max-content;
min-width: -moz-max-content;
min-width: max-content;
}
.section-tabs .m-tabs .m-tabs-nav div button:not(.active) {
padding-top: 6px;
border: 1px solid #f6f6f6;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 3px;
margin-bottom: -4px;
}
.section-tabs .m-tabs .m-tabs-nav div button.active {}
@media (min-width: 768px) {
.section-tabs .m-tabs .m-tabs-body .m-tabs-tab-inner {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.section-tabs .m-tabs .m-tabs-body .m-tabs-tab {
max-height: 30vw;
overflow: auto;
}
}
/* Location Sub Menus (added 2022-03-15) */
.l-locations-slug-458 {
--column: 66.66%;
}
.l-locations-slug-458 .c-spot-subs {
grid-template-columns: 1fr 1fr;
}
.c-spot-subs {
display: grid;
grid-template-columns: 1fr;
margin-bottom: 16px;
margin-top: 6px;
align-items: start;
}
.c-spot-subs a {
padding: 3px 0;
font-weight: 500;
font-size: 13px;
line-height: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #000;
}
.c-spot-subs a svg, .m-menu nav > ul > li.menu-item-has-children > ul > li.menu-item-has-children > a:after {
-webkit-transition-duration: var(--duration);
-o-transition-duration: var(--duration);
transition-duration: var(--duration);
-webkit-transition-timing-function: var(--transition);
-o-transition-timing-function: var(--transition);
transition-timing-function: var(--transition);
-webkit-transform: translateX(8px);
-ms-transform: translateX(8px);
transform: translateX(8px);
}
.c-spot-subs a:hover {
text-decoration: none;
}
.c-spot-subs a:hover svg {
-webkit-transform: translateX(16px);
-ms-transform: translateX(16px);
transform: translateX(16px);
}
.m-mega .link-1-wrapper:hover .link-1:after {
transform: translateX(-8px);
}
.m-mega .link-1-wrapper .c-spot-link .link-1 {
font-weight: 600;
font-size: 13px;
line-height: 14px;
}
.m-mega .link-1-wrapper .c-spot-link:hover .link-1:after {
transform: translateX(0px);
}
.m-mega .c-spot-body {
padding-bottom: 20px;
}
body:not(.opt3) .m-mega .m-wing-right {
position: relative;
--column: calc(100% - 482px);
margin-left: auto;
padding-left: 80px;
}
body:not(.opt3) .m-mega .m-wing-right > * {
position: relative;
z-index: 2;
}
body:not(.opt3) .m-mega .m-wing-right:after {
content: "";
display: block;
position: absolute;
top: -60px;
left: 0;
bottom: -60px;
width: 100vw;
background: linear-gradient(0deg, #f6f4ef, #f6f4ef), #fff;
}
body:not(.opt3) .m-mega .c-spot-body > .c-spot-link {
margin-top: auto;
}
.m-menu nav > ul > li.menu-item-has-children > ul > li > a {
font-size: 20px;
font-weight: 600;
line-height: 1;
}
.m-menu nav > ul > li.menu-item-has-children > ul > li.menu-item-has-children a:hover {
text-decoration: none;
}
.m-menu nav > ul > li.menu-item-has-children > ul > li.menu-item-has-children a:after {
content: "";
display: inline-block;
height: 10px;
transform-origin: center;
width: 5px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg width='6' height='11' viewBox='0 0 6 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.99277 5.18942L4.99274 5.18938L1.56703 1.03813L1.56702 1.0381C1.49346 0.949016 1.39244 0.899833 1.28667 0.9C1.18091 0.900168 1.08001 0.949667 1.00663 1.039L1.00661 1.03903C0.864309 1.21236 0.864655 1.48657 1.00735 1.65949L1.00735 1.65949L4.17662 5.50002L1.00723 9.34052L1.00722 9.34054C0.864556 9.51347 0.86421 9.78752 1.00648 9.96087L1.00651 9.96091C1.08004 10.0504 1.18113 10.1 1.28713 10.1C1.39281 10.1 1.49355 10.0508 1.567 9.96181L1.56702 9.96178L4.99266 5.81072C4.99269 5.8107 4.99271 5.81067 4.99274 5.81064C5.06303 5.72561 5.1 5.61354 5.1 5.50002C5.1 5.38634 5.06285 5.27444 4.99277 5.18942Z' fill='white' stroke='white' stroke-width='0.2'/%3E%3C/svg%3E%0A");
margin-left: 10px;
}
.m-menu nav > ul > li.menu-item-has-children > ul > li.menu-item-has-children.is-active > a:after {
transform: rotate(-90deg) translateY(10px);
}
.m-menu nav .sub-menu .sub-menu {
margin: 15px calc(var(--edge) * -1) 0;
background: rgba(255, 255, 255, .08);
padding: 10px 0;
}
.m-menu nav .sub-menu .sub-menu a {
background-color: transparent;
padding: 10px 0;
padding-left: 53px;
font-size: 14px;
font-weight: 600;
}
.m-menu nav .sub-menu .sub-menu a:hover {
text-decoration: underline !important;
}
body:not(.opt3) .m-mega .l-locations-slug-all-locations {
display: none !important;
}
body.opt3 .m-wing-left > .c-spot-link, body.opt3 .m-menu nav .sub-menu .sub-menu, body.opt3 .m-menu nav > ul > li.menu-item-has-children > ul > li.menu-item-has-children a:after, body:not(.opt3) .m-menu nav > ul > li.menu-item-has-children > ul > li.menu-item-has-children a svg {
display: none !important;
}
.m-wing-left .c-spot-link {
margin-top: 25px;
}
@media screen and (max-width: 1280px) {
body:not(.opt3) .m-mega .m-wing-right {
--column: calc(100% - 380px);
padding-left: 40px;
}
}
.nav-bar > ul {
--gap: 35px;
}
.menu-item-is-wide {
--column: 66.66%;
}
.menu-item-is-wide .c-spot-subs {
grid-template-columns: 1fr 1fr;
}
html.html-single-location, html.html-single-location body {
overflow: initial;
}
html .m-mega {
overflow: hidden;
}
/* Nac CTA */
.hide-large {
display: none;
}
.menu-opt-cta {
padding-left: 38px !important;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.menu-opt-cta a {
height: 39px !important;
margin: auto;
vertical-align: middle;
text-decoration: none;
}
.menu-opt-cta .menu-item-inner {
width: 183px;
height: 39px;
text-align: center;
border: 1px solid #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 2px;
}
.menu-opt-cta .menu-item-inner .menu-item-text {
width: 100%;
}
.menu-opt-cta a:hover .menu-item-inner, .menu-opt-cta a:active .menu-item-inner {
background: #fff;
color: #2b2c31;
}
.m-header-nav {
width: calc(100% - 140px);
padding-left: 0;
}
.m-header-nav .hide-medium nav ul {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
margin-left: 0;
}
@media (min-width: 1201px) and (max-width: 1320px) {
.m-header-nav .hide-medium nav ul {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
margin-left: 0;
}
.m-header-nav {
width: calc(100% - 140px);
padding-left: 0px;
}
.m-header-nav .hide-medium nav .menu-item {
padding-left: 40px !important;
}
}
@media (min-width: 1025px) and (max-width: 1200px) {
.m-header-nav {
width: calc(100% - 140px);
padding-left: 0px;
}
.m-header-nav .hide-medium nav ul {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
margin-left: 0;
}
.m-header-nav .hide-medium nav .menu-item {
padding-left: 20px !important;
}
.the-header .m-header-outer > .inner {
padding: 0 20px;
}
}
@media (max-width: 1024px) {
.show-medium > .menu-opt-cta {
display: inline-block !important;
margin-right: 10px;
}
.menu-opt-cta .menu-item-inner {
width: auto;
min-width: 142px;
padding: 8px 25px !important;
color: #fff;
}
.m-header-nav {
width: auto;
}
.m-header-nav .show-medium {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.menu-opt-cta {
padding: 20px 0 !important;
}
aside.the-menu.is-active + .the-site .show-medium > .menu-opt-cta {
display: none !important;
}
.menu-opt-cta .menu-item-inner .menu-item-text {
font-size: 16px;
line-height: 17px;
}
}
.c-form-body > div > input[type="checkbox"] {
display: none;
}
.c-form-body .checkboxs {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
margin-left: -4px;
margin-right: -4px;
}
.c-form-body .checkbox {
min-width: calc(50% - 12px);
max-width: calc(50% - 12px);
margin: 6px;
font-weight: 300;
font-size: 14px;
line-height: 20px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.c-form-body .checkbox-label {
padding: 8px 14px;
background: #fff;
border: 1px solid #d8d8d8;
border-radius: 2px;
width: 100%;
height: 100%;
min-height: 60px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.c-form-body .checkbox input {
display: none;
}
.c-form-body .checkbox input:checked + div {
background: rgba(228, 235, 216, .4);
}
@media (max-width: 767px) {
.c-form-body .checkbox {
min-width: calc(50% - 8px);
max-width: calc(50% - 8px);
margin: 4px;
font-size: 14px;
line-height: 16px;
}
.c-form-body .checkbox-label {
padding: 8px 14px;
}
}
.the-site .the-main {}
/* hub local page Dec 2022 */
:root {
--font-6: "Outfit", -apple-system, "Helvetica", sans-serif;
}
.hub-local-clubhouse .section-hero .m-hero-body .c-hero {
background-color: rgba(255, 255, 255, 0);
border: 0;
color: #fff;
}
.hub-local-clubhouse .owl-nav button.owl-prev {
background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='36' y='36' width='36' height='36' rx='2' transform='rotate(-180 36 36)' fill='%233C0620'/%3E%3Cpath d='M12.4448 18.5646L21.8043 28.0531C22.111 28.3638 22.6075 28.3633 22.9136 28.0515C23.2195 27.7398 23.2187 27.2348 22.912 26.9238L14.1096 18L22.9123 9.07623C23.219 8.76525 23.2198 8.26057 22.9139 7.94878C22.7605 7.79249 22.5594 7.71434 22.3584 7.71434C22.1578 7.71434 21.9576 7.79196 21.8044 7.94717L12.4448 17.4355C12.2971 17.5849 12.2143 17.7882 12.2143 18C12.2143 18.2118 12.2974 18.4149 12.4448 18.5646Z' fill='white'/%3E%3C/svg%3E%0A") !important;
}
.hub-local-clubhouse .owl-nav button.owl-prev.nitro-lazy {
background-image: none !important;
}
.hub-local-clubhouse .owl-nav button.owl-next {
background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='36' height='36' rx='2' fill='%233C0620'/%3E%3Cpath d='M23.5552 17.4354L14.1957 7.94686C13.889 7.63616 13.3925 7.63668 13.0864 7.94847C12.7805 8.26021 12.7813 8.76522 13.088 9.07616L21.8904 18L13.0877 26.9238C12.781 27.2348 12.7802 27.7394 13.0861 28.0512C13.2395 28.2075 13.4406 28.2857 13.6416 28.2857C13.8422 28.2857 14.0424 28.208 14.1956 28.0528L23.5552 18.5645C23.7029 18.4151 23.7857 18.2118 23.7857 18C23.7857 17.7882 23.7026 17.5851 23.5552 17.4354Z' fill='white'/%3E%3C/svg%3E%0A") !important;
}
.hub-local-clubhouse .owl-nav button.owl-next.nitro-lazy {
background-image: none !important;
}
.hub-local-clubhouse .t-feature:before {
background-image: url("data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8423 0.496507C13.632 0.286321 13.2911 0.286321 13.0808 0.496507L4.35236 9.2213L0.919205 5.78956C0.708958 5.57935 0.368007 5.57935 0.157706 5.78956C-0.0525686 5.99974 -0.0525686 6.34053 0.157706 6.55074L3.97165 10.3631C4.18185 10.5732 4.52291 10.5732 4.73315 10.3631L13.8423 1.25769C14.0526 1.04747 14.0526 0.706693 13.8423 0.496507Z' fill='%233C0620'/%3E%3C/svg%3E%0A");
}
.hub-local-clubhouse .m-hero-slider-footer .button-1 {
--color-1: #bd3f3b;
--color-1h: #93302d;
}
.hub-local-clubhouse .section-hero .button-2:not(:hover):not(:active), .hub-local-clubhouse .section-hero .button-3:not(:hover):not(:active) {
--color: #fff;
}
.hub-local-clubhouse .section-hero .button-2:hover, .hub-local-clubhouse .section-hero .button-3:hover {
border-color: var(--color);
}
.c-hero-locations .tag {
display: inline-flex;
}
.hub-local-clubhouse .c-hero-locations .tag {
display: none;
}
.c-hero > div > .tag {
display: none;
}
.hub-local-clubhouse .c-hero > div > .tag {
display: inline-flex;
background-color: #bd3f3b !important;
border-radius: 14px;
font-weight: 600;
font-size: 12px;
line-height: 14px;
letter-spacing: .1px;
}
.hub-local-clubhouse .c-hero-title {
margin-top: 17px;
}
.hub-local-clubhouse .c-hero-text * {
font-family: var(--font-6);
font-weight: 600;
font-size: 20px;
line-height: 28px;
}
.hub-local-clubhouse .c-hero .c-hero-locations {
font-family: var(--font-6);
font-weight: 300;
}
.hub-local-clubhouse .c-hero-title h1 {
font-family: var(--font-6);
font-style: normal;
font-weight: 900;
font-size: 30px;
line-height: 40px;
}
.hub-local-clubhouse section {
--color-1: #3c0620;
--color-1h: #2f0519;
}
@media (min-width: 1025px) {
.hub-local-clubhouse .section-hero {
background-color: #ece6e8;
padding-top: 47px;
padding-bottom: 50px;
margin-top: 0;
}
.hub-local-clubhouse .section-hero .inner {
max-width: calc(var(--edge) * 2 + var(--inner) + 100px);
}
.hub-local-clubhouse .section-hero .inner .m-hero {
height: 100%;
display: flex;
align-items: stretch;
}
.hub-local-clubhouse .section-hero .m-hero-body {
align-items: center;
display: flex;
}
.hub-local-clubhouse .section-hero .m-hero-body:before {
content: "";
position: absolute;
background: #3c0620;
display: flex;
width: 100vw;
right: 0;
top: 0;
height: 100%;
z-index: -1;
}
}
@media (max-width: 1024px) {
.hub-local-clubhouse .section-hero .inner {
padding-left: 0;
padding-right: 0;
background: #3c0620;
}
.hub-local-clubhouse .section-hero .inner .m-hero-slider-footer {
padding-left: 26px;
}
.hub-local-clubhouse .section-hero .m-hero-body .c-hero {
padding: 26px 26px 44px;
}
}
@media (max-width: 767px) {
.hub-local-clubhouse .section-hero {
margin-bottom: 0;
}
.hub-local-clubhouse .section-hero .m-hero-body {
padding-bottom: 29px;
}
.hub-local-clubhouse .section-hero .m-hero-body .c-hero {
padding-bottom: 5px;
}
.hub-local-clubhouse .section-hero .m-hero-body .show-small {
padding: 0 26px 15px;
margin-top: 0;
}
.hub-local-clubhouse .section-hero .m-hero-body .show-small a.button-1 {
background-color: #bd3f3b !important;
border-color: #bd3f3b !important;
}
.hub-local-clubhouse .section-amenities {
padding: 40px 0;
}
}
/* end hub local page Dec 2022 */
.c-form.has-loading.is-loading .c-form-submit.type-submit:after {
display: inline-block;
}
.c-form-outer {
margin: 40px 0;
}
.c-form .h6 {
color: #6e6e6e;
}
.c-form-header {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 20px;
}
@media screen and (max-width: 47.9375em) {
.c-form-header {
flex-direction: column-reverse;
align-items: flex-start;
margin-bottom: 20px;
}
.c-form-header .c-form-title {
margin-top: 7px;
}
}
.c-form-title {
margin-right: auto;
}
.c-form-body {
--gap: 24px;
--row: 16px;
}
.c-form-body > div {
position: relative;
}
@media screen and (max-width: 47.9375em) {
.c-form-body {
--row: 24px;
}
}
.c-form-step {
--size: 14px;
--color: var(--color-1);
}
@media screen and (min-width: 48em) {
.c-form-step strong {
--size: 16px;
}
}
.c-form-page:not(.is-active) {
display: none;
}
.c-form [data-tab] {
display: none;
}
.c-form-tabs-list {
--gap: 20px;
--row: 20px;
--column: 33.33%;
}
@media screen and (max-width: 47.9375em) {
.c-form-tabs-list {
--column: 100%;
--gap: 12px;
--row: 12px;
}
}
.c-form-tabs-item input {
display: none;
}
.the-footer a:hover {
opacity: .65;
}
.the-footer .nav-legal {
margin-left: -12px;
}
.c-form-tab {
--bg: var(--color-white);
--color: var(--color-rust);
border: 1px solid var(--color-rust);
box-sizing: border-box;
border-radius: 6px;
display: flex;
align-items: center;
padding: 4px 14px;
min-height: 44px;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
}
.c-form-tab:hover {
background: var(--color-rust) !important;
--color: var(--color-white);
}
.c-form-tab:before {
content: "";
display: inline-block;
width: 12px;
height: 12px;
margin-right: 6px;
background-size: contain;
background-repeat: no-repeat;
background-position: center left;
background-image: var(--icon-pin);
}
.c-form-tab:hover {
--bg: var(--color-light-rust);
}
.c-form-tab.icon-phone:before {
background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.8243 8.18318L9.12754 7.98946C8.72005 7.9427 8.31924 8.08298 8.032 8.37022L6.80284 9.59937C4.91236 8.63743 3.36257 7.09432 2.40062 5.19715L3.63646 3.96133C3.9237 3.67408 4.06398 3.27327 4.01722 2.86578L3.8235 1.18239C3.74334 0.507692 3.17552 0 2.49415 0H1.33848C0.583627 0 -0.0443071 0.627934 0.00245394 1.38279C0.356502 7.08764 4.91904 11.6435 10.6172 11.9975C11.3721 12.0443 12 11.4164 12 10.6615V9.50585C12.0067 8.83116 11.499 8.26334 10.8243 8.18318Z' fill='%234D613E'/%3E%3C/svg%3E%0A");
}
.c-form-tab.icon-general:before {
background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.00002 10.7393C3.99979 10.7393 3.99947 10.7393 3.99916 10.7393C3.6504 10.7393 3.36719 11.0215 3.36719 11.369C3.36719 11.3691 3.36719 11.3692 3.36719 11.3694C3.36719 11.3695 3.36719 11.3696 3.36719 11.3698C3.36719 11.7173 3.6504 11.9995 3.99916 11.9995C3.99939 11.9995 3.99979 11.9995 4.00002 11.9995C4.34878 11.9995 4.63199 11.7173 4.63199 11.3698C4.63199 11.3697 4.63199 11.3695 4.63199 11.3694C4.63199 11.3692 4.63199 11.3691 4.63199 11.369C4.63199 11.0215 4.34878 10.7393 4.00002 10.7393Z' fill='%234D613E'/%3E%3Cpath d='M6.81349 1.18214C6.04838 0.419743 5.04906 -7.84897e-05 3.99956 1.10069e-08C1.7942 0.000157012 0 1.78825 0 3.98572C0 4.33324 0.28274 4.61506 0.631576 4.61506C0.980333 4.61506 1.26315 4.33332 1.26315 3.98572C1.26315 2.48211 2.49077 1.25868 3.99972 1.2586C4.71181 1.2586 5.39388 1.54741 5.92036 2.07203C6.44685 2.59665 6.73676 3.27638 6.73676 3.98595C6.73668 5.18128 5.9351 6.25549 4.78759 6.59838C3.93866 6.85201 3.36846 7.60994 3.36846 8.48428V8.68477C3.36846 9.03229 3.6512 9.31411 4.00003 9.31411C4.34879 9.31411 4.63161 9.03237 4.63161 8.68477V8.48428C4.63161 8.17012 4.84014 7.8967 5.15053 7.80399C6.82814 7.30269 7.99991 5.73275 7.99999 3.98603C7.99991 2.94032 7.57859 1.94446 6.81349 1.18214Z' fill='%234D613E'/%3E%3C/svg%3E%0A");
}
.c-form-tab.is-active {
background: var(--color-rust) !important;
--color: var(--color-white);
}
.c-form-tab.is-active:before {
filter: brightness(20);
}
.has-error input, .has-error textarea, .has-error .nice-select .current {
border-color: var(--color-error);
}
.error-message {
margin-top: 6px;
--line: 1;
--size: 13px;
--color: var(--color-error);
background: var(--color-transparent);
}
input[type="date"] {
text-transform: uppercase;
}
@media screen and (max-width: 47.9375em) {
.nice-select .list {
position: fixed;
top: 83px;
padding-top: 10px;
left: 0;
right: 0;
bottom: 0;
z-index: 99999;
max-height: none;
overflow: auto;
border-radius: 0;
}
.nice-select:not(.open) {
padding-top: 10px;
}
.nice-select .list .option {
position: relative;
padding-right: 40px !important;
}
.nice-select .list .option:before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 20px;
width: 16px;
height: 16px;
border-radius: 50%;
border: 1px solid var(--color-dark);
background-size: 10px;
background-position: center;
background-repeat: no-repeat;
}
.nice-select .list .option.selected:before {
border-color: var(--color-1);
background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5' cy='5' r='5' fill='%23834b45'/%3E%3C/svg%3E%0A");
}
}
input.is-date {
position: relative;
background-size: 16px;
background-position: calc(100% - 16px) center;
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.9375 1.25H12.5V0.5C12.5 0.223875 12.2762 0 12 0C11.7238 0 11.5 0.223875 11.5 0.5V1.25H4.5V0.5C4.5 0.223875 4.27616 0 4 0C3.72384 0 3.5 0.223875 3.5 0.5V1.25H2.0625C0.925219 1.25 0 2.17522 0 3.3125V13.9375C0 15.0748 0.925219 16 2.0625 16H13.9375C15.0748 16 16 15.0748 16 13.9375V3.3125C16 2.17522 15.0748 1.25 13.9375 1.25ZM15 13.9375C15 14.5243 14.5243 15 13.9375 15H2.0625C1.47569 15 1 14.5243 1 13.9375V5.65625C1 5.56997 1.06997 5.5 1.15625 5.5H14.8438C14.93 5.5 15 5.56997 15 5.65625V13.9375Z' fill='%23242424'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
}
input.is-date.nitro-lazy {
background-image: none !important;
}
.radios {
--gap: 15px;
--row: 13px;
}
.radios > * {
flex: 0 0 auto;
max-width: none;
}
.radio {
display: inline-flex !important;
align-items: center;
line-height: 1;
}
.radio input {
-webkit-appearance: none;
width: 20px;
height: 20px;
border-radius: 50%;
background: #fff;
border: 1px solid #ccc;
margin-right: 8px;
display: inline-flex;
background-size: 10px;
background-position: center;
background-repeat: no-repeat;
}
.radio input:checked {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMiIvPjwvc3ZnPg==");
}
.radio input:checked.nitro-lazy {
background-image: none !important;
}
.t-label-text {
margin-bottom: 10px;
font-size: .9rem;
margin-top: -4px;
}
@media screen and (min-width: 48em) {
.nice-select.opens-up .list {
top: auto;
bottom: 100%;
margin: 0;
}
}
.nice-select .list .option[data-type="separator"] {
border-bottom: 3px solid #dfdfdf;
}
.c-spot {
height: 100%;
border-bottom: 1px solid #ebebeb;
display: flex;
flex-direction: column;
}
.c-spot hr {
margin: 16px 0;
}
.c-spot-header {
flex: 0 0 auto;
}
.c-spot-image {
background-color: var(--color-light);
--ratio: .434;
}
.c-spot-body {
padding: 16px 0;
flex: 1;
display: flex;
flex-direction: column;
}
.c-spot-bottom {
margin-top: auto;
}
.c-spot-specs {
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #f6f3ed;
}
.c-spot-specs .t-spec {
--size: 14px;
--line: 1.4;
}
.c-spot-specs .t-spec + * {
margin-top: 4px;
}
.c-spot-description {
font-weight: 900;
--size: 12px;
--line: 18px;
--kerning: 1.5px;
text-transform: uppercase;
color: #1e1e1e;
opacity: .6;
--font: var(--font-2);
margin-bottom: 13px;
}
.c-spot-text {
margin-bottom: 24px;
}
.c-spot-title {
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 24px;
}
.c-spot.is-post .c-spot-body {
padding-bottom: 20px;
}
@media screen and (max-width: 47.9375em) {
.c-spot.is-post .c-spot-body {
padding: 17px 16px 16px;
}
}
.c-spot.is-post .c-spot-link {
margin-top: auto;
display: flex;
justify-content: space-between;
align-items: center;
}
.c-spot.is-post .c-spot-link .link-1, .c-spot.is-post .c-spot-link .link-2, .c-spot.is-post .c-spot-link .link-toggle {
margin-left: auto;
}
.c-spot.is-post .c-spot-link .link-1:after, .c-spot.is-post .c-spot-link .link-2:after, .c-spot.is-post .c-spot-link .link-toggle:after {
transform: translateX(0);
margin: 0;
margin-left: 10px;
}
.c-spot.is-post:hover .c-spot-link .link-1:after, .c-spot.is-post:hover .c-spot-link .link-2:after, .c-spot.is-post:hover .c-spot-link .link-toggle:after {
transform: translateX(4px);
}
@media screen and (max-width: 47.9375em) {
.c-spot.has-image:not(.is-post):not(.type-large) {
flex-direction: row;
}
.c-spot.has-image:not(.is-post):not(.type-large) .c-spot-header {
flex: 0 0 34.48%;
max-width: 34.48%;
}
.c-spot.has-image:not(.is-post):not(.type-large) .c-spot-body {
padding: 7px 12px 5px;
flex: 1;
}
.c-spot.has-image:not(.is-post):not(.type-large) .c-spot-title {
margin-bottom: 4px;
}
.c-spot.has-image:not(.is-post):not(.type-large) .c-spot-text {
display: none;
}
.c-spot.has-image:not(.is-post):not(.type-large) .c-spot-image {
height: 100%;
padding-bottom: 0;
}
}
.c-peek {
border-radius: var(--radius);
overflow: hidden;
height: 100%;
display: flex;
}
.c-peek-header {
height: 100%;
flex: 0 0 100px;
max-width: 100px;
width: 100%;
}
.c-peek-image {
--ratio: 0;
height: 100%;
}
.c-peek-body {
padding: 16px;
flex: 1;
position: relative;
border: 1px solid #f6f6f6;
}
@media screen and (min-width: 64.0625em) {
.c-peek-body {
border-left: none;
}
}
@media screen and (max-width: 64em) {
.c-peek-body {
border-top: none;
}
}
.c-peek-text {
margin-top: 8px;
padding-right: 20px;
}
.c-peek-link {
position: absolute;
display: block;
width: 10px;
height: 18px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
right: 20px;
bottom: 23px;
background-image: url("data:image/svg+xml,%3Csvg width='8' height='16' viewBox='0 0 8 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.83121 7.56094L0.979811 0.180933C0.755333 -0.0607219 0.391897 -0.0603157 0.167795 0.182183C-0.0561333 0.424651 -0.0555547 0.817431 0.168953 1.05927L6.61254 8.00003L0.168721 14.9408C-0.0557573 15.1826 -0.0563359 15.5752 0.167564 15.8177C0.279904 15.9392 0.427078 16 0.574252 16C0.721049 16 0.867644 15.9396 0.979782 15.8189L7.83121 8.43909C7.93933 8.3229 8 8.16478 8 8.00003C8 7.83528 7.93916 7.67734 7.83121 7.56094Z' fill='%234D613E'/%3E%3C/svg%3E%0A");
}
.c-peek-link.nitro-lazy {
background-image: none !important;
}
.c-peek:hover .c-peek-link {
transform: translateX(4px);
}
@media screen and (max-width: 64em) {
.c-peek {
flex-direction: column;
}
.c-peek-title {
display: flex;
align-items: flex-start;
}
.c-peek-header {
flex: 0 0 auto;
max-width: none;
height: auto;
}
.c-peek-image {
--ratio: .3275;
height: 0;
}
.c-peek-body {
position: static;
flex: 1;
padding: 20px 16px 16px;
}
.c-peek-text {
margin-top: 3px;
}
.c-peek-link {
position: static;
margin-left: 12px;
width: 6.5px;
height: 12px;
margin-top: 5px;
}
}
.c-modal {
display: flex;
align-items: center;
}
@media screen and (max-width: 64em) {
.c-modal {
flex-direction: column;
align-items: stretch;
}
.c-modal .c-referral {
border-radius: 0px 0px 3px 3px;
}
}
@media screen and (min-width: 64.0625em) {
.c-modal .c-modal-body, .c-modal .c-modal-header {
box-shadow: 2px 2px 8px rgba(0, 0, 0, .15);
}
}
.c-modal-image {
border-radius: 3px;
overflow: hidden;
width: 100%;
}
.c-modal-image img {
display: block;
width: 100%;
height: auto;
}
@media screen and (max-width: 64em) {
.c-modal-image {
border-radius: 3px 3px 0px 0px;
}
}
.c-modal-close {
--size: 56px;
--image: 16px;
display: inline-flex;
background-color: rgba(0, 0, 0, 0);
border: none;
position: absolute;
top: 0;
right: 0;
align-items: center;
justify-content: center;
width: var(--size);
height: var(--size);
}
.c-modal-close img {
display: block;
max-width: var(--image);
width: 100%;
height: auto;
}
@media screen and (max-width: 47.9375em) {
.c-modal-close {
--size: 48px;
}
}
.c-modal-header {
flex: 0 0 calc(100% - 648px + 95px);
max-width: calc(100% - 648px + 95px);
}
@media screen and (max-width: 80em) {
.c-modal-header {
flex: 0 0 calc(100% - 490px + 95px);
max-width: calc(100% - 490px + 95px);
}
}
@media screen and (max-width: 64em) {
.c-modal-header {
flex: 0 0 auto;
width: 100%;
max-width: none;
}
}
.c-modal-body {
position: relative;
z-index: 2;
flex: 0 0 648px;
max-width: 648px;
}
@media screen and (max-width: 80em) {
.c-modal-body {
flex: 0 0 490px;
max-width: 490px;
}
}
@media screen and (max-width: 64em) {
.c-modal-body {
flex: 0 0 auto;
width: 100%;
max-width: none;
}
}
@media screen and (max-width: 47.9375em) {
.c-modal-body .c-modal-close {
display: none;
}
}
@media screen and (min-width: 48em) {
.c-modal-body {
position: relative;
}
}
@media screen and (min-width: 64.0625em) {
.c-modal-header {
margin-right: -95px;
}
}
@media screen and (max-width: 47.9375em) {
.c-modal-header {
position: relative;
}
}
@media screen and (min-width: 48em) {
.c-modal-header .c-modal-close {
display: none;
}
}
@media screen and (min-width: 80.0625em) {
[data-modal="brochure"] .c-modal-header {
flex: 1;
max-width: none;
}
[data-modal="brochure"] .c-modal-body {
flex: 0 0 530px;
max-width: 530px;
}
}
.owl-carousel {
max-width: 100%;
}
.owl-nav {
display: flex;
justify-content: space-between;
align-items: center;
pointer-events: none;
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
}
.owl-nav button {
background-size: contain !important;
background-position: center !important;
background-repeat: no-repeat !important;
--size: 36px;
pointer-events: all;
}
@media screen and (max-width: 47.9375em) {
.owl-nav button {
--size: 25px;
}
}
.owl-nav button span {
display: none;
}
.owl-nav button:hover {
filter: brightness(1.2);
}
.owl-nav button.owl-prev {
background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='36' y='36' width='36' height='36' rx='2' transform='rotate(-180 36 36)' fill='%234D613E'/%3E%3Cpath d='M12.4448 18.5646L21.8043 28.0531C22.111 28.3638 22.6075 28.3633 22.9136 28.0515C23.2195 27.7398 23.2187 27.2348 22.912 26.9238L14.1096 18L22.9123 9.07623C23.219 8.76525 23.2198 8.26057 22.9139 7.94878C22.7605 7.79249 22.5594 7.71434 22.3584 7.71434C22.1578 7.71434 21.9576 7.79196 21.8044 7.94717L12.4448 17.4355C12.2971 17.5849 12.2143 17.7882 12.2143 18C12.2143 18.2118 12.2974 18.4149 12.4448 18.5646Z' fill='white'/%3E%3C/svg%3E%0A");
margin-right: auto;
}
.owl-nav button.owl-prev.nitro-lazy {
background-image: none !important;
}
.owl-nav button.owl-next {
background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='36' height='36' rx='2' fill='%234D613E'/%3E%3Cpath d='M23.5552 17.4354L14.1957 7.94686C13.889 7.63616 13.3925 7.63668 13.0864 7.94847C12.7805 8.26021 12.7813 8.76522 13.088 9.07616L21.8904 18L13.0877 26.9238C12.781 27.2348 12.7802 27.7394 13.0861 28.0512C13.2395 28.2075 13.4406 28.2857 13.6416 28.2857C13.8422 28.2857 14.0424 28.208 14.1956 28.0528L23.5552 18.5645C23.7029 18.4151 23.7857 18.2118 23.7857 18C23.7857 17.7882 23.7026 17.5851 23.5552 17.4354Z' fill='white'/%3E%3C/svg%3E%0A");
margin-left: auto;
}
.owl-nav button.owl-next.nitro-lazy {
background-image: none !important;
}
.section-clubhouse-products-2023.home .owl-next {
margin-left: auto !important;
}
.owl-carousel.v2 .owl-nav button {
--side: 4px;
background: #fff !important;
border-radius: 6px;
position: relative;
height: 40px;
width: 40px;
min-width: 40px;
box-shadow: 0px 0px 4px 0px rgba(43, 44, 49, .2);
}
.owl-carousel.v2 .owl-nav button:after {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 24px;
height: 24px;
background: url("data:image/svg+xml,") center/cover no-repeat;
}
.owl-carousel.v2 .owl-nav button.owl-prev {
background-image: url("data:image/svg+xml,%3Csvg width='49' height='49' viewBox='0 0 49 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_2892_959)'%3E%3Crect x='4.92773' y='4.43506' width='40' height='40' rx='6' fill='white' shape-rendering='crispEdges'/%3E%3Cpath d='M28.7473 31.1609C28.3543 31.5265 27.7207 31.5265 27.3277 31.1609L20.6623 24.961C20.3495 24.6701 20.3495 24.2 20.6623 23.9091L27.3277 17.7092C27.7207 17.3437 28.3543 17.3437 28.7473 17.7092C29.1404 18.0748 29.1404 18.6642 28.7473 19.0298L22.9403 24.4388L28.7554 29.8478C29.1404 30.2059 29.1404 30.8028 28.7473 31.1609Z' fill='%232B2C31'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_2892_959' x='0.927734' y='0.435059' width='48' height='48' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.168627 0 0 0 0 0.172549 0 0 0 0 0.192157 0 0 0 0.2 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_2892_959'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_2892_959' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A") !important;
background: #fff !important;
}
.owl-carousel.v2 .owl-nav button.owl-prev.nitro-lazy {
background-image: none !important;
}
.owl-carousel.v2 .owl-nav button.owl-next {
background-image: url("data:image/svg+xml,%3Csvg width='49' height='49' viewBox='0 0 49 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_2892_962)'%3E%3Crect x='4.92773' y='4.43506' width='40' height='40' rx='6' fill='white' shape-rendering='crispEdges'/%3E%3Cpath d='M21.6081 31.1609C22.0011 31.5265 22.6348 31.5265 23.0278 31.1609L29.6931 24.961C30.0059 24.6701 30.0059 24.2 29.6931 23.9091L23.0278 17.7092C22.6348 17.3437 22.0011 17.3437 21.6081 17.7092C21.2151 18.0748 21.2151 18.6642 21.6081 19.0298L27.4152 24.4388L21.6001 29.8478C21.2151 30.2059 21.2151 30.8028 21.6081 31.1609Z' fill='%232B2C31'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_2892_962' x='0.927734' y='0.435059' width='48' height='48' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.168627 0 0 0 0 0.172549 0 0 0 0 0.192157 0 0 0 0.2 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_2892_962'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_2892_962' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A") !important;
background: #fff !important;
margin-left: 5px;
}
.owl-carousel.v2 .owl-nav button.owl-next.nitro-lazy {
background-image: none !important;
}
.owl-carousel.v2 .owl-nav button.owl-next:after {
transform: translate(-50%, -50%) scaleX(-1);
}
.owl-dots {
position: absolute;
left: 0;
right: 0;
pointer-events: none;
bottom: 19px;
display: flex;
justify-content: center;
z-index: 10;
}
.owl-dots button {
margin: 0 2px;
width: 40px;
height: 4px;
pointer-events: all;
opacity: .4;
background: var(--color-white) !important;
border-radius: 1px;
}
.owl-dots button.active {
opacity: 1;
}
@media screen and (max-width: 47.9375em) {
.owl-dots {
bottom: 9px;
}
}
.owl-nav-2 .owl-nav {
left: -39px;
right: -39px;
}
.owl-nav-2 .owl-nav button {
--size: 39px;
background-size: 8px !important;
}
.owl-nav-2 .owl-nav button.owl-prev {
background-image: url("data:image/svg+xml,%3Csvg width='8' height='16' viewBox='0 0 8 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.168786 7.56094L7.02019 0.180933C7.24467 -0.0607219 7.6081 -0.0603157 7.8322 0.182183C8.05613 0.424651 8.05555 0.817431 7.83105 1.05927L1.38746 8.00003L7.83128 14.9408C8.05576 15.1826 8.05634 15.5752 7.83244 15.8177C7.7201 15.9392 7.57292 16 7.42575 16C7.27895 16 7.13236 15.9396 7.02022 15.8189L0.168786 8.43909C0.0606692 8.3229 0 8.16478 0 8.00003C0 7.83528 0.0608428 7.67734 0.168786 7.56094Z' fill='%234D613E'/%3E%3C/svg%3E%0A") !important;
background-position-x: 40% !important;
}
.owl-nav-2 .owl-nav button.owl-prev.nitro-lazy {
background-image: none !important;
}
.owl-nav-2 .owl-nav button.owl-next {
background-image: url("data:image/svg+xml,%3Csvg width='8' height='16' viewBox='0 0 8 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.83121 7.56094L0.979811 0.180933C0.755333 -0.0607219 0.391897 -0.0603157 0.167795 0.182183C-0.0561333 0.424651 -0.0555547 0.817431 0.168953 1.05927L6.61254 8.00003L0.168721 14.9408C-0.0557573 15.1826 -0.0563359 15.5752 0.167564 15.8177C0.279904 15.9392 0.427078 16 0.574252 16C0.721049 16 0.867644 15.9396 0.979782 15.8189L7.83121 8.43909C7.93933 8.3229 8 8.16478 8 8.00003C8 7.83528 7.93916 7.67734 7.83121 7.56094Z' fill='%234D613E'/%3E%3C/svg%3E%0A") !important;
background-position-x: 60% !important;
}
.owl-nav-2 .owl-nav button.owl-next.nitro-lazy {
background-image: none !important;
}
.owl-dots-2 .owl-dots {
position: static;
margin-top: 24px;
}
.owl-dots-2 .owl-dots button {
margin: 0 6px;
width: 10px;
height: 10px;
opacity: 1;
border: 1px solid var(--color-1);
background: rgba(0, 0, 0, 0) !important;
border-radius: 50%;
}
.owl-dots-2 .owl-dots button.active {
background: var(--color-1) !important;
}
.m-posts-slider, .m-team-slider {
-webkit-clip-path: inset(-100vw -100vw -100vw -15px);
clip-path: inset(-100vw -100vw -100vw -15px);
}
.m-posts-slider .owl-stage-outer, .m-team-slider .owl-stage-outer {
overflow: visible !important;
}
.m-posts-slider .owl-stage, .m-team-slider .owl-stage {
display: flex !important;
}
.m-posts-slider .owl-nav .owl-prev, .m-team-slider .owl-nav .owl-prev {
transform: translateX(-50%);
}
.m-posts-slider .owl-nav .owl-next, .m-team-slider .owl-nav .owl-next {
transform: translateX(50%);
}
@media screen and (max-width: 37.5em) {
.m-posts-slider, .m-team-slider {
max-width: 240px;
}
}
.m-posts-slider .owl-dots, .m-team-slider .owl-dots {
width: calc(100vw - var(--edge) * .5);
}
.m-testimonials-slider .owl-stage {
display: flex !important;
}
@media screen and (min-width: 80.0625em) {
.m-testimonials-slider .owl-nav {
left: -49px;
right: -49px;
top: calc(50% - 17px);
}
}
@media screen and (max-width: 47.9375em) {
.m-testimonials-slider .owl-stage-outer {
overflow: visible !important;
}
}
.m-suite-slider {
-webkit-clip-path: inset(-100vw -100vw -100vw -22px);
clip-path: inset(-100vw -100vw -100vw -22px);
}
.m-suite-slider .owl-nav .owl-prev {
transform: translateX(-50%);
}
.m-suite-slider .owl-nav .owl-next {
transform: translateX(50%);
}
.m-suite-slider .owl-stage-outer {
overflow: visible !important;
}
@media screen and (max-width: 47.9375em) {
.m-suite-slider {
max-width: 265px;
}
}
@media screen and (max-width: 31.25em) {
.m-suite-slider {
max-width: 91.37%;
}
}
.m-header {
--gap: 60px;
align-items: center;
}
.m-header-outer {
--bg: var(--color-transparent);
position: relative;
z-index: 999;
}
.the-menu.is-active + .m-header-outer {
z-index: 9999 !important;
}
.the-menu.is-active + .the-site .the-header:not(.nav-open) a[href*="login"] .menu-item-inner.btn-clear {
filter: invert(1) !important;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAxOSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4LjE4IDIwLjVDMTguMTggMTYuNjMgMTQuMzMgMTMuNSA5LjU5IDEzLjVDNC44NSAxMy41IDEgMTYuNjMgMSAyMC41TTkuNTkgMTAuNUMxMC45MTYxIDEwLjUgMTIuMTg3OSA5Ljk3MzIyIDEzLjEyNTUgOS4wMzU1M0MxNC4wNjMyIDguMDk3ODUgMTQuNTkgNi44MjYwOCAxNC41OSA1LjVDMTQuNTkgNC4xNzM5MiAxNC4wNjMyIDIuOTAyMTUgMTMuMTI1NSAxLjk2NDQ3QzEyLjE4NzkgMS4wMjY3OCAxMC45MTYxIDAuNSA5LjU5IDAuNUM4LjI2MzkyIDAuNSA2Ljk5MjE1IDEuMDI2NzggNi4wNTQ0NyAxLjk2NDQ3QzUuMTE2NzggMi45MDIxNSA0LjU5IDQuMTczOTIgNC41OSA1LjVDNC41OSA2LjgyNjA4IDUuMTE2NzggOC4wOTc4NSA2LjA1NDQ3IDkuMDM1NTNDNi45OTIxNSA5Ljk3MzIyIDguMjYzOTIgMTAuNSA5LjU5IDEwLjVaIiBzdHJva2U9IiMyQjJDMzEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K") !important;
transform: scale(1.1);
}
.the-menu.is-active + .the-site .the-header:not(.nav-open) a[href*="login"] .menu-item-inner.btn-clear.nitro-lazy {
background-image: none !important;
}
@media screen and (max-width: 500px) {
.nav-sticky .is-home.section-hero-banner .m-hero-banner_message {
margin-top: 60px !important;
}
.no-results {
margin-bottom: 50px !important;
}
}
.no-results {
max-width: calc(var(--edge) * 2 + var(--inner));
display: flex;
flex-direction: column;
padding-left: var(--edge);
padding-right: var(--edge);
margin: 40px auto 200px auto;
font-family: var(--font-2);
}
.nav-fold.type-2 .sub-menu .m-wing-top .m-wing-image:after {
content: "";
z-index: 2;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .3;
}
.nav-fold.type-2 .sub-menu .m-wing-top .m-wing-image .back-cta {
z-index: 3;
}
@media screen and (max-width: 64em) {
.m-header {
--gap: 0;
--row: 0;
}
.m-header-nav {
margin-left: auto;
}
}
.m-logo {
max-width: 74px;
width: 100%;
padding: 12px 0;
display: flex;
text-decoration: none;
width: 74px;
}
.the-header .m-logo svg {
min-width: 74px;
height: auto;
}
.m-logo > * {
width: 100%;
}
@media screen and (min-width: 64.0625em) {
.m-logo .hide-medium {
display: flex;
}
}
@media screen and (max-width: 64em) {
.m-logo .show-medium {
display: flex;
}
}
@media screen and (max-width: 47.9375em) {
.m-logo {
padding: 16px 0;
}
}
[data-title="Why Hub Australia?"] + .section-solutions-list .inner .c-solution .c-solution_header {
margin-bottom: 40px;
}
.section-contact-us-2023 .c-contact .inner .m-cuh_right .c-referral-form .c-form-tabs > .t-label {
margin-bottom: 32px !important;
white-space: initial !important;
}
#enquire > div > div > div > div > div.c-form-wrapper > div.c-referral-form > form > div > div.c-form-page.is-active > div.c-form-body > div:nth-child(1) > div.radios.radio-parent {
margin-top: 25px;
}
#enquire > div > div > div > div > div.c-form-wrapper > div.c-referral-form > form > div > div.c-form-page.is-active > div.c-form-body > div:nth-child(7) > div.radios.radio-parent {
margin-top: 45px;
}
.section-clubhouse-products-2023 .inner .c-products-container .c-products-slider .owl-nav button.owl-next {
margin-left: auto !important;
}
@keyframes megaIn {
0% {
opacity: 0;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes megaOut {
0% {
opacity: 1;
}
10% {
opacity: 0;
}
100% {
opacity: 0;
}
}
.m-mega {
position: absolute;
top: 0;
left: 0;
right: 0;
--bg: var(--color-white);
padding: 182px 0 99px;
z-index: 209;
pointer-events: none;
opacity: 0;
pointer-events: none;
transform: translateY(-100%);
border: 1px solid #f6f3ed;
box-shadow: 0px 2px 10px 6px rgba(0, 0, 0, .1);
transition: .275s ease-out;
}
.m-mega.is-active {
transition: .275s ease-out;
opacity: 1;
pointer-events: all;
transform: translateY(0%);
}
.m-mega.is-active .inner {
animation-name: megaIn;
animation-duration: .4s;
opacity: 1;
}
.m-mega .inner {
animation-name: megaOut;
animation-duration: .4s;
opacity: 0;
}
.m-mega a {
transition: .25s ease;
}
.m-mega a:hover {
opacity: .55;
}
.m-mega-locations .m-wing-image:after {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
border-radius: 12px;
background: linear-gradient(15deg, rgba(43, 44, 49, .95) 4.28%, rgba(43, 44, 49, 0) 50%) !important;
z-index: 2;
}
.m-mega-locations .m-wing-image .h2, .m-mega-locations .m-wing-image a {
z-index: 4;
}
body[data-page-name*="Careers"] .c-solution {
padding: 60px 0 !important;
}
body[data-page-name*="Careers"] .section-solutions-list.section-order-3 {
margin-top: -50px;
}
body[data-page-name*="About Hub Australia"] .c-solution {
padding: 30px 0 !important;
}
.section-solutions-list a {
font-family: var(--font-2);
}
.m-mega > .inner > .m-wing {
padding: 0 127px;
}
.the-footer {
--bg: var(--color-dark);
--color: var(--color-white);
padding: 0;
}
@media screen and (max-width: 64em) {
.the-footer {
padding: 40px 0;
}
}
.m-footer {
--column: auto;
justify-content: space-between;
--gap: 50px;
--row: 32px;
margin-top: 0;
}
.m-footer-left {
padding-top: 60px;
flex: 1;
}
.m-footer-brand {
display: flex;
align-items: center;
}
.m-footer-brand .m-footer-tagline {
display: flex;
align-items: center;
}
.m-footer-left .m-logo {
display: inline-block;
padding: 0;
max-width: 88px;
margin-right: 31px;
}
.m-footer-left-top {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #fff;
padding-bottom: 17px;
}
.m-footer-nav .nav-spread {
width: 100%;
display: flex;
margin-top: 56px;
}
.m-footer-nav .nav-spread > ul {
display: flex;
justify-content: space-between;
flex: 1;
}
.m-footer-nav .nav-spread > ul > li {
display: flex;
flex-direction: column;
flex: 1 1 25%;
}
.m-footer-nav .nav-spread > ul > li:first-of-type {
flex: 1 1 20%;
}
@media screen and (max-width: 1184px) {
.m-footer-nav .nav-spread > ul > li {
flex: 1 1 50%;
}
.m-footer-nav .nav-spread > ul > li:first-of-type {
flex: 1 1 50%;
}
}
@media (min-width: 1026px) and (max-width: 1184px) {
.m-footer-left-top {
align-items: flex-start !important;
flex-direction: column !important;
}
}
.m-footer-nav .menu-item-inner {
padding: 0;
}
.m-footer-right {
padding-top: 40px;
padding-bottom: 40px;
margin-top: 0;
margin-left: 80px;
padding-left: 65px;
padding-right: 15px;
position: relative;
background: #27282d;
}
@media screen and (max-width: 767px) {
.m-footer-right {
background: #2b2c31;
}
}
.m-footer-right:before {
content: "";
background: #27282d;
height: 100%;
width: calc(100vw - var(--inner));
position: absolute;
right: calc(15px - ( 100vw - var(--inner) ));
top: 0;
}
@media screen and (max-width: 64em) {
.m-footer-left .m-logo {
max-width: 48px;
margin-right: 16px;
}
}
@media screen and (max-width: 64em) {
.m-footer-left {
display: flex;
align-items: center;
flex-direction: column;
}
.m-footer-left > * {
width: 100%;
}
.m-footer-left .nav-fold > ul > li > a {
--color: #fff;
}
.m-footer-right {
margin-left: 0;
padding: 40px;
display: flex;
flex-direction: column;
}
.m-footer-right > * {
max-width: 550px;
}
.the-footer {
padding-bottom: 0;
}
}
@media screen and (max-width: 540px) {
.m-footer-left-top {
flex-direction: column;
align-items: flex-start;
}
.m-footer-right {
padding: 40px 15px;
}
.m-copyright {
margin-top: -20px !important;
}
.m-copyright-body > * {
align-items: flex-start !important;
}
.m-copyright-body > * .nav-legal {
width: 100%;
}
.m-copyright-body > * .nav-legal > ul {
width: 100%;
justify-content: space-between;
margin: 0;
flex-wrap: nowrap;
padding: 0 28px;
}
.m-copyright-body > * .nav-legal > ul li {
padding-left: 0 !important;
}
.m-copyright-body > * .nav-legal > ul li:first-of-type a span {
padding-left: 0 !important;
}
.m-copyright-body > * .nav-legal > ul li:last-of-type a span {
padding-right: 0 !important;
}
.m-copyright-body > * .nav-legal > ul span {
font-weight: 300 !important;
font-size: 12px !important;
}
.m-footer-left {
padding: 20px 15px 0 15px;
}
.the-footer .inner {
padding-left: 0;
padding-right: 0;
}
}
@media screen and (max-width: 64em) {
.m-footer {
--column: 100%;
--gap: 0;
--row: 30px;
}
}
.m-copyright {
padding-top: 80px;
padding-bottom: 40px;
}
.m-copyright-middle {
margin-top: 60px;
margin-bottom: 1rem;
}
.m-copyright-body {
--gap: var(--s2);
--row: var(--s2);
--column: auto;
align-items: center;
}
.m-copyright-left {
margin-right: auto;
}
.m-copyright-right img {
max-width: 271px;
display: block;
}
@media screen and (max-width: 64em) {
.m-copyright {
border-top: none;
padding-top: 0;
margin-top: 40px;
}
.m-copyright-body {
--column: 100%;
justify-content: center;
align-items: center;
}
.m-copyright-body > * {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.m-copyright-body > * + * {
margin-top: 20px;
}
}
.m-contact {
margin-top: 20px;
}
.m-contact-links {
display: flex;
flex-direction: column;
margin-bottom: 20px;
}
.m-contact-links a {
--color: var(--color-white);
--font: var(--font-2);
--weight: 400;
--line: 1;
}
.m-contact-links a + a {
margin-top: 20px;
}
@media screen and (max-width: 64em) {
.m-contact-links a + a {
margin-top: 16px;
}
}
.m-contact-social ul {
--gap: 20px;
--row: 20px;
--column: auto;
}
.m-contact-social a {
text-decoration: none;
}
.t-footer {
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 32px;
color: #fff;
max-width: 333px;
background-color: var(--bg-transparent);
}
.nav-spread > ul > li > a {
font-family: var(--font-2);
font-style: italic;
font-weight: 600;
font-size: 14px;
line-height: 18px;
color: #f6f6f6;
margin-bottom: 16px;
}
.nav-fold > ul > li > a {
--color: var(--color-dark-grey);
--font: var(--font-2);
font-style: normal;
--weight: 700;
font-size: 18px;
line-height: 24px;
}
.m-info {
flex-wrap: nowrap;
--gap: var(--s1);
--row: 0;
align-items: center;
}
.m-info-outer {
display: block;
--bg: var(--color-1w);
--line: 0;
--color: var(--color-text);
position: relative;
z-index: 210;
}
.m-info-outer:hover {
--color: var(--color-text);
text-decoration: none;
}
.m-info-outer .inner {
line-height: 0;
}
.m-info-body {
margin-right: auto;
display: flex;
align-items: center;
}
.m-info-text {
--line: 1;
--weight: normal;
}
@media screen and (max-width: 64em) {
.m-info-text {
margin-top: -2.5px;
}
}
.m-info-cta {
margin-left: var(--s2);
}
@media screen and (max-width: 47.9375em) {
.m-info-cta .link-1, .m-info-cta .link-2, .m-info-cta .link-toggle {
padding-right: 0;
margin-left: 10px;
pointer-events: none;
}
.m-info-cta .link-1:after, .m-info-cta .link-2:after, .m-info-cta .link-toggle:after {
margin-left: 0;
}
}
.m-info button {
--size: 40px;
background-size: 12px;
background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66296 6.00003L11.8627 0.800232C12.0458 0.617162 12.0458 0.320349 11.8627 0.137303C11.6797 -0.0457441 11.3828 -0.0457676 11.1998 0.137303L6 5.3371L0.800232 0.137303C0.617162 -0.0457676 0.320349 -0.0457676 0.137303 0.137303C-0.0457441 0.320373 -0.0457676 0.617185 0.137303 0.800232L5.33707 6L0.137303 11.1998C-0.0457676 11.3829 -0.0457676 11.6797 0.137303 11.8627C0.228826 11.9543 0.348803 12 0.468779 12C0.588756 12 0.708709 11.9543 0.800256 11.8627L6 6.66296L11.1998 11.8627C11.2913 11.9543 11.4113 12 11.5313 12C11.6512 12 11.7712 11.9543 11.8627 11.8627C12.0458 11.6797 12.0458 11.3828 11.8627 11.1998L6.66296 6.00003Z' fill='%231E1E1E'/%3E%3C/svg%3E%0A");
}
.m-info button.nitro-lazy {
background-image: none !important;
}
@media screen and (max-width: 47.9375em) {
.m-info button {
--size: 20px;
background-size: 10px;
opacity: .3;
height: 47px;
background-position: right 10px;
}
}
.m-info button:hover {
transform: scale(1.2);
}
.m-hero-slider {
position: relative;
}
.m-hero-slider-outer {
width: 100%;
/* overflow-x: hidden; */
height: 380px;
}
.m-hero-slider-footer {
display: flex;
--row: 16px;
--gap: 16px;
margin-top: var(--gap);
}
.m-hero-slider-footer-list {
--row: 16px;
--gap: 16px;
--column: auto;
flex-wrap: nowrap;
}
.m-hero-slider-footer-list .button-1, .m-hero-slider-footer-list .button-2, .m-hero-slider-footer-list .button-3, .m-hero-slider-footer-list .button-icon, .m-hero-slider-footer-list [type="submit"], .m-hero-slider-footer-list [type="search"], .m-hero-slider-footer-list [type="button"] {
--height: 52px;
--side: 24px;
}
.m-hero-slider-footer-items {
--row: 16px;
--gap: 16px;
--column: auto;
flex-wrap: nowrap;
}
.m-hero-slider-footer-items > * {
cursor: pointer;
}
.m-hero-slider-footer-items > *:not(.is-active) {
opacity: .4;
}
@media screen and (max-width: 47.9375em) {
.m-hero-slider-footer {
display: none;
}
}
.m-hero-slider:not(.count-1) .owl-item .m-hero-slider-item {
position: relative;
}
.m-hero-slider:not(.count-1) .owl-item .m-hero-slider-item:before {
content: "";
transition-duration: .4s;
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, .5);
z-index: 2;
pointer-events: none;
}
.m-hero-slider:not(.count-1) .owl-item.active .m-hero-slider-item:before {
background: linear-gradient(15deg, rgba(43, 44, 49, .8) 4.28%, rgba(43, 44, 49, 0) 45%) !important;
}
.m-hero-slider:not(.count-1) .owl-item.active .m-spaces_clubhouse {
z-index: 3;
}
.m-hero-body .c-hero ~ *, .m-hero-body .c-sides ~ * {
margin-top: 20px;
width: 100%;
}
.m-hero-body .c-hero ~ * .button-1, .m-hero-body .c-sides ~ * .button-1, .m-hero-body .c-hero ~ * .button-2, .m-hero-body .c-sides ~ * .button-2, .m-hero-body .c-hero ~ * .button-3, .m-hero-body .c-sides ~ * .button-3, .m-hero-body .c-hero ~ * .button-icon, .m-hero-body .c-sides ~ * .button-icon, .m-hero-body .c-hero ~ * [type="submit"], .m-hero-body .c-sides ~ * [type="submit"], .m-hero-body .c-hero ~ * [type="search"], .m-hero-body .c-sides ~ * [type="search"], .m-hero-body .c-hero ~ * [type="button"], .m-hero-body .c-sides ~ * [type="button"] {
--height: 52px;
}
@media screen and (max-width: 64em) {
.m-hero:not(.m-hero-locations) .c-image, .m-hero:not(.m-hero-locations) .m-spots-image {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.m-hero:not(.m-hero-locations) .c-hero, .m-hero:not(.m-hero-locations) .c-sides {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
}
@media screen and (max-width: 64em) {
.m-hero-slider .owl-nav {
left: 6px;
right: 6px;
display: none;
}
}
@media screen and (min-width: 64.0625em) {
.m-hero {
display: flex;
align-items: center;
}
.m-hero-slider {
-webkit-clip-path: inset(-100vw -100vw -100vw 0);
clip-path: inset(-100vw -100vw -100vw 0);
width: 100%;
max-width: 100%;
}
.m-hero-slider .owl-stage-outer {}
.m-hero-slider .owl-nav {
right: 0px;
left: 0px;
}
.m-hero-header {
flex: 100%;
max-width: 100%;
}
.m-hero-body {
order: -1;
flex: 0 0 449px;
max-width: 449px;
margin-right: -39px;
position: relative;
z-index: 2;
}
.m-hero.m-hero-locations .m-hero-body {
margin-right: 40px;
}
.m-hero.m-hero-locations .m-hero-header {
flex: 0 0 calc(100% - 449px - 40px);
max-width: calc(100% - 449px - 40px);
}
.m-hero.m-hero-locations .m-hero-slider {
-webkit-clip-path: inset(-100vw -100vw -100vw -20px);
clip-path: inset(-100vw -100vw -100vw -20px);
}
.m-hero.m-hero-locations .m-hero-slider .owl-dots {
display: none !important;
}
.m-hero.m-hero-locations .m-hero-slider .owl-nav {
left: 0;
right: 0;
}
.m-hero.m-hero-locations .m-hero-slider .owl-nav .owl-prev {
transform: translateX(-50%);
}
.m-hero.m-hero-locations .m-hero-slider .owl-nav .owl-next {
transform: translateX(50%);
}
}
@media screen and (max-width: 64em) {
.m-hero.m-hero-locations .m-hero-body {
margin-top: 10px;
}
}
.c-hero, .c-sides {
border: 1px solid #f6f3ed;
background: #fcfaf7;
border-radius: var(--radius);
padding: 40px 44px;
}
.c-hero > * + *, .c-sides > * + * {
margin-top: 24px;
}
@media screen and (max-width: 64em) {
.c-hero, .c-sides {
padding: 20px 15px;
}
.c-hero > * + *, .c-sides > * + * {
margin-top: 20px;
}
}
.c-hero .button-1, .c-sides .button-1, .c-hero .button-2, .c-sides .button-2, .c-hero .button-3, .c-sides .button-3, .c-hero .button-icon, .c-sides .button-icon, .c-hero [type="submit"], .c-sides [type="submit"], .c-hero [type="search"], .c-sides [type="search"], .c-hero [type="button"], .c-sides [type="button"] {
--height: 44px;
--weight: 800;
}
.c-hero-location > * + * {
margin: 0;
margin-top: 34px;
}
.c-hero-location > :first-child > * + * {
margin: 0;
margin-top: 16px;
}
.c-hero-location > :nth-child(2) > * + * {
margin: 0;
margin-top: 14px;
}
.c-hero-locations > * + * {
margin: 0;
margin-top: 16px;
}
.c-image, .m-spots-image {
border-radius: var(--radius);
--ratio: .6622;
}
.c-dot {
border-radius: var(--radius);
width: 93px;
height: 52px;
overflow: hidden;
}
.c-dot img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.section-features-slider {
--inner: 1238px;
}
.m-features-grid {
--gap: 40px;
--row: 25px;
--column: 25%;
}
@media screen and (max-width: 64em) {
.m-features-grid {
--column: 50%;
}
}
@media screen and (max-width: 47.9375em) {
.m-features-grid {
display: none;
}
}
.m-features-slider {
max-width: calc(100% - 78px);
margin: 0 auto;
}
@media screen and (max-width: 47.9375em) {
.m-features {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
}
.c-feature {
display: flex;
align-items: flex-start;
}
.c-feature-header {
flex: 0 0 40px;
max-width: 40px;
margin-right: 12px;
}
@media screen and (max-width: 47.9375em) {
.c-feature-header {
flex: 0 0 30px;
max-width: 30px;
}
}
.c-feature-body {
flex: 1;
}
.c-feature-body .h4, .c-feature-body .c-fold-header, .c-feature-body .gs-location > div {
margin-bottom: 1px;
}
@media screen and (max-width: 47.9375em) {
.c-feature-body .h4, .c-feature-body .c-fold-header, .c-feature-body .gs-location > div {
margin-bottom: 4px;
}
}
.section-locations {
padding-top: 60px;
padding-bottom: 80px;
}
@media screen and (max-width: 80em) {
.section-locations {
padding: 60px 0;
}
}
@media screen and (max-width: 47.9375em) {
.section-locations {
padding: 40px 0 60px;
}
}
@media screen and (min-width: 80.0625em) {
.section-recently-viewed {
padding-bottom: 60px;
}
}
.section-nearby-locations {
padding: 80px 0;
}
@media screen and (max-width: 47.9375em) {
.section-nearby-locations {
padding: 60px 0;
}
}
.m-nearby {
--column: 100%;
--gap: 80px;
--row: 35px;
}
@media screen and (min-width: 80.0625em) {
.m-nearby-header {
--column: calc(443px + var(--gap));
}
.m-nearby-body {
--column: calc(100% - 443px - var(--gap));
}
}
@media screen and (max-width: 47.9375em) {
.m-nearby {
--gap: 24px;
--row: 24px;
}
}
@media screen and (max-width: 47.9375em) {
.m-nearby-slider {
max-width: 265px;
}
.m-nearby-slider .owl-stage-outer {
overflow: visible !important;
}
}
.c-house {
display: flex;
flex-direction: column;
border-radius: 6px !important;
overflow: hidden;
border: 1px solid #ebebeb;
background: #fff !important;
}
@media screen and (min-width: 768px) {
.c-house {
border-left: none;
}
}
.c-house-image {
--ratio: .7;
background-color: var(--color-light);
border-radius: 6px;
}
.c-house-title {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-left: -10px;
}
.c-house-title > * {
flex: 0 0 auto;
padding-left: 10px;
}
.c-house-location {
margin: 0;
color: var(--dark-grey, #2b2c31);
font-size: 14px;
font-family: var(--font-2);
font-style: normal;
font-weight: 300;
line-height: 20px;
}
.c-house-address {
display: flex;
align-items: center;
margin: 8px 0 16px 0;
}
@media screen and (max-width: 767px) {
.c-house-address {
flex-wrap: wrap;
}
}
.c-house-address p {
color: var(--grey, #666);
font-size: 14px;
font-family: var(--font-2);
font-style: normal;
font-weight: 300;
line-height: 20px;
}
.c-house-address .vo-hide {
display: none !important;
}
.c-house-address_show-map {
display: none;
margin: 10px 0 0 0;
color: #8d261b;
text-align: left;
font-size: 14px;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
line-height: 18px;
text-decoration: underline;
}
@media screen and (max-width: 767px) {
.c-house-address_show-map {
display: block;
width: 100%;
}
}
.c-house-body span.button-2 {
margin: 0 !important;
}
.c-house-description {
color: var(--dark-grey, #2b2c31);
font-size: 14px;
font-family: var(--font-2);
font-style: normal;
font-weight: 300;
line-height: 20px;
min-height: 100px;
margin-top: 0px !important;
}
@media screen and (max-width: 767px) {
.c-house-description {
min-height: 0;
}
}
.c-house-discover-more {
display: flex;
align-items: center;
color: var(--color-rust);
font-size: 14px;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
line-height: 18px;
}
.c-house-discover-more svg {
margin-left: 4px;
}
.c-house-header {
position: relative;
z-index: 5;
}
.c-house-tags {
position: absolute;
top: 14px;
left: 10px;
}
.c-house .c-house-body .button-2 {
width: 100%;
text-align: center;
background: var(--color-rust);
color: #fff;
border-radius: 6px;
font-size: 16px;
font-family: var(--font-2);
font-weight: 600;
line-height: 20px;
}
.c-house-tags .tag {
border-radius: 3px;
background: var(--dark-grey, #2b2c31);
color: var(--white, #fff);
font-size: 12px;
font-family: var(--font-2);
font-weight: 600;
line-height: 14px;
letter-spacing: 2px;
text-transform: uppercase;
}
.c-house-tags .tag.bg-open {
display: none !important;
}
@media screen and (max-width: 47.9375em) {
.c-house-tags {
top: 8px;
right: 8px;
}
}
.c-house-bottom {
margin-top: auto;
padding-top: 24px;
}
.c-house-body {
padding: 24px;
display: flex;
flex-direction: column;
flex: 1;
}
.c-house-body > :first-child {
margin-bottom: 11px;
}
.c-house-body > :nth-last-child(2) {
margin-top: 16px;
}
.c-house-body > :last-child:not(.c-house-bottom) {
margin-top: 24px;
}
@media screen and (max-width: 47.9375em) {
.c-house-body {
padding: 16px;
}
.c-house-body > :first-child {
margin-bottom: 6px;
}
.c-house-body > :nth-last-child(2) {
margin-top: 12px;
}
.c-house-body > :last-child:not(.c-house-bottom) {
margin-top: 16px;
}
.c-house-body .c-house-bottom {
padding-top: 16px;
}
}
.c-house .enquire-button {
transition: .25s ease-in-out;
}
.c-house .enquire-button:hover {
background: var(--color-dark-rust);
}
.section-all-locations {
padding: 60px 0;
}
.m-all-header {
text-align: center;
margin-bottom: 30px;
}
@media screen and (max-width: 47.9375em) {
.m-all-header {
margin-bottom: 20px;
}
}
.m-location {
max-width: 630px;
}
.m-location-header {
position: fixed;
top: 0;
padding-top: 41px;
left: 0;
width: 100vw;
background: #fff;
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, .08);
z-index: 208;
padding-bottom: 52px;
}
.m-location-header.no-alert {
padding-top: 0px;
}
.m-location-header .m-crumbs {
position: relative;
margin-bottom: 29px;
margin-top: 85px;
}
.m-location-header .m-crumbs-item:not(:last-child):after {
content: "/" !important;
background-image: none !important;
height: unset !important;
color: #666 !important;
}
.m-location-header .m-crumbs-item:last-child > span {
font-weight: 600;
}
.m-location-header_grid {
display: flex;
align-items: center;
justify-content: flex-start;
}
.m-location-header_title {
min-width: 481px;
color: #2b2c31;
font-size: 44px;
font-family: var(--font-4);
line-height: 56px;
margin: 0 40px 0 0;
}
.m-location-header_description {
width: 100%;
color: #000;
font-size: 18px;
font-family: var(--font-2);
line-height: 24px;
margin: 0 0 12px 0;
}
.m-location-header_description a {
color: var(--color-rust);
font-size: 14px;
font-family: var(--font-2);
font-weight: 600;
line-height: 18px;
display: flex;
align-items: center;
margin-top: 24px;
width: -moz-fit-content;
width: fit-content;
}
.m-location-header_title {
font-weight: 300;
}
@media screen and (max-width: 1000px) {
.m-location-header_grid {
flex-direction: column;
align-items: flex-start;
}
.m-location-header_title {
margin: 0 0 20px 0;
}
}
@media screen and (max-width: 550px) {
.m-location-header_title {
font-size: 28px;
line-height: 34px;
min-width: unset;
}
.m-location-header_description {
font-size: 15px;
line-height: 20px;
}
}
.m-location-outer {
flex: 1;
height: 100%;
/* padding: 28px 0 68px; */
position: relative;
min-height: 100vh;
}
hr.border-line {
background-color: lightgrey;
width: 90%;
}
.list hr.border-line {
background-color: lightgrey;
width: 96.5%;
}
.single-location .m-location-outer {
margin-top: 345px;
min-height: calc(100vh - 400px);
}
.single-location .m-location-outer.no-alert {
margin-top: 304px;
}
@media screen and (max-width: 47.9375em) {
body:not(.single-location) .m-location-outer {
margin-top: 0px;
}
.m-location-outer.no-alert {
margin-top: 0;
}
.single-location .m-location-outer {
margin-top: 0;
}
.single-location .m-location-outer.no-alert {
margin-top: 0px;
}
.m-location-header {
position: relative;
padding-top: 0px;
}
.m-location-header .m-crumbs {
margin: 17px 0;
}
}
.m-location-outer .m-crumbs {
margin: 0 0 20px;
}
@media screen and (max-width: 70em) {
.m-location {
max-width: 100%;
}
}
.m-location-hr {
display: none;
flex-wrap: wrap;
padding: 4px 0 16px 0;
border-bottom: 1px solid #eaeaea;
margin-bottom: 32px;
}
.m-location-hr > :first-child {
margin-right: auto;
color: #2b2c31;
font-size: 20px;
font-family: var(--font-2);
font-weight: 600;
line-height: 28px;
}
.m-location-list {
max-height: -moz-fit-content !important;
max-height: fit-content !important;
padding-right: 40px;
}
.m-location-list::-webkit-scrollbar {
width: 6px;
border-radius: 2px;
}
.m-location-list::-webkit-scrollbar-thumb {
border-radius: 2px;
background: #2b2c31;
}
.m-location-list::-webkit-scrollbar-track {
border-radius: 2px;
background: #f6f6f6;
}
.m-location-list .m-locations-view-more {
color: #8d261b;
font-family: var(--font-2);
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 20px;
padding: 13px 24px;
text-align: center;
min-width: 180px;
width: -moz-fit-content;
width: fit-content;
display: block;
margin: 24px auto 0 auto;
border-radius: 6px;
border: 1px solid #8d261b;
background: rgba(212, 212, 212, .03);
text-decoration: none;
transition: .25s ease;
}
.m-location-list .m-locations-view-more:hover {
background: #8d261b;
color: #fff;
}
@media screen and (max-width: 37.5em) {
.m-location-list {
max-height: unset;
overflow: visible;
padding-right: 0;
}
.m-location-list .m-locations-view-more {
left: 0;
width: 100%;
}
.m-location-outer {
padding-bottom: 0;
}
}
.m-location-list > * + * {
margin: 0;
margin-top: 24px;
}
.m-location-list .t-feature {
color: #1e1e1e;
opacity: .6;
}
.m-location-list .t-feature + .t-feature {
margin-top: 3px;
}
@media screen and (min-width: 48em) {
.m-location-list .c-house {
flex-direction: column;
/* Change to column layout */
border-radius: 3px;
overflow: hidden;
box-shadow: none;
}
.m-location-list .c-house:hover {
box-shadow: 1px 1px 20px rgba(0, 0, 0, .05);
}
/* Adjust the c-house-header to not enforce flex sizing since it will now occupy the full width */
.m-location-list .c-house-header {
flex: 1 1 auto;
/* Allow it to auto adjust based on content */
max-width: none;
}
/* Ensure the image covers the width of the card in the new layout */
.m-location-list .c-house-image {
display: flex;
/* Makes the container a flexbox container */
justify-content: center;
/* Center the image horizontally */
align-items: center;
/* Center the image vertically */
overflow: hidden;
/* Hide parts of the image that exceed the container's height */
height: 200px;
}
.m-location-list .c-house-image img {
/* width: 100%;
height: auto; */
object-fit: cover;
/* Cover the area of the container without stretching. */
padding-bottom: 0;
display: block;
}
/* Update the c-house-body styling to adjust for the new layout */
.m-location-list .c-house .c-house-body {
border: 1px solid #f6f3ed;
/* Retain border styling */
border-top: none;
/* Remove border-top to avoid double border where header and body meet */
padding: 20px;
}
/* Adjustments to child element margins are likely not needed with the new layout but can be fine-tuned as required */
.m-location-list .c-house .c-house-body > :first-child, .m-location-list .c-house .c-house-body > :nth-last-child(2), .m-location-list .c-house .c-house-body > :last-child:not(.c-house-bottom) {
margin-top: 10px;
/* Adjust top margins as needed for spacing */
margin-bottom: 10px;
}
}
.m-location-map {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: calc(( 100vw - var(--inner) ) * .5 + var(--inner) - ( var(--inner) - 570px - 82px ));
--header: 374px;
}
.m-location-map iframe, .m-location-map .the-map {
display: block;
width: 100%;
height: 100%;
}
.m-location-map .the-map {
--header: 295px;
}
.m-location-map-close {
position: absolute;
top: 20px;
right: 20px;
z-index: 999;
cursor: pointer;
display: flex;
}
.m-location {}
.the-menu.is-active + .the-header {
z-index: 9999 !important;
}
.the-menu.is-active + .the-header .m-header-outer {}
.the-map .cluster img {
display: none !important;
}
.the-map .cluster > div {
height: 52px !important;
display: flex;
align-items: flex-start;
justify-content: flex-end;
background: url("https://www.hubaustralia.com/nitropack_static/gCYjeJBYWPdTZqPQLYJhYkizAtXJiAfX/assets/images/optimized/rev-e699150/www.hubaustralia.com/wp-content/uploads/2023/12/Location-Pin.png") center/35px no-repeat;
}
.the-map .cluster span {
width: 16px;
height: 16px;
border-radius: 22.747px;
background: var(--color-rust);
color: #fff !important;
font-size: 11px;
font-family: var(--font-2);
font-style: normal;
font-weight: 500;
line-height: 12.795px;
padding: 2px;
margin: 0px 3px 0 0;
display: block;
}
.owl-carousel .owl-item img {
opacity: 1 !important;
}
@media screen and (min-width: 80.0625em) {
.m-location-map-close {
display: none;
}
}
@media screen and (max-width: 70em) {
.m-location-map {
top: 74px;
left: 0;
position: fixed;
display: none !important;
}
.m-location-map.is-active {
display: block !important;
z-index: 9999;
top: 0 !important;
}
}
@media screen and (max-width: 64em) {
.m-location-map {
top: 65px;
}
}
@media screen and (max-width: 47.9375em) {
.m-location-map {
top: 61px;
}
}
@media screen and (max-width: 47.9375em) {
.section-latest-articles {
padding: 60px 0;
}
}
.section-testimonials {
padding: 80px 0;
}
@media screen and (max-width: 64em) {
.section-testimonials {
padding: 60px 0;
}
}
@media screen and (max-width: 47.9375em) {
.section-testimonials {
padding-top: 30px;
}
}
.m-testimonials-header {
text-align: center;
margin-bottom: 32px;
}
@media screen and (max-width: 47.9375em) {
.m-testimonials-header {
margin-bottom: 24px;
}
}
.c-quote {
display: flex;
flex-wrap: wrap;
border-radius: var(--radius);
overflow: hidden;
}
.c-quote > * {
flex: 0 0 50%;
max-width: 50%;
}
.c-quote-image {
--ratio: 0;
height: 100%;
}
@media screen and (max-width: 47.9375em) {
.c-quote-image {
--ratio: .5379;
height: 0;
}
}
.c-quote-body {
padding: 43px 64px;
padding-right: 33px;
display: flex;
flex-direction: column;
}
.c-quote-body > *:not(:last-child) {
margin-bottom: 24px;
}
.c-quote-info {
margin-top: auto;
}
@media screen and (max-width: 64em) {
.c-quote-body {
padding: 20px;
border: 1px solid rgba(0, 0, 0, .15);
}
.c-quote-body > *:not(:last-child) {
margin-bottom: 20px;
}
}
@media screen and (max-width: 47.9375em) {
.c-quote {
flex-direction: column;
}
.c-quote > * {
max-width: 100%;
}
.c-quote-header {
flex: 0 0 auto;
width: 100%;
}
.c-quote-body {
flex: 1;
}
}
.c-name {
display: flex;
align-items: center;
}
.c-name-header {
flex: 0 0 auto;
max-width: 40px;
min-width: 40px;
margin-right: 12px;
}
.c-name-image {
border-radius: 2px;
overflow: hidden;
}
.c-name-image img {
width: 100%;
display: block;
}
.c-name-body {
flex: 1;
}
.c-name-body > * + * {
margin: 0;
margin-top: 3px;
}
.c-name-title, .c-name-subtitle {
--line: 1;
}
.c-name-title {
--color: var(--color-1);
--size: 16px;
--weight: 700;
}
.c-name-subtitle {
--size: 14px;
--weight: 300;
opacity: .6;
}
.section-text-image {
padding: 80px 0;
}
@media screen and (max-width: 80em) {
.section-text-image {
padding: 50px 0;
}
}
@media screen and (max-width: 47.9375em) {
.section-text-image {
padding: 40px 0;
}
}
.m-sides {
--pad: 50px;
--overlap: -123px;
--header: 69.34%;
--body: calc(100% - var(--header));
display: flex;
align-items: center;
}
.m-sides > * {
width: 100%;
flex: 1;
}
.m-sides-header {
flex: 0 0 var(--header);
max-width: var(--header);
}
.m-sides-body {
flex: 0 0 var(--body);
max-width: var(--body);
position: relative;
z-index: 2;
}
.m-sides-image {
border-radius: var(--radius);
--ratio: .509;
}
@media screen and (min-width: 64.0625em) {
.m-sides.type-left {
margin-right: var(--pad);
}
.m-sides.type-left .m-sides-body .c-sides {
margin-left: var(--overlap);
}
.m-sides.type-right {
flex-direction: row-reverse;
margin-left: var(--pad);
}
.m-sides.type-right .m-sides-body .c-sides {
margin-right: var(--overlap);
}
.m-sides.no-overlapping.type-left .m-sides-header {
padding-right: calc(var(--overlap) * -1);
}
.m-sides.no-overlapping.type-right .m-sides-header {
padding-left: calc(var(--overlap) * -1);
}
}
@media screen and (max-width: 64em) {
.m-sides {
flex-direction: column;
}
.m-sides-header, .m-sides-body {
max-width: none;
flex: 0 0 auto;
}
}
.c-sides {
padding: 32px 52px;
}
.c-sides > * + * {
margin: 0;
margin-top: 0;
}
.c-sides > :first-child, .c-sides .c-sides-title {
margin-bottom: 23px;
}
@media screen and (max-width: 64em) {
.c-sides > :first-child, .c-sides .c-sides-title {
margin-bottom: 18px;
}
}
.c-sides > :last-child {
margin-top: 24px;
}
.c-sides-list {
margin-top: 16px;
}
@media screen and (max-width: 80em) {
.c-sides {
padding: 26px 32px;
}
}
@media screen and (max-width: 64em) {
.c-sides:not(.type-single) {
background-color: rgba(0, 0, 0, 0);
padding: 0;
border: 0;
border-radius: 0;
margin-top: 20px;
}
.c-sides:not(.type-single) .c-sides-footer {
display: flex;
justify-content: center;
}
.c-sides.type-single {
padding: 20px 15px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
}
.section-products-services {
padding: 80px 0;
}
@media screen and (max-width: 64em) {
.section-products-services {
padding: 60px 0;
}
}
.m-products-header {
text-align: center;
margin-bottom: 40px;
}
@media screen and (max-width: 64em) {
.m-products-header {
margin-bottom: 24px;
}
}
.m-products-list {
--column: 25%;
--gap: 32px;
--row: 32px;
}
@media screen and (max-width: 80em) {
.m-products-list {
--gap: 24px;
--row: 24px;
}
}
@media screen and (max-width: 64em) {
.m-products-list {
--column: 50%;
}
}
@media screen and (max-width: 37.5em) {
.m-products-list {
--column: 100%;
}
}
.m-products-footer {
margin-top: 32px;
display: flex;
flex-direction: column;
align-items: center;
}
.m-products-footer > * + * {
margin: 0;
margin-top: 20px;
}
.c-product {
display: flex;
flex-direction: column;
}
.c-product-header {
position: relative;
flex: 0 0 auto;
}
.c-product-over {
position: absolute;
top: 0;
left: 0;
right: 0;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
padding: 12px;
z-index: 2;
}
.c-product-image {
--ratio: .4666;
}
.c-product-body {
flex: 1;
padding: 20px;
display: flex;
flex-direction: column;
}
@media screen and (max-width: 37.5em) {
.c-product-body {
padding: 16px;
}
}
.c-product-top {
padding-bottom: 17px;
margin-bottom: auto;
}
@media screen and (max-width: 37.5em) {
.c-product-top {
padding-bottom: 10px;
}
}
.c-product .h4, .c-product .c-fold-header, .c-product .gs-location > div {
margin-bottom: 10px;
}
.c-product .p {
--size: 14px;
--line: 1.42;
}
.c-product .t-price {
margin-bottom: 10px;
}
.c-product-middle {
border-top: 1px solid #f6f6f6;
padding: 17px 0;
display: none;
}
@media screen and (max-width: 37.5em) {
.c-product-middle {
padding: 12px 0;
}
}
.c-product .link-1, .c-product .link-2, .c-product .link-toggle {
border-top: 1px solid #f6f6f6;
padding: 20px 0;
width: 100%;
line-height: 1;
font-size: 16px;
--font: var(--font-1);
}
.show-more {
border-top: 1px solid #f6f6f6;
padding: 20px 0;
--line: 1;
width: 100%;
display: flex;
align-items: center;
}
.show-more:after {
content: "";
margin-left: 8px;
width: 10px;
height: 10px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.375 7.375H8.625V0.625C8.625 0.279813 8.34519 0 8 0C7.65481 0 7.375 0.279813 7.375 0.625V7.375H0.625C0.279813 7.375 0 7.65481 0 8C0 8.34519 0.279813 8.625 0.625 8.625H7.375V15.375C7.375 15.7202 7.65481 16 8 16C8.34519 16 8.625 15.7202 8.625 15.375V8.625H15.375C15.7202 8.625 16 8.34519 16 8C16 7.65481 15.7202 7.375 15.375 7.375Z' fill='%234D613E'/%3E%3C/svg%3E%0A");
}
.show-more.is-active:after {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='2' viewBox='0 0 16 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.625 0.375H15.375C15.7202 0.375 16 0.654813 16 1C16 1.34519 15.7202 1.625 15.375 1.625H8.625H7.375H0.625C0.279813 1.625 0 1.34519 0 1C0 0.654813 0.279813 0.375 0.625 0.375H7.375H8.625Z' fill='%234D613E'/%3E%3C/svg%3E%0A");
}
@media screen and (max-width: 37.5em) {
.show-more {
padding: 14px 0;
}
}
.t-price {
--weight: 700;
--color: var(--color-1);
}
.section-background {
position: relative;
}
.section-background-image {
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.section-background-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.section-background-image.ob-top img {
-o-object-position: top center;
object-position: top center;
}
.section-background .inner {
position: relative;
z-index: 2;
}
.section-referral-form {
padding: 80px 0;
}
@media screen and (max-width: 80em) {
.section-referral-form {
padding: 60px 0;
}
}
@media screen and (max-width: 47.9375em) {
.section-referral-form {
background-color: rgba(245, 239, 228, .4);
padding-top: 0;
padding-bottom: 40px;
}
.section-referral-form.section-background .section-background-image {
position: static;
margin-bottom: 40px;
position: relative;
height: 0;
padding-bottom: 56.25%;
}
.section-referral-form.section-background .section-background-image img {
position: absolute;
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
}
.section-how-it-works {
background: #fff;
}
@media screen and (max-width: 47.9375em) {
.section-referral-form.section-split-form {
background-color: var(--color-white);
}
.section-referral-form.section-split-form .c-referral-form {
background-color: var(--color-beige);
}
}
.m-referral {
max-width: 648px;
}
.c-referral {
background: #fff;
border-radius: 2px;
padding: 40px;
}
.c-referral-title .h2 {
color: #2b2c31;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
}
.c-referral .h4 {
color: #2b2c31;
font-family: var(--font-2);
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 22px;
}
@media screen and (max-width: 47.9375em) {
.c-referral {
padding: 20px;
}
}
@media screen and (max-width: 47.9375em) {
.m-referral .c-referral {
background: rgba(0, 0, 0, 0);
padding: 0;
border-radius: 0;
}
.m-referral .c-referral .c-referral-form {
background: #fff;
padding: 20px 15px;
border: 1px solid #f6f3ed;
box-sizing: border-box;
border-radius: 2px;
}
}
.c-referral-title {
margin-bottom: 24px;
}
.c-referral-title .h4, .c-referral-title .c-fold-header, .c-referral-title .gs-location > div {
color: var(--color-1);
margin-top: 10px;
}
@media screen and (max-width: 47.9375em) {
.c-referral-title {
margin-bottom: 14px;
}
}
.c-referral-form {
margin-top: 0px;
}
@media screen and (max-width: 47.9375em) {
.c-referral-form {
margin-top: 20px;
}
}
.section-case-study {
padding: 80px 0;
}
@media screen and (max-width: 47.9375em) {
.section-case-study {
padding: 60px 0;
}
}
.m-case {
--column: 100%;
--gap: 80px;
--row: 35px;
}
@media screen and (min-width: 80.0625em) {
.m-case-header {
--column: calc(308px + var(--gap));
}
.m-case-body {
--column: calc(100% - 308px - var(--gap));
}
}
@media screen and (max-width: 47.9375em) {
.m-case {
--gap: 24px;
--row: 24px;
}
}
.c-case {
border-radius: 2px;
overflow: hidden;
display: flex;
}
@media screen and (min-width: 48em) {
.c-case-header {
flex: 0 0 260px;
max-width: 260px;
}
}
.c-case-image, .c-case-image img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.c-case-body {
padding: 24px;
padding-bottom: 16px;
display: flex;
flex-direction: column;
justify-content: center;
}
.c-case-body .h4, .c-case-body .c-fold-header, .c-case-body .gs-location > div {
margin-bottom: 12px;
}
.c-case-body .p {
--weight: normal;
}
.c-case-body > :last-child {
margin-top: 24px;
}
@media screen and (max-width: 47.9375em) {
.c-case-body {
padding: 16px;
padding-bottom: 14px;
}
}
@media screen and (max-width: 47.9375em) {
.c-case {
flex-direction: column;
}
}
.section-featured-suite {
padding: 80px 0;
}
@media screen and (max-width: 47.9375em) {
.section-featured-suite {
padding: 60px 0;
}
}
.m-suite {
--gap: 80px;
--row: 40px;
--column: 100%;
}
.m-suite-header {
--column: calc(308px + var(--gap));
}
.m-suite-header .h2 {
margin-bottom: 23px;
}
@media screen and (max-width: 47.9375em) {
.m-suite-header .h2 {
margin-bottom: 18px;
}
}
.m-suite-header > :nth-child(2) {
margin-bottom: 15px;
}
.m-suite-header > :last-child {
margin-top: 28px;
}
@media screen and (max-width: 47.9375em) {
.m-suite-header > :last-child {
margin-top: 20px;
}
}
.m-suite-body {
--column: calc(100% - 308px - var(--gap));
}
.m-suite .c-image, .m-suite .m-spots-image {
--ratio: .5793;
}
@media screen and (max-width: 47.9375em) {
.m-suite {
--gap: 24px;
--row: 24px;
}
.m-suite-header, .m-suite-body {
--column: 100%;
}
}
.t-spec {
--line: 1.1;
display: flex;
}
.t-spec:before {
content: "";
flex: 0 0 auto;
display: inline-block;
width: 11px;
height: 14px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-right: 12px;
margin-top: 2px;
}
.t-spec + * {
margin-top: 7px;
}
.t-spec.size-s {
--size: 14px;
}
.t-spec.size-s:before {
margin-top: -2px;
margin-right: 8px;
}
.t-spec.size-l {
--size: 14px;
}
.t-spec.size-l:before {
width: 17px;
height: 17px;
margin-top: 0;
}
.t-spec.icon-pin:before {
background-image: url("data:image/svg+xml,%3Csvg width='10' height='14' viewBox='0 0 10 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 5.25213C0 2.53728 2.23571 0.341553 5 0.341553C7.76429 0.341553 10 2.53728 10 5.25213C10 8.17042 6.84286 12.2041 5.55 13.7474C5.26429 14.0841 4.74286 14.0841 4.45715 13.7474C3.15715 12.2041 0 8.17042 0 5.25213ZM3.21429 5.25213C3.21429 6.22022 4.01429 7.00591 5 7.00591C5.98571 7.00591 6.78571 6.22022 6.78571 5.25213C6.78571 4.28405 5.98571 3.49835 5 3.49835C4.01429 3.49835 3.21429 4.28405 3.21429 5.25213Z' fill='%234D613E'/%3E%3C/svg%3E%0A");
}
.t-spec.icon-user:before {
background-image: url("data:image/svg+xml,%3Csvg width='13' height='15' viewBox='0 0 13 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.13757 6.63984C9.03407 6.09488 9.62025 5.14115 9.62025 4.01715C9.62025 2.3141 8.24101 0.95166 6.51696 0.95166C4.79291 0.95166 3.41367 2.3141 3.41367 4.01715C3.41367 5.14115 3.99985 6.09488 4.89635 6.63984C2.62061 7.32106 1 9.39875 1 11.8511C1 14.8485 3.62055 14.5419 4.58603 14.6101C4.8619 14.6101 8.10308 14.6101 8.41344 14.6101C10.2409 14.6101 11.9995 14.4057 11.9995 11.8511C12.0339 9.39875 10.3788 7.32106 8.13757 6.63984ZM4.10329 4.05122C4.10329 2.72285 5.17221 1.66695 6.51696 1.66695C7.86171 1.66695 8.93063 2.72285 8.93063 4.05122C8.93063 5.37958 7.86171 6.43549 6.51696 6.43549C5.20667 6.40141 4.10329 5.34551 4.10329 4.05122ZM8.44789 13.9289C8.17202 13.9289 4.89635 13.9289 4.62048 13.9289C3.37918 13.8948 1.72407 14.031 1.72407 11.8511C1.72407 9.22843 3.89637 7.08259 6.55141 7.08259C9.20645 7.08259 11.3788 9.22843 11.3788 11.8511C11.3443 13.6223 10.4478 13.9289 8.44789 13.9289Z' fill='%234D613E' stroke='%234D613E' stroke-width='0.5'/%3E%3C/svg%3E%0A");
}
.t-spec.icon-clock:before {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.8491 9.41291L8.61828 7.73979V4.3316C8.61828 3.98891 8.34128 3.71191 7.99859 3.71191C7.65591 3.71191 7.37891 3.98891 7.37891 4.3316V8.04966C7.37891 8.24485 7.47062 8.42891 7.62678 8.54541L10.1055 10.4044C10.217 10.4881 10.3472 10.5284 10.4767 10.5284C10.6657 10.5284 10.8516 10.4435 10.973 10.2799C11.1788 10.0066 11.123 9.61804 10.8491 9.41291Z' fill='%234D613E'/%3E%3Cpath d='M8 0C3.58853 0 0 3.58853 0 8C0 12.4115 3.58853 16 8 16C12.4115 16 16 12.4115 16 8C16 3.58853 12.4115 0 8 0ZM8 14.7607C4.27266 14.7607 1.23934 11.7273 1.23934 8C1.23934 4.27266 4.27266 1.23934 8 1.23934C11.728 1.23934 14.7607 4.27266 14.7607 8C14.7607 11.7273 11.7273 14.7607 8 14.7607Z' fill='%234D613E'/%3E%3C/svg%3E%0A");
}
.t-spec.icon-date:before {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.8491 9.41291L8.61828 7.73979V4.3316C8.61828 3.98891 8.34128 3.71191 7.99859 3.71191C7.65591 3.71191 7.37891 3.98891 7.37891 4.3316V8.04966C7.37891 8.24485 7.47062 8.42891 7.62678 8.54541L10.1055 10.4044C10.217 10.4881 10.3472 10.5284 10.4767 10.5284C10.6657 10.5284 10.8516 10.4435 10.973 10.2799C11.1788 10.0066 11.123 9.61804 10.8491 9.41291Z' fill='%234D613E'/%3E%3Cpath d='M8 0C3.58853 0 0 3.58853 0 8C0 12.4115 3.58853 16 8 16C12.4115 16 16 12.4115 16 8C16 3.58853 12.4115 0 8 0ZM8 14.7607C4.27266 14.7607 1.23934 11.7273 1.23934 8C1.23934 4.27266 4.27266 1.23934 8 1.23934C11.728 1.23934 14.7607 4.27266 14.7607 8C14.7607 11.7273 11.7273 14.7607 8 14.7607Z' fill='%234D613E'/%3E%3C/svg%3E%0A");
}
.t-spec.icon-phone-light:before {
background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.8756 12.002L13.3871 11.7179C12.7894 11.6493 12.2016 11.855 11.7803 12.2763L9.9775 14.0791C7.20479 12.6682 4.93176 10.405 3.52092 7.62249L5.33347 5.80995C5.75476 5.38865 5.9605 4.8008 5.89192 4.20315L5.6078 1.73417C5.49023 0.744614 4.65743 0 3.65808 0H1.96311C0.855986 0 -0.0649837 0.920969 0.00359911 2.02809C0.522869 10.3952 7.2146 17.0771 15.5719 17.5964C16.679 17.665 17.6 16.744 17.6 15.6369V13.9419C17.6098 12.9524 16.8652 12.1196 15.8756 12.002Z' fill='white'/%3E%3C/svg%3E%0A");
}
.t-spec.icon-mail-light:before {
background-image: url("data:image/svg+xml,%3Csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.374879 1.09533C2.84531 3.18751 7.18014 6.8683 8.45421 8.01598C8.62524 8.17088 8.80869 8.24963 8.99913 8.24963C9.18918 8.24963 9.37231 8.17161 9.54296 8.01745C10.8181 6.86865 15.1529 3.18751 17.6234 1.09533C17.7772 0.96532 17.8007 0.736805 17.6761 0.577863C17.3883 0.210586 16.9591 0 16.4991 0H1.49914C1.03919 0 0.609968 0.210586 0.322144 0.577899C0.197621 0.736805 0.22107 0.96532 0.374879 1.09533Z' fill='white'/%3E%3Cpath d='M17.7825 2.2293C17.6496 2.16742 17.4932 2.18901 17.3826 2.28351C14.6429 4.606 11.1464 7.58296 10.0463 8.57426C9.4288 9.13163 8.57187 9.13163 7.95298 8.57352C6.78038 7.51701 2.85384 4.17899 0.617414 2.28347C0.506074 2.18897 0.349348 2.16813 0.217512 2.22926C0.0849726 2.29082 0 2.42339 0 2.5695V12.0002C0 12.8275 0.672715 13.5002 1.50001 13.5002H16.5C17.3273 13.5002 18 12.8275 18 12.0002V2.5695C18 2.42339 17.915 2.29047 17.7825 2.2293Z' fill='white'/%3E%3C/svg%3E%0A");
}
.t-spec.icon-chat-light:before {
background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.0806 0H1.91942C0.860754 0 0 0.865269 0 1.92853V12.2141C0 13.2778 0.860754 14.1427 1.91942 14.1427C3.26259 14.1427 3.44302 14.1427 3.44302 14.1427H3.83884V17.3569C3.83884 17.9303 4.53069 18.2136 4.93078 17.8116C6.71712 16.0164 5.46268 17.2772 8.39474 14.3312C8.51503 14.2104 8.67711 14.1427 8.8473 14.1427H16.0806C17.1388 14.1427 18 13.2778 18 12.2141C18 6.21163 18 7.9456 18 1.92853C18 0.865269 17.1389 0 16.0806 0ZM3.19908 3.85707H12.2418C12.5954 3.85707 12.8816 4.14463 12.8816 4.49991C12.8816 4.85519 12.5954 5.14276 12.2418 5.14276H3.19908C2.84548 5.14276 2.55927 4.85519 2.55927 4.49991C2.55927 4.14463 2.84548 3.85707 3.19908 3.85707ZM9.6825 10.2856H3.19908C2.84548 10.2856 2.55927 9.99803 2.55927 9.64275C2.55927 9.28747 2.84548 8.99991 3.19908 8.99991H9.6825C10.0361 8.99991 10.3223 9.28747 10.3223 9.64275C10.3223 9.99803 10.0361 10.2856 9.6825 10.2856ZM14.801 7.71418H3.19908C2.84548 7.71418 2.55927 7.42661 2.55927 7.07133C2.55927 6.71605 2.84548 6.42849 3.19908 6.42849H14.801C15.1546 6.42849 15.4408 6.71605 15.4408 7.07133C15.4408 7.42661 15.1546 7.71418 14.801 7.71418Z' fill='white'/%3E%3C/svg%3E%0A");
}
.m-suite-slider {
position: relative;
}
.m-suite-slider .owl-item .m-suite-slider-item {
position: relative;
}
.m-suite-slider .owl-item .m-suite-slider-item:before {
content: "";
transition-duration: .4s;
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, .5);
z-index: 2;
pointer-events: none;
}
.m-suite-slider .owl-item.active .m-suite-slider-item:before {
opacity: 0;
}
.section-safe-workspace {
padding: 60px 0;
}
.m-safe {
--gap: 25px;
--row: 25px;
}
.m-safe-header {
--column: calc(407px + var(--gap));
}
.m-safe-header .h2 {
margin-bottom: 26px;
}
@media screen and (max-width: 47.9375em) {
.m-safe-header .h2 {
margin-bottom: 14px;
}
}
.m-safe-header > :last-child {
margin-top: 28px;
}
.m-safe-header p a, .m-safe-header .p a {
text-decoration: underline;
}
.m-safe-header p a:hover, .m-safe-header .p a:hover {
text-decoration: none;
}
.m-safe-body {
--column: calc(100% - 407px - var(--gap));
}
@media screen and (max-width: 64em) {
.m-safe {
--gap: 20px;
--row: 20px;
}
.m-safe-header, .m-safe-body {
--column: 100%;
}
.m-safe .show-medium:last-child {
display: flex;
flex-direction: column;
align-items: center;
}
}
.m-spots {
position: relative;
}
.m-spots-grid {
position: absolute;
z-index: 3;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.m-spots-grid-item {
position: absolute;
z-index: 4;
left: 0;
top: 0;
}
@media screen and (max-width: 64em) {
.m-spots-grid {
display: none;
}
}
.c-tip {
position: relative;
width: 0;
height: 0;
}
.c-tip-button {
transform: translate(-50%, -50%);
width: 38px;
height: 38px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-color: rgba(0, 0, 0, 0);
border: 0;
background-image: url("data:image/svg+xml,%3Csvg width='39' height='39' viewBox='0 0 39 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='19.2924' cy='19.3632' r='19.0111' fill='white' stroke='%234D613E' stroke-width='0.5'/%3E%3Cpath d='M25.9519 18.7998H19.8575V12.7054C19.8575 12.3937 19.6049 12.1411 19.2932 12.1411C18.9816 12.1411 18.729 12.3937 18.729 12.7054V18.7998H12.6346C12.3229 18.7998 12.0703 19.0524 12.0703 19.364C12.0703 19.6757 12.3229 19.9283 12.6346 19.9283H18.729V26.0227C18.729 26.3343 18.9816 26.587 19.2932 26.587C19.6049 26.587 19.8575 26.3343 19.8575 26.0227V19.9283H25.9519C26.2635 19.9283 26.5162 19.6757 26.5162 19.364C26.5162 19.0524 26.2635 18.7998 25.9519 18.7998Z' fill='%234D613E' stroke='%234D613E' stroke-width='0.5'/%3E%3C/svg%3E%0A");
border-radius: 50%;
cursor: pointer;
box-shadow: 0px 2px 8px rgba(0, 0, 0, .1);
}
.c-tip-button.nitro-lazy {
background-image: none !important;
}
.c-tip-button:hover {
transform: translate(-50%, -50%) scale(1.1);
}
.c-tip-card {
opacity: 0;
pointer-events: none;
background: #fff;
border: .5px solid rgba(0, 0, 0, .15);
border-radius: 3px;
position: absolute;
bottom: 0;
left: 0;
transform: translate(-50%, 0px);
width: 243px;
padding: 12px;
display: flex;
}
.c-tip-card:after {
content: "";
display: inline-block;
width: 14px;
height: 7px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg width='14' height='6' viewBox='0 0 14 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.67056 0.25L7.06218 4.91928L12.4538 0.25H1.67056Z' fill='white' stroke='%23D9D9D9' stroke-width='a'/%3E%3Crect width='14' height='1' fill='white'/%3E%3C/svg%3E%0A");
position: absolute;
top: calc(100% - 2px);
left: 0;
right: 0;
margin: auto;
pointer-events: none;
}
.c-tip-text {
padding-top: 2px;
align-self: center;
}
.c-tip-image {
flex: 0 0 40px;
max-width: 40px;
min-width: 40px;
margin-right: 12px;
}
.c-tip-image img {
width: 100%;
}
.c-tip.is-active .c-tip-button {
background-image: url("data:image/svg+xml,%3Csvg width='39' height='39' viewBox='0 0 39 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='19.2611' cy='19.2611' r='19.0111' fill='%234D613E' stroke='%234D613E' stroke-width='0.5'/%3E%3Cpath d='M25.9206 18.6976H19.8263C19.8263 18.6976 19.5737 18.6984 19.262 18.6984C18.9503 18.6984 18.6977 18.6982 18.6977 18.6982L12.6034 18.6976C12.2917 18.6976 12.0391 18.9503 12.0391 19.2619C12.0391 19.5736 12.2917 19.8262 12.6034 19.8262H18.6977C18.6977 19.8262 18.9503 19.8262 19.262 19.8262C19.5737 19.8262 19.8263 19.8262 19.8263 19.8262H25.9206C26.2323 19.8262 26.4849 19.5736 26.4849 19.2619C26.4849 18.9503 26.2323 18.6976 25.9206 18.6976Z' fill='white' stroke='white' stroke-width='0.5'/%3E%3C/svg%3E%0A");
}
.c-tip.is-active .c-tip-button.nitro-lazy {
background-image: none !important;
}
.c-tip.is-active .c-tip-card {
opacity: 1;
transform: translate(-50%, -25px);
}
.m-spots-item {
display: flex;
margin-bottom: 16px;
}
.m-safe-image {
margin-bottom: 24px;
}
.section-comparison {
margin: 80px 0;
}
@media screen and (max-width: 47.9375em) {
.section-comparison {
margin: 60px 0;
}
}
.m-comparison-header {
text-align: center;
margin-bottom: 60px;
}
@media screen and (max-width: 64em) {
.m-comparison-header {
text-align: left;
margin-bottom: 12px;
}
}
.m-comparison-cta {
display: flex;
align-items: center;
margin-top: 32px;
width: 100%;
flex-direction: column;
}
.m-table {
--h: 60px;
--gap: 2px;
display: flex;
margin-left: calc(var(--gap) * -1);
flex-wrap: wrap;
align-items: flex-start;
}
@media screen and (max-width: 80em) {
.m-table {
--h: 80px;
}
}
.m-table-expand {
height: var(--h);
--bg: var(--color-beige);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
width: 100%;
margin-bottom: 18px;
}
.m-table-expand > span {
--weight: bold;
--font: var(--font-2);
--color: var(--color-1);
display: inline-flex;
align-items: center;
}
.m-table-expand > span > span {
flex: 1;
white-space: nowrap;
}
.m-table-expand > span:after {
content: "";
margin-left: 10px;
flex: 0 0 13px;
max-width: 13px;
min-width: 13px;
display: inline-block;
height: 13px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg width='13' height='7' viewBox='0 0 13 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.85674 6.85231L12.853 0.857334C13.0493 0.660916 13.049 0.34291 12.852 0.146821C12.655 -0.0491167 12.3358 -0.0486104 12.1393 0.147833L6.49998 5.78597L0.860638 0.14763C0.664115 -0.0487881 0.345184 -0.0492945 0.148154 0.146618C0.0493851 0.244915 -1.63346e-08 0.373693 -2.19637e-08 0.50247C-2.75783e-08 0.630918 0.0490541 0.759188 0.147138 0.857309L6.14324 6.85231C6.23764 6.94691 6.36612 7 6.49998 7C6.63383 7 6.76216 6.94676 6.85674 6.85231Z' fill='%234D613E'/%3E%3C/svg%3E%0A");
}
.m-table-clear {
flex: 0 0 100%;
width: 100%;
}
.m-table-footer {
flex: 4;
margin-top: var(--gap);
margin-left: 1px;
}
.m-table-column {
flex: 1;
--theme: transparent;
margin-left: var(--gap);
}
.m-table-column.is-head .m-table-cell {
text-align: left;
align-items: flex-start;
padding-left: 0;
padding-right: 5px;
}
.m-table-cell {
--weight: bold;
--bg: var(--theme);
height: var(--h);
display: flex;
flex-direction: column;
text-align: center;
align-items: center;
--line: 1.1;
justify-content: center;
padding: 5px 30px;
}
.m-table-cell .small {
color: rgba(0, 0, 0, .6);
}
.m-table-cell + * {
margin-top: var(--gap);
}
.m-table-text.type-no {
height: 2px;
width: 19px;
background: rgba(0, 0, 0, .2);
display: inline-block;
}
.m-table-text.type-yes {
height: 15px;
width: 20px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='15' viewBox='0 0 20 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.7747 0.225199C19.4744 -0.0750664 18.9873 -0.0750664 18.6868 0.225199L6.21766 12.6892L1.31315 7.7867C1.0128 7.4864 0.525725 7.4864 0.225294 7.7867C-0.075098 8.08697 -0.075098 8.5738 0.225294 8.8741L5.67379 14.3203C5.97407 14.6205 6.4613 14.6205 6.76165 14.3203L19.7747 1.3126C20.0751 1.01229 20.0751 0.525465 19.7747 0.225199Z' fill='%234D613E'/%3E%3C/svg%3E%0A");
}
.m-table-text.type-yes.nitro-lazy {
background-image: none !important;
}
.m-table-text.type-text {
--bg: transparent;
--color: var(--color-1);
--size: 14px;
--line: 1.42;
--font: var(--font-2);
}
.m-table:not(.is-active) .m-table-cell:nth-child(7) ~ .m-table-cell {
display: none !important;
}
.m-table:not(.is-active) .if-not-active {
display: inline;
}
.m-table:not(.is-active) .if-active {
display: none;
}
.m-table.is-active .m-table-expand > span:after {
transform: rotate(180deg);
}
.m-table.is-active .if-active {
display: inline;
}
.m-table.is-active .if-not-active {
display: none;
}
.c-fold-item {
border-bottom: 2px solid var(--color-beige);
}
.c-fold-header {
width: 100%;
background-color: rgba(0, 0, 0, 0);
padding: 0;
display: flex;
height: 50px;
align-items: center;
justify-content: space-between;
}
.c-fold-header:after {
content: "";
--size: 18px;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='18' viewBox='0 0 20 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.3374 8.29688H10.5063V0.703125C10.5063 0.314789 10.1817 0 9.78125 0C9.38078 0 9.05615 0.314789 9.05615 0.703125V8.29688H1.2251C0.824626 8.29688 0.5 8.61166 0.5 9C0.5 9.38834 0.824626 9.70312 1.2251 9.70312H9.05615V17.2969C9.05615 17.6852 9.38078 18 9.78125 18C10.1817 18 10.5063 17.6852 10.5063 17.2969V9.70312H18.3374C18.7379 9.70312 19.0625 9.38834 19.0625 9C19.0625 8.61166 18.7379 8.29688 18.3374 8.29688Z' fill='%231E1E1E'/%3E%3C/svg%3E%0A");
}
.c-fold-body {
display: none;
padding-bottom: 14px;
}
.c-fold-body > :first-child {
margin-bottom: 12px;
}
.c-fold-item.is-active .c-fold-header:after {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='2' viewBox='0 0 20 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5063 0.296875H18.3374C18.7379 0.296875 19.0625 0.611664 19.0625 1C19.0625 1.38834 18.7379 1.70312 18.3374 1.70312H10.5063H9.05615H1.2251C0.824626 1.70312 0.5 1.38834 0.5 1C0.5 0.611664 0.824626 0.296875 1.2251 0.296875H9.05615H10.5063Z' fill='%231E1E1E'/%3E%3C/svg%3E%0A");
}
.m-index {
padding-bottom: 80px;
}
.m-index-header {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 33px;
border-bottom: 1px solid #eaeaea;
padding-bottom: 16px;
margin-top: 16px;
}
.m-index-header > :first-child {
margin-right: auto;
}
@media screen and (max-width: 47.9375em) {
.m-index-header {
position: relative;
margin-bottom: 20px;
padding-bottom: 10px;
margin-top: 10px;
}
.m-index-header > :last-child:not(:first-child) {
display: flex;
justify-content: flex-end;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
}
.m-index.type-team .m-index-header, .m-index.type-events .m-index-header {
text-align: center;
border-bottom: none;
justify-content: center;
padding-bottom: 0;
margin: 40px 0;
}
.m-index.type-team .m-index-header > *, .m-index.type-events .m-index-header > * {
margin: 0;
}
.m-index.type-team:not(.show-all) .m-index-list > *:nth-child(12) ~ *, .m-index.type-events:not(.show-all) .m-index-list > *:nth-child(12) ~ * {
display: none;
}
.m-index-body {
--gap: 76px;
--row: 40px;
align-items: flex-start;
}
@media screen and (max-width: 97.5em) {
.m-index-body {
--gap: 40px;
--row: 30px;
}
}
.m-index-sidebar {
--column: calc(378px + var(--gap));
position: sticky;
top: 52px;
z-index: 10;
}
@media screen and (max-width: 80em) {
.m-index-sidebar {
--column: 100%;
top: 31px;
}
}
.m-index-main {
--column: calc(100% - 378px - var(--gap));
}
@media screen and (max-width: 80em) {
.m-index-main {
--column: 100%;
}
}
.m-index-main.type-full {
--column: 100%;
}
.m-index-list {
--gap: 24px;
--row: 24px;
--column: 33.33%;
}
@media screen and (max-width: 47.9375em) {
.m-index-list {
--column: 50%;
}
}
@media screen and (max-width: 31.25em) {
.m-index-list {
--column: 100%;
}
}
.m-index-action {
margin-top: 32px;
display: flex;
flex-direction: column;
align-items: center;
}
.m-index-count {
color: #2b2c31;
opacity: .7;
margin-bottom: 20px;
line-height: 1;
}
@media screen and (max-width: 80em) {
.m-index-count {
text-align: center;
}
.m-index-count span {
font-weight: 600;
}
}
@media screen and (max-width: 47.9375em) {
.m-index-count {
margin-bottom: 16px;
margin-top: -10px;
}
}
.c-filter {
background: #fcfaf7;
border: 1px solid #f6f3ed;
border-radius: 2px;
padding: 32px 40px;
}
.c-filter-header {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 18px;
}
.c-filter-header > :first-child {
margin-right: auto;
}
.c-filter-header .h4, .c-filter-header .c-fold-header, .c-filter-header .gs-location > div {
--size: 24px;
}
.c-filter-header .h4 span, .c-filter-header .c-fold-header span, .c-filter-header .gs-location > div span {
color: #1e1e1e;
opacity: .5;
--weight: 400;
--size: 16px;
--line: 1;
}
@media screen and (min-width: 80.0625em) {
.c-filter-header .h4 span, .c-filter-header .c-fold-header span, .c-filter-header .gs-location > div span {
display: none;
}
}
.c-filter a.clear-categories {
color: #2b2c31;
opacity: .5;
line-height: 1;
text-decoration: underline;
}
.c-filter a.clear-categories:hover {
text-decoration: none;
}
@media screen and (min-width: 80.0625em) {
.c-filter-body {
display: block !important;
}
}
.c-filter-body > * + * {
margin: 0;
margin-top: 12px;
}
.c-filter-body label {
display: flex;
align-items: flex-start;
}
.c-filter-body label > span {
align-self: center;
--weight: bold;
--line: 1;
margin-left: 16px;
}
.c-filter-body label > span span {
--weight: normal;
color: #1e1e1e;
opacity: .5;
}
.c-filter-bottom {
display: none;
}
@media screen and (max-width: 80em) {
.c-filter {
padding: 0;
}
.c-filter.is-sticky {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
.c-filter-header {
padding: 16px;
margin: 0;
cursor: pointer;
}
.c-filter-header .h4, .c-filter-header .c-fold-header, .c-filter-header .gs-location > div {
--size: 20px;
width: 100%;
position: relative;
}
.c-filter-header .h4:after, .c-filter-header .c-fold-header:after, .c-filter-header .gs-location > div:after {
content: "";
display: block;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
background-position: center;
transition-duration: .2s;
background-image: url("data:image/svg+xml,%3Csvg width='16' height='8' viewBox='0 0 16 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.56094 7.83121L0.180933 0.979811C-0.0607219 0.755333 -0.0603156 0.391897 0.182183 0.167795C0.424651 -0.0561333 0.817431 -0.0555547 1.05927 0.168952L8.00003 6.61254L14.9408 0.168721C15.1826 -0.0557574 15.5752 -0.0563361 15.8177 0.167563C15.9392 0.279904 16 0.427078 16 0.574251C16 0.721049 15.9396 0.867644 15.8189 0.979782L8.43909 7.83121C8.3229 7.93933 8.16478 8 8.00003 8C7.83528 8 7.67734 7.93916 7.56094 7.83121Z' fill='%234D613E'/%3E%3C/svg%3E%0A");
height: 8px;
width: 16px;
}
.c-filter-header a {
display: none;
}
.c-filter.is-open .c-filter-header .h4:after, .c-filter.is-open .c-filter-header .c-fold-header:after, .c-filter.is-open .c-filter-header .gs-location > div:after {
transform: rotate(180deg);
}
.c-filter-body {
padding: 0 16px 16px;
display: none;
}
.c-filter-bottom {
border-top: 1px solid #eaeaea;
display: flex;
align-items: center;
justify-content: center;
padding: 13px 0 0;
text-align: center;
}
}
@media (min-width: 1281px) {}
.m-search {
display: inline-flex;
position: relative;
}
.m-search button {
height: 39px;
width: 36px;
display: flex;
align-items: center;
justify-content: center;
border: 0;
position: absolute;
top: 0;
bottom: 0;
z-index: 2;
}
.m-search button svg {
max-width: 16px;
height: auto;
}
.m-search [type="submit"] {
left: 0;
pointer-events: none;
}
.m-search button.clear-search {
right: 0;
display: none;
}
.m-search .a-input, .m-search input[type="date"], .m-search input[type="datetime"], .m-search input[type="datetime-local"], .m-search input[type="email"], .m-search input[type="month"], .m-search input[type="number"], .m-search input[type="password"], .m-search input[type="range"], .m-search input[type="search"], .m-search input[type="tel"], .m-search input[type="text"], .m-search input[type="time"], .m-search input[type="url"], .m-search input[type="week"], .m-search textarea, .m-search select, .m-search .nice-select .current, .nice-select .m-search .current {
-webkit-appearance: none;
height: 39px;
padding: 0;
padding-left: 36px;
border: 0;
background: rgba(0, 0, 0, 0);
width: 105px;
font-weight: 600;
font-size: 16px;
font-family: var(--font-2);
border-radius: 2px;
}
.m-search .a-input, .m-search input[type="date"], .m-search input[type="datetime"], .m-search input[type="datetime-local"], .m-search input[type="email"], .m-search input[type="month"], .m-search input[type="number"], .m-search input[type="password"], .m-search input[type="range"], .m-search input[type="search"], .m-search input[type="tel"], .m-search input[type="text"], .m-search input[type="time"], .m-search input[type="url"], .m-search input[type="week"], .m-search textarea, .m-search select, .m-search .nice-select .current, .nice-select .m-search .current, .m-search .a-input::-webkit-placeholder, .m-search input[type="date"]::-webkit-placeholder, .m-search input[type="datetime"]::-webkit-placeholder, .m-search input[type="datetime-local"]::-webkit-placeholder, .m-search input[type="email"]::-webkit-placeholder, .m-search input[type="month"]::-webkit-placeholder, .m-search input[type="number"]::-webkit-placeholder, .m-search input[type="password"]::-webkit-placeholder, .m-search input[type="range"]::-webkit-placeholder, .m-search input[type="search"]::-webkit-placeholder, .m-search input[type="tel"]::-webkit-placeholder, .m-search input[type="text"]::-webkit-placeholder, .m-search input[type="time"]::-webkit-placeholder, .m-search input[type="url"]::-webkit-placeholder, .m-search input[type="week"]::-webkit-placeholder, .m-search textarea::-webkit-placeholder, .m-search select::-webkit-placeholder, .m-search .nice-select .current::-webkit-placeholder, .nice-select .m-search .current::-webkit-placeholder, .m-search .a-input::placeholder, .m-search input[type="date"]::placeholder, .m-search input[type="datetime"]::placeholder, .m-search input[type="datetime-local"]::placeholder, .m-search input[type="email"]::placeholder, .m-search input[type="month"]::placeholder, .m-search input[type="number"]::placeholder, .m-search input[type="password"]::placeholder, .m-search input[type="range"]::placeholder, .m-search input[type="search"]::placeholder, .m-search input[type="tel"]::placeholder, .m-search input[type="text"]::placeholder, .m-search input[type="time"]::placeholder, .m-search input[type="url"]::placeholder, .m-search input[type="week"]::placeholder, .m-search textarea::placeholder, .m-search select::placeholder, .m-search .nice-select .current::placeholder, .nice-select .m-search .current::placeholder {
color: #1e1e1e;
opacity: 1;
}
.m-search.is-active .a-input, .m-search.is-active input[type="date"], .m-search.is-active input[type="datetime"], .m-search.is-active input[type="datetime-local"], .m-search.is-active input[type="email"], .m-search.is-active input[type="month"], .m-search.is-active input[type="number"], .m-search.is-active input[type="password"], .m-search.is-active input[type="range"], .m-search.is-active input[type="search"], .m-search.is-active input[type="tel"], .m-search.is-active input[type="text"], .m-search.is-active input[type="time"], .m-search.is-active input[type="url"], .m-search.is-active input[type="week"], .m-search.is-active textarea, .m-search.is-active select, .m-search.is-active .nice-select .current, .nice-select .m-search.is-active .current {
width: 400px;
background: #f6f6f6;
font-weight: normal;
padding-right: 40px;
}
.m-search.is-active .a-input::-webkit-placeholder, .m-search.is-active input[type="date"]::-webkit-placeholder, .m-search.is-active input[type="datetime"]::-webkit-placeholder, .m-search.is-active input[type="datetime-local"]::-webkit-placeholder, .m-search.is-active input[type="email"]::-webkit-placeholder, .m-search.is-active input[type="month"]::-webkit-placeholder, .m-search.is-active input[type="number"]::-webkit-placeholder, .m-search.is-active input[type="password"]::-webkit-placeholder, .m-search.is-active input[type="range"]::-webkit-placeholder, .m-search.is-active input[type="search"]::-webkit-placeholder, .m-search.is-active input[type="tel"]::-webkit-placeholder, .m-search.is-active input[type="text"]::-webkit-placeholder, .m-search.is-active input[type="time"]::-webkit-placeholder, .m-search.is-active input[type="url"]::-webkit-placeholder, .m-search.is-active input[type="week"]::-webkit-placeholder, .m-search.is-active textarea::-webkit-placeholder, .m-search.is-active select::-webkit-placeholder, .m-search.is-active .nice-select .current::-webkit-placeholder, .nice-select .m-search.is-active .current::-webkit-placeholder, .m-search.is-active .a-input::placeholder, .m-search.is-active input[type="date"]::placeholder, .m-search.is-active input[type="datetime"]::placeholder, .m-search.is-active input[type="datetime-local"]::placeholder, .m-search.is-active input[type="email"]::placeholder, .m-search.is-active input[type="month"]::placeholder, .m-search.is-active input[type="number"]::placeholder, .m-search.is-active input[type="password"]::placeholder, .m-search.is-active input[type="range"]::placeholder, .m-search.is-active input[type="search"]::placeholder, .m-search.is-active input[type="tel"]::placeholder, .m-search.is-active input[type="text"]::placeholder, .m-search.is-active input[type="time"]::placeholder, .m-search.is-active input[type="url"]::placeholder, .m-search.is-active input[type="week"]::placeholder, .m-search.is-active textarea::placeholder, .m-search.is-active select::placeholder, .m-search.is-active .nice-select .current::placeholder, .nice-select .m-search.is-active .current::placeholder {
opacity: .5;
}
@media screen and (max-width: 47.9375em) {
.m-search.is-active, .m-search.is-active .a-input, .m-search.is-active input[type="date"], .m-search.is-active input[type="datetime"], .m-search.is-active input[type="datetime-local"], .m-search.is-active input[type="email"], .m-search.is-active input[type="month"], .m-search.is-active input[type="number"], .m-search.is-active input[type="password"], .m-search.is-active input[type="range"], .m-search.is-active input[type="search"], .m-search.is-active input[type="tel"], .m-search.is-active input[type="text"], .m-search.is-active input[type="time"], .m-search.is-active input[type="url"], .m-search.is-active input[type="week"], .m-search.is-active textarea, .m-search.is-active select, .m-search.is-active .nice-select .current, .nice-select .m-search.is-active .current {
width: 100%;
}
}
.m-search.is-active button {
visibility: visible;
display: block;
}
.m-crumbs {
margin: 28px 0 32px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.m-crumbs-outer .m-crumbs {
margin-bottom: 16px;
}
.m-crumbs-item {
display: inline-flex;
align-items: center;
margin-top: 4px;
}
.m-crumbs-item > * {
color: #2b2c31;
opacity: .5;
line-height: 1;
font-weight: normal;
}
.m-crumbs-item:not(:last-child):after {
content: "";
display: inline-block;
flex: 0 0 auto;
margin: 0 10px;
width: 7px;
height: 13px;
background-image: url("data:image/svg+xml,%3Csvg width='7' height='13' viewBox='0 0 7 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.5'%3E%3Cpath d='M6.85231 6.14326L0.857334 0.147008C0.660916 -0.0493365 0.34291 -0.0490065 0.146821 0.148024C-0.0491166 0.345029 -0.0486103 0.664163 0.147833 0.86066L5.78597 6.50002L0.147631 12.1394C-0.0487876 12.3359 -0.0492939 12.6548 0.146618 12.8518C0.244916 12.9506 0.373693 13 0.50247 13C0.630918 13 0.759189 12.9509 0.857309 12.8529L6.85231 6.85676C6.94691 6.76236 7 6.63388 7 6.50002C7 6.36617 6.94676 6.23784 6.85231 6.14326Z' fill='%232B2C31'/%3E%3C/g%3E%3C/svg%3E%0A");
background-size: contain;
background-repeat: no-repeat;
margin-bottom: -2px;
}
@media screen and (max-width: 47.9375em) {
.m-crumbs {
margin: 17px 0;
}
}
.m-blog-header {
margin-top: 18px;
max-width: 1200px;
margin: 18px auto 0 auto;
width: 100%;
}
.m-blog-title {
color: #2b2c31;
text-align: center;
font-family: var(--font-4);
font-size: 48px;
font-style: normal;
font-weight: 300;
line-height: 56px;
max-width: 996px;
margin: 0 auto 40px auto;
}
.m-blog-badge {
padding: 4px 16px;
color: #fff;
font-family: var(--font-2);
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 14px;
letter-spacing: 2px;
text-transform: uppercase;
margin: 0 0 -32px 18px;
position: relative;
z-index: 2;
border-radius: 3px;
background: #8d261b;
width: -moz-fit-content;
width: fit-content;
}
.m-blog-image {
width: 100%;
height: 500px;
}
.m-blog-image img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: 6px;
}
.m-blog-lower {
margin: 16px 0 0 0;
padding: 16px 0;
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.m-blog-lower > div:last-of-type {
display: flex;
align-items: center;
justify-content: flex-end;
}
.m-blog-lower > div:last-of-type a {
margin-right: 16px;
}
.m-blog-lower > div:last-of-type a:last-of-type {
margin-right: 0;
}
.m-blog-author {
display: flex;
align-items: center;
}
.m-blog-author img {
border-radius: 3px;
width: 48px;
height: 48px;
}
.m-blog-author p {
margin: 0 0 0 16px;
color: #666;
font-family: var(--font-2);
font-size: 14px;
font-style: italic;
font-weight: 300;
line-height: 20px;
}
.m-blog-author p span {
display: block;
font-weight: 600;
}
.m-blog-date {
color: #666;
font-family: var(--font-2);
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 20px;
display: block;
padding-right: 24px;
margin: 0;
}
.m-blog-read {
color: #666;
font-family: var(--font-2);
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 20px;
display: block;
padding: 0 24px;
border-left: 1px solid #ebebeb;
border-right: 1px solid #ebebeb;
margin-right: 24px;
margin: 0 24px 0 0;
}
.m-blog-body {
padding: 0;
width: 100%;
margin-top: 0px;
}
.m-blog-body > div:not(:last-child) {
margin-bottom: 60px;
}
.m-blog-body > .m-content-body {
max-width: 792px;
margin: 0 auto;
--column: 100%;
padding: 0 0 0 0;
}
.m-blog-body > .m-content-body > div {
max-width: 100% !important;
}
.m-blog-body > .m-content-body a:not(.button-2) {
color: #000;
font-family: var(--font-2);
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 24px;
text-decoration: underline;
}
.m-blog-body > .m-content-body .m-inform li::before {
display: none;
}
.m-blog-body > .m-content-body .m-inform li {
margin: 0 !important;
}
.m-blog-body > .m-content-body .m-inform {
background: #f6f6f6;
}
.m-blog-body > div p, .m-blog-body > div ul > li {
color: #000;
font-family: var(--font-2);
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 24px;
}
.m-blog-body > div ul {
padding: 0;
margin-bottom: 0;
}
.m-blog-body > div h3, .m-blog-body > div .h3 {
color: #000;
font-family: var(--font-2);
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 32px;
}
.m-blog-body > div h6 {
color: #000;
font-family: var(--font-2);
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 26px;
}
.m-blog-body > div ul > li {
list-style: none;
padding-left: 32px;
position: relative;
}
.m-blog-body > div ul > li:before {
content: "";
left: 0;
top: 4px;
position: absolute;
width: 16px;
height: 16px;
background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.1304 3.47649C14.9201 3.2663 14.5792 3.2663 14.3689 3.47649L5.64045 12.2013L2.20729 8.76954C1.99704 8.55933 1.65609 8.55933 1.44579 8.76954C1.23552 8.97973 1.23552 9.32051 1.44579 9.53072L5.25974 13.3431C5.46993 13.5532 5.81099 13.5532 6.02124 13.3431L15.1304 4.23767C15.3407 4.02745 15.3407 3.68667 15.1304 3.47649Z' fill='%23834B45'/%3E%3C/svg%3E%0A");
}
.m-blog-body > div ul > li:not(:last-of-type) {
margin-bottom: 24px;
}
.m-blog-footer {
padding-top: 24px;
width: 100%;
max-width: 996px;
margin: 80px auto 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
border-top: 1px solid #999;
}
.m-blog-footer > div:first-of-type {
display: flex;
align-items: center;
gap: 16px;
color: #999;
font-family: var(--font-2);
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 14px;
letter-spacing: 2px;
text-transform: uppercase;
}
.m-blog-footer > div:first-of-type a {
margin-right: 8px !important;
display: flex;
align-items: center;
}
.m-blog-footer > div:first-of-type a:last-child {
margin-right: 0px !important;
}
.m-blog-footer > div:first-of-type a:last-child img {
margin-top: -1px !important;
}
.m-blog-footer_next {
display: flex;
align-items: center;
text-decoration: none;
transition: opacity .3s ease;
}
.m-blog-footer_next:hover {
opacity: .75;
}
.m-blog-footer_next > div {
text-align: right;
color: #999;
font-family: var(--font-2);
font-size: 14px;
font-style: italic;
font-weight: 300;
line-height: 14px;
}
.m-blog-footer_next > div span {
display: block;
font-style: normal;
font-weight: 600;
color: #2b2c31;
margin-top: 5px;
max-width: 400px;
}
.m-blog-footer_next > svg {
margin-left: 8px;
}
.section-featured-articles {
padding: 80px 0 60px;
}
@media screen and (max-width: 47.9375em) {
.section-featured-articles {
padding: 60px 0 40px;
}
}
.m-articles-header {
text-align: center;
margin-bottom: 28px;
}
@media screen and (max-width: 47.9375em) {
.m-articles-header {
margin-bottom: 24px;
}
}
.m-articles-list {
--gap: 24px;
--row: 24px;
--column: 33.33%;
}
@media screen and (min-width: 48em) {
.m-articles .c-spot-body {
padding: 20px 32px 24px;
}
}
.m-articles .owl-stage {
display: flex !important;
}
.m-articles .owl-dots {
position: static;
margin-top: 24px;
}
@media screen and (max-width: 540px) {
.owl-dots button {
width: 35px !important;
}
}
.section-intro {
margin: 72px 0 60px;
}
@media screen and (max-width: 47.9375em) {
.section-intro {
margin: 40px 0;
}
}
.m-intro {
max-width: 648px;
}
.m-intro .h1 {
margin-bottom: 20px;
}
.section-featured-article {
margin: 60px 0 80px;
}
.section-single-intro {
margin: 0 0 80px;
margin-bottom: 80px !important;
}
@media screen and (max-width: 64em) {
.section-single-intro .m-sides-image {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.m-blog-body {
all: unset !important;
}
}
.single-post .m-crumbs .m-crumbs-item {
color: #666;
font-weight: 300;
}
.single-post .m-crumbs .m-crumbs-item:last-child a {
font-weight: 600;
}
.single-post .m-crumbs .m-crumbs-item:not(:last-child):after {
content: "/";
background: none;
margin: 0 10px 8px;
color: #666;
}
@media screen and (max-width: 47.9375em) {
.section-single-intro .m-crumbs {
margin: 12px 0 26px;
}
.single-post, .blog {
--edge: 24px !important;
}
.single-post .section-image-carousel .owl-carousel .owl-stage-outer, .single-post .section-image-carousel .owl-carousel {
height: -moz-fit-content !important;
height: fit-content !important;
}
.m-blog-body {
padding: 0;
all: unset !important;
}
.m-blog-body > div p {
font-size: 16px;
line-height: 22px;
}
.m-blog-body > div h3 {
font-size: 20px;
line-height: 28px;
}
.m-blog-body > div ul > li {
font-size: 16px;
line-height: 22px;
}
.m-blog-badge {
margin-left: 0;
}
.m-blog-footer {
flex-direction: column;
row-gap: 24px;
align-items: flex-start;
}
.m-blog-footer_next {
width: 100%;
justify-content: space-between;
}
.m-blog-footer_next > div {
line-height: 20px;
}
.m-blog-footer_next * {
text-align: left !important;
}
.m-blog-title {
text-align: left;
font-size: 32px;
line-height: 40px;
}
.m-blog-image {
position: relative;
width: calc(100% + 48px);
left: -24px;
height: 315px;
}
.m-blog-image img {
border-radius: 0;
height: 315px;
}
.m-blog-lower {
position: relative;
width: calc(100% + 30px);
left: -15px;
padding-left: 15px;
padding-right: 15px;
}
.m-blog-lower .social-share {
position: absolute;
bottom: -52px;
padding: 8px 0;
justify-content: center;
left: 50%;
transform: translateX(-50%);
border-bottom: 1px solid #ebebeb;
width: 100%;
}
.m-blog-lower > div:last-of-type {
flex-direction: column;
align-items: flex-end;
justify-content: center;
row-gap: 8px;
min-width: -moz-fit-content;
min-width: fit-content;
margin-left: 10px;
}
.m-blog-read, .m-blog-date {
padding: 0 !important;
text-align: right;
border: 0;
margin: 0;
}
.m-blog-header {
margin: 18px auto 40px auto;
}
}
.m-content {
padding-left: 202px;
--gap: 80px;
align-items: flex-start;
--row: 40px;
}
.m-content-body {
--column: calc(100% - 414px - var(--gap));
}
.m-content-sidebar {
--column: calc(414px + var(--gap));
}
@media screen and (min-width: 64.0625em) {
.m-content-sidebar {
position: sticky;
top: 52px;
z-index: 10;
}
}
.m-content-outer {
margin-bottom: 80px;
}
.single-post .m-content-outer {
margin-top: -40px;
}
@media screen and (max-width: 80em) {
.m-content:not(.m-blog-body) {
padding-left: 0;
}
}
@media screen and (max-width: 64em) {
.m-content-body, .m-content-sidebar {
--column: 100%;
}
}
.social-share {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.social-share a, .social-share a:hover {
text-decoration: none;
}
.social-share > *:not(:last-child) {
margin-right: 24px;
}
@media screen and (max-width: 47.9375em) {
.social-share > *:not(:last-child) {
margin-right: 20px;
}
}
.c-meta {
background: #fcfaf7;
padding: 40px;
border: 1px solid #f6f3ed;
box-sizing: border-box;
border-radius: 2px;
}
.c-meta .h4, .c-meta .c-fold-header, .c-meta .gs-location > div {
margin-bottom: 8px;
margin-top: 21px;
}
.c-meta-title {
--size: 24px;
margin: 0;
}
@media screen and (max-width: 47.9375em) {
.c-meta-title {
--size: 20px;
}
}
.c-meta-2 {
display: flex;
flex-wrap: wrap;
align-items: center;
padding-top: 20px;
border-top: 1px solid #eaeaea;
margin-bottom: -15px;
}
.c-meta-2 > :first-child {
margin-right: auto;
margin-bottom: 15px;
}
.m-inform {
padding: 40px;
padding-top: 32px;
margin: 40px 0;
background: #fcfaf7;
border: 1px solid #f6f3ed;
box-sizing: border-box;
border-radius: 2px;
}
.m-inform-header {
margin-bottom: 20px;
}
.m-inform .c-form-body {
--row: 24px;
}
@media screen and (max-width: 47.9375em) {
.m-inform {
padding: 20px 15px 24px;
}
}
.section-amenity {
margin: 20px 0;
}
.section-video {
padding: 60px 0;
}
.m-video {
--gap: 33px;
--row: 24px;
align-items: center;
}
.m-video-header {
--column: calc(380px + var(--gap));
}
.m-video-header .h2 {
margin-bottom: 26px;
}
.m-video-body {
--column: calc(100% - 380px - var(--gap));
}
@media screen and (max-width: 64em) {
.m-video-header, .m-video-body {
--column: 100%;
}
.m-video-header .h2 {
margin-bottom: 15px;
}
}
.c-video {
background: #c4c4c4;
border-radius: 2px;
overflow: hidden;
position: relative;
}
.c-video-cover {
--ratio: .5158;
cursor: pointer;
border-radius: 2px;
overflow: hidden;
}
.c-video-play {
background: rgba(0, 0, 0, .4);
z-index: 6;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
pointer-events: none;
display: flex;
align-items: center;
justify-content: center;
}
.c-video-play img, .c-video-play svg {
height: auto;
max-width: 64px;
}
.c-video:not(.is-active) .c-video-video {
display: none;
}
.c-video.is-active .c-video-cover {
display: none;
}
.c-video video {
width: 100%;
height: auto;
display: block;
}
.section-amenities {
padding: 60px 0;
}
.m-amenities {
--gap: 52px;
--row: 24px;
}
.m-amenities-header {
--column: calc(286px + var(--gap));
}
.m-amenities-header .h2 {
margin-bottom: 18px;
}
.m-amenities-body {
--column: calc(100% - 286px - var(--gap));
}
@media screen and (min-width: 31.3125em) {
.m-amenities-toggle {
display: none;
}
}
.m-amenities-item .c-feature {
align-items: center;
}
.m-amenities-list {
--gap: 20px;
--row: 24px;
--column: 33.33%;
}
@media screen and (max-width: 47.9375em) {
.m-amenities-list {
--column: 50%;
}
}
@media screen and (max-width: 31.25em) {
.m-amenities-list {
--gap: 16px;
--row: 16px;
--column: 100%;
}
.m-amenities-list:not(.is-open) .m-amenities-item:nth-child(5) ~ * {
display: none;
}
}
@media screen and (max-width: 64em) {
.m-amenities-header, .m-amenities-body {
--column: 100%;
}
.m-amenities-header .h2 {
margin-bottom: 15px;
}
}
.section-join-the-team {
padding: 80px 0;
}
@media screen and (max-width: 47.9375em) {
.section-join-the-team {
padding: 60px 0;
}
}
@media screen and (max-width: 47.9375em) {
.section-guided-selling .m-hero-slider .owl-dots {
display: none !important;
}
.section-guided-selling .m-hero-slider .owl-nav {
top: auto;
bottom: 0;
transform: none;
}
}
.gs-outside-label {
--color: var(--color-1);
--weight: 800;
--font: var(--font-2);
margin-bottom: 8px;
}
.gs-outside-section .error-message {
display: none;
}
.gs-outside-section + .gs-outside-section {
margin-top: 10px;
}
.gs-outside-list {
--gap: 5px;
--row: 5px;
--column: 50%;
}
@media screen and (min-width: 48em) {
.gs-outside-list > * {
flex: 1;
max-width: 33.33%;
min-width: 20%;
}
}
.gs-cols {
--gap: 12px;
--row: 12px;
--column: 33.33%;
}
@media screen and (max-width: 47.9375em) {
.gs-cols {
--column: 50%;
}
}
.gs-amenity input {
display: none;
}
.gs-amenity > div {
background: #f4f7ef;
border: 1px solid #e4ebd8;
box-sizing: border-box;
border-radius: 2px;
min-height: 60px;
display: flex;
align-items: center;
padding: 5px 12px;
font-size: 14px;
line-height: 20px;
padding-right: 12px;
}
.gs-amenity-image {
width: 24px;
flex: 0 0 auto;
display: inline-flex;
height: 24px;
align-items: center;
justify-content: center;
margin-right: 10px;
}
.gs-amenity-image img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
@media screen and (max-width: 64em) {
.gs-amenity > div {
padding: 3px 8px;
}
.gs-amenity-image {
width: 16px;
height: 16px;
margin-right: 4px;
}
}
.gs-amenity input:checked + div {
background: var(--color-1);
color: #fff;
border-color: rgba(0, 0, 0, 0);
}
.gs-amenity input:checked + div .gs-amenity-image img, .gs-amenity input:checked + div .gs-amenity-image svg {
filter: brightness(10);
}
.gs-radio {
height: 100%;
}
.gs-radio input {
display: none;
}
.gs-radio > div {
display: flex;
background: #fff;
border: 1px solid #e4ebd8;
box-sizing: border-box;
border-radius: 2px;
text-align: center;
align-items: center;
justify-content: center;
flex-direction: column;
width: 100%;
min-height: 40px;
--font: var(--font-2);
--line: 1.25;
--weight: 800;
padding: 5px;
height: 100%;
}
@media screen and (max-width: 47.9375em) {
.gs-radio > div {
min-height: 42px;
--size: 14px;
--weight: 700;
}
}
.gs-radio input:checked + div {
background: var(--color-1);
color: #fff;
border-color: rgba(0, 0, 0, 0);
}
.gs-location {
height: 100%;
}
.gs-location + .gs-location {
margin-top: 16px;
}
.gs-location input {
display: none;
}
.gs-location > div {
display: flex;
align-items: center;
min-height: 56px;
background: #fff;
border: 1px solid #e4ebd8;
box-sizing: border-box;
border-radius: 2px;
width: 100%;
padding: 5px 20px;
height: 100%;
}
@media screen and (max-width: 47.9375em) {
.gs-location > div {
min-height: 42px;
--size: 14px;
--weight: 700;
}
}
.gs-location > div:before {
content: "";
display: inline-block;
max-width: 16px;
flex: 0 0 16px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
height: 16px;
margin-right: 16px;
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7.5' fill='white' stroke='%234D613E'/%3E%3C/svg%3E%0A");
}
@media screen and (max-width: 47.9375em) {
.gs-location > div {
min-height: 48px;
padding: 5px 17px;
}
}
.gs-location input:checked + div {
background: var(--color-1);
color: #fff;
border-color: rgba(0, 0, 0, 0);
}
.gs-location input:checked + div:before {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.9041 0.980814L13.9041 0.980826L5.35236 9.52896L2.09597 6.2739C2.09596 6.27389 2.09595 6.27389 2.09595 6.27388C1.78806 5.96606 1.28887 5.9661 0.980966 6.27388C0.673005 6.58171 0.673021 7.08083 0.980955 7.38867L0.980966 7.38868L4.79491 11.201C5.10271 11.5087 5.60201 11.5088 5.90989 11.201L15.019 2.09563L15.019 2.09562C15.327 1.78778 15.327 1.28866 15.019 0.980826C14.7111 0.673042 14.212 0.673078 13.9041 0.980814Z' fill='white' stroke='white' stroke-width='0.5'/%3E%3C/svg%3E%0A");
background-size: 14px;
}
.m-steps-page:not(.is-active) {
display: none;
}
.m-steps-page[data-page="thank-you"] .m-steps-header-main {
visibility: hidden;
}
.m-steps-next {
margin-top: 40px;
display: flex;
flex-direction: column;
align-items: center;
}
.m-steps-middle {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
height: 100%;
padding: 40px 0;
max-width: 688px;
margin: auto;
}
.m-steps-middle > * + * {
margin: 0;
margin-top: 32px;
}
.m-steps-buttons {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.m-steps-buttons > * {
margin: 0 12px 16px;
}
.m-steps-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
max-width: 960px;
margin: 0 auto;
}
.m-steps-header > * {
flex: 0 0 auto;
}
.m-steps-header-main {
flex: 0 0 607px;
max-width: 607px;
width: 100%;
}
.m-steps-header-main .c-steps {
max-width: 530px;
margin: 8px auto 47px;
}
@media screen and (max-width: 64em) {
.m-steps-header-main .c-steps {
margin-top: 32px;
margin-bottom: 40px;
}
}
.m-steps-header-main-content {
max-width: 530px;
margin: 28px auto;
}
@media screen and (max-width: 64em) {
.m-steps-header-main {
flex: 1;
max-width: 100%;
min-width: 100%;
width: 100%;
}
}
.m-steps-header-right {
position: relative;
}
.m-steps-header-title {
display: flex;
flex-direction: column;
align-items: center;
}
@media screen and (min-width: 48em) {
.m-steps-header-title .h2 {
--size: 30px;
}
}
@media screen and (max-width: 64em) {
.m-steps-header-title .h2 {
--size: 24px;
text-align: center;
}
}
.m-steps-header-title .h2 span {
font-weight: normal;
font-size: 16px;
line-height: 1.1;
color: #1e1e1e;
opacity: .6;
text-align: right;
}
.m-steps-header-title .h2 i {
font-style: normal;
}
.m-steps-header .c-modal-close {
--size: 20px;
padding: 0;
}
@media screen and (max-width: 64em) {
.m-steps-header {
flex-wrap: wrap;
}
.m-steps-header-left {
order: -2;
}
.m-steps-header-right {
order: -1;
}
}
.m-steps-body {
margin-top: 60px;
}
@media screen and (max-width: 80em) {
.m-steps-body {
margin-top: 20px;
}
}
.m-steps-back:not(.is-active) {
visibility: hidden;
}
.m-steps-locations {
--gap: 80px;
--row: 40px;
}
.m-steps-locations-body {
--column: calc(100% - 42.76%);
}
.m-steps-locations-sidebar {
--column: 42.76%;
}
@media screen and (max-width: 80em) {
.m-steps-locations {
--gap: 30px;
--row: 25px;
}
.m-steps-locations-body, .m-steps-locations-sidebar {
--column: 100%;
}
}
.m-steps-locations-form {
margin-top: 63px;
}
.m-steps-locations-map {
height: 90vh;
}
.m-steps-locations-map .the-map, .m-steps-locations-map iframe {
width: 100%;
height: 100%;
}
@media screen and (max-width: 80em) {
.m-steps-locations-map {
display: none !important;
}
}
.m-steps-locations-list > * + * {
margin: 0;
margin-top: 32px;
}
.c-steps {
display: flex;
}
.c-steps-item {
flex: 1;
background: #f6f6f6;
height: 5px;
border-radius: 1px;
}
.c-steps-item:not(:last-child) {
margin-right: 9px;
}
@media screen and (max-width: 64em) {
.c-steps-item:not(:last-child) {
margin-right: 5px;
}
}
.c-steps-item.is-active {
background: var(--color-1);
}
.multi-features {
font-size: 14px;
line-height: 1.42;
color: rgba(30, 30, 30, .6);
}
.multi-features > *:not(:last-child):after {
content: "•";
margin: 0 8px;
}
.m-steps-locations-form-close {
display: none;
--size: 32px;
--image: 16px;
background-color: rgba(0, 0, 0, 0);
border: none;
position: absolute;
top: 0;
right: 0;
align-items: center;
justify-content: center;
width: var(--size);
height: var(--size);
}
.m-steps-locations-form-close svg {
display: block;
max-width: var(--image);
width: 100%;
height: auto;
}
.m-steps-locations-button {
position: sticky;
bottom: -20px;
padding: 12px 15px;
margin: 0 calc(50% - 50vw) -20px;
background: #fff;
box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
display: none;
}
@media screen and (max-width: 80em) {
.m-steps-locations .c-house-body > :last-child {
display: flex;
align-items: center;
justify-content: center;
margin: 15px 0 7px;
}
.m-steps-locations .m-location-item .h3 {
text-align: center;
font-size: 24px;
}
.section-locations-2023 .m-location-item {
margin-bottom: 20px;
}
.m-steps-header-title .h2 span {
font-size: 14px;
}
.m-steps-page[data-page="3"] .m-steps-header-title .h2 {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.m-steps-page[data-page="3"] .m-steps-header-title .h2 > * + * {
margin-top: 12px;
}
}
.m-location-item .t-price {
margin-top: 10px;
}
.m-location-item.hidden {
display: none;
}
.m-location-item.active .c-house {}
.m-location-item .c-house-title > .h4 {
--weight: 700;
--size: 22px;
}
.m-location-item .c-house-body {
padding: 24px;
}
@media screen and (min-width: 48em) {
.m-steps-locations-form {
display: block !important;
}
}
@media screen and (max-width: 47.9375em) {
.m-steps-locations-button {
display: block;
}
.m-steps-locations-form {
display: none;
position: absolute;
top: 0;
left: 0;
right: 0;
background: #fff;
padding: var(--edge);
padding-top: 50px;
bottom: 0;
margin: 0;
}
.m-steps-locations-form .c-referral {
padding: 0;
border: none !important;
background: rgba(0, 0, 0, 0);
}
.m-steps-locations-form .c-form {
background: var(--color-beige);
border: 1px solid #f6f3ed;
border-radius: 2px;
padding: 20px 15px;
}
.m-steps-locations-form-close {
display: inline-flex;
}
.m-referral .c-referral {
padding: 0;
border: none !important;
background: rgba(0, 0, 0, 0);
}
.m-referral .c-referral .c-referral-form {
background-color: var(--color-beige);
}
}
.m-location-map .gm-style .gm-style-iw-c, .m-location-map .gm-style .gm-style-iw-d {
background-color: rgba(0, 0, 0, 0) !important;
padding: 0 !important;
box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, .15) !important;
padding: 0 !important;
width: 100% !important;
max-width: 240px !important;
overflow: hidden !important;
max-height: none !important;
border-radius: 12px !important;
}
.m-location-map .gm-style .gm-style-iw-t::after {
width: 0;
height: 0;
transform: translate(-10px, -50%);
box-shadow: none;
z-index: -1;
background: transparet;
}
button.gm-ui-hover-effect {
z-index: 9 !important;
top: 8px !important;
right: 8px !important;
width: 24px !important;
height: 24px !important;
border-radius: 6px !important;
background: var(--white, #fff) !important;
box-shadow: 0px 0px 2.4000000954px 0px rgba(43, 44, 49, .2) !important;
display: flex !important;
align-items: center;
justify-content: center;
opacity: 1 !important;
min-height: 24px !important;
max-height: 24px !important;
}
button.gm-ui-hover-effect span {
margin: 0 !important;
}
button.gm-ui-hover-effect img {
display: none !important;
}
.m-location-map .gm-style .gm-style-iw-t > div[role="dialog"] {
box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, .15) !important;
}
.c-tooltip {
max-width: 242px;
border-radius: 12px;
overflow: hidden;
background: #fff;
width: 100%;
}
@media screen and (max-width: 767px) {
.c-tooltip {
display: none;
}
.c-tooltip.mobile {
width: calc(100vw - 25px);
position: fixed;
bottom: 24px;
left: 12.5px;
z-index: 99999;
display: block !important;
max-width: unset;
height: -moz-fit-content;
height: fit-content;
}
.c-tooltip.mobile > .c-tooltip {
display: grid;
grid-template-columns: 3fr 5fr;
max-width: unset;
}
.c-tooltip.mobile .c-tooltip-header {
width: 100%;
}
.c-tooltip.mobile .c-tooltip-header .c-tooltip-image {
padding-bottom: unset;
height: 100%;
}
.c-tooltip.mobile .c-tooltip-header .c-tooltip-image img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.c-tooltip.mobile .c-tooltip-body {
width: 100%;
padding: 16px;
}
.c-tooltip.mobile .c-tooltip-body .c-tooltip-cta {
margin-left: 0;
text-decoration: none;
}
}
.c-tooltip-image {
--ratio: .5;
}
.c-tooltip-image img {
opacity: 1 !important;
}
.c-tooltip-header {
overflow: hidden;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.c-tooltip-body {
padding: 24px 16px;
color: #fff;
}
.c-tooltip-title {
margin-bottom: 6px;
color: var(--dark-grey, #2b2c31);
font-size: 20px;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
line-height: 28px;
}
.c-tooltip-city {
margin: 0;
color: var(--medium-grey, #999);
font-size: 14px;
font-family: var(--font-2);
font-style: normal;
font-weight: 300;
line-height: 20px;
}
.c-tooltip-address {
display: flex;
align-items: flex-start;
margin: 24px 0;
}
.c-tooltip-address .vo-hide {
display: none !important;
}
.c-tooltip-address p {
margin: -5px 0 0 10px;
color: var(--grey, #666);
font-size: 14px;
font-family: var(--font-2);
font-style: normal;
font-weight: 300;
line-height: 18px;
}
.c-tooltip-cta {
display: flex;
justify-content: flex-end;
align-items: center;
width: -moz-fit-content;
width: fit-content;
margin-left: auto;
color: var(--rust, #8d261b);
font-size: 14px;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
line-height: 18px;
}
.c-tooltip-cta svg {
margin-left: 4px;
}
.c-tooltip-text {
font-size: 16px;
line-height: 24px;
margin-bottom: 16px;
font-weight: normal;
}
.section-how-it-works {
margin: 80px 0;
}
@media screen and (max-width: 47.9375em) {
.section-how-it-works {
margin: 60px 0;
}
}
.m-hiw {
--gap: 46px;
--row: 20px;
}
.m-hiw-header {
--column: 36.11%;
}
.m-hiw-header .h2 {
margin-bottom: 20px;
}
@media screen and (max-width: 80em) {
.m-hiw-header .h2 {
margin-bottom: 14px;
}
}
.m-hiw-header > :last-child {
margin-top: 26px;
}
@media screen and (max-width: 80em) {
.m-hiw-header > :last-child {
margin-top: 14px;
}
}
.m-hiw-body {
--column: calc(100% - 36.11%);
}
.m-hiw-list {
--gap: 24px;
--row: 24px;
--column: 33.33%;
}
@media screen and (max-width: 47.9375em) {
.m-hiw-list {
--column: 100%;
}
}
@media screen and (max-width: 80em) {
.m-hiw-header, .m-hiw-body {
--column: 100%;
}
}
.c-hiw {
height: 100%;
display: flex;
flex-direction: column;
}
.c-hiw-body {
padding: 23px 20px;
display: flex;
flex-direction: column;
flex: 1;
}
.c-hiw-heading {
margin-bottom: 4px;
}
.c-hiw-image {
--ratio: .4346;
}
.c-hiw .h4, .c-hiw .c-fold-header, .c-hiw .gs-location > div {
line-height: 1.2;
}
.c-hiw-heading, .c-hiw-text p, .c-hiw-text .p, .c-hiw-bottom {
font-size: 14px;
line-height: 1.4;
}
.c-hiw-text {
margin-top: 12px;
margin-bottom: 16px;
}
.c-hiw-bottom {
margin-top: auto;
padding-top: 12px;
border-top: 1px solid #eaeaea;
}
.section-banner-text {
background: #f9f9f9;
padding: 42px 0 36px;
}
.m-banner .h4, .m-banner .c-fold-header, .m-banner .gs-location > div {
--size: 16px;
}
.m-banner-title {
margin-bottom: 8px;
}
@media screen and (max-width: 47.9375em) {
.m-banner-text {
font-size: 14px;
}
}
.m-cus-left {
padding: 35px;
}
.m-cus-right {
display: flex;
flex-direction: column;
}
@media screen and (min-width: 80.0625em) {
.m-cus-right {
position: relative;
top: 0;
left: 50%;
right: 0;
bottom: 0;
}
}
@media screen and (max-width: 80em) {
.m-cus-right .m-cus-right-image {
display: none;
}
}
.m-cus-right-image {
flex: 1;
}
@media screen and (min-width: 80.0625em) {
.m-cus-right-image .u-ratio, .m-cus-right-image .c-spot-image, .m-cus-right-image .c-peek-image, .m-cus-right-image .c-image, .m-cus-right-image .m-spots-image, .m-cus-right-image .c-house-image, .m-cus-right-image .c-quote-image, .m-cus-right-image .m-sides-image, .m-cus-right-image .c-product-image, .m-cus-right-image .c-video-cover, .m-cus-right-image .c-tooltip-image, .m-cus-right-image .c-hiw-image {
padding-bottom: 0;
height: 100%;
}
}
@media screen and (max-width: 80em) {
.m-cus-right-image .u-ratio, .m-cus-right-image .c-spot-image, .m-cus-right-image .c-peek-image, .m-cus-right-image .c-image, .m-cus-right-image .m-spots-image, .m-cus-right-image .c-house-image, .m-cus-right-image .c-quote-image, .m-cus-right-image .m-sides-image, .m-cus-right-image .c-product-image, .m-cus-right-image .c-video-cover, .m-cus-right-image .c-tooltip-image, .m-cus-right-image .c-hiw-image {
--ratio: .5625;
}
}
.m-cus-right-box {
flex: 0 0 auto;
background: var(--color-1);
}
.m-cus-right-box .h4, .m-cus-right-box .c-fold-header, .m-cus-right-box .gs-location > div {
margin-bottom: 16px;
}
.m-cus-right-box, .m-cus-right-box a, .m-cus-right-box .link-1, .m-cus-right-box .link-2, .m-cus-right-box .link-toggle {
color: #fff;
}
.m-cus-right-box .link-1, .m-cus-right-box .link-2, .m-cus-right-box .link-toggle {
margin-left: 29px;
font-size: 14px;
}
.m-cus-right-box strong {
--weight: 700;
--font: var(--font-1);
}
.m-cus-right-box .link-1:after, .m-cus-right-box .link-2:after, .m-cus-right-box .link-toggle:after {
filter: brightness(5);
width: 5px;
height: 10px;
}
.m-cus-right-box-set {
--column: 50%;
--gap: 20px;
--row: 20px;
}
.m-cus-right-box-set > * > * + * {
margin-top: var(--row);
}
@media screen and (max-width: 47.9375em) {
.m-cus-right-box-set {
--column: 100%;
}
}
@media screen and (max-width: 80em) {
.m-cus-right-box {
border-radius: 2px;
overflow: hidden;
}
}
.m-cus-right-text {
padding: 20px 40px;
max-width: calc(var(--inner) * .5);
}
@media screen and (max-width: 80em) {
.m-cus-right-text {
padding: 20px 15px;
max-width: 100%;
}
}
.section-free-html {
padding: 20px 0;
}
@media screen and (max-width: 47.9375em) {
.section-free-html {
padding: 60px 0;
}
}
.m-html.has-limit {
max-width: 750px;
}
.m-html h1 {
font-family: var(--font-4);
font-style: normal;
font-weight: 300;
font-size: 48px;
line-height: 56px;
color: var(--color-dark-grey);
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 47.9375em) {
.m-html h1 {
text-align: center;
font-size: 32px;
line-height: 40px;
padding: 0 22px;
margin-bottom: 40px;
}
}
.m-html p {
color: #000;
font-family: var(--font-2);
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 24px;
}
.w-fill {
width: 100%;
}
.h-fill {
height: 100%;
}
.no-flow {
overflow: hidden;
}
.bg-top {
background-position: top;
}
.ob-top {
-o-object-position: top center;
object-position: top center;
}
.m-location-map .gm-style .gm-style-iw-t > div[role="dialog"] {
transform: translate3d(-50%, -102%, 0);
}
input[type="text"][hidden] {
display: none;
}
.u-modal.type-form .u-modal-body {
padding-bottom: 86px;
}
.now-loading {
position: relative;
min-height: 150px;
}
.now-loading:after {
content: "";
display: block;
background-color: rgba(255, 255, 255, .5);
position: absolute;
bottom: 0;
top: 0;
right: 0;
left: 0;
background-repeat: no-repeat;
background-image: url("https://www.hubaustralia.com/nitropack_static/gCYjeJBYWPdTZqPQLYJhYkizAtXJiAfX/assets/images/source/rev-e699150/www.hubaustralia.com/wp-content/themes/hub-master/assets/img/loading.svg");
background-size: 48px;
background-position: center;
}
.gs-amenity > div {
padding: 5px 12px 5px 1px;
}
.gs-amenity-image {
width: auto;
height: auto;
margin-right: 5px;
}
.gs-amenity-image svg {
margin: 0 5px 0 8px;
}
.m-location-list .m-location-item .c-house.c-house-active {
background-color: #f4f7ef;
}
.m-location-list .c-house {
cursor: pointer;
}
.m-location-item .t-price {
background: none;
}
@media (min-width: 768px) {
body.single-post .m-content-body h3 {
--size: 25px;
}
body.single-post .m-content-body h4 {
--size: 18px;
}
body.single-post .m-content-body h5 {
text-transform: uppercase;
font-size: .8125rem;
font-weight: 800;
letter-spacing: .15em;
color: #767676;
}
body.single-post .m-content-body h5 a {
text-transform: uppercase;
font-size: .8125rem;
font-weight: 800;
letter-spacing: .15em;
color: #4d613e;
}
}
.m-steps-workspaces .m-location-list .m-location-item .c-house.c-house-active {
background-color: var(--color-1);
color: #fff;
--color-text: white;
}
.m-steps-workspaces .m-location-list .m-location-item .c-house.c-house-active .multi-features, .m-steps-workspaces .m-location-list .m-location-item .c-house.c-house-active .t-price {
--color-text: white;
color: #fff;
}
.m-steps-workspaces .c-house-body {
position: relative;
}
.m-steps-workspaces .c-house-arrow {
position: absolute;
top: 24px;
right: 24px;
margin: 0 !important;
}
.m-steps-workspaces .c-house-title {
padding-right: 20px;
}
.m-steps-workspaces .m-location-list .m-location-item .c-house.c-house-active .c-house-arrow path {
fill: #fff;
}
form .c-form-tabs-list.radio-parent .c-form-tab img {
margin-right: 6px;
width: 12px;
height: 12px;
display: inline-block;
}
form .c-form-tabs-list.radio-parent .c-form-tab:not(.icon-pin):before {
content: none;
}
form .c-form-tabs-list.radio-parent .c-form-tab.is-active img {
filter: brightness(20);
}
@media (min-width: 1025px) {
.m-steps-workspaces .c-house-title {
margin-bottom: 5px;
}
.m-steps-workspaces .c-house-title .h4 {
--size: 24px;
}
.m-steps-workspaces .m-location-list .c-house .c-house-body {
padding: 24px 30px;
}
}
@media (max-width: 767px) {
.m-steps-workspaces .c-house-arrow {
top: 17px;
right: 16px;
}
.m-steps-page[data-page="4"] .m-steps-body {
margin-top: 0;
}
.hide-enquire-button {
display: none;
}
}
@media (min-width: 1024px) {
.m-location-map {
--header: 74px;
--alert: 50px;
}
.m-location-map .the-map {
height: calc(100vh - var(--header) - var(--alert)) !important;
position: absolute !important;
top: calc(var(--header) + var(--alert));
--header: 238px;
top: 0%;
height: 1024px !important;
}
}
.c-form-tabs-list > b, .c-form-tabs-list > b > b {
width: 100%;
flex-basis: 100%;
max-width: 100%;
display: flex;
flex-wrap: wrap;
}
.c-form-tabs-list .c-form-tab {
font-weight: 300;
padding: 4px 9px;
}
.section-nearby-locations .c-house-body .p b > b, .section-nearby-locations .t-feature b > b {
font-weight: 300;
}
.c-form-body .c-form-snippet {
font-size: 12px;
line-height: 1.1;
max-width: 50%;
display: inline-block;
vertical-align: middle;
width: 100%;
margin-left: 20px;
}
@media (max-width: 500px) {
.c-form-body .c-form-snippet {
display: block;
margin-left: 0;
max-width: 100%;
margin-top: 10px;
}
}
.section-tabs-new {
margin: 25px 0 !important;
}
.section-tabs .m-tabs .m-tabs-nav {
align-items: flex-end;
overflow-x: scroll;
flex-wrap: nowrap;
}
.section-tabs .m-tabs .m-tabs-nav::-webkit-scrollbar {
display: none;
}
.section-tabs .m-tabs .m-tabs-nav > div {
margin-right: 2px;
display: inline;
}
.section-tabs .m-tabs .m-tabs-body {
z-index: 2;
position: relative;
}
.section-tabs .m-tabs .m-tabs-body .m-tabs-tab-inner p {
font-size: 14px;
}
.section-tabs .m-tabs .m-tabs-nav div button {
min-width: -moz-max-content;
min-width: max-content;
}
.section-tabs .m-tabs .m-tabs-nav div button:not(.active) {
padding-top: 6px;
border: 1px solid #f6f6f6;
box-sizing: border-box;
border-radius: 3px;
margin-bottom: -4px;
}
@media (min-width: 768px) {
.section-tabs .m-tabs .m-tabs-body .m-tabs-tab-inner {
display: flex !important;
}
.section-tabs .m-tabs .m-tabs-body .m-tabs-tab {
max-height: 30vw;
overflow: auto;
}
}
.l-locations-slug-458 {
--column: 66.66%;
}
.l-locations-slug-458 .c-spot-subs {
grid-template-columns: 1fr 1fr;
}
.c-spot-subs {
display: grid;
grid-template-columns: 1fr;
margin-bottom: 16px;
margin-top: 6px;
align-items: start;
}
.c-spot-subs a {
padding: 3px 0;
font-weight: 500;
font-size: 13px;
line-height: 14px;
display: flex;
align-items: center;
color: #000;
}
.c-spot-subs a svg, .m-menu nav > ul > li.menu-item-has-children > ul > li.menu-item-has-children > a:after {
transition-duration: var(--duration);
transition-timing-function: var(--transition);
transform: translateX(8px);
}
.c-spot-subs a:hover {
text-decoration: none;
}
.c-spot-subs a:hover svg {
transform: translateX(16px);
}
.m-mega .link-1-wrapper:hover .link-1:after {
transform: translateX(-8px);
}
.m-mega .link-1-wrapper .c-spot-link .link-1 {
font-weight: 600;
font-size: 13px;
line-height: 14px;
}
.m-mega .link-1-wrapper .c-spot-link:hover .link-1:after {
transform: translateX(0px);
}
.m-menu nav > ul > li.menu-item-has-children > ul > li > a {
font-size: 20px;
font-weight: 600;
line-height: 1;
}
.m-menu nav > ul > li.menu-item-has-children > ul > li.menu-item-has-children a:hover {
text-decoration: none;
}
.m-menu nav > ul > li.menu-item-has-children > ul > li.menu-item-has-children a:after {
content: "";
display: inline-block;
height: 10px;
transform-origin: center;
width: 5px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg width='6' height='11' viewBox='0 0 6 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.99277 5.18942L4.99274 5.18938L1.56703 1.03813L1.56702 1.0381C1.49346 0.949016 1.39244 0.899833 1.28667 0.9C1.18091 0.900168 1.08001 0.949667 1.00663 1.039L1.00661 1.03903C0.864309 1.21236 0.864655 1.48657 1.00735 1.65949L1.00735 1.65949L4.17662 5.50002L1.00723 9.34052L1.00722 9.34054C0.864556 9.51347 0.86421 9.78752 1.00648 9.96087L1.00651 9.96091C1.08004 10.0504 1.18113 10.1 1.28713 10.1C1.39281 10.1 1.49355 10.0508 1.567 9.96181L1.56702 9.96178L4.99266 5.81072C4.99269 5.8107 4.99271 5.81067 4.99274 5.81064C5.06303 5.72561 5.1 5.61354 5.1 5.50002C5.1 5.38634 5.06285 5.27444 4.99277 5.18942Z' fill='white' stroke='white' stroke-width='0.2'/%3E%3C/svg%3E%0A");
margin-left: 10px;
}
.m-menu nav > ul > li.menu-item-has-children > ul > li.menu-item-has-children.is-active > a:after {
transform: rotate(-90deg) translateY(10px);
}
.m-menu nav .sub-menu .sub-menu {
margin: 15px calc(var(--edge) * -1) 0;
background: rgba(255, 255, 255, .08);
padding: 10px 0;
}
.m-menu nav .sub-menu .sub-menu a {
background-color: rgba(0, 0, 0, 0);
padding: 10px 0;
padding-left: 53px;
font-size: 14px;
font-weight: 600;
}
.m-menu nav .sub-menu .sub-menu a:hover {
text-decoration: underline !important;
}
.meeting-space ul.sub-menu {
min-width: 370px !important;
}
body:not(.opt3) .m-mega .l-locations-slug-all-locations {
display: none !important;
}
body.opt3 .m-wing-left > .c-spot-link, body.opt3 .m-menu nav .sub-menu .sub-menu, body.opt3 .m-menu nav > ul > li.menu-item-has-children > ul > li.menu-item-has-children a:after, body:not(.opt3) .m-menu nav > ul > li.menu-item-has-children > ul > li.menu-item-has-children a svg {
display: none !important;
}
.m-wing-left .c-spot-link {
margin-top: 25px;
}
@media screen and (max-width: 1280px) {
body:not(.opt3) .m-mega .m-wing-right {
--column: calc(100% - 380px);
padding-left: 40px;
}
}
.menu-item-is-wide {
--column: 66.66%;
}
.menu-item-is-wide .c-spot-subs {
grid-template-columns: 1fr 1fr;
}
html.html-single-location, html.html-single-location body {
overflow: initial;
}
html .m-mega {
overflow: hidden;
}
.hide-large {
display: none;
}
.menu-opt-cta {
padding-left: 38px !important;
display: flex !important;
}
.menu-opt-cta a {
height: 39px !important;
margin: auto;
vertical-align: middle;
text-decoration: none;
}
.menu-opt-cta .menu-item-inner {
width: 183px;
height: 39px;
text-align: center;
border: 1px solid #fff;
box-sizing: border-box;
border-radius: 2px;
}
.menu-opt-cta .menu-item-inner .menu-item-text {
width: 100%;
}
.menu-opt-cta a:hover .menu-item-inner, .menu-opt-cta a:active .menu-item-inner {
background: var(--color-white);
color: var(--color-dark-grey);
}
@media (min-width: 1201px) and (max-width: 1320px) {
.m-header-nav .hide-medium nav ul {
justify-content: flex-end;
width: 100%;
margin-left: 0;
}
.m-header-nav {
width: calc(100% - 140px);
padding-left: 0px;
}
.m-header-nav .hide-medium nav .menu-item {
padding-left: 40px !important;
}
}
@media (min-width: 1025px) and (max-width: 1200px) {
.m-header-nav {
width: calc(100% - 140px);
padding-left: 0px;
}
.m-header-nav .hide-medium nav ul {
justify-content: space-between;
width: 100%;
margin-left: 0;
}
.m-header-nav .hide-medium nav .menu-item {
padding-left: 20px !important;
}
.the-header .m-header-outer > .inner {
padding: 0 20px;
}
}
@media (max-width: 1024px) {
.show-medium > .menu-opt-cta {
display: inline-block !important;
margin-right: 10px;
}
.menu-opt-cta .menu-item-inner {
width: auto;
min-width: 142px;
padding: 8px 25px !important;
color: #fff;
}
.m-header-nav {
width: auto;
}
.m-header-nav .show-medium {
display: flex;
align-items: center;
}
.menu-opt-cta {
padding: 20px 0 !important;
}
aside.the-menu.is-active + .the-site .show-medium > .menu-opt-cta {
display: none !important;
}
.menu-opt-cta .menu-item-inner .menu-item-text {
font-size: 16px;
line-height: 17px;
}
}
.c-form-body > div > input[type="checkbox"] {
display: none;
}
.c-form-body .checkboxs {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
margin-left: -4px;
margin-right: -4px;
}
.c-form-body .checkbox {
min-width: calc(50% - 12px);
max-width: calc(50% - 12px);
margin: 6px;
font-weight: 300;
font-size: 14px;
line-height: 20px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.c-form-body .checkbox-label {
padding: 8px 14px;
background: #fff;
border: 1px solid #d8d8d8;
border-radius: 2px;
width: 100%;
height: 100%;
min-height: 60px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.c-form-body .checkbox input {
display: none;
}
.c-form-body .checkbox input:checked + div {
background: rgba(228, 235, 216, .4);
}
@media (max-width: 767px) {
.c-form-body .checkbox {
min-width: calc(50% - 8px);
max-width: calc(50% - 8px);
margin: 4px;
font-size: 14px;
line-height: 16px;
}
.c-form-body .checkbox-label {
padding: 8px 14px;
}
}
.section-single-hub-local .m-sides {
--header: 78.5%;
--overlap: -100%;
}
.section-single-hub-local .inner {
padding-top: 80px;
padding-bottom: 88px;
}
.section-single-hub-local .m-sides.type-single {
margin-left: var(--pad);
margin-bottom: 48px;
--header: 70%;
--pad: 70px;
}
.section-single-hub-local .m-sides.type-single .c-side-text {
margin-top: 24px;
}
.section-single-hub-local .m-sides.type-right .m-sides-image {
min-height: 533px;
border-radius: 200px 0 0 200px;
}
.section-single-hub-local .m-sides .c-sides {
padding: 58px 70px 54px;
}
.section-single-hub-local .m-sides.type-right {
margin-right: var(--pad);
margin-left: 0;
}
.section-single-hub-local .m-sides.type-left {
margin-left: var(--pad);
margin-right: 0;
}
.section-single-hub-local .m-sides:not(.type-single) .c-sides > div {
font-weight: 500;
font-size: 16px;
line-height: 26px;
}
.section-single-hub-local .m-sides:not(.type-single) .c-sides-title .u-line {
font-weight: 800;
font-size: 20px;
line-height: 40px;
}
.section-single-hub-local .c-sides-footer a, .section-single-hub-local .c-sides-footer a:hover {
--color: #bd3f3b;
}
.section-single-hub-local .m-sides:not(.type-single) .c-spot-link .link-1 {
--color: #bd3f3b;
}
.section-single-hub-local .m-sides:not(.type-single) .c-spot-link .link-1:after {
background-image: url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.35231 6.14326L1.35733 0.147008C1.16092 -0.0493365 0.84291 -0.0490065 0.646821 0.148024C0.450883 0.345029 0.45139 0.664163 0.647833 0.86066L6.28597 6.50002L0.647631 12.1394C0.451212 12.3359 0.450706 12.6548 0.646618 12.8518C0.744916 12.9506 0.873693 13 1.00247 13C1.13092 13 1.25919 12.9509 1.35731 12.8529L7.35231 6.85676C7.44691 6.76236 7.5 6.63388 7.5 6.50002C7.5 6.36617 7.44676 6.23784 7.35231 6.14326Z' fill='%23BD3F3B'/%3E%3C/svg%3E%0A");
}
.section-single-hub-local .c-sides > div > .tag {
display: inline-flex;
background-color: #bd3f3b !important;
border-radius: 14px;
font-weight: 600;
font-size: 12px;
line-height: 14px;
letter-spacing: .1px;
padding: 4px 10px;
}
@media (max-width: 1350px) {
.section-single-hub-local .m-sides.type-single {
--header: 65%;
}
}
@media (max-width: 1200px) {
.section-single-hub-local .m-sides.type-single {
--header: 58%;
}
}
@media (max-width: 1024px) {
.section-single-hub-local .m-sides.type-single {
margin-left: unset;
--header: 78.5%;
--overlap: -100%;
text-align: center;
}
.section-single-hub-local .m-sides:not(.type-single) {
margin: unset;
}
.section-single-hub-local .m-sides:not(.type-single) .m-sides-image {
border-bottom-left-radius: 0;
border-top-left-radius: 80px;
min-height: 154px;
}
.section-single-hub-local .m-sides:not(.type-single) .m-sides-body {
background-color: #fff;
}
.section-single-hub-local .m-sides:not(.type-single) .c-sides-footer {
justify-content: start;
}
.section-single-hub-local .m-sides:not(.type-single) .c-sides {
padding: 17px 26px 25px;
}
.section-single-hub-local .m-sides:not(.type-single) .c-sides .c-sides-title .u-line {
font-size: 17px;
line-height: 40px;
}
.section-single-hub-local .m-sides:not(.type-single) .c-sides > div {
font-size: 12px;
line-height: 18px;
}
.section-single-hub-local .m-sides:not(.type-single) .c-sides > :first-child, .section-single-hub-local .m-sides:not(.type-single) .c-sides .c-sides-title {
margin-bottom: 0;
}
}
@media (max-width: 600px) {
.section-single-hub-local .inner {
padding-top: 46px;
padding-bottom: 73px;
}
.section-single-hub-local .m-sides.type-single .c-side-text {
margin-top: 16px;
}
.section-single-hub-local .c-sides > div > .tag {
position: absolute;
top: -12px;
}
.section-single-hub-local .m-sides:not(.type-single) .c-sides {
margin-top: -10px;
padding-right: 14px;
}
.section-single-hub-local .m-sides:not(.type-single) .c-sides > div {
margin-top: 14px;
}
}
.section-hub-local .l-locations > div > a {
border: 0;
}
.section-hub-local .l-locations > div:nth-of-type(1) > a {
border-top-left-radius: 40px;
}
.section-hub-local .l-locations > div:nth-of-type(1) > a img {
border-top-left-radius: 40px;
}
.section-hub-local .l-locations > div:nth-of-type(3) > a {
border-top-right-radius: 40px;
}
.section-hub-local .l-locations > div:nth-of-type(3) > a img {
border-top-right-radius: 40px;
}
.section-hub-local .l-locations .c-spot-body {
padding: 17px 26px 25px;
}
.section-hub-local .l-locations .c-spot-title.h4 {
font-style: normal;
font-weight: 800;
font-size: 17px;
line-height: 40px;
}
.section-hub-local .l-locations .c-spot-text.small {
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 18px;
margin-bottom: 14px;
}
.section-hub-local .l-locations .c-spot-link .link-1 {
color: #bd3f3b;
}
.section-hub-local .l-locations .c-spot-link .link-1:after {
background-image: url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.35231 6.14326L1.35733 0.147008C1.16092 -0.0493365 0.84291 -0.0490065 0.646821 0.148024C0.450883 0.345029 0.45139 0.664163 0.647833 0.86066L6.28597 6.50002L0.647631 12.1394C0.451212 12.3359 0.450706 12.6548 0.646618 12.8518C0.744916 12.9506 0.873693 13 1.00247 13C1.13092 13 1.25919 12.9509 1.35731 12.8529L7.35231 6.85676C7.44691 6.76236 7.5 6.63388 7.5 6.50002C7.5 6.36617 7.44676 6.23784 7.35231 6.14326Z' fill='%23BD3F3B'/%3E%3C/svg%3E%0A");
}
.c-spot-header > div > .tag {
display: none;
}
.section-hub-local .c-spot-header > div > .tag {
display: inline-flex;
background-color: #bd3f3b !important;
border-radius: 14px;
font-weight: 600;
font-size: 12px;
line-height: 14px;
letter-spacing: .1px;
position: absolute;
top: 28px;
left: 27px;
z-index: 1;
}
.section-hub-local .c-spot-header > div {
position: relative;
}
@media (max-width: 767px) {
.section-hub-local .l-locations > div:nth-of-type(odd) > a {
border-top-left-radius: 40px;
}
.section-hub-local .l-locations > div:nth-of-type(odd) > a img {
border-top-left-radius: 40px;
}
.section-hub-local .l-locations > div:nth-of-type(even) > a {
border-top-right-radius: 40px;
}
.section-hub-local .l-locations > div:nth-of-type(even) > a img {
border-top-right-radius: 40px;
}
.section-hub-local .l-locations > div:nth-of-type(3) > a {
border-top-right-radius: 0;
}
.section-hub-local .l-locations > div:nth-of-type(3) > a img {
border-top-right-radius: 0;
}
}
@media (max-width: 600px) {
.section-hub-local {
background-color: var(--bg) !important;
padding-bottom: 0;
}
.section-hub-local div {
background-color: var(--bg) !important;
}
.section-hub-local > div {
margin-bottom: 24px;
}
.section-hub-local .l-locations > div > a {
border-top-left-radius: 40px;
border-top-right-radius: 0;
}
.section-hub-local .l-locations > div > a img {
border-top-left-radius: 40px;
border-top-right-radius: 0;
}
.section-hub-local .l-locations > div:nth-of-type(even) > a {
border-top-right-radius: 0;
}
.section-hub-local .l-locations > div:nth-of-type(even) > a img {
border-top-right-radius: 0;
}
}
:root {
--font-6: "Outfit", -apple-system, "Helvetica", sans-serif;
}
.hub-local-clubhouse .section-hero .m-hero-body .c-hero {
background-color: rgba(255, 255, 255, 0);
border: 0;
color: #fff;
}
.hub-local-clubhouse .owl-nav button.owl-prev {
background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='36' y='36' width='36' height='36' rx='2' transform='rotate(-180 36 36)' fill='%233C0620'/%3E%3Cpath d='M12.4448 18.5646L21.8043 28.0531C22.111 28.3638 22.6075 28.3633 22.9136 28.0515C23.2195 27.7398 23.2187 27.2348 22.912 26.9238L14.1096 18L22.9123 9.07623C23.219 8.76525 23.2198 8.26057 22.9139 7.94878C22.7605 7.79249 22.5594 7.71434 22.3584 7.71434C22.1578 7.71434 21.9576 7.79196 21.8044 7.94717L12.4448 17.4355C12.2971 17.5849 12.2143 17.7882 12.2143 18C12.2143 18.2118 12.2974 18.4149 12.4448 18.5646Z' fill='white'/%3E%3C/svg%3E%0A") !important;
}
.hub-local-clubhouse .owl-nav button.owl-prev.nitro-lazy {
background-image: none !important;
}
.hub-local-clubhouse .owl-nav button.owl-next {
background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='36' height='36' rx='2' fill='%233C0620'/%3E%3Cpath d='M23.5552 17.4354L14.1957 7.94686C13.889 7.63616 13.3925 7.63668 13.0864 7.94847C12.7805 8.26021 12.7813 8.76522 13.088 9.07616L21.8904 18L13.0877 26.9238C12.781 27.2348 12.7802 27.7394 13.0861 28.0512C13.2395 28.2075 13.4406 28.2857 13.6416 28.2857C13.8422 28.2857 14.0424 28.208 14.1956 28.0528L23.5552 18.5645C23.7029 18.4151 23.7857 18.2118 23.7857 18C23.7857 17.7882 23.7026 17.5851 23.5552 17.4354Z' fill='white'/%3E%3C/svg%3E%0A") !important;
}
.hub-local-clubhouse .owl-nav button.owl-next.nitro-lazy {
background-image: none !important;
}
.hub-local-clubhouse .t-feature:before {
background-image: url("data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8423 0.496507C13.632 0.286321 13.2911 0.286321 13.0808 0.496507L4.35236 9.2213L0.919205 5.78956C0.708958 5.57935 0.368007 5.57935 0.157706 5.78956C-0.0525686 5.99974 -0.0525686 6.34053 0.157706 6.55074L3.97165 10.3631C4.18185 10.5732 4.52291 10.5732 4.73315 10.3631L13.8423 1.25769C14.0526 1.04747 14.0526 0.706693 13.8423 0.496507Z' fill='%233C0620'/%3E%3C/svg%3E%0A");
}
.hub-local-clubhouse .m-hero-slider-footer .button-1 {
--color-1: #bd3f3b;
--color-1h: #93302d;
}
.hub-local-clubhouse .section-hero .button-2:not(:hover):not(:active), .hub-local-clubhouse .section-hero .button-3:not(:hover):not(:active) {
--color: #fff;
}
.hub-local-clubhouse .section-hero .button-2:hover, .hub-local-clubhouse .section-hero .button-3:hover {
border-color: var(--color);
}
.c-hero-locations .tag {
display: inline-flex;
}
.hub-local-clubhouse .c-hero-locations .tag {
display: none;
}
.c-hero > div > .tag {
display: none;
}
.hub-local-clubhouse .c-hero > div > .tag {
display: inline-flex;
background-color: #bd3f3b !important;
border-radius: 14px;
font-weight: 600;
font-size: 12px;
line-height: 14px;
letter-spacing: .1px;
}
.hub-local-clubhouse .c-hero-title {
margin-top: 17px;
}
.hub-local-clubhouse .c-hero-text * {
font-family: var(--font-6);
font-weight: 600;
font-size: 20px;
line-height: 28px;
}
.hub-local-clubhouse .c-hero .c-hero-locations {
font-family: var(--font-6);
font-weight: 300;
}
.hub-local-clubhouse .c-hero-title h1 {
font-family: var(--font-6);
font-style: normal;
font-weight: 900;
font-size: 30px;
line-height: 40px;
}
.hub-local-clubhouse section {
--color-1: #3c0620;
--color-1h: #2f0519;
}
@media (min-width: 1025px) {
.hub-local-clubhouse .section-hero {
background-color: #ece6e8;
padding-top: 47px;
padding-bottom: 50px;
margin-top: 0;
}
.hub-local-clubhouse .section-hero .inner {
max-width: calc(var(--edge) * 2 + var(--inner) + 100px);
}
.hub-local-clubhouse .section-hero .inner .m-hero {
height: 100%;
display: flex;
align-items: stretch;
}
.hub-local-clubhouse .section-hero .m-hero-body {
align-items: center;
display: flex;
}
.hub-local-clubhouse .section-hero .m-hero-body:before {
content: "";
position: absolute;
background: #3c0620;
display: flex;
width: 100vw;
right: 0;
top: 0;
height: 100%;
z-index: -1;
}
}
@media (max-width: 1024px) {
.hub-local-clubhouse .section-hero .inner {
padding-left: 0;
padding-right: 0;
background: #3c0620;
}
.hub-local-clubhouse .section-hero .inner .m-hero-slider-footer {
padding-left: 26px;
}
.hub-local-clubhouse .section-hero .m-hero-body .c-hero {
padding: 26px 26px 44px;
}
}
@media (max-width: 767px) {
.hub-local-clubhouse .section-hero {
margin-bottom: 0;
}
.hub-local-clubhouse .section-hero .m-hero-body {
padding-bottom: 29px;
}
.hub-local-clubhouse .section-hero .m-hero-body .c-hero {
padding-bottom: 5px;
}
.hub-local-clubhouse .section-hero .m-hero-body .show-small {
padding: 0 26px 15px;
margin-top: 0;
}
.hub-local-clubhouse .section-hero .m-hero-body .show-small a.button-1 {
background-color: #bd3f3b !important;
border-color: #bd3f3b !important;
}
.hub-local-clubhouse .section-amenities {
padding: 40px 0;
}
}
.html-single-solution .section-hero-banner .m-hero-banner_overlay {
height: 60vh !important;
}
.section-hero-banner {
margin-bottom: 0px;
}
.section-hero-banner.is-home .m-hero-banner {
align-items: center;
}
.section-hero-banner.is-home .m-hero-banner_message {
width: 100vw;
}
.section-hero-banner.is-home {
margin-bottom: 50px;
}
.section-hero-banner.is-home .inner .m-hero-banner_message {
max-width: calc(100vw - 95px) !important;
}
/* @media screen and (min-width: 1850px) {
.section-hero-banner.has-video {
margin-bottom: 200px;
}
} */
@media screen and (min-width: 1003px) {
.section-hero-banner.has-video .inner .m-hero-banner > .m-hero-banner_message.banner-middle {
height: 46.25vw;
}
}
.section-hero-banner.has-video .m-hero-banner_image {
display: none !important;
}
.section-hero-banner:not(.is-home) .m-hero-banner_overlay {
width: 100vw;
min-width: 800px;
height: 560px;
position: absolute;
margin-top: -50px;
left: 0;
background: linear-gradient(89deg, rgba(43, 44, 49, .8) 4.28%, rgba(43, 44, 49, 0) 65.05%) !important;
opacity: 1 !important;
background-blend-mode: multiply, normal;
z-index: 2;
}
@media screen and (max-width: 767px) {
.section-hero-banner:not(.is-home) .m-hero-banner_overlay {
background: linear-gradient(15deg, rgba(43, 44, 49, .8) 4.28%, rgba(43, 44, 49, 0) 56.05%) !important;
}
}
.section-hero-banner.has-discover-cta {
height: 100vh;
min-height: 639px;
max-height: 648px;
}
@media screen and (max-width: 47.9375em) {
.section-hero-banner.has-discover-cta {
height: 70vh;
min-height: 450px;
max-height: 471px;
overflow: hidden;
}
}
.section-hero-banner.has-discover-cta .inner .m-hero-banner_image {
height: 70vh;
min-height: 800px;
}
@media screen and (max-width: 47.9375em) {
.section-hero-banner.has-discover-cta .inner .m-hero-banner_image {
min-height: 600px;
max-height: 705px;
}
}
.section-hero-banner.has-discover-cta .inner .m-hero-banner_overlay {
height: 70vh;
min-height: 800px;
background: linear-gradient(0deg, #2b2c31 0%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%) !important;
}
@media screen and (max-width: 47.9375em) {
.section-hero-banner.has-discover-cta .inner .m-hero-banner {
padding: 0 15px;
}
}
.section-hero-banner.has-discover-cta .m-hero-banner_message_bottom-message {
line-height: 68px;
font-size: 60px !important;
text-align: center;
width: 100%;
margin: 0 auto;
transform: unset !important;
margin-bottom: 20px;
}
@media screen and (max-width: 47.9375em) {
.section-hero-banner.has-discover-cta .m-hero-banner_message_bottom-message {
font-weight: 300 !important;
font-size: 40px !important;
line-height: 48px;
}
}
.section-hero-banner.has-discover-cta .m-hero-banner_message {
max-width: unset !important;
flex-direction: column;
justify-content: flex-end;
letter-spacing: 0px !important;
margin-top: 100px;
}
.section-hero-banner.has-discover-cta .m-hero-discover {
display: flex;
align-items: center;
flex-direction: column;
cursor: pointer;
transition: .3s ease;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
}
.section-hero-banner.has-discover-cta .m-hero-discover:hover {
opacity: .5;
}
.section-hero-banner.has-discover-cta .m-hero-discover span {
color: var(--white, #fff);
text-align: center;
font-size: 18px;
font-family: var(--font-2);
font-style: italic;
line-height: 28px;
letter-spacing: 0px !important;
font-weight: 300;
}
.section-hero-banner .inner .m-hero-banner {
display: flex;
flex-direction: column;
/* padding-left: 65px; */
margin-bottom: 20px;
}
.section-hero-banner .inner .m-hero-banner.meeting-page {
padding-left: 0;
}
.section-hero-banner .inner .m-hero-banner .m-crumbs {
position: relative;
margin: 0;
z-index: 4;
}
@media screen and (max-width: 500px) {
.section-hero-banner .inner .m-hero-banner .m-crumbs {
padding-left: 15px !important;
}
}
.section-hero-banner .inner .m-hero-banner .m-crumbs .m-crumbs-item > * {
color: #fff;
opacity: 1;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 20px;
}
.section-hero-banner .inner .m-hero-banner .m-crumbs .m-crumbs-item:not(:last-child):after {
content: "/";
background: none;
margin: 0 10px 7px;
color: #fff;
}
.section-hero-banner .inner .m-hero-banner_image {
display: flex;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 565px;
-o-object-fit: cover;
object-fit: cover;
}
.section-hero-banner .inner .m-hero-banner_message {
position: relative;
width: 100%;
height: 450px;
display: flex;
font-family: var(--font-4);
font-style: normal;
color: #fff;
line-height: 64px;
font-weight: 300;
font-size: 140px;
letter-spacing: 10px;
max-width: 700px;
z-index: 10;
}
.landing-banner .inner .m-hero-banner_message {
position: relative;
width: 100%;
height: 450px;
display: flex;
font-family: var(--font-4);
font-style: normal;
color: #fff;
line-height: 64px;
font-weight: 300;
font-size: unset;
letter-spacing: unset;
max-width: 100%;
z-index: 10;
}
.section-hero-banner .inner .m-hero-banner_message_wrapper {
display: flex;
flex-direction: column;
width: 100%;
}
.landing-banner:not(.is-home) .m-hero-banner_overlay {
height: 100vh;
}
.landing-banner .inner .m-hero-banner_message_wrapper {
justify-content: center;
flex: 1 1 100%;
max-width: 477px;
margin: 0 auto;
}
.section-hero-banner .inner .m-hero-banner_message.banner-middle .m-hero-banner_message_wrapper {
align-items: center;
justify-content: center;
}
.section-hero-banner .inner .m-hero-banner_message.banner-middle .m-hero-banner_message_wrapper > div {
display: flex;
align-items: center;
}
.section-hero-banner .inner .m-hero-banner_message.banner-middle .m-hero-banner_message_top-message {
margin-bottom: 15px;
transform: translateX(calc(-50% + 8px));
justify-content: center;
}
.section-hero-banner .inner .m-hero-banner_message.banner-middle .m-hero-banner_message_middle-message {
font-style: italic;
font-weight: 600;
font-size: 40px;
letter-spacing: 2px;
justify-content: center;
padding: 0 60px 3px 0;
}
.section-hero-banner .inner .m-hero-banner_message.banner-middle .m-hero-banner_message_bottom-message {
transform: translateX(calc(50% - 8px));
justify-content: center;
}
.section-hero-banner .inner .m-hero-banner_message.banner-left_bottom, .section-hero-banner .inner .m-hero-banner_message.banner-left_bottom_50 {
font-family: var(--font-4);
font-style: normal;
font-weight: 300;
font-size: 60px;
line-height: 68px;
letter-spacing: 0px;
height: 370px;
}
.section-hero-banner .inner .m-hero-banner_message.banner-left_bottom .m-hero-banner_message_wrapper, .section-hero-banner .inner .m-hero-banner_message.banner-left_bottom_50 .m-hero-banner_message_wrapper {
align-items: flex-start;
justify-content: flex-end;
padding-bottom: 32px;
}
@media (min-width: 1096px) and (max-width: 80em) {
.section-hero-banner .inner .m-hero-banner_message.banner-left_bottom .m-hero-banner_message_wrapper.meeting-page, .section-hero-banner .inner .m-hero-banner_message.banner-left_bottom_50 .m-hero-banner_message_wrapper.meeting-page {
max-width: 42.5vw !important;
}
}
@media screen and (max-width: 500px) {
.section-hero-banner .inner .m-hero-banner_message.banner-left_bottom .m-hero-banner_message_wrapper, .section-hero-banner .inner .m-hero-banner_message.banner-left_bottom_50 .m-hero-banner_message_wrapper {
padding: 0 20px 30px 20px;
}
.section-hero-banner .inner .m-hero-banner_message.banner-left_bottom .m-hero-banner_message_wrapper .m-hero-banner_message_middle-message, .section-hero-banner .inner .m-hero-banner_message.banner-left_bottom_50 .m-hero-banner_message_wrapper .m-hero-banner_message_middle-message {
text-align: left !important;
}
.section-hero-banner .inner .m-hero-banner_message.banner-left_bottom .m-hero-banner_message_wrapper.meeting-page, .section-hero-banner .inner .m-hero-banner_message.banner-left_bottom_50 .m-hero-banner_message_wrapper.meeting-page {
padding: 0 15px 32px 15px !important;
}
.section-hero-banner .inner .m-hero-banner_message.banner-left_bottom .m-hero-banner_message_wrapper.meeting-page .m-hero-banner_message_middle-message, .section-hero-banner .inner .m-hero-banner_message.banner-left_bottom_50 .m-hero-banner_message_wrapper.meeting-page .m-hero-banner_message_middle-message {
text-align: left !important;
font-size: 40px !important;
line-height: 48px !important;
}
}
.section-hero-banner .inner .m-hero-banner_message.banner-left_bottom .m-hero-banner_message_wrapper > div, .section-hero-banner .inner .m-hero-banner_message.banner-left_bottom_50 .m-hero-banner_message_wrapper > div {
display: flex;
align-items: center;
}
.section-hero-banner .inner .m-hero-banner_message.banner-left_bottom .m-hero-banner_message_top-message, .section-hero-banner .inner .m-hero-banner_message.banner-left_bottom_50 .m-hero-banner_message_top-message {
margin-bottom: 16px;
justify-content: flex-start;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
font-size: 24px !important;
line-height: 32px;
}
.section-hero-banner .inner .m-hero-banner_message.banner-left_bottom .m-hero-banner_message_middle-message, .section-hero-banner .inner .m-hero-banner_message.banner-left_bottom_50 .m-hero-banner_message_middle-message {
margin-bottom: 0px;
justify-content: flex-start;
}
.section-hero-banner .inner .m-hero-banner_message.banner-left_bottom .m-hero-banner_message_bottom-message, .section-hero-banner .inner .m-hero-banner_message.banner-left_bottom_50 .m-hero-banner_message_bottom-message {
margin-bottom: 0px;
justify-content: flex-start;
}
.section-hero-banner .inner .m-hero-banner_message.banner-left_bottom_50 .m-hero-banner_message_wrapper {
max-width: 50%;
}
.section-hero-banner .inner .m-hero-banner iframe.video-bg {
position: absolute;
top: 0;
left: 0;
height: 56.25vw;
width: 100vw;
max-width: 100vw;
}
@media screen and (max-width: 1002px) {
.section-hero-banner .inner .m-hero-banner iframe.video-bg {
height: 100vh;
width: 177vh;
max-width: 177vh;
left: -65vh;
}
}
.section-hero-banner .inner .m-hero-banner_video {
position: absolute;
bottom: 26px;
left: 100%;
width: -moz-max-content;
width: max-content;
}
@media screen and (max-width: 1560px) {
.section-hero-banner .inner .m-hero-banner_video {
left: 80%;
}
}
@media screen and (max-width: 1002px) {
.section-hero-banner .inner .m-hero-banner_video {
display: none;
}
}
.section-hero-banner .inner .m-hero-banner_video_cta > a {
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 18px;
color: #fff;
}
.section-hero-banner .inner .m-hero-banner_video_cta > a:after {
content: "";
border: 1px solid #fff;
width: 50vw;
display: flex;
height: 0;
position: absolute;
right: -9px;
bottom: 9px;
transform: rotate(180deg);
transform-origin: 100% 0%;
}
.section-hero-banner .inner .m-hero-banner_video_cta > a:hover {
text-decoration: none;
color: rgba(255, 255, 255, .5333333333);
}
.section-hero-banner + * {
position: relative;
z-index: 2;
}
.is-home.section-hero-banner .inner .m-hero-banner {
padding-left: 0;
}
.is-home.section-hero-banner .inner .m-hero-banner_image {
height: 100vh;
}
.landing-banner .inner .m-hero-banner_image {
height: 100vh;
}
.is-home.section-hero-banner .inner .m-hero-banner_message {
height: calc(100vh - 174px);
}
.landing-banner .inner .m-hero-banner_message {
height: 100%;
padding: 80px 0px;
}
body[data-page-name="Custom Packages | Meetings and Events at Hub Australia"] .section-hero-banner .m-hero-banner_message_bottom-message, body[data-page-name="Hub Australia's Team | About | Coworking & Flexible Workspaces"] .section-hero-banner .m-hero-banner_message_bottom-message, body[data-page-name="About Hub Australia | Premium Workspace Solutions"] .section-hero-banner .m-hero-banner_message_bottom-message, body[data-page-name="Business Impact | Community & Environmental Impact | Hub Australia"] .section-hero-banner .m-hero-banner_message_bottom-message, body[data-page-name="Careers | Shared Office Spaces | Current Vacancies with Hub Australia"] .section-hero-banner .m-hero-banner_message_bottom-message, body[data-page-name="Custom Packages - Meetings and Events at Hub Australia"] .section-hero-banner .m-hero-banner_message_bottom-message, .section-hero-banner.large-copy .m-hero-banner_message_bottom-message {
font-family: var(--font-2);
font-size: 18px !important;
line-height: 24px;
margin-top: 24px;
max-width: 755px;
}
body[data-page-name="Custom Packages | Meetings and Events at Hub Australia"] .section-hero-banner .m-hero-banner_overlay, body[data-page-name="Hub Australia's Team | About | Coworking & Flexible Workspaces"] .section-hero-banner .m-hero-banner_overlay, body[data-page-name="About Hub Australia | Premium Workspace Solutions"] .section-hero-banner .m-hero-banner_overlay, body[data-page-name="Business Impact | Community & Environmental Impact | Hub Australia"] .section-hero-banner .m-hero-banner_overlay, body[data-page-name="Careers | Shared Office Spaces | Current Vacancies with Hub Australia"] .section-hero-banner .m-hero-banner_overlay, body[data-page-name="Custom Packages - Meetings and Events at Hub Australia"] .section-hero-banner .m-hero-banner_overlay, .section-hero-banner.large-copy .m-hero-banner_overlay {
position: absolute;
width: 100vw;
height: 617px;
top: 0;
left: 0;
background: #000;
opacity: .3;
z-index: 2;
}
body[data-page-name="Custom Packages | Meetings and Events at Hub Australia"] .section-hero-banner .m-hero-banner_message, body[data-page-name="Hub Australia's Team | About | Coworking & Flexible Workspaces"] .section-hero-banner .m-hero-banner_message, body[data-page-name="About Hub Australia | Premium Workspace Solutions"] .section-hero-banner .m-hero-banner_message, body[data-page-name="Business Impact | Community & Environmental Impact | Hub Australia"] .section-hero-banner .m-hero-banner_message, body[data-page-name="Careers | Shared Office Spaces | Current Vacancies with Hub Australia"] .section-hero-banner .m-hero-banner_message, body[data-page-name="Custom Packages - Meetings and Events at Hub Australia"] .section-hero-banner .m-hero-banner_message, .section-hero-banner.large-copy .m-hero-banner_message {
z-index: 3;
}
body[data-page-name="Custom Packages | Meetings and Events at Hub Australia"] .section-hero-banner .m-crumbs, body[data-page-name="Hub Australia's Team | About | Coworking & Flexible Workspaces"] .section-hero-banner .m-crumbs, body[data-page-name="About Hub Australia | Premium Workspace Solutions"] .section-hero-banner .m-crumbs, body[data-page-name="Business Impact | Community & Environmental Impact | Hub Australia"] .section-hero-banner .m-crumbs, body[data-page-name="Careers | Shared Office Spaces | Current Vacancies with Hub Australia"] .section-hero-banner .m-crumbs, body[data-page-name="Custom Packages - Meetings and Events at Hub Australia"] .section-hero-banner .m-crumbs, .section-hero-banner.large-copy .m-crumbs {
z-index: 4;
}
@media screen and (max-width: 75em) {
.section-hero-banner .inner {
padding: 0 20px;
}
}
@media screen and (max-width: 47.9375em) {
.section-hero-banner .inner {}
.section-hero-banner .inner .m-hero-banner_message {
font-weight: 600;
font-size: 110px;
line-height: 117px;
letter-spacing: 7px;
}
.section-hero-banner .inner .m-hero-banner_message_wrapper > div {
transform: none !important;
width: 100%;
}
.section-hero-banner .inner .m-hero-banner_message_top-message {
margin-bottom: 0;
justify-content: flex-start;
}
.section-hero-banner .inner .m-hero-banner_message_middle-message {
font-weight: 500;
font-size: 44px;
line-height: 56px;
letter-spacing: 2px;
padding: 0;
}
.section-hero-banner .inner .m-hero-banner_message_bottom-message {
justify-content: flex-end;
}
}
@media screen and (max-width: 40.5em) {
[data-title=" Boost coworking productivity with our enterprise solutions "] .inner {
padding: 0 10px !important;
}
.section-hero-banner .inner {
padding: 0 25px;
}
.section-hero-banner .inner .m-hero-banner {
padding-left: 0;
}
.section-hero-banner .inner .m-hero-banner_message_wrapper > div {
transform: unset;
width: 100%;
}
.section-hero-banner .inner .m-hero-banner_video {
display: none;
}
.html-single-solution .section-hero-banner .m-hero-banner_message_middle-message {
text-align: left !important;
}
}
@media screen and (max-width: 500px) {
[data-title=" Boost coworking productivity with our enterprise solutions "] .inner .m-hero-banner_message.banner-left_bottom .m-hero-banner_message_wrapper {
padding: 0 10px !important;
}
}
@media screen and (max-width: 31.25em) {
.section-hero-banner .inner {}
.section-hero-banner .inner .m-hero-banner_message {
font-weight: 600;
font-size: 84px;
line-height: 117px;
letter-spacing: 4px;
}
.section-hero-banner .inner .m-hero-banner_message_wrapper > div {
transform: unset;
width: 100%;
}
.section-hero-banner .inner .m-hero-banner_message_top-message {
margin-bottom: 0;
justify-content: center;
}
.section-hero-banner .inner .m-hero-banner_message_middle-message {
font-weight: 500;
font-size: 40px;
line-height: 48px;
letter-spacing: 1;
justify-content: center;
text-align: center;
padding: 0px !important;
margin: -10px 0;
}
.section-hero-banner .inner .m-hero-banner_message_middle-message.enterprise {
text-align: left !important;
}
.section-hero-banner .inner .m-hero-banner_message_bottom-message {
justify-content: center;
}
.single-solution .section-hero-banner .m-hero-banner_message.banner-left_bottom, .single-solution .section-hero-banner .m-crumbs, .solution_types-template-default .section-hero-banner .m-hero-banner_message.banner-left_bottom, .solution_types-template-default .section-hero-banner .m-crumbs {
padding: 0 15px;
}
.single-solution .section-hero-banner .m-hero-banner_message_middle-message {
padding-left: 0 !important;
}
body[data-page-name="Custom Packages - Meetings and Events at Hub Australia"] .section-hero-banner .m-hero-banner_message_wrapper, body[data-page-name="Custom Packages | Meetings and Events at Hub Australia"] .section-hero-banner .m-hero-banner_message_wrapper {
padding: 0 15px !important;
}
}
@media (max-width: 37.5em) and (max-height: 998px) {
.section-hero-banner .inner .m-hero-banner_message.banner-middle {
margin-top: 0;
}
.section-hero-banner.has-discover-cta .inner .m-hero-banner_image {
min-height: 630px !important;
}
.solution-template-default .section-hero-banner .inner .m-hero-banner_image {
height: 530px !important;
}
}
body[data-page-name="Solutions | Hub Australia"] .section-hero-banner .inner .m-hero-banner_message_wrapper > div, body[data-page-name="Solutions - Hub Australia"] .section-hero-banner .inner .m-hero-banner_message_wrapper > div {
text-align: left !important;
}
.section-discover-spaces {
padding: 25px 0;
}
.section-discover-spaces .inner .m-spaces_title h1 {
font-family: var(--font-4);
font-style: normal;
font-weight: 300;
font-size: 48px;
line-height: 56px;
color: var(--color-dark-grey);
text-align: center;
}
.section-discover-spaces .inner .m-spaces_locations {
margin: 28px 0 40px;
}
.section-discover-spaces .inner .m-spaces_locations > ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
justify-content: center;
}
.section-discover-spaces .inner .m-spaces_locations > ul > li {
margin-right: 10px;
}
.section-discover-spaces .inner .m-spaces_locations > ul > li.active > a {
color: var(--color-dark-grey);
border-color: var(--color-dark-grey);
}
.section-discover-spaces .inner .m-spaces_locations > ul > li > a {
display: flex;
width: 120px;
height: 40px;
justify-content: center;
align-items: center;
border: 1px solid #ebebeb;
border-radius: 3px;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 20px;
color: var(--color-grey);
}
.section-discover-spaces .inner .m-spaces_locations > ul > li > a:hover {
color: var(--color-dark-grey);
border-color: var(--color-dark-grey);
text-decoration: none;
}
.section-discover-spaces .inner .m-spaces_locations > ul > li:last-child {
margin-right: 0;
}
.section-discover-spaces .inner .m-space {
display: flex;
align-items: stretch;
}
.section-discover-spaces .inner .m-space .mobile-cta {}
.section-discover-spaces .c-image:hover img {
transform: scale(1.1);
}
.section-discover-spaces .c-image img {
transition: transform .5s ease;
width: 100%;
/* height: auto; */
will-change: transform;
}
.section-discover-spaces a.button-2 {
padding: 18.5px 10px;
color: var(--color-white);
background: var(--color-rust);
border-radius: 6px;
width: 176px;
}
.section-post-carousel a.button-2 {
padding: 18.5px 10px;
color: var(--color-white);
background: var(--color-rust);
border-radius: 6px;
width: 176px;
}
.section-post-carousel a.button-2:hover {
background: var(--color-dark-rust);
}
.section-discover-spaces .inner .m-space .m-hero-header {
width: 100%;
}
.section-discover-spaces .inner .m-space .m-space-body {
display: flex;
flex-direction: column;
justify-content: space-between;
flex: 0 0 165px;
max-width: 165px;
margin-right: 36px;
position: relative;
z-index: 2;
order: -1;
}
@media screen and (max-width: 767px) {
.section-discover-spaces .inner .m-space .m-space-body {
flex: unset;
padding-bottom: 15px;
}
.section-discover-spaces .inner .m-spaces_locations > ul {
justify-content: flex-start;
}
}
.section-discover-spaces .inner .m-space .m-space-body .c-space_clubhouse_type {
display: none;
}
.section-discover-spaces .inner .m-space .m-space-body .c-space_clubhouse_type.active {
display: flex;
flex-direction: column;
}
.section-discover-spaces .inner .m-space .m-space-body .c-space_clubhouse_type .c-type {
margin-bottom: 32px;
}
.section-discover-spaces .inner .m-space .m-space-body .c-space_clubhouse_type .c-type.active > a {
color: var(--color-dark-grey);
}
.section-discover-spaces .inner .m-space .m-space-body .c-space_clubhouse_type .c-type > a {
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 32px;
color: #999;
}
.section-discover-spaces .inner .m-space .m-space-body .c-space_clubhouse_type .c-type > a:hover, .section-discover-spaces .inner .m-space .m-space-body .c-space_clubhouse_type .c-type > a.active {
color: var(--color-dark-grey);
}
.section-discover-spaces .inner .m-space .m-space-body .c-space_cta {
margin-bottom: 21px;
}
.section-discover-spaces .inner .m-space .m-space-body .c-space_cta a {
padding: 18.5px 0px;
color: var(--color-white);
background: var(--color-rust);
border-radius: 6px;
transition: .25s ease-in-out;
}
.section-discover-spaces .inner .m-space .m-space-body .c-space_cta a:hover {
background: var(--color-dark-rust);
}
.section-discover-spaces .inner .m-space .m-hero-slider {
display: none;
}
.section-discover-spaces .inner .m-space .m-hero-slider.active {
display: block;
}
.section-discover-spaces .inner .m-space .m-hero-slider .owl-carousel .owl-stage {
display: flex !important;
}
.section-discover-spaces .inner .m-space .m-hero-slider .owl-carousel .owl-stage .owl-item a > .m-hero-slider-item {
width: 410px;
height: 345px;
}
@media (min-width: 768px) and (max-width: 816px) {
.section-discover-spaces .inner .m-space .m-hero-slider .owl-carousel .owl-stage .owl-item a > .m-hero-slider-item {
width: 500px;
}
}
.section-discover-spaces .inner .m-space .m-hero-slider .owl-carousel .owl-stage .owl-item a > .m-hero-slider-item .c-badge {
border-radius: 3px;
background: #8d261b;
padding: 4px 16px;
color: #fff;
font-family: var(--font-2);
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 14px;
letter-spacing: 2px;
text-transform: uppercase;
position: absolute;
top: 14px;
left: 18px;
z-index: 2;
}
.section-discover-spaces .inner .m-space .m-hero-slider .owl-carousel .owl-stage .owl-item a > .m-hero-slider-item .c-image {
height: 100%;
}
.section-discover-spaces .inner .m-space .m-hero-slider .owl-carousel .owl-stage .owl-item a > .m-hero-slider-item .c-image img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: 6px;
}
.section-discover-spaces .inner .m-space .m-hero-slider .owl-carousel .owl-stage .owl-item .m-spaces_clubhouse {
position: absolute;
bottom: 0;
padding: 0 24px 21px 35px;
display: flex;
justify-content: space-between;
align-items: flex-end;
width: 100%;
flex: 1 1 100%;
}
@media (max-width: 767px) {
.section-discover-spaces .inner .m-space .m-hero-slider .owl-carousel .owl-stage .owl-item .m-spaces_clubhouse {
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
}
.section-discover-spaces .inner .m-space .m-hero-slider .owl-carousel .owl-stage .owl-item .m-spaces_clubhouse_details {
font-family: var(--font-2);
font-style: normal;
color: #fff;
}
.section-discover-spaces .inner .m-space .m-hero-slider .owl-carousel .owl-stage .owl-item .m-spaces_clubhouse_clubhouse {
font-weight: 600;
font-size: 24px;
line-height: 24px;
}
.section-discover-spaces .inner .m-space .m-hero-slider .owl-carousel .owl-stage .owl-item .m-spaces_clubhouse_location {
font-weight: 300;
font-size: 14px;
line-height: 20px;
text-transform: capitalize;
margin-top: 4px;
}
.section-discover-spaces .inner .m-space .m-hero-slider .owl-carousel .owl-stage .owl-item .m-spaces_clubhouse_location > span {
text-transform: uppercase;
}
.section-discover-spaces .inner .m-space .m-hero-slider .owl-carousel .owl-stage .owl-item .m-spaces_clubhouse_see_more {
display: none;
}
.section-discover-spaces .inner .m-space .m-hero-slider .owl-carousel .owl-stage .owl-item .m-spaces_clubhouse_see_more a {
display: flex;
justify-content: center;
align-items: center;
padding: 14px 24px;
background: #fff;
border-radius: 6px;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
color: var(--color-rust);
white-space: nowrap;
}
.section-discover-spaces .inner .m-space .m-hero-slider .owl-carousel .owl-stage .owl-item .m-spaces_clubhouse_see_more a:hover {
background: var(--color-rust);
color: #fff;
text-decoration: none;
}
.section-discover-spaces .inner .m-space .m-hero-slider .owl-carousel .owl-stage .owl-item.active .m-spaces_clubhouse_see_more {
display: flex;
}
.section-discover-spaces .inner .m-space .m-hero-slider .owl-carousel .owl-dots {
max-width: 100%;
bottom: -24px;
}
@media (max-width: 767px) {
.section-discover-spaces .inner .m-space .m-hero-slider .owl-carousel .owl-dots {
justify-content: center !important;
}
}
.section-discover-spaces .inner .m-space .m-hero-slider .owl-carousel .owl-dots button {
background: var(--color-dark-grey) !important;
opacity: .2;
width: 55px;
}
.section-discover-spaces .inner .m-space .m-hero-slider .owl-carousel .owl-dots button.active {
opacity: 1;
}
@media screen and (max-width: 47.9375em) {
.section-discover-spaces {
margin-top: 0px !important;
}
.section-discover-spaces .inner {
padding: 0;
}
.section-discover-spaces .owl-carousel .owl-dots {
max-width: unset !important;
justify-content: flex-start !important;
}
.section-discover-spaces .m-spaces_title h1.h1 {
text-align: center;
font-size: 32px;
line-height: 40px;
padding: 0 22px;
}
.section-discover-spaces .m-spaces_locations {
overflow-x: scroll;
padding-left: 22px;
}
.section-discover-spaces .m-spaces_locations::-webkit-scrollbar {
display: none;
width: 0;
}
.section-discover-spaces .m-hero-slider .owl-carousel .owl-stage .owl-item.active {
margin-right: 16px !important;
}
.section-discover-spaces .m-hero-slider .owl-carousel .owl-stage .owl-item a > .m-hero-slider-item {
width: 90vw !important;
}
.section-discover-spaces .m-hero-slider-outer {
padding-left: 24px;
}
.section-discover-spaces .m-space {
flex-direction: column;
}
.section-discover-spaces .m-space .mobile-cta {
margin-top: 65px;
display: block !important;
padding: 0 25px;
}
.section-discover-spaces .m-space .mobile-cta a {
padding: 18.5px 0;
color: var(--color-white);
background: var(--color-rust);
border-radius: 6px;
}
.section-discover-spaces .m-space .c-space_cta:not(.mobile-cta) {
display: none;
}
.section-discover-spaces .m-space .m-space-body {
max-width: unset !important;
margin: 0 !important;
}
.section-discover-spaces .m-space .m-space-body .c-space {
padding: 0 26px 0 22px;
}
.section-discover-spaces .m-space .m-space-body .c-type {
width: 100%;
border-radius: 6px;
background: #f6f6f6;
height: 40px;
border: 1px solid rgba(153, 153, 153, .5);
margin-bottom: 8px !important;
position: relative;
}
.section-discover-spaces .m-space .m-space-body .c-type::after {
content: "";
z-index: 2;
position: absolute;
top: 12px;
left: 16px;
background: #fff;
border: 1px solid #2b2c31;
width: 16px;
height: 16px;
border-radius: 50%;
}
.section-discover-spaces .m-space .m-space-body .c-type a {
display: flex;
justify-content: space-between;
align-items: center;
height: 100%;
width: 100%;
padding-left: 44px;
padding-right: 12px;
}
.section-discover-spaces .m-space .m-space-body .c-type a span {
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 22px;
color: #666;
}
.section-discover-spaces .m-space .m-space-body .c-type.active {
border: 1px solid var(--color-rust);
}
.section-discover-spaces .m-space .m-space-body .c-type.active::before {
content: "";
z-index: 3;
position: absolute;
top: 15px;
left: 19px;
background: #8d261b;
width: 10px;
height: 10px;
border-radius: 50%;
}
.section-discover-spaces .m-space .m-space-body .c-type.active a span {
color: #2b2c31;
}
}
.section-clubhouse-features {
background: #f6f6f6;
position: relative;
margin-bottom: 0;
}
.section-clubhouse-features .m-clubhouse-features {
padding: 54px 0 0;
}
.section-clubhouse-features .m-clubhouse-features_title h2 {
font-family: var(--font-4);
font-style: normal;
font-weight: 300;
font-size: 48px;
line-height: 56px;
color: var(--color-dark-grey);
margin-bottom: 24px;
}
.section-clubhouse-features .m-clubhouse-features .m-accordion {
position: relative;
width: 100%;
height: calc(100vh - 100px);
bottom: 0;
}
.section-clubhouse-features .m-clubhouse-features .m-accordion_item {
position: absolute;
display: flex;
overflow: hidden;
background: var(--color-3);
width: 100%;
--hight: calc(100vh - 320px);
height: var(--hight);
z-index: 4;
padding-bottom: 2px;
transition: background .6s ease;
}
@media screen and (max-height: 900px) {
.section-clubhouse-features .m-clubhouse-features .m-accordion_item {
--hight: calc(130vh - 100px);
}
}
@media (max-width: 767px) and (max-height: 900px) {
.section-clubhouse-features .m-clubhouse-features .m-accordion_item img {
transform: translateY(-50%);
position: relative;
top: 22%;
}
}
.section-clubhouse-features .m-clubhouse-features .m-accordion_item:nth-child(n + 2):not(.active) {
background: #fff;
}
@media screen and (max-height: 900px) {
.section-clubhouse-features .m-clubhouse-features .m-accordion_item:nth-child(n + 2):not(.active) {
--hight: calc(130vh - 100px);
}
}
.section-clubhouse-features .m-clubhouse-features .m-accordion_item[data-item="1"] {
--hight: calc(100vh - 240px);
z-index: 3;
height: var(--hight);
}
@media screen and (max-height: 900px) {
.section-clubhouse-features .m-clubhouse-features .m-accordion_item[data-item="1"] {
--hight: calc(130vh - 100px);
}
}
.section-clubhouse-features .m-clubhouse-features .m-accordion_item[data-item="2"] {
--hight: calc(100vh - 160px);
z-index: 2;
}
@media screen and (max-height: 900px) {
.section-clubhouse-features .m-clubhouse-features .m-accordion_item[data-item="2"] {
--hight: calc(130vh - 100px);
}
}
.section-clubhouse-features .m-clubhouse-features .m-accordion_item[data-item="3"] {
--hight: calc(100vh - 80px);
z-index: 1;
}
@media screen and (max-height: 900px) {
.section-clubhouse-features .m-clubhouse-features .m-accordion_item[data-item="3"] {
--hight: calc(130vh - 100px);
}
}
.section-clubhouse-features .m-clubhouse-features .m-accordion_item:first-of-type .m-accordion_item_bottom, .section-clubhouse-features .m-clubhouse-features .m-accordion_item.active .m-accordion_item_bottom {
display: none !important;
}
.section-clubhouse-features .m-clubhouse-features .m-accordion_item_bottom {
margin-top: auto;
width: 384px;
padding-bottom: 24px;
border-bottom: 1px solid #666;
opacity: .6;
}
.section-clubhouse-features .m-clubhouse-features .m-accordion_item_bottom_title {
color: var(--color-dark-grey);
font-size: 28px;
font-family: var(--font-2);
font-weight: 600;
line-height: 40px;
}
.section-clubhouse-features .m-clubhouse-features .m-accordion_item_wrapper {
display: flex;
justify-content: center;
align-items: center;
width: 100vw;
}
.section-clubhouse-features .m-clubhouse-features .m-accordion_item_header {
display: flex;
flex-direction: column;
flex: 0 0 409px;
max-width: 409px;
padding-right: 47px;
justify-content: flex-start;
height: 100%;
}
.section-clubhouse-features .m-clubhouse-features .m-accordion_item_title {
display: flex;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
font-size: 32px;
line-height: 40px;
color: var(--color-dark-grey);
align-items: center;
margin-top: 80px;
}
@media screen and (max-height: 900px) {
.section-clubhouse-features .m-clubhouse-features .m-accordion_item_title {
padding-top: 75px;
}
}
.section-clubhouse-features .m-clubhouse-features .m-accordion_item_description {
display: flex;
font-family: var(--font-2);
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 22px;
color: var(--color-dark-grey);
margin-top: 24px;
}
.section-clubhouse-features .m-clubhouse-features .m-accordion_item_cta {
color: #8d261b;
font-family: var(--font-2);
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 20px;
display: block;
padding: 16px;
width: 100%;
max-width: 305px;
text-align: center;
border-radius: 6px;
border: 1px solid #8d261b;
background: rgba(212, 212, 212, .03);
transition: .3s ease;
text-decoration: none;
margin-top: 24px;
}
.section-clubhouse-features .m-clubhouse-features .m-accordion_item_cta:hover {
color: #fff;
background: #8d261b;
}
.section-clubhouse-features .m-clubhouse-features .m-accordion_item_object {
display: flex;
flex: 0 0 calc(100% - 409px);
max-width: calc(100% - 409px);
justify-content: flex-start;
height: 100%;
}
.section-clubhouse-features .m-clubhouse-features .m-accordion_item_image {
width: 100%;
border-radius: 6px 0px 0px 6px;
width: calc(100vw - 32%);
position: absolute;
display: flex;
overflow: hidden;
align-items: center;
height: calc(var(--hight) - 4px);
}
.section-clubhouse-features .m-clubhouse-features .m-accordion_item_image img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
height: var(--hight);
width: 100%;
}
.section-clubhouse-features.is-sticky .m-clubhouse-features .m-accordion {
position: fixed;
}
@media screen and (max-width: 97.5em) {
.section-clubhouse-features .m-clubhouse-features .m-accordion_item.active .m-accordion_item_image {
width: calc(100vw - 409px);
}
.section-clubhouse-features .m-clubhouse-features .m-accordion_item.active .m-accordion_item_image img {
height: 100%;
width: 100%;
}
}
@media screen and (min-width: 48em) {
[data-page-name="Hub Australia Workspaces | Flexible Workspace Solutions"] .section-clubhouse-features .m-clubhouse-features .m-accordion_item_title {
margin-top: 100px !important;
}
}
@media screen and (max-width: 47.9375em) {
.section-clubhouse-features .m-accordion_item_wrapper .m-accordion-item > .inner {
width: 100vw;
padding: 0 20px;
}
.section-clubhouse-features .m-accordion_item_title {
margin-top: 25px !important;
}
.section-clubhouse-features .m-clubhouse-features .m-accordion_item_header {
flex: unset !important;
padding-right: 0;
}
.section-clubhouse-features .m-clubhouse-features .m-accordion_item_wrapper {
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
max-width: calc(100vw - 30px);
overflow: hidden;
}
.section-clubhouse-features .m-clubhouse-features .m-accordion_item_image {
width: 100vw !important;
position: relative !important;
}
.section-clubhouse-features .m-clubhouse-features .m-accordion_item_object {
flex: unset !important;
max-width: unset !important;
padding-bottom: 5px;
margin-top: 51px;
}
.section-clubhouse-features .m-clubhouse-features .m-accordion_item_bottom {
display: none !important;
}
.section-clubhouse-features .m-clubhouse-features .m-accordion_item_description {
margin-top: 6px;
}
}
.section-latest-articles-2023 {
--row: 80px;
}
.section-latest-articles-2023.three-columns .m-posts_item:first-of-type, .section-latest-articles-2023.three-columns .m-posts_item:last-of-type {
display: none !important;
grid-row: unset !important;
grid-column: 1 !important;
}
.section-latest-articles-2023.three-columns .m-posts_item:nth-child(n + 5) {
display: none;
}
.section-latest-articles-2023.three-columns .m-posts {
grid-template-rows: 1fr !important;
}
@media screen and (max-width: 55em) {
.section-latest-articles-2023.three-columns .m-posts {
margin-top: 0 !important;
display: flex !important;
overflow-x: scroll;
scroll-snap-type: x mandatory;
margin-left: calc(-1 * var(--edge));
padding: 0 var(--edge);
}
.section-latest-articles-2023.three-columns .m-posts::-webkit-scrollbar {
width: 0;
display: none;
}
.section-latest-articles-2023.three-columns .m-posts .m-posts_item {
scroll-snap-align: start;
}
}
.section-latest-articles-2023.most-popular {
background: #f6f6f6;
}
.section-latest-articles-2023.most-popular .inner {
width: 100vw;
max-width: unset;
padding: 0;
}
.section-latest-articles-2023.most-popular .inner .c-spot-image img {
opacity: 1 !important;
}
.section-latest-articles-2023 .inner .m-latest-articles_header {
margin-bottom: 56px;
position: sticky;
left: 0;
}
.section-latest-articles-2023 .inner .m-latest-articles_header .h2 {
font-family: var(--font-4);
font-style: normal;
font-weight: 300;
font-size: 48px;
line-height: 56px;
color: var(--color-dark-grey);
display: flex;
justify-content: center;
align-items: center;
}
.section-post-carousel .inner h2 {
font-family: var(--font-4);
font-style: normal;
font-weight: 300;
font-size: 48px;
line-height: 56px;
color: var(--color-dark-grey);
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 55em) {
.section-post-carousel .inner h2 {
text-align: center;
font-size: 32px;
line-height: 40px;
padding: 0 22px;
margin-bottom: 40px;
}
}
.section-latest-articles-2023 .inner .m-latest-articles_list .m-posts {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr;
-moz-column-gap: 28px;
column-gap: 28px;
row-gap: 32px;
position: relative;
}
@media screen and (max-width: 55em) {
.section-latest-articles-2023 .inner .m-latest-articles_list .m-posts {
display: block;
-moz-column-gap: 16px;
column-gap: 16px;
row-gap: 0;
width: 100vw;
}
}
.section-latest-articles-2023 .inner .m-latest-articles_list .m-posts-carousel .m-posts_item {
width: calc(( 100vw - var(--edge) * 2 ) / 3);
max-width: 384px;
background: rgba(0, 0, 0, 0);
height: 100%;
}
.section-latest-articles-2023 .inner .m-latest-articles_list .m-posts-carousel .m-posts_item a {
background: rgba(0, 0, 0, 0);
}
.section-latest-articles-2023 .inner .m-latest-articles_list .m-posts-carousel.mobile {
height: 552px;
margin-top: 24px;
margin-bottom: 24px;
min-width: 100vw;
margin-left: -15px;
}
.section-latest-articles-2023 .inner .m-latest-articles_list .m-posts-carousel.mobile .owl-dots {
bottom: -30px !important;
}
.section-latest-articles-2023 .inner .m-latest-articles_list .m-posts-carousel.mobile .owl-dots button {
width: 55px !important;
}
.section-latest-articles-2023 .inner .m-latest-articles_list .m-posts-carousel.mobile .owl-stage {
left: -25px;
}
.section-latest-articles-2023 .inner .m-latest-articles_list .m-posts-carousel.mobile .owl-item {
opacity: 1 !important;
height: 552px !important;
}
.section-latest-articles-2023 .inner .m-latest-articles_list .m-posts-carousel.mobile .owl-item > div {
height: 552px !important;
}
.section-latest-articles-2023 .inner .m-latest-articles_list .m-posts-carousel .owl-item {
opacity: .3400000036;
}
.section-latest-articles-2023 .inner .m-latest-articles_list .m-posts-carousel .owl-item.full-opacity {
opacity: 1;
}
.section-latest-articles-2023 .inner .m-latest-articles_list .m-posts-carousel .owl-dots {
bottom: -40px;
}
.section-latest-articles-2023 .inner .m-latest-articles_list .m-posts-carousel .owl-dots button {
background: #2b2c31 !important;
}
.section-latest-articles-2023 .inner .m-latest-articles_list .m-posts .m-posts_item:first-child {
grid-column: 1;
grid-row: 1/3;
}
@media screen and (max-width: 55em) {
.section-latest-articles-2023 .inner .m-latest-articles_list .m-posts .m-posts_item:first-child {
width: 100vw;
margin-left: -15px;
height: 552px;
}
.section-latest-articles-2023 .inner .m-latest-articles_list .m-posts .m-posts_item:first-child > a {
width: 100%;
display: block;
border-radius: 0;
}
.section-latest-articles-2023 .inner .m-latest-articles_list .m-posts .m-posts_item:first-child > a * {
border-radius: 0 !important;
}
.section-latest-articles-2023 .inner .m-latest-articles_list .m-posts .m-posts_item:first-child > a .c-spot-body {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
.section-latest-articles-2023 .inner .m-latest-articles_list .m-posts .m-posts_item:first-child > a {
position: relative;
}
.section-latest-articles-2023 .inner .m-latest-articles_list .m-posts .m-posts_item:first-child > a .c-spot-header .c-spot-image {
height: 100%;
position: absolute;
border-radius: 6px;
padding: 0;
--ratio: 1;
background: linear-gradient(16deg, rgba(43, 44, 49, .6) 16.79%, rgba(43, 44, 49, 0) 37.85%), #222;
}
.section-latest-articles-2023 .inner .m-latest-articles_list .m-posts .m-posts_item:first-child > a .c-spot-header .c-spot-image:after {
content: "";
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, .3);
height: 100%;
width: 100%;
z-index: 2;
}
.section-latest-articles-2023 .inner .m-latest-articles_list .m-posts .m-posts_item:first-child > a .c-spot-body {
position: absolute;
bottom: 0;
color: var(--color-white);
padding: 0 39px 45px;
z-index: 3;
}
.section-latest-articles-2023 .inner .m-latest-articles_list .m-posts .m-posts_item:first-child > a .c-spot-body .tag-2 {
background: var(--color-white);
border-color: var(--color-white);
color: var(--color-dark-grey);
}
.section-latest-articles-2023 .inner .m-latest-articles_list .m-posts .m-posts_item:first-child > a .c-spot-body .c-spot-title {
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
font-size: 32px;
line-height: 40px;
color: var(--color-white);
}
.section-latest-articles-2023 .inner .m-latest-articles_list .m-posts .m-posts_item:first-child > a .c-spot-body .c-spot-date {
font-family: var(--font-2);
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 22px;
color: var(--color-white);
}
.section-latest-articles-2023 .inner .m-latest-articles_list .m-posts .m-posts_item:first-child > a .c-spot-link {
display: flex;
margin-top: 24px;
}
.section-latest-articles-2023 .inner .m-latest-articles_list .m-posts .m-posts_item:first-child > a .c-spot-link .link-1 {
margin-left: 0;
display: flex;
justify-content: center;
align-items: center;
padding: 14px 24px;
background: var(--color-white);
border-radius: 6px !important;
color: var(--color-rust);
transition: .25s ease;
}
.section-latest-articles-2023 .inner .m-latest-articles_list .m-posts .m-posts_item:first-child > a .c-spot-link .link-1:hover {
background: var(--color-rust);
color: #fff;
}
.section-latest-articles-2023 .inner .m-latest-articles_list .m-posts .m-posts_item:first-child > a .c-spot-link .link-1:hover:after {
background-image: url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.35231 6.14326L1.35733 0.147008C1.16092 -0.0493365 0.84291 -0.0490065 0.646821 0.148024C0.450883 0.345029 0.45139 0.664163 0.647833 0.86066L6.28597 6.50002L0.647631 12.1394C0.451212 12.3359 0.450706 12.6548 0.646618 12.8518C0.744916 12.9506 0.873693 13 1.00247 13C1.13092 13 1.25919 12.9509 1.35731 12.8529L7.35231 6.85676C7.44691 6.76236 7.5 6.63388 7.5 6.50002C7.5 6.36617 7.44676 6.23784 7.35231 6.14326Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
}
.section-latest-articles-2023 .inner .m-latest-articles_list .m-posts .m-posts_item:first-child > a .c-spot-link .link-1::after {
background-image: url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.35231 6.14326L1.35733 0.147008C1.16092 -0.0493365 0.84291 -0.0490065 0.646821 0.148024C0.450883 0.345029 0.45139 0.664163 0.647833 0.86066L6.28597 6.50002L0.647631 12.1394C0.451212 12.3359 0.450706 12.6548 0.646618 12.8518C0.744916 12.9506 0.873693 13 1.00247 13C1.13092 13 1.25919 12.9509 1.35731 12.8529L7.35231 6.85676C7.44691 6.76236 7.5 6.63388 7.5 6.50002C7.5 6.36617 7.44676 6.23784 7.35231 6.14326Z' fill='%23834B45'/%3E%3C/svg%3E%0A");
}
.section-latest-articles-2023 .inner .m-latest-articles_list .m-posts_item {
border-radius: 6px;
}
@media screen and (max-width: 55em) {
.section-latest-articles-2023 .inner .m-latest-articles_list .m-posts_item {
min-width: 80vw;
scroll-snap-align: center;
}
}
.section-latest-articles-2023 .inner .m-latest-articles_list .m-posts_item.quote {
background: #2b2c31;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 32px;
height: unset;
}
.section-latest-articles-2023 .inner .m-latest-articles_list .m-posts_item.quote .quote-text {
color: #fff;
font-size: 24px;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
line-height: 32px;
}
.section-latest-articles-2023 .inner .m-latest-articles_list .m-posts_item.quote .quote-name {
color: #fff;
font-size: 18px;
font-family: var(--font-2);
font-style: normal;
font-weight: 300;
line-height: 32px;
display: block;
margin-top: 24px;
position: relative;
}
.section-latest-articles-2023 .inner .m-latest-articles_list .m-posts_item > a {
border-radius: 6px;
border: none;
}
.section-latest-articles-2023 .inner .m-latest-articles_list .m-posts_item > a .c-spot-header .c-spot-image {
border-radius: 6px;
--ratio: .78;
}
.section-latest-articles-2023 .inner .m-latest-articles_list .m-posts_item > a .c-spot-body {
padding: 0;
}
.section-latest-articles-2023 .inner .m-latest-articles_list .m-posts_item > a .c-spot-body .tag-2 {
width: -moz-fit-content;
width: fit-content;
margin: 20px 0;
border: 1px solid var(--color-rust);
border-radius: 3px;
padding: 7px 16px 7px 16px;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 14px;
display: flex;
align-items: center;
letter-spacing: 2px;
text-transform: uppercase;
color: var(--color-rust);
}
.section-latest-articles-2023 .inner .m-latest-articles_list .m-posts_item > a .c-spot-body .c-spot-title {
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 32px;
color: var(--color-dark-grey);
}
.section-latest-articles-2023 .inner .m-latest-articles_list .m-posts_item > a .c-spot-body .c-spot-date {
font-family: var(--font-2);
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 20px;
color: var(--color-grey);
margin-top: 12px;
}
.section-latest-articles-2023 .inner .m-latest-articles_list .m-posts_item > a .c-spot-link {
display: none;
}
.section-latest-articles-2023 .inner .m-latest-articles_footer {
margin-top: 56px;
position: sticky;
left: 0;
}
.section-latest-articles-2023 .inner .m-latest-articles_footer_cta {
display: flex;
justify-content: center;
align-items: center;
}
.section-latest-articles-2023 .inner .m-latest-articles_footer_cta a {
padding: 16px 53px;
background: #8d261b;
border-radius: 6px;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
color: var(--color-white);
transition: .25s ease;
}
.section-latest-articles-2023 .inner .m-latest-articles_footer_cta a:hover {
background: var(--color-dark-rust);
}
@media screen and (max-width: 31.25em) {
.section-latest-articles-2023 .inner .m-latest-articles_list .m-posts {
display: flex;
}
.section-latest-articles-2023 .inner .m-latest-articles_footer_cta > a {
width: 100%;
text-align: center;
}
}
.section-testimonials-2023 {
min-height: 700px;
display: flex;
justify-content: center;
flex-direction: column;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.section-testimonials-2023:after {
content: "";
width: 100%;
height: 120%;
position: absolute;
top: 0;
left: 0;
background: radial-gradient(67.28% 58.53% at 30.9% 44.67%, rgba(66, 64, 60, .7) 0%, rgba(66, 64, 60, 0) 100%);
z-index: 2;
}
.section-testimonials-2023 .inner {
position: relative;
z-index: 3;
width: 100%;
}
@media screen and (max-width: 500px) {
.section-testimonials-2023 .inner {
padding: 60px 0;
}
}
.section-testimonials-2023 .inner .m-slider-testimonials .m-testimonials-slider-item {
display: flex;
}
.section-testimonials-2023 .inner .m-slider-testimonials .m-testimonials-slider-item .c-quote-body {
max-width: 85%;
flex: 0 0 85%;
padding: 0 0 0 95px;
border: 0 !important;
}
@media screen and (max-width: 500px) {
.section-testimonials-2023 .inner .m-slider-testimonials .m-testimonials-slider-item .c-quote-body {
padding-right: 0 !important;
}
}
.section-testimonials-2023 .inner .m-slider-testimonials .m-testimonials-slider-item .c-quote-text {
font-family: var(--font-4);
font-style: normal;
font-weight: 300;
font-size: 32px;
line-height: 40px;
color: var(--color-white);
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
line-clamp: 5;
-webkit-box-orient: vertical;
margin-bottom: 32px;
}
@media screen and (max-width: 500px) {
.section-testimonials-2023 .inner .m-slider-testimonials .m-testimonials-slider-item .c-quote-text {
line-clamp: unset !important;
-webkit-line-clamp: unset;
font-size: 24px !important;
line-height: 28px !important;
}
}
.section-testimonials-2023 .inner .m-slider-testimonials .m-testimonials-slider-item .c-quote-info .c-name {
color: var(--color-white);
}
.section-testimonials-2023 .inner .m-slider-testimonials .m-testimonials-slider-item .c-quote-info .c-name-title {
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 20px;
color: var(--color-white);
}
.section-testimonials-2023 .inner .m-slider-testimonials .m-testimonials-slider-item .c-quote-info .c-name-subtitle {
font-family: var(--font-2);
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 20px;
color: var(--color-white);
opacity: 1;
}
.section-testimonials-2023 .inner .m-slider-testimonials .m-testimonials-slider-item .c-quote-info .c-name-header {
margin-top: 32px;
max-width: 104px;
min-width: 100px;
}
.section-testimonials-2023 .inner .m-slider-testimonials .owl-carousel .owl-dots {
justify-content: flex-start;
margin-left: 95px;
bottom: -40px;
}
.section-testimonials-2023 .inner .m-slider-testimonials .owl-carousel .owl-dots button {
width: 55px;
}
@media screen and (max-width: 47.9375em) {
.section-testimonials-2023 .inner .m-slider-testimonials .owl-carousel .owl-dots {
margin-left: 24px;
bottom: 10px !important;
}
.section-testimonials-2023 .inner .m-slider-testimonials .owl-carousel .owl-dots button {
width: 35px;
}
}
@media screen and (max-width: 47.9375em) {
.section-testimonials-2023 {
min-height: 460px;
}
.section-testimonials-2023:after {
background: radial-gradient(124.41% 129.48% at 30.9% 44.67%, rgba(66, 64, 60, .7) 0%, rgba(66, 64, 60, 0) 83.62%);
}
.section-testimonials-2023 .inner .m-slider-testimonials .owl-carousel .owl-dots {
bottom: -10px !important;
}
.section-testimonials-2023 .inner .m-slider-testimonials .m-testimonials-slider-item .c-quote-body {
max-width: calc(100vw - 48px);
padding: 0 24px;
}
.section-testimonials-2023 .inner .m-slider-testimonials .m-testimonials-slider-item .c-quote-text {
font-size: 28px;
font-weight: 300;
line-height: 32px;
}
.section-testimonials-2023 .inner .m-slider-testimonials .m-testimonials-slider-item .c-quote-info .c-name-title {
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 24px;
}
.section-testimonials-2023 .inner .m-slider-testimonials .m-testimonials-slider-item .c-quote-info .c-name-subtitle {
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 22px;
}
.section-testimonials-2023 .inner .m-slider-testimonials .m-testimonials-slider-item .c-quote .c-name-header {
max-width: 76px !important;
min-width: 75px !important;
}
}
.home .section-contact-us-2023 {
margin-top: 88px;
}
.section-contact-us-2023 {
--bg: var(--color-transparent);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;
z-index: 10;
padding-top: 88px;
padding-bottom: 88px;
margin-top: 88px;
}
.section-contact-us-2023 form .c-form-tabs-list.radio-parent .c-form-tab img {
display: none !important;
}
.section-contact-us-2023 .c-form-tabs-list .c-form-tab {
display: flex;
justify-content: center;
}
.section-contact-us-2023[data-position="0"] .c-contact {
height: auto !important;
padding: 40px 0;
}
.section-contact-us-2023[data-position="0"] .c-contact .inner {
transform: none !important;
padding: 50px 80px 80px 80px !important;
}
.section-contact-us-2023 .c-contact {
position: relative;
}
.section-contact-us-2023 .c-contact.c-right {
height: -moz-fit-content;
height: fit-content;
}
.section-contact-us-2023 .c-contact.c-right {
padding-top: 50px;
}
.section-contact-us-2023 .c-contact.c-right .inner {
height: -moz-fit-content;
height: fit-content;
padding: 52px 200px 52px 59px;
transform: translate3d(160px, -88px, 0);
position: relative;
}
@media (min-width: 768px) and (max-width: 1160px) {
.section-contact-us-2023 .c-contact.c-right .inner {
padding: 52px 50px 52px 20px;
transform: translate3d(10px, -88px, 0);
}
.section-contact-us-2023 .c-contact.c-right .inner .h1 {
margin-top: 0 !important;
}
}
.section-contact-us-2023 .c-contact.c-right .c-form-tabs-list .c-form-tab {
display: flex;
justify-content: center;
background: rgba(0, 0, 0, 0);
background: #fff;
}
.section-contact-us-2023 .c-contact.c-right::after {
content: "";
background-color: var(--color-3);
height: 100%;
width: calc(100vw - var(--inner));
position: absolute;
right: calc(15px - ( 100vw - var(--inner) ));
top: 0px;
}
@media screen and (max-width: 47.9375em) {
.section-contact-us-2023 .c-contact.c-right {
height: -moz-fit-content;
height: fit-content;
}
.section-contact-us-2023 .c-contact.c-right .inner {
height: -moz-fit-content;
height: fit-content;
transform: none;
padding: 56px 24px;
}
}
@media screen and (max-width: 1160px) {
.section-contact-us-2023 .c-contact.c-right .m-cuh_left {
flex: 0 0 30% !important;
}
.section-contact-us-2023 .c-contact.c-right .m-cuh_right {
flex: 0 0 70% !important;
}
.section-contact-us-2023 .c-contact.c-right .m-cuh_right .t-label {
top: 19px;
}
}
.section-contact-us-2023 .c-contact.c-left {
height: -moz-fit-content;
height: fit-content;
}
.section-contact-us-2023 .c-contact.c-left .inner {
padding: 100px 80px;
transform: translate3d(0, -88px, 0);
max-width: 730px;
margin-left: 124px;
}
.section-contact-us-2023 .c-contact.c-left .gravity {
padding: 66px 36px;
transform: translate3d(0, -88px, 0);
max-width: 950px;
margin-left: 124px;
}
.section-contact-us-2023 .c-contact.c-left .inner .m-cuh_right {
flex: 0 0 100%;
padding: 0;
}
@media screen and (min-width: 47.9375em) {
.inner.gravity {
height: 800px !important;
}
.section-contact-us-2023 .c-contact.c-left .inner .m-cuh_right input {
padding-left: 0px;
}
}
.section-contact-us-2023 .c-contact .inner {
background-color: var(--color-3);
display: flex;
border-radius: 10px;
}
.section-contact-us-2023 .c-contact .inner .m-cuh {
display: flex;
height: 100%;
width: 100%;
}
@media screen and (max-width: 47.9375em) {
.section-contact-us-2023 .c-contact .inner .m-cuh {
display: block;
}
}
.section-contact-us-2023 .c-contact .inner .m-cuh_left {
display: flex;
flex-direction: column;
flex: 0 0 33%;
position: relative;
padding: 0;
width: 100%;
top: unset;
left: unset;
right: unset;
bottom: unset;
}
.section-contact-us-2023 .c-contact .inner .m-cuh_left_image {
flex: 1;
}
.section-contact-us-2023 .c-contact .inner .m-cuh_left_image .u-ratio {
padding-bottom: 0;
height: 100%;
}
.section-contact-us-2023 .c-contact .inner .m-cuh_left_image .u-ratio > img {
border-radius: 6px;
}
@media screen and (min-width: 1700px) {
.section-contact-us-2023 .c-contact .inner .m-cuh_left_image img {
max-width: 490px;
}
}
.section-contact-us-2023 .c-contact .inner .m-cuh_right {
display: flex;
flex-direction: column;
flex: 0 0 72%;
position: relative;
top: unset;
left: unset;
right: unset;
bottom: unset;
padding: 15px 0 29px 40px;
}
.section-contact-us-2023 .c-contact .inner .m-cuh_right .c-referral-form {
margin-top: 0;
}
.section-contact-us-2023 .c-contact .inner .m-cuh_right .c-referral-form .t-label {
--bg: --bg-transparent;
}
.section-contact-us-2023 .c-contact .inner .m-cuh_right .c-referral-form textarea#message {
margin-top: 40px;
padding-top: 20px !important;
}
@media screen and (max-width: 47.9375em) {
.section-contact-us-2023 .c-contact .inner .m-cuh_right {
padding: 0;
}
}
.single-post .section-contact-us-2023 .c-contact.c-left .inner {
box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, .1);
}
.html-single-location .section-contact-us-2023, body[data-page-name="Hub Locations | Canberra, Brisbane, Melbourne, Sydney, Adelaide"] .section-contact-us-2023, body[data-page-name="Hub Locations - Canberra, Brisbane, Melbourne, Sydney, Adelaide"] .section-contact-us-2023 {
z-index: 99;
}
.section-contact-us {
background-color: #2b2c31;
border-bottom: 2px solid var(--color-white);
padding-bottom: 45px;
}
@media screen and (max-width: 47.9375em) {
.section-contact-us {
background: #fff;
padding-bottom: 0 !important;
}
}
@media screen and (max-width: 37.5em) {
.section-contact-us {
border-bottom: none;
padding-bottom: 40px;
}
}
.section-contact-us .m-hero-banner img {
display: flex;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 800px;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 47.9375em) {
.section-contact-us .m-hero-banner img {
height: 310px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top;
object-position: top;
}
}
.section-contact-us .m-hero-banner:after {
content: "";
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 800px;
background: linear-gradient(180deg, #2b2c31 0%, rgba(255, 255, 255, 0) 20%);
}
.section-contact-us .m-cus {
margin-top: 30px;
display: flex;
z-index: 3;
}
@media screen and (max-width: 75em) {
.section-contact-us .m-cus {
flex-direction: column;
max-width: 700px;
margin: 30px auto 0 auto;
width: 100%;
}
}
.section-contact-us .m-cus .m-cus-left {
background-color: #f6f6f6;
position: relative;
display: flex;
flex: 1;
flex-direction: column;
border-radius: 0 6px 6px 0;
padding-right: 15px;
}
@media screen and (max-width: 75em) {
.section-contact-us .m-cus .m-cus-left {
border-radius: 6px;
}
}
.section-contact-us .m-cus .m-cus-left .h1 {
margin-top: 30px;
}
@media screen and (max-width: 37.5em) {
.section-contact-us .m-cus .m-cus-left .h1 {
font-size: 32px;
line-height: 40px;
margin-top: 0;
}
}
@media screen and (max-width: 37.5em) {
.section-contact-us .m-cus .m-cus-left .c-form-tabs .t-label {
font-size: 20px;
line-height: 24px;
}
.section-contact-us .m-cus .m-cus-left .c-form-tabs .t-label-text {
font-size: 14px;
line-height: 20px;
}
.section-contact-us .m-cus .m-cus-left .h4 {
margin-bottom: -36px;
}
}
.section-contact-us .m-cus .m-cus-left .c-form-back {
top: 37px;
}
.section-contact-us .m-cus .m-cus-left .active-field > .t-label {
font-size: 15px;
line-height: 22px;
}
.section-contact-us .m-cus .m-cus-left:before {
content: "";
background: #f6f6f6;
height: 100%;
width: calc(100vw - var(--inner));
position: absolute;
left: calc(15px - ( 100vw - var(--inner) ));
top: 0;
}
.section-contact-us .m-cus .m-cus-left .c-form-tabs-list .c-form-tab {
display: flex;
justify-content: center;
align-items: center;
}
.section-contact-us .m-cus .m-cus-left .c-form-tabs-list .c-form-tab span {
text-align: center;
}
.section-contact-us .m-cus .m-cus-left .c-form-tabs-list .c-form-tab > img {
display: none;
}
.section-contact-us .m-cus .m-cus-right {
position: relative;
display: flex;
flex: 0 0 38%;
left: 0;
justify-content: flex-end;
margin-left: 55px;
margin-bottom: -50px;
}
@media screen and (max-width: 75em) {
.section-contact-us .m-cus .m-cus-right {
margin: 56px 0 0 0;
}
}
@media screen and (max-width: 47.9375em) {
.section-contact-us .m-cus .m-cus-right {
background: #2b2c31;
margin: 20px 0 0 -15px;
padding: 56px 24px 21px 24px;
width: calc(100% + 30px);
}
}
.section-contact-us .m-cus .m-cus-right .m-cus-right-box {
display: flex;
background-color: var(--bg-transparent);
}
@media screen and (max-width: 47.9375em) {
.section-contact-us .m-cus .m-cus-right .m-cus-right-box {
flex-direction: column;
}
}
.section-contact-us .m-cus .m-cus-right .m-cus-right-box .m-cus-right-text {
display: flex;
flex-direction: column;
flex: 50%;
background-color: var(--color-white);
border-radius: 6px;
padding: 34px 32px 32px;
}
@media screen and (max-width: 47.9375em) {
.section-contact-us .m-cus .m-cus-right .m-cus-right-box .m-cus-right-text {
flex: unset;
margin-right: 0 !important;
position: relative;
padding: 24px 32px;
}
.section-contact-us .m-cus .m-cus-right .m-cus-right-box .m-cus-right-text:last-child {
margin-top: 21px;
}
}
.section-contact-us .m-cus .m-cus-right .m-cus-right-box .m-cus-right-text:first-child {
margin-right: 43px;
}
.section-contact-us .m-cus .m-cus-right .m-cus-right-box .m-cus-right-text .m-cus-box-icon {
width: 33px;
height: 33px;
}
@media screen and (max-width: 47.9375em) {
.section-contact-us .m-cus .m-cus-right .m-cus-right-box .m-cus-right-text .m-cus-box-icon {
position: absolute;
top: 28px;
left: 32px;
width: 25px;
height: 25px;
}
}
.section-contact-us .m-cus .m-cus-right .m-cus-right-box .m-cus-right-text .m-cus-box-title {
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 32px;
color: var(--color-dark-grey);
margin-top: 25px;
}
@media screen and (max-width: 47.9375em) {
.section-contact-us .m-cus .m-cus-right .m-cus-right-box .m-cus-right-text .m-cus-box-title {
margin: 0;
padding-left: 32px;
}
}
.section-contact-us .m-cus .m-cus-right .m-cus-right-box .m-cus-right-text .m-cus-box-content {
font-family: var(--font-2);
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 22px;
color: var(--color-grey);
margin-top: 16px;
}
.section-contact-us .m-cus .m-cus-right .m-cus-right-box .m-cus-right-text .m-cus-box-content a {
color: var(--color-grey);
font-weight: 300;
text-decoration: underline;
}
.section-contact-us .m-contact-data {
display: flex;
width: calc(62% - 56.5px);
justify-content: space-between;
margin-top: 46px;
}
.section-contact-us .m-contact-data_phone {
max-width: 200px;
}
@media screen and (max-width: 75em) {
.section-contact-us .m-contact-data {
width: 100%;
max-width: 700px;
margin: 24px auto 0 auto;
}
.section-contact-us .m-contact-data .m-contact-data_social {
padding-left: 24px;
}
.section-contact-us .m-contact-data .m-contact-data_social .m-contact-social.hide-medium {
display: block !important;
}
}
@media screen and (max-width: 47.9375em) {
.section-contact-us .m-contact-data {
flex-direction: column;
row-gap: 24px;
background: #2b2c31;
margin: 0 0 0 -15px;
padding: 0 24px 0 24px;
width: calc(100% + 30px);
}
.section-contact-us .m-contact-data .m-contact-data_social {
padding-left: 0;
}
}
.section-contact-us .m-contact-data > div {
display: flex;
flex-direction: column;
color: var(--color-white);
font-family: "Glare";
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 32px;
}
.section-contact-us .m-contact-data_detail {
display: flex;
margin-top: 6px;
align-items: center;
font-family: "Glare";
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 22px;
}
.section-contact-us .m-contact-data_detail > svg {
margin-right: 17px;
}
.section-contact-us-2023 .c-contact .inner .m-cuh_right .c-referral-form .t-label {
--size: 15px;
--line: 20px;
max-width: calc(100% - 2 * var(--gap));
}
@media screen and (max-width: 360px) {
.section-contact-us-2023 .c-contact .inner .m-cuh_right .c-referral-form .t-label {
--size: 13px;
--line: 18px;
}
}
.section-contact-us-2023 .c-referral-title, .section-contact-us .c-referral-title {
margin: 0;
}
.section-contact-us-2023 .c-form-wrapper .h4, .section-contact-us .c-form-wrapper .h4 {
display: none;
}
.section-contact-us-2023 .c-form-wrapper .c-form-page .c-form-header, .section-contact-us .c-form-wrapper .c-form-page .c-form-header {
display: none;
}
.section-contact-us-2023 .c-form-wrapper .c-form-page .c-form-body, .section-contact-us .c-form-wrapper .c-form-page .c-form-body {
margin-top: 0;
}
.section-contact-us-2023 .m-cus .h1, .section-contact-us .m-cus .h1 {
font-family: var(--font-4);
font-style: normal;
font-weight: 300;
font-size: 48px;
line-height: 56px;
color: var(--color-dark-grey);
margin-top: 25px;
}
.section-contact-us-2023 .m-cus .h4, .section-contact-us .m-cus .h4 {
font-family: var(--font-2);
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 24px;
color: var(--color-grey);
margin-top: 15px;
}
.section-contact-us-2023 .m-cus .c-form-back, .section-contact-us .m-cus .c-form-back {
position: absolute;
top: 0px;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 18px;
color: var(--color-rust);
cursor: pointer;
}
.section-contact-us-2023 .m-cus .c-form-back > svg, .section-contact-us .m-cus .c-form-back > svg {
margin-right: 5px;
margin-left: 4px;
}
[data-page-name="Refer a Member to Hub Australia | Premium Coworking & Office Spaces"] .section-contact-us-2023 {
margin-top: 88px;
}
@media screen and (max-width: 64em) {
.section-contact-us-2023 .c-contact.c-left .inner {
margin-left: 24px;
}
}
@media screen and (max-width: 47.9375em) {
.section-contact-us-2023 .c-contact.c-left {
height: -moz-fit-content;
height: fit-content;
}
.section-contact-us-2023 .c-contact.c-left .inner {
transform: none !important;
margin: 0 !important;
height: -moz-fit-content !important;
height: fit-content !important;
border-radius: unset;
max-width: unset !important;
padding: 52px 24px !important;
}
.section-contact-us-2023 .c-contact.c-left .inner .h1 {
font-size: 32px !important;
line-height: 40px !important;
}
.section-contact-us-2023 .c-contact.c-left .inner .h4 {
font-size: 16px !important;
line-height: 22px !important;
}
.section-contact-us-2023 .c-contact.c-left .inner .c-form-tabs > .t-label:first-of-type {
font-size: 20px !important;
line-height: 24px !important;
}
}
@media screen and (max-width: 31.25em) {
.section-contact-us-2023 .c-contact .inner {
display: flex;
padding: 52px 20px 52px 20px;
transform: unset;
position: relative;
height: unset;
}
.section-contact-us-2023 .c-contact .inner .m-cuh {
display: flex;
flex-direction: column;
position: relative;
height: unset;
}
.section-contact-us-2023 .c-contact .inner .m-cuh > div {
display: flex;
height: unset;
}
}
.section-loyalty-bar {
background: var(--color-3);
}
@media screen and (max-width: 64em) {
.section-loyalty-bar {
padding: 36px 0;
}
}
.section-loyalty-bar .inner {}
.section-loyalty-bar .inner .c-loyalty {
display: block;
align-items: center;
flex: 100%;
margin: 30px 0;
}
.section-loyalty-bar.v2 .inner .c-loyalty {
margin: 60px 0;
}
.section-loyalty-bar .inner .c-loyalty::-webkit-scrollbar {
display: none;
}
.section-loyalty-bar .inner .c-loyalty_wrapper {
display: flex;
justify-content: space-between;
align-items: center;
flex: 100%;
padding: 0 55px;
gap: 20px;
}
.section-loyalty-bar.v2 .inner .c-loyalty_wrapper {
display: block;
/* justify-content: space-between;
align-items: center;
flex: 100%; */
padding: 0 35px;
gap: 20px;
}
@media screen and (max-width: 64em) {
.section-loyalty-bar .inner .c-loyalty_wrapper {
flex-wrap: wrap;
justify-content: center !important;
gap: 16px;
padding: 0;
}
}
.section-loyalty-bar .inner .c-loyalty_wrapper.alternate {
justify-content: flex-end;
}
.section-loyalty-bar .inner .c-loyalty_wrapper.alternate > .c-loyalty_image {
margin: 0 24px;
}
@media screen and (max-width: 64em) {
.section-loyalty-bar .inner .c-loyalty_wrapper.alternate > .c-loyalty_image {
margin: 0;
}
}
.section-loyalty-bar .inner .c-loyalty_wrapper.alternate > .c-loyalty_title {
margin-right: auto;
}
.section-loyalty-bar .inner .c-loyalty_title {
display: flex;
flex: 0 0 485px;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 24px;
color: var(--color-dark-grey);
justify-content: center;
}
.landing-page h2 {
font-family: var(--font-4);
font-size: 48px;
font-weight: 300;
line-height: 56px;
text-align: center;
padding-bottom: 20px;
}
.landing-page .section-hero-banner {
margin: 0px;
}
@media screen and (max-width: 64em) {
.section-loyalty-bar .inner .c-loyalty_title {
flex: 0 0 100%;
text-align: center;
align-items: center;
justify-content: center;
align-self: center;
margin-bottom: 16px;
}
}
.section-loyalty-bar .inner .c-loyalty_image {
display: flex;
}
@media screen and (max-width: 64em) {
.section-loyalty-bar .inner .c-loyalty_image:nth-child(n + 5) {
display: none;
}
}
@media screen and (max-width: 37.5em) {
.section-loyalty-bar {
margin-top: 8px;
}
.section-loyalty-bar .inner {
overflow: hidden;
height: auto;
}
}
@media screen and (max-width: 420px) {
.section-loyalty-bar .inner .c-loyalty_wrapper .c-loyalty_image {
flex-shrink: 1;
max-width: 27%;
}
}
.section-solutions-list {
position: relative;
z-index: 2;
}
.section-solutions-list .inner .c-solution {
display: flex;
flex-direction: column;
padding: 40px 0;
}
.section-solutions-list .inner .c-solution_header {
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 56px;
}
.section-solutions-list .inner .c-solution_header_icon {
display: flex;
margin-right: 17px;
min-width: 64px;
width: 64px;
}
.section-solutions-list .inner .c-solution_header_icon img {
max-height: 64px;
width: 100%;
width: 64px;
}
.section-solutions-list .inner .c-solution_header_title {
display: flex;
margin-right: 17px;
flex-wrap: nowrap;
white-space: nowrap;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
font-size: 32px;
line-height: 40px;
color: var(--color-black);
min-width: 340px;
}
.section-solutions-list .inner .c-solution_header_description {
font-family: var(--font-2);
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 24px;
color: var(--color-black);
max-width: 671px;
}
.section-solutions-list .inner .c-solution_body .m-wing {
flex-wrap: unset !important;
}
.section-solutions-list .inner .c-solution_body .m-wing .c-solution_btn, .section-solutions-list .inner .c-solution_body .m-wing .button-2 {
display: none;
}
.section-solutions-list .inner .c-solution_body .m-wing .owl-dots {
display: none;
}
.section-solutions-list .inner .c-solution_body .m-wing .owl-dots button {
background: var(--color-dark-grey) !important;
}
.section-solutions-list .inner .c-solution_body .m-wing .m-wing-left {
--column: 480px;
position: relative;
}
@media screen and (max-width: 767px) {
.section-solutions-list .inner .c-solution_body .m-wing .m-wing-left {
padding-bottom: 32px;
}
}
.section-solutions-list .inner .c-solution_body .m-wing .m-wing-left .m-slider-active .m-slider-item .c-image {
--ratio: .715;
}
.section-solutions-list .inner .c-solution_body .m-wing .m-wing-left .m-slider-active .m-slider-item .c-solution_title {
margin-top: 32px;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
font-size: 32px;
line-height: 40px;
color: var(--color-dark-grey);
padding: 0 32px;
}
.section-solutions-list .inner .c-solution_body .m-wing .m-wing-left .m-slider-active .m-slider-item .c-solution_btn {
display: flex;
width: -moz-fit-content;
width: fit-content;
margin-left: 32px;
}
@media screen and (max-width: 767px) {
.section-solutions-list .inner .c-solution_body .m-wing .m-wing-left .m-slider-active .m-slider-item .c-solution_btn {
margin-left: 0;
margin-bottom: 32px;
}
}
.section-solutions-list .inner .c-solution_body .m-wing .m-wing-left .m-slider-active .m-slider-item .button-2:not(.c-solution_btn) {
display: flex;
width: -moz-fit-content;
width: fit-content;
margin-left: 32px;
}
.section-solutions-list .inner .c-solution_body .m-wing .m-wing-left .m-slider-active .m-slider-item .c-solution_description {
margin-top: 16px;
padding: 0 32px;
}
.section-solutions-list .inner .c-solution_body .m-wing .m-wing-left .m-slider-active .m-slider-item .c-solution_description p {
font-family: var(--font-2);
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 24px;
color: var(--color-dark-grey);
}
.section-solutions-list .inner .c-solution_body .m-wing .m-wing-left .m-slider-active .m-slider-item .c-solution_description ul {
padding-left: 24px;
}
.section-solutions-list .inner .c-solution_body .m-wing .m-wing-left .m-slider-active .m-slider-item .c-solution_description ul li {
list-style-type: none;
position: relative;
color: var(--color-dark-grey);
font-family: var(--font-2);
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 22px;
}
.section-solutions-list .inner .c-solution_body .m-wing .m-wing-left .m-slider-active .m-slider-item .c-solution_description ul li:not(:last-of-type) {
margin-bottom: 16px;
}
.section-solutions-list .inner .c-solution_body .m-wing .m-wing-left .m-slider-active .m-slider-item .c-solution_description ul li:after {
content: "";
width: 16px;
height: 16px;
position: absolute;
left: -24px;
top: 50%;
transform: translateY(-50%);
background: url("data:image/svg+xml,");
}
.section-solutions-list .inner .c-solution_body .m-wing .m-wing-left .m-slider-active .m-slider-item .c-solution_description a[href="#brochure"] {
color: var(--color-rust);
font-family: var(--font-2);
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 18px;
}
.section-solutions-list .inner .c-solution_body .m-wing .m-wing-left .m-slider-active .m-slider-item .c-solution_description a:not([href="#brochure"]) {
font-size: 18px;
}
.section-solutions-list .inner .c-solution_body .m-wing .m-wing-left .owl-nav {
left: auto;
margin-right: 17px;
display: flex !important;
opacity: 1 !important;
}
@media screen and (max-width: 767px) {
.section-solutions-list .inner .c-solution_body .m-wing .m-wing-left .owl-dots {
bottom: 16px;
left: 50% !important;
right: unset !important;
transform: translateX(-50%);
}
}
.section-solutions-list .inner .c-solution_body .m-wing .m-wing-left .c-spot-link {
margin-top: 32px;
margin-left: 32px;
}
.section-solutions-list .inner .c-solution_body .m-wing .m-wing-left .c-spot-link .button-2 {
margin-top: 0;
}
.section-solutions-list .inner .c-solution_body .m-wing .m-wing-right {
--gap: 24px;
flex: 0 0 calc(100% - 588px);
max-width: calc(100% - 588px);
}
.section-solutions-list .inner .c-solution_body .m-wing .m-wing-right .m-slider-outer {
width: 100%;
}
.section-solutions-list .inner .c-solution_body .m-wing .m-wing-right .m-slider-outer .m-slider {
-webkit-clip-path: inset(-100vw -100vw -100vw 0);
clip-path: inset(-100vw -100vw -100vw 0);
width: 100%;
max-width: 100%;
position: relative;
}
.section-solutions-list .inner .c-solution_body .m-wing .m-wing-right .m-slider-outer .m-slider .owl-carousel .owl-stage-outer {
overflow: visible;
}
.section-solutions-list .inner .c-solution_body .m-wing .m-wing-right .m-slider-outer .m-slider .owl-carousel .owl-stage-outer .owl-stage .owl-item > .m-slider-item {
width: 486px;
height: 450px;
position: relative;
}
.section-solutions-list .inner .c-solution_body .m-wing .m-wing-right .m-slider-outer .m-slider .owl-carousel .owl-stage-outer .owl-stage .owl-item > .m-slider-item:after {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: linear-gradient(0deg, rgba(0, 0, 0, .5) 0%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 100%);
}
.section-solutions-list .inner .c-solution_body .m-wing .m-wing-right .m-slider-outer .m-slider .owl-carousel .owl-stage-outer .owl-stage .owl-item > .m-slider-item .c-image {
height: 100%;
}
.section-solutions-list .inner .c-solution_body .m-wing .m-wing-right .m-slider-outer .m-slider .owl-carousel .owl-stage-outer .owl-stage .owl-item > .m-slider-item .c-image img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.section-solutions-list .inner .c-solution_body .m-wing .m-wing-right .m-slider-outer .m-slider .owl-carousel .owl-stage-outer .owl-stage .owl-item > .m-slider-item .c-solution_title {
z-index: 2;
position: absolute;
bottom: 25px;
left: 32px;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
font-size: 32px;
line-height: 40px;
color: var(--color-white);
}
.section-solutions-list .inner .c-solution_body .m-wing .m-wing-right .m-slider-outer .m-slider .owl-carousel .owl-stage-outer .owl-stage .owl-item > .m-slider-item .c-solution_description {
display: none;
}
.section-solutions-list.bg-dark-grey {
background: #2b2c31;
}
.section-solutions-list.bg-dark-grey .c-solution_header_title.meeting, .section-solutions-list.bg-dark-grey .c-solution_title, .section-solutions-list.bg-dark-grey .c-solution_description, .section-solutions-list.bg-dark-grey .c-solution_description * {
color: #fff !important;
}
.section-solutions-list.meeting-space {
margin: 0 !important;
}
.section-solutions-list.meeting-space .c-solution_header_title.meeting {
font-family: var(--font-4) !important;
font-size: 48px !important;
font-weight: 500;
}
.section-solutions-list.meeting-space .c-solution_title {
padding: 0 32px !important;
font-size: 28px !important;
line-height: 36px !important;
}
.section-solutions-list.meeting-space .c-solution_description {
padding: 0 32px !important;
font-size: 18px !important;
line-height: 24px !important;
}
.section-solutions-list.meeting-space .c-solution {
padding: 40px 0;
}
.section-solutions-list.meeting-space .inner .c-solution_body .m-wing .m-wing-left .owl-nav {
top: 290px;
}
.section-solutions-list.meeting-space + .meeting-space .c-solution {
padding-top: 0;
}
[data-title="Why Hub Australia?"] + .section-solutions-list .inner .c-solution_body .m-wing .owl-dots {
display: flex;
left: 125%;
bottom: -45px;
}
[data-title="Why Hub Australia?"] + .section-solutions-list .inner .c-solution_body .m-wing .owl-dots button {
min-width: 55px;
}
@media screen and (max-width: 1272px) {
[data-title="Why Hub Australia?"] + .section-solutions-list .inner .c-solution_body .m-wing .owl-dots {
left: 0;
width: 100%;
bottom: 0;
}
[data-title="Why Hub Australia?"] + .section-solutions-list .inner .c-solution_body .m-wing .owl-dots button {
min-width: 35px;
}
[data-title="Why Hub Australia?"] + .section-solutions-list .inner .c-solution_body {
height: 575px;
max-height: unset !important;
}
}
@media screen and (max-width: 64em) {
.section-solutions-list .inner .c-solution_header {
flex-direction: column;
align-items: flex-start;
margin-bottom: 16px;
}
.section-solutions-list .inner .c-solution_header_icon {
width: 48px;
min-width: 48px;
position: absolute;
}
.section-solutions-list .inner .c-solution_header_title {
font-size: 24px !important;
line-height: 30px !important;
padding-left: 52px !important;
margin: 8px 0 18px 0 !important;
}
.section-solutions-list .inner .c-solution_header_title.meeting {
font-size: 32px !important;
line-height: 40px !important;
padding-left: 0px !important;
white-space: unset;
max-width: 400px;
width: 100%;
}
}
@media screen and (max-width: 37.5em) {
.section-solutions-list.bg-grey .inner .c-solution_body .m-wing .m-wing-left {
background: var(--color-light-grey) !important;
}
.section-solutions-list.bg-dark-grey .inner .c-solution_body .m-wing .m-wing-left {
background: #2b2c31 !important;
}
.section-solutions-list .owl-carousel.v2 .owl-nav > button {
width: 40px !important;
}
.section-solutions-list.meeting-space {
padding-top: 56px;
padding-bottom: 0;
}
.section-solutions-list.meeting-space .inner .c-solution_body .m-wing .m-wing-left {
max-width: calc(100vw - 5px);
}
.section-solutions-list.meeting-space .c-solution {
padding: 0 0 24px 0 !important;
}
.section-solutions-list.meeting-space .inner .c-solution_body .m-wing .m-wing-left .m-slider-active .m-slider-item > div {
padding-left: 0 !important;
}
.section-solutions-list.meeting-space .inner .c-solution_header_title.meeting {
min-width: 0;
}
.section-solutions-list.meeting-space .owl-carousel.v2 .owl-nav {
top: 60vw !important;
}
.section-solutions-list.meeting-space .owl-carousel.v2 .owl-nav > button {
width: 40px !important;
}
.section-solutions-list .inner .c-solution_body {
overflow: hidden;
}
.section-solutions-list .inner .c-solution_body .m-wing .m-wing-left {
max-width: calc(100vw - 80px);
z-index: 99;
height: calc(-moz-fit-content + 50px);
height: calc(fit-content + 50px);
background: #fff;
}
.section-solutions-list .inner .c-solution_body .m-wing .m-wing-left .c-spot-link {
margin-left: 16px;
}
.section-solutions-list .inner .c-solution_body .m-wing .m-wing-left .m-slider-active .m-slider-item .c-solution_title {
font-size: 20px !important;
line-height: 24px !important;
padding: 0 16px;
}
.section-solutions-list .inner .c-solution_body .m-wing .m-wing-left .m-slider-active .m-slider-item .c-solution_description {
font-size: 16px !important;
line-height: 22px !important;
padding: 0 16px;
}
.section-solutions-list .inner .c-solution_body .owl-nav {
top: 48vw !important;
}
.section-solutions-list .inner .c-solution_body .m-wing .m-wing-right .m-slider-outer .m-slider {
clip-path: unset !important;
-webkit-clip-path: unset !important;
}
.section-solutions-list .inner .c-solution_body .owl-dots {
display: flex !important;
z-index: 101;
width: calc(100vw - 80px);
padding: 0 16px;
bottom: 24px;
left: 50% !important;
right: unset !important;
transform: translateX(-50%);
}
.section-solutions-list .inner .c-solution_body .owl-item:not(.active) {
opacity: 0 !important;
}
.section-solutions-list .inner .c-solution_body .owl-item {
transition: opacity .25s ease-in-out;
}
.section-solutions-list .inner .c-solution_body .owl-item .m-slider-item {
height: 525px !important;
}
}
.section-solutions-navigation {
background-color: var(--color-light-grey);
margin-top: 30px;
position: relative;
z-index: 5;
}
.section-solutions-navigation.sticky {
position: fixed;
top: 71px;
left: 0;
width: 100vw;
z-index: 99999;
box-shadow: 0px 8px 10px 0px rgba(43, 44, 49, .1);
margin-top: 0;
}
@media screen and (max-width: 767px) {
.section-solutions-navigation.sticky {
top: 70px;
}
}
.section-solutions-navigation:not(.sticky) {
top: 0 !important;
}
.section-solutions-navigation .inner {
padding-top: 21px;
padding-bottom: 21px;
overflow-x: scroll;
}
@media screen and (max-width: 600px) {
.section-solutions-navigation .inner {
padding-top: 12px;
padding-bottom: 12px;
}
}
.section-solutions-navigation .inner::-webkit-scrollbar {
height: 3px;
}
.section-solutions-navigation .inner .c-links {
display: flex;
min-width: 1251px;
}
.section-solutions-navigation .inner .c-links .c-links_item {
display: flex;
margin-right: 8px;
justify-content: center;
align-items: center;
}
.section-solutions-navigation .inner .c-links .c-links_item:last-child {
margin-right: 0;
}
.section-solutions-navigation .inner .c-links .c-links_item a {
display: flex;
justify-content: center;
align-items: center;
padding: 8px 13px;
border-radius: 6px;
border: 1px solid var(--color-soft-grey);
font-family: var(--font-2);
color: var(--color-grey);
}
.section-solutions-navigation .inner .c-links .c-links_item a .lint-span {
display: flex;
justify-content: center;
align-items: center;
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 22px;
}
.section-solutions-navigation .inner .c-links .c-links_item a:hover {
background: var(--color-soft-grey);
color: var(--color-dark);
text-decoration: none;
}
.section-solutions-navigation .inner .c-links .c-links_item a:hover .lint-span {
font-weight: 600;
letter-spacing: -.23px;
}
.section-solutions-navigation .inner .c-links .c-links_item span {
display: flex;
display: flex;
align-items: center;
padding: 8px 24px;
box-shadow: 0px 2px 12px rgba(0, 0, 0, .08);
border-radius: 6px;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 22px;
color: var(--color-dark);
}
.section-text-image-background {
padding: 172px 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.section-text-image-background .inner .m-sides {
--body: 50%;
}
.section-text-image-background .inner .m-sides .m-sides-body {
background-color: var(--bg-transparent);
color: var(--color-white);
}
.section-text-image-background .inner .m-sides .m-sides-body .c-sides-pre-title {
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 32px;
display: flex;
align-items: center;
margin-bottom: 8px;
}
.section-text-image-background .inner .m-sides .m-sides-body .c-sides-title {
margin-bottom: 24px;
}
.section-text-image-background .inner .m-sides .m-sides-body .c-sides-title .u-line {
font-family: var(--font-4);
font-style: normal;
font-weight: 300;
font-size: 48px;
line-height: 56px;
display: flex;
align-items: center;
}
.section-text-image-background .inner .m-sides .m-sides-body .c-sides-text {
font-family: var(--font-2);
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 24px;
margin-bottom: 24px;
}
.section-text-image-background .inner .m-sides .m-sides-body .c-sides-footer > a {
background: #8d261b;
border-radius: 6px;
display: flex;
justify-content: center;
align-items: center;
padding: 16px 24px;
border: none;
color: var(--color-white);
width: -moz-fit-content;
width: fit-content;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
transition: .3s ease-in-out;
}
.section-text-image-background .inner .m-sides .m-sides-body .c-sides-footer > a:hover {
background: var(--color-dark-rust);
}
@media screen and (max-width: 64em) {
.section-text-image-background {
background-position: left;
}
}
@media screen and (max-width: 37.5em) {
.section-text-image-background {
padding: 117px 0;
}
.section-text-image-background .inner .m-sides .m-sides-body {
background-color: var(--bg-transparent);
color: var(--color-white);
}
.section-text-image-background .inner .m-sides .m-sides-body .c-sides-pre-title {
font-size: 20px;
line-height: 24px;
}
.section-text-image-background .inner .m-sides .m-sides-body .c-sides-title {
font-size: 40px;
line-height: 48px;
}
.section-text-image-background .inner .m-sides .m-sides-body .c-sides-text {
font-size: 18px;
line-height: 24px;
}
.section-text-image-background .inner .m-sides .m-sides-body .c-sides-footer a {
width: 100% !important;
}
}
.section-clubhouse-list .inner .c-clubhouses {
display: flex;
flex-direction: column;
padding: 40px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
.section-clubhouse-list .inner .c-clubhouses {
padding: 56px 0;
}
}
.section-clubhouse-list .inner .c-clubhouses-mobile-cta-block {
display: none;
}
.section-clubhouse-list .inner .c-clubhouses_header {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 51px;
}
.section-clubhouse-list .inner .c-clubhouses_header .c-title .u-line {
font-family: var(--font-4);
font-style: normal;
font-weight: 300;
font-size: 48px;
line-height: 56px;
color: var(--color-dark-grey);
}
.section-clubhouse-list .inner .c-clubhouses_body {
display: flex;
justify-content: space-between;
align-items: stretch;
gap: 24px;
}
.section-clubhouse-list .inner .c-clubhouses_body .c-clubhouse-item {
display: flex;
flex: 1 1 calc(25% - 12px);
width: calc(25% - 12px);
flex-direction: column;
border-radius: 6px;
background-color: var(--color-white);
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, .08);
}
.section-clubhouse-list .inner .c-clubhouses_body .c-clubhouse-item_content {
padding: 16px 32px 27px;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
.section-clubhouse-list .inner .c-clubhouses_body .c-clubhouse-item.cta-block .c-clubhouse-item_content {
display: block;
height: -moz-fit-content;
height: fit-content;
}
.section-clubhouse-list .inner .c-clubhouses_body .c-clubhouse-item.cta-block .c-clubhouse-item_content .c-clubhouse-item_title {
text-align: center;
}
.section-clubhouse-list .inner .c-clubhouses_body .c-clubhouse-item.cta-block .c-clubhouse-item_content .c-clubhouse-item_text {
text-align: center;
}
.section-clubhouse-list .inner .c-clubhouses_body .c-clubhouse-item_image {
border-radius: 6px;
}
.section-clubhouse-list .inner .c-clubhouses_body .c-clubhouse-item_image img {
height: 227px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: 6px 6px 0 0;
}
.section-clubhouse-list .inner .c-clubhouses_body .c-clubhouse-item_title {
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 28px;
color: var(--color-dark-grey);
margin-bottom: 8px;
}
.section-clubhouse-list .inner .c-clubhouses_body .c-clubhouse-item_address {
font-family: var(--font-2);
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 20px;
color: var(--color-grey);
padding-bottom: 24px;
}
.section-clubhouse-list .inner .c-clubhouses_body .c-clubhouse-item_address .vo-hide {
display: none;
}
.section-clubhouse-list .inner .c-clubhouses_body .c-clubhouse-item_cta {
margin-top: auto;
display: flex;
justify-content: flex-end;
}
.section-clubhouse-list .inner .c-clubhouses_body .c-clubhouse-item_cta .link-1 {
background-color: var(--bg-transparent);
font-family: "Glare";
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 18px;
color: var(--color-rust);
}
.section-clubhouse-list .inner .c-clubhouses_body .c-clubhouse-item.cta-block {
background: var(--color-dark-grey);
display: flex;
justify-content: center;
align-items: center;
}
.section-clubhouse-list .inner .c-clubhouses_body .c-clubhouse-item.cta-block .c-clubhouse-item_text {
color: var(--color-white);
display: flex;
justify-content: center;
align-items: center;
font-family: "Glare";
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 22px;
color: #fff;
margin-bottom: 8px;
}
.section-clubhouse-list .inner .c-clubhouses_body .c-clubhouse-item.cta-block .c-clubhouse-item_title {
font-family: var(--font-4);
font-weight: 300;
font-size: 26px;
line-height: 30px;
color: var(--color-white);
display: flex;
justify-content: center;
align-items: center;
}
.section-clubhouse-list .inner .c-clubhouses_body .c-clubhouse-item.cta-block .c-clubhouse-item_cta {
display: flex;
justify-content: center;
}
.section-clubhouse-list .inner .c-clubhouses_body .c-clubhouse-item.cta-block .c-clubhouse-item_cta .c-button {
width: 100%;
}
.section-clubhouse-list .inner .c-clubhouses_body .c-clubhouse-item.cta-block .c-clubhouse-item_cta .c-button .button-1 {
font-family: "Glare";
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
}
.single-post .section-clubhouse-list {
margin-top: 8px;
}
.single-post .section-clubhouse-list .inner .c-clubhouses {
padding-bottom: 150px;
}
@media screen and (max-width: 64em) {
.section-clubhouse-list .inner .c-clubhouses-mobile-cta-block {
display: block;
padding: 32px 24px;
background: #2b2c31;
border-radius: 6px;
margin-top: 28px;
}
.section-clubhouse-list .inner .c-clubhouses-mobile-cta-block .c-clubhouse-item_text {
color: var(--color-white);
display: flex;
justify-content: center;
align-items: center;
font-family: "Glare";
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 22px;
color: #fff;
margin-bottom: 8px;
}
.section-clubhouse-list .inner .c-clubhouses-mobile-cta-block .c-clubhouse-item_title {
font-family: var(--font-4);
font-weight: 300;
font-size: 26px;
line-height: 30px;
color: var(--color-white);
display: flex;
justify-content: center;
align-items: center;
}
.section-clubhouse-list .inner .c-clubhouses-mobile-cta-block .c-clubhouse-item_cta {
display: flex;
justify-content: center;
margin-top: 24px;
}
.section-clubhouse-list .inner .c-clubhouses-mobile-cta-block .c-clubhouse-item_cta .c-button {
width: 100%;
}
.section-clubhouse-list .inner .c-clubhouses-mobile-cta-block .c-clubhouse-item_cta .c-button .button-1 {
font-family: "Glare";
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
}
.section-clubhouse-list .inner .c-clubhouses_body > .cta-block {
display: none !important;
}
}
@media screen and (max-width: 47.9375em) {
.section-clubhouse-list .inner {
padding: 0 !important;
}
.section-clubhouse-list .inner .c-clubhouses {
padding: 20px 0;
}
.section-clubhouse-list .inner .c-clubhouses-mobile-cta-block {
margin: 28px 24px 0 24px;
}
.section-clubhouse-list .inner .c-clubhouses_header .c-title > h2 {
font-size: 32px !important;
line-height: 40px !important;
}
.section-clubhouse-list .inner .c-clubhouses_body {
justify-content: unset;
align-items: unset;
overflow-x: scroll;
scroll-snap-type: x mandatory;
width: calc(100% - 25px);
margin-left: 25px;
}
.section-clubhouse-list .inner .c-clubhouses_body::-webkit-scrollbar {
display: none;
}
.section-clubhouse-list .inner .c-clubhouses_body .c-clubhouse-item {
min-width: calc(100vw - 67px);
scroll-snap-align: start;
}
}
.section-banner-cta.bg-dark_grey {
background-color: var(--color-dark-grey);
}
.section-banner-cta[data-title="Why Hub Australia?"] {
position: relative;
z-index: 2;
}
.section-banner-cta.bg-white .m-banner-title .h2 {
color: #000 !important;
}
.section-banner-cta.bg-white .m-banner-text {
color: var(--dark-grey, #2b2c31) !important;
}
.section-banner-cta.bg-white .inner .m-banner-cta .c-button .button-1 {
--bg: var(--color-rust);
border-color: var(--color-rust);
}
.section-banner-cta.bg-white .inner .m-banner-cta .c-button .button-1:hover {
--color: #fff;
--bg: var(--color-dark-rust);
border-color: var(--color-rust);
}
.section-banner-cta.no-cta .m-banner {
padding: 80px 0 40px 0 !important;
}
.section-banner-cta.no-cta .m-banner-text p {
max-width: 580px;
}
.section-banner-cta.no-cta .m-banner-cta {
display: none !important;
}
.section-banner-cta.no-cta .m-banner-title .h2 {
margin-bottom: 8px !important;
}
.section-banner-cta.no-cta[data-position="1"] {
padding: 100px 0 0 0 !important;
}
@media screen and (max-width: 47.9375em) {
.section-banner-cta.has-video .m-banner {
padding: 56px 0 0 0 !important;
}
.section-banner-cta.has-video .m-banner .m-banner-text p, .section-banner-cta.has-video .m-banner .m-banner-title {
padding: 0 24px;
}
.section-banner-cta.has-video .m-banner .m-banner-video {
margin-top: 56px;
}
.section-banner-cta.has-video .m-banner .m-banner-video img {
width: 100vw;
height: 100vw;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.section-banner-cta.has-video .m-banner-video img {
height: 100%;
}
.section-banner-cta.has-video .inner {
padding: 0 !important;
}
}
.section-banner-cta.has-video .m-banner-text p {
max-width: 680px !important;
}
.section-banner-cta.has-video .m-banner {
max-width: 1000px !important;
}
.section-banner-cta .inner {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.section-banner-cta .inner .m-banner {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 120px 0;
width: 100%;
max-width: 823px;
}
.section-banner-cta .inner .m-banner-title .h2 {
font-family: "Glare";
font-style: normal;
font-weight: 300;
font-size: 48px;
line-height: 56px;
display: flex;
align-items: center;
text-align: center;
color: #f6f6f6;
margin-bottom: 24px;
}
.section-banner-cta .inner .m-banner-text {
font-family: "Glare";
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 24px;
color: #fff;
text-align: center;
}
.section-banner-cta .inner .m-banner-video {
position: relative;
max-width: 1000px;
margin: 32px auto 0 auto;
cursor: pointer;
transition: .25s ease;
display: block;
width: 100%;
height: 510px;
}
@media (min-width: 768px) {
.section-banner-cta .inner .m-banner-video {
max-height: 510px;
height: 45vw;
}
}
@media (max-width: 767px) {
.section-banner-cta .inner .m-banner-video {
height: -moz-fit-content;
height: fit-content;
min-height: 75vw;
}
}
.section-banner-cta .inner .m-banner-video:not(iframe):hover {
opacity: .8;
}
.section-banner-cta .inner .m-banner-video img {
width: 100%;
}
.section-banner-cta .inner .m-banner-video_play {
width: 115.992px;
height: 115.992px;
border-radius: 115.992px;
border: 1px solid var(--white, #fff);
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.section-banner-cta .inner .m-banner-cta {
margin-top: 32px;
}
.section-banner-cta .inner .m-banner-cta .c-button {
display: flex;
justify-content: center;
align-items: center;
padding: 16px 24px;
font-family: "Glare";
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
}
.section-banner-cta .inner .m-banner-cta .c-button .button-1 {
--color: var(--color-white);
--bg: rgba(255, 255, 255, .1);
border-color: var(--color-white);
border-radius: 6px;
--height: 48px;
}
.section-banner-cta .inner .m-banner-cta .c-button .button-1:hover {
--bg: rgba(255, 255, 255, .3);
}
@media screen and (max-width: 47.9375em) {
.section-banner-cta .inner .m-banner {
padding: 64px 9px;
}
.section-banner-cta .inner .m-banner-title .h2 {
font-size: 32px;
line-height: 40px;
}
.section-banner-cta .inner .m-banner-text {
font-size: 16px;
line-height: 22px;
}
.section-banner-cta .inner .m-banner-cta {
width: 100%;
}
.section-banner-cta .inner .m-banner-cta .c-button {
width: 100%;
}
.section-banner-cta[data-title="Why Hub Australia?"] {
display: none;
}
.section-banner-cta + .section-clubhouse-map {
margin-top: 0;
}
}
.section-features-2023 {
--row: 56px;
}
.section-features-2023 .inner .m-features .c-features.c-position-half_content {
max-width: 50%;
}
.section-features-2023 .inner .m-features .c-features .c-title .u-line {
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
font-size: 28px;
line-height: 36px;
color: var(--color-dark-grey);
margin-bottom: 32px;
}
.section-features-2023 .inner .m-features .c-features .c-feature {
display: flex;
align-items: center;
margin-bottom: 6px;
}
.section-features-2023 .inner .m-features .c-features .c-feature .c-feature-header {
margin-right: 24px;
}
.section-features-2023 .inner .m-features .c-features .c-feature .c-feature-body .p {
font-family: var(--font-2);
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 24px;
color: var(--color-grey);
}
.section-available-spaces-form .inner .m-mobile-btn {
display: none;
}
.section-available-spaces-form .inner .m-form-wrapper {
display: flex;
}
.section-available-spaces-form .inner .m-form-wrapper .m-form-title {
display: flex;
flex: 0 0 226px;
width: 226px;
margin-right: 24px;
}
.section-available-spaces-form .inner .m-form-wrapper .m-form-title .c-title .u-line {
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
font-size: 28px;
line-height: 36px;
color: var(--color-dark-grey);
}
.section-available-spaces-form .inner .m-form-wrapper .m-form-body {
display: flex;
width: calc(100% - 250px);
}
.section-available-spaces-form .inner .m-form-wrapper .m-form-body form {
width: 100%;
}
.section-available-spaces-form .inner .m-form-wrapper .m-form-body form .c-form-body {
display: flex;
flex-direction: row;
}
.section-available-spaces-form .inner .m-form-wrapper .m-form-body form .c-form-body > div {
flex: 1 1 auto;
max-width: unset;
min-width: 176px;
}
.section-available-spaces-form .inner .m-form-wrapper .m-form-body form .c-form-body .c-form-cta {
flex: 0 0 147px;
display: flex;
align-items: center;
justify-content: flex-end;
}
.section-available-spaces-form .inner .m-form-wrapper .m-form-body form .c-form-body .c-form-cta .c-form-submit {
display: flex;
width: 100%;
}
.section-available-spaces-form .inner .m-form-wrapper .m-form-body form .c-form-body .c-form-cta .c-form-submit button {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 14px 24px;
background: #8d261b;
border-radius: 6px;
width: 100%;
margin: 0;
height: auto;
min-height: unset;
border: none;
transition: .25s ease;
}
.section-available-spaces-form .inner .m-form-wrapper .m-form-body form .c-form-body .c-form-cta .c-form-submit button:hover {
background: var(--color-dark-rust);
}
.section-available-spaces-form.meeting-page {
position: fixed;
width: 100vw;
bottom: -300px;
left: 0;
z-index: 1000;
background: #fff;
padding: 24px 0 32px 0;
box-shadow: 0px 4px 15px rgba(0, 0, 0, .15);
transition: .5s ease-in-out;
}
.section-available-spaces-form.meeting-page.sticky {
bottom: 0;
}
.is-locked .section-text-with-icons {
z-index: 99;
}
@media screen and (min-width: 1096px) {
.c-available-form-backdrop {
display: none !important;
}
}
@media screen and (max-width: 1095px) {
.section-available-spaces-form.meeting-page {
height: 65px;
padding: 0;
background: #2b2c31;
box-shadow: 0px -8px 10px 0px rgba(43, 44, 49, .1);
bottom: env(safe-area-inset-bottom);
}
.section-available-spaces-form.meeting-page .inner {
text-align: center;
padding: 0;
}
.section-available-spaces-form.meeting-page .inner .m-mobile-btn {
display: block;
text-align: center;
width: 100%;
height: 100%;
cursor: pointer;
color: #fff;
font-family: var(--font-2);
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 65px;
}
.section-available-spaces-form.meeting-page .inner * {
display: none;
}
.c-available-form-backdrop {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, .5);
z-index: 9999;
}
}
.c-available-form {
position: absolute;
top: -306px;
right: 75px;
width: 510px !important;
padding: 56px 42px;
border-radius: 6px;
background: var(--white, #fff);
box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, .15);
}
@media screen and (max-width: 452px) {
.c-available-form {
padding: 32px 20px;
}
}
.c-available-form_close {
position: absolute;
right: 0;
top: -48px;
cursor: pointer;
display: none;
}
@media screen and (min-width: 1096px) {
.c-available-form {
display: block !important;
}
}
@media screen and (max-width: 1095px) {
.c-available-form {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: calc(100vw - 30px) !important;
max-width: 501px;
z-index: 99999;
}
.c-available-form_close {
display: block;
}
}
@media (max-width: 1095px) and (max-height: 900px) {
.c-available-form {
top: 140px;
transform: translateX(-50%);
max-height: 87.5vh;
overflow-y: scroll;
}
.c-available-form_close {
top: 0;
filter: invert(1);
}
.c-available-form_title {
margin-top: 48px;
}
}
.c-available-form_title {
font-family: var(--font-2);
font-size: 28px;
font-weight: 600;
line-height: 36px;
color: #2b2c31;
margin: 0;
}
@media screen and (max-width: 452px) {
.c-available-form_title {
font-size: 24px;
line-height: 30px;
text-align: center;
}
}
.c-available-form_question {
margin-top: 40px;
margin-bottom: 18px;
font-size: 18px;
font-family: var(--font-2);
font-weight: 600;
line-height: 24px;
color: #2b2c31;
}
.c-available-form_question:last-of-type {
font-size: 20px;
line-height: 28px;
}
.c-available-form_grid {
display: grid;
}
.c-available-form_grid:not(.c-form) {
grid-template-columns: 1fr 1fr;
gap: 8px;
}
@media screen and (max-width: 452px) {
.c-available-form_grid:not(.c-form):not(.col-three) {
grid-template-columns: 1fr;
}
}
.c-available-form_grid.c-form > div {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
}
.c-available-form_grid.col-three {
grid-template-columns: 1fr 1fr 1fr;
}
.c-available-form_grid .c-available-form__grid-radio {
padding: 8px 12px 8px 44px;
border-radius: 6px;
border: 1px solid rgba(153, 153, 153, .5);
cursor: pointer;
position: relative;
text-transform: capitalize;
font-family: var(--font-2);
}
@media screen and (max-width: 452px) {
.c-available-form_grid .c-available-form__grid-radio {
padding: 8px 8px 8px 28px;
}
}
.c-available-form_grid .c-available-form__grid-radio::after {
content: "";
z-index: 2;
position: absolute;
top: 12px;
left: 16px;
background: #fff;
border: 1px solid #2b2c31;
width: 16px;
height: 16px;
border-radius: 50%;
}
@media screen and (max-width: 452px) {
.c-available-form_grid .c-available-form__grid-radio::after {
left: 8px;
width: 14px;
height: 14px;
}
}
.c-available-form_grid .c-available-form__grid-radio.selected {
border: 1px solid var(--color-rust);
color: #2b2c31;
}
.c-available-form_grid .c-available-form__grid-radio.selected::before {
content: "";
z-index: 3;
position: absolute;
top: 15px;
left: 19px;
background: #8d261b;
width: 10px;
height: 10px;
border-radius: 50%;
}
@media screen and (max-width: 452px) {
.c-available-form_grid .c-available-form__grid-radio.selected::before {
left: 11px;
width: 8px;
height: 8px;
}
}
.c-available-form__button {
width: 100%;
margin-top: 40px;
border-radius: 6px;
padding-top: 16px;
padding-bottom: 16px;
}
.section-text-image-50 .m-sides {
display: flex;
gap: 5px;
}
.section-text-image-50 .m-sides .m-sides-header {
width: 100%;
max-width: unset;
}
.section-text-image-50 .m-sides .m-sides-header .m-sides-image {
border-radius: unset;
padding-bottom: 0;
height: 480px;
margin-bottom: 26px;
}
.section-text-image-50 .m-sides .m-sides-header .m-sides-image img {
height: 480px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.section-text-image-50 .inner {
padding-bottom: 80px;
}
.section-text-image-50 .inner .m-sides {
display: flex;
gap: 5px;
}
.section-text-image-50 .inner .m-sides .m-sides-body {
width: 100%;
max-width: unset;
padding-right: 91px;
}
.section-text-image-50 .inner .m-sides .m-sides-body .c-sides-title {
margin-bottom: 8px;
}
.section-text-image-50 .m-side-left {
width: 100%;
}
.section-text-image-50 .m-side-right {
width: 100%;
}
.section-featured-spaces {
--row: 80px;
margin-bottom: 8px;
}
.section-featured-spaces .inner .c-clubhouses {
padding: 80px 0;
}
.section-featured-spaces .inner .c-clubhouses_header {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 24px;
}
.section-featured-spaces .inner .c-clubhouses_header .c-title .u-line {
font-family: var(--font-4);
font-style: normal;
font-weight: 300;
font-size: 48px;
line-height: 56px;
color: var(--color-dark);
}
.section-featured-spaces .inner .c-clubhouses_body .c-tags-button {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 48px;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tags-button .c-tabs_title {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 12px 24px;
background: var(--color-light-grey);
border: 1px solid #999;
border-radius: 6px;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
align-items: center;
letter-spacing: 2px;
text-transform: uppercase;
color: var(--color-dark);
margin-left: -5px;
margin-right: 0;
position: relative;
z-index: 0;
cursor: pointer;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tags-button .c-tabs_title:first-of-type {
margin-right: -5px;
margin-left: 0;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tags-button .c-tabs_title.active {
color: var(--color-white);
background: var(--color-dark);
border: 1px solid var(--color-dark);
z-index: 1;
font-weight: 800;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs-container .c-tabs_body {
display: none;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs-container .c-tabs_body.active {
display: flex;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs-container .c-tabs_body .m-clubhouse-slider .m-wing .m-wing-left {
--column: 346px;
justify-content: center;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs-container .c-tabs_body .m-clubhouse-slider .m-wing .m-wing-left .u-line {
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
font-size: 32px;
line-height: 40px;
color: var(--color-dark);
margin-bottom: 6px;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs-container .c-tabs_body .m-clubhouse-slider .m-wing .m-wing-left .u-line::first-letter {
text-transform: capitalize;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs-container .c-tabs_body .m-clubhouse-slider .m-wing .m-wing-left .m-clubhouse-active .m-clubhouse-slider-item .c-tabs-item_image {
display: none;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs-container .c-tabs_body .m-clubhouse-slider .m-wing .m-wing-left .m-clubhouse-active .m-clubhouse-slider-item .c-tabs-item_content .c-clubhouse-item_title {
font-family: "Glare";
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 20px;
color: #2b2c31;
margin-bottom: 16px;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs-container .c-tabs_body .m-clubhouse-slider .m-wing .m-wing-left .m-clubhouse-active .m-clubhouse-slider-item .c-tabs-item_content .c-clubhouse-item_address {
font-family: "Glare";
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 20px;
color: #666;
margin-bottom: 8px;
display: flex;
align-items: center;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs-container .c-tabs_body .m-clubhouse-slider .m-wing .m-wing-left .m-clubhouse-active .m-clubhouse-slider-item .c-tabs-item_content .c-clubhouse-item_address svg {
margin-right: 10px;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs-container .c-tabs_body .m-clubhouse-slider .m-wing .m-wing-left .m-clubhouse-active .m-clubhouse-slider-item .c-tabs-item_content .c-clubhouse-item_address .vo-hide {
display: none;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs-container .c-tabs_body .m-clubhouse-slider .m-wing .m-wing-left .m-clubhouse-active .m-clubhouse-slider-item .c-tabs-item_content .c-clubhouse-item_capacity {
font-family: "Glare";
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 20px;
color: #666;
margin-bottom: 32px;
display: flex;
align-items: center;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs-container .c-tabs_body .m-clubhouse-slider .m-wing .m-wing-left .m-clubhouse-active .m-clubhouse-slider-item .c-tabs-item_content .c-clubhouse-item_capacity svg {
margin-right: 10px;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs-container .c-tabs_body .m-clubhouse-slider .m-wing .m-wing-left .m-clubhouse-active .m-clubhouse-slider-item .c-tabs-item_content .c-clubhouse-item_capacity .vo-hide {
display: none;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs-container .c-tabs_body .m-clubhouse-slider .m-wing .m-wing-left .m-clubhouse-active .m-clubhouse-slider-item .c-tabs-item_content .c-clubhouse-item_description {
font-family: "Glare";
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 22px;
color: #2b2c31;
margin-bottom: 32px;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs-container .c-tabs_body .m-clubhouse-slider .m-wing .m-wing-left .m-clubhouse-active .m-clubhouse-slider-item .c-tabs-item_content .c-clubhouse-item_cta .button-2 {
background: #8d261b;
border-radius: 6px;
display: flex;
justify-content: center;
align-items: center;
padding: 16px 24px;
border: none;
color: var(--color-white);
width: -moz-fit-content;
width: fit-content;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
transition: .25s ease-in-out;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs-container .c-tabs_body .m-clubhouse-slider .m-wing .m-wing-left .m-clubhouse-active .m-clubhouse-slider-item .c-tabs-item_content .c-clubhouse-item_cta .button-2:hover {
background: var(--color-dark-rust);
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs-container .c-tabs_body .m-clubhouse-slider .m-wing .m-wing-left .m-clubhouse-active .m-clubhouse-slider-item .c-tabs-item_content .c-clubhouse-item_cta .button-2.enterprise {
border: 1px solid #8d261b;
color: #8d261b;
background: rgba(212, 212, 212, .03);
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs-container .c-tabs_body .m-clubhouse-slider .m-wing .m-wing-left .m-clubhouse-active .m-clubhouse-slider-item .c-tabs-item_content .c-clubhouse-item_cta .button-2.enterprise:hover {
background: var(--color-rust);
color: #fff;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs-container .c-tabs_body .m-clubhouse-slider .m-wing .m-wing-right {
--column: calc(100% - 346px);
--gap: 37px;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs-container .c-tabs_body .m-clubhouse-slider .m-wing .m-wing-right .owl-carousel {
--item-width: 584px;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs-container .c-tabs_body .m-clubhouse-slider .m-wing .m-wing-right .owl-carousel .m-clubhouse-slider-item {
width: var(--item-width);
height: 460px;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs-container .c-tabs_body .m-clubhouse-slider .m-wing .m-wing-right .owl-carousel .m-clubhouse-slider-item .c-tabs-item_image {
height: 100%;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs-container .c-tabs_body .m-clubhouse-slider .m-wing .m-wing-right .owl-carousel .m-clubhouse-slider-item .c-tabs-item_image img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs-container .c-tabs_body .m-clubhouse-slider .m-wing .m-wing-right .owl-carousel .m-clubhouse-slider-item .c-tabs-item_image-content {
position: absolute;
z-index: 2;
bottom: 80px;
left: 34px;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs-container .c-tabs_body .m-clubhouse-slider .m-wing .m-wing-right .owl-carousel .m-clubhouse-slider-item .c-tabs-item_image-content_title {
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
margin: 0 0 8px 0;
font-size: 24px;
line-height: 24px;
color: var(--color-white);
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs-container .c-tabs_body .m-clubhouse-slider .m-wing .m-wing-right .owl-carousel .m-clubhouse-slider-item .c-tabs-item_image-content_location {
font-family: var(--font-2);
font-style: normal;
font-weight: 300;
font-size: 14px;
color: var(--color-white);
line-height: 20px;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs-container .c-tabs_body .m-clubhouse-slider .m-wing .m-wing-right .owl-carousel .m-clubhouse-slider-item .c-tabs-item_content .c-clubhouse-item_address {
display: none;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs-container .c-tabs_body .m-clubhouse-slider .m-wing .m-wing-right .owl-carousel .m-clubhouse-slider-item .c-tabs-item_content .c-clubhouse-item_description {
display: none;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs-container .c-tabs_body .m-clubhouse-slider .m-wing .m-wing-right .owl-carousel .m-clubhouse-slider-item .c-tabs-item_content .c-clubhouse-item_cta {
display: none;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs-container .c-tabs_body .m-clubhouse-slider .m-wing .m-wing-right .owl-carousel .owl-nav {
max-width: var(--item-width);
top: auto;
transform: unset;
left: calc(var(--item-width) - 72px - 21px);
right: unset;
bottom: 21px;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs-container .c-tabs_body .m-clubhouse-slider .m-wing .m-wing-right .owl-carousel .owl-dots {
max-width: var(--item-width);
bottom: -24px;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs-container .c-tabs_body .m-clubhouse-slider .m-wing .m-wing-right .owl-carousel .owl-dots button {
background: var(--color-dark-grey) !important;
opacity: .2;
width: 55px;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs-container .c-tabs_body .m-clubhouse-slider .m-wing .m-wing-right .owl-carousel .owl-dots button.active {
opacity: 1;
}
@media screen and (max-width: 64em) {
.section-featured-spaces .inner {
padding-left: 0;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs_body .m-wing {
flex-direction: column-reverse;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs_body .m-wing .owl-carousel .owl-dots {
bottom: -410px !important;
left: 50vw;
transform: translateX(-50%);
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs_body .m-wing .m-wing-left {
max-width: calc(100vw - 30px);
margin-left: 15px;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs_body .m-wing .m-wing-right {
padding-left: 0;
}
}
@media screen and (max-width: 47.9375em) {
.section-featured-spaces .inner .c-clubhouses_header .c-title .u-line {
font-size: 32px;
line-height: 40px;
text-align: center;
}
}
@media screen and (max-width: 37.5em) {
.section-featured-spaces .inner {
padding-left: 0;
}
}
@media screen and (max-width: 37.5em) and (max-width: 540px) {
.section-featured-spaces .inner .c-clubhouses {
min-height: 1090px;
}
}
@media screen and (max-width: 37.5em) {
.section-featured-spaces .inner .c-clubhouses_body .c-tags-button {
padding-left: 13px;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tags-button .c-tabs_title {
font-size: 13px;
line-height: 19px;
padding: 12px;
min-width: -moz-fit-content;
min-width: fit-content;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tags-button .c-tabs_title:last-child {
padding-left: 20px;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tags-button .c-tabs_title:last-child.active {
padding-left: 12px;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs_body .m-wing {
flex-direction: column-reverse;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs_body .m-wing .owl-carousel .owl-dots {
bottom: -430px !important;
left: 53vw;
transform: translateX(-50%);
}
}
@media screen and (max-width: 37.5em) and (max-width: 540px) {
.section-featured-spaces .inner .c-clubhouses_body .c-tabs_body .m-wing .owl-carousel .owl-dots {
bottom: -520px !important;
}
}
@media screen and (max-width: 37.5em) {
.section-featured-spaces .inner .c-clubhouses_body .c-tabs_body .m-wing .owl-carousel .owl-stage-outer {
left: 9vw;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs_body .m-wing .owl-carousel .owl-nav {
left: calc(var(--item-width) - 65px) !important;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs_body .m-wing .m-wing-left {
max-width: calc(100vw - 30px);
margin-left: 15px;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs_body .m-wing .m-wing-left .u-line {
font-size: 24px;
line-height: 30px;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs_body .m-wing .m-wing-left .c-clubhouse-item_cta a {
width: 100% !important;
text-align: center;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs_body .m-wing .m-wing-right {
padding-left: 0;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs_body .m-wing .m-wing-right .owl-carousel {
--item-width: 95vw !important;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs_body .m-wing .m-wing-right .owl-carousel .owl-nav > button {
--size: 44px;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs-container .c-tabs_body .m-clubhouse-slider .m-wing .m-wing-right .owl-carousel .m-clubhouse-slider-item {
height: 300px;
position: relative;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs-container .c-tabs_body .m-clubhouse-slider .m-wing .m-wing-right .owl-carousel .m-clubhouse-slider-item .c-tabs-item_image:after {
content: "";
background: linear-gradient(20deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .8) 100%);
z-index: 2;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: scaleY(-1);
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs-container .c-tabs_body .m-clubhouse-slider .m-wing .m-wing-right .owl-carousel .m-clubhouse-slider-item .c-tabs-item_image-content {
z-index: 4;
}
}
@media screen and (max-width: 23.125em) {
.section-featured-spaces .inner .c-clubhouses_body .c-tabs-container .c-tabs_body .m-clubhouse-slider .m-wing .m-wing-right .owl-carousel .owl-nav {
bottom: 10px;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs_body .m-wing .owl-carousel .owl-dots {
bottom: -520px !important;
}
.section-featured-spaces .inner .c-clubhouses_body .c-tabs-container .c-tabs_body .m-clubhouse-slider .m-wing .m-wing-right .owl-carousel .m-clubhouse-slider-item .c-tabs-item_image-content_title {
font-size: 20px !important;
}
}
.html-single-location .section-text-with-icons, body[data-page-name="Hub Locations | Canberra, Brisbane, Melbourne, Sydney, Adelaide"] .section-text-with-icons, body[data-page-name="Hub Locations - Canberra, Brisbane, Melbourne, Sydney, Adelaide"] .section-text-with-icons {
margin-top: 150px;
}
.html-single-location .section-text-with-icons .inner, body[data-page-name="Hub Locations | Canberra, Brisbane, Melbourne, Sydney, Adelaide"] .section-text-with-icons .inner, body[data-page-name="Hub Locations - Canberra, Brisbane, Melbourne, Sydney, Adelaide"] .section-text-with-icons .inner {
position: unset;
}
.html-single-location .section-text-with-icons .inner > div img, body[data-page-name="Hub Locations | Canberra, Brisbane, Melbourne, Sydney, Adelaide"] .section-text-with-icons .inner > div img, body[data-page-name="Hub Locations - Canberra, Brisbane, Melbourne, Sydney, Adelaide"] .section-text-with-icons .inner > div img {
height: auto;
position: relative;
top: -71px;
border-radius: 6px 0px 0px 6px;
height: 550px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
position: absolute;
right: 0;
width: 46vw;
}
.html-single-location .section-text-with-icons .inner .c-text-content, body[data-page-name="Hub Locations | Canberra, Brisbane, Melbourne, Sydney, Adelaide"] .section-text-with-icons .inner .c-text-content, body[data-page-name="Hub Locations - Canberra, Brisbane, Melbourne, Sydney, Adelaide"] .section-text-with-icons .inner .c-text-content {
padding: 80px 40px 180px 56px !important;
}
.html-single-location .section-text-with-icons .inner .c-text-content_title, body[data-page-name="Hub Locations | Canberra, Brisbane, Melbourne, Sydney, Adelaide"] .section-text-with-icons .inner .c-text-content_title, body[data-page-name="Hub Locations - Canberra, Brisbane, Melbourne, Sydney, Adelaide"] .section-text-with-icons .inner .c-text-content_title {
font-size: 48px;
font-family: var(--font-4);
font-style: normal;
font-weight: 300;
line-height: 56px;
max-width: 488px;
}
.html-single-location .section-text-with-icons .inner .c-text-content_description, body[data-page-name="Hub Locations | Canberra, Brisbane, Melbourne, Sydney, Adelaide"] .section-text-with-icons .inner .c-text-content_description, body[data-page-name="Hub Locations - Canberra, Brisbane, Melbourne, Sydney, Adelaide"] .section-text-with-icons .inner .c-text-content_description {
font-size: 16px;
font-family: var(--font-2);
font-style: normal;
font-weight: 300;
}
.html-single-location .section-text-with-icons .inner .c-text-content_read-more, body[data-page-name="Hub Locations | Canberra, Brisbane, Melbourne, Sydney, Adelaide"] .section-text-with-icons .inner .c-text-content_read-more, body[data-page-name="Hub Locations - Canberra, Brisbane, Melbourne, Sydney, Adelaide"] .section-text-with-icons .inner .c-text-content_read-more {
display: flex;
align-items: center;
color: var(--white, #fff);
font-size: 14px;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
line-height: 18px;
}
.html-single-location .section-text-with-icons .inner .c-text-content_read-more span, body[data-page-name="Hub Locations | Canberra, Brisbane, Melbourne, Sydney, Adelaide"] .section-text-with-icons .inner .c-text-content_read-more span, body[data-page-name="Hub Locations - Canberra, Brisbane, Melbourne, Sydney, Adelaide"] .section-text-with-icons .inner .c-text-content_read-more span {
margin-right: 4px;
}
.html-single-location .section-text-with-icons .inner .c-text-content_read-more.read-less svg, body[data-page-name="Hub Locations | Canberra, Brisbane, Melbourne, Sydney, Adelaide"] .section-text-with-icons .inner .c-text-content_read-more.read-less svg, body[data-page-name="Hub Locations - Canberra, Brisbane, Melbourne, Sydney, Adelaide"] .section-text-with-icons .inner .c-text-content_read-more.read-less svg {
transform: rotate(180deg);
}
@media screen and (min-width: 1700px) {
.html-single-location .section-text-with-icons .inner, body[data-page-name="Hub Locations | Canberra, Brisbane, Melbourne, Sydney, Adelaide"] .section-text-with-icons .inner, body[data-page-name="Hub Locations - Canberra, Brisbane, Melbourne, Sydney, Adelaide"] .section-text-with-icons .inner {
position: unset;
}
.html-single-location .section-text-with-icons .inner > div img, body[data-page-name="Hub Locations | Canberra, Brisbane, Melbourne, Sydney, Adelaide"] .section-text-with-icons .inner > div img, body[data-page-name="Hub Locations - Canberra, Brisbane, Melbourne, Sydney, Adelaide"] .section-text-with-icons .inner > div img {
position: absolute;
right: 0;
width: 46vw;
}
}
.is-locked .section-text-with-icons {
z-index: 999 !important;
}
.section-text-with-icons {
position: relative;
z-index: 10;
background: #fff;
padding: 60px 0;
}
.section-text-with-icons[data-title="Team Culture"] .c-image-container > img {
-o-object-position: left;
object-position: left;
}
.section-text-with-icons .inner {
display: grid;
grid-template-columns: 1fr 1fr;
position: relative;
padding: 0 !important;
}
.section-text-with-icons .inner.has-image img {
max-height: 600px;
}
.section-text-with-icons .inner.has-image .c-text-content {
display: flex;
flex-direction: column;
justify-content: center;
padding: 50px 40px 50px 56px;
}
.section-text-with-icons .inner > div {
min-width: 100%;
}
.section-text-with-icons .inner > div img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.section-text-with-icons .inner .c-text-content {
padding: 56px 40px 56px 56px;
}
@media screen and (min-width: 768px) {
.section-text-with-icons .inner > div {}
}
@media screen and (max-width: 1095px) {
.section-text-with-icons .inner .c-text-content.meeting-page {
width: 100vw;
}
}
@media screen and (max-width: 500px) {
.section-text-with-icons .inner .c-text-content.meeting-page {
padding-left: 15px !important;
padding-right: 15px !important;
}
.section-text-with-icons .inner .c-text-content.meeting-page c-text-content_text-group_img {
min-width: 40px;
}
.section-text-with-icons .inner .c-text-content.meeting-page c-text-content_text-group_img img {
min-width: 40px;
}
}
.section-text-with-icons .inner .c-text-content_btn-group {
display: flex;
gap: 16px;
}
.section-text-with-icons .inner .c-text-content_title, .section-text-with-icons .inner .c-text-content_subtitle {
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
font-size: 28px;
line-height: 36px;
color: #2b2c31;
margin: 0 0 16px 0;
}
.section-text-with-icons .inner .c-text-content_title span, .section-text-with-icons .inner .c-text-content_subtitle span {
font-weight: 300;
}
.section-text-with-icons .inner .c-text-content_description {
font-family: var(--font-2);
font-style: normal;
font-size: 18px;
line-height: 24px;
color: #2b2c31;
margin: 8px 0 24px 0;
padding-right: 32px;
}
.section-text-with-icons .inner .c-text-content_text-group {
display: flex;
align-items: center;
margin-top: 8px;
}
.section-text-with-icons .inner .c-text-content_text-group_img {
height: 40px;
margin-right: 16px;
min-width: 40px;
}
.section-text-with-icons .inner .c-text-content_text-group_paragraph {
font-family: var(--font-2);
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 24px;
color: #666;
margin: 0;
}
.section-text-with-icons .inner .c-text-content_cta {
color: var(--rust, #8d261b);
display: flex;
width: 205px;
padding: 16px 24px;
justify-content: center;
align-items: center;
border-radius: 6px;
border: 1px solid var(--rust, #8d261b);
background: rgba(212, 212, 212, .03);
font-size: 16px;
font-weight: 600;
line-height: 20px;
margin-top: 32px;
transition: .3s ease;
text-decoration: none;
height: 48px;
}
.section-text-with-icons .inner .c-text-content_cta:hover {
background: var(--rust, #8d261b);
color: #fff;
}
.section-text-with-icons.dark-mode {
background: #2b2c31;
}
.section-text-with-icons.dark-mode * {
color: #fff !important;
}
.section-text-with-icons.dark-mode .c-text-content_cta {
color: #fff !important;
border: 1px solid var(--white, #fff) !important;
background: rgba(255, 255, 255, .1) !important;
}
.section-text-with-icons.dark-mode .c-text-content_cta:hover {
background: rgba(255, 255, 255, .4) !important;
}
.section-text-with-icons.dark-mode .c-text-content_cta.secondary {
background: var(--white, #fff) !important;
color: var(--rust, #8d261b) !important;
}
.section-text-with-icons.reverse-grid .inner > div:last-of-type {
order: -1;
}
.section-text-with-icons.has-subtitle .inner .c-text-content_title {
margin: 0 !important;
font-size: 48px !important;
line-height: 56px !important;
font-family: var(--font-4) !important;
font-weight: 300 !important;
}
.section-text-with-icons.has-subtitle .inner .c-text-content_subtitle {
margin-bottom: 20px;
font-size: 20px !important;
line-height: 28px !important;
}
@media screen and (min-width: 1388px) {
.section-text-with-icons[data-title="Catering Packages"] .inner .c-image-container img {
width: 50vw;
left: calc(-1 * ( 100vw - 1388px ) / 2);
max-width: unset;
position: relative;
max-height: 740px;
}
}
@media screen and (max-width: 75em) {
.section-solution-details + .section-text-with-icons {
left: 18px !important;
}
.section-solution-details + .section-text-with-icons .inner {
display: block;
}
.section-solution-details + .section-text-with-icons .inner .c-text-content {
max-width: 700px;
width: 66vw;
min-width: unset;
}
}
@media screen and (max-width: 64em) {
.section-text-with-icons .inner.has-image .c-text-content {
padding: 75px 40px 75px 56px;
}
.section-text-with-icons[data-title="Catering Packages"] .inner.has-image .c-text-content {
padding: 75px 40px 124px 56px;
}
}
@media screen and (max-width: 47.9375em) {
.section-solution-details + .section-text-with-icons {
left: 0px !important;
}
.section-solution-details + .section-text-with-icons .inner .c-text-content {
width: 100%;
max-width: 500px;
padding-right: 85px;
padding-left: 15px;
}
.section-text-with-icons .inner {
grid-template-columns: 1fr;
}
.html-single-location .section-text-with-icons, body[data-page-name="Hub Locations | Canberra, Brisbane, Melbourne, Sydney, Adelaide"] .section-text-with-icons, body[data-page-name="Hub Locations - Canberra, Brisbane, Melbourne, Sydney, Adelaide"] .section-text-with-icons {
margin-top: 50px;
}
.html-single-location .section-text-with-icons .inner > div:last-of-type, body[data-page-name="Hub Locations | Canberra, Brisbane, Melbourne, Sydney, Adelaide"] .section-text-with-icons .inner > div:last-of-type, body[data-page-name="Hub Locations - Canberra, Brisbane, Melbourne, Sydney, Adelaide"] .section-text-with-icons .inner > div:last-of-type {
order: unset !important;
padding: 56px 24px !important;
}
.html-single-location .section-text-with-icons .inner .c-image-container img, body[data-page-name="Hub Locations | Canberra, Brisbane, Melbourne, Sydney, Adelaide"] .section-text-with-icons .inner .c-image-container img, body[data-page-name="Hub Locations - Canberra, Brisbane, Melbourne, Sydney, Adelaide"] .section-text-with-icons .inner .c-image-container img {
position: unset;
height: 219px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%;
}
}
.section-solution-details + .section-text-with-icons {
background: rgba(0, 0, 0, 0) !important;
position: relative;
z-index: 10;
}
@media screen and (max-width: 37.5em) {
.section-text-with-icons.has-subtitle .inner .c-text-content {
padding: 64px 24px;
padding-right: 24px;
}
.section-text-with-icons.has-subtitle .inner .c-text-content_title {
font-size: 40px !important;
line-height: 48px !important;
}
.section-text-with-icons.has-subtitle .inner .c-text-content_subtitle {
font-size: 18px !important;
line-height: 24px !important;
}
.section-text-with-icons.has-subtitle .inner .c-text-content_subtitle span {
display: block !important;
}
.section-text-with-icons.has-subtitle .inner .c-text-content_description {
font-size: 18px !important;
line-height: 24px !important;
}
.section-text-with-icons.has-subtitle .inner .c-text-content_btn-group {
flex-direction: column !important;
}
.section-text-with-icons.has-subtitle .inner .c-text-content_cta {
margin: 0 !important;
width: 100% !important;
}
.section-text-with-icons .inner.has-image > div {
height: -moz-fit-content !important;
height: fit-content !important;
}
.section-text-with-icons .inner.has-image > div img {
width: 100%;
height: auto !important;
}
.html-single-location .section-text-with-icons .inner .c-text-content_title, body[data-page-name="Hub Locations | Canberra, Brisbane, Melbourne, Sydney, Adelaide"] .section-text-with-icons .inner .c-text-content_title {
font-size: 28px;
line-height: 36px;
}
.section-text-with-icons .c-text-content {
padding: 40px 24px !important;
}
.section-text-with-icons .c-text-content .c-text-content_cta {
width: 100%;
}
}
.section-text-50-grid {
padding-bottom: 80px;
}
.section-text-50-grid .inner {
display: grid;
grid-template-columns: 1fr 1fr;
-moz-column-gap: 6px;
column-gap: 6px;
}
.section-text-50-grid .inner .c-50-grid-item img {
width: 80%;
height: 300px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
display: block;
}
.section-text-50-grid .inner .c-50-grid-item_title {
margin: 24px 0 8px 0;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
font-size: 32px;
line-height: 40px;
color: #2b2c31;
padding-right: 70px;
}
.section-text-50-grid .inner .c-50-grid-item_content {
margin: 0;
font-family: var(--font-2);
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 22px;
color: #2b2c31;
padding-right: 70px;
max-width: 600px;
}
.section-text-50-grid .inner .c-50-grid-item:first-of-type .c-50-grid-item_title, .section-text-50-grid .inner .c-50-grid-item:first-of-type .c-50-grid-item_content {
margin-left: 0px;
}
@media screen and (max-width: 75em) {
.section-text-50-grid .inner .c-50-grid-item *:not(img) {
padding-left: 24px;
}
.section-text-50-grid .inner .c-50-grid-item:first-of-type .c-50-grid-item_title, .section-text-50-grid .inner .c-50-grid-item:first-of-type .c-50-grid-item_content {
margin-left: 0;
}
}
@media screen and (max-width: 47.9375em) {
.section-text-50-grid .inner .c-50-grid-item img {
width: 87%;
margin: 0 auto;
}
.section-text-50-grid .inner {
padding: 0;
display: flex;
flex-direction: row;
overflow-x: scroll;
}
.section-text-50-grid .inner::-webkit-scrollbar {
display: none;
width: 0;
}
.section-text-50-grid .inner .c-50-grid-item {
min-width: calc(100vw - 54px);
}
}
.section-workspaces-2023 .m-crumbs {
position: relative;
max-width: calc(var(--edge) * 2 + var(--inner));
margin-left: auto;
margin-right: auto;
padding-left: var(--edge);
padding-right: var(--edge);
margin-bottom: 10px;
}
.section-workspaces-2023 .m-crumbs .m-crumbs-item > * {
color: #666;
opacity: 1;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 20px;
}
.section-workspaces-2023 .m-crumbs .m-crumbs-item:not(:last-child):after {
content: "/";
background: none;
margin: 0 10px 7px;
color: #666;
}
.section-workspaces-2023.has-filters .c-workspaces-viewing {
display: block !important;
margin: -60px 0 80px 0;
font-size: 20px;
font-weight: 600;
line-height: 28px;
font-family: var(--font-2);
color: #2b2c31;
border-bottom: 1px solid #ebebeb;
padding-bottom: 16px;
}
.section-workspaces-2023 .c-workspaces-filters {
max-width: calc(var(--edge) * 2 + var(--inner));
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction: column;
padding-left: var(--edge);
padding-right: var(--edge);
margin-bottom: 21px;
}
.section-workspaces-2023 .c-workspaces-filters_title {
font-family: var(--font-4);
margin: 0 0 10px 0;
font-size: 48px;
line-height: 56px;
color: #2b2c31;
font-weight: 300;
}
@media screen and (max-width: 767px) {
.section-workspaces-2023 .c-workspaces-filters_title {
font-size: 40px;
line-height: 48px;
}
}
.section-workspaces-2023 .c-workspaces-filters_mobile-btn {
display: none;
}
@media screen and (max-width: 767px) {
.section-workspaces-2023 .c-workspaces-filters_mobile-btn {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding: 5px;
border-radius: 4px;
background: #2b2c31;
color: #fff;
text-align: center;
font-family: var(--font-2);
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 18px;
}
.section-workspaces-2023 .c-workspaces-filters_mobile-btn > svg {
margin-right: 8px;
}
}
.section-workspaces-2023 .c-workspaces-filters_container {
padding: 16px;
border-radius: 6px;
background: var(--light-grey, #f6f6f6);
}
@media screen and (max-width: 767px) {
.section-workspaces-2023 .c-workspaces-filters_container {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: none;
padding: 0;
z-index: 9999;
display: none;
}
.section-workspaces-2023 .c-workspaces-filters_container_backdrop {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: rgba(0, 0, 0, .5);
z-index: 1;
}
.section-workspaces-2023 .c-workspaces-filters_container > form {
width: calc(100vw - 48px);
padding: 24px 16px;
background: var(--light-grey, #f6f6f6);
height: -moz-fit-content;
height: fit-content;
border-radius: 6px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 2;
}
.section-workspaces-2023 .c-workspaces-filters_container > form .c-form-body {
display: flex;
flex-direction: column;
}
.section-workspaces-2023 .c-workspaces-filters_container > form .c-form-body > * {
width: 100%;
}
.section-workspaces-2023 .c-workspaces-filters_container > form .c-form-body .nice-select {
padding-top: 5px;
}
.section-workspaces-2023 .c-workspaces-filters_container > form .c-form-body .nice-select .current:after {
top: 13px !important;
}
.section-workspaces-2023 .c-workspaces-filters_container > form .c-form-close {
display: block;
position: absolute;
top: -48px;
right: 0;
cursor: pointer;
}
}
.section-workspaces-2023 .c-workspaces-filters_container .c-form-close {
display: none;
}
.section-workspaces-2023 .c-workspaces-filters_container .c-form-body {
display: grid;
grid-template-columns: repeat(5, 1fr);
/* -moz-column-gap: 35px; */
column-gap: auto;
}
@media (min-width: 768px) and (max-width: 928px) {
.section-workspaces-2023 .c-workspaces-filters_container .c-form-body {
-moz-column-gap: 5px;
column-gap: 5px;
}
.section-workspaces-2023 .c-workspaces-filters_container .c-form-body > div {
padding-left: 16px;
}
}
.section-workspaces-2023 .c-workspaces-filters_container .t-input {
width: 100%;
border-bottom: 1px solid #999;
font-size: 16px;
line-height: 22px;
color: #666;
font-family: var(--font-2);
padding-bottom: 8px;
background: rgba(0, 0, 0, 0);
}
.section-workspaces-2023 .c-workspaces-clubhouse {
width: 100%;
padding: 80px 24px;
background-color: #fff;
}
@media screen and (max-width: 767px) {
.section-workspaces-2023 .c-workspaces-clubhouse {
padding-left: 0;
padding-right: 0;
}
}
.section-workspaces-2023 .c-workspaces-clubhouse_inner {
max-width: calc(var(--edge) * 2 + var(--inner));
margin-left: auto;
margin-right: auto;
padding-left: var(--edge);
padding-right: var(--edge);
}
.section-workspaces-2023 .c-workspaces-clubhouse_inner .c-workspaces-viewing {
display: none;
}
@media screen and (max-width: 767px) {
.section-workspaces-2023 .c-workspaces-clubhouse_inner .c-workspaces-viewing {
margin-bottom: 40px;
}
}
.section-workspaces-2023 .c-workspaces-clubhouse_header {
width: 100%;
display: flex;
align-items: center;
margin-bottom: 42px;
}
.section-workspaces-2023 .c-workspaces-clubhouse_header_name {
width: -moz-fit-content;
width: fit-content;
margin-right: 32px;
min-width: 310px;
}
.section-workspaces-2023 .c-workspaces-clubhouse_header_name h2 {
font-family: var(--font-2);
color: var(--dark-grey, #2b2c31);
font-size: 32px;
font-weight: 600;
line-height: 40px;
}
.section-workspaces-2023 .c-workspaces-clubhouse_header_name p {
font-family: var(--font-2);
color: var(--dark-grey, #2b2c31);
font-size: 14px;
line-height: 20px;
}
.section-workspaces-2023 .c-workspaces-clubhouse_header_address {
display: flex;
align-items: center;
min-width: 220px;
}
.section-workspaces-2023 .c-workspaces-clubhouse_header_address svg {
margin-right: 10px;
}
.section-workspaces-2023 .c-workspaces-clubhouse_header_address p {
color: var(--grey, #666);
font-size: 14px;
font-family: var(--font-2);
line-height: 20px;
}
.section-workspaces-2023 .c-workspaces-clubhouse_header_address .vo-hide {
display: none !important;
}
.section-workspaces-2023 .c-workspaces-clubhouse_header_line {
margin-left: 32px;
opacity: .5;
background: #999;
width: 100%;
height: 1px;
}
@media screen and (max-width: 767px) {
.section-workspaces-2023 .c-workspaces-clubhouse_header {
flex-wrap: wrap;
position: relative;
}
.section-workspaces-2023 .c-workspaces-clubhouse_header_name {
width: 100vw;
}
.section-workspaces-2023 .c-workspaces-clubhouse_header_name h2 {
font-size: 28px;
line-height: 32px;
margin-bottom: 2px;
}
.section-workspaces-2023 .c-workspaces-clubhouse_header_line {
width: calc(100% - 230px);
position: absolute;
right: 0;
bottom: 30px;
}
}
@media screen and (max-width: 1370px) {
.section-workspaces-2023 .c-workspaces-clubhouse_body .owl-stage, .section-workspaces-2023 .c-workspaces-clubhouse_body .owl-stage-outer, .section-workspaces-2023 .c-workspaces-clubhouse_body .owl-carousel {
overflow: visible;
}
}
@media screen and (max-width: 767px) {
.section-workspaces-2023 .c-workspaces-clubhouse_body .owl-stage-outer {
left: -24px;
}
}
.section-workspaces-2023 .c-workspaces-clubhouse_body .owl-nav {
width: calc(100% + 86px);
transform: translateX(-43px);
}
.section-workspaces-2023 .c-workspaces-clubhouse_body .owl-nav .owl-next {
margin-left: auto !important;
}
@media screen and (max-width: 767px) {
.section-workspaces-2023 .c-workspaces-clubhouse_body .owl-nav {
display: none !important;
}
}
.section-workspaces-2023 .c-workspaces-clubhouse_body .owl-nav > button.disabled {
display: none !important;
}
.section-workspaces-2023 .c-workspaces-clubhouse_body .owl-stage {
display: flex;
}
.section-workspaces-2023 .c-workspaces-clubhouse_body_item {
width: calc(( 100vw - 142px ) / 3);
max-width: 411.3333333333px;
overflow: hidden;
position: relative;
height: 100%;
display: flex;
flex-direction: column;
}
@media screen and (max-width: 1370px) {
.section-workspaces-2023 .c-workspaces-clubhouse_body_item {
width: calc(( 100vw - 142px ) / 2);
max-width: 577px;
}
}
@media screen and (max-width: 767px) {
.section-workspaces-2023 .c-workspaces-clubhouse_body_item {
width: calc(100vw - 100px);
max-width: 1196px;
}
}
.section-workspaces-2023 .c-workspaces-clubhouse_body_item_capacity {
width: 53px;
height: 26px;
display: flex;
-moz-column-gap: 8px;
column-gap: 8px;
align-items: center;
justify-content: center;
background: #fff;
border-radius: 6px;
left: 10px;
top: 13px;
position: absolute;
color: var(--dark-grey, #2b2c31);
font-size: 12px;
font-family: var(--font-2);
line-height: 14px;
}
.section-workspaces-2023 .c-workspaces-clubhouse_body_item_carousel .c-image, .section-workspaces-2023 .c-workspaces-clubhouse_body_item_carousel .c-image img {
height: 400px !important;
width: calc(( 100vw - 142px ) / 3) !important;
max-width: 411.3333333333px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
padding-bottom: 0 !important;
}
@media screen and (max-width: 1370px) {
.section-workspaces-2023 .c-workspaces-clubhouse_body_item_carousel .c-image, .section-workspaces-2023 .c-workspaces-clubhouse_body_item_carousel .c-image img {
width: calc(( 100vw - 142px ) / 2) !important;
max-width: 577px;
}
}
@media screen and (max-width: 767px) {
.section-workspaces-2023 .c-workspaces-clubhouse_body_item_carousel .c-image, .section-workspaces-2023 .c-workspaces-clubhouse_body_item_carousel .c-image img {
width: calc(100vw - 100px) !important;
max-width: 1196px;
}
}
.section-workspaces-2023 .c-workspaces-clubhouse_body_item_carousel .owl-item {
width: calc(( 100vw - 142px ) / 3) !important;
max-width: 411.3333333333px;
}
@media screen and (max-width: 1370px) {
.section-workspaces-2023 .c-workspaces-clubhouse_body_item_carousel .owl-item {
width: calc(( 100vw - 142px ) / 2) !important;
max-width: 577px;
}
}
@media screen and (max-width: 767px) {
.section-workspaces-2023 .c-workspaces-clubhouse_body_item_carousel .owl-item {
width: calc(100vw - 100px) !important;
max-width: 1196px;
}
}
.section-workspaces-2023 .c-workspaces-clubhouse_body_item_carousel .owl-nav {
justify-content: flex-end;
top: unset;
transform: unset;
bottom: 0;
padding: 0 13px 13px 0;
}
.section-workspaces-2023 .c-workspaces-clubhouse_body_item_carousel .owl-nav button.owl-prev {
margin-right: 1px;
width: 40px;
}
.section-workspaces-2023 .c-workspaces-clubhouse_body_item_carousel .owl-nav button.owl-next {
margin: 0;
width: 40px;
}
.section-workspaces-2023 .c-workspaces-clubhouse_body_item_img {
width: 100%;
height: 400px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: 6px;
}
.section-workspaces-2023 .c-workspaces-clubhouse_body_item_name {
color: var(--dark-grey, #2b2c31);
font-size: 24px;
font-family: var(--font-2);
font-weight: 600;
line-height: 32px;
margin: 16px 0 8px 0;
}
.section-workspaces-2023 .c-workspaces-clubhouse_body_item_description {
color: var(--grey, #666);
font-size: 16px;
font-family: var(--font-2);
line-height: 22px;
margin: 0;
}
.section-workspaces-2023 .c-workspaces-clubhouse_body_item_price {
margin: 16px 0 24px 0;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
}
.section-workspaces-2023 .c-workspaces-clubhouse_body_item_price-title {
color: var(--grey, #666);
font-size: 12px;
font-family: var(--font-2);
font-weight: 500;
line-height: 14px;
letter-spacing: 1px;
text-transform: uppercase;
}
.section-workspaces-2023 .c-workspaces-clubhouse_body_item_price-figure {
color: var(--dark-grey, #2b2c31);
font-size: 20px;
font-family: var(--font-2);
font-weight: 600;
line-height: 28px;
}
.section-workspaces-2023 .c-workspaces-clubhouse_body_item_buttons {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 11px;
width: 100%;
margin-top: auto;
padding-bottom: 16px;
}
@media screen and (min-width: 1371px) {
.section-workspaces-2023 .c-workspaces-clubhouse_body_item_buttons {
max-width: 360px;
}
}
.section-workspaces-2023 .c-workspaces-clubhouse_body_item_buttons .primary {
color: var(--white, #fff);
background: #8d261b;
}
.section-workspaces-2023 .c-workspaces-clubhouse_body_item_buttons .secondary {
color: var(--rust, #8d261b);
}
.section-workspaces-2023 .c-workspaces-clubhouse_body_item_buttons * {
font-size: 16px;
font-family: var(--font-2);
font-weight: 600;
line-height: 20px;
width: 100%;
padding: 16px;
border: 1px solid #8d261b;
text-decoration: none !important;
text-align: center;
border-radius: 6px;
}
.section-workspaces-2023 .c-workspaces-clubhouse_body .owl-carousel .owl-dots {
bottom: -40px;
}
.section-workspaces-2023 .c-workspaces-clubhouse_body .owl-carousel .owl-dots button {
background: var(--color-dark-grey) !important;
opacity: .2;
width: 55px;
}
.section-workspaces-2023 .c-workspaces-clubhouse_body .owl-carousel .owl-dots button.active {
opacity: 1;
}
.section-workspaces-2023.bg-striped .c-workspaces-clubhouse:nth-child(2n + 1) {
background-color: #f6f6f6;
}
body.no-scroll {
height: 100%;
overflow: hidden;
position: relative;
}
.section-workspaces-2023-modal, .section-amenities-2023-modal {
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
display: none;
z-index: 99999;
}
@media (max-width: 942px) and (max-height: 1000px) {
.section-workspaces-2023-modal, .section-amenities-2023-modal {
overflow-y: scroll;
}
.section-workspaces-2023-modal .w-modal, .section-amenities-2023-modal .w-modal {
top: 65px !important;
transform: translateX(-50%) !important;
width: 95vw !important;
margin-bottom: 199px;
}
}
.section-workspaces-2023-modal .w-backdrop, .section-amenities-2023-modal .w-backdrop {
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 999;
background: rgba(0, 0, 0, .5);
}
.section-workspaces-2023-modal .w-modal, .section-amenities-2023-modal .w-modal {
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9999;
width: 90vw;
max-width: 1294px;
height: -moz-fit-content;
height: fit-content;
border-radius: 6px;
background: #fff;
padding: 100px 0 80px 0;
display: flex;
-moz-column-gap: 50px;
column-gap: 50px;
}
@media screen and (max-width: 1200px) {
.section-workspaces-2023-modal .w-modal, .section-amenities-2023-modal .w-modal {
padding: 50px 0 40px 0;
}
}
@media screen and (max-width: 942px) {
.section-workspaces-2023-modal .w-modal, .section-amenities-2023-modal .w-modal {
flex-direction: column;
padding: 24px 0;
}
}
.section-workspaces-2023-modal .w-modal_close, .section-amenities-2023-modal .w-modal_close {
position: absolute;
right: 0;
bottom: 100%;
cursor: pointer;
}
.section-workspaces-2023-modal .w-modal_mobile-only, .section-amenities-2023-modal .w-modal_mobile-only {
display: none;
}
@media screen and (max-width: 942px) {
.section-workspaces-2023-modal .w-modal_mobile-only, .section-amenities-2023-modal .w-modal_mobile-only {
display: block;
padding: 0 24px;
}
}
@media screen and (max-width: 450px) {
.section-workspaces-2023-modal .w-modal_mobile-only, .section-amenities-2023-modal .w-modal_mobile-only {
width: 100%;
}
}
.section-workspaces-2023-modal .w-modal_gallery, .section-amenities-2023-modal .w-modal_gallery {
width: 706px;
min-width: 706px;
}
@media screen and (max-width: 1200px) {
.section-workspaces-2023-modal .w-modal_gallery, .section-amenities-2023-modal .w-modal_gallery {
width: 500px;
min-width: 500px;
}
}
@media screen and (max-width: 942px) {
.section-workspaces-2023-modal .w-modal_gallery, .section-amenities-2023-modal .w-modal_gallery {
width: calc(100% - 24px);
margin-bottom: 24px;
min-width: unset;
}
}
.section-workspaces-2023-modal .w-modal_gallery_bottom, .section-amenities-2023-modal .w-modal_gallery_bottom {
display: flex;
align-items: center;
margin-top: 16px;
}
@media screen and (max-width: 942px) {
.section-workspaces-2023-modal .w-modal_gallery_bottom, .section-amenities-2023-modal .w-modal_gallery_bottom {
display: none;
}
}
@media screen and (max-width: 1200px) {
.section-workspaces-2023-modal .w-modal_gallery_bottom, .section-amenities-2023-modal .w-modal_gallery_bottom {
flex-direction: column;
align-items: center;
row-gap: 16px;
}
}
.section-workspaces-2023-modal .w-modal_gallery_bottom_pricing, .section-amenities-2023-modal .w-modal_gallery_bottom_pricing {
width: 100%;
display: flex;
justify-content: center;
}
.section-workspaces-2023-modal .w-modal_gallery_bottom_pricing_item, .section-amenities-2023-modal .w-modal_gallery_bottom_pricing_item {
font-family: var(--font-2);
padding: 0 16px 0 24px;
}
.section-workspaces-2023-modal .w-modal_gallery_bottom_pricing_item span, .section-amenities-2023-modal .w-modal_gallery_bottom_pricing_item span {
display: block;
text-align: center;
color: var(--dark-grey, #2b2c31);
font-size: 14px;
line-height: 20px;
}
.section-workspaces-2023-modal .w-modal_gallery_bottom_pricing_item b, .section-amenities-2023-modal .w-modal_gallery_bottom_pricing_item b {
display: block;
text-align: center;
color: var(--dark-grey, #2b2c31);
font-size: 20px;
font-weight: 600;
line-height: 28px;
margin-top: 2px;
}
.section-workspaces-2023-modal .w-modal_gallery_bottom_pricing_item:nth-child(2), .section-amenities-2023-modal .w-modal_gallery_bottom_pricing_item:nth-child(2) {
border-left: 1px solid #ebebeb;
border-right: 1px solid #ebebeb;
}
.section-workspaces-2023-modal .w-modal_gallery_bottom_buttons, .section-amenities-2023-modal .w-modal_gallery_bottom_buttons {
display: flex;
}
@media screen and (max-width: 942px) {
.section-workspaces-2023-modal .w-modal_gallery_bottom_buttons, .section-amenities-2023-modal .w-modal_gallery_bottom_buttons {
justify-content: center;
margin-top: 24px;
}
}
@media screen and (max-width: 450px) {
.section-workspaces-2023-modal .w-modal_gallery_bottom_buttons, .section-amenities-2023-modal .w-modal_gallery_bottom_buttons {
flex-direction: column;
}
}
.section-workspaces-2023-modal .w-modal_gallery_bottom_buttons *, .section-amenities-2023-modal .w-modal_gallery_bottom_buttons * {
padding: 14px 24px;
min-width: 160px;
border-radius: 6px;
font-size: 16px;
font-family: var(--font-2);
font-weight: 600;
line-height: 20px;
border: 1px solid #8d261b;
display: block;
text-align: center;
text-decoration: none;
}
.section-workspaces-2023-modal .w-modal_gallery_bottom_buttons .primary, .section-amenities-2023-modal .w-modal_gallery_bottom_buttons .primary {
color: #fff;
background: #8d261b;
transition: .25s ease-in-out;
}
.section-workspaces-2023-modal .w-modal_gallery_bottom_buttons .primary:hover, .section-amenities-2023-modal .w-modal_gallery_bottom_buttons .primary:hover {
background: var(--color-dark-rust);
text-decoration: none;
}
.section-workspaces-2023-modal .w-modal_gallery_bottom_buttons .secondary, .section-amenities-2023-modal .w-modal_gallery_bottom_buttons .secondary {
color: #8d261b;
background: #fff;
margin-left: 16px;
transition: .25s ease-in-out;
}
.section-workspaces-2023-modal .w-modal_gallery_bottom_buttons .secondary:hover, .section-amenities-2023-modal .w-modal_gallery_bottom_buttons .secondary:hover {
color: #fff;
background: #8d261b;
}
@media screen and (max-width: 450px) {
.section-workspaces-2023-modal .w-modal_gallery_bottom_buttons .secondary, .section-amenities-2023-modal .w-modal_gallery_bottom_buttons .secondary {
margin: 16px 0 0 0;
}
}
.section-workspaces-2023-modal .w-modal_gallery_carousel, .section-amenities-2023-modal .w-modal_gallery_carousel {
width: 100%;
display: block;
}
.section-workspaces-2023-modal .w-modal_gallery .owl-carousel, .section-amenities-2023-modal .w-modal_gallery .owl-carousel {
width: 100%;
height: 387px;
}
@media screen and (max-width: 1200px) {
.section-workspaces-2023-modal .w-modal_gallery .owl-carousel, .section-amenities-2023-modal .w-modal_gallery .owl-carousel {
height: 250px;
}
}
@media screen and (max-width: 942px) {
.section-workspaces-2023-modal .w-modal_gallery .owl-carousel, .section-amenities-2023-modal .w-modal_gallery .owl-carousel {
height: 360px;
}
}
.section-workspaces-2023-modal .w-modal_gallery .owl-stage, .section-amenities-2023-modal .w-modal_gallery .owl-stage {
display: flex;
flex-direction: row;
}
.section-workspaces-2023-modal .w-modal_gallery .owl-nav, .section-amenities-2023-modal .w-modal_gallery .owl-nav {
flex-direction: row-reverse;
justify-content: flex-end;
top: unset;
bottom: 8px;
transform: unset;
right: 8px;
left: unset;
width: 88px;
gap: 8px;
}
.section-workspaces-2023-modal .w-modal_gallery .owl-nav > button, .section-amenities-2023-modal .w-modal_gallery .owl-nav > button {
border-radius: 6px;
background: var(--white, #fff) !important;
box-shadow: 0px 0px 4px 0px rgba(43, 44, 49, .2);
color: #000;
height: 40px;
width: 40px;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
}
.section-workspaces-2023-modal .w-modal_gallery .owl-nav > button.disabled, .section-amenities-2023-modal .w-modal_gallery .owl-nav > button.disabled {
opacity: .65;
}
.section-workspaces-2023-modal .w-modal_gallery .owl-nav > button span, .section-amenities-2023-modal .w-modal_gallery .owl-nav > button span {
display: block;
font-size: 35px;
transform: scaleX(-1);
}
.section-workspaces-2023-modal .w-modal_gallery .owl-stage-outer, .section-amenities-2023-modal .w-modal_gallery .owl-stage-outer {
transform: scaleX(-1);
}
.section-workspaces-2023-modal .w-modal_gallery .owl-stage-outer .owl-item, .section-amenities-2023-modal .w-modal_gallery .owl-stage-outer .owl-item {
height: 387px;
width: 100%;
min-width: 550px;
border-radius: 6px;
}
.section-workspaces-2023-modal .w-modal_gallery .owl-stage-outer .owl-item img, .section-amenities-2023-modal .w-modal_gallery .owl-stage-outer .owl-item img {
height: 387px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: 6px;
transform: scaleX(-1);
}
@media screen and (max-width: 1200px) {
.section-workspaces-2023-modal .w-modal_gallery .owl-stage-outer .owl-item, .section-amenities-2023-modal .w-modal_gallery .owl-stage-outer .owl-item {
height: 250px;
min-width: 400px;
width: 400px !important;
}
.section-workspaces-2023-modal .w-modal_gallery .owl-stage-outer .owl-item img, .section-amenities-2023-modal .w-modal_gallery .owl-stage-outer .owl-item img {
height: 250px;
}
}
@media screen and (max-width: 942px) {
.section-workspaces-2023-modal .w-modal_gallery .owl-stage-outer .owl-item, .section-amenities-2023-modal .w-modal_gallery .owl-stage-outer .owl-item {
height: 360px;
min-width: calc(90vw - 100px);
width: calc(90vw - 100px) !important;
}
.section-workspaces-2023-modal .w-modal_gallery .owl-stage-outer .owl-item img, .section-amenities-2023-modal .w-modal_gallery .owl-stage-outer .owl-item img {
height: 360px;
}
}
.section-workspaces-2023-modal .w-modal_content, .section-amenities-2023-modal .w-modal_content {
width: 100%;
padding-right: 48px;
}
@media screen and (max-width: 942px) {
.section-workspaces-2023-modal .w-modal_content, .section-amenities-2023-modal .w-modal_content {
padding: 0 24px;
margin-bottom: 24px;
}
.section-workspaces-2023-modal .w-modal_content > h2, .section-workspaces-2023-modal .w-modal_content > p, .section-workspaces-2023-modal .w-modal_content .w-modal_content_address, .section-amenities-2023-modal .w-modal_content > h2, .section-amenities-2023-modal .w-modal_content > p, .section-amenities-2023-modal .w-modal_content .w-modal_content_address {
display: none;
}
}
.section-workspaces-2023-modal .w-modal_content *, .section-amenities-2023-modal .w-modal_content * {
font-family: var(--font-2) !important;
}
.section-workspaces-2023-modal .w-modal_content_title, .section-amenities-2023-modal .w-modal_content_title {
color: var(--dark-grey, #2b2c31);
font-size: 32px;
font-weight: 600;
line-height: 40px;
margin: 0 0 6px 0;
}
.section-workspaces-2023-modal .w-modal_content_location, .section-amenities-2023-modal .w-modal_content_location {
margin: 0;
}
.section-workspaces-2023-modal .w-modal_content_address, .section-amenities-2023-modal .w-modal_content_address {
display: flex;
align-items: center;
}
.section-workspaces-2023-modal .w-modal_content_address p, .section-amenities-2023-modal .w-modal_content_address p {
color: var(--grey, #666);
font-size: 14px;
line-height: 20px;
margin: 16px 0 24px 10px;
max-width: 250px;
}
.section-workspaces-2023-modal .w-modal_content_details .c-sides-title, .section-workspaces-2023-modal .w-modal_content_details .c-sides-footer, .section-amenities-2023-modal .w-modal_content_details .c-sides-title, .section-amenities-2023-modal .w-modal_content_details .c-sides-footer {
display: none !important;
}
.section-workspaces-2023-modal .w-modal_content_details > div:first-of-type, .section-amenities-2023-modal .w-modal_content_details > div:first-of-type {
color: var(--dark-grey, #2b2c31);
font-size: 16px;
line-height: 22px;
margin-bottom: 16px;
}
.section-workspaces-2023-modal .w-modal_content_details .t-feature, .section-amenities-2023-modal .w-modal_content_details .t-feature {
color: var(--grey, #666);
font-size: 16px;
line-height: 22px;
}
.section-amenities-2023-modal .w-modal {
align-items: center;
position: relative;
}
@media screen and (min-width: 47.9376em) {
.section-amenities-2023-modal .w-modal_content .w-modal_gallery_bottom_clubhouse {
display: none;
}
}
.section-amenities-2023-modal .w-modal_content_title {
font-size: 32px;
line-height: 40px;
margin-bottom: 24px;
}
.section-amenities-2023-modal .w-modal_content_title img {
display: block;
margin-bottom: 6px;
}
@media screen and (max-width: 47.9375em) {
.section-amenities-2023-modal .w-modal_content_title img {
display: inline;
}
}
@media screen and (max-width: 47.9375em) {
.section-amenities-2023-modal .w-modal_mobile-only:nth-child(2) {
margin-right: auto;
}
.section-amenities-2023-modal .w-modal_gallery_bottom_clubhouse {
padding-left: 20px;
margin-bottom: 20px;
}
.section-amenities-2023-modal .w-modal_gallery_bottom_clubhouse p {
margin-top: -4px !important;
}
}
.section-amenities-2023-modal .w-modal_gallery_bottom {
padding-left: 49px;
}
.section-amenities-2023-modal .w-modal_gallery_bottom p {
margin-top: 4px;
}
.section-amenities-2023-modal .w-modal_gallery_bottom h4 {
margin-bottom: 4px;
}
.section-amenities-2023-modal .w-modal_gallery_bottom > div:last-of-type {
margin-left: auto;
}
.section-amenities-2023-modal .w-modal_content_next {
display: flex;
justify-content: flex-end;
align-items: center;
width: -moz-fit-content;
width: fit-content;
margin-left: auto;
margin-top: 26px;
cursor: pointer;
transition: .25s ease;
}
@media screen and (min-width: 1060px) {
.section-amenities-2023-modal .w-modal_content_next {
position: absolute;
bottom: 80px;
right: 48px;
}
}
.section-amenities-2023-modal .w-modal_content_next:hover {
opacity: .65;
}
@media screen and (max-width: 47.9375em) {
.section-amenities-2023-modal .w-modal_content_next {
display: none;
}
}
.section-amenities-2023-modal .w-modal_content_next p {
margin-right: 8px;
width: -moz-fit-content;
width: fit-content;
display: flex;
flex-direction: column;
align-items: flex-end;
color: #666;
font-size: 12px;
font-style: normal;
font-weight: 300;
line-height: 14px;
}
.section-amenities-2023-modal .w-modal_content_next p span {
color: #999;
font-style: italic;
margin-bottom: 4px;
}
.section-scrollspy-navigation {
width: 100%;
background: var(--light-grey, #f6f6f6);
height: 80px;
margin-top: 21px;
}
.section-scrollspy-navigation.sticky {
position: fixed;
top: 74px;
left: 0;
width: 100vw;
z-index: 190;
box-shadow: 0px 8px 10px 0px rgba(43, 44, 49, .1);
margin-top: 0;
}
.section-scrollspy-navigation .inner {
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row;
height: 100%;
}
.section-scrollspy-navigation .inner .scrollspy-link {
padding: 8px 24px;
color: var(--grey, #666);
font-size: 16px;
font-family: var(--font-2);
line-height: 22px;
border-radius: 6px;
border: 1px solid var(--grey-lines, #ebebeb);
transition: .3s ease;
}
.section-scrollspy-navigation .inner .scrollspy-link.active {
font-weight: 600;
color: var(--dark-grey, #2b2c31);
border-radius: 6px;
background: #fff;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, .08);
}
.the-main:not(.no-alert) .section-scrollspy-navigation {
margin-top: -30px;
}
.the-main:not(.no-alert) .section-scrollspy-navigation.sticky {
top: 112px;
margin-top: 0;
}
@media screen and (max-width: 80em) {
.section-scrollspy-navigation {
display: none;
}
}
.m-location-map .gm-style .gm-style-iw-tc::before {
background: url("https://www.hubaustralia.com/nitropack_static/gCYjeJBYWPdTZqPQLYJhYkizAtXJiAfX/assets/images/optimized/rev-e699150/www.hubaustralia.com/wp-content/uploads/2023/12/Location-Pin-1.png") center/cover no-repeat;
content: "";
height: 49px;
left: -8px;
position: absolute;
top: 2px;
width: 42px;
z-index: 3;
}
.the-header.no-sticky {
position: fixed;
top: 0px !important;
z-index: 210 !important;
background: rgba(0, 0, 0, 0) !important;
opacity: 1 !important;
left: 0;
width: 100vw;
}
.the-header.no-sticky .m-header-outer {
background-color: var(--color-white);
}
.the-header.no-sticky .m-header-outer .menu-item > a.active {
border-top: 4px solid var(--color-rust);
}
.the-header .sub-menu .menu-item a.active {
border-top: 0px !important;
}
.section-locations-2023 .m-location-map {
--header: 374px;
top: -180px;
z-index: 208;
}
.section-locations-2023 .m-location-list {
max-height: 67vh;
}
.section-locations-2023 .c-locations-header {
position: fixed;
top: 0px;
padding-top: 41px;
left: 0;
/* width: 100vw; */
background: #fff;
/* box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08); */
z-index: 10;
/* padding-bottom: 21px; */
position: relative;
}
.section-locations-2023 .c-locations-header.no-alert {
padding-top: 0px;
}
.section-locations-2023 .c-locations-header .m-crumbs {
position: relative;
margin-bottom: 10px;
margin-top: 85px;
}
.section-locations-2023 .c-locations-header .m-crumbs .m-crumbs-item > * {
color: #666;
opacity: 1;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 20px;
}
.section-locations-2023 .c-locations-header .m-crumbs .m-crumbs-item:not(:last-child):after {
content: "/";
background: none;
margin: 0 10px 7px;
color: #666;
}
.section-locations-2023 .c-locations-header .c-locations-filters_title {
font-family: var(--font-4);
margin: 10px 0 10px 0;
font-size: 48px;
line-height: 56px;
color: #2b2c31;
font-weight: 300;
}
@media screen and (max-width: 600px) {
.section-locations-2023 .c-locations-header .c-locations-filters_title {
font-size: 40px;
line-height: 48px;
}
}
.section-locations-2023 .c-locations-header .c-locations-filters_container {
/* padding: 16px; */
border-radius: 6px;
display: inline-flex;
width: 70%;
}
.section-locations-2023 .c-locations-header .c-locations-filters_container .c-form-body {
display: grid;
grid-template-columns: repeat(4, 1fr);
-moz-column-gap: 35px;
column-gap: 35px;
width: 100%;
margin-left: 0;
}
.section-locations-2023 .c-locations-header .c-locations-filters_container .c-form-body > div {
padding-left: 0;
}
.section-locations-2023 .c-locations-header .c-locations-filters_container .c-form-body > div .t-label, .section-locations-2023 .c-locations-header .c-locations-filters_container .c-form-body > div .nice-select .current {
padding-left: 16px;
}
.section-locations-2023 .c-locations-header .c-locations-filters_container .c-form-body > div .t-label, .section-locations-2023 .c-locations-header .c-locations-filters_container .c-form-body > div .c-form-label {
color: #2b2c31;
font-size: 14px;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
line-height: 20px;
}
.section-locations-2023 .c-locations-header .c-locations-filters_container .c-form-body > div.is-focused > .t-label {
transform: translateY(0px) scale(1) !important;
}
.section-locations-2023 .c-locations-header .c-locations-filters_container .t-input {
width: 100%;
border-bottom: 1px solid #999;
font-size: 16px;
line-height: 22px;
color: #666;
font-family: var(--font-2);
padding: 4px 0 8px 0;
background: rgba(0, 0, 0, 0);
height: unset;
display: unset;
}
.section-locations-2023 .c-locations-header .c-locations-filters_container .nice-select .current {
border-bottom: 1px solid #999;
}
.section-locations-2023 .c-locations-header .c-locations-filters_container .nice-select .list {
max-height: 352px;
width: auto;
/* Adjust this width based on your measurement or set to 'auto' */
min-width: 270px;
/* Ensures it does not get smaller than the original design */
overflow-y: auto;
/* changed to 'auto' to accommodate varying item heights */
top: calc(100% + 15px);
border-radius: 6px;
padding: 16px 10px 0;
z-index: 1000;
display: inline-block;
}
.section-locations-2023 .c-locations-header .c-locations-filters_container .nice-select .areas {
width: 156px !important;
min-width: 150px;
}
.section-locations-2023 .c-locations-header .c-locations-filters_container .nice-select .list > .option:not(:first-of-type) {
border-top: 1px solid rgba(102, 102, 102, .2);
}
.section-locations-2023 .c-locations-header .c-locations-filters_container .nice-select .list > .option {
padding: 14px 16px 16px 14px;
font-size: 16px !important;
color: #2b2c31;
}
.section-locations-2023 .c-locations-header .c-locations-filters_container .c-locatins-apply-filters {
height: 40px;
background-color: #000;
border-radius: 6px;
}
@media screen and (max-width: 767px) {
.section-locations-2023 .c-locations-header .c-locations-filters_container {
display: none;
}
}
.section-locations-2023 .c-locations-header .c-locations-filters_container-mobile {
display: none;
}
@media screen and (max-width: 767px) {
.section-locations-2023 .c-locations-header .c-locations-filters_container-mobile {
display: block;
}
}
.section-locations-2023 .c-locations-header .c-locations-filters_container-mobile .postcode {
width: 100%;
position: relative;
margin-bottom: 16px;
}
.section-locations-2023 .c-locations-header .c-locations-filters_container-mobile .postcode > svg {
position: absolute;
left: 8px;
top: 50%;
transform: translateY(-50%);
}
.section-locations-2023 .c-locations-header .c-locations-filters_container-mobile .postcode input {
overflow: hidden;
color: #2b2c31;
font-family: var(--font-2);
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 18px;
padding: 5px 16px 5px 40px;
background: #f6f6f6;
width: 100%;
height: 40px;
}
.section-locations-2023 .c-locations-header .c-locations-filters_container-mobile .more-filters-btn {
display: flex;
align-items: center;
justify-content: center;
height: 40px;
width: 100%;
border-radius: 4px;
background: #2b2c31;
color: #fff;
text-align: center;
font-family: var(--font-2);
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 18px;
}
.section-locations-2023 .c-locations-header .c-locations-filters_container-mobile .more-filters-btn > svg {
margin-right: 8px;
}
.section-locations-2023 .c-locations-header .c-locations-filters_container-mobile #mobile-filter-popup {
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: 99999;
display: none;
}
.section-locations-2023 .c-locations-header .c-locations-filters_container-mobile #mobile-filter-popup .backdrop {
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
opacity: .5;
background: #000;
z-index: 1;
}
.section-locations-2023 .c-locations-header .c-locations-filters_container-mobile #mobile-filter-popup .popup {
border-radius: 12px;
background: #fff;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
padding: 24px;
width: calc(100vw - 48px);
z-index: 2;
}
.section-locations-2023 .c-locations-header .c-locations-filters_container-mobile #mobile-filter-popup .popup > svg {
cursor: pointer;
position: absolute;
right: 0;
top: -48px;
}
.section-locations-2023 .c-locations-header .c-locations-filters_container-mobile #mobile-filter-popup .popup .reset {
color: #8d261b;
font-family: var(--font-2);
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 18px;
margin-top: 24px;
display: block;
width: -moz-fit-content;
width: fit-content;
}
.section-locations-2023 .c-locations-header .c-locations-filters_container-mobile #mobile-filter-popup .popup .nice-select > .current {
height: 64px;
padding-top: 12px;
}
.section-locations-2023 .m-location-outer {
margin-top: 341px;
min-height: calc(100vh - 400px);
}
.section-locations-2023 .m-location-outer.no-alert {}
.section-locations-2023 .m-location-outer.select-open::after {
content: "";
position: fixed;
bottom: 0;
left: 0;
width: 100vw;
height: 100vw;
z-index: 207;
background: rgba(0, 0, 0, .3);
}
@media screen and (max-width: 47.9375em) {
.no-sticky .the-main {
margin-top: 115px;
}
.no-sticky .the-main.no-alert {
margin-top: 65px;
}
.section-locations-2023 .c-locations-header {
position: relative;
padding-top: 0;
}
.section-locations-2023 .c-locations-header .m-crumbs {
margin: 17px 0;
}
.section-locations-2023 .m-location-outer.no-alert {
margin-top: 0;
}
}
.section-clubhouse-hero .m-crumbs {
position: relative;
margin-bottom: 10px;
}
.section-clubhouse-hero .m-crumbs .m-crumbs-item > * {
color: #666;
opacity: 1;
font-family: var(--font-2);
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 20px;
}
.section-clubhouse-hero .m-crumbs .m-crumbs-item:last-child > span {
font-weight: 600;
}
.section-clubhouse-hero .m-crumbs .m-crumbs-item:not(:last-child):after {
content: "/";
background: none;
margin: 0 10px 7px;
color: #666;
}
.section-clubhouse-hero .c-head {
max-width: 780px;
padding: 66px 10px 32px 10px;
margin-left: auto;
margin-right: auto;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.section-clubhouse-hero .c-head_title {
margin: 0;
color: #2b2c31;
font-size: 48px;
font-family: var(--font-4);
font-style: normal;
font-weight: 300;
line-height: 56px;
}
.section-clubhouse-hero .c-head_location {
color: #666;
font-size: 18px;
font-family: var(--font-2);
font-style: normal;
font-weight: 300;
line-height: 24px;
margin: 0;
}
.section-clubhouse-hero .c-head_address {
color: #666;
text-align: right;
font-size: 16px;
font-family: var(--font-2);
font-style: normal;
font-weight: 300;
line-height: 22px;
}
.section-clubhouse-hero .c-head .vo-hide {
display: none;
}
.section-clubhouse-hero .c-head_partner {
width: 116px;
margin: 32px 0 24px 0;
}
.section-clubhouse-hero .c-head > div:last-of-type {
display: flex;
flex-direction: column;
align-items: flex-end;
}
@media screen and (max-width: 767px) {
.section-clubhouse-hero .c-head > div:last-of-type {
flex-direction: row-reverse;
justify-content: flex-end;
width: 100%;
align-items: center;
}
}
.c-gallery {
height: 502px;
}
.c-gallery .c-gallery_slider_image {
max-width: 762px;
width: 762px !important;
height: 502px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: 6px;
opacity: 1 !important;
}
.c-gallery .c-gallery_slider .owl-item:not(.center) img {
opacity: .75 !important;
}
.c-gallery .c-gallery_slider .owl-stage-outer {
height: 560px !important;
}
.c-gallery .c-gallery_slider .owl-dots {
bottom: 70px;
}
.c-gallery .c-gallery_slider .owl-dots button.owl-dot {
background: #000 !important;
}
.c-gallery .c-gallery_slider .owl-dots button.owl-dot.active {
opacity: 1;
}
.c-gallery .c-gallery_slider .owl-nav {
max-width: 80px;
top: unset;
bottom: 66px;
left: 50%;
transform: translateX(calc(-50% + 330px));
}
.c-gallery .c-gallery_slider .owl-nav button {
--side: 8px;
width: 40px;
}
.c-gallery .c-gallery_slider .owl-nav button.owl-prev {
background-image: url("data:image/svg+xml,%3Csvg width='49' height='49' viewBox='0 0 49 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_2892_959)'%3E%3Crect x='4.92773' y='4.43506' width='40' height='40' rx='6' fill='white' shape-rendering='crispEdges'/%3E%3Cpath d='M28.7473 31.1609C28.3543 31.5265 27.7207 31.5265 27.3277 31.1609L20.6623 24.961C20.3495 24.6701 20.3495 24.2 20.6623 23.9091L27.3277 17.7092C27.7207 17.3437 28.3543 17.3437 28.7473 17.7092C29.1404 18.0748 29.1404 18.6642 28.7473 19.0298L22.9403 24.4388L28.7554 29.8478C29.1404 30.2059 29.1404 30.8028 28.7473 31.1609Z' fill='%232B2C31'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_2892_959' x='0.927734' y='0.435059' width='48' height='48' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.168627 0 0 0 0 0.172549 0 0 0 0 0.192157 0 0 0 0.2 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_2892_959'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_2892_959' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A") !important;
}
.c-gallery .c-gallery_slider .owl-nav button.owl-prev.nitro-lazy {
background-image: none !important;
}
.c-gallery .c-gallery_slider .owl-nav button.owl-next {
background-image: url("data:image/svg+xml,%3Csvg width='49' height='49' viewBox='0 0 49 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_2892_962)'%3E%3Crect x='4.92773' y='4.43506' width='40' height='40' rx='6' fill='white' shape-rendering='crispEdges'/%3E%3Cpath d='M21.6081 31.1609C22.0011 31.5265 22.6348 31.5265 23.0278 31.1609L29.6931 24.961C30.0059 24.6701 30.0059 24.2 29.6931 23.9091L23.0278 17.7092C22.6348 17.3437 22.0011 17.3437 21.6081 17.7092C21.2151 18.0748 21.2151 18.6642 21.6081 19.0298L27.4152 24.4388L21.6001 29.8478C21.2151 30.2059 21.2151 30.8028 21.6081 31.1609Z' fill='%232B2C31'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_2892_962' x='0.927734' y='0.435059' width='48' height='48' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.168627 0 0 0 0 0.172549 0 0 0 0 0.192157 0 0 0 0.2 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_2892_962'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_2892_962' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A") !important;
}
.c-gallery .c-gallery_slider .owl-nav button.owl-next.nitro-lazy {
background-image: none !important;
}
.section-clubhouse-hero .c-gallery_badge {
color: #2b2c31;
font-size: 12px;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
line-height: 14px;
letter-spacing: 2px;
text-transform: uppercase;
display: flex;
padding: 4px 16px;
justify-content: center;
align-items: center;
border-radius: 3px;
border: .5px solid #fff;
background: #fff;
width: -moz-fit-content;
width: fit-content;
}
.section-clubhouse-hero .c-gallery_badge.bg-dark {
background: #2b2c31;
color: #fff;
border-color: #2b2c31;
}
@media screen and (max-width: 767px) {
.section-clubhouse-hero .c-gallery_badge.bg-dark {
position: absolute;
top: 32px;
}
}
.section-clubhouse-hero .c-gallery_badge_container {
max-width: 780px;
padding: 0 10px 0 28px;
margin: 0 auto;
position: relative;
bottom: -39px;
z-index: 3;
display: flex;
align-items: center;
gap: 8px;
}
@media screen and (max-width: 767px) {
.section-clubhouse-hero .c-gallery_badge_container {
padding-left: 60px;
}
}
.section-clubhouse-hero .c-bottom {
margin-top: 32px;
position: relative;
z-index: 6;
}
.section-clubhouse-hero .c-bottom_inner {
max-width: 782px;
padding: 14px 10px;
margin-left: auto;
margin-right: auto;
display: flex;
align-items: center;
}
.section-clubhouse-hero .c-bottom_inner_item {
display: flex;
}
.section-clubhouse-hero .c-bottom_inner_item > svg {
min-width: 18px;
margin-right: 10px;
}
.section-clubhouse-hero .c-bottom_inner_item p {
display: flex;
flex-direction: column;
color: #666;
font-size: 14px;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
line-height: 20px;
margin: 0;
}
.section-clubhouse-hero .c-bottom_inner_item p a {
display: flex;
align-items: center;
color: #8d261b;
margin-top: 6px;
}
.section-clubhouse-hero .c-bottom_inner_item p a svg {
margin-left: 4px;
}
.section-clubhouse-hero .c-bottom_inner_item p span {
font-weight: 300;
margin-top: 6px;
}
.section-clubhouse-hero .c-bottom_inner > div:not(.c-bottom_inner_item) {
margin-left: auto;
min-width: 193px;
}
.section-clubhouse-hero .c-bottom_inner > div:not(:last-of-type) {
margin-right: 32px;
}
.section-clubhouse-hero .c-bottom_inner_btn {
color: #fff;
font-size: 16px;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
line-height: 20px;
border-radius: 6px;
background: #8d261b;
padding: 14px 24px;
text-align: center;
width: 100%;
display: block;
transition: .25s ease-in-out;
}
.section-clubhouse-hero .c-bottom_inner_btn:hover {
background: var(--color-dark-rust);
text-decoration: none;
}
.section-clubhouse-hero .c-bottom .inner {
max-width: 1024px;
padding-top: 80px;
padding-bottom: 40px;
display: flex;
flex-direction: row;
}
.section-clubhouse-hero .c-bottom .inner .c-description {
width: 100%;
color: #2b2c31;
font-size: 28px;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
line-height: 36px;
margin: 0;
}
.section-clubhouse-hero .c-bottom .inner .c-btn-group {
min-width: 204px;
margin-left: 75px;
display: flex;
flex-direction: column;
}
.section-clubhouse-hero .c-bottom .inner .c-btn-group_btn {
font-size: 16px;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
line-height: 20px;
border-radius: 6px;
border: 1px solid #8d261b;
background: rgba(212, 212, 212, .03);
text-decoration: none;
text-align: center;
width: 100%;
padding: 14px;
}
.section-clubhouse-hero .c-bottom .inner .c-btn-group .primary {
background: #8d261b;
color: #fff;
transition: .25s ease-in-out;
}
.section-clubhouse-hero .c-bottom .inner .c-btn-group .primary:hover {
background: var(--color-dark-rust);
text-decoration: none;
}
.section-clubhouse-hero .c-bottom .inner .c-btn-group .secondary {
margin-top: 16px;
color: #8d261b;
transition: .25s ease-in-out;
}
.section-clubhouse-hero .c-bottom .inner .c-btn-group .secondary:hover {
background: #8d261b;
color: #fff;
}
@media screen and (max-width: 47.9375em) {
.section-clubhouse-hero .c-head {
flex-direction: column;
align-items: flex-start;
padding: 7px 24px 4px 24px;
}
.section-clubhouse-hero .c-head > div:first-of-type {
margin-bottom: 16px;
}
.section-clubhouse-hero .c-head_address {
text-align: left;
margin-bottom: 0;
}
.section-clubhouse-hero .m-crumbs {
padding-left: 9px;
}
.section-clubhouse-hero .c-gallery {
height: 430px;
}
.section-clubhouse-hero .c-gallery_badge_container {
padding-left: 56px;
}
.section-clubhouse-hero .c-gallery_slider_image {
max-width: calc(100vw - 96px);
width: calc(100vw - 96px) !important;
height: 400px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: 6px;
opacity: 1 !important;
transition: .4s ease;
}
.section-clubhouse-hero .c-gallery_slider .owl-item:not(.center) img {
height: 278px;
margin-top: 61px;
}
.section-clubhouse-hero .c-gallery_slider .owl-stage-outer {
height: 460px !important;
}
.section-clubhouse-hero .c-gallery_slider .owl-dots {
bottom: 35px;
}
.section-clubhouse-hero .c-gallery_slider .owl-nav {
left: unset;
transform: unset;
right: 56px;
}
.section-clubhouse-hero .c-bottom_inner {
padding-top: 60px;
justify-content: center;
margin-top: 40px;
flex-wrap: wrap;
}
.section-clubhouse-hero .c-bottom_inner_item {
min-width: -moz-fit-content;
min-width: fit-content;
}
.section-clubhouse-hero .c-bottom_inner > div:last-of-type {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0;
margin: 0;
min-width: 286px;
}
.section-clubhouse-hero .c-bottom_inner > div:last-of-type a {
padding: 10px;
text-align: center;
height: 40px;
}
.section-clubhouse-hero .c-bottom .inner {
flex-direction: column;
padding-top: 56px;
padding-bottom: 56px;
}
.section-clubhouse-hero .c-bottom .inner .c-btn-group {
margin: 32px 0 0 0;
}
}
@media screen and (max-width: 550px) {
.section-clubhouse-hero .c-head_title {
font-size: 40px;
line-height: 48px;
}
.section-clubhouse-hero .c-head_address {
font-size: 14px;
}
.section-clubhouse-hero .c-bottom_inner {
justify-content: flex-start;
row-gap: 16px;
}
.section-clubhouse-hero .c-bottom .inner .c-description {
font-size: 24px;
line-height: 30px;
}
}
.section-clubhouse-map {
width: 100vw;
height: 500px;
margin: 40px 0 0 0;
}
.section-clubhouse-map .clubhouse-map {
height: 100%;
width: 100%;
}
.section-amenities-2023 {
background: #f6f6f6;
padding: 60px 0;
}
@media screen and (max-width: 47.9375em) {
.section-amenities-2023 {
padding: 56px 0;
}
}
.section-amenities-2023.grid {
background: #fff;
}
.section-amenities-2023.grid .inner {
display: grid;
grid-template-columns: 4fr 5fr;
gap: 64px;
}
@media screen and (max-width: 900px) {
.section-amenities-2023.grid .inner {
display: block;
}
.section-amenities-2023.grid .inner .c-list {
margin-top: 24px;
}
}
.section-amenities-2023.grid .inner .c-title {
margin-bottom: 16px;
text-align: left;
}
.section-amenities-2023.grid .inner .c-list {
grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 500px) {
.section-amenities-2023.grid .inner .c-list {
grid-template-columns: 1fr;
}
}
.section-amenities-2023 .inner .c-title {
color: #2b2c31;
text-align: center;
font-size: 48px;
font-family: var(--font-4);
font-style: normal;
font-weight: 300;
line-height: 56px;
margin: 0 0 32px 0;
}
.section-free-html .inner .c-title {
color: #2b2c31;
font-size: 48px;
font-family: var(--font-4);
font-weight: 300;
line-height: 56px;
margin: 32px 0 32px 0;
}
@media screen and (max-width: 47.9375em) {
.section-amenities-2023 .inner .c-title {
font-size: 36px;
line-height: 40px;
margin-bottom: 24px;
}
.section-free-html .inner .c-title {
font-size: 36px;
line-height: 40px;
margin-bottom: 24px;
margin-top: 24px;
}
}
.section-amenities-2023 .inner .c-text {
color: #2b2c31;
font-family: var(--font-2);
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 24px;
margin: 0;
}
.section-amenities-2023 .inner .c-list {
display: flex;
flex-wrap: wrap;
gap: 24px;
/* Adjust the gap as needed */
justify-content: center;
}
@media screen and (max-width: 47.9375em) {
.section-amenities-2023 .inner .c-list {
flex-direction: column;
}
}
@media screen and (min-width: 47.9375em) {
.section-amenities-2023 .inner .c-list_item {
display: flex;
}
}
.section-amenities-2023 .inner .c-list_item {
align-items: center;
cursor: pointer;
transition: .25s ease-in-out;
color: #2b2c31;
}
.section-amenities-2023 .inner .c-list_item:hover {
opacity: .5;
}
@media screen and (max-width: 47.9375em) {
.section-amenities-2023 .inner .c-list_item {
width: -moz-fit-content;
width: 100%;
}
.section-amenities-2023 .c-list .c-list_item {
display: none;
}
.section-amenities-2023 .c-list .c-list_item:nth-child(-n + 5) {
display: flex;
}
.show-all-amenities {
display: flex;
/* Show the button */
justify-content: center;
margin-top: 20px;
}
}
.section-amenities-2023 .inner .c-list_item img {
min-width: 40px;
}
.section-amenities-2023 .inner .c-list_item:hover img {
filter: brightness(0) invert(1);
}
.section-amenities-2023 .inner .c-list_item p {
text-align: left;
margin: 0;
margin-left: 6px;
color: var(--grey, #666);
font-size: 16px;
font-family: var(--font-2);
font-style: normal;
font-weight: 300;
line-height: 24px;
}
.section-hero-banner + .section-amenities-2023.grid {
margin-top: 50px;
position: relative;
z-index: 2;
}
.section-amenities-2023-modal + .section-solutions-list.meeting-space[data-position="2"] .c-solution {
padding-top: 0 !important;
}
.section-clubhouse-about {
margin-top: -120px;
position: relative;
z-index: 6;
}
@media screen and (max-width: 1334px) {
.section-clubhouse-about {
width: 100vw;
}
}
.section-clubhouse-about .inner .c-box {
border-radius: 6px;
background: #2b2c31;
max-width: 1200px;
margin: 0 auto;
padding: 40px 0;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.section-clubhouse-about .inner .c-box .c-subtitle {
color: #fff;
font-size: 24px;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
line-height: 32px;
margin: 0 0 8px 0;
}
.section-clubhouse-about .inner .c-box .c-title {
color: #fff;
font-size: 48px;
font-family: var(--font-4);
font-style: normal;
font-weight: 300;
line-height: 56px;
margin: 0 0 40px 0;
text-align: center;
}
.section-clubhouse-about .inner .c-box .c-tab-heads {
width: 577px;
height: 40px;
display: flex;
border-radius: 6px;
border: .5px solid #999;
max-width: calc(100% - 24px);
min-width: 275px;
}
.section-clubhouse-about .inner .c-box .c-tab-heads_item {
height: 100%;
width: 50%;
color: #ebebeb;
font-size: 18px;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
line-height: 40px;
letter-spacing: 2px;
text-transform: uppercase;
text-align: center;
border-radius: 6px;
}
.section-clubhouse-about .inner .c-box .c-tab-heads_item.active {
background: #fff;
border: 1px solid #fff;
color: #2b2c31;
}
.section-clubhouse-about .inner .c-box .c-tab-body {
margin-top: 56px;
width: 100%;
padding: 0 54px;
}
.section-clubhouse-about .inner .c-box .c-tab-body_item {
display: none;
}
.section-clubhouse-about .inner .c-box .c-tab-body_item_grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.section-clubhouse-about .inner .c-box .c-tab-body_item_grid_col {
padding: 8px 40px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
width: 100%;
}
.section-clubhouse-about .inner .c-box .c-tab-body_item_grid_col:not(:last-child) {
border-right: 1px solid #ebebeb;
}
.section-clubhouse-about .inner .c-box .c-tab-body_item_grid_col img {
margin-bottom: 6px;
width: 40px;
height: 40px;
}
.section-clubhouse-about .inner .c-box .c-tab-body_item_grid_col > *:first-child {
color: #fff;
font-size: 60px;
font-family: var(--font-2);
font-style: normal;
font-weight: 300;
line-height: 68px;
}
.section-clubhouse-about .inner .c-box .c-tab-body_item_grid_col p {
color: #fff;
text-align: center;
font-size: 18px;
font-family: var(--font-2);
font-style: normal;
font-weight: 300;
line-height: 24px;
margin: 0;
}
.section-clubhouse-about .inner .c-box .c-tab-body_item_grid_col p:nth-of-type(2) {
color: #ebebeb;
font-size: 12px;
font-family: var(--font-2);
font-style: normal;
font-weight: 500;
line-height: 14px;
letter-spacing: 1px;
text-transform: uppercase;
}
.section-clubhouse-about .inner .c-box .c-tab-body_item.active {
display: block;
}
.section-clubhouse-about .inner .c-box .c-tab-body_item_slider {
margin-top: 72px;
overflow: hidden;
padding-left: 24px;
}
.section-clubhouse-about .inner .c-box .c-tab-body_item .m-wing {
flex-wrap: unset !important;
}
.section-clubhouse-about .inner .c-box .c-tab-body_item .m-wing .m-wing-left {
--column: 588px;
position: relative;
}
.section-clubhouse-about .inner .c-box .c-tab-body_item .m-wing .m-wing-left .m-slider-active .m-slider-item .c-image {
--ratio: .715;
}
.section-clubhouse-about .inner .c-box .c-tab-body_item .m-wing .m-wing-left .m-slider-active .m-slider-item .c-solution_title {
margin-top: 32px;
color: #fff;
font-size: 28px;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
line-height: 36px;
}
.section-clubhouse-about .inner .c-box .c-tab-body_item .m-wing .m-wing-left .m-slider-active .m-slider-item .c-solution_description {
margin-top: 16px;
color: #fff;
font-size: 18px;
font-family: var(--font-2);
font-style: normal;
font-weight: 300;
line-height: 24px;
}
.section-clubhouse-about .inner .c-box .c-tab-body_item .m-wing .m-wing-left .owl-nav {
top: 353px;
left: auto;
margin-right: 17px;
}
.section-clubhouse-about .inner .c-box .c-tab-body_item .m-wing .m-wing-left .c-spot-link {
margin-top: 32px;
}
.section-clubhouse-about .inner .c-box .c-tab-body_item .m-wing .m-wing-left .c-spot-link .button-2 {
margin-top: 0;
border-radius: 6px;
background: #8d261b;
padding: 12px 24px;
}
.section-clubhouse-about .inner .c-box .c-tab-body_item .m-wing .m-wing-left .c-spot-link .button-2 span {
color: #fff;
font-size: 16px;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
line-height: 20px;
}
.section-clubhouse-about .inner .c-box .c-tab-body_item .m-wing .m-wing-left .c-spot-link .button-2 span:after {
content: unset !important;
}
.section-clubhouse-about .inner .c-box .c-tab-body_item .m-wing .m-wing-right {
--gap: 32px;
flex: 0 0 calc(100% - 678px);
max-width: calc(100% - 678px);
}
.section-clubhouse-about .inner .c-box .c-tab-body_item .m-wing .m-wing-right .m-slider-outer {
width: 100%;
}
.section-clubhouse-about .inner .c-box .c-tab-body_item .m-wing .m-wing-right .m-slider-outer .m-slider {
-webkit-clip-path: inset(-100vw -100vw -100vw 0);
clip-path: inset(-100vw -100vw -100vw 0);
width: 100%;
max-width: 100%;
position: relative;
}
.section-clubhouse-about .inner .c-box .c-tab-body_item .m-wing .m-wing-right .m-slider-outer .m-slider .owl-carousel .owl-stage-outer {
overflow: visible;
}
.section-clubhouse-about .inner .c-box .c-tab-body_item .m-wing .m-wing-right .m-slider-outer .m-slider .owl-carousel .owl-stage-outer .owl-stage .owl-item > .m-slider-item {
width: 486px;
height: 659px;
}
.section-clubhouse-about .inner .c-box .c-tab-body_item .m-wing .m-wing-right .m-slider-outer .m-slider .owl-carousel .owl-stage-outer .owl-stage .owl-item > .m-slider-item .c-image {
height: 100%;
}
.section-clubhouse-about .inner .c-box .c-tab-body_item .m-wing .m-wing-right .m-slider-outer .m-slider .owl-carousel .owl-stage-outer .owl-stage .owl-item > .m-slider-item .c-image img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.section-clubhouse-about .inner .c-box .c-tab-body_item .m-wing .m-wing-right .m-slider-outer .m-slider .owl-carousel .owl-stage-outer .owl-stage .owl-item > .m-slider-item .c-solution_title {
z-index: 1;
position: absolute;
bottom: 25px;
left: 32px;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
font-size: 32px;
line-height: 40px;
color: var(--color-white);
}
.section-clubhouse-about .inner .c-box .c-tab-body_item .m-wing .m-wing-right .m-slider-outer .m-slider .owl-carousel .owl-stage-outer .owl-stage .owl-item > .m-slider-item .c-solution_description {
display: none;
}
.section-clubhouse-about .inner .c-box .c-tab-body_item#tab-0 .m-wing-right .c-solution_title {
display: none;
}
@media screen and (max-width: 64em) {
.section-clubhouse-about .inner .c-box .c-tab-body_item_grid {
display: grid;
grid-template-columns: 1fr 1fr !important;
height: -moz-fit-content;
height: fit-content;
row-gap: 24px;
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.section-clubhouse-about .inner .c-box .c-tab-body_item_grid_col {
width: 100%;
padding: 8px 20px;
border-right: 0 !important;
}
.section-clubhouse-about .inner .c-box .c-tab-body_item_grid_col:nth-child(2), .section-clubhouse-about .inner .c-box .c-tab-body_item_grid_col:nth-child(4) {
border-left: 1px solid #ebebeb;
}
}
@media screen and (max-width: 620px) {
.section-clubhouse-about .inner .c-box {
padding: 56px 24px;
}
.section-clubhouse-about .inner .c-box .c-subtitle {
font-size: 18px;
line-height: 24px;
}
.section-clubhouse-about .inner .c-box .c-title {
font-size: 32px;
line-height: 40px;
text-align: center;
}
.section-clubhouse-about .inner .c-box .c-tab-body {
padding: 0;
margin-top: 24px;
}
.section-clubhouse-about .inner .c-box .c-tab-body_item_grid_col {
padding: 8px;
}
.section-clubhouse-about .inner .c-box .c-tab-body_item_grid_col > *:first-child {
line-height: 68px;
font-size: 40px;
}
.section-clubhouse-about .inner .c-box .c-tab-body_item_grid_col p {
font-size: 16px;
line-height: 22px;
}
.section-clubhouse-about .inner .c-box .c-tab-heads_item {
font-size: 14px;
text-decoration: none;
}
.section-clubhouse-about .inner .c-box .c-tab-body_item_slider {
padding-left: 0;
}
.section-clubhouse-about .inner .c-box .c-tab-body_item_slider {
margin-top: 24px;
}
.section-clubhouse-about .inner .c-box .c-tab-body_item .m-wing .m-wing-left .owl-nav {
top: 54vw;
}
.section-clubhouse-about .inner .c-box .c-tab-body_item .m-wing .m-wing-left .owl-nav button {
width: 40px;
}
}
.section-clubhouse-testimonials {
margin-top: 24px;
}
@media screen and (max-width: 690px) {
.section-clubhouse-testimonials {
padding-bottom: 0px !important;
}
}
@media screen and (max-width: 500px) {
.section-clubhouse-testimonials .inner {
padding: 0 !important;
}
}
.section-clubhouse-testimonials .inner .c-box {
max-width: 1200px;
width: 100%;
margin: 0 auto;
border-radius: 6px;
background: #ebebeb;
padding: 80px 60px;
}
@media screen and (max-width: 837px) {
.section-clubhouse-testimonials .inner .c-box {
padding-bottom: 0;
}
}
@media screen and (max-width: 500px) {
.section-clubhouse-testimonials .inner .c-box {
padding: 56px 24px 0 24px;
border-radius: 0;
}
.section-clubhouse-testimonials .inner .c-box.more-padding {
padding-bottom: 32px;
}
}
.section-clubhouse-testimonials .inner .c-box-testimonials_slider {
position: relative;
padding-right: 60px;
display: flex;
opacity: 0;
transition: opacity .3s ease, height .4s ease;
}
@media screen and (max-width: 1200px) {
.section-clubhouse-testimonials .inner .c-box-testimonials_slider {
padding-right: 0px;
}
}
@media screen and (max-width: 955px) {
.section-clubhouse-testimonials .inner .c-box-testimonials_slider {
padding-left: 60px;
}
}
@media screen and (max-width: 837px) {
.section-clubhouse-testimonials .inner .c-box-testimonials_slider {
padding-left: 0;
}
}
.section-clubhouse-testimonials .inner .c-box-testimonials_slider .coverflow__track {
position: absolute;
overflow: hidden;
}
@media screen and (max-width: 955px) {
.section-clubhouse-testimonials .inner .c-box-testimonials_slider .coverflow__track {
overflow: visible;
}
}
@media screen and (max-width: 837px) {
.section-clubhouse-testimonials .inner .c-box-testimonials_slider .coverflow__track {
overflow: hidden;
}
}
.section-clubhouse-testimonials .inner .c-box-testimonials_slider .coverflow__nav-container {
display: none;
}
.section-clubhouse-testimonials .inner .c-box-testimonials_slider .coverflow__track {
transform: scaleX(-1);
max-width: 82vw;
}
.section-clubhouse-testimonials .inner .c-box-testimonials_slider .coverflow__dots-container {
display: flex;
align-items: center;
margin-top: 32px;
transition: .25s ease-in-out;
}
@media screen and (max-width: 837px) {
.section-clubhouse-testimonials .inner .c-box-testimonials_slider .coverflow__dots-container {
margin-top: 24px;
}
}
.section-clubhouse-testimonials .inner .c-box-testimonials_slider .coverflow__dots-container .coverflow__dot {
width: 55px;
height: 4px;
margin-right: 4px;
background: #2b2c31;
opacity: .2;
cursor: pointer;
}
.section-clubhouse-testimonials .inner .c-box-testimonials_slider_item {
display: flex;
flex-direction: row-reverse;
width: 990px;
height: -moz-fit-content;
height: fit-content;
background: #ebebeb;
position: relative;
max-width: calc(100% - 80px);
}
@media screen and (max-width: 837px) {
.section-clubhouse-testimonials .inner .c-box-testimonials_slider_item {
flex-direction: column;
background: rgba(0, 0, 0, 0) !important;
}
}
@media screen and (max-width: 955px) {
.section-clubhouse-testimonials .inner .c-box-testimonials_slider_item {
max-width: 100%;
}
}
.section-clubhouse-testimonials .inner .c-box-testimonials_slider_item .badge {
position: absolute;
right: 52vw;
top: 10px;
padding: 4px 16px;
color: #fff;
font-family: var(--font-2);
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 14px;
letter-spacing: 2px;
text-transform: uppercase;
border-radius: 3px;
background: var(--color-rust);
z-index: 2;
width: -moz-fit-content;
width: fit-content;
transform: scaleX(-1);
}
@media screen and (max-width: 837px) {
.section-clubhouse-testimonials .inner .c-box-testimonials_slider_item .badge {
right: unset;
left: 28px;
}
}
.section-clubhouse-testimonials .inner .c-box-testimonials_slider_item img {
/* margin-left: 72px; */
min-width: 282px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: 6px;
transform: scaleX(-1);
}
@media screen and (max-width: 1200px) {
.section-clubhouse-testimonials .inner .c-box-testimonials_slider_item img {
margin-left: 30px;
}
}
@media screen and (max-width: 837px) {
.section-clubhouse-testimonials .inner .c-box-testimonials_slider_item img {
width: calc(100% - 88px);
height: auto;
margin-left: 0;
margin-right: auto;
}
.section-clubhouse-testimonials .inner .c-box-testimonials_slider_item img.opt-full-width {
width: 100%;
transform: translateX(0px) !important;
}
}
.section-clubhouse-testimonials .inner .c-box-testimonials_slider_item > div {
width: 100%;
padding-top: 16px;
transform: scaleX(-1);
transition: none;
height: -moz-fit-content;
height: fit-content;
padding-bottom: 16px;
}
@media screen and (max-width: 837px) {
.section-clubhouse-testimonials .inner .c-box-testimonials_slider_item > div {
background: #ebebeb;
}
}
.section-clubhouse-testimonials .inner .c-box-testimonials_slider_item > div .c-quote-text {
margin: 34px 0 32px 0;
color: #2b2c31;
font-size: 20px;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
line-height: 28px;
}
@media screen and (max-width: 837px) {
.section-clubhouse-testimonials .inner .c-box-testimonials_slider_item > div .c-quote-text {
margin: 24px 0 32px 0;
}
}
@media screen and (max-width: 690px) {
.section-clubhouse-testimonials .inner .c-box-testimonials_slider_item > div .c-quote-text {
font-size: 20px;
line-height: 24px;
}
}
.section-clubhouse-testimonials .inner .c-box-testimonials_slider_item > div .c-quote-name {
margin: 0;
color: #2b2c31;
font-size: 18px;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
line-height: 20px;
}
.section-clubhouse-testimonials .inner .c-box-testimonials_slider_item > div .c-quote-company {
margin: 8px 0 0 0;
color: #2b2c31;
font-size: 16px;
font-family: var(--font-2);
font-style: normal;
font-weight: 300;
line-height: 20px;
}
.section-clubhouse-testimonials.dark-mode {
background: #2b2c31;
}
.section-clubhouse-testimonials.dark-mode .inner .c-box {
background: #2b2c31;
}
.section-clubhouse-testimonials.dark-mode .inner .c-box .c-quote-text, .section-clubhouse-testimonials.dark-mode .inner .c-box .c-quote-name, .section-clubhouse-testimonials.dark-mode .inner .c-box .c-quote-company {
color: #fff;
}
.section-clubhouse-testimonials.dark-mode .inner .c-box .owl-carousel .owl-dots button {
background: #fff !important;
}
.section-clubhouse-testimonials.dark-mode .inner .c-box .c-box-testimonials_slider_item > div {
background: #2b2c31;
}
.section-clubhouse-testimonials.dark-mode .inner .c-box .c-box-testimonials_slider .coverflow__dots-container .coverflow__dot {
background: #fff;
}
.section-clubhouse-testimonials.dark-mode .inner .c-box .c-box-testimonials_slider_item {
background: #2b2c31;
}
@media screen and (max-width: 837px) {
.section-clubhouse-testimonials .inner .c-box .c-box-testimonials_slider_item[data-slide-index="0"] img {
transform: translateX(-12px);
}
.section-clubhouse-testimonials .inner .c-box .c-box-testimonials_slider_item[data-slide-index="1"]:not(.active) img {
transform: translateY(-22px) translateX(-100px);
}
.section-clubhouse-testimonials .inner .c-box .c-box-testimonials_slider_item[data-slide-index="2"]:not(.active):after {
display: none;
}
.section-clubhouse-testimonials .inner .c-box .c-box-testimonials_slider_item[data-slide-index="2"]:not(.active) img {
transform: translateY(-42px) translateX(-50px);
}
}
.section-clubhouse-testimonials .inner .c-box .c-box-testimonials_slider_item:not(.active) > div {
opacity: 0;
}
.section-clubhouse-testimonials .inner .c-box .c-box-testimonials_slider_item > div {
transition: opacity .5s ease;
}
@media screen and (max-width: 400px) {
.section-clubhouse-testimonials .inner .c-box .c-box-testimonials_slider_item {
padding: 0px 20px;
}
.section-clubhouse-testimonials .inner .c-box .c-box-testimonials_slider_item[data-slide-index="0"] img {
transform: translateX(-12px);
}
.section-clubhouse-testimonials .inner .c-box .c-box-testimonials_slider_item[data-slide-index="1"]:not(.active) img {
transform: translateY(-22px) translateX(-100px);
}
.section-clubhouse-testimonials .inner .c-box .c-box-testimonials_slider_item[data-slide-index="2"]:not(.active) img {
transform: translateY(-42px) translateX(-50px);
}
.section-clubhouse-testimonials .inner .c-box-testimonials_slider .coverflow__track {
width: 100% !important;
max-width: unset !important;
min-height: 600px;
}
.section-clubhouse-testimonials .inner .c-box {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
.section-clubhouse-products-2023 {
padding: 70px 0;
background: #f6f6f6;
margin: 0px 0 8px;
}
.section-clubhouse-products-2023 .inner {
align-items: center;
}
.section-clubhouse-products-2023 .inner .c-title {
color: #2b2c31;
font-size: 48px;
font-family: var(--font-4);
font-style: normal;
font-weight: 300;
line-height: 56px;
margin: 0 0 20px 0;
}
.section-clubhouse-products-2023 .inner .c-mobile-filters-btn, .section-clubhouse-products-2023 .inner .c-mobile-filters-modal {
display: none;
}
.section-clubhouse-products-2023 .inner .c-filters {
display: flex;
border: 1px solid #999;
border-radius: 6px;
}
.section-clubhouse-products-2023 .inner .c-filters_btn {
padding: 12px 24px;
text-align: center;
min-width: 213px;
cursor: pointer;
color: #2b2c31;
font-size: 16px;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
line-height: 20px;
letter-spacing: 2px;
display: flex;
align-items: center;
justify-content: center;
}
.section-clubhouse-products-2023 .inner .c-filters_btn:not(:last-child) {
margin: 0 -6px;
border-right: 1px solid #999;
}
.section-clubhouse-products-2023 .inner .c-filters_btn.active {
color: #fff;
background: #2b2c31;
border-radius: 6px;
}
.section-clubhouse-products-2023 .inner .c-products-container {
margin: 20px 0;
}
.section-clubhouse-products-2023 .inner .c-products-container .c-products-slider {
display: none;
gap: 24px;
width: 1591px !important;
max-width: 100vw;
}
.section-clubhouse-products-2023 .inner .c-products-container .c-products-slider .owl-stage {
display: flex;
left: 14px;
}
.section-clubhouse-products-2023 .inner .c-products-container .c-products-slider .owl-nav {
width: calc(100% + 100px);
margin-left: -45px;
}
.section-clubhouse-products-2023 .inner .c-products-container .c-products-slider .owl-nav button {
width: 48px;
}
.section-clubhouse-products-2023 .inner .c-products-container .c-products-slider .owl-nav button.disabled {
display: none !important;
}
@media screen and (max-width: 1658px) {
.section-clubhouse-products-2023 .inner .c-products-container .c-products-slider .owl-nav {
display: flex !important;
width: 100%;
margin-left: 0;
padding: 0 15px;
top: 47.5%;
}
}
.section-clubhouse-products-2023 .inner .c-products-container .c-products-slider .owl-dots {
bottom: -15px;
}
.section-clubhouse-products-2023 .inner .c-products-container .c-products-slider .owl-dots button {
background: var(--color-dark-grey) !important;
}
.section-clubhouse-products-2023 .inner .c-products-container .c-products-slider .c-product {
border-radius: 6px;
overflow: hidden;
background: #fff;
width: 379px;
min-width: 379px;
padding: 0 24px 24px 24px;
/* height: 100%; */
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, .08);
}
.landing-page .section-clubhouse-products-2023 .inner .c-products-container .c-products-slider .c-product {
border-radius: 6px;
overflow: hidden;
background: #fff;
width: 280px;
min-width: 280px;
padding: 0 24px 24px 24px;
/* height: 100%; */
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, .08);
}
.section-clubhouse-products-2023 .inner .c-products-container .c-products-slider .c-product:hover {}
@media screen and (max-width: 768px) {
.section-clubhouse-products-2023 .inner .c-products-container .c-products-slider .c-product {
width: calc(100vw - 30px);
min-width: unset;
width: 90% !important;
}
}
.section-clubhouse-products-2023 .inner .c-products-container .c-products-slider .c-product picture, .section-clubhouse-products-2023 .inner .c-products-container .c-products-slider .c-product img {
border-radius: 6px 6px 0 0;
width: calc(100% + 48px);
margin-left: -24px;
max-width: unset;
margin-bottom: 24px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
max-height: 210px;
height: 210px;
}
.section-clubhouse-products-2023 .inner .c-products-container .c-products-slider .c-product-title {
color: #2b2c31;
font-size: 20px;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
line-height: 36px;
margin: 0;
}
.section-clubhouse-products-2023 .inner .c-products-container .c-products-slider .c-product-text {
color: #2b2c31;
font-size: 16px;
font-family: var(--font-2);
font-style: normal;
font-weight: 300;
line-height: 24px;
margin: 16px 0;
min-height: 75px;
}
.section-clubhouse-products-2023 .inner .c-products-container .c-products-slider .c-product-features_item {
display: flex;
padding: 0 24px;
color: #2b2c31;
font-size: 18px;
font-family: var(--font-2);
font-style: normal;
font-weight: 300;
line-height: 24px;
}
.section-clubhouse-products-2023 .inner .c-products-container .c-products-slider .c-product-features_item:not(:first-child) {
margin-top: 16px;
}
.section-clubhouse-products-2023 .inner .c-products-container .c-products-slider .c-product-features_item > svg {
margin-right: 16px;
min-width: 16px;
}
.section-clubhouse-products-2023 .inner .c-products-container .c-products-slider .c-product-price {
color: #666;
font-size: 12px;
font-family: var(--font-2);
font-style: normal;
font-weight: 500;
line-height: 14px;
letter-spacing: 1px;
text-transform: uppercase;
margin: auto 0 8px 0;
padding-top: 32px;
}
.section-clubhouse-products-2023 .inner .c-products-container .c-products-slider .c-product-price-number {
color: #2b2c31;
font-size: 17px;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
line-height: 32px;
margin: 0;
}
.section-clubhouse-products-2023 .inner .c-products-container .c-products-slider .c-product-cta {
margin-top: 24px;
display: block;
width: 100%;
padding: 16px 24px;
border-radius: 6px;
border: 1px solid #8d261b;
background: rgba(212, 212, 212, .03);
color: #8d261b;
font-size: 16px;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
line-height: 20px;
text-align: center;
transition: .25s ease;
}
.section-clubhouse-products-2023 .inner .c-products-container .c-products-slider .c-product-cta:hover {
background: #8d261b;
color: #fff;
text-decoration: none;
}
.section-clubhouse-products-2023 .inner .c-products-container .c-products-slider.active {
display: flex;
justify-content: center;
width: -moz-fit-content;
width: fit-content;
}
.section-clubhouse-products-2023 .inner .c-cta-section {
width: 379px;
display: flex;
flex-direction: column;
align-items: center;
}
.section-clubhouse-products-2023 .inner .c-cta-section_btn {
width: 100%;
padding: 16px 0;
color: #fff;
font-size: 16px;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
line-height: 20px;
border-radius: 6px;
background: #8d261b;
text-align: center;
display: block;
text-decoration: none;
transition: .25s ease;
}
.section-clubhouse-products-2023 .inner .c-cta-section_btn:hover {
background: var(--color-dark-rust);
}
.section-clubhouse-products-2023 .inner .c-cta-section_text {
margin-top: 8px;
color: #666;
text-align: center;
font-size: 14px;
font-family: var(--font-2);
font-style: normal;
font-weight: 300;
line-height: 20px;
text-align: center;
}
.section-clubhouse-products-2023.home {
background: #2b2c31;
margin: 10px 0 8px 0;
position: relative;
z-index: 20;
}
.section-clubhouse-products-2023.home .inner {
align-items: center;
}
.section-clubhouse-products-2023.home .inner .c-title {
color: #fff;
}
.section-clubhouse-products-2023.home .inner .c-filters_btn {
color: #ebebeb;
}
.section-clubhouse-products-2023.home .inner .c-filters_btn.active {
color: #2b2c31;
background: #fff;
}
.section-clubhouse-products-2023.home .inner .c-products-container .c-products-slider {
width: 1218px !important;
padding-top: 15px;
}
.section-clubhouse-products-2023.home .inner .c-products-container .c-products-slider .owl-dots {
bottom: 0px;
display: flex !important;
opacity: 1 !important;
}
.section-clubhouse-products-2023.home .inner .c-products-container .c-products-slider .owl-dots button {
background: #fff !important;
width: 55px;
}
.section-clubhouse-products-2023.home .inner .c-products-container .c-products-slider .c-product {
background: rgba(0, 0, 0, 0);
border: 1px solid #f6f6f6;
display: flex;
flex-direction: column;
width: 280px;
min-width: 280px;
text-decoration: none;
transition: opacity .3s ease;
}
.section-clubhouse-products-2023.home .inner .c-products-container .c-products-slider .c-product:hover {
opacity: .75;
}
.section-clubhouse-products-2023.home .inner .c-products-container .c-products-slider .c-product img {
height: 202px;
padding-bottom: 0;
}
.section-clubhouse-products-2023.home .inner .c-products-container .c-products-slider .c-product-title {
font-size: 24px;
line-height: 28px;
color: #fff;
}
.section-clubhouse-products-2023.home .inner .c-products-container .c-products-slider .c-product-text, .section-clubhouse-products-2023.home .inner .c-products-container .c-products-slider .c-product-text p {
font-size: 16px;
line-height: 22px;
color: #fff;
font-weight: 300;
height: 82px;
}
.section-clubhouse-products-2023.home .inner .c-products-container .c-products-slider .c-product-cta {
all: unset;
display: flex;
color: #fff;
align-items: center;
gap: 4px;
font-family: var(--font-2);
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 18px;
margin-top: 5px;
cursor: pointer;
}
@media screen and (max-width: 1300px) {
.section-clubhouse-products-2023 .inner .c-products-slider {
justify-content: flex-start !important;
width: calc(100vw - 30px) !important;
overflow-x: scroll;
scroll-snap-type: x mandatory;
}
.section-clubhouse-products-2023 .inner .c-products-slider .c-product {
scroll-snap-align: start;
}
.section-clubhouse-products-2023 .inner .c-products-slider::-webkit-scrollbar {
width: 0;
display: none;
}
}
@media screen and (max-width: 47.9375em) {
.section-clubhouse-products-2023.home .inner .c-filters_btn {
min-width: 185px;
padding-top: 8px;
padding-bottom: 8px;
font-size: 14px;
}
.section-clubhouse-products-2023.home .inner .c-filters {
overflow-x: scroll;
width: calc(100vw - 30px);
}
.section-clubhouse-products-2023.home .inner .c-filters::-webkit-scrollbar {
width: 0;
display: none;
}
.section-clubhouse-products-2023 .inner .c-title {
font-size: 32px;
line-height: 40px;
text-align: center;
}
.section-clubhouse-products-2023 .inner .c-cta-section {
max-width: calc(100vw - 30px);
}
.section-clubhouse-products-2023:not(.home) {
margin-top: 0;
}
.section-clubhouse-products-2023:not(.home) .inner .c-title {
margin-bottom: 24px;
}
.section-clubhouse-products-2023:not(.home) .inner .c-filters {
display: none;
}
.section-clubhouse-products-2023:not(.home) .inner .c-mobile-filters-btn {
display: flex;
width: 100%;
justify-content: center;
align-items: center;
color: #fff;
font-family: var(--font-2);
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 18px;
padding: 5px;
border-radius: 4px;
background: #2b2c31;
}
.section-clubhouse-products-2023:not(.home) .inner .c-mobile-filters-btn svg {
margin-right: 8px;
}
.section-clubhouse-products-2023:not(.home) .inner .c-products-container {
margin-top: 24px;
margin-bottom: 40px;
}
.section-clubhouse-products-2023:not(.home) .inner .c-products-container .owl-dots {
bottom: -6.5px;
}
.section-clubhouse-products-2023:not(.home) .inner .c-products-container .owl-dots button {
background: #000 !important;
}
.section-clubhouse-products-2023:not(.home) .inner .c-products-container .c-products-slider {
overflow-x: visible;
scroll-snap-type: unset;
}
.section-clubhouse-products-2023:not(.home) .inner .c-mobile-filters-modal {
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: 999999999;
}
.section-clubhouse-products-2023:not(.home) .inner .c-mobile-filters-modal .backdrop {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 2;
background: rgba(0, 0, 0, .5);
}
.section-clubhouse-products-2023:not(.home) .inner .c-mobile-filters-modal .popup {
position: absolute;
top: 50%;
left: 50%;
width: calc(100% - 44px);
transform: translate(-50%, -50%);
padding: 24px;
z-index: 3;
background: #fff;
border-radius: 12px;
display: flex;
flex-direction: column;
}
.section-clubhouse-products-2023:not(.home) .inner .c-mobile-filters-modal .popup .c-popup-filter {
margin-top: 16px;
padding: 8px 12px 8px 44px;
border-radius: 6px;
border: 1px solid rgba(153, 153, 153, .5);
position: relative;
text-transform: capitalize;
}
}
@media screen and (max-width: 47.9375em) and (max-width: 452px) {
.section-clubhouse-products-2023:not(.home) .inner .c-mobile-filters-modal .popup .c-popup-filter {
padding: 8px 8px 8px 28px;
}
}
@media screen and (max-width: 47.9375em) {
.section-clubhouse-products-2023:not(.home) .inner .c-mobile-filters-modal .popup .c-popup-filter::after {
content: "";
z-index: 2;
position: absolute;
top: 12px;
left: 16px;
background: #fff;
border: 1px solid #2b2c31;
width: 16px;
height: 16px;
border-radius: 50%;
}
}
@media screen and (max-width: 47.9375em) and (max-width: 452px) {
.section-clubhouse-products-2023:not(.home) .inner .c-mobile-filters-modal .popup .c-popup-filter::after {
left: 8px;
width: 14px;
height: 14px;
}
}
@media screen and (max-width: 47.9375em) {
.section-clubhouse-products-2023:not(.home) .inner .c-mobile-filters-modal .popup .c-popup-filter.active {
border: 1px solid var(--color-rust);
color: #2b2c31;
}
.section-clubhouse-products-2023:not(.home) .inner .c-mobile-filters-modal .popup .c-popup-filter.active::before {
content: "";
z-index: 3;
position: absolute;
top: 15px;
left: 19px;
background: #8d261b;
width: 10px;
height: 10px;
border-radius: 50%;
}
}
@media screen and (max-width: 47.9375em) and (max-width: 452px) {
.section-clubhouse-products-2023:not(.home) .inner .c-mobile-filters-modal .popup .c-popup-filter.active::before {
left: 11px;
width: 8px;
height: 8px;
}
}
@media screen and (max-width: 47.9375em) {
.section-clubhouse-products-2023:not(.home) .inner .c-mobile-filters-modal .popup .c-popup-filter:first-of-type {
margin: 0;
}
.section-clubhouse-products-2023:not(.home) .inner .c-mobile-filters-modal .popup > svg {
position: absolute;
right: 0;
top: -48px;
cursor: pointer;
}
}
.section-solution-details .inner .c-box {
width: 70%;
display: flex;
align-items: center;
padding: 43px 42px 202px 75px;
border-radius: 0px 6px 0px 0px;
background: #fff;
position: relative;
margin-top: -272px;
}
.section-solution-details .inner .c-box:before {
content: "";
width: 100vw;
position: absolute;
top: 0;
height: 292px;
right: 100%;
background: #fff;
}
.section-solution-details .inner .c-box_item:first-child {
padding-right: 32px;
}
.section-solution-details .inner .c-box_item:nth-child(2) {
padding: 0 32px;
border-left: 1px solid #ebebeb;
border-right: 1px solid #ebebeb;
}
.section-solution-details .inner .c-box_item:last-of-type {
padding-left: 32px;
border-right: none;
}
.section-solution-details .inner .c-box_item_heading {
color: #666;
font-family: var(--font-2);
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 14px;
letter-spacing: 1px;
text-transform: uppercase;
margin: 0;
}
.section-solution-details .inner .c-box_item_text {
color: #2b2c31;
font-family: var(--font-2);
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 24px;
margin: 8px 0 0 0;
}
.section-solution-details .inner .c-box_cta {
margin-left: auto;
display: block;
border-radius: 6px;
background: #8d261b;
padding: 14px 24px;
width: 172px;
text-align: center;
color: #fff;
font-family: var(--font-2);
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 20px;
text-decoration: none;
min-width: -moz-fit-content;
min-width: fit-content;
transition: .25s ease-in-out;
}
.section-solution-details .inner .c-box_cta:hover {
background: var(--color-dark-rust);
}
@media screen and (max-width: 75em) {
.section-solution-details .inner .c-box {
padding: 43px 24px 202px 24px;
}
.section-solution-details .inner .c-box_item {
padding: 0 16px !important;
}
.section-solution-details .inner .c-box_item_heading {
word-break: keep-all;
}
.section-solution-details .c-brochure-modal_popup-image {
width: 35%;
min-width: unset;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: right;
object-position: right;
}
}
.c-brochure-modal {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 99999;
display: none;
}
.c-brochure-modal_backdrop {
width: 100vw;
height: 100vh;
position: absolute;
left: 0;
top: 0;
z-index: 2;
opacity: .6000000238;
background: rgba(0, 0, 0, .5);
}
.c-brochure-modal_popup {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 3;
display: flex;
border-radius: 6px;
background: #f6f6f6;
box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, .1);
width: 90vw;
max-width: 1196px;
}
.c-brochure-modal_popup-close {
position: absolute;
right: 0;
top: -48px;
cursor: pointer;
}
.c-brochure-modal_popup-image {
min-width: 506px;
width: 506px;
border-radius: 6px 0px 0px 6px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
@media screen and (max-width: 1100px) {
.c-brochure-modal_popup-image {
min-width: 250px;
width: 250px;
}
}
.c-brochure-modal_popup .c-form-wrapper {
width: 100%;
padding: 80px 56px;
}
.c-brochure-modal_popup .c-form-wrapper .h2 {
color: #2b2c31;
font-family: var(--font-4);
font-size: 48px;
font-style: normal;
font-weight: 300;
line-height: 56px;
}
.c-brochure-modal_popup .c-form-wrapper .h4 {
color: #666;
font-family: var(--font-2);
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 24px;
}
.c-brochure-modal_popup .c-form-wrapper .c-form-submit > button {
border-radius: 6px;
margin-top: 12px;
}
@media screen and (max-width: 64em) {
.section-solution-details .inner .c-box {
display: grid;
grid-template-columns: 1fr 1fr;
row-gap: 18px;
}
.section-solution-details .inner .c-box .c-box_item:nth-child(2) {
border-right: none;
}
.section-solution-details .inner .c-box_cta {
width: calc(100% - 32px);
margin-right: auto;
}
}
@media screen and (max-width: 47.9375em) {
.section-solution-details .inner .c-box {
padding-right: 49px;
width: calc(100% - 21px);
max-width: 500px;
padding-left: 0;
padding-top: 24px;
}
.section-solution-details .inner .c-box_cta {
grid-row-start: 3;
grid-column: 1/3;
margin-left: unset;
}
.section-solution-details .inner .c-box_item:first-of-type {
padding-left: 0 !important;
}
.section-solution-details .inner .c-box_item:nth-child(2) {
padding-right: 0 !important;
}
.section-solution-details .inner .c-box_item:last-of-type {
grid-column: 1/3;
padding-left: 0 !important;
}
.section-solution-details .inner .c-box:after {
content: "";
width: 100vw;
position: absolute;
bottom: 0;
height: 330px;
left: 100%;
background: #fff;
}
.c-brochure-modal_popup {
flex-direction: column;
}
.c-brochure-modal_popup-image {
width: 1100%;
height: 200px;
border-radius: 6px 6px 0 0;
}
.c-brochure-modal_popup .c-form-wrapper {
padding: 38px 24px;
}
.c-brochure-modal_popup .c-form-wrapper .h2 {
font-size: 34px;
line-height: 40px;
}
.c-brochure-modal_popup .c-form-wrapper .h4 {
font-size: 14px;
line-height: 18px;
}
.c-brochure-modal_popup .c-form-wrapper .c-referral-form {
margin-top: -20px;
}
}
.section-image-carousel {
margin-bottom: 64px;
}
.section-image-carousel .owl-carousel {
width: 100%;
height: 480px;
}
.section-image-carousel .owl-carousel .owl-item {
height: 480px;
width: 690px;
}
.section-image-carousel .owl-carousel .owl-item img {
height: 480px;
width: 690px;
padding-bottom: 0 !important;
border-radius: 6px;
-o-object-fit: cover;
object-fit: cover;
}
.section-image-carousel .owl-carousel .owl-item:not(.center) {
opacity: .8;
}
.section-image-carousel .owl-carousel .owl-stage-outer {
height: 480px;
}
.section-image-carousel .owl-carousel .owl-stage {
left: -225px;
}
.section-image-carousel .owl-carousel .owl-nav {
width: 75px;
left: 50%;
transform: translateX(calc(-50% + 65px));
top: unset;
bottom: 12px;
}
.single-post .section-image-carousel {
margin-bottom: 0;
width: 100%;
padding: 0;
height: 556px;
}
@media screen and (max-width: 47.9375em) {
.single-post .section-image-carousel {
height: 67vw;
}
}
.single-post .section-image-carousel .owl-carousel .owl-stage {
left: 0px !important;
display: flex;
align-items: center;
transition: all .5s ease-in-out;
}
@media screen and (max-width: 47.9375em) {
.single-post .section-image-carousel .owl-carousel .owl-stage {
left: 7.5px !important;
}
}
.single-post .section-image-carousel .owl-carousel .owl-stage-outer {
overflow: visible !important;
height: 556px;
}
.single-post .section-image-carousel .owl-carousel .owl-stage-outer .owl-item {
height: -moz-fit-content;
height: fit-content;
transition: opacity .3s ease;
}
.single-post .section-image-carousel .owl-carousel .owl-stage-outer .owl-item:not(.center) {
opacity: .65;
}
.single-post .section-image-carousel .owl-carousel .owl-stage-outer .owl-item > img {
min-width: 1000px !important;
width: 1000px !important;
height: 556px;
transition: .3s ease;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
@media screen and (max-width: 64em) {
.single-post .section-image-carousel .owl-carousel .owl-stage-outer .owl-item > img {
min-width: calc(100vw - var(--edge) * 2 - 50px) !important;
width: calc(100vw - var(--edge) * 2 - 50px) !important;
}
}
@media screen and (max-width: 47.9375em) {
.single-post .section-image-carousel .owl-carousel .owl-stage-outer .owl-item > img {
height: 67vw;
}
}
.single-post .section-image-carousel .owl-carousel .owl-nav {
left: unset !important;
right: 85px !important;
transform: unset !important;
bottom: -50px !important;
}
@media screen and (max-width: 47.9375em) {
.single-post .section-image-carousel .owl-carousel .owl-nav {
display: none;
}
}
@media screen and (max-width: 80em) {
.section-image-carousel .owl-carousel .owl-stage {
left: -10vw;
}
}
@media screen and (max-width: 64em) {
.section-image-carousel .owl-carousel .owl-stage {
left: 0;
}
.section-image-carousel .owl-carousel .owl-nav {
transform: translateX(calc(-50% + 280px));
}
}
@media screen and (max-width: 47.9375em) {
.section-image-carousel .owl-carousel .owl-stage-outer {
height: 480px !important;
}
.section-image-carousel .owl-carousel .owl-nav {
transform: unset;
left: unset;
right: 76px;
}
.section-image-carousel .owl-carousel .owl-nav button {
background-size: cover !important;
border-radius: 6px;
width: 40px;
height: 40px;
}
.section-image-carousel .owl-carousel .owl-item, .section-image-carousel .owl-carousel .owl-item img {
transition: height .3s ease-in-out;
}
.section-image-carousel .owl-carousel .owl-item img {
width: calc(100vw - 120px);
max-width: 400px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.section-image-carousel .owl-carousel .owl-item:not(.center) {
height: 430px;
}
.section-image-carousel .owl-carousel .owl-item:not(.center) img {
height: 430px;
}
}
.section-get-started .inner .c-box {
width: 100%;
border-radius: 6px;
background: #2b2c31;
padding: 32px 56px;
display: flex;
align-items: center;
}
.section-get-started .inner .c-box_title {
color: #fff;
text-align: center;
font-family: var(--font-4);
font-size: 48px;
font-style: normal;
font-weight: 300;
line-height: 56px;
margin: 0;
}
.section-get-started .inner .c-box_cta {
display: flex;
align-items: center;
justify-content: center;
padding: 0 24px;
border-radius: 6px;
border: 1px solid #f6f6f6;
background: rgba(212, 212, 212, .03);
min-width: 220px;
height: 48px;
transition: .25s ease-in-out;
text-decoration: none;
}
.section-get-started .inner .c-box_cta:hover {
background-color: #f6f6f6;
}
.section-get-started .inner .c-box_cta:hover span {
color: #000;
}
.section-get-started .inner .c-box_cta:hover img {
filter: invert(1);
}
.section-get-started .inner .c-box_cta:first-of-type {
margin-left: auto;
}
.section-get-started .inner .c-box_cta > img {
width: 16px;
margin-right: 8px;
transition: .25s ease-in-out;
}
.section-get-started .inner .c-box_cta > span {
color: #fff;
font-family: var(--font-2);
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 20px;
transition: .25s ease-in-out;
}
.section-get-started .inner .c-box_cta.primary {
background: #8d261b;
border-color: #8d261b;
}
.section-get-started .inner .c-box_cta.primary:hover {
background: var(--color-dark-rust);
border-color: var(--color-dark-rust);
}
.section-get-started .inner .c-box_cta.primary:hover span {
color: #fff;
}
.section-get-started .inner .c-box_cta.primary:hover img {
filter: unset;
}
.section-get-started .inner .c-box > svg {
margin: 0 16px;
width: 32px;
}
@media (min-width: 821px) and (max-width: 80em) {
.section-get-started .inner .c-box_title {
font-size: 38px;
line-height: 46px;
}
}
@media (min-width: 821px) and (max-width: 75em) {
.section-get-started .inner .c-box {
flex-wrap: wrap;
justify-content: center;
}
.section-get-started .inner .c-box_title {
width: 100%;
text-align: center;
margin-bottom: 32px;
}
.section-get-started .inner .c-box_cta:first-of-type {
margin: 0;
}
}
@media (min-width: 821px) and (max-width: 64em) {
.section-get-started .inner .c-box {
padding: 32px;
}
.section-get-started .inner .c-box_cta {
padding: 0 12px;
min-width: 180px;
}
.section-get-started .inner .c-box > svg {
margin: 0 10px;
}
}
@media screen and (max-width: 820px) {
.section-get-started .inner .c-box {
flex-direction: column;
align-items: center;
padding: 56px 32px;
width: calc(100% + 30px);
margin-left: -15px;
border-radius: 0;
}
.section-get-started .inner .c-box_title {
font-size: 32px;
line-height: 40px;
margin-bottom: 32px;
}
.section-get-started .inner .c-box > svg {
transform: rotate(90deg);
margin: 8px 0;
}
.section-get-started .inner .c-box_cta {
width: 100%;
max-width: 320px;
}
.section-get-started .inner .c-box_cta:first-of-type {
margin: 0;
}
}
.section-compare-solutions {
padding: 40px 0;
background: #f6f6f6;
margin-top: 40px;
}
.section-compare-solutions .inner .c-title {
color: #2b2c31;
font-family: var(--font-4);
font-size: 48px;
font-style: normal;
font-weight: 300;
line-height: 56px;
margin: 0 0 32px 0;
}
.section-compare-solutions .inner .c-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
-moz-column-gap: 37px;
column-gap: 37px;
}
.section-compare-solutions .inner .c-grid.two-cols {
grid-template-columns: 1fr 1fr;
max-width: 1002px;
margin: 0 auto;
}
.section-compare-solutions .inner .c-grid.four-cols {
grid-template-columns: repeat(4, 1fr);
-moz-column-gap: 25px;
column-gap: 25px;
}
.section-compare-solutions .inner .c-grid.four-cols .c-price {
font-size: 21px !important;
}
.section-compare-solutions .inner .c-grid:not(.two-cols) .c-grid_item.current {
border-radius: 6px;
background: #fff;
box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, .15);
position: relative;
}
.section-compare-solutions .inner .c-grid:not(.two-cols) .c-grid_item.current:after {
content: "SOLUTION";
padding: 4px 16px;
border-radius: 3px;
background: #8d261b;
position: absolute;
left: 8px;
top: 7px;
color: #fff;
font-family: var(--font-2);
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 14px;
letter-spacing: 2px;
text-transform: uppercase;
}
.section-compare-solutions .inner .c-grid_item {
display: flex;
flex-direction: column;
padding: 0 24px 24px 24px;
}
.section-compare-solutions .inner .c-grid_item_image {
width: calc(100% + 48px);
border-radius: 6px;
margin: 0 0 16px 0;
position: relative;
left: -24px;
max-width: unset;
height: 240px;
min-height: 240px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.section-compare-solutions .inner .c-grid_item_title {
margin: 0;
color: #2b2c31;
font-family: var(--font-2);
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: 36px;
}
.section-compare-solutions .inner .c-grid_item_desc {
margin: 16px 0 0 0;
color: #2b2c31;
font-family: var(--font-2);
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 24px;
height: -moz-fit-content;
height: fit-content;
}
.section-compare-solutions .inner .c-grid_item_inner {
display: flex;
flex-direction: column;
height: 100%;
}
.section-compare-solutions .inner .c-grid_item_inner_group {
padding: 16px 24px;
}
.section-compare-solutions .inner .c-grid_item_inner_group:not(:last-child) {
border-bottom: 1px solid #ebebeb;
}
.section-compare-solutions .inner .c-grid_item_inner_group:last-child {
margin-top: auto;
}
.section-compare-solutions .inner .c-grid_item_inner_group .c-heading {
text-transform: uppercase;
color: #666;
font-family: var(--font-2);
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 14px;
letter-spacing: 1px;
text-transform: uppercase;
margin: 0 0 8px 0;
}
.section-compare-solutions .inner .c-grid_item_inner_group .c-detail {
margin: 0;
color: #2b2c31;
font-family: var(--font-2);
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 24px;
}
.section-compare-solutions .inner .c-grid_item_inner_group.not-bold .c-detail {
font-weight: 300;
}
.section-compare-solutions .inner .c-grid_item_inner_group .c-amenity {
display: flex;
align-items: center;
margin: 0 0 16px 0;
color: #2b2c31;
font-family: var(--font-2);
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 24px;
}
.section-compare-solutions .inner .c-grid_item_inner_group .c-amenity > svg {
margin-right: 16px;
min-width: 16px;
}
.section-compare-solutions .inner .c-grid_item_inner_group .c-amenity.disabled {
color: #666;
}
.section-compare-solutions .inner .c-grid_item_inner_group .c-price {
color: #2b2c31;
font-family: var(--font-2);
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 32px;
margin: 0;
}
.section-compare-solutions .inner .c-grid_item_cta {
width: 100%;
padding: 16px 24px;
color: #8d261b;
font-family: var(--font-2);
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 20px;
border-radius: 6px;
border: 1px solid #8d261b;
background: rgba(212, 212, 212, .03);
text-align: center;
text-decoration: none;
transition: .25s ease-in-out;
}
.section-compare-solutions .inner .c-grid_item_cta:hover {
color: #fff;
background: #8d261b;
}
.section-compare-solutions .inner .c-grid_item_cta.primary {
color: #fff;
background: #8d261b;
}
.section-compare-solutions .inner .c-grid_item_cta.primary:hover {
background: var(--color-dark-rust);
border-color: var(--color-dark-rust);
}
@media screen and (max-width: 68em) {
.section-compare-solutions .inner {
overflow-x: scroll;
}
.section-compare-solutions .inner::-webkit-scrollbar {
display: none;
}
.section-compare-solutions .inner .c-title {
position: sticky;
left: 0;
}
.section-compare-solutions .inner .c-grid {
min-width: 930px;
-moz-column-gap: 16px;
column-gap: 16px;
padding-bottom: 15px;
scroll-snap-type: x mandatory;
}
.section-compare-solutions .inner .c-grid.two-cols {
min-width: 160vw;
}
.section-compare-solutions .inner .c-grid_item {
padding: 0 16px 16px;
scroll-snap-align: center;
}
.section-compare-solutions .inner .c-grid_item_image {
width: calc(100% + 32px);
left: -16px;
height: 210px;
min-height: 210px !important;
}
.section-compare-solutions .inner .c-grid_item_title {
font-size: 24px;
line-height: 30px;
}
.section-compare-solutions .inner .c-grid_item_desc {
font-size: 16px;
}
.section-compare-solutions .inner .c-grid_item_inner_group {
padding: 16px;
}
.section-compare-solutions .inner .c-grid_item_inner_group .c-price {
font-size: 20px;
line-height: 28px;
}
}
@media screen and (max-width: 47.9375em) {
.section-compare-solutions {
padding: 56px 0;
margin-top: 0;
}
.section-compare-solutions .inner .c-title {
font-size: 32px;
line-height: 40px;
}
.section-compare-solutions .inner .c-grid.four-cols {
min-width: 1150px;
}
}
.section-solution-filters {
padding: 80px 0 30px 0;
}
.section-solution-filters .inner {
overflow-x: auto;
overflow-y: hidden;
}
.section-solution-filters .inner::-webkit-scrollbar {
display: block;
height: 5px;
background: #f1f1f1;
}
.section-solution-filters .inner::-webkit-scrollbar-thumb {
background: #2b2c31;
}
.section-solution-filters .inner .c-head {
display: flex;
justify-content: space-between;
margin-bottom: 48px;
position: sticky;
left: 0;
top: 0;
z-index: 2;
}
.section-solution-filters .inner .c-head > div:first-child {
width: 385px;
}
.section-solution-filters .inner .c-head_title {
color: #2b2c31;
font-family: var(--font-4);
font-size: 48px;
font-style: normal;
font-weight: 300;
line-height: 56px;
}
.section-solution-filters .inner .c-head_description {
margin: 8px 0 0 0;
color: #2b2c31;
font-family: var(--font-2);
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 24px;
}
.section-solution-filters .inner .c-head .c-filters {
width: 678px;
padding: 24px;
border-radius: 6px;
background: #f6f6f6;
}
.section-solution-filters .inner .c-head .c-filters_title {
color: #2b2c31;
font-family: var(--font-2);
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 28px;
margin: 0 0 8px 0;
}
.section-solution-filters .inner .c-head .c-filters_grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
-moz-column-gap: 24px;
column-gap: 24px;
}
.section-solution-filters .inner .c-head .c-filters_grid-cta {
color: #fff;
font-family: var(--font-2);
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 20px;
text-decoration: none;
padding: 10px 24px;
border-radius: 6px;
background: #8d261b;
height: 40px;
text-align: center;
transition: .25s ease-in-out;
}
.section-solution-filters .inner .c-head .c-filters_grid-cta:hover {
text-decoration: none;
background: var(--color-dark-rust);
}
.section-solution-filters .inner .c-products {
display: flex;
-moz-column-gap: 24px;
column-gap: 24px;
padding-bottom: 20px;
}
.section-solution-filters .inner .c-products .c-product {
border-radius: 6px;
box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, .15);
padding: 0 24px 24px 24px;
display: flex;
flex-direction: column;
min-width: 282px;
}
.section-solution-filters .inner .c-products .c-product:last-of-type {
margin-right: 24px;
}
.section-solution-filters .inner .c-products .c-product.hide {
display: none;
}
.section-solution-filters .inner .c-products .c-product > img {
width: calc(100% + 48px);
position: relative;
left: -24px;
height: 184px;
border-radius: 6px;
margin-bottom: 24px;
max-width: unset;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.section-solution-filters .inner .c-products .c-product_title {
color: #2b2c31;
font-family: var(--font-2);
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 32px;
margin: 0 0 6px 0;
}
.section-solution-filters .inner .c-products .c-product_location {
margin: 0 0 8px 0;
color: #2b2c31;
font-family: var(--font-2);
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 20px;
}
.section-solution-filters .inner .c-products .c-product_address {
display: flex;
align-items: center;
padding-bottom: 12px;
}
.section-solution-filters .inner .c-products .c-product_address > svg {
min-width: 16px;
margin-right: 10px;
}
.section-solution-filters .inner .c-products .c-product_address > p {
color: #666;
font-family: var(--font-2);
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 20px;
margin: 0;
}
.section-solution-filters .inner .c-products .c-product_address .vo-hide {
display: none !important;
}
.section-solution-filters .inner .c-products .c-product_price-title {
color: #666;
font-family: var(--font-2);
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 14px;
letter-spacing: 1px;
text-transform: uppercase;
margin: 0;
padding-top: 24px;
margin-top: auto;
}
.section-solution-filters .inner .c-products .c-product_price {
color: #2b2c31;
font-family: var(--font-2);
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 32px;
margin: 8px 0 16px 0;
}
.section-solution-filters .inner .c-products .c-product_cta {
display: block;
width: 100%;
text-align: center;
padding: 10px 24px;
height: 40px;
border-radius: 6px;
border: 1px solid #8d261b;
background: rgba(212, 212, 212, .03);
color: #8d261b;
font-family: var(--font-2);
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 20px;
margin-top: auto;
transition: .25s ease-in-out;
}
.section-solution-filters .inner .c-products .c-product_cta:hover {
text-decoration: none;
background: var(--color-rust);
color: #fff;
}
@media screen and (max-width: 64em) {
.section-solution-filters {
padding: 56px 0;
}
.section-solution-filters .inner {
overflow-x: auto;
overflow-y: hidden;
}
.section-solution-filters .inner::-webkit-scrollbar {
display: none;
width: 0;
height: 0;
}
.section-solution-filters .inner .c-head {
flex-direction: column;
align-items: flex-start;
position: sticky;
left: 0;
}
.section-solution-filters .inner .c-head .c-filters {
margin-top: 24px;
width: 100%;
}
.section-solution-filters .inner .c-head .c-filters_grid > div {
position: relative;
}
.section-solution-filters .inner .c-head .c-filters .nice-select .current {
height: -moz-fit-content;
height: fit-content;
padding: 25px 0 10px 0;
}
.section-solution-filters .inner .c-products {
min-width: 1200px;
padding-bottom: 16px;
}
}
@media screen and (max-width: 1140px) {
.section-solution-filters .inner .c-head .c-filters_grid {
grid-template-columns: 1fr;
gap: 16px;
}
.section-solution-filters .inner .c-head .c-filters_grid-cta {
width: -moz-fit-content;
width: fit-content;
margin-top: 16px;
}
}
@media screen and (max-width: 31.25em) {
.section-solution-filters .inner .c-head .c-filters_grid-cta {
width: 100%;
text-align: center;
}
}
.section-discover-virtual-offices {
padding: 80px 0;
background: #f6f6f6;
}
.section-discover-virtual-offices .c-title {
margin: 0 0 30px 0;
color: #2b2c31;
text-align: center;
font-family: var(--font-4);
font-size: 48px;
font-style: normal;
font-weight: 300;
line-height: 56px;
}
.section-discover-virtual-offices .c-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
-moz-column-gap: 8px;
column-gap: 8px;
max-width: 1440px;
margin: 0 auto;
width: 100%;
overflow-x: scroll;
}
.section-discover-virtual-offices .c-grid::-webkit-scrollbar {
height: 0;
}
.section-discover-virtual-offices .c-grid_item {
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-end;
}
.section-discover-virtual-offices .c-grid_item img {
width: 100%;
margin: 0 0 24px 0;
height: 300px;
min-height: 220px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%;
}
.section-discover-virtual-offices .c-grid_item > div {
width: 380px;
height: 100%;
display: flex;
flex-direction: column;
}
.section-discover-virtual-offices .c-grid_item_title {
color: #2b2c31;
font-family: var(--font-2);
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: 36px;
}
.section-discover-virtual-offices .c-grid_item_text {
margin: 16px 0;
color: #2b2c31;
font-family: var(--font-2);
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 22px;
height: 80px;
}
.section-discover-virtual-offices .c-grid_item_cta {
width: 254px;
height: 48px;
padding: 14px 24px;
text-align: center;
border-radius: 6px;
background: #8d261b;
color: #fff;
font-family: var(--font-2);
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 20px;
display: block;
margin-top: auto;
transition: .25s ease-in-out;
}
.section-discover-virtual-offices .c-grid_item_cta:hover {
text-decoration: none;
background: var(--color-dark-rust);
}
.section-discover-virtual-offices .c-grid_item:first-child > div {
margin-right: 14px;
}
.section-discover-virtual-offices .c-grid_item:nth-child(2) > div {
margin-right: 47px;
}
.section-discover-virtual-offices .c-grid_item:last-child > div {
margin-right: 80px;
}
.section-discover-virtual-offices .c-cta {
border-radius: 6px;
background: #8d261b;
color: #fff;
font-family: var(--font-2);
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 20px;
padding: 16px 24px;
text-align: center;
margin-top: 56px;
position: relative;
left: 50%;
transform: translateX(-50%);
display: block;
width: 254px;
text-decoration: none;
transition: .25s ease;
}
.section-discover-virtual-offices .c-cta:hover {
background: var(--color-dark-rust);
}
@media screen and (max-width: 1330px) {
.section-discover-virtual-offices .c-grid_item > div {
margin: 0 !important;
}
}
@media screen and (max-width: 47.9375em) {
.section-discover-virtual-offices {
padding: 56px 0;
}
.section-discover-virtual-offices .c-grid {
padding-left: 15px;
}
.section-discover-virtual-offices .c-title {
font-size: 32px;
line-height: 40px;
}
.section-discover-virtual-offices .c-cta {
width: calc(100% - 30px);
max-width: 400px;
}
}
@media only screen and (max-width: 47.9375em) {
.section-discover-virtual-offices .c-grid {
scroll-snap-type: x mandatory;
display: flex;
flex-flow: row nowrap;
overflow: auto;
flex: none;
}
.section-discover-virtual-offices .c-grid .c-grid_item {
flex: 1 0 90vw;
scroll-snap-align: center;
}
}
@media screen and (max-width: 47em) {
.section-discover-virtual-offices {
padding-bottom: 0;
}
.section-discover-virtual-offices .c-grid .c-grid_item {
width: 85vw;
}
.section-discover-virtual-offices .c-grid .c-grid_item:last-of-type {
margin-right: 15px;
}
.section-discover-virtual-offices .c-grid .c-grid_item img {
height: 350px;
min-height: 350px;
}
.section-discover-virtual-offices .c-grid .c-grid_item > div {
width: 100%;
padding-right: 16px;
}
.section-discover-virtual-offices .c-grid .c-grid_item_title {
font-size: 22px;
line-height: 30px;
}
.section-discover-virtual-offices .c-grid .c-grid_item_text {
font-size: 14px;
line-height: 20px;
}
.section-discover-virtual-offices .c-grid .c-grid_item_cta {
width: 100%;
text-align: center;
}
}
.section-header-boxes {
margin-top: -140px;
position: relative;
z-index: 10;
}
@media screen and (max-width: 500px) {
.section-header-boxes {
margin-top: -116px;
}
}
.section-header-boxes .inner {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
padding: 0 40px 0 45px;
}
@media screen and (max-width: 768px) {
.section-header-boxes .inner:not(.mobile) {
display: none !important;
}
}
.section-header-boxes .inner.mobile {
display: none;
}
@media screen and (max-width: 768px) {
.section-header-boxes .inner {
display: block !important;
padding: 0 15px;
overflow: visible !important;
}
.section-header-boxes .inner .owl-dots button {
background: #000 !important;
}
.section-header-boxes .inner .owl-dots {
bottom: -24px !important;
}
}
.section-header-boxes .inner .c-box {
width: 100%;
height: 100%;
padding: 32px;
border-radius: 6px;
background: #f6f6f6;
}
@media screen and (max-width: 500px) {
.section-header-boxes .inner .c-box {
width: calc(100vw - 30px);
}
}
.section-header-boxes .inner .c-box > img {
width: 64px;
height: 64px;
margin: 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.section-header-boxes .inner .c-box_title {
margin: 16px 0 8px 0;
color: #2b2c31;
font-family: var(--font-2);
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 32px;
}
.section-header-boxes .inner .c-box_text {
margin: 0;
color: #2b2c31;
font-family: var(--font-2);
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 24px;
}
@media screen and (max-width: 64em) {
.section-header-boxes .inner {
display: flex;
flex-direction: row;
overflow-x: scroll;
}
.section-header-boxes .inner::-webkit-scrollbar {
display: none;
}
.section-header-boxes .inner .c-box {
height: unset;
min-width: 40vw;
}
.section-header-boxes .inner .c-box br {
display: none;
}
}
@media screen and (max-width: 47.9375em) {
.section-header-boxes {
margin-bottom: 40px;
}
.section-header-boxes .inner {
scroll-snap-type: x mandatory;
padding-left: 15px;
}
.section-header-boxes .inner .c-box {
min-width: 90vw;
padding: 40px 32px;
scroll-snap-align: center;
}
}
.section-case-studies {
padding: 80px 0;
}
@media screen and (min-width: 1024px) {
.section-case-studies {
max-height: 809px;
}
}
.section-case-studies.grey-bg {
background: #f6f6f6;
}
.section-case-studies.grey-bg .inner .c-article, .section-case-studies.grey-bg .inner .-active-item, .section-case-studies.grey-bg .inner .c-active-item {
background-color: #f6f6f6 !important;
}
.section-case-studies .inner .c-title {
color: #2b2c31;
text-align: center;
font-family: var(--font-4);
font-size: 48px;
font-style: normal;
font-weight: 300;
line-height: 56px;
margin: 0 0 51px 0;
}
.section-case-studies .inner .c-active-item {
position: relative;
padding-left: 60px;
z-index: 10;
background: #fff;
padding-bottom: 30px;
min-height: 600px;
}
.section-case-studies .inner .c-slider {
position: relative;
padding-left: 60px;
display: flex;
opacity: 0;
transition: opacity .3s ease;
}
.section-case-studies .inner .c-slider .coverflow__track {
position: absolute;
overflow: hidden;
}
.section-case-studies .inner .c-slider .coverflow__prev-arrow {
position: absolute;
z-index: 22;
left: 735px;
bottom: 28px;
}
.section-case-studies .inner .c-slider .coverflow__next-arrow {
position: absolute;
z-index: 22;
left: 785px;
bottom: 28px;
}
.section-case-studies .inner .c-slider [data-slide-index="1"] .coverflow__next-arrow, .section-case-studies .inner .c-slider [data-slide-index="1"] .coverflow__prev-arrow {
bottom: 0;
}
.section-case-studies .inner .c-slider [data-slide-index="2"] .coverflow__next-arrow, .section-case-studies .inner .c-slider [data-slide-index="2"] .coverflow__prev-arrow {
bottom: 50px;
}
.section-case-studies .inner .c-article {
display: grid;
grid-template-columns: 1fr 1fr;
-moz-column-gap: 80px;
column-gap: 80px;
width: 840px;
height: -moz-fit-content;
height: fit-content;
background-color: #fff;
}
.section-case-studies .inner .c-article:not(.active):not(:first-child) > img {
opacity: .75;
}
.section-case-studies .inner .c-article > img {
border-radius: 6px;
height: 542px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.section-case-studies .inner .c-article > div:first-of-type {
opacity: 0;
}
.section-case-studies .inner .c-article_badge {
padding: 4px 16px;
text-align: center;
border-radius: 3px;
background: #2b2c31;
color: #fff;
font-family: var(--font-2);
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 14px;
letter-spacing: 2px;
text-transform: uppercase;
}
.section-case-studies .inner .c-article_title {
margin: 16px 0;
color: #2b2c31;
font-family: var(--font-2);
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: 36px;
}
.section-case-studies .inner .c-article_text {
margin: 0;
color: #666;
font-family: var(--font-2);
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 24px;
}
.section-case-studies .inner .c-article_date {
color: #666;
font-family: var(--font-2);
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 20px;
margin: 24px 0;
}
.section-case-studies .inner .c-article_read-more {
display: flex;
align-items: center;
color: #8d261b;
font-family: var(--font-2);
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 18px;
margin: 0 0 50px 0;
}
.section-case-studies .inner .c-article_read-more > svg {
margin-left: 4px;
}
.section-case-studies .inner .c-article_tags {
display: flex;
flex-direction: column;
}
.section-case-studies .inner .c-article_tags-tag {
color: #2b2c31;
font-family: var(--font-2);
font-size: 14px;
font-style: italic;
font-weight: 300;
line-height: 22px;
margin: 0 0 16px 0;
}
.section-case-studies .inner .c-article_tags-tag:first-child {
display: flex;
align-items: center;
font-weight: 600;
}
.section-case-studies .inner .c-article_tags-tag:first-child svg {
margin-right: 4px;
}
.section-case-studies .inner .c-article_tags-tag:last-child {
margin: 0;
}
@media screen and (min-width: 64.1em) {
.section-case-studies .inner .c-slider {
height: 542px !important;
}
}
@media (min-width: 841px) and (max-width: 64em) {
.section-case-studies .inner .c-slider {
padding-left: 0;
height: 620px !important;
}
.section-case-studies .inner .c-slider .c-article {
width: 720px;
}
.section-case-studies .inner .c-slider .coverflow__prev-arrow {
left: 590px;
bottom: 54px;
}
.section-case-studies .inner .c-slider .coverflow__next-arrow {
left: 640px;
bottom: 54px;
}
.section-case-studies .inner .c-slider [data-slide-index="1"] .coverflow__next-arrow, .section-case-studies .inner .c-slider [data-slide-index="1"] .coverflow__prev-arrow {
bottom: 60px;
}
.section-case-studies .inner .c-slider [data-slide-index="2"] .coverflow__next-arrow, .section-case-studies .inner .c-slider [data-slide-index="2"] .coverflow__prev-arrow {
bottom: 118px;
}
}
@media screen and (max-width: 840px) {
.section-case-studies .inner {
padding-right: 0;
position: relative;
}
.section-case-studies .inner .c-active-item {
padding: 0 !important;
width: calc(100vw - 2 * var(--edge)) !important;
position: absolute;
bottom: -20px;
margin: 0 !important;
min-height: unset;
}
.section-case-studies .inner .c-active-item .c-article_tags {
display: none;
}
.section-case-studies .inner .c-active-item .c-article_read-more {
margin-bottom: 0;
margin-top: -5px;
}
.section-case-studies .inner .c-active-item .c-article_date {
margin-top: 18px;
}
.section-case-studies .inner .c-slider {
padding-left: 0;
}
.section-case-studies .inner .c-slider .coverflow__track {
height: 100% !important;
}
.section-case-studies .inner .c-slider .coverflow__nav-container > a.coverflow-arrow {
right: unset;
}
.section-case-studies .inner .c-slider .coverflow__nav-container > a.coverflow-arrow:first-of-type {
left: 40vw;
}
.section-case-studies .inner .c-slider .coverflow__nav-container > a.coverflow-arrow:last-of-type {
left: calc(40vw + 50px);
}
.section-case-studies .inner .c-slider .c-article {
display: flex;
flex-direction: column-reverse;
background: rgba(0, 0, 0, 0);
width: calc(100vw - 178px);
opacity: 1;
}
.section-case-studies .inner .c-slider .c-article[data-slide-index="0"] {
margin-top: 20px;
}
.section-case-studies .inner .c-slider .c-article_tags {
display: none;
}
.section-case-studies .inner .c-slider .c-article > img {
height: 500px;
transition: .3s ease;
width: calc(100% + 40px);
max-width: unset;
opacity: 1 !important;
}
.section-case-studies .inner .c-slider .c-article > div:first-of-type {
background-color: #fff;
width: calc(100% + 130px);
padding: 18px 0 0 0;
margin-top: 6px;
transition: .3s ease;
opacity: 0;
}
.section-case-studies .inner .c-slider .c-article[data-slide-index="1"]:not(.active) img {
margin-top: 10px;
}
.section-case-studies .inner .c-slider .c-article[data-slide-index="2"]:not(.active) img {
transform: translateY(-20px);
}
.section-case-studies .inner .c-slider .c-article:not(.active):not(:first-child) img {
margin-left: auto;
}
.section-case-studies .inner .c-slider .c-article:not(.active):not(:first-child) > div {
opacity: 0;
}
.section-case-studies .inner .c-slider .coverflow__prev-arrow {
left: unset;
right: 37.5vw;
bottom: unset;
top: 430px;
}
.section-case-studies .inner .c-slider .coverflow__next-arrow {
left: unset;
right: calc(37.5vw - 50px);
bottom: unset;
top: 430px;
}
.section-case-studies.grey-bg .inner .c-slider .c-article > div:first-of-type {
background-color: #f6f6f6;
}
}
.testimonials-original .coverflow__nav-container {
display: none !important;
}
@media screen and (max-width: 37.5em) {
.section-case-studies {
padding-bottom: 0;
}
.section-case-studies .inner {
min-height: 922px;
}
.section-case-studies .inner .c-title {
font-size: 32px;
line-height: 40px;
margin-bottom: 24px;
}
.section-case-studies .inner .c-active-item {
bottom: 20px;
}
.section-case-studies .inner .c-slider .c-article.active {
min-width: 237px !important;
}
.section-case-studies .inner .c-slider .c-article img {
height: 400px;
max-width: 100%;
}
.section-case-studies .inner .c-slider .c-article_title {
font-size: 24px;
line-height: 30px;
}
.section-case-studies .inner .c-slider .c-article_text {
font-size: 16px;
line-height: 22px;
}
.section-case-studies .inner .c-slider .c-article[data-slide-index="1"]:not(.active) img {
transform: none !important;
}
.section-case-studies .inner .c-slider .coverflow__prev-arrow {
top: 330px;
}
.section-case-studies .inner .c-slider .coverflow__next-arrow {
top: 330px;
}
}
@media screen and (max-width: 425px) {
.section-case-studies .inner .c-slider .coverflow__nav-container > .coverflow__prev-arrow {
left: 30vw !important;
}
.section-case-studies .inner .c-slider .coverflow__nav-container > .coverflow__next-arrow {
left: calc(30vw + 50px) !important;
}
}
@media screen and (max-width: 389px) {
.section-case-studies .inner {
min-height: 1000px;
}
}
@media screen and (max-width: 330px) {
.section-case-studies .inner .c-article_title {
font-size: 26px !important;
line-height: 34px;
}
}
.section-content-hub-hero {
background-color: #f6f6f6;
position: relative;
}
.section-content-hub-hero .m-crumbs {
position: relative;
max-width: calc(var(--edge) * 2 + var(--inner));
margin-left: auto;
margin-right: auto;
padding-left: var(--edge);
padding-right: var(--edge);
margin-bottom: 48px;
}
.section-content-hub-hero .m-crumbs .m-crumbs-item > * {
color: #666;
opacity: 1;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 20px;
}
.section-content-hub-hero .m-crumbs .m-crumbs-item:not(:last-child) {
font-weight: 300;
}
.section-content-hub-hero .m-crumbs .m-crumbs-item:not(:last-child):after {
content: "/";
background: none;
margin: 0 10px 7px;
color: #666;
}
@media screen and (max-width: 950px) {
.section-content-hub-hero .m-crumbs {
padding-left: 25px;
}
}
.section-content-hub-hero .c-active-article {
width: 404px;
margin-left: calc(2 * var(--edge));
background: #f6f6f6;
position: absolute;
z-index: 2;
top: 70px;
padding-bottom: 50px;
padding-top: 50px;
padding: 50px 0 50px 24px;
left: 50%;
transform: translateX(calc(-50% - 548px));
min-height: 434px;
}
.section-content-hub-hero .c-active-article::before {
content: "";
position: absolute;
top: 0;
right: 100%;
width: 100vw;
height: 130%;
background: #f6f6f6;
z-index: 2;
}
@media screen and (max-width: 1500px) {
.section-content-hub-hero .c-active-article {
transform: unset;
left: 0px;
margin: 0;
padding-left: 40px;
width: 468px;
}
}
@media screen and (max-width: 950px) {
.section-content-hub-hero .c-active-article {
display: none;
}
}
.section-content-hub-hero .c-article {
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 950px) {
.section-content-hub-hero .c-article {
width: 100%;
padding: 0;
}
}
.section-content-hub-hero .c-article_left {
min-width: 380px;
width: 380px;
margin-right: 24px;
padding-top: 50px;
opacity: 0;
}
.section-content-hub-hero .c-article_right {
width: 100%;
}
.section-content-hub-hero .c-article_right > img {
border-radius: 6px;
height: 481px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
transition: .3s ease-in-out;
}
.section-content-hub-hero .c-article_details {
margin: 10px 0;
padding: 16px 0;
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
@media screen and (max-width: 950px) {
.section-content-hub-hero .c-article_details {
margin: 8px 0;
padding: 8px 0;
}
}
.section-content-hub-hero .c-article_author {
display: flex;
align-items: center;
}
.section-content-hub-hero .c-article_author img {
border-radius: 3px;
width: 48px;
height: 48px;
}
.section-content-hub-hero .c-article_author p {
margin: 0 0 0 16px;
color: #666;
font-family: var(--font-2);
font-size: 14px;
font-style: italic;
font-weight: 300;
line-height: 20px;
}
.section-content-hub-hero .c-article_author p span {
display: block;
font-weight: 600;
}
.section-content-hub-hero .c-article_stats {
display: flex;
align-items: center;
justify-content: flex-end;
}
.section-content-hub-hero .c-article_stats .date {
color: #666;
font-family: var(--font-2);
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 20px;
display: block;
padding-right: 24px;
}
.section-content-hub-hero .c-article_stats .read {
color: #666;
font-family: var(--font-2);
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 20px;
display: block;
padding-left: 24px;
border-left: 1px solid #ebebeb;
}
@media screen and (max-width: 600px) {
.section-content-hub-hero .c-article_stats {
flex-direction: column;
align-items: flex-end;
padding-left: 16px;
margin: 0;
min-width: -moz-fit-content;
min-width: fit-content;
}
.section-content-hub-hero .c-article_stats .date, .section-content-hub-hero .c-article_stats .read {
padding-right: 0;
padding-left: 0;
}
}
.section-content-hub-hero .c-article_tag {
color: #fff;
font-family: var(--font-2);
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 14px;
letter-spacing: 2px;
text-transform: uppercase;
padding: 4px 16px;
border-radius: 3px;
background: #8d261b;
}
.section-content-hub-hero .c-article_title {
color: #2b2c31;
font-family: var(--font-4);
font-size: 48px;
font-style: normal;
font-weight: 300;
line-height: 56px;
margin: 16px 0;
}
@media screen and (max-width: 600px) {
.section-content-hub-hero .c-article_title {
font-size: 40px;
line-height: 48px;
}
}
.section-content-hub-hero .c-article_cta {
color: #2b2c31;
font-family: var(--font-2);
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 20px;
padding: 16px 24px;
width: 201px;
border-radius: 6px;
border: 1px solid #2b2c31;
display: block;
text-align: center;
transition: .25s ease;
text-decoration: none;
}
.section-content-hub-hero .c-article_cta:hover {
background: #2b2c31;
color: #fff;
}
@media screen and (max-width: 950px) {
.section-content-hub-hero .c-article {
flex-direction: column;
}
.section-content-hub-hero .c-article_left {
margin: 0 0 20px 0;
padding-top: 0;
min-width: unset;
width: calc(100% + 60px);
position: relative;
z-index: 2;
background: #f6f6f6;
opacity: 1;
}
}
.section-content-hub-hero .owl-carousel .owl-nav {
width: -moz-fit-content;
width: fit-content;
left: 50%;
top: unset;
transform: translateX(calc(-50% + 584px));
bottom: 116px;
}
@media screen and (max-width: 1500px) {
.section-content-hub-hero .owl-carousel .owl-nav {
transform: translateY(-5px);
left: unset;
right: 90px;
}
}
@media screen and (max-width: 600px) {
.section-content-hub-hero .owl-carousel .owl-nav button {
width: 40px;
}
}
.section-content-hub-hero .owl-carousel .owl-dots {
width: -moz-fit-content;
width: fit-content;
left: 50%;
bottom: 66px;
transform: translateX(calc(-50% - 468px));
padding: 50px 0;
background: #f6f6f6;
width: 404px;
padding-left: 24px;
justify-content: flex-start;
}
.section-content-hub-hero .owl-carousel .owl-dots button {
background: #2b2c31 !important;
}
@media screen and (max-width: 1500px) {
.section-content-hub-hero .owl-carousel .owl-dots {
transform: unset;
left: 0;
padding-left: 40px;
width: 468px;
}
}
@media screen and (max-width: 950px) {
.section-content-hub-hero .owl-carousel .owl-dots {
width: -moz-fit-content;
width: fit-content;
padding: 0;
left: 50%;
transform: translateX(-50%);
bottom: -16px;
}
}
@media screen and (max-width: 950px) {
.section-content-hub-hero .owl-carousel .owl-stage {
left: -35px;
display: flex;
}
.section-content-hub-hero .owl-carousel .cloned + .owl-item {
padding-left: 13px !important;
}
.section-content-hub-hero .owl-carousel .owl-nav {
bottom: 97px !important;
}
}
.section-content-hub-hero .owl-carousel .owl-item {
max-width: 100vw;
width: var(--inner) !important;
max-width: 85vw;
min-height: 582px;
}
@media screen and (max-width: 950px) {
.section-content-hub-hero .owl-carousel .owl-item.center {
padding-left: 20px;
}
}
@media screen and (max-width: 950px) {
.section-content-hub-hero .owl-carousel .owl-item {
max-width: unset;
width: calc(100vw - 89px) !important;
}
.section-content-hub-hero .owl-carousel .owl-item.center {
z-index: 5;
}
.section-content-hub-hero .owl-carousel .owl-item:not(.center) {
overflow: hidden;
}
.section-content-hub-hero .owl-carousel .owl-item .c-article .c-article_right > img {
height: 380px !important;
}
.section-content-hub-hero .owl-carousel .owl-item .c-article .c-article_right {
width: calc(100% + 13px);
}
.section-content-hub-hero .owl-carousel .owl-item .c-article .c-article_right .c-article_details {
width: 105vw;
padding-right: 25px;
padding-left: 25px;
position: relative;
left: -30px;
}
}
.section-content-hub-hero .owl-carousel .owl-item:not(.center) .c-article_left {
display: none;
}
@media screen and (max-width: 950px) {
.section-content-hub-hero .owl-carousel .owl-item:not(.center) .c-article_left {
display: block;
opacity: 0;
}
}
.section-content-hub-hero .owl-carousel .owl-item:not(.center) .c-article_right > img {
height: 420px;
}
.section-content-hub-hero .owl-carousel .owl-item:not(.center) .c-article_details {
display: none;
}
.section-content-hub-hero .c-newsletter {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 9999999999;
display: none;
}
.section-content-hub-hero .c-newsletter_backdrop {
position: absolute;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
z-index: 1;
background: rgba(0, 0, 0, .4);
}
.section-content-hub-hero .c-newsletter_popup {
position: fixed;
/* Fixed to the viewport */
top: 10%;
/* Slightly from the top to create space */
left: 50%;
/* Center horizontally */
transform: translateX(-50%);
/* Adjust for center alignment */
height: 80vh;
/* Set fixed height to 80% of viewport height */
width: 90%;
/* Adjust width, change this based on your preference */
max-width: 600px;
/* Maximum width for the popup */
overflow-y: auto;
/* Enable vertical scrolling inside the popup */
z-index: 9999;
/* On top of other content */
background-color: white;
/* Background color */
padding: 20px;
/* Padding for inner spacing */
box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
/* Shadow for better visibility */
border-radius: 8px;
/* Optional: Rounded corners for a smooth look */
box-sizing: border-box;
display: block !important;
}
@media screen and (max-width: 47.9375em) {
.section-content-hub-hero .c-newsletter_popup {
padding: 64px 24px;
}
}
.section-content-hub-hero .c-newsletter_popup > * {
width: 100%;
max-width: 578px;
}
.section-content-hub-hero .c-newsletter_popup-title {
color: #2b2c31;
font-family: var(--font-4);
text-align: center;
font-size: 48px;
font-style: normal;
font-weight: 300;
line-height: 56px;
margin: 0;
}
@media screen and (max-width: 47.9375em) {
.section-content-hub-hero .c-newsletter_popup-title {
font-size: 32px;
line-height: 40px;
}
}
.section-content-hub-hero .c-newsletter_popup-text {
color: #666;
text-align: center;
font-family: var(--font-2);
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 24px;
margin: 16px 0 0 0;
}
@media screen and (max-width: 47.9375em) {
.section-content-hub-hero .c-newsletter_popup-text {
font-size: 16px;
line-height: 22px;
}
}
.section-content-hub-hero .c-newsletter_popup-close {
position: absolute;
right: 0;
top: -48px;
cursor: pointer;
width: 48px;
height: 48px;
}
.section-content-hub-hero .c-newsletter_popup .c-form-body {
flex-direction: row;
flex-wrap: nowrap;
gap: 0;
}
.section-content-hub-hero .c-newsletter_popup .c-form-body > div:first-child {
flex: 0 0 calc(100% - 206px);
}
.section-content-hub-hero .c-newsletter_popup .c-form-body > div:last-child {
flex: 0 0 182px;
margin-left: 24px;
}
.section-content-hub-hero .c-newsletter_popup .c-form-body > div:last-child button {
width: 182px;
padding-top: 16px;
padding-bottom: 16px;
border-radius: 6px;
}
@media screen and (max-width: 47.9375em) {
.section-content-hub-hero .c-newsletter_popup .c-form-body {
flex-direction: column;
}
.section-content-hub-hero .c-newsletter_popup .c-form-body > div {
flex: 0 0 100% !important;
margin-left: 0 !important;
}
.section-content-hub-hero .c-newsletter_popup .c-form-body > div button {
width: 100% !important;
}
}
.section-all-articles {
background: #fff;
padding: 80px 0;
}
.section-all-articles .inner .c-title {
color: #2b2c31;
font-family: var(--font-4);
font-size: 48px;
font-style: normal;
font-weight: 300;
line-height: 56px;
margin: 0 0 24px 0;
}
.section-all-articles .inner .c-filters {
display: flex;
align-items: center;
justify-self: flex-start;
}
@media screen and (max-width: 1270px) {
.section-all-articles .inner .c-filters {
flex-wrap: wrap;
row-gap: 16px;
}
}
@media screen and (max-width: 767px) {
.section-all-articles .inner .c-filters {
flex-direction: column;
}
}
.section-all-articles .inner .c-filters_mobile-modal {
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: 999999999;
display: none;
}
.section-all-articles .inner .c-filters_mobile-modal .backdrop {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 2;
background: rgba(0, 0, 0, .5);
}
.section-all-articles .inner .c-filters_mobile-modal .popup {
position: absolute;
top: 50%;
left: 50%;
width: calc(100% - 44px);
transform: translate(-50%, -50%);
padding: 24px;
z-index: 3;
background: #fff;
border-radius: 12px;
display: flex;
flex-direction: column;
}
.section-all-articles .inner .c-filters_mobile-modal .popup .c-popup-filter {
margin-top: 16px;
padding: 8px 12px 8px 44px;
border-radius: 6px;
border: 1px solid rgba(153, 153, 153, .5);
position: relative;
text-transform: capitalize;
}
@media screen and (max-width: 452px) {
.section-all-articles .inner .c-filters_mobile-modal .popup .c-popup-filter {
padding: 8px 8px 8px 28px;
}
}
.section-all-articles .inner .c-filters_mobile-modal .popup .c-popup-filter::after {
content: "";
z-index: 2;
position: absolute;
top: 12px;
left: 16px;
background: #fff;
border: 1px solid #2b2c31;
width: 16px;
height: 16px;
border-radius: 50%;
}
@media screen and (max-width: 452px) {
.section-all-articles .inner .c-filters_mobile-modal .popup .c-popup-filter::after {
left: 8px;
width: 14px;
height: 14px;
}
}
.section-all-articles .inner .c-filters_mobile-modal .popup .c-popup-filter.active {
border: 1px solid var(--color-rust);
color: #2b2c31;
}
.section-all-articles .inner .c-filters_mobile-modal .popup .c-popup-filter.active::before {
content: "";
z-index: 3;
position: absolute;
top: 15px;
left: 19px;
background: #8d261b;
width: 10px;
height: 10px;
border-radius: 50%;
}
@media screen and (max-width: 452px) {
.section-all-articles .inner .c-filters_mobile-modal .popup .c-popup-filter.active::before {
left: 11px;
width: 8px;
height: 8px;
}
}
.section-all-articles .inner .c-filters_mobile-modal .popup .c-popup-filter:first-of-type {
margin: 0;
}
.section-all-articles .inner .c-filters_mobile-modal .popup > svg {
position: absolute;
right: 0;
top: -48px;
cursor: pointer;
}
@media screen and (max-width: 767px) {
.section-all-articles .inner .c-filters_mobile-btn {
display: flex !important;
width: 100%;
width: 100%;
justify-content: center;
align-items: center;
color: #fff;
font-family: var(--font-2);
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 18px;
padding: 5px;
border-radius: 4px;
background: #2b2c31;
}
.section-all-articles .inner .c-filters_mobile-btn svg {
margin-right: 8px;
}
}
.section-all-articles .inner .c-filters_search {
margin-left: auto;
width: 223px;
position: relative;
height: 40px;
}
@media screen and (max-width: 1270px) {
.section-all-articles .inner .c-filters_search {
min-width: 223px;
margin-left: 0;
}
}
@media screen and (max-width: 767px) {
.section-all-articles .inner .c-filters_search {
width: 100%;
}
}
.section-all-articles .inner .c-filters_search input {
color: #666;
font-family: var(--font-2);
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 20px;
padding: 12px 16px 12px 50px;
width: 100%;
height: 100%;
border-radius: 6px;
border: 1px solid #ebebeb;
}
.section-all-articles .inner .c-filters_search svg {
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
.section-all-articles .inner .c-filters_filter {
color: #2b2c31;
font-family: var(--font-2);
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 20px;
letter-spacing: 2px;
text-transform: uppercase;
padding: 10px 24px;
border-radius: 6px;
border: 1px solid #ebebeb;
margin-right: 16px;
height: 40px;
text-decoration: none;
}
@media screen and (max-width: 1270px) {
.section-all-articles .inner .c-filters_filter {
font-size: 14px;
line-height: 18px;
padding: 10px 14px;
min-width: -moz-fit-content;
min-width: fit-content;
}
}
@media screen and (max-width: 767px) {
.section-all-articles .inner .c-filters_filter {
display: none;
}
}
.section-all-articles .inner .c-filters_filter:not(.active):hover {
background: rgba(43, 44, 49, .2);
}
.section-all-articles .inner .c-filters_filter.active {
color: #fff;
background: #2b2c31;
border-color: #2b2c31;
}
.section-all-articles .inner .c-article-count {
margin: 56px 0 24px 0;
color: #2b2c31;
font-family: var(--font-2);
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 28px;
padding-bottom: 16px;
border-bottom: 1px solid #ebebeb;
width: 100%;
display: block;
}
.section-all-articles .inner .c-articles {
display: grid;
grid-template-areas: "a a a a b b b c c c" "d d d e e e f f f f";
-moz-column-gap: 24px;
column-gap: 24px;
row-gap: 40px;
}
@media screen and (max-width: 767px) {
.section-all-articles .inner .c-articles {
display: flex;
flex-direction: column;
}
}
.section-all-articles .inner .c-article {
max-width: 372px;
}
@media screen and (max-width: 767px) {
.section-all-articles .inner .c-article {
max-width: unset !important;
width: 100%;
}
}
.section-all-articles .inner .c-article.hide {
display: none;
}
.section-all-articles .inner .c-article:not(.hide):nth-child(1) {
grid-area: a;
max-width: 503px;
}
.section-all-articles .inner .c-article:not(.hide):nth-child(2) {
grid-area: b;
}
.section-all-articles .inner .c-article:not(.hide):nth-child(3) {
grid-area: c;
}
.section-all-articles .inner .c-article:not(.hide):nth-child(4) {
grid-area: d;
}
.section-all-articles .inner .c-article:not(.hide):nth-child(5) {
grid-area: e;
}
.section-all-articles .inner .c-article:not(.hide):nth-child(6) {
grid-area: f;
max-width: 503px;
}
.section-all-articles .inner .c-article > a {
border-radius: 6px;
border: none;
}
.section-all-articles .inner .c-article > a .c-spot-header .c-spot-image {
border-radius: 6px;
--ratio: .78;
padding: 0 !important;
height: 280px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.section-all-articles .inner .c-article > a .c-spot-body {
padding: 0;
}
.section-all-articles .inner .c-article > a .c-spot-body .tag-2 {
width: -moz-fit-content;
width: fit-content;
margin: 20px 0;
border: 1px solid var(--color-rust);
border-radius: 3px;
padding: 4px 16px;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 14px;
display: flex;
align-items: center;
letter-spacing: 2px;
text-transform: uppercase;
color: var(--color-rust);
}
.section-all-articles .inner .c-article > a .c-spot-body .c-spot-title {
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 32px;
color: var(--color-dark-grey);
margin-bottom: 12px;
}
.section-all-articles .inner .c-article > a .c-spot-body .c-spot-date {
font-family: var(--font-2);
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 20px;
color: var(--color-grey);
}
.section-all-articles .inner .c-article > a .c-spot-link {
display: none;
}
.section-all-articles .inner .c-pagination {
margin: 40px auto 0 auto;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.section-all-articles .inner .c-pagination_previous {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: rgba(0, 0, 0, 0) !important;
border: none;
margin: 0 48px 0 0;
}
.section-all-articles .inner .c-pagination_next {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: rgba(0, 0, 0, 0) !important;
border: none;
margin: 0 0 0 48px;
}
.section-all-articles .inner .c-pagination_page {
color: #999;
font-family: var(--font-2);
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 22px;
margin: 0 12px;
}
.section-all-articles .inner .c-pagination_page.active {
color: #2b2c31;
font-weight: 600;
font-size: 18px;
line-height: 24px;
}
.section-all-articles + .section-clubhouse-testimonials {
margin-top: 0;
}
.article-tiles, .article-text-block, .article-image, .article-numbers, .article-image-text-grid {
padding: 0;
width: 100%;
max-width: 994px;
margin-left: auto;
margin-right: auto;
}
.article-text-block {
max-width: 792px;
}
.article-tiles {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
}
.article-tiles.three-cols {
grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 47.9375em) {
.article-tiles {
grid-template-columns: 1fr !important;
gap: 0px !important;
}
}
.article-tiles-box {
width: 100%;
height: 100%;
padding: 24px;
border-radius: 6px;
background: #f6f6f6;
}
@media screen and (max-width: 47.9375em) {
.article-tiles-box {
background: rgba(0, 0, 0, 0);
}
}
.article-tiles-box > img {
width: 34px;
height: 34px;
margin: 11.2px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.article-tiles-box_title {
margin: 0 0 8px 0;
color: #2b2c31 !important;
font-family: var(--font-2);
font-size: 20px !important;
font-style: normal;
font-weight: 600 !important;
line-height: 28px;
text-transform: unset !important;
}
.article-tiles-box_text {
margin: 0;
color: #666 !important;
font-family: var(--font-2);
font-size: 16px !important;
font-style: normal;
font-weight: 300 !important;
line-height: 22px;
}
.article-numbers {
display: flex;
align-items: center;
justify-content: center;
height: 96px;
}
@media screen and (max-width: 47.9375em) {
.article-numbers {
display: grid;
grid-template-columns: 1fr 1fr;
row-gap: 24px;
height: -moz-fit-content;
height: fit-content;
}
}
.article-numbers-box {
padding: 8px 40px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
text-align: center;
width: 25%;
}
.article-numbers-box:not(:last-child) {
border-right: 1px solid #999;
}
@media screen and (max-width: 47.9375em) {
.article-numbers-box {
width: 100%;
padding: 12px 0;
}
.article-numbers-box:nth-child(2), .article-numbers-box:nth-child(4) {
border-right: none;
}
}
.article-numbers-box_value {
color: #2b2c31 !important;
font-size: 60px !important;
font-family: var(--font-2);
font-style: normal;
font-weight: 300 !important;
line-height: 68px;
margin: 0;
}
@media screen and (max-width: 47.9375em) {
.article-numbers-box_value {
font-size: 40px !important;
line-height: 68px !important;
margin-bottom: 6px;
}
}
.article-numbers-box_label {
color: #2b2c31 !important;
font-size: 12px !important;
font-family: var(--font-2);
font-style: normal;
font-weight: 500 !important;
line-height: 14px !important;
letter-spacing: 1px;
text-transform: uppercase;
margin: 0;
}
.article-image img {
border-radius: 6px;
}
.article-image.single > img {
width: 100%;
height: 556px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.article-image.single > p {
color: #666 !important;
font-family: var(--font-2);
font-size: 14px;
font-style: italic;
font-weight: 300;
line-height: 18px;
margin: 11px 0 0 0;
}
.article-image.grid-50-50 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
}
.article-image.grid-50-50 > img {
width: 100%;
height: 484px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
@media screen and (max-width: 47.9375em) {
.article-image.grid-50-50 {
overflow-x: scroll;
scroll-snap-type: x mandatory;
gap: 8px;
display: flex;
width: calc(100% + 48px);
margin-left: -24px;
padding-left: 0px;
}
.article-image.grid-50-50 > img {
scroll-snap-align: center;
height: 67vw;
min-width: calc(100vw - var(--edge) * 2);
}
.article-image.grid-50-50 > img:first-of-type {
margin-left: 24px;
}
}
@media screen and (max-width: 47.9375em) and (max-width: 47.9375em) {
.article-image.grid-50-50 > img:last-of-type {
margin-right: 70px;
}
}
.article-image.grid-60-40 {
display: grid;
grid-template-columns: 3fr 2fr;
gap: 24px;
}
.article-image.grid-60-40 > img {
width: 100%;
height: 458px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
@media screen and (max-width: 47.9375em) {
.article-image.grid-60-40 {
overflow-x: scroll;
scroll-snap-type: x mandatory;
gap: 8px;
display: flex;
width: calc(100% + 48px);
margin-left: -24px;
padding-left: 0px;
}
.article-image.grid-60-40 > img {
scroll-snap-align: center;
height: 67vw;
min-width: calc(100vw - var(--edge) * 2);
}
.article-image.grid-60-40 > img:first-of-type {
margin-left: 24px;
}
}
@media screen and (max-width: 47.9375em) and (max-width: 47.9375em) {
.article-image.grid-60-40 > img:last-of-type {
margin-right: 70px;
}
}
.article-image-text-grid {
display: grid;
grid-template-columns: 3fr 2fr;
gap: 24px;
}
@media screen and (max-width: 47.9375em) {
.article-image-text-grid {
display: flex;
flex-direction: column;
width: calc(100% + 30px);
margin-left: -15px;
background: #2b2c31;
padding: 56px 24px;
}
.article-image-text-grid:has(> .c-text-box) {
background: #f6f6f6;
}
}
.article-image-text-grid > img {
height: 458px;
min-height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: 6px;
}
@media screen and (max-width: 47.9375em) {
.article-image-text-grid > img {
height: 285px;
}
}
.article-image-text-grid .c-quote-box {
width: 100%;
height: -moz-fit-content;
height: fit-content;
min-height: 100%;
padding: 0px 40px;
border-radius: 6px;
background: #2b2c31;
display: flex;
flex-direction: column;
justify-content: center;
}
@media screen and (max-width: 47.9375em) {
.article-image-text-grid .c-quote-box {
padding: 0;
}
}
.article-image-text-grid .c-quote-box > svg {
margin-bottom: 34px;
}
.article-image-text-grid .c-quote-box_text {
color: #fff;
font-family: var(--font-2);
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 32px;
margin: 0 0 32px 0;
}
@media screen and (max-width: 47.9375em) {
.article-image-text-grid .c-quote-box_text {
font-size: 20px;
line-height: 24px;
}
}
.article-image-text-grid .c-quote-box_name {
color: #fff;
font-family: var(--font-2);
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 20px;
margin: 0;
}
.article-image-text-grid .c-quote-box_company {
color: #fff;
font-family: var(--font-2);
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 20px;
margin: 16px 0 0 0;
}
.article-image-text-grid .c-text-box {
border-radius: 6px;
background: #f6f6f6;
width: 100%;
height: -moz-fit-content;
height: fit-content;
min-height: 100%;
padding: 0px 40px;
display: flex;
flex-direction: column;
justify-content: center;
}
@media screen and (max-width: 47.9375em) {
.article-image-text-grid .c-text-box {
padding: 0;
}
}
.article-image-text-grid .c-text-box_heading {
color: #2b2c31;
font-family: var(--font-2);
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: 36px;
margin: 0 0 16px 0;
}
@media screen and (max-width: 47.9375em) {
.article-image-text-grid .c-text-box_heading {
font-size: 22px;
line-height: 30px;
}
}
.article-image-text-grid .c-text-box_description {
color: #2b2c31;
font-family: var(--font-2);
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 24px;
margin: 0 0 16px 0;
}
.article-image-text-grid .c-text-box.has-icons .c-text-box_description {
font-size: 16px;
line-height: 22px;
}
.article-image-text-grid .c-text-box_group {
display: flex;
align-items: center;
}
.article-image-text-grid .c-text-box_group:not(:last-of-type) {
margin-bottom: 8px;
}
.article-image-text-grid .c-text-box_group p {
margin: 0 0 0 16px;
color: #666;
font-family: var(--font-2);
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 22px;
}
.article-image-text-grid .c-text-box_group img {
width: 40px;
height: 40px;
}
.section-join-the-team-2023 {
padding: 0 0 80px 0;
}
@media screen and (max-width: 767px) {
.section-join-the-team-2023 {
padding: 0 20px 64px 20px;
}
}
.section-join-the-team-2023.services-offices {
padding-top: 80px;
}
.section-join-the-team-2023 .c-title {
color: #2b2c31;
font-family: var(--font-4);
font-size: 48px;
font-style: normal;
font-weight: 300;
line-height: 56px;
margin: 0 0 48px 0;
text-align: center;
}
@media screen and (max-width: 767px) {
.section-join-the-team-2023 .c-title {
font-size: 32px;
line-height: 40px;
padding: 0 25px;
margin-bottom: 24px;
}
}
.section-join-the-team-2023 .c-text {
color: #2b2c31;
text-align: center;
max-width: 836px;
margin: 0 auto 48px auto;
font-family: var(--font-2);
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 24px;
}
@media screen and (max-width: 767px) {
.section-join-the-team-2023 .c-text {
display: none;
}
}
.section-join-the-team-2023 .c-jobs-carousel {
padding-bottom: 48px;
max-width: 1440px;
margin-left: auto;
margin-right: auto;
}
.section-join-the-team-2023 .c-jobs-carousel .owl-stage {
display: flex;
left: -400px;
}
@media screen and (max-width: 1200px) {
.section-join-the-team-2023 .c-jobs-carousel .owl-stage {
left: 0;
}
}
.section-join-the-team-2023 .c-jobs-carousel .owl-dots {
bottom: 0;
display: flex !important;
}
.section-join-the-team-2023 .c-jobs-carousel .owl-dots button {
background: #2b2c31 !important;
}
.section-join-the-team-2023 .c-jobs-carousel .owl-stage-outer {
overflow: visible;
}
.section-join-the-team-2023 .c-job {
width: 379px;
padding: 0 24px;
display: flex;
flex-direction: column;
height: 100%;
}
.section-join-the-team-2023 .c-job > img {
margin-bottom: 24px;
max-width: unset;
width: calc(100% + 48px);
position: relative;
left: -24px;
height: 210.063px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: 6px;
}
.section-join-the-team-2023 .c-job_title {
margin: 0 0 8px 0;
}
.section-join-the-team-2023 .c-job_time, .section-join-the-team-2023 .c-job_location {
display: flex;
padding: 0 24px;
align-items: center;
color: #2b2c31;
font-family: var(--font-2);
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 24px;
margin: 8px 0;
}
.section-join-the-team-2023 .c-job_time svg, .section-join-the-team-2023 .c-job_location svg {
margin-right: 16px;
}
.section-join-the-team-2023 .c-job_description {
color: #2b2c31;
font-family: var(--font-2);
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 24px;
margin: 8px 0 0 0;
padding-bottom: 32px;
}
.section-join-the-team-2023 .c-job_cta {
display: block;
text-align: center;
width: 100%;
padding: 16px 0;
color: #8d261b;
font-family: var(--font-2);
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 20px;
border-radius: 6px;
border: 1px solid #8d261b;
background: rgba(212, 212, 212, .03);
transition: .25s ease-in-out;
margin-top: auto;
text-decoration: none !important;
}
.section-join-the-team-2023 .c-job_cta:hover {
background: #8d261b;
color: #fff;
}
.section-join-the-team-2023 .c-cta {
color: #fff;
font-family: var(--font-2);
font-size: 16px;
font-style: normal;
display: block;
font-weight: 600;
line-height: 20px;
text-align: center;
padding: 16px 24px;
border-radius: 6px;
background: #8d261b;
margin: 48px auto 0 auto;
width: 233px;
min-width: -moz-fit-content;
min-width: fit-content;
text-decoration: none !important;
}
.section-join-the-team-2023 .c-cta:hover {
background: var(--color-dark-rust);
}
@media screen and (max-width: 767px) {
.section-join-the-team-2023 .c-cta {
width: 100%;
max-width: 400px;
}
}
.section-join-the-team-2023.serviced-offices {
background: #f6f6f6 !important;
}
.section-join-the-team-2023.serviced-offices .c-job {
background: #fff !important;
padding-bottom: 24px;
border-radius: 12px;
}
.section-join-the-team-2023.serviced-offices .c-job_title {
font-size: 28px !important;
font-weight: 600 !important;
min-height: 78px;
}
.section-join-the-team-2023.serviced-offices .c-job_description {
font-size: 18px !important;
line-height: 24px !important;
padding-bottom: 61px !important;
}
.section-join-the-team-2023.refer .c-job {
background: #fff !important;
padding-bottom: 32px;
border-radius: 12px;
box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, .15);
}
.section-join-the-team-2023.refer .c-job_title {
margin: 0 0 16px 0;
font-size: 28px;
line-height: 36px;
font-weight: 600;
}
.section-join-the-team-2023.refer .c-job_receive {
color: #666;
font-family: var(--font-2);
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 14px;
letter-spacing: 1px;
text-transform: uppercase;
padding: 32px 0 0 0;
margin-top: auto;
}
.section-join-the-team-2023.refer .c-job_subtitle {
margin: 0 0 16px 0;
color: #2b2c31;
font-family: var(--font-2);
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 24px;
}
.section-join-the-team-2023.refer .c-job_price {
color: #2b2c31;
font-family: var(--font-2);
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 32px;
margin: 0;
}
.section-join-the-team-2023.refer .owl-dots {
display: none !important;
}
body[data-page-name*="Careers"] .section-join-the-team-2023 {
padding-bottom: 64px;
}
.section-team-members-2023 {
margin-bottom: 80px;
z-index: 2;
position: relative;
}
.section-team-members-2023 .c-filters {
width: 100%;
background: #f6f6f6;
margin-bottom: 100px;
overflow-x: scroll;
margin-top: 55px;
}
@media screen and (max-width: 600px) {
.section-team-members-2023 .c-filters {
margin-bottom: 36px;
}
}
.section-team-members-2023 .c-filters::-webkit-scrollbar {
height: 3px;
}
.section-team-members-2023 .c-filters .inner {
display: flex;
align-items: center;
flex-direction: row;
height: 100%;
padding-top: 21px;
padding-bottom: 21px;
}
@media screen and (max-width: 600px) {
.section-team-members-2023 .c-filters .inner {
padding-top: 12px;
padding-bottom: 12px;
}
}
.section-team-members-2023 .c-filters_item {
padding: 8px 24px;
color: var(--grey, #666);
font-size: 16px;
font-family: var(--font-2);
line-height: 22px;
border-radius: 6px;
border: 1px solid #ebebeb;
transition: .3s ease;
min-width: -moz-fit-content;
min-width: fit-content;
margin-right: 16px;
}
.section-team-members-2023 .c-filters_item:last-of-type {
margin-right: 0;
}
.section-team-members-2023 .c-filters_item.active {
font-weight: 600;
color: var(--color-dark-grey);
border-radius: 6px;
background: #fff;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, .08);
}
.section-team-members-2023 .c-title {
margin: 60px 0;
text-align: center;
color: var(--color-dark-grey);
font-family: var(--font-4);
font-size: 48px;
font-style: normal;
font-weight: 300;
line-height: 56px;
}
@media screen and (max-width: 767px) {
.section-team-members-2023 .c-title {
padding: 0 24px;
font-size: 32px;
line-height: 40px;
margin: 42px 0;
}
}
.section-team-members-2023 .c-members {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
}
@media screen and (max-width: 900px) {
.section-team-members-2023 .c-members {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 600px) {
.section-team-members-2023 .c-members {
grid-template-columns: 1fr;
}
}
.section-team-members-2023 .c-members .c-member {
padding: 0 24px 24px 24px;
display: flex;
flex-direction: column;
border-radius: 6px;
border: 1px solid #ebebeb;
position: relative;
}
.section-team-members-2023 .c-members .c-member.hidden {
display: none;
}
.section-team-members-2023 .c-members .c-member > img {
width: calc(100% + 48px);
position: relative;
left: -24px;
height: 242px;
border-radius: 6px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
max-width: unset;
}
@media screen and (max-width: 600px) {
.section-team-members-2023 .c-members .c-member > img {
height: 196px;
}
}
.section-team-members-2023 .c-members .c-member_name {
margin: 24px 0 4px 0;
color: var(--color-dark-grey);
font-family: var(--font-2);
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: 36px;
}
.section-team-members-2023 .c-members .c-member_title {
color: #999;
font-family: var(--font-2);
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 20px;
margin: 0;
}
.section-team-members-2023 .c-members .c-member_text {
color: var(--color-dark-grey);
font-family: var(--font-2);
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 22px;
margin: 24px 0 0 0;
padding-bottom: 24px;
}
.section-team-members-2023 .c-members .c-member_location {
margin: auto 0 0 0;
padding: 4px 8px;
color: #fff;
font-family: var(--font-2);
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 14px;
letter-spacing: 2px;
text-transform: uppercase;
border-radius: 3px;
width: -moz-fit-content;
width: fit-content;
background: var(--color-dark-grey);
}
.section-team-members-2023 .c-members .c-member_linkedin {
position: absolute;
right: 24px;
bottom: 24px;
transition: .25s ease-in-out;
text-decoration: none;
height: 33px;
}
.section-team-members-2023 .c-members .c-member_linkedin:hover {
opacity: .65;
}
.section-team-members-2023 .c-load-more {
display: block;
width: 130px;
margin: 80px auto 0 auto;
padding: 16px;
border-radius: 6px;
border: 1px solid #8d261b;
background: rgba(212, 212, 212, .03);
color: #8d261b;
font-family: var(--font-2);
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 20px;
text-align: center;
transition: .25s ease-in-out;
text-decoration: none;
}
.section-team-members-2023 .c-load-more:hover {
background: #8d261b;
color: #fff;
}
.section-free-text {
text-align: center;
padding: 20px 0;
/* Ample padding for distinct separation */
background-color: white;
}
.section-free-text .inner {
max-width: 800px;
/* Restrict width for better readability */
margin: 0 auto;
/* Center the content */
padding: 20px;
/* Inner padding for content */
background-color: white;
}
.intro-text {
font-size: 1.8em;
/* Larger font size for emphasis */
line-height: 1.8;
/* Improved line spacing for readability */
color: #2b2c31;
/* Dark color for text */
font-weight: 600;
/* Bold font weight for impact */
margin-bottom: 20px;
/* Bottom margin for spacing */
font-family: "Glare", -apple-system, "Helvetica", sans-serif;
}
/* Enhancements for smaller screens */
@media (max-width: 768px) {
.intro-text {
font-size: 1.4em;
/* Adjust font size for mobile devices */
padding: 15px;
}
}
/* Boxed Layout for Gravity Forms */
.gform_wrapper {
background-color: #f9f9f9;
padding: 20px;
border-radius: 10px;
box-shadow: 0 6px 12px rgba(0, 0, 0, .1);
width: 70%;
margin: 0 auto;
}
/* Form input and select styles */
.gform_wrapper select, .gform_wrapper textarea, .gform_wrapper input[type="text"], .gform_wrapper input[type="password"], .gform_wrapper input[type="datetime"], .gform_wrapper input[type="datetime-local"], .gform_wrapper input[type="date"], .gform_wrapper input[type="month"], .gform_wrapper input[type="time"], .gform_wrapper input[type="week"], .gform_wrapper input[type="number"], .gform_wrapper input[type="email"], .gform_wrapper input[type="url"], .gform_wrapper input[type="search"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="color"], .gform_wrapper .uneditable-input {
display: inline-block;
width: 100%;
height: 40px;
border: 1px solid #d3d3d3;
padding: 10px;
font-size: 14px;
color: #333;
background-color: #fff;
border-radius: 5px;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .05);
font-family: inherit;
}
/* Focus styles for form fields */
.gform_wrapper .gform_body .gform_fields .gfield input:focus, .gform_wrapper .gform_body .gform_fields .gfield select:focus, .gform_wrapper .gform_body .gform_fields .gfield textarea:focus {
border-color: #0056b3;
box-shadow: 0 0 8px rgba(0, 85, 179, .2);
}
/* Form field labels */
.gform_wrapper .gfield_label {
color: #333;
font-size: 16px;
text-transform: none;
background: transparent;
padding-bottom: 5px;
}
/* Adjust spacing for first and last name */
.gform-theme--foundation .gform-grid-row .name_first, .gform-theme--foundation .gform-grid-row .name_last {
margin-bottom: 10px;
padding: 0 10px;
}
/* Subtle shadow and bold for form labels */
.gform-theme--foundation .gfield_label, .gform-theme--foundation .gform-field-label {
text-shadow: 1px 1px 2px rgba(0, 0, 0, .1);
font-weight: 600;
}
/* Reduce space above and below fields */
.gform-theme--foundation .gfield {
margin-bottom: 15px;
}
/* Specific styles for Name fieldset */
fieldset#gfield_2_2 {
padding: 10px;
box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
}
/* Adjust label positions and remove extra breaks */
.gform-theme--foundation .gform-field-label {
display: block;
margin-top: -5px;
}
/* Remove unnecessary
tags in Name fieldset */
#gfield_2_2 br {
display: none;
}
/* Submit button styles */
.gform_wrapper .gform_footer .gform-button {
background-color: #0056b3;
color: white;
border: none;
border-radius: 5px;
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
transition: background-color .3s;
}
.options .ginput_container.ginput_container_radio {
cursor: pointer;
}
.gform_wrapper .gform_footer .gform-button:hover {
background-color: #003d82;
}
/* Required field indicator */
.gform_wrapper .gfield_required {
color: #c02b0a;
font-size: .85em;
}
/* Mobile responsiveness */
@media (max-width: 768px) {
.gform_wrapper {
width: 90%;
}
}
/* Enhancements for better visual appeal */
body .gform_wrapper ul.gform_fields li.gfield {
list-style-type: none;
padding: 5px 0;
}
.gfield_label .gfield_description {
display: inline-block;
margin-left: 5px;
font-size: smaller;
}
/* Style for radio button labels */
.gform_wrapper .gfield_radio li label {
font-weight: 600;
}
/* Style for descriptions */
.gform_wrapper .gf-description {
font-weight: normal;
font-size: .9em;
color: #666;
display: block;
}
/* Align radio buttons with descriptions */
.gchoice {
display: flex;
align-items: center;
border: 2px solid transparent;
/* Invisible border to maintain layout */
transition: background-color .3s, border-color .3s;
}
.gform-field-label--type-inline {
display: flex;
flex-direction: column;
justify-content: center;
}
.gfield-choice-input {
margin-top: 0;
margin-right: 5px;
align-self: center;
}
/* Hover effect for entire choice with border and background change */
.options .gchoice:hover {
border: .5px solid #ccc;
/* Boxed border */
background-color: #f2f2f2;
/* Light background color on hover */
border-radius: 10px;
/* Rounded corners for the box */
/* padding: 5px; Padding inside the box */
box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
}
/* Ensure the flex container (gchoice) does not grow to full width */
.gform_wrapper .gfield_radio li {
display: inline-flex;
align-items: center;
}
.options .gchoice {
padding: 5px 0 5px 10px;
}
.ginput_container.ginput_container_checkbox {
cursor: pointer;
}
.form-page-title-2 {
margin: 0px !important;
}
legend.gfield_label.gform-field-label.gfield_label_before_complex {
font-weight: 600;
}
.options label {
font-weight: 600 er !important;
}
.user-login span.menu-item-inner.btn-primary {
padding: 10px 15px;
}
.user-login span.menu-item-text {
font-size: 1.3em;
}
.menu-pass span.menu-item-inner.btn-primary {
background: transparent;
}
.menu-pass span.menu-item-inner.btn-primary:hover {
background: transparent !important;
}
.menu-pass span.menu-item-text {
padding: 9px 24px;
border-radius: 6px;
border: 1px solid #fff;
}
.nav-sticky .menu-pass span.menu-item-text {
border: 1px solid #000;
font-weight: 500;
color: #000;
}
.solution-template-default .menu-pass span.menu-item-text {
border: 1px solid #000;
}
/* Hide on screens larger than 768px */
@media (min-width: 769px) {
.mobile-pass span.menu-item-inner.btn-primary {
display: none;
}
.user-login span.icon-text {
display: none;
}
}
/* Show on mobile screens (usually screens smaller than 768px) */
@media (max-width: 768px) {
.m-menu .sub-menu .menu-item a.loaded {
border-bottom: none !important;
padding: 8px 0;
}
button.custom-back-btn.loaded {
display: flex;
align-items: center;
justify-content: center;
gap: 2px;
color: var(--color-rust);
font-weight: 600;
font-size: 18px !important;
}
button.custom-back-btn.loaded svg {
height: 25px;
width: 22px;
}
.m-menu .sub-menu a.custom-title-right.loaded svg {
height: 19px;
width: 22px;
}
.m-menu .sub-menu a.custom-title-right.loaded {
justify-content: flex-end !important;
font-size: 18px;
color: var(--color-rust) !important;
border-bottom: 1px solid #ebebeb !important;
flex-wrap: wrap;
align-content: space-around;
}
.m-menu .sub-menu span.custom-title-left.loaded {
padding: 16px 0;
border-bottom: 1px solid #ebebeb;
display: flex;
justify-content: space-between;
width: 100%;
flex: 100%;
font-size: 1.5em;
font-weight: 600;
}
.m-menu ul.sub-menu.is-active {
top: 140px !important;
}
.m-menu .mobile-pass span.menu-item-inner.btn-primary {
display: inline-block !important;
padding: 10px !important;
border-bottom: none;
}
.m-menu .mobile-pass button.menu-item-chevron.loaded {
display: none !important;
}
.m-menu .user-login button.menu-item-chevron.loaded {
display: none !important;
}
.m-menu .mobile-pass span.menu-item-inner.btn-primary {
display: block;
}
.m-menu .user-login span.menu-item-inner.btn-primary {
display: inline-block !important;
padding: 10px 0 !important;
background-color: transparent;
color: var(--color-rust);
border: none !important;
}
.m-menu .user-login span.menu-item-inner.btn-primary:hover {
background-color: transparent !important;
}
.menu-pass span.menu-item-text {
display: none;
}
.m-menu .user-login span.icon-text {
padding-left: 10px;
}
.m-menu .menu-pass {
display: none;
}
}
/* Hide by default */
.the-header .mobile-pass span.menu-item-text {
display: none;
}
a.custom-title-right.loaded svg {
margin-bottom: 2px;
height: 15px;
width: 16px;
}
.the-header a.custom-title-right.loaded {
display: flex !important;
align-items: center;
gap: 0px;
}
/* php-menu-toggle php-menu-locations php-menu-dynamic php-menu-dynamic-locations */
@media (min-width: 769px) {
li.menu-contact {
padding-right: var(--gap);
}
li.menu-pass {
padding-right: 0;
}
.the-header a.custom-title-right.loaded {
display: flex !important;
align-items: center;
gap: 2px;
color: var(--color-rust);
font-size: 14px;
font-weight: 600;
}
/* Base styling for the navigation menu items to ensure proper positioning */
.the-header .menu-item {
position: relative;
}
/* Styling for dropdown menus of items with children, initially hidden */
.the-header .menu-item-has-children .sub-menu {
display: none;
position: absolute;
top: calc(100% - 2px);
/* Adjusts for slight overlap to avoid gaps */
left: 0;
z-index: 1000;
background-color: #fff;
/* Background color for dropdown menus */
box-shadow: 0 8px 16px rgba(0, 0, 0, .1);
/* Adds a subtle shadow for depth and distinction */
transition: opacity .3s ease, visibility .3s ease;
/* Smooth transitions for appearing and disappearing */
opacity: 0;
visibility: hidden;
}
/* Ensures the dropdown menu is shown when hovering over menu items with children */
.the-header .menu-item-has-children:hover > .sub-menu {
display: block;
opacity: 1;
visibility: visible;
}
/* Styles for submenu items, ensuring full width usage and consistent padding */
.the-header .sub-menu .menu-item {
width: 100%;
}
.the-header .sub-menu .menu-item a {
display: block;
padding: 4px;
color: #000;
/* Default color for submenu item texts */
text-decoration: none;
transition: color .2s ease, text-decoration .2s ease;
/* Smooth transitions for hover states */
overflow-wrap: break-word;
}
/* Adjusted to control the dropdown width and ensure text fits inside */
.the-header .menu-item-has-children .sub-menu {
min-width: 300px;
/* Minimum width to ensure consistency */
max-width: 320px;
/* Maximum width to prevent overly wide dropdowns */
white-space: normal;
/* Allows text wrapping within the dropdown */
box-shadow: -5px 10px 14px 5px rgba(0, 0, 0, 34%);
border-radius: 11px;
}
/* Hover styles */
.the-header .sub-menu .menu-item a:hover {
color: var(--color-rust) !important;
/* Changes text color on hover for visibility */
text-decoration: underline;
/* Underlines text on hover for emphasis */
background-color: transparent;
}
/* Hide elements with the 'mobile-pass' class, typically used for mobile-specific navigation adjustments */
.the-header li.mobile-pass {
display: none;
}
/* Specific targeting for anchor tags within menu items on hover */
.the-header .sub-menu .menu-item a:hover .menu-item-text {
text-decoration: underline;
color: var(--color-rust) !important;
}
/* Alternatively, if you want to ensure the underline appears across the entire anchor element */
.the-header .menu-item a:hover {
text-decoration: underline !important;
}
.menu-pass, .menu-contact.menu-item a:hover {
text-decoration: none !important;
}
.the-header .menu-item.custom-title {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px;
/* Padding for the custom title */
margin-bottom: 10px;
}
.the-header .menu-item.custom-title:after {
content: "";
position: absolute;
left: 5%;
right: 5%;
bottom: 0;
border-bottom: 1px solid #ccc;
}
.the-header .menu-item.custom-title a {
color: var(--color-rust);
/* Custom color for both title and sub-label */
text-decoration: none;
/* Removes underline from links */
font-size: 18px;
font-weight: 600;
}
.custom-title-left {
font-weight: 600;
/* Highlight the title */
padding-left: 7px;
font-size: 20px;
}
.the-header .custom-title-right {
/* Style for the 'See All' link; adjust as necessary */
font-weight: normal;
}
}
.dark-content .m-header-outer .menu-pass span.menu-item-text {
border: 1px solid var(--color-rust);
}
.dark-content .m-header-outer .menu-pass span.menu-item-text:hover {
background-color: var(--color-rust);
color: #fff !important;
text-decoration: none;
}
.m-menu .sub-menu span.menu-item-text {
font-size: 16px;
font-weight: 500 !important;
line-height: 20px;
}
.m-menu .sub-menu .menu-item-inner:not(.btn-primary) .menu-item-text:hover {
color: var(--color-rust) !important;
}
.m-menu .sub-menu span.menu-item-inner.btn-none:hover {
color: var(--color-rust) !important;
}
.menu-pass span.menu-item-inner.btn-none {
color: #fff;
}
.m-menu .custom-back-btn-wrapper {
width: 100%;
padding: 10px 0;
}
.m-menu .custom-back-btn {
background-color: transparent;
border: none;
color: #000;
/* Change color as needed */
cursor: pointer;
padding: 0;
font-size: 16px;
/* Adjust font size as needed */
text-align: left;
width: auto;
}
.section-hero-banner .inner .m-hero-banner_message_wrapper .m-hero-banner_cta-button {
display: inline-block;
/* Adjust to 'block' if you prefer it to take the full width */
margin-top: 20px;
/* Space above the button */
padding: 10px 25px;
/* Button padding */
background-color: #8d261b;
/* Button background color */
color: #fff;
/* Button text color */
text-align: center;
text-decoration: none;
border-radius: 5px;
/* Rounded corners */
font-size: 16px;
/* Font size */
font-weight: 600;
/* Font weight */
transition: background-color .3s ease;
/* Smooth background color transition on hover */
z-index: 15;
/* Higher than the text's z-index */
position: relative;
}
.landing-banner .home-banner .m-hero-banner_message_message {
letter-spacing: normal;
font-family: var(--font-4);
font-size: 48px;
font-weight: 800;
line-height: 52px;
text-align: left;
}
.home-banner .m-hero-banner_message_message {
font-size: .5em;
font-weight: 800;
letter-spacing: normal;
}
/* Ensures the wrapper uses Flexbox to center its children */
.home-banner .section-hero-banner .inner .m-hero-banner_message_wrapper {
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
align-items: center !important;
text-align: center !important;
height: 100% !important;
}
/* Button Hover Styles */
.home-banner .section-hero-banner .inner .m-hero-banner_message_wrapper .m-hero-banner_cta-button:hover {
background-color: #0056b3 !important;
/* Button hover background color */
text-decoration: none !important;
}
.home-banner .banner-left_bottom .m-hero-banner_message_message {
font-size: 1.2em;
}
.home-banner .banner-left_bottom .m-hero-banner_text-area {
text-align: left;
}
.landing-banner .home-banner .m-hero-banner_text-area {
margin: 20px 0 !important;
font-size: 19px;
color: #fff !important;
letter-spacing: normal;
font-family: var(--font-2) !important;
text-align: left;
line-height: initial;
width: 100%;
font-weight: 100;
}
.home-banner .m-hero-banner_text-area {
margin: 20px 0 !important;
font-size: 19px;
color: #fff !important;
letter-spacing: normal;
font-family: var(--font-2) !important;
text-align: center;
line-height: initial;
width: 45%;
font-weight: 100;
}
@media screen and (max-width: 768px) {
.landing-banner .home-banner .m-hero-banner_message_message {
letter-spacing: normal;
font-family: var(--font-4);
font-size: 32px;
font-weight: 600;
line-height: 40px;
}
span.menu-item-inner.btn-primary {
border-radius: 10px !important;
}
.nav-fold > ul > li > .sub-menu .menu-item {
margin-bottom: 10px !important;
}
.section-hero-banner .inner .m-hero-banner_message.banner-left_bottom .m-hero-banner_message_wrapper, .section-hero-banner .inner .m-hero-banner_message.banner-left_bottom_50 .m-hero-banner_message_wrapper {
align-items: flex-start;
justify-content: center;
}
.section-hero-banner .inner .m-hero-banner_message {
line-height: 48px;
}
.section-hero-banner .inner .m-hero-banner_message_wrapper .m-hero-banner_cta-button {
margin-top: 30px;
}
.home-banner .banner-left_bottom .m-hero-banner_message_message {
font-size: 1em;
}
}
section.section-loyalty-bar.v2 {
display: none;
}
.the-footer section.section-loyalty-bar.v2 {
display: block;
}
.page-template-landing-page-template .the-footer section.section-loyalty-bar.v2 {
display: none;
}
.landing-page section.section-loyalty-bar.v2 {
display: block;
}
.sub-menu .menu-item > a.active .menu-item-inner .menu-item-text {
font-weight: 300;
}
.ui-datepicker {
z-index: 1000 !important;
}
.about-clubhouse-testimonials rect {
fill: #505050;
}
.about-clubhouse-testimonials rect:hover {
fill: #979797;
}
.about-clubhouse-testimonials path {
fill: #fff;
}
@media screen and (min-width: 768px) {
.section-clubhouse-products-2023 .inner .c-products-container .c-products-slider.active {
display: grid !important;
justify-content: center;
grid-template-columns: repeat(3, 1fr);
width: -moz-fit-content;
width: fit-content !important;
}
.landing-page .section-clubhouse-products-2023 .inner .c-products-container .c-products-slider.active {
display: flex !important;
width: 1218px !important;
min-height: 475px;
}
.home .inner .c-products-container .c-products-slider.active {
display: flex !important;
width: 1218px !important;
justify-content: center !important;
}
.c-products-grid .c-product-features {
display: none;
}
.c-products-grid p.c-product-price {
display: none;
}
.show-all-amenities {
display: none;
}
}
.section-amenities-2023 .c-list_item {
border: 1px solid #d9d9d9;
border-radius: 6px;
padding: 1px 12px 1px 6px;
}
.section-amenities-2023 .inner .c-list_item:hover {
opacity: 1;
background-color: var(--color-rust);
color: #fff !important;
}
.c-list_item:hover p {
color: #fff !important;
}
.c-solution_row {
margin-top: 72px;
overflow: hidden;
padding-left: 24px;
display: flex;
align-items: center;
justify-content: space-between;
}
.c-solution_content {
width: 50%;
margin-right: 25px;
}
.section-clubhouse-about .c-solution_image {
width: 50%;
display: flex;
justify-content: flex-end;
}
.section-solutions-list .c-solution_description {
margin: 16px 0;
/*color: #fff;*/
color: #000;
font-size: 18px;
font-family: var(--font-2);
font-style: normal;
font-weight: 300;
line-height: 24px;
}
.section-clubhouse-about .c-solution_description {
color: #fff;
margin: 16px 0;
}
.c-solution_title {
margin-top: 32px;
color: #fff;
font-size: 28px;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
line-height: 36px;
}
.section-clubhouse-about .c-solution .button-2 {
margin-top: 0;
border-radius: 6px;
background: #8d261b;
padding: 12px 24px;
}
.section-clubhouse-about .c-solution .button-2 span {
color: #fff;
font-size: 16px;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
line-height: 20px;
}
.c-solution .button-2:not(:hover):not(:active), .button-3:not(:hover):not(:active) {}
.button-2:not(:hover):not(:active), .button-3:not(:hover):not(:active) {
--bg: transparent;
--color: var(--color-1);
border-color: var(--color-rust);
}
/* Ensure the image fills the right half without stretching. Adjust as needed. */
.section-clubhouse-about .c-solution_image img {
max-width: 100%;
height: auto;
}
/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
.section-clubhouse-about .c-solution_row {
flex-direction: column-reverse;
align-items: stretch;
}
.section-clubhouse-about .c-solution_content, .c-solution_image {
width: 100% !important;
}
.section-clubhouse-about .c-solution_image {
margin-top: 32px;
}
}
/* Base styles */
.section-clubhouse-about .section-clubhouse-testimonials {
margin-top: 0px;
}
.c-box-testimonials_slider_item .coverflow__nav-container {
display: flex;
position: absolute;
right: 0;
bottom: 0;
}
.testimonilas-hr {
background-color: #8d261b;
width: 90%;
margin-top: 50px;
}
.about-clubhouse-testimonials {
width: 100%;
margin-top: 60px !important;
}
.section-clubhouse-testimonials .c-box-testimonials_slider_item.coverflow__slide.active {
display: flex;
color: #fff;
transform: none !important;
position: relative !important;
left: 0% !important;
}
.section-clubhouse-testimonials .c-box-testimonials_slider_item.coverflow__slide {
display: none;
color: #fff;
}
.c-box-testimonials_slider_item .testimonial-image img {
margin-left: 25px;
min-width: 350px;
width: 100%;
object-fit: cover;
object-position: center;
border-radius: 6px;
/* transform: scaleX(-1); */
height: 360px;
}
.about-clubhouse-testimonials .c-box {
padding: 25px;
}
.c-box-testimonials_slider_item {
display: flex;
align-items: flex-start;
gap: 20px;
}
.testimonial-image, .testimonial-content {
flex: 1;
}
.c-testimonial-content {
margin-left: 10px;
}
@media (min-width: 768px) {
.testimonial-image {
width: 40%;
}
.c-testimonial-content {
margin-left: 25px;
}
.c-testimonial-content {
width: 60%;
}
.c-box-testimonials_slider {
width: 95%;
margin: auto;
}
}
/* Mobile-friendly adjustments */
@media (max-width: 768px) {
.testimonilas-hr {
width: 95%;
}
.c-box-testimonials_slider_item .testimonial-image img {
margin-left: 3px;
width: 90%;
min-width: 340px;
}
.c-box-testimonials_slider_item {
flex-direction: column;
align-items: center;
}
.testimonial-image, .testimonial-content {
flex-basis: auto;
}
.testimonial-image img {
margin-left: 0;
/* Remove the left margin on mobile */
width: 100%;
/* Make image full width on mobile */
max-width: 100%;
}
.c-box-testimonials_slider_item .coverflow__nav-container {
position: relative;
/* Change to relative positioning on mobile */
bottom: auto;
right: auto;
justify-content: center;
}
.about-clubhouse-testimonials .c-box {
padding: 15px;
}
.section-clubhouse-testimonials .c-box-testimonials_slider_item .badge {
left: 220px !important;
}
.content-inner .c-locations-header {
display: none;
}
.c-locations-filters_container-mobile .nice-select .list {
position: unset;
margin-top: 0px;
border-radius: 10px;
}
.c-locations-filters_container-mobile .nice-select:not(.open) {
height: 50px;
}
.nice-select.is-required.form-value.open {
padding-top: 10px;
}
}
.section-clubhouse-testimonials .c-box-testimonials_slider_item .badge {
position: absolute;
left: 300px;
top: 10px;
padding: 4px 16px;
color: #fff;
font-family: var(--font-2);
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 14px;
letter-spacing: 2px;
text-transform: uppercase;
border-radius: 3px;
background: var(--color-rust);
z-index: 2;
width: -moz-fit-content;
width: fit-content;
}
.section-clubhouse-testimonials .c-box-testimonials_slider_item > div .c-quote-text {
margin: 34px 0 32px;
color: #fff;
font-size: 24px;
font-family: var(--font-2);
font-style: normal;
font-weight: 300;
line-height: 32px;
}
.ginput_container_time ul.list {
top: auto;
width: auto;
left: auto;
}
.gfield--type-time .nice-select .current {
display: flex;
background-image: var(--icon-drop-dark) !important;
color: var(--color-black);
}
.time-picker .nice-select {
display: none;
}
.time-picker select {
display: block !important;
}
.gform_heading {
display: none;
}
.gform-theme--framework .gf_page_steps, .gform-theme--framework .gf_progressbar_wrapper {
display: none;
}
.gform-theme--foundation .gform_fields {
grid-row-gap: 0px !important;
}
.m-cuh_right .gform_wrapper {
margin: 0px;
width: 100%;
}
form {
font-family: var(--font-2) !important;
}
h3.gsection_title {
font-family: var(--font-4) !important;
color: var(--color-rust);
}
legend.gfield_label.gform-field-label {
font-family: var(--font-1) !important;
}
.gform-theme-button {
background-color: var(--color-rust) !important;
color: #fff !important;
}
.gform-theme-button:focus {
--gf-local-border-color: var(--color-1) !important;
box-shadow: 0 0 8px rgba(131, 75, 69, 65%) !important;
}
body .gform_wrapper .gform_body .gform_fields .gfield input:focus, body .gform_wrapper .gform_body .gform_fields .gfield select:focus, body .gform_wrapper .gform_body .gform_fields .gfield textarea:focus {
border-color: var(--color-rust) !important;
box-shadow: 0 0 8px rgba(131, 75, 69, 65%) !important;
}
.gform-theme--framework input[type="radio"]:where(
:not(.gform-theme__disable):not(.gform-theme__disable *):not(
.gform-theme__disable-framework
):not(.gform-theme__disable-framework *)
):before {
background-color: var(--color-rust) !important;
}
p.gform_required_legend {
display: none;
}
.m-cus-left .gform_wrapper {
margin: 0px !important;
width: 100%;
}
.gform-body input {
border: .5px solid rgba(79, 74, 74, .44) !important;
}
.section-contact-us .m-cus .m-cus-right .m-cus-right-box .m-cus-right-text .m-cus-box-title {
font-family: var(--font-4);
}
.options legend.gfield_label.gform-field-label {
padding-top: 16px;
}
input#gform_submit_button_2 {
background-color: #8d261b;
}
.gform_button {
background-color: var(--color-rust) !important;
}
@media (min-width: 768px) {
section.map {}
.section-contact-us .m-cus .m-cus-right .m-cus-right-box {
position: absolute;
top: 0;
}
.section-locations-2023 .c-locations-header .c-locations-filters {
display: inline-flex;
/* width: 100%; */
justify-content: space-between;
align-items: center;
width: 50%;
}
.list .m-location-map {
display: none;
}
/* Additional styling for toggle buttons */
.toggle-container button {
cursor: pointer;
padding: 10px;
margin-right: 5px;
}
.list .m-location-list {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: flex-start;
align-items: stretch;
}
.list .m-location-item {
flex: 1 1 calc(24% - 20px);
max-width: 24%;
}
.list .m-location {
max-width: 100%;
}
.map .m-location-list {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: flex-start;
align-items: stretch;
}
.map .m-location-item {
flex: 1 1 auto;
/* Allow the item to grow and shrink as needed, but not beyond its content size */
max-width: calc(50% - 20px);
/* Set a maximum width for each item */
min-width: 0;
}
.content-inner .c-locations-header {
display: block;
position: relative !important;
top: unset !important;
z-index: 0;
width: 100%;
box-shadow: none !important;
justify-content: space-between;
}
.c-locations-header .inner .c-locations-filters {}
.section-locations-2023 .m-location-outer {
margin-top: 0px;
min-height: calc(100vh - 400px);
}
.section-locations-2023 .nice-select {
background-color: #fff;
border: none;
/* Removes border */
border-radius: 4px;
/* Rounded corners */
box-sizing: border-box;
color: #000;
/* Sets text color */
cursor: pointer;
display: inline-flex;
/* Uses flexbox for layout */
align-items: center;
/* Centers items vertically */
justify-content: center;
/* Centers items horizontally */
font-family: Glare, -apple-system, Helvetica, sans-serif;
font-size: 16px;
font-weight: 300;
padding: 4px 10px 4px 0px;
/* Reduced padding around text */
position: relative;
text-align: center;
transition: background-color .2s ease-in-out;
height: auto;
/* Adjust height based on content */
width: auto;
/* Adjust width based on content */
outline: none;
/* Removes outline */
z-index: 1000;
}
.section-locations-2023 .nice-select .current {
padding: 20px 28px 20px 9px !important;
border: 1px solid var(--color-black);
height: 0;
border-radius: 7px;
flex-grow: 1;
}
.section-locations-2023 .nice-select .current:after {
margin-right: 10px;
}
.section-locations-2023 .c-locations-header .c-locations-filters_container .c-form-body {
/* width: 90%; */
grid-template-columns: repeat(2, 1fr);
column-gap: 0;
}
}
.toggle-switch {
display: flex;
align-items: center;
background-color: #fff;
border-radius: 7px;
position: relative;
width: 100px;
height: 45px;
cursor: pointer;
border: 1px solid var(--color-rust);
overflow: hidden;
/* Prevents child elements from overflowing the rounded border */
margin-left: auto;
}
@media (max-width: 1024px) {
.toggle-switch {
display: none;
}
}
.toggle-switch-button {
position: absolute;
background-color: var(--color-rust);
width: 50%;
height: 100%;
left: 0px;
transition: transform .3s ease-in-out;
}
.toggle-label {
color: var(--color-rust);
z-index: 1;
padding: 0 10px;
}
.left-label {
flex-grow: 1;
text-align: left;
}
.right-label {
flex-grow: 1;
text-align: right;
}
.toggle-label.active {
color: #fff;
}
.toggle-label.inactive {
color: var(--color-rust);
}
.active .nice-select .current {
border: 1px solid;
border-radius: 12px;
background-color: var(--color-rust);
color: #fff;
}
.section-locations-2023 .is-focused .nice-select .current {
border: 1.5px solid var(--color-rust) !important;
border-radius: 7px;
}
.section-locations-2023 .m-location-item {
margin-top: 0px;
}
.active .nice-select .current:after {
background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.3293 6.37341L11.8643 1.23486C12.0455 1.0665 12.0452 0.793923 11.8634 0.625846C11.6815 0.4579 11.3869 0.458334 11.2055 0.626714L5.99998 5.4594L0.794435 0.62654C0.613029 0.458182 0.318632 0.457748 0.136757 0.625672C0.0455856 0.709928 -1.40011e-08 0.820308 -1.8826e-08 0.930688C-2.36385e-08 1.04079 0.0452804 1.15073 0.135819 1.23484L5.67068 6.37341C5.75782 6.4545 5.87642 6.5 5.99998 6.5C6.12354 6.5 6.24199 6.45437 6.3293 6.37341Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
}
.list .m-location-item {
flex: 1 1 100%;
/* full width on small screens */
max-width: 100%;
}
@media (min-width: 768px) {
.list .m-location-item {
flex: 1 1 calc(50% - 20px);
/* two items per row on medium screens */
max-width: 50%;
}
}
@media (min-width: 1024px) {
.list .m-location-item {
flex: 1 1 calc(33.33% - 20px);
/* three items per row on large screens */
max-width: 33.33%;
}
}
@media (min-width: 1200px) {
.list .m-location-item {
flex: 1 1 calc(24% - 20px);
/* four items per row on extra large screens */
max-width: 24%;
}
}
.popup .nice-select.is-required.form-value.open {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999;
background-color: rgba(0, 0, 0, .5);
display: flex;
justify-content: center;
align-items: center;
}
.popup .nice-select.is-required.form-value.open .list {
background-color: white;
/* Add background color for visibility */
/* padding: 20px; */
border-radius: 5px;
/* Optional: for rounded corners */
width: 74%;
/* Adjust width as needed */
max-width: 90%;
/* Prevent it from being too wide */
max-height: 90%;
/* Prevent it from being too tall */
overflow-y: auto;
}
.popup .open span.current {
display: none;
}
.popup {
position: relative;
}
.popup svg {
position: fixed;
top: 26%;
right: 21px;
cursor: pointer;
z-index: 1000;
}
@media (max-width: 768px) {
.nice-select .current:after {
height: 10px;
top: 14px;
right: 12px;
}
}
.popup svg {
position: fixed;
top: 26%;
right: 21px;
cursor: pointer;
z-index: 1000;
display: none;
}
.popup .open svg {
display: block;
}
.section-free-html h2 {
font-family: var(--font-4);
}
.section-locations-2023 .m-location-map {
z-index: 10;
}
/* Override Google Maps zoom control positioning */
.gmnoprint .gm-bundled-control {
top: 200px !important;
right: 10px !important;
bottom: auto !important;
left: auto !important;
}
/* Ensure the container remains in position */
.gm-bundled-control-on-bottom {
top: 200px !important;
bottom: auto !important;
}
.section-featured-spaces .owl-stage-outer.owl-height {
height: 400px !important;
}
.section-discover-spaces button.owl-prev.loaded {
left: 0px;
}
.section-discover-spaces button.owl-next.loaded {
right: -15px;
}
.box-item {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 5px;
text-align: left;
box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
transition: transform .3s ease, box-shadow .3s ease;
}
.box-item:hover {}
.star-rating {
display: flex;
align-items: center;
justify-content: center;
height: 80px;
width: auto;
}
.star-rating span {
color: #8b4c4a;
font-size: 2rem;
}
.box-item img {
max-width: 100%;
border-bottom: 1px solid #ddd;
border-radius: 8px;
}
.icons-carousel .box-item img {
border-bottom: unset;
}
.box-item span.date-item {
font-family: Glare;
font-size: 14px;
font-weight: 300;
line-height: 20px;
text-align: left;
color: #666;
}
.main .box-item span.date-item {
color: #fff;
}
.box-item h3 {
font-size: 18px;
/* margin: 24px 0; */
font-weight: 600;
color: #333;
}
.testimonial-carousel .box-item h3 {
margin: 24px 0;
}
.box-slider button.owl-prev.loaded {
left: -15px;
}
.box-slider button.owl-next.loaded {
right: -15px;
}
.box-item p {
color: #000;
font-family: var(--font-2);
font-size: 16px;
font-weight: 300;
line-height: 22px;
}
.testimonial-carousel .box-item {
background-color: rgba(255, 255, 255, .03);
}
.testimonial-carousel h3 {
color: #fff;
font-family: var(--font-2);
font-size: 24px;
font-weight: 600;
line-height: 28px;
}
.testimonial-carousel p {
color: #fff;
}
.section-news-carousel .box-item {
background-color: rgba(255, 255, 255, .12);
padding: 5px;
border: unset;
box-shadow: unset;
height: 430px;
}
.section-news-carousel .box-item .box-url {
margin-top: 15px;
}
.box-item .box-item .enquire-btn {
display: inline-block;
margin-top: 80px;
padding: 10px 25px;
background-color: #8d261b;
color: #fff;
text-align: center;
text-decoration: none;
border-radius: 5px;
font-size: 16px;
font-weight: 600;
transition: background-color .3s ease;
z-index: 15;
position: relative;
}
.box-item .enquire-btn:hover {
background: var(--color-dark-rust);
}
.section-post-carousel .box-item {
/* background-color: #ffffff1f; */
background-color: unset;
border: unset;
box-shadow: unset;
height: 400px;
}
.box-content {
padding-top: 20px;
}
img.clubhouse-image {
height: 200px;
width: 100%;
/* Ensures the image fits the box */
object-fit: cover;
}
.child img.clubhouse-image {
height: 250px;
border-radius: 5px;
}
.main .box-data {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .5);
border-radius: 10px;
display: flex;
}
.main .box-item h3 {
font-size: 30px;
color: #fff;
width: 75%;
}
.box-content .date {
font-size: 1rem;
margin: 10px 0;
bottom: 0;
}
.child .box-content .date {
position: absolute;
width: 100%;
margin-top: auto;
}
.section-post-carousel .box-content .box-url a {
display: inline-block;
padding: 10px 20px;
color: #fff;
text-decoration: none;
border-radius: 5px;
background-color: rgba(0, 86, 179, 0);
border: 1px solid;
}
.section-post-carousel .box-content .box-url a:hover {
background-color: #fff;
color: #333;
}
.main .box-content {
padding: 20px;
max-width: 70%;
border-radius: 10px;
margin-top: auto;
margin-bottom: 30px;
margin-left: 40px;
}
.main img.clubhouse-image {
height: 100%;
border-radius: 10px;
}
.main .box-img {
height: 100%;
}
.main .owl-nav {
position: absolute;
right: 35px;
bottom: 0px;
text-align: right;
display: block;
top: unset;
}
.main .box-item span.date {
color: #fff;
}
.main .box-slider button.owl-next.loaded {
right: 0px;
}
.main .tag-2 {
--bg: #8d261b;
--color: #fff;
border-color: #8d261b;
}
.child .tag-2 {
--bg: var(--color-beige);
--color: #8d261b;
border-color: #8d261b;
}
.section-post-carousel .box-item h3 {
margin: 15px 0;
}
p.text {
text-align: center;
color: rgba(102, 102, 102, .7);
margin: 2% 11%;
}
.carousel-header {
margin: 0 138px;
}
.section-post-carousel p.box-url {
margin-top: 60px;
}
.box-url {
font-family: Glare;
font-size: 14px;
font-weight: 600;
line-height: 18px;
text-align: left;
color: #2b2c31;
margin-top: 24px;
/* position: absolute; */
bottom: 50px;
}
.main {
margin-bottom: 20px;
}
section.section-post-carousel {
padding: 60px 0;
background: #f6f6f6;
}
@media (max-width: 768px) {
.testimonial-carousel p {
color: #fff;
}
.box-item p {
font-family: var(--font-2);
font-size: 16px;
font-weight: 300;
line-height: 22px;
text-align: left;
}
.main .owl-carousel {
display: none;
}
.carousel-header {
margin: 0 20px;
}
.child .owl-item.active {
width: 350px !important;
}
.section-post-carousel .box-item {
height: 420px;
}
.section-post-carousel .owl-dots button {
background: #795548 !important;
}
.section-icons-carousel .owl-dots button {
background: #795548 !important;
}
p.text {
margin: 0;
}
.section-icons-carousel .owl-dots {}
}
section.section-clubhouse-carousel, section.section-news-carousel, section.section-icons-carousel, section.section-testimonial-carousel {
padding: 65px 0;
}
p.text {
font-family: Glare;
font-size: 16px;
font-weight: 300;
line-height: 22px;
text-align: center;
padding-bottom: 40px;
}
.icons-carousel .owl-item img {
width: 90px;
height: 90px;
text-align: center;
margin: auto;
}
.icons-carousel .box-item {
border: unset;
box-shadow: unset;
text-align: center;
background-color: unset;
}
section.section-icons-carousel {
background: #f6f6f6;
}
.icons-carousel .box-content {
text-align: center;
}
.icons-carousel .box-content p {
text-align: center;
}
.section-loyalty-bar h2, .m-clubhouse-features h2, .section-clubhouse-carousel h2, .section-news-carousel h2, .section-testimonial-carousel h2, .section-icons-carousel h2 {
font-family: var(--font-4);
font-size: 48px;
font-weight: 300;
line-height: 56px;
text-align: center;
padding-bottom: 20px;
}
.section-icons-carousel .inner .box-img img {}
.section-icons-carousel .inner .box-img {
opacity: 1;
/* background-color: var(--color-rust); */
display: inline-block;
border-radius: 10px;
}
.c-space_cta.mobile-cta {
text-align: center;
margin-top: 50px;
}
.section-icons-carousel .item {
box-shadow: unset;
}
@media (min-width: 768px) {
.section-discover-spaces .inner .m-space .m-hero-slider .owl-carousel .owl-stage {
left: 20px;
}
}
.box-content {
padding: 15px;
}
.section-box-slider {
text-align: center;
padding: 20px;
}
.box-content a.btn.enquire-btn.loaded {
padding: 10px 20px;
background: #8d261b;
border-radius: 6px;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
color: var(--color-white);
transition: .25s ease;
}
.section-testimonial-carousel .box-item {
height: 380px;
}
.section-testimonial-carousel h2 {
color: #fff;
}
section.section-news-carousel {
background-color: #f6f6f6;
}
.box-slider .owl-dots {
text-align: center;
margin-top: 60px;
position: relative !important;
display: block;
opacity: 1 !important;
}
.section-post-carousel .box-slider .owl-dots {
display: none;
}
.owl-dots.disabled {
display: none !important;
}
.testimonial-carousel .owl-dot {
background: #fff !important;
}
.section-contact-us-2023 .c-contact.c-left .gravity {
transform: translate3d(0, 20px, 0);
}
section.section-testimonial-carousel {
background-color: #2b2c31;
}
.testimonial-carousel .owl-dots button {
opacity: .7;
}
.news-carousel .tag-2 {
width: fit-content;
margin: 20px 0;
border: 1px solid var(--color-rust);
border-radius: 3px;
padding: 7px 16px;
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 14px;
display: flex;
align-items: center;
letter-spacing: 2px;
text-transform: uppercase;
color: var(--color-rust);
}
.testimonial-carousel .item {
padding: 0px 5px;
}
.testimonial-carousel .box-item .box-content {
text-align: center;
}
p.club-btn {
padding-top: 15px;
}
section.section-loyalty-bar.footer {}
.section-news-carousel .owl-carousel .owl-nav, .section-testimonial-carousel .owl-carousel .owl-nav {
top: 30%;
}
.section-news-carousel .owl-carousel .owl-nav button, .section-testimonial-carousel .owl-carousel .owl-nav button {
background: none;
border: none;
font-size: 2rem;
color: #333;
}
.section-loyalty-bar .owl-carousel .owl-dot, .section-clubhouse-carousel .owl-carousel .owl-dot, .section-news-carousel .owl-carousel .owl-dot, .section-icons-carousel .owl-carousel .owl-dot {
display: inline-block;
background: #2b2c31 !important;
}
.section-testimonial-carousel .owl-carousel .owl-dot {
display: inline-block;
background: #fff !important;
}
.section-loyalty-bar .owl-carousel .owl-dot.active, .section-clubhouse-carousel .owl-carousel .owl-dot.active, .section-news-carousel .owl-carousel .owl-dot.active, .section-testimonial-carousel .owl-carousel .owl-dot.active, .section-icons-carousel .owl-carousel .owl-dot.active {
background: #8d261b !important;
}
@media (max-width: 768px) {
.box-slider .owl-dots {
margin-top: 0px;
}
.section-post-carousel .box-slider .owl-dots {
display: block;
}
.box-slider .owl-item {
width: 322px;
}
.testimonial-carousel .item {
padding: 0 7px;
}
.section-testimonial-carousel .box-item {
height: 390px;
}
.box-slider .owl-item.active {
max-width: 370px;
opacity: 1;
}
.section-loyalty-bar {}
.owl-carousel.v2.icons-carousel .owl-stage-outer {
height: 300px;
}
.owl-carousel.testimonial-carousel .owl-nav {
top: 22%;
}
.section-loyalty-bar .inner .c-loyalty_wrapper .c-loyalty_image {
flex-shrink: 1;
max-width: 100%;
}
}
/* Landing page styles */
.landing-page .section-hero-banner .inner .m-hero-banner_message_wrapper .m-hero-banner_cta-button:hover {
background: var(--color-dark-rust);
}
.landing-page .m-hero-banner_message.banner-left_bottom {
display: block;
}
.landing-page .section-contact-us-2023 .c-contact.c-right .inner {
transform: none;
}
.landing-page .block-buttons .btn {
display: inline-flex;
}
.landing-page a.btn {
text-decoration: none;
}
.landing-page .m-hero-banner {
height: 80vh;
}
.landing-banner .m-hero-banner {
height: auto;
}
.landing-page .section-clubhouse-products-2023 .inner .c-products-container .c-products-slider .owl-nav {
top: 30%;
}
.landing-page .section-clubhouse-products-2023 .inner .c-products-container .c-products-slider .owl-nav button.owl-next {
right: -30px;
}
.landing-page .section-clubhouse-products-2023 .inner .c-products-container .c-products-slider .owl-nav button.owl-prev {
left: -30px;
}
.landing-page .m-hero-banner_overlay {
background: rgba(0, 0, 0, .5);
}
.landing-page .m-hero-banner_image {
object-fit: cover;
}
.landing-page .section-hero-banner .inner .m-hero-banner_message {
top: 25%;
}
.landing-page .home-banner .m-hero-banner_text-area {
width: 80%;
}
.landing-page section.section-clubhouse-products-2023.home {
margin: 0px;
}
/* Tablet styles */
@media (max-width: 1024px) {
.landing-page .section-hero-banner .inner .m-hero-banner_message {
top: 20%;
}
.landing-page .home-banner .m-hero-banner_text-area {
width: 90%;
}
}
.landing-page .home-banner .banner-left_bottom .m-hero-banner_message_message {
font-size: 64px;
line-height: 80px;
}
.landing-page .m-hero-banner_overlay, .landing-page .m-hero-banner_image {
height: 100vh !important;
top: 0;
margin-top: 0 !important;
object-fit: cover;
}
/* Mobile styles */
@media (max-width: 768px) {
.landing-page .m-hero-banner_overlay {
height: 106vh !important;
background: rgba(0, 0, 0, .5);
}
.landing-page .m-hero-banner_image {
height: 106vh !important;
object-fit: cover;
}
.landing-page .m-hero-banner_message_wrapper {
padding: 0px !important;
}
.landing-page .home-banner .banner-left_bottom .m-hero-banner_message_message {
font-size: 37px !important;
line-height: 40px;
}
.landing-page .home .inner .c-products-container .c-products-slider.active {
padding: 15px 0px 0px 10px;
}
.landing-page .section-clubhouse-products-2023.home .inner .c-products-container .c-products-slider {
padding: 15px 0px 0px 10px;
height: 475px;
}
.landing-page .m-hero-banner {
height: 90vh !important;
}
.landing-page .section-hero-banner .inner .m-hero-banner_message {
top: unset;
display: flex;
height: 100%;
align-items: center;
}
.landing-page .section-hero-banner .inner .m-hero-banner {
display: block;
}
.landing-page .home-banner .m-hero-banner_text-area {
width: 100%;
}
.landing-page .m-hero-banner_form_wrapper.banner_form_right.m-cuh_right {
margin-top: 10px;
}
.clubhouse-slider .owl-nav {
top: 30%;
}
.section-loyalty-bar h2, .m-clubhouse-features h2, .section-clubhouse-carousel h2, .section-news-carousel h2, .section-testimonial-carousel h2, .section-icons-carousel h2 {
font-family: var(--font-4);
padding-bottom: 20px;
font-size: 32px;
font-weight: 300;
line-height: 40px;
text-align: center;
}
}
.landing-page .c-products-container .owl-stage-outer.owl-height {
width: fit-content;
}
.landing-page .section-clubhouse-products-2023 img.c-image {
padding-bottom: 0 !important;
}
html[lang] .the-site .main .owl-carousel.v2 .owl-nav button.owl-next {
background: rgba(255, 255, 255, .64) !important;
margin-left: 0px;
}
html[lang] .the-site .main .owl-carousel.v2 .owl-nav button.owl-prev {
background: rgba(255, 255, 255, .64) !important;
}
.single-item-center .owl-stage-outer {
display: flex;
justify-content: center;
}
.landing-banner .inner {
padding: unset !important;
}
.section-features-carousel .overlay {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 47%);
}
.star-rating img {
height: 80px;
width: auto !important;
}
picture img {
width: 100%;
object-fit: cover;
}
div#facet_department {
display: none;
}
/* Careers page widget */
/* General Styles */
.srSearch {
background-color: #f9f9f9 !important;
padding: 15px !important;
border-radius: 5px !important;
box-shadow: 0 2px 4px rgba(0, 0, 0, .1) !important;
font-family: Arial, sans-serif !important;
}
.srSearchForm {
display: flex !important;
gap: 10px !important;
margin-bottom: 15px !important;
align-items: center !important;
}
.srSearchInput {
flex: 1 !important;
padding: 10px !important;
border: 1px solid #ddd !important;
border-radius: 3px !important;
font-size: 14px !important;
color: #292b30 !important;
}
.srSearchInput:focus {
border-color: #8d261b !important;
outline: none !important;
}
.srSearchButton {
padding: 10px 15px !important;
background-color: #8d261b !important;
color: #fff !important;
border: none !important;
border-radius: 3px !important;
cursor: pointer !important;
font-size: 14px !important;
}
.srSearchButton:hover {
background-color: #6e3a36 !important;
}
/* Filter Options */
.srSearchOption {
position: relative !important;
margin-right: 15px !important;
flex: 1 !important;
}
.srSearchOptionText {
color: #8d261b !important;
font-weight: 600 !important;
cursor: pointer !important;
display: inline-block !important;
}
.srSearchOptionList {
position: absolute !important;
top: 100% !important;
left: 0 !important;
z-index: 10 !important;
background-color: #fff !important;
border: 1px solid #ddd !important;
border-radius: 3px !important;
display: none !important;
max-height: 200px !important;
overflow-y: auto !important;
width: 100% !important;
box-shadow: 0 2px 4px rgba(0, 0, 0, .1) !important;
}
.srSearchOption:hover .srSearchOptionList {
display: block !important;
}
.srSearchOptionListElement {
padding: 10px !important;
cursor: pointer !important;
}
.srSearchOptionListElement:hover {
background-color: #f1f1f1 !important;
}
.srSearchOptionListElementText {
color: #292b30 !important;
}
.srSearchOptionListElementText:hover {
color: #8d261b !important;
}
/* Remote Work Checkbox */
.srFilterRemote {
display: flex !important;
align-items: center !important;
margin-left: auto !important;
}
.srFilterRemoteElement {
margin-right: 10px !important;
}
.srFilterRemoteElementText {
color: #292b30 !important;
font-size: 14px !important;
}
/* Table Styles */
.srJobList {
width: 100% !important;
border-collapse: collapse !important;
background-color: #f9f9f9 !important;
font-family: Arial, sans-serif !important;
margin-bottom: 20px !important;
}
.srJobList th, .srJobList td {
padding: 10px !important;
border: 1px solid #ddd !important;
text-align: left !important;
font-size: 14px !important;
color: #292b30 !important;
}
/* Header Styles */
.srJobListTitles {
background-color: #8d261b !important;
color: #fff !important;
}
.srJobListTitles th {
font-weight: 600 !important;
}
/* Row Styles */
.srJobList tr {
background-color: #fff !important;
}
.srJobList tr:nth-child(even) {
background-color: #f1f1f1 !important;
}
.srJobListJobOdd, .srJobListJobEven {
cursor: pointer !important;
}
.srJobListJobOdd:hover, .srJobListJobEven:hover {
background-color: #e0e0e0 !important;
}
/* Job Title Styles */
.srJobListJobTitle {
font-weight: 600 !important;
color: #8d261b !important;
}
/* Department Styles */
.srJobListDepartment {
display: none !important;
}
/* Mobile View Fixes */
@media (max-width: 768px) {
.srSearchForm {
flex-direction: column !important;
width: 100% !important;
position: relative !important;
}
.srSearchInput {
width: calc(100% - 20px) !important;
/* Adjust width to fit within the parent */
margin-bottom: 10px !important;
}
.srSearchButton {
position: absolute !important;
right: 10px !important;
top: 10px !important;
width: auto !important;
margin-top: -21px !important;
background-color: #8d261b !important;
color: #fff !important;
border: none !important;
border-radius: 3px !important;
cursor: pointer !important;
font-size: 14px !important;
}
.srFilterRemote {
margin-left: 0 !important;
margin-top: 10px !important;
width: 100% !important;
}
.srJobListContainer {
overflow-x: auto !important;
/* Allow horizontal scrolling */
display: block !important;
}
.srJobList {
width: 100% !important;
display: block !important;
}
.srJobList th, .srJobList td {
padding: 8px !important;
font-size: 12px !important;
white-space: nowrap !important;
}
.srJobList th, .srJobList td {
border: 1px solid #ddd !important;
display: inline-block !important;
width: auto !important;
}
.srJobList th {
background-color: #8d261b !important;
color: #fff !important;
}
.srJobList tr {
display: inline-block !important;
margin-bottom: 10px !important;
width: 100% !important;
}
}
td.srJobListDepartment {
display: none !important;
}
th.srJobListDepartment {
display: none !important;
}
/* Testimonial slider v3 styles */
/* Section Styling */
.section-testimonial-carousel-v3 {
padding: 65px 0;
background-color: #2b2c31;
text-align: center;
}
/* Heading Styling */
.section-testimonial-carousel-v3 h2 {
color: #fff;
margin-bottom: 30px;
}
/* Testimonial Item Styling */
.testimonial-carousel-v3 .box-item {
width: 600px;
background-color: #4b4b50;
border-radius: 0;
/* Ensure no borders or border-radius */
padding: 30px;
margin: 0 20px;
/* Adjust margin for spacing between items */
color: #fff;
border: none;
min-height: 330px;
border-radius: 12px;
}
/* Content inside the box */
.testimonial-carousel-v3 .box-content {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.testimonial-carousel-v3 .box-content blockquote {
font-size: 18px;
font-weight: 300;
line-height: 26px;
text-align: left;
margin: 0;
color: #fff;
}
.testimonial-carousel-v3 .testimonial-author {
bottom: 20px;
position: absolute;
}
.testimonial-author span {
font-size: 12px;
font-family: var(--font-2);
line-height: 20px;
}
.testimonial-carousel-v3 .testimonial-author h3 {
margin: 0;
font-family: var(--font-2);
color: #fff;
font-size: 14px;
}
.testimonial-carousel-v3 .box-content p {
color: #fff;
font-family: var(--font-4);
font-size: 16px;
line-height: 26px;
}
.icon-blockquote img {
width: 77px !important;
padding-bottom: 20px;
border: none;
}
/* Owl Carousel Styling */
.testimonial-carousel-v3 .owl-stage-outer {
padding-left: 0;
padding-right: 0;
}
.testimonial-carousel-v3 .owl-stage {
display: flex;
align-items: center;
}
.testimonial-carousel-v3 .owl-item {
display: flex;
justify-content: center;
width: auto !important;
opacity: .5;
}
.testimonial-carousel-v3 .owl-item.center {
opacity: 1;
}
/* Navigation Buttons Styling */
.testimonial-carousel-v3 .owl-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
display: flex;
justify-content: space-between;
padding: 0 20px;
}
.testimonial-carousel-v3 .owl-nav button.owl-prev, .testimonial-carousel-v3 .owl-nav button.owl-next {
background: var(--color-rust);
border: none;
color: #fff;
font-size: 2rem;
cursor: pointer;
border-radius: 6px;
position: relative;
height: 40px;
width: 40px;
min-width: 40px;
box-shadow: 0px 0px 4px 0px rgba(43, 44, 49, .2);
right: 0;
}
.testimonial-carousel-v3 .owl-nav button.owl-prev::before, .testimonial-carousel-v3 .owl-nav button.owl-next::before {
content: url("https://www.hubaustralia.com/nitropack_static/gCYjeJBYWPdTZqPQLYJhYkizAtXJiAfX/assets/images/optimized/rev-e699150/www.hubaustralia.com/wp-content/uploads/2024/08/arrow.svg");
display: block;
width: 100%;
transform: rotate(0deg);
}
.testimonial-carousel-v3 .owl-nav button.owl-prev::before {
transform: rotate(180deg);
}
.testimonial-carousel-v3 .owl-nav button.owl-next::before {
transform: rotate(0deg);
}
/* Mobile Responsive Adjustments */
@media only screen and (max-width: 1000px) {
.testimonial-carousel-v3 .box-item {
width: 100%;
margin: 0 10px;
}
.testimonial-carousel-v3 .owl-nav {
top: auto;
bottom: 10px;
padding: 0 10px;
}
.testimonial-carousel-v3 .box-content {
padding: 20px;
}
}
@media only screen and (max-width: 768px) {
.section-testimonial-carousel-v3 h2 {
padding: 0 35px;
font-size: 32px;
font-weight: 300;
line-height: 40px;
text-align: left;
}
.testimonial-carousel-v3 .box-content p {
color: #fff;
font-family: var(--font-4);
font-size: 16px;
line-height: 22px;
}
.testimonial-carousel-v3 .box-item {
width: 100%;
/* Ensure the item fills the screen width */
height: auto;
padding: 20px;
background-color: unset;
/* Maintain background color */
border: none;
box-sizing: border-box;
/* Include padding and border in the width calculation */
min-height: 350px;
box-shadow: none;
}
.testimonial-carousel-v3 .box-content {
height: 100%;
/* Ensure content takes full height */
display: flex;
flex-direction: column;
justify-content: space-between;
/* Ensure even spacing within the content */
padding: 0;
background-color: transparent;
text-align: left;
}
.testimonial-carousel-v3 .owl-item {
width: 100% !important;
/* Force each item to take up full width */
display: flex;
align-items: start;
}
.testimonial-carousel-v3 .owl-nav {
width: 100%;
display: flex;
justify-content: space-between;
padding: 0 10px;
color: #fff;
transform: unset !important;
position: absolute;
bottom: 44px !important;
left: 45px !important;
}
.testimonial-carousel-v3 .owl-dots {
display: block;
/* Ensure dots are visible */
margin-top: 15px;
text-align: left;
}
.testimonial-carousel-v3 .box-content blockquote {
font-size: 16px;
line-height: 24px;
}
.testimonial-carousel-v3 .testimonial-author {
position: static;
margin-top: 30px;
}
}
/* Three cols image block */
section.three-col-block {
padding: 50px 0px;
background: #f6f6f6;
position: relative;
z-index: 2;
}
.block-header .title {
font-family: var(--font-4);
font-style: normal;
font-weight: 300;
font-size: 48px;
line-height: 56px;
text-align: center;
color: #2b2c31;
width: 100%;
max-width: 855.85px;
margin: 0 auto;
padding-top: 10px;
}
.block-header .sub-title {
font-family: var(--font-2);
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 28px;
text-align: center;
color: #2b2c31;
width: 100%;
max-width: 1044px;
margin: 0 auto;
padding-top: 10px;
}
.images-block {
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
gap: 20px;
padding-top: 40px;
}
.images-block .item {
position: relative;
/* width: calc(33.333% - 20px); */
box-sizing: border-box;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
padding: 0 65px;
}
.three-col-block .box-img {
height: 150px !important;
}
.images-block .item .box-img img {
height: 100%;
width: auto;
object-fit: cover;
margin-bottom: 16px;
}
.images-block .item h3 {
font-family: var(--font-2);
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 22px;
color: #2b2c31;
margin-bottom: 8px;
}
.images-block .item p {
font-family: var(--font-2);
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 22px;
}
.landing-page .section-hero-banner:not(.is-home) .m-hero-banner_overlay {
background: linear-gradient(90deg, rgba(0, 0, 0, 80%) .8%, rgba(0, 0, 0, 28%) 80%) !important;
}
.landing-page .section-image-carousel .owl-carousel .owl-item:not(.center) {
opacity: .5;
}
@media (max-width: 768px) {
.images-block .item {
padding: 30px;
}
.block-header .title {
font-size: 32px;
}
.images-block {
flex-direction: column;
}
.images-block .item {
width: 100%;
}
.c-gallery .c-gallery_slider .owl-dots {
bottom: 24px;
}
.landing-page .section-clubhouse-products-2023 .inner .c-products-container .c-products-slider .owl-nav {
top: 39%;
}
.landing-page .box-slider .owl-dots {
margin-top: 60px;
margin-left: 10%;
}
.landing-page .section-hero-banner:not(.is-home) .m-hero-banner_overlay {
background: linear-gradient(90deg, rgba(0, 0, 0, 80%) .8%, rgba(0, 0, 0, 60%) 80%) !important;
}
.landing-page .section-clubhouse-products-2023 .inner .c-products-container .c-products-slider .owl-nav {
display: none !important;
width: 100%;
margin-left: 0;
padding: 0 15px;
top: 47.5%;
}
.landing-page .section-image-carousel .owl-carousel .owl-item img {
height: 320px;
}
.landing-page .section-image-carousel .owl-carousel .owl-item.active.center {
height: 320px;
}
.landing-page .section-image-carousel .owl-carousel .owl-item:not(.center) img {
height: 285px;
}
.landing-page .section-image-carousel .owl-carousel .owl-item:not(.center) {
height: 300px;
margin-top: 15px;
opacity: .5;
}
.landing-page .section-image-carousel .owl-carousel .owl-stage-outer {
height: 320px !important;
}
.landing-page .section-image-carousel .owl-carousel {
height: 300px;
}
.landing-page .section-image-carousel .owl-carousel .owl-item {
height: 300px;
}
.landing-page .section-image-carousel {
padding: 50px 0px;
background-color: #fff;
margin: 0px;
}
}
.landing-page .section-image-carousel {
padding: 50px 0px;
background-color: #fff;
margin: 0px;
}
.box-img.icon {
width: 40px !important;
height: 40px !important;
}
.four-cols .item {
border-right: 1px solid #2b2c31;
}
/* Landing page gallery css */
section.section-landing-gallery {
padding: 80px 0px;
}
.landing-page .section-testimonial-carousel-v3 .owl-nav {
max-width: 50px;
top: unset;
bottom: 110px;
left: 40%;
transform: translateX(calc(-50% + 330px));
}
.landing-page .section-clubhouse-products-2023 {
padding: 50px 0;
}
.c-products-slider.landing-carousel.owl-carousel.owl-loaded.owl-drag {
display: block !important;
width: 100% !important;
}
/* Images Icons Block css */
/* General Styles */
section.section-features-v2 {
background: #f6f6f6;
margin: 0 auto;
padding: 80px 120px;
}
.section-features-v2 .inner {
display: flex;
flex-direction: column;
gap: 70px;
}
/* Top Block */
.section-features-v2 .top-block {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 48px;
max-width: 1198px;
}
.section-features-v2 .title-block {
flex: 1;
}
.section-features-v2 .title {
font-family: var(--font-4);
font-size: 48px;
line-height: 56px;
color: #2b2c31;
text-align: left !important;
word-wrap: break-word;
font-weight: 300;
}
.section-features-v2 .sub-title-block {
flex: 1;
}
.section-features-v2 .sub-title {
font-family: "Glare", sans-serif;
font-size: 18px;
line-height: 28px;
color: #2b2c31;
word-wrap: break-word;
}
/* Bottom Block */
.section-features-v2 .bottom-block {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 48px;
max-width: 1198px;
}
.section-features-v2 .bottom-column {
width: 50%;
}
.top-column {
width: 50%;
}
.section-features-v2 .image-block {
width: 100%;
height: 367px;
}
.section-features-v2 .image-block img {
width: 100%;
height: 100%;
border-radius: 6px;
object-fit: cover;
}
.section-features-v2 .icon-text-container {
flex: 1;
display: flex;
flex-direction: column;
gap: 18px;
}
.section-features-v2 .icon-text-row {
display: flex;
/* align-items: center; */
gap: 22px;
}
.section-features-v2 .icon {
position: relative;
width: 45px;
/* Rounded from 40.1px */
height: 45px;
}
.section-features-v2 .icon-background {
position: absolute;
width: 40px;
/* Rounded from 40.1px */
height: 38px;
/* Rounded from 38.09px */
border-radius: 6px;
}
.section-features-v2 .icon img {
position: absolute;
width: 45px;
height: 45px;
left: 3px;
top: 2px;
}
.section-features-v2 .icon-text {
width: 521px;
font-family: "Glare", sans-serif;
font-size: 16px;
line-height: 24px;
color: #2b2c31;
word-wrap: break-word;
}
@media (min-width: 768px) {
.section-features-v2 .icon-text {
align-items: center;
display: flex;
}
}
.section-features-v2 .separator {
width: 100%;
height: 0px;
border: 1px solid #2b2c31;
opacity: .15;
}
.section-features-v2 .separator:last-child {
border: none !important;
}
/* Responsive Styles for Mobile */
@media (max-width: 768px) {
.top-column {
width: 100%;
}
.section-features-v2 .bottom-column {
width: 100%;
}
.section-features-v2 {
padding: 50px 24px !important;
}
.section-features-v2 .inner {
padding: 0;
background: #f6f6f6;
justify-content: center;
align-items: center;
gap: 50px;
}
.section-features-v2 .top-block {
flex-direction: column;
width: 100%;
text-align: center;
gap: 16px;
}
.section-features-v2 .title {
font-size: 32px !important;
line-height: 40px !important;
text-align: left !important;
width: 100%;
}
.section-features-v2 .sub-title {
font-size: 16px !important;
line-height: 22px !important;
text-align: left !important;
width: 100%;
}
.section-features-v2 .bottom-block {
flex-direction: column;
width: 100%;
align-items: center;
gap: 18px;
}
.section-features-v2 .image-block {
height: 210px;
position: relative;
order: 2;
}
.section-features-v2 .icon-text-container {
padding-bottom: 25px;
order: 1;
}
.section-features-v2 .icon-text-row {
gap: 22px;
width: 100%;
align-items: flex-start;
}
.section-features-v2 .icon {
width: 40px;
/* Rounded from 40.1px */
height: 38px;
}
.section-features-v2 .icon-background {
width: 40px;
/* Rounded from 40.1px */
height: 38px;
/* Rounded from 38.09px */
border-radius: 6px;
}
.section-features-v2 .icon img {
width: 35px;
height: 35px;
left: 3px;
top: 2px;
}
.section-features-v2 .icon-text {
width: calc(100% - 62px);
font-size: 16px;
line-height: 24px;
}
.section-features-v2 .separator {
width: 100%;
height: 0px;
border: 1px solid #2b2c31;
opacity: .15;
}
}
/* four cols image block css*/
.four-cols .inner {
gap: 30px;
}
.section-images-block {
padding: 80px 120px;
display: flex;
flex-direction: column;
align-items: center;
gap: 30px;
}
.section-images-block .block-header {
text-align: center;
}
.section-images-block .title {
font-size: 48px;
font-family: "Glare", serif;
font-weight: 300;
color: #2b2c31;
margin-bottom: 0px;
}
.section-images-block .sub-title {
font-family: "Glare", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 28px;
text-align: center;
color: #2b2c31;
}
.section-images-block .sub-ttext {
font-family: "Glare", sans-serif;
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 28px;
text-align: center;
color: #2b2c31;
margin-bottom: 20px;
}
.section-images-block .features {
display: flex;
justify-content: space-between;
gap: 20px;
flex-wrap: nowrap;
}
.section-images-block .amenities.item {
flex: 1;
height: 175px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
box-sizing: border-box;
border-right: 1px solid #2b2c31;
justify-content: flex-start;
}
.section-images-block .amenities.item:nth-child(4) {
border: none;
}
.section-images-block .box-img.icon {
width: 60px;
height: 60px;
background-size: cover;
background-position: center;
margin-bottom: 10px;
}
.section-images-block .image-text {
font-size: 18px;
font-family: "Glare", sans-serif;
font-weight: 300;
color: #2b2c31;
line-height: 24px;
text-align: center;
margin-top: 10px;
}
.section-images-block .clubhouse-map {
width: 100%;
height: 509px;
margin-top: 30px;
background-size: cover;
background-position: center;
}
@media (max-width: 767px) {
.section-images-block {
padding: 50px 24px;
gap: 40px;
}
.section-images-block .sub-ttext {
margin-bottom: 0px;
}
.section-images-block .title {
font-size: 32px;
line-height: 40px;
margin-bottom: 0px;
}
.section-images-block .sub-title {
font-size: 18px;
line-height: 28px;
margin-bottom: 0px;
}
.section-images-block .features {
flex-direction: column;
align-items: center;
gap: 0px;
}
.section-images-block .amenities.item {
width: 100%;
align-items: center;
gap: 10px;
border-right: none;
}
.section-images-block .amenities.item::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 50%;
border-bottom: 1px solid #ccc;
transform: translateX(-50%);
}
.section-images-block .amenities.item:nth-child(4) {}
.section-images-block .box-img.icon {
width: 40px;
height: 40px;
}
.section-images-block .image-title, .section-images-block .image-text {
font-size: 18px;
line-height: 24px;
text-align: center;
}
.section-images-block .clubhouse-map {
height: 398px;
padding: 18px 25px;
}
}
@media (min-width:768px) {
.landing-page .section-image-carousel .owl-carousel .owl-stage {
left: 0px;
}
.landing-page .section-image-carousel .owl-carousel .owl-item img {
width: 792px;
}
.landing-page .section-image-carousel .owl-carousel .owl-item {
width: 792px !important;
}
.landing-page .section-image-carousel .owl-carousel .owl-nav {
left: 60%;
}
}
.landing-page .section-clubhouse-products-2023 .inner .c-title {
margin: 0;
}
.landing-page .section-clubhouse-products-2023 .inner .c-products-container {
margin: 0px 0px 30px 0;
}
@media (max-width: 768px) {
.landing-page .section-clubhouse-products-2023 .owl-item.active {
margin-right: -25px;
}
.landing-page .section-clubhouse-products-2023.home .inner .c-products-container .c-products-slider .c-product {
width: 90% !important;
}
}
/* Landing Nav CSS */
/* Same CSS as before */
.landing-nav .inner {
flex-direction: row;
}
.landing-nav {
background-color: #8d261b;
padding: 24px 90px;
}
.landing-nav-inner {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
width: 100%;
flex-wrap: wrap;
}
.landing-nav-buttons {
display: flex;
flex-direction: row;
gap: 16px;
flex: 0 0 80%;
max-width: 80%;
}
.landing-nav-address {
color: white;
font-family: "Glare", sans-serif;
font-weight: 600;
font-size: 16px;
text-align: right;
line-height: 22px;
flex: 0 0 20%;
max-width: 20%;
}
.landing-nav-button {
width: 220px;
padding: 14px 24px;
background: none;
border-radius: 6px;
border: 1px solid white;
display: inline-flex;
justify-content: center;
align-items: center;
color: white;
font-size: 16px;
font-family: "Glare", sans-serif;
font-weight: 600;
text-decoration: none;
text-align: center;
line-height: 20px;
}
.landing-nav-button:hover {
background-color: white;
color: #8d261b;
text-decoration: none;
}
.landing-nav-address-link .address-line {
display: block;
}
@media (max-width: 768px) {
.landing-nav-address-link {
white-space: nowrap;
}
.landing-nav-address-link .address-line {
display: inline;
}
.landing-nav {
background-color: #8d261b;
padding: 24px 25px;
justify-content: center;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.landing-nav .inner {
flex-direction: column;
margin: 0px;
width: 100%;
}
.landing-nav-buttons {
flex-direction: column;
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 16px;
}
.landing-nav-button {
width: 100%;
}
.landing-nav-address {
flex: 0 0 100%;
max-width: 100%;
text-align: center;
}
}
.landing-nav-address a.loaded {
color: #fff;
}
/* Brochure popup styles */
.popup-modal {
display: none;
position: fixed;
top: 60%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .5);
z-index: 100000;
justify-content: center;
align-items: center;
overflow: hidden;
}
.popup-content {
background: #fff;
padding: 20px;
max-width: 800px;
/* Set max-width to constrain the modal */
max-height: 60vh;
/* Fix the maximum height */
width: 100%;
display: flex;
flex-direction: column;
position: relative;
overflow-y: auto;
/* Enable vertical scrolling inside the popup */
scroll-behavior: smooth;
/* Enable smooth scrolling */
scrollbar-width: thin;
/* Make the scrollbar thinner for Firefox */
scrollbar-color: #ccc #f5f5f5;
border-radius: 10px;
z-index: 100001;
}
.popup-content::-webkit-scrollbar {
width: 8px;
}
.popup-content::-webkit-scrollbar-thumb {
background-color: #ccc;
/* Set the thumb color */
border-radius: 10px;
}
.popup-content::-webkit-scrollbar-track {
background-color: #f5f5f5;
}
.popup-inner {
display: flex;
justify-content: space-between;
gap: 20px;
}
.popup-image-section {
width: 45%;
/* Image takes 45% of the popup width */
overflow: hidden;
}
.popup-form-section {
width: 50%;
}
.popup-image-section img {
width: 100%;
/* Ensure the image covers the entire width of the section */
height: 100%;
/* Ensure the image covers the entire height of the section */
object-fit: cover;
}
.close-popup {
float: right;
position: sticky;
top: 0;
right: 0;
background: none;
border: none;
font-size: 35px;
cursor: pointer;
margin-left: auto;
z-index: 10000;
}
.popup-form-section h2 {
text-align: left;
}
.popup-form-section p {
font-size: 16px;
margin-bottom: 20px;
color: #4a4a4a;
}
.popup-form-section .gform_wrapper {
margin: 0px;
width: 100%;
}
.modal-open {
overflow: hidden;
height: 100%;
}
.modal-open body {
position: fixed;
width: 100%;
}
/* Adjustments for mobile screens */
@media (max-width: 768px) {
.popup-inner {
flex-direction: column;
}
.popup-form-section, .popup-image-section {
width: 100%;
}
.popup-image-section {
display: none;
}
.popup-form-section {
width: 100%;
}
}
/* Solution page hero banner styles */
.solution-template-default .section-hero-banner {
/* height: 80vh; Full viewport height */
position: relative;
width: 100vw;
/* Full viewport width */
overflow: hidden;
}
.solution-template-default .section-hero-banner .m-hero-banner {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
.solution-template-default .section-hero-banner .m-hero-banner_image {
width: 100%;
height: 100% !important;
object-fit: cover;
/* Ensures the image covers the section */
position: absolute;
top: 0 !important;
left: 0;
}
.solution-template-default .section-hero-banner .m-hero-banner_overlay {
width: 100%;
height: 100% !important;
position: absolute;
top: 0;
left: 0;
z-index: 2;
background: linear-gradient(89deg, rgba(43, 44, 49, .8) 4.28%, rgba(43, 44, 49, 0) 65.05%) !important;
}
/* Large screens (desktops) */
@media screen and (min-width: 1024px) {
.solution-template-default .section-hero-banner {}
}
/* Tablets and small notebooks */
@media screen and (min-width: 768px) and (max-width: 1023px) {
.solution-template-default .section-hero-banner {}
}
/* Mobile devices */
@media screen and (max-width: 767px) {
.solution-template-default .section-hero-banner {
height: 80vh;
}
.solution-template-default .section-hero-banner .m-hero-banner_overlay {
background: linear-gradient(89deg, rgba(43, 44, 49, .8) 4.28%, rgba(43, 44, 49, 0) 65.05%) !important;
}
.solution-template-default .section-hero-banner .m-hero-banner_image {
object-fit: cover;
}
}
.form-subscribe .gform-theme {
margin: 0 !important;
width: 100% !important;
}
.form-subscribe.form-dark {
padding-top: 25px;
}
.form-subscribe .gfield_checkbox .gfield-choice-input {
margin: 0 !important;
}
.form-subscribe .gform_wrapper {
background-color: #27282d;
/* Match background color */
padding: 0px;
/* Adjust padding */
border-radius: 8px;
}
.form-subscribe .gform_wrapper .gform_body {
display: flex;
flex-direction: column;
gap: 15px;
}
.form-subscribe .gform_wrapper input[type="text"], .form-subscribe .gform_wrapper input[type="email"], .form-subscribe .gform_wrapper select, .form-subscribe .gform_wrapper textarea {
width: 100%;
font-size: 16px;
border: 1px solid #ccc;
border-radius: 4px;
background-color: #1c1e21;
/* Match input field background color */
color: #fff;
}
.form-subscribe .gform_wrapper label.gfield_label {
font-weight: 600;
color: #fff;
/* Match label color */
margin-bottom: 5px;
display: block;
}
.form-subscribe .gform_wrapper input[type="checkbox"], .form-subscribe .gform_wrapper input[type="radio"] {
margin-right: 10px;
}
.form-subscribe .gform_wrapper input[type="submit"] {
background-color: #9e5e56;
/* Match submit button background color */
color: #fff;
/* Match submit button text color */
padding: 10px 20px;
border: none;
border-radius: 4px;
font-size: 16px;
cursor: pointer;
}
.form-subscribe .gform_wrapper input[type="submit"]:hover {
background-color: #823c3b;
}
.form-subscribe .gform-field-label {
color: #fff !important;
}
.form-subscribe .gform_validation_errors {
display: none;
}
.c-newsletter_popup .gform_validation_errors {
display: none;
}
.form-subscribe select.gfield_select {
background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='%23ffffff'/%3E%3C/svg%3E");
}
.form-subscribe select.gfield_select.nitro-lazy {
background-image: none !important;
}
/* Popup Container */
.c-newsletter_popup {
position: fixed !important;
/* Fixed to the viewport */
top: 10% !important;
/* Slightly from the top to create space */
left: 50% !important;
/* Center horizontally */
transform: translateX(-50%) !important;
/* Adjust for center alignment */
height: 80vh !important;
/* Set fixed height to 80% of viewport height */
width: 90% !important;
/* Adjust width, change this based on your preference */
max-width: 600px !important;
/* Maximum width for the popup */
overflow-y: auto !important;
/* Enable vertical scrolling inside the popup */
z-index: 9999 !important;
/* On top of other content */
background-color: white !important;
/* Background color */
padding: 20px !important;
/* Padding for inner spacing */
box-shadow: 0 4px 8px rgba(0, 0, 0, .1) !important;
/* Shadow for better visibility */
border-radius: 8px !important;
/* Optional: Rounded corners for a smooth look */
box-sizing: border-box !important;
display: block !important;
}
/* Backdrop */
.c-newsletter_backdrop {
position: fixed;
/* Fixed to the viewport */
top: 0;
left: 0;
width: 100vw;
/* Full width */
height: 100vh;
/* Full height */
background-color: rgba(0, 0, 0, .5);
/* Semi-transparent backdrop */
z-index: 9998;
}
/* Close Button */
.c-newsletter_popup-close {
position: absolute;
top: 15px;
right: 15px;
cursor: pointer;
z-index: 10000;
}
/* Title Styling */
.c-newsletter_popup-title {
margin-top: 0;
font-size: 1.5em;
/* Adjust title size */
font-weight: 600;
}
/* Ensure Gravity Form fields are responsive */
.gform_wrapper input, .gform_wrapper textarea, .gform_wrapper select {
width: 100%;
/* Make fields responsive */
box-sizing: border-box;
margin-bottom: 10px;
}
/* Optional: Adjust button styling inside the form */
.gform_wrapper .gform_button {
width: 100%;
padding: 10px;
background-color: #0073e6;
/* Button color */
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
}
/* Scroll behavior to start at the top */
.c-newsletter_popup {
overflow-y: auto;
scroll-behavior: smooth;
}