:root {
--videlis-font-family: "Source Sans 3", "Source Sans Pro", Arial, sans-serif;
--videlis-color-blue-900: #002f48;
--videlis-color-blue-700: #003e5f;
--videlis-color-blue-600: #004d76;
--videlis-color-blue-500: #33718e;
--videlis-color-blue-400: #5f879b;
--videlis-color-blue-300: #80a6b9;
--videlis-color-blue-100: #d9e6ec;
--videlis-color-blue-050: #f0f5f7;
--videlis-color-grey: #b2b2b2;
--videlis-color-white: #ffffff;
--videlis-color-black: #000000;
--videlis-color-primary: var(--videlis-color-blue-600);
--videlis-color-text: var(--videlis-color-black);
--videlis-color-background: var(--videlis-color-white); --videlis-content-width: 1200px;
} #Footer .widget h3 {
color: #fff;
font-family: "Source Sans 3";
font-size: 24px;
font-weight: 400;
line-height: 34px;
margin: 0 0 15px;
padding: 0;
}
#menu .menu-item-has-children.videlis-submenu-open > .sub-menu,
#Side_slide .menu-item-has-children.videlis-submenu-open > .sub-menu {
display: block !important;
}
#Side_slide .menu-item-has-children > .menu-toggle {
display: block !important;
}
#Side_slide .menu-toggle:focus-visible,
#Side_slide .close:focus-visible,
.responsive-menu-toggle:focus-visible {
outline: 3px solid var(--videlis-color-blue-500);
outline-offset: 3px;
} body.keyboard-support #Top_bar #menu ul.sub-menu > li > a:focus-visible {
color: var(--videlis-color-blue-900) !important;
background-color: var(--videlis-color-blue-050) !important;
outline: 3px solid var(--videlis-color-blue-500) !important;
outline-offset: -3px;
box-shadow: inset 0 0 0 3px var(--videlis-color-blue-500) !important;
} @media only screen and (min-width: 1240px) {
body.keyboard-support
#Top_bar #menu > ul > li.menu-item-has-children.videlis-submenu-open
> a:not(.menu-toggle) {
display: block !important;
}
body.keyboard-support
#Top_bar #menu > ul > li.menu-item-has-children.videlis-submenu-open
> .sub-menu {
top: 100% !important;
}
}
.videlis-visually-hidden {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
body,
button,
input,
select,
textarea {
font-family: var(--videlis-font-family);
} .videlis-legal-page #Content :is(h1, h2, h3, h4, h5) {
color: var(--videlis-color-primary);
line-height: 1.2;
min-width: 0;
overflow-wrap: break-word;
hyphens: auto;
text-wrap: balance;
}
.videlis-legal-page #Content h1 {
margin: 0 0 clamp(30px, 4vw, 46px);
font-size: clamp(2.6rem, 4.2vw, 3.5rem);
font-weight: 700;
line-height: 1.06;
letter-spacing: -.03em;
}
.videlis-legal-page #Content h2 {
margin: clamp(48px, 6vw, 72px) 0 18px;
font-size: clamp(1.7rem, 2.5vw, 2.15rem);
font-weight: 650;
letter-spacing: -.015em;
}
.videlis-legal-page #Content h3 {
margin: clamp(34px, 4vw, 46px) 0 14px;
font-size: clamp(1.4rem, 2vw, 1.6rem);
font-weight: 650;
letter-spacing: -.01em;
}
.videlis-legal-page #Content h4 {
margin: 30px 0 12px;
font-size: clamp(1.18rem, 1.6vw, 1.35rem);
font-weight: 650;
}
.videlis-legal-page #Content h5 {
margin: 26px 0 10px;
font-size: clamp(1.05rem, 1.35vw, 1.18rem);
font-weight: 700;
} .videlis-audiences > .section_wrapper,
.videlis-about > .section_wrapper,
.videlis-services > .section_wrapper,
.videlis-values > .section_wrapper,
.videlis-quote-section > .section_wrapper,
.videlis-process > .section_wrapper,
.videlis-region > .section_wrapper,
.videlis-contact > .section_wrapper {
width: 100% !important;
max-width: 1240px !important;
box-sizing: border-box;
padding-inline: clamp(22px, 3vw, 44px);
}
.videlis-audiences .column,
.videlis-about .column,
.videlis-services .column,
.videlis-values .column,
.videlis-quote-section .column,
.videlis-process .column,
.videlis-region .column,
.videlis-contact .column {
margin-bottom: 0 !important;
}
.videlis-home-hero {
min-height: 720px;
display: flex;
align-items: center;
position: relative;
isolation: isolate;
}
.videlis-home-hero::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background: linear-gradient(90deg, rgba(0, 47, 72, .96) 0%, rgba(0, 77, 118, .84) 42%, rgba(0, 77, 118, .2) 72%, rgba(0, 77, 118, 0) 100%);
}
.videlis-home-hero > .section_wrapper {
width: 100%;
}
.videlis-hero-copy {
max-width: 700px;
color: var(--videlis-color-white);
}
.videlis-hero-copy h1 {
color: var(--videlis-color-white);
font-size: clamp(3rem, 6vw, 5.7rem);
line-height: .98;
letter-spacing: -.045em;
margin: 0 0 28px;
}
.videlis-hero-copy h1 span {
display: block;
color: var(--videlis-color-blue-100);
}
.videlis-hero-copy .videlis-lead {
max-width: 620px;
font-size: clamp(1.2rem, 2vw, 1.55rem);
line-height: 1.5;
color: var(--videlis-color-white);
}
.videlis-eyebrow {
display: inline-block;
margin-bottom: 22px;
font-size: .84rem;
font-weight: 700;
letter-spacing: .14em;
text-transform: uppercase;
color: var(--videlis-color-primary);
}
.videlis-home-hero .videlis-eyebrow {
color: var(--videlis-color-blue-100);
}
.videlis-actions {
display: flex;
flex-wrap: wrap;
gap: 14px;
margin-top: 34px;
}
.videlis-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 50px;
padding: 12px 24px;
border: 2px solid var(--videlis-color-primary);
border-radius: 3px;
background: var(--videlis-color-primary);
color: var(--videlis-color-white) !important;
font-weight: 700;
text-decoration: none;
transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}
.videlis-button:hover {
background: var(--videlis-color-blue-700);
border-color: var(--videlis-color-blue-700);
transform: translateY(-2px);
}
.videlis-button--light {
border-color: var(--videlis-color-white);
background: var(--videlis-color-white);
color: var(--videlis-color-blue-700) !important;
box-shadow: 0 8px 22px rgba(0, 47, 72, .14);
}
.videlis-button--light:hover,
.videlis-button--light:focus-visible {
border-color: var(--videlis-color-blue-100);
background: var(--videlis-color-blue-100);
color: var(--videlis-color-blue-900) !important;
box-shadow: 0 12px 28px rgba(0, 47, 72, .2);
}
.videlis-button--ghost {
border-color: rgba(255, 255, 255, .7);
background: transparent;
}
.videlis-button--ghost:hover {
border-color: var(--videlis-color-white);
background: var(--videlis-color-white);
color: var(--videlis-color-blue-700) !important;
}
.videlis-section-heading {
max-width: 780px;
margin-bottom: 38px;
}
.videlis-section-heading h2,
.videlis-split-copy h2,
.videlis-contact-copy h2 {
font-size: clamp(2.25rem, 4vw, 4rem);
line-height: 1.08;
letter-spacing: -.035em;
margin-bottom: 24px;
min-width: 0;
word-break: normal;
overflow-wrap: break-word;
hyphens: auto;
}
.videlis-section-heading p,
.videlis-split-copy > p,
.videlis-contact-copy > p {
font-size: 1.17rem;
line-height: 1.65;
}
.videlis-card {
display: flex;
flex-direction: column;
height: 100%;
box-sizing: border-box;
padding: clamp(26px, 3vw, 38px) clamp(22px, 2.5vw, 32px);
border: 1px solid var(--videlis-color-blue-100);
border-radius: 6px;
background: var(--videlis-color-white);
box-shadow: 0 16px 46px rgba(0, 47, 72, .08);
}
.videlis-card__number {
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
margin-bottom: 28px;
border-radius: 50%;
background: var(--videlis-color-blue-100);
color: var(--videlis-color-blue-700);
font-weight: 700;
}
.videlis-card h3 {
font-size: clamp(1.45rem, 2vw, 2rem);
letter-spacing: -.02em;
margin-bottom: 18px;
min-width: 0;
word-break: normal;
overflow-wrap: break-word;
hyphens: auto;
}
.videlis-card p,
.videlis-card li {
line-height: 1.65;
}
.videlis-card ul {
margin: 22px 0 0 1.15em;
}
.videlis-text-link {
display: inline-block;
margin-top: auto;
padding-top: 22px;
font-weight: 700;
text-underline-offset: 4px;
}
.videlis-image-frame img {
display: block;
width: 100%;
border-radius: 8px;
box-shadow: 0 24px 60px rgba(0, 47, 72, .14);
}
.videlis-split-copy {
padding: clamp(12px, 2.2vw, 30px);
}
.videlis-check-list {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 12px;
margin: 30px 0 0;
padding: 0;
list-style: none !important;
}
.videlis-check-list li {
position: relative;
padding-left: 26px;
color: var(--videlis-color-blue-900);
font-weight: 600;
line-height: 1.55;
list-style: none !important;
}
.videlis-check-list li::marker,
.videlis-region-list li::marker {
content: "";
}
.videlis-check-list li::before {
content: "";
position: absolute;
left: 0;
top: .55em;
width: 10px;
height: 10px;
border-radius: 50%;
background: var(--videlis-color-blue-700);
}
.videlis-values {
background: var(--videlis-color-blue-050);
}
.videlis-values .videlis-card {
padding-right: 18px;
padding-left: 18px;
}
.videlis-values .videlis-card h3 {
font-size: 1.55rem;
line-height: 1.25;
word-break: normal;
overflow-wrap: normal;
hyphens: none;
}
.videlis-values .videlis-card h3 span {
display: block;
}
.videlis-values .videlis-card p {
overflow-wrap: normal;
hyphens: none;
}
.videlis-quote {
max-width: 980px;
margin: 0 auto;
text-align: center;
}
.videlis-quote blockquote {
position: static;
margin: 0;
padding: 0;
border: 0;
font-size: clamp(2rem, 4vw, 3.8rem);
line-height: 1.15;
font-weight: 700;
color: var(--videlis-color-white);
}
.videlis-process-card {
position: relative;
display: flex;
flex-direction: column;
height: 100%;
padding: 34px 32px 30px 78px;
border-top: 3px solid var(--videlis-color-primary);
background: var(--videlis-color-white);
}
.videlis-process-card__step {
position: absolute;
left: 24px;
top: 30px;
font-size: 1.75rem;
font-weight: 700;
color: var(--videlis-color-blue-300);
}
.videlis-region .videlis-region-list {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 28px 0 0 !important;
padding: 0 !important;
margin-inline-start: 0 !important;
padding-inline-start: 0 !important;
list-style: none !important;
}
.videlis-region-list li {
padding: 8px 14px;
border: 1px solid var(--videlis-color-blue-300);
border-radius: 999px;
color: var(--videlis-color-blue-700);
font-weight: 600;
list-style: none !important;
}
.videlis-region-list li::before {
display: none !important;
}
.videlis-contact {
background: var(--videlis-color-blue-700);
}
.videlis-contact-copy,
.videlis-contact-copy h2,
.videlis-contact-copy a {
color: var(--videlis-color-white);
}
.videlis-contact-copy {
padding: clamp(12px, 2.2vw, 30px);
}
.videlis-contact .videlis-eyebrow {
color: var(--videlis-color-blue-100) !important;
}
.videlis-contact-details {
margin: 30px 0 0;
padding: 0;
list-style: none;
}
.videlis-contact-details li {
margin-bottom: 10px;
color: var(--videlis-color-white) !important;
}
.videlis-contact-details li::marker {
color: var(--videlis-color-blue-100);
}
.videlis-home-contact-channels {
display: grid;
gap: 22px;
margin: 30px 0 0 !important;
}
.videlis-home-contact-channels li {
display: grid;
gap: 3px;
margin: 0;
list-style: none;
}
.videlis-home-contact-channels li::marker {
content: "";
}
.videlis-home-contact-channels span {
color: var(--videlis-color-blue-100);
font-size: .82rem;
font-weight: 700;
letter-spacing: .12em;
text-transform: uppercase;
}
.videlis-home-contact-channels a {
width: fit-content;
color: var(--videlis-color-white) !important;
font-size: clamp(1.24rem, 1.55vw, 1.45rem);
font-weight: 600;
line-height: 1.35;
text-decoration-thickness: 1px;
text-underline-offset: 4px;
}
.videlis-home-contact-channels a:hover,
.videlis-home-contact-channels a:focus-visible {
color: var(--videlis-color-blue-100) !important;
}
.videlis-home-contact-channels p {
margin: 0;
color: var(--videlis-color-white) !important;
font-size: 1.06rem;
line-height: 1.5;
}
.videlis-home-contact-channels li:last-child p {
font-size: clamp(1.08rem, 1.3vw, 1.22rem);
}
.videlis-contact-form {
width: 100%;
box-sizing: border-box;
padding: clamp(26px, 4vw, 48px);
border-radius: 8px;
background: var(--videlis-color-white);
}
.videlis-contact-form-wrap .column_column > .mcb-column-inner {
flex: 0 0 100%;
width: 100% !important;
box-sizing: border-box;
}
.videlis-contact-form-wrap .column_attr {
width: 100% !important;
box-sizing: border-box;
}
.videlis-form-grid {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 20px;
}
.videlis-form-field {
margin: 0;
}
.videlis-form-field--full,
.videlis-form-consent,
.videlis-form-submit {
grid-column: 1 / -1;
}
.videlis-contact-form label:not(.wpcf7-list-item-label) {
display: block;
margin-bottom: 7px;
font-weight: 700;
color: var(--videlis-color-blue-700);
}
.videlis-contact-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.videlis-contact-form select,
.videlis-contact-form textarea {
width: 100%;
box-sizing: border-box;
border: 1px solid var(--videlis-color-blue-400);
border-radius: 3px;
background: var(--videlis-color-white);
}
.videlis-contact-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):focus,
.videlis-contact-form select:focus,
.videlis-contact-form textarea:focus {
border-color: var(--videlis-color-primary);
box-shadow: 0 0 0 3px rgba(0, 77, 118, .16);
}
.videlis-contact-form .wpcf7-submit {
appearance: none;
display: inline-flex;
align-items: center;
justify-content: center;
width: auto;
max-width: 100%;
min-height: 50px;
padding: 12px 28px;
border: 0;
border-radius: 3px;
background: var(--videlis-color-primary);
color: var(--videlis-color-white);
font-weight: 700;
cursor: pointer;
}
.videlis-contact-form .wpcf7-submit:not(:disabled):hover {
background: var(--videlis-color-blue-700);
} body.home .videlis-contact-form .wpcf7-submit:hover,
body.home .videlis-contact-form .wpcf7-submit:focus-visible,
body.home .videlis-contact-form .wpcf7-submit:active {
color: var(--videlis-color-white);
}
body.home .videlis-contact-form .wpcf7-submit:hover {
background: var(--videlis-color-blue-700);
}
body.home .videlis-contact-form .wpcf7-submit:disabled {
opacity: .72;
}
.videlis-contact-form .wpcf7-submit:focus-visible {
outline: 3px solid var(--videlis-color-blue-400);
outline-offset: 3px;
}
.videlis-contact-form .wpcf7-submit:disabled {
opacity: .58;
cursor: not-allowed;
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
outline: 3px solid var(--videlis-color-blue-500);
outline-offset: 3px;
}
@media (min-width: 768px) {
.videlis-audiences > .section_wrapper,
.videlis-about > .section_wrapper,
.videlis-services > .section_wrapper,
.videlis-values > .section_wrapper,
.videlis-process > .section_wrapper,
.videlis-region > .section_wrapper,
.videlis-contact > .section_wrapper {
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
.videlis-audiences > .section_wrapper > .mcb-wrap,
.videlis-services > .section_wrapper > .mcb-wrap,
.videlis-values > .section_wrapper > .mcb-wrap,
.videlis-process > .section_wrapper > .mcb-wrap {
display: flex;
}
.videlis-audiences > .section_wrapper > .mcb-wrap:not(:first-child),
.videlis-services > .section_wrapper > .mcb-wrap:not(:first-child),
.videlis-values > .section_wrapper > .mcb-wrap:not(:first-child),
.videlis-process > .section_wrapper > .mcb-wrap:not(:first-child) {
box-sizing: border-box;
padding-inline: 10px;
}
.videlis-audiences .mcb-wrap-inner,
.videlis-services .mcb-wrap-inner,
.videlis-values .mcb-wrap-inner,
.videlis-process .mcb-wrap-inner,
.videlis-audiences .column,
.videlis-services .column,
.videlis-values .column,
.videlis-process .column,
.videlis-audiences .column_attr,
.videlis-services .column_attr,
.videlis-values .column_attr,
.videlis-process .column_attr,
.videlis-audiences .mcb-column-inner,
.videlis-services .mcb-column-inner,
.videlis-values .mcb-column-inner,
.videlis-process .mcb-column-inner {
display: flex;
flex-direction: column;
width: 100%;
}
.videlis-audiences .mcb-wrap-inner > .column,
.videlis-services .mcb-wrap-inner > .column,
.videlis-values .mcb-wrap-inner > .column,
.videlis-process .mcb-wrap-inner > .column,
.videlis-audiences .column > .mcb-column-inner,
.videlis-services .column > .mcb-column-inner,
.videlis-values .column > .mcb-column-inner,
.videlis-process .column > .mcb-column-inner {
flex: 1 1 auto;
}
.videlis-audiences .mcb-column-inner > .column_attr,
.videlis-services .mcb-column-inner > .column_attr,
.videlis-values .mcb-column-inner > .column_attr,
.videlis-process .mcb-column-inner > .column_attr {
flex: 1 1 auto;
}
.videlis-audiences .column_attr > .videlis-card,
.videlis-services .column_attr > .videlis-card,
.videlis-values .column_attr > .videlis-card,
.videlis-process .column_attr > .videlis-process-card {
flex: 1 1 auto;
}
.videlis-about > .section_wrapper > .mcb-wrap,
.videlis-region > .section_wrapper > .mcb-wrap {
display: flex;
}
.videlis-about .mcb-wrap-inner,
.videlis-region .mcb-wrap-inner,
.videlis-about .column,
.videlis-region .column,
.videlis-about .image_frame,
.videlis-region .image_frame,
.videlis-about .image_wrapper,
.videlis-region .image_wrapper {
height: 100%;
}
.videlis-about .column_image > .mcb-column-inner,
.videlis-region .column_image > .mcb-column-inner,
.videlis-about .image_frame,
.videlis-region .image_frame,
.videlis-about .image_wrapper,
.videlis-region .image_wrapper {
display: block !important;
width: 100% !important;
height: 100% !important;
}
.videlis-about .videlis-image-frame img,
.videlis-region .videlis-image-frame img {
height: 100% !important;
object-fit: cover;
}
}
@media (min-width: 768px) and (max-width: 959px) {
.videlis-values > .section_wrapper {
column-gap: 20px;
}
.videlis-values > .section_wrapper > .mcb-wrap:not(:first-child) {
flex: 0 0 calc((100% - 20px) / 2) !important;
width: calc((100% - 20px) / 2) !important;
margin-bottom: 20px;
padding-inline: 0;
}
}
@media (min-width: 960px) and (max-width: 1239px) {
.videlis-values > .section_wrapper {
column-gap: 20px;
}
.videlis-values > .section_wrapper > .mcb-wrap:not(:first-child) {
flex: 0 0 calc((100% - 40px) / 3) !important;
width: calc((100% - 40px) / 3) !important;
margin-bottom: 20px;
padding-inline: 0;
}
} @media (min-width: 1240px) {
.videlis-audiences > .section_wrapper,
.videlis-about > .section_wrapper,
.videlis-services > .section_wrapper,
.videlis-values > .section_wrapper,
.videlis-quote-section > .section_wrapper,
.videlis-process > .section_wrapper,
.videlis-region > .section_wrapper,
.videlis-contact > .section_wrapper {
width: 100% !important;
max-width: none !important;
margin-inline: 0 !important;
padding-inline: max(0px, calc((100vw - var(--videlis-content-width)) / 2)) !important;
}
.videlis-audiences .column_attr,
.videlis-about .column_attr,
.videlis-services .column_attr,
.videlis-values .column_attr,
.videlis-quote-section .column_attr,
.videlis-process .column_attr,
.videlis-region .column_attr,
.videlis-contact .column_attr {
padding-left: 0 !important;
padding-right: 0 !important;
}
.videlis-audiences .mcb-column-inner,
.videlis-about .mcb-column-inner,
.videlis-services .mcb-column-inner,
.videlis-values .mcb-column-inner,
.videlis-quote-section .mcb-column-inner,
.videlis-process .mcb-column-inner,
.videlis-region .mcb-column-inner,
.videlis-contact .mcb-column-inner {
margin-left: 0 !important;
margin-right: 0 !important;
}
.videlis-region .videlis-split-copy,
.videlis-contact .videlis-contact-copy {
padding-left: 0;
}
.videlis-audiences > .section_wrapper,
.videlis-services > .section_wrapper,
.videlis-values > .section_wrapper,
.videlis-process > .section_wrapper {
column-gap: 20px;
}
.videlis-audiences > .section_wrapper > .mcb-wrap:not(:first-child),
.videlis-services > .section_wrapper > .mcb-wrap:not(:first-child),
.videlis-values > .section_wrapper > .mcb-wrap:not(:first-child),
.videlis-process > .section_wrapper > .mcb-wrap:not(:first-child) {
box-sizing: border-box;
padding-inline: 0;
}
.videlis-audiences > .section_wrapper > .mcb-wrap:not(:first-child),
.videlis-services > .section_wrapper > .mcb-wrap:not(:first-child),
.videlis-process > .section_wrapper > .mcb-wrap:not(:first-child) {
flex: 0 0 calc((100% - 40px) / 3) !important;
width: calc((100% - 40px) / 3) !important;
}
.videlis-values > .section_wrapper > .mcb-wrap:not(:first-child) {
flex: 0 0 calc((100% - 80px) / 5) !important;
width: calc((100% - 80px) / 5) !important;
}
}
@media (max-width: 959px) {
.videlis-home-hero {
min-height: 640px;
}
.videlis-home-hero::before {
background: rgba(0, 47, 72, .84);
}
.videlis-split-copy {
padding: 30px 8px 0;
}
}
@media (min-width: 768px) and (max-width: 959px) {
.videlis-about .videlis-split-copy {
padding-left: clamp(28px, 4vw, 40px);
}
}
@media (max-width: 767px) {
.videlis-audiences,
.videlis-about,
.videlis-services,
.videlis-values,
.videlis-process,
.videlis-region,
.videlis-contact {
padding-top: 58px !important;
padding-bottom: 52px !important;
}
.videlis-quote-section {
padding-top: 54px !important;
padding-bottom: 54px !important;
}
.videlis-section-heading {
margin-bottom: 30px;
}
.videlis-home-hero {
min-height: 590px;
}
.videlis-hero-copy h1 {
font-size: clamp(2.7rem, 13vw, 4rem);
}
.videlis-actions {
align-items: stretch;
flex-direction: column;
}
.videlis-button {
width: 100%;
box-sizing: border-box;
}
.videlis-check-list,
.videlis-form-grid {
grid-template-columns: 1fr;
}
.videlis-card,
.videlis-contact-form {
padding: 26px 22px;
}
} .videlis-services-page > .section_wrapper {
width: 100% !important;
max-width: 1240px !important;
box-sizing: border-box;
padding-inline: clamp(22px, 3vw, 44px);
}
.videlis-services-page .column {
margin-bottom: 0 !important;
}
.videlis-services-hero {
position: relative;
isolation: isolate;
min-height: 600px;
}
.videlis-services-hero::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background: linear-gradient(90deg, rgba(0, 47, 72, .96) 0%, rgba(0, 62, 95, .9) 48%, rgba(0, 62, 95, .3) 78%, rgba(0, 62, 95, .16) 100%);
}
.videlis-services-hero__copy {
max-width: 760px;
color: var(--videlis-color-white);
}
.videlis-services-hero__copy .videlis-eyebrow,
.videlis-services-promise .videlis-eyebrow,
.videlis-services-cta .videlis-eyebrow {
color: var(--videlis-color-blue-100);
}
.videlis-services-hero__copy h1 {
max-width: 740px;
margin: 0 0 26px;
color: var(--videlis-color-white);
font-size: clamp(3rem, 5.4vw, 5rem);
font-weight: 700;
line-height: 1.02;
letter-spacing: -.04em;
min-width: 0;
word-break: normal;
overflow-wrap: break-word;
hyphens: auto;
}
.videlis-services-hero__copy > p {
max-width: 660px;
margin-bottom: 0;
color: var(--videlis-color-white);
font-size: clamp(1.15rem, 2vw, 1.4rem);
line-height: 1.55;
}
.videlis-service-detail-card {
display: flex;
flex-direction: column;
height: 100%;
box-sizing: border-box;
padding: clamp(28px, 3vw, 40px);
border: 1px solid var(--videlis-color-blue-100);
border-radius: 6px;
background: var(--videlis-color-white);
box-shadow: 0 14px 40px rgba(0, 47, 72, .07);
}
.videlis-service-detail-card h3 {
margin-bottom: 22px;
font-size: clamp(1.45rem, 2vw, 1.9rem);
line-height: 1.2;
min-width: 0;
word-break: normal;
overflow-wrap: break-word;
hyphens: auto;
}
.videlis-service-list {
margin: 0;
padding: 0;
list-style: none !important;
}
.videlis-service-list li {
position: relative;
margin-bottom: 12px;
padding-left: 24px;
line-height: 1.5;
list-style: none !important;
}
.videlis-service-list li:last-child {
margin-bottom: 0;
}
.videlis-service-list li::before {
content: "";
position: absolute;
left: 0;
top: .6em;
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--videlis-color-primary);
}
.videlis-service-list li::marker {
content: "";
}
.videlis-services-rental-copy,
.videlis-services-technology-copy {
padding-top: 20px;
padding-bottom: 20px;
}
.videlis-services-rental-copy h2,
.videlis-services-technology-copy h2 {
font-size: clamp(2.25rem, 3.4vw, 3.4rem);
}
.videlis-services-rental > .section_wrapper > .mcb-wrap:nth-child(-n+2),
.videlis-services-technology > .section_wrapper > .mcb-wrap:nth-child(-n+2) {
margin-bottom: 54px;
}
.videlis-service-promise {
max-width: 1120px;
margin: 0 auto;
color: var(--videlis-color-white);
}
.videlis-service-promise h2,
.videlis-services-cta h2 {
color: var(--videlis-color-white);
font-size: clamp(2.35rem, 4vw, 3.8rem);
line-height: 1.08;
letter-spacing: -.035em;
min-width: 0;
word-break: normal;
overflow-wrap: break-word;
hyphens: auto;
}
.videlis-service-promise__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
margin: 40px 0 0;
}
.videlis-service-promise__grid article {
padding: 24px 26px;
border: 1px solid rgba(255, 255, 255, .32);
border-radius: 7px;
background: rgba(255, 255, 255, .08);
}
.videlis-service-promise__grid h3 {
margin-bottom: 8px;
color: var(--videlis-color-white);
font-size: clamp(1.2rem, 2vw, 1.55rem);
}
.videlis-service-promise__grid p {
margin: 0;
color: var(--videlis-color-white);
line-height: 1.55;
}
.videlis-services-cta__copy {
max-width: 900px;
color: var(--videlis-color-white);
}
.videlis-services-cta__copy > p {
max-width: 760px;
margin-bottom: 30px;
color: var(--videlis-color-white);
font-size: 1.17rem;
line-height: 1.65;
}
@media (min-width: 768px) {
.videlis-services-overview > .section_wrapper,
.videlis-services-weg > .section_wrapper,
.videlis-services-rental > .section_wrapper,
.videlis-services-technology > .section_wrapper {
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
.videlis-services-page .videlis-service-card-wrap {
display: flex;
box-sizing: border-box;
padding-inline: 10px;
}
.videlis-services-page .videlis-service-card-wrap .mcb-wrap-inner,
.videlis-services-page .videlis-service-card-wrap .column,
.videlis-services-page .videlis-service-card-wrap .mcb-column-inner,
.videlis-services-page .videlis-service-card-wrap .column_attr {
display: flex;
flex: 1 1 auto;
flex-direction: column;
width: 100%;
}
.videlis-services-page .videlis-service-card-wrap .videlis-card,
.videlis-services-page .videlis-service-card-wrap .videlis-service-detail-card {
flex: 1 1 auto;
}
.videlis-services-rental > .section_wrapper > .mcb-wrap:nth-child(-n+2),
.videlis-services-technology > .section_wrapper > .mcb-wrap:nth-child(-n+2) {
display: flex;
}
.videlis-services-rental > .section_wrapper > .mcb-wrap:nth-child(-n+2) .mcb-wrap-inner,
.videlis-services-rental > .section_wrapper > .mcb-wrap:nth-child(-n+2) .column,
.videlis-services-technology > .section_wrapper > .mcb-wrap:nth-child(-n+2) .mcb-wrap-inner,
.videlis-services-technology > .section_wrapper > .mcb-wrap:nth-child(-n+2) .column,
.videlis-services-rental .image_frame,
.videlis-services-rental .image_wrapper,
.videlis-services-technology .image_frame,
.videlis-services-technology .image_wrapper {
height: 100%;
}
.videlis-services-rental .column_image > .mcb-column-inner,
.videlis-services-rental .image_frame,
.videlis-services-rental .image_wrapper,
.videlis-services-technology .column_image > .mcb-column-inner,
.videlis-services-technology .image_frame,
.videlis-services-technology .image_wrapper {
display: block !important;
width: 100% !important;
height: 100% !important;
}
.videlis-services-rental .videlis-image-frame img,
.videlis-services-technology .videlis-image-frame img {
height: 100% !important;
object-fit: cover;
}
}
@media (max-width: 767px) {
.videlis-services-page {
padding-top: 56px !important;
padding-bottom: 52px !important;
}
.videlis-services-hero {
min-height: 560px;
padding-top: 76px !important;
padding-bottom: 76px !important;
}
.videlis-services-hero::before {
background: rgba(0, 47, 72, .86);
}
.videlis-services-hero__copy h1 {
font-size: clamp(2.55rem, 12vw, 3.6rem);
}
.videlis-services-rental > .section_wrapper > .mcb-wrap:nth-child(-n+2),
.videlis-services-technology > .section_wrapper > .mcb-wrap:nth-child(-n+2) {
margin-bottom: 30px;
}
.videlis-service-promise__grid {
grid-template-columns: 1fr;
}
.videlis-service-detail-card {
padding: 26px 22px;
}
} .videlis-about-page > .section_wrapper {
width: 100% !important;
max-width: 1240px !important;
box-sizing: border-box;
padding-inline: clamp(22px, 3vw, 44px);
}
.videlis-about-page .column {
margin-bottom: 0 !important;
}
.videlis-about-hero {
position: relative;
isolation: isolate;
min-height: 600px;
}
.videlis-about-hero::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background: linear-gradient(90deg, rgba(0, 47, 72, .97) 0%, rgba(0, 62, 95, .9) 48%, rgba(0, 62, 95, .34) 78%, rgba(0, 62, 95, .16) 100%);
} @media (min-width: 960px) and (max-width: 1239px) {
.videlis-about-hero {
background-position: 20% 20% !important;
background-size: auto 115% !important;
}
}
@media (min-width: 1240px) {
.videlis-about-hero {
background-position: 20% 38% !important;
background-size: 115% auto !important;
}
}
.videlis-about-hero__copy {
max-width: 760px;
color: var(--videlis-color-white);
}
.videlis-about-hero__copy .videlis-eyebrow,
.videlis-about-quote-section .videlis-eyebrow,
.videlis-about-cta .videlis-eyebrow {
color: var(--videlis-color-blue-100);
}
.videlis-about-hero__copy h1 {
max-width: 730px;
margin: 0 0 26px;
color: var(--videlis-color-white);
font-size: clamp(3rem, 5.4vw, 5rem);
font-weight: 700;
line-height: 1.02;
letter-spacing: -.04em;
min-width: 0;
word-break: normal;
overflow-wrap: break-word;
hyphens: auto;
}
.videlis-about-hero__copy > p {
max-width: 650px;
margin-bottom: 0;
color: var(--videlis-color-white);
font-size: clamp(1.15rem, 2vw, 1.4rem);
line-height: 1.55;
}
.videlis-about-company__copy,
.videlis-about-network__copy {
padding-top: 22px;
padding-bottom: 22px;
} .videlis-about-company__copy {
padding-left: 0;
}
.videlis-about-value-card {
display: flex;
flex-direction: column;
height: 100%;
box-sizing: border-box;
padding: clamp(26px, 3vw, 38px) 18px;
border: 1px solid var(--videlis-color-blue-100);
border-radius: 6px;
background: var(--videlis-color-white);
box-shadow: 0 14px 40px rgba(0, 47, 72, .07);
}
.videlis-about-value-card h3 {
margin-bottom: 18px;
font-size: 1.55rem;
line-height: 1.25;
min-width: 0;
word-break: normal;
overflow-wrap: normal;
hyphens: none;
}
.videlis-about-value-card p {
margin-bottom: 0;
line-height: 1.6;
overflow-wrap: normal;
hyphens: none;
}
.videlis-about-quote {
max-width: 1030px;
margin: 0 auto;
text-align: center;
}
.videlis-about-quote blockquote {
position: static;
top: auto;
bottom: auto;
margin: 0;
padding: 0;
border: 0;
color: var(--videlis-color-white);
font-size: clamp(2.1rem, 4vw, 3.8rem);
font-weight: 700;
line-height: 1.14;
}
.videlis-about-page.videlis-about-quote-section {
padding-top: 64px !important;
padding-bottom: 64px !important;
}
@media (max-width: 767px) {
.videlis-about-page.videlis-about-quote-section {
padding-top: 54px !important;
padding-bottom: 54px !important;
}
}
@media (max-width: 700px) {
.videlis-about-page.videlis-about-quote-section > .section_wrapper {
box-sizing: border-box;
padding-inline: 22px !important;
}
}
.videlis-team-card {
display: grid;
grid-template-columns: 92px minmax(0, 1fr);
gap: 28px;
height: 100%;
min-height: 314px;
box-sizing: border-box;
padding: clamp(28px, 3vw, 40px);
border: 1px solid var(--videlis-color-blue-100);
border-radius: 6px;
background: var(--videlis-color-white);
box-shadow: 0 14px 40px rgba(0, 47, 72, .07);
}
.videlis-team-card__initials {
display: flex;
align-items: center;
justify-content: center;
width: 92px;
height: 92px;
border-radius: 50%;
background: var(--videlis-color-blue-100);
color: var(--videlis-color-blue-700);
font-size: 1.5rem;
font-weight: 700;
}
.videlis-team-card__portrait {
overflow: hidden;
}
.videlis-team-card__portrait img {
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
object-fit: cover;
}
.videlis-team-card__content {
min-width: 0;
}
.videlis-team-card__role {
display: inline-block;
margin-bottom: 8px;
color: var(--videlis-color-primary);
font-size: .82rem;
font-weight: 700;
letter-spacing: .1em;
text-transform: uppercase;
}
.videlis-team-card h3 {
margin-bottom: 8px;
font-size: clamp(1.55rem, 2vw, 2rem);
line-height: 1.2;
min-width: 0;
word-break: normal;
overflow-wrap: break-word;
hyphens: auto;
}
.videlis-team-card__profile {
min-height: 4em;
margin-bottom: 12px;
}
.videlis-team-card__qualification,
.videlis-team-card__function {
margin-bottom: 0;
color: var(--videlis-color-blue-700);
font-weight: 600;
line-height: 1.45;
}
.videlis-team-card__function {
margin-top: 3px;
}
.videlis-team-card__contacts {
margin: 0;
padding: 0;
list-style: none !important;
}
.videlis-team-card__contacts li {
margin-bottom: 6px;
list-style: none !important;
}
.videlis-team-card__contacts li::marker {
content: "";
}
.videlis-team-card__contacts a {
color: var(--videlis-color-blue-700);
text-decoration: underline;
text-decoration-color: var(--videlis-color-blue-300);
text-underline-offset: 3px;
overflow-wrap: anywhere;
} .videlis-about-team > .section_wrapper {
display: grid;
grid-template-columns: minmax(0, 1fr);
grid-template-rows: auto;
grid-auto-rows: 1fr;
gap: 20px;
align-items: stretch;
} .videlis-about-team > .section_wrapper::after {
display: none !important;
content: none !important;
}
.videlis-about-team > .section_wrapper > .mcb-wrap:first-child {
grid-column: 1 / -1;
width: 100% !important;
}
.videlis-about-page.videlis-about-team .videlis-team-card-wrap,
.videlis-about-page.videlis-about-team .videlis-team-card-wrap .mcb-wrap-inner,
.videlis-about-page.videlis-about-team .videlis-team-card-wrap .column,
.videlis-about-page.videlis-about-team .videlis-team-card-wrap .mcb-column-inner,
.videlis-about-page.videlis-about-team .videlis-team-card-wrap .column_attr {
display: flex;
flex: 1 1 auto;
flex-direction: column;
width: 100% !important;
box-sizing: border-box;
}
.videlis-about-page.videlis-about-team .videlis-team-card-wrap {
width: auto !important;
padding: 0 !important;
}
.videlis-about-page.videlis-about-team .videlis-team-card-wrap .videlis-team-card {
flex: 1 1 auto;
}
.videlis-about-cta__copy {
max-width: 900px;
color: var(--videlis-color-white);
}
.videlis-about-cta h2 {
color: var(--videlis-color-white);
font-size: clamp(2.35rem, 4vw, 3.8rem);
line-height: 1.08;
letter-spacing: -.035em;
min-width: 0;
word-break: normal;
overflow-wrap: break-word;
hyphens: auto;
}
.videlis-about-cta__copy > p {
max-width: 760px;
margin-bottom: 30px;
color: var(--videlis-color-white);
font-size: 1.17rem;
line-height: 1.65;
}
@media (min-width: 768px) {
.videlis-about-company > .section_wrapper,
.videlis-about-values > .section_wrapper,
.videlis-about-team > .section_wrapper,
.videlis-about-network > .section_wrapper {
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
.videlis-about-page .videlis-about-card-wrap,
.videlis-about-page .videlis-team-card-wrap {
display: flex;
box-sizing: border-box;
padding: 10px;
}
.videlis-about-page .videlis-about-card-wrap .mcb-wrap-inner,
.videlis-about-page .videlis-about-card-wrap .column,
.videlis-about-page .videlis-about-card-wrap .mcb-column-inner,
.videlis-about-page .videlis-about-card-wrap .column_attr,
.videlis-about-page .videlis-team-card-wrap .mcb-wrap-inner,
.videlis-about-page .videlis-team-card-wrap .column,
.videlis-about-page .videlis-team-card-wrap .mcb-column-inner,
.videlis-about-page .videlis-team-card-wrap .column_attr {
display: flex;
flex: 1 1 auto;
flex-direction: column;
width: 100%;
}
.videlis-about-page .videlis-about-card-wrap .videlis-about-value-card,
.videlis-about-page .videlis-team-card-wrap .videlis-team-card {
flex: 1 1 auto;
}
.videlis-about-team > .section_wrapper {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.videlis-about-company > .section_wrapper > .mcb-wrap,
.videlis-about-network > .section_wrapper > .mcb-wrap {
display: flex;
}
.videlis-about-company .mcb-wrap-inner,
.videlis-about-network .mcb-wrap-inner,
.videlis-about-company .column,
.videlis-about-network .column,
.videlis-about-company .image_frame,
.videlis-about-network .image_frame,
.videlis-about-company .image_wrapper,
.videlis-about-network .image_wrapper {
height: 100%;
}
.videlis-about-company .column_image > .mcb-column-inner,
.videlis-about-network .column_image > .mcb-column-inner,
.videlis-about-company .image_frame,
.videlis-about-network .image_frame,
.videlis-about-company .image_wrapper,
.videlis-about-network .image_wrapper {
display: block !important;
width: 100% !important;
height: 100% !important;
}
.videlis-about-company .videlis-image-frame img,
.videlis-about-network .videlis-image-frame img {
height: 100% !important;
object-fit: cover;
}
}
@media (min-width: 768px) and (max-width: 1100px) {
.videlis-about-values > .section_wrapper > .videlis-about-card-wrap {
width: 50% !important;
}
.videlis-team-card {
min-height: 380px;
}
}
@media (min-width: 768px) and (max-width: 959px) {
.videlis-team-card {
grid-template-columns: 76px minmax(0, 1fr);
gap: 20px;
min-height: 0;
padding: 26px 24px;
}
.videlis-team-card__initials {
width: 76px;
height: 76px;
font-size: 1.25rem;
}
.videlis-team-card__profile {
margin-bottom: 10px;
}
}
@media (min-width: 1101px) {
.videlis-services-technology > .section_wrapper > .videlis-service-card-wrap {
flex: 0 0 calc((100% - 40px) / 3) !important;
width: calc((100% - 40px) / 3) !important;
padding-inline: 0 !important;
}
.videlis-services-technology > .section_wrapper > .videlis-service-card-wrap + .videlis-service-card-wrap {
margin-left: 20px !important;
}
.videlis-about-values > .section_wrapper > .videlis-about-card-wrap {
flex: 0 0 20% !important;
width: 20% !important;
}
}
@media (max-width: 767px) {
.videlis-about-page {
padding-top: 56px !important;
padding-bottom: 52px !important;
}
.videlis-about-hero {
min-height: 560px;
padding-top: 76px !important;
padding-bottom: 76px !important;
}
.videlis-about-hero::before {
background: rgba(0, 47, 72, .87);
}
.videlis-about-hero__copy h1 {
font-size: clamp(2.55rem, 12vw, 3.6rem);
}
.videlis-about-value-card,
.videlis-team-card {
padding: 26px 22px;
}
.videlis-about-page.videlis-about-team .videlis-team-card-wrap {
padding-top: 42px !important;
}
.videlis-team-card {
position: relative;
grid-template-columns: minmax(0, 1fr);
gap: 0;
min-height: 0;
padding: 66px 26px 28px;
}
.videlis-team-card__initials {
position: absolute;
top: -42px;
left: 50%;
width: 84px;
height: 84px;
box-sizing: border-box;
border: 1px solid var(--videlis-color-blue-100);
font-size: 1.25rem;
transform: translateX(-50%);
}
.videlis-team-card__content {
width: 100%;
}
}
@media (max-width: 959px) {
.videlis-about-page .videlis-team-card__contacts {
margin-left: 0 !important;
margin-right: 0 !important;
}
} .videlis-career-page > .section_wrapper {
width: 100% !important;
max-width: 1240px !important;
box-sizing: border-box;
padding-inline: clamp(22px, 3vw, 44px);
}
.videlis-career-page .column {
margin-bottom: 0 !important;
}
.videlis-career-hero {
position: relative;
isolation: isolate;
min-height: 580px;
}
.videlis-career-hero::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background: linear-gradient(90deg, rgba(0, 47, 72, .97) 0%, rgba(0, 62, 95, .9) 48%, rgba(0, 62, 95, .35) 78%, rgba(0, 62, 95, .18) 100%);
}
.videlis-career-hero__copy {
max-width: 760px;
color: var(--videlis-color-white);
}
.videlis-career-hero__copy .videlis-eyebrow {
color: var(--videlis-color-blue-100);
}
.videlis-career-hero__copy h1 {
max-width: 760px;
margin: 0 0 26px;
color: var(--videlis-color-white);
font-size: clamp(3rem, 5.2vw, 5rem);
font-weight: 700;
line-height: 1.02;
letter-spacing: -.04em;
}
.videlis-career-hero__copy > p {
max-width: 680px;
margin-bottom: 0;
color: var(--videlis-color-white);
font-size: clamp(1.15rem, 2vw, 1.4rem);
line-height: 1.55;
}
.videlis-career-intro > .section_wrapper {
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
.videlis-career-card-wrap {
display: flex;
box-sizing: border-box;
padding: 10px;
}
.videlis-career-card-wrap .mcb-wrap-inner,
.videlis-career-card-wrap .column,
.videlis-career-card-wrap .mcb-column-inner,
.videlis-career-card-wrap .column_attr {
display: flex;
flex: 1 1 auto;
flex-direction: column;
width: 100%;
}
.videlis-career-card {
display: flex;
flex: 1 1 auto;
flex-direction: column;
box-sizing: border-box;
padding: clamp(26px, 3vw, 36px);
border: 1px solid var(--videlis-color-blue-100);
border-radius: 6px;
background: var(--videlis-color-white);
box-shadow: 0 14px 40px rgba(0, 47, 72, .07);
}
.videlis-career-card h3 {
margin-bottom: 14px;
font-size: clamp(1.45rem, 2vw, 1.85rem);
line-height: 1.18;
}
.videlis-career-card p {
margin-bottom: 0;
line-height: 1.6;
}
.videlis-job-list {
display: grid;
gap: 18px;
}
.videlis-job-profile {
border: 1px solid var(--videlis-color-blue-100);
border-radius: 6px;
background: var(--videlis-color-white);
box-shadow: 0 14px 40px rgba(0, 47, 72, .07);
overflow: hidden;
}
.videlis-job-profile summary {
display: grid;
grid-template-columns: 54px minmax(0, 1fr) 34px;
align-items: center;
gap: 22px;
min-height: 118px;
box-sizing: border-box;
padding: 24px 30px;
cursor: pointer;
list-style: none;
}
.videlis-job-profile summary::-webkit-details-marker {
display: none;
}
.videlis-job-profile summary:hover,
.videlis-job-profile summary:focus-visible {
background: #f7fafb;
}
.videlis-job-profile summary:focus-visible {
outline: 3px solid var(--videlis-color-blue-300);
outline-offset: -3px;
}
.videlis-job-profile__number {
display: inline-flex;
align-items: center;
justify-content: center;
width: 54px;
height: 54px;
border-radius: 50%;
background: var(--videlis-color-blue-100);
color: var(--videlis-color-blue-700);
font-weight: 700;
}
.videlis-job-profile__summary {
display: grid;
gap: 5px;
}
.videlis-job-profile__summary strong {
color: var(--videlis-color-blue-700);
font-size: clamp(1.35rem, 2.3vw, 1.85rem);
line-height: 1.18;
}
.videlis-job-profile__summary > span {
color: #536675;
line-height: 1.5;
}
.videlis-job-profile__toggle {
position: relative;
width: 28px;
height: 28px;
}
.videlis-job-profile__toggle::before,
.videlis-job-profile__toggle::after {
content: "";
position: absolute;
top: 13px;
left: 4px;
width: 20px;
height: 2px;
background: var(--videlis-color-primary);
transition: transform .2s ease;
}
.videlis-job-profile__toggle::after {
transform: rotate(90deg);
}
.videlis-job-profile[open] .videlis-job-profile__toggle::after {
transform: rotate(0);
}
.videlis-job-profile__content {
padding: 8px 30px 34px 106px;
border-top: 1px solid var(--videlis-color-blue-100);
color: #263945;
}
.videlis-job-profile__content > p:first-child {
margin-top: 26px;
}
.videlis-job-profile__content h3 {
margin-top: 30px;
margin-bottom: 14px;
font-size: clamp(1.25rem, 2vw, 1.55rem);
}
.videlis-job-profile__content li {
margin-bottom: 8px;
color: #263945;
line-height: 1.55;
}
.videlis-job-apply {
margin-top: 14px;
}
.videlis-jobs-empty {
padding: 34px;
border: 1px solid var(--videlis-color-blue-100);
border-radius: 6px;
background: var(--videlis-color-white);
}
.videlis-career-application > .section_wrapper {
display: flex;
align-items: flex-start;
}
.videlis-career-application__intro,
.videlis-career-form {
box-sizing: border-box;
border-radius: 6px;
}
.videlis-career-application__intro {
padding: 36px clamp(26px, 3vw, 42px) 36px 0;
}
.videlis-career-application__intro a {
font-weight: 600;
text-decoration: underline;
text-underline-offset: 3px;
}
.videlis-career-form {
padding: clamp(28px, 4vw, 48px);
border: 1px solid var(--videlis-color-blue-100);
background: var(--videlis-color-white);
box-shadow: 0 14px 40px rgba(0, 47, 72, .08);
}
.videlis-career-form h2 {
margin-bottom: 12px;
}
.videlis-career-form .videlis-form-field {
margin-bottom: 22px;
}
.videlis-career-form label:not(.wpcf7-list-item-label),
.videlis-career-uploads legend {
display: block;
margin-bottom: 8px;
color: var(--videlis-color-blue-700);
font-weight: 700;
}
.videlis-career-form input:not([type="checkbox"]):not([type="submit"]),
.videlis-career-form select,
.videlis-career-form textarea {
width: 100%;
box-sizing: border-box;
border: 1px solid #55788d;
background: var(--videlis-color-white);
}
.videlis-career-form input:focus,
.videlis-career-form select:focus,
.videlis-career-form textarea:focus {
border-color: var(--videlis-color-primary);
box-shadow: 0 0 0 3px rgba(0, 77, 118, .16);
outline: 0;
}
.videlis-career-uploads {
margin: 4px 0 22px;
padding: 22px;
border: 1px solid var(--videlis-color-blue-100);
border-radius: 5px;
}
.videlis-career-form .videlis-career-uploads .videlis-form-row.videlis-form-row--two {
grid-template-columns: minmax(0, 1fr);
gap: 22px;
}
.videlis-career-form .videlis-career-uploads .videlis-form-field {
margin-bottom: 0;
}
.videlis-career-form .wpcf7-list-item {
margin: 0;
}
.videlis-career-form .wpcf7-list-item > label {
display: grid;
grid-template-columns: 22px minmax(0, 1fr);
align-items: start;
gap: 10px;
}
.videlis-career-form .wpcf7-acceptance input[type="checkbox"] {
width: 20px !important;
height: 20px !important;
min-width: 20px;
margin: 2px 0 0 !important;
}
.videlis-career-form .wpcf7-submit {
width: auto;
min-width: 220px;
margin: 12px 0 0;
padding: 16px 24px;
border: 1px solid var(--videlis-color-primary);
border-radius: 4px;
background: var(--videlis-color-primary);
color: var(--videlis-color-white);
font-weight: 700;
}
.videlis-career-form .wpcf7-submit:hover,
.videlis-career-form .wpcf7-submit:focus-visible {
border-color: var(--videlis-color-blue-700);
background: var(--videlis-color-blue-700);
color: var(--videlis-color-white);
}
@media (max-width: 959px) {
.videlis-career-application > .section_wrapper {
display: block;
}
.videlis-career-application-intro-wrap,
.videlis-career-application-form-wrap {
width: 100% !important;
}
.videlis-career-application__intro {
padding-right: 0;
padding-bottom: 36px;
}
}
@media (max-width: 767px) {
.videlis-career-page {
padding-top: 56px !important;
padding-bottom: 52px !important;
}
.videlis-career-hero {
min-height: 560px;
padding-top: 76px !important;
padding-bottom: 76px !important;
}
.videlis-career-hero::before {
background: rgba(0, 47, 72, .88);
}
.videlis-career-hero__copy h1 {
font-size: clamp(2.55rem, 12vw, 3.6rem);
}
.videlis-career-card-wrap {
width: 100% !important;
padding-inline: 0;
}
.videlis-job-profile summary {
position: relative;
grid-template-columns: 44px minmax(0, 1fr);
gap: 14px;
padding: 20px 48px 20px 18px;
}
.videlis-job-profile__summary strong {
font-size: 1.25rem;
}
.videlis-job-profile__toggle {
position: absolute;
top: 26px;
right: 16px;
}
.videlis-job-profile__number {
width: 44px;
height: 44px;
}
.videlis-job-profile__content {
padding: 4px 20px 28px;
}
.videlis-career-form {
padding: 28px 22px;
}
.videlis-career-uploads {
padding: 18px;
}
.videlis-career-form .wpcf7-submit {
width: 100%;
}
} @media (min-width: 1024px) {
h1,
h2,
h3 {
-webkit-hyphens: none !important;
hyphens: none !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
} .videlis-tenant-page > .section_wrapper,
.videlis-damage-page > .section_wrapper,
.videlis-links-page > .section_wrapper {
width: 100% !important;
max-width: 1240px !important;
box-sizing: border-box;
padding-inline: clamp(22px, 3vw, 44px);
}
.videlis-tenant-page .column,
.videlis-damage-page .column,
.videlis-links-page .column {
margin-bottom: 0 !important;
}
.videlis-tenant-hero {
position: relative;
min-height: 560px;
isolation: isolate;
}
.videlis-tenant-hero::before {
position: absolute;
z-index: -1;
inset: 0;
content: "";
background: linear-gradient(90deg, rgba(0, 47, 72, .94) 0%, rgba(0, 47, 72, .82) 48%, rgba(0, 47, 72, .28) 100%);
}
.videlis-tenant-hero__copy {
max-width: 720px;
color: var(--videlis-color-white);
}
.videlis-tenant-hero__copy .videlis-eyebrow {
color: var(--videlis-color-blue-100);
}
.videlis-tenant-hero__copy h1 {
margin: 0 0 26px;
color: var(--videlis-color-white);
font-size: clamp(3rem, 5.4vw, 5rem);
font-weight: 700;
line-height: 1.02;
letter-spacing: -.04em;
}
.videlis-tenant-hero__copy > p {
max-width: 660px;
margin-bottom: 0;
color: var(--videlis-color-white);
font-size: clamp(1.15rem, 2vw, 1.4rem);
line-height: 1.55;
}
.videlis-tenant-card,
.videlis-link-card {
display: flex;
flex-direction: column;
height: 100%;
box-sizing: border-box;
padding: clamp(28px, 3vw, 40px);
border: 1px solid var(--videlis-color-blue-100);
border-radius: 6px;
background: var(--videlis-color-white);
box-shadow: 0 14px 40px rgba(0, 47, 72, .07);
}
.videlis-tenant-card h3,
.videlis-link-card h3 {
margin-bottom: 16px;
font-size: clamp(1.6rem, 2vw, 2rem);
line-height: 1.2;
}
.videlis-tenant-card p,
.videlis-link-card p {
margin-bottom: 24px;
line-height: 1.65;
}
.videlis-tenant-card .videlis-button,
.videlis-link-card .videlis-text-link {
margin-top: auto;
align-self: flex-start;
}
.videlis-tenant-card--portal {
border-color: var(--videlis-color-primary);
box-shadow: 0 16px 44px rgba(0, 77, 118, .13);
}
.videlis-tenant-info {
background: var(--videlis-color-blue-050);
}
.videlis-tenant-info__copy {
padding-top: 24px;
padding-bottom: 24px;
}
.videlis-tenant-info__copy a,
.videlis-emergency-note a {
font-weight: 700;
text-decoration: underline;
text-underline-offset: 3px;
}
.videlis-damage-info {
padding: 20px clamp(18px, 4vw, 54px) 20px 0;
}
.videlis-damage-info h2,
.videlis-damage-form h2,
.videlis-links-note h2 {
font-size: clamp(2.25rem, 4vw, 3.8rem);
line-height: 1.08;
letter-spacing: -.035em;
}
.videlis-emergency-note {
box-sizing: border-box;
margin: 0;
padding: clamp(28px, 4vw, 44px);
border-left: 4px solid var(--videlis-color-primary);
background: var(--videlis-color-white);
}
.videlis-emergency-note h2 {
margin-bottom: 18px;
color: var(--videlis-color-blue-700);
font-size: clamp(2rem, 3vw, 3rem);
line-height: 1.08;
letter-spacing: -.025em;
}
.videlis-emergency-note p {
margin-bottom: 0;
}
.videlis-damage-form {
box-sizing: border-box;
padding: clamp(28px, 4vw, 48px);
border-radius: 7px;
background: var(--videlis-color-white);
box-shadow: 0 22px 54px rgba(0, 47, 72, .14);
}
.videlis-damage-form > p {
margin-bottom: 26px;
color: var(--videlis-color-blue-700);
}
.videlis-damage-form__fields {
display: grid;
gap: 22px;
}
.videlis-form-row {
display: grid;
gap: 22px;
}
.videlis-damage-form .videlis-form-field,
.videlis-damage-form .videlis-form-submit,
.videlis-damage-form .videlis-form-consent {
margin: 0;
}
.videlis-damage-form label {
display: block;
margin-bottom: 8px;
color: var(--videlis-color-blue-700);
font-weight: 700;
}
.videlis-damage-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.videlis-damage-form select,
.videlis-damage-form textarea {
width: 100%;
box-sizing: border-box;
margin: 0;
border: 1px solid var(--videlis-color-blue-400);
border-radius: 2px;
background: var(--videlis-color-white);
color: var(--videlis-color-black);
font: inherit;
}
.videlis-damage-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.videlis-damage-form select {
min-height: 48px;
padding: 10px 12px;
}
.videlis-damage-form textarea {
min-height: 170px;
padding: 12px;
resize: vertical;
}
.videlis-damage-uploads {
min-width: 0;
margin: 4px 0 0;
padding: 22px;
border: 1px solid var(--videlis-color-blue-400);
border-radius: 4px;
}
.videlis-damage-uploads legend {
margin: 0;
padding: 0 8px;
color: var(--videlis-color-blue-700);
font-size: 1rem;
font-weight: 700;
}
.videlis-damage-uploads legend span {
font-weight: 400;
}
.videlis-damage-form .videlis-form-help {
margin: 0 0 20px;
color: #415966;
font-size: .94rem;
line-height: 1.55;
}
.videlis-damage-uploads__fields {
display: grid;
gap: 18px;
}
.videlis-damage-form input[type="file"],
.videlis-career-form input[type="file"] {
min-height: 50px;
padding: 5px;
font-size: .94rem;
cursor: pointer;
}
.videlis-damage-form input[type="file"]::file-selector-button,
.videlis-career-form input[type="file"]::file-selector-button {
min-height: 38px;
margin-right: 12px;
padding: 8px 14px;
border: 0;
border-radius: 2px;
background: #e6f0f4;
color: var(--videlis-color-blue-700);
font: inherit;
font-weight: 700;
cursor: pointer;
}
.videlis-damage-form input[type="file"]:hover::file-selector-button,
.videlis-career-form input[type="file"]:hover::file-selector-button {
background: #d5e6ed;
}
.videlis-damage-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):focus,
.videlis-damage-form select:focus,
.videlis-damage-form textarea:focus {
border-color: var(--videlis-color-primary);
box-shadow: 0 0 0 3px rgba(0, 77, 118, .16);
}
.videlis-damage-form input[type="file"]:focus-visible::file-selector-button,
.videlis-career-form input[type="file"]:focus-visible::file-selector-button {
outline: 2px solid var(--videlis-color-primary);
outline-offset: 2px;
}
.videlis-damage-form .videlis-file-control,
.videlis-career-form .videlis-file-control {
position: relative;
display: block;
}
.videlis-damage-form .videlis-file-control input[type="file"],
.videlis-career-form .videlis-file-control input[type="file"] {
padding-right: 54px;
}
.videlis-damage-form .videlis-file-remove,
.videlis-career-form .videlis-file-remove {
position: absolute;
top: 50%;
right: 6px;
z-index: 1;
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
min-width: 40px;
min-height: 40px;
margin: 0;
padding: 0;
transform: translateY(-50%);
border: 2px solid #a3001b;
border-radius: 50%;
background: var(--videlis-color-white);
color: #a3001b;
font: inherit;
font-size: 1.65rem;
font-weight: 700;
line-height: 1;
cursor: pointer;
}
.videlis-damage-form .videlis-file-remove::before,
.videlis-career-form .videlis-file-remove::before {
position: absolute;
top: -2px;
right: calc(100% + 2px);
bottom: -2px;
width: 16px;
background: var(--videlis-color-white);
content: "";
pointer-events: none;
}
.videlis-damage-form .videlis-file-remove[hidden],
.videlis-career-form .videlis-file-remove[hidden] {
display: none;
}
.videlis-damage-form .videlis-file-remove:hover,
.videlis-career-form .videlis-file-remove:hover {
background: #a3001b;
color: var(--videlis-color-white);
}
.videlis-damage-form .videlis-file-remove:focus-visible,
.videlis-career-form .videlis-file-remove:focus-visible {
outline: 3px solid var(--videlis-color-primary);
outline-offset: 3px;
}
.videlis-contact-form .wpcf7-list-item,
.videlis-damage-form .wpcf7-list-item {
margin: 0;
}
.videlis-contact-form .wpcf7-list-item > label,
.videlis-damage-form .wpcf7-list-item > label {
display: flex;
align-items: flex-start;
gap: 10px;
margin: 0;
font-weight: 400;
line-height: 1.5;
cursor: pointer;
}
.videlis-contact-form .wpcf7-acceptance input[type="checkbox"],
.videlis-damage-form .wpcf7-acceptance input[type="checkbox"] {
appearance: auto !important;
flex: 0 0 20px;
width: 20px !important;
height: 20px !important;
min-height: 0 !important;
margin: 2px 0 0 !important;
padding: 0 !important;
border: 1px solid var(--videlis-color-blue-400);
border-radius: 2px;
box-shadow: none;
accent-color: var(--videlis-color-primary);
}
.videlis-damage-form .wpcf7-submit {
width: auto;
min-height: 50px;
padding: 12px 28px;
border: 0;
border-radius: 3px;
background: var(--videlis-color-primary);
color: var(--videlis-color-white);
font-weight: 700;
cursor: pointer;
}
.videlis-link-card__label {
display: inline-block;
margin-bottom: 18px;
color: var(--videlis-color-primary);
font-size: .82rem;
font-weight: 700;
letter-spacing: .1em;
text-transform: uppercase;
}
.videlis-link-card--featured {
border-top: 5px solid var(--videlis-color-primary);
}
.videlis-links-note {
max-width: 900px;
}
.videlis-links-note .videlis-button {
margin-top: 12px;
}
@media (min-width: 768px) {
.videlis-tenant-services > .section_wrapper,
.videlis-tenant-info > .section_wrapper,
.videlis-damage-guidance-section > .section_wrapper,
.videlis-damage-form-section > .section_wrapper,
.videlis-links-grid > .section_wrapper {
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
.videlis-tenant-card-wrap,
.videlis-link-card-wrap {
display: flex;
box-sizing: border-box;
padding: 10px;
}
.videlis-tenant-card-wrap .mcb-wrap-inner,
.videlis-tenant-card-wrap .column,
.videlis-tenant-card-wrap .mcb-column-inner,
.videlis-tenant-card-wrap .column_attr,
.videlis-link-card-wrap .mcb-wrap-inner,
.videlis-link-card-wrap .column,
.videlis-link-card-wrap .mcb-column-inner,
.videlis-link-card-wrap .column_attr {
display: flex;
flex: 1 1 auto;
flex-direction: column;
width: 100%;
}
.videlis-tenant-info > .section_wrapper > .mcb-wrap,
.videlis-damage-guidance-section > .section_wrapper > .mcb-wrap,
.videlis-damage-form-section > .section_wrapper > .mcb-wrap {
display: flex;
}
.videlis-damage-guidance-section .mcb-wrap-inner,
.videlis-damage-guidance-section .column,
.videlis-damage-guidance-section .mcb-column-inner,
.videlis-damage-guidance-section .column_attr {
display: flex;
flex: 1 1 auto;
flex-direction: column;
width: 100%;
}
.videlis-damage-guidance-section .mcb-column-inner {
width: calc(100% - 24px);
}
.videlis-damage-info,
.videlis-emergency-note {
height: 100%;
}
.videlis-form-row--two,
.videlis-damage-uploads__fields {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.videlis-tenant-info .mcb-wrap-inner,
.videlis-tenant-info .column,
.videlis-tenant-info .image_frame,
.videlis-tenant-info .image_wrapper {
height: 100%;
}
.videlis-tenant-info .column_image > .mcb-column-inner,
.videlis-tenant-info .image_frame,
.videlis-tenant-info .image_wrapper {
display: block !important;
width: 100% !important;
height: 100% !important;
}
.videlis-tenant-info .videlis-image-frame img {
height: 100% !important;
object-fit: cover;
}
}
@media (min-width: 768px) and (max-width: 1100px) {
.videlis-tenant-card-wrap,
.videlis-link-card-wrap {
width: 50% !important;
}
}
@media (max-width: 767px) {
.videlis-tenant-page,
.videlis-damage-page,
.videlis-links-page {
padding-top: 56px !important;
padding-bottom: 52px !important;
}
.videlis-tenant-hero {
min-height: 560px;
padding-top: 76px !important;
padding-bottom: 76px !important;
}
.videlis-tenant-hero::before {
background: rgba(0, 47, 72, .88);
}
.videlis-tenant-hero__copy h1 {
font-size: clamp(2.55rem, 12vw, 3.6rem);
}
.videlis-tenant-card,
.videlis-link-card {
padding: 28px 22px;
}
.videlis-damage-info {
padding: 0 0 26px;
}
.videlis-emergency-note {
margin-bottom: 6px;
}
.videlis-damage-uploads {
padding: 18px;
}
} .videlis-contact-page:not(.videlis-contact-map-section) > .section_wrapper {
width: 100% !important;
max-width: 1240px !important;
box-sizing: border-box;
padding-inline: clamp(22px, 3vw, 44px);
}
.videlis-contact-page .column {
margin-bottom: 0 !important;
}
.videlis-contact-hero {
position: relative;
isolation: isolate;
min-height: 570px;
}
.videlis-contact-hero::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background: linear-gradient(90deg, rgba(0, 47, 72, .97) 0%, rgba(0, 62, 95, .91) 48%, rgba(0, 62, 95, .38) 76%, rgba(0, 62, 95, .18) 100%);
}
.videlis-contact-hero__copy {
max-width: 730px;
color: var(--videlis-color-white);
}
.videlis-contact-hero__copy .videlis-eyebrow {
color: var(--videlis-color-blue-100);
}
.videlis-contact-hero__copy h1 {
max-width: 720px;
margin: 0 0 26px;
color: var(--videlis-color-white);
font-size: clamp(3rem, 5.4vw, 5rem);
font-weight: 700;
line-height: 1.02;
letter-spacing: -.04em;
}
.videlis-contact-hero__copy > p {
max-width: 650px;
margin-bottom: 0;
color: var(--videlis-color-white);
font-size: clamp(1.15rem, 2vw, 1.4rem);
line-height: 1.55;
}
.videlis-contact-main > .section_wrapper {
display: flex;
align-items: stretch;
}
.videlis-contact-details-wrap,
.videlis-contact-form-wrap {
height: auto;
align-self: stretch;
}
.videlis-contact-details-wrap > .mcb-wrap-inner,
.videlis-contact-form-wrap > .mcb-wrap-inner,
.videlis-contact-details-wrap .column,
.videlis-contact-form-wrap .column,
.videlis-contact-details-wrap .column_attr,
.videlis-contact-form-wrap .column_attr {
display: flex;
height: 100%;
box-sizing: border-box;
}
.videlis-contact-details-card,
.videlis-contact-page-form {
width: 100%;
box-sizing: border-box;
border-radius: 7px;
}
.videlis-contact-details-card {
display: flex;
flex-direction: column;
padding: clamp(30px, 3.4vw, 48px);
background: var(--videlis-color-primary);
box-shadow: 0 18px 46px rgba(0, 47, 72, .12);
color: var(--videlis-color-white);
}
.videlis-contact-details-card .videlis-eyebrow {
color: var(--videlis-color-blue-100);
}
.videlis-contact-details-card h2 {
margin-bottom: 34px;
color: var(--videlis-color-white);
font-size: clamp(2rem, 3vw, 3rem);
}
.videlis-contact-details-card address {
display: grid;
gap: 4px;
margin-bottom: 34px;
font-style: normal;
font-size: 1.08rem;
line-height: 1.55;
}
.videlis-contact-details-card address strong {
margin-bottom: 7px;
color: var(--videlis-color-white);
}
.videlis-contact-channels {
display: grid;
gap: 26px;
margin: 0 0 36px !important;
padding: 0;
list-style: none;
}
.videlis-contact-channels li {
display: grid;
gap: 3px;
margin: 0;
list-style: none;
}
.videlis-contact-channels li::marker {
content: "";
}
.videlis-contact-channels span {
color: var(--videlis-color-blue-100);
font-size: .84rem;
font-weight: 700;
letter-spacing: .12em;
text-transform: uppercase;
}
.videlis-contact-channels a {
color: var(--videlis-color-white);
font-size: clamp(1.3rem, 1.7vw, 1.5rem);
font-weight: 600;
line-height: 1.35;
text-decoration-thickness: 1px;
text-underline-offset: 4px;
}
.videlis-contact-channels a:visited {
color: var(--videlis-color-white);
}
.videlis-contact-channels a[href^="tel"]:not(.action_button):not(.button) {
color: var(--videlis-color-white);
}
.videlis-contact-channels a:hover,
.videlis-contact-channels a:focus-visible {
color: var(--videlis-color-blue-100);
}
.videlis-contact-channels p {
margin: 0;
color: var(--videlis-color-white);
font-size: clamp(1.22rem, 1.55vw, 1.4rem);
line-height: 1.45;
}
.videlis-contact-details-card__note {
margin: auto 0 0;
padding-top: 24px;
border-top: 1px solid rgba(255, 255, 255, .25);
color: var(--videlis-color-white);
}
.videlis-contact-page-form {
padding: clamp(30px, 3.4vw, 48px);
background: var(--videlis-color-white);
box-shadow: 0 18px 46px rgba(0, 47, 72, .09);
}
.videlis-contact-page-form h2 {
margin-bottom: 14px;
font-size: clamp(2rem, 3vw, 3rem);
}
.videlis-contact-page-form > p {
margin-bottom: 30px;
color: var(--videlis-color-grey-700, #4c5961);
}
.videlis-contact-object-fields {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 18px;
min-width: 0;
margin: 4px 0;
padding: 24px 22px 22px;
border: 1px solid var(--videlis-color-blue-100);
border-radius: 5px;
background: var(--videlis-color-blue-050);
}
.videlis-contact-object-fields legend {
float: left;
width: 100%;
box-sizing: border-box;
margin: 0 0 18px;
padding: 0;
color: var(--videlis-color-blue-700);
font-size: 1.05rem;
font-weight: 700;
line-height: 1.4;
}
.videlis-contact-object-fields legend + .videlis-form-field {
clear: both;
}
.videlis-contact-object-fields--outline {
padding: 22px;
border-color: var(--videlis-color-blue-400);
background: transparent;
}
.videlis-contact-object-fields--outline legend {
float: none;
width: auto;
margin: 0;
padding: 0 8px;
line-height: 1.4;
}
.videlis-contact-object-fields--outline legend + .videlis-form-field {
clear: none;
}
.videlis-contact-object-fields legend span {
font-size: .9rem;
font-weight: 400;
}
.videlis-contact-map-section,
.videlis-contact-map-section > .section_wrapper,
.videlis-contact-map-section .mcb-wrap,
.videlis-contact-map-section .mcb-wrap-inner,
.videlis-contact-map-section .column,
.videlis-contact-map-section .column_attr {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
.videlis-google-map {
position: relative;
width: 100%;
height: 480px;
overflow: hidden;
background: var(--videlis-color-blue-050, #f0f5f7);
}
.videlis-google-map iframe {
display: block;
width: 100%;
height: 100%;
border: 0;
}
.videlis-google-map__link {
position: absolute;
right: clamp(18px, 3vw, 42px);
bottom: 22px;
z-index: 2;
padding: 12px 17px;
border: 1px solid var(--videlis-color-blue-100);
border-radius: 4px;
background: rgba(255, 255, 255, .96);
box-shadow: 0 8px 24px rgba(0, 47, 72, .18);
color: var(--videlis-color-primary);
font-weight: 700;
text-decoration: none;
}
.videlis-google-map__link:hover,
.videlis-google-map__link:focus-visible {
background: var(--videlis-color-primary);
color: var(--videlis-color-white);
}
@media (min-width: 1240px) {
.videlis-contact-page:not(.videlis-contact-map-section) > .section_wrapper {
max-width: none !important;
margin-inline: 0 !important;
padding-inline: max(0px, calc((100vw - var(--videlis-content-width)) / 2)) !important;
}
}
@media (min-width: 768px) and (max-width: 959px) {
.videlis-google-map {
height: 420px;
}
}
@media (max-width: 767px) {
.videlis-contact-hero {
min-height: 540px;
padding-top: 76px !important;
padding-bottom: 76px !important;
}
.videlis-contact-hero::before {
background: rgba(0, 47, 72, .88);
}
.videlis-contact-hero__copy h1 {
font-size: clamp(2.55rem, 12vw, 3.6rem);
}
.videlis-contact-main > .section_wrapper {
display: block;
}
.videlis-contact-details-wrap,
.videlis-contact-form-wrap,
.videlis-contact-details-wrap > .mcb-wrap-inner,
.videlis-contact-form-wrap > .mcb-wrap-inner,
.videlis-contact-details-wrap .column,
.videlis-contact-form-wrap .column,
.videlis-contact-details-wrap .column_attr,
.videlis-contact-form-wrap .column_attr {
display: block;
height: auto;
}
.videlis-contact-details-wrap {
margin-bottom: 24px !important;
}
.videlis-contact-details-card,
.videlis-contact-page-form {
padding: 28px 22px;
}
.videlis-google-map {
height: 360px;
}
.videlis-google-map__link {
right: 16px;
bottom: 16px;
left: 16px;
text-align: center;
}
} .videlis-faq-page > .section_wrapper {
width: 100% !important;
max-width: 1240px !important;
box-sizing: border-box;
padding-inline: clamp(22px, 3vw, 44px);
}
.videlis-faq-page .column {
margin-bottom: 0 !important;
}
.videlis-faq-hero {
position: relative;
isolation: isolate;
min-height: 480px;
overflow: hidden;
}
.videlis-faq-hero::after {
content: "";
position: absolute;
top: -45%;
right: -8%;
z-index: -1;
width: min(58vw, 820px);
aspect-ratio: 1;
border: 1px solid rgba(255, 255, 255, .14);
border-radius: 50%;
box-shadow:
0 0 0 90px rgba(255, 255, 255, .035),
0 0 0 180px rgba(255, 255, 255, .025);
}
.videlis-faq-hero__copy {
max-width: 740px;
color: var(--videlis-color-white);
}
.videlis-faq-hero__copy .videlis-eyebrow,
.videlis-faq-cta .videlis-eyebrow {
color: var(--videlis-color-blue-100);
}
.videlis-faq-hero__copy h1 {
max-width: 720px;
margin: 0 0 26px;
color: var(--videlis-color-white);
font-size: clamp(3rem, 5.4vw, 5rem);
font-weight: 700;
line-height: 1.02;
letter-spacing: -.04em;
}
.videlis-faq-hero__copy > p {
max-width: 660px;
margin-bottom: 0;
color: var(--videlis-color-white);
font-size: clamp(1.15rem, 2vw, 1.4rem);
line-height: 1.55;
}
.videlis-faq-heading {
max-width: 820px;
}
.videlis-faq-list-wrap,
.videlis-faq-list-wrap > .mcb-wrap-inner,
.videlis-faq-list-wrap .column,
.videlis-faq-list-wrap .column_attr {
width: 100%;
}
.videlis-faq-list {
display: grid;
gap: clamp(38px, 5vw, 60px);
width: 100%;
}
.videlis-faq-group {
margin: 0;
}
.videlis-faq-group h3 {
margin: 0 0 18px;
color: var(--videlis-color-primary);
font-size: clamp(1.45rem, 2.3vw, 2rem);
line-height: 1.2;
}
.videlis-faq-item {
margin: 0 0 12px;
border: 1px solid var(--videlis-color-blue-100);
border-radius: 6px;
background: var(--videlis-color-white);
box-shadow: 0 10px 30px rgba(0, 47, 72, .045);
transition: border-color .2s ease, box-shadow .2s ease;
}
.videlis-faq-item:last-child {
margin-bottom: 0;
}
.videlis-faq-item[open] {
border-color: var(--videlis-color-blue-300);
box-shadow: 0 16px 38px rgba(0, 47, 72, .09);
}
.videlis-faq-item summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
min-height: 76px;
box-sizing: border-box;
padding: 18px clamp(20px, 3vw, 32px);
cursor: pointer;
color: var(--videlis-color-blue-700);
font-size: clamp(1.08rem, 1.8vw, 1.3rem);
font-weight: 700;
line-height: 1.35;
list-style: none;
}
.videlis-faq-item summary::-webkit-details-marker {
display: none;
}
.videlis-faq-item summary::after {
content: "+";
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 38px;
width: 38px;
height: 38px;
border-radius: 50%;
background: var(--videlis-color-blue-050);
color: var(--videlis-color-primary);
font-size: 1.65rem;
font-weight: 400;
line-height: 1;
transition: transform .2s ease, background-color .2s ease, color .2s ease;
}
.videlis-faq-item[open] summary::after {
transform: rotate(45deg);
background: var(--videlis-color-primary);
color: var(--videlis-color-white);
}
.videlis-faq-item summary:hover::after {
background: var(--videlis-color-blue-100);
}
.videlis-faq-item summary:focus-visible {
outline: 3px solid var(--videlis-color-blue-300);
outline-offset: 3px;
}
.videlis-faq-item__answer {
padding: 0 clamp(20px, 3vw, 32px) 24px;
}
.videlis-faq-item__answer p {
max-width: 920px;
margin: 0;
color: #34444d;
font-size: 1.08rem;
line-height: 1.65;
}
.videlis-faq-item__answer a {
font-weight: 650;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
}
.videlis-faq-cta__copy {
max-width: 850px;
color: var(--videlis-color-white);
}
.videlis-faq-cta__copy h2 {
margin-bottom: 18px;
color: var(--videlis-color-white);
font-size: clamp(2.25rem, 4vw, 4rem);
line-height: 1.08;
letter-spacing: -.035em;
}
.videlis-faq-cta__copy p {
max-width: 690px;
margin-bottom: 28px;
color: var(--videlis-color-white);
font-size: 1.17rem;
line-height: 1.6;
}
@media (min-width: 1240px) {
.videlis-faq-page > .section_wrapper {
max-width: none !important;
margin-inline: 0 !important;
padding-inline: max(0px, calc((100vw - var(--videlis-content-width)) / 2)) !important;
}
}
@media (max-width: 767px) {
.videlis-faq-hero {
min-height: 500px;
padding-top: 72px !important;
padding-bottom: 72px !important;
}
.videlis-faq-hero::after {
top: -5%;
right: -60%;
width: 130vw;
}
.videlis-faq-hero__copy h1 {
font-size: clamp(2.55rem, 12vw, 3.6rem);
}
.videlis-faq-content {
padding-top: 58px !important;
padding-bottom: 58px !important;
}
.videlis-faq-item summary {
gap: 14px;
min-height: 68px;
padding: 16px 18px;
}
.videlis-faq-item summary::after {
flex-basis: 34px;
width: 34px;
height: 34px;
}
.videlis-faq-item__answer {
padding: 0 18px 20px;
}
} .videlis-owner-page > .section_wrapper {
width: 100% !important;
max-width: 1240px !important;
box-sizing: border-box;
padding-inline: clamp(22px, 3vw, 44px);
}
.videlis-owner-page .column {
margin-bottom: 0 !important;
}
.videlis-owner-hero {
position: relative;
isolation: isolate;
min-height: 560px;
}
.videlis-owner-hero::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background: linear-gradient(90deg, rgba(0, 47, 72, .96) 0%, rgba(0, 47, 72, .86) 48%, rgba(0, 47, 72, .34) 100%);
}
.videlis-owner-hero__copy {
max-width: 720px;
color: var(--videlis-color-white);
}
.videlis-owner-hero__copy .videlis-eyebrow {
color: var(--videlis-color-blue-100);
}
.videlis-owner-hero__copy h1 {
margin: 0 0 26px;
color: var(--videlis-color-white);
font-size: clamp(3rem, 5.4vw, 5rem);
font-weight: 700;
line-height: 1.02;
letter-spacing: -.04em;
}
.videlis-owner-hero__copy > p {
max-width: 660px;
margin-bottom: 0;
color: var(--videlis-color-white);
font-size: clamp(1.15rem, 2vw, 1.4rem);
line-height: 1.55;
}
.videlis-owner-card {
display: flex;
flex-direction: column;
height: 100%;
box-sizing: border-box;
padding: clamp(28px, 3vw, 40px);
border: 1px solid var(--videlis-color-blue-100);
border-radius: 6px;
background: var(--videlis-color-white);
box-shadow: 0 14px 40px rgba(0, 47, 72, .07);
}
.videlis-owner-card--portal {
border-color: var(--videlis-color-primary);
box-shadow: 0 16px 44px rgba(0, 77, 118, .13);
}
.videlis-owner-card h3 {
margin-bottom: 16px;
font-size: clamp(1.6rem, 2vw, 2rem);
line-height: 1.2;
}
.videlis-owner-card p {
margin-bottom: 24px;
line-height: 1.65;
}
.videlis-owner-card .videlis-button {
align-self: flex-start;
margin-top: auto;
}
.videlis-owner-app__copy {
box-sizing: border-box;
padding-right: clamp(24px, 4vw, 58px);
}
.videlis-owner-app__copy h2,
.videlis-owner-info__copy h2 {
font-size: clamp(2.25rem, 4vw, 3.8rem);
line-height: 1.08;
letter-spacing: -.035em;
}
.videlis-owner-app__copy p {
font-size: 1.1rem;
line-height: 1.65;
}
.videlis-owner-app__stores {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
.videlis-owner-store-card {
display: flex;
flex-direction: column;
align-items: center;
box-sizing: border-box;
padding: clamp(22px, 2.5vw, 30px);
border: 1px solid var(--videlis-color-blue-100);
border-radius: 7px;
background: var(--videlis-color-white);
box-shadow: 0 14px 36px rgba(0, 47, 72, .07);
text-align: center;
}
.videlis-owner-store-card h3 {
margin-bottom: 18px;
font-size: 1.45rem;
}
.videlis-owner-store-card > a:first-of-type {
display: block;
max-width: 190px;
margin-bottom: 22px;
}
.videlis-owner-store-card img {
display: block;
width: 100%;
height: auto;
border: 8px solid var(--videlis-color-white);
box-sizing: border-box;
image-rendering: crisp-edges;
}
.videlis-owner-store-card .videlis-button {
width: 100%;
box-sizing: border-box;
margin-top: auto;
}
.videlis-owner-info__copy {
padding-top: 24px;
padding-bottom: 24px;
}
.videlis-owner-info__copy .videlis-button {
margin-top: 12px;
}
.videlis-footer-links {
margin: 0;
list-style: none;
}
.videlis-footer-links li {
display: flex;
gap: 10px;
margin-bottom: 10px;
}
.videlis-footer-links li > span {
color: var(--videlis-color-grey);
}
.videlis-footer-links a {
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
}
.videlis-footer-network {
display: grid;
justify-items: start;
gap: 18px;
}
.videlis-footer-network__logo {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
padding: 4px 0;
}
.videlis-footer-network__logo img {
display: block;
width: auto;
max-width: 100%;
height: auto;
filter: brightness(0) invert(1);
transition: opacity .2s ease;
}
.videlis-footer-network__logo--vdiv img {
width: 200px;
}
.videlis-footer-network__logo--volksbank img {
width: 210px;
filter: none;
}
.videlis-footer-network__logo--volksbank-rhein-lippe img {
width: 210px;
filter: none;
}
.videlis-footer-network__logo--volksbank-rhein-lippe {
margin-top: 10px;
}
.videlis-footer-network__logo:hover img,
.videlis-footer-network__logo:focus-visible img {
opacity: .78;
}
@media (min-width: 768px) {
.videlis-owner-services > .section_wrapper,
.videlis-owner-app > .section_wrapper,
.videlis-owner-info > .section_wrapper {
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
.videlis-owner-card-wrap {
display: flex;
box-sizing: border-box;
padding: 10px;
}
.videlis-owner-card-wrap .mcb-wrap-inner,
.videlis-owner-card-wrap .column,
.videlis-owner-card-wrap .mcb-column-inner,
.videlis-owner-card-wrap .column_attr {
display: flex;
flex: 1 1 auto;
flex-direction: column;
width: 100%;
}
.videlis-owner-app > .section_wrapper > .mcb-wrap,
.videlis-owner-info > .section_wrapper > .mcb-wrap {
display: flex;
}
.videlis-owner-app .mcb-wrap-inner,
.videlis-owner-app .column,
.videlis-owner-app .column_attr,
.videlis-owner-info .mcb-wrap-inner,
.videlis-owner-info .column,
.videlis-owner-info .column_attr,
.videlis-owner-info .image_frame,
.videlis-owner-info .image_wrapper {
height: 100%;
}
.videlis-owner-info .column_image > .mcb-column-inner,
.videlis-owner-info .image_frame,
.videlis-owner-info .image_wrapper {
display: block !important;
width: 100% !important;
height: 100% !important;
}
.videlis-owner-info .videlis-image-frame img {
height: 100% !important;
object-fit: cover;
}
}
@media (min-width: 1240px) {
.videlis-owner-page > .section_wrapper {
max-width: none !important;
margin-inline: 0 !important;
padding-inline: max(0px, calc((100vw - var(--videlis-content-width)) / 2)) !important;
}
}
@media (min-width: 768px) and (max-width: 1100px) {
.videlis-owner-card-wrap {
width: 50% !important;
}
.videlis-owner-app__stores {
grid-template-columns: 1fr;
}
}
@media (max-width: 767px) {
.videlis-owner-page {
padding-top: 56px !important;
padding-bottom: 52px !important;
}
.videlis-owner-hero {
min-height: 560px;
padding-top: 76px !important;
padding-bottom: 76px !important;
}
.videlis-owner-hero::before {
background: rgba(0, 47, 72, .9);
}
.videlis-owner-hero__copy h1 {
font-size: clamp(2.55rem, 12vw, 3.6rem);
}
.videlis-owner-card {
padding: 28px 22px;
}
.videlis-owner-app__copy {
padding: 0 0 30px;
}
.videlis-owner-app__stores {
grid-template-columns: 1fr;
}
.videlis-owner-store-card > a:first-of-type {
max-width: 210px;
}
} .videlis-tips-page > .section_wrapper {
width: 100% !important;
max-width: 1240px !important;
box-sizing: border-box;
padding-inline: clamp(22px, 3vw, 44px);
}
.videlis-tips-page .column {
margin-bottom: 0 !important;
}
.videlis-tips-hero {
position: relative;
isolation: isolate;
min-height: 560px;
}
.videlis-tips-hero::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background: linear-gradient(90deg, rgba(0, 47, 72, .97) 0%, rgba(0, 47, 72, .9) 45%, rgba(0, 47, 72, .36) 78%, rgba(0, 47, 72, .2) 100%);
}
.videlis-tips-hero__copy {
max-width: 720px;
color: var(--videlis-color-white);
}
.videlis-tips-hero__copy .videlis-eyebrow,
.videlis-tips-cta .videlis-eyebrow {
color: var(--videlis-color-blue-100);
}
.videlis-tips-hero__copy h1 {
margin: 0 0 26px;
color: var(--videlis-color-white);
font-size: clamp(3rem, 5.4vw, 5rem);
font-weight: 700;
line-height: 1.02;
letter-spacing: -.04em;
}
.videlis-tips-hero__copy > p {
max-width: 660px;
margin-bottom: 0;
color: var(--videlis-color-white);
font-size: clamp(1.15rem, 2vw, 1.4rem);
line-height: 1.55;
}
.videlis-tip-card,
.videlis-waste-card {
display: flex;
flex-direction: column;
height: 100%;
box-sizing: border-box;
padding: clamp(28px, 3vw, 38px);
border: 1px solid var(--videlis-color-blue-100);
border-radius: 6px;
background: var(--videlis-color-white);
box-shadow: 0 14px 40px rgba(0, 47, 72, .065);
}
.videlis-tip-card h3,
.videlis-waste-card h3 {
margin-bottom: 16px;
color: var(--videlis-color-blue-700);
font-size: clamp(1.5rem, 2vw, 1.9rem);
line-height: 1.2;
}
.videlis-tip-card p,
.videlis-waste-card p {
margin: 0;
line-height: 1.65;
}
.videlis-tips-first-home__copy {
box-sizing: border-box;
padding-right: clamp(28px, 4vw, 58px);
}
.videlis-tips-first-home__copy h2,
.videlis-tips-insurance h2,
.videlis-tips-cta__copy h2 {
font-size: clamp(2.25rem, 4vw, 3.8rem);
line-height: 1.08;
letter-spacing: -.035em;
}
.videlis-tips-checklists {
display: grid;
gap: 24px;
margin-top: 30px;
}
.videlis-tips-checklists > div {
padding: 22px 24px;
border-left: 4px solid var(--videlis-color-primary);
background: var(--videlis-color-blue-050);
}
.videlis-tips-checklists h3 {
margin-bottom: 12px;
font-size: 1.35rem;
}
.videlis-tips-checklists ul {
margin: 0 0 0 1.15em;
}
.videlis-tips-checklists li {
margin-bottom: 7px;
line-height: 1.55;
}
.videlis-tips-checklists li:last-child {
margin-bottom: 0;
}
.videlis-waste-card {
padding: 28px 24px;
}
.videlis-waste-card h3 {
font-size: clamp(1.3rem, 1.8vw, 1.6rem);
}
.videlis-tips-insurance {
max-width: 900px;
}
.videlis-tips-insurance p {
font-size: 1.1rem;
line-height: 1.65;
}
.videlis-tips-insurance .videlis-button {
margin-top: 12px;
}
.videlis-tips-cta__copy {
max-width: 850px;
color: var(--videlis-color-white);
}
.videlis-tips-cta__copy h2,
.videlis-tips-cta__copy p {
color: var(--videlis-color-white);
}
.videlis-tips-cta__copy p {
max-width: 700px;
font-size: 1.17rem;
line-height: 1.6;
}
@media (min-width: 768px) {
.videlis-tips-everyday > .section_wrapper,
.videlis-tips-first-home > .section_wrapper,
.videlis-tips-waste > .section_wrapper {
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
.videlis-tip-card-wrap,
.videlis-waste-card-wrap {
display: flex;
box-sizing: border-box;
padding: 10px;
}
.videlis-tip-card-wrap .mcb-wrap-inner,
.videlis-tip-card-wrap .column,
.videlis-tip-card-wrap .mcb-column-inner,
.videlis-tip-card-wrap .column_attr,
.videlis-waste-card-wrap .mcb-wrap-inner,
.videlis-waste-card-wrap .column,
.videlis-waste-card-wrap .mcb-column-inner,
.videlis-waste-card-wrap .column_attr {
display: flex;
flex: 1 1 auto;
flex-direction: column;
width: 100%;
}
.videlis-tip-card {
min-height: 300px;
}
.videlis-tips-first-home > .section_wrapper > .mcb-wrap {
display: flex;
}
.videlis-tips-first-home .mcb-wrap-inner,
.videlis-tips-first-home .column,
.videlis-tips-first-home .column_attr,
.videlis-tips-first-home .image_frame,
.videlis-tips-first-home .image_wrapper {
height: 100%;
}
.videlis-tips-first-home .column_image > .mcb-column-inner,
.videlis-tips-first-home .image_frame,
.videlis-tips-first-home .image_wrapper {
display: block !important;
width: 100% !important;
height: 100% !important;
}
.videlis-tips-first-home .videlis-image-frame img {
height: 100% !important;
object-fit: cover;
}
}
@media (min-width: 1240px) {
.videlis-tips-page > .section_wrapper {
max-width: none !important;
margin-inline: 0 !important;
padding-inline: max(0px, calc((100vw - var(--videlis-content-width)) / 2)) !important;
}
}
@media (min-width: 768px) and (max-width: 1100px) {
.videlis-waste-card-wrap {
width: 50% !important;
}
}
@media (max-width: 767px) {
.videlis-tips-page {
padding-top: 56px !important;
padding-bottom: 52px !important;
}
.videlis-tips-hero {
min-height: 560px;
padding-top: 76px !important;
padding-bottom: 76px !important;
}
.videlis-tips-hero::before {
background: rgba(0, 47, 72, .9);
}
.videlis-tips-hero__copy h1 {
font-size: clamp(2.55rem, 12vw, 3.6rem);
}
.videlis-tip-card,
.videlis-waste-card {
padding: 28px 22px;
}
.videlis-tips-first-home__copy {
padding: 0 0 30px;
}
.videlis-tips-checklists > div {
padding: 20px;
}
} @media (min-width: 768px) {
.videlis-audiences > .section_wrapper > .mcb-wrap:nth-child(2),
.videlis-services > .section_wrapper > .mcb-wrap:nth-child(2),
.videlis-process > .section_wrapper > .mcb-wrap:nth-child(2) {
padding-left: 0 !important;
}
.videlis-audiences > .section_wrapper > .mcb-wrap:last-child,
.videlis-services > .section_wrapper > .mcb-wrap:last-child,
.videlis-process > .section_wrapper > .mcb-wrap:last-child {
padding-right: 0 !important;
}
.videlis-services-page .section_wrapper > :not(.videlis-service-card-wrap) + .videlis-service-card-wrap,
.videlis-career-page .section_wrapper > :not(.videlis-career-card-wrap) + .videlis-career-card-wrap {
padding-left: 0 !important;
}
.videlis-services-page .section_wrapper > .videlis-service-card-wrap:last-child,
.videlis-career-page .section_wrapper > .videlis-career-card-wrap:last-child {
padding-right: 0 !important;
}
.videlis-about-team > .section_wrapper > .videlis-team-card-wrap:nth-child(even),
.videlis-tips-everyday > .section_wrapper > .videlis-tip-card-wrap:nth-child(even) {
padding-left: 0 !important;
}
.videlis-about-team > .section_wrapper > .videlis-team-card-wrap:nth-child(odd),
.videlis-tips-everyday > .section_wrapper > .videlis-tip-card-wrap:nth-child(odd) {
padding-right: 0 !important;
}
}
@media (min-width: 768px) and (max-width: 1100px) {
.videlis-tenant-page .section_wrapper > .videlis-tenant-card-wrap:nth-child(even),
.videlis-links-page .section_wrapper > .videlis-link-card-wrap:nth-child(even),
.videlis-owner-page .section_wrapper > .videlis-owner-card-wrap:nth-child(even),
.videlis-tips-page .section_wrapper > .videlis-waste-card-wrap:nth-child(even) {
padding-left: 0 !important;
}
.videlis-tenant-page .section_wrapper > .videlis-tenant-card-wrap:nth-child(odd),
.videlis-links-page .section_wrapper > .videlis-link-card-wrap:nth-child(odd),
.videlis-owner-page .section_wrapper > .videlis-owner-card-wrap:nth-child(odd),
.videlis-tips-page .section_wrapper > .videlis-waste-card-wrap:nth-child(odd) {
padding-right: 0 !important;
}
}
@media (min-width: 1101px) {
.videlis-tenant-page .section_wrapper > :not(.videlis-tenant-card-wrap) + .videlis-tenant-card-wrap,
.videlis-links-page .section_wrapper > :not(.videlis-link-card-wrap) + .videlis-link-card-wrap,
.videlis-owner-page .section_wrapper > :not(.videlis-owner-card-wrap) + .videlis-owner-card-wrap,
.videlis-tips-page .section_wrapper > :not(.videlis-waste-card-wrap) + .videlis-waste-card-wrap {
padding-left: 0 !important;
}
.videlis-tenant-page .section_wrapper > .videlis-tenant-card-wrap:last-child,
.videlis-links-page .section_wrapper > .videlis-link-card-wrap:last-child,
.videlis-owner-page .section_wrapper > .videlis-owner-card-wrap:last-child,
.videlis-tips-page .section_wrapper > .videlis-waste-card-wrap:last-child {
padding-right: 0 !important;
}
} @media (min-width: 1240px) {
.videlis-services-page:not(.full-width) > .section_wrapper,
.videlis-about-page:not(.full-width) > .section_wrapper,
.videlis-career-page > .section_wrapper,
.videlis-tenant-page > .section_wrapper,
.videlis-damage-page > .section_wrapper,
.videlis-links-page > .section_wrapper,
.videlis-contact-page:not(.videlis-contact-map-section) > .section_wrapper,
.videlis-faq-page > .section_wrapper,
.videlis-owner-page > .section_wrapper,
.videlis-tips-page > .section_wrapper {
width: 100% !important;
max-width: none !important;
margin-inline: 0 !important;
padding-inline: max(0px, calc((100vw - var(--videlis-content-width)) / 2)) !important;
}
.videlis-services-page:not(.full-width) .mcb-column-inner,
.videlis-about-page:not(.full-width) .mcb-column-inner,
.videlis-career-page .mcb-column-inner,
.videlis-tenant-page .mcb-column-inner,
.videlis-damage-page .mcb-column-inner,
.videlis-links-page .mcb-column-inner,
.videlis-contact-page:not(.videlis-contact-map-section) .mcb-column-inner,
.videlis-faq-page .mcb-column-inner,
.videlis-owner-page .mcb-column-inner,
.videlis-tips-page .mcb-column-inner {
margin-left: 0 !important;
margin-right: 0 !important;
}
.videlis-services-page:not(.full-width) .column_attr,
.videlis-about-page:not(.full-width) .column_attr,
.videlis-career-page .column_attr,
.videlis-tenant-page .column_attr,
.videlis-damage-page .column_attr,
.videlis-links-page .column_attr,
.videlis-contact-page:not(.videlis-contact-map-section) .column_attr,
.videlis-faq-page .column_attr,
.videlis-owner-page .column_attr,
.videlis-tips-page .column_attr {
padding-left: 0 !important;
padding-right: 0 !important;
}
.videlis-contact-main > .section_wrapper {
column-gap: 20px;
}
.videlis-contact-main > .section_wrapper > .videlis-contact-details-wrap {
flex: 0 0 calc(40% - 8px) !important;
width: calc(40% - 8px) !important;
}
.videlis-contact-main > .section_wrapper > .videlis-contact-form-wrap {
flex: 0 0 calc(60% - 12px) !important;
width: calc(60% - 12px) !important;
}
.videlis-service-promise {
max-width: var(--videlis-content-width);
}
}
@media (max-width: 767px) {
.videlis-split-copy {
padding-left: 0;
padding-right: 0;
}
} @media (max-width: 1239px) {
.videlis-services-promise.section > .section_wrapper {
width: 100% !important;
max-width: 1240px !important;
box-sizing: border-box;
padding-inline: clamp(22px, 3vw, 44px) !important;
}
.videlis-service-promise {
max-width: none;
margin-inline: 0;
}
}
@media (min-width: 768px) and (max-width: 1239px) {
.videlis-services-promise.section .mcb-column-inner {
margin-inline: 12px !important;
}
} body.home #Content .videlis-services .videlis-card li,
body.page-id-216 #Content .videlis-service-detail-card .videlis-service-list li,
body.page-id-218 #Content .videlis-team-card__contacts a[href^="tel:"],
body.page-id-371 #Content .the_content_wrapper > ul.wp-block-list > li {
color: #6e7880;
}
body.page-id-311 #Content .videlis-tips-checklists li {
color: #677179;
}
body.page-id-349 #Content .the_content_wrapper > p.wp-block-paragraph > code {
color: #237cb8;
} .single-videlis_job #Subheader {
display: none;
}
.single-videlis_job #Content {
padding-top: 0;
}
.single-videlis_job #Content > .content_wrapper,
.single-videlis_job #Content .sections_group {
width: 100%;
max-width: none;
}
.single-videlis_job #Content .sections_group {
float: none;
}
.videlis-job-single .section_wrapper {
width: 100% !important;
max-width: 1240px !important;
box-sizing: border-box;
padding-inline: clamp(22px, 3vw, 44px);
}
.videlis-job-single__hero {
padding-block: clamp(70px, 8vw, 112px);
background: linear-gradient(120deg, var(--videlis-color-blue-900), var(--videlis-color-blue-700));
}
.videlis-job-single__hero-inner {
width: 100%;
min-width: 0;
max-width: 940px;
color: var(--videlis-color-white);
}
.videlis-job-single__back {
display: table;
margin-bottom: 34px;
color: var(--videlis-color-white);
font-weight: 700;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 4px;
}
.videlis-job-single__back::before {
content: "\2190";
margin-right: 9px;
}
.videlis-job-single__back:hover,
.videlis-job-single__back:focus-visible {
color: var(--videlis-color-blue-100);
}
.videlis-job-single__hero .videlis-eyebrow {
margin-bottom: 18px;
color: var(--videlis-color-blue-100);
}
.videlis-job-single__hero h1 {
max-width: 940px;
margin: 0;
color: var(--videlis-color-white);
font-size: clamp(2.65rem, 5.2vw, 4.9rem);
font-weight: 700;
line-height: 1.04;
letter-spacing: -.04em;
}
.videlis-job-single__facts {
display: flex;
flex-wrap: wrap;
gap: 10px 26px;
margin: 30px 0 0;
padding: 0;
list-style: none;
}
.videlis-job-single__facts li {
position: relative;
margin: 0;
padding-left: 18px;
color: var(--videlis-color-white);
font-size: clamp(1rem, 1.5vw, 1.16rem);
line-height: 1.5;
}
.videlis-job-single__facts li::before {
content: "";
position: absolute;
top: .64em;
left: 0;
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--videlis-color-blue-100);
}
.videlis-job-single__details {
padding-block: clamp(58px, 7vw, 92px);
background: var(--videlis-color-white);
}
.videlis-job-single__content {
max-width: 940px;
color: #263945;
}
.videlis-job-single__content > p:first-child {
max-width: 900px;
font-size: clamp(1.08rem, 1.6vw, 1.24rem);
line-height: 1.7;
}
.videlis-job-single__content h2 {
margin-top: clamp(42px, 5vw, 60px);
margin-bottom: 20px;
font-size: clamp(1.8rem, 3vw, 2.65rem);
line-height: 1.15;
}
.videlis-job-single__content ul {
margin: 0 0 30px 22px;
}
.videlis-job-single__content li {
margin-bottom: 10px;
color: #263945;
line-height: 1.65;
}
.videlis-job-single__content > p:last-child {
box-sizing: border-box;
margin: 42px 0 0;
padding: 24px 28px;
border-left: 4px solid var(--videlis-color-primary);
background: #f0f5f7;
line-height: 1.65;
}
.videlis-job-single__application {
padding-block: clamp(52px, 6vw, 76px);
background: #f0f5f7;
}
.videlis-job-single__application-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 34px;
box-sizing: border-box;
padding: clamp(28px, 4vw, 46px);
border: 1px solid var(--videlis-color-blue-100);
border-radius: 6px;
background: var(--videlis-color-white);
box-shadow: 0 14px 40px rgba(0, 47, 72, .08);
}
.videlis-job-single__application-inner > div {
max-width: 720px;
}
.videlis-job-single__application .videlis-eyebrow {
margin-bottom: 12px;
}
.videlis-job-single__application h2 {
margin-bottom: 12px;
font-size: clamp(1.8rem, 3vw, 2.65rem);
line-height: 1.15;
}
.videlis-job-single__application p {
margin-bottom: 0;
line-height: 1.65;
}
.videlis-job-single__application .videlis-button {
flex: 0 0 auto;
}
@media (max-width: 767px) {
.videlis-job-single__hero h1 {
font-size: clamp(2.25rem, 11vw, 3rem);
-webkit-hyphens: auto;
hyphens: auto;
overflow-wrap: anywhere;
}
.videlis-job-single__application-inner {
align-items: flex-start;
flex-direction: column;
}
.videlis-job-single__application .videlis-button {
width: 100%;
box-sizing: border-box;
}
} .videlis-values-shared {
background: var(--videlis-color-blue-050);
}
.videlis-values-shared > .section_wrapper {
width: 100% !important;
max-width: 1240px !important;
box-sizing: border-box;
padding-inline: clamp(22px, 3vw, 44px);
}
.videlis-value-card {
display: flex;
flex-direction: column;
height: 100%;
box-sizing: border-box;
padding: clamp(26px, 3vw, 38px) 18px;
border: 1px solid var(--videlis-color-blue-100);
border-radius: 6px;
background: var(--videlis-color-white);
box-shadow: 0 14px 40px rgba(0, 47, 72, .07);
}
.videlis-value-card h3 {
margin-bottom: 18px;
font-size: 1.55rem;
line-height: 1.25;
letter-spacing: -.02em;
word-break: normal;
overflow-wrap: normal;
hyphens: none;
}
.videlis-value-card p {
margin-bottom: 0;
line-height: 1.6;
overflow-wrap: normal;
hyphens: none;
}
@media (min-width: 768px) {
.videlis-values-shared > .section_wrapper {
display: flex;
flex-wrap: wrap;
align-items: stretch;
column-gap: 20px;
}
.videlis-values-shared__wrap {
display: flex;
box-sizing: border-box;
padding: 0;
}
.videlis-values-shared__wrap .mcb-wrap-inner,
.videlis-values-shared__wrap .column,
.videlis-values-shared__wrap .mcb-column-inner,
.videlis-values-shared__wrap .column_attr {
display: flex;
flex: 1 1 auto;
flex-direction: column;
width: 100%;
}
.videlis-values-shared__wrap .videlis-value-card {
flex: 1 1 auto;
}
}
@media (min-width: 768px) and (max-width: 1100px) {
.videlis-values-shared__wrap {
flex: 0 0 calc((100% - 20px) / 2) !important;
width: calc((100% - 20px) / 2) !important;
margin-bottom: 20px;
}
}
@media (min-width: 1101px) {
.videlis-values-shared__wrap {
flex: 0 0 calc((100% - 80px) / 5) !important;
width: calc((100% - 80px) / 5) !important;
}
}
@media (min-width: 1240px) {
.videlis-value-card h3 {
font-size: 1.7rem;
}
.videlis-about-values-intro > .section_wrapper {
max-width: none !important;
margin-inline: 0 !important;
padding-inline: max(0px, calc((100vw - var(--videlis-content-width)) / 2)) !important;
}
.videlis-about-values-intro .column_attr {
padding-left: 0 !important;
padding-right: 0 !important;
}
.videlis-about-values-intro .mcb-column-inner {
margin-left: 0 !important;
margin-right: 0 !important;
}
.videlis-values-shared > .section_wrapper {
max-width: none !important;
margin-inline: 0 !important;
padding-inline: max(0px, calc((100vw - var(--videlis-content-width)) / 2)) !important;
}
.videlis-values-shared__wrap .column,
.videlis-values-shared__wrap .mcb-column-inner {
width: 100% !important;
margin-inline: 0 !important;
}
} :where(
.videlis-card,
.videlis-value-card,
.videlis-process-card,
.videlis-service-detail-card,
.videlis-about-value-card,
.videlis-team-card,
.videlis-tenant-card,
.videlis-link-card,
.videlis-career-card,
.videlis-owner-card,
.videlis-tip-card,
.videlis-waste-card
) {
transition:
transform .28s cubic-bezier(.2, .8, .2, 1),
border-color .28s ease,
box-shadow .28s ease;
transform: translateZ(0);
}
@media (hover: hover) and (pointer: fine) {
:where(
.videlis-card,
.videlis-value-card,
.videlis-process-card,
.videlis-service-detail-card,
.videlis-about-value-card,
.videlis-team-card,
.videlis-tenant-card,
.videlis-link-card,
.videlis-career-card,
.videlis-owner-card,
.videlis-tip-card,
.videlis-waste-card
):hover {
transform: translate3d(0, -7px, 0);
border-color: var(--videlis-color-blue-300);
box-shadow: 0 24px 58px rgba(0, 47, 72, .14);
}
}
:where(
.videlis-card,
.videlis-value-card,
.videlis-process-card,
.videlis-service-detail-card,
.videlis-about-value-card,
.videlis-team-card,
.videlis-tenant-card,
.videlis-link-card,
.videlis-career-card,
.videlis-owner-card,
.videlis-tip-card,
.videlis-waste-card
):focus-within {
transform: translate3d(0, -7px, 0);
border-color: var(--videlis-color-primary);
box-shadow: 0 24px 58px rgba(0, 47, 72, .14);
}
.videlis-interactions-ready #Footer .videlis-footer-reveal {
opacity: 0;
transform: translate3d(0, 34px, 0);
transition:
opacity .62s ease,
transform .62s cubic-bezier(.2, .8, .2, 1);
transition-delay: calc(var(--videlis-reveal-index, 0) * 110ms);
will-change: opacity, transform;
}
.videlis-footer-preparing #Footer .videlis-footer-reveal {
transition: none;
}
.videlis-interactions-ready #Footer .videlis-footer-reveal.is-visible {
opacity: 1;
transform: translate3d(0, 0, 0);
}
@media (prefers-reduced-motion: reduce) {
:where(
.videlis-card,
.videlis-value-card,
.videlis-process-card,
.videlis-service-detail-card,
.videlis-about-value-card,
.videlis-team-card,
.videlis-tenant-card,
.videlis-link-card,
.videlis-career-card,
.videlis-owner-card,
.videlis-tip-card,
.videlis-waste-card
),
.videlis-interactions-ready #Footer .videlis-footer-reveal,
.videlis-services-hero .animate,
.videlis-about-hero .animate,
.videlis-career-hero .animate,
.videlis-tenant-hero .animate,
.videlis-contact-hero .animate,
.videlis-faq-hero .animate,
.videlis-owner-hero .animate,
.videlis-tips-hero .animate {
opacity: 1;
transform: none;
transition: none;
animation: none;
}
} @media (min-width: 768px) and (max-width: 1239px) {
:is(
.videlis-audiences,
.videlis-about,
.videlis-services,
.videlis-values,
.videlis-quote-section,
.videlis-process,
.videlis-region,
.videlis-contact,
.videlis-services-page,
.videlis-about-page,
.videlis-career-page,
.videlis-tenant-page,
.videlis-damage-page,
.videlis-links-page,
.videlis-contact-page:not(.videlis-contact-map-section),
.videlis-faq-page,
.videlis-owner-page,
.videlis-tips-page,
.videlis-values-shared
) > .section_wrapper {
padding-inline: calc(clamp(22px, 3vw, 44px) + 12px) !important;
}
.videlis-values-shared > .section_wrapper,
.videlis-services-promise.section > .section_wrapper {
padding-inline: calc(clamp(22px, 3vw, 44px) + 12px) !important;
}
:is(
.videlis-audiences,
.videlis-about,
.videlis-services,
.videlis-values,
.videlis-quote-section,
.videlis-process,
.videlis-region,
.videlis-contact,
.videlis-services-page,
.videlis-about-page,
.videlis-career-page,
.videlis-tenant-page,
.videlis-damage-page,
.videlis-links-page,
.videlis-contact-page:not(.videlis-contact-map-section),
.videlis-faq-page,
.videlis-owner-page,
.videlis-tips-page,
.videlis-values-shared
) .mcb-column-inner {
width: 100% !important;
margin-inline: 0 !important;
}
.videlis-service-detail-card .videlis-service-list {
margin-inline: 0 !important;
padding-left: 0 !important;
}
:is(
.videlis-card,
.videlis-value-card,
.videlis-process-card,
.videlis-service-detail-card,
.videlis-about-value-card,
.videlis-team-card,
.videlis-tenant-card,
.videlis-link-card,
.videlis-career-card,
.videlis-owner-card,
.videlis-owner-store-card,
.videlis-tip-card,
.videlis-waste-card,
.videlis-service-promise__grid article
) :is(h2, h3) {
-webkit-hyphens: none !important;
hyphens: none !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
.videlis-faq-item summary,
.videlis-job-profile__summary strong {
-webkit-hyphens: none !important;
hyphens: none !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
} @media (min-width: 768px) and (max-width: 1100px) {
.videlis-services-page .videlis-service-card-wrap,
.videlis-career-page .videlis-career-card-wrap,
.videlis-audiences > .section_wrapper > .mcb-wrap:not(:first-child),
.videlis-services > .section_wrapper > .mcb-wrap:not(:first-child),
.videlis-process > .section_wrapper > .mcb-wrap:not(:first-child) {
flex: 0 0 50% !important;
width: 50% !important;
margin-bottom: 20px;
}
.videlis-services-overview > .section_wrapper > .videlis-service-card-wrap:nth-child(even),
.videlis-services-weg > .section_wrapper > .videlis-service-card-wrap:nth-child(even),
.videlis-career-intro > .section_wrapper > .videlis-career-card-wrap:nth-child(even),
.videlis-audiences > .section_wrapper > .mcb-wrap:nth-child(even),
.videlis-services > .section_wrapper > .mcb-wrap:nth-child(even),
.videlis-process > .section_wrapper > .mcb-wrap:nth-child(even),
.videlis-services-rental > .section_wrapper > .videlis-service-card-wrap:nth-child(odd),
.videlis-services-technology > .section_wrapper > .videlis-service-card-wrap:nth-child(odd) {
padding-left: 0 !important;
padding-right: 10px !important;
}
.videlis-services-overview > .section_wrapper > .videlis-service-card-wrap:nth-child(odd),
.videlis-services-weg > .section_wrapper > .videlis-service-card-wrap:nth-child(odd),
.videlis-career-intro > .section_wrapper > .videlis-career-card-wrap:nth-child(odd),
.videlis-audiences > .section_wrapper > .mcb-wrap:nth-child(odd),
.videlis-services > .section_wrapper > .mcb-wrap:nth-child(odd),
.videlis-process > .section_wrapper > .mcb-wrap:nth-child(odd),
.videlis-services-rental > .section_wrapper > .videlis-service-card-wrap:nth-child(even),
.videlis-services-technology > .section_wrapper > .videlis-service-card-wrap:nth-child(even) {
padding-left: 10px !important;
padding-right: 0 !important;
}
} @media (min-width: 768px) and (max-width: 1239px) {
:is(
.videlis-services-rental,
.videlis-services-technology,
.videlis-about-company,
.videlis-about-network,
.videlis-tenant-info,
.videlis-owner-info
) > .section_wrapper > .mcb-wrap:nth-child(-n+2) {
flex: 0 0 calc((100% - 20px) / 2) !important;
width: calc((100% - 20px) / 2) !important;
}
:is(
.videlis-services-rental,
.videlis-services-technology,
.videlis-about-company,
.videlis-about-network,
.videlis-tenant-info,
.videlis-owner-info
) > .section_wrapper > .mcb-wrap:first-child {
margin-right: 20px !important;
}
:is(
.videlis-services-rental,
.videlis-services-technology,
.videlis-about-network,
.videlis-tenant-info,
.videlis-owner-info
) .videlis-split-copy {
padding-left: 0 !important;
}
:is(
.videlis-about-company
) .videlis-split-copy {
padding-right: 0 !important;
}
:is(
.videlis-services-rental,
.videlis-services-technology,
.videlis-about-company,
.videlis-about-network,
.videlis-tenant-info,
.videlis-owner-info
) h2 {
-webkit-hyphens: none !important;
hyphens: none !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
}