.overlay{visibility:hidden;opacity:0;position:fixed;top:0;bottom:0;right:0;left:0;z-index:10;width:100%;height:100%;background-color:#000;background-color:rgba(0,0,0,.85);cursor:pointer;-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-ms-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.overlay .modal{cursor:auto;position:absolute;z-index:11;top:0;bottom:0;right:0;left:0;margin:auto;max-width:50%;max-height:75px;padding:0;background-color:#333;-webkit-box-shadow:0 0 0 4px rgba(117,117,117,1);-moz-box-shadow:0 0 0 4px rgba(117,117,117,1);box-shadow:0 0 0 4px rgba(117,117,117,1)}.overlay.shown{opacity:1}.overlay .sitesearch_input{float:left;width:80%;height:75px;padding:0 30px;background:#333;border:none;font-size:18px;color:#fff}.overlay .sitesearch_but{float:left;color:#fff;width:20%;height:75px;background:#2ecc71;border:none;font-size:18px;text-transform:uppercase;transition:all .3s ease}.overlay .sitesearch_but:hover{background:#999}@media only screen and (max-width:999px){.overlay .modal{max-width:85%;max-height:75px}}