#filtergroup .btn-primary {
	background: #808080;
	margin:20px 0;
	border: none;
	color: white;
}

#filtergroup .btn-primary.active {
	background: var(--color-main);
}

#filtergroup .dropdown-item {
	display: block;
	width: 100%;
	padding: .25rem 1.5rem;
	clear: both;
	font-weight: 400;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
	cursor: pointer;
}

#filtergroup .dropdown-item:hover {
	background: #eee;
}

#filtergroup .dropdown-menu {
	z-index: 10000;
	margin-top: -19px;
}

.img img {
  transition: transform 1s ease;
}

.img:hover img {
  transform: scale(1.1);
}

#immogrid {
	margin-bottom: 40px;
	min-height: 300px;
}


img.sw.extern {
	-webkit-filter: grayscale(1);
  opacity: 0.9;
}


.property-price {
    background-color: var(--color-main);
    color: #fff;
    display: inline-block;
    right: 0;
    padding: 5px 10px;
    position: absolute;
    top: 0;
	z-index: 600;
}


.property-cnt {
    background-color: var(--color-main);
    color: #fff;
    display: inline-block;
    left: 5px;
    padding: 5px 10px;
    position: absolute;
    top: 5px;
	z-index: 500;
}

.property-cnt i span {
	font-weight: normal;
}


.property-video {
	position: absolute;
	top: 8px;
	left: 8px;
	z-index: 500;
	background: var(--color-main);
	padding: 0 4px;
}

.property-video i {
	color: white;
	font-size: 1.5em;
}



.photomarker2.photojs {
  position: absolute;
  top: 40px;
  left: -50px;
  transform: rotate(-45deg);
  color: white;
  padding: 5px 80px;
  font-weight: bold;
  font-size: 0.9rem;
  z-index: 10;
  pointer-events: none;
  width: auto!important;
}

.photomarker-top {
	padding: 4px;
	font-weight: bold;
	width: 100%;
	text-align: center;
	position: absolute;
	z-index: 500;
	-moz-transform: inherit;
	top: 0;
}

.photomarker-bottom {
	padding: 4px;
	font-weight: bold;
	width: 100%;
	text-align: center;
	position: absolute;
	z-index: 500;
	-moz-transform: inherit;
	bottom: 0;
}

.prop-desc{font-size: 0.9rem;}
.prop-data span {font-size: 1rem;cursor: default;}


.top10box .for-rent, .top10box .for-sale {
    background-color: #5f9ea0;
}


.row ul.list-unstyled {
	margin: 0;
}





.fg {
	margin: 0;
	padding: 2px 0;
	float: left;
	width: 100%;
}


.fg span.fn {
	float: left;
}

.fg span.fv {
	float: right;
}


#immogrid2 .img {
	height: 210px;
	overflow: hidden;
	position: relative;
	display: grid;
}

/* Tablet (= 991px) */
@media (max-width: 991px) {
  #immogrid2 .img {
    /*height: 180px;*/
  }
}

/* Smartphone (= 575px) */
@media (max-width: 575px) {
  #immogrid2 .img {
    /*height: 150px;*/
  }
}

#immogrid2 .img a {
	display: block;
	height: 100%;
}

.card {
	overflow: hidden;
}

.card-img-top {
  width: 100%;
  height: 210px;
  object-fit: cover;
  object-position: bottom;
  display: block;
}

.card-banner {
  position: relative;
  overflow: hidden;
}



/* Preloader one page */
#galerypreloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:10000; /* makes sure it stays on top */
	background:#eeeeee;
	text-align: center;
	opacity:0.7;
}

#galerystatus {
	width:100%;
	height:100px;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-100px;
	text-align: center;
	padding-top:15px;
	border-radius:11px;
}

#galerystatus h1 {
	color: black;
}

#galerystatus img {
	display: block;
	margin: 0 auto;
}


.ftitle {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}


#epass {
	display: flex;
	margin: 0 auto;
}










@media(max-width:768px) {

#filtergroup .btn-primary {
	margin: 5px 0;

}
}