html:not(.mobile) .module-blocks-1237 .swiper-container{overflow:hidden !important}.module-blocks-1237 .swiper-buttons.auto-carousel-buttons span:before,.module-blocks-1237 .swiper-buttons.swiper-buttons>div:before,.module-blocks-1237 .swiper-buttons.scroll-top em:before,.module-blocks-1237 .swiper-buttons.lg-content .lg-icon:before{content:'\e93f' !important;font-family:icomoon !important;color:hsla(var(--j-color-scheme-foreground-secondary-h),var(--j-color-scheme-foreground-secondary-s),calc(var(--j-color-scheme-foreground-secondary-l) - 0%),calc(var(--j-color-scheme-foreground-secondary-a)*1))}.no-touchevents .module-blocks-1237 .swiper-buttons.auto-carousel-buttons span:hover:before,.no-touchevents .module-blocks-1237 .swiper-buttons.swiper-buttons>div:hover:before,.no-touchevents .module-blocks-1237 .swiper-buttons.scroll-top em:hover:before,.no-touchevents .module-blocks-1237 .swiper-buttons.lg-content .lg-icon:hover:before{color:hsla(var(--j-color-scheme-foreground-primary-h),var(--j-color-scheme-foreground-primary-s),calc(var(--j-color-scheme-foreground-primary-l) - 0%),calc(var(--j-color-scheme-foreground-primary-a)*1))}.module-blocks-1237 .swiper-buttons.auto-carousel-buttons span:active:before,.module-blocks-1237 .swiper-buttons.swiper-buttons>div:active:before,.module-blocks-1237 .swiper-buttons.scroll-top em:active:before,.module-blocks-1237 .swiper-buttons.lg-content .lg-icon:active:before{color:hsla(var(--j-color-scheme-foreground-primary-h),var(--j-color-scheme-foreground-primary-s),calc(var(--j-color-scheme-foreground-primary-l) - 0%),calc(var(--j-color-scheme-foreground-primary-a)*1))}.module-blocks-1237 .swiper-buttons.auto-carousel-buttons span,.module-blocks-1237 .swiper-buttons.swiper-buttons>div,.module-blocks-1237 .swiper-buttons.scroll-top em,.module-blocks-1237 .swiper-buttons.lg-content .lg-icon{background-color:hsla(var(--j-color-scheme-background-primary-h),var(--j-color-scheme-background-primary-s),calc(var(--j-color-scheme-background-primary-l) - 0%),calc(var(--j-color-scheme-background-primary-a)*1));--background-color:hsla(var(--j-color-scheme-background-primary-h),var(--j-color-scheme-background-primary-s),calc(var(--j-color-scheme-background-primary-l) - 0%),calc(var(--j-color-scheme-background-primary-a)*1));border-width:1px;border-style:solid;border-color:hsla(var(--j-color-scheme-foreground-secondary-h),var(--j-color-scheme-foreground-secondary-s),calc(var(--j-color-scheme-foreground-secondary-l) - 0%),calc(var(--j-color-scheme-foreground-secondary-a)*1));border-radius:99px;--element-border-radius:99px}.no-touchevents .module-blocks-1237 .swiper-buttons.auto-carousel-buttons span:hover,.no-touchevents .module-blocks-1237 .swiper-buttons.swiper-buttons>div:hover,.no-touchevents .module-blocks-1237 .swiper-buttons.scroll-top em:hover,.no-touchevents .module-blocks-1237 .swiper-buttons.lg-content .lg-icon:hover{background-color:hsla(var(--j-color-scheme-background-tertiary-h),var(--j-color-scheme-background-tertiary-s),calc(var(--j-color-scheme-background-tertiary-l) - 0%),calc(var(--j-color-scheme-background-tertiary-a)*1));--background-color:hsla(var(--j-color-scheme-background-tertiary-h),var(--j-color-scheme-background-tertiary-s),calc(var(--j-color-scheme-background-tertiary-l) - 0%),calc(var(--j-color-scheme-background-tertiary-a)*1));border-color:hsla(var(--j-color-scheme-foreground-primary-h),var(--j-color-scheme-foreground-primary-s),calc(var(--j-color-scheme-foreground-primary-l) - 0%),calc(var(--j-color-scheme-foreground-primary-a)*1))}.module-blocks-1237 .swiper-buttons.auto-carousel-buttons span:active,.module-blocks-1237 .swiper-buttons.swiper-buttons>div:active,.module-blocks-1237 .swiper-buttons.scroll-top em:active,.module-blocks-1237 .swiper-buttons.lg-content .lg-icon:active{background-color:hsla(var(--j-color-scheme-background-secondary-h),var(--j-color-scheme-background-secondary-s),calc(var(--j-color-scheme-background-secondary-l) - 0%),calc(var(--j-color-scheme-background-secondary-a)*1));--background-color:hsla(var(--j-color-scheme-background-secondary-h),var(--j-color-scheme-background-secondary-s),calc(var(--j-color-scheme-background-secondary-l) - 0%),calc(var(--j-color-scheme-background-secondary-a)*1));border-color:hsla(var(--j-color-scheme-foreground-primary-h),var(--j-color-scheme-foreground-primary-s),calc(var(--j-color-scheme-foreground-primary-l) - 0%),calc(var(--j-color-scheme-foreground-primary-a)*1))}.module-blocks-1237 .swiper-button-prev:before{transform:scaleX(-1)}.module-blocks-1237 .swiper-buttons:not(.slider-navigation){display:flex;top:50%;width:calc(100% - (10px*2))}.touchevents .module-blocks-1237 .swiper-buttons:not(.slider-navigation){display:none}.module-blocks-1237 .swiper-button-prev{left:0;right:auto;transform:translate(0,-50%) scale(var(--disabled-scale,1))}.module-blocks-1237 .swiper-button-next{left:auto;right:0;transform:translate(0,-50%) scale(var(--disabled-scale,1))}.module-blocks-1237 .swiper-buttons:not(.slider-navigation) div{--width:28px;--height:28px}.module-blocks-1237 .swiper-button-disabled{opacity:0}.module-blocks-1237 .swiper-container:not(.swiper-container-initialized)+.swiper-buttons:not(.slider-navigation) .swiper-button-prev{opacity:0;--disabled-scale:0}.module-blocks-1237 .swiper-buttons:not(.slider-navigation)>.swiper-button-disabled{--disabled-scale:0}.module-blocks-1237 .swiper-pagination{display:inline-flex;align-items:center;flex-wrap:wrap;position:absolute;bottom:15px;left:50%;transform:translate3d(-50%,0,0)}.module-blocks-1237 .swiper-wrapper{cursor:auto}.module-blocks-1237 .swiper{padding-bottom:15px}.module-blocks-1237 .swiper-pagination-bullet{width:6px;height:6px;background-color:hsla(var(--j-color-scheme-foreground-secondary-h),var(--j-color-scheme-foreground-secondary-s),calc(var(--j-color-scheme-foreground-secondary-l) - 0%),calc(var(--j-color-scheme-foreground-secondary-a)*0.5))}.module-blocks-1237 .swiper-pagination>span+span{margin-inline-start:8px}.no-touchevents .module-blocks-1237 .swiper-pagination-bullet:hover{background-color:hsla(var(--j-color-scheme-foreground-primary-h),var(--j-color-scheme-foreground-primary-s),calc(var(--j-color-scheme-foreground-primary-l) - 0%),calc(var(--j-color-scheme-foreground-primary-a)*1))}.module-blocks-1237 .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:hsla(var(--j-color-scheme-foreground-primary-h),var(--j-color-scheme-foreground-primary-s),calc(var(--j-color-scheme-foreground-primary-l) - 0%),calc(var(--j-color-scheme-foreground-primary-a)*1))}.module-blocks-1237 .swiper-pagination>span{border-radius:9999px;--element-border-radius:9999px}.module-blocks-1237.blocks-grid>.module-body>.ipr-grid>.block-item.swiper-slide{margin-right:0;width:calc((100% - 0*0px)/1 - .01px)}.module-blocks-1237.blocks-grid>.module-body>.ipr-grid>.block-item:not(.swiper-slide){padding:0;width:calc(100%/1 - .01px)}.one-column #content .module-blocks-1237.blocks-grid>.module-body>.ipr-grid>.block-item.swiper-slide{margin-right:0;width:calc((100% - 0*0px)/1 - .01px)}.one-column #content .module-blocks-1237.blocks-grid>.module-body>.ipr-grid>.block-item:not(.swiper-slide){padding:0;width:calc(100%/1 - .01px)}.two-column #content .module-blocks-1237.blocks-grid>.module-body>.ipr-grid>.block-item.swiper-slide{margin-right:0;width:calc((100% - 0*0px)/1 - .01px)}.two-column #content .module-blocks-1237.blocks-grid>.module-body>.ipr-grid>.block-item:not(.swiper-slide){padding:0;width:calc(100%/1 - .01px)}.side-column .module-blocks-1237.blocks-grid>.module-body>.ipr-grid>.block-item.swiper-slide{margin-right:0;width:calc((100% - 0*0px)/1 - .01px)}.side-column .module-blocks-1237.blocks-grid>.module-body>.ipr-grid>.block-item:not(.swiper-slide){padding:0;width:calc(100%/1 - .01px)}.module-blocks-1237.blocks-grid:not(.carousel-mode)>.module-body>.ipr-grid{margin-top:64px;--element-margin-top:64px}.module-blocks-1237.blocks-grid>.module-body>.ipr-grid>.block-item+.block-item{margin-top:var(--j-gap-spacing-vertical-xxxl)}.module-blocks-1237>.module-body>.flex-grid>*{flex-grow:1}div.module-blocks-1237.blocks-grid>.module-body>.auto-grid{--grid-max-col:1;--grid-gap:var(--j-gap-spacing-vr-row-l);--auto-grow-type:auto-fit;--item-width:var(--item-fit)}.module-blocks-1237.blocks-grid>.module-body>.auto-grid{margin-inline-start:unset;margin-inline-end:unset;--fr:1fr}.module-blocks-1237.blocks-grid>.module-body>.auto-grid>.auto-grid-items{grid-auto-flow:row dense;overflow-x:initial;padding-inline-start:unset;padding-inline-end:unset}.module-blocks-1237.blocks-grid>.module-body>.auto-grid>.auto-carousel-controls{display:none}.module-blocks-1237.blocks-grid>.module-body>.auto-grid>.auto-carousel-items:after{display:none}.module-blocks-1237.blocks-grid>.module-body>.auto-grid>.auto-grid-items.is-gliding a{pointer-events:auto}.module-blocks-1237.blocks-grid>.module-body>.auto-grid>.auto-grid-items:before{--fader-status:0;display:none}.module-blocks-1237.blocks-grid>.module-body>.auto-grid>.auto-grid-items:after{--fader-status:0;display:none}div.module-blocks-1237.blocks-grid>.module-body>.auto-grid .auto-carousel-controls{--auto-carousel-controls-max-width:min(min(var(--content-max-width,100%) - var(--scroll-padding,0px)*2,var(--content-max-width,100%) - var(--content-gutter,0)*2),100% - var(--scroll-padding,0px)*2)}div.module-blocks-1237>.module-body>div .block-body .block-title.module-title{font-family:'Jost';font-weight:700;font-size:var(--j-font_size-font-size--title-section);color:hsla(var(--j-color-scheme-foreground-primary-h),var(--j-color-scheme-foreground-primary-s),calc(var(--j-color-scheme-foreground-primary-l) - 0%),calc(var(--j-color-scheme-foreground-primary-a)*1));letter-spacing:-.5px;line-height:1.3;border-style:none;margin-bottom:1em !important;white-space:normal;overflow:initial;text-overflow:initial;-webkit-line-clamp:initial;-webkit-line-clamp:2}div.module-blocks-1237>.module-body>div .block-body .block-title.module-title:after{display:none}div.module-blocks-1237>.module-body>div .block-body .block-title.module-title .page-title-text:after{display:none}div.module-blocks-1237>.module-body>div .block-body .block-title.module-title .filter-title-text:after{display:none}.module-blocks-1237>.module-body>div .block-wrapper .block-title.module-title{font-family:'Jost';font-weight:700;font-size:var(--j-font_size-font-size--title-section);color:hsla(var(--j-color-scheme-foreground-primary-h),var(--j-color-scheme-foreground-primary-s),calc(var(--j-color-scheme-foreground-primary-l) - 0%),calc(var(--j-color-scheme-foreground-primary-a)*1));letter-spacing:-.5px;line-height:1.3;border-style:none;margin-bottom:1em !important;white-space:normal;overflow:initial;text-overflow:initial;-webkit-line-clamp:initial;-webkit-line-clamp:2}.module-blocks-1237>.module-body>div .block-wrapper .block-title.module-title:after{display:none}.module-blocks-1237>.module-body>div .block-wrapper .block-title.module-title .page-title-text:after{display:none}.module-blocks-1237>.module-body>div .block-wrapper .block-title.module-title .filter-title-text:after{display:none}.module-blocks-1237>.module-body>div .block-item:before{display:none}.module-blocks-1237>.module-body>div .block-item{color:hsla(var(--j-color-scheme-foreground-secondary-h),var(--j-color-scheme-foreground-secondary-s),calc(var(--j-color-scheme-foreground-secondary-l) - 0%),calc(var(--j-color-scheme-foreground-secondary-a)*1))}.module-blocks-1237>.module-body>div .block-footer{margin-top:var(--j-gap-spacing-vertical-l);--element-margin-top:var(--j-gap-spacing-vertical-l)}.module-blocks-1237>.module-body>div .block-footer .btn{width:auto}.module-blocks-1237>.module-body>div .block-item:nth-child(even) .block-footer .btn{width:auto}.module-blocks-1237>.module-body>div .block-header .title{order:-1}.module-blocks-1237>.module-body>div .block-body{--image-split-ratio:40% !important;--block-body-gap:var(--j-gap-spacing-gap-5)}.module-blocks-1237>.module-body>div .block-header{--unit:1%;flex-basis:calc((600px - (100*var(--unit,1%)))*9999);display:var(--display);align-items:center;text-align:center;justify-content:flex-start}.module-blocks-1237>.module-body>div .block-item>.block-body{--display:flex;flex-direction:row;--image-split-ratio:50%;gap:var(--block-body-gap,0px);flex-wrap:wrap}.module-blocks-1237>.module-body>div .block-item>.block-body>.block-header{float:none;margin-inline:0}.module-blocks-1237>.module-body>div .block-item>.block-body>.block-header+.block-wrapper{min-width:0}.module-blocks-1237>.module-body>div .block-item>.block-body:after{display:none}.module-blocks-1237>.module-body>div .block-header img{width:auto;height:auto}.module-blocks-1237 .module-body .block-header .title{order:-1}div.module-blocks-1237>.module-body .module-item.block-item>.block-body{--image-split-ratio:40% !important;--display:flex;flex-direction:row-reverse;flex-wrap:wrap;--image-split-ratio:50%;gap:var(--block-body-gap,0px)}div.module-blocks-1237>.module-body .module-item.block-item>.block-body>.block-header{float:none;margin-inline:0}div.module-blocks-1237>.module-body .module-item.block-item>.block-body>.block-header+.block-wrapper{min-width:auto}div.module-blocks-1237>.module-body .module-item.block-item>.block-body:after{display:none}.module-blocks-1237 .module-body .block-wrapper{justify-content:center} /* =========================================================
REPROMO — CONTACT / SMART REQUEST
SECTION 3 — CONTACT DETAILS
COMPLETE VERSION + reCAPTCHA
========================================================= */
/* =========================================================
GLOBAL
========================================================= */
.repromo-contact-person,
.repromo-contact-person * {
box-sizing: border-box;
font-family: "Jost", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.repromo-contact-person {
width: 100%;
margin: 0;
padding: 0;
}
/* =========================================================
HEADER
========================================================= */
.repromo-contact-person-head {
display: flex;
align-items: flex-start;
gap: 15px;
margin: 0 0 24px 0;
}
/* =========================================================
NUMBER
========================================================= */
.repromo-contact-person-number {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 40px;
width: 40px;
height: 40px;
border-radius: 50%;
background: #d2a000;
color: #111315;
font-size: 19px !important;
font-weight: 700 !important;
line-height: 1 !important;
}
/* =========================================================
HEADING WRAPPER
========================================================= */
.repromo-contact-person-heading {
flex: 1;
min-width: 0;
}
/* =========================================================
TITLE
========================================================= */
.repromo-contact-person-heading h2 {
margin: 0 0 5px 0 !important;
padding: 0 !important;
font-family: "Jost", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-size: 27px !important;
font-weight: 600 !important;
font-style: normal !important;
line-height: 1.15 !important;
letter-spacing: -0.2px !important;
text-transform: uppercase;
color: #f4f2ed !important;
}
/* =========================================================
SUBTITLE
========================================================= */
.repromo-contact-person-heading p {
margin: 0 !important;
padding: 0 !important;
font-family: "Jost", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-size: 17px !important;
font-weight: 400 !important;
line-height: 1.45 !important;
color: #aeadab !important;
}
/* =========================================================
3 COLUMN GRID
========================================================= */
.repromo-contact-person-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
width: 100%;
}
/* =========================================================
FIELD LABEL
========================================================= */
.repromo-contact-person-field label {
display: block;
margin: 0 0 9px 0 !important;
padding: 0 !important;
font-family: "Jost", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1.3 !important;
color: #e7e5df !important;
}
.repromo-contact-person-field label span {
color: #d2a000 !important;
}
/* =========================================================
INPUT
========================================================= */
.repromo-contact-person-field input {
display: block;
width: 100%;
height: 58px;
margin: 0 !important;
padding: 0 17px !important;
background: #181c1f !important;
border: 1px solid #464b4f !important;
border-radius: 5px !important;
outline: none !important;
box-shadow: none !important;
font-family: "Jost", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
color: #f4f2ed !important;
transition:
background 0.18s ease,
border-color 0.18s ease,
box-shadow 0.18s ease;
}
/* =========================================================
PLACEHOLDER
========================================================= */
.repromo-contact-person-field input::placeholder {
color: #777d80 !important;
opacity: 1;
}
/* =========================================================
INPUT HOVER
========================================================= */
.repromo-contact-person-field input:hover {
background: #1c2023 !important;
border-color: #6b7074 !important;
}
/* =========================================================
INPUT FOCUS
========================================================= */
.repromo-contact-person-field input:focus {
background: #1c2023 !important;
border-color: #d2a000 !important;
box-shadow:
0 0 0 1px rgba(210, 160, 0, 0.16) !important;
}
/* =========================================================
GOOGLE reCAPTCHA
========================================================= */
.repromo-smart-captcha {
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
margin: 22px 0 0 0;
padding: 0;
}
.repromo-smart-captcha .g-recaptcha {
display: block;
max-width: 100%;
transform-origin: left top;
}
/* =========================================================
PRIVACY
========================================================= */
.repromo-contact-privacy {
position: relative;
display: flex;
align-items: center;
gap: 12px;
width: 100%;
margin: 18px 0 0 0 !important;
cursor: pointer;
}
/* =========================================================
HIDE NATIVE PRIVACY CHECKBOX
========================================================= */
.repromo-contact-privacy > input {
position: absolute;
opacity: 0;
pointer-events: none;
}
/* =========================================================
CUSTOM PRIVACY CHECK
========================================================= */
.repromo-contact-privacy-check {
position: relative;
flex: 0 0 22px;
width: 22px;
height: 22px;
background: #111416;
border: 1px solid #6b7074;
border-radius: 4px;
}
/* =========================================================
PRIVACY CHECK SYMBOL
========================================================= */
.repromo-contact-privacy-check::after {
content: "";
position: absolute;
left: 6px;
top: 2px;
width: 6px;
height: 11px;
border-style: solid;
border-color: #ffffff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
opacity: 0;
}
/* =========================================================
PRIVACY CHECKED = GREEN
========================================================= */
.repromo-contact-privacy > input:checked
+ .repromo-contact-privacy-check {
background: #65B84A;
border-color: #65B84A;
}
.repromo-contact-privacy > input:checked
+ .repromo-contact-privacy-check::after {
opacity: 1;
}
/* =========================================================
PRIVACY TEXT
========================================================= */
.repromo-contact-privacy-text {
font-family: "Jost", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-size: 15px !important;
font-weight: 400 !important;
line-height: 1.45 !important;
color: #c4c3bf !important;
}
/* =========================================================
PRIVACY LINK
========================================================= */
.repromo-contact-privacy-text a {
color: #d2a000 !important;
text-decoration: none !important;
border-bottom: 1px solid rgba(210, 160, 0, 0.4);
}
.repromo-contact-privacy-text a:hover {
color: #e3b419 !important;
border-color: #e3b419;
}
/* =========================================================
HONEYPOT
========================================================= */
.repromo-contact-honeypot {
position: absolute !important;
left: -99999px !important;
top: -99999px !important;
width: 1px !important;
height: 1px !important;
opacity: 0 !important;
pointer-events: none !important;
}
/* =========================================================
ACTIONS
========================================================= */
.repromo-contact-actions {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 12px;
width: 100%;
margin-top: 25px;
}
/* =========================================================
PRIMARY CTA
========================================================= */
.repromo-contact-submit {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 15px;
min-height: 58px;
padding: 0 25px;
background: #d2a000 !important;
border: 1px solid #d2a000 !important;
border-radius: 5px !important;
cursor: pointer;
font-family: "Jost", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-size: 15px !important;
font-weight: 700 !important;
letter-spacing: 0.2px !important;
color: #111315 !important;
transition:
background 0.18s ease,
border-color 0.18s ease,
transform 0.18s ease;
}
.repromo-contact-submit span {
font-size: 21px !important;
}
/* =========================================================
PRIMARY CTA HOVER
========================================================= */
.repromo-contact-submit:hover {
background: #e0ad00 !important;
border-color: #e0ad00 !important;
transform: translateY(-1px);
}
/* =========================================================
SECONDARY CTA
========================================================= */
.repromo-contact-talk {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 15px;
min-height: 58px;
padding: 0 25px;
background: transparent !important;
border: 1px solid #c7c7c3 !important;
border-radius: 5px;
cursor: pointer;
font-family: "Jost", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-size: 15px !important;
font-weight: 600 !important;
letter-spacing: 0.2px;
color: #f4f2ed !important;
text-decoration: none !important;
transition:
background 0.18s ease,
border-color 0.18s ease,
color 0.18s ease;
}
.repromo-contact-talk span {
font-size: 21px !important;
}
/* =========================================================
SECONDARY CTA HOVER
========================================================= */
.repromo-contact-talk:hover {
background: #1c2023 !important;
border-color: #d2a000 !important;
color: #ffffff !important;
}
/* =========================================================
REASSURANCE
========================================================= */
.repromo-contact-reassurance {
display: flex;
align-items: center;
gap: 10px;
margin-left: 5px;
font-family: "Jost", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-size: 13px !important;
font-weight: 400 !important;
line-height: 1.45 !important;
color: #9fa2a1 !important;
}
/* =========================================================
SHIELD
========================================================= */
.repromo-contact-shield {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 32px;
width: 32px;
height: 32px;
}
.repromo-contact-shield svg {
width: 27px;
height: 27px;
fill: none;
stroke: #d2a000;
stroke-width: 1.7;
stroke-linecap: round;
stroke-linejoin: round;
}
/* =========================================================
SMART REQUEST STATUS
========================================================= */
.repromo-smart-request-status {
width: 100%;
margin-top: 15px;
font-family: "Jost", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-size: 15px !important;
font-weight: 500 !important;
line-height: 1.45 !important;
}
.repromo-smart-request-status:empty {
display: none;
}
/* =========================================================
SUCCESS MESSAGE
========================================================= */
.repromo-smart-request-status.is-success {
display: block;
padding: 13px 16px;
background: rgba(101, 184, 74, 0.08);
border: 1px solid #65B84A;
border-radius: 5px;
color: #8fd576 !important;
}
/* =========================================================
ERROR MESSAGE
========================================================= */
.repromo-smart-request-status.is-error {
display: block;
padding: 13px 16px;
background: rgba(241, 51, 47, 0.08);
border: 1px solid #F1332F;
border-radius: 5px;
color: #ff7774 !important;
}
/* =========================================================
BUTTON SUCCESS
========================================================= */
.repromo-contact-submit.is-success {
background: #65B84A !important;
border-color: #65B84A !important;
color: #111315 !important;
}
/* =========================================================
BUTTON DISABLED / SENDING
========================================================= */
.repromo-contact-submit:disabled {
cursor: wait;
opacity: 0.8;
}
/* =========================================================
TABLET
========================================================= */
@media (max-width: 1024px) {
.repromo-contact-person-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.repromo-contact-person-heading h2 {
font-size: 24px !important;
}
.repromo-contact-person-heading p {
font-size: 16px !important;
}
.repromo-contact-actions {
align-items: stretch;
}
.repromo-contact-reassurance {
width: 100%;
margin: 4px 0 0 0;
}
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 767px) {
.repromo-contact-person-head {
gap: 12px;
margin-bottom: 20px;
}
.repromo-contact-person-number {
flex: 0 0 36px;
width: 36px;
height: 36px;
font-size: 17px !important;
}
.repromo-contact-person-heading h2 {
font-size: 22px !important;
}
.repromo-contact-person-heading p {
font-size: 15px !important;
}
.repromo-contact-person-grid {
grid-template-columns: 1fr;
gap: 16px;
}
.repromo-contact-person-field input {
height: 54px;
font-size: 16px !important;
}
/* reCAPTCHA */
.repromo-smart-captcha {
width: 100%;
margin-top: 20px;
overflow: hidden;
}
.repromo-smart-captcha .g-recaptcha {
transform-origin: left top;
}
/* Privacy */
.repromo-contact-privacy {
align-items: flex-start;
}
.repromo-contact-privacy-text {
font-size: 14px !important;
}
/* Actions */
.repromo-contact-actions {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
}
.repromo-contact-submit,
.repromo-contact-talk {
width: 100%;
min-height: 56px;
}
.repromo-contact-reassurance {
width: 100%;
margin: 5px 0 0 0;
}
.repromo-smart-request-status {
font-size: 14px !important;
}
}
/* =========================================================
VERY SMALL MOBILE
========================================================= */
@media (max-width: 360px) {
.repromo-smart-captcha .g-recaptcha {
transform: scale(0.92);
margin-bottom: -6px;
}
}.module-blocks-1237 .module-item-1>.block-body{height:100%}.module-blocks-1237 .module-item-1 .block-map>iframe{filter:grayscale(0)}.module-blocks-1237 .module-item-1 .expand-content{max-height:100%;overflow:visible;max-height:70px}.module-blocks-1237 .module-item-1 .block-expand-overlay{--expand-overlay:rgba(255,235,235,1)}.module-blocks-1237 .module-item-1 .block-content{column-count:initial}.module-blocks-1237 .module-item-1 .block-footer .btn,.module-blocks-1237 .module-item-1 .block-footer .btn:visited{color:hsla(var(--j-color-scheme-brand-secondary-foreground-h),var(--j-color-scheme-brand-secondary-foreground-s),calc(var(--j-color-scheme-brand-secondary-foreground-l) - 0%),calc(var(--j-color-scheme-brand-secondary-foreground-a)*1)) !important}.no-touchevents .module-blocks-1237 .module-item-1 .block-footer .btn:hover{color:hsla(var(--j-color-scheme-brand-secondary-foreground-h),var(--j-color-scheme-brand-secondary-foreground-s),calc(var(--j-color-scheme-brand-secondary-foreground-l) - 0%),calc(var(--j-color-scheme-brand-secondary-foreground-a)*1)) !important;background-color:hsla(var(--j-color-scheme-brand-secondary-h),var(--j-color-scheme-brand-secondary-s),calc(var(--j-color-scheme-brand-secondary-l) - 10%),calc(var(--j-color-scheme-brand-secondary-a)*1));--background-color:hsla(var(--j-color-scheme-brand-secondary-h),var(--j-color-scheme-brand-secondary-s),calc(var(--j-color-scheme-brand-secondary-l) - 10%),calc(var(--j-color-scheme-brand-secondary-a)*1))}.module-blocks-1237 .module-item-1 .block-footer .btn:active,.no-touchevents .module-blocks-1237 .module-item-1 .block-footer .btn:hover:active{color:hsla(var(--j-color-scheme-brand-secondary-foreground-h),var(--j-color-scheme-brand-secondary-foreground-s),calc(var(--j-color-scheme-brand-secondary-foreground-l) - 0%),calc(var(--j-color-scheme-brand-secondary-foreground-a)*1)) !important}.module-blocks-1237 .module-item-1 .block-footer .btn{--focus-color:hsla(var(--j-color-scheme-brand-secondary-foreground-h),var(--j-color-scheme-brand-secondary-foreground-s),calc(var(--j-color-scheme-brand-secondary-foreground-l) - 0%),calc(var(--j-color-scheme-brand-secondary-foreground-a)*1)) !important;border-style:none;transform:scale(calc(100/100));transform-origin:center}.module-blocks-1237 .module-item-1 .block-footer .btn,.module-blocks-1237 .module-item-1 .block-footer .tooltip{background-color:hsla(var(--j-color-scheme-brand-secondary-h),var(--j-color-scheme-brand-secondary-s),calc(var(--j-color-scheme-brand-secondary-l) - 0%),calc(var(--j-color-scheme-brand-secondary-a)*1));--background-color:hsla(var(--j-color-scheme-brand-secondary-h),var(--j-color-scheme-brand-secondary-s),calc(var(--j-color-scheme-brand-secondary-l) - 0%),calc(var(--j-color-scheme-brand-secondary-a)*1))}.module-blocks-1237 .module-item-1 .block-footer .btn:active,.no-touchevents .module-blocks-1237 .module-item-1 .block-footer .btn:hover:active,.module-blocks-1237 .module-item-1 .block-footer .btn:focus:active,.no-touchevents .module-blocks-1237 .module-item-1 .block-footer .btn:focus:hover:active{background-color:hsla(var(--j-color-scheme-brand-secondary-h),var(--j-color-scheme-brand-secondary-s),calc(var(--j-color-scheme-brand-secondary-l) - 5%),calc(var(--j-color-scheme-brand-secondary-a)*1));--background-color:hsla(var(--j-color-scheme-brand-secondary-h),var(--j-color-scheme-brand-secondary-s),calc(var(--j-color-scheme-brand-secondary-l) - 5%),calc(var(--j-color-scheme-brand-secondary-a)*1))}.module-blocks-1237 .module-item-1 .block-footer .btn:focus,.module-blocks-1237 .module-item-1 .block-footer .btn[disabled]{background-color:hsla(var(--j-color-scheme-brand-secondary-h),var(--j-color-scheme-brand-secondary-s),calc(var(--j-color-scheme-brand-secondary-l) - 7%),calc(var(--j-color-scheme-brand-secondary-a)*1)) !important;--background-color:hsla(var(--j-color-scheme-brand-secondary-h),var(--j-color-scheme-brand-secondary-s),calc(var(--j-color-scheme-brand-secondary-l) - 7%),calc(var(--j-color-scheme-brand-secondary-a)*1)) !important}.module-blocks-1237 .module-item-1 .block-footer .btn.btn.disabled:after{font-size:1em} /* =========================================================
REPROMO — CONTACT / SMART REQUEST
SECTION 3 — CONTACT DETAILS
COMPLETE VERSION
========================================================= */
/* =========================================================
GLOBAL
========================================================= */
.repromo-contact-person,
.repromo-contact-person * {
box-sizing: border-box;
font-family: "Jost", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.repromo-contact-person {
width: 100%;
margin: 0;
padding: 0;
}
/* =========================================================
HEADER
========================================================= */
.repromo-contact-person-head {
display: flex;
align-items: flex-start;
gap: 15px;
margin: 0 0 24px 0;
}
/* =========================================================
NUMBER
========================================================= */
.repromo-contact-person-number {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 40px;
width: 40px;
height: 40px;
border-radius: 50%;
background: #d2a000;
color: #111315;
font-size: 19px !important;
font-weight: 700 !important;
line-height: 1 !important;
}
/* =========================================================
HEADING WRAPPER
========================================================= */
.repromo-contact-person-heading {
flex: 1;
min-width: 0;
}
/* =========================================================
TITLE
========================================================= */
.repromo-contact-person-heading h2 {
margin: 0 0 5px 0 !important;
padding: 0 !important;
font-family: "Jost", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-size: 27px !important;
font-weight: 600 !important;
font-style: normal !important;
line-height: 1.15 !important;
letter-spacing: -0.2px !important;
text-transform: uppercase;
color: #f4f2ed !important;
}
/* =========================================================
SUBTITLE
========================================================= */
.repromo-contact-person-heading p {
margin: 0 !important;
padding: 0 !important;
font-family: "Jost", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-size: 17px !important;
font-weight: 400 !important;
line-height: 1.45 !important;
color: #aeadab !important;
}
/* =========================================================
3 COLUMN GRID
========================================================= */
.repromo-contact-person-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
width: 100%;
}
/* =========================================================
FIELD LABEL
========================================================= */
.repromo-contact-person-field label {
display: block;
margin: 0 0 9px 0 !important;
padding: 0 !important;
font-family: "Jost", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1.3 !important;
color: #e7e5df !important;
}
.repromo-contact-person-field label span {
color: #d2a000 !important;
}
/* =========================================================
INPUT
========================================================= */
.repromo-contact-person-field input {
display: block;
width: 100%;
height: 58px;
margin: 0 !important;
padding: 0 17px !important;
background: #181c1f !important;
border: 1px solid #464b4f !important;
border-radius: 5px !important;
outline: none !important;
box-shadow: none !important;
font-family: "Jost", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
color: #f4f2ed !important;
transition:
background 0.18s ease,
border-color 0.18s ease,
box-shadow 0.18s ease;
}
/* =========================================================
PLACEHOLDER
========================================================= */
.repromo-contact-person-field input::placeholder {
color: #777d80 !important;
opacity: 1;
}
/* =========================================================
INPUT HOVER
========================================================= */
.repromo-contact-person-field input:hover {
background: #1c2023 !important;
border-color: #6b7074 !important;
}
/* =========================================================
INPUT FOCUS
========================================================= */
.repromo-contact-person-field input:focus {
background: #1c2023 !important;
border-color: #d2a000 !important;
box-shadow:
0 0 0 1px rgba(210, 160, 0, 0.16) !important;
}
/* =========================================================
PRIVACY
========================================================= */
.repromo-contact-privacy {
position: relative;
display: flex;
align-items: center;
gap: 12px;
width: 100%;
margin: 22px 0 0 0 !important;
cursor: pointer;
}
/* =========================================================
HIDE NATIVE PRIVACY CHECKBOX
========================================================= */
.repromo-contact-privacy > input {
position: absolute;
opacity: 0;
pointer-events: none;
}
/* =========================================================
CUSTOM PRIVACY CHECK
========================================================= */
.repromo-contact-privacy-check {
position: relative;
flex: 0 0 22px;
width: 22px;
height: 22px;
background: #111416;
border: 1px solid #6b7074;
border-radius: 4px;
}
/* =========================================================
PRIVACY CHECK SYMBOL
========================================================= */
.repromo-contact-privacy-check::after {
content: "";
position: absolute;
left: 6px;
top: 2px;
width: 6px;
height: 11px;
border-style: solid;
border-color: #ffffff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
opacity: 0;
}
/* =========================================================
PRIVACY CHECKED = GREEN
========================================================= */
.repromo-contact-privacy > input:checked
+ .repromo-contact-privacy-check {
background: #65B84A;
border-color: #65B84A;
}
.repromo-contact-privacy > input:checked
+ .repromo-contact-privacy-check::after {
opacity: 1;
}
/* =========================================================
PRIVACY TEXT
========================================================= */
.repromo-contact-privacy-text {
font-family: "Jost", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-size: 15px !important;
font-weight: 400 !important;
line-height: 1.45 !important;
color: #c4c3bf !important;
}
/* PRIVACY LINK */
.repromo-contact-privacy-text a {
color: #d2a000 !important;
text-decoration: none !important;
border-bottom: 1px solid rgba(210, 160, 0, 0.4);
}
.repromo-contact-privacy-text a:hover {
color: #e3b419 !important;
border-color: #e3b419;
}
/* =========================================================
HONEYPOT
========================================================= */
.repromo-contact-honeypot {
position: absolute !important;
left: -99999px !important;
top: -99999px !important;
width: 1px !important;
height: 1px !important;
opacity: 0 !important;
pointer-events: none !important;
}
/* =========================================================
ACTIONS
========================================================= */
.repromo-contact-actions {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 12px;
width: 100%;
margin-top: 25px;
}
/* =========================================================
PRIMARY CTA
========================================================= */
.repromo-contact-submit {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 15px;
min-height: 58px;
padding: 0 25px;
background: #d2a000 !important;
border: 1px solid #d2a000 !important;
border-radius: 5px !important;
cursor: pointer;
font-family: "Jost", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-size: 15px !important;
font-weight: 700 !important;
letter-spacing: 0.2px !important;
color: #111315 !important;
transition:
background 0.18s ease,
border-color 0.18s ease,
transform 0.18s ease;
}
.repromo-contact-submit span {
font-size: 21px !important;
}
/* CTA HOVER */
.repromo-contact-submit:hover {
background: #e0ad00 !important;
border-color: #e0ad00 !important;
transform: translateY(-1px);
}
/* =========================================================
SECONDARY CTA
========================================================= */
.repromo-contact-talk {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 15px;
min-height: 58px;
padding: 0 25px;
background: transparent !important;
border: 1px solid #c7c7c3 !important;
border-radius: 5px;
font-family: "Jost", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-size: 15px !important;
font-weight: 600 !important;
letter-spacing: 0.2px;
color: #f4f2ed !important;
text-decoration: none !important;
transition:
background 0.18s ease,
border-color 0.18s ease,
color 0.18s ease;
}
.repromo-contact-talk span {
font-size: 21px !important;
}
/* SECONDARY CTA HOVER */
.repromo-contact-talk:hover {
background: #1c2023 !important;
border-color: #d2a000 !important;
color: #ffffff !important;
}
/* =========================================================
REASSURANCE
========================================================= */
.repromo-contact-reassurance {
display: flex;
align-items: center;
gap: 10px;
margin-left: 5px;
font-family: "Jost", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-size: 13px !important;
font-weight: 400 !important;
line-height: 1.45 !important;
color: #9fa2a1 !important;
}
/* =========================================================
SHIELD
========================================================= */
.repromo-contact-shield {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 32px;
width: 32px;
height: 32px;
}
.repromo-contact-shield svg {
width: 27px;
height: 27px;
fill: none;
stroke: #d2a000;
stroke-width: 1.7;
stroke-linecap: round;
stroke-linejoin: round;
}
/* =========================================================
SMART REQUEST STATUS
========================================================= */
.repromo-smart-request-status {
width: 100%;
margin-top: 15px;
font-family: "Jost", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-size: 15px !important;
font-weight: 500 !important;
line-height: 1.45 !important;
}
.repromo-smart-request-status:empty {
display: none;
}
/* =========================================================
SUCCESS MESSAGE
========================================================= */
.repromo-smart-request-status.is-success {
display: block;
padding: 13px 16px;
background: rgba(101, 184, 74, 0.08);
border: 1px solid #65B84A;
border-radius: 5px;
color: #8fd576 !important;
}
/* =========================================================
ERROR MESSAGE
========================================================= */
.repromo-smart-request-status.is-error {
display: block;
padding: 13px 16px;
background: rgba(241, 51, 47, 0.08);
border: 1px solid #F1332F;
border-radius: 5px;
color: #ff7774 !important;
}
/* =========================================================
BUTTON SUCCESS
========================================================= */
.repromo-contact-submit.is-success {
background: #65B84A !important;
border-color: #65B84A !important;
color: #111315 !important;
}
/* =========================================================
BUTTON DISABLED / SENDING
========================================================= */
.repromo-contact-submit:disabled {
cursor: wait;
opacity: 0.8;
}
/* =========================================================
TABLET
========================================================= */
@media (max-width: 1024px) {
.repromo-contact-person-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.repromo-contact-person-heading h2 {
font-size: 24px !important;
}
.repromo-contact-person-heading p {
font-size: 16px !important;
}
.repromo-contact-actions {
align-items: stretch;
}
.repromo-contact-reassurance {
width: 100%;
margin: 4px 0 0 0;
}
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 767px) {
.repromo-contact-person-head {
gap: 12px;
margin-bottom: 20px;
}
.repromo-contact-person-number {
flex: 0 0 36px;
width: 36px;
height: 36px;
font-size: 17px !important;
}
.repromo-contact-person-heading h2 {
font-size: 22px !important;
}
.repromo-contact-person-heading p {
font-size: 15px !important;
}
.repromo-contact-person-grid {
grid-template-columns: 1fr;
gap: 16px;
}
.repromo-contact-person-field input {
height: 54px;
font-size: 16px !important;
}
.repromo-contact-privacy {
align-items: flex-start;
}
.repromo-contact-privacy-text {
font-size: 14px !important;
}
.repromo-contact-actions {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
}
.repromo-contact-submit,
.repromo-contact-talk {
width: 100%;
min-height: 56px;
}
.repromo-contact-reassurance {
width: 100%;
margin: 5px 0 0 0;
}
.repromo-smart-request-status {
font-size: 14px !important;
}
}