body {
    --gray900: #1a1a1a;
    --gray700: #333333;
    --gray600: #707070;
    --gray500: rgb(151, 151, 151);
    --gray400: #d4d4d4;
    --gray300: #ebebeb;
    --gray100: #f8f8f8;
    --gray100t: #b4b4b434;
    --gray100menut: rgba(240, 240, 240, 0.85);
    --iosmenu: rgba(43, 43, 43, 0.47);
    --iosmenudark: rgba(19, 19, 19, 0.767);

    /* --green500: #1BB262; */
    --green500: #008a5e;
    --green600: #008a5e;
    --green700: #016646;
    --green500t: rgba(27, 178, 97, 0.28);
    --green200: #daf3e6;

    --white: #ffffff;
    --whitetr: #ffffffa9;
    --white0: rgba(255, 255, 255, 0);

    --black: #000000;
    --black0: rgba(0, 0, 0, 0);
    --shadow: #00000029;
    --shadow100: #00000018;

    --red200: #f3e8da;
    --red300: #f3dada;
    --red400: rgb(214, 182, 182);
    --red350: rgb(214, 202, 185);

    --orange500: #ff5301;
    --orange100: #f3f0da;

    --blue200: #daddf3;
    --blue700: rgb(186, 189, 214);

    color: var(--gray700);
    justify-content: stretch;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    background: var(--gray300);
    font-family: Segoe UI, "Open Sans", "Helvetica Neue", sans-serif;
    display: flex;
    flex-direction: column;
}

[data-theme="dark"] body {
    --gray900: #e4e4e4;
    --gray400: rgb(20, 20, 20);
    --gray100: rgb(17, 17, 17);
    --gray100t: #11111134;
    --gray100menut: rgba(27, 27, 27, 0.85);
    --gray500: rgb(151, 151, 151);
    --gray300: rgb(26, 26, 26);
    --gray600: #9e9e9e;
    --gray700: #e0e0e0;
    --green500t: rgba(27, 178, 97, 0.28);
    --green500: #1bb262;
    --green200: rgb(33, 37, 35);
    --white: #2a2a2a;
    --whitetr: #070707a9;
    --black: #ffffff;
    --red200: rgb(34, 32, 30);
    --red350: rgb(63, 59, 54);
    --red300: rgb(34, 30, 30);
    --red400: rgb(78, 65, 65);
    --blue200: rgb(36, 37, 41);
    --blue700: rgb(72, 73, 83);
    --orange500: #ff5301;
    --orange100: rgb(44, 44, 39);
    --black0: rgba(255, 255, 255, 0);
    --white0: #2a2a2a00;

    color: var(--gray700);
}

[data-theme="whiteness"] body {
    --gray900: #1a1a1a;
    --gray700: #333333;
    --gray600: #707070;
    --gray500: rgb(151, 151, 151);
    --gray400: #d4d4d4;
    --gray300: #ebebeb;
    --gray100: #f8f8f8;

    --green500: #b21b1b;
    --green500t: rgba(178, 27, 27, 0.28);
    --green200: #f3dada;

    --white: #ffffff;
    --whitetr: #ffffffa9;
    --white0: rgba(255, 255, 255, 0);

    --black: #000000;
    --black0: rgba(0, 0, 0, 0);
    --shadow: #00000029;
    --shadow100: #00000018;

    --red200: #f3dada;
    --red300: #f3dada;
    --red400: rgb(214, 182, 182);
    --red350: rgb(214, 185, 185);

    --orange500: #ff0101;
    --orange100: #f3dada;

    --blue200: #f3dada;
    --blue700: rgb(186, 189, 214);
    color: var(--gray700);
}

a {
    color: var(--green500);
}

.newsText a {
    text-decoration: none;
    color: var(--green500);
}

.newsText a:hover {
    text-decoration: underline;
}

header {
    display: block;
    position: fixed;
    padding: 0px;
    width: calc(100% - 0px);
    z-index: 50;
}

header .topmenu {
    background: var(--gray400);
    font-size: 14px;
    padding: 2px 20px;
    z-index: 10;
}

header .topmenu .links {
    max-width: 1730px;
    margin: 0 auto;
    display: flex;
}

header .topmenu a {
    color: var(--gray900);
    text-decoration: none;
    padding: 6px 14px;
}

header .topmenu a:hover {
    text-decoration: underline;
    color: #5e5e5e;
}

header .logo {
    /* background: url('../images/logo_bntu_2018-gray-green.svg'), url('../images/logo_bntu_2018-white-green.svg'); */
    background: url("../images/logo_bntu_2021_green.svg");
    background-size: 50px !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    height: 70px;
    width: 70px;
    display: inline-block;
    border-radius: 50%;
    flex: 0 0 70px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

header .logo_en {
    background: url("../images/logo_en.png");
}

/* [data-theme="dark"] header .logo {
    background: url('../images/logo_bntu_2018-white-green.svg');
}

[data-theme="whiteness"] header .logo {
    background: url('../images/logo_bntu_2018-white-red.svg');
}  */

content {
    flex: 1 0;
    background: var(--gray100);
    padding-top: env(safe-area-inset-top);
}

content > .container {
    padding-top: 80px;
}

content > .header500 + .container {
    padding-top: 10px;
}

@media screen and (min-width: 1340px) {
    content > .container {
        padding-top: 140px;
    }

    content > .header500 + .container {
        padding-top: 10px;
    }
}

header .mainmenu {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    border-bottom: 1px solid var(--gray400);
    background: var(--gray100);
    padding: 0 20px;
    /* backdrop-filter: blur(6px); */
    /* -webkit-backdrop-filter: blur(6px); */
}

header .mainmenu > .mainmenucontent > .links > a,
header .mainmenu > .mainmenucontent > .links-r > a {
    margin: 0;
    color: var(--gray900);
    text-decoration: none;
    font-size: 18px;
    letter-spacing: 0.5px;
    display: inline-block;
    position: relative;
    padding: 25px 1vw;
    white-space: nowrap;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

header .mainmenu > .mainmenucontent > .links a:after {
    content: "";
    display: block;
    position: relative;
    height: 4px;
    background: var(--green500);
    border-radius: 8px;
    top: 10px;
    width: 0;
}

header .mainmenu > .mainmenucontent > .links {
    flex: 1 0;
    display: flex;
    justify-content: center;
    margin: 0 10px;
}

header .mainmenu .mainmenucontent {
    /* max-width: 1300px; */
    max-width: 1700px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    width: 100%;
}

header .mainmenu > .mainmenucontent > .links > a:hover {
    background: var(--gray300);
    cursor: pointer;
    color: var(--green500);
}

header .mainmenu > .mainmenucontent > .links > a:after {
    -webkit-animation-name: ahoverbottomout;
    -webkit-animation-duration: 0.3s;
    animation-name: ahoverbottomout;
    animation-duration: 0.3s;
}

header .mainmenu > .mainmenucontent > .links > a:hover:after {
    -webkit-animation-name: ahoverbottom;
    -webkit-animation-duration: 0.3s;
    animation-name: ahoverbottom;
    animation-duration: 0.3s;
    animation-fill-mode: both;
    animation-direction: normal;
}

@-webkit-keyframes ahoverbottom {
    from {
        width: 0;
    }
    to {
        width: 30%;
    }
}

@keyframes ahoverbottom {
    from {
        width: 0;
    }
    to {
        width: 30%;
    }
}

@-webkit-keyframes ahoverbottomout {
    from {
        width: 30%;
    }
    to {
        width: 0%;
    }
}

@keyframes ahoverbottomout {
    from {
        width: 30%;
    }
    to {
        width: 0%;
    }
}

header .mainmenu > .mainmenucontent > .links a.active:after {
    width: 100%;
}

header .mainmenu .links-r a.services {
    /* background: url('../images/services.svg');
    background-size: 18px!important;
    background-repeat: no-repeat!important;
    background-position: 20px center!important;
    padding: 25px 25px 25px 50px; */
    margin: 0 10px;
}

/*
header .mainmenu .links-r a.services:hover {
     background: rgb(237, 237, 237) url('../images/services.svg');
}*/

header .mainmenu .links-r a.studying {
    background: url("../images/services.svg");
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 20px center !important;
    padding: 25px 25px 25px 50px;
    margin: 0 10px;
}

header .mainmenu .links-r a.studying:hover {
    background: rgb(237, 237, 237) url("../images/services.svg");
}

header .mainmenu .links-r {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

header .mainmenu .links-r a.contacts {
    border-radius: 20px;
    display: flex;
    padding: 14px 30px 14px 26px;
    border: 2px solid var(--green500);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    justify-content: center;
    align-items: center;
}

header .mainmenu .links-r a.contacts i {
    margin-right: 10px;
    font-size: 15px;
    color: var(--green500);
}

header .mainmenu .links-r a.contacts:hover {
    background: var(--green500);
    color: var(--white);
}

header .mainmenu .links-r a.contacts:hover i {
    color: var(--white);
}

.hovermenu {
    position: absolute;
    background: var(--white);
    width: calc(100% - 0px);
    /* padding: 40px 40px 10px; */
    left: 0;
    top: 107px;
    display: block;
    margin-top: -1000px;
    z-index: -5;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    display: none;
}

.hovermenucontent {
    max-height: 0px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
}

@media screen and (min-width: 1025px) {
    header .hovermenu:hover,
    header .hovermenucontent:hover {
        margin-top: 0;
        transition-delay: 0s;
        -webkit-transition-delay: 0s;
        max-height: 640px;
        padding: 0px 0px;
        display: flex;
    }

    header .hovermenucontent:hover {
        padding: 40px;
    }

    header .links a.aforstudent:hover ~ .hovermenu {
        margin-top: 0;
        transition-delay: 0s;
        -webkit-transition-delay: 0s;
    }

    header .links a.aforstudent:hover ~ .hovermenu .forstudent {
        max-height: 640px;
        transition-delay: 0.1s;
        -webkit-transition-delay: 0.1s;
        padding: 40px;
    }

    header .links a.aforsubmit:hover ~ .hovermenu {
        margin-top: 0;
        transition-delay: 0s;
        -webkit-transition-delay: 0s;
    }

    header .links a.aforsubmit:hover ~ .hovermenu .forsubmit {
        max-height: 640px;
        transition-delay: 0.1s;
        -webkit-transition-delay: 0.1s;
        padding: 40px;
    }

    header .links a.aforlibrary:hover ~ .hovermenu {
        margin-top: 0;
        transition-delay: 0s;
        -webkit-transition-delay: 0s;
    }

    header .links a.aforlibrary:hover ~ .hovermenu .forlibrary {
        max-height: 640px;
        transition-delay: 0.1s;
        -webkit-transition-delay: 0.1s;
        padding: 40px;
    }

    header .links a.aforworkers:hover ~ .hovermenu {
        margin-top: 0;
        transition-delay: 0s;
        -webkit-transition-delay: 0s;
    }

    header .links a.aforworkers:hover ~ .hovermenu .forworkers {
        max-height: 640px;
        transition-delay: 0.1s;
        -webkit-transition-delay: 0.1s;
        padding: 40px;
    }
}

/* HOVER MAIN MENU > 1024 */

.hovermenu > div {
    display: flex;
    flex-wrap: wrap;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0px 40px;
}

.hovermenu .hovermenuname {
    font-size: 41px;
    color: #b7b7b7;
    font-weight: 300;
    flex: 1 0 calc(100% - 40px);
    padding: 0 20px;
    margin-bottom: 20px;
}

.hovermenu .hovermenuname > a {
    vertical-align: top;
    font-size: 14px;
    color: var(--green500);
    font-weight: 500;
}

.hovermenu .links {
    display: flex;
    flex-direction: column;
    padding: 0 20px;
}

.hovermenu .links .hoversubname {
    padding: 0 0 20px 0;
}

.hovermenu .links a {
    display: block;
    padding: 6px 0;
    color: var(--gray500);
    text-decoration: none;
}

.hovermenu .links a:hover {
    text-decoration: underline;
}

.hovermenu .rlinks {
    /* flex: 1 0; */
    border-left: 2px solid var(--gray400);
}

.hovermenu .lastlinks {
    flex: 1 0;
}

.hovermenu .footerlinks {
    flex: 1 0 100%;
    border-top: 1px solid var(--gray400);
    margin-top: 40px;
    margin-left: 20px;
    display: flex;
    flex-wrap: wrap;
}

.hovermenu .footerlinks .last {
    flex: 1 0;
}

.hovermenu .footerlinks a {
    color: var(--gray900);
    display: inline-block;
    padding: 20px 20px 20px 0;
}

.hovermenu .footerlinks a.hot {
    background: url("../images/hot.svg");
    background-size: 14px;
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 24px;
}

/* .burger {
    height: 20px;
    width: 20px;
    background: url('../images/burger.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 18px;
    padding: 20px;
    display: none;
} */

.darkness {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    height: 100vh;
    width: 100vw;
    z-index: 49;
}

.darkness.active {
    display: block;
}

.hidden1024 {
    display: none !important;
}

@media screen and (max-width: 1340px) {
    .hidden1024 {
        display: block !important;
        margin-right: 60px;
    }

    .logo.hidden1024 {
        flex: 1 0 !important;
    }

    header > .topmenu {
        display: none !important;
    }

    .burger {
        display: block !important;
    }

    header .mainmenu .mainmenucontent {
        flex-direction: column;
        position: fixed;
        top: 0;
        left: 0;
        width: 200px;
        background: var(--white);
        padding: 20px;
        /* height: calc(100% - 40px); */
        min-height: calc(100% - 20px);
        z-index: 11;
        justify-content: flex-start;
        margin-left: -300px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
    }

    header .mainmenu .mainmenucontent.active {
        margin-left: 0;
    }

    /* .mainmenucontent.active .logo { */
    /* margin-top: -17px; */
    /* margin-block-end: 20px; */
    /* } */
    header .mainmenu .mainmenucontent .links {
        flex-direction: column;
        flex: initial;
        width: 100%;
        height: calc(calc(100vh - 250px));
        overflow: auto;
        position: relative;
        padding-bottom: 50px;
        justify-content: flex-start;
    }

    header .mainmenu .links-r:before {
        content: "";
        display: block;
        position: absolute;
        top: -60px;
        width: 210px;
        height: 60px;
        pointer-events: none;
        background: -moz-linear-gradient(
            top,
            var(--white0) 0%,
            var(--white) 89%,
            var(--white) 100%
        );
        background: -webkit-linear-gradient(
            top,
            var(--white0) 0%,
            var(--white) 89%,
            var(--white) 100%
        );
        background: linear-gradient(
            to bottom,
            var(--white0) 0%,
            var(--white) 89%,
            var(--white) 100%
        );
        /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); */
    }

    header .mainmenu .links-r {
        position: relative;
        flex-direction: column;
    }

    header .mainmenu > .mainmenucontent > .links > a {
        padding: 8px 1vw;
        border-bottom: 1px solid var(--gray100);
    }
}

.headerimage {
    height: 50vh;
    max-height: 630px;
    padding: 100px 40px;
    display: flex;
    background: url("../images/headerimage.jpg");
    background-size: cover;
    background-position: center -250px;
    background-attachment: fixed;
    width: calc(100% - 80px);
    font-size: 70px;
    color: white;
    text-align: left;
    font-weight: bold;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.headerimage:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #20202033;
    position: absolute;
    left: 0;
    top: 0;
}

.headerlink {
    height: 70%;
    width: 95%;
    max-width: 1280px;
    align-self: center;
    cursor: pointer
}

.headername {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
    z-index: 6;
    text-shadow: 3px 3px 15px rgba(0, 0, 0, 0.3);
}

.subname {
    font-size: 33px;
    font-weight: 400;
}

@media screen and (max-width: 600px) {
    .headerimage {
        background-position: center -50px;
        font-size: 10vw;
        line-height: 9vw;
        height: 30vh;
        background-size: 222%;
        height: 250px;
    }
}

.headerratings {
    background: var(--gray300);
    display: flex;
    text-align: center;
    margin: 0;
    width: calc(100% - 40px);
    padding: 27px 20px;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}

.ratingone {
    margin: 10px 20px 10px;
}

.ratingone span {
    font-size: 18px;
    color: #bbbbbb;
}

.ratingone p {
    font-size: 30px;
    font-weight: 700;
    margin: 0;
}

.btngreen_a {
    border: 2px solid var(--green500);
    border-radius: 17px;
    display: inline-block;
    padding: 13px 20px 13px 30px;
    line-height: 10px;
    height: 20px;
    font-size: 20px;
    color: var(--gray900);
    text-decoration: none;
    margin: 0 20px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.btngmap {
    border: 2px solid var(--green500);
    border-radius: 17px;
    display: inline-block;
    padding: 13px 10px 13px 30px;
    line-height: 10px;
    height: 20px;
    font-size: 20px;
    color: var(--gray900);
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    background: url("../images/mapbtn.jpg");
    background-size: 90%;
    margin: 0 0px;
    min-width: 10px;
    background-position: center center;
}

.btngmap:hover {
    background-size: 100%;
}

.btngreen_a span {
    margin-right: 10px;
    color: var(--gray900);
}

.btngreen_a:hover span {
    color: var(--white);
}

.btngreen_a i {
    color: var(--green500);
    /* padding-right: 20px; */
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.btngreen_a:hover > i {
    /* padding-left: 10px; */
    /* padding-right: 10px; */
    color: white;
    /* padding-right: 0px; */
}

.btngreen_a:hover {
    background: var(--green500);
    color: white;
    /* -webkit-animation: heartbeat 0.5s ease-in-out  both;
    animation: heartbeat 0.5s ease-in-out  both; */
}

.btngreen_a.noMove i {
    padding-right: 8px !important;
    padding-left: 0px !important;
}

.btngreen_a.noLeft {
    margin-left: 0px !important;
}

@-webkit-keyframes heartbeat {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    33% {
        -webkit-transform: scale(0.87);
        transform: scale(0.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

@keyframes heartbeat {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    33% {
        -webkit-transform: scale(0.87);
        transform: scale(0.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

@font-face {
    font-family: "Font Awesome 5 Brands";
    font-style: normal;
    font-weight: normal;
    font-display: auto;
    src: url("../fonts/fa-brands-400.eot");
    src: url("../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),
    url("../fonts/fa-brands-400.woff2") format("woff2"),
    url("../fonts/fa-brands-400.woff") format("woff"),
    url("../fonts/fa-brands-400.ttf") format("truetype"),
    url("../fonts/fa-brands-400.svg#fontawesome") format("svg");
}

.fab {
    font-family: "Font Awesome 5 Brands";
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url("../fonts/fa-regular-400.eot");
    src: url("../fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"),
    url("../fonts/fa-regular-400.woff2") format("woff2"),
    url("../fonts/fa-regular-400.woff") format("woff"),
    url("../fonts/fa-regular-400.ttf") format("truetype"),
    url("../fonts/fa-regular-400.svg#fontawesome") format("svg");
}

.far {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    font-display: auto;
    src: url("../fonts/fa-solid-900.eot");
    src: url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),
    url("../fonts/fa-solid-900.woff2") format("woff2"),
    url("../fonts/fa-solid-900.woff") format("woff"),
    url("../fonts/fa-solid-900.ttf") format("truetype"),
    url("../fonts/fa-solid-900.svg#fontawesome") format("svg");
}

.fa,
.fas {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.container {
    background: var(--gray100);
    min-height: 600px;
    /* padding: 20px 20px 0; */
    min-height: 600px;
    padding: 0px 50px 0px;
    max-width: 1700px;
    margin-left: auto;
    margin-right: auto;
}

.quote {
    font-size: 28px;
    text-align: left;
    max-width: 790px;
    position: relative;
    font-weight: 300;
    padding: 0 20px;
    margin: 0 auto;
    margin-top: 120px;
    z-index: 1;
    margin-bottom: 80px;
}

.quote > i {
    position: absolute;
    top: -30px;
    left: -30px;
    font-size: 78px;
    color: var(--gray300);
    z-index: -1;
}

.btngreen_aw {
    background: var(--white);
    color: var(--gray900);
}

.navpage {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 70px auto;
}

.navone {
    margin: 20px 20px 40px 20px;
    padding: 40px 30px;
    color: var(--gray600);
    text-align: center;
    background: var(--white);
    border-radius: 70px;
    max-width: 400px;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    border: 1px solid var(--gray300);
    flex: 1 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    min-width: 280px;
}

.navone:hover > .navicon {
    /* -webkit-animation: rotate-in-center 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: rotate-in-center 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; */
    background: var(--green500);
    color: var(--white);
}

.navone:hover {
    background: var(--white);
    border: 1px solid var(--green500);
}

.navone .name {
    font-size: 26px;
    margin: 20px auto;
    color: var(--black);
    /* max-width: 300px; */
    max-width: 280px;
    font-weight: 510;
}

.navone .text {
    font-weight: 300;
    margin: 0 0 10px 0;
    flex: 1 0;
    line-height: 20px;
    font-size: 16px;
}

.navicon {
    background: var(--green200);
    padding: 30px;
    position: absolute;
    border-radius: 40px;
    top: -30px;
    left: -30px;
    font-size: 32px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    width: 38px;
}

@-webkit-keyframes rotate-in-center {
    0% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotate-in-center {
    0% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.navone .btngreen_a {
    position: absolute;
    bottom: -26px;
    /* width: 160px; */
    /* margin-left: -122px; */
    margin: 0 auto;
    width: 130px;
}

.lastrss .name {
    font-size: 30px;
    font-weight: 900;
    padding: 0 0 10px 0;
}

.lastrsslist {
    overflow-y: scroll;
    /* max-height: 500px; */
    /* max-height: 370px; */
    max-height: 420px;
}

.lastrssone span {
    font-size: 17px;
    font-weight: 400;
    color: var(--black);
    display: block;
    line-height: 19px;
}

.lastrssone p {
    font-size: 14px;
    color: var(--gray600);
    font-weight: 300;
    display: inline-block;
    margin-top: 5px;
}

.lastrss p.date {
    padding-right: 20px;
}

.lastrssone a {
    text-decoration: none;
}

.lastrssone {
    padding: 20px 20px 1px;
    margin-right: 10px;
}

.lastrssone:hover {
    background: var(--green200);
    border-radius: 20px;
}

.newsblock {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 100px auto 0;
    max-width: 1700px;
}

.newsblock .lastrss {
    /* flex: 1 0; */
    /* max-width: 500px; */
    padding: 20px 10px 20px;
    min-width: 340px;
    flex: 0 0;
}

.newsblock .lastbigpreview {
    flex: 2 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
    min-width: calc(300px - 160px);
}

.lastbigblock {
    flex: 2 0;
    padding: 20px 80px 20px;
    min-width: calc(300px - 160px);
}

.science .lastbigblock {
    overflow-y: hidden;
    max-height: 400px;
}

.lastbigpreview:hover {
    -webkit-animation-name: previewhover;
    -webkit-animation-duration: 4s;
    animation-name: previewhover;
    animation-duration: 4s;
    animation-fill-mode: both;
    animation-direction: normal;
}

@-webkit-keyframes previewhover {
    to {
        background-size: auto 100%;
    }
}

@keyframes previewhover {
    to {
        background-size: auto 100%;
    }
}

.lastrsslist {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    scrollbar-face-color: transparent;
    scrollbar-shadow-color: transparent;
    scrollbar-highlight-color: transparent;
    scrollbar-3dlight-color: transparent;
    scrollbar-darkshadow-color: transparent;
    scrollbar-track-color: transparent;
    scrollbar-arrow-color: transparent;
    scrollbar-base-color: transparent;
}

.lastrsslist::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.lastrsslist::-webkit-scrollbar-track {
    background-color: var(--gray900);
    box-shadow: inset 0px 0px 0px 4.5px var(--gray100);
    border-radius: 10px;
}

.lastrsslist::-webkit-scrollbar-thumb {
    background-color: var(--black);
    border-radius: 10px;
}

.rootPages .name {
    font-size: 30px;
    font-weight: 900;
    padding: 0 0 10px 0;
}

.rootPagesone span {
    font-size: 17px;
    font-weight: 400;
    color: var(--black);
    display: block;
    line-height: 19px;
}

.rootPagesone p {
    font-size: 14px;
    color: var(--gray600);
    font-weight: 300;
    display: inline-block;
    margin-top: 5px;
}

.rootPages p.date {
    padding-right: 20px;
}

.rootPagesone a {
    text-decoration: none;
}

.rootPagesone {
    padding: 13px 20px;
    margin-right: 0px;
    margin-left: -10px;
}

.rootPagesone:hover {
    background: var(--green200);
    border-radius: 20px;
}

.rootPagesone.active span {
    font-weight: 700;
    color: var(--green500);
}

.rootPages {
    flex: 1 0;
    /* max-width: 500px; */
    padding: 20px 0px 20px;
    /* min-width: 340px; */
}

.rootPages .name a {
    color: var(--gray700);
    text-decoration: none;
}

.rootPages .name a:hover {
    text-decoration: underline;
}

.rootPagesoneTwo {
    margin-left: 13px;
    border-left: 2px dashed rgb(230, 230, 230);
}

.rootPagesone3 {
    margin-left: 13px;
    border-left: 2px dashed rgb(230, 230, 230);
    padding: 13px 10px 13px 40px;
}

.greenlink {
    color: var(--green500);
    display: inline-block;
    padding: 10px 20px;
    margin: 10px 10px 0 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    border-radius: 10px;
}

.greenlink:hover {
    background: var(--green500);
    color: var(--white);
}

.btngreen_a_small {
    border: 2px solid var(--green500);
    display: inline-block;
    padding: 10px 20px;
    margin: 10px 10px 0 0;
    border-radius: 10px;
    color: var(--gray900);
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.btngreen_a_small:hover {
    background: var(--green500);
    color: white;
}

@media screen and (max-width: 650px) {
    .headerApplicantRight {
        display: none;
    }

    .navicon {
        padding: 20px;
        position: absolute;
        border-radius: 40px;
        top: -10;
        left: -20;
        font-size: 28px;
        min-width: 34px;
    }

    .navone {
        padding: 10px 10px 30px;
        margin: 0px 20px 40px;
    }
}

.lastbigpreviewcontent {
    margin: 0 auto;
    max-width: 675px;
    padding: 20px;
}

.lastbigpreviewcontent a.name {
    font-size: 34px;
    color: var(--white);
    text-decoration: none;
    font-weight: 600;
}

.lastbigpreviewcontent p {
    color: var(--white);
    font-size: 20px;
    font-weight: 300;
    max-height: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.lastbigpreviewcontent a.btnwhite_a {
    border: 2px solid var(--white);
    border-radius: 17px;
    display: inline-block;
    padding: 8px 30px 13px 30px;
    height: 20px;
    font-size: 20px;
    color: var(--white);
    text-decoration: none;
    margin: 0 0px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.lastbigpreviewcontent a.btnwhite_a:hover {
    color: var(--gray900);
    background: var(--white);
}

.newsblockfirst {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.last3newshover {
    opacity: 1;
    background: transparent;
    height: 100%;
}

.last3newshover > * {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.last3newshover .name {
    opacity: 1;
}

.last3newshover .name:hover {
    text-decoration: underline;
}

.last3newshover p,
.last3newshover .btnwhite_a {
    opacity: 0;
}

.last3newshover:hover {
    background: var(--whitetr);
}

.last3newshover:hover p,
.last3newshover:hover .btnwhite_a {
    opacity: 1;
}

@media screen and (max-width: 650px) {
    .last3newshover {
        opacity: 1;
    }

    .newsblock .lastrss {
        padding: 0 0 20px 0;
    }
}

.last3news {
    flex: 1 0;
    background: url("../images/vishnu-r-nair-639172-unsplash.png") no-repeat center center / auto 100%;
    min-width: 300px;
    min-height: 360px;
}

.last3news:hover {
    -webkit-animation-name: previewhover;
    -webkit-animation-duration: 4s;
    animation-name: previewhover;
    animation-duration: 4s;
    animation-fill-mode: both;
    animation-direction: normal;
}

.last3news .lastbigpreviewcontent {
    padding: 60px 40px 30px;
}

.last3news .lastbigpreviewcontent a,
.last3news .lastbigpreviewcontent .name,
.last3news .lastbigpreviewcontent p {
    color: var(--white);
}

.last3news .lastbigpreviewcontent:hover a,
.last3news .lastbigpreviewcontent:hover .name,
.last3news .lastbigpreviewcontent:hover p {
    color: var(--gray700);
}

.last3news .lastbigpreviewcontent a.btnwhite_a {
    border: 2px solid var(--gray700);
}

.last3news .lastbigpreviewcontent a.btnwhite_a:hover {
    border: 2px solid var(--gray700);
    background: var(--gray700);
    color: var(--white);
}

@media screen and (max-width: 650px) {
    .newsblock .lastbigpreview {
        padding: 20px 20px 20px;
    }
}

.advblock {
    background: var(--gray300);
    width: calc(100% + 20px);
    height: 160px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    align-content: center;
    margin-left: -20px;
}

@media screen and (max-width: 600px) {
    .advblock {
        width: calc(100% + 0px);
        margin-left: 0px;
    }
}

.twinblock {
    display: flex;
    flex-wrap: wrap;
    background: var(--gray100);
    width: 100%;
    max-width: 1700px;
    margin: 0 auto;
    /* border-radius: 40px; */
    overflow: hidden;
}

.twinblock .image {
    /* background: url('../images/samuel-zeller-158996-unsplash.png') no-repeat center center / cover; */
    flex: 1 0 50%;
    min-height: 260px;
    min-width: 300px;
    display: block;
    position: relative;
    cursor: pointer;
}

.twinblock .name {
    color: var(--gray700);
    display: block;
    text-decoration: none;
    font-size: 34px;
    margin-bottom: 40px;
    font-weight: 600;
}

.twinblock .name:after {
    content: "";
    display: block;
    position: relative;
    height: 4px;
    background: var(--green500);
    border-radius: 8px;
    top: 10px;
    width: 60%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.twinblock .name:hover:after {
    width: 80%;
}

.twinblock .content .text {
    font-size: 19px;
}

.twinblock .content {
    padding: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    flex: 1 0 calc(50% - 160px);
    min-height: 260px;
    align-content: flex-start;
    align-items: flex-start;
}

.twinblock .content .text {
    font-weight: 330;
}

.twinblock .content a.btngreen_a {
    margin: 15px 0px !important;
}

.twinblock.right {
    flex-direction: row-reverse;
}

.twinblock .image > i {
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    background: var(--whitetr);
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    font-size: 60px;
    color: var(--green500);
}

.twinblock .image:hover > i {
    opacity: 1;
}

footer {
    display: flex;
    flex-wrap: nowrap;
}

footer .map {
    flex: 1 0 50%;
    min-height: 250px;
    background: url("../images/map.jpg") center center / cover;
}

footer .contacts {
    flex: 1 0 50%;
    padding: 60px;
    font-size: 24px;
    flex: 1 0 calc(50% - 120px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: stretch;
    color: var(--gray700);
}

footer .contacts .name {
    font-size: 40px;
    font-weight: 530;
    margin-bottom: 20px;
}

footer .contacts a.phone,
footer .contacts a.mail {
    color: var(--gray700);
    font-size: 24px;
    text-decoration: none;
    display: block;
    margin-top: 10px;
}

footer .contacts a span {
    margin-left: 30px;
}

footer .contacts a.phone:hover span,
footer .contacts a.mail:hover span {
    text-decoration: underline;
}

footer .contacts a.phone:hover,
footer .contacts a.mail:hover {
    color: var(--green500);
}

footer .place {
    padding: 30px 0;
    max-width: 400px;
    font-size: 18px;
}

.sozials {
    display: flex;
    flex: 1 0;
    align-items: flex-end;
    flex-wrap: wrap;
}

.sozials a {
    height: 40px;
    width: 40px;
    display: block;
    margin: 4px 5px;
    text-decoration: none;
}

.sozials a.ivk {
    background: url("../images/ivk.svg") no-repeat center center / 100%;
}

.sozials a.ifb {
    background: url("../images/ifb.svg") no-repeat center center / 100%;
}

.sozials a.iyt {
    background: url("../images/iyt.svg") no-repeat center center / 100%;
}

.sozials a.iig {
    background: url("../images/iig.svg") no-repeat center center / 100%;
}

.sozials a.iin {
    background: url("../images/iin.svg") no-repeat center center / 100%;
}

.sozials a.ims {
    background: url("../images/ims.svg") no-repeat center center / 100%;
}

.sozials a.itw {
    background: url("../images/itw.svg") no-repeat center center / 100%;
}

.sozials a.itg {
    background: url("../images/itg.svg") no-repeat center center / 100%;
}

.sozials a:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.slcz {
    display: flex;
    flex: 1 0;
    align-items: flex-end;
    flex-wrap: wrap;
    flex-direction: column;
    position: fixed;
    right: 20px;
    background: var(--gray100t);
    top: calc(50% - 100px);
    z-index: 20;
    padding: 7px 3px;
    border-radius: 27px;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.slcz a {
    height: 40px;
    width: 40px;
    display: block;
    margin: 4px 5px;
    text-decoration: none;
}

.slcz a.ifb {
    background: url("../images/scl3.svg") no-repeat center center / 100%;
}

.slcz a.iyt {
    background: url("../images/scl4.svg") no-repeat center center / 100%;
}

.slcz a.iig {
    background: url("../images/scl2.svg") no-repeat center center / 100%;
}

.slcz a.itg {
    background: url("../images/scl1.svg") no-repeat center center / 100%;
}

.slcz a:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

@media screen and (max-width: 650px) {
    .twinblock .image {
        min-height: 250px;
    }

    .twinblock .content {
        padding: 30px;
    }

    footer {
        flex-wrap: wrap;
    }

    footer .contacts {
        padding: 40px;
        width: calc(100% - 80px);
    }

    footer .sozials {
        flex-wrap: wrap;
        justify-content: center;
    }

    .slcz {
        bottom: 20px;
        top: initial;
        right: calc(50% - 110px);
        flex-direction: revert;
    }
}

.header200 {
    height: 200px;
    margin-top: 107px;
    width: 100%;
}

.header0 {
    height: 0px;
    margin-top: 147px;
    width: 100%;
}

@media screen and (max-width: 1024px) {
    .header200 {
        margin-top: 70px;
    }

    .header0 {
        margin-top: 70px;
    }
}

.header200.headerstudy {
    background: url("../images/annie-spratt-_dAnK9GJvdY-unsplash.png") center top / cover no-repeat;
}

.headnav .name {
    font-size: 42px;
    font-weight: 600;
    display: flex;
    align-items: center;
    position: relative;
    margin-right: 60px;
    flex-wrap: wrap;
}

.faculty .headnav .name {
    font-size: 72px;
    font-weight: 600;
    display: flex;
    align-items: center;
    position: relative;
    margin-right: 60px;
}

.headnav .line {
    border-right: 1px solid var(--gray700);
    width: 1px;
    height: 63%;
    position: absolute;
    right: -30px;
    top: 29%;
}

.headnav {
    display: flex;
    flex-wrap: wrap;
    max-width: 1700px;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
}

.headnav .me {
    flex: 1 0;
    display: flex;
    flex-wrap: wrap;
}

.headnav .me span {
    flex: 1 0 calc(100% - 20px);
    padding: 2px 10px;
}

.headnav .me a {
    padding: 2px 10px;
    text-decoration: none;
}

.headnav .me a:hover {
    text-decoration: underline;
}

.headnavblock {
    background: var(--green200);
    padding: 20px 20px;
    border-radius: 26px;
    min-width: 200px;
    min-height: 30px;
    margin-top: 20px;
}

.peoplequote {
    display: flex;
    justify-content: center;
    margin: 80px auto 80px;
    flex-wrap: wrap;
}

.photowname .photo {
    background: url("../images/633@2x.png") center center / cover no-repeat;
    border-radius: 50%;
    height: 128px;
    width: 128px;
}

.photowname {
    margin: 0 40px 40px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.peoplequote .quote {
    margin: 0 50px;
}

.peoplequote .photowname .name {
    font-size: 24px;
    text-decoration: underline;
    margin: 20px auto;
}

.studystep > .name {
    font-size: 40px;
    font-weight: 600;
    margin: 10px;
    margin-bottom: 40px;
    word-break: break-word;
}

.office {
    /* flex-wrap: wrap;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
    grid-template-rows: repeat(auto-fill, minmax(256px, 1fr)); */
    display: flex;
    flex-wrap: wrap;
}

.officeone {
    background: var(--green200);
    border-radius: 40px;
    max-width: 600px;
    margin: 10px;
    flex: 1 0 calc(33% - 120px);
    padding: 50px 50px 30px;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
}

.officeone a.name {
    text-align: left;
    float: none;
}

.hideclickblock {
    display: inline;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
}

.officeone:hover {
    background: var(--green500t);
}

/* .office a:hover {

} */

.officeone .name {
    font-size: 24px;
    font-weight: 500;
    padding-bottom: 10px;
    margin: 0;
}

.officeone .text {
    font-size: 18px;
    color: var(--gray700);
    font-weight: 300;
    margin: 10px 0 20px;
    flex: 1 0;
}

.officeone a {
    text-align: right;
    color: var(--black);
    float: right;
    margin-right: 20px;
}

.parents {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row-reverse;
}

.parents a {
    color: var(--gray700);
    font-size: 18px;
}

.parents i {
    background: var(--gray300);
    padding: 30px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    margin: 20px;
    color: var(--green500);
}

.parents a:hover + i {
    background: var(--green500);
    color: var(--gray300);
}

.study .container {
    background: var(--gray100);
    min-height: 600px;
    padding: 50px 50px 50px;
    max-width: 1700px;
    margin-left: auto;
    margin-right: auto;
}

.linemerge {
    height: 140px;
    border-right: 1px solid var(--gray400);
    width: 1px;
    margin: 90px auto;
    margin-bottom: -10px;
}

.srsp {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

.srsp a.srone {
    background: var(--red200);
    padding: 26px 100px;
    font-size: 24px;
    font-weight: 600;
    border-radius: 24px;
    margin: 10px;
    color: var(--gray700);
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.srsp a.srone span {
    padding: 0 10px;
}

.srsp a.srone:hover {
    background: var(--red350);
}

.srsp a.srone i {
    padding-left: 10px;
    padding-right: 10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.srsp a.srone:hover i {
    padding-left: 20px;
    padding-right: 0px;
}

.srsp .parents i {
    padding: 0px;
    min-width: 60px;
    min-height: 60px;
}

.facultiesblock {
    background: var(--blue200);
    padding: 38px 20px 38px 60px;
    border-radius: 40px;
    max-width: 840px;
    margin: 0 auto;
}

.facultiesblock .name {
    font-size: 33px;
    font-weight: 600;
    display: block;
    text-align: left;
    float: none;
}

.facultiesblock .name i {
    color: var(--green500);
    padding-right: 20px;
}

.facultiesblock .text {
    padding: 10px 20px 20px 0px;
}

.facultiesblocksmall {
    background: var(--blue200);
    padding: 28px 30px;
    border-radius: 40px;
    max-width: 800px;
    display: flex;
    flex-direction: column;
    color: var(--gray700);
    margin: 10px;
    max-width: 80px;
    justify-content: center;
    align-content: center;
    align-items: center;
    text-align: center;
}

.facultiesblock:hover,
.facultiesblocksmall:hover {
    background: var(--blue700);
}

.facultiesblocksmallall {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-width: 940px;
    margin: 0 auto;
}

.facultiesblocksmallall .parents i {
    background: var(--gray300);
    padding: 30px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    margin: 10px;
    color: var(--green500);
    min-width: 30px;
}

.facultiesblocksmallall .parents {
    max-width: 240px;
}

.facultiesblock a {
    text-align: right;
    color: var(--black);
    float: right;
    margin-right: 20px;
}

.facultiesblocksmall i {
    font-size: 30px;
    margin-bottom: 10px;
}

.instituteone {
    background: var(--red300);
    border-radius: 40px;
    max-width: 600px;
    margin: 10px;
    flex: 1 0 calc(33% - 120px);
    padding: 50px 50px 30px;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    min-width: 200px;
}

.instituteone a.name {
    float: none;
    text-align: left;
}

.instituteone:hover,
.postgraduate > div:hover {
    background: var(--red400);
}

.instituteone .text,
.postgraduate > div .text {
    font-size: 18px;
    color: var(--gray700);
    font-weight: 300;
    margin: 10px 0 20px;
    flex: 1 0;
}

.instituteone .name,
.postgraduate > div .name {
    font-size: 24px;
    font-weight: 500;
    padding-bottom: 10px;
    margin: 0;
}

.instituteone a,
.postgraduate > div a {
    text-align: right;
    color: var(--black);
    float: right;
    margin-right: 20px;
}

.institutesblock {
    /* display: grid; */
    flex-wrap: wrap;
    /* grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); */
    display: flex;
}

.postgraduate {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

.postgraduate .doctorant {
    background: var(--green200);
}

.postgraduate .doctorant:hover {
    background: var(--green500t);
}

.postgraduate .thesis-defense-tips {
    background: var(--red200);
}

.postgraduate .thesis-defense-tips:hover {
    background: var(--red350);
}

.postgraduate > div {
    background: var(--red300);
    border-radius: 40px;
    max-width: 520px;
    margin: 10px;
    flex: 1 0 calc(33% - 120px);
    padding: 50px 50px 30px;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    width: 100%;
}

.postgraduate {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.lastbeforefooter {
    padding-bottom: 160px;
}

.instututeone a,
.postgraduate a {
    text-align: right;
    color: var(--black);
    float: right;
    margin-right: 20px;
}

.steps .name {
    font-size: 40px;
    font-weight: 600;
}

.listof_block > .name {
    font-size: 40px;
    font-weight: 600;
    margin-top: 40px;
}

.hostels .container {
    background: var(--gray100);
    min-height: 600px;
    padding: 50px 50px 50px;
    max-width: 1700px;
    margin-left: auto;
    margin-right: auto;
}

.header200.headerhostels {
    background: url("../images/rob-bye-141864-unsplash.png") center top / cover no-repeat;
}

.hostels .navpage {
    margin-top: 60px;
}

.hiddenlist {
    position: absolute;
    top: -10%;
    left: 50%;
    height: auto;
    width: 100%;
    z-index: 50;
    background: var(--white);
    border: 5px solid var(--green500t);
    border-radius: 40px;
    text-align: left;
    padding: 30px;
    box-shadow: 55px 31px 57px var(--shadow);
    display: none;
}

.hiddenlist.show {
    display: block;
}

.hiddenlist .name {
    margin: 0px 0 0 10px;
}

.hostels .navone {
    padding: 40px 20px 50px;
}

.hostels .navone a {
    color: var(--green500);
}

.hiddenlist ol {
    list-style: none;
    counter-reset: my-counter;
}

.hiddenlist ol li {
    counter-increment: my-counter;
    padding-bottom: 16px;
    padding-left: 10px;
}

.hiddenlist ol li::before {
    content: counter(my-counter);
    color: var(--gray900);
    border: 2px solid var(--green500);
    padding: 0px 7px 2px 8px;
    min-width: 10px;
    min-height: 10px;
    font-weight: bold;
    max-width: 18px;
    border-radius: 50%;
    line-height: 10px;
    margin-left: -40px;
    margin-right: 13px;
    font-size: 14px;
}

.hiddenlist li {
    font-weight: 600;
    color: var(--gray900);
    font-size: 20px;
}

.hiddenlist li span {
    font-weight: 400;
    display: block;
    color: var(--gray600);
    font-size: 16px;
}

.hiddenlist .text ol {
    margin-bottom: -20px;
}

.closethis {
    position: absolute;
    right: 30px;
    top: 30px;
    font-size: 30px;
    cursor: pointer;
}

.closethis:hover {
    color: var(--green500);
}

#darkmode {
    padding: 16px 20px;
    margin: 0 10px;
    cursor: pointer;
}

#darkmode:hover {
    color: var(--green500);
}

@media screen and (max-width: 1024px) {
    .headnav .name {
        font-size: 72px;
        margin-right: 0px;
    }

    .headnav .line {
        display: none;
    }
}

@media screen and (max-width: 650px) {
    .headnav .name {
        font-size: 10vw;
        word-break: break-word;
        margin-right: 0px;
    }

    .listofblocks .headnav .name {
        margin-left: 0 !important;
    }

    .faculty .headnav .name {
        font-size: 14vw;
        word-break: break-word;
        margin-right: 0px;
        flex: 1 0 100%;
    }

    .headnav .me {
        margin: 0 -10px;
    }

    .listofblocks {
        justify-content: center;
    }

    .hostels .navone {
        padding: 30px 20px 40px;
    }

    .study .container {
        padding: 50px 30px 50px;
    }
}

.students .headnav {
    margin-bottom: 60px;
    padding-top: 10px;
}

.navblocks {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1700px;
    margin: 0 auto;
    /* margin: 0 -20px; */
    width: calc(100% - 0px);
}

.navblockone {
    padding: 25px 30px;
    margin: 10px;
    flex: 1 0 22%;
    /* flex: 1 0 */
    max-width: 600px;
    min-width: 280px;
    background: var(--white);
    border-radius: 30px;
    word-wrap: break-word;
}

.navblockone .name {
    font-size: 24px;
    font-weight: 550;
    color: var(--gray900);
    text-decoration: none;
}

.navblockone .name:hover {
    text-decoration: underline;
}

.navblockone .name i {
    color: var(--green500);
}

.navblockone .text {
    font-size: 16px;
    color: var(--gray600);
    margin: 18px 0px 0;
    font-weight: 390;
}

.navblockone .text a {
    color: var(--gray900);
    font-size: 18px;
    margin: 5px 0 0 0;
    font-weight: 500;
    display: block;
    text-align: right;
}

.navblockone .text a:hover {
    color: var(--green500);
}

.navblockone .name i {
    margin-right: 20px;
}

.headnavblock > span {
    position: relative;
    display: block;
    font-size: 14px;
    color: var(--gray500);
}

.faculty .headnavblock {
    background: transparent;
    max-width: 640px;
    margin-top: 7px;
}

.headnavblock a {
    display: inline-block;
    margin: 6px;
    /* color: var(--gray900); */
}

.headnavblock a:hover {
    color: var(--green500);
}

.faculty .headnav .line {
    top: 20%;
}

.header500 {
    /* height: 20vw; */
    margin-top: 107px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 40px 0;
    height: 300px;
}

@media screen and (max-width: 1024px) {
    .header500 {
        margin-top: 70px;
    }

    .headerlink {
        height: 90%;
        width: 80%;
    }
}

.header500.headerfaculty {
    background: url("../images/61.jpg");
    background-size: 100%;
    background-position: center top;
    background-attachment: fixed !important;
}

@media screen and (max-width: 1024px) {
    .header500.headerfaculty {
        background-size: 300%;
        height: 110px;
    }
}

.headerfacultyOne {
    background-size: 100%;
    background-position: center top;
    /* background-attachment: fixed!important; */
    height: 100%;
    width: 100%;
    background-position: center 30% !important;
}

.header500.headerfacultyCarousel,
.headerDepartmentCarousel {
    padding: 0;
    display: block;
    width: 100%;
}

.headerbuttons {
    margin: 0 auto;
    width: 100%;
    max-width: 1640px;
}

.about {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 1480px;
    align-content: center;
    align-items: center;
    margin-bottom: 40px;
}

.abouttext {
    flex: 1 0;
    margin: 40px;
}

.about .name {
    font-size: 33px;
    font-weight: 600;
    margin-bottom: 20px;
}

.about .text {
    font-size: 18px;
    font-weight: 390;
    color: var(--gray600);
    line-height: 27px;
    max-height: 216px;
    overflow-y: auto;
    padding-right: 20px;
}

.about .text {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    scrollbar-face-color: transparent;
    scrollbar-shadow-color: transparent;
    scrollbar-highlight-color: transparent;
    scrollbar-3dlight-color: transparent;
    scrollbar-darkshadow-color: transparent;
    scrollbar-track-color: transparent;
    scrollbar-arrow-color: transparent;
    scrollbar-base-color: transparent;
}

.about .text::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.about .text::-webkit-scrollbar-track {
    background-color: var(--gray900);
    box-shadow: inset 0px 0px 0px 4.5px var(--gray100);
    border-radius: 10px;
}

.about .text::-webkit-scrollbar-thumb {
    background-color: var(--black);
    border-radius: 10px;
}

.aboutvideo {
    position: relative;
    flex: 1 0;
    padding-bottom: 25%;
    height: 0;
    margin: 0 40px;
    border-radius: 24px;
    overflow: hidden;
}

.aboutvideo iframe {
    width: 100%;
    height: 100%;
    position: absolute;
}

.about .text a {
    color: var(--green500);
    float: right;
    margin-top: 20px;
    font-weight: 450;
}

.askquestion {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 40px auto;
    max-width: 950px;
    border: 4px dashed var(--green600);
    border-radius: 50px;
    padding: 40px 50px 30px 50px;
    background: var(--white);
    position: relative;
    z-index: 1;
}

.askquestion .name {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 20px;
}

.askquestion .text {
    font-size: 20px;
    font-weight: 380;
    max-width: 650px;
}

.askquestion .formwithimage {
    margin: 20px 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.formwithimage .photo {
    background: url("../images/633@2x.png") center center / cover no-repeat;
    border-radius: 50%;
    height: 200px;
    width: 200px;
    margin: 40px;
}

.askquestion form textarea {
    background: var(--gray300);
    padding: 30px 40px;
    border: none;
    border-radius: 50px;
    font-size: 24px;
    font-weight: 300;
    width: calc(100% - 100px);
    min-height: 133px;
    color: var(--gray900);
}

.askquestion form .textarea {
    flex: 1 0;
    margin: 40px;
}

.askquestion form .formwithoutimage .textarea {
    margin: 40px 0;
}

.askquestion form {
    flex: 1 0;
    margin: 0px;
    width: 100%;
}

.contacttosend .text {
    font-size: 16px;
    flex: 1 0;
}

.askquestion form input[type="text"] {
    display: inline-block;
    padding: 11px 30px;
    background: var(--gray300);
    border-radius: 17px;
    color: var(--gray600);
    text-decoration: none;
    font-size: 22px;
    font-weight: 600;
    margin: 10px 10px 10px 0;
    border: none;
}

/* .askquestion button[type="submit"] {
    border: 2px solid var(--green500);
    border-radius: 17px;
    display: inline-block;
    padding: 17px 40px 40px 40px;
    height: 20px;
    font-size: 20px;
    color: var(--gray900);
    text-decoration: none;
    margin: 0 20px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    background: transparent;
}

.askquestion button[type="submit"]:hover {
    background: var(--green500);
    color: var(--white);
    cursor: pointer;
} */

.contacttosend {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.askquestion i.fas {
    color: var(--green500);
}

[data-theme="dark"] .map {
    filter: invert(100%) grayscale(100%);
    --webkit-filter: invert(100%) grayscale(100%);
}

/* slider switch css */
.theme-switch-wrapper {
    display: flex;
    align-items: center;
    position: relative;
    margin: 0 20px;
    justify-content: flex-end;
}

.theme-switch-wrapper em {
    margin-left: 30px;
    /*font-size: 1rem;*/
}

.theme-switch {
    display: inline-block;
    height: 24px;
    position: relative;
    width: 25px;
    top: 2px;
}

.theme-switch input {
    display: none;
}

.theme-switch .sliderTheme {
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: 0.4s;
    width: 43px;
    background: var(--green500);
}

.theme-switch .sliderTheme:before {
    bottom: 4px;
    content: "";
    height: 16px;
    left: 4px;
    position: absolute;
    transition: 0.4s;
    width: 16px;
    top: 4px;
    background: var(--white);
}

input:checked + .sliderTheme {
    background-color: var(--green500);
}

input:checked + .sliderTheme:before {
    transform: translateX(19px);
}

.sliderTheme.round {
    border-radius: 34px;
}

.sliderTheme.round:before {
    border-radius: 50%;
}

.theme-switch-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.searchForm {
    padding: 20px auto;
    min-width: 200px;
    position: relative;
    margin: 0 auto;
    opacity: 0.3;
    transition: opacity .3s;
    display: flex;
}

.searchForm:hover {
    opacity: 1;
    transition: opacity .3s;
}

.searchForm input {
    width: 100%;
    height: 100%;
    justify-content: right;
    border: 2px solid #7BA7AB;
    border-radius: 15px;
    outline: none;
    background: var(--gray300);
    color: var(--black);
    /*color: #9E9C9C;*/
    text-align: center;
}

.searchForm input:before {
    font-size: 16px;
    color: #F9F0DA;
}

.searchForm.toggle {
    display: none;
}


.searchPage {
    display: flex;
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 40px;
}

.searchPage input {
    width: 50%;
    display: block;
    margin: 0 auto;
    border: 2px solid #7BA7AB;
    text-align: center;
    outline: none;
    background: var(--gray300);
    flex-grow: 1;
    opacity: 0.3;
    color: var(--black);
}

.searchPage input:hover {
    opacity: 1;
    transition: opacity .3s;
}

.searchString {
    margin: 5px;
}

.searchString * {
    margin: 0 20px;
}

.searchBreadCrumbs {
    color: var(--gray400);
}

.searchBreadCrumbs * {
    margin: 5px;
}

.child {
    margin-left: 20px;
}

.subChild {
    margin-left: 40px;
}

.image1one {
    /* background: url('../images/headerimage.jpg') center center / cover no-repeat; */
    height: 100%;
    width: 280px;
    float: left;
}

.image1one img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

/* .image2 {
    background: url('../images/vishnu-r-nair-639172-unsplash.png') center center / cover no-repeat;
} */

.imageslider {
    overflow: hidden;
    border-radius: 40px;
}

.images {
    height: 190px;
    width: 280px;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.blockone {
    width: 100%;
    max-width: 290px;
    margin: 40px 20px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
}

.listofblocks {
    display: flex;
    /* justify-content: center; */
    justify-content: flex-start;
    flex-wrap: wrap;
    /* max-width: 1320px; */
    margin: 0 auto;
}

.listofblocks .headnav .name {
    margin-left: 20px;
}

.departments .breadCrumbs {
    max-width: 1280px;
    margin: 0 auto;
}

.blockone .name {
    font-size: 24px;
    font-weight: 600;
    padding: 10px 0 2px;
    max-width: calc(100% - 100px);
}

.blockone .fullname {
    font-size: 16px;
    color: var(--green500);
    padding-bottom: 10px;
    /* max-width: calc(100% - 100px); */
}

.blockone .place {
    font-weight: 320;
    padding-bottom: 20px;
    flex: 1 0;
    font-size: 11px;
}

.blockone .place span {
    display: inline-block;
    font-weight: 500;
}

.blockone .btns .btngreen_a {
    margin: 0;
}

.blockone .facultyicon {
    position: absolute;
    padding: 22px;
    background: var(--gray300);
    border-radius: 50%;
    margin-top: 140px;
    right: 20px;
    border: 5px solid var(--gray100);
    max-height: 36px;
    height: 100%;
    max-width: 36px;
    width: 100%;
    font-size: 30px;
    color: var(--green500);
    text-align: center;
}

a.sliderLeft {
    position: absolute;
    top: 18%;
    z-index: 16;
    display: block;
    padding: 2% 4% 3% 1%;
    width: auto;
    height: auto;
    background: var(--white);
    color: var(--green500);
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    opacity: 0.9;
    cursor: pointer;
    border-radius: 0px 10px 10px 0px;
}

a.sliderRight {
    position: absolute;
    top: 18%;
    z-index: 16;
    display: block;
    padding: 2% 1% 3% 4%;
    width: auto;
    height: auto;
    background: var(--white);
    color: var(--green500);
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    opacity: 0.9;
    cursor: pointer;
    border-radius: 10px 0px 0px 10px;
    right: 0;
}

a.sliderLeft:hover,
a.sliderRight:hover {
    opacity: 1;
    -webkit-transition: all 0.2s ease;
}

.blockone .images {
    position: relative;
    overflow: hidden;
    margin: 0px auto 0 auto;
    border-radius: 4px;
    display: block;
}

.hideblock {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    height: 0;
    overflow: hidden;
    padding: 0;
    margin: 0 auto;
}

.navone.gray {
    background: var(--gray300);
}

.navone.gray:hover {
    background: var(--gray100);
}

.blockWithColumn {
    display: flex;
    flex-wrap: wrap;
}

.facultyRight {
    max-width: 300px;
    width: calc(100% - 40px);
    padding: 0 20px;
    margin-bottom: 40px;
}

.facultyLeft {
    flex: 1 0;
    width: 100%;
}

.facultyLeft .newsblock {
    margin: 50px auto 0 -20px;
}

@media screen and (max-width: 800px) {
    .facultyLeft {
        flex: 1 0 90%;
    }

    .facultyRight {
        max-width: initial;
        padding: 0 0px;
    }

    .abouttext {
        margin: 20px 0;
        flex: 1 0 90%;
    }

    .aboutvideo {
        padding-bottom: 58%;
        margin: 10px 0;
        border-radius: 14px;
        min-width: 100%;
    }

    .navone {
        border-radius: 40px;
    }

    .navblocks {
        margin: 0 auto;
    }
}

.facultyRight .adress {
    padding-top: 20px;
    color: var(--gray600);
}

.facultyLeft .navpage {
    margin-top: 0;
}

.container.faculty,
.container.department {
    min-height: inherit;
    padding: 20px 20px 0px;
    max-width: 1700px;
    margin: 0 auto;
}

a.hoverBckg {
    background: linear-gradient(
        to right,
        var(--shadow100) 50%,
        transparent 50%
    ) !important;
    background-size: 200% 100% !important;
    background-position: right bottom !important;
    transition: all 0.5s ease-out;
}

a.hoverBckg:hover {
    background-position: left bottom !important;
}

/* BURGER */
.mainmenu svg {
    height: 70px;
    position: absolute;
    width: 70px;
    margin-top: -5px;
    left: 0;
    display: none;
}

.burger {
    height: 60px;
    width: 60px;
    position: relative;
    z-index: 900;
    display: none;
}

@media screen and (max-width: 1340px) {
    .burger {
        display: block !important;
    }

    .mainmenu svg {
        display: block;
    }

    /* .burger.active { */
    /* position: absolute; */
    /* left: 4px; */
    /* } */

}

.burgerplate {
    filter: url(#gooeyness);
}

.x {
    transform: scale(0);
    transition: transform 400ms;
}

.line {
    fill: none;
    stroke: var(--gray900);
    stroke-width: 6px;
    stroke-linecap: round;
    stroke-linejoin: round;
    transform-origin: 50%;
    transition: stroke-dasharray 500ms 200ms, stroke-dashoffset 500ms 200ms,
    transform 500ms 200ms;
}

.burger:hover .line,
.burger:hover .x {
    stroke: var(--green500);
}

.x .line {
    stroke-width: 5.5px;
}

.active .line {
    transition: stroke-dasharray 500ms, stroke-dashoffset 500ms, transform 500ms;
}

.active .x {
    transform: scale(1);
    transition: transform 400ms 350ms;
}

.burger .line1 {
    stroke-dasharray: 21 185.62753295898438;
    transition-delay: 0;
}

.burger .line2 {
    stroke-dasharray: 21 178.6514129638672;
    transition-delay: 30ms;
}

.burger .line3 {
    stroke-dasharray: 21 197.92425537109375;
    transition-delay: 60ms;
}

.burger .line4 {
    stroke-dasharray: 21 190.6597137451172;
    transition-delay: 90ms;
}

.burger .line5 {
    stroke-dasharray: 21 208.52874755859375;
    transition-delay: 120ms;
}

.burger .line6 {
    stroke-dasharray: 21 186.59703063964844;
    transition-delay: 160ms;
}

.active.burger .line1 {
    stroke-dasharray: 5 185.62753295898438;
    stroke-dashoffset: -151px;
}

.active.burger .line2 {
    stroke-dasharray: 5 178.6514129638672;
    stroke-dashoffset: -147px;
}

.active.burger .line3 {
    stroke-dasharray: 5 197.92425537109375;
    stroke-dashoffset: -186px;
}

.active.burger .line4 {
    stroke-dasharray: 5 190.6597137451172;
    stroke-dashoffset: -169px;
}

.active.burger .line5 {
    stroke-dasharray: 5 208.52874755859375;
    stroke-dashoffset: -149px;
}

.active.burger .line6 {
    stroke-dasharray: 5 186.59703063964844;
    stroke-dashoffset: -186px;
}

.active.burger .x {
    transition: transform 400ms 250ms;
}

.facultyRight .name {
    border-bottom: 1px solid var(--gray400);
    padding-bottom: 10px;
    font-size: 22px;
    color: var(--gray900);
    font-weight: 600;
}

.facultyRight .subName {
    font-size: 16px;
    font-weight: 600;
    color: var(--green500);
    padding: 20px 0 6px;
}

.facultyRight .subName.hotLine {
    color: var(--orange500);
}

.facultyRight .phoneNumber {
    font-size: 24px;
}

.facultyRight .email {
    font-size: 16px;
    padding-bottom: 10px;
}

.dekanatBlock {
    margin-bottom: 40px;
}

.facultyRight .workTime {
    font-weight: 300;
    font-size: 18px;
}

.facultyRight .btngreen_a {
    margin: 20px 0;
    padding: 13px 20px 13px 25px;
}

.facultyRight .btngreen_a:hover > i {
    padding-left: 0px;
    padding-right: 10px;
    color: white;
}

.facultyRight .btngreen_a > i {
    padding-right: 10px;
}

.facultyRight .linksBlock a {
    display: inline-block;
    padding: 4px;
    font-size: 18px;
    color: var(--gray900);
}

.facultyRight .linksBlock a:hover {
    color: var(--green500);
}

.facultyRight .linksBlock .name {
    margin-bottom: 20px;
}

.facultyRight .linksBlock {
    margin-top: 40px;
}

/* RANGE */

.ui-slider-active {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.sortByRange,
.sortByDirection {
    position: relative;
    margin: 0 20px;
}

.sortByRange.active > span,
.sortByDirection.active > span {
    color: var(--green500);
}

.sortByRange > span.actived,
.sortByDirection > span.actived {
    color: var(--green500);
}

.sortByRange > span:hover,
.sortByDirection > span:hover {
    color: var(--green500);
    cursor: pointer;
}

.filter > span > i,
.filter > span > b {
    font-style: normal;
    font-weight: 500;
}

.sortByDirection > span > i,
.sortByRange > span > i {
    line-height: 16px;
    vertical-align: bottom;
    color: var(--green500);
}

.filter > span {
    width: 100px;
}

.box {
    z-index: 50;
    background: var(--white);
    border-radius: 40px;
    text-align: left;
    max-width: 312px;
    padding: 0 30px;
    display: block;
    height: 0px;
    overflow: hidden;
    position: absolute;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    width: 100%;
    min-width: 280px;
    margin-left: -20px;
}

.sortByRangeBox.active {
    height: calc(228px - 60px);
    padding: 30px;
    box-shadow: inset 0 0 0 5px var(--green500t), 55px 31px 57px var(--shadow);
    margin-top: 10px;
}

.sortByRangeBox .values div,
.sortByRangeBox small div {
    display: inline-block;
    vertical-align: top;
}

.sortByRangeBox .values {
    margin: 0;
    font-weight: 500;
    color: var(--green500);
}

.sortByRangeBox .values > div:first-child {
    margin-right: 2px;
}

.sortByRangeBox .values > div:last-child {
    margin-left: 2px;
}

.box small {
    color: var(--gray700);
    display: block;
    margin-top: 8px;
    font-size: 14px;
}

.sortByRangeBox .slider {
    margin-top: 20px;
}

.sortByRangeBox .slider {
    --handle: #fff;
    --handle-active: var(--green500);
    --handle-hover: var(--green500);
    --handle-border: 2px solid var(--green500);
    --line: var(--gray500);
    --line-active: var(--green500);
    height: 23px;
    width: 100%;
    position: relative;
    pointer-events: none;
}

.sortByRangeBox .slider .ui-slider-handle {
    --y: 0;
    --background: var(--handle);
    cursor: -webkit-grab;
    cursor: grab;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 23px;
    height: 23px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    outline: none;
    display: block;
    pointer-events: auto;
}

.sortByRangeBox .slider .ui-slider-handle div {
    width: 23px;
    height: 23px;
    border-radius: 50%;
    transition: background 0.4s ease;
    -webkit-transform: translateY(calc(var(--y) * 1px));
    transform: translateY(calc(var(--y) * 1px));
    border: var(--handle-border);
    background: var(--background);
}

.sortByRangeBox .slider .ui-slider-handle:hover {
    --background: var(--handle-hover);
}

.sortByRangeBox .slider .ui-slider-handle:active {
    --background: var(--handle-active);
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.sortByRangeBox .slider svg {
    --stroke: var(--line);
    display: block;
    height: 83px;
}

.sortByRangeBox .slider svg path {
    fill: none;
    stroke: var(--line);
    stroke-width: 1;
}

.sortByRangeBox .slider .active,
.sortByRangeBox .slider > svg {
    position: absolute;
    top: -25px;
    height: 83px;
}

.sortByRangeBox .slider > svg {
    left: 0;
    width: 100%;
}

.sortByRangeBox .slider .active {
    position: absolute;
    overflow: hidden;
    left: calc(var(--l) * 1px);
    right: calc(var(--r) * 1px);
}

.sortByRangeBox .slider .active svg {
    --stroke: var(--line-active);
    position: relative;
    left: calc(var(--l) * -1px);
    right: calc(var(--r) * -1px);
}

.sortByRangeBox .slider .active svg path {
    stroke-width: 2;
}

.sortByRangeBox .slider .ui-slider-handle:last-child {
    /* display: none; */
    opacity: 0;
    pointer-events: none;
}

#second {
    display: none;
}

.sortByRangeBox .slider {
    margin-bottom: 20px;
}

.box .name {
    font-size: 24px;
    font-weight: 600;
}

.filter.fixed {
    position: fixed;
    z-index: 50;
    top: 130px;
    background: var(--white);

    left: 0;
}

.filter {
    display: flex;
    width: calc(100% - 40px);
    padding: 20px;
}

.sortByRangeClear,
.sortByDirectionClear,
.sortByClear {
    opacity: 0.5;
    cursor: pointer;
    margin: 10px 0;
}

.sortByRangeClear:hover,
.sortByDirectionClear:hover,
.sortByClear:hover {
    opacity: 1;
}

.sortByClear {
    margin: 0;
    display: none;
}

.sortByClear.active {
    display: block;
}

/* SORT BY DIRECTION */

[type="checkbox"]:checked,
[type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

[type="checkbox"]:checked + label,
[type="checkbox"]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: var(--gray700);
}

[type="checkbox"]:checked + label:before,
[type="checkbox"]:not(:checked) + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid var(--gray300);
    background: var(--white);
}

[type="checkbox"]:checked + label:after,
[type="checkbox"]:not(:checked) + label:after {
    content: "";
    width: 8px;
    height: 8px;
    background: var(--green500);
    position: absolute;
    top: 6px;
    left: 6px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

[type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.sortByDirectionBox.active {
    height: calc(420px - 60px);
    padding: 30px;
    box-shadow: inset 0 0 0 5px var(--green500t), 55px 31px 57px var(--shadow);
    margin-top: 10px;
}

.sortByDirectionBox p {
    margin: 10px 0;
}

.filter > span {
    color: var(--gray600);
}

.events {
    display: flex;
    flex-wrap: wrap;
    background: var(--gray300);
    padding: 80px 20px;
    justify-content: center;
}

.eventsAllBlock {
    display: flex;
    flex-wrap: wrap;
    justify-content: stretch;
    margin: 20px -10px;
}

.eventsAll .name,
.eventsImportant .name {
    font-size: 30px;
    font-weight: 600;
    color: var(--black);
}

.eventsImportant .name {
    margin-bottom: 60px;
}

.eventOne .eventDate {
    color: var(--green500);
    font-weight: 500;
    font-size: 24px;
    display: inline-block;
}

.eventOne .eventDay {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
}

.eventsAll {
    max-width: 1400px;
    flex: 1 0;
}

.eventOne .eventName {
    font-size: 24px;
    color: var(--gray900);
    font-weight: 600;
    margin-top: 24px;
}

.eventOne .eventTime {
    font-size: 20px;
    padding: 10px 0;
}

.eventOne {
    margin: 10px;
}

.eventOne .eventDetails {
    border-right: 1px solid var(--gray400);
    padding-right: 20px;
}

.eventOne {
    border-bottom: 1px solid var(--gray400);
    flex: 1 0;
    /* max-width: 600px; */
    min-width: 280px;
    margin-top: 40px;
}

.eventOne .eventMore {
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    color: var(--green500);
    margin: 20px 0;
}

.eventOne .eventMore:hover {
    color: var(--gray900);
}

.eventOne .eventPlace,
.eventPrice {
    font-weight: 300;
}

.eventsImportant {
    margin: 0 20px;
    flex: 1 0;
    max-width: 300px;
}

.eventImportantOne {
    border-radius: 17px;
    background: var(--green200);
    padding: 20px;
    width: calc(100% - 40px);
    display: block;
    margin: 10px 0 20px 0;
    color: var(--gray700);
    text-decoration: none;
}

.eventImportantName {
    font-size: 17px;
    font-weight: 600;
    /* padding-top: 60px; */
    color: var(--gray700);
}

.eventImportantOne:hover {
    color: var(--green500);
}

.eventsImportantBlock :nth-child(2) {
    background: var(--orange100);
}

.eventsImportantBlock :nth-child(3) {
    background: var(--red300);
}

.eventsImportant .btngreen_a {
    margin: 0;
}

.eventsImportant .notes {
    display: block;
    padding: 10px 0;
    color: var(--gray500);
    font-size: 14px;
    font-weight: 400;
}

.btnWhite {
    display: inline-block;
    padding: 11px 30px;
    background: var(--white);
    border-radius: 17px;
    color: var(--gray600);
    text-decoration: none;
    font-size: 22px;
    font-weight: 600;
    margin: 10px 10px 10px 0;
}

.btnWhite:hover {
    color: var(--white);
    background: var(--gray600);
}

.navWhite {
    margin: 0 -10px;
}

.announcementOne:nth-child(1) {
    background: var(--green200);
}

.announcementOne:nth-child(2) {
    background: var(--orange100);
}

.announcementOne:nth-child(3) {
    background: var(--red300);
}

.announcementBlock {
    display: flex;
    flex-wrap: wrap;
    justify-content: stretch;
    margin: 20px -10px;
}

.announcementOne {
    padding: 10px;
    border-radius: 34px;
    display: flex;
    flex-wrap: wrap;
    margin: 20px;
    min-width: 380px;
    flex: 1 0 40%;
}

.announcementOne .image {
    height: 120px;
    width: 120px;
    background: url("../images/samuel-zeller-158996-unsplash.png") center center /
        cover no-repeat;
    border-radius: 20px;
}

.announcementOne .left {
    padding: 20px 20px 0 20px;
}

.announcementOne .announcementContent {
    padding: 20px;
    flex: 1 0;
    min-width: 300px;
}

.announcementOne .name {
    font-size: 30px;
    font-weight: 600;
    color: var(--black);
    margin-bottom: 20px;
}

.announcementOne .text {
    color: var(--gray600);
    font-size: 17px;
    padding: 10px 0 20px 0;
}

.announcementOne .author {
    color: var(--black);
    font-size: 15px;
    display: inline-block;
}

.announcementContent .more {
    color: var(--green500);
    font-size: 20px;
    float: right;
}

.announcementContent .more:hover {
    color: var(--gray900);
}

.announcementOne .date {
    text-align: center;
    padding: 10px 0;
}

@media screen and (max-width: 414px) {
    .announcementOne,
    .announcementOne .announcementContent {
        min-width: initial;
    }

    .headerlink {
        height: 80%;
    }
}

.announcementBlockAll > .name {
    font-size: 40px;
    font-weight: 600;
    margin-top: 40px;
}

.hostels .newsblock {
    margin-top: 0;
}

.announcementAdd {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction: column;
}

.announcementAdd > span {
    padding: 10px 0;
    display: block;
    max-width: 440px;
    text-align: center;
}

.people .name {
    font-size: 40px;
    font-weight: 600;
    margin-top: 40px;
}

.peopleOne .image {
    background: url("../images/vishnu-r-nair-639172-unsplash.png") no-repeat center center / auto 100%;
    height: 200px;
    width: 200px;
    border-radius: 50%;
}

.peopleOne {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    flex: 1 0;
    max-width: 300px;
    text-align: center;
    margin: 10px;
}

.peopleBlock {
    margin: 0 -10px 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.peopleOne .fullname {
    font-size: 22px;
    font-weight: 600;
    margin: 20px 0 10px 0;
    color: var(--gray900);
}

.peopleOne .istatus {
    padding: 10px 0;
    flex: 1 0;
}

.people {
    background: var(--white);
    padding: 20px 20px;
}

.peopleContent {
    margin: 0 auto;
    max-width: 1700px;
}

.sliderPublications.blockone {
    max-width: 100%;
    margin: 0;
}

.sliderPublications .image1one {
    display: flex;
    flex-wrap: wrap;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    background: var(--white);
    margin-left: -50px;
    margin-right: -50px;
    width: 300px;
}

.sliderPublications .image1one.noactive {
    transform: scale(0.9);
    position: relative;
    z-index: 10;
}

.sliderPublications .image1one.active {
    margin-left: 100px !important;
    position: relative;
    z-index: 15;
}

.sliderPublications .image1one.image1oneWidth0 {
    width: 0;
    padding: 0;
    height: 0px !important;
    overflow: hidden;
    -webkit-transition: all 1.6s ease;
    -moz-transition: all 1.6s ease;
    -o-transition: all 1.6s ease;
}

.sliderPublications .image1one:nth-child(3) {
    z-index: 9;
}

.sliderPublications .image1one:nth-child(4) {
    z-index: 8;
}

.sliderPublications .image1one:nth-child(5) {
    z-index: 7;
}

.sliderPublications .image1one:nth-child(6) {
    z-index: 6;
}

.sliderPublications .image1one:nth-child(7) {
    z-index: 5;
}

.sliderPublications:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 30%;
    max-width: 300px;
    background: -moz-linear-gradient(
        left,
        var(--white0) 0%,
        var(--gray100) 100%
    );
    background: -webkit-linear-gradient(
        left,
        var(--white0) 0%,
        var(--gray100) 100%
    );
    background: linear-gradient(
        to right,
        var(--white0) 0%,
        var(--gray100) 100%
    );
    height: 100%;
    z-index: 17;
}

.sliderPublications .universityName {
    font-size: 10px;
    flex: 1 0 calc(80% - 10px);
    padding-right: 10px;
    vertical-align: middle;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.sliderPublications .universityLogo {
    flex: 0 0 20%;
    background: url("../images/logo_bntu_2018-gray-green.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    height: 47px;
    width: 20%;
    display: inline-block;
}

.sliderPublications .publicationName {
    font-size: 30px;
    flex: 1 0 100%;
    margin: 40px 0;
    font-weight: 500;
    line-height: 0.9;
    height: 100px;
    overflow: hidden;
}

/* .sliderPublications .publicationName:before {

} */

.sliderPublications .publicationAuthor span {
    font-size: 9px;
    font-weight: 600;
    flex: 1 0 100%;
    margin: 6px 0;
}

.sliderPublications .publicationAuthor p {
    font-size: 14px;
    font-weight: 500;
    flex: 1 0 100%;
    margin: 2px 0;
    padding-bottom: 0px;
}

.sliderPublications .publicationAuthor span {
    flex: 1 0;
}

.sliderPublications .publicationDate2Place {
    flex: 1 0 100%;
    font-size: 10px;
    display: flex;
    align-items: center;
}

.sliderPublications .imageslider {
    border-radius: 0;
    height: auto !important;
    width: 100% !important;
}

.sliderPublications .image1one .image1oneContent {
    display: flex;
    flex-wrap: wrap;
    padding: 20px 40px;
    width: calc(100% - 80px);
    box-shadow: inset 0px 0px 0px 3px var(--green500);
}

.sliderPublications a {
    color: var(--gray900);
    overflow: auto;
    height: auto;
}

.sliderPublications .publicationAuthor {
    flex: 1 0 100%;
    padding-bottom: 30px;
    max-width: 140px;
}

.sliderPublications .piblicationLine {
    border-top: 1px solid var(--gray500);
    width: 100%;
    margin: 0 15px;
}

.sliderPublications .sliderLeft,
.sliderPublications .sliderRight {
    top: 150px;
    margin-left: -40px;
    border-radius: 10px;
    padding: 10px 20px;
    color: var(--green500);
    font-size: 30px;
    z-index: 20;
}

.sliderPublications .sliderRight {
    margin-right: -40px;
    margin-left: 0;
}

.sliderPublications .sliderLeft:hover,
.sliderPublications .sliderRight:hover {
    /* box-shadow: inset 0px 0px 0px 1px var(--green500); */
    color: var(--white);
    background: var(--green500);
}

.science .lastrsslist {
    max-height: 308px;
}

.science .newsblock {
    margin-bottom: 40px;
}

.deanPhoto {
    background: url("/images/no.png") center center / cover no-repeat;
    max-height: 300px;
    width: 100%;
    flex: 1 0;
    border-radius: 40px;
    min-height: 150px;
    margin: 20px;
    /* max-width: 270px; */
    min-width: 200px;
    min-height: 250px;
    max-width: 210px;
}

.facultyDeaneryOne {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -20px 20px;
    max-width: 840px;
    width: 100%;
}

.deanFull {
    flex: 1 0;
    margin: 20px;
    max-width: 100%;
}

.deanLastName {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
}

.linkToDepartment a {
    text-decoration: none;
}

.linkToDepartment a:hover {
    text-decoration: underline;
}

.deanRole {
    font-size: 20px;
    font-weight: 700;
    color: var(--gray600);
    margin: 0 0 20px 0;
}

.deanScienceRole {
    padding: 10px 20px 12px 20px;
    background: var(--gray300);
    border-radius: 12px;
    display: inline-block;
    margin-top: 0px;
}

.deanDesc {
    margin: 20px 0;
}

.deanContacts .deanOpen {
    color: var(--green500);
    font-weight: 500;
    font-size: 18px;
}

.facultyDeaneryOne .btngreen_a {
    margin: 0 10px;
    padding: 13px 20px 13px 25px;
}

/* .facultyLeft .name {
    font-size: 36px;
    font-weight: 600;
} */

.deanContacts {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

@media screen and (max-width: 600px) {
    .btngreen_a {
        margin: 5px !important;
        padding: 9px 15px 8px 19px !important;
        font-size: 17px !important;
    }

    .deanPhoto {
        margin-bottom: -10px;
    }

    .btngmap {
        padding: 8px 0px 9px 30px;
    }
}

.header200.headernews {
    background: url("../images/61.jpg");
    background-size: 100%;
    background-position: center top;
    background-attachment: fixed;
}

.newsOne {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: var(--gray700);
    font-size: 30px;
    max-width: 390px;
    margin: 8px;
    width: 100%;
    border-radius: 43px;
    padding: 12px;
    flex: 1 0 260px;
    box-shadow: 0px 0px 0 0px var(--white), 0px 0px 0px var(--shadow);
    background: transparent;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.newsOne .newsImage {
    min-height: 200px;
    width: 100%;
    display: block;
    background: url("/images/no.png") center center / cover no-repeat;
    border-radius: 33px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.newsOne:hover > .newsImage {
    border-radius: 43px;
}

.newsOne .newsText {
    font-size: 16px;
    font-weight: 300;
}

.newsOne .newsDate {
    font-size: 12px;
    color: var(--gray500);
    margin-top: 10px;
}

.newsBlock {
    display: flex;
    flex-wrap: wrap;
    justify-content: stretch;
    margin: 0;
    align-items: flex-start;
    flex: 1 0;
}

.newsOne .newsTags a {
    display: inline-block;
    color: var(--gray500);
    font-size: 16px;
}

.newsOne .newsName:hover {
    color: var(--green500);
}

.newsView .newsImage {
    height: 0;
    padding-block-end: 64%;
    border-radius: 10px;
    /* margin-left: -43px; */
    /* width: calc(100% + 43px + 43px); */
    margin-block-end: 30px;
}

.newsview .newsName {
    margin: 10px 0 20px;
    line-height: 1;
    font-size: 46px;
    font-weight: 600;
}

.newsview .container {
    max-width: 1280px;
}

.newsView .newsTags a {
    display: inline-block;
    color: var(--gray500);
    font-size: 16px;
    padding-bottom: 7px;
}

.newsText p.imgalt {
    text-align: center;
    font-size: 14px;
    color: var(--gray600);
    font-weight: 500;
}

.newsLeft {
    flex: 1 0;
    max-width: 800px;
    margin: 0 50px;
}

.newsRight {
    flex: 1 0;
    max-width: 320px;
    min-width: 280px;
    margin: 90px 20px 0;
}

.newsText img {
    height: auto;
    max-height: 700px;
    width: auto;
    max-width: 100%;
}

.newsText {
    font-size: 18px;
    line-height: 1.5;
    color: var(--gray700);
    margin: 1.5em auto;
    -webkit-font-smoothing: antialiased;
    max-width: 800px;
}

.newsText table {
    border-collapse: collapse;
}

.newsText h1,
.newsText h2 {
    word-break: break-word;
    line-height: 1;
}

.imagegrid {
    width: calc(100% + 100px);
    margin-left: -50px;
}

.imageflow {
    /* width: calc(100% + 100px);
    margin-left: -50px; */
    display: flex;
    justify-content: center;

    display: flex;
    justify-content: center;
    flex-direction: column;
    overflow: hidden;
    /* max-height: 470px; */
    align-items: center;
    align-content: center;
    border-radius: 10px;
}

/* .fotorama { */
/* margin-left: -50px;
    width: calc(100% + 100px); */
/* } */
.fotorama__stage {
    width: 100% !important;
}

@media screen and (max-width: 1280px) {
    .imagegrid {
        width: calc(100% + 70px);
    }

    /* .imageflow {  */
    /* width: calc(100% + 40px);
	    margin-left: -20px; */
    /* } */
    /* .fotorama {
        margin-left: -20px;
        width: calc(100% + 40px);
    } */
}

@media screen and (max-width: 1000px) {
    .imagegrid {
        width: calc(100% + 40px);
        margin-left: -20px;
    }

    /*.imageflow {
	     width: calc(100% + 40px);
	    margin-left: -20px;
    }*/
    /* .fotorama {
        margin-left: -20px;
        width: calc(100% + 40px);
    } */
}

@media screen and (max-width: 950px) {
    .imagegrid {
        width: calc(100% + 0px);
        margin-left: 0px;
    }

    /* .imageflow {  */
    /* width: calc(100% + 0px);
	    margin-left: 0px; */
    /* } */
    /*.fotorama {
         margin-left: 0px;
        width: calc(100% + 0px);
     } */
    .questionArrow {
        transform: scale(1);
        background-size: 130px;
    }
}

@media screen and (max-width: 860px) {
    .imagegrid {
        width: calc(100% + 60px);
        margin-left: -30px;
    }

    /* .imageflow {  */
    /* width: calc(100% + 60px);
		margin-left: -30px; */
    /* } */
    /* .fotorama { */
    /* margin-left: -30px;
        width: calc(100% + 60px); */
    /* } */
}

@media screen and (max-width: 454px) {
    .imagegrid {
        width: calc(100% + 40px);
        margin-left: -20px;
    }

    /* .imageflow {  */
    /* width: calc(100% + 40px);
		margin-left: -20px; */
}

/* .fotorama { */
/* margin-left: -20px;
        width: calc(100% + 40px); */
/* } */
/* } */

table .imageflow {
    width: auto !important;
    margin-left: 0 !important;
}

.imagegrid {
    flex-direction: row !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background: rgba(67, 67, 67, 1);
    padding: 10px 0;
    margin-top: -15px;
}

.imagegrid a {
    -webkit-box-flex: auto;
    -ms-flex: auto;
    flex: none;
    width: 70px;
    height: 50px;
    margin: 4px;
    overflow: hidden;
    border: none;
}

@media screen and (max-width: 460px) {
    .imagegrid a {
        width: 60px;
        height: 46px;
        margin: 2px;
    }
}

.imagegrid.goimage a.active {
    border: 3px solid #18cc9b;
}

.imagegrid.goimage a {
    border: 3px solid transparent;
}

.goimagePreview {
    background: var(--gray300);
}

.goimagePreview a {
    display: block;
    width: 100%;
    height: 100%;
}

.goimagePreview div {
    height: 100%;
    width: 100%;
}

/* .fotorama img { */
/* border-radius: 10px!important; */
/* } */

.fotorama__stage {
    border-radius: 10px !important;
}

.newsBlock .newsOne .newsText {
    /* overflow: hidden; */
    /* max-height: 0; */
    /* text-overflow: ellipsis; */
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.newsBlock .newsOne .newsText {
    max-height: 109px;
    overflow-y: auto;
    margin: 20px 0 0;
    line-height: 21px;
}

/* .newsBlock .newsOne:hover {
    box-shadow: 25px 21px 57px var(--shadow);
} */

.newsBlock {
    margin-bottom: 40px;
}

.newsTags {
    padding-bottom: 10px;
    line-height: 15px;
    padding-top: 10px;
}

.newsBlock .newsOne {
    position: relative;
}

.newsOne.newsOneHidden {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    z-index: 10;
    margin: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    width: calc(100% - 24px);
}

.newsBlock .newsOne:hover > .newsOne.newsOneHidden {
    opacity: 1;
    /* display: flex; */
    background: var(--white);
    padding: 12px;
    border-radius: 49px;
    box-shadow: 0px 0px 0 20px var(--white), 25px 21px 87px var(--shadow);
    z-index: 50 !important;
}

.newsOne:hover {
    box-shadow: 0px 0px 0 20px var(--white), 25px 21px 87px var(--shadow);
    z-index: 49 !important;
    background: var(--white);
}

.newsOne .newsText {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    scrollbar-face-color: transparent;
    scrollbar-shadow-color: transparent;
    scrollbar-highlight-color: transparent;
    scrollbar-3dlight-color: transparent;
    scrollbar-darkshadow-color: transparent;
    scrollbar-track-color: transparent;
    scrollbar-arrow-color: transparent;
    scrollbar-base-color: transparent;
}

.newsOne .newsText::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.newsOne .newsText::-webkit-scrollbar-track {
    background-color: var(--gray900);
    box-shadow: inset 0px 0px 0px 4.5px var(--gray100);
    border-radius: 10px;
}

.newsOne .newsText::-webkit-scrollbar-thumb {
    background-color: var(--black);
    border-radius: 10px;
}

.newsText p {
    padding: 13px 0;
    margin: 0;
}

.department .facultyLeft .newsText p {
    padding: 7px 0;
}

.newsText ul {
    padding: 0px 0px 10px 50px;
    margin: 0;
}

.newsStats {
    color: var(--gray500);
    display: flex;
}

.newsStats div {
    margin: 0 4px;
}

.newsTagsStats {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 50px;
    margin-left: -5px;
    margin-right: -5px;
}

.newsStats > div:hover {
    color: var(--green500);
}

.newsTags > a:hover {
    color: var(--green500);
}

.newsCopyright {
    margin: 0 0 40px 0;
}

.newsCopyright a {
    color: var(--green500);
}

.newsText .author {
    max-width: 400px;
    text-align: right;
    margin-left: auto;
    font-size: 14px;
    color: var(--gray500);
}

.logBlock .name {
    font-size: 30px;
    font-weight: 600;
    margin: 60px 0 20px;
}

.logOne {
    padding: 0px 20px;
    border-left: 3px solid var(--gray500);
    margin: 10px;
}

.logDate {
    font-size: 10px;
    color: var(--gray500);
}

.logsAllBlock {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    scrollbar-face-color: transparent;
    scrollbar-shadow-color: transparent;
    scrollbar-highlight-color: transparent;
    scrollbar-3dlight-color: transparent;
    scrollbar-darkshadow-color: transparent;
    scrollbar-track-color: transparent;
    scrollbar-arrow-color: transparent;
    scrollbar-base-color: transparent;
    max-height: 460px;
    overflow-y: scroll;
}

.logsAllBlock::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.logsAllBlock::-webkit-scrollbar-track {
    background-color: var(--gray900);
    box-shadow: inset 0px 0px 0px 4.5px var(--gray100);
    border-radius: 10px;
}

.logsAllBlock::-webkit-scrollbar-thumb {
    background-color: var(--black);
    border-radius: 10px;
}

.logBlock a {
    font-size: 12px;
}

.shr-buttons a {
    height: 30px;
    width: 30px;
}

.shr-buttons {
    margin: 0 -4px;
}

@media screen and (max-width: 1024px) {
    .container {
        padding: 10px 10px 50px;
    }

    .container.downblocks {
        padding: 0px 0px 50px;
    }

    .container.faculties {
        padding-top: 10px;
    }

    .newsLeft {
        margin: 0 10px;
        width: calc(100% - 20px);
        flex: 1 0 90%;
    }

    .newsView .newsImage {
        margin-left: 0;
        width: calc(100%);
    }

    .newsview .newsName {
        font-size: 40px;
        word-break: break-word;
    }
}

.newsRating i:hover {
    color: var(--green500);
    cursor: pointer;
}

.newsRatingCurrent {
    font-size: 20px;
    padding: 0 10px;
}

.invalid {
    color: var(--white);
    background: var(--orange500);
    padding: 6px 16px;
    position: absolute;
    z-index: 1;
    border-radius: 9px;
    margin-top: -11px;
    margin-left: 25px;
}

.invalid.invalid-input {
    margin-top: -41px;
    margin-left: 5px;
}

.alert.alert-success {
    color: var(--white);
    background: var(--green600);
    padding: 10px 26px;
    z-index: 1;
    border-radius: 13px;
    margin-block-end: 20px;
    font-size: 16px;
}

.alert.alert-warning {
    color: var(--white);
    background: var(--orange500);
    padding: 10px 26px;
    z-index: 1;
    border-radius: 13px;
    margin-block-end: 20px;
    font-size: 16px;
}

.newsText td {
    padding: 4px 8px;
    border: 1px dashed var(--gray400);
}

.eventDateMore {
    color: var(--gray500);
    font-weight: 300;
    font-size: 14px;
    /* display: inline; */
}

/* .eventImportantOne a {
    text-decoration: none;
    z-index: 10;
    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
} */

.eventImportantOneName {
    font-size: 36px;
    font-weight: 600;
    /* padding-top: 20px; */
    color: var(--gray900);
}

/* .eventImportantCarousel { */
/* display: flex;
    flex-wrap: wrap; */
/* } */

.eventImportantCarouselOne {
    flex: 1 0;
    margin: 20px;
    position: relative;
    z-index: 10;
    min-height: 300px;
    width: 100%;
    max-width: 600px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.eventImportantOneImage {
    min-height: 300px;
    width: 100%;
    border-radius: 17px;
    background: var(--green200);
    display: block;
    margin: 10px 0 20px 0;
    color: var(--gray700);
    text-decoration: none;
}

/* .eventImportantBlock  .eventImportantCarousel  .eventImportantOne:after {
    content:"";
    top: 0;
    left: 0;
    position: absolute;
    background: var(--whitetr);
    height: 100%;
    width: 100%;
    z-index: -1;
    opacity: 0;
    border-radius: 17px;
}

.eventImportantBlock  .eventImportantCarousel  .eventImportantOne:hover:after {
    opacity: 1;
} */

.eventImportantBlock .name {
    flex: 1 0 90%;
    font-size: 30px;
    margin: 40px 0px 0;
    font-weight: 500;
}

.flickity-prev-next-button .flickity-button-icon {
    top: 30% !important;
}

.flickity-button {
    background: var(--white) !important;
    color: var(--green500) !important;
}

.flickity-prev-next-button {
    top: 50% !important;
    border-radius: 12px !important;
}

.flickity-button:disabled {
    opacity: 0.6 !important;
}

.eventPreviewOneImage {
    height: 297px;
    width: 210px;
    display: block;
    border-radius: 8px;
    margin-block-end: 17px;
}

.eventBlock {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 20px -20px;
}

.eventPreviewOne {
    width: 210px;
    margin: 20px;
}

.eventPreviewOne .eventName {
    color: var(--gray800);
    font-size: 20px;
    font-weight: 800;
    text-decoration: none;
    margin-block-end: 10px;
    display: block;
    line-height: 1;
}

.eventRegularBlock {
    margin: 40px 0;
}

.eventPreviewOne .eventName:hover {
    color: var(--green500);
}

.eventHide {
    display: none;
}

.navWhite .btnWhite.active {
    background: var(--green500);
    color: var(--white);
}

.name.filteredText {
    color: var(--gray500);
}

.eventPreviewOne:hover {
    box-shadow: 0px 0px 0 20px var(--white), 25px 21px 87px var(--shadow);
    border-radius: 6px;
    background: var(--white);
}

.eventDatePast {
    opacity: 0.6;
    font-size: 12px;
}

.eventDate.eventDateActual {
    line-height: 1.4;
}

.eventFullBlock {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    position: relative;
}

.eventFullImageA {
    /* flex: 1 0; */
    width: 400px;
    height: 564px;
    border-radius: 10px;
}

.eventFullBlock .eventFullText {
    margin: 0 1.5em;
    width: 100%;
    flex: 1 0;
    width: calc(100% - 460px);
}

.eventFullText .eventDateActual {
    line-height: 1.8;
    font-size: 18px;
    color: var(--gray600);
    font-weight: 500;
}

.eventDate .day {
    color: var(--green500);
}

.eventLeft {
    flex: 1 0;
    max-width: 1080px;
    margin: 0 50px;
    width: calc(100% - 100px);
}

.eventContentText {
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 30px;
    font-weight: 600;
}

.eventFullText .eventPlace,
.eventPrice {
    font-size: 15px;
    color: var(--gray600);
    font-weight: 500;
    padding: 10px 20px 12px 20px;
    background: var(--gray300);
    border-radius: 12px;
    display: inline-block;
    margin: 5px 0;
}

.eventPlace,
.eventPrice {
    color: var(--gray900) !important;
}

.eventFullText .newsImage {
    margin-top: 40px;
}

.eventFullImageA {
    display: block;
    text-align: center;
    margin: 0 auto;
}

.eventImagesCarousel {
    width: 400px;
    display: block;
    text-align: center;
    margin: 0 auto;
    flex: 1 0;
    max-width: 400px;
    min-width: 400px;
}

@media screen and (min-width: 1025px) {
    .eventImagesCarousel.fixed {
        position: fixed;
        margin-top: -50px;
        top: 180px;
    }

    .eventImagesCarousel.fixed.fixedBottom {
        position: absolute;
        bottom: 0px;
        margin-top: initial;
        top: initial;
    }
}

@media screen and (max-width: 1340px) {
    .eventImagesCarousel.fixed {
        margin-top: -110px;
    }

}

@media screen and (max-width: 1024px) {
    .eventLeft {
        margin: 0 10px;
    }

    .eventFullBlock .eventFullText {
        margin: 20px 0;
        flex: 1 0 100%;
    }
}

@media screen and (max-width: 480px) {
    .eventFullImageA {
        width: 100%;
        height: 0;
        padding-bottom: 141%;
    }

    .eventFullImage {
        width: 100%;
        height: 100%;
    }

    .eventImagesCarousel {
        width: 100%;
        min-width: 100%;
    }

    .newsview .newsName {
        font-size: 32px;
    }
}

.eventFullText .newsImage {
    display: block;
}

.status {
    font-size: 18px;
    padding: 20px 40px;
    background: var(--orange500);
    color: var(--white);
    border-radius: 10px;
    margin-bottom: 20px;
}

.static-banner {
    position: absolute;
    z-index: 10;
    top: 40px;
}

.faculty .headnav .name span,
.department .headnav .name span {
    padding-right: 20px;
}

.faculty .headnav .name a,
.department .headnav .name a {
    display: inline-block;
    color: var(--gray700);
    text-decoration: none;
}

.faculty .headnav .name a:hover,
.department .headnav .name a:hover {
    color: var(--green500);
}

.imageOneSlide {
    height: 190px;
    width: 100%;
    border-radius: 40px;
}

.imagesSliderBlock {
    border-radius: 40px;
}

.breadCrumbs {
    color: var(--gray400);
    padding: 6px 6px 6px 0;
}

.step {
    color: var(--gray500);
    text-decoration: none;
}

.breadCrumbs span {
    color: var(--gray500);
    text-decoration: none;
}

.step:hover {
    text-decoration: underline;
}

/* I.BNTU.BY OLD */

.fsname {
    font-size: 16px;
    text-align: left;
    padding: 20px 0;
    max-width: 800px;
    line-height: 1.4;
}

.fsname span {
    white-space: nowrap;
    opacity: 0.8;
}

.nname {
    font-size: 12px;
    font-weight: 300;
    text-transform: uppercase;
    font-weight: 400;
    padding: 4px 10px;
    background: var(--green200);
    border-radius: 3px;
    white-space: nowrap;
}

.spec_description_more:hover,
.spec_description_less:hover {
    opacity: 1;
    cursor: pointer;
}

.spec_description_more {
    display: inline-block;
}

.spec_description ul {
    padding-left: 30px;
}

.spec_description_more,
.spec_description_less {
    padding: 6px 10px;
    border: 1px solid var(--green500);
    display: none;
    background: var(--green500);
    color: white;
    font-weight: 500;
    margin-bottom: 20px;
    font-size: 12px;
    margin-top: -10px;
    border-radius: 10px;
}

.spec_description_more {
    display: inline-block;
}

.fsdescblock {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0 -10px;
}

.fsdeschidderOne {
    flex: 1 0 580px;
    padding: 0 20px 10px;
    background: var(--white);
    border: 1px solid var(--green500);
    margin: 10px;
    border-radius: 20px;
}

@media screen and (max-width: 1024px) {
    .fsdeschidderOne {
        flex: 1 0;
    }

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

/* .fsdescblock:nth-child(2n) {
    background: white;
} */

.spec_description {
    overflow: hidden;
    height: 0px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transform: translateZ(0);
    margin: 0px;
    /* border: 1px solid transparent; */
    padding: 0px;
    /* font-size: 15px; */
    /* line-height: 1.5; */
    max-width: 1000px;
    margin: -11px 0 20px 0;
    color: var(--gray600);
    line-height: 19px;
    font-size: 14px;
    text-align: justify;
}

.showdescrspec {
    height: auto;
    display: block;
    padding: 10px 0;

    /* border: 1px solid gray; */
}

.fsdesc {
    text-align: center;
    font-size: 12px;
    margin: 12px 6px 5px;
}

.fsdesc {
    color: var(--gray600);
}

.leftdesc {
    text-align: left !important;
    padding-bottom: 10px;
}

.fsdesc span {
    display: block;
    font-size: 16px;
    color: var(--gray900);
    font-weight: 500;
    min-height: 21px;
}

.fsdesc div {
    font-size: 16px;
    color: var(--gray900);
    font-weight: 500;
    min-height: 21px;
}

.fdescblock {
    display: flex;
    flex-wrap: wrap;
}

.fsdesc.mw {
    max-width: 90px;
}

.proh2019 {
    display: flex;
    border: 1px solid var(--gray500);
    position: relative;
    margin: 5px 5px 10px 5px;
    min-width: 120px;
    justify-content: center;
    align-content: center;
    align-items: center;
    min-height: 70px;
    border-radius: 10px;
    flex-wrap: wrap;
    opacity: 0.5;
}

.proh2019:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: -7px;
    margin-left: 10px;
    background: var(--gray100);
    font-size: 10px;
    padding: 0 10px;
    line-height: 1;
    margin-right: 10px;
}

.proh2020 {
    display: flex;
    border: 1px solid var(--green600);
    position: relative;
    margin: 5px 5px 10px 5px;
    min-width: 120px;
    justify-content: center;
    align-content: center;
    align-items: center;
    min-height: 70px;
    border-radius: 10px;
    flex-wrap: wrap;
}

.proh2020:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: -7px;
    margin-left: 10px;
    background: var(--gray100);
    font-size: 10px;
    padding: 0 10px;
    line-height: 1;
    margin-right: 10px;
    color: var(--green600);
}

.plan2020 {
    display: flex;
    border: 1px solid var(--gray500);
    position: relative;
    margin: 5px 5px 10px 5px;
    min-width: 120px;
    justify-content: center;
    align-content: center;
    align-items: center;
    min-height: 70px;
    border-radius: 10px;
    flex-wrap: wrap;
    opacity: 0.5;
}

.plan2020:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: -7px;
    margin-left: 10px;
    background: var(--gray100);
    font-size: 10px;
    padding: 0 10px;
    line-height: 1;
    margin-right: 10px;
}

.plan2021 {
    display: flex;
    border: 1px solid var(--green600);
    position: relative;
    margin: 5px 5px 10px 5px;
    min-width: 120px;
    justify-content: center;
    align-content: center;
    align-items: center;
    min-height: 70px;
    border-radius: 10px;
    flex-wrap: wrap;
}

.plan2021:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: -7px;
    margin-left: 10px;
    background: var(--gray100);
    font-size: 10px;
    padding: 0 10px;
    line-height: 1;
    margin-right: 10px;
    color: var(--green600);
}

.fsdesc span img {
    height: 17px;
    width: 20px;
    object-fit: contain;
    position: absolute;
}

hr {
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--gray300);
    margin-top: 30px;
}

.planselector {
    display: flex;
    flex-direction: row;
    position: relative;
    font-size: 12px;
    padding: 40px 0px 10px;
    max-width: 520px;
    line-height: 26px;
    margin-top: 4px;
    flex: 1 0;
    flex-wrap: wrap;
}

.planselectorname {
    position: absolute;
    margin-top: -32px;
    font-size: 24px;
    font-weight: 500;
    margin-left: -2px;
    max-width: 330px !important;
}

.planselector > div {
    max-width: 150px;
    margin-right: 20px;
}

.hidednevnoe {
    display: none;
}

.hidebudget {
    display: none;
}

.hidepolnoe {
    display: none;
}

.facultieslistright {
    display: flex;
    flex-wrap: wrap;
    flex: 1 0;
    width: 100%;
}

.facultyone {
    padding: 10px 50px 10px 10px;
    margin: 8px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    /* max-width: 300px; */
    background: var(--white) url("../images/down.svg");
    background-size: 12px;
    background-position: calc(100% - 20px) center;
    background-repeat: no-repeat;
    flex: 1 0 200px;
    cursor: pointer;
    max-width: calc(100% - 74px);
    position: relative;
    min-width: calc(25% - 90px);
    border-radius: 20px;
}

.facultyone:hover {
    background: var(--green600);
    color: var(--white);
}

.facultyone.hover {
    background: var(--green600);
    color: var(--white);
}

.facultyone:hover .fname {
    color: var(--white);
}

.facultyone.hover .fname {
    color: var(--white);
}

.facultyspec {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 60;
    background: var(--gray100);
    padding: 30px;
    margin-top: 86px;
    /* box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.12); */
    display: none;
    -webkit-overflow-scrolling: touch;
}

.fsdescrinfo {
    position: fixed;
    z-index: 100;
    width: calc(100% - 50px);
    max-width: 970px;
    margin-top: -33px;
    padding-top: 15px;
    padding-bottom: 10px;
    margin-left: -30px;
    background: var(--gray300);
    padding-left: 20px;
    -webkit-backface-visibility: hidden;
    padding-right: 20px;
    display: flex;
    justify-content: space-between;
}

.facultyone .fname {
    font-size: 18px;
    font-weight: 500;
    color: var(--green500);
    padding: 20px 10px;
    flex: 0 0 70px;
    width: 120px;
    text-align: left;
}

.facultyone .fdesc {
    font-weight: 500;
    flex: 1 0;
}

.facultyspec.active {
    display: block !important;
    left: calc(50% - 505px);
    top: 0px;
    position: fixed;
    width: calc(100% - 60px);
    max-width: 950px;
    z-index: 110;
    overflow-y: scroll;
    max-height: calc(100vh - 150px);
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
}

.facultyspec.active::-webkit-scrollbar {
    z-index: 130;
    width: 14px;
    background-color: var(--gray300);
    border-radius: 0px 10px 10px 0px;
}

.facultyspec.active::-webkit-scrollbar-thumb {
    background-color: var(--green500);
    border-radius: 10px;
}

@media screen and (max-width: 1024px) {
    .facultyspec.active {
        left: 5px;
        top: 0px;
        width: calc(100% - 50px);
        max-height: calc(100vh - 170px);
        border-radius: 10px;
        padding: 30px 20px;
    }

    .fsdescrinfo {
        margin-left: -20px;
    }
}

.close {
    font-size: 60px;
    max-width: 60px;
    display: inline-block;
    cursor: pointer;
    /* background: url('../images/close.svg');
	background-size: 45px;
	background-repeat: no-repeat;
	background-position: center center; */
    width: 60px;
}

.fsdescr {
    padding-top: 110px;
}

@media screen and (max-width: 650px) {
    .fsdescr {
        padding-top: 120px;
    }
}

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

.howto {
    padding: 40px 20px 100px;
    margin: 40px 0;
}

@media screen and (max-width: 650px) {
    .howto {
        padding: 0;
    }

    .searchForm {
        display: none;
    }

    .searchForm.toggle {
        display: block;
    }

    .searchForm.toggle input {
        height: 5vh !important;
    }

}

.howtoone {
    padding: 24px 20px 20px 20px;
    margin: 6px;
    background: var(--white);
    max-width: 423px;
    position: relative;
    z-index: 11;
    border-radius: 20px;
    display: flex;
}

.howtoone .count {
    padding: 7px 15px 17px 14px;
    border: 3px solid var(--green500);
    border-radius: 50%;
    height: 13px;
    width: 8px;
    font-weight: 900;
    font-size: 18px;
    display: inline-block;
    vertical-align: top;
}

.howtoone .name {
    display: inline-block;
    font-size: 16px;
    width: calc(100% - 50px);
    text-align: left;
    font-weight: 600;
    margin-top: 2px;
}

.howInfo {
    padding: 0 0 0 20px;
}

.howtoBlockBig {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    z-index: 5;
    flex-wrap: wrap;
}

.howtoblock {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
}

.howtoblock ul {
    padding: 20px 10px 20px 30px;
}

.howtoblock li {
    padding-bottom: 10px;
}

.howtoblock p {
    margin: 13px 0px;
}

/* .howtoone:before {
	content: "";
	display: block;
	width: 40px;
	z-index: 10;
	height: 0;
	border-top: 2px solid var(--green500);
	margin-left: -60px;
	margin-top: 100px;
	position: absolute;
}

.howtoone:first-child:before {
	display: none;
} */

/* @media screen and (max-width: 650px) {
	.howtoone:before {
		content: "";
		display: block;
		width: 0px;
		z-index: 10;
		height: 38px;
		border-left: 2px solid var(--green500);
		margin-left: 46%;
		margin-top: -66px;
		position: absolute;
	}
} */
.headervideo {
    position: absolute;
    z-index: -99;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-content: center;
    overflow: hidden;
    z-index: 10;
}

.headervideo iframe {
    min-height: 72vh;
    width: 100%;
    height: 230%;
    min-width: 123vh;
}

.headerBlockVideo {
    display: flex;
    flex-direction: column;
    position: relative;
    min-height: 32vw;
    margin-top: 60px;
}

.faculty_description_more,
.faculty_description_www,
.faculty_description_less {
    padding: 10px 20px;
    border: 1px solid var(--green500);
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transform: translateZ(0);
    margin-bottom: 6px;
}

.faculty_description_less {
    display: none;
}

.faculty_description_more:hover,
.faculty_description_www:hover,
.faculty_description_less:hover {
    background: var(--green500);
    color: white;
}

.faculty_description_w_i {
    display: flex;
    justify-content: stretch;
    align-items: flex-start;
    flex-wrap: wrap;
}

.faculty_description_w_i .faculty_image {
    max-width: 300px;
    height: auto;
    margin-right: 20px;
    margin-top: 20px;
    min-height: 200px;
    flex: 1 0 300px;
    background-size: cover !important;
    background-position-x: center !important;
}

@media screen and (max-width: 650px) {
    .faculty_description_w_i {
        flex-wrap: wrap;
    }

    .faculty_description_w_i .faculty_image {
        flex: 1 0 100%;
        width: 100%;
        margin-right: 0;
        max-width: 100%;
        min-height: 200px;
    }

    .faculty_description_w_i .faculty_description {
        flex: 1 0 80%;
    }

    .faculty_description {
        max-height: 0;
        margin: 10 auto;
    }
}

.faculty_description_w_i .imageslider {
    min-width: 300px;
    margin: 0 20px 0 0;
}

.faculty_description p {
    margin: 6px 0;
}

.faculty_description {
    margin: 0px auto 20px;
    width: 100%;
    line-height: 21px;
    max-height: 190px;
    overflow-y: scroll;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transform: translateZ(0);
    min-width: 280px;
    flex: 1 0;
}

.faculty_description::-webkit-scrollbar {
    z-index: 130;
    width: 14px;
    background-color: var(--gray300);
}

.faculty_description::-webkit-scrollbar-thumb {
    background-color: var(--gray500);
}

.faculty_description.showdescr {
    max-height: initial;
    overflow-y: auto;
}

.faculty_description_more,
.faculty_description_www,
.faculty_description_less {
    padding: 10px 20px;
    border: 1px solid var(--green500);
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transform: translateZ(0);
    margin-bottom: 6px;
}

.faculty_description_less {
    display: none;
}

.faculty_description_more:hover,
.faculty_description_www:hover,
.faculty_description_less:hover {
    background: var(--green500);
    color: var(--white);
}

/* /// i.bntu.by OLD */

.faculty.news .newsText,
.department.news .newsText {
    /* max-width: initial; */
    max-width: 900px;
    margin: 1.5em auto 1.5em 5px;
}

.faculty.news.newsview,
.department.news.newsview {
    padding-top: 0;
}

.upButton,
.plusButton {
    display: none;
}

.plusButton.overTop {
    display: block !important;
}

@media screen and (max-width: 1340px) {
    .facultyLeft .newsblock {
        margin: 50px auto 0px -20px;
        width: calc(100% + 40px);
    }

    .newsblock .lastrss {
        padding: 0 0px 20px 0;
        margin: 0 10px;
        min-width: calc(100% - 20px);
    }

    /* .newsRight {
        position: fixed;
        left: -105vw;
        top: 0px;
        background: var(--white);
        margin: 0;
        padding: 90px 47px 0;
        height: calc(100vh - 90px);
        width: calc(100% - 0px);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        z-index: 49;
    } */
    .newsRight.active {
        left: 0;
        height: calc(100vh - 191px);
        overflow-y: scroll;
        top: 71px;
        position: fixed;
        background: var(--white);
        z-index: 60;
        padding: 20px 20px 100px;
        margin: 0;
        max-width: initial;
        width: calc(100% - 40px);
    }

    .facultyRight.active {
        left: 0;
        height: calc(100vh - 191px);
        overflow-y: scroll;
        top: 71px;
        position: fixed;
        background: var(--white);
        z-index: 60;
        padding: 20px 20px 100px;
    }

    .plusButton {
        position: relative;
        /* display: block; */
        /* top: 13px; */
        z-index: 50;
        font-size: 20px;
        width: 17px;
    }

    .plusButton.active {
        color: var(--green500);
    }

    .plusButton:before {
        content: "";
        position: absolute;
        display: block;
    }

    .newsRight.overTop,
    .facultyRight.overTop {
        background: transparent;
        position: relative;
        left: 0;
        margin: 0;
        padding: 20px;
        height: auto;
        width: calc(100% - 0px);
        max-width: initial;
    }

    header .topmenu .links .mobilehide {
        display: none;
    }

    .topmenu.mobileactive {
        display: flex !important;
        position: fixed;
        margin-top: env(safe-area-inset-top);
        width: calc(100% - 40px);
    }

    .topmenu.mobileactive + .mainmenu .burger {
        margin-top: 32px;
    }

    header .mainmenu .mainmenucontent.active {
        padding-top: env(safe-area-inset-top);
    }

    .topmenu.mobileactive + .mainmenu .logo {
        margin-top: 32px;
    }

    .mobilebtns {
        display: flex;
        position: absolute;
        /* top: env(safe-area-inset-top); */
        /* margin-top: 24px; */
        right: 22px;
        z-index: 50;
        bottom: 23px;
    }

    .mobilebtns.hide {
        display: none;
    }

    /* .mobilebtns.active { */
    /* top: 40px; */
    /* } */
    .upButton {
        display: block;
        z-index: 50;
        font-size: 20px;
        width: 27px;
        padding-right: 12px;
    }

    .upButton.active {
        color: var(--green500);
    }

    .upButton:before {
        content: "";
        position: absolute;
        display: block;
    }

    .newsRight.overTop {
        background: transparent;
        position: relative;
        left: 0;
        margin: 0;
        padding: 20px;
        height: auto;
        width: calc(100% - 0px);
        max-width: initial;
    }

    .upButton.overTop {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    .newsblockfirst,
    .last3news {
        width: calc(100% + 20px);
        margin: 0 0px;
    }

    .newsCopyright + .newsTagsStats .newsRating {
        flex: 1 0 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 30px auto;
        font-size: 24px;
    }

    .newsCopyright + .newsTagsStats .newsRatingCurrent {
        font-size: 24px;
    }

    footer .contacts .name {
        font-size: 20px;
    }

    footer .contacts a.phone,
    footer .contacts a.mail {
        font-size: 18px;
    }

    footer .place {
        font-size: 16px;
    }

    .sozials a {
        height: 32px;
        width: 32px;
    }

    .newsTagsStats {
        margin-bottom: 0px;
    }
}

.headerbuttons .btngreen_a {
    background: var(--green500);
    padding-left: 20px;
}

.headerbuttons .btngreen_a span {
    color: var(--white);
}

.headerbuttons .btngreen_a i {
    color: var(--green500);
    padding-right: 20px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.headerbuttons .btngreen_a > i {
    padding-left: 0px;
    padding-right: 10px;
    color: white;
}

/* .headerbuttons .btngreen_a:hover > i{ */
/* padding-left: 10px; */
/* padding-right: 10px; */
/* } */

.headerbuttons .btngreen_a {
    background: var(--green500);
    color: white;
    /* -webkit-animation: heartbeat 0.5s ease-in-out  both;
    animation: heartbeat 0.5s ease-in-out  both; */
}

.errorSend {
    position: fixed;
    z-index: 500;
    height: auto;
    background: var(--white);
    bottom: 0;
    padding: 10px;
}

.errorSend textarea {
    padding: 10px;
    border: 1px solid gray;
    border-radius: 10px;
    font-size: 14px;
    width: 200px;
    height: 100px;
}

/* .errorButton {
    border: 2px solid var(--green500);
    border-radius: 17px;
    display: inline-block;
    padding: 13px 14px 4px 17px;
    line-height: 10px;
    height: 20px;
    font-size: 16px;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    background: var(--green500);
    color: white;
}

.errorButton:hover {
    border: 2px solid var(--green500);
    background: white;
    color: var(--green500);
    cursor: pointer;
} */

.errorButton.hide {
    display: none;
}

.errorSend form {
    display: none;
}

.errorSend.show form {
    display: block;
}

.errorThx {
    display: none;
    padding: 10px 5px;
}

.errorThx.show {
    display: block;
}

.fullwidth {
    width: 100%;
    flex: 1 0 100%;
}

.rootRightContent p {
    margin: 0 !important;
}

.rootPages + .rootRightContent {
    border-top: 1px dashed var(--gray400);
    padding-top: 10px;
}

.rootRightContent a {
    font-size: 17px;
    font-weight: 400;
    color: var(--black);
    display: block;
    line-height: 19px;
    padding: 13px 20px;
    margin-right: 10px;
    text-decoration: none;
    margin-left: -10px;
}

.rootRightContent a:hover {
    background: var(--green200);
    border-radius: 20px;
}

.rootRightContent a:before {
    padding-right: 5px;
}

.nophoto + .container {
    padding-top: 80px !important;
}

@media screen and (min-width: 1024px) {
    .nophoto + .container {
        padding-top: 140px !important;
    }
}

.container.welcome {
    padding-top: 0px;
}

.container.welcome.downblocks {
    padding-top: 0px;
    min-height: initial;
}

object[type="application/pdf"] {
    height: 100vh;
}

.students .container {
    padding-top: 0;
}

.news .container.news.newsList {
    padding-top: 40px;
}

.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
    justify-content: center;
    margin: 60px auto;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.8rem 1.1rem;
    margin-left: -1px;
    line-height: 1.25;
    color: var(--black);
    background-color: var(--white);
    border: 1px solid var(--gray400);
}

.page-link:hover {
    z-index: 2;
    color: var(--black);
    text-decoration: none;
    background-color: var(--gray400);
    /* border-color: var(--green200); */
}

.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 0.2rem var(--gray500);
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.page-item:last-child .page-link {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.page-item.active .page-link {
    z-index: 3;
    color: var(--white);
    background-color: var(--green500);
    border-color: var(--green500);
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: var(--white);
    border-color: var(--gray400);
}

.pagination-lg .page-link {
    padding: 0.75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
}

.pagination {
    display: flex;
}

.page-item a,
.page-item a:hover {
    text-decoration: none;
}

.whiteness {
    position: fixed;
    height: 1px;
    width: 1px;
    top: 10px;
    right: 20px;
    z-index: 500;
    background: var(--gray600);
}

.whiteness:hover {
    cursor: pointer;
}

.footer-comment {
    font-size: 12px;
    margin-top: 20px;
    opacity: 0.6;
}

.person .facultyDeaneryOne {
    margin: 0 auto;
}

.icon {
    height: 20px;
    width: 40px;
    display: block;
}

.btnSmall.icon:hover {
    box-shadow: 0px 0px 0px 2px var(--green500);
    cursor: pointer;
}

.btngreen_a.btnSmall {
    border-radius: 13px;
    padding: 10px 8px 7px 15px;
    line-height: 10px;
    height: 20px;
    font-size: 17px;
}

.icon-googlea {
    background: white url("../images/lgooglea.jpg") no-repeat center center /
        80% !important;
}

.icon-scopus {
    background: white url("../images/lscopus.gif") no-repeat center center / 80% !important;
}

.icon-orcid {
    background: white url("../images/lorcid.jpg") no-repeat center center / 80% !important;
}

.icon-wos {
    background: white url("../images/wos.png") no-repeat center center / 80% !important;
}

.icon-elibrary {
    background: white url("../images/lelibrary.png") no-repeat center center /
        80% !important;
}

.btngreen_a.icon:hover {
    background: inherit;
}

.persons .name {
    font-size: 30px;
    font-weight: 900;
    padding: 0 0 10px 0;
}

.authpanel {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 20px auto 40px auto;
    max-width: 360px;
    /* border: 4px dashed var(--green500); */
    background: var(--white);
    border-radius: 20px;
    padding: 20px 20px 20px 30px;
    box-shadow: 0px 20px 20px 10px rgba(0, 0, 0, 0.15);
    background: var(--white) url("../images/applicant/backLines.svg");
    background-size: cover;
}

.authpanel.services {
    max-width: 950px;
}

.authpanel input {
    padding: 10px;
    font-size: 16px;
    border: none;
    background: var(--gray300);
    border-radius: 11px;
    font-weight: 300;
    color: var(--gray900);
    width: calc(100% - 30px);
}

.services form {
    max-width: 100%;
}

.authpanel select {
    max-width: 100%;
}

.buttonGo {
    border: 2px solid var(--green500);
    background: var(--green500);
    border-radius: 11px;
    display: inline-block;
    padding: 8px 17px 9px 18px;
    font-size: 16px;
    color: var(--white);
    text-decoration: none;
    margin: 20px 0 0 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.buttonGo:hover {
    background: var(--green500);
    border: 2px solid var(--gray900);
    cursor: pointer;
}

.checkbox-block {
    margin-top: 10px;
}

.input-group-prepend {
    font-size: 16px;
    color: var(--gray700);
    display: block;
}

.input-group-append {
    font-size: 12px;
    color: var(--gray600);
    margin-bottom: 10px;
    padding-left: 4px;
}

.person.login h1 {
    max-width: 1010px;
    margin: 0px auto 10px auto;
}

.person.login .alert {
    max-width: 960px;
    margin: 20px auto 20px auto;
}

.form-group {
    margin-bottom: 10px;
}

.row {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    align-items: center;
    width: 100%;
    position: relative;
}

#orderPay {
    width: 100%;
}

.row .form-group {
    flex: 1 0;
    display: flex;
    flex-direction: column;
}

.serviceName {
    font-weight: 700;
    padding: 10px 0;
}

.orderStatus {
    font-weight: 700;
    color: var(--orange500);
}

.orderStatusGo {
    color: var(--green500);
}

.orderBill {
    background: var(--gray300);
    padding: 19px 11px 7px 11px;
    display: inline-block;
    border-radius: 7px;
}

.orderPrice {
    display: inline-block;
}

.orderBill > span {
    position: absolute;
    margin-top: -13px;
    font-size: 12px;
    color: var(--gray600);
}

.orderPrice {
    padding: 10px 18px;
    font-weight: 700;
}

.orderBillBlock {
    margin-bottom: 10px;
}

.orderTime {
    font-size: 12px;
    color: var(--gray600);
}

.orderOne {
    position: relative;
    margin-bottom: 30px;
}

.orderBigName {
    position: absolute;
    top: -50px;
    font-size: 103px;
    font-weight: 900;
    color: var(--gray300);
    z-index: 0;
    left: -40px;
}

.orderDetails {
    position: relative;
    z-index: 10;
}

.header.headerApplicant {
    width: calc(100% - 40px);
    min-height: 550px;
    max-width: 1300px;
    margin: 0 auto;
    padding-top: 130px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 50px;
}

.uname {
    letter-spacing: 1.44px;
    color: var(--gray700);
    text-transform: uppercase;
    font-weight: 700;
}

.bigName {
    font-size: 103px;
    font-weight: 700;
}

.textGo {
    font-size: 35px;
    font-weight: 400;
    color: var(--green600);
}

.btnGreen {
    display: inline-block;
    padding: 11px 30px;
    background: var(--green600);
    border-radius: 17px;
    color: var(--white);
    text-decoration: none;
    font-size: 22px;
    font-weight: 600;
    margin: 10px 10px 10px 0;
    border: none;

    /* background: linear-gradient(145deg, #007c55, #009465);
    box-shadow:  20px 20px 60px #00755021,
                -20px -20px 60px #009f6d21; */
}

.btnGreen:hover {
    color: var(--white);
    background: var(--green700);
}

.btnSmall {
    display: inline-block;
    padding: 8px 16px 9px;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 400;
    margin: 10px 10px 10px 0;
}

.m-0 {
    margin: 0 !important;
}

.mt-0,
.my-0 {
    margin-top: 0 !important;
}

.mr-0,
.mx-0 {
    margin-right: 0 !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
    margin-left: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3,
.my-3 {
    margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important;
}

.m--9 {
    margin: -10rem !important;
}

.mt--9,
.my--9 {
    margin-top: -10rem !important;
}

.mr--9,
.mx--9 {
    margin-right: -10rem !important;
}

.mb--9,
.my--9 {
    margin-bottom: -10rem !important;
}

.ml--9,
.mx--9 {
    margin-left: -10rem !important;
}

.m--8 {
    margin: -8rem !important;
}

.mt--8,
.my--8 {
    margin-top: -8rem !important;
}

.mr--8,
.mx--8 {
    margin-right: -8rem !important;
}

.mb--8,
.my--8 {
    margin-bottom: -8rem !important;
}

.ml--8,
.mx--8 {
    margin-left: -8rem !important;
}

.m--7 {
    margin: -6rem !important;
}

.mt--7,
.my--7 {
    margin-top: -6rem !important;
}

.mr--7,
.mx--7 {
    margin-right: -6rem !important;
}

.mb--7,
.my--7 {
    margin-bottom: -6rem !important;
}

.ml--7,
.mx--7 {
    margin-left: -6rem !important;
}

.m--6 {
    margin: -4.5rem !important;
}

.mt--6,
.my--6 {
    margin-top: -4.5rem !important;
}

.mr--6,
.mx--6 {
    margin-right: -4.5rem !important;
}

.mb--6,
.my--6 {
    margin-bottom: -4.5rem !important;
}

.ml--6,
.mx--6 {
    margin-left: -4.5rem !important;
}

.m--5 {
    margin: -3rem !important;
}

.mt--5,
.my--5 {
    margin-top: -3rem !important;
}

.mr--5,
.mx--5 {
    margin-right: -3rem !important;
}

.mb--5,
.my--5 {
    margin-bottom: -3rem !important;
}

.ml--5,
.mx--5 {
    margin-left: -3rem !important;
}

.m--4 {
    margin: -1.5rem !important;
}

.mt--4,
.my--4 {
    margin-top: -1.5rem !important;
}

.mr--4,
.mx--4 {
    margin-right: -1.5rem !important;
}

.mb--4,
.my--4 {
    margin-bottom: -1.5rem !important;
}

.ml--4,
.mx--4 {
    margin-left: -1.5rem !important;
}

.m--3 {
    margin: -1rem !important;
}

.mt--3,
.my--3 {
    margin-top: -1rem !important;
}

.mr--3,
.mx--3 {
    margin-right: -1rem !important;
}

.mb--3,
.my--3 {
    margin-bottom: -1rem !important;
}

.ml--3,
.mx--3 {
    margin-left: -1rem !important;
}

.m--2 {
    margin: -0.5rem !important;
}

.mt--2,
.my--2 {
    margin-top: -0.5rem !important;
}

.mr--2,
.mx--2 {
    margin-right: -0.5rem !important;
}

.mb--2,
.my--2 {
    margin-bottom: -0.5rem !important;
}

.ml--2,
.mx--2 {
    margin-left: -0.5rem !important;
}

.m--1 {
    margin: -0.25rem !important;
}

.mt--1,
.my--1 {
    margin-top: -0.25rem !important;
}

.mr--1,
.mx--1 {
    margin-right: -0.25rem !important;
}

.mb--1,
.my--1 {
    margin-bottom: -0.25rem !important;
}

.ml--1,
.mx--1 {
    margin-left: -0.25rem !important;
}

.m-6 {
    margin: 4.5rem !important;
}

.mt-6,
.my-6 {
    margin-top: 4.5rem !important;
}

.mr-6,
.mx-6 {
    margin-right: 4.5rem !important;
}

.mb-6,
.my-6 {
    margin-bottom: 4.5rem !important;
}

.ml-6,
.mx-6 {
    margin-left: 4.5rem !important;
}

.m-7 {
    margin: 6rem !important;
}

.mt-7,
.my-7 {
    margin-top: 6rem !important;
}

.mr-7,
.mx-7 {
    margin-right: 6rem !important;
}

.mb-7,
.my-7 {
    margin-bottom: 6rem !important;
}

.ml-7,
.mx-7 {
    margin-left: 6rem !important;
}

.m-8 {
    margin: 8rem !important;
}

.mt-8,
.my-8 {
    margin-top: 8rem !important;
}

.mr-8,
.mx-8 {
    margin-right: 8rem !important;
}

.mb-8,
.my-8 {
    margin-bottom: 8rem !important;
}

.ml-8,
.mx-8 {
    margin-left: 8rem !important;
}

.m-9 {
    margin: 10rem !important;
}

.mt-9,
.my-9 {
    margin-top: 10rem !important;
}

.mr-9,
.mx-9 {
    margin-right: 10rem !important;
}

.mb-9,
.my-9 {
    margin-bottom: 10rem !important;
}

.ml-9,
.mx-9 {
    margin-left: 10rem !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-0,
.py-0 {
    padding-top: 0 !important;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
    padding-left: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
    padding-left: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3,
.py-3 {
    padding-top: 1rem !important;
}

.pr-3,
.px-3 {
    padding-right: 1rem !important;
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
    padding-left: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5,
.py-5 {
    padding-top: 3rem !important;
}

.pr-5,
.px-5 {
    padding-right: 3rem !important;
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
    padding-left: 3rem !important;
}

.p--9 {
    padding: -10rem !important;
}

.pt--9,
.py--9 {
    padding-top: -10rem !important;
}

.pr--9,
.px--9 {
    padding-right: -10rem !important;
}

.pb--9,
.py--9 {
    padding-bottom: -10rem !important;
}

.pl--9,
.px--9 {
    padding-left: -10rem !important;
}

.p--8 {
    padding: -8rem !important;
}

.pt--8,
.py--8 {
    padding-top: -8rem !important;
}

.pr--8,
.px--8 {
    padding-right: -8rem !important;
}

.pb--8,
.py--8 {
    padding-bottom: -8rem !important;
}

.pl--8,
.px--8 {
    padding-left: -8rem !important;
}

.p--7 {
    padding: -6rem !important;
}

.pt--7,
.py--7 {
    padding-top: -6rem !important;
}

.pr--7,
.px--7 {
    padding-right: -6rem !important;
}

.pb--7,
.py--7 {
    padding-bottom: -6rem !important;
}

.pl--7,
.px--7 {
    padding-left: -6rem !important;
}

.p--6 {
    padding: -4.5rem !important;
}

.pt--6,
.py--6 {
    padding-top: -4.5rem !important;
}

.pr--6,
.px--6 {
    padding-right: -4.5rem !important;
}

.pb--6,
.py--6 {
    padding-bottom: -4.5rem !important;
}

.pl--6,
.px--6 {
    padding-left: -4.5rem !important;
}

.p--5 {
    padding: -3rem !important;
}

.pt--5,
.py--5 {
    padding-top: -3rem !important;
}

.pr--5,
.px--5 {
    padding-right: -3rem !important;
}

.pb--5,
.py--5 {
    padding-bottom: -3rem !important;
}

.pl--5,
.px--5 {
    padding-left: -3rem !important;
}

.p--4 {
    padding: -1.5rem !important;
}

.pt--4,
.py--4 {
    padding-top: -1.5rem !important;
}

.pr--4,
.px--4 {
    padding-right: -1.5rem !important;
}

.pb--4,
.py--4 {
    padding-bottom: -1.5rem !important;
}

.pl--4,
.px--4 {
    padding-left: -1.5rem !important;
}

.p--3 {
    padding: -1rem !important;
}

.pt--3,
.py--3 {
    padding-top: -1rem !important;
}

.pr--3,
.px--3 {
    padding-right: -1rem !important;
}

.pb--3,
.py--3 {
    padding-bottom: -1rem !important;
}

.pl--3,
.px--3 {
    padding-left: -1rem !important;
}

.p--2 {
    padding: -0.5rem !important;
}

.pt--2,
.py--2 {
    padding-top: -0.5rem !important;
}

.pr--2,
.px--2 {
    padding-right: -0.5rem !important;
}

.pb--2,
.py--2 {
    padding-bottom: -0.5rem !important;
}

.pl--2,
.px--2 {
    padding-left: -0.5rem !important;
}

.p--1 {
    padding: -0.25rem !important;
}

.pt--1,
.py--1 {
    padding-top: -0.25rem !important;
}

.pr--1,
.px--1 {
    padding-right: -0.25rem !important;
}

.pb--1,
.py--1 {
    padding-bottom: -0.25rem !important;
}

.pl--1,
.px--1 {
    padding-left: -0.25rem !important;
}

.p-6 {
    padding: 4.5rem !important;
}

.pt-6,
.py-6 {
    padding-top: 4.5rem !important;
}

.pr-6,
.px-6 {
    padding-right: 4.5rem !important;
}

.pb-6,
.py-6 {
    padding-bottom: 4.5rem !important;
}

.pl-6,
.px-6 {
    padding-left: 4.5rem !important;
}

.p-7 {
    padding: 6rem !important;
}

.pt-7,
.py-7 {
    padding-top: 6rem !important;
}

.pr-7,
.px-7 {
    padding-right: 6rem !important;
}

.pb-7,
.py-7 {
    padding-bottom: 6rem !important;
}

.pl-7,
.px-7 {
    padding-left: 6rem !important;
}

.p-8 {
    padding: 8rem !important;
}

.pt-8,
.py-8 {
    padding-top: 8rem !important;
}

.pr-8,
.px-8 {
    padding-right: 8rem !important;
}

.pb-8,
.py-8 {
    padding-bottom: 8rem !important;
}

.pl-8,
.px-8 {
    padding-left: 8rem !important;
}

.p-9 {
    padding: 10rem !important;
}

.pt-9,
.py-9 {
    padding-top: 10rem !important;
}

.pr-9,
.px-9 {
    padding-right: 10rem !important;
}

.pb-9,
.py-9 {
    padding-bottom: 10rem !important;
}

.pl-9,
.px-9 {
    padding-left: 10rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

.panel {
    width: calc(100% - 110px);
    max-width: 1300px;
    margin: 0 auto;
    background: var(--white);
    padding: 20px 40px;
    border-radius: 26px;
    margin-top: -90px;
    margin-bottom: 30px;
    position: relative;
}

.futureOne {
    font-size: 18px;
    font-weight: 500;
    max-width: 213px;
    display: flex;
    align-items: center;
    margin: 6px;
}

.panel .fas {
    margin: 0px 15px 0 0;
    border: 1px solid var(--gray400);
    padding: 14px;
    color: var(--green600);
    border-radius: 50%;
    height: 17px;
    width: 17px;
}

.panel .videoLink {
    background: url("../images/applicant/YOUTUBE-1@videoLink.png");
    background-size: cover;
    background-position: center center;
    border-radius: 10px;
    height: 90px;
    width: 141px;
    display: inline-block;
    margin: 4px;
    flex: 1 0;
    min-width: 100px;
}

.panel .videoLink.videoLink2 {
    background: url("../images/applicant/YOUTUBE@2x.png");
    background-size: cover;
    background-position: center center;
}

.panel .videoLink.videoLink3 {
    background: url("../images/applicant/заставка@2x.png");
    background-size: cover no-repeat;
    background-position: center center;
}

.panel .videoLink.videoLink01 {
    background: url("../images/applicant/YOUTUBE-MAIN@2x.png");
    background-size: cover;
    background-position: center 47%;
}

.panel .videoLink.videoLink02 {
    background: url("../images/applicant/youtube00002.png");
    background-size: cover;
    background-position: center center;
}

.panel .videoLink.videoLink03 {
    background: url("../images/applicant/youtube00003.png");
    background-size: cover;
    background-position: center center;
}

.panel .videoLink.videoLink04 {
    background: url("../images/applicant/youtube00004.png");
    background-size: cover;
    background-position: center center;
}

.panel .videoLink.videoLink05 {
    background: url("../images/applicant/youtube00005.png");
    background-size: cover;
    background-position: center center;
}

.panel .videoLink.videoLink06 {
    background: url("../images/applicant/youtube00006.png");
    background-size: cover;
    background-position: center center;
}

.panel .videoLink.videoLink07 {
    background: url("../images/applicant/youtube00007.png");
    background-size: cover;
    background-position: center center;
}

.panel .videoLink.videoLink08 {
    background: url("../images/applicant/youtube00008.png");
    background-size: cover;
    background-position: center center;
}

.panel .videoLink.videoLink09 {
    background: url("../images/applicant/youtube00009.png");
    background-size: cover;
    background-position: center center;
}

.row.videoScroll .videoLink {
    min-width: 190px;
}

.row.videoScroll {
    flex-wrap: nowrap;
    overflow-x: scroll;
}

.row.videoScroll {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    scrollbar-face-color: transparent;
    scrollbar-shadow-color: transparent;
    scrollbar-highlight-color: transparent;
    scrollbar-3dlight-color: transparent;
    scrollbar-darkshadow-color: transparent;
    scrollbar-track-color: transparent;
    scrollbar-arrow-color: transparent;
    scrollbar-base-color: transparent;
}

.row.videoScroll::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.row.videoScroll::-webkit-scrollbar-track {
    background-color: var(--gray300);
    box-shadow: inset 0px 0px 0px 4.5px var(--white);
    border-radius: 10px;
}

.row.videoScroll::-webkit-scrollbar-thumb {
    background-color: var(--gray300);
    border-radius: 10px;
}

.videoLink {
    position: relative;
}

.videoLink .fas {
    display: none;
    position: absolute;
    top: calc(50% - 8px);
    left: calc(50% - 19px);
    background: var(--green500);
    color: var(--white);
    border: none;
    padding: 10px 7px 9px 12px;
}

.flex40 .videoLink .fas {
    top: calc(50% - 14px);
}

.videoLink:hover .fas {
    display: flex;
    -webkit-animation: heartbeat 1.5s ease-in-out infinite both;
    animation: heartbeat 1.5s ease-in-out infinite both;
}

@-webkit-keyframes heartbeat {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    10% {
        -webkit-transform: scale(1.91);
        transform: scale(1.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    17% {
        -webkit-transform: scale(1.98);
        transform: scale(1.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    33% {
        -webkit-transform: scale(1.87);
        transform: scale(1.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

@keyframes heartbeat {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    10% {
        -webkit-transform: scale(1.91);
        transform: scale(1.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    17% {
        -webkit-transform: scale(1.98);
        transform: scale(1.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    33% {
        -webkit-transform: scale(1.87);
        transform: scale(1.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

.flex {
    flex: 1 0;
}

.flex10 {
    flex: 1 0 10%;
}

.flex20 {
    flex: 1 0 20%;
}

.flex30 {
    flex: 1 0 30%;
}

.flex40 {
    flex: 1 0 40%;
}

.flex50 {
    flex: 1 0 50%;
}

.flex60 {
    flex: 1 0 60%;
}

.flex70 {
    flex: 1 0 70%;
}

.flex80 {
    flex: 1 0 80%;
}

.flex90 {
    flex: 1 0 90%;
}

.flexBlock {
    display: flex;
}

.newsPanel {
    width: calc(100% - 110px);
    max-width: 1300px;
    margin: 0 auto;
    background: var(--white);
    padding: 20px 40px;
    border-radius: 26px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.applicant .headnavSmall {
    width: calc(100% - 50px);
    max-width: 1370px;
}

.newsPanel .newsblock {
    margin-top: 0 !important;
}

.flexCenter {
    justify-content: center;
}

.flexWrap {
    flex-wrap: wrap;
}

.about p {
    max-width: 800px;
    text-align: left;
}

.universe {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    min-height: 600px;
    margin-bottom: 120px;
}

.objOne {
    height: 40px;
    width: 40px;
}

@-webkit-keyframes orbit1 {
    from {
        -webkit-transform: rotate(0deg) translateX(150px) rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg) translateX(150px) rotate(-360deg);
    }
}

@-moz-keyframes orbit1 {
    from {
        -webkit-transform: rotate(0deg) translateX(150px) rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg) translateX(150px) rotate(-360deg);
    }
}

@-o-keyframes orbit1 {
    from {
        -webkit-transform: rotate(0deg) translateX(150px) rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg) translateX(150px) rotate(-360deg);
    }
}

@keyframes orbit1 {
    from {
        -webkit-transform: rotate(0deg) translateX(150px) rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg) translateX(150px) rotate(-360deg);
    }
}

/* ORBIT2 */
@-webkit-keyframes orbit2 {
    from {
        -webkit-transform: rotate(00deg) translateX(250px) rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg) translateX(250px) rotate(-360deg);
    }
}

@-moz-keyframes orbit2 {
    from {
        -webkit-transform: rotate(00deg) translateX(250px) rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg) translateX(250px) rotate(-360deg);
    }
}

@-o-keyframes orbit2 {
    from {
        -webkit-transform: rotate(00deg) translateX(250px) rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg) translateX(250px) rotate(-360deg);
    }
}

@keyframes orbit2 {
    from {
        -webkit-transform: rotate(00deg) translateX(250px) rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg) translateX(250px) rotate(-360deg);
    }
}

@media screen and (max-width: 1024px) {
    @-webkit-keyframes orbit1 {
        from {
            -webkit-transform: rotate(0deg) translateX(100px) rotate(0deg);
        }
        to {
            -webkit-transform: rotate(360deg) translateX(100px) rotate(-360deg);
        }
    }

    @-moz-keyframes orbit1 {
        from {
            -webkit-transform: rotate(0deg) translateX(100px) rotate(0deg);
        }
        to {
            -webkit-transform: rotate(360deg) translateX(100px) rotate(-360deg);
        }
    }

    @-o-keyframes orbit1 {
        from {
            -webkit-transform: rotate(0deg) translateX(100px) rotate(0deg);
        }
        to {
            -webkit-transform: rotate(360deg) translateX(100px) rotate(-360deg);
        }
    }

    @keyframes orbit1 {
        from {
            -webkit-transform: rotate(0deg) translateX(100px) rotate(0deg);
        }
        to {
            -webkit-transform: rotate(360deg) translateX(100px) rotate(-360deg);
        }
    }

    /* ORBIT2 */
    @-webkit-keyframes orbit2 {
        from {
            -webkit-transform: rotate(00deg) translateX(150px) rotate(0deg);
        }
        to {
            -webkit-transform: rotate(360deg) translateX(150px) rotate(-360deg);
        }
    }

    @-moz-keyframes orbit2 {
        from {
            -webkit-transform: rotate(00deg) translateX(150px) rotate(0deg);
        }
        to {
            -webkit-transform: rotate(360deg) translateX(150px) rotate(-360deg);
        }
    }

    @-o-keyframes orbit2 {
        from {
            -webkit-transform: rotate(00deg) translateX(150px) rotate(0deg);
        }
        to {
            -webkit-transform: rotate(360deg) translateX(150px) rotate(-360deg);
        }
    }

    @keyframes orbit2 {
        from {
            -webkit-transform: rotate(00deg) translateX(150px) rotate(0deg);
        }
        to {
            -webkit-transform: rotate(360deg) translateX(150px) rotate(-360deg);
        }
    }
}

.obj1 {
    background: url("../images/applicant/obj1.svg");
    background-size: contain;
    background-position: center center;
    position: absolute;
    top: 316px;
    /* left: 346px; */
    -webkit-animation: orbit1 3s linear infinite;
    -moz-animation: orbit1 3s linear infinite;
    -o-animation: orbit1 3s linear infinite;
    animation: orbit1 3s linear infinite;
}

.obj2 {
    background: url("../images/applicant/obj2.svg");
    background-size: contain;
    background-position: center center;
    position: absolute;
    top: 316px;
    /* left: 346px; */
    -webkit-animation: orbit2 6s linear infinite;
    -moz-animation: orbit2 6s linear infinite;
    -o-animation: orbit2 6s linear infinite;
    animation: orbit2 6s linear infinite;
}

.obj3 {
    background: url("../images/applicant/obj3.svg");
    background-size: contain;
    background-position: center center;
    position: absolute;
    top: 316px;
    /* left: 346px; */
    -webkit-animation: orbit1 5s linear infinite;
    -moz-animation: orbit1 5s linear infinite;
    -o-animation: orbit1 5s linear infinite;
    animation: orbit1 5s linear infinite;
}

.obj4 {
    background: url("../images/applicant/obj4.svg");
    background-size: contain;
    background-position: center center;
    position: absolute;
    top: 316px;
    /* left: 346px; */
    -webkit-animation: orbit2 7s linear infinite;
    -moz-animation: orbit2 7s linear infinite;
    -o-animation: orbit2 7s linear infinite;
    animation: orbit2 7s linear infinite;
}

.obj5 {
    background: url("../images/applicant/obj5.svg");
    background-size: contain;
    background-position: center center;
    position: absolute;
    top: 316px;
    /* left: 346px; */
    -webkit-animation: orbit2 4s linear infinite;
    -moz-animation: orbit2 4s linear infinite;
    -o-animation: orbit2 4s linear infinite;
    animation: orbit2 4s linear infinite;
}

.obj6 {
    background: url("../images/applicant/obj6.svg");
    background-size: contain;
    background-position: center center;
    position: absolute;
    top: 316px;
    /* left: 346px; */
    -webkit-animation: orbit2 9s linear infinite;
    -moz-animation: orbit2 9s linear infinite;
    -o-animation: orbit2 9s linear infinite;
    animation: orbit2 9s linear infinite;
}

.obj0 {
    background: url("../images/logo_bntu_2021_green.svg");
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    height: 120px;
    width: 120px;
    display: inline-block;
    flex: 0 0 70px;
    top: 270px;
    position: absolute;
    /* box-shadow: 0px 0px 0px 16px var(--white), 0px 0px 0px 19px var(--gray300); */
    /* border-radius: 50%; */
    z-index: 10;
}

.obj0-0 {
    height: 80px;
    width: 80px;
    flex: 0 0 70px;
    top: 290px;
    position: absolute;
    border-radius: 50%;
    z-index: 9;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.obj0:hover {
    -webkit-animation: openDownLeft 2s linear;
    -moz-animation: openDownLeft 2s linear;
    -o-animation: openDownLeft 2s linear;
    animation: openDownLeft 2s linear;
    animation-fill-mode: forwards;
    /* -webkit-animation-name: openDownLeft; */
    /* animation-name: openDownLeft;  */
}

@-webkit-keyframes openDownLeft {
    0% {
        transform-origin: bottom left;
        transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    100% {
        transform-origin: bottom left;
        transform: rotate(-110deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
}

@keyframes openDownLeft {
    0% {
        transform-origin: bottom left;
        transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    100% {
        transform-origin: bottom left;
        transform: rotate(-110deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
}

.orbit1 {
    border: 1px dashed var(--green600);
    top: 83px;
    width: 500px;
    border-radius: 50%;
    height: 500px;
    position: absolute;
}

.orbit2 {
    border: 1px dashed var(--gray500);
    top: 186px;
    width: 300px;
    border-radius: 50%;
    height: 300px;
    position: absolute;
}

.objDesc1 {
    position: absolute;
    width: 210px;
    left: calc(50% - 400px);
    top: 50px;
}

.objDesc2 {
    position: absolute;
    width: 210px;
    left: calc(50% - 490px);
    top: 250px;
}

.objDesc3 {
    position: absolute;
    width: 210px;
    left: calc(50% - 450px);
    top: 460px;
}

.objDesc4 {
    position: absolute;
    width: 210px;
    left: calc(50% + 240px);
    top: 50px;
}

.objDesc5 {
    position: absolute;
    width: 210px;
    left: calc(50% + 320px);
    top: 250px;
}

.objDesc6 {
    position: absolute;
    width: 210px;
    left: calc(50% + 260px);
    top: 460px;
}

.headnavSmall .name {
    margin-right: 0;
}

.max1000 {
    max-width: 1000px !important;
}

.max1100 {
    max-width: 1100px !important;
}

.max1200 {
    max-width: 1200px !important;
}

.max1300 {
    max-width: 1300px !important;
}

.max1400 {
    max-width: 1400px !important;
}

.max1450 {
    max-width: 1450px !important;
}

.max1500 {
    max-width: 1500px !important;
}

.max1550 {
    max-width: 1550px !important;
}

.max1600 {
    max-width: 1600px !important;
}

.max1650 {
    max-width: 1650px !important;
}

.max1700 {
    max-width: 1700px !important;
}

.max1800 {
    max-width: 1800px !important;
}

.marginAuto {
    margin-left: auto;
    margin-right: auto;
}

.iconFaculties {
    background: url("../images/applicant/statu@2x.png");
    background-size: contain;
    background-position: center center;
    position: absolute;
    height: 200px;
    width: 180px;
    margin-left: -50px;
    margin-top: -20px;
}

.panel .count {
    font-size: 100px;
    font-weight: 700;
    color: var(--green600);
    padding-left: 120px;
    line-height: 0.85;
}

.panel .text {
    font-size: 18px;
    padding-left: 120px;
    padding-right: 30px;
    font-weight: 600;
}

.row.counters {
    margin: 0 auto;
}

.row.counters .panel {
    flex: 0 0;
    margin: 10px 40px;
}

.iconBooks {
    background: url("../images/applicant/books@2x.png");
    background-size: contain;
    background-position: center center;
    position: absolute;
    height: 200px;
    width: 180px;
    margin-left: -70px;
    margin-top: -20px;
}

.iconCar {
    background: url("../images/applicant/tesla@2x.png");
    background-size: contain;
    background-position: center center;
    position: absolute;
    height: 200px;
    width: 180px;
    margin-left: -70px;
    margin-top: -20px;
}

.headerApplicant {
    display: flex;
    justify-content: space-between;
}

.sectorsCircle {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 500px;
    height: 500px;
}

.sectorsCircle svg path {
    stroke-width: 5;
    stroke: #ffffff;
    transition: .5s;
}

.sectorsCircle svg path:hover {
    cursor: pointer;
}

.sectorsCircle svg path.sector1:hover {
    transform: translate(-50px, -50px) scale(1.2);
}

.sectorsCircle svg path.sector2:hover {
    transform: translate(-49px, -50px) scale(1.2);
}

.sectorsCircle svg path.sector3:hover {
    transform: translate(-49px, -50px) scale(1.2);
}

.sectorsCircle svg path.sector4:hover {
    transform: translate(-50px, -50px) scale(1.2);
}

.sectorsCircle svg path.sector5:hover {
    transform: translate(-51px, -50px) scale(1.2);
}

.sectorsCircle svg path.sector6:hover {
    transform: translate(-50px, -50px) scale(1.2);
}

.sectorsCircle .logo {
    position: absolute;
}

.sectorsCircle .logo img {
    width: 200px;
    height: 200px;
    transition: .5s;

}

.sectorsCircle .logo img:hover {
    transform: scale(1.2);
}

@media screen and (max-width: 1160px) {
    .header.headerApplicant {
        flex-direction: column;
    }
}

@media screen and (max-width: 1075px) {
    .header.headerApplicant {
        padding-block-end: 410px;
        /* background-size: 49%; */
        background-size: 420px;
        background-position: center bottom;
        padding-top: 50px;
        margin-block-end: -22px;
    }

    .obj1,
    .obj2,
    .obj3,
    .obj4,
    .obj5,
    .obj6 {
        top: 216px;
    }

    .orbit1 {
        top: 135px;
        width: 200px;
        height: 200px;
    }

    .orbit2 {
        top: 85px;
        width: 300px;
        height: 300px;
    }

    .obj0 {
        top: 186px;
        height: 100px;
        width: 100px;
    }

    .obj0-0 {
        top: 200px;
    }

    .universe {
        min-height: 600px;
        margin-bottom: 0px;
        margin-left: -50px;
        width: calc(100% + 50px);
        margin-right: -50px;
        overflow: hidden;
    }

    .objDescriptions {
        display: flex;
        flex-direction: column;
        padding-top: 440px;
        width: calc(100% - 40px);
    }

    .objDesc1,
    .objDesc2,
    .objDesc3,
    .objDesc4,
    .objDesc5,
    .objDesc6 {
        position: relative;
        left: initial;
        top: initial;
        margin-bottom: 20px;
        width: 100%;
    }

    .newsPanel {
        width: calc(100% - 60px);
        padding: 20px 20px;
    }
}

.panelBG {
    /* background: url("../images/applicant/chao1.svg"); */
    /* background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat; */
    padding: 180px 100px;
    margin-top: -80px;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 2;
}

.panelBG .panel {
    max-width: 1200px;
}

.panelBG .panel .videoLink {
    height: 220px;
}

.applicant.askquestion form textarea {
    padding: 20px 20px;
    border-radius: 30px;
    font-size: 22px;
}

.askquestion.applicant form .textarea {
    flex: 1 0;
    margin: 20px 0;
}

.askquestion.applicant form textarea {
    width: calc(100% - 60px);
}

.askquestion.applicant {
    max-width: 710px;
    padding: 40px 140px 30px 50px;
    box-shadow: 0px 20px 20px 10px rgba(0, 0, 0, 0.15);
    border: none;
}

.askquestion.applicant.applicantFirst {
    max-width: 710px;
    padding: 40px 140px 30px 50px;
    box-shadow: 0px 20px 20px 10px rgba(0, 0, 0, 0.15);
    border: none;
}

.applicantFirst {
    position: relative;
}

/* .applicantFirst::after { */
/* content: ""; */
/* background: url('../images/applicant/questArr.png'); */
/* background-size: auto;
    background-repeat: no-repeat; */
/* position: absolute;
    right: 0;
    top: -20px;
    height: calc(100% + 20px);
    width: 220px; */
/* } */

@media screen and (max-width: 414px) {
    .applicantFirst::after {
        background-size: contain;
        right: 0;
        height: calc(20% + 20px);
        width: 112px;
        bottom: 0;
        top: initial;
    }

    .header.headerApplicant {
        padding-block-end: 0px;
    }

    .askquestion.applicant.applicantFirst {
        padding: 40px 20px 30px 30px;
    }
}

.pulsate-fwd {
    -webkit-animation: pulsate-fwd 0.5s ease-in-out infinite both;
    animation: pulsate-fwd 0.5s ease-in-out infinite both;
}

@-webkit-keyframes pulsate-fwd {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulsate-fwd {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.applicantMain {
    position: relative;
}

.applicantMain .person2 {
    background: url("../images/applicant/business-3d-134.png"),
    url("../images/applicant/chao3.svg");
    background-size: auto 90%, auto 100%;
    background-repeat: no-repeat;
    background-position: left bottom;
    position: absolute;
    height: 80vh;
    width: 100%;
    max-width: 600px;
    bottom: 0;
    z-index: 10;
    left: 0;
    max-height: 650px;
    pointer-events: none;
}

.applicantMain .person3 {
    background: url("../images/applicant/business-3d-155.png"),
    url("../images/applicant/chao2.svg");
    background-size: auto 96%, auto 100%;
    background-repeat: no-repeat;
    background-position: 100% bottom, 80% bottom;
    position: absolute;
    height: 80vh;
    width: 100%;
    max-width: 600px;
    bottom: 0;
    z-index: 10;
    right: 0;
    max-height: 650px;
    pointer-events: none;
}

@media screen and (max-width: 1600px) {
    .applicantMain .person2 {
        z-index: 0;
    }
}

@media screen and (max-width: 1440px) {
    .applicantMain .person2 {
        z-index: 10;
        max-height: 410px;
    }

    .applicantMain .person3 {
        z-index: 10;
        max-height: 530px;
    }
}

@media screen and (max-width: 1280px) {
    .applicantMain .person2 {
        left: -80px;
    }

    .applicantMain .person3 {
        max-height: 430px;
    }
}

.applicantMain.withPersons {
    margin: 0 auto;
}

@media screen and (max-width: 1140px) {
    .applicantMain .person2 {
        display: none;
    }

    .applicantMain.withPersons {
        padding-bottom: 290px;
    }

    .panelBG {
        padding: 180px 0px;
        background-size: cover;
    }

    .applicantMain .panelBG {
        margin-left: -10px;
        width: calc(100% + 20px);
    }

    .applicantMain .panelBG .askquestion {
        margin: 40px 0 40px 10px;
    }
}

@media screen and (max-width: 414px) {
    .applicantMain .panelBG .askquestion {
        margin: 40px 10px 40px 10px;
    }
}

@media screen and (max-width: 800px) {
    .bigName {
        font-size: 14vw;
    }

    .textGo {
        font-size: 6vw;
    }

    .panel {
        width: calc(100% - 70px);
        padding: 20px 20px;
    }

    .applicant .faculty .headnav .name {
        font-size: 12vw;
    }

    .askquestion,
    .askquestion.applicant {
        margin: 40px 10px;
        padding: 20px 20px 20px 20px;
    }

    .bntuStrBottom {
        bottom: 250px;
    }

    .askquestion form .textarea {
        margin: 0px;
    }

    .headerlink {
        width: 100%;
    }
}

@media screen and (max-width: 414px) {
    .panel .count {
        font-size: 80px;
    }

    .panel .text {
        font-size: 14px;
    }

    .panel {
        margin: 20px;
    }

    .iconBooks,
    .iconFaculties,
    .iconCar {
        z-index: 10;
    }
}

@media screen and (max-width: 663px) {
    .faculty_description_w_i .imageslider {
        margin: 0 auto 20px;
        flex: 1 0 100%;
    }

    .planselector {
        line-height: 13px;
    }

    .askquestion .name {
        font-size: 30px;
        margin-top: 4px;
    }

    .askquestion.applicant form textarea {
        width: calc(100% - 40px);
    }

    .askquestion form input[type="text"] {
        width: calc(100%);
        margin: 10px 0px 10px 0;
    }

    .applicantMain.withPersons + .panelBG {
        padding: 40px 0px;
    }
}

.oneVideo {
    background: var(--white) url("../images/applicant/backLines.svg");
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 10;
}

.oneVideo:before {
    content: "";
    /*background: url("../images/applicant/chao1.svg");*/
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    width: 100%;
    height: 200px;
    display: block;
    position: absolute;
    top: -200px;
    pointer-events: none;
}

.youtubevideo {
    width: 100%;
    padding-bottom: 56.3%;
    height: 1px;
    position: relative;
    margin: 0 auto;
}

.youtubevideo iframe {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    left: 0px;
    top: 0px;
}

.videoblock {
    margin: 0 auto;
    max-width: 1000px;
    border-radius: 32px;
    overflow: hidden;
}

.whiteBG {
    background: var(--white);
}

.sozials.withText {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.sozials a.empty {
    height: initial;
    width: initial;
    display: inline;
}

@media screen and (max-width: 414px) {
    .faculty_description {
        max-height: 0px;
    }

    .faculty_description {
        max-height: 0px;
    }

    .faculty_description.showdescrspec {
        height: auto;
        display: block;
        padding: 10px 0;
    }

    .panelBG {
        padding: 10px 0px;
        margin-top: 0px;
    }

    /* .oneVideo:before {

    } */
}

@media screen and (max-width: 1024px) {
    .header200.headernews {
        background-position: center -50px;
        background-size: 322%;
    }
}

.mainmenu.scrolled > .mainmenucontent > .logo {
    background-size: 34px !important;
    height: 46px !important;
}

.mainmenu.scrolled > .mainmenucontent > .links > a,
.mainmenu.scrolled > .mainmenucontent > .links-r > a {
    padding: 10px 1vw;
    font-size: 16px;
}

.mainmenu.scrolled .hovermenu {
    top: 77px;
}

.topmenu.scrolled {
    margin-top: -33px;
}

.btn:hover {
    cursor: pointer;
}

.faq {
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px;
}

.questionQ {
    font-weight: 400;
    position: relative;
    padding-right: 60px;
    cursor: pointer;
}

.questionQ:after {
    position: absolute;
    right: 7px;
    content: "+";
    display: block;
    height: 20px;
    width: 20px;
    top: -2px;
    background: var(--gray100);
    border-radius: 50%;
    padding: 3px 1px 7px 6px;
    border: 2px solid transparent;
    width: 15px;
    height: 12px;
    line-height: 11px;
    color: var(--gray700);
}

.questionA {
    height: auto;
    max-height: 0px;
    overflow: hidden;
    padding: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    font-weight: 300;
    line-height: 25px;
}

.questionA br {
    line-height: 50px;
}

.questionQ:hover {
    color: var(--green500);
}

.questionQ.active + .questionA {
    height: auto;
    max-height: 500px;
    overflow-y: auto;
    padding: 50px 0 40px;
}

.questionQ.active:after {
    border: 2px solid var(--green500);
    content: "-";
    color: var(--green500);
    width: 13px;
    padding: 3px 1px 7px 8px;
}

.questionOne {
    border-top: 1px solid var(--gray300);
    padding: 20px 10px;
    border-bottom: 1px solid var(--gray300);
    margin-top: -1px;
}

@media screen and (max-width: 1024px) {
    header .mainmenu {
        padding: 0px;
        padding-top: env(safe-area-inset-top);
        /* background-color: var(--green500); */
        background: var(--green500);
        background: -moz-linear-gradient(
            top,
            var(--green500) 0%,
            var(--green500) env(safe-area-inset-top),
            var(--gray100) env(safe-area-inset-top),
            var(--gray100) 100%
        );
        background: -webkit-linear-gradient(
            top,
            var(--green500) 0%,
            var(--green500) env(safe-area-inset-top),
            var(--gray100) env(safe-area-inset-top),
            var(--gray100) 100%
        );
        background: linear-gradient(
            to bottom,
            var(--green500) 0%,
            var(--green500) env(safe-area-inset-top),
            var(--gray100) env(safe-area-inset-top),
            var(--gray100) 100%
        );
        /* , var(--gray100t) env(safe-area-inset-top), */
        backdrop-filter: blur(6px);
        -webkit-backdrop-filter: blur(6px);
    }

    [data-theme="dark"] header .mainmenu {
        background: var(--iosmenudark);
    }

    .facultyDeaneryOne {
        margin: 0 0px 20px;
    }

    .deanFull {
        justify-content: center;
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
    }

    .deanLastName,
    .deanRole,
    .deanScienceRole {
        text-align: center;
    }
}

.tablehere {
    width: 100%;
    overflow-x: auto;
}

@media screen and (max-width: 650px) {
    .navicon {
        padding: 15px;
        border-radius: 20px;
        top: -15px;
        left: -15px;
        font-size: 21px;
    }

    .navone {
        padding: 10px 10px 30px;
        margin: 0px 15px 40px 15px;
    }
}

.mapSmall {
    display: block;
    height: 300px;
    width: 100%;
    background: url("../images/map.jpg") center center / cover;
}

.e_framevideo {
    width: 100%;
    max-width: 1100px;
    padding-bottom: 56.3%;
    height: 1px;
    position: relative;
    margin: 0 auto;
}

.e_framevideo iframe {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    left: 0px;
    top: 0px;
}

@media screen and (max-width: 768px) {
    .page-link {
        padding: 8px;
    }
}

.fotorama__wrap {
    background: var(--gray300);
    /* border-radius: 13px; */
    padding-top: 10px;
    padding-block-end: 10px;
}

.newsTagsStats > div {
    margin: 2px 5px;
}

.datesBlock .dateOne {
    display: none;
}

.datesBlock .dateOne:first-child {
    display: block;
}

.eventsAllBlock .eventOne {
    display: flex;
    flex-wrap: wrap;
}

.eventsAllBlock .eventPreviewOneImage {
    flex: 1 0;
    margin-right: 10px;
    min-width: 180px;
}

.eventsAllBlock .eventDetails {
    flex: 1 0 23%;
    min-width: 250px;
}

.search-0 {
    display: none;
}

.search-0.active {
    display: block;
}

.newsOne .lastrss {
    padding: 0;
    margin: 0;
    min-width: initial;
}

.newsOne .lastrss p {
    padding: 0;
    margin: 4px 0;
}

.newsOne .lastrss .lastrssone span {
    margin-block-end: -7px;
}

.newsOne .lastrss .btnSmall {
    margin: 10px 0px 10px 0;
}

.newsOne .lastrss .lastrssone {
    padding: 16px 10px 1px;
    margin-right: 3px;
}

.lastrss > a.name {
    text-decoration: none;
    color: var(--gray700);
}

.lastrss > a.name:hover {
    text-decoration: underline;
}

.newsOne .lastrss .lastrsslist {
    margin-left: -10px;
}

.times .event content > .container {
    padding-top: 0 !important;
}

/* @media screen and (max-width: 1600px) {
    .welcome .newsBlock .newsOne:nth-child(5) {
        display: none;
    }
} */

.cathedra .navblocks .navblockone {
    max-width: initial;
}

.actual {
    margin-top: 110px;
}

.applicant .newsOne .newsText,
.applicant .newsOne .newsTags {
    display: none;
}

.applicant .lastrsslist {
    max-height: 240px !important;
}

.applicant .newsPanel .newsBlock {
    margin-bottom: 0px;
}

.applicant .facultiesList .headnav {
    justify-content: space-between;
    margin-block-end: 30px;
}

.random:hover {
    cursor: pointer;
}

#f17,
#f18 {
    margin-top: 30px;
}

.studyTime {
    display: flex;
    flex-wrap: wrap;
}

.studyTime > div {
    margin-right: 20px;
}

.newsImageImg {
    border-radius: 10px;
    width: 100%;
    background: url("/images/no.png") center center / cover no-repeat;
}

.studyBlock .navblockone {
    flex: 1 0 18%;
    min-width: 170px;
}

.studyBlock .navblockone .text a {
    margin: 13px 0 0 0;
}

.newsOne .newsName {
    text-decoration: none;
    color: var(--gray700);
    line-height: 26px;
    font-size: 24px;
    margin: 0;
    font-weight: 400;
}

.deanRole .nameSmall {
    font-size: 14px;
    display: block;
}

.eventView .eventLeft {
    margin-bottom: 30px;
}

.cathedra .navblocks {
    max-width: 920px;
    margin: 0 auto 0 -10px;
}

.cathedra .newsblock,
.faculty .newsblock {
    margin-top: 0;
}

@media screen and (max-width: 414px) {
    .listofblocks {
        justify-content: center;
    }

    .blockone {
        margin: 20px 0px;
        max-width: 400px;
    }

    .headnav .me span {
        display: none;
    }

    .imageOneSlide {
        border-radius: 20px;
    }

    .imagesSliderBlock {
        border-radius: 20px;
    }

    .imageslider {
        border-radius: 20px;
    }

    .deanFull {
        margin: 20px 0;
    }

    .navblockone {
        margin: 10px 0;
        padding: 15px 20px;
        border-radius: 20px;
    }

    .navblockone .name {
        font-size: 19px;
    }

    .navblockone .text a {
        font-size: 16px;
    }

    .navblockone .text {
        font-size: 14px;
    }

    .navone .text {
        line-height: 17px;
        font-size: 14px;
    }

    .abouttext {
        margin: 0px 0;
    }

    .navone {
        padding: 0px 15px 20px;
        margin: 0px 0px 30px 5px;
    }

    .navone .name {
        font-size: 22px;
        margin: 16px auto 10px auto;
    }

    .header500 {
        height: 140px;
    }

    .static-banner {
        top: 0px;
    }

    .askquestion .text {
        font-size: 16px;
    }

    .twinblock .image {
        min-height: 200px;
    }

    .twinblock .content {
        padding: 20px;
    }

    .twinblock .name {
        font-size: 27px;
        margin-bottom: 20px;
    }

    .twinblock .content .text {
        font-size: 17px;
        line-height: 23px;
    }

    .twinblock .content {
        min-height: 110px;
    }

    .btn {
        padding: 9px 18px 9px;
        border-radius: 15px;
        font-size: 17px;
        font-weight: 500;
        margin: 10px 10px 10px 0;
    }

    .twinblock .image > i {
        font-size: 40px;
    }

    .lastrsslist {
        height: auto;
        overflow: auto;
        max-height: initial;
    }

    .lastrssone:nth-child(1n) {
        display: none;
    }

    .lastrssone:nth-child(1),
    .lastrssone:nth-child(2),
    .lastrssone:nth-child(3),
    .lastrssone:nth-child(4),
    .lastrssone:nth-child(5) {
        display: block;
    }

    .newsBlock .newsOne .newsText {
        max-height: initial;
    }

    .newsOne:hover {
        box-shadow: 0px 0px 0 10px var(--white), 15px 11px 37px var(--shadow);
    }

    .ratingone {
        margin: 10px 10px 10px;
    }

    .ratingone span {
        font-size: 14px;
    }

    .ratingone p {
        font-size: 23px;
    }

    .ratingone:nth-child(3) {
        flex: 1 0 90%;
    }

    .newsOne .lastrss .lastrsslist {
        margin-left: 0px;
    }

    .newsOne .lastrss .lastrssone {
        margin-right: 0px;
    }

    .newsView .imageflow,
    .newsView p.imageFlow,
    .newsView .newsImage {
        margin: 0 -20px;
        border-radius: 0;
    }

    .newsView .newsImageImg {
        border-radius: 0;
    }

    .newsView .fotorama__wrap {
        margin: 0 -20px;
        width: calc(100% + 40px) !important;
        max-width: calc(100% + 40px) !important;
    }

    .fotorama,
    .newsText p.fotorama {
        overflow: initial;
    }
}

.newsblock .headnav {
    margin-left: 0;
    justify-content: flex-start;
}

.newsblock .headnav .name {
    color: var(--gray700);
    text-decoration: none;
    font-size: 32px;
    margin: 0 20px;
}

.newsSaves {
    display: none;
}

.contacttosend .invalid {
    color: var(--white) !important;
    background: var(--orange500);
    padding: 6px 16px;
    position: absolute;
    z-index: 1;
    border-radius: 9px;
    margin-top: -24px;
    margin-left: 25px;
}

.panBgWithWave {
    position: relative;
    max-width: 100%;
    overflow: hidden;
}

.wave {
    height: 500px;
    overflow: hidden;
    position: absolute;
    width: 100%;
    top: 500px;
    z-index: 1;
}

.wave__top300 {
    top: 300px;
}

.wave__one {
    background: url("/images/applicant/волна стыкуется@2x.png") repeat-x center / 30%;
    width: 3840px;
    height: 100%;
    animation: waves2 50s infinite linear alternate none running;
    position: absolute;
    overflow: hidden;
    top: 0;
}

.wave__two {
    background: url("/images/applicant/волна стыкуется@2x.png") repeat-x center / 30%;
    width: 3840px;
    right: 0;
    height: 100%;
    animation: waves 50s infinite linear alternate none running;
    position: relative;
    overflow: hidden;
    top: 0;
}

.wave__static {
    background: url("/images/applicant/волна стыкуется@2x.png") repeat-x center / 30%;
    width: 3840px;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
}

@keyframes waves {
    0% {
        margin-left: 0;
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    100% {
        margin-left: -1938px;
        opacity: 0;
    }
    80% {
        opacity: 1;
    }
    0% {
        margin-left: 0;
        opacity: 1;
    }
}

@keyframes waves2 {
    0% {
        margin-left: -1938px;
        opacity: 0;
    }
    80% {
        opacity: 1;
    }
    100% {
        margin-left: 0;
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    0% {
        margin-left: -1938px;
        opacity: 0;
    }
}

.questionArrow {
    position: absolute;
    right: 0;
    top: -30px;
    height: 100px;
    width: 100px;
    background: url("/images/applicant/questArr.png") center;
    background-size: 128px;
}

.bntuStr {
    background: url("/images/applicant/бббб@2x.png");
    background-size: contain;
    z-index: 0;
    position: absolute;
    bottom: 180px;
    left: 0;
    width: 3840px;
    height: 57%;
    overflow: hidden;
}

.bntuStrBottom {
    background-position: center;
    background-repeat: repeat-x;
    bottom: 160px;
    animation: strBNTU 60s linear infinite;

}

@keyframes strBNTU {
    0% {
        margin-left: 0;
    }
    100% {
        margin-left: -1920px;
    }
}

@media screen and (max-width: 800px) {
    .bntuStr {
        bottom: 170px;
    }

    .bntuStrBottom {
        bottom: 250px;
    }
}

@media screen and (max-width: 620px) {
    .bntuStrBottom {
        bottom: 230px;
    }

    .wave__top300 {
        top: 600px;
    }
}

.vospitanieimage {
    height: 50vh;
    max-height: 630px;
    padding: 100px 40px;
    display: flex;
    background: url("https://files.bntu.by/apps/gallery/s/kqDi0rH0pDlyOrK#IMG-0928.jpg");
    background-size: cover;
    background-position: center -100px;
    background-attachment: fixed;
    width: calc(100% - 80px);
    font-size: 70px;
    color: white;
    text-align: left;
    font-weight: bold;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.vospitanieimage:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #20202033;
    position: absolute;
    left: 0;
    top: 0;
}

@media screen and (max-width: 600px) {
    .vospitanieimage {
        background-position: center -50px;
        font-size: 10vw;
        line-height: 9vw;
        height: 30vh;
        background-size: 222%;
        height: 250px;
    }
}


.advertSmi_none {
    height: 200px;
    margin: 20px 0;
}
.advertSmi {
    user-select: none;
    margin: 20px 0;
    display: flex;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 150px;
    background-color: #00875a;
    padding: 20px 0px;
    justify-content: center;
    gap: 10px;
}
.advertSmi .doc {
    height: 100%;
    align-content: center;
    background-color: #fff;
}
.advertSmi .info {
    padding: 10px;
    display: flex;
    justify-content: center;
    border: 4px solid white;
    color: white;
    gap: 10px;
}
.advertSmi .info .smi {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-right: 4px solid white;
    font-size: 100px;
    font-weight: 500;
    padding: 0 20px;
    white-space: nowrap;
}
.advertSmi .info .descSmi {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 35px;
}
.advertSmi .desc {
    align-content: center;
    display: block;
    color: #00875a;
    text-decoration: none;
    background: white;
    padding: 0px 40px;
    font-size: 35px;
}

@media screen and (max-width: 1510px) {
    .advertSmi .doc {
        display: none;
    }
    .advertSmi .info .smi {
        display: none;
    }
}
@media screen and (max-width: 690px) {
    .advertSmi {
        flex-direction: column;
    }
    .advertSmi .info {
        border: none;
    }
    .advertSmi .info .descSmi {
        text-align: center;
    }
    .advertSmi .desc {
        margin: 0 auto;
    }
}
@media screen and (max-width: 504px) {
    .advertSmi {
        height: 230px;
    }
    .advertSmi_none {
        height: 250px;
    }
}