.quick-search{
   display: none;
}

.searchvisibility{
   display: block;
}

@media (min-width: 768px){
   .quick-search{
      display: block !important;
   }
}

.quick-search__bg{
   background: url(../images/footer/footer-bg-light.jpg) repeat;
   border-bottom: 1px solid var(--linkcolor);
   min-height: 53px;
}

.region-main-menu-search{
   display: flex;
   align-items: center;
   flex-wrap: nowrap;
   padding: 10px 0;
}

@media (max-width: 767.98px){
   .region-main-menu-search{
      gap: 10px;
   }
}

@media (max-width: 767.98px){
   .region-main-menu-search{
      flex-direction: column;
   }
}

.search-toggle-button{
   position: relative;
   width: 80px;
   height: 32px;
   cursor: pointer;
   background-image: url(../images/search/search-switcher.png);
   background-repeat: no-repeat;
   background-position: 0 0px;
}
/*
.search-toggle-button::before {
   content: "";
   position: absolute;
   top: -11px;
   left: 31px;
   width: 23px;
   height: 22px;
   z-index: 1;
   display: inline-block;
   background: url(../images/header/dub.png) no-repeat;
   background-position: 0 -22px;
}
*/
.search-toggle-button.switcher{
   background-position: 0 -32px;
}

@media (min-width: 1200px){
   .search-switcher{
      flex: 0 0 100px;
   }
}

@media (max-width: 1200px){
   .search-switcher{
      flex: 0 0 100px;
   }
}

@media (max-width: 991.98px){
   .search-switcher{
      flex: 0 0 90px;
   }
}

@media (max-width: 767.98px){
   .search-switcher{
      flex: 0 0 32px;
   }
}

.quick-search-form{
   flex: 1 1 auto;
}
.quick-search .switcher .quick-search-form{
   display: none;
}
.quick-search .advance-search{
   display: none;
}
.quick-search .block-search-api-page{
   display: none;
}
.quick-search .switcher .block-search-api-page{
   display: flex;
   width: 100%;
   justify-content: center;
}


@media (min-width: 768px){
   .quick-search .switcher .advance-search{
      display: flex;
      flex: 0 0 200px;
      justify-content: center;
   }
}

@media (max-width: 767.98px){
   .quick-search .switcher .advance-search{
      display: flex;
      flex: 0 0 30px;
      justify-content: center;
   }
}
@media (min-width: 768px){
   .quick-search .switcher .advance-search{
      flex: 0 0 32px;
   }
}

.quick-search .views-exposed-form select{
   cursor: pointer;
   height: 30px;
}

@media (min-width: 768px){
   .quick-search .views-exposed-form select{
      height: 32px;
   }
}

@media (min-width: 1200px){
   .quick-search .views-exposed-form select{
      padding: 6px 8px;
      margin:0 8px;
      width:220px;
   }
}

@media (max-width: 1200px){
   .quick-search .views-exposed-form select{
      padding: 6px 8px;
      margin:0 8px;
      width:165px;
   }
}

@media (max-width: 991.98px){
   .quick-search .views-exposed-form select{
      padding: 6px 4px;
      margin:0 3px;
      width:125px;
   }
}

.quick-search .form-submit{
   border:1px solid #bf3a07;
   height: 30px;
}

@media (min-width: 768px){
   .quick-search .form-submit{
      height: 32px;
   }
}

.quick-search .views-exposed-widgets{
   display: flex;
   align-items: center;
   justify-content: center;
}

@media (max-width: 767.98px){
   .quick-search .views-exposed-widgets{
      flex-wrap: wrap;
      row-gap: 10px;
   }
}

.quick-search .views-submit-button{
display: flex;
justify-content: center;
}

@media (min-width: 1200px){
   .quick-search .views-submit-button{
      flex: 0 0 150px;
      }
}

@media (max-width: 1200px){
   .quick-search .views-submit-button{
      flex: 0 0 150px;
      }
}

@media (max-width: 991.98px){
   .quick-search .views-submit-button{
      flex: 0 0 135px;
      }
}

/* search-api-page */
.block-search-api-page .form-text {
   margin: 0;
   border-right: none;
   margin-right: -4px;
   padding: 6px 18px 6px 13px;
   -moz-border-radius-topleft: 5px;
   -webkit-border-top-left-radius: 5px;
   border-top-left-radius: 5px;
   -moz-border-radius-bottomleft: 5px;
   -webkit-border-bottom-left-radius: 5px;
   border-bottom-left-radius: 5px;
   -moz-border-radius-topright: 0px;
   -webkit-border-top-right-radius: 0px;
   border-top-right-radius: 0px;
   -moz-border-radius-bottomright: 0px;
   -webkit-border-bottom-right-radius: 0px;
   border-bottom-right-radius: 0px;
}

@media (min-width: 768px){
   .block-search-api-page .form-text {
      height: 32px;
   }
}

@media (min-width: 1200px){
   .block-search-api-page .form-text{
      width: 800px;
   }
}

@media (max-width: 1200px){
   .block-search-api-page .form-text{
      width: 580px;
   }
}

@media (max-width: 991.98px){
   .block-search-api-page .form-text{
      width: 360px;
   }
}

@media (max-width: 479.98px){
   .block-search-api-page .form-text{
      width: 200px;
   }
}


.block-search-api-page input[type="submit"] {
   cursor: pointer;
   padding: 6px 18px 6px;
   border:1px solid #bf3a07;
   border-left: none;
   -moz-border-radius-topleft: 0px;
   -webkit-border-top-left-radius: 0px;
   border-top-left-radius: 0px;
   -moz-border-radius-bottomleft: 0px;
   -webkit-border-bottom-left-radius: 0px;
   border-bottom-left-radius: 0px;
}

@media (min-width: 768px){
   .block-search-api-page input[type="submit"] {
      height: 32px;
   }
}

.advance-search-link{
   position: relative;
   display: inline-block;
   padding: 7px 15px 7px 35px;
}

@media (min-width: 768px){
   .advance-search-link{
      height: 32px;
   }
}

.advance-search-link::before {
   content: "";
   position: absolute;
   top: 0px;
   left: 5px;
   width: 28px;
   height: 28px;
   z-index: 1;
   display: inline-block;
   background: url(../images/common/fast-icon.png) no-repeat;
   background-position: -140px -84px;
}

#autocomplete {
   border: 1px solid var(--linkcolor);
   overflow: hidden; 
   position: absolute;
   z-index: 100;
   padding:5px 10px 5px 10px;
   background:#FFF;
}

#autocomplete li.selected {
   background: #fff;
   color: #000;
}

.search-performance{
   display:none
}

#search-api-page-search-form{
   min-height:60px
}

#search-api-page-search-form input[type="text"]{
   padding:6px;
   margin-right:5px
}

@media (max-width: 479.98px){
   .main #search-api-page-search-form input[type="text"]{
      width: 200px;
   }
}

.search-api-page-results h2{ 
   margin:10px 0
}

.search-api-page-results h2{
   font-size:16px
}

@media (max-width: 767.98px){
   .search-api-page-results h2{ 
      margin:5px 0
   }
   
   .search-api-page-results h2{
      font-size:14px
   }
}