.ocera-search{
	background:#f6f4ef;
	padding:0 40px;
	display:flex;
	justify-content:center;
}
.ocera-search__box{
	background:#f6f4ef;
	max-width:1200px;
	width:100%;
	margin-top:0px;
	padding:30px 40px 40px;
}
.ocera-search__tabs{
	display:flex;
	gap:36px;
	border-bottom:1px solid #ddd8cd;
	margin-bottom:26px;
}
.ocera-search__tab{
	background:none;
	border:none;
	font:inherit;
	font-weight:600;
	font-size:15px;
	color:#555;
	padding:0 0 14px;
	cursor:pointer;
	border-bottom:2px solid transparent;
}
.ocera-search__tab.is-active{
	color:#1a1a1a;
	border-bottom-color:var(--ocera-gold);
}

.ocera-search__panel{display:none;}
.ocera-search__panel.is-active{display:block;}

.ocera-search__fields,
.ocera-search__multicity-row{
	display:flex;
	align-items:flex-end;
	gap:20px;
	flex-wrap:wrap;
	margin-bottom:16px;
}
.field{display:flex;flex-direction:column;gap:8px;flex:1;min-width:160px;}
.field label{
	font-size:11px;
	letter-spacing:1px;
	text-transform:uppercase;
	color:#8a8a8a;
}
.field input{
	font:inherit;
	padding:12px 14px;
	border:1px solid #ddd8cd;
	border-radius:6px;
	background:#fff;
	color:#1a1a1a;
}

.btn--dark{background:var(--ocera-bg);color:#fff;border-color:var(--ocera-bg);white-space:nowrap;}
.btn--outline-dark{background:transparent;color:var(--ocera-bg);border:1px solid var(--ocera-bg);white-space:nowrap;}

@media (max-width:768px){
	.ocera-search{padding:0 20px;}
	.ocera-search__box{margin-top:0;padding:20px;}
	.ocera-search__tabs{gap:20px;}
	.field{min-width:100%;}
}