.container, .button, .nav{
    position:absolute;
}

.container{
    margin: auto;
    top: 15px;
    right: 15px;
	margin-right: 50px;
}
 

	
.container-2{
	    width: 100%;
    max-width: 1181px;
    height: 101px;
    /* margin: 0px; */
    z-index: 51;
    position: absolute;
    top: 0px;
	text-align: right;

}
	.container-2:hover, .container-2:focus-within, .container-2:active
	{ width: 100%;
	max-width: 320px;
		position: absolute;
		margin-top: -20px;
		margin-right: 0px;}
						
						
.container-2 input#search{
 margin: 4px 10px 0px 11px;
    width: 50px;
    height: 89px;
    background: rgba(0, 0, 0, 0.95);
    border: none;
    font-size: 15pt;
    float: right;
    color: #262626;
    padding-left: 47px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    -webkit-transition: width .55s ease;
    -moz-transition: width .55s ease;
    -ms-transition: width .55s ease;
    -o-transition: width .55s ease;
    transition: width .55s ease;
}
						
.container-2 input#search::-webkit-input-placeholder {
   color: #65737e;
}
 
.container-2 input#search:-moz-placeholder { /* Firefox 18- */
   color: #65737e;  
}
 
.container-2 input#search::-moz-placeholder {  /* Firefox 19+ */
   color: #65737e;  
}
 
.container-2 input#search:-ms-input-placeholder {  
   color: #65737e;  
}
		
		
		

		
		
		
						
	.container-2 .icon{
  position: absolute;
   top: 7px;
    margin-left: 17px;
    margin-top: 28px;
    z-index: 1;
   
    color: #000000;
	font-size: 20px;
							 
  -webkit-transition: width .55s ease;
  -moz-transition: width .55s ease;
  -ms-transition: width .55s ease;
  -o-transition: width .55s ease;
  transition: width .55s ease;
						
}
						
			.container-2 input#search:focus, .container-2 input#search:active{
  outline:none;
  width: 100%;
				max-width: 1400px;
}
 
.container-2:hover input#search{
width: 100%;
	max-width: 1400px;
}
 
.container-2:hover .icon{
left: -16px;
    color: #93a2ad;
    right: auto;
    top: 7px;
    font-size: 20px;
	 -webkit-transition: width .55s ease;
  -moz-transition: width .55s ease;
  -ms-transition: width .55s ease;
  -o-transition: width .55s ease;
  transition: width .55s ease;
}	
		.container-2:focus-within .icon{
left: -16px;
    color: #93a2ad;
    right: auto;
    top: 7px;
    font-size: 20px;
}
		
		.container-2:active .icon{
left: -16px;
    color: #93a2ad;
    right: auto;
    top: 7px;
    font-size: 20px;
}
		
		
		@media all and (max-width : 1580px ){
	.container-2:hover, .container-2:focus-within, .container-2:active
	{
	max-width: 1110px;
}
			
					@media all and (max-width : 1300px ){
	.container-2:hover, .container-2:focus-within, .container-2:active
	{
	max-width: 960px;
}
						

		
		
			
.container-3{
	position: relative;
	display: inline-table;
    width: 100%;
	max-width: 320px;
    right: 0px;
	vertical-align: middle;
  	white-space: nowrap;
		margin-top: 0px;
		margin-right: 0px;
}

						
						
.container-3 input#search{
 margin: 0px ;
    width: 100%;
    height: 89px;
    background: rgba(0, 0, 0, 0.95);
    border: none;
    font-size: 15pt;
    float: right;
    color: #262626;
    padding-left: 47px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    -webkit-transition: width .55s ease;
    -moz-transition: width .55s ease;
    -ms-transition: width .55s ease;
    -o-transition: width .55s ease;
    transition: width .55s ease;
}
						
.container-3 input#search::-webkit-input-placeholder {
   color: #65737e;
}
 
.container-3 input#search:-moz-placeholder { /* Firefox 18- */
   color: #65737e;  
}
 
.container-3 input#search::-moz-placeholder {  /* Firefox 19+ */
   color: #65737e;  
}
 
.container-3 input#search:-ms-input-placeholder {  
   color: #65737e;  
}
		
		
		

		
		
		
						
	.container-3 .icon{
		left: 17px;
  position: absolute;
   top: 2px;
    margin-left: 0px;
    margin-top: 25px;
    z-index: 1;
    color: #ffffff;
	font-size: 20px;
							 
  -webkit-transition: width .55s ease;
  -moz-transition: width .55s ease;
  -ms-transition: width .55s ease;
  -o-transition: width .55s ease;
  transition: width .55s ease;
						
}
						
			.container-3 input#search:focus, .container-3 input#search:active{
  outline:none;
  width: 100%;
				max-width: 1400px;
}
 
.container-3:hover input#search{
width: 100%;
	max-width: 1400px;
}
 
.container-3:hover .icon{

    color: #93a2ad;

}	
		.container-3:focus-within .icon{

    color: #93a2ad;
}
		
		.container-3:active .icon{

     color: #93a2ad;

}