#slider {
	height: 100vh;
	min-height: 50rem;
	padding-bottom: 6rem;
}

#slider-bgr {
	height: 117%;
}

.slider-prlx {
	opacity: 0;
	transition: opacity 2s;
}

.slider-prlx.active {
	opacity: 0.7;
}

/*Title*/
#slider-title {
	margin-top: 1rem;
	margin-bottom: 2rem;
	color: #fff;
	font-size: 5rem;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

#slider-stitle {
	opacity: 1;
	margin-bottom: 1rem;
	color: #fff;
	font-size: 1.5rem;
	letter-spacing: 0.3em;
	text-transform: uppercase;
}

#slider-desc {
	max-width: 600px;
	font-size: 1.2rem;
	padding: 0 5rem;
}

#slider-arrow-box {
	position: absolute;
	bottom: 2rem;
	z-index: 1;
}

#slider-arrow {
	opacity: 1;
	background-image: url(../../../app/assets/icons/navigation/nav1_bot_wht.png);
	background-size: 50%;
	background-position: center;
	width: 5rem;
	height: 5rem;
	transition: opacity 0.6s;
}

/*  Responsive */
@media only screen and (max-width: 1000px) {
	#slider-title {
		font-size: 4rem;
	}
	#slider-stitle {
		font-size: 1.2rem;
	}
	#slider-desc {
		font-size: 1.1rem;
	}

	#slider-arrow-box {
		bottom: 6rem;
	}
}

@media only screen and (max-width: 760px) {
	#slider-title {
		font-size: 3rem;
	}
	#slider-stitle {
		font-size: 1rem;
	}
}

@media only screen and (max-width: 550px) {
	#slider {
		padding-bottom: 4.5rem;
	}

	#slider .title-box .padt4 {
		padding-top: 0 !important;
	}

	#slider-stitle {
		letter-spacing: 0.1em;
	}

	#slider-desc {
		padding: 0 2rem;
		font-size: 1rem;
	}
}