section.showcase {
	height: 750px;
	position: relative;
	background: #212a3e;
}



section.showcase .layer {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	background: rgb(56 68 96);
	opacity: 0.6;
}


section.showcase .slider {
	height: 100%;
	position: absolute;
	background: #212a3e;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	width: 100%;
	z-index: 2;
}



section.showcase .slider .owl-showcase {left: 0;right: 0;bottom: 0;top: 0;width: 100%;height: 100%;position: absolute;}

section.showcase .slider .owl-dots{
	bottom:0;
	position: absolute;
	bottom: 20px;
	z-index: 4;
	left: 0;
	right: 0;
}

section.showcase .slider .content {position: absolute;left: 0;right: 0;top: 34%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);color: white;text-align: center;z-index: 3;}


section.showcase .slider img {height: 750px;object-fit: cover;width: 100%;filter: grayscale(0.5);}

section.showcase .inner {
	position: absolute;
	left: 0;
	right: 0;
	top: 46%;
	/* -webkit-transform: translateY(-50%); */
	-ms-transform: translateY(-50%);
	/* transform: translateY(-50%); */
	color: white;
	text-align: center;
	z-index: 3;
}


section.showcase .inner h1 {
	margin-bottom: 40px; /* text-shadow: 2px 2px 4px rgb(0 0 0 / 70%); */
}

section.showcase .form {
	background: white;
	color: black;
	width: 775px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding: 10px 20px 20px;
	border-radius: 8px;
	position: relative;
}

section.showcase .form .inputs {
	display: grid;
	grid-template-columns: 1fr 170px 200px 100px auto;
	grid-gap: 7px;
	z-index: 3;
	position: relative;
}

section.showcase .form .inputs > .error {
	color:var(--color-error);
}

section.showcase .form .search-check-dates-box{
		display: grid;
		grid-gap: 7px;
		grid-template-columns: 97px 97px;
}



section.showcase .form ul {
	position: absolute;
	bottom: -11px;
	line-height: 21px;
	right: 22px;
	z-index: 1;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
section.showcase .form ul li {
	display: inline-block;
	font-size: 12px;
	padding: 0 2px;
	font-weight: 400;
	cursor: pointer;
	/* color:var(--color); */
	padding: 0 10px;
	background: white;
	border-radius: 8px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	/* border: 1px solid white; */
	transition: all 0.5s;
}

section.showcase .form ul li:hover {
color:var(--color);
}


section.showcase.advanced .form ul li {
	color: white;
	background-color: var(--color3);
}



section.showcase .form input,
section.showcase .form select {
	width: 100%;
}



section.showcase .form .error input,
section.showcase .form .error select {
	border-color:var(--color-error);
}

section.showcase .form label {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: block;
	font-size: 12px;
	font-weight: 500;
	line-height: 27px;
	cursor: pointer;
}

section.showcase .form label img {
	height: 14px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -1px;
	margin-right: 6px;
	width: 14px;
	object-fit: contain;
}

section.showcase .bullets {
	-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
	position: absolute;
	bottom: 12px;
	left: 0;
	right: 0;
	z-index: 2;
	text-align: center;
	margin: auto;
	width: 500px;
}
section.showcase .bullets li {
	width: 16px;
	height: 16px;
	background: white;
	display: inline-block;
	vertical-align: middle;
	border-radius: 50%;
	cursor: pointer;
	margin: 0 2px;
	opacity: 0.5;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
section.showcase .bullets li:hover {
	opacity: 1;
}
section.showcase .bullets li.active {
	opacity: 1;
	background: var(--color);
}

section.showcase button {
	line-height: 36px;
	padding: 0 20px;
}
section.showcase button img {
	height: 15px;
	width: 15px;
	-webkit-filter: invert(1);
	filter: invert(1);
	object-fit:contain;
}

section.showcase button:hover {
	transform: unset;
	-webkit-box-shadow: unset;
	-moz-box-shadow: unset;
	box-shadow: unset;
}

section.showcase .advanced {
	top: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	position: absolute;
	background: rgba(255, 255, 255, 0.8);
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	left: 35px;
	padding: 25px 15px 10px;
	/* opacity: 0; */
	z-index: -1;
	right: 35px;
	border: 1px solid white;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

section.showcase.advanced .advanced {
	top: 87px;
	/* opacity: 1; */
}

section.showcase .advanced .item {
	cursor: pointer;
	border: 1px solid white;
	line-height: 22px;
	padding: 0 8px;
	display: inline-block;
	border-radius: 8px;
	font-size: 11px;
	font-weight: 400;
	background: white;
	vertical-align: middle;
	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	-ms-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
	margin-bottom: 5px;
}

section.showcase .advanced .item img {
	height: 12px;
	width: 13px;
	object-fit: contain;
	position: relative;
	top: 2px;
	margin-right: 5px;
	opacity: 0.5;
}

section.showcase .advanced .item:hover {
	background-color: #fefef6;
}

section.showcase .advanced .item.active {
	background-color: var(--color);
	color: white;
	border-color: var(--color);
}
section.showcase .advanced .item input{
	display:none;
}



/* [m] */
@media all and (max-width: 992px) {
	section.showcase {
    height:unset;
	}

	section.showcase img.background {
    position: absolute;
    /* z-index: -1; */
 }

	section.showcase .inner {
    position: relative;
    left: unset;
    right: unset;
    top: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    padding: 120px 0 50px;

	}

	section.showcase .inner p {
    display: none;
	}

	section.showcase .inner h1 {
    width: 400px;
		display: inline-block;
    max-width: 100%;
	}

	section.showcase .form {
  width: 400px;
		max-width: 90%;
	}

	section.showcase .form .inputs {
grid-template-columns: 1fr;
		grid-gap: 0;
	}


	section.showcase .form ul {
    display: none;
	}

	section.showcase .form .search-check-dates-box{
		grid-template-columns:1fr 1fr;
		margin:0;
grid-gap:10px;
	}

	section.showcase button {
    margin-top:10px;
		width: 100%;
	}

	section.showcase .search-button-box label{
		display: none;
	}


	section.showcase .advanced {
    position: relative;
    z-index: 3;
    left: 0;
    right: 0;
    border: 1px solid silver;
    border-radius: 8px;
    padding: 10px;
    display: none;
	}

	section.showcase.advanced .advanced {
    	top:0;
		display: block;
	}
}