fieldset
{
border: none;
margin: none;
padding: 0px;
margin: 0px;
width: 100%;
}

a.icononly.close
{
background:none;
}

a.icononly.close::before
{
background-image: url(../img/icon-close-white.png);
}

section.searchbox
{
display: block;
position: fixed;
top: -140px;
left: 0px;
width: 100%;
height: 0px;
z-index: 99999;
padding-bottom: 0px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
/* display: none; */
}

section.searchbox.active
{
top: 0px;
}

section.searchbox .main
{
position: relative;
height: 0px;
/* background: rgba(0,255,0,0.3); */
}

section.searchbox .main .box
{
height: 140px;
position: absolute;
right: 0px;
width: 500px;
height: 140px;
background: rgba(0,0,255,0.5);
background-color: var(--eie-bgcolor-accent);
padding: calc(var(--spacing)*0.5);
font-size: var(--font-size-small);
}

section.searchbox .main .box .close
{
position: absolute;
right: calc(var(--spacing)*0.5);
top: calc(var(--spacing)*0.5);
color: #ffffff;
/* background-color: var(--bgcolor-accent); */
}

section.searchbox .main .box h2
{
font-size: var(--font-size-large);
color: #ffffff;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

body.scrolled section.searchbox .main .box h2
{
font-size: var(--font-size-normal);
}

section.searchbox .main .box form
{
position: absolute;
bottom: calc(var(--spacing)*0.5);
width: 100%;
}

section.searchbox .main .box input
{
width: calc(100% - (var(--spacing)*1.5) - 37px);
font-size: var(--font-size-inbetween);
font-weight: var(--font-weight-normal);
}

section.searchbox .main .box span.hide
{
display: none;
}

section.searchbox .main .box button
{
position: relative;
width: 37px;
height: 37px;
padding: 0px;
margin: 0px;
vertical-align: bottom;
margin-left: calc(var(--spacing)*0.5);
/* background-color: var(--bgcolor-default-light); */
background-color: transparent;
font-size: 0px;
}

.filters .filter.search button
{
position: relative;
width: 30px;
height: 30px;
padding: 0px;
margin: 0px;
vertical-align: bottom;
margin-left: calc(var(--spacing)*0.25);
/* background-color: var(--bgcolor-default-light); */
background-color: transparent;
font-size: 0px;
}

section.searchbox .main .box button::before, .filters .filter.search button::before
{
content:"";
display: inline-block;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
opacity: 1;
/* background-image: url(../img/icon-search.png); */
background-image: url(../img/icon-search-white.png);
background-color: transparent;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100% 100%;
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
-o-transform: scale(0.7);
transform: scale(0.7);
-webkit-transition: all 0.2s;
transition: all 0.2s;
}

section.list .filters .filter.search button::after
{
display: none;
}

section.searchbox .main .box button:hover::before, .filters .filter.search button:hover::before
{
-webkit-transform: scale(0.85);
-ms-transform: scale(0.85);
-o-transform: scale(0.85);
transform: scale(0.85);
}

section.searchbox .main .box button:active::before, .filters .filter.search button:active::before
{
-webkit-transform: scale(0.65);
-ms-transform: scale(0.65);
-o-transform: scale(0.65);
transform: scale(0.65);
}

body.scrolled section.searchbox .main .box
{
height: 109px;
}


/*-- 1201-1400 start --*/
@media screen and (max-width: 1300px)
{
	section.searchbox .main .box
	{
	width: 500px;
	}
}

/*-- 1001-1200 start --*/
@media screen and (max-width: 1200px)
{
	section.searchbox .main .box
	{
	width: 500px;
	}
}

/*-- 768-1000 start --*/
@media screen and (max-width: 1000px)
{
	section.searchbox .main .box
	{
	width: 330px;
	}

	body.scrolled section.searchbox .main .box h2
	{
	font-size: var(--font-size-small);
	}

	body.scrolled section.searchbox .main .box
	{
	height: 89px;
	}
}

/*-- 651-767 start --*/
@media screen and (max-width: 767px)
{
	section.searchbox
	{
	top: -200px;
	}

	section.searchbox.active
	{
	top: 74px;
	}

	body.menuopen section.searchbox
	{
	top: auto;
	bottom: -100px;
	}

	body.menuopen section.searchbox.active
	{
	top: auto;
	bottom: 190px;
	}

	/* section.searchbox.active */
	/* { */
	/* top: auto; */
	/* bottom: 130px; */
	/* } */

	section.searchbox .main .box
	{
	width: 100%;
	}

	section.searchbox .main .box form 
	{
    width: calc(100% - (var(--spacing) * 0.5) - 37px);
    /* font-size: var(--font-size-inbetween); */
	}

	section.searchbox .main .box input 
	{
    /* width: calc(100% - (var(--spacing) * 2.5) - 37px); */
    /* font-size: var(--font-size-inbetween); */
	}

	section.searchbox .main .box h2
	{
	display: none;
	}

	section.searchbox .main .box, body.scrolled section.searchbox .main .box
	{
	height: 64px;
	}
}

/*-- 0-650 start --*/
@media screen and (max-width: 650px)
{
	section.searchbox .main .box
	{
	width: 100%;
	}
}