html,
body {
    width: 100%;
    /*height: 100%;*/
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: hidden;
}

body {
    position: fixed;
}

/* NAVBAR SECTION */

.navbar {
    position: fixed;
    z-index: 777;
    top: 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background-color: #ffffff;
    width: 100%;
    height: 50px;
    font-size: 25px;
    color: #000000;
    /*font-family: 'Montserrat', sans-serif; 
    font-weight: bold; */
}

.navbar_left_button,
.navbar_right_button {
    background-color: transparent;
    width: 75px;
    height: 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 20px;
    /*padding-top: 4px;*/
}

.navbar_left_button {
    justify-content: flex-start;
}

.navbar_right_button {
    justify-content: flex-end;
}

.back_button,
.transparent_button {
    width: 25px;
    height: 25px;
}

.navbar_left_button {
    padding-left: 10px;
    /*padding-left: 5px;*/
}

.navbar_right_button {
    padding-right: 10px;
    /*padding-right: 5px;*/
}

.back_button {
    opacity: 0; /*should be zero*/
    position: relative;
    /*left: 20px;*/
    transition: 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
    display: none;
}

.notifications_navbar_button {
    width: 25px;
    height: 25px;
}

@media (max-width: 399px) {
    .student_corner_logo_navbar_text_large {
        display: none;
    }

    .student_corner_logo_navbar_text_small {
        display: block;
    }
}

@media (min-width: 400px) {
    .student_corner_logo_navbar_text_large {
        display: block;
    }

    .student_corner_logo_navbar_text_small {
        display: none;
    }
}

/* SCREEN SECTION */
.screen {
    width: 100vw;
    height: 100vh;
    background-color: #ffffff;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    padding-top: 50px;
    padding-bottom: 50px;
}

.screen_welcome {
    width: 100vw;
    height: 100vh;
    background-color: #ffffff;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    padding-top: 50px;
    padding-bottom: 50px;
    position: absolute;
    z-index: 111;
    left: 0;
    top: 100vh;
    transition: 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.screen_location {
    width: 100vw;
    height: 100vh;
    background-color: #ffffff;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    padding-top: 50px;
    padding-bottom: 50px;
    position: absolute;
    z-index: 111;
    left: 100vw;
    top: 0;
    transition: 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.screen_promotion {
    width: 100vw;
    height: 100vh;
    background-color: #ffffff;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    padding-top: 50px;
    padding-bottom: 50px;
    position: absolute;
    z-index: 111;
    left: 100vw;
    top: 0;
    transition: 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.screen_cabinet {
    width: 100vw;
    height: 100vh;
    background-color: #ffffff;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    padding-top: 50px;
    padding-bottom: 50px;
    position: absolute;
    z-index: 111;
    left: 100vw;
    top: 0;
    transition: 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.yamap_container {
    width: 100%;
    height: 400px;
}

#map {
    width: 100% !important;
    height: 50vh !important;
}

.location_podpis {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 30px;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}

.welcome_container,
.cabinetscreen_container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.welcome_text,
.cabinetscreen_text {
    width: 260px;
    margin-top: 10px;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 18px;
}

.cabinet_button_area {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
}

.welcome_button,
.cabinet_button,
.cabinet_cancel_button {
    width: 100px;
    height: 40px;
    border: 2px solid #000000;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    margin-top: 20px;
}

.cabinet_button {
    width: 120px;
    margin-left: 20px;
}


.location_container,
.cabinet_container {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.location,
.cabinet {
    width: 160px;
    height: 80px;
    border: 2px solid #000000;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start;
    background: #ffffff url('/img/kichka_yamap2.png');
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    padding: 15px;
    margin-right: 15px;
    flex-shrink: 0;
    background-size: cover;
}

.location {
    background: #ffffff url('/img/kichka_yamap2.png');
    background-size: cover;
}

.cabinet {
    background: #ffffff url('/img/kichka_cabinet.png');
    background-size: cover;
}

.location_text {
    margin-bottom: 20px;
}

.promotion_text {
    background-color: #ffffff;
    border-radius: 5px;
    padding: 5px;
    font-size: 10px;
}

.screen_muzshkoy {
    width: 100vw;
    height: 100vh;
    background-color: #ffffff;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    padding-top: 50px;
    padding-bottom: 50px;
    position: absolute;
    z-index: 111;
    left: 100vw;
    top: 0;
    transition: 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.screen_zhenskiy {
    width: 100vw;
    height: 100vh;
    background-color: #ffffff;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    padding-top: 50px;
    padding-bottom: 50px;
    position: absolute;
    z-index: 111;
    left: 100vw;
    top: 0;
    transition: 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.screen_appointment {
    width: 100vw;
    height: 100vh;
    background-color: #ffffff;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    padding-top: 50px;
    padding-bottom: 50px;
    position: absolute;
    z-index: 555;
    left: 100vw;
    top: 0;
    transition: 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.screen_uni_screen_and_faculties, .screen_university_screen_programs {
    width: 100vw;
    height: 100vh;
    background-color: #ffffff;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    padding-top: 50px;
    padding-bottom: 50px;
    position: absolute;
    z-index: 111;
    left: 100vw;
    top: 0;
    transition: 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.screen_faculty_screen_and_programs {
    width: 100vw;
    height: 100vh;
    background-color: #ffffff;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    padding-top: 50px;
    padding-bottom: 50px;
    position: absolute;
    z-index: 111;
    left: 100vw;
    top: 0;
    transition: 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
}


.saved_screen {
    width: 100vw;
    height: 100vh;
    background-color: #ffffff;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    padding-top: 50px;
    padding-bottom: 50px;
    position: absolute;
    z-index: 111;
    left: 0;
    top: 0;
}

.saved_screen_uni_screen_and_faculties {
    width: 100vw;
    height: 100vh;
    background-color: #ffffff;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    padding-top: 50px;
    padding-bottom: 50px;
    position: absolute;
    z-index: 112;
    left: 100vw;
    top: 0;
    transition: 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
}



.saved_screen_faculty_screen_and_programs {
    width: 100vw;
    height: 100vh;
    background-color: #ffffff;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    padding-top: 50px;
    padding-bottom: 50px;
    position: absolute;
    z-index: 114;
    left: 100vw;
    top: 0;
    transition: 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.my_scores_screen {
    width: 100vw;
    height: 100vh;
    background-color: #ffffff;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    padding-top: 50px;
    padding-bottom: 50px;
    position: absolute;
    z-index: 111;
    left: 0;
    top: 0;
}

.about_info_screen {
    width: 100vw;
    height: 100vh;
    background-color: #ffffff;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    padding-top: 50px;
    padding-bottom: 50px;
    position: absolute;
    z-index: 111;
    left: 0;
    top: 0;
}


.city_screen {
    width: 100vw;
    height: 100vh;
    background-color: #ffffff;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    padding-top: 50px;
    padding-bottom: 50px;
    position: absolute;
    z-index: 555;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.city_screen_list_start{    
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 35px;
    margin-bottom: 180px;
}

.city_screen_first_city_block{
    width:80%;
    border: 1px solid black;
    border-radius: 10px 10px 0 0;
    height:50px;
    display:flex;
    align-items: center;
    justify-content: center;
    font-size:18px;
}

.city_screen_city_block{
    width:80%;
    border: 1px solid black;
    height:50px;
    display:flex;
    align-items: center;
    justify-content: center;
    margin-top:-1px;
    font-size:18px;
}

.city_screen_last_city_block{
    width:80%;
    border: 1px solid black;
    border-radius: 0 0 10px 10px;
    height:50px;
    display:flex;
    align-items: center;
    justify-content: center;
    margin-top:-1px;
    font-size:18px;
}

.city_screen_smiley{
    font-size: 150px;
}

.city_screen_information_note_text{
    text-align: justify;
}



@keyframes splashScreenAnimation {
    0% {
        opacity:0;
    }

    10% {
        opacity:1;
    }

    90% {
        opacity:1;
    }

    100% {
        opacity:0;
    }
}

@keyframes splashScreenAnimation2 {
    0% {
        opacity:1;
    }

    90% {
        opacity:1;
    }

    100% {
        opacity:0;
    }
}


.splash_screen {
    width: 100vw;
    height: 100vh;
    background-color: #ffffff;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    padding-top: 50px;
    padding-bottom: 50px;
    position: absolute;
    z-index: 888;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    animation: splashScreenAnimation2 5s linear;
    animation-iteration-count: 1;
    opacity:0;
}

.splash_screen_abiturient_app_title{    
    font-size: 42px;
    animation: splashScreenAnimation 5s linear;
    animation-iteration-count: 1;
    opacity: 0;
}

.splash_screen_developed_by_title{
    font-size: 24px;
    margin-bottom: 10px;
    animation: splashScreenAnimation 5s linear;
    animation-iteration-count: 1;
    opacity: 0;
}

.splash_screen_minichev_small_logo{
    width:200px;
    height:auto;
    animation: splashScreenAnimation 5s linear;
    animation-iteration-count: 1;
    opacity: 0;
}


.saved_screen,
.saved_screen_uni_screen_and_faculties,
.saved_screen_faculty_screen_and_programs,
.my_scores_screen,
.about_info_screen,
.city_screen {
    display: none;
}

.screen_main_active_switched {
    display: block;
}

.tabbar {
    position: fixed;
    z-index: 777;
    bottom: 0;
    width: 100%;
    background-color: #ffffff;
    height: 66px;
    display: flex;
    flex-direction: row;
}

.tabunit {
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    padding-top: 2px;
}

.tabimg {
    width: 32px;
    height: 32px;
}

.storis_container {
    width: 100%;
    height: 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-top: 50px;
    margin-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
}

.storis {
    width: 60px;
    height: 60px;
    border: 2px solid #000000;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    padding: 15px;
    margin-right: 15px;
    flex-shrink: 0;
}

.promotions_container {
    width: 100%;
    height: 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 40px;
    margin-bottom: 30px;
}

.promotion {
    width: 120px;
    height: 60px;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    padding: 15px;
    margin-right: 15px;
    flex-shrink: 0;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.appointment_container {
    width: 100%;
    height: 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.appointment_button {
    width: 250px;
    height: 40px;
    border: 2px solid #000000;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
}

/* Sweet Scroll Start */

.menu-wrap {
    display: block;
    width: 100vw;
    overflow: hidden;
}

.menu-wrap .menu-scroll {
    display: block;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 15px;
    margin-bottom: -15px;
}

@media screen and (min-width: 768px) {
    .menu-wrap .menu-scroll {
        margin-bottom: -30px;
    }
}

.menu-wrap .menu-scroll .menu-body {
    display: block;
    width: auto;
}

.menu-wrap .menu-scroll .menu-body ul {
    margin-left: 0px;
    margin: 20px;
    padding-left: 0px;
    padding: 5px;
    display: block;
    white-space: nowrap;
}

.menu-wrap .menu-scroll .menu-body ul li {
    display: inline;
    padding: 10px;
}

/* Sweet Scroll End */

.genders_container {
    width: 100%;
    height: 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.men_services {
    width: 140px;
    height: 50px;
    background-color: #015486;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    color: #ffffff;
    border-radius: 10px 0 0 10px;
}

.women_services {
    width: 140px;
    height: 50px;
    background-color: #FF56A9;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    color: #ffffff;
    border-radius: 0 10px 10px 0;
}


@keyframes animatedBackground {
    0% {
        background-position: 0 0;
    }

    25% {
        background-position: 0 100%;
    }

    50% {
        background-position: 0 100%;
    }

    75% {
        background-position: 0 0;
    }

    100% {
        background-position: 0 0;
    }
}

.screen_active {
    left: 0 !important;
}

.back_button_active {
    left: 0;
    opacity: 1;
    display: block;
}

.screen_active_2LevelDeepness {
    left: -100vw;
}

/* VUZ MAIN ITEM LIST BLOCK CONTAINER */

.appointment_headline_container {
    width: 100%;
    height: 30px;
    margin-top: 20px;
    padding-left: 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 20px;
}

.vuz_list {
    /* width: 100%; */
    margin-top: 20px;
    margin-bottom: 20px;
}

.vuz_list_start {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

.saved_vuz_list_start {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

.my_scores_list_start {
    margin-top: 1.25rem;
    margin-bottom: 180px;
}

.about_info_screen_list_start {
    margin-top: 1.25rem;
    margin-bottom: 180px;
}

.vuz {
    width: 100%;
    /*border-radius: 10px;*/
    padding-bottom: 20px;
    margin-bottom: 1.875rem;
    display: flex;
    flex-direction: column;
}

@keyframes animatedBackground {
    0% {
        background-position: 0 0;
    }

    25% {
        background-position: 0 100%;
    }

    50% {
        background-position: 0 100%;
    }

    75% {
        background-position: 0 0;
    }

    100% {
        background-position: 0 0;
    }
}


@keyframes animatedBackground1 {
    0% {
        background-position: 0 0;
        opacity: 1;
    }

    2% {
        background-position: 0 100%;
        opacity: 1;
    }

    4% {
        background-position: 0 100%;
        opacity: 1;
    }

    6% {
        background-position: 0 100%;
        opacity: 0;
    }

    8% {
        background-position: 0 100%;
        opacity: 0;
    }

    94% {
        background-position: 0 0;
        opacity: 0;
    }

    96% {
        background-position: 0 0;
        opacity: 1;
    }

    100% {
        background-position: 0 0;
        opacity: 1;
    }
}


@keyframes animatedBackground2 {
    0% {
        background-position: 0 100%;
        opacity: 0;
    }

    4% {
        background-position: 0 100%;
        opacity: 0;
    }

    6% {
        background-position: 0 100%;
        ;
        opacity: 1;
    }

    8% {
        background-position: 0 100%;
        ;
        opacity: 1;
    }

    10% {
        background-position: 0 0;
        opacity: 1;
    }

    12% {
        background-position: 0 0;
        opacity: 1;
    }

    14% {
        background-position: 0 0;
        opacity: 0;
    }

    100% {
        background-position: 0 0;
        opacity: 0;
    }
}


@keyframes animatedBackground3 {
    0% {
        background-position: 0 0;
        opacity: 0;
    }

    12% {
        background-position: 0 0;
        opacity: 0;
    }

    14% {
        background-position: 0 0;
        opacity: 1;
    }

    16% {
        background-position: 0 0;
        opacity: 1;
    }

    18% {
        background-position: 0 100%;
        opacity: 1;
    }

    20% {
        background-position: 0 100%;
        opacity: 1;
    }

    22% {
        background-position: 0 100%;
        opacity: 0;
    }

    24% {
        background-position: 0 100%;
        opacity: 0;
    }

    100% {
        background-position: 0 100%;
        opacity: 0;
    }
}


@keyframes animatedBackground4 {
    0% {
        background-position: 0 100%;
        opacity: 0;
    }

    20% {
        background-position: 0 100%;
        opacity: 0;
    }

    22% {
        background-position: 0 100%;
        ;
        opacity: 1;
    }

    24% {
        background-position: 0 100%;
        ;
        opacity: 1;
    }

    26% {
        background-position: 0 0;
        opacity: 1;
    }

    28% {
        background-position: 0 0;
        opacity: 1;
    }

    30% {
        background-position: 0 0;
        opacity: 0;
    }

    100% {
        background-position: 0 0;
        opacity: 0;
    }
}


@keyframes animatedBackground5 {
    0% {
        background-position: 0 0;
        opacity: 0;
    }

    28% {
        background-position: 0 0;
        opacity: 0;
    }

    30% {
        background-position: 0 0;
        opacity: 1;
    }

    32% {
        background-position: 0 0;
        opacity: 1;
    }

    34% {
        background-position: 0 100%;
        opacity: 1;
    }

    36% {
        background-position: 0 100%;
        opacity: 1;
    }

    38% {
        background-position: 0 100%;
        opacity: 0;
    }

    100% {
        background-position: 0 100%;
        opacity: 0;
    }
}


@keyframes animatedBackground6 {
    0% {
        background-position: 0 100%;
        opacity: 0;
    }

    36% {
        background-position: 0 100%;
        opacity: 0;
    }

    38% {
        background-position: 0 100%;
        ;
        opacity: 1;
    }

    40% {
        background-position: 0 100%;
        ;
        opacity: 1;
    }

    42% {
        background-position: 0 0;
        opacity: 1;
    }

    44% {
        background-position: 0 0;
        opacity: 1;
    }

    46% {
        background-position: 0 0;
        opacity: 0;
    }

    100% {
        background-position: 0 0;
        opacity: 0;
    }
}

@keyframes animatedBackground7 {
    0% {
        background-position: 0 0;
        opacity: 0;
    }

    44% {
        background-position: 0 0;
        opacity: 0;
    }

    46% {
        background-position: 0 0;
        opacity: 1;
    }

    48% {
        background-position: 0 0;
        opacity: 1;
    }

    50% {
        background-position: 0 100%;
        opacity: 1;
    }

    52% {
        background-position: 0 100%;
        opacity: 1;
    }

    54% {
        background-position: 0 100%;
        opacity: 0;
    }

    100% {
        background-position: 0 100%;
        opacity: 0;
    }
}


@keyframes animatedBackground8 {
    0% {
        background-position: 0 100%;
        opacity: 0;
    }

    52% {
        background-position: 0 100%;
        opacity: 0;
    }

    54% {
        background-position: 0 100%;
        ;
        opacity: 1;
    }

    56% {
        background-position: 0 100%;
        ;
        opacity: 1;
    }

    58% {
        background-position: 0 0;
        opacity: 1;
    }

    60% {
        background-position: 0 0;
        opacity: 1;
    }

    62% {
        background-position: 0 0;
        opacity: 0;
    }

    100% {
        background-position: 0 0;
        opacity: 0;
    }
}

@keyframes animatedBackground9 {
    0% {
        background-position: 0 0;
        opacity: 0;
    }

    60% {
        background-position: 0 0;
        opacity: 0;
    }

    62% {
        background-position: 0 0;
        opacity: 1;
    }

    64% {
        background-position: 0 0;
        opacity: 1;
    }

    66% {
        background-position: 0 100%;
        opacity: 1;
    }

    68% {
        background-position: 0 100%;
        opacity: 1;
    }

    70% {
        background-position: 0 100%;
        opacity: 0;
    }

    100% {
        background-position: 0 100%;
        opacity: 0;
    }
}


@keyframes animatedBackground10 {
    0% {
        background-position: 0 100%;
        opacity: 0;
    }

    68% {
        background-position: 0 100%;
        opacity: 0;
    }

    70% {
        background-position: 0 100%;
        ;
        opacity: 1;
    }

    72% {
        background-position: 0 100%;
        ;
        opacity: 1;
    }

    74% {
        background-position: 0 0;
        opacity: 1;
    }

    76% {
        background-position: 0 0;
        opacity: 1;
    }

    78% {
        background-position: 0 0;
        opacity: 0;
    }

    100% {
        background-position: 0 0;
        opacity: 0;
    }
}

@keyframes animatedBackground11 {
    0% {
        background-position: 0 0;
        opacity: 0;
    }

    76% {
        background-position: 0 0;
        opacity: 0;
    }

    78% {
        background-position: 0 0;
        opacity: 1;
    }

    80% {
        background-position: 0 0;
        opacity: 1;
    }

    82% {
        background-position: 0 100%;
        opacity: 1;
    }

    84% {
        background-position: 0 100%;
        opacity: 1;
    }

    86% {
        background-position: 0 100%;
        opacity: 0;
    }

    100% {
        background-position: 0 100%;
        opacity: 0;
    }
}


@keyframes animatedBackground12 {
    0% {
        background-position: 0 100%;
        opacity: 0;
    }

    84% {
        background-position: 0 100%;
        opacity: 0;
    }

    86% {
        background-position: 0 100%;
        ;
        opacity: 1;
    }

    88% {
        background-position: 0 100%;
        ;
        opacity: 1;
    }

    90% {
        background-position: 0 0;
        opacity: 1;
    }

    92% {
        background-position: 0 0;
        opacity: 1;
    }

    94% {
        background-position: 0 0;
        opacity: 0;
    }

    100% {
        background-position: 0 0;
        opacity: 0;
    }
}



/* Animated background 24 photos */


/* Animated background 24 photos */


/* Animated background 24 photos */


/* Animated background 24 photos */


/* Animated background 24 photos */


/* Animated background 24 photos */


/* Animated background 24 photos */


/* Animated background 24 photos */


/* Animated background 24 photos */


/* Animated background 24 photos */


/* Animated background 24 photos */


/* Animated background 24 photos */


/* Animated background 24 photos */



@keyframes animatedBackground_24_1 {
    0% {
        background-position: 0 0;
        opacity: 1;
    }

    1% {
        background-position: 0 100%;
        opacity: 1;
    }

    2% {
        background-position: 0 100%;
        opacity: 1;
    }

    3% {
        background-position: 0 100%;
        opacity: 0;
    }

    4% {
        background-position: 0 100%;
        opacity: 0;
    }

    97% {
        background-position: 0 0;
        opacity: 0;
    }

    98% {
        background-position: 0 0;
        opacity: 1;
    }

    100% {
        background-position: 0 0;
        opacity: 1;
    }
}


@keyframes animatedBackground_24_2 {
    0% {
        background-position: 0 100%;
        opacity: 0;
    }

    2% {
        background-position: 0 100%;
        opacity: 0;
    }

    3% {
        background-position: 0 100%;
        ;
        opacity: 1;
    }

    4% {
        background-position: 0 100%;
        ;
        opacity: 1;
    }

    5% {
        background-position: 0 0;
        opacity: 1;
    }

    6% {
        background-position: 0 0;
        opacity: 1;
    }

    7% {
        background-position: 0 0;
        opacity: 0;
    }

    100% {
        background-position: 0 0;
        opacity: 0;
    }
}


@keyframes animatedBackground_24_3 {
    0% {
        background-position: 0 0;
        opacity: 0;
    }

    6% {
        background-position: 0 0;
        opacity: 0;
    }

    7% {
        background-position: 0 0;
        opacity: 1;
    }

    8% {
        background-position: 0 0;
        opacity: 1;
    }

    9% {
        background-position: 0 100%;
        opacity: 1;
    }

    10% {
        background-position: 0 100%;
        opacity: 1;
    }

    11% {
        background-position: 0 100%;
        opacity: 0;
    }

    12% {
        background-position: 0 100%;
        opacity: 0;
    }

    100% {
        background-position: 0 100%;
        opacity: 0;
    }
}


@keyframes animatedBackground_24_4 {
    0% {
        background-position: 0 100%;
        opacity: 0;
    }

    10% {
        background-position: 0 100%;
        opacity: 0;
    }

    11% {
        background-position: 0 100%;
        ;
        opacity: 1;
    }

    12% {
        background-position: 0 100%;
        ;
        opacity: 1;
    }

    13% {
        background-position: 0 0;
        opacity: 1;
    }

    14% {
        background-position: 0 0;
        opacity: 1;
    }

    15% {
        background-position: 0 0;
        opacity: 0;
    }

    100% {
        background-position: 0 0;
        opacity: 0;
    }
}


@keyframes animatedBackground_24_5 {
    0% {
        background-position: 0 0;
        opacity: 0;
    }

    14% {
        background-position: 0 0;
        opacity: 0;
    }

    15% {
        background-position: 0 0;
        opacity: 1;
    }

    16% {
        background-position: 0 0;
        opacity: 1;
    }

    17% {
        background-position: 0 100%;
        opacity: 1;
    }

    18% {
        background-position: 0 100%;
        opacity: 1;
    }

    19% {
        background-position: 0 100%;
        opacity: 0;
    }

    100% {
        background-position: 0 100%;
        opacity: 0;
    }
}


@keyframes animatedBackground_24_6 {
    0% {
        background-position: 0 100%;
        opacity: 0;
    }

    18% {
        background-position: 0 100%;
        opacity: 0;
    }

    19% {
        background-position: 0 100%;
        ;
        opacity: 1;
    }

    20% {
        background-position: 0 100%;
        ;
        opacity: 1;
    }

    21% {
        background-position: 0 0;
        opacity: 1;
    }

    22% {
        background-position: 0 0;
        opacity: 1;
    }

    23% {
        background-position: 0 0;
        opacity: 0;
    }

    100% {
        background-position: 0 0;
        opacity: 0;
    }
}

@keyframes animatedBackground_24_7 {
    0% {
        background-position: 0 0;
        opacity: 0;
    }

    22% {
        background-position: 0 0;
        opacity: 0;
    }

    23% {
        background-position: 0 0;
        opacity: 1;
    }

    24% {
        background-position: 0 0;
        opacity: 1;
    }

    25% {
        background-position: 0 100%;
        opacity: 1;
    }

    26% {
        background-position: 0 100%;
        opacity: 1;
    }

    27% {
        background-position: 0 100%;
        opacity: 0;
    }

    100% {
        background-position: 0 100%;
        opacity: 0;
    }
}


@keyframes animatedBackground_24_8 {
    0% {
        background-position: 0 100%;
        opacity: 0;
    }

    26% {
        background-position: 0 100%;
        opacity: 0;
    }

    27% {
        background-position: 0 100%;
        ;
        opacity: 1;
    }

    28% {
        background-position: 0 100%;
        ;
        opacity: 1;
    }

    29% {
        background-position: 0 0;
        opacity: 1;
    }

    30% {
        background-position: 0 0;
        opacity: 1;
    }

    31% {
        background-position: 0 0;
        opacity: 0;
    }

    100% {
        background-position: 0 0;
        opacity: 0;
    }
}

@keyframes animatedBackground_24_9 {
    0% {
        background-position: 0 0;
        opacity: 0;
    }

    30% {
        background-position: 0 0;
        opacity: 0;
    }

    31% {
        background-position: 0 0;
        opacity: 1;
    }

    32% {
        background-position: 0 0;
        opacity: 1;
    }

    33% {
        background-position: 0 100%;
        opacity: 1;
    }

    34% {
        background-position: 0 100%;
        opacity: 1;
    }

    35% {
        background-position: 0 100%;
        opacity: 0;
    }

    100% {
        background-position: 0 100%;
        opacity: 0;
    }
}


@keyframes animatedBackground_24_10 {
    0% {
        background-position: 0 100%;
        opacity: 0;
    }

    34% {
        background-position: 0 100%;
        opacity: 0;
    }

    35% {
        background-position: 0 100%;
        ;
        opacity: 1;
    }

    36% {
        background-position: 0 100%;
        ;
        opacity: 1;
    }

    37% {
        background-position: 0 0;
        opacity: 1;
    }

    38% {
        background-position: 0 0;
        opacity: 1;
    }

    39% {
        background-position: 0 0;
        opacity: 0;
    }

    100% {
        background-position: 0 0;
        opacity: 0;
    }
}

@keyframes animatedBackground_24_11 {
    0% {
        background-position: 0 0;
        opacity: 0;
    }

    38% {
        background-position: 0 0;
        opacity: 0;
    }

    39% {
        background-position: 0 0;
        opacity: 1;
    }

    40% {
        background-position: 0 0;
        opacity: 1;
    }

    41% {
        background-position: 0 100%;
        opacity: 1;
    }

    42% {
        background-position: 0 100%;
        opacity: 1;
    }

    43% {
        background-position: 0 100%;
        opacity: 0;
    }

    100% {
        background-position: 0 100%;
        opacity: 0;
    }
}


@keyframes animatedBackground_24_12 {
    0% {
        background-position: 0 100%;
        opacity: 0;
    }

    42% {
        background-position: 0 100%;
        opacity: 0;
    }

    43% {
        background-position: 0 100%;
        ;
        opacity: 1;
    }

    44% {
        background-position: 0 100%;
        ;
        opacity: 1;
    }

    45% {
        background-position: 0 0;
        opacity: 1;
    }

    46% {
        background-position: 0 0;
        opacity: 1;
    }

    47% {
        background-position: 0 0;
        opacity: 0;
    }

    100% {
        background-position: 0 0;
        opacity: 0;
    }
}


@keyframes animatedBackground_24_13 {
    0% {
        background-position: 0 0;
        opacity: 0;
    }

    46% {
        background-position: 0 0;
        opacity: 0;
    }

    47% {
        background-position: 0 0;
        opacity: 1;
    }

    48% {
        background-position: 0 0;
        opacity: 1;
    }

    49% {
        background-position: 0 100%;
        opacity: 1;
    }

    50% {
        background-position: 0 100%;
        opacity: 1;
    }

    51% {
        background-position: 0 100%;
        opacity: 0;
    }

    100% {
        background-position: 0 100%;
        opacity: 0;
    }
}


@keyframes animatedBackground_24_14 {
    0% {
        background-position: 0 100%;
        opacity: 0;
    }

    50% {
        background-position: 0 100%;
        opacity: 0;
    }

    51% {
        background-position: 0 100%;
        ;
        opacity: 1;
    }

    52% {
        background-position: 0 100%;
        ;
        opacity: 1;
    }

    53% {
        background-position: 0 0;
        opacity: 1;
    }

    54% {
        background-position: 0 0;
        opacity: 1;
    }

    55% {
        background-position: 0 0;
        opacity: 0;
    }

    100% {
        background-position: 0 0;
        opacity: 0;
    }
}


@keyframes animatedBackground_24_15 {
    0% {
        background-position: 0 0;
        opacity: 0;
    }

    54% {
        background-position: 0 0;
        opacity: 0;
    }

    55% {
        background-position: 0 0;
        opacity: 1;
    }

    56% {
        background-position: 0 0;
        opacity: 1;
    }

    57% {
        background-position: 0 100%;
        opacity: 1;
    }

    58% {
        background-position: 0 100%;
        opacity: 1;
    }

    59% {
        background-position: 0 100%;
        opacity: 0;
    }

    100% {
        background-position: 0 100%;
        opacity: 0;
    }
}


@keyframes animatedBackground_24_16 {
    0% {
        background-position: 0 100%;
        opacity: 0;
    }

    58% {
        background-position: 0 100%;
        opacity: 0;
    }

    59% {
        background-position: 0 100%;
        ;
        opacity: 1;
    }

    60% {
        background-position: 0 100%;
        ;
        opacity: 1;
    }

    61% {
        background-position: 0 0;
        opacity: 1;
    }

    62% {
        background-position: 0 0;
        opacity: 1;
    }

    63% {
        background-position: 0 0;
        opacity: 0;
    }

    100% {
        background-position: 0 0;
        opacity: 0;
    }
}


@keyframes animatedBackground_24_17 {
    0% {
        background-position: 0 0;
        opacity: 0;
    }

    62% {
        background-position: 0 0;
        opacity: 0;
    }

    63% {
        background-position: 0 0;
        opacity: 1;
    }

    64% {
        background-position: 0 0;
        opacity: 1;
    }

    65% {
        background-position: 0 100%;
        opacity: 1;
    }

    66% {
        background-position: 0 100%;
        opacity: 1;
    }

    67% {
        background-position: 0 100%;
        opacity: 0;
    }

    100% {
        background-position: 0 100%;
        opacity: 0;
    }
}


@keyframes animatedBackground_24_18 {
    0% {
        background-position: 0 100%;
        opacity: 0;
    }

    66% {
        background-position: 0 100%;
        opacity: 0;
    }

    67% {
        background-position: 0 100%;
        ;
        opacity: 1;
    }

    68% {
        background-position: 0 100%;
        ;
        opacity: 1;
    }

    69% {
        background-position: 0 0;
        opacity: 1;
    }

    70% {
        background-position: 0 0;
        opacity: 1;
    }

    71% {
        background-position: 0 0;
        opacity: 0;
    }

    100% {
        background-position: 0 0;
        opacity: 0;
    }
}


@keyframes animatedBackground_24_19 {
    0% {
        background-position: 0 0;
        opacity: 0;
    }

    70% {
        background-position: 0 0;
        opacity: 0;
    }

    71% {
        background-position: 0 0;
        opacity: 1;
    }

    72% {
        background-position: 0 0;
        opacity: 1;
    }

    73% {
        background-position: 0 100%;
        opacity: 1;
    }

    74% {
        background-position: 0 100%;
        opacity: 1;
    }

    75% {
        background-position: 0 100%;
        opacity: 0;
    }

    100% {
        background-position: 0 100%;
        opacity: 0;
    }
}


@keyframes animatedBackground_24_20 {
    0% {
        background-position: 0 100%;
        opacity: 0;
    }

    74% {
        background-position: 0 100%;
        opacity: 0;
    }

    75% {
        background-position: 0 100%;
        ;
        opacity: 1;
    }

    76% {
        background-position: 0 100%;
        ;
        opacity: 1;
    }

    77% {
        background-position: 0 0;
        opacity: 1;
    }

    78% {
        background-position: 0 0;
        opacity: 1;
    }

    79% {
        background-position: 0 0;
        opacity: 0;
    }

    100% {
        background-position: 0 0;
        opacity: 0;
    }
}


@keyframes animatedBackground_24_21 {
    0% {
        background-position: 0 0;
        opacity: 0;
    }

    78% {
        background-position: 0 0;
        opacity: 0;
    }

    79% {
        background-position: 0 0;
        opacity: 1;
    }

    80% {
        background-position: 0 0;
        opacity: 1;
    }

    81% {
        background-position: 0 100%;
        opacity: 1;
    }

    82% {
        background-position: 0 100%;
        opacity: 1;
    }

    83% {
        background-position: 0 100%;
        opacity: 0;
    }

    100% {
        background-position: 0 100%;
        opacity: 0;
    }
}


@keyframes animatedBackground_24_22 {
    0% {
        background-position: 0 100%;
        opacity: 0;
    }

    82% {
        background-position: 0 100%;
        opacity: 0;
    }

    83% {
        background-position: 0 100%;
        ;
        opacity: 1;
    }

    84% {
        background-position: 0 100%;
        ;
        opacity: 1;
    }

    85% {
        background-position: 0 0;
        opacity: 1;
    }

    86% {
        background-position: 0 0;
        opacity: 1;
    }

    87% {
        background-position: 0 0;
        opacity: 0;
    }

    100% {
        background-position: 0 0;
        opacity: 0;
    }
}


@keyframes animatedBackground_24_23 {
    0% {
        background-position: 0 0;
        opacity: 0;
    }

    86% {
        background-position: 0 0;
        opacity: 0;
    }

    87% {
        background-position: 0 0;
        opacity: 1;
    }

    88% {
        background-position: 0 0;
        opacity: 1;
    }

    89% {
        background-position: 0 100%;
        opacity: 1;
    }

    90% {
        background-position: 0 100%;
        opacity: 1;
    }

    91% {
        background-position: 0 100%;
        opacity: 0;
    }

    100% {
        background-position: 0 100%;
        opacity: 0;
    }
}


@keyframes animatedBackground_24_24 {
    0% {
        background-position: 0 100%;
        opacity: 0;
    }

    90% {
        background-position: 0 100%;
        opacity: 0;
    }

    91% {
        background-position: 0 100%;
        ;
        opacity: 1;
    }

    92% {
        background-position: 0 100%;
        ;
        opacity: 1;
    }

    93% {
        background-position: 0 0;
        opacity: 1;
    }

    94% {
        background-position: 0 0;
        opacity: 1;
    }

    95% {
        background-position: 0 0;
        opacity: 0;
    }

    100% {
        background-position: 0 0;
        opacity: 0;
    }
}



/* @keyframes animatedBackground_24_13 {
    0% {
        background-position: 0 0;
        opacity: 1;
    }

    2% {
        background-position: 0 100%;
        opacity: 1;
    }

    4% {
        background-position: 0 100%;
        opacity: 1;
    }

    6% {
        background-position: 0 100%;
        opacity: 0;
    }

    8% {
        background-position: 0 100%;
        opacity:0;
    }

    94% {
        background-position: 0 0;
        opacity:0;
    }

    96% {
        background-position: 0 0;
        opacity:1;
    }
    
    100% {
        background-position: 0 0;
        opacity:1;
    }
}


@keyframes animatedBackground_24_14 {
    0% {
        background-position: 0 100%;
        opacity: 0;
    }

    4% {
        background-position: 0 100%;
        opacity: 0;
    }

    6% {
        background-position: 0 100%;;
        opacity: 1;
    }

    8% {
        background-position: 0 100%;;
        opacity: 1;
    }

    10% {
        background-position: 0 0;
        opacity: 1;
    }

    12% {
        background-position: 0 0;
        opacity: 1;
    }

    14% {
        background-position: 0 0;
        opacity: 0;
    }

    100% {
        background-position: 0 0;
        opacity: 0;
    }
}


@keyframes animatedBackground_24_15 {
    0% {
        background-position: 0 0;
        opacity: 0;
    }

    12% {
        background-position: 0 0;
        opacity: 0;
    }

    14% {
        background-position: 0 0;
        opacity: 1;
    }

    16% {
        background-position: 0 0;
        opacity: 1;
    }

    18% {
        background-position: 0 100%;
        opacity: 1;
    }

    20% {
        background-position: 0 100%;
        opacity: 1;
    }

    22% {
        background-position: 0 100%;
        opacity: 0;
    }

    24% {
        background-position: 0 100%;
        opacity: 0;
    }
    100% {
        background-position: 0 100%;
        opacity: 0;
    }
}


@keyframes animatedBackground_24_16 {
    0% {
        background-position: 0 100%;
        opacity: 0;
    }

    20% {
        background-position: 0 100%;
        opacity: 0;
    }

    22% {
        background-position: 0 100%;;
        opacity: 1;
    }

    24% {
        background-position: 0 100%;;
        opacity: 1;
    }

    26% {
        background-position: 0 0;
        opacity: 1;
    }

    28% {
        background-position: 0 0;
        opacity: 1;
    }

    30% {
        background-position: 0 0;
        opacity: 0;
    }

    100% {
        background-position: 0 0;
        opacity: 0;
    }
}


@keyframes animatedBackground_24_17 {
    0% {
        background-position: 0 0;
        opacity: 0;
    }

    28% {
        background-position: 0 0;
        opacity: 0;
    }

    30% {
        background-position: 0 0;
        opacity: 1;
    }

    32% {
        background-position: 0 0;
        opacity: 1;
    }

    34% {
        background-position: 0 100%;
        opacity: 1;
    }

    36% {
        background-position: 0 100%;
        opacity: 1;
    }

    38% {
        background-position: 0 100%;
        opacity: 0;
    }

    100% {
        background-position: 0 100%;
        opacity: 0;
    }
}


@keyframes animatedBackground_24_18 {
    0% {
        background-position: 0 100%;
        opacity: 0;
    }

    36% {
        background-position: 0 100%;
        opacity: 0;
    }

    38% {
        background-position: 0 100%;;
        opacity: 1;
    }

    40% {
        background-position: 0 100%;;
        opacity: 1;
    }

    42% {
        background-position: 0 0;
        opacity: 1;
    }

    44% {
        background-position: 0 0;
        opacity: 1;
    }

    46% {
        background-position: 0 0;
        opacity: 0;
    }

    100% {
        background-position: 0 0;
        opacity: 0;
    }
}

@keyframes animatedBackground_24_19 {
    0% {
        background-position: 0 0;
        opacity: 0;
    }

    44% {
        background-position: 0 0;
        opacity: 0;
    }

    46% {
        background-position: 0 0;
        opacity: 1;
    }

    48% {
        background-position: 0 0;
        opacity: 1;
    }

    50% {
        background-position: 0 100%;
        opacity: 1;
    }

    52% {
        background-position: 0 100%;
        opacity: 1;
    }

    54% {
        background-position: 0 100%;
        opacity: 0;
    }

    100% {
        background-position: 0 100%;
        opacity: 0;
    }
}


@keyframes animatedBackground_24_20 {
    0% {
        background-position: 0 100%;
        opacity: 0;
    }

    52% {
        background-position: 0 100%;
        opacity: 0;
    }

    54% {
        background-position: 0 100%;;
        opacity: 1;
    }

    56% {
        background-position: 0 100%;;
        opacity: 1;
    }

    58% {
        background-position: 0 0;
        opacity: 1;
    }

    60% {
        background-position: 0 0;
        opacity: 1;
    }

    62% {
        background-position: 0 0;
        opacity: 0;
    }

    100% {
        background-position: 0 0;
        opacity: 0;
    }
}

@keyframes animatedBackground_24_21 {
    0% {
        background-position: 0 0;
        opacity: 0;
    }

    60% {
        background-position: 0 0;
        opacity: 0;
    }

    62% {
        background-position: 0 0;
        opacity: 1;
    }

    64% {
        background-position: 0 0;
        opacity: 1;
    }

    66% {
        background-position: 0 100%;
        opacity: 1;
    }

    68% {
        background-position: 0 100%;
        opacity: 1;
    }

    70% {
        background-position: 0 100%;
        opacity: 0;
    }

    100% {
        background-position: 0 100%;
        opacity: 0;
    }
}


@keyframes animatedBackground_24_22 {
    0% {
        background-position: 0 100%;
        opacity: 0;
    }

    68% {
        background-position: 0 100%;
        opacity: 0;
    }

    70% {
        background-position: 0 100%;;
        opacity: 1;
    }

    72% {
        background-position: 0 100%;;
        opacity: 1;
    }

    74% {
        background-position: 0 0;
        opacity: 1;
    }

    76% {
        background-position: 0 0;
        opacity: 1;
    }

    78% {
        background-position: 0 0;
        opacity: 0;
    }

    100% {
        background-position: 0 0;
        opacity: 0;
    }
}

@keyframes animatedBackground_24_23 {
    0% {
        background-position: 0 0;
        opacity: 0;
    }

    76% {
        background-position: 0 0;
        opacity: 0;
    }

    78% {
        background-position: 0 0;
        opacity: 1;
    }

    80% {
        background-position: 0 0;
        opacity: 1;
    }

    82% {
        background-position: 0 100%;
        opacity: 1;
    }

    84% {
        background-position: 0 100%;
        opacity: 1;
    }

    86% {
        background-position: 0 100%;
        opacity: 0;
    }

    100% {
        background-position: 0 100%;
        opacity: 0;
    }
}


@keyframes animatedBackground_24_24 {
    0% {
        background-position: 0 100%;
        opacity: 0;
    }

    84% {
        background-position: 0 100%;
        opacity: 0;
    }

    86% {
        background-position: 0 100%;;
        opacity: 1;
    }

    88% {
        background-position: 0 100%;;
        opacity: 1;
    }

    90% {
        background-position: 0 0;
        opacity: 1;
    }

    92% {
        background-position: 0 0;
        opacity: 1;
    }

    94% {
        background-position: 0 0;
        opacity: 0;
    }

    100% {
        background-position: 0 0;
        opacity: 0;
    }
} */


.vuz_img_container {
    /*border-radius: 10px 10px 0 0;*/
    height: 180px;
    width: 100%;
    background: #ffffff;
    position: relative;
}

.vuz_img_container_about_info_screen_block {
    border-radius: 10px 10px 0 0;
    height: 150px;
    width: 100%;
    background: #ffffff;
    position: relative;
    background-color:#000000;
}

.vuz_img_inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    /*border-radius: 10px 10px 0 0;*/
    height: 180px;
    width: 100%;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.vuz_img_inner_about_info_screen_block {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-radius: 10px 10px 0 0;
    height: 130px;
    width: 100%;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position-x: center !important;
    background-position-y: center !important;
}

.faculty_img_container {
    /*border-radius: 10px 10px 0 0;*/
    height: 50px;
    width: 100%;
    background: #ffffff;
    position: relative;
    overflow: hidden;
}

.faculty_img_inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    /*border-radius: 10px 10px 0 0;*/
    height: 50px;
    width: 100%;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.vuz_img_inner_picture_number_1 {
    animation: animatedBackground1 30s linear infinite;
}

.vuz_img_inner_picture_number_2 {
    animation: animatedBackground2 30s linear infinite;
}

.vuz_img_inner_picture_number_3 {
    animation: animatedBackground3 30s linear infinite;
}

.vuz_img_inner_picture_number_4 {
    animation: animatedBackground4 30s linear infinite;
}

.vuz_img_inner_picture_number_5 {
    animation: animatedBackground5 30s linear infinite;
}

.vuz_img_inner_picture_number_6 {
    animation: animatedBackground6 30s linear infinite;
}

.vuz_img_inner_picture_number_7 {
    animation: animatedBackground7 30s linear infinite;
}

.vuz_img_inner_picture_number_8 {
    animation: animatedBackground8 30s linear infinite;
}

.vuz_img_inner_picture_number_9 {
    animation: animatedBackground9 30s linear infinite;
}

.vuz_img_inner_picture_number_10 {
    animation: animatedBackground10 30s linear infinite;
}

.vuz_img_inner_picture_number_11 {
    animation: animatedBackground11 30s linear infinite;
}

.vuz_img_inner_picture_number_12 {
    animation: animatedBackground12 30s linear infinite;
}

.vuz_img_inner_picture_number_24_1 {
    animation: animatedBackground_24_1 60s linear infinite;
}

.vuz_img_inner_picture_number_24_2 {
    animation: animatedBackground_24_2 60s linear infinite;
}

.vuz_img_inner_picture_number_24_3 {
    animation: animatedBackground_24_3 60s linear infinite;
}

.vuz_img_inner_picture_number_24_4 {
    animation: animatedBackground_24_4 60s linear infinite;
}

.vuz_img_inner_picture_number_24_5 {
    animation: animatedBackground_24_5 60s linear infinite;
}

.vuz_img_inner_picture_number_24_6 {
    animation: animatedBackground_24_6 60s linear infinite;
}

.vuz_img_inner_picture_number_24_7 {
    animation: animatedBackground_24_7 60s linear infinite;
}

.vuz_img_inner_picture_number_24_8 {
    animation: animatedBackground_24_8 60s linear infinite;
}

.vuz_img_inner_picture_number_24_9 {
    animation: animatedBackground_24_9 60s linear infinite;
}

.vuz_img_inner_picture_number_24_10 {
    animation: animatedBackground_24_10 60s linear infinite;
}

.vuz_img_inner_picture_number_24_11 {
    animation: animatedBackground_24_11 60s linear infinite;
}

.vuz_img_inner_picture_number_24_12 {
    animation: animatedBackground_24_12 60s linear infinite;
}

.vuz_img_inner_picture_number_24_13 {
    animation: animatedBackground_24_13 60s linear infinite;
}

.vuz_img_inner_picture_number_24_14 {
    animation: animatedBackground_24_14 60s linear infinite;
}

.vuz_img_inner_picture_number_24_15 {
    animation: animatedBackground_24_15 60s linear infinite;
}

.vuz_img_inner_picture_number_24_16 {
    animation: animatedBackground_24_16 60s linear infinite;
}

.vuz_img_inner_picture_number_24_17 {
    animation: animatedBackground_24_17 60s linear infinite;
}

.vuz_img_inner_picture_number_24_18 {
    animation: animatedBackground_24_18 60s linear infinite;
}

.vuz_img_inner_picture_number_24_19 {
    animation: animatedBackground_24_19 60s linear infinite;
}

.vuz_img_inner_picture_number_24_20 {
    animation: animatedBackground_24_20 60s linear infinite;
}

.vuz_img_inner_picture_number_24_21 {
    animation: animatedBackground_24_21 60s linear infinite;
}

.vuz_img_inner_picture_number_24_22 {
    animation: animatedBackground_24_22 60s linear infinite;
}

.vuz_img_inner_picture_number_24_23 {
    animation: animatedBackground_24_23 60s linear infinite;
}

.vuz_img_inner_picture_number_24_24 {
    animation: animatedBackground_24_24 60s linear infinite;
}

.vuz_save_img_button {
    width: 24px;
    height: 24px;
}

.faculty_save_img_button {
    width: 24px;
    height: 24px;
    margin-top: 10px;
}

.program_save_img_button {
    width: 24px;
    height: 24px;
}


.vuz_block_container {
    position: relative;
    padding-top: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
    width: 95%;
    height: 80px;
    /*height: 30px;*/
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.vuz_block_container_about_info_screen {
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 100%;
    height: 54px;
    /*height: 30px;*/
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.vuz_block {
    position: absolute;
    left: 15px;
    top: -15px;
    height: 50px;
    padding: 5px;
    background-color: transparent;
    z-index: 10;
}

.vuz_block_about_info_screen_ilya {
    position: absolute;
    top: -50px;
    height: 50px;
    padding: 5px;
    background-color: transparent;
    z-index: 10;
}

.vuz_block_padding {
    background-color: #ffffff;
    border-radius: 8px;
    /* border: 1px solid #d3d3d3; */
    /* border: solid 1px red; */
}

.vuz_block_itmo {
    position: absolute;
    left: 15px;
    top: -15px;
    height: 50px;
    padding: 5px;
    background-color: transparent;
    z-index: 10;
}

.vuz_block_itmo_padding {
    background-color: #ffffff;
    border-radius: 8px;
    /* border: 1px solid #d3d3d3; */
    /* border: solid 1px red; */
}

.vuz_block_spbpu {
    position: absolute;
    left: 15px;
    top: -15px;
    height: 50px;
    padding: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: transparent;
    z-index: 10;
}

.vuz_block_spbpu_padding {
    background-color: #ffffff;
    border-radius: 8px;
    /* border: 1px solid #d3d3d3; */
    /* border: solid 1px red; */
}

.vuz_block_spbpu_padding_about_info_screen_ilya {
    background-color: #ffffff;
    border-radius: 40px;
    /* border: 1px solid #d3d3d3; */
    /* border: solid 1px red; */
}

.vuz_block_img_sbpgu {
    /* display: inline-block; */
    height: 50px;
    width: auto;
    background-color: #ffffff;
}

.vuz_block_img_about_info_screen_ilya {
    /* display: inline-block; */
    height: 80px;
    width: auto;
    background-color: #ffffff;
    margin: 5px;
    border-radius: 40px;
}

.vuz_block_img_itmo {
    /* display: inline-block; */
    height: 50px;
    width: auto;
    background-color: #ffffff;
    /* can be removed */
}


.vuz_block_img_spbpu {
    /* display: inline-block; */
    height: 50px;
    width: auto;
    background-color: #ffffff;
}


.vuz_block_img_45 {
    /* display: inline-block; */
    height: 45px;
    width: auto;
    background-color: #ffffff;
}

.vuz_block_img_pavlova {
    /* display: inline-block; */
    height: 40px;
    width: auto;
    background-color: #ffffff;
}


.vuz_block_img_60 {
    /* display: inline-block; */
    height: 60px;
    width: auto;
    background-color: #ffffff;
}

.vuz_block_img_35 {
    /* display: inline-block; */
    height: 35px;
    width: auto;
    background-color: #ffffff;
}

.vuz_block_img_80 {
    /* display: inline-block; */
    height: 80px;
    width: auto;
    background-color: #ffffff;
}

.vuz_block_img_100 {
    /* display: inline-block; */
    height: 100px;
    width: auto;
    background-color: #ffffff;
}

.vuz_block_img_70 {
    /* display: inline-block; */
    height: 70px;
    width: auto;
    background-color: #ffffff;
}


.vuz_block_container_index_data_json_layer_temporary_dev_1_raw_no_img {
    position: relative;
    /*height: 30px;*/
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}



.faculty_block_container_index_data_json_layer_temporary_dev_2_with_img {
    position: relative;
    /*height: 30px;*/
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: -8px;
}


.vuz_block_index_data_json_layer_temporary_dev_1_raw_no_img {
    position: relative;
    width: calc(100% - 40px);
    left: 20px;
    top: -25px;
    background-color: transparent;
    z-index: 10;
}

.faculty_block_index_data_json_layer_temporary_dev_2_with_img {
    position: relative;
    left: 20px;
    top: -25px;
    background-color: transparent;
    z-index: 10;
}

.faculty_block_index_data_json_layer_temporary_dev_2_with_img_customs_1 {
    position: relative;
    left: 20px;
    top: -25px;
    background-color: transparent;
    z-index: 10;
    width: calc(100% - 40px);
}

.vuz_block_padding_index_data_json_layer_temporary_dev_1_raw_no_img {
    background-color: #ffffff;
    border-radius: 8px;
    /* border: 1px solid #d3d3d3; */
    /* border: solid 1px red; */
    padding: 10px;
    padding-left: 15px;
    padding-right: 30px;
}

.vuz_block_padding_index_data_json_layer_temporary_dev_1_raw_no_img_customs_1 {
    background-color: #ffffff;
    /*border-radius: 8px;*/
    /* border: 1px solid #d3d3d3; */
    /* border: solid 1px red; */
    padding: 10px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

.vuz_block_img_index_data_json_layer_temporary_dev_1_raw_no_img {
    width: auto;
    background-color: #ffffff;
}

.faculty_block_img_index_data_json_layer_temporary_dev_2_with_img {
    /* display: inline-block; */
    height: 48px;
    width: auto;
    background-color: #ffffff;
    margin-top: 5px;
    margin-bottom: 5px;
}

.vuz_info {
    width: 100%;
    /*height: 30px;*/
    display: flex;
    flex-direction: row;
    /* align-items: center;
    justify-content: space-between; */
}

.vuz_info_row {
    width: 100%;
    /*height: 30px;*/
    display: flex;
    flex-direction: row;
    padding-left: 20px;
    padding-right: 20px;
    /* align-items: center;
    justify-content: space-between; */
}

.vuz_info_row_about_screen_block{
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
    align-items: center;
}

.vuz_info_row_2 {
    padding-top: 5px;
}

.vuz_info_row_3 {
    margin-top: 10px;
}

.vuz_info_budget_thin_bottom_border {
    border-bottom: 1px solid #c1c1c1;
    position: absolute;
    bottom: 0;
    width: 85%;
    left: 5%;
}

.vuz_info_paid_thin_bottom_border {
    border-bottom: 1px solid #c1c1c1;
    position: absolute;
    bottom: 0;
    width: 85%;
    left: 3%;
}

.vuz_info_budget_paid_separator {
    border-left: 1px solid #c1c1c1;
    position: absolute;
    left: 35%;
    height: 80%;
}

.vuz_info_5 {
    position: relative;
    width: 5%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.vuz_info_10 {
    width: 10%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.vuz_info_15 {
    width: 15%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.vuz_info_20 {
    width: 20%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


.vuz_info_30 {
    width: 30%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.vuz_info_35 {
    position: relative;
    width: 35%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 5px;
}

.vuz_info_40 {
    width: 40%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.vuz_info_45 {
    width: 45%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.vuz_info_50 {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


.vuz_info_60 {
    position: relative;
    width: 60%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}



.vuz_info_65 {
    position: relative;
    width: 65%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 5px;
}


.vuz_info_70 {
    width: 70%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.vuz_info_55 {
    width: 55%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.vuz_info_25 {
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.vuz_info_50 {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.vuz_info_33 {
    width: 33%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.vuz_info_34 {
    width: 34%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.appointment_item_text_container-lg {
    padding-top: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
    width: auto;
    height: 60px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.appointment_subitem_text_container,
.appointment_cart_button_container {
    padding-left: 15px;
    width: 90%;
    min-height: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.appointment_subitem_text_container.extra-margin-bottom {
    margin-top: 7px;
    margin-bottom: 7px;
}

.appointment_subitem_text_container-lg {
    padding-left: 15px;
    width: 90%;
    height: 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.appointment_item_text_usluga_name {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 20px;
}

.appointment_item_text_usluga_price {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 20px;
}

.appointment_item_text_usluga_price {
    font-family: 'Montserrat', sans-serif;
    min-width: 110px;
    text-align: right;
}

.appointment_subitem_text_usluga_price {
    font-family: 'Montserrat', sans-serif;
    min-width: 70px;
    text-align: right;
    display: flex;
    flex-direction: row;
    /*justify-content: space-between;*/
    justify-content: flex-end;
}

.appointment_subitem_text_usluga_price.narrow {
    min-width: 60px;
}

.price {
    min-width: 45px;
}

.price.wide {
    min-width: 50px;
}

.appointment_subitem_text_usluga_time {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 5px;
    min-width: 53px;
    color: #696969;
    justify-content: flex-end;
}

.appointment_subitem_text_usluga_time.wide {
    min-width: 60px;
}

.appointment_subitem_text_usluga_time.narrow {
    min-width: 20px;
}

/*.appointment_subitem_text_usluga_time_icon {
    width: 16px;
    height: 16px;
    margin-right: 2px;
}*/

.appointment_subitem_text_usluga_time_and_price_container,
.appointment_cart_button_time_and_price_container {
    display: flex;
    flex-direction: row;
}

.appointment_subitem_text_usluga_time_and_price_container.bold {
    font-weight: 700;
}

.appointment_item_text_usluga_description {
    width: 90%;
    padding-top: 15px;
    padding-left: 15px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #b1b1b1;
}

.appointment_subitem_text_usluga_name,
.appointment_subitem_text_usluga_price {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #696969;
}

/* SHADOWS */

.shadow-5 {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.12), 0 4px 4px rgba(0, 0, 0, 0.12), 0 8px 8px rgba(0, 0, 0, 0.12), 0 16px 16px rgba(0, 0, 0, 0.12);
}

.box-shadow-5 {
    box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
}

.shadow-shorter {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.11), 0 2px 2px rgba(0, 0, 0, 0.11), 0 4px 4px rgba(0, 0, 0, 0.11), 0 6px 8px rgba(0, 0, 0, 0.11), 0 8px 16px rgba(0, 0, 0, 0.11);
}

.shadow-soft-smooth {
    box-shadow: 0px 10px 20px #d9d9d9, 0px 10px 20px #ffffff;
}

.shadow-soft-smooth-small {
    box-shadow: 0px 5px 10px #d9d9d9, 0px 5px 10px #ffffff;
}

.opacity-half {
    opacity: 0.5;
}



.tabbar_unselected {
    color: #646464;
}

.my_scores_score_row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 5px;
    padding-top: 5px;
}

.my_scores_score_row_text_name {
    align-self: center;
}

/*input[type="tel"] {
    width: 100px;
    border: 1px solid #888888;
}*/

.my_scores_screen_save_button {
    background-color: #188dd6;
    width: 100vw;
    height: 66px;
    position: absolute;
    bottom: 66px;
    justify-content: center;
    align-items: center;
    z-index: 115;
    font-size: 20px;
    color: #ffffff;
    display: none;
}

.my_scores_screen_save_button.active{
    display: flex;
}

.flex-direction-column{
    flex-direction: column;
}

.important_information_note_text{
    text-align: justify;
}

.important_information_note_title{
    text-align: center;
    font-size: 20px;
}

.text-center{
    text-align: center;
}

.ilya-name{
    font-size: 20px;
    font-weight: bold;
}

.developer_card_center{
    display: flex;
    flex-direction: row;
    justify-content: center;
    width:100%;
}