.page-cap {display: none; flex-direction: column; gap: 64px;}
.page-cap .preview-img {display: flex; justify-content: center;}
.page-cap .preview-img .img {display: block; max-width: 100%; height: auto; margin: 0 auto;}
.page-cap .preview-text {display: flex; flex-direction: column; justify-content: center; gap: 24px;}
.page-cap .preview-text .single-text-box {text-align: center; line-height: 1.2;}
.page-cap .preview-text .single-text-box .inner-link {color: #B90E26; text-decoration: underline;}

.section-top-slider {position: relative; background: rgb(102, 102, 102); background: -moz-linear-gradient(270deg, rgba(102, 102, 102, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%); background: -webkit-linear-gradient(270deg, rgba(102, 102, 102, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%); background: linear-gradient(270deg, rgba(102, 102, 102, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000', GradientType=1);}
.section-top-slider .bg-img {position: absolute; bottom: 0; left: 0; right: 0; transform: translateY(80%); display: block; width: 100%; height: auto; object-fit: cover; object-position: center;}
.section-top-slider .single-decoration-img {position: absolute; z-index: 2; display: block;}
.section-top-slider .single-decoration-img.decoration-slider-img-1 {top: 36px; right: 45%; transform: translateX(50%); opacity: 0; animation: slideImagesFadeIn 1000ms 1500ms ease-in forwards;}
.section-top-slider .single-decoration-img.decoration-slider-img-2 {top: 32px; right: 50%; transform: translateX(-50%); opacity: 0; animation: slideImagesFadeIn 1000ms 750ms ease-in forwards;}
.section-top-slider .single-decoration-img.decoration-slider-img-3 {top: calc(75% - 36px); right: 35%; transform: translateX(-50%); opacity: 0; animation: slideImagesFadeIn 1000ms 1500ms ease-in forwards;}
.section-top-slider .single-decoration-img.decoration-slider-img-4 {top: 36px; right: 45%; transform: translateX(-50%); opacity: 0; animation: slideImagesFadeIn 1000ms 2250ms ease-in forwards;}
.section-top-slider .single-decoration-img.decoration-slider-img-5 {top: 55%; right: 30%; transform: translateX(50%); opacity: 0; animation: slideImagesFadeIn 1000ms 2250ms ease-in forwards;}
.section-top-slider .single-decoration-img.decoration-slider-img-6 {top: calc(75% - 54px); left: 42.5%; transform: translateX(-75%); opacity: 0; animation: slideImagesFadeIn 1000ms 2250ms ease-in forwards;}
.section-top-slider .movie-slides {position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; width: 100%; height: 100%;}
.section-top-slider .movie-slides .single-slide {display: none; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.section-top-slider .movie-slides .single-slide.show {display: block;}
.section-top-slider .inner-box {display: flex; align-items: center; justify-content: center;}
.section-top-slider .inner-box .slider-content {display: grid; grid-template-columns: 1fr; position: relative; width: 100%; min-height: 610px; align-items: center;}
.section-top-slider .inner-box .slider-thumbnails {position: absolute; top: 45%; right: 0; z-index: 2; transform: translateY(-50%); display: grid; grid-template-columns: 1fr; gap: 20px;}
.section-top-slider .inner-box .slider-thumbnails .single-box {border: 6px solid transparent; border-radius: 200px; transition: border-color .3s;}
.section-top-slider .inner-box .slider-thumbnails .single-box picture {display: block; background-color: rgba(255, 255, 255, 0.2); border-radius: 200px; transition: background-color .3s;}
.section-top-slider .inner-box .slider-thumbnails .single-box:hover {border-color: #B90E26;}
.section-top-slider .inner-box .slider-thumbnails .single-box:focus {border-color: #B90E26;}
.section-top-slider .inner-box .slider-thumbnails .single-box.active {border-color: #B90E26;}
.section-top-slider .inner-box .slider-thumbnails .single-box:hover picture {background-color: transparent;}
.section-top-slider .inner-box .slider-thumbnails .single-box:focus picture {background-color: transparent;}
.section-top-slider .inner-box .slider-thumbnails .single-box.active picture {background-color: transparent;}
.section-top-slider .inner-box .slider-thumbnails .single-box .img {position: relative; z-index: -1; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 200px;}

.section-search-restaurant {position: relative; z-index: 2; transform: translateY(-40%);}
.section-search-restaurant .inner-box {padding: 24px 48px; background-color: #FFF; filter: drop-shadow(0px 11px 23px rgba(110, 110, 110, 0.08)); border-radius: 60px 0 60px 0;}
.section-search-restaurant .inner-box .single-row {display: flex; align-items: center; gap: 24px;}
.section-search-restaurant .inner-box .single-row.row-top {margin-bottom: 32px;}
.section-search-restaurant .inner-box .single-row .title-box {padding-top: 3px;}
.section-search-restaurant .inner-box .single-row .title-box .title-text {color: #585858; line-height: 1;}

.section-search-restaurant .inner-box .single-row.row-middle {display: grid; grid-template-columns: 380px repeat(3, 1fr) minmax(175px, 275px); align-items: flex-end; gap: 24px;}
.section-search-restaurant .inner-box .single-row.row-middle .form-group {padding-bottom: 16px;}
.section-search-restaurant .inner-box .single-row.row-middle .form-group:first-child {padding-right: 24px; border-right: 1px solid #C1C1C1;}
.section-search-restaurant .inner-box .single-row.row-middle .btn-submit {margin-bottom: 16px;}

.section-search-restaurant .inner-box .single-row.row-bottom .advance-search-btn {display: flex; align-items: center; gap: 6px; width: max-content; text-decoration: none;}
.section-search-restaurant .inner-box .single-row.row-bottom .advance-search-btn .inner-text {color: #585858; transition: color .3s;}
.section-search-restaurant .inner-box .single-row.row-bottom .advance-search-btn:hover .inner-text {color: #B90E26;}

@media all and (max-width: 1600px) {
		body {padding-top: 64px;}

		.section-top-slider .inner-box .slider-content {min-height: 550px;}
		.section-top-slider .inner-box .slider-thumbnails {gap: 12px;}
		.section-top-slider .inner-box .slider-thumbnails .single-box .img {max-width: 150px;}
		.section-top-slider .single-decoration-img.decoration-slider-img-2 {top: 64px; max-width: 200px; height: auto;}

		.section-top-slider .single-decoration-img.decoration-slider-img-3 {top: calc(75% - 48px);}
		.section-top-slider .single-decoration-img.decoration-slider-img-6 {top: calc(75% - 64px);}

		.section-search-restaurant {transform: translateY(-55%);}
		.section-search-restaurant .inner-box {padding: 16px 32px; border-radius: 40px 0 40px 0;}
		.section-search-restaurant .inner-box .single-row.row-top {margin-bottom: 16px;}
}

@media all and (max-width: 1200px) {
		header, main {display: none !important;}
		.page-cap {display: flex;}
}

@keyframes slideTextFadeIn {
		0% {opacity: 0; transform: translateY(32px);}
		100% {opacity: 1; transform: translateY(0);}
}

@keyframes slideImagesFadeIn {
		0% {opacity: 0;}
		100% {opacity: 1;}
}