.lg-toolbar.lg-group{
	text-align: center;
}

.lg-toolbar.lg-group > .lg-icon{
	color: #ccc;
	float: none;
	width: auto;
	font-size: 30px;
	height: 47px;
	line-height: 47px;
	padding: 0px 10px;
}

.lg-toolbar.lg-group > .lg-icon:hover{
	color: #fff;
}

.lg-toolbar.lg-group > .lg-icon.lg-fullscreen,
.lg-toolbar.lg-group > .lg-icon.lg-close{
	float: right;
	background: none;
	border: none;
}

#lg-gallery-grid:after {
  content: "";
  background: url("/www/images/grid_on-white-36dp.svg") center 14px no-repeat;
  width: 40px;
  height: 40px;
  background-size: 64%;
  display: inline-block;
  transition: 0.2s linear;
}

#lg-gallery-grid:hover:after {
  content: "";
  background: url("/www/images/grid_on-white-hover-36dp.svg") center 14px no-repeat;
  width: 40px;
  height: 40px;
  background-size: 64%;
  display: inline-block;
}

.lg-toolbar.lg-group > #lg-counter{
	float: left;
	padding: 0;
	height: 47px;
	line-height: 47px;
	font-size: 17px;
	width: 100px;
	text-align: left;
	margin-left: 15px;
}

.lg-toolbar.lg-group #lg-share .lg-dropdown{
	line-height: 27px;
}

.lg-toolbar #lg-counter #lg-counter-current{
	color: #fff;
}
.lg-thumb-item {
	text-align: center;
}

.lg-thumb-item img { 
  opacity: 0.5; 
} 
 
.active img { 
  opacity: 1; 
} 
 
.lg-thumb-item img:hover{ 
  opacity: 0.75; 

} 
 
.active img:hover{ 
  opacity: 1; 
} 

.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover{
  border: none;
}

.lg-outer .lg-thumb-item img { 
	width: auto;
	height: 100%;
	object-fit: inherit;
}

.lg-outer .lg-thumb-item { 
  border-radius: none; 
  border-radius: 0; 
  border: none;  
}

.lg-outer .lg-pager-thumb-cont {
	border-radius: none;
}

@media(max-width: 680px) {
	.lg-outer.lg-slide {
		width: 100vw;
		height: 100vh;
		top 0;
	}

	.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
		bottom: 100px;
		position: absolute;
	}
}

.lg-actions .lg-next, .lg-actions .lg-prev {
	background-color: rgba(0, 0, 0, 0);
}

.lg-actions .lg-prev {
	top: 0;
	left: 0;
	height: 100%;
	padding-left: 30px;
}

.lg-actions .lg-next {
	top: 0;
	right: 0;
	height: 100%;
	padding-right: 30px;
}

.lg-prev::before {
	content: "";
	display: block;
	cursor: pointer;
	height: 39px;
	position: absolute;
	width: 42px;
	margin: -8px 0 0px -9px;
	border-radius: 2px;
	background-color: rgba(0, 0, 0, 0.25);
}


.lg-next::after {
	content: "";
	display: block;
	cursor: pointer;
	height: 39px;
	position: absolute;
	width: 42px;
	margin: -30px 0 0px -9px;
	border-radius: 2px;
	background-color: rgba(0, 0, 0, 0.25);
}


.lg-prev:hover::before, .lg-next:hover::after {
	background-color: rgba(0, 0, 0, 0.45);
	z-index: -1;
}

.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
	background-color: rgba(0, 0, 0, 0);
}