#title-gallery {
margin-top: calc(5% + 80px);
padding-bottom: 0;
}
#title-gallery .text {
font-family: var(--text-font-family);
}
#gallery {
padding-top: 2.5%;
}
#gallery .gallery-desktop {
display: block;
}
#gallery .gallery-tablet {
display: none;
}
#gallery .gallery-mobile {
display: none;
}
#gallery .image {
margin-bottom: 7.5%;
overflow: hidden;
cursor: pointer;
}
#gallery .image .details{
background: linear-gradient(transparent, transparent);
transition: .3s;
font-size: .9em;
}
#gallery .image .details:hover {
background: linear-gradient(transparent, #000);
}
#gallery .image .details .name {
position: absolute;
line-height: 20px;
bottom: -100%;
transition: .2s;
font-family: var(--text-font-family);
font-weight: bold;
}
#gallery .image .details:hover .name{
position: relative;
bottom: 0;
}
#gallery .image .details .download{
line-height: 20px;
text-align: right;
}
#gallery .gallery-desktop .column {
width: calc((100% - 9%) / 4);
margin-left: 3%;
}
#gallery .gallery-desktop .col-1{
margin: 0;
}

#gallery .gallery-tablet .column {
width: calc((100% - 10%) / 3);
margin-left: 5%;
}
#gallery .gallery-tablet .col-1{
margin: 0;
}
#gallery .gallery-mobile .column {
width: calc((100% - 5%) / 2);
margin-left: 5%;
}
#gallery .gallery-mobile .col-1{
margin: 0;
}

#swiper-show {
z-index: 100;
}
#swiper-show.show {
opacity: 1;
}
#swiper-show .background {
backdrop-filter: blur(7.5px) saturate(200%);
-webkit-backdrop-filter: blur(7.5px) saturate(200%);
background-color: rgba(0, 0, 0, .8);
cursor: pointer
}
#swiper-show .button-prev,
#swiper-show .button-next,
#swiper-show .close,
#swiper-show .download {
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
color: #000;
font-size: 17px;
background: rgba(255,255,255);
cursor: pointer;
transition: .2s;
}
#swiper-show .close {
font-size: 26px;
}
#swiper-show .button-prev,
#swiper-show .button-next{
background: none;
color: #fff;
font-size: 26px;
z-index: 2;
}
#swiper-show .button-prev.swiper-button-disabled,
#swiper-show .button-next.swiper-button-disabled{
display: none;
}
#swiper-show .button-prev:hover,
#swiper-show .button-next:hover{
font-size: 30px;
}
#swiper-show .close {
z-index: 2;
}
#swiper-show .name {
color: #fff;
text-align: left;
width: calc(100% - 55px);
line-height: 35px;
font-size: 17px;
margin: 10px;
font-family: var(--text-font-family);
font-weight: bold;
}
#swiper-show .swiper-slide {
background: transparent;
}
#swiper-show .image {
width: calc(100% - 70px - 5%);
height: calc(100% - 70px - 5%);
}
#swiper-show .image img {
object-fit: contain;
}
@media (max-width: 900px) {
.w-90{width: 90%;}
#gallery .gallery-desktop {
display: none;
}
#gallery .gallery-tablet {
display: block;
}
#gallery .gallery-mobile {
display: none;
}
}
@media (max-width: 600px) {
#gallery .gallery-desktop {
display: none;
}
#gallery .gallery-tablet {
display: none;
}
#gallery .gallery-mobile {
display: block;
}
}