.map-block {
    height: 470px;
}

.map-block [class*="ymaps-2"][class*="-ground-pane"],
.map-block [class*="ymaps-2"][class*="-copyrights-pane"],
.map-block [class*="ymaps-2"][class*="-controls-pane"] {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.footer_vk {
    color: #07F
}

.footer_ok {
    color: #FF7609
}

.footer_tg {
    color: #18A3E6
}

.WhatsApp {
    color: #28D146;
}


.etap-img {
    top: -85%;
    right: -12%;
}

.etap-img_2 {
    top: -12%;
    right: -7%;
}

.uslugiimg {
    top: -30%;
    right: -15%;
}

.text-uslugi {
    mix-blend-mode: difference;
}





/* read more */
.read-more {
    opacity: 0
}

.read-more--loaded {
    opacity: 1
}

.read-more__btn {
    cursor: pointer;
    color: var(--color-primary);
    text-decoration: underline
}


.intro {
    background-color: hsl(238deg 100% 5% / 75%);
}

.scroll-content__target {
    scroll-margin-top: var(--space-xl);
}

.mysotrudnichali-filter {
    filter: invert(90%) sepia(13%) saturate(3243%) hue-rotate(176deg) brightness(97%) contrast(89%);
}

:root,
* {
    --color-ipwbpse5p: rgb(0 0 0 / 56%);
    --color-if42j3pq9: 0, 0, 0;
}

.bg-proekt {
    background-image: linear-gradient(0deg, var(--color-ipwbpse5p) 16%, rgba(var(--color-if42j3pq9), 0) 109%);
}


/*********************
.grid-home_portfolio {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(4, 0fr);
    grid-template-areas:
        "items1 items1 items1 items1 items1 items1 items1 items1 items2 items2 items2 items2"
        "items3 items3 items3 items3 items3 items4 items4 items4 items4 items4 items4 items4"
        "items3 items3 items3 items3 items3 items5 items5 items5 items5 items6 items6 items6"
        "items8 items8 items8 items8 items8 items5 items5 items5 items5 items7 items7 items7"
}

.itemsp-1 {
    grid-area: items1;
}
.itemsp-2 {
    grid-area: items2;
    --aspect-ratio: calc(4 / 4.6);
}
.itemsp-3 {
    grid-area: items3;
}
.itemsp-4 {
    grid-area: items4;
}
.itemsp-5 {
    grid-area: items5;
    --aspect-ratio: calc(9 / 10.45);
}
.itemsp-6 {
    grid-area: items6;
    --aspect-ratio: calc(4 / 3);
}
.itemsp-7 {
    grid-area: items7;
    --aspect-ratio: calc(4 / 3);
}
.itemsp-8 {
    grid-area: items8;
}



*/

:root, * {
    --color-ipwbpse5p: hsl(231.89deg 48.05% 15.1% / 50%);
    --color-if42j3pq9: 0, 0, 0;
}


.grid-home_portfolio {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(10, 90px);
}
.grid-home_portfolio  {
    grid-gap: 15px;
    position: relative;
    display: grid;
}

.itemsp-1 {
    grid-column: 1 / span 1;
    grid-row: 1 / span 2;
}
.itemsp-2 {
    grid-column: 2 / span 1;
    grid-row: 1 / span 2;
}
.itemsp-3 {
    grid-column: 1 / span 2;
    grid-row: 3 / span 2;
}
.itemsp-4 {
    grid-column: 2 / span 1;
    grid-row: 5 / span 2;
}
.itemsp-5 {
    grid-column: 1 / span 1;
    grid-row: 5 / span 2;
}
.itemsp-6 {
    grid-column: 1 / span 2;
    grid-row: 7 / span 2;
}
.itemsp-7 {
    grid-column: 1 / span 1;
    grid-row: 9 / span 2;
}
.itemsp-8 {
    grid-column: 2 / span 1;
    grid-row: 9 / span 2;
}

@media (min-width: 64rem) {
    .grid-home_portfolio {
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: repeat(9, 120px);
    }
    .grid-home_portfolio  {
        grid-gap: 15px;
    }
    
    .itemsp-1 {
        grid-column: 1 / span 7;
        grid-row: 1 / span 3;
    }
    .itemsp-2 {
        grid-column: 8 / span 5;
        grid-row: 1 / span 3;
    }
    .itemsp-3 {
        grid-column: 1 / span 5;
        grid-row: 4 / span 3;
    }
    .itemsp-4 {
        grid-column: 6 / span 7;
        grid-row: 4 / span 3;
    }
    .itemsp-5 {
        grid-column: 1 / span 4;
        grid-row: 7 / span 3;
    }
    .itemsp-6 {
        grid-column: 5 / span 4;
        grid-row: 7 / span 3;
    }
    .itemsp-7 {
        grid-column: 9 / span 4;
        grid-row: 7 / span 3;
    }
    .itemsp-8 {
        grid-column: 10 / span 3;
        grid-row: 9 / span 2;
    }

    .itemsp-1 h3,
    .itemsp-4 h3 {
        width: 80%;
    }
}