.header-search{position:relative;z-index:1;cursor:pointer}[dir="rtl"] .header-search{margin-right:20px}[dir="ltr"] .header-search{margin-left:20px}.header-search .icon{position:relative;z-index:1;width:32px;height:32px}.header-search .icon:before{content:"";display:block;width:18px;height:18px;background:url(../img/search.svg) center no-repeat;background-size:contain}.header-search .text{color:#1fad9f;font-weight:600;font-size:20px}.header-search:not(.-show) .form-wr{visibility:hidden;opacity:0}@media all and (min-width: 769px){.header-search:not(.-show) .form-wr{transform:translateY(20px)}[dir="rtl"] .header-search:not(.-show) .form-wr{transform:translateY(-20px)}}@media all and (max-width: 768px){.header-search:not(.-show) .form-wr{transform:translateY(20px)}}.header-search,.header-search form,.header-search .icon{display:flex;justify-content:center;align-items:center}.header-search .form-wr{width:240px;border-top:none;position:absolute;top:100%;border-bottom:2px solid #414c66;box-shadow:-1px -1px 1px rgba(0,0,0,0.05);transition:all 0.3s linear}[dir="rtl"] .header-search .form-wr{left:0}[dir="ltr"] .header-search .form-wr{right:0}.header-search .form-wr form{height:35px}.header-search .form-wr input[type="text"]{width:100%;height:100%;border:none;padding:0 10px;font-size:15px;background:#fff}.header-search .submit-bt{display:none}html .ui-front{z-index:50}[dir="rtl"] html .ui-menu .ui-menu-item-wrapper{padding:3px 1em 3px .4em}[dir="ltr"] html .ui-menu .ui-menu-item-wrapper{padding:3px .4em 3px 1em}html .ui-autocomplete{background:#fff;position:fixed;z-index:100;max-width:240px;max-height:290px;overflow-y:auto;overflow-x:hidden;direction:rtl;text-align:right}html .ui-autocomplete li{font-size:13px;padding:5px;cursor:pointer;transition:all 0.3s linear}html .ui-autocomplete li:hover{background:#f47e1f;color:#fff}html .ui-state-active,html .ui-widget-content .ui-state-active,html .ui-widget-header .ui-state-active,html a.ui-button:active,html .ui-button:active,html .ui-state-active.ui-button:hover{border:none;background:#000;color:#fff}@media all and (max-width: 768px){.header-search{padding-bottom:3px}.header-search .icon{width:16px;height:16px}[dir="rtl"] .header-search .icon{margin:2px 0 0 10px}[dir="ltr"] .header-search .icon{margin:2px 10px 0 0}.header-search .text{font-size:16px}.header-search .form-wr{position:fixed;top:159px;width:100vw}html .ui-autocomplete{width:100%;max-width:none}}@media all and (max-width: 1200px) and (min-width: 769px){.header-search .text{font-size:17px}}

/*# sourceMappingURL=header-search.css.map */