/********************************/
/* PRIMARY
/********************************/

#primary {
	direction: rtl;
	min-height: 100vh;
	overflow-x: clip;
}
.header-container {
}



/********************************/
/* SECTIONS: Layout
/********************************/


/* Page sections */
.page-section {
	position: relative;
}
.fullscreen-section {
	min-height: 100vh;
}
.section-container {
	padding: 0;
}

@media (min-width : 1200px) {
	.divided-section .section-container {
		display: flex;
	}
	.divided-section.odd-section .section-container {
		flex-direction: row;
	} 
	.divided-section.even-section .section-container {
		flex-direction: row-reverse;
	}
}
/***/



/* Section background */
.section-bg {
	position: absolute;
	inset: 0;
	overflow: clip;
}

.section-bg > video,
.section-bg > img,
.section-bg > picture,
.section-bg .fader-items video,
.section-bg .fader-items img,
.section-bg .fader-items picture {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.section-bg picture,
.section-bg picture img {
	display: block;
}

.section-bg > .swiper-container {
	height: 100%;
}
.section-bg .swiper-slide video, 
.section-bg .swiper-slide img,
.section-bg .swiper-slide picture {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.section-bg-spacer {
}
@media (min-width : 1200px) {
}
/***/



/* Section side bg */
.section-side-bg {
	overflow: hidden;
}
.section-side-bg > img,
.section-side-bg > .fader-items img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media (orientation : portrait) { 
	.section-side-img {
		aspect-ratio: 1;
	}
}
@media (min-width : 1200px) {
	.divided-section .section-side-bg {
		position: relative;
		width: 50%;
		flex-grow: 1;
	}
	.divided-section .section-side-bg > img {
		position: absolute;
	}
}


/* Section side */
.section-side-img {
	overflow: hidden;
}
.section-side-img > img,
.section-side-img > picture img, 
.section-side-img > .fader-items img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media (orientation : portrait) { 
	.section-side-img {
		aspect-ratio: 1;
	}
}
@media (min-width : 1200px) {
	.divided-section .section-side-img {
		width: 50%;
	}
}

/*
.section-side-bg {
	overflow: hidden;
	aspect-ratio: 1;
}
.section-side-bg .swiper-container {
	height: 100%;
}
.section-side-bg .swiper-slide > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (min-width : 1200px) {
	.section-side-bg {
		min-height: 100%;
	}
}
*/
/***/



/* Section main */
.section-main {
	position: relative; 
	z-index: 5;
}
.section-bg ~ .section-main {
	
}

.section-main-content {
	padding-block: max( 32px, 3vw );
	padding-inline: max( 16px, 3vw );
}

/*
.floating-main {
	-webkit-transform: none;
			transform: none;
	-webkit-transition: -webkit-transform 1s cubic-bezier(0.83, 0, 0.17, 1);
			transition: 		transform 1s cubic-bezier(0.83, 0, 0.17, 1);
}
.floating-main.closed {
	-webkit-transform: translateX(101%);
			transform: translateX(101%);	
}
*/
@media (min-width : 1200px) {
	.divided-section .section-main {
		width: 50%;
	}
	.divided-section .narrow-main-content {
		max-width: 768px;
	}
	.divided-section .narrower-main-content {
		max-width: 660px;
	}
	.divided-section .narrowest-main-content {
		max-width: 480px;
	}
	.odd-section .narrow-main-content,
	.odd-section .narrowest-main-content {
		margin-inline-start: auto;
	}
	.even-section .narrow-main-content,
	.even-section .narrowest-main-content {
		margin-inline-end: auto;
	}
}
/***/





/* Section elements */ 
.section-heading {
	margin: 1.5em 0;
}
.section-heading h3, 
.section-heading p {
	margin: 0;
}
/***/





/* Section content */
/*
.section-content {
	position: relative;
	padding-block: 3rem;
}
@media (min-width: 1600px) {
	.section-content {
		padding-block: 5%;
	}
}
*/
/***/



/* Section seconadary */
.section-secondary {
}
/***/



/* Section toggle button */
.section-toggle-btn {
	position: absolute;
	z-index: 99;
	top: 10px;
	left: 5px;
	width: 48px;
	height: 48px;
	padding: 10px;
	cursor: pointer;
	color: #e5ac79;
	-webkit-transition: all 0.4s cubic-bezier(0.83, 0, 0.17, 1) 0s, color 0.4s ease 0s;
			transition: all 0.4s cubic-bezier(0.83, 0, 0.17, 1) 0s, color 0.4s ease 0s;
}
.floating-main.closed .section-toggle-btn {
	color: #fff;
	left: -100px;
	-webkit-transform: rotateZ(45deg);
			transform: rotateZ(45deg);
	-webkit-transition: all 0.8s cubic-bezier(0.83, 0, 0.17, 1) 1s, color 0.4s ease 1s;
			transition: all 0.8s cubic-bezier(0.83, 0, 0.17, 1) 1s, color 0.4s ease 1s;
}
.section-toggle-btn::before,
.section-toggle-btn::after {
	content: '';
	display: block;
	position: absolute;
	top: 24px;
	left: 11px;
	width: 28px;
	border: 1px solid;
	border-top-width: 3px;
	box-shadow: 0 1px 4px rgba(0,0,0,0.5);
	-webkit-transition: all 0.4s ease 1s;
			transition: all 0.4s ease 1s;
}

.section-toggle-btn::before {
	transform: rotateZ(45deg);
}
.section-toggle-btn::after {
	transform: rotateZ(-45deg);
}
.section-toggle-btn.animate::before,
.section-toggle-btn.animate::after {
	opacity: 0;
	transform: none;
}
.section-toggle-btn.animated::before {
	opacity: 1;
	transform: rotateZ(45deg);
}
.section-toggle-btn.animated::after {
	opacity: 1;
	transform: rotateZ(-45deg);
}

.floating-main.closed .section-toggle-btn:before,
.floating-main.closed .section-toggle-btn:after {
	-webkit-transition: all 0.4s ease 0s;
			transition: all 0.4s ease 0s;
}

@media (min-width : 1200px) {
}

@media (min-width: 1600px) {
}
/***/








/********************************/
/* SECTIONS: Content elements
/********************************/


/* Section menu */
/***/



/* Section breadcrumbs */
/***/



/* Section logo */
.section-logo {
}
.section-logo > img {
	max-width: 100%;
}
/***/



/* Section title */
.section-title {
}
.section-title > img {
	max-width: 100%;
}
/***/



.section-text-wrapper {
	max-width: 26.25em;
}
@media (min-width : 1200px) {
	.odd-section .section-text-wrapper {
		
	}
}
/***/



/********************************/
/* SECTIONS: Decorations
/********************************/

/* Section deco */
.section-top-deco {
	width: 15em;
	border: 0.5em solid var(--secondary-color);
	border-radius: 0.5em;
	font-size: 12px;
}
.odd-section .section-top-deco {
	margin-inline: 0 auto;
}
.even-section .section-top-deco {
	margin-inline: auto 0;
}
.section-top-deco.inviewer {
	width: 0;
	opacity: 0;
	-webkit-transition: all 1s ease;
			transition: all 1s ease;
}
.section-top-deco.inviewer.isinview {
	width: 15em;
	opacity: 1;
}

@media (min-width : 1200px) {
	
}
/***/







@media (min-width : 1200px) {
}
/***/