#wepg-main-gallery-wrapper{ position: relative; }
#wepg-main-gallery,
#wepg-thumbs-gallery{ opacity: 0; margin-bottom: 4px; }
#wepg-main-gallery.owl-loaded,
#wepg-thumbs-gallery.owl-loaded{ opacity: 1; transition: opacity .2s ease .2s; }

#wepg-main-gallery .owl-item,
#wepg-thumbs-gallery .owl-item{ position: relative; overflow: hidden; }
#wepg-main-gallery .owl-item:before,
#wepg-thumbs-gallery .owl-item:before{ content: ""; display: block; padding-top: 100%; }

#wepg-main-gallery .owl-item figure,
#wepg-thumbs-gallery .owl-item figure{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; } 

#wepg-main-gallery .owl-item figure img,
#wepg-thumbs-gallery .owl-item figure img,
#wepg-main-gallery .owl-item figure video,
#wepg-thumbs-gallery .owl-item figure video{ max-width: 100%; }

#wepg-main-gallery .owl-item figure img,
#wepg-main-gallery .owl-item figure video{ cursor: move; cursor: grab; cursor: -webkit-grab; }

#wepg-thumbs-gallery .owl-item{ cursor: pointer; transition: opacity .25s ease; }
#wepg-thumbs-gallery .owl-item.active-thumb,
#wepg-thumbs-gallery .owl-item:hover{ opacity: .5; }

.pswp__zoom-wrap video{ object-fit: contain; height: 80%; margin: 10vh auto; display: block; }

.wepg-btn-arrow{
	visibility: hidden;
    opacity: 0;
    pointer-events: none;
    color: #333;
    position: absolute;
    top: 50%;
    z-index: 250;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transition: all .25s ease;
}

#wepg-main-gallery:hover .wepg-btn-arrow,
#wepg-thumbs-gallery:hover .wepg-btn-arrow{
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    pointer-events: visible;
}


.wepg-btn-arrow:after{
	font-size: 24px;
    line-height: 1;
}

.wepg-btn-arrow.owl-prev {
    transform: translateX(-30px);
    left: 0;
}
.wepg-btn-arrow.owl-next {
    justify-content: flex-end;
}

.wepg-btn-arrow.owl-prev:after {
    content: "\f114";
    font-family: "woodmart-font";
}

.wepg-btn-arrow.owl-next:after {
    content: "\f113";
    font-family: "woodmart-font";
}

.wepg-btn-arrow.disabled{
	color:  #a5a5a5;
}

.wepg-main-gallery-wrapper-additional{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	padding: 30px 30px 15px 30px;
}

.wepg-main-gallery-wrapper-additional>div{
    display: inline-flex;
    vertical-align: middle;
}

.wepg-main-gallery-wrapper-additional>div>a{
	flex-wrap: nowrap;
	overflow: hidden;
	min-width: 50px;
	height: 50px;
	border-radius: 30px;
	background-color: #fff;
	box-shadow: 0 0 5px rgb(0 0 0 / 8%);
	color: #666;
	font-size: 13px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	text-decoration: none;
    transition: all .25s ease;
}

.wepg-main-gallery-wrapper-additional>div>a:before{
    display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center;
    font-size: 16px;
    line-height: 50px;
    font-family: "woodmart-font";
    content: "\f127";
    transition: opacity .15s ease;
}

.wepg-main-gallery-wrapper-additional>div>a:hover{ color: #333; }

.wepg-main-gallery-wrapper-additional>div>a>span{
	overflow: hidden;
    padding: 0;
    max-width: 0;
    white-space: nowrap;
    font-weight: 600;
    transition: padding 0.4s cubic-bezier(.175,.885,.32,1.15),max-width 0.4s cubic-bezier(.175,.885,.32,1.15);
}

.wepg-main-gallery-wrapper-additional>div>a:hover>span {
    padding-right: 25px;
    max-width: 280px;
}



@media screen and (max-width: 1024px){
	.wepg-btn-arrow:after{ font-size: 14px; font-weight: 700; }
    .wepg-btn-arrow.owl-prev{ left: 5px; }
    .wepg-btn-arrow.owl-next{ right: 5px; }
}