#map {
	width: 100%;
}

#map .ol-viewport {
	border-radius: 5px;
	box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
}

#map .ol-viewport .ol-control button {
	padding-bottom: 4px !important;
}

html, body {
    display: flex;
    flex-direction: column;
}

#rowFooter {
	position: static;
    bottom: 0;
    left: 0;
    right: 0;
}

#infoCol a {
	text-decoration: none !important; color: inherit; display: block;
}

.demo-gallery > ul > li a {
	/* border: 2px solid #adadad; */
	border-radius: 5px;
	/* display: block; */
	display: inline-block !important;
	overflow: hidden;
	position: relative;
	box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
}

.demo-gallery > ul > li a > img {
	-webkit-transition: -webkit-transform 0.15s ease 0s;
	-moz-transition: -moz-transform 0.15s ease 0s;
	-o-transition: -o-transform 0.15s ease 0s;
	transition: transform 0.15s ease 0s;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

.demo-gallery > ul > li a:hover > img {
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
}

.demo-gallery > ul > li a:hover .demo-gallery-poster > img {
	opacity: 1;
}

.demo-gallery > ul > li a .demo-gallery-poster {
	/* background-color: rgba(0, 0, 0, 0.1); */
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: background-color 0.15s ease 0s;
	-o-transition: background-color 0.15s ease 0s;
	transition: background-color 0.15s ease 0s;
}

.demo-gallery > ul > li a .demo-gallery-poster > img {
	left: 50%;
	margin-left: -10px;
	margin-top: -10px;
	opacity: 0;
	position: absolute;
	top: 50%;
	-webkit-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
}

.demo-gallery > ul > li a:hover .demo-gallery-poster {
	background-color: rgba(0, 0, 0, 0.5);
}

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

/* ---- .grid-item ---- */

.grid-item-news,
.grid-sizer-news,
.grid-sizer,
.grid-item {
  width: 33.333%;
}

.grid-item-news,
.grid-sizer-news {
  width: 25%;
}


.grid-item-first {
  width: 100%;
}

.grid-item-first-but-long {
  width: 66.666%;
}

.grid-item-news,
.grid-item {
  float: left;
}

.grid-item-news img,
.grid-item img {
  display: block;
  max-width: 101%;
}

#commentHeader {
	cursor: pointer; position: relative;
}

.category-div {
	padding: 5px 15px;
	flex: 1;
	transition: .3s; border-radius: 5px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}

.category-div:hover {
	box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
}

.category-div > span {
	font-size: 18px; flex: 1; text-transform: uppercase;
}

#spanDistanceTo {
	color: #3A3A3A; display: none;
}

#spanDistanceTo > img {
	align-self: center; margin: 0px 5px 0px 10px; height: 25px;
}

#spanDistanceTo > span {
	align-self: center;
}

.info-hdr {
	font-size: 20px; border-bottom: 1px solid #CECECE
}

.info-con {
	background-color: rgba(255,255,255, .7);
}

.info-con:not(.news-con) img {
	height: 40px;
	width: 40px;
	border-radius: 50%;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	border: 1px solid #C6C6C6;
}

.info-con .com-hdr {
	flex: 1;
}

.info-con .com-hdr > span {
	font-size: 14px;
}

.info-con .com-tms {
	font-size: 13px; color: #6a6a6a
}

.info-con p {
	line-height: 1.2; font-size: 15px; color: #3A3A3A
}

p.desc {
	line-height: 1.3;
}

.icon-plus-circle {
	transition: .3s;
	font-size: 35px; position: absolute; right: 0; top: 0;
}

.comment-2 {
	margin-left: 20px;	
}

.comment-3 {
	margin-left: 40px;	
}

.comment-4 {
	margin-left: 60px;	
}

.spacer-comment {
	margin-top: 18px;
}

.comment-reply {
	font-size: 14px; display: block; opacity: .65;
}

.comment-reply:hover {
	cursor: pointer; opacity: 1;
}

.icon-star-o:hover::before {
	content: "\f005";
}

.icon-star:hover::before {
	content: "\f006";
}

.btn-favorite {
	font-size: 30px; color: #FFF; padding: 10px; border-radius: 25px; cursor: pointer;
}

@media (min-width: 776px) { 
	.container {
	    max-width: 640px;
	}
}

@media (min-width: 892px) { 
	.container {
	    max-width: 860px;
	}
}

@media (min-width: 1200px) { 
	.container {
	    max-width: 1140px;
	}
}

@media (min-width: 1400px) { 
	.container {
	    max-width: 1330px;
	}
}