.gallery{
    margin-top: 120px;
}
.shadow{
    width: 100vw;
    height: 100vh;
    z-index: 20;
    background: rgba(0,0,0,0.85);
    position: fixed;
    inset: 0;
    display: none;
}
.gal_window{
    width: 100%;
    max-width: 1400px;
    height: calc(70vh + 36px);
    max-height: 860px;
    position: fixed;
    inset: 0;
    margin: auto;
    z-index: 21;
    display: none;
}
.gal_window img{
    height: 70vh;
    max-height: 824px;
    width: auto;
    max-width: calc(100% - 132px);
    display: block;
    margin: auto;
    object-fit: cover;
    border-radius: 8px;
}
.galw_goright {
	background: url('data:image/svg+xml,%3Csvg%20width%3D%2221%22%20height%3D%2232%22%20viewBox%3D%220%200%2021%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2016L4.66157%2031.75L0.75%2027.9793L13.1769%2016L0.75%204.02069L4.66157%200.25L21%2016Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A') center / 20px 32px no-repeat;
	width: 54px;
	height: 54px;
	position: absolute;
	inset: 0 0 0 auto;
	margin: auto;
	cursor: pointer;
}

.galw_goleft {
	background: url('data:image/svg+xml,%3Csvg%20width%3D%2221%22%20height%3D%2232%22%20viewBox%3D%220%200%2021%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%2016L16.3384%2031.75L20.25%2027.9793L7.82313%2016L20.25%204.02069L16.3384%200.25L0%2016Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E') center / 20px 32px no-repeat;
	width: 54px;
	height: 54px;
	position: absolute;
	inset: 0 auto 0 0;
	margin: auto;
	cursor: pointer;
}

.galw_close {
	background: url('data:image/svg+xml,%3Csvg%20width%3D%2231%22%20height%3D%2230%22%20viewBox%3D%220%200%2031%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M15.4998%2011.0216L4.76138%200.283203L0.783902%204.26068L11.5223%2014.9991L0.782227%2025.7392L4.7597%2029.7166L15.4998%2018.9766L26.2397%2029.7165L30.2172%2025.739L19.4773%2014.9991L30.2155%204.26081L26.2381%200.283329L15.4998%2011.0216Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A%0A') center / 30px 30px no-repeat;
	width: 54px;
	height: 54px;
	position: absolute;
	inset: -66px 75px auto auto;
	cursor: pointer;
}

.gal_counter{
    width: 75px;
    height: 37px;
    background: red;
    border-radius: 30px;
    color: white;
    font-family: 'Bebas Neue';
    font-size: 24px;
    font-weight: 700;
    line-height: 37px;
    text-align: center;
    position: absolute;
    inset: 29px 29px auto auto;
}

@media only screen and (max-width: 1240px){
    .gallery{
        margin-top: 90px;
    }
    .gal_window {
        max-width: 691px;
        height: 437px;
    }
    .gal_window img {
        height: 401px;
        max-width: calc(100% - 88px);
    }
    .galw_goright {
        width: 32px;
        height: 32px;
        background-size: 12px 19px;
    }
    .galw_goleft {
        width: 32px;
        height: 32px;
        background-size: 12px 19px;
    }
    .galw_close {
        width: 32px;
        height: 32px;
        inset: -44px 44px auto auto;
        background-size: 18px 18px;
    }
}

@media only screen and (max-width: 1160px) {
    .gallery .content{
        width: 100%;
    }
    .gallery{
        margin-top: 0;
    }
    .gallery .title{
        margin-bottom: 24px;
    }
    .gal_counter{
        width: 43px;
        height: 24px;
        font-size: 12px;
        inset: 12px 12px auto auto;
        line-height: 24px;
    }
}

@media only screen and (max-width: 700px) {
    
    .gallery .title{
        margin-bottom: 24px;
        text-align: left;
        margin-left: 20px;
    }
    .gal_window {
        width: 100%;
        height: fit-content;
    }
    .gal_window img {
        width: 100%;
        height: auto;
        max-width: none;
    }
    .galw_goright {
        width: 32px;
        height: 32px;
        background-size: 12px 19px;
    }
    .galw_goleft {
        width: 32px;
        height: 32px;
        background-size: 12px 19px;
    }
    .galw_close {
        width: 32px;
        height: 32px;
        inset: -44px 44px auto auto;
        background-size: 18px 18px;
    }
}