/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 14 2026 | 22:50:46 */
@media (min-width: 768px) {
.title-text-toggle .title-text-toggle-content .title-text-toggle-col.title-col h2 {
margin-top:20px;
}
}
.title-text-toggle .toggle-accordion .toggle-item .toggle-header h3 {
font-size: 2.5vw;
font-family: 'ProximaNova-Regular' !important;
}

.title-text-toggle .title-text-toggle-content {
margin-bottom: 5rem;
display: grid;
grid-template-columns: 30% 50%;
gap: 2rem;
}

.image-and-slider {
display: grid;
grid-gap: 0;
grid-template-rows: 40% 60%;
grid-template-columns: 40% 60%;
line-height: 0;
}

.image-and-slider .image-and-slider-images .item .image {
    margin: 10rem 0rem 10rem 10rem;
}


.image-and-slider .image-and-slider-slider .slider {
    margin: 0rem 0rem 20rem 10rem;
}

.title-text-toggle .toggle-accordion .toggle-item.is-open .toggle-content {
display: block;
padding-right: 60px;
}

.title-text-toggle .toggle-accordion .toggle-item .toggle-header {
padding: 2rem 0;
}

.title-text-toggle .toggle-accordion .toggle-item .toggle-header .toggle-icon .icon-plus::before {
width: 20px;
height: 3px;
}

.title-text-toggle .toggle-accordion .toggle-item .toggle-header .toggle-icon .icon-plus::after {
width: 3px;
height: 20px;
}


@media (min-width: 768px)  {
.title-text-toggle .title-text-toggle-content .title-text-toggle-col.title-col h2 {
font-size: 4vw;
}

.title-text-toggle .toggle-accordion .toggle-item .toggle-header h3 {
font-size: 2vw;
}
	}


@media (min-width: 992px) {
.title-text-toggle .title-text-toggle-content .title-text-toggle-col.title-col h2 {
font-size: 4vw;
}

.title-text-toggle .toggle-accordion .toggle-item .toggle-header h3 {
font-size: 1.5vw;
}
}

body {
	overscroll-behavior: auto;
}

.image-and-slider {
	grid-column: main / rspace;
}

.image-and-slider-slides {
	overflow: hidden;
}

.image-and-slider-slider .flickity-page-dots {
display:none;
}


.image-and-slider .image-and-slider-images .item .image {
}

.image-and-slider .image-and-slider-slider .image {
	    margin: 0rem 10rem 16rem 25rem;
	max-width: 440px;
}


@media only screen and (max-width: 375px) {
	.image-and-slider .image-and-slider-images .item .image {
		margin: 2rem 2rem 0rem 0rem;
	}
	
	.image-and-slider .image-and-slider-slider .image {
		margin: 0rem auto 2rem auto;
	}
}

@media only screen and (max-width: 768px) {
	.image-and-slider .image-and-slider-images .item .image {
		margin: 4rem 4rem 0rem 0rem;
	}
	
	.image-and-slider .image-and-slider-slider .image {
		margin: 0rem auto 4rem auto;
	}
}

@media only screen and (max-width: 1024px) {
	.image-and-slider .image-and-slider-images .item .image {
		margin: 4rem 4rem 0rem 0rem;
	}

	.image-and-slider .image-and-slider-slider .image {
        margin: 0rem 8rem 4rem 4rem;
    }
		.image-and-slider .image-and-slider-slider .slider {
    margin: 0rem 0rem 10rem 0rem;
}

}

@media only screen and (max-width: 1280px) {
.image-and-slider .image-and-slider-slider .image {
		max-width: 40vw;
	}
	    .image-and-slider .image-and-slider-slider .image {
        margin: 0rem 8rem 4rem 4rem;
    }
}


/* 19 03 2026 */
#HOMEheader {
z-index: 1;
}

@media (min-width: 1200px) {
    .header-work-detail .work-info-meta {
        padding-left: 4rem;
        align-self: center;
        max-width: 50rem;
    }
}