/*  Simplifia / CSS searchbar : searchbar.css ------------------------------------------
*	Copyright David Gamet - All rights reserved
---------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------
  COLORS
---------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------
  SEARCH BAR
---------------------------------------------------------------------------------- */
#search-bar {
  position: relative;
  width: 100%;
  background: #FFF;
  border-bottom: 1px solid #b3b3b3; }
  #search-bar #search-form {
    overflow: hidden;
    margin: 0;
    padding: 4px; }
    #search-bar #search-form input[type="text"] {
      float: left;
      display: block;
      width: 35%;
      margin: 0 2% 0 0;
      padding: 6px;
      font-size: 12px; }
    #search-bar #search-form .label-search-city {
      float: left;
      width: 8%;
      margin: 2px 2% 0 0;
      padding: 6px 0 7px 0;
      font-size: 13px;
      text-align: center;
      color: #393c3d; }
    #search-bar #search-form button {
      float: right; }
    #search-bar #search-form button.geolocation {
      margin: 0 5px 0 0;
      padding: 8px 10px;
      color: #393c3d; }
      #search-bar #search-form button.geolocation .glyphicon {
        display: block;
        width: 13px;
        height: 13px;
        margin: 0; }

#search-bar.fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999; }

body#home #search-bar {
  display: none; }

/* -------------------------------------------------------------------------------
  TABLET
---------------------------------------------------------------------------------- */
@media screen and (min-width: 768px) {
  #search-bar {
    display: block; }
    #search-bar #search-form {
      padding: 8px 4px 8px 55px;
      background: white url("../../images/front/images/search-form-bg.png") 10px center no-repeat; }
      #search-bar #search-form input[type="text"] {
        width: 36%;
        font-size: 14px; }
    #search-bar button.geolocation {
      display: none; }

  body#home #search-bar {
    display: none; }

  body#home #search-bar.fixed {
    display: block; } }
/*  ------------------------------------------------------------------------------
	THIS IS THE END // Copyright David Gamet - All rights reserved
---------------------------------------------------------------------------------- */