/*
$font-size-base: 16px;
$line-height-base: 1.4;
$brand-primary: #34A4A1;
$grid-gutter-width: 40px;
$border-radius-base: 1px;
$border-radius-large: 2px;
$border-radius-small: 1px;
$input-border-focus: $brand-primary;
$icon-font-path: '../fonts/';
*/
@font-face {
  font-family: "icomoon";
  src: url('../../../font/icomoon.eot?&1721056036#iefix');
  src: url('../../../font/icomoon.eot?&1721056036#iefix?#iefix') format('embedded-opentype'), url('../../../font/icomoon.woff?1721056036') format('woff'), url('../../../font/icomoon.ttf?1721056036') format('truetype'), url('../../../font/icomoon.svg?1721056036#icomoon') format('svg');
  font-weight: normal;
  font-style: normal; }
.ax_zone_header_search {
  position: relative;
  width: 50px;
  float: right;
  padding: 15px 0; }
  .ax_zone_header_search .search-toggle {
    display: flex;
    position: relative;
    z-index: 4;
    cursor: pointer;
    height: 45px; }
    .ax_zone_header_search .search-toggle svg {
      display: block;
      width: 30px;
      height: 30px;
      margin: auto;
      transition: opacity ease-in-out 0.25s;
      opacity: 1; }
      .ax_zone_header_search .search-toggle svg [stroke] {
        stroke: #fff; }
    .ax_zone_header_search .search-toggle .axsvgicon-cross {
      position: absolute;
      top: 55%;
      left: 50%;
      transform: translate(-50%, -55%);
      height: 50px;
      width: 50px;
      opacity: 0; }
    .ax_zone_header_search .search-toggle.active svg {
      opacity: 0; }
    .ax_zone_header_search .search-toggle.active .axsvgicon-cross {
      opacity: 1; }
  .ax_zone_header_search #searchbox {
    position: absolute;
    right: 40px;
    top: 22px;
    background: #4c4c4c;
    width: 0;
    opacity: 0;
    transition: width ease-in-out 0.3s, opacity ease-in-out 0.25s; }
    .ax_zone_header_search #searchbox.active {
      opacity: 1;
      width: 320px;
      transition: width ease-in-out 0.3s, opacity ease-in-out 0.15s; }
    .ax_zone_header_search #searchbox #search_query_top {
      color: #fff;
      border: 0;
      border-bottom: 1px solid #333333; }
      .ax_zone_header_search #searchbox #search_query_top::-moz-placeholder {
        color: #fff;
        opacity: 1; }
      .ax_zone_header_search #searchbox #search_query_top:-ms-input-placeholder {
        color: #fff; }
      .ax_zone_header_search #searchbox #search_query_top::-webkit-input-placeholder {
        color: #fff; }
      .ax_zone_header_search #searchbox #search_query_top:focus::-moz-placeholder {
        color: #fff; }
      .ax_zone_header_search #searchbox #search_query_top:focus:-ms-input-placeholder {
        color: #fff; }
      .ax_zone_header_search #searchbox #search_query_top:focus::-webkit-input-placeholder {
        color: #fff; }
      .ax_zone_header_search #searchbox #search_query_top:focus, .ax_zone_header_search #searchbox #search_query_top:active {
        box-shadow: inset 0 0 25px rgba(0, 0, 0, 0.25); }
    .ax_zone_header_search #searchbox .btn {
      border: 0;
      background-color: transparent; }

#search_block_top {
  display: block; }
  #search_block_top .btn.button-search {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    width: 40px;
    text-align: center;
    padding: 0;
    line-height: 30px;
    opacity: 0.65; }
    #search_block_top .btn.button-search:hover {
      opacity: 1;
      color: white; }
      #search_block_top .btn.button-search:hover span {
        color: white; }
  #search_block_top #search_query_top {
    display: inline;
    height: 30px;
    line-height: 30px;
    background: none;
    margin-right: 1px;
    border-color: #cccbc9; }

.ac_results {
  background: #FFF;
  border: 1px solid #4c4c4c;
  width: 271px;
  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: #FFF; }
    .ac_results li:hover, .ac_results li.ac_over {
      background: #fbfbfb; }

form#searchbox {
  position: relative; }
  form#searchbox label {
    color: #4c4c4c; }
  form#searchbox input#search_query_block {
    margin-right: 10px;
    max-width: 222px;
    margin-bottom: 10px;
    display: inline-block;
    float: left; }
  form#searchbox .button.button-small {
    float: left; }
    form#searchbox .button.button-small i {
      margin-right: 0; }