::-webkit-input-placeholder { color: #eeeeee; }
::-moz-placeholder{ color: #eeeeee; }
:-ms-input-placeholder { color: #eeeeee; }
:-moz-placeholder { color: #eeeeee; }
.search-box { position:fixed; z-index:99999; top:0; left:0px; right:0px; width:100%; height:100%; background-color: #0099cc; padding:0px; }
.search-box-inner { padding:25px; }
.search-box .close { background: url(../images/generic/nav-close.png) center center no-repeat; width: 40px; height: 40px; margin: 10px; position: absolute; top: 0; right: 0; display: block; overflow: hidden; cursor: pointer; }
.search-box .help { color:#ffffff; font-size:13px; padding:10px; }
.search-box .help b, .search-box .help i { color: #fdb813; }

.search-box .form { padding:10px; }
.search-box .form input { background: url(../images/generic/search.png) left center no-repeat; width:100%; font-size:26px; padding:10px 42px; box-sizing:border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-appearance: none; appearance:none; font-family: 'Roboto', sans-serif; border:none; background-color: #0099cc; color:#ffffff; background-size: auto 75%; }
.search-box .results { padding:10px; color:#ffffff; font-size:13px; overflow:scroll; box-sizing:border-box; position:absolute; bottom:0; top:120px; width:100%; }
.search-box .results ul { margin:10px 0px 25px 0px; padding:0px; list-style:none; clear:both; width:100%; display:block; overflow:hidden;  }
.search-box .results ul li { width:33.3%; float:left;  font-size:14px; line-height:16px;  }
.search-box .results ul li a { display:block; color:#ffffff; display:block; padding:5px 0px; margin:5px;  border-bottom: solid 1px #04a6dc; overflow:hidden; }
.search-box .results p { color:#000000; }
.search-box .results ul li b { display:inline-block; }
.search-box .results ul li span { font-size:12px; display:block; }
.search-box .results .image.is-48x48 { overflow:hidden; float:left; margin-right:10px; }
@media (max-width:1024px) {
.search-box .results ul li { width:50%; }
}
@media (max-width:687px) {
.navbar-item, .navbar-link { padding: .5rem 0.75rem; }
.search-box .results ul li { width:100%; }
.search-box .form input { font-size:18px; }
.help { display:none; }
}
@media (max-width:444px) {
.nav-social { padding:0.5rem; }
.search-box .form { padding:10px 0px; }
.search-box .form input { font-size:15px;}
}