.perarin-search-wrapper{transform:translate(0%,0%);margin:0 auto}.perarin-search-wrapper .input-holder{height:70px;width:70px;overflow:hidden;background:rgba(255,255,255,0);border-radius:6px;position:relative;transition:all 0.3s ease-in-out}.perarin-search-wrapper.active .input-holder{width:450px;border-radius:50px;background:rgba(255,255,255,.8);transition:all .5s cubic-bezier(0,.105,.035,1.57)}.perarin-search-wrapper .input-holder .search-input{width:100%;height:50px;padding:0 80px 0 20px;opacity:0;position:absolute;top:0;left:0;background:transparent;box-sizing:border-box;border:none;outline:none;font-size:16px;font-weight:400;line-height:20px;color:#FFF;transform:translate(0,60px);transition:all .3s cubic-bezier(0,.105,.035,1.57);transition-delay:0.3s}.perarin-search-wrapper.active .input-holder .search-input{opacity:1;transform:translate(0,10px)}.perarin-search-wrapper .input-holder .search-icon{width:70px;height:70px;border:none;border-radius:50%;background:#fff;padding:0;outline:none;position:relative;z-index:2;float:right;cursor:pointer;transition:all 0.3s ease-in-out}.perarin-search-wrapper.active .input-holder .search-icon{width:70px;height:70px;margin:0;border-radius:100px}.perarin-search-wrapper .input-holder .search-icon span{width:22px;height:22px;display:inline-block;vertical-align:middle;position:relative;transform:rotate(45deg);transition:all .4s cubic-bezier(.65,-.60,.24,1.65)}.perarin-search-wrapper.active .input-holder .search-icon span{transform:rotate(-45deg)}.perarin-search-wrapper .input-holder .search-icon span::before,.perarin-search-wrapper .input-holder .search-icon span::after{position:absolute;content:''}.perarin-search-wrapper .input-holder .search-icon span::before{width:4px;height:11px;left:9px;top:18px;border-radius:2px;background:#8b5cf6}.perarin-search-wrapper .input-holder .search-icon span::after{width:25px;height:25px;left:-3px;top:-4px;border-radius:16px;border:4px solid #8b5cf6}.perarin-search-wrapper .close{position:absolute;z-index:1;top:24px;right:20px;width:25px;height:25px;cursor:pointer;transform:rotate(-180deg);transition:all .3s cubic-bezier(.285,-.45,.935,.11);transition-delay:0.2s}.perarin-search-wrapper.active .close{right:-50px;transform:rotate(45deg);transition:all .6s cubic-bezier(0,.105,.035,1.57);transition-delay:0.5s}.perarin-search-wrapper .close::before,.perarin-search-wrapper .close::after{position:absolute;content:'';background:#FE5F55;border-radius:2px}.perarin-search-wrapper .close::before{width:5px;height:25px;left:10px;top:0}.perarin-search-wrapper .close::after{width:25px;height:5px;left:0;top:10px}.perarin-search-wrapper.active input.search-input{color:#fff}.perarin-search-wrapper.active .input-holder input.search-input{color:#280875;font-family:IRANSans-Bold}.headerfilterpo{background-image:url(https://order.perarinco.com/images/header-order-lkj.jpg);background-repeat:no-repeat;background-position:center top;background-size:contain}