/*  =================================================================
    0.0 :ROOT ~ overwrites or extras (if needed)
    ================================================================== */
    :root {
        --row-width: 1200px; /* max-width */
        --row-half-width: -600px; /* half-width */
        --font-poppins: 'Poppins', sans-serif;
        --font-oswald: 'Oswald', sans-serif;
        --font-weight: 400;
        
        /*--clr-black: #272727;*/
        --clr-light: #D0D0D0;
        --clr-gold: #CC9F5A;
        --swiper-wrapper-transition-timing-function: 100ms;
        --swiper-navigation-color: #ffffff;
		--swiper-navigation-size: 30px;
    }

	.bgGold {
		background-color: var(--clr-gold);
	}

    input::-webkit-input-placeholder,
    select::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder {
        color: #d0d0d0;
    }
    input::-moz-placeholder,
    select::-moz-placeholder,
    textarea::-moz-placeholder {
        color: #d0d0d0;
    }
    input:-ms-input-placeholder,
    select:-ms-input-placeholder,
    textarea:-ms-input-placeholder {
        color: #d0d0d0;
    }
    input:-moz-placeholder,
    select:-moz-placeholder,
    textarea:-moz-placeholder {
        color: #d0d0d0;
    }
	
	.search input::-webkit-input-placeholder {
        color: #909090;
		font-weight: 300;
    }
    .search input::-moz-placeholder {
        color: #909090;
		font-weight: 300;
    }
    .search input:-ms-input-placeholder {
        color: #909090;
		font-weight: 300;
    }
    .search input:-moz-placeholder {
        color: #909090;
		font-weight: 300;
    }
	
	nav input::-webkit-input-placeholder {
        color: #CC9F5A;
		font-weight: 200;
    }
    nav input::-moz-placeholder {
        color: #CC9F5A;
		font-weight: 200;
    }
    nav input:-ms-input-placeholder {
        color: #CC9F5A;
		font-weight: 200;
    }
    nav input:-moz-placeholder {
        color: #CC9F5A;
		font-weight: 200;
    }
	
	.transparency {
		position: relative;
	}
	.transparency:after {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
        pointer-events: none;
	}
	.transparency._10:after {
		background-color: rgba(0,0,0,0.10);
	}
	.transparency._20:after {
		background-color: rgba(0,0,0,0.20);
	}
	.transparency._30:after {
		background-color: rgba(0,0,0,0.30);
	}
	.transparency._40:after {
		background-color: rgba(0,0,0,0.40);
	}
	.transparency._50:after {
		background-color: rgba(0,0,0,0.50);
	}
	.transparency._60:after {
		background-color: rgba(0,0,0,0.60);
	}
	.transparency._70:after {
		background-color: rgba(0,0,0,0.70);
	}
	.transparency._80:after {
		background-color: rgba(0,0,0,0.80);
	}
	.transparency._90:after {
		background-color: rgba(0,0,0,0.90);
	}
	.transparency._100:after {
		background-color: rgba(0,0,0,1);
	}

	@keyframes zoomEffect {
		0% { transform: scale(1); }
		50% { transform: scale(1.2); }
		100% { transform: scale(1); }
	}

/*  =================================================================
    1.0 BASE
    ================================================================== */
    /*html, */body:not(.overflowed) {
        overflow-x: hidden;
    }
    body, h1, h2, h3, h4, h5, h6, p, ul, ol, label, a, .button, button, input, select, textarea, address {
        font-family: var(--font-poppins);
        color: var(--clr-white);
    }

    h1, h2, h3 {
        font-family: var(--font-oswald);
        font-optical-sizing: auto;
        font-style: normal;
    }

    body:not(.noBG),
	.pricing {
        background-image: url(../img/bg_marbles.jpg);
        background-attachment: fixed;
        background-position: center top /*-945px*/;
        background-size: cover;
        background-repeat: no-repeat;
        /*background-color: var(--clr-black);*/
    }
    body.noBG {
        background-color: var(--clr-black);
    }

    main.row, .row.outer {
        padding-left: 20px;
        padding-right: 20px;
    }
    .row.outer.collapsed {
        padding-left: 0;
        padding-right: 0;
    }
    .row {
        z-index: 3;
    }
	
	.text-desktop {display: block;}
	.text-mobile {display: none;}

/*  1.1 BASE - Grid Rework
    -------------------------------------------------------------- */
    .gridFrame {
        grid-gap: 20px;
    }
    .gridFrame.noGap {
        grid-gap: 0;
    }
    .gridFrame.USP {
        row-gap: 40px;
    }

/*  1.2 BASE - Clearfix
    -------------------------------------------------------------- */
    .clear, .clearall, .clearfix {
        clear: both;
    }

/*  1.3 BASE - Keyframes
    -------------------------------------------------------------- */
    @keyframes spinner {
        from{}
        to{
            transform: rotate(360deg);
        }
    }
    @keyframes spinnerHalf {
        from {
            transform: rotate(0);
        }
        to {
            transform: rotate(180deg);
        }
    }

    @-webkit-keyframes slide-progress {
        0% {
            transform: translateX(-100%);
        }
        100% {
            transform: translateX(0);
        }
    }
    @keyframes slide-progress {
        0% {
            transform: translateX(-100%);
        }
        100% {
            transform: translateX(0);
        }
    }

/*  1.4 BASE - Text stylings
    -------------------------------------------------------------- */
    h1, h2, h3, h4, h5, h6, cite { 
        text-transform: uppercase;
        font-family: var(--font-oswald);
    }
    h1 {
        font-weight: 600;
    }
    h2 {
        /*font-weight: 200;
        font-size: 84px;
        line-height: 100px;
        letter-spacing: 1px;*/
		font-weight: 300;
        font-size: 80px;
        line-height: 100px;
		letter-spacing: 5px;
		white-space: nowrap;
        margin-bottom: 12px;
    }
    h3 {
        font-weight: 200;
        font-size: 84px;
        line-height: 100px;
    }
    p, li {
        font-size: 17px;
        line-height: 30px;
    }
	
	ul {
		list-style: none !important;
	}
	ul li {
		padding-left: 30px;
		position: relative;
	}
	text ul li:before {
		font-family: 'remixicon';
		content: '\EB7B';
		position: absolute;
		left: 0;
		top: 0;
		width: 30px;
		line-height: 30px;
		color: var(--clr-gold);
		text-align: center;
	}

    input[type="submit"],
    button,
    .button,
    .btn {
        background-color: var(--clr-gold);
        color: var(--clr-white);
        font-family: var(--font-oswald);
        text-transform: uppercase;
        border-radius: 18px;
        border: 2px solid transparent;
        -webkit-transform: translateZ(0);
                transform: translateZ(0);
		letter-spacing: 2px;
		border-radius: 22px;
        padding: 5px 14px 7px;
        font-size: 18px;
        font-weight: 300;
    }

    .button.gradient {
        background: rgb(204,159,90);
        background: linear-gradient(135deg, rgba(204,159,90,1) 0%, rgba(253,218,161,1) 100%);
    }
	
	.button.bgGrey {
		background-color: #979a9c;
	}

    .fade-in {
        background-color: #000;
    }

/*  =================================================================
    x.0 NAV
    ================================================================== */
    nav {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        max-width: 104px;
        height: 100dvh;
        background-color: transparent;
        z-index: 997;
        -webkit-transition: max-width 300ms linear;
                transition: max-width 300ms linear;
    }
    nav:before {
        content: '';
        z-index: -1;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-transition: width 300ms linear;
                transition: width 300ms linear;
        background: rgb(0,0,0);
        background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
    }
    nav > ul {
		width: 100%;
		max-width: 105px;
        margin: 50px 0 0 0;
    }
    nav ul.btm {
        position: absolute;
        left: 0;
        bottom: 50px;
        margin: 0;
		width: 105px;
    }

    nav ul li {
        position: relative;
        width: 100%/*auto*/;
        min-width: 40px;
		text-align: center;
		padding: 0;
    }
    nav ul li:not(:last-of-type) {
        margin-bottom: 35px;
    }
    nav a {
        position: relative;
        font-size: 0;
        line-height: 0;
        display: block;
        width: auto;
        min-width: 40px;
    }
    nav ul.btm li {
		line-height: 20px;
	}
    nav ul.btm li:not(:last-of-type) {
        margin-bottom: 20px;
    }
	nav ul.btm a svg {
		width: 20px;
		height: 20px;
	}
    nav ul.btm a svg path {
		fill: #707070;
	}
    nav a img,
	nav ul:not(.btm) li img {
		/*margin: 0 auto;*/
		margin: 0;
		margin-left: 40px;
        max-width: 25px;
        height: auto;
        display: block;
        -webkit-transition: filter 300ms ease-in;
                transition: filter 300ms ease-in;
    }
    nav ul:not(.btm) a/* span*/,
	nav ul.btm a span {
        opacity: 0;
        position: absolute;
        left: 78px;
        top: 0/*50%*/;
        white-space: nowrap;
        -webkit-transform: translateY(/*-50%*/0);
                transform: translateY(/*-50%*/0);
        -webkit-transition: color 300ms ease-in, opacity 100ms ease-in;
                transition: color 300ms ease-in, opacity 100ms ease-in;
        -webkit-transition-delay: 0s;
                transition-delay: 0s;
        font-size: 14px;
        line-height: 25px;
    }
    nav ul li.active a span {
        color: var(--clr-gold);
    }
    nav ul li.active img {
        filter: invert(65%) sepia(98%) saturate(238%) hue-rotate(355deg) brightness(85%) contrast(85%);
    }
    nav > ul ul {
		width: 120%;
		max-width: none;
        margin: 0 0 0 88px;
        opacity: 0;
        height: auto;
        max-height: 0;
        overflow: hidden;
        -webkit-transition: all 300ms ease-in;
                transition: all 300ms ease-in;
    }
    nav ul:not(.btm) ul a {
		position: relative;
        left: auto;
        top: auto;
        -webkit-transform: translateY(0);
                transform: translateY(0);
		
        font-size: 12px;
        line-height: 20px;
		white-space: nowrap;
    }
    nav ul ul li {
		text-align: left;
    }
    nav ul ul li:not(:last-of-type) {
        margin-bottom: 0;
    }
	nav ul li.has-children ul.opened,
	nav ul li ul.opened {
		padding-top: 10px;
		padding-bottom: 10px;
		opacity: 1;
		max-height: 100dvh;
		margin-bottom: -10px;
		-webkit-transition: opacity 800ms ease-out, max-height 600ms ease-in;
				transition: opacity 800ms ease-out, max-height 600ms ease-in;
	}


/*  =================================================================
    x.0 HEADER
    ================================================================== */
    .heading {
        position: absolute;
        left: 233px;
        top: 76px;
        z-index: 10; /*4*/
    }
	/*.home .heading {
        z-index: 10;
    }*/
    .logo-link {
        position: relative;
        font-size: 0;
        line-height: 0;
		display: inline-block;
		vertical-align: top;
        margin-right: 18px;
    }
    .logo-link img {
        width: auto;
        height: 72px;
    }
    .heading h1 {
        line-height: 72px;
        font-weight: 300;
        text-transform: uppercase;
        color: var(--clr-gold);
        font-size: 30px;        
        letter-spacing: 3px;
        margin-left: 186px;
		display: inline-block;
		vertical-align: top;
    }
	.heading h1 a {
		font-family: var(--font-oswald);
	}
    .heading.noM h1 {
        margin-left: 0;
    }
    .heading h1 small {
        line-height: 30px;
        color: var(--clr-white);
        font-size: 20px;
        letter-spacing: 1px;
    }
    .heading h1 span {
        display: inline;
        color: var(--clr-white);
    }
	
	.home .heading h1 span {
		display: inline-block;
		opacity: 0;
		-webkit-transform: translateX(-50px);
				transform: translateX(-50px);
		-webkit-transition: opacity 0.6s ease, transform 0.6s ease;
				transition: opacity 0.6s ease, transform 0.6s ease;
		will-change: opacity, transform;
	}

	.home .heading h1 span.animate-in {
		opacity: 1;
		-webkit-transform: translateX(0);
				transform: translateX(0);
	}
	
    .heading p {
        float: left;
        text-align: left;
        color: #fff;
		margin-top: 10px;
        margin-left: 90px;
        width: 100%;
        max-width: 690px;
    }
    /*.swiper, .swiper-wrapper {
        z-index: 0;
    }*/

/*  =================================================================
    x.0 SIDEBAR
    ================================================================== */


/*  =================================================================
    x.0 CONTENT
    ================================================================== */
    .WYSIWYG h1, .WYSIWYG h3, .WYSIWYG h4, .WYSIWYG h5, .WYSIWYG h6,
    .WYSIWYG p,
    .WYSIWYG ol,
    .WYSIWYG ul,
    .WYSIWYG figure {		
        margin-bottom: 20px;
    }
    .WYSIWYG p strong {
        font-weight: 600;
    }

    .shaded:after,
	.swiper-slide.shaded:before {
        content: '';
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.64);
    }
    .shaded._20:after,
	.swiper-slide.shaded._20:before {
        background-color: rgba(0, 0, 0, 0.2);
    }
    .shaded._40:after,
	.swiper-slide.shaded._40:before {
        background-color: rgba(0, 0, 0, 0.4);
    }
    .shaded._60:after,
	.swiper-slide.shaded._60:before {
        background-color: rgba(0, 0, 0, 0.6);
    }
    .shaded._94:after,
	.swiper-slide.shaded._94:before {
        background-color: rgba(0, 0, 0, 0.94);
    }

    .meetup {
        position: fixed;
        top: 90px;
        right: 90px;
        z-index: /*10*/4;
    }
    .meetup .button,
	.button.meetUpbtn {
        line-height: 30px;
        border-radius: 20px;
        color: var(--clr-black);
        font-size: 22px;
        font-weight: 300;
        border: 0;
        letter-spacing: 1px;
        text-indent: 1px;
        display: inline-block;
        vertical-align: top;
        margin-left: 4px;
    }
	.button.meetUpbtn {
        display: none;
		position: fixed;
		bottom: 27px;
		right: 25px;
		line-height: 25px;
		font-size: 16px;
		padding: 4px 10px 6px;
		z-index: 995;
    }
    .meetup .favs,
    .meetup .search {
		vertical-align: top;
        position: relative;
        line-height: 30px;
        height: 30px;
        display: inline-block;
        margin: 5px 16px 5px 0;
    }
	.meetup .favs,
	.meetup .search a {
        display: inline-block;
    }
	.meetup .search a {
        font-size: 30px;
        line-height: 30px;
        height: 30px;
        position: relative;
        margin: 0;
		width: auto;
    }
    .favs:not(.coll) img {
        display: none;
    }
    .favs img.active {
        display: inline;
    }
    .favs i {
        color: transparent;
        -webkit-text-stroke: 1px #ffffff;
    }
    .favs.active i {
        color: var(--clr-white);
    }
    /*.meetup*/ .favs span {
        position: absolute;
        top: 0;
        left: calc(100% - 8px);
        min-width: 18px;
        height: 18px;
        line-height: 18px;
        border-radius: 50%;
        background-color: var(--clr-gold);
        color: var(--clr-white);
        font-size: 13px;
        text-align: center;
    }
	
	#like-count {
		transition: transform 0.2s ease, opacity 0.2s ease;
		opacity: 0;
		transform: scale(0.8);
		pointer-events: none;
	}

	#like-count.visible {
		opacity: 1;
		transform: scale(1);
	}

	#like-count.pop {
		animation: pop 0.3s ease;
	}

	@keyframes pop {
		0%   { transform: scale(1); }
		50%  { transform: scale(1.3); }
		100% { transform: scale(1); }
	}
	
    .meetup .dropdown {
        position: absolute;
        display: inline-block;
        top: -66px;
        right: -66px;
        z-index: 1;
    }
	nav ul.btm li.dropdown {
		display: none;
	}
    .meetup .dropdown-toggle,
	nav ul.btm li.dropdown .dropdown-toggle	{
        background-color: transparent;
        color: white;
        padding: 0;
        border: none;
        border-radius: 0;
        cursor: pointer;
        font-size: 14px;
        line-height: 44px;
        font-family: var(--font-poppins);
        text-transform: none;
		letter-spacing: 0;
    }
	nav ul.btm li.dropdown .dropdown-toggle	{
        line-height: 24px;
    }
	
	.dropdown-toggle i:before {
		display: inline-block;
		transition: transform 0.3s ease;
		transform: rotate(0deg);
	}
	.dropdown-toggle.open i:before {
		transform: rotate(180deg);
	}
	
    .meetup .dropdown-menu {
        display: none;
        position: absolute;
        top: 100%;
        right: 0;
        background-color: #1a1a1a;
        border: 1px solid #1a1a1a;
        border-radius: 10px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        z-index: 1000;
        width: fit-content;
        overflow: hidden;
    }
    .meetup .dropdown-menu li {
        list-style: none;
		padding: 0;
    }
    .meetup .dropdown-menu a {
        display: block;
        padding: 5px 15px;
        text-decoration: none;
        color: #d0d0d0;
        font-size: 14px;
    }
    .meetup .dropdown-menu a:hover {
        background-color: var(--clr-gold);
        color: white;
    }
	.meetup .menuBtn {
		display: none;
	}

/*  Home page styling - {% redirect "pricing" %}
    -------------------------------------------------------------- */
	section {
		padding: 0;
	}
    section.pan-y {
        display: flex;
        margin: 0;
        flex: none;
        overflow: auto;
        width: 100vw;
        height: 100dvh;
        flex-flow: column nowrap;
        overflow-x: hidden;
        scroll-snap-type: y mandatory; /* mandatory - proximity */
    }
    /*section.pan-y::-webkit-scrollbar {
        display: none;
    }*/
    section.pan-y {
        -ms-overflow-style: none; 
        scrollbar-width: none;
    }
    .contsection.pan-y::-webkit-scrollbar { 
        display: none;
    }
	.block {
        width: 100vw;
        height: 100dvh;
    }
    section.pan-y .block {
        scroll-snap-align: center;
        flex: none;
        overflow: hidden;
    }

	.homeSwiper img, .expoSlide .swiper-slide img, .scaling-element img, .titles .img, .team .video-container img, .partners .video-container img, .vacs .video-container img, .contact .video-container img, .expo .video-container img {
		animation: zoomEffect 40s infinite ease-in-out;
    }

    .homeSwiper img,
	.homeSwiper video {
		object-fit: cover;
	}
	.homeSwiper img {
        height: 100dvh;
    }
	.homeSwiper video {
		width: 100vw;
		height: 100%;
	}
	.homeSwiper .swiper-slide:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.1);
        z-index: 1;
    }
    .homeMain .text {
        position: absolute;
        left: 0;
        top: 280px;
        width: 100%;
        height: auto;
        z-index: 2;
        padding: 0 90px 0 233px;
        text-align: right;
    }
    .homeMain .text .h1,
    .homeMain .text .h2 {
        display: block;
        text-transform: uppercase;
        font-family: var(--font-oswald);
        font-weight: 300;
        letter-spacing: 1.5px;
    }
    .homeMain .text .h1 {
        font-size: 52px;
        line-height: 61px;
        color: var(--clr-white);
        letter-spacing: 3px;
    }
    .homeMain .text .h2 {
		margin-right: 4px;
        font-size: 18px;
        line-height: 28px;
        color: var(--clr-gold);
    }
	.homeMain .mobile-text.h2 {
		position: relative;
		display: none;
		padding: /*30px 60px 30px 20px*/15px;
		background-color: #000;
		font-size: 12px;
		line-height: 22px;
		color: #d0d0d0;
	}
	.h-collections h3.featuredCollections {
		font-size: 30px;
		line-height: 45px;
		letter-spacing: 2px;
		margin-bottom: 12px;
		display: none;
		font-weight: 300;
	}
	.h-collections .text-mobile {
		display: none;
	}
    .h-collections .background {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        z-index: -1;
        -webkit-transition: background-image 0.5s ease;
                transition: background-image 0.5s ease;
    }
    .h-collections .background:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.2);
    }
    .h-collections .swiper {
        height: 100%;
    }
    .h-collections .swiper-slide {
        background: transparent;
        overflow: hidden;
        cursor: pointer;
        -webkit-transition: background-color 0.3s ease, transform 0.3s ease, color 0.3s ease 0.150s;
                transition: background-color 0.3s ease, transform 0.3s ease, color 0.3s ease 0.150s;
        flex-direction: column;
        border-right: 1px solid rgba(255,255,255,0.25);
        transform: scaleX(1);
    }	
	.h-collections .swiper-slide img {
		display: none;
	}
    .h-collections .swiper-slide a {
        position: relative;
        font-family: var(--font-oswald);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 35px;
        line-height: 49px;
        text-indent: 1px;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-weight: 400;
        color: #fff;
		width: 100%;
		height: 100%;
		flex-direction: column;
		word-wrap: break-word;
		text-align: center;
		padding: 0 20px;
    }
    .h-collections .swiper-slide span {
        transform: scaleX(1);
        will-change: transform;
        color: var(--clr-white) !important;
        font-size: 18px;
        line-height: 26px;
        font-weight: 200;
        text-indent: 2px;
        letter-spacing: 2px;
    }
    /*.h-collections .swiper-slide a {
		display: block;
		width: 100%;
		height: 100%;
	}*/
	.h-collections .swiper-slide label.title {
		height: 105px;
		display: block;
		font-family: var(--font-oswald);
		display: flex;
		align-items: center;
	}
	.h-collections .swiper-slide label.fakeBtn {
		opacity: 0;
		visibility: hidden;
		-webkit-transition: opacity 300ms ease-in;
				transition: opacity 300ms ease-in;
        font-weight: 300;
        font-size: 18px;
        line-height: 26px;
        text-indent: 0px;
        letter-spacing: 0px;
        font-family: var(--font-poppins);
        text-transform: none;
        color: var(--clr-gold);
        /*position: absolute;
        left: 50%;
        bottom: 0;
        -webkit-transition: all 500ms ease 250ms;
                transition: all 500ms ease 250ms;
        -webkit-transform: translate(-50%, 30px);
                transform: translate(-50%, 30px);*/
        white-space: nowrap;
    }
	.h-collections .swiper-slide:hover label.fakeBtn {
		opacity: 1;
		visibility: visible;
    }
    .h-collections .swiper-slide label.fakeBtn i {
        margin-left: 10px;
        display: inline-block;
		color: var(--clr-gold);
		vertical-align: middle;
    }
	.h-collections .swiper-slide.active {
		background-color: rgba(0,0,0,0.5);
	}
	.h-collections .swiper-slide.active a {
		color: var(--clr-gold);
	}
    .h-collections .swiper-slide:hover {
        /*-webkit-transform: scaleX(1.1);
                transform: scaleX(1.1);*/
        background-color: rgba(0,0,0,0.5);
    }
    .h-collections .swiper-slide:hover a {
        color: var(--clr-gold);
    }
	/*.h-collections .swiper-button-next, 
	.h-collections .swiper-button-prev {
		display: none;
	}*/
	/*.teamSlider .swiper-button-prev, .infoSlider .swiper-button-prev, .paperSlider*/ .swiper-button-prev,
	/*.teamSlider .swiper-button-next, .infoSlider .swiper-button-next, .paperSlider*/ .swiper-button-next {
		/*display: none;*/
		border-radius: 50%;
		background-color: rgba(255, 255, 255, 0.5);
		width: 32px;
		height: 32px;
	}
	
	/*.teamSlider .swiper-button-prev:after, .infoSlider .swiper-button-prev:after, .paperSlider*/ .swiper-button-prev:after,
	/*.teamSlider .swiper-button-next:after, .infoSlider .swiper-button-next:after, .paperSlider*/ .swiper-button-next:after {
		font-size: 10px;
		color: #000;
	}
	/*.h-collections .swiper-slide:hover label.fakeBtn {
        -webkit-transform: translate(-50%, -125px);
                transform: translate(-50%, -125px);
    }*/
    /*.h-collections .swiper-slide:not(:hover),
    .h-collections .swiper-slide:hover span {
        transform: scaleX(0.9);
    }*/
    /*.h-collections .swiper-slide:hover label.fakeBtn {
        -webkit-transform: translate(-50%, -125px);
                transform: translate(-50%, -125px);
    }
    .h-collections .swiper-slide label.fakeBtn:hover {
        letter-spacing: 2px;
        text-indent: 2px;
    }*/
    /*.h-collections .swiper-slide a:hover i {
        animation: spinnerHalf 0.7s linear forwards;
    }*/

    .expoSlide,
	.vacSlide {
        width: 100%;
        height: 100%;
		position: relative;
		z-index: 3;
    }

    .expoSlide .swiper-slide,
	.vacSlide .swiper-slide {
        position: relative;
        text-align: center;
        font-size: 18px;
		height: 100%;
		overflow: hidden;
        /*background: #fff;*/
        /*display: flex;
        justify-content: center;
        align-items: center;*/
    }
	
	.expoSlide .swiper-slide:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 80vw;
		height: 100dvh;
		background: linear-gradient(90deg, #000 0%, rgba(55, 55, 55, 0) 91.63%, rgba(255, 255, 255, 0) 100%);
		opacity: 0.85;
        pointer-events: none;
        z-index: 1;
	}
    .expoSlide .swiper-slide:after,
	.vacSlide > .swiper-slide:after {
        content: '';
        z-index: 1;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        background: transparent;
        background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(255,255,255,0) 70%);
    }
    .expoSlide .swiper-slide .fig,
	.expoSlide .swiper-slide img {		
        width: 100%;
        height: 100%;
	}
	.expoSlide .swiper-slide img {
        object-fit: cover;
    }
    .expoSlide .swiper-slide text,
	.vacSlide .swiper-slide text {
        position: absolute;
        left: 233px;
        bottom: 177px;
        z-index: 3;
        text-align: left;
        width: 100%;
    }
    .expoSlide .swiper-slide text {
        max-width: 658px;
    }
    .expoSlide .swiper-slide text p,
	.expoSlide .swiper-slide text li {
        color: #d0d0d0;
    }
    .expoSlide .swiper-slide text p,
	.expoSlide .swiper-slide text ul,
	.expoSlide .swiper-slide text ol {
        margin-bottom: 15px;
    }
	.expoSlide .swiper-slide text li strong {
        font-weight: 200;
    }
	.vacSlide .swiper-slide text.wider {
        max-width: 850px;
    }
	
    .expoSlide .swiper-slide text.topped,
	.vacSlide .swiper-slide text.topped {
        bottom: auto;
        top: 162px;
    }
	.vacSlide .swiper-slide text.bigTop {
        bottom: auto;
        top: 407px;
    }
    .expoSlide .swiper-slide text h3,
	.vacSlide .swiper-slide text h3	{
        position: relative;
        left: auto;
        top: auto;
        color: var(--clr-white);
        text-transform: uppercase;
        font-family: var(--font-oswald);
        font-weight: 300;
        font-size: 50px;
        line-height: 60px;
        letter-spacing: 4px;
        margin-bottom: 17px;
    }
    .expoSlide .swiper-slide text.topped h3,
	.vacSlide .swiper-slide text.topped h3 {
        font-size: 84px;
        line-height: 100px;
    }
    .expoSlide .swiper-slide text.bigTop h3,
	.vacSlide .swiper-slide text.bigTop h3 {
        font-size: 50px;
        line-height: 74px;
    }
	.vacSlide .swiper-slide text p,
	.vacSlide .swiper-slide text ul	{
		font-weight: 300;
		margin-bottom: 30px;
		color: #d0d0d0;
	}
	.vacSlide .swiper-slide text strong,
	.vacSlide .swiper-slide text ul	li span {
		font-weight: 600;
	}

    .expoSlide .swiper-slide text .btn,
	.vacSlide .swiper-slide text .btn {
        line-height: 28px;
        padding: 4px 20px 6px 20px;
        float: left;
        display: block;
        border-radius: 21px;
        margin-top: 20px;
        font-size: 18px;
        letter-spacing: 2px;
        text-indent: 2px;
        font-weight: 300;
    }

    .expoSlide .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, 
    .expoSlide .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet,
	.vacSlide .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, 
    .vacSlide .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet	{
        margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 15px);
    }
    .expoSlide .swiper-horizontal > .swiper-pagination-bullets, 
    .expoSlide .swiper-pagination-bullets.swiper-pagination-horizontal, 
    .expoSlide .swiper-pagination-custom, .swiper-pagination-fraction,
	.vacSlide .swiper-horizontal > .swiper-pagination-bullets, 
    .vacSlide .swiper-pagination-bullets.swiper-pagination-horizontal, 
    .vacSlide .swiper-pagination-custom, .swiper-pagination-fraction 	{
		left: /*50%*/218px;
        width: /*calc(100% - 436px)*/calc(100% - 266px);
        bottom: var(--swiper-pagination-bottom, 55px);
        margin: 0;
		text-align: left;
		/*-webkit-transform: translateX(-50%);
				transform: translateX(-50%);*/
    }
    .expoSlide .swiper-pagination-bullet,
	.vacSlide .swiper-pagination-bullet {
        /*width: calc((100% - (120px + 436px)) / 3);*/
        max-width: 400px;
        height: 30px;
        border-radius: 0;
        z-index: 2;
        position: relative;
        overflow: hidden;
        background-color: transparent;
    }
    /*.expoSlide.big .swiper-pagination-bullet {
        width: calc((100% - (180px + 436px)) / 6);
    }*/    
    .expoCount_1 .swiper-pagination-bullet,
    .expoCount_2 .swiper-pagination-bullet,
    .expoCount_3 .swiper-pagination-bullet {
        width: calc((100% - (3 * 30px)) / 3);
    }
    .expoCount_4 .swiper-pagination-bullet {
        width: calc((100% - (4 * 30px)) / 4);
    }    
    .expoCount_5 .swiper-pagination-bullet {
        width: calc((100% - (5 * 30px)) / 5);
    }    
    .expoCount_6 .swiper-pagination-bullet {
        width: calc((100% - (6 * 30px)) / 6);
    }    
    .expoCount_7 .swiper-pagination-bullet {
        width: calc((100% - (7 * 30px)) / 7);
    }
    .expoCount_8 .swiper-pagination-bullet {
        width: calc((100% - (8 * 30px)) / 8);
    }    
    .expoCount_9 .swiper-pagination-bullet {
        width: calc((100% - (9 * 30px)) / 9);
    }
    .expoCount_10 .swiper-pagination-bullet {
        width: calc((100% - (10 * 30px)) / 10);
    }

    .expoSlide .swiper-pagination-bullet label,
	.vacSlide .swiper-pagination-bullet label {
        text-align: left;
        font-size: 12px;
        line-height: 17px;
        display: block;
        color: #d0d0d0;
        font-family: var(--font-oswald);
        letter-spacing: 2px;
        font-weight: 300;
        text-transform: uppercase;
        pointer-events: none;
        -webkit-transition: color 200ms ease-in;
                transition: color 200ms ease-in;
    }
    .expoSlide .swiper-pagination-bullet:after,
    .vacSlide .swiper-pagination-bullet:after {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 2px;
        bottom: 0;
        left: 0;
        background-color: #D0D0D0;
        -webkit-transition: background-color 200ms ease-in;
                transition: background-color 200ms ease-in;
    }
    .expoSlide .swiper-pagination-bullet:hover label,
    .vacSlide .swiper-pagination-bullet:hover label {
        color: var(--clr-white);
    }
    .expoSlide .swiper-pagination-bullet:hover:after,
    .vacSlide .swiper-pagination-bullet:hover:after  {
        background-color: var(--clr-white);
    }
    .expoSlide .swiper-pagination-bullet::before,
    .vacSlide .swiper-pagination-bullet::before {
        content: "";
        display: block;
        position: absolute;
        height: 2px;
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
    }

    .expoSlide .swiper-pagination-bullet-active label,
	.vacSlide .swiper-pagination-bullet-active label	{
		color: var(--clr-gold);
    }
    .expoSlide .swiper-pagination-bullet-active:after,
    .vacSlide .swiper-pagination-bullet-active:after {
        background-color: var(--clr-white);
    }
.expoSlide .swiper-pagination-bullet-active.restart-progress:before,
.vacSlide .swiper-pagination-bullet-active.restart-progress:before {
    animation: none; /* Stop tijdelijk */
}

.expoSlide .swiper-pagination-bullet-active:before,
.vacSlide .swiper-pagination-bullet-active:before {
    background-color: var(--clr-gold);
    -webkit-animation: slide-progress 8000ms cubic-bezier(0.3, 0, 0.3, 0.3) forwards;
    animation: slide-progress 8000ms cubic-bezier(0.3, 0, 0.3, 0.3) forwards;
}
    /*.expoSlide .swiper-pagination-bullet-active:before,
	.vacSlide .swiper-pagination-bullet-active:before {
        background-color: var(--clr-gold);
        -webkit-animation: slide-progress 8000ms cubic-bezier(0.3, 0, 0.3, 0.3) forwards;
				animation: slide-progress 8000ms cubic-bezier(0.3, 0, 0.3, 0.3) forwards;
    }*/
    /*.vacSlide .swiper-pagination-bullet-active:before {
        background-color: var(--clr-gold);
    }*/
    .expoSlide .swiper-paused .swiper-pagination-bullet-active:before {
        -webkit-animation-play-state: paused;
        animation-play-state: paused;
    }
	
	.relatedCols .see-others {
		margin-top: 37vh;
	}
    
    .block.story {
        background-size: auto 100dvh;
        background-position: left top;
		background-position-x:-395px;
        background-repeat: no-repeat;
        background-color: #000;
    }
    .block.story:before {
        content: '';
        position: absolute;
        left: 634px;
        top: 0;
        width: 891px;
        height: 100%;
        z-index: 3;
        background: transparent;
        background: linear-gradient(270deg, #000 0%, rgba(9, 9, 9, 0) 83.96%, rgba(255, 255, 255, 0) 100%);
        opacity: 0.94;
    }
	.story .mobileFade {
		display: none;
	}
    .story text {
		display: block;
        width: 100%;
        max-width: 678px;
		/*
        float: right;
        margin: 345px 76px 0 0;
		*/
		position: absolute;
		right: 76px;
		top: 50%;
		-webkit-transform: translateY(-50%);
				transform: translateY(-50%);
        padding: 20px;
        z-index: 4;
    }
    .story text p {
		opacity: 0.7;
        color: #d0d0d0;
    }
    .story text p:not(:last-of-type) {
        margin-bottom: 30px;
    }
    .story text a.button {
        font-family: var(--font-oswald);
        font-size: 18px;
        line-height: 28px;
        text-transform: uppercase;
        font-weight: 300;
        padding: 4px 20px 6px 20px;
        border: 0;
        margin-top: 34px;
        letter-spacing: 2px;
    }
	.story text a.button:last-of-type {
        margin-top: 14px;
    }
    /*.story text a.button:before {
        content: '';
        position: absolute;
        background-color: var(--clr-gold);
        left: 10px;
        top: 50%;
        height: 2px;
        width: 0;
        -webkit-transform: translateY(-50%) translateZ(0);
                transform: translateY(-50%) translateZ(0);
        -webkit-transition: width 300ms ease-in;
                transition: width 300ms ease-in;
    }
    .story text a.button:hover:before {
        width: 10px;
    }*/

    .story text a.button.reversed {
        font-size: 27px;
        line-height: 40px;
        color: var(--clr-gold);
        background-color: transparent;
        border-radius: 0;
        margin-left: -4px;
        padding: 0;
    }
    .story text a.button.underlined {
        border-bottom: 1px solid var(--clr-gold);
    }
    .story text a.button i {
        line-height: 28px;
        font-size: 48px;
        vertical-align: top;
        margin-right: 10px;
        display: inline-block;
    }
    .story text a.button span {
        line-height: 40px;
        height: 40px;
        display: inline-block;
		letter-spacing: 3px;
    }
    .story text a.button:hover span {
        border-bottom: 1px solid var(--clr-gold);
    }
    .story text a.button.reversed i {
        line-height: 40px;
        vertical-align: bottom;
        -webkit-transition: margin-left 300ms ease-in;
                transition: margin-left 300ms ease-in;
    }
    .story text a.button.reversed:hover i {
        margin-left: 10px;
    }

    .story .posiRow {
        position: absolute;
        width: 100%;
        /*max-width: 860px;*/
        left: 50%;
        bottom: 20px;
        z-index: 4;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        text-align: center;
    }
    .story .posiRow .nr {
        position: relative;
        font-family: var(--font-oswald);
        font-weight: 400;
        font-size: 130px;
        line-height: 210px;
        color: rgba(255,255,255,0.25);
        display: inline-block;
        width: fit-content;
        /*max-width: 130px;*/
        height: 210px;
        /*float: left;*/
    }
    .story .posiRow .nr.years {
        min-width: 198px;
    }
    /*.story .posiRow .nr:last-of-type {
        float: right;
    }*/
    .story .posiRow .nr.big {
        /*position: absolute;
        left: 50%;
        top: 0;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
                max-width: none;*/
		min-width: 295px;
		margin: 0 100px;
    }
    .story .posiRow .nr span.info {
        position: absolute;
        left: 50%;
        top: calc(50% - 14px);
        z-index: 2;
        -webkit-transform: translate(-50%);
                transform: translate(-50%);
        font-family: var(--font-oswald);
        font-size: 23px;
        line-height: 35px;
        text-transform: uppercase;
        font-weight: 300;
		white-space: nowrap;
    }
    .story .posiRow .nr span.info,
	.story .posiRow .nr span.info a {
        font-family: var(--font-oswald);
        color: var(--clr-gold);
    }
    .scale-container,
    .scaled-container {
        padding: 0;
        width: 100vw;
        height: 100dvh;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .scalable-element,
    .scaling-element {
        width: 80%;
        height: 80%;
        background: lightblue;
        transition: width 0.2s ease, height 0.2s ease;
    }
    .scaling-element {
        transition: width 1s ease, height 1s ease;
    }
	.scaling-element,
    .scaling-element img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .scaling-element:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: transparent;
        background: linear-gradient(90deg, rgba(0,0,0,0.40940126050420167) 0%, rgba(255,255,255,0) 90%, rgba(255,255,255,0) 100%);
        object-fit: cover;
    }
    .scaling-element .text-container {
        opacity: 0;
        position: absolute;
        left: 50%;
        top: 60%;
		width: 100%;
        max-width: 552px;
        padding: 20px;
        text-align: center;
        z-index: 2;
        -webkit-transform: translate(-50%,0);
                transform: translate(-50%,0);
        transition: all 350ms ease;
		display: flex;
        flex-direction: column;
    }
    .text-container.visible {
        opacity: 1;
        -webkit-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
    }
    .scaling-element .text-container p {
        color: var(--clr-white);        
        margin-bottom: 16px;
    }
    .scaling-element .text-container a.button {
        background-color: var(--clr-gold);
        font-family: var(--font-oswald);
        text-transform: uppercase;
        letter-spacing: 2px;
        text-indent: 2px;
        font-size: 18px;
        line-height: 28px;
		padding: 4px 20px 6px 20px;
        font-weight: 300;
		display: inline-block;
		width: fit-content;
		margin: 0 auto;
    }
    .scaling-element .text-container a.button.prices {
		background-color: #979a9c;
        font-size: 15px;
        line-height: 21px;
		margin-top: 10px;
		padding: 4px 10px 6px 10px;
    }

    .block.h-instagram {
        height: 100dvh;
        background-color: #000;
    }
    .insta-container {
        position: absolute;
        left: 233px;
        bottom: 0;
        width: 100%;
		max-width: 44.11% /*847px*/;
		height: /*741px*/ 78.41%;
    }
    .insta-container:after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-image: url(../img/iPhone_mockup_insta.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: right bottom;
        pointer-events: none;
        z-index: 3;
    }
    .insta-container .iPhone {
        position: absolute;
        left: 24px;
        top: 85px;
        width: 100%;
        max-width: 298px;
        border-radius: 50px;
        overflow: hidden;
    }
    .insta-container .iPhone:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 1;
        background-color: rgba(0, 0, 0, 0.5);
    }
    .insta-inner {
        position: absolute;
        top: calc(30.87% - 2px);
        /*right: calc(2.95% - 2px);*/
		right: 7px;
        background: white;
        width: calc(68.5% + 4px);
        height: calc(68.8% + 4px);
        font-size: 0;
        line-height: 0;
        text-align: left;
        z-index: 2;
    }
    .insta-inner figure {
        display: inline-block;
        vertical-align: top;
        width: calc(100% / 3);
        margin: 0;
        height: 50%;
    }
    .insta-inner figure img {
        height: 100%;
        object-fit: cover;
    }
    .insta-inner figure figcaption {
		-webkit-transition: all 200ms ease-in;
				transition: all 200ms ease-in;
        position: absolute;
		left: 0;
		top: 0;
		background-color: rgba(0,0,0,0.6);
		width: 100%;
		height: 100%;
		pointer-events: none;
		opacity: 0;
		visibility: hidden;
		font-size: 14px;
		line-height: 22px;
		text-align: center;
    }
    .insta-inner figure figcaption a {
		display: block;
		width: 100%;
		height: 100%;
    }
    .insta-inner figure img.icon {
        position: absolute;
		top: 10px;
		right: 10px;
		width: 24px;
		height: 24px;
		z-index: 1;
    }
    .block.h-instagram text {
        position: absolute;
        right: 90px;
        top: 50%;
        -webkit-transform: translateY(-35%);
                transform: translateY(-35%);
        width: 100%;
        max-width: 34.27%/*658px*/;
    }
	.story text h2,
    .block.h-instagram text h2 {
        font-size: 50px;
        line-height: 68px;
		letter-spacing: 3px;
    }
    .block.h-instagram text p {
        font-size: 17px;
        line-height: 30px;
        margin-bottom: 30px;
        color: #d0d0d0;
        opacity: 0.7;
    }
	
    .block.h-instagram text .followers-count {
		text-align: center;
		position: relative;
		font-family: var(--font-oswald);
		font-weight: 400;
		font-size: 150px;
		line-height: 116px;
		color: rgba(255, 255, 255, 0.25);
		display: block;
		min-width: 218px;
		width: fit-content;
		height: 130px;
		float: left;
    }
	.block.h-instagram text .followers-count label {
        position: absolute;
		left: 50%;
		top: calc(50% - 14px);
		z-index: 2;
		-webkit-transform: translate(-50%);
		transform: translate(-50%);
		font-family: var(--font-oswald);
		font-size: 23px;
		line-height: 35px;
		text-transform: uppercase;
		font-weight: 300;
		color: var(--clr-gold);
		white-space: nowrap;
    }
	
	.block.titles .mobFade {
		display: none;
	}
	.block.titles .img {
		height: 100%;
		object-fit: cover;
		position: absolute;
		left: 0;
		top: 0;
	}
	.block.titles > .row {
		padding-top: 205px;
	}
	.block.titles .row {
		position: relative;
		z-index: 2;
		text-align: center;
	}
	.block.titles .row h2,
	.block.titles > .row > h3 {
		display: block;
		font-size: 50px;
		line-height: 74px;
		font-family: var(--font-oswald);
		font-weight: 300;
	}
	.block.titles .row h2 {
		letter-spacing: 3px;
	}
	.block.titles .pBox .row h3 {
		letter-spacing: 2px;
		margin-top: -20px;
		font-size: 30px;
		line-height: 45px;
		font-weight: 300;
	}
	.block.titles .btn {
		font-size: 18px;
		line-height: 26px;
		padding: 4px 20px 6px 20px;
		letter-spacing: 2px;
		text-indent: 2px;
		border-radius: 21px;
		margin-top: 25px;
		display: inline-block;
	}
	.block.titles .btn.lastBtn {
		margin-top: 13px;
	}

/*  Collections overview page styling
    -------------------------------------------------------------- */
    section.collection,
    section.collections {
        position: relative;
        padding: 0;
        float: left;
        width: 100vw;
        height: 100dvh;
        overflow: hidden;
    }
    section.collection:before,
	.expoSlide:before	{
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 275px;
        height: 100%;
        background: transparent;
        background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
        pointer-events: none;
        z-index: 1;
    }
    /*.collection section:after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 275px;
        height: 100%;
        background: transparent;
        background: linear-gradient(270deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
        pointer-events: none;
        z-index: 1;
    }*/

    .video-container {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        max-width: /*1388px*/ 72.30%;
        height: 70vh;
        z-index: 3;
		overflow: hidden;
    }
    .video-container.faded:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        width: 452px;
        height: 100%;
        background: linear-gradient(90deg, #000 0%, rgba(9, 9, 9, 0) 83.96%, rgba(255, 255, 255, 0) 100%);
        /*opacity: 0.94;*/
    }
    .video-container.btmFaded:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 1;
        width: 100%;
        height: 452px;
        background: linear-gradient(0deg, #000 0%, rgba(9, 9, 9, 0) 83.96%, rgba(255, 255, 255, 0) 100%);
        /*opacity: 0.94;*/
    }
    .video-container.small {
        max-width: /*1135px*/59.12%;
    }	
    .video-container.height {
        height: 82vh;
    }
    .video-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
	.video-container img.zoom-image {
		animation: zoomEffect 10s infinite ease-in-out;
	}

    .txt-container {
        position: absolute;
        left: 233px;
        top: 162px;
        width: 100%;
        max-width: 585px;
        z-index: 4;
    }
    /*text.medium {
        max-width: 658px;
	}*/
	.txt-container.medium {
        max-width: 688px;
    }
    .txt-container.wide {
        max-width: 788px;
    }
    .txt-container.wider {
        max-width: /*824px*/42.92%;
    }
    /*.txt-container*/ h2 {
		font-weight: 300;
        font-size: 80px;
        line-height: 100px;
		letter-spacing: 5px;
		white-space: nowrap;
        margin-bottom: 12px;
    }
	.txt-container:not(.noHeadingWidth) h2 {
        font-size: 80px;
        line-height: 100px;
        color: #ffffff;
        margin-bottom: 6px;
		letter-spacing: 4px;
		font-weight: 300;
    }
    .txt-container p {        
        font-weight: 300;
        color: #d0d0d0;
        margin-bottom: 10px;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		height: 90px;
    }
    .txt-container .fullText p {
		display: block;
		height: auto;
    }
	.collection .txt-container p {        
        font-size: 16px;
		line-height: 24px;
		height: 72px;
    }




.expo .txt-container p {
    height: 80px;
    margin-bottom: 0;
}
	
	
    /*.expo*/ .txt-container h2,
    .expo .txt-container p {
        font-weight: 300;
    }
    .txt-container span {
        font-family: var(--font-oswald);
        color: var(--clr-gold);
        font-size: 18px;
        line-height: 26px;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    .txt-container label {
        font-family: var(--font-oswald);
        color: var(--clr-white);
        font-weight: 200;
    }
    .txt-container strong {
        font-weight: 200;
	}
	.txt-container h2,
    .txt-container p,
    .txt-container label,
    .txt-container strong {
        opacity: 0;
        transition: opacity 0.5s ease;
    }
    .txt-container.visible h2,
    .txt-container h2.show,
    .txt-container.visible p,
    .txt-container p.show,
    .txt-container.visible label,
    .txt-container label.show,
    .txt-container.visible strong,
    .txt-container strong.show {
        opacity: 1;
    }

    .horizontal-swiper {
        width: calc(100% - 233px);
        margin-left: 233px;
    }
	.horizontal-swiper .swiper-slide {
		overflow: hidden;
	}
    .horizontal-swiper .swiper-slide h3,
	.otherProjects h3 {
        position: absolute;
        z-index: 4;
        left: 16px;
        top: 16px;
        font-size: 14px;
        line-height: 17px;
        margin: 0;
        color: var(--clr-white);
		font-weight: 300;
		letter-spacing: 1px;
		text-align: left;
    }
    .horizontal-swiper .swiper-slide label.new {
        position: absolute;
        z-index: 4;
        right: 50px;
        top: 16px;
        font-size: 10px;
        line-height: 16px;
        margin: 0;
		font-family: var(--font-oswald);
		background-color: var(--clr-gold);
        color: var(--clr-white);
		font-weight: 300;
		letter-spacing: 1px;
		border-radius: 8px;
		display: inline-block;
		padding: 0 6px;
		text-transform: uppercase;
    }
    .overview .horizontal-swiper .swiper-slide h3 {
        top: 21px;
    }
    .horizontal-swiper .swiper-slide h3 span,
	.otherProjects h3 span {
		display: inline;
		text-align: left;
        color: var(--clr-gold);
		font-weight: /*700*/300;
		margin-bottom: 5px;
    }
    .overview .horizontal-swiper .swiper-slide h3 span {
		display: block;
    }
    .horizontal-swiper .swiper-slide .project-number,
    .horizontal-swiper .swiper-slide .favs,
	.otherProjects .favs,
	.favesearch .fav-list figure .favs {
        position: absolute;
        z-index: 5;
        right: 16px;
        top: 15px;
        font-size: 17px;
        line-height: 17px;
        margin: 0;
        color: var(--clr-white);
		/* button adaptations */
		background-color: transparent;
		padding: 0;
		border-radius: 0;
		border: 0;
    }
    .horizontal-swiper .swiper-slide .project-number {
        font-size: 14px;
        line-height: 24px;
        top: 19px;
    }
.horizontal-swiper .swiper-slide .favs.liked i,
.horizontal-splide .splide__slide .favs.liked i,
	.otherProjects .favs.liked i,
	.favesearch .fav-list figure .favs.liked i {
        color: var(--clr-white);
    }
	.favesearch .fav-list figure .favs {
        right: 36px;
        top: 36px;
        font-size: 27px;
        line-height: 27px;
		z-index: 99;
    }
    .overview .horizontal-swiper .swiper-slide .favs {
        right: 24px;
        top: 24px;
    }
    .horizontal-swiper .swiper-slide .favs img {
        width: 13px;
		height: auto !important;
    }
    .horizontal-swiper .swiper-slide .button {
        position: absolute;
        left: 50%;
        bottom: 20px;
        -webkit-transition: all 500ms ease-in;
                transition: all 500ms ease-in;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        line-height: 25px;
        padding: 3px 10px 4px;
		font-family: var(--font-poppins);
        font-size: 17px;
		font-weight: 300;
		text-transform: none;
		z-index: 4;
    }
    .overview .horizontal-swiper .swiper-slide .button {
        white-space: nowrap;
    }
    
    .horizontal-swiper .swiper-slide.swiper-slide-active .button {
        opacity: 1;
        visibility: visible;
    }
    .horizontal-swiper .swiper-slide .button {
		white-space: nowrap;
        line-height: 23px;
		letter-spacing: 0;
		font-size: 17px;
		padding-top: 3px;
		padding-bottom: 5px;
    }

    .vertical-swiper .swiper-slide.swiper-slide-active .horizontal-swiper .swiper-slide.swiper-slide-active:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        pointer-events: none;
        box-shadow: inset 0 0 0 1px var(--clr-gold);
    }
    .vertical-swiper .swiper-slide.swiper-slide-active .horizontal-swiper.numbered .swiper-slide.swiper-slide-active:after {
        width: 222px;
        left: calc(100% - 222px);
    }
    .video-container #preloader {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 20px;
        color: white;
        background: rgba(0, 0, 0, 0.5);
        padding: 10px;
        border-radius: 5px;
        display: none;
    }

    .video-container video {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .slideContainer {
        position: absolute;
        left: 0;
        bottom: -30px;
        width: 100%;
        height: 455px;
        z-index: 3;
    }

    .swiper {
        width: 100%;
        height: 100%;
    }

    .vertical-swiper .swiper-slide {
        display: flex;
        align-items: center;
        position: relative;
    }

	.horizontal-swiper .swiper-button-next, 
    .horizontal-swiper .swiper-button-prev {
        opacity: 0;
        -webkit-transition: opacity 200ms ease-out;
                transition: opacity 200ms ease-out;
    }
    .swiper-vertical .swiper-slide.swiper-slide-active .horizontal-swiper,
    .swiper-vertical .swiper-slide.swiper-slide-next .horizontal-swiper,
    .swiper-vertical .swiper-slide.swiper-slide-active .horizontal-swiper .swiper-button-next, 
    .swiper-vertical .swiper-slide.swiper-slide-active .horizontal-swiper .swiper-button-prev  {
        opacity: 1;
        -webkit-transition: opacity 600ms ease-out;
                transition: opacity 600ms ease-out;
    }
	/*.swiper-vertical .swiper-slide .horizontal-swiper .swiper-button-next:after, 
    .swiper-vertical .swiper-slide .horizontal-swiper .swiper-button-prev:after {
		margin-right: 50px;
		font-size: 16px;
	}*/

	.swiper-slide.vert {
		height: /*303pxcalc(220px + 52px)*/282px;
	}
	.vacSlide .swiper-slide .swiper-slide.vert {
		height: 100%;
		padding-top: 38vh;
		z-index: 4;
	}
	.swiper-slide.vert.overview,
	.swiper-slide.vert.top-ten {
		height: /*350pxcalc(280px + 52px)*/342px;
	}
	.vertical-swiper .swiper-slide:not(.swiper-slide-duplicate) {
		transition: height 0.4s ease, transform 0.4s ease;
	}
	#see-others {
		margin-top: 45px;
	}
    .swiper-slide.vert h4,
	.otherProjects h4,
	.teamSlider h4,
	.paperSlider h4	{
        margin: 0;
        margin-left: 0/*233px*/;
        line-height: 36px;
        font-weight: 300;
        padding: 10px 0 6px 0;
        font-size: 24px;
		text-align: left;
		letter-spacing: 2px;
    }
	.paperSlider h4	{
        margin-left: 6px;
		padding: 0;
		margin-bottom: 48px;
    }
	.otherProjects h4	{
        margin-bottom: 10px;
    }
	.teamSlider h4 {
        padding: 10px 0 16px 0;
    }
    .swiper-slide.vert h4 span,
    .otherProjects h4 span,
    .teamSlider h4 span,
	.paperSlider h4 span {
        display: inline;
        color: var(--clr-gold);
    }
	.paperSlider h4 label {
		font-family: var(--font-oswald);
		font-weight: 300;
	}

    .horizontal-swiper .swiper-slide {
        text-align: center;
        font-size: 18px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 391px;
        max-height: 220px;
    }

    .horizontal-swiper .swiper-slide img {
        width: 100%;
        height: 220px;
        object-fit: cover;
        position: relative;
    }
	
	.horizontal-swiper .swiper-slide video {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: none;
	}
	
	.overview .horizontal-swiper .swiper-slide {
		width: 233px;
		max-height: 280px;
		margin-right: 70px !important;
	}
	.overview .horizontal-swiper .swiper-slide img {
		height: 280px;
	}
	
    .horizontal-swiper.numbered {
        counter-reset: section;
    }
    .horizontal-swiper.numbered .swiper-slide {
        width: 335px;
		max-height: 280px;
        justify-content: flex-start;
        flex-direction: row-reverse;
    }
	.horizontal-swiper.numbered.nodigit .swiper-slide {
        width: 222px;
    }
    .horizontal-swiper.numbered .swiper-slide img {
		height: 280px;
    }
    .horizontal-swiper.numbered .swiper-slide number {
		font-family: var(--font-oswald);
        /*font-size: 290px;
        line-height: 259px;
        position: absolute;
        left: 0;
        top: 4px;*/
		font-size: 250px;
		line-height: 240px;
		position: absolute;
		left: 25px;
		top: 10px;
        width: 100%;
        text-align: left;
        color: transparent;
        /*-webkit-text-stroke: 1px var(--clr-gold);*/
        -webkit-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0);
		color: var(--clr-black);
		text-shadow: -1px -1px 0 var(--clr-gold), 1px -1px 0 var(--clr-gold), -1px 1px 0 var(--clr-gold), 1px 1px 0 var(--clr-gold);
    }
    .horizontal-swiper.numbered .swiper-slide figure {
        width: 222px;
    }
    .horizontal-swiper.numbered .swiper-slide img {
        max-width: 222px;
        float: right;
        position: relative;
        z-index: 1;
    }
	
    .horizontal-swiper.numbered .swiper-slide img.rozet {
	    max-width: none;
		width: auto;
		height: 18px;
		float: left;
		margin-right: 5px;
        margin-top: 2px;
	}
	.horizontal-swiper.numbered .swiper-slide h3 {
		line-height: 24px;
	}

    .horizontal-swiper .swiper-button-next, 
    .horizontal-swiper .swiper-button-prev {
        position: absolute;
        top: calc(50% + 26px);
		/*top: 52px;
        width: 275px;
        height: 220px;
        margin-top: 0;
        align-items: center;
        justify-content: center;
		*/
    }
    .horizontal-swiper .swiper-button-prev, .horizontal-swiper .swiper-rtl .swiper-button-next {
        left: /*0*/55px;
        right: auto;
		background-color: rgba(255, 255, 255, 0.75);
        /*justify-content: left;
        background: transparent;
        background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
        padding-left: 20px;*/
    }
    .horizontal-swiper .swiper-button-next, .horizontal-swiper .swiper-rtl .swiper-button-prev {
        right: /*0*/55px;
        left: auto;
		background-color: rgba(255, 255, 255, 0.75);
        /*justify-content: right;
        background: transparent;
        background: linear-gradient(270deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
        padding-right: 20px;*/
    }
	/*.overview .horizontal-swiper .swiper-button-next, 
    .overview .horizontal-swiper .swiper-button-prev,
	.horizontal-swiper.numbered .swiper-button-next, 
    .horizontal-swiper.numbered .swiper-button-prev {
        height: 280px;
    }*/

/*  Collections single page styling
    -------------------------------------------------------------- */
    /*.extraNav {
        position: absolute;
        right: 100px;
        top: 100px;
        z-index: 12;
    }*/
    .extraNav {
		float: left;
		margin: 4px 0 6px 0;
	}
    .extraNav.hidden {
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
	}
    .extraNav a {
        font-size: 30px;
        line-height: 30px;
        color: var(--clr-white);
		margin-right: 16px;
		float: left;
		cursor: pointer;
    }
    .extraNav a i {
		float: left;
        vertical-align: middle;
		line-height: 30px;
    }
    /*.extraNav a.toggleSwitch {display:none;}
    .extraNav a.toggleSwitch.visible {display:inline-block;}*/

    .grid-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: transparent;
        backdrop-filter: blur(8px);
        z-index: 100;
        border-radius: 22px;
    }
	.grid-overlay a.closeBtn {
        position: absolute;
		top: 95px;
		right: 100px;
        width: 30px;
        height: 30px;
		font-size: 30px;
		line-height: 30px;
		
    }
    .grid-overlay .inner {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
        width: 100%;
		max-width: 78.64%;
        font-size: 0;
        line-height: 0;
		max-height: 80vh;
		overflow: auto;
    }
    .grid-overlay .inner a {
        position: relative;
        /*display: inline-block;
        width: 50%;*/
    }
    /*.grid-overlay .inner a img {
        object-fit: cover;
        height: 265px;
    }*/
	
	.grid-overlay blockquote {
		position: relative;
		/* left: 50%; */
		/* top: 50%; */
		/* -webkit-transform: translate(-50%, -50%); */
		/* transform: translate(-50%, -50%); */
		width: 80%;
		margin: 0 10%;
		padding: 40px 0;
		padding-left: 40px;
	}
	.grid-overlay blockquote cite {
		font-size: 14px;
		line-height: 22px;
		text-transform: none;
		font-family: var(--font-poppins);
	}
	.grid-overlay blockquote .q-icon {
		top: 40px;
		font-size: 30px;
		line-height: 30px;
	}

    .evContainer#collectionInfo .floated {
        display: none;
    }
    .evContainer#collectionInfo.showed .floated {
        display: block;
    }

	.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal{
		z-index: 999;
		bottom: auto;
		top: 0;
		height: 6px;
	}
	.swiper-scrollbar-drag {
		background-color: var(--clr-gold);
		position: relative;
		border-radius: 0;
		cursor: ew-resize;
	}
	.swiper-scrollbar-drag:before {
		content: '';
		background-color: var(--clr-gold);
		position: relative;
		left: -99vw;
		top: 0;
		position: absolute;
		bottom: 0;
		height: 100%;
		width: 100vw;
		z-index: 999;
	}
	.swiper-scrollbar-drag:after {
		content: attr(data-progress);
		position: absolute;
		top: 6px;
		left: 0;
		font-size: 12px;
		color: #fff;
		padding: 8px 6px 2px;
		width: 100%;
		line-height: 10px;
		white-space: nowrap;
		text-align: right;
	}

    /* .collections section:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 685px;
        height: 100%;
        background: linear-gradient(90deg, #000 0%, rgba(55, 55, 55, 0) 91.63%, rgba(255, 255, 255, 0) 100%);
        opacity: 0.5;
        z-index: 3;
    } */
    .collectionsSwiper.noFade:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 685px;
        height: 100%;
        background: linear-gradient(90deg, #000 0%, rgba(55, 55, 55, 0) 91.63%, rgba(255, 255, 255, 0) 100%);
        opacity: 0.5;
        z-index: 3;
		pointer-events: none !important;
    }
    .collectionsSwiper:not(.noFade):before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 80vw;
		height: 100dvh;
		background: linear-gradient(90deg, #000 0%, rgba(55, 55, 55, 0) 91.63%, rgba(255, 255, 255, 0) 100%);
		opacity: 0.85;
        pointer-events: none;
        z-index: 1;
    }

    .collections .info {
        position: absolute;
        /*bottom: 165px;*/
		top: 162px;
        left: 233px;
        z-index: 10;
        line-height: 35px;
        font-family: var(--font-poppins);
        width: 100%;
        max-width: 665px;
    }
    .collections .info h2 {
        font-family: var(--font-oswald);
        font-weight: 300;
        color: var(--clr-white);
        font-size: 84px;
        line-height: 100px;
		width: 400px;
    }
    .collections .info span {
        font-size: 18px;
        line-height: 35px;
        font-weight: 300;
        font-family: var(--font-oswald);
        text-transform: uppercase;
        display: block;
        width: 100%;
        max-width: 216px;
        color: var(--clr-gold);
        float: left;
		letter-spacing: 2px;
    }
    .collections .info p:not(:last-of-type) {
        margin-bottom: 15px;
    }
    .collections .info p {
        font-size: 16px;
		line-height: 24px;
		color: #d0d0d0;
    }
	.collections .info ul {
        text-align: left;
        font-size: 0;
        line-height: 0;
        width: calc(100% - 216px);
        float: left;
        margin-bottom: 10px;
    }
    .collections .info ul li {
        display: block;
		padding: 0px 7px 7px 7px;
        border-radius: 4px;
        background-color: rgba(0, 0, 0, 0.53);
        float: left;
    }
    .collections .info ul li {
		margin: 4px 8px 4px 0;
    }
    .collections .info ul li:last-of-type {
		margin-right: 0;
    }
	/*.collections .info ul li u,
    .collections .info ul li a {
        font-family: var(--font-oswald);
        text-transform: uppercase;
        color: var(--clr-gold);
        line-height: 19px;
		font-size: 14px;
        text-decoration: none;
        border-bottom: 1px solid rgba(204,159,90,0.6);
        display: inline-block;
		font-weight: 300;
		letter-spacing: 2px;
		text-indent: 2px;
		white-space: nowrap;
    }*/
	.collections .info p a {
		color: var(--clr-gold);
		text-decoration: underline;
	}
	
	.customScrollContainer {
		overflow: auto;
	}
	.floated.customScrollContainer {
		max-height: 400px;
	}
	.formContent .customScrollContainer {
		height: 100%;
		max-height: 700px;
	}
	
	/* ===== Scrollbar CSS ===== */
	/* Firefox */
	.customScrollContainer {
		scrollbar-width: thin;
		scrollbar-color: rgba(255,255,255,0.3) transparent;
		padding-right: 20px;
	}
	/* Chrome, Edge, and Safari */
	.customScrollContainer::-webkit-scrollbar {
		width: 16px;
	}
	.customScrollContainer::-webkit-scrollbar-track {
		background: transparent;
	}
	.customScrollContainer::-webkit-scrollbar-thumb {
		background-color: rgba(255,255,255,0.3);
		border-radius: 10px;
		border: 3px none transparent;
	}
	.customScrollContainer::webkit-scrollbar-button { 
		display:none;
	}
	::-moz-scrollbar-button, ::-webkit-scrollbar-button {
		width: 0px;
		height: 0px;
	}
	::-moz-scrollbar-button:decrement,
	::-moz-scrollbar-button:increment,
	::-webkit-scrollbar-button:decrement,
	::-webkit-scrollbar-button:increment {
		width: 0px;
		height: 0px;
	}
	
    .infoLink {
        position: absolute;
        left: 229px;
        /*bottom: 125px;*/
		top: 800px;
        line-height: 28px;
        font-weight: 200;
        color: var(--clr-white);
        font-family: var(--font-oswald);
        font-size: 30px;
        text-transform: uppercase;
        z-index: 10;
        letter-spacing: 2px;
    }
    .infoLink span.hidden {
        display: none;
    }

    /*.infoLink i {
        margin-left: 10px;
    }*/

    .collectionsSwiper {
        position: relative;
        width: 100vw;
    }
    .collectionsSwiper .swiper-slide {
        position: relative;
        width: fit-content !important;
    }
    .collectionsSwiper .swiper-slide:after {
        content: '';
        position: absolute;
        right: -9px;
        top: 50%;
        width: 1px;
        background-color: var(--clr-gold);
        height: 68.78%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
    }
    /*.collectionsSwiper .swiper-slide:after {
        content: '';
        pointer-events: none;
        z-index: 1;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.7);
    }
    .collectionsSwiper .swiper-slide.swiper-slide-active:after {
        background-color: transparent;
    }*/
    .collectionsSwiper .swiper-slide img {
        width: auto;
        height: 100dvh;
        object-fit: cover;
    }
    /*.collectionsSwiper .swiper-button-next {
        position: absolute;
        top: 250px;
        right: 90px;
        z-index: 2;
        width: 94px;
        height: 94px;
        border-radius: 50%;
        border: 1px solid #fff;
        color: #fff;
        font-size: 17px;
        opacity: 0.3;
        -webkit-transition: opacity 300ms ease-in;
                transition: opacity 300ms ease-in;
    }
    .collectionsSwiper .swiper-button-next:hover {
        opacity: 1;
    }
    .collectionsSwiper .swiper-button-next:after {
        display: none;
    }*/
	
    .collectionsSwiper .swiper-slide.quote {
		height: 100dvh;		
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 100px;
    }
	.collectionsSwiper .swiper-slide blockquote {
		margin: 0;
		position: relative;
		width: 100%;
		max-width: 700px;
		padding-left: 75px;
	}
	/*.collectionsSwiper .swiper-slide*/ blockquote .q-icon {
		position: absolute;
		left: 0;
		top: 0;
		font-size: 40px;
		line-height: 40px;
	}
	.collectionsSwiper .swiper-slide.vert {
		width: 300px !important;
		padding-left: 0;
		padding-right: 0;
	}
	.collectionsSwiper .swiper-slide.vert blockquote {
		max-width: none;
		width: 70vh;
		-webkit-transform: translate(-50%, -50%) rotate(-90deg);
				transform: translate(-50%, -50%) rotate(-90deg);
		position: absolute;
		left: 50%;
		top: 50%;
	}
	.collectionsSwiper .swiper-slide blockquote p {
		font-family: var(--font-oswald);
		font-weight: 200;
        font-size: 35px;
		line-height: 40px;
		color: var(--clr-white);
    }
	.collectionsSwiper .swiper-slide.vert blockquote p {
		word-wrap: break-word; /* Breekt lange woorden af */
		overflow-wrap: break-word; 
    }
	.collectionsSwiper .swiper-slide.vert blockquote cite {
		font-family: var(--font-poppins);
		text-transform: none;
		/*text-align: right;*/
		display: block;
		width: 100%;
    }
    
    .swiper-horizontal > .swiper-pagination-bullets, 
    .swiper-pagination-bullets.swiper-pagination-horizontal, 
    .swiper-pagination-custom, .swiper-pagination-fraction {
        z-index: 10;
        bottom: var(--swiper-pagination-bottom, 35px);
    }
    .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, 
    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 10px);
    }
    .swiper-pagination-bullet {
        margin: 0 9px;
        width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 2px));
        height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
		border-radius: var(--swiper-pagination-bullet-border-radius, 2px);
        background: var(--swiper-pagination-bullet-inactive-color, #d0d0d0);
        opacity: var(--swiper-pagination-bullet-inactive-opacity, 1);
        -webkit-transition: all 300ms ease-in;
                transition: all 300ms ease-in;
        -webkit-transform-origin: center;
                transform-origin: center;
    }
    .swiper-pagination-bullet-active {
        background: var(--swiper-pagination-color, var(--clr-gold));
    }
	.swiper-inner-slide img {
		width: 100%;
	}
	.close-overlay {
		cursor:pointer;
		text-align: center;
		font-size: 24px;
		position:absolute;
		left: 50%;
		bottom: -85px;
	}
	.see-more-content {
		display: none;
	}
	.see-more-content.active {
		display: block;
	}
	.info .customScrollContainer {
		max-height: 0 !important;
		opacity: 0;
		display: block !important;
		transition: max-height 0.4s ease, opacity 0.4s ease;
	}
	.info.showed .customScrollContainer {
		max-height: 400px !important;
		opacity: 1;
		display: block !important;
	}
	.overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100dvh;
		margin: 0;
		background-color: rgba(0, 0, 0, 0.5);
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
		z-index: 1;
		pointer-events: none;
		opacity: 0;
		transition: opacity 0.3s ease;
	}

	.overlay.active {
		opacity: 1;
	}
	
	@-webkit-keyframes updown {
		0% {
			-webkit-transform: translate(0, 0);
			transform: translate(0, 0)
		}
		50% {
			-webkit-transform: translate(0, 5px);
			transform: translate(0, 5px)
		}
		100% {
			-webkit-transform: translate(0, 0);
			transform: translate(0, 0)
		}
	}
	@-moz-keyframes updown {
		0% {
			-moz-transform: translate(0, 0);
			transform: translate(0, 0)
		}
		50% {
			-moz-transform: translate(0, 5px);
			transform: translate(0, 5px)
		}
		100% {
			-moz-transform: translate(0, 0);
			transform: translate(0, 0)
		}
	}
	@-o-keyframes updown {
		0% {
			-o-transform: translate(0, 0);
			transform: translate(0, 0)
		}
		50% {
			-o-transform: translate(0, 5px);
			transform: translate(0, 5px)
		}
		100% {
			-o-transform: translate(0, 0);
			transform: translate(0, 0)
		}
	}
	@keyframes updown {
		0% {
			-webkit-transform: translate(0, 0);
			transform: translate(0, 0)
		}
		50% {
			-webkit-transform: translate(0, 5px);
			transform: translate(0, 5px)
		}
		100% {
			-webkit-transform: translate(0, 0);
			transform: translate(0, 0)
		}
	}
	.scroll-down.svg .scroller {
		fill: #fff;
		-webkit-animation: updown 1s infinite;
		-moz-animation: updown 1s infinite;
		-o-animation: updown 1s infinite;
		animation: updown 1s infinite;
	}

	.scroll-down {
		position: absolute;
		top: 50%;
		right: 100px;
		z-index: 990;
		width: 20px;
		transition: opacity 1s ease;
	}
	
	
	#see-more, #see-others {
		width: 100%;
	}
	#see-more {
		display: block;
		position: fixed;
		bottom: 0;
		left: 50%;
		z-index: 99;
		-webkit-transform: translate(-50%, 100dvh);
				transform: translate(-50%, 100dvh);
		-webkit-transition: transform 0.5s ease-in-out;
				transition: transform 0.5s ease-in-out;
	}
	@keyframes bounceUpDown {
		0%, 20%, 40%, 100% { transform: translate(-50%, 50%); }
		10%, 30% { transform: translate(-50%, 43%); }
	}
	.bounce-animation {
		animation: bounceUpDown 3s ease-in-out infinite;
	}
	.row.otherProjects {
		max-width: calc((391px * 3) + (2 * 16px));
	}
	#see-more h3.see-more-header {
		font-size: 50px;
		line-height: 74px;
		text-align: center;
		font-weight: 300;
		letter-spacing: 2px;
		text-indent: 2px;
	}
	#see-more .btn {
		margin: 20px auto;
		display: block;
		width: fit-content;
	}
	.otherProjects .grid-item {
		position: relative;
	}
	.row.otherProjects figure img {
		height: 100%;
		max-height: 217px;
		object-fit: cover;
	}
	.row.otherProjects figure img.logo {
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		height: 78px;
		width: auto;
		z-index: 3;
	}
	

/*  Team single page styling
    -------------------------------------------------------------- */
    /*.team {
        position: relative;
        background-image: url(../../files/bg-experience.jpg);
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }*/
    section.pan-y .team,
    section.pan-y.timeline {
        width: /*calc(100vw - 17px)*/ 100vw;
        height: 100dvh;
        overflow: hidden;
    }
    .team {
        position: relative;
        z-index: 5;
    }
    
    .teamSlider,
    .infoSlider {
        position: absolute;
        left: 233px;
        bottom: 50px;
        width: 100%;
        max-width: calc(100vw - 250px);
        height: 304px;
        z-index: 3;
    }
	.teamSlider.vac {
        height: 366px;
    }
	
	.teamSlider:after,
	.infoSlider:after	{
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		width: 140px;
		height: 100%;
		background: transparent;
		background: linear-gradient(90deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 80%);
		opacity: 0.7;
		z-index: 11;
	}
	.teamSlider.vac:after {
		top: 62px;
        height: calc(100% - 62px);
    }
	
    .teamSlider .swiper-slide,
    .infoSlider .swiper-slide {
        width: 456px;
        transition: transform 0.5s ease-in-out;
        overflow: hidden;
    }
    .teamSlider .swiper-slide.swiper-slide-active,
    .infoSlider .swiper-slide.swiper-slide-active {
        transform-origin: left;
        transition: width 0.5s ease-in-out;
    }    
    .teamSlider .swiper-slide.swiper-slide-active figure:after,
    .infoSlider .swiper-slide.swiper-slide-active figure:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 456px;
        height: 304px;
        pointer-events: none;
        box-shadow: inset 0 0 0 1px var(--clr-gold);
    }
	.teamSlider .swiper-slide figure:after,
    .infoSlider .swiper-slide figure:after {
        z-index: 2;
    }
    .teamSlider .swiper-slide.swiper-slide-active.expanded,
    .teamSlider .swiper-slide.swiper-slide-active:hover,
    .infoSlider .swiper-slide.swiper-slide-active.expanded,
    .infoSlider .swiper-slide.swiper-slide-active:hover {
        width: 1014px;
    }
    .teamSlider .swiper-slide img,
    .infoSlider .swiper-slide img {
        position: relative;
        width: 100%;
        max-width: 456px;
        height: 304px;
        float: left;
        z-index: 2;
		object-fit: cover;
    }
	.teamSlider .swiper-slide a.noLargeLink,
    .infoSlider .swiper-slide a.noLargeLink {
		pointer-events: none;
	}
	
	.teamSlider .swiper-slide figure,
	.infoSlider .swiper-slide figure {
		background-color: #000;
        max-width: 456px;
		z-index: 11;
	}
    .infoSlider .swiper-slide img.logo {
        position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		height: 98px;
		width: auto;
		z-index: 3;
    }
	
    .teamSlider .swiper-slide .text-container,
    .infoSlider .swiper-slide .text-container {
        width: 558px;
        height: 304px; 
        position: absolute;
        right: 0;
        top: 0;
        padding: 43px 22px 53px 42px;
    }
    .teamSlider .swiper-slide .text-container:before,
    .infoSlider .swiper-slide .text-container:before {
        content: '';
        width: calc(100% + 1px);
        height: 100%;
        position: absolute;
        left: -1px;
        top: 0;
        background: rgb(0,0,0);
        background: linear-gradient(90deg, rgba(0,0,0,0.58) 0%, rgba(255,255,255,0) 100%);
    }

    .teamSlider .swiper-slide .text-container h3,
    .infoSlider .swiper-slide .text-container h3/*,
    .timeline article datetime*/ {
        position: relative;
        z-index: 1;
        font-size: 30px;
        line-height: 45px;
        font-family: var(--font-oswald);
        text-transform: uppercase;
        font-weight: 300;
        color: var(--clr-gold);
        letter-spacing: 2px;
        margin-bottom: 10px;
    }
    .teamSlider .swiper-slide .text-container h3 span,
    .infoSlider .swiper-slide .text-container h3 span {
        font-size: 20px;
        line-height: 30px;
        font-weight: 300;
        color: #d0d0d0;
        letter-spacing: 2px;
        margin-top: -5px;
    }
    .teamSlider .swiper-slide .text-container ul.tags,    
    .infoSlider .swiper-slide .text-container ul.tags/*,
    .timeline article ul.tags*/ {
        position: relative;
        z-index: 1;
        font-size: 0;
        line-height: 0;
        margin-bottom: 25px;
    }
    .teamSlider .swiper-slide .text-container li,    
    .infoSlider .swiper-slide .text-container li/*,
    .timeline article li*/ {
        font-size: 14px;
        line-height: 25px;
        display: inline-block;
        font-weight: 400;
        color: var(--clr-gold);
		padding: 0;
    }
    .teamSlider .swiper-slide .text-container li:not(:last-of-type):after,    
    .infoSlider .swiper-slide .text-container li:not(:last-of-type):after/*,
    .timeline article li:not(:last-of-type):after*/ {
        content: '|';
        margin: 0 10px;
    }
    .teamSlider .swiper-slide .text-container p,    
    .infoSlider .swiper-slide .text-container p/*,
    .timeline article p*/ {
        position: relative;
        z-index: 1;
        font-size: 14px;
        line-height: 25px;
        font-weight: 400;
		color: #d0d0d0;
    }
    .teamSlider .swiper-slide .text-container p i,    
    .infoSlider .swiper-slide .text-container p i/*,
    .timeline article p*/ {
        color: var(--clr-gold);
        margin-right: 10px;
    }
    /*.timeline article p {
        letter-spacing: 2px;
		border-radius: 22px;
        padding: 5px 14px 7px;
        font-size: 18px;
        font-weight: 300;
    }*/
    .teamSlider .swiper-slide .text-container a.button,    
    .infoSlider .swiper-slide .text-container a.button/*,
    .timeline article p*/ {
        margin-top: 16px;
    }
	.teamSlider .swiper-button-prev,
	.infoSlider .swiper-button-prev,
	.paperSlider .swiper-button-prev,
	.teamSlider .swiper-button-next,
	.infoSlider .swiper-button-next,
	.paperSlider .swiper-button-next {
		/*width: calc(26px / 44 * 27);
		height: 26px;
		margin-top: calc(0px - (26px / 2));*/
		top: 50%;
		z-index: 12;
	}
	/*.teamSlider .swiper-button-prev:after,
	.infoSlider .swiper-button-prev:after,
	.paperSlider .swiper-button-prev:after,
	.teamSlider .swiper-button-next:after,
	.infoSlider .swiper-button-next:after,
	.paperSlider .swiper-button-next:after {
		font-size: 16px;
	}*/		
	
	.teamSlider .swiper-button-prev,
	.infoSlider .swiper-button-prev,
	.paperSlider .swiper-button-prev {
		left: var(--swiper-navigation-sides-offset, 33px);
	}
	.teamSlider .swiper-button-next,
	.infoSlider .swiper-button-next,
	.paperSlider .swiper-button-next {
		right: var(--swiper-navigation-sides-offset, 77px);
		left: auto;
	}
	/*.teamSlider .swiper-button-prev,
	.teamSlider .swiper-button-next,
	.paperSlider .swiper-button-prev,
	.paperSlider .swiper-button-next {
		top: 50%;
	}*/
	.teamSlider.vac .swiper-button-prev,
	.teamSlider.vac .swiper-button-next {
		top: calc(50% + 31px);
	}
	.paperSlider .swiper-button-prev,
	.paperSlider .swiper-button-next {
		top: calc(50% + 42px);
	}
	
	.block.timeline {
		height: auto;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: top center;
		padding-top: 155px;
		background-size: cover;
    }
	
	.block.timeline .faded {
		opacity: 0.25;
		transition: opacity 0.4s ease;
		will-change: opacity;
	}
	.block.timeline .visible {
		opacity: 1;
	}
	
    .section-timeline {
        position: relative;
        padding: 100px 0;
        z-index: 2;
    }
    .section-timeline .container {
        width: 90vw;
        max-width: 1207px;
        margin-left: auto;
        margin-right: auto;
    }
    .timeline_component {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        position: relative;
    }
    .timeline_progress {
        background-color: #707070;
        width: 1px;
        height: 100%;
        position: absolute;
		left: 50%;
		margin-left: -1px;
    }
    .timeline_progress-bar {
        background-color: #fff;
        background-image: linear-gradient(rgba(253, 218, 161, 1) 0%, rgba(204, 159, 90, 1) 100%)/*linear-gradient(#ff7448, #ff4848 51%, #6248ff)*/;
        width: 1px;
        height: 50vh;
        position: fixed;
        top: 0;
		-webkit-mask-image: linear-gradient(to bottom, transparent 0px, black 300px);
				mask-image: linear-gradient(to bottom, transparent 0px, black 300px);
		/*left: calc(50% - 9px);*/
    }
    .timeline_item {
        z-index: 2;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        grid-template-rows: auto;
        grid-template-columns: 1fr 180px 1fr;
        grid-auto-columns: 1fr;
        padding-top: 80px;
        padding-bottom: 80px;
        display: grid;
        position: relative;
		opacity: 0.4;
		transition: opacity 0.6s ease-in-out;
    }
	.timeline_item.visible {
		opacity: 1;
	}
    .timeline_left {
        text-align: right;
        justify-content: flex-end;
        align-items: stretch;
    }
    .timeline_date-text {
        font-family: var(--font-oswald);
        color: var(--clr-gold);
        letter-spacing: 2px;
        font-size: 76px;
        font-weight: 200;
        line-height: 124px;
        position: sticky;
        top: /*50vh*/calc(50vh - 62px);
        text-transform: uppercase;
    }
    .timeline_centre {
        justify-content: center;
        display: flex;
    }
    .timeline_circle {
        background-color: var(--clr-gold);
        border-radius: 100%;
        width: 13px;
        min-width: 13px;
        max-width: 13px;
        height: 13px;
        min-height: 13px;
        max-height: 13px;
        position: sticky;
        top: 50vh;
    }
    .timeline_text {
		padding: 40px;
		background-color: rgba(0, 0, 0, 0.4);
		margin-bottom: 50px;
    } 
	.timeline_text datetime {
		font-size: 30px;
		line-height: 45px;
		color: var(--clr-gold);
		margin-bottom: 5px;
		font-family: var(--font-oswald);
		letter-spacing: 2px;
		font-weight: 300;
		text-transform: uppercase;
		display: none;
	}
    .timeline_text h3 {
		font-family: var(--font-poppins);
        color: var(--clr-gold);
		text-transform: none;
        font-weight: 500;
        font-size: 22px;
        line-height: 33px;
		margin-bottom: 18px;
    } 
    .timeline_text p {
        color: #d0d0d0;
        font-size: 17px;
        font-weight: 400;
        line-height: 35px;
    } 
    .timeline_text p:not(:last-of-type) {
        margin-bottom: 35px;
    }
	
    section.etalage {
        padding: 0;
    }
    section.etalage:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.2);
    }

	.vacancies .returnURL {
		position: absolute;
		right: 105px;
		top: 186px;
		z-index: 4;
		font-weight: 400;
	}

	.innerSwiper {
		height: auto;
		width: calc(100vw - 233px);
	}
	.innerSwiper.horizontal-swiper .swiper-button-next, 
	.innerSwiper.horizontal-swiper .swiper-button-prev {
		opacity: 1;
		pointer-events: all;
	}

/*  Search + favorites
    -------------------------------------------------------------- */
	.favesearch > figure {
		height: 647px;
		overflow: hidden;
	}
	.favesearch.full > figure {
		height: 100dvh;
	}
	.favesearch > figure:after {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		background-color: rgba(0,0,0,0.7);
		z-index: 1;
	}
	.favesearch > figure img {
		height: 100%;
		object-fit: cover;
	}
	.favesearch > figure figcaption {
		top: 60%;
		text-align: center;
		z-index: 2;
	}
	.favesearch.bigSearch > figure figcaption {
		top: 65%;
	}
	.favesearch:not(.full) > figure figcaption:not(.full) {
		max-width: 840px;
	}
	.favesearch > figure figcaption h1 {
		font-family: var(--font-oswald);
		font-size: 90px;
		line-height: 133px;
		font-weight: 300;
		letter-spacing: 6px;
		text-indent: 6px;
	}
	.favesearch > figure figcaption p {
		color: #d0d0d0;
		padding: 0 100px;
		font-weight: 300;
	}
	
	.search {
		position: relative;
		display: inline-block;
	}
	.searchForm {
		width: 100%;
		max-width: 578px;
		position: relative;
		margin: 0 auto;
		display: block;
		padding: 8px;
		border-radius: 31px;
		background-color: rgba(0,0,0,0.7);
		font-size: 0;
		line-height: 0;
	}
	.search .searchForm {
		background-color: rgba(255,255,255,0.2);
		border-radius: 21px;
		padding: 0;
		width: 300px;
		position: absolute;
		top: calc(50% + 1px);
		right: -8px;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		-webkit-transform: translateY(-50%);
				transform: translateY(-50%);
		-webkit-transition: opacity 300ms ease-in;
				transition: opacity 300ms ease-in;
	}
	nav .searchForm {
		display: none;
		max-width: calc(100% - 40px);
		border: 1px solid var(--clr-gold);
		background-color: transparent;
	}
	.search .searchForm.visible {
		opacity: 1;
		visibility: visible;
		pointer-events: all;
	}
	.searchForm input,
	.searchForm button {
		width: 100%;
		display: inline-block;
		vertical-align: top;
		border-radius: 23px;
	}
	.searchForm input,
	.searchForm label {
		line-height: 46px;
		font-size: 18px;
		font-weight: 300;
		-webkit-transition: all 300ms ease-in;
				transition: all 300ms ease-in;
	}
	nav .searchForm input {
		padding-left: 20px;
		line-height: 25px;
		font-size: 14px;
		color: #d0d0d0;
	}
	.searchForm input {
		/*border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		max-width: calc(100% - 46px);*/
		background: none;
		color: var(--clr-gold);
		border: 0;
		padding: 0;
		padding-left: 208px;
	}
	.search .searchForm input {
		line-height: 42px;
		padding: 0 56px 0 20px;
		font-size: 14px;
	}
	.favesearch .searchForm label {
		display: block;
		position: absolute;
		left: 33px;
		top: 8px;
		color: #707070;
		z-index: 1;
	}
	.favesearch .searchForm:hover label {
		opacity: 0;
		pointer-events: none;
	}
	.favesearch .searchForm:hover input {
		padding-left: 33px;
	}
	.searchForm button {
		width: auto;
		height: 30px;
		text-align: center;
		background-color: transparent;
		color: var(--clr-white);
		padding: 0;
		border: 0;
		position: absolute;
		right: 8px;
		top: 50%;
		-webkit-transform: translateY(-50%);
				transform: translateY(-50%);
		z-index: 1;
	}
	nav .searchForm button {
		width: auto;
		height: 13px;
		right: 20px;
	}
	nav .searchForm button img {
		width: 13px;
		vertical-align: top;
	}
	nav .searchForm button img {
		width: 13px;
		vertical-align: top;
	}
	.favesearch .searchForm button {
		width: 100%;
		line-height: 46px;
		height: 46px;
		max-width: 46px;
		background-color: var(--clr-gold);
		font-size: 26px;
	}
	.favesearch .fav-list figure {
		float: left;
		max-width: 50%;
		height: 640px;
	}
	.favesearch .fav-list figure:before {
		content: '';
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 462px;
		background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0%, rgba(55, 55, 55, 0) 60.59%, rgba(255, 255, 255, 0) 100%);
		z-index: 1;
	}
	.favesearch .fav-list figure:before,
	.favesearch .fav-list figure:after {
		pointer-events: none;
	}
	.favesearch .fav-list figure a {
		float: left;
		height: 100%;
		width: 100%;
	}
	.favesearch .fav-list figure img {
		float: left;
		height: 100%;
		object-fit: cover;
	}
	.favesearch .fav-list figure figcaption {
		position: absolute;
		left: 50%;
		bottom: 31px;
		-webkit-transform: translateX(-50%);
				transform: translateX(-50%);
		text-align: center;
		z-index: 9;
	}
	.favesearch .fav-list figure figcaption h3 {
		font-size: 35px;
		line-height: 48px;
		letter-spacing: 1px;
		text-indent: 1px;
		font-weight: 300;
	}
	.favesearch .fav-list figure figcaption h3 small {
		font-size: 18px;
		line-height: 22px;
		color: var(--clr-gold);
		letter-spacing: 1px;
		text-indent: 1px;
		font-weight: 300;
	}

/*  Contactpage & form
    -------------------------------------------------------------- */
    .contact {
        position: relative;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }
	.contact aside {
		position: absolute;
		right: 100px;
		top: 191px;
		z-index: 3;
		width: 100%;
		max-width: 300px;
		background-color: #000;
		border: 1px solid var(--clr-gold);
		padding: 40px 10px;
	}
	.contact aside h3 {
		font-family: 'Oswald', sans-serif;
		font-optical-sizing: auto;
		font-style: normal;
		text-transform: uppercase;
		letter-spacing: 1px;
		color: #cc9f5a;
		font-weight: 300;
		font-size: 26px;
		line-height: 40px;
		margin-bottom: 25px;
	}
	.contact aside p {
		color: #d0d0d0;
		font-weight: 300;
		line-height: 26px;
	}
	.contact aside hr {
		position: relative;
		height: 1px;
		background-color: #707070;
		-webkit-transform: translateZ(0);
				transform: translateZ(0);
		width: 100%;
		max-width: 174px;
		display: block;
		margin: 20px auto;
	}
	.contact aside p a[href^="tel:"] {
		font-family: 'Poppins', sans-serif;
		background-color: #cc9f5a;
		color: #fff;
		line-height: 22px;
		font-size: 17px;
		padding: 4px 20px;
		border-radius: 14px;
		margin: 20px 0;
		display: inline-block;
	}
	.contact .form-container {
		height: 305px;
		position: absolute;
		left: 0;
		top: calc(100% + 30px);
		width: calc(100vw - 643px);
		max-width: 922px;
	}
	.contact .form-container figure {
		float: left;
		max-width: 455px;
		font-size: 0;
		line-height: 0;
	}
	.contact .form-container figure img {
		height: 305px;
		object-fit: cover;
	}
	.contact .form-container .mini-form {
		max-width: calc(100% - 455px);
		padding-left: 25px;
	}
    /*.contact:before {
        content: '';
        position: absolute;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        z-index: 4;
        background-image: url(../../assets/img/europe.svg);
        background-position: top right;
        background-repeat: no-repeat;
    }
    .contact:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        background-color: rgba(0,0,0,0.6);
    }*/
    .contact section {
        z-index: 3;
    }
    .contact .row,
	.row.formContent {
        margin-top: 236px;
        padding-left: 323px;
    }
	.row.formContent {
        margin-top: 190px;
        padding-left: 233px;
    }
    .contact form,
	.formContent form {
        width: 100%;
        max-width: 744px;
        float: left;
    }
    .contact form .floated:not(.noBorder),
    .contact form input,
    .contact form textarea,
	.formContent form .floated:not(.noBorder),
    .formContent form input,
    .formContent form textarea {
        border-bottom: 1px solid #707070;
    }
	
    .contact form input,
    .contact form textarea,
	.formContent form input,
    .formContent form textarea {
		font-weight: 300;
        width: 100%;
        background-color: transparent;
        color: #fff;
        line-height: 58px;
        font-size: 17px;
		text-align: left;
    }
    .contact form input[type=number]::-webkit-inner-spin-button,
	.formContent form input[type=number]::-webkit-inner-spin-button	{
        -webkit-appearance: none;
    }
    .contact form textarea,
	.formContent form textarea {
        line-height: 28px;
        padding: 15px 0;
        height: 106px;
    }
    .contact form input[type="radio"],
	.formContent form input[type="radio"] {
        width: 18px;
        height: 18px;
        float: left;
        margin: 3px 20px 24px 0;
        border: 1px solid #707070 !important;
        border-radius: 0;
    }
    .contact form input[type="radio"]:after,
    .formContent form input[type="radio"]:after	{
        font-family: "remixicon";
        content: "\eb7b";
        position: absolute;
        left: -1px;
        top: -1px;
        width: 18px;
        height: 18px;
        font-size: 14px;
        text-align: center;
        line-height: 16px;
        color: transparent;
        border: 1px solid transparent;
        border-radius: 0;
        -webkit-transform: translateZ(0);
                transform: translateZ(0);
    }
    .contact form input[type="radio"]:checked:after,
    .formContent form input[type="radio"]:checked:after {
        color: var(--clr-gold);
        border-color: var(--clr-gold);
    }
    .contact form input[type="radio"] + label,
    .formContent form input[type="radio"] + label {
		font-family: var(--font-poppins);
        width: calc(50% - 38px);
        max-width: 145px;
        float: left;
        margin: 0 0 20px 0;
        font-size: 17px;
        line-height: 25px;
		font-weight: 300;
		color: #d0d0d0;
    }

    #bedrijf-input-container {
        height: auto;
        max-height: 0;
        overflow: hidden;
        -webkit-transition: max-height 0.300ms ease-in;
        transition: max-height 300ms ease-in;
    }
    #bedrijf-input-container.visible {
        height: auto;
        max-height: 61px;
    }
	
	/*.contact form button,
	.formContent .knop,
	.formContent .btn {
		-webkit-transition: all 300ms ease-in;
				transition: all 300ms ease-in;
        margin-top: 91px;
        padding: 9px 30px 11px;
        line-height: 29px;
        border-radius: 25px;
        font-weight: 300;
        font-size: 25px;
        letter-spacing: 2px;
        text-indent: 2px;
    }*/
	.contact form button,
	.formContent .knop,
	.formContent .btn {
        margin-top: 91px;
    }
	.formContent .btn {
        margin-top: 16px;
    }
	.formContent .knop {
		float: left;
    }
    .contact form button.visible,
    .formContent form button.visible {
        margin-top: 30px;
    }
	.formContent .btn.visible {
        margin-top: 25px;
	}
	.contact .form-container .mini-form {
		height: 305px;
	}
	.contact .form-container .mini-form a {
		position: absolute;
		z-index: 2;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		cursor: pointer;
	}
	.contact .form-container .mini-form .floated,
	.contact .form-container .mini-form input,
	.contact .form-container .mini-form textarea	{
		border-bottom: 0;
	}
	.contact .form-container .mini-form input,
	.contact .form-container .mini-form textarea {
        border-top: 1px solid #707070;
		line-height: 31px;
		margin-bottom: 20px;
		float: left;
	}
	.contact .form-container .mini-form form,
	.contact .form-container .mini-form .floated.optGroup,
	.contact .form-container .mini-form input,
	.contact .form-container .mini-form textarea,
	.contact .form-container .mini-form button {
		pointer-events: none;
	}
	.contact .form-container .mini-form .half {
		max-width: calc(50% - 8px);
	}
	.contact .form-container .mini-form .half.l {
		margin-right: 8px;
	}
	.contact .form-container .mini-form .half.r {
		margin-left: 8px;
	}
	.contact .form-container .mini-form textarea {
		padding: 0;
		height: 34px;
	}
	.contact .form-container .mini-form button {
		margin-top: 16px;
		padding: 3px 8px 5px;
		line-height: 16px;
		border-radius: 14px;
		font-size: 15px;
		letter-spacing: 1px;
		text-indent: 1px;
	}
	
	.formContent p {
		text-align: left;
		color: #888888;
	}
	.formContent p a {
		color: var(--clr-gold);
	}
	
    .contact address {
        float: left;
        width: 100%;
        max-width: fit-content;
        margin-left: 95px;
    }
    .contact address p {
        line-height: 25px;
    }
    .contact address hr {
        height: 1px;
        border: 0;
        width: 100%;
        background-color: #707070;
        margin: 10px 0;
    }
	.formPopup {
		position: fixed;
		z-index: 999;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.01);
		-webkit-backdrop-filter: blur(10px);
				backdrop-filter: blur(10px);
	}
	.formPopup .formContent {
		max-width: 865px;
		padding: 60px;
		background-color: #000;
		border: 1px solid var(--clr-gold);
	}
	.formPopup .closeBtn {
		position: absolute;
		right: 28px;
		top: 26px;
		width: 18px;
		height: 18px;
		font-size: 18px;
		color: var(--clr-white);
	}
	.formPopup .favs {
		position: absolute;
		right: 60px;
		top: 25px;
		width: 30px;
	}
	.formContent .floated {
		float: left;
		width: 100%;
	}
	.formContent .floated h3 {
	    font-weight: 300;
		width: 100%;
		background-color: transparent;
		color: #d0d0d0;
		line-height: 30px;
		font-size: 17px;
		text-align: left;
		text-transform: none;
		font-family: var(--font-poppins);
		margin-top: 10px;
	}
	.formContent .favorites {
		padding-top: 17px;
		grid-template-columns: repeat(3, minmax(50px, 1fr));
        display: grid;
        grid-gap: 16px;
	}
	.formContent .favorites figure {
		grid-column: span 1;
	}
	.formContent .favorites figure img {
		height: 150px;
		object-fit: cover;
	}
	.formContent .favorites figure figcaption {
		position: absolute;
		z-index: 2;
		left: 0;
		bottom: 10px;
		width: 100%;
		display: none;
	}	
	.formContent .favorites figure .favs {
		position: absolute;
		z-index: 4;
		right: 16px;
		top: 15px;
		font-size: 17px;
		line-height: 17px;
		margin: 0;
		background-color: transparent;
		padding: 0;
		border-radius: 0;
		border: 0;
	}	
	.formContent .favorites figure .favs i {
		color: var(--clr-white);
	}
	.formContent .favorites figure figcaption h3 {
		text-align: center;
		font-size: 14px;
		line-height: 21px;
	}
	.formContent .favorites figure figcaption h3 small {
		color: var(--clr-gold);
	}
	
    /*.star-group {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 5;
    }
    .star-group span.icon {
        position: absolute;
        width: 50px;
        height: 50px;
        background-image: url(../img/icon-star.svg);
    }
    .star-group span.icon.knops {
        width: 26px;
        height: 35px;
        background-image: url(../img/icon-knops.svg);
    }
    .star-group span.icon._01 {
        top: 442px;
        right: 272px;
    }
    .star-group span.icon._02 {
        top: 595px;
        right: 434px;
    }
    .star-group span.icon._03 {
        top: 619px;
        right: 345px;
    }
    .star-group span.icon._04 {
        top: 631px;
        right: 101px;
    }
    .star-group span.icon._05 {
        top: 679px;
        right: 480px;
    }
    .star-group span.icon._06 {
        top: 677px;
        right: 384px;
    }
    .star-group span.icon._07 {
        top: 821px;
        right: 683px;
    }
    .star-group span.icon._08 {
        top: 871px;
        right: 559px;
    }
    .star-group span.icon._09 {
        top: 832px;
        right: 455px;
    }
    .star-group span.icon._10 {
        top: 786px;
        right: 345px;
    }
    .star-group span.icon._11 {
        top: 846px;
        right: 151px;
    }*/

/*  Expositions single page styling
    -------------------------------------------------------------- */
    .expo {
        height: 100dvh;
    }
    .expo:after {
        content: '';
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.64);
    }

    .paperSlider {
        position: absolute;
        left: 225px;
        bottom: 30px;
        width: calc(100% - 225px);
        z-index: 3;
        height: auto;
    }
    
    .paperSlider .swiper-slide {
        width: fit-content;
        position: relative;
        overflow: hidden;
    }

    .book-3d {
        --book-thickness: 4px;
        --cover-color: var(--clr-gold);
        perspective: 1000px;
        max-width: 212px;
        margin: 10px 3px;
    }
    .book-3d__inner {
        position: relative;
        -webkit-transform-style: preserve-3d;
                transform-style: preserve-3d;
        -webkit-transform: rotateY(-25deg);
                transform: rotateY(-25deg);
        -webkit-transition: transform 150ms ease-in;
                transition: transform 150ms ease-in;
    }

    /* Book Pages */
    .book-3d__inner::before {
        position: absolute;
        content: ' ';
        left: 100%;
        top: 1%;
        width: calc( var(--book-thickness) * 2 );
        height: 98%;
        transform: translate(-54%,0) rotateY( 90deg );
        background: linear-gradient( 90deg , #eee 0%, hsl(0, 0%, 94%) 5%, #eee 10%, hsl(0, 0%, 94%) 15%, #eee 20%, hsl(0, 0%, 94%) 25%, #eee 30%, hsl(0, 0%, 94%) 35%, #eee 40%, hsl(0, 0%, 94%) 45%, #eee 50%, hsl(0, 0%, 94%) 55%, #eee 60%, hsl(0, 0%, 94%) 65%, #eee 70%, hsl(0, 0%, 94%) 75%, #eee 80%, hsl(0, 0%, 94%) 85%, #eee 90%, hsl(0, 0%, 94%) 95%, #eee 100% );
    
        -webkit-transition: width 150ms ease-in;
                transition: width 150ms ease-in;
    }

    /* Rear Cover */
    .book-3d__inner::after {
        content: '';
        position: absolute;
        top: -1px;
        left: 1px;
        width: 100%;
        height: calc(100% + 2px);
        transform: translateZ(calc(var(--book-thickness)* -2));
        background-color: var(--cover-color);
        border-radius: 0 4px 4px 0;
        box-shadow: -10px 0 50px 10px rgba(0, 0, 0, 0.3);
    }

    .book-3d__cover {
        display:block;
        width:100%;
        height: auto;
        border-radius: 0px 4px 4px 0px;
        transform: translateZ( var(--book-thickness) );
        box-shadow: 5px 5px 20px rgba(0,0,0, 0.1);
        filter: grayscale(100%);
        -webkit-transition: filter 800ms ease-in;
                transition: filter 800ms ease-in;
		/*height: 302px;*/
        aspect-ratio: 1 / 1.5;
        /*max-height: 233px;*/
		object-fit: cover;
    }
	.paperSlider .swiper-slide.swiper-slide-active {
		overflow: visible;
		margin-right: 36px !important;
		margin-left: 36px;
	}
	/*.swiper-slide-active .book-3d__cover {
		-webkit-transform: scale(1.3);
				transform: scale(1.3);
	}*/
    
    .paperSlider .swiper-slide.swiper-slide-active .book-3d .book-3d__inner:hover,
	.paperSlider .swiper-slide.swiper-slide-active .book-3d .book-3d__inner {
        transform: rotateY(0);
    }
	/*.paperSlider .swiper-slide.swiper-slide-active .book-3d .book-3d__inner:after {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: transparent;
		border: 1px solid var(--clr-gold);
		z-index: 2;
		-webkit-transform: scale(1.3);
				transform: scale(1.3);
	}*/
    .paperSlider .swiper-slide.swiper-slide-active .book-3d .book-3d__inner::before {
        width: calc( var(--book-thickness) * 1 );
		display: none;
    }
    .paperSlider .swiper-slide.swiper-slide-active .book-3d .book-3d__cover {
		border-radius: 0;
        filter: grayscale(0%);
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
		/*border: 1px solid var(--clr-gold);*/
	}

/*  Pricings single page styling
    -------------------------------------------------------------- */  
    .pricing {
		/*background-color: rgba(0,0,0,0.6);*/
	}
	.pricing .row {
        margin-top: 240px;
		padding-left: 233px;
		padding-right: 268px;
    }
    .pricing .gridFrame {
        column-gap: 16px;
    }
    .pricing .gridFrame.mobMax {
        margin-bottom: 16px;
    }
    .price-item {
        border: 1px solid var(--clr-gold);
        padding: 65px 30px 70px;
		text-align: left;
		-webkit-transition: all 300ms ease-in;
				transition: all 300ms ease-in;
    }
    .price-item label,
    .price-item span {
        font-family: var(--font-oswald);
        display: block;
    }
    .price-item label {
        color: var(--clr-gold);
        font-weight: 300;
        line-height: 26px;
        font-size: 18px;
        vertical-align: text-bottom;
		text-transform: uppercase;
		letter-spacing: 1px;
    }
    .price-item label small {
        font-size: 12px;
    }
    .price-item span {
        font-weight: 500;
        line-height: 51px;
        font-size: 34px;
        margin-bottom: 30px;
		letter-spacing: 2px;
    }
    .price-item ul li {
        position: relative;
        padding-left: 25px;
        line-height: 40px;
        font-size: 17px;
		text-align: left;
		color: #d0d0d0;
    }
    .price-item ul li:before {
        font-family: "remixicon";
        content: '\eb7b';
        position: absolute;
        left: 0;
        top: 0;
        width: 22px;
        line-height: 40px;
        color: var(--clr-gold);
    }
    .price-item ul li li,
	.price-item ul li.jmp {
        line-height: 30px;
        font-size: 14px;
    }
	.price-item ul li.jmp {
        padding-left: 50px;
    }
    .price-item ul li li:before,
	.price-item ul li.jmp:before {
        content: '\f3c1';
        font-size: 6px;
        line-height: 30px;
    }
	.price-item ul li.jmp:before {
        left: 25px;
    }
    .pricing ._full p {
		color: #707070;
        text-align: center;
		font-size: 15px;
    }
    .pricing ._full .button {
		margin-top: 20px;
		padding: 4px 20px 6px;
		line-height: 28px;
    }


	/*
	 * @ADDED BY MITCHEL
	 */
	.overlay, .see-more-header {
		pointer-events: none;
	}
	#see-more {
		transition: transform 1s ease-in-out !important;
	}
	.mobile-open {
		width: 100%;
		transition: position 1s ease-in-out !important;
		transform: translate(0%, 0%) !important;
		overflow-y: scroll !important;
		position: absolute !important;
		top: 0 !important;
		width: 100% !important;
		height: 100dvh !important;
		margin: 0 !important;
		padding: 80px 30px 30px 30px !important;
		left: 0 !important;
	}

/*  =================================================================
    x.0 FOOTER
    ================================================================== */
    footer {
        padding: 22px;
    }
    footer:after {
        content: '';
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.64);
    }
    footer .row {
        position: relative;
        z-index: 2;
        max-width: 1640px;
    }
    footer .row p {
        font-size: 12px;
        line-height: 17px;
    }
    footer .row p,
    footer .row a {
        color: #585858;
    }
    footer .row.border {
        padding-top: 40px;
        padding-bottom: 8px;
        margin-bottom: 8px;
        border-bottom: 1px solid #585858;
    }
    footer .row p span {
        float: right;
    }
    footer .logo-link {
        width: 44px;
        position: absolute;
        left: 50%;
        margin-left: -22px;
        top: 0;
    }
    footer .logo-link img {
        width: 100%;
        height: auto;
    }

    /*.insta-inner {
        width: calc(100% - 36px);
    }*/

    @media only screen and (max-width: 1010px) {
        .insta-inner {
            width: calc(68.5% + 4px);
        }
    }

/*  =================================================================
    MEDIA QUERIES
    ================================================================== */
	
	@media screen and (-webkit-min-device-pixel-ratio: 2) {
		nav .searchForm {
			border: 0.5px solid var(--clr-gold);
		}
	}
	
    @media only screen and (max-width: 1440px) {
		
		h2, 
		.story text h2, 
		.block.h-instagram text h2 {
			font-size: 48px;
			line-height: 58px;
			letter-spacing: 2px;
		}		
		p, li {
			font-size: 16px;
			line-height: 26px;
		}
		
		.block.h-instagram text p {
			font-size: 16px;
			line-height: 26px;
			margin-bottom: 26px;
		}
		
		.insta-container {
			max-width: 40.11%;
			height: 62.41%;
		}
		.story .posiRow .nr,		
		.block.h-instagram text .followers-count {
			font-size: 100px;
			line-height: 116px;
			height: 116px;
		}
		
		.collections .info h2 ,
		.txt-container:not(.noHeadingWidth) h2 {
			font-size: 60px;
			line-height: 70px;
			letter-spacing: 3px;
		}
		.swiper-slide.vert h4, .otherProjects h4, .teamSlider h4, .paperSlider h4 {
			line-height: 30px;
			font-size: 20px;
		}
		
		.slideContainer {
			height: 415px;
		}
		.swiper-slide.vert {
			height: 246px;
		}
		.swiper-slide.vert.overview, .swiper-slide.vert.top-ten {
			height: 304px;
		}
		.overview .horizontal-swiper .swiper-slide {
			width: 216px;
			max-height: 258px;
			margin-right: 50px !important;
		}		
		.horizontal-swiper .swiper-slide {
			width: 350px;
			max-height: 200px;
		}
		.horizontal-swiper .swiper-slide img {
			height: 200px;
		}
		.horizontal-swiper.numbered .swiper-slide {
			width: 310px;
			max-height: 258px;
		}
		.horizontal-swiper.numbered .swiper-slide number {			
			font-size: 230px;
			line-height: 218px;
		}
		
		.collections .info {
			bottom: 100px;
		}
		
		.infoLink {
			bottom: 60px;
		}
		
	}
	
	
    /* IPADS landscape AND mini laptops */
    @media only screen and (max-width: 960px) {

        .insta-inner {
            width: calc(68.5% + 4px);
        }
		
		input[type="submit"], button, .button, .btn {
			padding: 3px 10px 5px;
			font-size: 14px;
		}
		
		body:not(.noBG),
		.pricing {
			background-image: none;
			background-color: var(--clr-black);
		}
		
		.meetup .search, 
		.meetup .dropdown,
		.meetup .button,
		/*.extraNav,*/
		nav:before,
		.text-desktop {
			display: none;
		}
		.text-mobile {
			display: block;
		}
		
		.extraNav {
			float: none;
			margin: 0;
			position: absolute;
			top: 31px;
			right: 80px;
		}
		
		.meetup {
			position: fixed;
			top: 0;
			right: 0;
			width: 100%;
			height: auto;
			min-height: 90px;
			z-index: 996;
			/*background: linear-gradient(#000 0%, rgba(9, 9, 9, 0) 83.96%, rgba(255, 255, 255, 0) 100%);
			opacity: 0.87;
			background-color: rgba(0,0,0,0.87);*/
			text-align: right;
			padding: 36px 10px 0 0;			
			-webkit-transition: all 300ms ease-in;
					transition: all 300ms ease-in;
		}
		.meetup:after {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: auto;
			min-height: 156px;
			background: linear-gradient(#000 0%, rgba(9, 9, 9, 0) 55%, rgba(255, 255, 255, 0) 100%);
			z-index: -1;
		}
		
		.meetup.bg {
			background-color: #000;
		}
		.meetup .menuBtn {
			line-height: 13px;
			height: 13px;
			margin: 3px 16px 3px 0;
			width: 20px;
			text-align: center;
		}
		.meetup .favs {
			line-height: 19px;
			height: 19px;
			margin: 0 16px 0 0;
		}		
		.meetup .menuBtn img,
		.meetup .favs img {
			width: auto;
		}
		.meetup .menuBtn img {
			height: 13px;
			display: inline-block;
		}
		.meetup .menuBtn img.opened {
			height: auto;
			width: 18px;
		}
		.meetup .favs img {
			height: 19px;
		}
		.meetup .menuBtn {
			display: inline-block;
		}
		
		.heading {
			position: absolute;
			left: 100px;
			top: 26px;
			z-index: 999;
		}
		.heading.mobFixed {
			position: fixed;
			left: 20px;
		}
		.logo-link img {
			height: 38px;
		}
		.logo-link {
			float: left;
		}
		.heading h1 {
			float: left;
			line-height: 38px;
			font-size: 18px;
			margin-left: 120px;
		}
		
		nav {
			opacity: 0;
			visibility: hidden;
			pointer-events: none;
			padding-top: 16px;
			top: 90px;
			height: calc(100dvh - 90px);
			background-color: #000;
			max-width: none;
			-webkit-transition: all 300ms ease-in;
					transition: all 300ms ease-in;
		}
		nav.visible {
			opacity: 1;
			visibility: visible;
			pointer-events: all;
		}
		nav .searchForm {
			display: block;
		}
		nav > ul {
			padding: 0 20px;
			max-width: none;
		}
		nav a.pLink {
			pointer-events: none;
		}
		nav > ul ul {
			margin: 0 0 0 40px;
			width: calc(100% - 40px);
		}
		
		nav ul li {
			text-align: left;
			font-size: 18px;
			font-weight: 400;
		}
		nav ul.btm li {
			width: auto;
		}
		nav ul li:not(:last-of-type) {
			margin-bottom: 0;
		}
		nav a {
			min-width: 40px;
			line-height: 40px;
			min-height: 40px;
		}
		nav a img,
		nav ul:not(.btm) li img {
			max-width: 18px;
			margin: 0;
			display: inline-block;
			vertical-align: middle;
		}
		/*nav a span*/
		nav ul:not(.btm) a, 
		nav ul.btm a span {
			opacity: 1;
			visibility: visible;
			left: 40px;
			width: calc(100% - 40px);
			font-size: 16px;
			line-height: 40px;
			position: relative;
			left: auto;
			top: auto;
			display: inline-block;
			padding-left: 15px;
		}
		nav a span i {
			float: right;
		}
		nav ul ul li {
			line-height: 30px;
		}
		nav ul:not(.btm) ul li {
			line-height: 26px;
		}		
		nav ul:not(.btm) ul a,
		nav ul ul a {
			color: #a8a8a8;
			font-size: 14px;
			line-height: 26px;
			min-height: 26px;
			padding: 0;
		}
		nav ul.btm {
			position: relative;
			left: auto;
			bottom: auto;
			width: calc(100% - 40px);
			text-align: right;
			border-top: 1px solid #a8a8a8;
			margin: 30px auto 0;
			padding: 15px 0 0 0;
		}
		nav ul.btm li,
		nav ul.btm li a {
			min-width: 1px;
		}
		nav ul.btm li {
			display: inline-block;
		}
		nav ul.btm li:not(:first-of-type) {
			margin-left: 10px;
		}
		nav ul.btm a svg path {
			fill: #fff;
		}
		nav ul.btm li.dropdown {
			display: inline-block;
			float: left;
		}
		nav ul li.has-children ul.opened, 
		nav ul li ul.opened {
			padding-top: 0;
		}
		
		section.pan-y {
			display: block;
			overflow: auto;
			height: auto;
			flex-flow: column nowrap;
			overflow-x: hidden;
			scroll-snap-type: none; /* mandatory - proximity */
		}
		/*section.pan-y::-webkit-scrollbar {
			display: none;
		}*/
		section.pan-y {
			-ms-overflow-style: none; 
			scrollbar-width: none;
		}
		.contsection.pan-y::-webkit-scrollbar { 
			display: none;
		}
		.block {
			height: auto;
			min-height: 100dvh;
		}
		section.pan-y .block {
			scroll-snap-align: center;
			flex: none;
			overflow: hidden;
			min-height: 10vh;
		}
		
		h2 {
			font-size: 50px;
			line-height: 58px;
		}
		
		p, li {
			font-size: 12px;
			line-height: 22px;
		}
		
		/* HOME
		************************************/
		.homeMain,
		.h-expositions {
			position: relative;
		}
		.homeMain:after,
		.expoSlide:after,
		.block.experience:after {
			content: '';
			display: block;
			z-index: 2;
			position: absolute;
			left: 0;
			bottom: 0;
			width: 100%;
			height: 104px;
			background: linear-gradient(360deg, #000 0%, rgba(9, 9, 9, 0) 83.96%, rgba(255, 255, 255, 0) 100%);
			opacity: 0.87;
		}
		.homeMain .text {
			left: auto;
			right: 20px;
			top: 143px;
			max-width: 310px;
			padding: 0;
		}
		.homeMain .text .h1 {
			font-size: 34px;
			line-height: 50px;
			letter-spacing: 2px;
		}
		.homeMain .text .h2 {
			margin-right: 2px;
			font-size: 16px;
			line-height: 22px;
			color: var(--clr-gold);
		}		
		.homeMain .mobile-text.h2,
		.button.meetUpbtn {
			display: block;
		}
		.h-collections {
			padding-bottom: 60px;
		}
		.h-collections .background {
			max-height: 370px;
			display: none;
		}
		.h-collections .background:before,
		.h-collections .background:after {
			content: '';
			position: absolute;
			left: 0;
			width: 100%;
			z-index: 1;
		}
		.h-collections .background:before {
			height: 104px;
			background: linear-gradient(#000 0%, rgba(9, 9, 9, 0) 83.96%, rgba(255, 255, 255, 0) 100%);
		}
		.h-collections .background:after {
			height: 100%;
			background: linear-gradient(360deg, #000 0%, rgba(9, 9, 9, 0) 83.96%, rgba(255, 255, 255, 0) 100%);
			opacity: 0.94;
		}
		.h-collections .heading .floated {
			display: none;
		}
		
		.h-collections h3.featuredCollections {
			display: block;
		}
		.h-collections .text-mobile {
			position: relative;
			z-index: 2;
			display: block;
			margin-top: /*100px*/20px;
			margin-bottom: 20px;
			padding: 20px;
		}
		.h-collections .text-mobile p {
			color: #d0d0d0;
		}
		.h-collections .swiper {
			width: calc(100% - 40px);
		}
		.h-collections .swiper-slide {
			width: 100%;
			max-width: 268px;
			/*height: 556px;*/
			width: 268px;           /* of 273px, afhankelijk van je keuze */
			/*aspect-ratio: 1 / 2;*/    /* dit is hetzelfde als 278:556 */
			border-right: 0;
		}
		.h-collections .swiper-slide a {
			align-items: start;
			justify-content: flex-start;
			text-align: left;
			padding: 0;
		}
		.h-collections .swiper-slide img {
			width: 100%;
			/*max-width: 278px;
			height: 556px;*/
			width: 268px;           /* of 273px, afhankelijk van je keuze */
			aspect-ratio: 1 / 2;    /* dit is hetzelfde als 278:556 */
			display: block;
			object-fit: cover;
		}
		.h-collections .swiper-slide img.icon {
			max-width: 15px;
			aspect-ratio: auto;
			height: auto;
			position: absolute;
			top: 20px;
			right: 20px;
		}
		/*.h-collections .swiper-slide span,*/
		.h-collections .swiper-slide label.fakeBtn {
			display: none;
		}
		/*.h-collections .swiper-slide label.title {
			height: auto;
			font-family: var(--font-poppins);
			font-size: 10px;
			line-height: 19px;
			font-weight: 400;
			display: block;
			align-items: start;
			white-space: nowrap;
			text-transform: none;
		}*/
		.h-collections .swiper-slide span { 
			position: absolute;
			left: 0;
			top: 50%;
			width: 100%;
			text-align: center;
			-webkit-transform: translateY(calc(-50% - 13px));
					transform: translateY(calc(-50% - 13px));
			font-size: 12px;
		}
		.h-collections .swiper-slide label.title {
			height: auto;
			position: absolute;
			left: 50%;
			top: 50%;
			width: 100%;
			text-align: center;
			-webkit-transform: translate(-50%, calc(-50% + 10px));
			transform: translate(-50%, calc(-50% + 10px));
			display: block;
			font-size: 20px;
			margin: 0;
		}
		.h-collections .swiper-button-next, 
		.h-collections .swiper-button-prev {
			border-radius: 50%;
			background-color: rgba(255,255,255,0.5);
			width: 32px;
			height: 32px;
		}
		.h-collections .swiper-button-next:not(.swiper-button-disabled), 
		.h-collections .swiper-button-prev:not(.swiper-button-disabled) {
			display: flex;
		}
		.h-collections .swiper-button-next:after, 
		.h-collections .swiper-button-prev:after {
			font-size: 10px;
			color: #000;
		}
		
		.block.story {
			background-size: auto 370px;
			background-position: top left -210px;
			padding-top: 390px;
			padding-bottom: 75px;
		}
		.block.story:before {
			left: 0;
			top: 0;
			width: 100%;
			height: 104px;
			z-index: 1;
			opacity: 1;
			background: linear-gradient(#000 0%, rgba(9, 9, 9, 0) 83.96%, rgba(255, 255, 255, 0) 100%);
		}
		.story .mobileFade {
			display: block;
			z-index: 1;
			position: absolute;
			left: 0;
			top: 212px;
			width: 100%;
			height: 158px;
			background: linear-gradient(360deg, #000 0%, rgba(9, 9, 9, 0) 83.96%, rgba(255, 255, 255, 0) 100%);
			/*opacity: 0.87;*/
		}
		.story text h2, 
		.block.h-instagram text h2 {
			font-size: 30px;
			line-height: 45px;
			letter-spacing: 3px;
		}
		.story text {
			position: relative;
			max-width: none;
			right: auto;
			top: auto;
			-webkit-transform: translateY(0);
					transform: translateY(0);
		}
		.story .posiRow {
			position: absolute;
			width: 100%;
			max-width: none;
			left: 0;
			bottom: auto;
			top: 355px;
			z-index: 4;
			-webkit-transform: translateX(0);
			transform: translateX(0);
			text-align: center;
		}
		.story .posiRow .nr {
			font-size: 50px;
			line-height: 70px;
			height: 70px;
			min-width: 78px;
		}
		.story .posiRow .nr.years {
			min-width: 78px;
		}
		.story .posiRow .nr.big {
			min-width: 136px;
			margin: 0 24px;
		}
		.story .posiRow .nr span.info {
			top: calc(50% - 7px);
			font-size: 15px;
			line-height: 21px;
		}
		
		.expoSlide .swiper-slide text, .vacSlide .swiper-slide text {
			left: 20px;
			bottom: 110px;
			width: /*calc(100% - 40px)*/calc(80% - 20px);
		}
		.expoSlide .swiper-slide text .btn, 
		.vacSlide .swiper-slide text .btn {
			letter-spacing: 1px;
			text-indent: 1px;
			font-size: 16px;
			line-height: 24px;
			padding: 2px 16px 4px 16px;
		}
		.scale-container, .scaled-container {
			position: relative;
			height: 600px;
		}
		.scaled-container:before,
		.swiperContainer.cols:after {
			content: '';
			z-index: 2;
			position: absolute;
			left: 0;
			bottom: 0;
			width: 100%;
			height: 104px;
			background: linear-gradient(360deg, #000 0%, rgba(9, 9, 9, 0) 83.96%, rgba(255, 255, 255, 0) 100%);
			opacity: 0.87;
		}
		
		.scaling-element .text-container {
			padding: 20px 40px;
		}
		.scaling-element .text-container a.button {
			letter-spacing: 1px;
			text-indent: 1px;
			font-size: 16px;
			line-height: 24px;
			padding: 2px 16px 4px 16px;
		}
		.scaling-element .text-container a.button.prices {
			font-size: 14px;
			line-height: 18px;
			padding: 2px 10px 4px 10px;
		}
		
		.h-expositions {
			height: 80vh;
			padding-bottom: 80px;
		}
		.block.experience {
			margin-bottom: 80px;
			overflow: hidden;
		}
		
		.block.titles,
		section.pan-y .block.titles {
			min-height: 561px;
			padding-bottom: 40px;
			overflow: hidden;
		}
		.block.experience:before,
		.block.titles:before {
			content: '';
			z-index: 2;
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 104px;
			background: linear-gradient(#000 0%, rgba(9, 9, 9, 0) 83.96%, rgba(255, 255, 255, 0) 100%);
			opacity: 0.87;
		}
		.block.titles .mobFade {
			display: block;
			z-index: 2;
			position: absolute;
			left: 0;
			bottom: 0;
			width: 100%;
			height: 104px;
			background: linear-gradient(360deg, #000 0%, rgba(9, 9, 9, 0) 83.96%, rgba(255, 255, 255, 0) 100%);
			opacity: 0.87;
		}
		.block.titles .row {
			padding-left: 20px;
			padding-right: 20px;
			max-width: 320px;
		}
		.block.titles .row.otherProjects {
			padding-left: 0px;
			padding-right: 0px;
		}
		.block.titles .row h2, 
		.block.titles > .row > h3 {
			font-size: 30px;
			line-height: 45px;
			white-space: normal;
			letter-spacing: 2px;
		}
		.block.titles .pBox .row h3 {
			margin-top: -5px;
			font-size: 13px;
			line-height: 23px;
			letter-spacing: 1px;
		}
		.block.titles .btn {
			letter-spacing: 1px;
			text-indent: 1px;
			font-size: 16px;
			line-height: 24px;
			padding: 2px 16px 4px 16px;
		}
		
		.row.otherProjects figure img {
			max-height: 156px;
		}
		
		.block.h-instagram {
			display: flex;
			flex-direction: column;
			height: auto;
		}
		.block.h-instagram text {
			position: relative;
			right: auto;
			top: auto;
			-webkit-transform: translateY(0);
			transform: translateY(0);
			width: 100%;
			max-width: none;
			padding: 0 20px;
			display: block;
			order: 1;
		}
		.block.h-instagram text p {
			font-size: 12px;
			line-height: 22px;
			margin-bottom: 22px;
		}
		.block.h-instagram text .followers-count {
			font-size: 50px;
			line-height: 70px;
			min-width: 100%;
			height: 70px;
			margin-bottom: 40px;
		}
		.insta-container {
			position: relative;
			left: auto;
			bottom: auto;
			max-width: 346px;
			height: 302px;
			margin: 0 auto;
			order: 2;
		}
		.insta-container .iPhone {
			left: 15px;
			top: 15px;
			max-width: 139px;
			border-radius: 10px;
		}
		.insta-inner figure {
			height: 50%;
		}
		
		/* Proces & Pricing
		************************************/
		.expoSlide .swiper-slide .fig {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			max-height: 370px;
			overflow: hidden;
		}
		.expoSlide .swiper-slide .fig:after {
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: linear-gradient(360deg, #000 0%, rgba(9, 9, 9, 0) 83.96%, rgba(255, 255, 255, 0) 100%);
			opacity: 0.94;
		}		
		.pricing .row {
			margin-top: 102px;
			padding-left: 20px;
			padding-right: 20px;
		}
		.pricing .row.xl/*.gridFrame.mobMax*/ {
			max-height: calc(100% - 206px);
			overflow-x: scroll;
			margin-bottom: 0;
		}
		.price-item {
			padding: 20px 30px 40px;
		}
		.price-item span {
			margin-bottom: 20px;
		}
		.price-item ul li {
			line-height: 30px;
			font-size: 15px;
		}
		.price-item ul li:before {
			line-height: 30px;
		}
		.pricing ._full p:last-of-type {
			display: none;
		}
		
		section.collection:before, .expoSlide:before {
			display: none;
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			width: 275px;
			height: 100%;
			background: transparent;
			background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
			pointer-events: none;
			z-index: 1;
		}
		.expoSlide .swiper-slide, .vacSlide > .swiper-slide {
			background: #000;
		}
		.expoSlide .swiper-slide:after, .vacSlide > .swiper-slide:after {
			display: none;
			content: '';
			z-index: 1;
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			z-index: 1;
			background: transparent;
			background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0) 70%);
		}
		.expoSlide .swiper-slide text.topped, .vacSlide .swiper-slide text.topped {
			z-index: 2;
			bottom: auto;
			top: 224px;
			left: 20px;
			max-width: calc(100% - 40px);
			max-height: calc(100% - 300px);
			overflow-y: scroll;
		}
		.expoSlide .swiper-slide text.topped h3, .vacSlide .swiper-slide text.topped h3 {
			font-size: 50px;
			line-height: 58px;
		}
		
		.expoSlide .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .expoSlide .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet, .vacSlide .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .vacSlide .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
			margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 10px);
		}
		.expoSlide .swiper-horizontal > .swiper-pagination-bullets, .expoSlide .swiper-pagination-bullets.swiper-pagination-horizontal, .expoSlide .swiper-pagination-custom, .swiper-pagination-fraction, .vacSlide .swiper-horizontal > .swiper-pagination-bullets, .vacSlide .swiper-pagination-bullets.swiper-pagination-horizontal, .vacSlide .swiper-pagination-custom, .swiper-pagination-fraction {
			left: 10px;
			width: calc(100% - 20px);
			bottom: var(--swiper-pagination-bottom, 45px);
			
			scroll-snap-type: x mandatory;
			display: flex;
			overflow-x: auto;
			white-space: nowrap;
			scrollbar-width: none; /* Firefox */
			-ms-overflow-style: none; /* IE 10+ */
		}
		.expoSlide .swiper-horizontal > .swiper-pagination-bullets::-webkit-scrollbar {
			display: none; /* Chrome, Safari */
		}
		.expoSlide .swiper-pagination-bullet, .vacSlide .swiper-pagination-bullet {
			scroll-snap-align: center;
			flex: 0 0 auto;
		}
		
		.expoSlide .swiper-pagination-bullet label, .vacSlide .swiper-pagination-bullet label {
			font-size: 10px;
		}
		
		.expoCount_1 .swiper-pagination-bullet,
		.expoCount_2 .swiper-pagination-bullet,
		.expoCount_3 .swiper-pagination-bullet,
		.expoCount_4 .swiper-pagination-bullet,
		.expoCount_5 .swiper-pagination-bullet,
		.expoCount_6 .swiper-pagination-bullet,
		.expoCount_7 .swiper-pagination-bullet,
		.expoCount_8 .swiper-pagination-bullet,
		.expoCount_9 .swiper-pagination-bullet,
		.expoCount_10 .swiper-pagination-bullet {
			width: 100px;
		}
		
		/* Timeline
		************************************/
		.section-timeline .container {
			width: calc(100vw - 40px);
			margin-left: 20px;
			margin-right: 20px;
		}
		.timeline_item {
			grid-template-columns: 61px 1fr;
			padding-top: 0;
			padding-bottom: 0;
		}
		.timeline_left {
			display: none;
		}
		.timeline_progress {
			left: 20px;
			margin-left: 0;
		}
		.timeline_centre {
			justify-content: start;
			margin-left: 14px;
		}
		.timeline_text {
			padding: 20px;
			margin-bottom: 50px;
		} 
		.timeline_text datetime {
			display: block;
		}
		.timeline_text h3 {
			font-size: 12px;
			line-height: 22px;
			margin-bottom: 3px;
		} 
		.timeline_text p {
			font-size: 12px;
			line-height: 22px;
		}
		
		/*.block.team {
			padding-left: 20px;
			padding-right: 20px;
		}*/
		section.pan-y .team,
		section.pan-y .partners,
		section.pan-y .expo	{
			height: auto;
		}
		section.pan-y .team #see-others,
		section.pan-y .partners #see-others,
		section.pan-y .expo #see-others {
			padding-left: 20px;
			padding-right: 20px;
			padding-bottom: 40px;
		}
		.video-container,
		.video-container.small {
			max-width: none;
		}
		.block.team .video-container, .video-container.height {
			height: 530px;
		}
		
		.txt-container {
			position: relative;
			left: auto;
			top: auto;
			margin-top: /*231px*/171px;
			float: left;
			padding-left: 20px;
			padding-right: 20px;
		}
		section.pan-y .expo .txt-container {
			float: none;
		}
		
		.expoSlide .swiper-slide text h3, 
		.vacSlide .swiper-slide text h3 {
			font-size: 30px;
			line-height: 45px;
			letter-spacing: 2px;
		}
		.collection .txt-container p {
			font-size: 12px;
			line-height: 22px;
			height: 66px;
		}
        .txt-container p {
            height: 66px;
        }
		
		.expoSlide .swiper-slide text.topped, .vacSlide .swiper-slide text.topped {
			display: block;
			position: relative;
			top: auto;
			left: auto;
			margin: 0;
			padding: /*231px*/ 27.35vh 20px;
			width: 100%;
			max-width: none /*calc(100vw - 40px)*/;
			height: 100%;
			max-height: calc(100% - 100px);
		}
		
		.txt-container,
		.txt-container.medium,
		.txt-container.wider {
			max-width: none;
		}
		.txt-container:not(.noHeadingWidth) h2 {
			font-size: 50px;
			line-height: 58px;
			letter-spacing: 3px;
		}
		
		.teamSlider, .infoSlider {
			position: relative;
			left: auto;
			bottom: auto;
			/*margin: 0 20px;
			max-width: calc(100vw - 40px);*/
			margin: 0;
			max-width: 100vw;
			height: 200px;
		}
		
		.teamSlider .swiper-slide:first-of-type,
		.infoSlider .swiper-slide:first-of-type {
			margin-left: 20px;
		}
		
		.teamSlider.vac {
			height: 262px;
		}
		
		.teamSlider .swiper-slide.swiper-slide-active.expanded, .teamSlider .swiper-slide.swiper-slide-active:hover, .infoSlider .swiper-slide.swiper-slide-active.expanded, .infoSlider .swiper-slide.swiper-slide-active:hover {
			width: 100%;
		}
		.teamSlider .swiper-slide img, .infoSlider .swiper-slide img {
			/*position: relative;
			width: 100%;*/
			max-width: none;
			height: 200px;
			/*float: left;
			z-index: 2;
			object-fit: cover;*/
		}
		.teamSlider .swiper-slide.swiper-slide-active figure:after, .infoSlider .swiper-slide.swiper-slide-active figure:after {
			display: none;
			width: 100%;
			height: 200px;
		}
		.teamSlider:after, .infoSlider:after {
			display: none;
			/*content: '';
			position: absolute;
			top: 0;
			right: 0;
			width: 140px;
			height: 100%;
			background: transparent;
			background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 80%);
			opacity: 0.7;
			z-index: 11;*/
		}
		/*.teamSlider .swiper-button-prev, .infoSlider .swiper-button-prev, .paperSlider*/ .swiper-button-prev {
			left: var(--swiper-navigation-sides-offset, 10px);
		}
		/*.teamSlider .swiper-button-next, .infoSlider .swiper-button-next, .paperSlider*/ .swiper-button-next {
			right: var(--swiper-navigation-sides-offset, 10px);
			left: auto;
		}
		
		.teamSlider .swiper-button-prev, .infoSlider .swiper-button-prev, .paperSlider .swiper-button-prev,
		.teamSlider .swiper-button-next, .infoSlider .swiper-button-next, .paperSlider .swiper-button-next {
			display: none;
			border-radius: 50%;
			background-color: rgba(255, 255, 255, 0.5);
			width: 32px;
			height: 32px;
		}
		
		.teamSlider .swiper-button-prev:after, .infoSlider .swiper-button-prev:after, .paperSlider .swiper-button-prev:after,
		.teamSlider .swiper-button-next:after, .infoSlider .swiper-button-next:after, .paperSlider .swiper-button-next:after {
			font-size: 10px;
			color: #000;
		}
		
		.teamSlider .swiper-slide .text-container, .infoSlider .swiper-slide .text-container {
			/*width: 100%;
			height: auto;
			position: absolute;
			right: 0;
			top: auto;
			bottom: 0;
			padding: 10px 10px 10px 10px;
			z-index: 11;*/
			width: 100%;
			height: 100%;
			max-height: 200px;
			padding: 10px 10px 10px 10px;
			z-index: 11;
			display: flex;
			flex-direction: column-reverse;
		}
		/*.teamSlider .swiper-slide .text-container {
			pointer-events: none;
		}*/
		.teamSlider .swiper-slide .text-container .pBox, .infoSlider .swiper-slide .text-container .pBox {
			position: relative;
			width: 100%;
			padding: 0;
			top: auto;
			left: auto;
			-webkit-transform: translate(0, 0);
			transform: translate(0, 0);
			z-index: 10;
		}
		.teamSlider:not(.vac) .swiper-slide .text-container .pBox {
			display: contents;
		}
		.teamSlider/*.vac*/ .swiper-slide .text-container .pBox,
		.infoSlider .swiper-slide .text-container .pBox {
			height: 100%;
		}
		.teamSlider .swiper-slide .text-container:before, .infoSlider .swiper-slide .text-container:before,
		.teamSlider .swiper-slide .text-container ul.tags, .infoSlider .swiper-slide .text-container ul.tags,
		.teamSlider .swiper-slide .text-container p, .infoSlider .swiper-slide .text-container p {
			display: none;
		}
		.teamSlider .swiper-slide .text-container h3, .infoSlider .swiper-slide .text-container h3 {
			font-size: 18px;
			line-height: 26px;
			margin-bottom: 5px;
			float: left;
			width: 100%;
		}
		.teamSlider .swiper-slide .text-container h3 span, .infoSlider .swiper-slide .text-container h3 span {
			font-size: 10px;
			line-height: 15px;
		}
		.teamSlider .swiper-slide .text-container a.button, .infoSlider .swiper-slide .text-container a.button {
			margin-top: 0px;
			position: absolute;
			left: -10px;
			top: -10px;
			width: calc(100% + 20px);
			border-radius: 0;
			height: calc(100% + 20px);
			font-size: 0;
			background-color: transparent;
		}
		
		.teamSlider .swiper-slide a.noLargeLink,
		.infoSlider .swiper-slide a.noLargeLink {
			pointer-events: all;
		}
		
		/*
		 * collections - single
		 *********************************/
		.collection .txt-container {
			position: absolute;
			left: 0px;
			top: auto;
			bottom: 380px;
			margin-top: 0;
		}
		.slideContainer {
			height: 375px;
		}
		/*.slideContainer {
			position: relative;
			left: auto;
			bottom: auto;			
			height: auto;
		}
		
		.vertical-swiper {
			overflow: visible !important;
		}
		.vertical-swiper > .swiper-wrapper {
			display: block !important;
			transform: none !important;
		}*/
		
		/*section.collection {
			height: auto;
			overflow: visible;
		}*/
		
		.slideContainer .horizontal-swiper {
			width: calc(100% - 20px);
			margin-left: 20px;
		}
		/*.slideContainer .horizontal-swiper .swiper-wrapper {
			display: flex;
			overflow-x: auto;
			scroll-snap-type: x mandatory;
			-webkit-overflow-scrolling: touch; /* voor soepel scrollen op iOS *//*
			height: calc(100% - 37px);
		}*/
		.slideContainer .horizontal-swiper .swiper-slide {
			/*scroll-snap-align: start;
			flex-shrink: 0;*/
			margin-right: 16px;
		}
		
		.horizontal-swiper .swiper-slide {
			justify-content: flex-start;
			align-items: start;
			width: 166px;
			max-height: 113px;
		}
		.horizontal-swiper .swiper-slide img {
			height: 94px;
		}
		.vertical-swiper .swiper-slide.swiper-slide-active .horizontal-swiper .swiper-slide.swiper-slide-active:after {
			height: 94px;
		}
		
		/* ALL COLLECTIONS */
		.overview .horizontal-swiper .swiper-slide {
			width: 137px;
			height: 201px !important;
			margin-right: 27px !important;
			justify-content: flex-start;
			align-items: start;
		}
		.swiper-slide.vert {
			height: 171px; /* +20px margin bottom */
		}
		.overview .horizontal-swiper .swiper-slide img {
			height: 182px;
		}
		.vertical-swiper .swiper-slide.overview.swiper-slide-active .horizontal-swiper .swiper-slide.swiper-slide-active:after {
			height: 182px;
		}
		.horizontal-swiper .swiper-slide .button {
			/*opacity: 1;
			visibility: visible;
			line-height: 15px;
			font-size: 13px;
			padding-top: 1px;
			padding-bottom: 3px;
			bottom: 33px;*/
			opacity: 1;
			visibility: visible;
			line-height: 15px;
			font-size: 13px;
			padding-top: 1px;
			padding-bottom: 3px;
			bottom: 0;
			top: 0;
			left: 0;
			-webkit-transform: translate(0, 0);
			transform: translate(0, 0);
			width: 100%;
			border-radius: 0;
			font-size: 0;
			line-height: 0;
			background-color: transparent;
		}
		
		/*.overview*/ .horizontal-swiper .swiper-slide h3 {
			font-family: var(--font-poppins);
			text-transform: none;
			font-weight: 400;
			letter-spacing: 1px;
			top: auto !important;
			bottom: 0 !important;
			left: 0;
			font-size: 10px;
			line-height: 16px;
			padding-top: 3px;
			white-space: nowrap;
		}
		.overview .horizontal-swiper .swiper-slide h3 span {
			display: none;
		}
		.horizontal-swiper .swiper-button-next, .horizontal-swiper .swiper-rtl .swiper-button-prev {
			display: none;
		}
		.swiper-slide.vert h4, .otherProjects h4, .teamSlider h4, .paperSlider h4 {
			line-height: 21px;
			font-size: 14px;
		}
		.teamSlider.vac h4 {
			margin-left: 20px;
			line-height: 21px;
			font-size: 14px;
		}
		.swiper-slide.vert.overview {
			height: 258px; /* +20px margin bottom */
		}
		
		/* NUMBERED */
		.swiper-slide.vert.top-ten {
			height: 278px; /* +20px margin bottom */
		}
		.horizontal-swiper.numbered .swiper-slide {
			width: 208px;
			max-height: 221px;
		}
		
		.horizontal-swiper.numbered .swiper-slide .favs {
			display: none;
		}
		    .horizontal-swiper.numbered .swiper-slide h3 {
			left: 47px;
		}
		.horizontal-swiper.numbered .swiper-slide img {
			max-width: 166px;
			height: 221px;
		}
		.vertical-swiper .swiper-slide.swiper-slide-active .horizontal-swiper.numbered .swiper-slide.swiper-slide-active:after {
			width: 166px;
			left: calc(100% - 166px);
			height: 221px;
		}
		.horizontal-swiper.numbered .swiper-slide number {
			font-size: 200px;
			line-height: 221px;
			left: 0;
			top: 0;
		}
		.horizontal-swiper.numbered .swiper-slide .button {
			bottom: 0;
			left: auto;
			-webkit-transform: translate(0, 0);
					transform: translate(0, 0);
			right: 0;
		}
		
		.relatedCols .see-others {
			margin-top: 106px;
			padding-left: 20px;
			padding-right: 20px;
			max-height: calc(100% - 206px);
			overflow: scroll;
		}
		.vacSlide .swiper-slide .swiper-slide.vert {
			padding-top: 0;
		}
		.innerSwiper {
			height: 100%;
			max-height: calc(100% - 206px);
			width: calc(100vw - 40px);
			margin-top: 106px;
			margin-left: 20px;
			overflow: scroll;
		}
		.vacSlide .swiper-slide .swiper-slide.vert {
			pointer-events: all !important;
		}
		.innerSwiper.horizontal-swiper .swiper-button-next, .innerSwiper.horizontal-swiper .swiper-button-prev {
			display: none;
		}
		.innerSwiper .swiper-wrapper {
			display: flex;
			flex-direction: column;
			gap: 1rem; /* optioneel voor ruimte tussen de slides */
		}

		.innerSwiper .swiper-slide {
			width: 100% !important; /* overschrijft eventueel inline styles */
			flex-shrink: 0;
		}
		
		/*
		 * collections - single
		 *********************************/
		 .collectionsSwiper.noFade:before {
			display: none !important;
		}
		.collectionsSwiper:not(.noFade):before {
			width: 100vw;
			background: rgba(0,0,0,0.5);
			opacity: 1;
		}
		.collections .info {
			top: auto;
			bottom: 100px;
			/*top: 231px;*/
			left: 20px;
			line-height: 30px;
			width: calc(100% - 40px);
			max-width: none;
			/*pointer-events:none;*/
			font-size: 12px;
		}
		.collections .info/*:not(.showed)*/ {
			max-height: 116px;
		}
		.collections .info.showed .customScrollContainer {
			opacity: 0;
			max-height: 0 !important;
		}
		
		.collections .info h2 {
			font-size: 50px;
			line-height: 58px;
			width: 100%;
		}
		.collections .info span {
			font-size: 12px;
			line-height: 30px;
			max-width: 140px;
		}
		
		.collections .info ul {
			width: calc(100% - 140px);
		}
		.collections .info ul li {
			padding: 0px 5px 2px 5px;
		}
		.collections .info ul li u, 
		.collections .info ul li a {
			line-height: 15px;
			font-size: 10px;
		}
		
		.info .customScrollContainer {
			max-height: none !important;
		}
		.info.showed .customScrollContainer {
			max-height: 300px !important;
		}
		
		.collections .info p {
		    width: 100%;
			float: left;
			font-size: 12px;
			line-height: 22px;
		}
		/*.swiperContainer.cols {
			position: relative;
			width: 100%;
			height: 530px;
		}*/
		/*.swiperContainer.cols {
			position: fixed;
			width: 100%;
			height: 100%;
			left: 0;
			top: 0;
		}*/
		.grid-overlay {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: transparent;
			backdrop-filter: blur(8px);
			z-index: 100;
			border-radius: 22px;
		}
		/*.collectionsSwiper .swiper-slide:after {
			display: none;
		}*/
		.swiper-horizontal > .swiper-scrollbar, 
		.swiper-scrollbar.swiper-scrollbar-horizontal {
			bottom: 0;
			top: auto;
		}
		.swiper-scrollbar-drag:after {
			top: auto;
			bottom: 6px;
		}
		
		.collectionsSwiper .swiper-slide {
			width: 100% !important;
		}
		.collectionsSwiper .swiper-slide img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			float: left;
		}
		.swiper-inner-slide.landscape {
			width: 100%;
		}
		.swiper-inner-slide.portrait {
			width: 100%;
		}
		.collectionsSwiper .swiper-slide:after {
			right: 5%;
			top: 100%;
			width: 90%;
			height: 1px;
			-webkit-transform: translateY(8px);
					transform: translateY(8px);
		}
	
		.swiper-slide video {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
		.scroll-down {
			top: 15%;
			right: 20px;
			display: none;
		}
		.infoLink {
			position: absolute;
			left: 20px;
			bottom: 10vh;
		}
		
		/*
		 * partners
		 *********************************/
		.infoSlider .swiper-slide img.logo {
			height: 76px;
		}
		.infoSlider .swiper-slide .text-container h3 {
			display: none;
		}
		
		/*
		 * publications
		 *********************************/
		.paperSlider {
			position: relative;
			left: auto;
			bottom: auto;
			width: calc(100% - 40px);
			margin: 20px;
		}
		.paperSlider h4 {
			margin-bottom: 20px;
		}
		
		.paperSlider .swiper-slide.swiper-slide-active {
			margin-right: 26px !important;
			margin-left: 26px;
		}
		
		.swiper-slide-active .book-3d__cover {
			transform: scale(1.1);
		}
		.book-3d__cover {
			height: 155px;
		}
		
		/*
		 * vacatures
		 *********************************/
		.formContent form.vacForm {
			height: auto;
			max-height: calc(100dvh - 290px);
			overflow: scroll;
			display: block;
		}
		.formContent .knop {
			margin-top: 31px;
		}
		
		.block.vacancies {
			overflow: hidden;
			min-height: 10px;
		}
		.vacancies .returnURL {
			display: none;
			right: 20px;
			top: 100px;
		}
		.row.formContent {
			margin-top: 190px;
			padding-left: 20px;
			padding-right: 20px;
		}
		
		/*
		 * contact
		 *********************************/
		.contact .form-container figure img {
			height: auto;
		}
		.contact .form-container {
			height: auto;
			position: relative;
			left: auto;
			top: auto;
			width: 100%;
			max-width: none;
		}
		
		.contact .form-container > a,
		.contact .form-container .mini-form,
		.formPopup .closeBtn {
			pointer-events: none;
			display: none;
		}
		
		.formPopup .formContent {
			float: left;
			max-width: none;
			padding: 0;
			border: 0;
			position: relative;
			left: auto;
			top: auto;
			-webkit-transform: translate(0,0);
					transform: translate(0,0);
			padding-top: 30px;
		}
		
		.formPopup {
			float: left;
			display: block !important;
			position: relative;
			z-index: 1;
			left: auto;
			top: auto;
			width: 100%;
			height: auto;
			background-color: transparent;
		}
		
		.formContent .customScrollContainer {
			height: auto;
			max-height: none;
		}
		/*.formContent .favorites figure {
			flex: 1;
			max-width: calc((100% - 32px) / 2);
		}*/
		.formContent .favorites {
			grid-template-columns: repeat(2, minmax(50px, 1fr));
		}
		.formContent .favorites figure img {
			height: 104px;
			object-fit: cover;
		}
		.formContent .favorites figure figcaption h3 {
			font-size: 12px;
			line-height: 20px;
		}
		.formContent .favorites figure .favs {
			right: 0px;
			top: 5px;
			font-size: 13px;
			line-height: 13px;
		}
		.contact aside {
			position: relative;
			right: auto;
			top: auto;
			z-index: 4;
			width: 100%;
			margin: 40px 20px;
			max-width: calc(100vw - 40px);
			float: left;
		}
		
		/*
		 * favesearch
		 *********************************/
		.favesearch > figure {
			height: 291px;
		}
		.favesearch > figure figcaption h1 {
			font-size: 40px;
			line-height: 45px;
		}
		.favesearch.bigSearch > figure figcaption h1 {
			margin-bottom: 20px;
		}

		.favesearch .fav-list figure {
			float: left;
			max-width: 100%;
			height: auto;
		}
		.favesearch .fav-list figure .favs {
			right: 20px;
			top: 20px;
			font-size: 18px;
			line-height: 18px;
			z-index: 99;
		}
		.favesearch .fav-list figure figcaption h3 {
			font-size: 15px;
			line-height: 22px;
		}
		.favesearch .fav-list figure figcaption h3 small {
			font-size: 10px;
			line-height: 15px;
		}
		.searchForm {
			padding: 4px;
			border-radius: 17px;
		}
		.searchForm input, .searchForm label {
			line-height: 26px;
			font-size: 14px;
		}
		.favesearch .searchForm label {
			left: 29px;
			top: 4px;
		}
		.searchForm button {
			right: 4px;
		}
		.favesearch .searchForm button {
			line-height: 26px;
			height: 26px;
			max-width: 26px;
			font-size: 14px;
		}
		
		/*
		 * @ADDED BY MITCHEL FOR MOBILE
		 */
		#see-more {
			transition: position 1s ease-in-out !important;
			width: 90%;
		}
		.infoLink {
			position: absolute;
			left: 20px;
			top: auto;
			bottom: 4%;
		}
		
	}

	@media only screen and (max-width: 450px) {
		.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
			margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 6px);
		}
		.favesearch > figure figcaption p {
			/*display: none;*/
			margin-top: 14px;
			padding: 0px;
		}
		.favesearch > figure figcaption h1 {
			letter-spacing: 0px;
		}
	}
	
	/* MOBILE */
    @media only screen and (max-width: 375px) { 
	
		h2, .expoSlide .swiper-slide text.topped h3, .vacSlide .swiper-slide text.topped h3 {
			font-size: 38px;
			line-height: 46px;
		}
		
	}
	
    /* MOBILE */
    @media only screen and (min-width: 572px) { }

    @media only screen and (min-width: 572px) and (orientation: landscape) { }
    @media only screen and (min-width: 572px) and (orientation: portrait) { }

    /* IPADS portrait */
    @media only screen and (min-width: 768px) and (min-height: 600px) { }

    /* IPADS */
    @media only screen and (min-width: 768px) { }

    /* IPADS landscape AND mini laptops */
    @media only screen and (min-width: 960px) { }

    /* SMALL SCREENS */
    @media only screen and (min-width: 1280px) { }

    /* WEIRD HEADER TEXT BREAKPOINT ~ must be paddings or margins */
    @media only screen and (min-width: 1340px) { }

    /* SMALL SCREENS */
    @media only screen and (min-width: 1440px) { }
    @media only screen and (min-width: 1600px) { }

/*  =================================================================
    TOUCH DEVICES
    ================================================================== */
    @media (pointer:coarse) { }

/*  =================================================================
    HOVER STATES
    ================================================================== */
	@media only screen and (min-width: 961px) {
		nav:hover {
			max-width: 300px;
		}
		nav:hover > ul:not(.btm) {
			max-width: none;
		}
		nav ul li:hover > a/*:hover*/ {
			color: var(--clr-gold);
		}
		nav ul li:hover /*a:hover*/ img {
			filter: invert(65%) sepia(98%) saturate(238%) hue-rotate(355deg) brightness(85%) contrast(85%);
		}
		nav:hover ul li a/* span*/ {
			opacity: 1;
			-webkit-transition-delay: 400ms;
					transition-delay: 400ms;
			-webkit-transition: color 300ms ease-in, opacity 300ms ease-in;
					transition: color 300ms ease-in, opacity 300ms ease-in;
		}
		nav ul li:hover ul {
			padding-top: 0;
		}
		nav ul li:hover ul {
			padding-bottom: 10px;
			opacity: 1;
			max-height: 100dvh;
			margin-bottom: -10px;
			-webkit-transition: opacity 800ms ease-out, max-height 600ms ease-in;
					transition: opacity 800ms ease-out, max-height 600ms ease-in;
		}
		nav ul ul a:hover {
			font-size: 12px;
			line-height: 20px;
		}
	}
	@media (any-hover: hover) {

        /*nav:hover {
            max-width: 300px;
        }
		nav:hover > ul:not(.btm) {
			max-width: none;
		}
        nav ul li:hover > a {
            color: var(--clr-gold);
        }
        nav ul li:hover  img {
            filter: invert(65%) sepia(98%) saturate(238%) hue-rotate(355deg) brightness(85%) contrast(85%);
        }
        nav:hover ul li a {
            opacity: 1;
            -webkit-transition-delay: 400ms;
                    transition-delay: 400ms;
            -webkit-transition: color 300ms ease-in, opacity 300ms ease-in;
                    transition: color 300ms ease-in, opacity 300ms ease-in;
        }
        nav ul li:hover ul {
			padding-top: 0;
        }
		nav ul li:hover ul {
			padding-bottom: 10px;
            opacity: 1;
            max-height: 100dvh;
            margin-bottom: -10px;
            -webkit-transition: opacity 800ms ease-out, max-height 600ms ease-in;
                    transition: opacity 800ms ease-out, max-height 600ms ease-in;
        }
        nav ul ul a:hover {
            font-size: 12px;
            line-height: 20px;
        }*/

        .favs i {
            -webkit-transition: all 200ms ease-in;
                    transition: all 200ms ease-in;
        }
        
        .collectionSwiper .swiper-h .swiper-slide .favs:hover i {
            color: var(--clr-white);
            -webkit-text-stroke: 1px var(--clr-white);
        }

        .collectionsSwiper .swiper-pagination-bullet:hover {
            width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 50px));
            height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 4px));
            border-radius: var(--swiper-pagination-bullet-border-radius, 4px);
        }
        
        .paperSlider .swiper-slide .book-3d:hover .book-3d__inner {
            transform: rotateY(0);
        }
        .paperSlider .swiper-slide .book-3d:hover .book-3d__inner::before {
            width: calc( var(--book-thickness) * 1 );
        }
        .paperSlider .swiper-slide .book-3d:hover .book-3d__cover {
            filter: grayscale(0%);
        }
		.horizontal-swiper .swiper-slide:hover img {
			animation: zoomEffect 10s infinite ease-in-out;
		}
		/*.horizontal-swiper .swiper-slide:hover .button {
			opacity: 1;
			visibility: visible;
		}*/
		
		.insta-inner figure:hover figcaption {
			pointer-events: auto;
			opacity: 1;
			visibility: visible;
		}
		
		.info a:hover {
			color: var(--clr-gold);
			text-decoration: underline;
		}
		
		.horizontal-swiper .swiper-slide .favs:hover i, .otherProjects .favs:hover i, .favesearch .fav-list figure .favs:hover i {
			color: var(--clr-white);
		}
		
		.price-item:hover {
			z-index: 2;
			background-color: #000;
			-webkit-transform: scale(1.2);
					transform: scale(1.2);
		}

		/*.horizontal-swiper .swiper-slide:hover:after {
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			z-index: 1;
			pointer-events: none;
			box-shadow: inset 0 0 0 1px var(--clr-gold);
		}
		.horizontal-swiper.numbered .swiper-slide:hover:after {
			width: 222px;
			left: calc(100% - 222px);
		}*/

		/*#see-more:hover {
			-webkit-transform: translate(-50%, -50vh) !important;
					transform: translate(-50%, -50vh) !important;
		}*/
    }
	
	/*
	    Wijzigingen Mitchel vanaf 25-06
	 */

.goldButton {
    border: 1px solid var(--clr-gold) !important;
    background: rgba(204, 159, 90, 0.2) !important;
}

.scaling-element .text-container a.button.goldButton {
    font-size: 15px;
    line-height: 21px;
    margin-top: 10px;
    padding: 4px 10px 6px 10px;
}

.bold-item {
    font-weight: bold;
}

.collections .info ul li {
    padding: 0px 7px 7px 0px;
    background-color: transparent;
}

.collections .info ul li a {
    font-family: var(--font-oswald);
    font-size: 13px;
    line-height: 21px;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 2px;
    border: 1px solid var(--clr-gold);
    background: rgba(204, 159, 90, 0.3);
    border-radius: 40px;
    text-decoration: none;
    padding: 2px 10px;
    text-decoration-line: 0;
}

.collections .info ul li u {
    text-decoration: none;
}

.collections .info ul li {
    margin: 0px 0px 0px 0;
}

.collections .info ul {
    margin-top: 10px;
}

.swiper-inner-slide.landscape img {
    width: 1920px;
    /*height: auto;*/
}
.swiper-inner-slide.portrait img {
    width: 1080px;
    /*height: auto;*/
}
.swiper-inner-slide.square img {
    /*width: 1080px;
    height: auto;*/
    aspect-ratio: 1 / 1 !important;
}

.splide__slide {
    padding-left: 0;
}

@media only screen and (max-width: 960px) {

    .txt-container {
        margin-top: 80px;
    }

    .block.titles, section.pan-y .block.titles {
        z-index: 99;
    }

    .block {
        min-height: initial;
    }

    .collection .txt-container {
        top: 80px;
        bottom: initial;
    }
    .swiper.collectionsSwiper {
        height: 100dvh;
    }
    .swiper-scrollbar {
        display: none;
    }
    .swiper-inner-slide.portrait img {
        width: 100%;
        height: auto;
    }
    .swiper-inner-slide.landscape img {
        width: 100%;
        height: auto;
    }
    .swiper.collectionsSwiper .swiper-slide {
        height: auto !important;
    }
    .collectionsSwiper .swiper-slide.vert {
        width: 100% !important;
    }
    .collectionsSwiper .swiper-slide.vert blockquote {
        max-width: 90%;
        width: 100%;
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }
    .collections .info, .evContainer#collectionInfo .floated {
        pointer-events: none;
    }
    .collections .info h2 {
        transition: opacity 0.4s ease, visibility 0.4s ease;
        opacity: 1;
        pointer-events: none;
    }
    .collections .info h2.hiddenTitle {
        opacity: 0;
    }
    .scaled-container:before, .swiperContainer.cols:after {
        pointer-events: none;
    }
}

.txt-container:not(.noHeadingWidth) h2 {
	font-size: 8dvh;
    line-height: 9dvh;
}
.collection .txt-container p {
	    font-size: 1.6dvh;
    line-height: 2.3dvh;
	height: auto;
}

@media (min-width: 1200px) and (max-height: 800px) {
	h2 {
        font-size: 70px;
        line-height: 78px;;
    }
}

/*@media (min-width: 1200px) and (max-height: 846px) {
    .collection h2#title {
        font-size: 64px;
        line-height: 70px;
    }
}

@media (min-width: 1200px) and (max-height: 784px) {
    .collection h2#title {
        font-size: 50px;
        line-height: 54px;
    }
}*/

@media (min-width: 1200px) and (max-height: 700px) {
    h2 {
        font-size: 40px;
        line-height: 50px;;
    }

    .txt-container:not(.noHeadingWidth) h2 {
        font-size: 40px;
        line-height: 50px;
    }

    .collection .txt-container p {
        font-size: 14px;
        line-height: 20px;
        height: 60px;
    }

    .collections .info h2 {
        font-size: 64px;
        line-height: 70px;
    }

    .infoLink {
        top: 740px;
    }

    .txt-container.wider {
        max-width: /*824px*/ 75.92%;
    }

    .txt-container p {
        height: 52px;
    }

    input[type="submit"], button, .button, .btn {
        font-size: 14px;
    }

    .expo .txt-container p {
        height: 65px;
    }
}

@media screen and (max-width: 1180px) {
    .row.otherProjects {
        max-width: calc((300px * 3) + (2 * 16px));
    }
}

.video-loading {
    width: 80px;
    height: 80px;

    border: 2px solid #000;
    border-top:3px solid #fff;
    border-radius: 100%;

    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right: 0;
    margin: auto;

    animation: spin 1s infinite linear;
}

@keyframes spin {
    from{
        transform: rotate(0deg);
    }to{
         transform: rotate(360deg);
     }
}
.splide__arrow {
    width: 1.5em !important;
    height: 1.5em !important;
}


.splide__arrow--prev,
.splide__arrow--next{
    background: transparent !important;
    color: #fff !important;
    opacity: 1 !important;
}

.splide__arrow {
	top: calc(50% + 25px) !important;
}


.splide__arrow--prev svg,
.splide__arrow--next svg {
    fill: #fff !important;
    height: 0.8em !important;
    width: 0.8em !important;
}

.swiper-pagination-bullet {
    position: relative;
}
.swiper-pagination-bullet::before {
    content: "";
    position: absolute;
    top: -10px;
    bottom: -10px;
    left: -10px;
    right: -10px;
    background: transparent;
    pointer-events: auto;
}

/*html, body {
    overscroll-behavior-y: contain;
}*/