.serach-h{position:relative;transform:translate(20%,-12%)}.search-form input::placeholder{color:#cbcbcb;font-size:14px}.header-search-wrapper{background:#ba1717;padding:8px;border:2px solid #ba1717;border-radius:100%}.sticky .header-search-wrapper{margin-right:1px}.serach-h ::placeholder{color:#666;font-size:14px}.search-icon{width:20px;height:20px;position:relative;cursor:pointer;margin:auto}.header-search-wrapper .search-form-main::before{content:"";position:absolute;width:184%;top:0;left:-40%;background:#ba1717;height:77px;border-top:2px solid #e7e7e7}.search-line{width:8px;height:2px;background:#fff;display:inline-block;transform:rotate(45deg);position:absolute;top:16px;left:12px;transition:.3s ease-in}.active .search-line{width:20px;left:0;top:10px;transition:.3s ease-out}.search-circle{width:16px;height:16px;border:2px solid #fff;display:inline-block;position:absolute;top:0;left:0;border-radius:50%;transition:top .3s ease-in,left .3s ease-in,border-radius .3s ease-in,border-width .3s ease-in,width .3s ease-in,height .3s ease-in,background-color .1s ease-in}.active .search-circle{width:0;height:0;border-width:0;top:12px;left:12px;transition:top .3s ease-in,left .3s ease-in,border-radius 0s ease-in .3s,border-width .3s ease-in,width .3s ease-in,height .3s ease-in,background-color 0s ease-in .3s}.active .search-circle.second{width:25px;height:2px;top:12px;left:0;transform:rotate(45deg);background-color:#1585d2}.active .second-line{transform:rotate(135deg)}.active .search-circle.third{width:20px;height:2px;top:10px;left:0;transform:rotate(135deg);background-color:#fff;border-radius:0}.search-main{display:block;cursor:pointer;color:#fff}.header-search-wrapper .search-form-main{position:absolute;background:#fff;padding:14px 10px;border-radius:5px;font-size:15px;margin-left:auto;margin-right:auto;width:1150px;z-index:666;top:120%;opacity:0;visibility:hidden;justify-content:center;right:-25px}.search-form:before{position:absolute;content:"";width:25px;height:25px;background:url(search-icon.png) bottom left/80% no-repeat;z-index:1;bottom:-34px;left:10px}@media (min-width:64rem){.header-search-wrapper .search-form-main{width:1200px!important}.sticky .header-search-wrapper .search-form-main{right:-25px!important}}@media (min-width:90rem){.header-search-wrapper .search-form-main{width:1380px!important}.sticky .header-search-wrapper .search-form-main{right:-25px!important}}.sticky .header-search-wrapper .search-form-main{top:124%}.search-form-main.active-search{opacity:1;visibility:visible}.search-form{position:relative}.search-submit-now{position:absolute;right:4px;top:4px;background:#ba1717;color:#fff;border:2px solid #ba1717;margin:0;font-size:16px;border-radius:6px;padding:6px 10px;width:120px}.header-search-wrapper .search-form-main .search-field{border-radius:6px;padding:12px 10px 12px 45px;width:100%;border:1px solid #dfbdbd;float:left}.header-search-wrapper .search-form-main .search-submit{border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;color:#fff;float:right;padding:10px 0;width:25%;height:36px;background:#1585d2}@media screen and (max-width:880px){.sticky .header-search-wrapper{margin-right:0}.header-search-wrapper .search-form-main{right:-95px;width:350px}.header-search-wrapper .search-form-main::before{right:98px}}