* { box-sizing: border-box; }

body {
  font-family: sans-serif;
}

#l_6 span.number{
 
}

#showroom-finder #results ol li {

}

.maps_popup h1 {
  line-height: 20px !important;
}

/* ---- button ---- */

.button {
  display: inline-block;
  padding: 0.5em 1.0em;
  background: #EEE;
  border: none;
  border-radius: 7px;
  background-image: linear-gradient( to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.2) );
  color: #222;
  font-size: 16px;
  text-shadow: 0 1px white;
  cursor: pointer;
	font-weight: 700;
}
.showroom-content h4{
text-transform: uppercase;
}

.button:hover {
  background-color: #8CF;
  text-shadow: 0 1px hsla(0, 0%, 100%, 0.5);
  color: #222;
}

.button:active,
.button.is-checked {
  background-color: #28F;
}

.button.is-checked {

}

.button:hover {
background-color: #8CF;
}

.button.is-checked {
    color: #3088ce;
    font-weight: bold;
    text-decoration: underline;
}

/* ---- button-group ---- */

.button-group:after {
  content: '';
  display: block;
  clear: both;
}

.button-group .button {
float: left;
    border-radius: 0 !important;
    margin: 5px;
    background: #f0f4f7;
}

.button-group .button:first-child { border-radius: 0.5em 0 0 0.5em; }
.button-group .button:last-child { border-radius: 0 0.5em 0.5em 0; }

/* ---- isotope ---- */

.grid {
  max-width: 1200px;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ui group */

.ui-group {
  display: inline-block;
}

.ui-group h3 {
  display: inline-block;
  margin-right: 0.2em;
  font-size: 16px;
}

.init-hide{
	display:none;
}

.ui-group .button-group {
  display: inline-block;
  margin-right: 20px;
}

/* country-shape */

.showroom-content div{
    float: left;
    margin: 10px;
    width: 100%;
    /*width: auto;*/
}

.showroom-content {
	text-align: left;
    border: 1px solid #ddd;
    margin: 5px;
    float: left;
    font-size: 10px;
    width: 100%;
	height: 100%;
}

.country-shape {
  width: 33%;
  height: 250px;
  padding: 5px;
  float: left;
}
 
.country-shape.round {

}
 
.country-shape.big.round {

}
 
.country-shape.red {  }
.country-shape.blue {  }
.country-shape.yellow {  }
 
.country-shape.wide, .country-shape.big { }
.country-shape.tall, .country-shape.big { }


@media screen and (max-width: 768px){
    .country-shape {
      width: 100%;
      height: auto;
    }
}