#tmsearch {
  float: right; }
  #tmsearch #tmsearchbox {
    float: right;
    width: 100%;
    position: relative;
    z-index: 0; }
    @media (min-width: 768px) {
      #tmsearch #tmsearchbox {
        width: 200px; } }
    @media (min-width: 1500px) {
      #tmsearch #tmsearchbox {
        width: 300px; } }
    #tmsearch #tmsearchbox:after {
      position: absolute;
      content: '';
      top: 0;
      bottom: 0;
      right: 0;
      width: 20px;
      background: transparent;
      z-index: 1; }
    #tmsearch #tmsearchbox .button-search {
      right: 20px; }
    @media (min-width: 1200px) {
      #tmsearch #tmsearchbox .tm_search_query {
        width: 60%;
        float: right;
        -moz-transition: width 0.3s ease;
        -o-transition: width 0.3s ease;
        -webkit-transition: width 0.3s ease;
        transition: width 0.3s ease; }
        #tmsearch #tmsearchbox .tm_search_query:focus {
          width: 100%; } }
    @media (max-width: 767px) {
      #tmsearch #tmsearchbox {
        float: none; }
        #tmsearch #tmsearchbox .tm_search_query {
          width: 100%; } }
  #tmsearch #searchbox {
    float: left;
    width: 100%; }
    #tmsearch #searchbox .button-search {
      right: 0; }
  #tmsearch #tmsearchbox,
  #tmsearch #searchbox {
    border: none;
    position: relative;
    border-radius: 0; }
    #tmsearch #tmsearchbox .button-search,
    #tmsearch #searchbox .button-search {
      background: #262626;
      display: block;
      position: absolute;
      top: 0;
      border: none;
      color: white;
      width: 30px;
      padding: 0;
      text-align: center;
      height: 100%;
      background: none;
      border-radius: 0;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      #tmsearch #tmsearchbox .button-search span,
      #tmsearch #searchbox .button-search span {
        display: none; }
      #tmsearch #tmsearchbox .button-search:before,
      #tmsearch #searchbox .button-search:before {
        font-family: "material-design";
        content: "\e13d";
        display: inline-block;
        font-weight: normal;
        font-size: 18px;
        line-height: 29px;
        width: 100%;
        text-align: center; }
      #tmsearch #tmsearchbox .button-search:hover,
      #tmsearch #searchbox .button-search:hover {
        color: #ebc953; }
    #tmsearch #tmsearchbox #q,
    #tmsearch #searchbox #q {
      padding: 4px 55px 5px 12px; }
    #tmsearch #tmsearchbox #search_query_top,
    #tmsearch #searchbox #search_query_top {
      padding: 4px 30px 5px 12px; }
    #tmsearch #tmsearchbox #q, #tmsearch #tmsearchbox #search_query_top,
    #tmsearch #searchbox #q,
    #tmsearch #searchbox #search_query_top {
      display: block;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      height: 29px;
      border: none;
      background: none;
      border-radius: 0;
      line-height: 20px; }
    #tmsearch #tmsearchbox #search_query_top,
    #tmsearch #searchbox #search_query_top {
      float: left;
      width: 100%; }
  @media (max-width: 767px) {
    #tmsearch {
      clear: right;
      margin-top: 10px;
      width: 100%; } }
  @media (max-width: 767px) {
    #tmsearch #tmsearchbox {
      padding-left: 15px;
      padding-right: 15px; } }
  #tmsearch #tmsearchbox .button-search:focus, #tmsearch #tmsearchbox .button-search:active, #tmsearch #tmsearchbox .button-search:visited {
    outline: none; }

body .ac_results {
  display: none;
  width: 200px;
  padding: 15px;
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 2;
  overflow: hidden;
  background: #262626;
  color: white;
  font-size: 14px;
  display: none;
  z-index: 9999;
  border: none;
  overflow-y: auto;
  max-height: 460px;
  padding: 0;
  margin-top: 13px; }
  body .ac_results li {
    padding: 4px; }
  body .ac_results::-webkit-scrollbar {
    width: 6px; }
  body .ac_results::-webkit-scrollbar-track {
    background: #d1d1d1; }
  body .ac_results::-webkit-scrollbar-thumb {
    background: #262626;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
    body .ac_results::-webkit-scrollbar-thumb:hover {
      background: white; }
  @media (max-width: 767px) {
    body .ac_results {
      width: 100% !important; } }
  body .ac_results li {
    padding: 15px;
    border-radius: 0;
    cursor: pointer;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s; }
    body .ac_results li.ac_odd {
      background: #262626; }
    body .ac_results li.ac_over {
      background: #262626;
      color: white; }
      body .ac_results li.ac_over + .ac_over {
        margin-top: 10px; }
    body .ac_results li:hover {
      background: #444444; }
  body .ac_results .pull-left {
    margin-right: 20px; }
    body .ac_results .pull-left img {
      background: white; }
    @media (min-width: 768px) {
      body .ac_results .pull-left {
        float: none !important;
        margin: 0 0 12px; } }
  body .ac_results .content {
    overflow: hidden; }
    body .ac_results .content .reference, body .ac_results .content .description {
      display: none; }
  body .ac_results span.reference,
  body .ac_results span.manufacturer {
    display: block;
    margin: 0 0 5px;
    font-style: italic; }
  body .ac_results span.product-name {
    font: 400 16px/23px 'Cuprum', sans-serif;
    display: inline-block;
    color: white;
    font-size: 14px; }
  body .ac_results strong {
    color: #ebc953; }
  body .ac_results .description {
    font-size: 11px;
    line-height: 15px; }
  body .ac_results .price {
    padding-right: 5px;
    color: white; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    body .ac_results .content {
      float: left;
      clear: both; } }

#instant_search_results .lighter {
  color: #ebc953; }