.header #wcms_block_150_i {
    width: 100%;
    margin: 0 auto;
}
@media (max-width: 992px) {
    .header #wcms_block_150_i {
        width: 100%;
    }
}
.header {
    background: url("/wa-data/public/wcms/images/75/02/00/261/261.0x0.png"), transparent;
    background-blend-mode: overlay;
    background-size: cover !important;
    background-position: center center !important;
}
.header {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}


.header.block{
    position: relative;
    width: 100%;
    /*min-height: 861px;*/
    padding: 64px 0;
}
.header .block__bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;z-index: 1;}
.header .block__bg-black{
    background: #222;
    opacity: 0.7;
}

.header .block__cnt{
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 412px;
    grid-gap: 75px;
    z-index: 1;
}
.header .block__cnt-gap{
    grid-gap: 20px;
    grid-template-columns: minmax(0, 1fr) 466px;
}
.header .block__l{
    border: 20px solid rgb(255 255 255 / 4%);
    padding: 72px 85px;
}
.header .block__l-center{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.header .breadcrumbs{
    display: flex;
    flex-wrap: wrap;
    grid-gap: 12px;
    margin-bottom: 24px;
}
.header .breadcrumbs__i{
    font-size: 16px;
    line-height: 130%;
    text-transform: uppercase;
    color: var(--global-bg-white-primary);
}
.header .breadcrumbs__i:hover{
    color: var(--global-bg-white-primary);
}
.header .breadcrumbs-last{
    color: var(--text-white-secondary);
    text-transform: uppercase;
}
.header .block__title{
    font-family: 'Literata', sans-serif;
    font-weight: 300;
    font-size: 72px;
    line-height: 100%;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: var(--global-bg-white-primary);
}
.header .block__title + .block__title{
    margin-top: 16px;
    text-align: right;
}
.header .block__title:empty{display: none}
.header .block__r{
    display: flex;
    flex-flow: column;
    justify-content: center;
}
.header .block__description{
    font-size: 16px;
    line-height: 130%;
    color: var(--global-bg-white-primary);
}
.header .block__summary{
    height: fit-content;
    margin-top: 32px;
    padding: 24px 0;
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--global-bg-white-primary);
    border-bottom: 1px solid var(--global-border-white);
    border-top: 1px solid var(--global-border-white);
}
.header p{
    margin: 0;
}
.header p + p{
    margin-top: 1rem;
}
.header .block__l{
    position: relative;
    min-height: 710px;
}
.header .l{
    position: absolute;
    left: -20px;
    top: 125px;
}
.header .l-line{
    background: var(--text-white-secondary);
}
.header .l-text{
    color: var(--text-white-secondary);
}

.header .block__btns{
    margin-top: 48px;
    display: flex;
    flex-wrap: wrap;
    grid-gap: 16px;
}
.header .block__description + .block__btns{
    margin-top: 32px;
}

.header .block__f{
    display: flex;
    flex-flow: column;
}
.header .block__f-i{
    border-top: 1px solid var(--global-border-white);
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-gap: 20px;
    padding: 24px 0;
}
.header .block__f-name{
    font-size: 32px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--global-bg-white-primary);
}
.header .block__f-val{
    font-size: 16px;
    line-height: 130%;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--global-bg-white-primary);
}
.header .block__cont{
    display: flex;
    flex-flow: column;
}
.header .block__cont-i{
    border-top: 1px solid var(--global-border-white);
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-gap: 20px;
    padding: 24px 0;
}
.header .block__cont-i a{
    color: var(--global-bg-white-primary);
}
.header .block__cont-i a:hover{
    color: var(--global-bg-white-primary);
}
.header .block__cont-name{
    min-width: 153px;
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--text-white-secondary);
}
.header .block__cont-val{
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    letter-spacing: 0.01em;
    text-align: right;
    color: var(--global-bg-white-primary);
    display: flex;
    flex-flow: column;
    align-items: flex-end;
    grid-gap: 8px;
}
.header .block__soc-val{
    flex-flow: row;
    grid-gap: 16px;
    justify-content: flex-end;
    align-items: center;
}


.coffeeshop{
    margin-top: 132px;
}


.svc{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 71px;
}
.svc__i{
    display: grid;
    grid-template-columns: 58px 1fr;
    grid-gap: 23px;
}
.svc__img{
    display: block;
    margin-top: 7px;
    width: 58px;
    height: 58px;
    object-fit: cover;
    object-position: center;
}
.svc__cnt{
    display: flex;
    flex-flow: column;
    grid-gap: 16px;
}
.svc__title{
    font-size: 18px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--button-black-bg-default);
    padding-bottom: 16px;
    border-bottom: 1px solid var(--global-border-black);
}
.svc__text{
    font-size: 16px;
    line-height: 130%;
    color: var(--text-black-secondary);
}

.cf__wrap{
    display: flex;
    flex-wrap: wrap;
    grid-gap: 24px;
    align-items: center;
    margin-bottom: 13px;
}
.cf__format{
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    text-align: center;
    color: var(--global-bg-white-primary);
    padding: 4px 8px;
    background: var(--button-black-bg-default);
}
.cf__city{
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--text-white-secondary);
}
.cf__status-wrap{
    margin-top: 48px;
    border: 1px solid var(--global-border-white);
    padding: 4px 8px 6px;
    display: flex;
    align-items: center;
    grid-gap: 34px;
    width: fit-content;
}
.cf__status{
    display: flex;
    align-items: center;
    grid-gap: 7px;
    font-size: 18px;
    line-height: 130%;
    letter-spacing: 0.01em;
    text-align: right;
    color: var(--global-bg-white-primary);
}
.cf__status span{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: block;
    background: red;
}
.cf__status span.open{
    background: #53a970;
}
.cf__time{
    font-size: 18px;
    line-height: 130%;
    letter-spacing: 0.01em;
    text-align: right;
    color: var(--global-bg-white-primary);
    display: flex;
    align-items: center;
    grid-gap: 10px;
}


.coffeeshop__gallery .cnt{
    margin-top: 0;
}
.coffeeshop__gallery .block__gallery{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 8px;
    grid-template-rows: 656px;
}
.coffeeshop__gallery .block__g-r{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 8px;
}
.coffeeshop__gallery .block__g-r img, .coffeeshop__gallery .block__gallery-all img{
    display: block;
    width: 100%;
    object-fit: cover;
    position: relative;
    z-index: 1;
}
.coffeeshop__gallery .block__g-l img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.coffeeshop__gallery .block__img{
    position: relative;
}
.coffeeshop__gallery .block__noise{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(34, 34, 34, 0.5);
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    text-align: center;
    color: #f5f5f5;
    z-index: 2;
}
.coffeeshop__gallery .block__noise.active{
    display: none;
}
.coffeeshop__gallery .block__gallery-all{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 8px;
    margin-top: 8px;
}
.wcms-block-text-with-photo-images{
    margin-bottom: 132px;
}
@media (max-width: 992px) {
    .coffeeshop__gallery .block__gallery{
        grid-template-columns: repeat(1, minmax(0, 1fr));
        grid-template-rows: 456px;
    }
    .coffeeshop__gallery .block__gallery-all{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 568px) {
    .coffeeshop__gallery .block__gallery{
        grid-template-rows: auto;
    }
    .coffeeshop__gallery .block__gallery-all, .coffeeshop__gallery .block__g-r{
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: auto;
    }
}

@media (max-width: 1200px) {
    .header .block-container-fluid{
        padding: 50px 15px 100px;
        min-height: auto;
    }
    .header .block{
        grid-template-columns: 1fr;
        grid-gap: 35px;
    }
    .header .block__title{
        font-size: 40px;
    }
    .header .block__r{
        padding: 0;
    }
    .header .block__f{
        font-size: 81px;
    }
    .header .block__r.active{
        padding: 15px;
        position: relative;
        top: 0;
        max-height: inherit;
        max-width: 100%;
        transform: inherit;
    }
    .header .block__cnt-gap {
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }
    .header .block__l {
        padding: 15px;
    }
}

@media (max-width: 992px) {
    .header .block__cont-i {
        grid-template-columns: 1fr;
        display: grid;
    }
    .svc {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .title__wrap{
        margin-top: 0;
    }
    .coffeeshop {
        margin-top: 94px;
    }
    .wcms-block-text-with-photo-images {
        margin-bottom: 94px;
    }
}
@media (max-width: 768px) {
    .header .block__l {
        border: none;
        padding: 0;
        min-height: auto;
    }
    .svc {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}