.right-header  .wrap{
  position: absolute;
       top: 14px;
    left: 95px;
    transform: translate(-50%, -50%);
    width: 27px;
    height: 27px;
    background: #2665AF;
    line-height: 0;
    padding-right: 0;
    border-radius: 22px;
    box-shadow: -2px 0px 14px -1px rgb(4, 46, 97);
    transition: all 0.5s ease;
    border: 1px solid #ffffff4a;
}

 .right-header .wrap:hover {
	position: absolute;
       top: 14px;
    left: 95px;
    transform: translate(-50%, -50%);
    width: 27px;
    height: 27px;
    background: #2665AF;
    line-height: 0;
    padding-right: 0;
    border-radius: 22px;
    /*box-shadow: -2px 0px 14px -1px rgb(4, 46, 97);*/
    transition: all 0.5s ease;
    border: 1px solid #ffffff4a;
	}

.right-header .input{
  border: 0;
  background: transparent;
  width: 0%;
  outline: none;
  font-family: sans-serif;
  font-size: 18px;
  color: #fff;
  font-style: italic;
  transition: all 0.3s ease;
  position: relative;
}

.right-header .wrap .fa{
color: #fff;
    position: absolute;
    right: 7px;
    top: 5px;
    font-size: 13px;
    cursor: pointer;
}


 

.right-header .wrap.active{
  width: 250px;
  padding-left: 25px;
  transition: all 0.5s ease;
}

.right-header .input.active{
  width: 98%;
  padding-left: 5px;
  transition: all 0.5s 0.8s ease;
}

.right-header input::placeholder {
  color: #fff;
}