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

#primary {
	direction: rtl;
}
@media (min-width : 1200px) {
	 
	#primary {
		padding-right: 320px;
	}
}



/* Page sections */
.page-section {
	position: relative;
	min-height: 100vh;
	overflow: hidden;
}
.divided-section {
}
.odd-section {
}
.even-section {
}
.floating-section {
}

.screen-section {
	height: 100vh;
}

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



/* Section background */
.section-bg {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
}
.section-bg.animate {
	opacity: 0;
	-webkit-transform: scale(0.9);
			transform: scale(0.9);
	-webkit-transition: all 1s cubic-bezier(0.76, 0, 0.24, 1) 0s;
			transition: all 1s cubic-bezier(0.76, 0, 0.24, 1) 0s;	
}
.section-bg.animated {
	opacity: 1;
	-webkit-transform: none;
			transform: none;
}
.section-bg > .swiper-container {
	height: 100%;
}
.section-bg > .fader {
	height: 100%;
}
.section-bg > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (min-width : 1200px) {

}
/***/




/* Section side background */
.section-side-bg {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 50%;
	overflow: hidden;
}
.section-side-bg.animate {
	opacity: 0;
	-webkit-transform: scale(0.9);
			transform: scale(0.9);
	-webkit-transition: all 1s cubic-bezier(0.76, 0, 0.24, 1) 0s;
			transition: all 1s cubic-bezier(0.76, 0, 0.24, 1) 0s;
}
.section-side-bg.animated {
	opacity: 1;
	-webkit-transform: none;
			transform: none;
}
.section-side-bg > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (min-width : 1200px) {

}
/***/




/* Section side image */
.section-side-img {
	position: relative;
	overflow: hidden;
}
.section-side-img.animate {
	opacity: 0;
	-webkit-transform: scale(0.9);
			transform: scale(0.9);
	-webkit-transition: all 1s cubic-bezier(0.76, 0, 0.24, 1) 0s;
			transition: all 1s cubic-bezier(0.76, 0, 0.24, 1) 0s;
}
.section-side-img.animated {
	opacity: 1;
	-webkit-transform: none;
			transform: none;
}
.section-side-img > img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.section-side-img > .swiper-container {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

@media (min-width : 1200px) {
	.divided-section .section-side-img {
		width: 50%;
	}
}
/***/



/* Section main */
.section-main {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	position: relative;
	z-index: 5;
	padding: max(3vw,15px) max(4vw,15px) max(3vw,15px) max(4vw,15px);
}
.floating-section .section-main {
	-webkit-transition: -webkit-transform 1s cubic-bezier(0.76, 0, 0.24, 1) 0s;
			transition: 		transform 1s cubic-bezier(0.76, 0, 0.24, 1) 0s;
}
.odd-section.floating-section.floated .section-main {
	transform: translateX(102%);
}
.even-section.floating-section.floated .section-main {
	transform: translateX(-102%);
}


@media (min-width : 1200px) {
	.divided-section .section-main {
		width: 50%;
		flex-grow: 0;
		flex-shrink: 0;
	}
	/*
	.odd-section .section-main {
		margin-right: 5px;
	}
	.even-section .section-main {
		margin-left: -5px;
	}
	*/
}
/***/



/* Section content */
.section-content {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}
/***/



/* Section title */
.section-title {
	margin: 0.75em 0;
	font-family: var(--fancy-font);
	font-weight: 400;
	line-height: 0.75;
}
.section-title:before {
	content: '';
    display: block;
    width: 192px;
    height: 0;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
    border: 3px solid;
}
.section-logo + .section-title:before {
	content: none;
}
.section-subtitle {
	font-size: 0.5em;
}
.section-title.animate {
	opacity: 0;
	-webkit-transform: translateX(-1em);
			transform: translateX(-1em);	
	-webkit-transition: all 1s ease;
			transition: all 1s ease;	
}
.section-title.animated {
	opacity: 1;
	-webkit-transform: none;
			transform: none;		
}
.section-text {
}
.section-text.animate {
	opacity: 0;
	-webkit-transform: translateY(2em);
			transform: translateY(2em);	
	-webkit-transition: all 1s ease;
			transition: all 1s ease;	
}
.section-text.animated {
	opacity: 1;
	-webkit-transform: none;
			transform: none;		
}
/***/




/* Section text */
.section-text {
	max-width: 24em;
}
/***/



/* Section extra */
.section-extra {
	margin-top: auto;
}
.section-extra:before {
	content: '';
    display: block;
    width: 192px;
    height: 0;
	margin-top: 2em;
	margin-bottom: 2em;
    border: 3px solid;
}
/***/



/* Section logo */
.section-logo {
}
/***/



/* Section toggle button */
.section-toggle-btn {
	position: absolute;
	z-index: 99;
	top: 1em;
	width: 48px;
	height: 48px;
	padding: 5px;
	cursor: pointer;
	-webkit-transition: all 0.8s cubic-bezier(0.83, 0, 0.17, 1) 0s;
			transition: all 0.8s cubic-bezier(0.83, 0, 0.17, 1) 0s;
}
button.section-toggle-btn {
	outline: 0;
	border: 0;
	background: none;
}
.section-toggle-btn::before,
.section-toggle-btn::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 8px;
	width: 32px;
	border: 1px solid;
	border-top-width: 2px;
}
.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;
	-webkit-transform: none;
			transform: none;
	-webkit-transition: all 0.4s ease 1.2s;
			transition: all 0.4s ease 1.2s;
}
.section-toggle-btn.animated::before {
	opacity: 1;
	transform: rotateZ(-45deg);
}
.section-toggle-btn.animated::after {
	opacity: 1;
	transform: rotateZ(45deg);
}

.floating-section.floated .section-toggle-btn {
	filter: drop-shadow(0 0 2px rgba(0,0,0,0.7));
}
.floating-section.odd-section.floated .section-toggle-btn {
	left: -90px;
	-webkit-transform: rotateZ(-225deg);
			transform: rotateZ(-225deg);
}
.floating-section.even-section.floated .section-toggle-btn {
	right: -90px;
	-webkit-transform: rotateZ(225deg);
			transform: rotateZ(225deg);
}


@media (min-width : 1200px) {
	.section-toggle-btn {
		top: 2em;
	}
	.odd-section .section-toggle-btn {
		left: calc(max(4vw,15px) - 10px);
	}
	.even-section .section-toggle-btn {
		right: calc(max(4vw,15px) - 10px);
	}
	
	
}

@media (min-width: 1600px) {

}
/***/



/* Section breadcrumbs */
.breadcrumbs {
	font-size: 1.3333em;
}
.breadcrumbs.animate {
	opacity: 0;
	-webkit-transition: all 0.8s ease;
			transition: all 0.8s ease;	
}
.breadcrumbs.animated {
	opacity: 1;
}
.breadcrumbs > span.animate {
	display: inline-block;
	opacity: 0;
	-webkit-transform: translateY(-1em);
			transform: translateY(-1em);	
	-webkit-transition: all 0.8s ease;
			transition: all 0.8s ease;	
}
.breadcrumbs > span.animated {
	opacity: 1;
	-webkit-transform: none;
			transform: none;	
}
/***/







/* Section deco */
.section-deco-line {
	flex-grow: 0; 
	display: inline-block;
	width: 8em;
	height: 0;
	margin-top: auto;
	border-bottom: 4px solid;
	padding-top: 80px;
}
.section-deco-line.animate {
	width: 0;
	-webkit-transition: width 0.8s cubic-bezier(0.83, 0, 0.17, 1);
			transition: width 0.8s cubic-bezier(0.83, 0, 0.17, 1);
}
.section-deco-line.animated {
	width: 8em;
}

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




/********************************************************************************/