.slideshow { width: 100%; height: 100vh; position: relative; overflow: hidden; }
.slides { position: absolute; width: 100%; height: 100%; text-align: center; }
.slide { position: absolute; width: 100%; height: 100%; overflow: hidden; opacity: 0; pointer-events: none; display: flex; flex-direction: column; align-content: center; justify-content: center; align-items: center; }
.slide--current { opacity: 1; pointer-events: auto; }
.slide__img { position: absolute; top: -100px; left: -100px; width: calc(100% + 200px); height: calc(100% + 200px); background-size: cover; background-position: 50% 50%; }
.slidenav { position: absolute; width: 300px; margin-left: -150px; left: 50%; bottom: 0; text-align: center; padding: 0; }
.slidenav__item { border: 0; background: none; font-weight: bold; color: #FF631B; background: #ffffff; height: 60px; width: 60px; line-height: 60px; text-align: center; }
.slidenav__item:focus { outline: none; color: #ffffff; background: #FF631B; }
.slidenav__item:hover { outline: none; color: #ffffff; background: #FF631B; }
.shape { position: absolute; width: 100%; height: 100%; top: 0; pointer-events: none; }
.slide__title { position: relative; font-size: 5em; margin: 0; cursor: default; line-height: 1; color: #ffffff; z-index: 9; margin-bottom: 15px; }
.slide_sub_title { color: rgba(255, 255, 255, .12); position: absolute; top: 50%; margin-top: -180px; font-size: 11em; font-weight: 600; text-transform: uppercase; line-height: 1em; letter-spacing: 0; }
.slide p { color: #ffffff; }
@media(max-width:1365px) {
	.slide { padding: 0 15px; }
	.slide__title { font-size: 4em; }
	.slide_sub_title { font-size: 8em; }
}
@media(max-width:1023px) {
	.slide__title { font-size: 3em; }
	.slide_sub_title { font-size: 7em; }
}
@media(max-width:767px) {
	.slide__title { font-size: 2.7em; }
	.slide_sub_title { font-size: 5em; }
}
@media(max-width:479px) {
	.slide_sub_title { font-size: 3em; }
}