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

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



/* Page sections */
.page-sections-group {
	background-position: 50% 100%;
}
.page-section {
	position: relative;
	/*
	display: flex;
	flex-direction: column;
	*/
	min-height: 100vh;
	overflow: hidden;
}
.divided-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;
	}
	
}






/*
.black-section 	{ background-color: #000; color: #fff; }
.dark-section 	{ background-color: rgba(0,0,0,0.8); color: #fff; }
.light-section 	{ background-color: rgba(234,205,172,0.8); color: #000; }
.white-section 	{ background-color: #fff; color: #000; }
.cold-section 	{ }
.cool-section 	{ }
.warm-section 	{ background-color: #fff; color: #8f7c5b; }
.hot-section 	{ background-color: #f4f1ec; color: #8f7c5b; }
.fancy-section 	{ background-color: #f4f1ec; color: #8f7c5b; }
.custom-section	{ }
*/

/***/



/* Section background image */
.section-bg {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
}

/***/



/* Section side background */
.section-side-bg {
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	-webkit-transition: -webkit-transform 1s cubic-bezier(0.76, 0, 0.24, 1) 0.4s;
			transition: 		transform 1s cubic-bezier(0.76, 0, 0.24, 1) 0.4s;
}
.divided-section.odd-section.active-section .section-side-bg {
	transform: translateX(-25%);
}
.divided-section.even-section.active-section .section-side-bg {
	transform: translateX(25%);
}
.section-side-bg > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.section-side-bg > .section-gallery {
	height: 100%;
}

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




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

.section-img > .section-gallery {
	height: 100%;
}

.section-img-caption {
    position: absolute;
    z-index: 9;
    top: 6%;
    left: 0;
    right: 0;
    width: fit-content;
    min-width: 50%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

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



/* Section main */
.section-main {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	position: relative;
	padding: max(2vw,15px) max(2.5vw,15px);
}

.divided-section.odd-section .section-main {
	transform: translateX(100%);
	-webkit-transition: -webkit-transform 1s cubic-bezier(0.76, 0, 0.24, 1) 0.4s;
			transition: 		transform 1s cubic-bezier(0.76, 0, 0.24, 1) 0.4s;
}
.divided-section.even-section .section-main {
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 1s cubic-bezier(0.76, 0, 0.24, 1) 0.4s;
			transition: 		transform 1s cubic-bezier(0.76, 0, 0.24, 1) 0.4s;
}
.divided-section.active-section .section-main {
	transform: none;
}
.section-bg ~ .section-main {
	position: relative;
	z-index: 6;
}

.section-main.middle-section-main {
	justify-content: center;
}

.screen-section .section-main {
	height: 100%;
}

.floating-main {
	-webkit-transform: none;
			transform: none;
	-webkit-transition: -webkit-transform 1s cubic-bezier(0.83, 0, 0.17, 1) 1s;
			transition: 		transform 1s cubic-bezier(0.83, 0, 0.17, 1) 1s;
}
.floating-main.closed {
	-webkit-transform: translateX(101%);
			transform: translateX(101%);	
}

@media (min-width : 1200px) {
	.section-main {
	}
	.divided-section .section-main {
		width: 50%;
		flex-grow: 0;
	}
	.divided-section.odd-section .floating-main.closed {
		-webkit-transform: translateX(-101%);
				transform: translateX(-101%);	
	}
}
/***/




/* Section content */
.section-content {
}
.section-more-content {
	margin-top: 75px;
}
/***/



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




/* Section footer */
.section-footer {
	margin-top: auto;
}
/***/



/* Section layout */
.section-bg {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
}
.section-bg-spacer {
	height: 40vh;
}










@media (min-width : 1200px) {
	.section-bg-spacer {
		height: 0;
	}
	
	
}

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




/* 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) {
	.section-toggle-btn {
		top: 36px;
		left: 50px;
	}
	.odd-section .section-toggle-btn {
		left: auto;
		right: 50px;
	}
	
	.floating-main.closed .section-toggle-btn {
		left: -158px;
	}
	.odd-section .floating-main.closed .section-toggle-btn {
		left: auto;
		right: -158px;
	}
}

@media (min-width: 1600px) {
	.section-toggle-btn {
		top: 60px;
		left: 90px;
	}
	.odd-section .section-toggle-btn {
		left: auto;
		right: 90px;
	}
	
	.floating-main.closed .section-toggle-btn {
		left: -240px;
	}
	.odd-section .floating-main.closed .section-toggle-btn {
		left: auto;
		right: -240px;
	}
}
/***/



/* 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 content elements */
.section-title {
	margin: 0 0 1.5em 0;
}
.section-title:after {
	content: '';
    display: inline-block;
    width: 8em;
    height: 0;
    border-bottom: 4px solid;
}
.section-title h2 {
	line-height: 1;
}
.section-pretitle {
	color: var(--link-color);
	font-size: 0.5em;
	line-height: 1;
}
.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 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) {
}
/***/




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