.napravleniya__object {
    position: relative;
    display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;

flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column;
height: 100%;
text-decoration: none;
}
.napravleniya__object-title {
    font-family: 'Gilroy';
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 5px;
    font-size: 12px;
    
    color: #fff;
    height: auto;
}
.napravleniya__object-text-wpapper {
    height: 100%;
    background-color: #242424;
    display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
align-items: center; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center;
justify-content: center; -webkit-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center;

}
.napravleniya__object-image-wrapper.img-resp-fixheight {
    padding-top: 210px;
}
@media (min-width:576px) {
    
}

@media (min-width:768px) {
    
    .napravleniya__object-text-wpapper { 
        position: absolute;
        z-index: 5;
        width: 100%;
        height: 70px;
        top: initial;
        bottom: 0;
        background-color: transparent;
    }

    .napravleniya__object-image-wrapper::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 4;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    }
    .napravleniya__object-title {
        font-size: 16px;
        padding: 10px 20px;
    }
}

@media (min-width:992px) {
    .napravleniya__razdel {
        display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
        align-items: flex-start; -webkit-align-items: flex-start; -webkit-box-align: flex-start; -ms-flex-align: flex-start;
    
    }
    
    .napravleniya__title {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-right: 20px;
    }
    .napravleniya__text {
        
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-top: -4px;
    }
}

@media (min-width:1200px) {
    .napravleniya__object-title {
        font-size: 20px;
    }
    .napravleniya__object-text-wpapper {
        height: 118px;
        -webkit-transition: background-color .2s, height .4s;
        -o-transition: background-color .2s, height .4s;
        transition: background-color .2s, height .4s;

    }
    .napravleniya__object-title {
        padding: 10px 45px;
        line-height: 1.25;
    }

    .napravleniya__object:hover .napravleniya__object-text-wpapper {
        height: 100%;
        background-color: rgb(235, 59, 59, .9);
    }
}

@media (min-width:1400px) {
    
}