/* CSS FOR GALLERY MODIFICATIONS*/
.lg-outer .lg-thumb-item {
border-radius: 0px !important;
}
.lg-backdrop {
background-color:#e5e5e5 !important;
}
.lg-outer .lg-thumb-outer {
background-color:#e5e5e5 !important;
}

.lg-next, .lg-prev {
font-family: swiper-icons !important;
font-size: 2.75rem;
font-weight: bold;
height: auto;
color: #000;
background-color: unset;
}

.lg-next:before {
content: 'next';
}

.lg-prev:after {
content: 'prev';
}

.lg-outer .lg-item {
background: url("/assets/site/loading_light.gif") no-repeat scroll center center transparent !important;
}

/* CSS FOR SWIPER MODIFICCATIONS*/
.swiper-wrapper {
height: auto;
}

.swiper-button-next, .swiper-button-prev {
color: #000;
height: 100%;
top: 0px;
margin: 0px;
width: 60px;
display: flex;
align-items: center;
}
.swiper-button-next {
right:0px;
}

.swiper-button-prev {
left:0px;
}

.swiper-pagination-clickable {
position: relative;
bottom: 2px !important;
}

.swiper-pagination-bullet {
width: 24px;
height: 4px;
border-radius:0px;
color: #000;
background: rgba(0, 0, 0, 0.6);
}

.swiper-pagination-bullet-active {
color: #000;
background: #000;
}