#bigSearch {
   display: none;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.65);
   position: fixed;
   top: 110px;
   left: 0px;
   bottom: 0px;
}
#bigSearch * {
   color: #616161;
}
#bigSearch.open {
   display: block;
}
html.bigSearchOpen, html.bigSearchOpen body, html.bigSearchOpen #aspnetForm, html.bigSearchOpen .page {
   overflow: hidden !important;
}
#mainsearchbutton, #mainsearchbutton:active, #mainsearchbutton:focus {
   display: inline-block;
   color: #ffffff !important;
   font-size: 18px;
   width: 14px;
}
.bigSearch-content {
   background: #ffffff;
   padding: 20px 50px;
   transition: all 0.5s ease;
}
.bigSearch-form {
   margin-top: -300px;
   transition: all 1.5s ease;
}
#bigSearch.open .bigSearch-form {
   margin-top: 0px;
}
.bigSearch-search-box {
   width: 100%;
   height: 50px;
   position: relative;
}
.bigSearch-search-box > input[type="text"] {
   width: 100%;
   height: 50px;
   font-size: 30px;
   display: inline-block;
   border: 0px;
   border-bottom: 2px solid #616161;
   background-color:#ffffff;
}
.bigSearch-search-box #bigSearch-button {
   font-size: 30px;
   display: inline-block;
   width: 30px;
   position: absolute;
   right: 20px;
   top: 9px;
}
.bigSearch-results {
   max-height: 80%;
   overflow-y: auto;
}
.bigSearch-results.bigSearch-results-none {
   display: none;
}
.bigSearch-results-item {
   display: block;
   width: 100%;
   height: auto;
   border-bottom: 1px solid #b7b7b7;
   padding: 10px;
}
.bigSearch-results-item:hover {
   background: #f3f3f3;
}
.bigSearch-results-item h3 {
   font-size: 20px;
}
.bigSearch-results-item p {
   font-size: 13px;
}
.bigSearch-results-group {
   padding-left: 30px;
   max-height: 80px;
   overflow: hidden;
}
.bigSearch-results-group.open {
   max-height: 50000px;
}

@media (max-width: 850px) {
   #bigSearch {
      top: 99px;
   }
}

@media (max-width:767px) {
   #bigSearch {
      top: 56px;
   }
}
