@media (min-width: 768px) and (max-width: 1199px) { .fixed_search { position: fixed; top: 0; left: 0; right: 0; bottom: 0; } }
#search_block_top { float: right; position: relative; width: 20%; }
#search_block_top .icon_search { cursor: pointer; background: url(../png/icon_search.png) no-repeat 0 center; width: 23px; height: 110px; margin: 0 20px; }
#search_block_top .icon_search:hover { background-position: -46px center; }
#search_block_top .icon_search:before { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(22, 22, 27, 0.97); opacity: 0; visibility: hidden; -webkit-transform: scale(0.7); transform: scale(0.7); -webkit-transition: -webkit-transform 0.8s ease, -moz-transform 0.8s ease, -o-transform 0.8s ease, transform 0.8s ease, opacity 0.5s ease, visibility 0.5s ease; -moz-transition: -webkit-transform 0.8s ease, -moz-transform 0.8s ease, -o-transform 0.8s ease, transform 0.8s ease, opacity 0.5s ease, visibility 0.5s ease; transition: -webkit-transform 0.8s ease, -moz-transform 0.8s ease, -o-transform 0.8s ease, transform 0.8s ease, opacity 0.5s ease, visibility 0.5s ease; }
#search_block_top .icon_search:after { -webkit-transform: scale(0); transform: scale(0); position: fixed; right: 45px; top: 47px; content: "\f00d"; font-size: 28px; display: inline-block; font-family: "FontAwesome"; font-weight: normal; margin: 0 10px; vertical-align: -1px; color: white; z-index: 2; }
#search_block_top .current.active:before { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1); z-index: 2; }
#search_block_top .current.active:after { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 800ms ease-in; -moz-transition: all 800ms ease-in; -ms-transition: all 800ms ease-in; -o-transition: all 800ms ease-in; transition: all 800ms ease-in; }
#search_block_top .toogle_content { display: none; position: fixed; right: 0; top: 50%; left: 0; margin-top: -30px; padding: 0; z-index: 3; }
#search_block_top #searchbox { position: relative; max-width: 100%; margin: 0 auto; }
#search_block_top .btn.button-search { background: transparent; display: block; position: relative; border: none; color: white; width: 60px; text-align: center; line-height: 60px; height: 60px; padding: 0; position: absolute; top: 0; right: 0; padding: 0; }
#search_block_top .btn.button-search span { display: none; }
#search_block_top .btn.button-search:before { content: "\f002"; display: block; font-family: "FontAwesome"; font-size: 20px; width: 100%; text-align: center; position: absolute; top: 0; left: 0; bottom: 0; top: 0; }
#search_block_top .btn.button-search:hover { color: #7B5D54; }
#search_block_top .btn.button-search:active { box-shadow: none; }
#search_block_top #search_query_top { padding: 10px 70px 10px 10px; height: 60px; width: 100%; z-index: 1; color: white; background: transparent; border: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.5); -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; }
#search_block_top #search_query_top::-moz-placeholder { color: white; }
#search_block_top #search_query_top::-webkit-input-placeholder { color: white; }
#search_block_top #search_query_top:-ms-input-placeholder { color: white; }
#search_block_top #search_query_top:focus { box-shadow: none; }

.ac_results { background: white; border: 1px solid #ebebeb !important; z-index: 99 !important; margin-top: -1px; }
.ac_results li { padding: 0 10px; font-weight: normal; color: #686666; font-size: 13px; line-height: 22px; }
.ac_results li.ac_odd { background: white; }
.ac_results li:hover, .ac_results li.ac_over { background: #fbfbfb; }

@media (max-width: 767px) { #search_block_top { float: none; display: inline-block; width: 100%; margin-bottom: 5px; }
  #search_block_top .icon_search { display: none; }
  #search_block_top .toogle_content { display: block !important; position: static; margin: 0; }
  #search_block_top #searchbox { max-width: 100%; }
  #search_block_top .btn.button-search { color: #343940; }
  #search_block_top #search_query_top { border-bottom: 1px solid #343940; border-top: 1px solid #343940; color: #343940; }
  #search_block_top #search_query_top::-moz-placeholder { color: #343940; }
  #search_block_top #search_query_top::-webkit-input-placeholder { color: #343940; }
  #search_block_top #search_query_top:-ms-input-placeholder { color: #343940; }
  .sub-page #search_block_top .btn.button-search { color: white; }
  .sub-page #search_block_top .btn.button-search:hover { color: #7B5D54; }
  .sub-page #search_block_top #search_query_top { border-bottom: 1px solid rgba(255, 255, 255, 0.1); border-top: 1px solid rgba(255, 255, 255, 0.1); color: white; }
  .sub-page #search_block_top #search_query_top::-moz-placeholder { color: white; }
  .sub-page #search_block_top #search_query_top::-webkit-input-placeholder { color: white; }
  .sub-page #search_block_top #search_query_top:-ms-input-placeholder { color: white; } }