/* Industries base */

.ind {
    --r: 15px;
    --ind-blue: #05356e;
    --ind-red: #f43834;
    --ind-body-font: inherit;
    --ind-heading-font: 'Rubik', sans-serif;
    position: relative;
    z-index: 0;
    overflow-x: clip;
    font-family: var(--ind-body-font);
    font-size: var(--r);
    line-height: 1.8;
    color: #000;
}

@media screen and (max-width: 360px) {
    .ind { --r: 13px; }
}

@media screen and (min-width: 1024px) {
    .ind { --r: calc(15px + 3 * ((100vw - 1024px) / 896)); }
}

@media screen and (min-width: 1920px) {
    .ind { --r: 18px; }
}

body .ind h1, body .ind h2, body .ind h3, body .ind p, body .ind ul, body .ind ol, body .ind li, body .ind figure {
    margin: 0;
    padding: 0;
    border: 0;
}

body .ind h1 { font-family: var(--ind-heading-font); font-size: calc(5 * var(--r)); font-weight: normal; line-height: 1; margin-bottom: 0.75em; letter-spacing: normal; text-transform: none; }
body .ind h2 { font-family: var(--ind-heading-font); font-size: calc(2.2 * var(--r)); font-weight: bold; line-height: 1.2; margin-bottom: 1em; letter-spacing: normal; text-transform: none; }
body .ind h3 { font-family: var(--ind-heading-font); font-size: calc(2.1875 * var(--r)); font-weight: bold; line-height: 1.2; margin-bottom: 1em; letter-spacing: normal; text-transform: none; }
body .ind p { margin-bottom: calc(1 * var(--r)); }
body .ind ul li { list-style-position: outside; margin-left: calc(1 * var(--r)); }
body .ind a { color: var(--ind-red); text-decoration: none; }
body .ind a:hover, body .ind a:active { color: rgba(244, 56, 52, 0.8); }
body .ind img { max-width: 100%; height: auto; }

@media (max-width: 1339px) {
    body .ind h1 { font-size: calc(4 * var(--r)); }
    body .ind h3 { font-size: calc(1.8 * var(--r)); }
}

@media (max-width: 1023px) {
    body .ind h1 { font-size: calc(2.667 * var(--r)); }
    body .ind h2 { font-size: calc(1.8 * var(--r)); }
    body .ind h3 { font-size: calc(1.5 * var(--r)); }
}

@media (max-width: 767px) {
    body .ind h1 { font-size: calc(2.133 * var(--r)); }
    body .ind h2 { font-size: calc(1.8666 * var(--r)); }
    body .ind h3 { font-size: calc(1.333 * var(--r)); }
}

body .ind .title h2 { color: var(--ind-blue); }

body .ind .title--left {
    position: relative;
    width: calc(25% + calc(4 * var(--r)));
    padding-top: calc(4 * var(--r));
    padding-right: calc(4 * var(--r));
    box-sizing: border-box;
}

body .ind .title--left::before,
body .ind .hero__title::before,
body .ind .cta__content::before,
body .ind .branches__title::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: calc(7.6875 * var(--r));
    height: calc(0.25 * var(--r));
    background-image: url(../images/industries/ui/line-large.svg);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: calc(7.6875 * var(--r)) calc(0.25 * var(--r));
}

@media (max-width: 1023px) {
    body .ind .title--left { width: 100%; padding-top: calc(3 * var(--r)); padding-right: 0; text-align: center; }
    body .ind .title--left::before { left: 50%; transform: translateX(-50%); }
}

@media (max-width: 767px) {
    body .ind .title--left { padding-top: calc(2 * var(--r)); }

    body .ind .title--left::before,
    body .ind .hero__title::before,
    body .ind .cta__content::before,
    body .ind .branches__title::before {
        width: calc(4 * var(--r));
        height: calc(0.2667 * var(--r));
        background-image: url(../images/industries/ui/line.svg);
        background-size: calc(4 * var(--r)) calc(0.2667 * var(--r));
    }
}

body .ind .button {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    font-family: var(--ind-heading-font);
    font-size: calc(1.25 * var(--r));
    line-height: inherit;
    letter-spacing: normal;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-position 250ms ease-in-out;
}

body .ind .button:hover, body .ind .button:focus { background-color: transparent; }

body .ind .button--primary {
    min-width: 4em;
    padding: 0 0 calc(1.6175 * var(--r)) 0;
    color: var(--ind-red);
    font-weight: 800;
    background: transparent url(../images/industries/ui/arrow-right-red.svg) no-repeat left bottom;
    background-size: 2em 0.55em;
}

body .ind .button--primary:hover { background-position: left 2em bottom; }

body .ind .button--back {
    min-width: 4em;
    padding-left: 2.5em;
    color: #fff;
    font-weight: 800;
    background: transparent url(../images/industries/ui/arrow-left-red.svg) no-repeat left center;
    background-size: 2em 0.55em;
}

body .ind .link-overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -9001px;
    overflow: hidden;
}

body .ind .wrapper--margin { margin-top: calc(8 * var(--r)); margin-bottom: calc(8 * var(--r)); }

@media (max-width: 1023px) {
    body .ind .wrapper--margin { margin-top: calc(4 * var(--r)); margin-bottom: calc(4 * var(--r)); }
}

@media (max-width: 767px) {
    body .ind .wrapper--margin { margin-top: calc(2 * var(--r)); margin-bottom: calc(2 * var(--r)); }
}

body .ind .wrapper--center { width: 1200px; margin-left: auto; margin-right: auto; }

@media (max-width: 1339px) {
    body .ind .wrapper--center { width: 980px; }
}

@media (max-width: 1023px) {
    body .ind .wrapper--center { width: 720px; }
}

@media (max-width: 767px) {
    body .ind .wrapper--center { width: auto; margin-left: calc(1 * var(--r)); margin-right: calc(1 * var(--r)); }
}

body .ind .wrapper--fluid {
    position: relative;
    width: 85vw;
    min-width: 1200px;
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 1339px) {
    body .ind .wrapper--fluid { min-width: 980px; }
}

@media (max-width: 1023px) {
    body .ind .wrapper--fluid { min-width: 720px; }
}

@media (max-width: 767px) {
    body .ind .wrapper--fluid { width: auto; min-width: 0; margin-left: calc(1 * var(--r)); margin-right: calc(1 * var(--r)); }
}

/* Industries base end */

/* Industries hero */

body .ind .hero { position: relative; }

body .ind .hero::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% + calc(4 * var(--r)));
    background-color: var(--ind-blue);
    background-image: url(../images/industries/background.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

body .ind .hero--large-bg::before { height: calc(100% + (3 * calc(4 * var(--r)))); }

@media (max-width: 1023px) {
    body .ind .hero::before { background-image: none; }
    body .ind .hero--large-bg::before { height: calc(100% + calc(4 * var(--r))); }
}

@media (max-width: 767px) {
    body .ind .hero::before { height: calc(100% + calc(2 * var(--r))); }
}

body .ind .hero__wrapper { display: flex; align-items: center; padding: calc(8 * var(--r)) 0 calc(4 * var(--r)); }

@media (max-width: 1023px) {
    body .ind .hero__wrapper { flex-direction: column-reverse; align-items: flex-start; padding: calc(4 * var(--r)) 0; }
}

body .ind .hero__content { position: relative; width: 50vw; padding-top: calc(2 * var(--r)); box-sizing: border-box; }

@media (max-width: 1023px) {
    body .ind .hero__content { width: auto; padding-top: calc(3 * var(--r)); }
}

body .ind .hero__title { position: relative; padding-top: calc(3 * var(--r)); margin-bottom: calc(2 * var(--r)); color: #fff; font-weight: normal; }

@media (max-width: 767px) {
    body .ind .hero__title { padding-top: calc(2 * var(--r)); }
}

body .ind .hero__title em { font-weight: bold; font-style: normal; }

body .ind .hero__icon { position: absolute; top: calc(0.5 * var(--r)); left: calc(9 * var(--r)); height: calc(3 * var(--r)); }
body .ind .hero__icon svg, body .ind .hero__icon img { height: 100%; width: auto; }

@media (max-width: 1023px) {
    body .ind .hero__icon { top: calc(1.75 * var(--r)); height: calc(2.5 * var(--r)); }
}

@media (max-width: 767px) {
    body .ind .hero__icon { left: calc(5 * var(--r)); }
}

body .ind .hero__intro { font-size: calc(1.05 * var(--r)); line-height: 2.1; color: #fff; }
body .ind .hero__intro ul { list-style: none; }

body .ind .hero__intro li {
    margin-left: 0;
    padding-left: 2em;
    list-style: none;
    background: url(../images/industries/ui/check-white.svg) no-repeat left top 0.4em;
    background-size: 1.3em;
}

body .ind .hero__video-url { margin-top: calc(2 * var(--r)); }

body .ind .hero__video-url a {
    display: inline-block;
    height: 2em;
    padding-left: calc(3.5 * var(--r));
    color: #fff;
    font-family: var(--ind-heading-font);
    font-size: calc(1.375 * var(--r));
    font-weight: 700;
    line-height: 2;
    text-transform: uppercase;
    background: url(../images/industries/ui/play.svg) no-repeat left center;
    background-size: 2em;
}

body .ind .hero__video-url a:hover { color: var(--ind-red); }

@media (max-width: 1023px) {
    body .ind .hero__video-url a { font-size: calc(1.1 * var(--r)); }
}

body .ind .hero__image--overlay {
    display: block;
    position: absolute;
    z-index: -1;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% + calc(4 * var(--r)));
    max-width: none;
    margin-left: 0;
    box-sizing: border-box;
}

body .ind .hero--large-bg .hero__image--overlay { height: calc(100% + (3 * calc(4 * var(--r)))); }

@media (max-width: 1023px) {
    body .ind .hero--large-bg .hero__image--overlay { height: calc(100% + calc(4 * var(--r))); }
}

@media (max-width: 767px) {
    body .ind .hero__image--overlay { height: calc(100% + calc(2 * var(--r))); }
}

body .ind .hero__image--overlay::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/industries/overlay-vervolg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

body .ind .hero__image--overlay img {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    height: auto;
    max-width: none;
    min-width: 72vw;
    min-height: 100%;
    object-fit: cover;
}

/* Industries hero end */

/* Industries navigation */

body .ind .quick-navigation { display: flex; justify-content: space-between; flex-wrap: wrap; }
body .ind .quick-navigation--large-bg .breadcrumb__list { position: absolute; top: 0; right: 0; }

body .ind .backlink { position: relative; margin-bottom: calc(1 * var(--r)); }
body .ind .backlink--large-bg { width: 100%; }

body .ind .backlink--large-bg a {
    position: absolute;
    z-index: 1;
    top: calc(8 * var(--r));
    left: 0;
    width: calc(0.25 * 85vw + calc(4 * var(--r)));
    padding-right: calc(4 * var(--r));
    box-sizing: border-box;
    color: #fff;
}

body .ind .backlink--large-bg a:hover { color: var(--ind-red); }

@media (max-width: 1023px) {
    body .ind .backlink--large-bg a { top: 0; padding-right: calc(2 * var(--r)); }
}

@media (max-width: 767px) {
    body .ind .backlink--large-bg a { width: 100%; }
}

body .ind .breadcrumb { display: flex; justify-content: flex-end; }
body .ind .breadcrumb__wrapper { position: relative; }
body .ind .breadcrumb__list { display: flex; justify-content: flex-end; align-items: center; margin: 0; list-style: none; }

body .ind .breadcrumb__item {
    display: block;
    margin: 0;
    padding-left: 0.4em;
    color: #fff;
    font-size: calc(1.0625 * var(--r));
    font-weight: 700;
    text-transform: uppercase;
    list-style: none;
}

body .ind .breadcrumb__item a, body .ind .breadcrumb__item span { white-space: nowrap; }

body .ind .breadcrumb__item a {
    padding-right: 1.6em;
    line-height: 1;
    color: #bcd3ed;
    background: url(../images/industries/ui/arrowhead-double-right.svg) no-repeat right 0.3em center;
    background-size: 0.6em;
}

@media (max-width: 767px) {
    body .ind .breadcrumb { display: none; }
}

/* Industries navigation end */

/* Industries content */

body .ind .node-content { padding-top: calc(4 * var(--r)); }
body .ind .node-content--large-bg .field__item:first-child .paragraph { margin-top: 0; }
body .ind .node-content--large-bg .field__item:first-child .paragraph__title { margin-top: calc(calc(8 * var(--r)) + calc(4 * var(--r))); }

@media (max-width: 1023px) {
    body .ind .node-content--large-bg .field__item:first-child .paragraph { margin-top: calc(2 * var(--r)); }
    body .ind .node-content--large-bg .field__item:first-child .paragraph__title { margin-top: 0; }
}

body .ind .paragraph img { display: block; max-width: 100%; height: auto; }
body .ind .paragraph ul, body .ind .paragraph ol { list-style-position: inside; margin-bottom: 1em; }

body .ind .paragraph--type-slideshow {
    display: flex;
    width: 92.5vw;
    min-width: calc(1200px + ((100vw - 1200px) / 2));
    max-width: calc((1200px * 1.5) * (0.925 / 0.85));
    margin-right: 0;
}

body .ind .paragraph--type-slideshow .paragraph__title { width: calc((0.25 * 85vw) + calc(4 * var(--r))); flex-shrink: 0; }
body .ind .paragraph--type-slideshow .paragraph__slideshow { flex-shrink: 0; width: calc(100% - calc((0.25 * 85vw) + calc(4 * var(--r)))); min-width: 0; }

@media (min-width: 1920px) {
    body .ind .paragraph--type-slideshow { width: 85vw; min-width: 0; max-width: 1800px; margin-right: auto; }
    body .ind .paragraph--type-slideshow .paragraph__title { width: calc(25% + calc(4 * var(--r))); }
}

@media (max-width: 1339px) {
    body .ind .paragraph--type-slideshow { min-width: calc(980px + ((100vw - 980px) / 2)); }
}

@media (max-width: 1023px) {
    body .ind .paragraph--type-slideshow { flex-direction: column; width: auto; min-width: 0; margin-left: 0; }
    body .ind .paragraph--type-slideshow .paragraph__title { width: auto; margin-left: calc(2 * var(--r)); margin-right: calc(2 * var(--r)); }
    body .ind .paragraph--type-slideshow .paragraph__slideshow { width: auto; }
}

body .ind .slideshow { display: flex; flex-direction: column; }
body .ind .slideshow__slide { position: relative; height: auto; }

body .ind .slideshow__buttons {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: calc(3 * var(--r));
    margin-right: calc(2 * var(--r));
}

@media (max-width: 1023px) {
    body .ind .slideshow__buttons { margin-left: 10px; }
}

body .ind .slideshow__pagination { position: static; width: auto; line-height: 0; }

body .ind .slideshow__pagination .swiper-pagination-bullet {
    width: 16px;
    height: 3px;
    margin: 0 4px 0 0;
    border-radius: 0;
    opacity: 1;
    background: url(../images/industries/ui/line-small-blue.svg) center center no-repeat;
    background-size: 100%;
}

body .ind .slideshow__pagination .swiper-pagination-bullet-active {
    background-image: url(../images/industries/ui/line-small-red.svg);
}

body .ind .slideshow__navigation { display: flex; justify-content: flex-end; }

body .ind .slideshow__nav-button {
    width: calc(2.25 * var(--r));
    height: calc(2.25 * var(--r));
    margin-left: calc(0.625 * var(--r));
    padding: 0;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    background: transparent url(../images/industries/ui/arrow-circle-left.svg) no-repeat center center;
    background-size: 100%;
}

body .ind .slideshow__nav-button--next { background-image: url(../images/industries/ui/arrow-cirle-right.svg); }

body .ind .paragraph--type-text { display: flex; }
body .ind .paragraph__column { box-sizing: border-box; flex-basis: 50%; flex-shrink: 0; padding-right: 0; }

@media (max-width: 1023px) {
    body .ind .paragraph__column { flex-basis: calc(75% - calc(4 * var(--r))); }
}

@media (max-width: 767px) {
    body .ind .paragraph--type-text { flex-direction: column; }
    body .ind .paragraph__column { flex-basis: 100%; }
}

body .ind .paragraph--type-video .video-wrapper { margin-left: auto; margin-right: auto; box-shadow: 0 3px 56px 0 rgba(0, 0, 0, 0.26); }

@media (max-width: 767px) {
    body .ind .paragraph--type-video .video-wrapper { max-width: 520px; box-shadow: none; }
}

body .ind .video-frame { position: relative; height: 0; padding-bottom: 56.25%; background: #000; }
body .ind .video-frame iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }

/* Industries content end */

/* Industries machines */

body .ind .related { display: flex; }
body .ind .related__view { width: calc(75% - calc(4 * var(--r))); }
body .ind .related .view { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: calc(1 * var(--r)) calc(1 * var(--r)); }

@media (max-width: 1023px) {
    body .ind .related { flex-direction: column; }
    body .ind .related__view { width: 100%; margin-top: calc(2 * var(--r)); }
    body .ind .related .view { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 767px) {
    body .ind .related .view { grid-template-columns: 1fr; }
}

body .ind .product-teaser {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: calc(2 * var(--r)) calc(2 * var(--r)) calc(calc(2 * var(--r)) + 2em) calc(2 * var(--r));
    box-sizing: border-box;
}

body .ind .product-teaser::before {
    content: '';
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    width: 150%;
    height: 150%;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    box-shadow: inset 0 0 calc(8 * var(--r)) rgba(0, 0, 0, 0.5);
}

body .ind .product-teaser img { position: relative; width: 100%; height: auto; }

body .ind .product-teaser__title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0.5em 0.5em 0.5em 2em;
    box-sizing: border-box;
    background: var(--ind-blue);
    font-size: calc(0.8 * var(--r));
    color: #fff;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    body .ind .product-teaser { height: auto; }
    body .ind .product-teaser__title { padding: 0.5em; }
}

/* Industries machines end */

/* Industries video modal */

body .ind--modal-host { position: static; z-index: auto; overflow: visible; }

body .ind .modal {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 2147483001;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    visibility: hidden;
    transform: translateY(120vh);
}

body .ind .modal__underlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    text-indent: -9001px;
    overflow: hidden;
}

body .ind .modal--open { visibility: visible; transform: translateY(0); transition: all 250ms ease-in-out; }

body .ind .modal--open .modal__underlay {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.4);
    transition: all 250ms ease-in-out;
    transition-delay: 250ms;
}

body .ind .modal__inner {
    position: relative;
    width: calc(70vw - calc(4 * var(--r)));
    margin: calc(2 * var(--r));
    box-sizing: border-box;
    background: var(--ind-blue) url(../images/industries/background.jpg);
}

@media (max-width: 1023px) {
    body .ind .modal__inner { width: calc(100% - calc(4 * var(--r))); }
}

body .ind .modal__video { width: 100%; }

body .ind .modal__close {
    position: absolute;
    top: calc(-3 * var(--r));
    right: calc(-1 * var(--r));
    width: calc(1.5 * var(--r));
    height: calc(1.5 * var(--r));
    overflow: hidden;
    text-indent: -9001px;
    background: url(../images/industries/ui/cross.svg) no-repeat top right;
    background-size: calc(1.5 * var(--r));
}

body .ind .modal__close:hover { background-image: url(../images/industries/ui/cross-red.svg); }

/* Industries video modal end */

/* Industries contact block */

body .ind .cta {
    display: flex;
    align-items: center;
    padding: calc(4 * var(--r)) calc(8 * var(--r));
    box-sizing: border-box;
    color: #fff;
    font-family: var(--ind-heading-font);
    background-color: var(--ind-blue);
    background-image: url(../images/industries/background.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

body .ind .cta__img { max-width: 50%; margin-right: calc(8 * var(--r)); }
body .ind .cta__img img { display: block; width: 100%; max-width: 424px; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 100%; }

body .ind .cta__content { position: relative; padding-top: calc(4 * var(--r)); }
body .ind .cta__content h3 { color: #fff; }

body .ind .cta__item { margin: calc(2.1875 * var(--r)) 0 calc(1 * var(--r)); }
body .ind .cta__item:nth-last-child(1) { margin-top: calc(1 * var(--r)); }
body .ind .cta__item a { color: #fff; font-size: calc(1.25 * var(--r)); text-transform: uppercase; }
body .ind .cta__item a:hover { color: var(--ind-red); }
body .ind .cta__item a span { font-weight: 700; }
body .ind .cta__item .button--primary { font-weight: 800; }

@media (max-width: 1339px) {
    body .ind .cta { padding: calc(3 * var(--r)) calc(4 * var(--r)); }
    body .ind .cta__img { margin-right: calc(4 * var(--r)); }
}

@media (max-width: 1023px) {
    body .ind .cta__content { padding-top: calc(3 * var(--r)); }
}

@media (max-width: 767px) {
    body .ind .cta { flex-direction: column; max-width: calc(26 * var(--r)); margin-left: auto; margin-right: auto; padding: calc(3 * var(--r)) calc(2 * var(--r)); }
    body .ind .cta__img { margin-right: 0; margin-bottom: calc(4 * var(--r)); }
    body .ind .cta__img img { margin-left: auto; margin-right: auto; }
    body .ind .cta__content { padding-top: calc(2 * var(--r)); }
    body .ind .cta__content::before { left: 50%; transform: translateX(-50%); }
}

/* Industries contact block end */

/* Industries archive */

body .ind--archive .hero__title span { display: block; }

body .ind .branches { margin-bottom: calc(8 * var(--r)); }

body .ind .branches__title { position: relative; padding-top: calc(4 * var(--r)); margin-bottom: calc(2 * var(--r)); color: var(--ind-blue); text-align: center; }
body .ind .branches__title::before { left: 50%; transform: translateX(-50%); }

@media (max-width: 1023px) {
    body .ind .branches { margin-bottom: calc(4 * var(--r)); }
    body .ind .branches__title { padding-top: calc(3 * var(--r)); }
}

@media (max-width: 767px) {
    body .ind .branches__title { padding-top: calc(2 * var(--r)); }
}

body .ind .branches__items .view { position: relative; display: flex; flex-wrap: wrap; justify-content: center; }

body .ind .branches__items .view::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: calc(6 * var(--r));
    left: calc(5 * var(--r));
    width: 100vw;
    height: 120vh;
    background-image: linear-gradient(to bottom, rgba(5, 53, 110, 0.06), rgba(255, 255, 255, 0.06));
    background-size: 100% 100%;
    background-position: top left;
}

@media (max-width: 767px) {
    body .ind .branches__items .view::before { display: none; }
}

body .ind .branche__outer-wrapper { position: relative; width: calc(20% - calc(1 * var(--r))); margin-right: calc(1 * var(--r)); margin-bottom: calc(1 * var(--r)); box-sizing: border-box; }
body .ind .branche__inner-wrapper { padding-bottom: 100%; }

@media (max-width: 1339px) {
    body .ind .branche__outer-wrapper { width: calc(25% - calc(1 * var(--r))); }
}

@media (max-width: 1023px) {
    body .ind .branche__outer-wrapper { width: calc(33% - calc(1 * var(--r))); }
}

@media (max-width: 767px) {
    body .ind .branche__outer-wrapper { width: 100%; max-width: calc(20 * var(--r)); margin-right: 0; }
}

body .ind .branche__item {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: calc(2 * var(--r)) 0;
    overflow: visible;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 3px 86px 0 rgba(0, 0, 0, 0.09);
    transition: all 250ms ease-in-out;
}

body .ind .branche__item:hover {
    z-index: 2;
    transform: scale(1.187) translateY(-6.23333333%);
    box-shadow: 0 3px 46px 0 rgba(10, 50, 101, 0.4);
}

body .ind .branche__item:not(.branche__item--frontpage) svg, body .ind .branche__item:not(.branche__item--frontpage) > img { width: 33%; margin-top: auto; margin-bottom: auto; }
body .ind .branche__item:not(.branche__item--frontpage) > img { height: auto; filter: brightness(0) saturate(100%) invert(27%) sepia(66%) saturate(5720%) hue-rotate(204deg) brightness(46%) contrast(96%); }
body .ind .branche__item:not(.branche__item--frontpage) svg path, body .ind .branche__item:not(.branche__item--frontpage) svg circle { stroke: var(--ind-blue); }
body .ind .branche__item:not(.branche__item--frontpage) > span { margin-top: 1em; font-size: calc(0.9 * var(--r)); color: var(--ind-blue); text-transform: uppercase; }

/* Industries archive end */

/* Industries homepage */

.elementor-widget-shortcode:has(.ind--home) { width: 100%; max-width: 100%; flex: 1 1 100%; }

body .ind--home { width: 100%; overflow: visible; color: #fff; }

body .ind .branches--frontpage { flex-shrink: 0; width: 100%; max-width: 1466px; margin-left: auto; margin-right: auto; }
body .ind .branches--frontpage .view { display: flex; width: 100%; }

body .ind .branche__outer-wrapper--frontpage {
    width: calc((100% / 9) + 1px);
    max-width: 163px;
    margin-right: 0;
    margin-bottom: 0;
    border-left: 1px solid var(--ind-blue);
}

body .ind .branche__item--frontpage { padding: calc(1.5 * var(--r)) 0; background: rgba(255, 255, 255, 0.1); }
body .ind .branche__item--frontpage:hover { background: #fff; }

body .ind .branche__item--frontpage > span { margin-top: 0.5em; color: #fff; text-align: center; }
body .ind .branche__item--frontpage:hover > span { color: var(--ind-blue); }

body .ind .branche__item--frontpage svg path, body .ind .branche__item--frontpage svg circle { stroke: #fff; }
body .ind .branche__item--frontpage:hover svg path, body .ind .branche__item--frontpage:hover svg circle { stroke: var(--ind-blue); }

body .ind .branche__item--frontpage > img { width: auto; height: auto; }
body .ind .branche__item--frontpage:hover > img { filter: brightness(0) saturate(100%) invert(27%) sepia(66%) saturate(5720%) hue-rotate(204deg) brightness(46%) contrast(96%); }

body .ind .hero__branches-button { display: none; }
body .ind .branches__close { display: none; }

@media (max-width: 1023px) {
    html.ind-scroll-lock, html.ind-scroll-lock body { overflow: hidden; }

    body .ind .hero__branches-button {
        display: block;
        width: 100%;
        max-width: calc(22 * var(--r));
        margin: 0 0 calc(2 * var(--r));
        padding: calc(0.5 * var(--r)) calc(5 * var(--r)) calc(0.5 * var(--r)) calc(1 * var(--r));
        border: 1px solid #707070;
        border-radius: 9px;
        box-sizing: border-box;
        font-family: var(--ind-heading-font);
        font-size: calc(1.3 * var(--r));
        font-weight: bold;
        line-height: 1.8;
        letter-spacing: normal;
        text-align: left;
        text-transform: none;
        color: #fff;
        cursor: pointer;
        background: var(--ind-red) url(../images/industries/ui/arrowhead-down-white-thin.svg) no-repeat right calc(2 * var(--r)) center;
        background-size: calc(2 * var(--r));
    }

    body .ind .hero__branches-button--open { background-image: url(../images/industries/ui/arrowhead-up-white-thin.svg); }

    body .ind .branches--frontpage {
        position: fixed;
        z-index: 2147483000;
        top: 0;
        left: 0;
        width: 100%;
        max-width: none;
        height: 100vh;
        margin: 0;
        padding: calc(9 * var(--r)) calc(1 * var(--r)) calc(3 * var(--r));
        overflow-y: auto;
        box-sizing: border-box;
        opacity: 0;
        visibility: hidden;
        transform: translateY(120vh);
        transition: transform 250ms ease-in-out, opacity 250ms ease-in-out, visibility 0s linear 250ms;
        background: rgba(5, 53, 110, 0.95);
    }

    body .ind .branches--open {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        transition: transform 250ms ease-in-out, opacity 250ms ease-in-out;
    }

    body .ind .branches__close {
        display: block;
        position: absolute;
        top: calc(1 * var(--r));
        right: calc(1 * var(--r));
        width: calc(1.5 * var(--r));
        height: calc(1.5 * var(--r));
        overflow: hidden;
        text-indent: -9001px;
        background: url(../images/industries/ui/cross.svg) no-repeat top right;
        background-size: calc(1.5 * var(--r));
    }

    body .ind .branches__close:hover { background-image: url(../images/industries/ui/cross-red.svg); }

    body .ind .branches--frontpage .view { flex-wrap: wrap; justify-content: center; }
    body .ind .branche__outer-wrapper--frontpage { width: 163px; }
    body .ind .branche__item--frontpage { border-bottom: 1px solid var(--ind-blue); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); }
    body .ind .branche__item--frontpage svg, body .ind .branche__item--frontpage > img { max-width: 40%; }
}

@media (max-width: 767px) {
    body .ind .branche__outer-wrapper--frontpage { width: 33.333%; }
    body .ind .branche__item--frontpage { padding: 20% 0 2%; }
    body .ind .branche__item--frontpage > span { font-size: calc(0.75 * var(--r)); }
}

/* Industries homepage end */