.searchbar{display:none;background-color:rgba(0,0,0,.7)}.searchbar--visible{display:block;position:fixed;top:0;left:0;right:0;bottom:0;z-index:999999999}.searchbar__form{width:90%;max-width:1170px;height:60px;background:#fff;margin:30vh auto 0 auto;box-shadow:0 2px 4px rgba(0,0,0,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.searchbar__field{height:60px;font-size:20px;background:none;border:0;padding-left:15px;color:#333;margin-right:auto;width:100%}.searchbar__field::-ms-clear{display:none}.searchbar__field:focus{outline:0}.searchbar__button{position:relative;height:42px;width:42px;padding:0;border:0;background:none;cursor:pointer}.searchbar__button:focus{outline:0}.searchbar__button .fa{font-size:18px;color:#ddd}.searchbar__button--last{border-left:1px solid #ddd}@media screen and (min-width:768px){.searchbar__form{height:96px}.searchbar__field{padding-left:45px;height:96px;font-size:34px}.searchbar__button{height:56px;width:65px}.searchbar__button .fa{font-size:30px}.searchbar__button--last{border-width:2px}}