/* inline block */
 .ib {
	 display: inline-block;
	 vertical-align: top;
}
 .ib-m {
	 display: inline-block;
	 vertical-align: middle;
}
/* ============================== $-Styles ============================== */
 .search {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 0 37px;
    font-size: 24px;
    color: #2d3236;
    white-space: nowrap;
    transition: 0.3s;
    position: relative;
}
 .search-btn {
	 vertical-align: middle;
	 width: 1.375em;
	 height: 1.375em;
	 border: none;
	 outline: none;
     background: none;
     color: #d20000;
	 transition: opacity 100ms ease-in-out;
}
 .search .search-btn:hover {
	 opacity: 0.5;
}
 .search input[type=text] {
	 width: 30em;
	 height: 2.5em;
	 padding: 0 0.375em;
	 border: none;
	 border-bottom: 1px solid #999;
	 margin-left: 0.1875em;
	 background: inherit;
     transition: border-color 100ms ease-in-out;
     color: #2d3236;
     font-size: 16px;
     font-family: sans-serif;
}
 .search input[type=text]:focus {
	 border-bottom-color: inherit;
	 outline: none;
}
 .search-slide {
	 width: 0;
	 height: 40px;
     overflow: hidden;
     position: absolute;
     right: 0px;
     background-color: rgb(255, 255, 255);
}
 .search-close {
	 width: 1.375em;
	 height: 1.375em;
	 text-align: center;
	 cursor: pointer;
	 transition: opacity 100ms ease-in-out;
}
 .search-close:hover {
	 opacity: 0.5;
}
 
@media (max-width: 991px) {
	.search{
		margin: 0 0 50px 0;
	}

	.search-slide {
		width: 100%;
		display: flex;
		justify-content: center;
   }

	.search-btn{
		display: none;
	}

	.mob-sbtn{
		display: block;
		position: absolute;
		right: 42px;
	}

	.search input[type=text] {
		width: 90%;
		height: 2.5em;
		padding: 0 0.375em;
		border: none;
		border: 2px solid #979797;
		margin: 0;
		background: inherit;
		transition: border-color 100ms ease-in-out;
		color: #2d3236;
		font-size: 16px;
		font-family: sans-serif;
   }

   .search input[type=text]::placeholder{
	   color: #fff;
   }

   .search-close {
	   display: none;
   }
}