.search-box .yith-ajaxsearchform-container {
position: absolute;
    top: 1.5px;
    right: 35px;
    box-sizing: border-box;
    width: 190px;
    height: 29px;
    padding: 0;
    outline: none;
    font-size: 18px;
    border-radius: 25px;
    border: 0;
    color: #29313a;
    box-shadow: 0 0 0 1px #bbb3b9;
    /* border: 3px solid #62d474; */
    transition: all 0.8s ease;
    opacity: 0;
}

.upline .search-box input#yith-s {margin: 0;
    padding: 0;
    height: 30px;
    font-size: 12.5px;
    width: 100%;
    padding: 0 10px;
    color: #000;
    border-radius: 0;
    background: #f0fdff;
    box-shadow: 0 0 0 1px #b8e9f0;
    border: 0;
    font-size: 12px;
    line-height: 21px;
    margin: 0;
    color: #05bcd7;
    padding-right: 25px;
    font-weight: 400;
    font-family: OpenSansB;border-radius:3px;}
.upline .search-box input#yith-searchsubmit {display:none;}

.upline .search-box ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #000000;    font-size: 12px;
    line-height: 21px;
    margin: 0;
    color: #05BCD7;
    font-weight: normal;
    font-family: OpenSansB;
}
.upline .search-box ::-moz-placeholder {
  /* Firefox 19+ */
  color: #000000;    font-size: 12px;
    line-height: 21px;
    margin: 0;
    color: #05BCD7;
    font-weight: normal;
    font-family: OpenSansB;
}
.upline .search-box :-ms-input-placeholder {
  /* IE 10+ */
  color: #000000;    font-size: 12px;
    line-height: 21px;
    margin: 0;
    color: #05BCD7;
    font-weight: normal;
    font-family: OpenSansB;
}
.upline .search-box :-moz-placeholder {
  /* Firefox 18- */
  color: #000000;    font-size: 12px;
    line-height: 21px;
    margin: 0;
    color: #05BCD7;
    font-weight: normal;
    font-family: OpenSansB;
}

.search-box .btn {
      position: absolute;
    width: 33px;
    height: 33px;
    line-height: 33px;
    /* background: #62d474; */
    /* border-radius: 50%; */
    right: 0;
    top: 0;
    cursor: pointer;
    text-align: center;
    line-height: 80px;
    font-size: 15px;
    color: black;
    padding: 9px 0;
    font-weight: normal;
    transition: all 0.8s ease;font-size: 12.5px!important;color:black;background-color: transparent;
}

.search-box .btn i {margin-top:3px;}

.search-box .btn:hover {color:#05BCD7;}

.search-box .yith-ajaxsearchform-container.active {
  width: 190px;
    right: 0px;opacity:1;
}

.search-box .btn.animate {
  transform: rotate(-0deg);
  right: 0px;color:#05BCD7;
}