.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;opacity:0;visibility:hidden;transition:all 0.3s ease-in-out;overflow:hidden}.search-overlay .search-layer{position:absolute;top:0;right:0;bottom:0;z-index:1;transform:translateX(100%)}.search-overlay .search-layer:nth-child(1){left:0;background-color:rgba(0,0,0,.5);transition:all 0.3s ease-in-out 0s}.search-overlay .search-layer:nth-child(2){left:0;background-color:rgba(0,0,0,.5);transition:all 0.3s ease-in-out 0.3s}.search-overlay .search-layer:nth-child(3){left:0;background-color:rgba(0,0,0,.5);-webkit-transition:all 0.9s ease-in-out 0.6s;transition:all 0.9s ease-in-out 0.6s}.search-overlay .search-close{position:absolute;top:40px;right:40px;width:50px;z-index:2;text-align:center;cursor:pointer;padding:10px;transition:all 0.9s ease-in-out 1.5s;opacity:0;visibility:hidden;transition:all 500ms ease;animation:zoom-in-zoom-out 2s ease-out infinite}@keyframes zoom-in-zoom-out{0%{transform:scale(1,1)}50%{transform:scale(1.5,1.5)}100%{transform:scale(1,1)}}.search-overlay .search-close .search-close-line{width:100%;height:3px;float:left;margin-bottom:5px;background-color:#fff;transition:all 500ms ease}.search-overlay .search-close .search-close-line:nth-child(1){transform:rotate(45deg)}.search-overlay .search-close .search-close-line:nth-child(2){margin-top:-7px;transform:rotate(-45deg)}.search-overlay .search-close:hover .search-close-line{background:#ffb600;transform:rotate(180deg)}.search-overlay .search-form{transition:all 0.9s ease-in-out 1.4s;opacity:0;visibility:hidden;position:absolute;left:50%;top:20%;transform:translateY(-50%) translateX(-50%);z-index:2;width:500px;padding:0 15px}.search-overlay .search-form form{position:relative}.search-overlay .search-form form .input-search{display:block;width:100%;height:60px;font-size:18px;border:none;background:#fff;border-radius:10px;color:#1a1b1e;padding:0 0 0 25px}.search-overlay .search-form form .input-search::-webkit-input-placeholder{transition:0.7s;letter-spacing:.5px;color:#1a1b1e}.search-overlay .search-form form .input-search:-ms-input-placeholder{transition:0.7s;letter-spacing:.5px;color:#1a1b1e}.search-overlay .search-form form .input-search::-ms-input-placeholder{transition:0.7s;letter-spacing:.5px;color:#1a1b1e}.search-overlay .search-form form .input-search::placeholder{transition:0.7s;letter-spacing:.5px;color:#1a1b1e}.search-overlay .search-form form .input-search:focus{border:none;outline:none}.search-overlay .search-form form .input-search:focus::-webkit-input-placeholder{color:transparent}.search-overlay .search-form form .input-search:focus:-ms-input-placeholder{color:transparent}.search-overlay .search-form form .input-search:focus::-ms-input-placeholder{color:transparent}.search-overlay .search-form form .input-search:focus::placeholder{color:transparent}.search-overlay .search-form form button{padding:0;position:absolute;right:5px;top:5px;width:50px;color:#fff;height:50px;border-radius:17%;background-color:#FFC107;transition:0.7s;border:none;font-size:20px;line-height:45px}.search-overlay .search-form form button:hover{background-color:#ffcd00;color:#fff}.search-overlay .search-form form:hover{border:none;outline:none}.search-overlay.search-overlay-active.search-overlay{opacity:1;visibility:visible}.search-overlay.search-overlay-active.search-overlay .search-layer{-webkit-transform:translateX(0);transform:translateX(0)}.search-overlay.search-overlay-active.search-overlay .search-close{opacity:1;visibility:visible}.search-overlay.search-overlay-active.search-overlay .search-form{opacity:1;visibility:visible}