:root {
    --colledge: #00b0f0;
    --grf: #c10321;
    --ftrr: #f17e00;
    --gff: #ab7a3d;
    --nf: #800080;
    --ef: #55b137;
    --feu: #007375;
    --ggf: #008cd3;
    --ictn: #3b567e;
}


.colledgeColor:hover,
.colledgeColor.activeItem {
    color: var(--colledge);
    text-decoration: underline;
}

.grfColor:hover,
.grfColor.activeItem {
    color: var(--grf);
    text-decoration: underline;

}

.ftrrColor:hover,
.ftrrColor.activeItem {
    color: var(--ftrr);
    text-decoration: underline;

}

.gffColor:hover,
.gffColor.activeItem {
    color: var(--gff);
    text-decoration: underline;

}

.nfColor:hover,
.nfColor.activeItem {
    color: var(--nf);
    text-decoration: underline;

}

.efColor:hover,
.efColor.activeItem {
    color: var(--ef);
    text-decoration: underline;

}

.feuColor:hover,
.feuColor.activeItem {
    color: var(--feu);
    text-decoration: underline;

}

.ggfColor:hover,
.ggfColor.activeItem {
    color: var(--ggf);
    text-decoration: underline;

}

.ictnColor:hover,
.ictnColor.activeItem {
    color: var(--ictn);
    text-decoration: underline;

}


.colledgeBg {
    background-color: var(--colledge);
}

.grfBg {
    background-color: var(--grf);

}

.ftrrBg {
    background-color: var(--ftrr);

}

.gffBg {
    background-color: var(--gff);

}

.nfBg {
    background-color: var(--nf);

}

.efBg {
    background-color: var(--ef);

}

.feuBg {
    background-color: var(--feu);

}

.ggfBg {
    background-color: var(--ggf);

}

.ictnBg {
    background-color: var(--ictn);

}


.dirEduFlexCenter {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: inherit;
}

.dirEduBlock {
    border-radius: 40px;
    min-height: 300px;
}

.dirEduBlock>div {
    padding: 40px;
}

.dirEduNaming {
    margin: 0;
    padding: 0;
    hyphens: auto;
    font-weight: 600;
}

div.dirEduItem {
    padding: 0 10px 10px 10px;
    font-size: 24px;
    color: #333;
}

p.dirEduLevel {
    padding: 0 0 0 10px;
    font-size: 16px;
    color: rgba(0, 0, 0, .3);
    font-weight: 700;
    margin-top: 20px;
}

p.dirEduLevel.firstEduLevel {
    margin-top: 0px;
}

div.dirEduItem:hover {
    text-decoration: underline;
    cursor: pointer;
}

.dirEduDetail {
    margin-top: 25px;
    margin-left: 10px;
    font-size: 16px;
}

.dirEduBigName {
    hyphens: auto;
    /* text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden; */
    font-size: 35px;
}

.dirEdu .MPEvBtn {
    max-width: 300px;
    color: white;
}



.dirEduBtns {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 40px;
    margin-bottom: 50px;
}

.dirEduBtns>div {
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    padding-right: 20px;
    line-height: 3.5;
}

@media (max-width: 500px) {
    .dirEduBtns>div {
        line-height: 2.75;
    }

    .dirEduBtns>div>span.selectFac {
        font-size: 12px;
        white-space: nowrap;
        text-transform: uppercase;

    }
}

@media (max-width: 380px) {

    .dirEduBtns>div>span.selectFac {
        font-size: 11px;

    }
}

@media (max-width: 370px) {

    .dirEduBtns>div>span.selectFac {
        font-size: 9px;

    }
}



.fttrdesc {
    display: inline;
}

@media (max-width: 450px) {
    h1.naprObr {
        text-align: left;
    }

    .dirEduDetail {
        font-size: 18px;
    }

    div.dirEduItem {
        font-size: 20px;
    }

    .fttrdesc {
        display: none;
    }

    .dirEduBlock {
        margin-top: 10px;
    }

    .dirEduBlock.colorBlock {
        margin-top: 20px;
        min-height: 200px;

    }

    .dirEduBlock div:nth-child(1) {
        hyphens: auto;
        /* padding: 0; */

    }

    span.gid-btn {
        font-size: 16px !important;
    }

    .dirEduBlock div:nth-child(1)>h1 {
        padding: 20px 30px 0 30px;
        hyphens: auto;
        text-align: center;
    }

    .dirEduBlock div:nth-child(2)>img {
        max-height: 150px;
    }

    .dirEduBlock div:nth-child(2) {
        padding: 0px 20px 20px 20px;
    }

    h1.dirEduBigName {
        font-size: 22px;
    }

    div.dirEduItem.dirEduItemFirst {
        padding-left: 10px;
    }
}

.fttrmob {
    display: none;
}

@media (max-width: 450px) {
    .fttrmob {
        display: inline;
    }

}