.search-drop{position:absolute;z-index:1000;padding:0 5%;background-color:#ff6a00;top:0;left:-50%;opacity:0;pointer-events:none;width:100%;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.search-drop.show-search{pointer-events:all;opacity:1;left:0}@media screen and (max-width:640px){.search-drop.show-search{left:auto;right:0;width:320px}}.search-drop:after{content:'';width:100%;display:block;height:2px;background-color:#CCC;position:absolute;left:0;bottom:0}.search-drop .home-search{margin:0;width:calc(100% - 55px);display:inline-block;vertical-align:middle}.search-drop .home-search img{-webkit-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease}.search-drop .home-search img:hover{opacity:0.4;-webkit-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease}.search-drop .close-wrap{width:550px;margin:40px auto;max-width:100%}.search-drop .close-x{width:50px;vertical-align:middle;display:inline-block;color:red;font-weight:bold;line-height:42px;background-color:#CCC;text-align:center;font-size:16px;margin-top:0px;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;border:none}.search-drop .close-x:hover{background-color:#999999}.home-search{margin:0 auto 40px;width:550px;max-width:100%;position:relative}.home-search input{background-color:#FFF;font-size:18px;letter-spacing:0.4px;font-weight:400;width:100%;padding-right:calc(1em + 53px);color:#000000;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}.home-search button{position:absolute;right:0;top:0;bottom:0;height:100%;width:54px;background-color:transparent;color:blue;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}.home-search button:focus,.home-search button:hover{background-color:transparent;color:red}.home-search .search-label{position:absolute;pointer-events:none;left:1em;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);color:#CCC;cursor:text;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;padding:0}@media screen and (max-width:480px){.home-search .search-label span{display:none}}.home-search .search-label.filled{top:calc(100% + 10px);-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);font-size:12px;left:0}.header-search{display:inline-block;border-right:1px solid #000}.header-search .open-x{border:none;background-color:#ff3c00;padding:3.5px 7px;color:#b6ff00}.header-search .open-x svg{height:20px;width:20px;margin-top:2px}.header-search .open-x img{-webkit-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease}.header-search .open-x:hover{color:#ff6a00}.header-search .open-x:hover img{opacity:0.4;-webkit-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease}@media screen and (max-width:1000px){.header-search .open-x{vertical-align:middle}.header-search .open-x img{}.header-search .open-x svg{height:35px;width:32px;margin-top:0;margin-right:10px}}@media screen and (max-width:640px){.header-search .open-x img{width:31px!important}}.header-search .search-drop input{position:relative;visibility:visible}.header-search .search-drop label span{margin:0;padding:0;vertical-align:top}