.hi5-gallery.grid.focused .thumbs {
    pointer-events: none;
}

ul.prod-img-content {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.77);
    padding: 1em 1em 1em 2.5em;
    margin: 1em 3em;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);
	border-left: 3px solid #75bc20;
}
ul.prod-img-content li {
    /* color: #ffffff; */
	font-size: inherit;
}
.hi5-gallery {
	/* padding-bottom: 71%; */
	position: relative;
	display: block;
	/* overflow: hidden; */
}
.hi5-gallery.grid .current-img {
    background-color: #fff;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);
}
.hi5-gallery .current {
    /* width: 100%; */
    display: block;
    margin: 0 auto;
    padding-top: 56.25%;
    position: relative;
	transition: none !important;
	/* position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%); */
}
.current:before {
    /* content: ''; */
    background: #eeeeee;
    width: 150vw;
    left: -25vw;
    top: 0;
    height: 100%;
    position: absolute;
}

.hi5-gallery .current-img {
    position: absolute;
    width: 100%;
    padding-bottom: 52.65%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	transition: none !important;
}
.hi5-gallery .extra-content P:last-child {
    margin-bottom: 0;
}
.hi5-gallery .extra-content P:first-child {
    padding-top: 1em;
}
.hi5-gallery .prev, .hi5-gallery .next {
	font-size: 3em;
	z-index: 2;
	cursor: pointer;
	transition: none !important;
}
.hi5-gallery.iframed .prev, .hi5-gallery.iframed .next {
	font-size: 9vw;
}
.hi5-gallery.iframed .view i {
	font-size: 9vw;
}
.hi5-gallery .prev.no-click, .hi5-gallery .next.no-click {
    color: #eeeeee;
    pointer-events: none;
}
.hi5-gallery .thumbs {
    flex-grow: 1;
    display: block;
    margin: 0 .5em;
	text-align: center;
}
.hi5-gallery.no-grid .thumbs.center {
	left: 50%;
	transform: translateX(-50%);
}
.hi5-gallery .view {
    color: #eeeeee;
    margin-left: 1rem;
    text-align: center;
    display: inline-block;
	vertical-align: middle;
}
.hi5-gallery .view i {
	cursor: pointer;
    font-size: 4.5em;
}
.hi5-gallery .thumb {
	cursor: pointer;
    display: inline-block;
    box-sizing: border-box;
	padding: 1%;
	width: 25%;
    display: inline-block;
	position: relative;
}
.hi5-gallery.carousel .thumb.active {
    background-color: #eeeeee;
}
.hi5-gallery .thumb-img {
	padding-bottom: 56.25%;
	background-size: cover;
	background-color: #eeeeee;
    background-repeat: no-repeat;
    background-position: top center;
}
.hi5-gallery .thumb .extra-content {
	display: none;
}

.hi5-gallery .thumb.caboose ~ .thumb {
    display: none;
}

.hi5-gallery.no-grid .thumbs {
    left: 10%;
}

.hi5-gallery.grid .view i:before {
    /* content: '\f00d'; */
	content: '\f359';
} 
.hi5-gallery.grid .thumb {
	padding: .5% 1%;
}
.hi5-gallery.grid .current {
    z-index: 4;
    /* height: 100%; */
    width: 100%;
}
.hi5-gallery.grid:not(.focused) .gal-current-wrap {
	display: none !important;
}
.hi5-gallery.grid.focused:before {
	/* content: ''; */
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(255, 255, 255, 0.74);
	width: 100%;
	height: 100%;
	/* pointer-events: none; */
	z-index: 3;
}
.hi5-gallery.grid .current-img:before {
    content: '\f00d';
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    left: 0;
    top: 0;
    background: rgb(117, 188, 32);
    font-weight: 600;
    padding: .35em .5em;
    color: #fff;
	cursor: pointer;
	z-index: 2;
}
/* 
.hi5-gallery.grid.focused .prev, .hi5-gallery.grid.focused .next {
    z-index: 5;
    bottom: 0;
    transform: none;
    height: 100%;
    width: 1em;
    background: rgba(255, 255, 255, 0.35);
}
.hi5-gallery.grid.focused .next {
    left: initial;
    right: 0;
}
.hi5-gallery.grid.focused .prev i, .hi5-gallery.grid.focused .next i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
} 
*/

.hi5-gallery.grid .thumbs {
    width: 100%;
	text-align: left;
}
.hi5-gallery.grid .thumb {
    width: 33.3333%;
}

.gal-nav-wrap {
    display: flex;
    margin-top: 1em;
    align-items: center;
}
.hi5-gallery:not(.grid) .thumbs + .prev {
    display: none !important;
}
.hi5-gallery.grid .gal-nav-wrap > .prev:first-child {
    display: none !important;
}

.hi5-gallery.grid .gal-nav-wrap {
    flex-wrap: wrap;
}
.hi5-gallery.grid .view {
    flex-grow: 1;
    text-align: right;
}

.hi5-gallery.grid.focused .gal-nav-wrap .thumbs {
    display: none;
}

label.additional > i {
    position: absolute;
    left: 0;
    top: 1em;
    color: #fff;
    background: #222222;
    padding: .5em .8em;
    cursor: pointer;
    transition: all .2s linear;
}
.grid .current label.additional > i {
    top: 2.5em;
    font-size: 88%;
}
label.additional > i:hover {
    background: #75bc20;
}
label.additional input:checked ~ i {
    background: #75bc20;
}
label.additional input:checked ~ i:after {
    /* content: '\f00d'; */
    position: absolute;
    color: #000;
    left: 0;
    top: 50%;
    transform: translate(-1.2em, -50%);
}
label.additional input {
    display: none;
}
label.additional input:not(:checked) ~ .prod-img-content {
    display: none;
}
.prod-img-content {
    pointer-events: none;
}

@media all and (max-width: 1024px) {
	ul.prod-img-content {
		font-size: 80%;
	}
}
@media all and (max-width: 480px) {
	label.additional, ul.prod-img-content {
		display: none;
	}
}