@font-face {
  font-family: Desarc;
  src: url('../fonts/TTDesarcDeluxeSK-Bold.otf');
}
@font-face {
    font-family: 'Maison Neue';
    src: url('../fonts/MaisonNeue-Book.eot');
    src: url('../fonts/MaisonNeue-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MaisonNeue-Book.woff2') format('woff2'),
        url('../fonts/MaisonNeue-Book.woff') format('woff'),
        url('../fonts/MaisonNeue-Book.ttf') format('truetype'),
        url('../fonts/MaisonNeue-Book.svg#MaisonNeue-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Maison Neue';
    src: url('../fonts/MaisonNeue-Bold.eot');
    src: url('../fonts/MaisonNeue-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MaisonNeue-Bold.woff2') format('woff2'),
        url('../fonts/MaisonNeue-Bold.woff') format('woff'),
        url('../fonts/MaisonNeue-Bold.ttf') format('truetype'),
        url('../fonts/MaisonNeue-Bold.svg#MaisonNeue-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
body { margin: 0; padding: 0; background: #fff; max-width: 100%; overflow-x: hidden; width: 100%; }
main { overflow-x: hidden; width: 100%; }
* {  font-family: "Maison Neue", serif; font-optical-sizing: auto; box-sizing: border-box; font-weight: normal; }
strong { font-weight: bold; }
h1, h2, h3, h4, .desarc, .logo, h1 *, h2 *, h3 *, h4 *, .scroller .carousel-cell, .scroller .carousel-cell * { font-family: 'Desarc' !important; text-transform: uppercase; font-weight: normal; font-style: normal; max-width: 100%; }
.subset, .logo, .rollover { font-family: 'Desarc' !important; font-feature-settings: "ss01" 1 !important; }
.logo.with-overwrite, .rollover .yellow { font-feature-settings: "ss01" 0 !important; }
.bg-left { z-index: -1; position: fixed; top: 25vh; left: 0; width: 100px; height: 300px; background-size: 291px 300px; background-position: top right; background-image: url(../images/bg-left.png); background-repeat: no-repeat; }
.bg-right { z-index: -1; position: fixed; top: 50vh; right: 0; width: 270px; height: 350px; background-size: 342px 350px; background-position: top left; background-image: url(../images/bg-right.png); background-repeat: no-repeat; }

header { position: absolute; top: 0; left: 0; width: 100%; height: 100px; position: fixed; z-index: 2999; }
header.with-bg { background: #fff; z-index: 3000; }
header .wrapper:not(.mobile-nav .wrapper) { padding: 0 3%; display: block; width: 100%; }
.logo:link, .logo:visited { z-index: 99998; color: 000; float: left; position: relative; margin-top: 14px; font-size: 56px; line-height: 70px; text-decoration: none; }
.logo.with-overwrite { position: absolute; left: 0; z-index: 99999; background: #fff; min-width: 280px; }
main:has(.subtitle) logo { display: none; }
nav { float: right; width: 100%; position: relative; }
nav ul { list-style-type: none; }
nav ul.main-nav { float: right; position: relative; list-style: none; text-transform: lowercase; margin: 31px 0 0 30px; padding: 10px 30px 7px 30px; background: #efefef; border-radius: 200px; }
nav ul.main-nav li { display: inline-block; margin: 0 7px; }
nav ul.lang-nav { padding-right: 96px; margin-right: -71px; text-transform: initial; }
nav ul.main-nav li a:link, nav ul.main-nav li a:visited { transition: all .2s ease-out; color: #000; text-decoration: none; font-size: 18px; }
nav ul.main-nav li a:hover, nav ul.main-nav li a:active, nav ul.main-nav .here a { color: #000 !important; text-decoration: underline !important; }
nav ul.main-nav .not-here a { text-decoration: none !important; }
.mobile-nav { background: #6767ff; width: calc(100vw + 20px); max-width: calc(100vw + 2px) !important; position: absolute; top: 0; left: -46px; padding: 160px 0 100px 0; z-index: 2; }
.mobile-nav.half-nav { max-width: 50vw !important; right: 0; left: auto; position: fixed; padding-left: 20px; padding-right: 20px; padding-top: 120px; }
footer { background: #6767ff; margin: 0 0 0 0; padding: 5% 0 0 0; width: 100%; float: left; }
footer .col .inner { padding-top: 0; }
.subfooter { background: #fff; padding: 5px 0 3px 0; }
.subfooter * { color: #000; font-size: 14px !important; margin: 0; }
.subfooter a:link, .subfooter a:visited { color: #000; }
.subfooter a:hover, .subfooter a:active { color: #000 !important; text-decoration: underline; }

#menu { z-index: 99999; }
footer ul, .mobile-nav ul { list-style: none; margin: 0px 0 30px 0; padding: 0; }
.mobile-nav ul { margin-top: -5px; }
.mobile-nav a:link, footer a:link, .mobile-nav a:visited, footer a:visited { color: #fff; text-decoration: none; }
.mobile-nav a:hover, footer a:hover, .mobile-nav a:active, footer a:active, .mobile-nav .here a, footer .here a { color: #fff !important; text-decoration: underline !important; }
footer ul li a:link, footer ul li a:visited, .mobile-nav ul li a:link, .mobile-nav ul li a:visited { font-size: 18px; line-height: 42px; text-transform: lowercase; }
h1, .h1 { font-size: 56px; line-height: 70px; color: #000; margin: 0 0 30px 0; }
h2 { font-size: 42px; line-height: 57px; color: #000; margin: 0 0 30px 0; }
.text-col h2 { font-family: "Maison Neue", serif !important; font-size: 18px; line-height: 32px; font-weight: 600 !important; text-transform: lowercase; }
.text-col h2::first-letter { text-transform: capitalize; }
h3, .h3 { font-size: 30px; line-height: 42px; color: #000; margin: 0 0 30px 0; }
.green-bg h3, h3.maison, h3.maison .subset { font-family: "Maison Neue", serif !important;  font-weight: 600 !important; text-transform: lowercase; font-feature-settings: "ss01" 0 !important; }
.green-bg h3::first-letter, h3.maison::first-letter { text-transform: capitalize !important; }
main a:link, main a:visited { color: #000; text-decoration: underline; }
main a:hover, main a:active { color: #000; text-decoration: underline; }
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited { color: #000; text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h1 a:active, h2 a:active, h3 a:active, h4 a:active { color: #000; text-decoration: none; }
h4, h3.col-title { font-size: 32px; line-height: 48px; color: #000; margin: 0; }
p, .carousel span, .project-marquee span { font-size: 18px; line-height: 32px; color: #000; margin: 0 0 30px 0; text-transform: none; }
.large-text p, p.large { font-size: 26px; line-height: 38px; }
.center { text-align: center; }
img { width: calc(100% + 1px); position: relative; left: -1px; }
img.img25 { max-width: 25%; }
img.img33 { max-width: 33.33%; }
img.img50 { max-width: 50%; }
img.img75 { max-width: 75%; }
.btn:link, .btn:visited, .btn { transition: all .2s ease-out; white-space: nowrap; font-size: 18px; position: relative; top: 20px; padding: 12px 30px 10px 30px; border: 1px solid #000; border-radius: 200px; color: #000; text-decoration: none; text-transform: lowercase; }
.btn:hover, .btn:active, .btn:hover { color: #fff; text-decoration: none; background: #000; }
p .btn { margin: 0 20px 20px 0; font-size: 18px; line-height: 70px; }
p.large, .large p { font-size: 28px; line-height: 38px; }
.filter .btn { padding: 6px 15px 4px; font-size: 16px; line-height: 40px; margin: 0 10px 20px 0; top: 0; }
.filter .col:first-child { padding-bottom: 40px; }
.large p .btn { font-size: 28px; }
.center p .btn { margin: 0 10px 20px 10px; }
footer ul li { margin: 0 0 10px 0; line-height: 26px; }

/* Class voor Heading boven 3 kolommen */
.heading-less-margin { margin-bottom: -55px; margin-top: 10px; }
.heading-less-margin .inner { padding-bottom: 0 !important; }

.name-slide { display: none; }
.name-slide.active { display: inline-block; }

main .col img:not(main .col a img) { pointer-events: none; }
.mobile-only { display: none; }

.hidden { display: none; }

.col .inner { /*max-width: calc(100% - 120px); padding-top: 20px;*/ max-width: 88%; padding: 10% 10% calc(10% - 20px) 10%; }
.col.title-above-3 .inner { max-width: 100%; padding: 2% 2% 0 calc(3% + 5px); }
.col.less-l-margin .inner { padding-left: 6%; }
.col.no-l-margin .inner { padding-left: 0; }
.mobile-nav .wrapper .col:first-child .inner:has(h3) { padding: 4% 6% calc(6% - 20px) 6%; }
/*main .col.less-l-margin:first-child p { font-weight: 600; }*/
.col.less-t-margin { margin-top: -40px; }

main .col .inner ul { font-size: 18px; line-height: 32px; color: #000; margin: 0px; list-style-type: none; padding-left: 0px; } 
main .col .inner ul li::before { content: ">"; position: absolute; left: 0; color: #000; } 
main .col .inner ul li { position: relative; padding-left: 20px; }

@keyframes scroll {
    0% { transform: translateY(0px); }
   80% { transform: translateY(0px); }
   85% { transform: translateY(5px); }
   95% { transform: translateY(-5px); }
  100% { transform: translateY(0px); }
}

.scroll-icon { display: none; animation: scroll 2.5s infinite; position: fixed; bottom: 20px; left: calc(50% - 20px); width: 40px; height: 68px; background-size: 40px 68px; background-image: url(../images/scroll-icon.png); }

.container { width: 100%; clear: all; float: left; max-width: 100%; }
.subtitle { margin-top: -95px; margin-bottom: -20px; }
.subtitle h1 a { z-index: 3000; position: relative; }
.subtitle .inner { max-width: 100%; padding: 29px 3% 0 3%; }
.filter .inner { max-width: 100%; padding: 6% 3% 3% 3%; }
.project-title h1, .project-title h2 { font-size: 56px; line-height: 70px; }
.no-padding { padding: 0 !important; }
.no-inner-padding .inner { padding: 0; max-width: 100%; }
.roll-container { position: relative; display: block; }
span.rollover { visibility: hidden; }
.no-padding:hover span.rollover, .no-padding:active span.rollover { visibility: visible; }
.no-padding:hover .overlay, .no-padding:active .overlay { display: flex; }
.overlay { position: absolute; width: calc(100% + 10px); height: 100%; background: rgba(255,255,255,0.9); padding: 20px; bottom: 0; display: none; left: -10px; }
.overlay-inner { align-self: flex-end; }
.overlay p { font-size: 14px; line-height: 21px; color: #000; margin: 20px 0 0 0; }
.overlay p a:link, .overlay p a:visited { color: #000; }
.wrapper.team-wrapper { column-gap: 20px; padding: 0 3% 20px 3%; }
.wrapper.team-wrapper .inner { padding-left: 0; }
.wrapper.team-wrapper .col { flex-grow: 0; flex-shrink: 1; flex-basis: calc(16.66% - 18px) !important; overflow: hidden; }

.break { flex-basis: 100%; height: 0; float: left; width: 100%; }
.break-20 { height: 20px; }
.break-40 { height: 40px; }
.break-60 { height: 60px; }
.break-80 { height: 80px; }
.break-100 { height: 100px; }
.break-120 { height: 120px; }

.white, .white * { color: #fff !important; font-family: inherit; }
.black, .black * { color: #000; font-family: inherit; }
.pink, .pink * { color: #ed8ae4; font-family: inherit; }
.green, .green * { color: #39b04a; font-family: inherit; }
.blue, .blue * { color: #5656ea; font-family: inherit; }
.yellow, .yellow * { color: #ffe000; font-family: inherit; }
.orange, .orange * { color: #dd5c42; font-family: inherit; }

.pink-bg { background: #ed8ae4; }
.green-bg { background: #39b04a; }
.blue-bg { background: #5656ea; }
.grey-bg { background: #efefef; }
.yellow-bg { background: #ffe000; }
.orange-bg { background: #dd5c42; }

.pink-page footer, .pink-page .mobile-nav { background: #ed8ae4; }
.green-page footer, .green-page .mobile-nav { background: #39b04a; }
.blue-page footer, .blue-page .mobile-nav { background: #5656ea; }
.yellow-page footer, .yellow-page .mobile-nav { background: #ffe000; }
.orange-page footer, .orange-page .mobile-nav { background: #dd5c42; }
.by { color: #5656ea; margin-bottom: 4px; display: inline-block; }
.pink-page .by { color: #ed8ae4; }
.green-page .by { color: #39b04a; }
.blue-page .by { color: #5656ea; }
.yellow-page .by { color: #ffe000; }
.orange-page .by { color: #dd5c42; }
.yellow-page .mobile-nav a:link, .yellow-page footer a:link, .yellow-page .mobile-nav a:visited, .yellow-page footer a:visited, .yellow-page .mobile-nav .here a, .yellow-page footer .here a { color: #000 !important; }

.pink-btn:link, .pink-btn:visited { color: #ed8ae4; border-color: #ed8ae4; }
.pink-btn:hover, .pink-btn:active { color: #fff; border-color: #ed8ae4; background: #ed8ae4; }
.green-btn:link, .green-btn:visited, .green-btn { color: #39b04a; border-color: #39b04a; }
.green-btn:hover, .green-btn:active, .green-btn:hover { color: #fff; border-color: #39b04a; background: #39b04a; }
.white-btn:link, .white-btn:visited, .white-btn { color: #fff; border-color: #fff; }
.white-bg:hover, .white-bg:active, .white-btn:hover { color: #000; border-color: #fff; background: #fff; }
.blue-btn:link, .blue-btn:visited { color: #5656ea; border-color: #5656ea; }
.blue-btn:hover, .blue-btn:active { color: #fff; border-color: #5656ea; background: #5656ea; }
.yellow-btn:link, .yellow-btn:visited { color: #ffe000; border-color: #ffe000; }
.yellow-btn:hover, .yellow-btn:active { color: #fff; border-color: #ffe000; background: #ffe000; }
.orange-btn:link, .orange-btn:visited { color: #dd5c42; border-color: #dd5c42; }
.orange-btn:hover, .orange-btn:active { color: #fff; border-color: #dd5c42; background: #dd5c42; }

.some:link, .some:visited { padding: 5px 0; display: inline-block; color: #fff; text-decoration: none; }
.some:link i, .some:visited i { width: 34px; height: 34px; margin-right: 14px; background-size: 34px 68px; background-position: top left; display: inline-block; top: -3px; position: relative; }
.some i.pinterest { background-image: url(../images/pinterest.png); }
.some i.linkedin { background-image: url(../images/linkedin.png); }
.some i.instagram { background-image: url(../images/instagram.png); }
.some:hover, .some:active { color: #000; text-decoration: none; }
.some:hover i, .some:active i { background-position: bottom left; }

.yellow-page .some i { background-position: bottom left !important; }
.yellow-page .white { color: #000; }

main { padding: 80px 0 0 0; }
.wrapper { display: flex; justify-content: flex-start; padding: 0 0; margin: 0 0 0 0; margin-left: auto; margin-right: auto; width: 100%; margin: 0 auto 0 auto; }
.wrapper.with-gap { column-gap: 20px; }
.wrapper.full-width { padding: 0; }
.wrapper.full-width .col { padding: 0; }
.wrapper .col { flex: 1; padding: 0; }
.wrapper .flex-col { display: flex; padding: 0; margin: 0; }
.wrapper.no-space { column-gap: unset; }
.wrapper.max-width { max-width: 1280px; }
.wrapper.not-equal { align-items: flex-start; }
.wrapper.items { flex-wrap: wrap; margin-bottom: 0; padding: 0 calc(3% - 20px) 0 3%; width: 100%; column-gap: 20px; }
.wrapper.items .col { margin-bottom: 40px; padding: 0 0 50px 0; position: relative; }
.wrapper.items-2 .col { flex: 0 0 calc(50% - 20px); max-width: calc(50% - 20px); }
.wrapper.items-3 .col { flex: 0 0 calc(33.33% - 20px); max-width: calc(33.33% - 20px); }
.wrapper.items-4 .col { flex: 0 0 calc(25% - 20px); max-width: calc(25% - 20px); }
.col.one-five { flex: 0 0 calc(100% / 5 - 16px) !important; }
.col.one-six { flex: 0 0 calc(100% / 6 - 16px) !important; }
.wrapper.items .col .btn { position: absolute; bottom: 0; top: unset; left: 0; }
.col-pic { margin: 0 0 20px 0; }
.col-title { margin: 0 0 15px 0 !important; }
.items .col .inner { max-width: 90%; margin: 0; padding: 0; }
.text-col { max-width: 50%; margin: 0 auto; padding-top: 55px !important; }
.col.img-50 img { max-width: 50%; margin:0 auto; display: block; }
.col.img-75 img { max-width: 75%; margin:0 auto; display: block; }
.col table { border: none; padding: 0; margin: 0 0 30px 0; }
.col tr td { padding: 0 20px 0 0; }
.col tr td:first-child { }
.col td { border: none; font-size: 20px; line-height: 32px; }

.filter a.btn.active { /*padding-right: 27px !important;*/ background-color: #000; color: #fff; border-color: #000; }
/*.filter a.btn.active:after { content: ''; position: absolute; top: 9px; right: 10px; width: 8px; height: 9px; background-image: url(../images/close-btn.png); background-size: 100%; }*/

input[type='checkbox']:not(:checked) ~ div.mobile-nav { display: none; }
nav input[type='checkbox'], nav label { display: none; }
.hamb { cursor: pointer; float: right; padding: 5px 0 25px 0; z-index: 3001; position: relative; display: block; margin-top: 44px; margin-right: 37px; }
.hamb-label { left: -64px; top: -3px; position: absolute; font-size: 17px; color: #fff; text-transform: lowercase; transition: all .2s ease-out; display: none; }
.hamb-line { background: #000; display: block; height: 2px; position: relative; width: 28px; }
.hamb-line::before, .hamb-line::after{ background: #000; content: ''; display: block; height: 100%; position: absolute; transition: all .2s ease-out; width: 100%; }
.hamb-line::before{ top: 7px; }
.hamb-line::after{ top: -7px; }

#menu:checked ~ .hamb .hamb-line { background: transparent; }
#menu:checked ~ .hamb .hamb-line::before { transform: rotate(-45deg); top:0; background: #fff; }
#menu:checked ~ .hamb .hamb-line::after { transform: rotate(45deg); top:0; background: #fff; }
#menu:checked ~ .hamb:hover .hamb-line::before { background: #fff; }
#menu:checked ~ .hamb:hover .hamb-line::after { background: #fff; }
/*#menu:checked ~ .logo { color: #fff !important; background: none !important; }
#menu:checked ~ .logo.with-overwrite { display: none; }*/
#menu:checked ~ .logo { z-index: 0 !important; }
#menu:checked ~ .logo.with-overwrite { z-index: 1 !important; }
#menu:checked ~ .hamb * { color: #fff !important; display: block; }
#menu:checked ~ .hamb:hover * { color: #fff !important; }
/*#menu:checked ~ .main-nav li a:link, #menu:checked ~ .main-nav li a:visited { color: #fff; border-color: #fff; }
#menu:checked ~ .main-nav li a:hover, #menu:checked ~ .main-nav li a:active { color: #005d75; border-color: #ede659; background: #ede659; }*/

/* Scroller */
.scroller { width: 100%; margin: 10px -40px 10px 0; visibility: hidden; }
.scroller .carousel-cell { font-family: 'Desarc' !important; font-weight: normal; font-style: normal; font-size: 34px; line-height: 44px; padding: 0 10px 0 20px; margin: 0 0 0 1px; color: #fff; }
.scroller .carousel-cell:link, .scroller .carousel-cell:visited { color: #fff; text-decoration: none; }
.scroller a.carousel-cell:hover, scroller a.carousel-cell:active { color: #fff; text-decoration: none; }
.scroller span { display: inline-block; margin: 0; padding: 0; margin-left: 14px; font-size: 34px; line-height: 44px; color: #fff; }
.scroller .carousel-cell:has(sup) { top: -10px; margin-bottom: -10px; }

/* New Marquee */
.marquee { position: relative; margin: 10px 0; overflow: hidden; cursor: grab; user-select: none; -webkit-user-select: none; touch-action: pan-y; }
.marquee:active { cursor: grabbing; }
.marquee .track { position: absolute; inset: 0 auto 0 0; display: flex; align-items: center; gap: 0px; padding-inline: var(--gap); will-change: transform; backface-visibility: hidden; }
.marquee .sequence { display: inline-flex; align-items: center; gap: 0px; white-space: nowrap; contain: content; }
.marquee .item { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; min-width: 160px; font-family: 'Desarc' !important; font-weight: normal; font-style: normal; font-size: 34px; line-height: 44px; padding-top: 3px; color: #fff; text-transform: uppercase !important; }
.marquee .item a:link, .marquee .item a:visited { color: #fff; text-decoration: none; }
.marquee .item a:hover, .marquee .item a:active { color: #fff; text-decoration: none; }
.marquee .item span { margin: 0 25px; }
.text-marquee .item * { font-family: 'Desarc' !important; }

/* Carousel */
.carousel { width: calc(98% + 40px); margin: 0 0 -40px 2%; visibility: hidden; }
.carousel .carousel-cell:link, .carousel .carousel-cell:visited { width: 27%; counter-increment: gallery-cell; text-decoration: none; margin: 0 30px 30px 0; }
.carousel .carousel-cell:hover, .carousel .carousel-cell:active { opacity: 0.8; }
.carousel .carousel-cell img { width: 100%; margin: 0 0 10px 0; }
.carousel .carousel-cell span { margin: 0; text-decoration: none; }

/* New Carousel Marquee */
.project-marquee { position: relative; width: 100% !important; margin: 10px 0; overflow: hidden; cursor: grab; user-select: none; -webkit-user-select: none; touch-action: pan-y; }
.project-marquee .sequence { min-width: fit-content; contain: content; }
.project-marquee .item { flex: 0 0 27vw; width: 27vw; display: inline-block; margin: 0 20px 0 0; contain: content; }
.project-marquee .item a:link, .project-marquee .item a:visited { color: #000; text-decoration: none; }
.project-marquee img { width: 100%; margin: 0 0 10px 0; }
.project-marquee .item a:hover, .project-marquee .item a:active { color: #000; text-decoration: none; }
.project-marquee .item span { clear: both; float: left; margin: 0; text-decoration: none; }

/* Logos */
.logos { width: 100%; margin: 40px 0 40px 0; visibility: hidden; }
.logos .carousel-cell { width: 100%; text-align: center; }
.logos .carousel-cell a:link, .logos .carousel-cell a:visited { width: calc(14.66% - 40px); margin: 40px 20px; padding: 10px; display: inline-block; opacity: 0.8; }
.logos .carousel-cell a:hover, .logos .carousel-cell a:active { opacity: 1; }
.logos .carousel-cell a img { width: 100%; }

/* Forms */
form .fieldset { margin: 0 0 25px 0; width: 100%; float: left; padding: 0; }
::placeholder { color: #999; opacity: 0.5; }
form .btn { background: #39b04a; color: #fff; margin-top: -20px; cursor: pointer; }
form .btn:hover { background: #000; color: #fff; border-color: #000; }
form .field, form textarea { background: #fff; color: #000; border: 1px solid #39b04a; border-radius: 200px; padding: 15px 15px 10px 20px; font-size: 16px; line-height: 22px; width: 100%; }
form textarea { min-height: 100px; }
form label { font-weight: 500; width: 100%; margin: 0 0 10px 0; display: inline-block; }
label.error { display: none !important; }
input.error::placeholder, textarea.error::placeholder { color: #cf2323; }

@media (min-width: 2200px) {
  p, .carousel span, .project-marquee span { font-size: 24px; line-height: 42px; }
  .text-col h2 { font-size: 24px; line-height: 42px; }
  p .btn { font-size: 24px; }
  .btn:link, .btn:visited, .btn { font-size: 24px; }
  footer ul li a:link, footer ul li a:visited, .mobile-nav ul li a:link, .mobile-nav ul li a:visited { font-size: 24px; line-height: 52px; }
  .filter .btn { padding: 6px 15px 4px; font-size: 16px; line-height: 40px; margin: 0 10px 20px 0; top: 0; }
  main .col .inner ul { font-size: 24px; line-height: 42px; } 
}

@media (min-width: 1700px) and (max-width: 2199px) {
  p, .carousel span, .project-marquee span { font-size: 20px; line-height: 36px; }
  .text-col h2 { font-size: 20px; line-height: 36px; }
  p .btn { font-size: 20px; }
  .btn:link, .btn:visited, .btn { font-size: 20px; }
  footer ul li a:link, footer ul li a:visited, .mobile-nav ul li a:link, .mobile-nav ul li a:visited { font-size: 20px; line-height: 44px; }
  .filter .btn { padding: 6px 15px 4px; font-size: 16px; line-height: 40px; margin: 0 10px 20px 0; top: 0; }
  main .col .inner ul { font-size: 20px; line-height: 36px; }
}

@media (max-width: 1400px) {

}

@media (max-width: 1260px) {
  .wrapper.team-wrapper { flex-wrap: wrap; }
  .wrapper.team-wrapper .col { flex-grow: 0; flex-shrink: 1; flex-basis: calc(33.33% - 14px) !important; }
}


@media (max-width: 1120px) {

}

@media (max-width: 980px) {
h1, .h1 { font-size: 46px; line-height: 56px; color: #000; margin: 0 0 0 0; hyphens: auto; }
h1:has(.subset), .h1:has(.subset) { margin: 0 0 80px 0; }
.white h1, h1.white, .white h2, h2.white, .white h3, h3.white { color: #fff; }
.black h1, h1.black, .black h2, h2.black, .black h3, h3.black { color: #000; }
h2 { font-size: 40px; line-height: 50px; color: #000; margin: 0 0 30px 0; hyphens: auto; }
h3, .h3 { font-size: 30px; line-height: 46px; color: #000; margin: 0 0 30px 0; hyphens: auto; }
.project-title h1, .project-title h2 { font-size: 46px; line-height: 56px; }
.logo:link, .logo:visited { font-size: 46px; line-height: 56px; }
p, .carousel span, .project-marquee span { font-size: 16px; line-height: 28px; color: #000; margin: 0 0 30px 0; }
footer ul li a:link, footer ul li a:visited, .mobile-nav ul li a:link, .mobile-nav ul li a:visited { font-size: 16px; line-height: 36px; }
.subtitle .inner { padding-top: 15px }
/*nav { width: calc(100% - 63px); }*/
.mobile-nav { left: -26px; }
.mobile-nav.half-nav { max-width: calc(100vw - 260px) !important; }
}

@media (max-width: 840px) {
    .logos .carousel-cell a:link, .logos .carousel-cell a:visited { width: calc(22% - 20px); margin: 10px; }
}


@media (max-width: 888px) {
  /*nav { width: calc(100% - 43px); }*/
  main { padding-top: 125px; }
  .main-nav { display: none; }
  header { height: 84px; }
  .hamb { margin-top: 36px; margin-right: 0; }
  .wrapper { padding: 0; flex-direction: column; }
  header .wrapper:not(.mobile-nav .wrapper) { padding: 0 20px; }
  .mobile-nav:not(.half-nav) .wrapper, footer .wrapper { flex-direction: column; }
  .mobile-nav.half-nav { max-width: 100vw !important; padding-left: 0; padding-right: 0; }
  .mobile-nav.half-nav .wrapper { flex-direction: row !important; }

  #menu:checked ~ .logo { color: #fff !important; background: none !important; z-index: 999999 !important; display: block !important; }
  #menu:checked ~ .logo.with-overwrite { display: none; }
  .carousel { width: calc(100% - 10px); margin: 0 -20px -90px 10px; }
  .carousel .carousel-cell:link, .carousel .carousel-cell:visited { width: 60%; }
  .project-marquee .item { flex: 0 0 60vw; flex: none; float: left; width: 60vw; }
  /*.logos .carousel-cell a:link, .logos .carousel-cell a:visited { width: calc(47% - 40px); }*/
  .scroller { margin-top: -10px; margin-bottom: -10px; }
  .scroller .carousel-cell { font-size: 24px; line-height: 34px; white-space: nowrap; padding-right: 0px; }
  .marquee:not(.project-marquee) { height: 45px !important; margin: -10px 0; }
  .text-marquee .item *, .marquee .item { font-size: 34px; line-height: 44px; }
  .scroller span { font-size: 24px; line-height: 34px; }
  .mobile-nav { padding-top: 120px; padding-bottom: 0px; min-height: 100vh; height: 100vh; overflow-y: scroll; padding-bottom: 80px; left: -20px; }
  .mobile-nav:not(.half-nav) .wrapper { flex-direction: column-reverse; }
  .wrapper.reverse-order { flex-direction: column-reverse !important; }
  /*.mobile-nav .wrapper .col:first-child { display: none; }*/
  .mobile-nav:not(.half-nav) .wrapper .col:first-child .inner:has(h3) { text-align: left; }
  .mobile-nav:not(.half-nav) .col { text-align: center; }
  .desktop-only { display: none !important; }
  .mobile-only { display: block !important; }
  footer { padding: 20px 0 0 0; }
  footer .flex-col { padding: 0 !important; }
  footer .flex-col .col { max-width: 50% !important; }
  footer h3 { font-size: 18px !important; white-space: nowrap; }
  .container .arrows-r { margin: -15px 0 -35px 0 !important; }
  .filter { margin-bottom: 0; }
  .filter .btn { white-space: nowrap; display: inline-block; line-height: 16px; }
  .wrapper.items { padding: 0; }
  .wrapper .items .item { margin-top: 0; }
  .items .col .inner { max-width: 100% !important; }
  .wrapper.items .col { margin-bottom: 20px; }
  .wrapper.items .col .btn { position: relative; margin-top: 10px; display: inline-block; bottom: unset; left: 20px; }
  .wrapper.items-2 .col, .wrapper.items-3 .col, .wrapper.items-4 .col { max-width: 100%; }
  .wrapper.team-wrapper { flex-direction: row; }
  .wrapper.team-wrapper .inner { padding-left: 0 !important; }
  .wrapper.team-wrapper .col { flex-basis: calc(50% - 10px) !important;}
  .subtitle { margin-top: -131px; }
  .text-col { max-width: 100%; padding: 20px !important; }
  .inner { max-width: 100% !important; padding: 20px 20px 20px 20px !important; }
  .project-carousel-wrapper { margin-bottom: 50px; }
  .heading-less-margin { margin-bottom: 0px; }
  .heading-less-margin .inner { padding-bottom: 0px !important; }
  .inner .btn:not(form .btn) { top: 0; }
  .hamb-label { display: none !important; }
  .mobile-nav li { text-align: left; }
  .wrapper .col:has(img) { margin-bottom: 20px; }
  .subtitle .inner { padding-top: 0px }
  h1:has(.subset), .h1:has(.subset) { margin: 0 0 30px 0; }
  h4, h3.col-title { font-size: 28px; }
  .scroll-icon { display: none !important; }
  h3 { margin-bottom: 20px;  }
  p { margin-bottom: 20px; }
  .container { padding: 20px 0; margin: 0; }
  .container.no-top-padding-mobile { padding-top: 0 !important; }
  .container .wrapper .col:nth-child(2):not(:has(img)) .inner, .container .wrapper.reverse-order .col:nth-child(1):not(:has(img)) .inner { padding-bottom: 0 !important; }
  .container.yellow-bg .wrapper:not(.reverse-order) .col:nth-child(2):has(img), .container.green-bg .wrapper:not(.reverse-order) .col:nth-child(2):has(img), .container.pink-bg .wrapper:not(.reverse-order) .col:nth-child(2):has(img), .container.blue-bg .wrapper:not(.reverse-order) .col:nth-child(2):has(img), .container.orange-bg .wrapper:not(.reverse-order) .col:nth-child(2):has(img), .container.grey-bg .wrapper:not(.reverse-order) .col:nth-child(2):has(img) { margin-bottom: -20px !important; }

  .break-20 { height: 0; }
  .break-40 { height: 20px; }
  .break-60 { height: 40px; }
  .break-80 { height: 60px; }
  .break-100 { height: 80px; }
  .break-120 { height: 100px; }
  table { max-width: 100%; }
  img.img75, .col.img-75 img { max-width: 100% !important; }
}

@-moz-document url-prefix() { .scroller { margin: 12px -40px 5px 0; }