/*** INDEX ***\

= MAIN BANNER

= WORKSHOP

= MAIN SITE FOOTER

\*** END INDEX ***/

/*
//======================================================================
// MAIN BANNER
//======================================================================
*/

.main-banner .wrap {
	height: 560px;
	padding-bottom: 54px;
	display: grid;
	grid-template-columns: 1fr;
}

.main-banner .wrap > * {
	grid-area: 1 / 1 / -1 / -1;
}

.main-banner .breadcrumbs {
	color: #ddd;
	color: var(--gray18, #ddd);
	font-size: 0.875rem;
	font-size: var(--font14px, 0.875rem);
	
	border-bottom: 1px solid;
	padding: 17px 0;
	align-self: start;
	
	border-color: #ddd;
	border-color: var(--gray18, #ddd);
}

.main-banner h1 {
	font-size: 3.375rem;
	font-size: var(--font54px, 3.375rem);
	color: #fff;
	color: var(--white1, #fff);
	
	margin: 0;
	align-self: end;
}

.scroll-down-part .abstract-icon:before,
.scroll-down-part .abstract-icon:after {
	background-color: #fff;
	background-color: var(--white1, #fff);
}

.scroll-down-part .text {
	color: #fff;
	color: var(--white1, #fff);
}

@media (max-width: 1023px) {
	.main-banner .wrap {
		height: 475px;
		padding-bottom: 15px;
	}
	
	.main-banner h1 {
		font-size: 1.875rem;
		font-size: var(--font30px, 1.875rem);
	}
}

/*
//======================================================================
// MAIN BANNER - END
//======================================================================
*/

/*
//======================================================================
// WORKSHOP
//======================================================================
*/

.workshop {
	background-color: #fbfbfb;
	background-color: var(--white2, #fbfbfb);
	padding: 145px 0 240px;	
}

.workshop .single-section {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 240px));
}

.workshop .single-section:nth-child(odd) .content-link {
	grid-area: 1 / 1 / -1 / 4;
	align-self: start;
}

.workshop .single-section:nth-child(odd) .image {
	grid-area: 1 / 5 / -1 / 7;
}

.workshop .single-section:nth-child(even) .content-link {
	grid-area: 1 / 4 / -1 / 7;
	align-self: end;
}

.workshop .single-section:nth-child(even) .image {
	grid-area: 1 / 1 / -1 / 3;
}

.workshop .single-section:not(:first-child) {
	margin-top: -39px;
}

.workshop .single-section .content-link {
	background-color: #fff;
	background-color: var(--white1, #fff);
	
	min-height: 480px;
	padding: 83px 98px;
}

.workshop .single-section .content-link .content {
	font-size: 1.5rem;
	font-size: var(--font24px, 1.5rem);
	color: #8d8d8d;
	color: var(--gray8, #8d8d8d);
}

.workshop .single-section .content-link .content strong {
	font-weight: 700;
	font-weight: var(--fw700, 700);
	color: #000;
	color: var(--black, #000);
}

.workshop .single-section .content-link .link {
	font-size: 1.125rem;
	font-size: var(--font18px, 1.125rem);
	font-weight: 700;
	font-weight: var(--fw700, 700);
	background-color: #000;
	background-color: var(--black, #000);
	color: #fff;
	color: var(--white, #fff);
	
	display: inline-block;
	padding: 12px 53px;
	border-radius: 4px;
	margin-top: 28px;
}

.workshop .bottom-banner {
	margin-top: 230px;
}

@media (max-width: 1460px) {
	.workshop .single-section {
		grid-template-columns: repeat(4, minmax(0, 240px));
	}
	
	.workshop .single-section:nth-child(odd) .content-link {
		grid-area: 1 / 1 / -1 / 3;
		align-self: start;
	}

	.workshop .single-section:nth-child(odd) .image {
		grid-area: 1 / 3 / -1 / 5;
	}

	.workshop .single-section:nth-child(even) .content-link {
		grid-area: 1 / 3 / -1 / 5;
		align-self: end;
	}

	.workshop .single-section:nth-child(even) .image {
		grid-area: 1 / 1 / -1 / 3;
	}
}

@media (max-width: 1023px) {
	.workshop {
		padding: 30px 0 101px;
	}
	
	.workshop .single-section {
		display: block;
		grid-template-columns: unset;
	}
	
	.workshop .single-section:not(:first-child) {
		margin-top: 30px;
	}

	.workshop .single-section:nth-child(odd) .content-link,
	.workshop .single-section:nth-child(odd) .image,
	.workshop .single-section:nth-child(even) .content-link,
	.workshop .single-section:nth-child(even) .image {
		grid-area: unset;
		align-self: unset;
	}
	
	.workshop .single-section .content-link {
		min-height: unset;
		padding: 23px 33px;
	}
	
	.workshop .single-section .content-link .content {
		font-size: 1rem;
		font-size: var(--font16px, 1rem);
	}
	
	.workshop .single-section .content-link .content strong {
		font-size: 1.250rem;
		font-size: var(--font20px, 1.250rem);
	}

	.workshop .single-section .content-link .link {
		font-size: 0.875rem;
		font-size: var(--font14px, 0.875rem);
	}
	
	.workshop .single-section .content-link + .image {
		margin-top: 30px;
	}
	
	.workshop .bottom-banner {
		margin-top: 30px;
	}
}

/*
//======================================================================
// WORKSHOP - END
//======================================================================
*/

/*
//======================================================================
// MAIN SITE FOOTER
//======================================================================
*/

.main-site-footer {
	margin-top: 0;
}

/*
//======================================================================
// MAIN SITE FOOTER - END
//======================================================================
*/