.livesearch{
	background-color: #ffffff;
	z-index: 1000;
	position: absolute; 
	top: 38px; 
	z-index: 10; 
	width: 100%; 
	border: 0px solid #afc3de;
	max-height: 200px;
	overflow-y: auto;
}

.city_search::first-letter{
	text-transform: uppercase;
}

.city_search::placeholder{
	color: #56688b;
}

.directory-dropdown{
	padding: 0px;
	margin-bottom: 0px;
	color: #56688b;
	margin: 0px 0 0px 0px !important;
}

.directory-dropdown li{
	cursor: pointer;
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	padding-left: 10px; padding-right: 10px;
}

.directory-dropdown li:hover{
	background-color: #EEEEEE;
}

#livesearch-category{
	display: none;
}

#category-txt{
	border: 2px solid #afc3de;
	border-radius:5px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-width: 0px;
}

.remove-X-category{
	height: 34px; 
	padding: 12px;
	float: right; 
	margin-top: -36px; 
	margin-right: 0px; 
	cursor: pointer;
	display: block;
}

.search-box-icon{
	height: 15px !important; /*conflict with elementor*/
	float: left; 
	margin-top: -25px; 
	margin-left: 14px;
}

.cta-search{
	height: 38px; 
	flex: 0 0 40px; 
	cursor: pointer; 
	text-align: center;
	overflow: hidden;
	border-radius: 5px;
	background-color: #24529a;
	border-right: 1px solid #123876;
	margin: 0px;
}

.cta-advanced-search{
	background-color: #24529a; 
	height: 38px; 
	flex: 0 0 40px; 
	cursor: pointer; 
	margin-left: 0px;
	text-align: center;
	display: none;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-left: 1px solid #123876;
	margin: 0px;
}

@keyframes animate-directory-field {
	0% {background-color: white; border-color: #afc3de; box-shadow: 0px 0px 0px 0px rgba(196,231,255,0.0);}
	2.5% {background-color: #e7f0fc; border-color: #84a0c5; box-shadow: 0px 0px 90px 30px rgba(196,231,255,0.6);}
	5% {background-color: white; border-color: #afc3de; box-shadow: 0px 0px 0px 0px rgba(196,231,255,0.0);}
	7.5% {background-color: #e7f0fc; border-color: #84a0c5; box-shadow: 0px 0px 90px 30px rgba(196,231,255,0.6);}
	10% {background-color: white; border-color: #afc3de; box-shadow: 0px 0px 0px 0px rgba(196,231,255,0.0);}
	100% {background-color: white; border-color: #afc3de; box-shadow: 0px 0px 0px 0px rgba(196,231,255,0.0);}
}

@keyframes animate-directory-cta {
	0% {box-shadow: 0px 0px 0px 0px rgba(196,231,255,0.0);}
	2.5% {box-shadow: 0px 0px 90px 30px rgba(196,231,255,0.6);}
	5% {box-shadow: 0px 0px 0px 0px rgba(196,231,255,0.0);}
	7.5% {box-shadow: 0px 0px 90px 30px rgba(196,231,255,0.6);}
	10% {box-shadow: 0px 0px 0px 0px rgba(196,231,255,0.0);}
	100% {box-shadow: 0px 0px 0px 0px rgba(196,231,255,0.0);}
}

.search-icon-rotate{
	animation: search-icon-rotation 4s infinite linear;
}

@keyframes search-icon-rotation {
  from {-webkit-transform: rotate(0deg);}
  to {-webkit-transform: rotate(359deg);}
}

#search-box{
	margin-left: auto; 
	margin-right: auto;
	background-color: rgb(215 226 241 / 15%);
	border-radius: 10px;
	max-width: 1150px;
}

.search-box-inner-container{
	padding: 0px; 
	width: 100%; 
	display: flex; 
	flex-direction: column;
	max-width: 1200px; 
	margin: auto;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .2);
	border-radius: 5px;
}
	
.search-half-container{
	height: 38px; 
	flex: 1; 
	position: relative; 
	max-width: none; 
	margin: 0px;
	display: none;
}

.cta-txt-search{
	color: white; 
	line-height: 39px; 
	margin-right: -5px;
	font-weight: 300;
}

.cta-icon-search{
	height: 18px !important; /*overrides Elementor*/ 
	margin-top: -2px; 
	margin-left: 11px;
	margin-right: -15px;
}

.mobile-nested-advanced-search{
	float: right; 
	background-color: #24529a; 
	width: 42px; 
	height: 100%;
	border-left: 1px solid #123876;
}

#search-box.sticky{
	position: fixed;
	top:0px;
	left: 0px;
	z-index: 1000;
	width: 100% !important;
	max-width: none !important;
	background-color: rgba(215,226,241,0.8) !important;
	box-shadow: 0px 0px 6px 3px #081c493d;
	border-radius: 0px;
}

.animated-white-category-arrow{animation: MoveUpDown 0.7s ease infinite; animation-direction: alternate;}
	@keyframes MoveUpDown {
		0% { transform: translateY(0); }
		100% { transform: translateY(-7px); }
}

.inner-category-pop-up{
	width: 100%; 
	text-align: center; 
	padding-top: 20px;
}

.cls_expanded{
	height: 180px !important;
}

#cls_div{
	height: 42px;
	margin-bottom: 0px;
}


@media (min-width: 700px) {
	
	.search-title-container{
		padding-top: 60px; 
		padding-bottom: 20px;
	}
	
	#search-box{
		margin-bottom: 0px;
	}
	.search-box-inner-container{
		flex-direction: row;
	}

	.search-half-container{
		max-width: 50%;
		display: block;
	}
	
	#category-txt{
		border-radius:5px;
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
		border-right: 0px;
		border-bottom-width: 2px;
	}
	.cta-txt-search{
		display: none;
	}
	
	.cta-icon-search{
		margin-top: 10px; 
		margin-left: 11px;
		margin-right: 10px;
	}
	
	.cta-search{
		border-radius: 0px;
		margin-right: 0px;
	}
	
	.cta-advanced-search{
		display: flex;
	}
	
	.mobile-nested-advanced-search{
		display: none;
	}

	.cta-search-animated{
		animation: none;
	}
	
	.inner-category-pop-up{
		width: 50%;
	}
	
	.cls_expanded{
		height: 72px !important;
	}
	
	#cls_div{
		height: 42px !important;
		margin-bottom: 0px;
	}
	
	.city_search{
		height: 100%;
	}
	
}

@media (min-width: 950px) {
	
	#cls_div{
		margin-bottom: 0px;
	}
	
	.search-box-inner-container{
		box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .3);
	}
	
	.cta-search{
		border-radius: 0px;
		border-right: 0px solid #123876;
	}
	
	.cta-txt-search{
		font-weight: 400 !important;
	}

}