/* Start:/abitur/assets/css/spo-uslovia.css?17206974901660*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Roboto", sans-serif;
}
.spoPriem {
    display: flex;
    flex-direction: column;
    align-items: start;
}
.spoPriem-main {
    display: flex;
    flex-direction: column;
    gap: 50px;
    width: 100%;
}
.spoPriem-main__h1 {
    margin-top: 50px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    padding: 25px;
    border-radius: 10px;
    flex-wrap: wrap;
    background-color: #e0f0ff;
    font-size: 2rem;
    text-decoration: none;
    color: #007aff;
    font-weight: bold;
}
.spoPriem-levels {
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 50px;
}
.spoPriem-level {
    width: 25%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    flex-wrap: wrap;
    background-color: #007aff;
    color: #ffffff;
    border-radius: 15px;
    transition: 0.3s;
    position: relative;
}
.arrow {
    position: absolute;
    right: -18%;
    top: 45%;
    z-index: 9999999;
    transition: 0.3s;
    width: 58px;
    transform: scaleY(-1);
}
.spoPriem-level__block {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.spoPriem-level__ul_li {
    list-style: none;
}
.spoPriem-__ul {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.spoPriem-level__ul_link {
    color: #ffffff;
    text-decoration: none;
    border-bottom: 1px solid #ffffff;
    transition: 0.3s;
}
.spoPriem-level__ul_link:hover {
    margin-left: 2px;
}
.spoPriem-level:hover {
    background-color: #ff4040;
    .arrow {
        right: -30%;
    }
}
/* End */


/* Start:/abitur/assets/css/mobile/main-mobile.css?17524734342837*/
@import url(/abitur/assets/css/mobile/./uslovia-priema__mobile.css);
@import url(/abitur/assets/css/mobile/./main-page__mobile.css);

@media screen and (max-width: 560px) {
	.spoPriem-level {
		width: 100%!important;
    }
.spoPriem-main__h1 {
    margin-top: 50px;
    display: flex
;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    padding: 25px;
    border-radius: 10px;
    flex-wrap: wrap;
    background-color: #e0f0ff;
    font-size: 1.7rem;
    text-decoration: none;
    color: #007aff;
    font-weight: bold;
}
	.spoPriem-levels {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 50px;
}
    .postuplenie {
        margin-left: unset;
        margin-right: unset;
        margin-top: unset;
        padding: 10px;
    }
    .postuplenie-mainBlock__h1 {
        font-size: 2rem;
        padding: 20px 20px 0px 20px;
    }
    .postuplenite-columns {
        flex-wrap: wrap;
        gap: unset;
    }
    .priemCompany, .lka {
        margin-top: unset;
        text-align: center;
        gap: 20px;
        justify-content: center;
    }
    .lka__h2 {
        border-bottom: none;
    }
    .priemCompany__h2, .lka__h2 {
        font-size: 1.2rem;
    }
    .programm-block {
        margin-top: unset;
        justify-content: center;
    }
    .programm {
        max-width: 100%;
        width: 100%;
        min-height: 100%;
    }
    .programm:hover {
        background-color: #f2f2f2;
        transform: scale(1);
        color: #0350a3;
        .programm-h3, .programm-ul__li_a {
            color: #0350a3;
        };
        .programm-ul__li_a {
            border-bottom: 1px solid #0350a3;
        }
    }
    .docs-variants, .docs-needs {
        width: 100%;
        padding: 20px;
    }
    .docs-variant-txt__h3, .docs-need__h2 {
        font-size: 1.2rem;
    }
}
@media screen and (min-width: 560px) and (max-width: 1100px) {
    .postuplenie {
        margin-left: unset;
        margin-right: unset;
        margin-top: unset;
        padding: 10px;
    }
    .postuplenie-mainBlock__h1 {
        font-size: 4rem;
    }
    .postuplenite-columns {
        flex-wrap: wrap;
    }
    .priemCompany, .lka {
        justify-content: center;
        text-align: center;
        gap: 20px;
    }
    .programm {
        width: 45%;
    }
    .docs-variants, .docs-needs {
        width: 100%;
    }
}
@media screen and (min-width: 1100px) and (max-width: 1600px) {
    .postuplenie-mainBlock__h1 {
        font-size: 4rem;
    }
    .postuplenie-columums__ul_li {
        font-size: 1rem;
    }
    .postuplenite-columns {
        gap: 20px;
    }
    .priemCompany, .lka {
        gap: 20px;
        justify-content: center;
    }
    .priemCompany__h2, .lka__h2 {
        font-size: 1.5rem;
    }
    .programm {
        width: 45%;
    }
    .docs-variants, .docs-needs {
        width: 100%;
    }
}
/* End */
/* /abitur/assets/css/spo-uslovia.css?17206974901660 */
/* /abitur/assets/css/mobile/main-mobile.css?17524734342837 */