/* Add here all your css styles (customizations) */

#logo {max-height: 35px}
#map {height: 400px;}
#loginregister { margin-right: 54px; }

@media only screen and (min-width: 992px) {
  #logo {max-height: 100px}
  #map {height: 500px;}
  #loginregister { margin-right: 0; }
}

@media only screen and (max-width: 991px) {
  .navbar-nav {margin: 0 !important;}
}



.btn-group-toggle .btn {
  color: #555;
  border-color: #eee;
  background-color: transparent; }

.btn-group-toggle .btn:hover {
  color: #fff;
  background-color: #6db82a;
  border-color: #6db82a; }

.btn-group-toggle .btn.active {
  color: #fff;
  background-color: #6db82a;
  border-color: #6db82a; }
  
@media (min-width: 992px) {
  .collapse.dont-collapse-sm {
    display: block;
    height: auto !important;
    visibility: visible;
  }
}

.rating, .ratingstatic {
    unicode-bidi: bidi-override;
    direction: rtl;
}

.rating input, .ratingstatic input {
    position: absolute;
    left: -999999px;
}

.rating label, .ratingstatic label {
    display: inline-block;
    font-size: 0;
}

.rating > label:before, .ratingstatic > label:before  {
    position: relative;
    font: 24px/1 FontAwesome;
    display: block;
    content: "\f005";
    color: #ccc;
    background: -webkit-linear-gradient(-45deg, #d9d9d9 0%, #b3b3b3 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    cursor: pointer;
}

.rating > label:hover:before,
.rating > label:hover ~ label:before,
.rating > label.selected:before, .ratingstatic > label.selected:before,
.rating > label.selected ~ label:before, .ratingstatic > label.selected ~ label:before {
    color: #f0ad4e;
    background: -webkit-linear-gradient(-45deg, #fcb551 0%, #d69a45 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ratingstatic > label:before  {
    cursor: default;
}

.background-location7 {
    background: #eaf5df;
}
.background-location8 {
    background: #d9f2bf;
}
.background-product {
    background: #fffdeb;
}