@charset "utf-8";
/* CSS Document */

.button-form {
	width: 100%; padding: 11px 0 11px 0; border: none; background-color: var(--text-primary-pal-color1);  border-radius: 15px;
	color: #FFF; font-size: var(--text-size-small); font-weight: bold;
}
.button-form:hover { background-color: var(--text-primary-color1); color: #FFF; cursor: pointer; }



.filter-field {
	width: 81%; padding: 10px 7%; margin-right: 5%;
	font-size: var(--text-size-small);  color: var(--text-color-grey); font-weight: 500;  
	background-color: #FFF; border: solid 2px #DDD; border-radius: 15px; outline: none; transition: 0.2s; 
}
.filter-field:hover { 
	background-color: #FFF; /*border: solid 2px #1266F1;*/ transition: 0.1s; 
	box-shadow: 1px 1px 20px rgb(0, 0, 0, 0.1); 
}


.filter { display: block; /*none*/ }
.content-area:hover > .filter { display: block; }


.form-select { width: 85%; font-size: var(--text-size-small); padding: 12px 5% 11px 5%; border-radius: 15px; }


.search-content { 
	width: calc(100% - 14px); height: 60px; padding: 3px 4px 3px 10px; float: left; display: flex; align-items: center; position: relative;
	background-color: #FFF; border: solid 2px #DDD; border-radius: 50px; outline: 0 solid var(--text-primary-color1);
	transition: 0.2s ease all;
} 
.search-content:hover { 
	outline: 7px solid rgb(49, 87, 212, 0.5);
	animation: AnimatedButtonShadow1Lg 2s linear infinite
} 
.search-content.highlight { outline: 7px solid rgb(49, 87, 212, 0.5); transition: 0.1s ease all; }
.search-content.highlight:hover { outline: 10px solid rgb(49, 87, 212, 0.5); }

.search-content-st1 { width: 5%; float: left; text-align: center; }
.search-content-st1 img { width: 70%; }
.search-content-st2 { width: 85%; margin: 0 1%; float: left; }
.search-content-st3 { width: 8%; float: left; }
.search-content-st3 img { width: 35%;  transition: 0.1s ease all;}
.search-content-st3:hover img { width: 40%; } 

.search-field {
	width: 100%; padding: 15px 0 15px 0; 
	font-size: var(--text-size-big); color: var(--text-color-mediumblack); font-weight: 500;  
	background: transparent; border: none;
	outline: none;
	/*background-color: #FFF; border: solid 2px #DDD; border-radius: 50px; outline: none; transition: 0.2s; */
}
	

.bt-search { 
	width: 100%; height: 60px;
	background-color: var(--text-primary-color1); border: none; border-radius: 50px; opacity: 1;

	background: linear-gradient(270deg, #3157D4, #2AC4FA , #4565D2);
    background-size: 400% 400%;
    -webkit-animation: AnimationName 3.5s ease infinite;
    -moz-animation: AnimationName 3.5s ease infinite;
    animation: AnimationName 3.5s ease infinite;
	
}
.bt-search.center { display: flex; align-items: center; justify-content: center; }
.bt-search:hover { 
	opacity: 0.9;
}

@media screen and (max-width: 600px) {
	.search-content { height: 50px; }
	.bt-search { height: 50px; }
	.search-content-st1 { width: 10%; float: left; text-align: center; }
	.search-content-st2 { width: 71%; margin: 0 3%; float: left; }
	.search-content-st3 { width: 12%; float: left; }
}