/* FONTS */
@font-face {
    font-family: 'BruskovayaCNormal';
    src: url('../fonts/bruskovaya-webfont.eot');
    src: url('../fonts/bruskovaya-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bruskovaya-webfont.woff') format('woff'),
         url('../fonts/bruskovaya-webfont.ttf') format('truetype'),
         url('../fonts/bruskovaya-webfont.svg#BruskovayaCNormal') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BruskovayaCTTNarrowNormal';
    src: url('../fonts/bruskovayanarrow-webfont.eot');
    src: url('../fonts/bruskovayanarrow-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bruskovayanarrow-webfont.woff') format('woff'),
         url('../fonts/bruskovayanarrow-webfont.ttf') format('truetype'),
         url('../fonts/bruskovayanarrow-webfont.svg#BruskovayaCTTNarrowNormal') format('svg');
    font-weight: normal;
    font-style: normal;
}

.h2{
    font-family: BruskovayaCTTNarrowNormal;
}

.galery-wrp{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;    
}

.galery-wrp > *{
    width: 23%;
    height: auto;
    margin: 7px;
}


.itemtext img, .itemmainimg img {
    cursor: pointer; 
    transition: opacity 0.2s; 
}

.itemtext img:hover, .itemmainimg img:hover {
    opacity: 0.9; 
}

.popup-gallery-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    z-index: 99999; 
    display: none; /* Скрыто */
    justify-content: center;
    align-items: center;
}

.popup-content {
    width: 90%;
    max-width: 1000px;
    position: relative;
}

.close-popup {
    position: absolute;
    top: -45px;
    right: 0;
    color: #fff;
    font-size: 45px;
    line-height: 1;
    cursor: pointer;
    z-index: 10000;
    opacity: 0.8;
    transition: 0.3s;
}

.close-popup:hover {
    opacity: 1; }

.popup-slider img {
    max-height: 85vh; 
    width: auto;
    margin: 0 auto;
    display: block;
    box-shadow: 0 0 20px rgba(0,0,0,0.5);
    user-select: none;
}

.popup-slider div:focus { outline: none; }

.slick-prev:before, .slick-next:before {
    color: #fff !important;
    font-size: 35px;
    opacity: 0.8;
}
.slick-prev { left: -50px; }
.slick-next { right: -50px; }