#tmsearch {
  display: inline-block;
  margin-top: 20px; }
  #tmsearch #tmsearchbox, #tmsearch #searchbox {
    float: left;
    width: 100%;
    border: none;
    position: relative;
    border-radius: 0; }
    #tmsearch #tmsearchbox .btn.button-search, #tmsearch #searchbox .btn.button-search {
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      border: none;
      color: #333333;
      text-align: center;
      height: 100%;
      width: 20px;
      padding: 0;
      background: none;
      box-shadow: none; }
      #tmsearch #tmsearchbox .btn.button-search span, #tmsearch #searchbox .btn.button-search span {
        display: none; }
      #tmsearch #tmsearchbox .btn.button-search:before, #tmsearch #searchbox .btn.button-search:before {
        font-family: "Material Icons";
        content: "\e8b6";
        display: inline-block;
        font-weight: normal;
        font-size: 20px;
        width: 100%;
        position: absolute;
        top: 50%;
        right: 0;
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%); }
      #tmsearch #tmsearchbox .btn.button-search:hover, #tmsearch #searchbox .btn.button-search:hover {
        color: #85A1C8; }
    #tmsearch #tmsearchbox #tm_search_query, #tmsearch #tmsearchbox #search_query_top, #tmsearch #searchbox #tm_search_query, #tmsearch #searchbox #search_query_top {
      display: block;
      padding: 13px;
      height: 45px;
      border: none;
      background: #f2f2f2;
      border-right: 60px solid rgba(255, 255, 255, 0); }
  @media (max-width: 767px) {
    #tmsearch {
      float: right;
      margin-top: 10px; } }
  #tmsearch #tmsearchbox {
    position: absolute;
    top: 1px;
    left: 80%;
    right: 0;
    background: white;
    height: 49px;
    overflow: hidden;
    z-index: 1;
    float: none;
    width: 0;
    padding-right: 0;
    -moz-transition: 0.4s all ease;
    -o-transition: 0.4s all ease;
    -webkit-transition: 0.4s all ease;
    transition: 0.4s all ease; }
    @media (min-width: 768px) {
      #tmsearch #tmsearchbox {
        top: 2px;
    height: 45px; } }
    @media (min-width: 1500px) {
      #tmsearch #tmsearchbox {
        right: 10%; } }
    @media (min-width: 1900px) {
      #tmsearch #tmsearchbox {
        right: 17.8%; } }
    #tmsearch #tmsearchbox #tm_search_query {
      font-family: "GothamHTF", sans-serif;
      letter-spacing: 0.06em;
      font-size: 15px;
      border: none;
      text-transform: uppercase;
      text-align: left;
      padding-left: 0;
      padding-right: 0;
      -moz-transition: 0.3s all ease;
      -o-transition: 0.3s all ease;
      -webkit-transition: 0.3s all ease;
      transition: 0.3s all ease;
      opacity: 0; }
      @media (max-width: 767px) {
        #tmsearch #tmsearchbox #tm_search_query {
          background: none; } }
    #tmsearch #tmsearchbox .btn.button-search {
      right: 29px;
      max-width: none;
      -moz-transition: 0.3s all ease;
      -o-transition: 0.3s all ease;
      -webkit-transition: 0.3s all ease;
      transition: 0.3s all ease;
      opacity: 0; }
      @media (min-width: 768px) {
        #tmsearch #tmsearchbox .btn.button-search {
          right: 39px; } }
      #tmsearch #tmsearchbox .btn.button-search:hover {
        color: #85A1C8 !important; }
    #tmsearch #tmsearchbox .search-close {
      display: inline-block;
      position: absolute;
      top: 0;
      right: 1px;
      color: #333333;
      height: 100%;
      width: 20px;
      cursor: pointer;
      opacity: 0;
      -moz-transition: 0.3s all ease;
      -o-transition: 0.3s all ease;
      -webkit-transition: 0.3s all ease;
      transition: 0.3s all ease; }
      @media (min-width: 768px) {
        #tmsearch #tmsearchbox .search-close {
          right: 5px;
          color: #d8d7d7; } }
      #tmsearch #tmsearchbox .search-close:before {
        font-family: "Material Icons";
        content: "\e5cd";
        display: inline-block;
        font-weight: normal;
        font-size: 20px;
        width: 100%;
        position: absolute;
        top: 50%;
        right: 0;
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%); }
      #tmsearch #tmsearchbox .search-close:hover {
        color: #333333; }
  #tmsearch #search-toggle {
    display: inline-block;
    color: #333333;
    line-height: 1;
    z-index: 2;
    cursor: pointer;
    opacity: 1;
    padding: 0 5px;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease; }
    #tmsearch #search-toggle:before {
      font-family: "Material Icons";
      content: "\e8b6";
      display: inline-block;
      font-weight: normal;
      font-size: 20px; }
    #tmsearch #search-toggle:hover {
      color: #333333; }
  #tmsearch.active-search #tmsearchbox {
    width: 100%;
    left: 0;
    right: 0;
    padding-right: 76px; }
    @media (min-width: 1500px) {
      #tmsearch.active-search #tmsearchbox {
        width: 80%;
        left: 10%;
        right: 10%; } }
    @media (min-width: 1900px) {
      #tmsearch.active-search #tmsearchbox {
        width: 64.4%;
        left: 17.8%;
        right: 17.8%; } }
    #tmsearch.active-search #tmsearchbox #tm_search_query {
      padding-left: 21px;
      padding-right: 21px;
      opacity: 1;
      
    }
      @media (max-width: 767px) {
        #tmsearch.active-search #tmsearchbox #tm_search_query {
          padding-left: 4px; } }
    #tmsearch.active-search #tmsearchbox .button-search, #tmsearch.active-search #tmsearchbox .search-close {
      opacity: 1; }
  #tmsearch.active-search #search-toggle {
    opacity: 0;
    z-index: -1;
    left: 31px; }

.lang_ru #tmsearch #tmsearchbox #tm_search_query {
  font-family: "Roboto Condensed", sans-serif; }

body .ac_results {
  display: none;
  width: 170px;
  padding: 15px;
  position: absolute;
  right: 0;
  top: 102%;
  z-index: 2;
  overflow: hidden;
  background: #faf9f9;
  border-radius: 0;
  color: #888888;
  padding: 0;
  border: none;
  z-index: 9999; }
  body .ac_results li {
    padding: 5px; }
  @media (max-width: 767px) {
    body .ac_results {
      width: 100% !important; } }
  body .ac_results li {
    padding: 10px;
    margin-top: 10px;
    border-radius: 0;
    cursor: pointer;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease; }
    body .ac_results li:first-child {
      margin-top: 0; }
    body .ac_results li.ac_odd {
      background: #faf9f9; }
    body .ac_results li:hover, body .ac_results li.ac_over {
      background: #e5e5e5;
      color: #888888; }
  body .ac_results .pull-left {
    margin-right: 20px; }
  body .ac_results .content {
    overflow: hidden; }
  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: normal 18px/22px "Rokkitt", serif;
    display: inline-block;
    color: #85A1C8; }
  body .ac_results strong {
    color: #f13340; }
  body .ac_results .description {
    font-size: 11px;
    line-height: 15px; }
  body .ac_results .price {
    padding-right: 5px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    body .ac_results .content {
      float: left;
      clear: both; } }