/*SEARCH WINDOW*/
.ws-show-dedicated-search
{
	font-size: 1.625rem;
	-webkit-transition: color .3s ease-in-out;
	-moz-transition: color .3s ease-in-out;
	-o-transition: color .3s ease-in-out;
	transition: color .3s ease-in-out;
}

.ws-show-dedicated-search:hover
{
	color: #48556e;
}

.search-grid {
    display: grid;
    grid-template-columns: 1fr 1fr; 
    grid-template-areas:
        "header image"
        "form   image";
	margin: 0 auto;
	justify-content: space-around;
	padding-top: 104px;
	padding-bottom: 124px;
	max-width: 1440px;
	width: 90%;
	gap:32px;

}

.ws-dedicated-search-form 
{
    grid-area: form;
}

.search-left
{
	display: flex;
	flex-direction: column;
	gap: 44px;
	flex-wrap: nowrap;
}

.search-left h1
{
	color: #222355;
	font-size: 44px;
	font-weight: 600;
	line-height: 132%;
}


.search-right 
{
    grid-area: image;
	text-align: center;
	margin-top: 5%;
	margin-left: auto;
}

.search-right img 
{
	margin: 20px 0px;
    max-width: 100%;
    height: auto;
}

.ws-dedicated-search-form
{
	display: flex;
}
.search-input-wrapper 
{
    position: relative;
	width: 100%;
}

.search-submit input
{
	height: 100%;
    background-color: #222355;
    color: white;
    border: 2px solid #222355;
    border-radius: 0 4px 4px 0; 
    font-size: 16px;
	font-weight: 600;
    cursor: pointer;
	padding: 23px 32px;
}

.search-submit input:hover
{
	background-color: #fff;
	color: black;
	border: 2px solid #222355 !important; 
}

.search-input-wrapper i 
{
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: #222355;
    font-size: 18px;
    font-weight: 180;
}

.search-input-wrapper input 
{
    padding: 24px 20px; 
    border: 1px solid #E0E0E0;
    border-radius: 4px 0 0 4px;
	width: 100%;
	padding-left: calc(20px + 18px + 10px);
}

.search-input-wrapper input::placeholder
{
	color:#222355;
}

@media all and (max-width: 1400px) {
	.ws-show-dedicated-search-content .ws-show-dedicated-search-content-inner {
		padding: 50px 0;
	}

	.ws-show-dedicated-search-content-input input {
		font-size: 18px;
	}

	.ws-show-dedicated-search-content-submit input.button {
		font-size: 18px;
	}

	.search-grid h1 
	{
		font-size: 36px;
	}
}

@media all and (max-width: 1245px)
{
	.search-grid 
	{
		grid-template-columns: 2fr 1fr;
	}
	
}

@media all and (max-width: 1024px)
{
	.search-input-wrapper input 
	{
		padding: 15px 20px; 
		padding-left: calc(20px + 18px + 10px);
	}

	.search-submit input
	{
		padding: 13px 20px;
	}
	.ws-show-dedicated-search-content
	{
		z-index: 3;
		top: 100%;
	}
	
	.ws-show-dedicated-search-content-input
	{
		padding-right: 180px;
		margin-right: -140px;
	}
	
	.ws-show-dedicated-search-content-submit
	{
		width: 140px;
	}
	
	.ws-show-dedicated-search-content-input input
	{
		font-size: 20px;
		padding: 12px 18px;
		line-height: 30px;
	}
	
	.ws-show-dedicated-search-content-submit input.button
	{
		width: 140px;
		padding: 16px 30px;
		font-size: 15px;
	}
}

@media all and (max-width: 767px){

	.search-grid
	{
		grid-template-columns: 1fr;  
		grid-template-areas:
			"image"
			"header"
			"form";
		gap: 20px;
		padding-top: 32px;

  	}

	.search-left h1 
	{
		font-size: 32px;
	}

	.search-right img 
	{
		max-width: 50%;
	}

	.search-right
	{
		margin-left: 0;
		text-align: left;
	}
	.ws-show-dedicated-search
	{
		font-size: 22px;
	}
	.ws-show-dedicated-search-content .ws-show-dedicated-search-content-inner
	{
		width: 90%;
	}

	.ws-show-dedicated-search-content-input
	{
		padding-right: 0;
		margin-right: 0;
	}

	.ws-show-dedicated-search-content-input input
	{
		font-size: 18px;
		padding: 14px 20px;
	}

	.ws-show-dedicated-search-content-submit
	{
		width: 100%;
	}

	.ws-show-dedicated-search-content-submit input.button
	{
		padding: 16px 32px;
		font-size: 17px;
		width: 100%;
	}
}

@media all and (max-width: 620px){
	.ws-show-dedicated-search-content .ws-show-dedicated-search-content-inner
	{
		text-align: center;
		width: 90%;
	}
	
	.ws-show-dedicated-search-content-input input
	{
		font-size: 16px;
	}

	.ws-show-dedicated-search-content-input
	{
		padding-right: 0;
		margin-right: 0;
	}
	
	.ws-show-dedicated-search-content-submit
	{
		margin-top: 20px;
	}
}

/*SEARCH WINDOW*/