KorsaR-ZN

<script type="text/javascript">
$(document).ready(function()
{
	$('#contactTab a').click(function()
	{
		var that = $(this),
		    parent = that.parent();
			
		$('#contactTab a span.text').text('Подробнее');
	
		if(parent.is('.active'))
		{
			$(that.attr('href')).removeClass('active').addClass('fade');
			that.parent().removeClass('active');
		}
		else
		{
			that.find('span.text').text('Закрыть');
			that.tab('show');
		}
	
		return false;
	
	});
});
</script>

.search__input__wrap
{
   position: relative;
}
.search-wrapper-skew
{
   width: 158px;
   height: 21px;
   transform: skew(45deg);
   background: #fff;
}
.search__input__wrap input
{
   border: 0;
   width: 135px;
   height: 21px;

   position: absolute;
   top: 0;
   left: 11px;
}

<div class="search__input__wrap">
   <div class="search-wrapper-skew"></div>
   <input placeholder="поиск по сайту">
</div>