body {
    font-family: Segoe UI, sans-serif;
    font-size: 1.2vw;
    font-display: optional;
    overflow-x: hidden;
    background: #fcfcfc;
    font-weight: lighter;
 
}

/* school */

.breadcamp ul li span {
	    line-height: 1vw;
}

.video_img:hover {


}
.block_prog_div >h1{
color: #40307E;
    font-size: 2vw;
    font-weight: lighter;
    font-family: 'Rufina';
    width: 35vw;
    line-height: 4vw;
    letter-spacing: 0.2vw;
}

.block_prog_div >h2{
    color: #40307E;
    font-size: 3vw;
    line-height: 3vw;
    font-family: 'Rufina';
    letter-spacing: 0.4vw;
}
.mleft{
    margin-left:0px!important;
}
.formmain{
    width: 100%;
}
.send{
    border: none;
    background:#40307E;!important;
    padding: 1vw;
    margin:1vw; 
    color:#fafafa;
    cursor:pointer;
}

.send:hover{
    border: none;
    background:#7261d7!important;
    padding: 1vw;
    margin:1vw; 
    color:#fafafa;
    cursor:pointer;
}

.send:active{
    border: none;

}
.formmain .input{
    border: none;
    padding: 1vw;
    margin:1vw;
   font-family: Segoe UI;
       font-weight: lighter;
}
.formmain .input:focus{

    background: #f0efef;
}
.formmain .send:focus{
    border:none;
    padding: 1vw;
    margin:1vw;
    background:#ecde0b;
}
.formmain textarea{
    height: 8vw;
}



.formmain textarea:focus {
    outline: 0 !important;
    border-color: rgb(80, 78, 78)!important;

    -webkit-appearance: caret;
}

.block_left{
    width: 38%;
    float: left;
    text-align: left;
}

.block_right{
    width: 60%;
    float: right;
    text-align: left;
    color: #40307e;
}

.block_left .title {
margin-left:0;
}

.social_yellow li{
    list-style: none;
    float: left;
    background:#ffef01;
    border-radius: 50vw;
    margin: 1vw;
    height: 2vw;
    width: 2vw;
    padding: 2vw;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.social_yellow li a i {
    color:#fff77c;
}

.social_yellow li:hover{
    background: #7261d7;
}


.social_yellow li{
    list-style: none;
    float: left;
    background:#40307E;
    border-radius: 50vw;
    margin: 1vw;
    height: 2vw;
    width: 2vw;
    padding: 2vw;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 14px solid #efeb6b;
}


#events{
    display:none;
}



.programmes{
    display:none;
}

video:focus {
    outline: -webkit-focus-ring-color auto 0
}

.m_column {
    flex-direction: column;
    margin-bottom: 48px !important;
    width: 98% !important;
    margin-left: 15px !important
}

.inpage_text h1 {
    line-height: 1.4;
    font-weight: 400;
    margin: 8px 0
}

.s_teachers {
    list-style: none
}

.faculty_sub {
    position: absolute;
    list-style: none !important;
    margin-left: 0 !important;
    width: 88%
}

.faculty_menu {
    width: max-content;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99;
    visibility: hidden;
    opacity: 0;
    transition: .5s;
    background: #fcfcfc
}

.content .search_block {
    margin: 0;
    width: max-content;
    justify-content: flex-start
}

.content .search_block:hover {
    transform: scale(1, 1)
}

.search_block a {
    color: #fafafa
}

.content .search_block button {
    font-size: 1.5vw;
    background: #18184a;
    padding: 1vw 2.5vw;
    color: #f5f5f5;
    display: block;
    width: fit-content;
    border: none;
    height: 4.5vw;
    cursor: pointer
}

.open_activity_form {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 15%;
    z-index: 2;
    border: none;
    background: #f8f8faed;
    opacity: 0;
    font-size: 2vw;
    color: #4056a1;
    visibility: hidden;
    transition: .5s;
    cursor: pointer;
    font-size: 15px
}

.activity_block:hover .open_activity_form {
    opacity: .9;
    visibility: visible
}

.activity_form {
    width: 100vw;
    padding: 4vw 20vw;
    background: #05335adb;
    position: fixed;
    z-index: 99999999999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    transition: .7s;
    height: 100%
}

.form-group {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 5px 0
}

.form-group label {
    color: #f8f8fa;
    margin-bottom: 5px;
    font-size: 16px;
    margin-top: 20px
}

.form-group input,
.form-group select {
    background: #f8f8fa;
    height: 40px;
    padding: 10px;
    border: none
}

.form-group textarea {
    height: 72px;
    border: none;
    padding: 15px;
    width: 100%;
    resize: none;
    border-radius: 0
}

.activity_form input[type=submit] {
    width: max-content;
    cursor: pointer;
    font-weight: 400;
    font-size: 16px;
    padding: 10px 20px;
    background: #f8f8fa;
    color: #4056a1;
    border: none;
    border-radius: 0
}

.activity_form input[type=submit] :hover {
    background: #e2e4ec
}

.open_activity_form_main_page {
    background: #f7f6f6;
    padding: 5px 16px;
    border-radius: 2px;
    font-size: 14px;
    color: #3c5af9;
    transition: .6s;
    margin-left: 21px
}

.open_activity_form_main_page:hover {
    color: #fff !important;
    background: #2e42b5
}

#joinClubsForm {
    color: #fff
}

.joinClubsError {
    display: none;
    color: #fff;
    margin-top: 35px;
    background-color: #b00011;
    padding: 5px;
    font-size: 14px
}

.df {
    display: flex
}

input,
select {
    -webkit-border-radius: 0
}

.active {
    color: #242527
}

.display {
    display: block
}

::-webkit-input-placeholder {
    color: #727272
}

:-ms-input-placeholder {
    color: #727272
}

::placeholder {
    color: #727272
}

.footer_block ::-webkit-input-placeholder {
    color: #d6d6e4
}

.footer_block ::placeholder {
    color: #d6d6e4
}

.footer_block ::-ms-input-placeholder {
    color: #d6d6e4
}

.left {
    float: left
}

.right {
    float: right
}

.clearfix {
    clear: both
}

.none {
    display: none
}

.full {
    width: 100%
}

.small {
    width: 50%
}

html {
    scroll-behavior: smooth;
    -webkit-scroll-behovr: smooth
}

.lightblue {
    background: #3f58d4
}

.blue2 {
    background: #5487f7
}

h2 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: lighter
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

a {
    text-decoration: none
}

a:active {
    color: #5c6cbc;
    text-decoration: none
}

a:visited {
    color: #5c6cbc;
    text-decoration: none
}

input,
textarea {
    width: 100%;
    font-size: 1vw;
    font-weight: lighter;
}

input:focus {
    outline: 0 !important;
    border-color: #ddd;
    -webkit-appearance: caret
}

audio:focus {
    outline: 0 !important;
    border-color: #ddd;
    background: 0 0;
    -webkit-appearance: caret
}

select:focus {
    outline: 0 !important;
    border-color: #ddd;
    -webkit-appearance: caret
}

textarea:focus {
    outline: 0 !important;
    border-color: #ddd;

    -webkit-appearance: caret
}

button:focus {
    outline: 0 !important;
    border-color: #ddd;
  
    -webkit-appearance: caret
}

ul li {
    list-style: none
}

.dark_blue {
    background: #fff77c;
    color: #40307E;
    background-size: 100%
}

.light_blue {
    color: rgb(0 0 0 / .65);
    background-size: 97%;
    background-position: 40% 75%
}
.light_blue .title{
color: #1010d1;
}

.dark_blue .title{
  
color: #f8f8fa;
    }
.activity a {
    color: #242527
}

.activity a:hover {
    color: #706f6f
}

.dark_blue a {
    color: #fff
}

.dark_blue a:hover {
    color: #ddd
}

.light_blue a {
    color: #40307E;
    font-family: Rufina;
}

.light_blue a:hover {
    color: #242527
}

.light_link {
    color: #bfbfcf
}

.light_link:hover {
    color: #fafafa
}

.dark_link {
    color: #242527
}

.dark_link {
    color: #706f6f
}

.header_img_inpage img {
    height: 10vw
}

.page_error {
    min-height: 87vh
}

.page_error .container {
    border: none !important
}

.page_error p {
    width: 90vw;
    display: flex;
    height: 20vw;
    justify-content: center;
    align-items: baseline;
    font-size: 2vw
}

.page_error .main_more a {
    font-size: 3vw;
    display: flex;
    margin: 2vw 0 0 1vw
}

.page_error .main_more {
    margin-left: 0;
    width: 24vw
}

.page_error img {
    margin: auto 28vw
}

.inapge .news_block {
    box-shadow: none;
    filter: none
}

.inpage .headling {
    font-size: 3vw;
    padding: 2vw 1.5vw 1vw;
    width: 89%;
    line-height: 4vw;
    word-break: break-word;
    display:none;
}

.inpage table {
    width: 100%;
    border: 1px solid #ccc;
    border-collapse: collapse;
    font-size: 14px
}

.inpage table td,
.inpage table tr {
    padding: 5px;
    border: 1px solid #ccc
}

.inpage table th {
    padding: 5px;
    border: 1px solid #ccc;
    background: #f5f5f6
}

.imgleft {
    margin: 1vw 1vw 1vw 0;
    float: left
}

.imgright {
    margin: 1vw;
    float: right
}

.line {
    height: 0;
    border-bottom: .2px solid #efe9e9;
    margin: 0 0 13px;
    width: 100%;
    clear: both
}

.inpage .description {
    padding: 0 2vw;
    color: #b5b5b5;
    line-height: 3vw;
    width: 15vw;
    display: flex;
    flex-direction: row
}

.inpage_header_text {
    position: absolute;
    top: 10px;
    left: 41vw;
    font-size: 6vw;
    color: #fff
}

.myaccount_mobile {
    display: flex
}

.light_blue .main_more .fa-chevron-right {
    font-size: 1.5vw;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s
}

.light_blue .main_more:hover .fa-chevron-right {
    margin-left: .7vw
}

.dark_blue .main_more .fa-chevron-right {
    font-size: 1.5vw;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s
}

.dark_blue .main_more:hover .fa-chevron-right {
    width: 2.5vw;
    margin-left: .7vw
}

.dark_blue .main_more a {
    color: #f8f8fa;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s
}

.dark_blue .main_more:hover a {
    color: rgb(248 248 250 / 58%)
}

.myBtnsearch {
    width: 1.5vw;
    height: 1.5vw;
    display: block;
    transition: all 1s
}

.myBtnsearch:hover {
    color: #5b77d6
}

.fa-user-circle {
    font-size: 1.2vw;
    height: 1vw;
    margin-right: .5vw;
    margin-top: .4vw
}

.social .telegram {
    margin-left: -.4vw
}

.top_block .social i {
    font-size: 1vw;
    color: #5b77d6;
    margin: .51vw
}

.top_block .social a:hover i {
    color: #3c5af9
}

.footer .fa-instagram {
    content: "\e919";
    color: #f5f5f5
}

.footer .fa-instagram:hover {
    content: "\e919";
    color: #f5f5f5
}

.footer .fa-envelope {
    font-size: .9vw;
    margin: .5vw
}

.footer_social ul li a .fa-linkedin {
    font-size: 21px
}

.footer_social ul li .telegram {
    margin-left: -.4vw
}

.subnav .fa-angle-down {
    vertical-align: middle
}

.top_block .social .fa-linkedin {
    font-size: 1.5vw
}

.inpage_cap .social a i {
    font-size: 1.2vw;
    margin: 2vw 1vw
}

.inpage_cap .social ul li {
    margin: -2px
}

.footer .contact .footer_text p {
    display: flex
}

.footer .contact .footer_text p {
    margin-bottom: 10px;
    line-height: 1.5vw;
    line-height: 28px
}

header {
    width: 100vw;
    display: table
}

.header_container {
    width: 100%;
    height: 28vw;
}

.header .container .header {
    position: relative
}

.header_content a {
    font-size: 1.5vw;
    line-height: 2vw
}

.header_block {
    width: 100%;
    transform: scale(1, 1);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    display: table;
    height: 22vw;

    background-size: 100%
}

header section {
    padding: 0
}




.header_block .header_img {
    transform: scale(1, 1);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    height: 27vw;
    background-size: 100%;
}

.header {
    display: flex;
    flex-direction: column;
    width: 100vw;
}

.header_caption {
    width: 55%;
    height: 40vw;
    top: 0;
    position: absolute;
    left: 0;
    background: url(img/canvas.svg) no-repeat;
    background-size: 80vw;
    display: flex;
    flex-direction: column
}

.header_content {
    position: absolute;
    left: 0;
    top: 0;
    background-size: 73%;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 40vw
}

nav {
    display: flex;
    justify-content: end;
    flex-direction: column;
    background-size: 100%;
    background-position: 10vw 26vw;
    width: 100%;
    z-index: 2;
    position: absolute;
    top: 0vw;
}

.for_mobile {
    display: none
}

.mobile {
    display: flex;
    font-size: 1.2vw;
    letter-spacing: 0;
    align-items: center;
    margin-right: 14px;
    display: none
}

.mobile i {
    margin-top: .4vw;
    margin-right: .5vw;
    font-size: 1.2vw
}

.myaccount_icon {
    background-size: 1.2vw;
    background-position: 0 .3vw;
    padding-left: 1.5vw;
    font-size: 1.3vw;
    padding-right: .5vw
}

.myaccount_icon i {
    margin-right: .2vw
}

.socialblock {
    display: flex;
    align-items: center
}

.social {
    display: flex;
    display: -webkit-flexbox;
    display: -webkit-flexbox;
    display: -webkit-flexbox
}

.inpage .social {
    display: flex;
    display: -webkit-flexbox;
    display: -webkit-flexbox;
    display: -webkit-flexbox;
    margin-left: 20px
}

.social a {
    display: block
}

.header_caption p {
    display: flex;
    width: fit-content;
    margin-left: 3vw
}

nav ul {
    display: flex;
    justify-content: flex-end
}

.main_menu li {
    margin: 0 2vw 0 0
}

.top_block a:hover {
    color: #706f6f
}

.top_block .socialblock {
    color: #706f6f
}

.top_block .socialblock a {
    color: #242527
}

.header .logo img {
    height: 6vw;
    width: 21vw;
    top: 2vw;
    position: absolute;
    left: 11vw;
}

.logo {
    display: block;
    margin: 0
}

.header nav .top_right a {
    margin: .3vw;
    font-size: 1.2vw;
    text-align: left
}

.top_second_block {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    width: 98vw;
    background: #fcfcfc;
    padding: 1vw 1vw 1vw 3vw
}

.top_menu_block {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 4.2vw;
    margin-left: 38vw;
}

nav div ul {
    justify-content: flex-right
}

.top_block {
    justify-content: space-between;
    margin: 0;
    flex-direction: column;
    width: 100%;
    display: flex;
    padding: 0;
    height: 5vw;
}

.languages select {
    border: none;
    padding: .4vw 0;
    -webkit-appearance: caret;
    -webkit-border-radius: 0;
    -moz-appearance: none;
    width: 3vw;
    height: 2vw;
    font-size: 1vw
}

.languages label {
    display: none
}

.modal {
    display: none;
    position: fixed;
    z-index: 7;
    padding-top: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: #303e84
}

h3 {
    font-size: 1.8vw;
    line-height: 1.8vw;
    font-weight: 400;
    margin-bottom: 2vw
}

.modal-content {
    margin: auto;
    padding: 0;
    width: fit-content;
    position: relative
}

.searchmodal .modal-content {
    margin: auto;
    padding: 2vw;
    width: 100%;
    position: relative
}

#myModalsearch {
    background: #05335a;
    opacity: .9
}

.myBtnsearch:hover {
    color: #706f6f
}

.searchmodal .close {
    color: #f7f6f6;
    float: right;
    font-size: 5vw;
    font-weight: 700;
    position: absolute;
    right: 4vw;
    top: 5vw;
    display: block
}

.close {
    color: #f7f6f6;
    float: right;
    font-size: 5vw;
    font-weight: 700;
    position: absolute;
    right: -4vw;
    top: -53px;
    display: block
}

.close:focus,
.close:hover {
    color: #ddd;
    text-decoration: none;
    cursor: pointer
}

.menu {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.menu li:last-child {
    margin-right: 1.6vw
}

.menu li a:nth-child(5) {
    margin: 0 !important
}

.menu li a {
    text-decoration: none;
    color: #40307E;
    font-size: 1.2vw;
    margin: .7vw;
    transform: scale(1, 1);
    transition: all .5s;
    font-family: sans-serif;
    letter-spacing: 1.5px
}

.menu li a:hover {
    font-family: sans-serif;
    color: #3c5af9
}

.menu i {
    margin-left: .5vw
}

.navbar {
    overflow: hidden;
    display: flex;
    margin-top: 0
}

.closem {
    position: absolute;
    top: 1.2vw;
    left: 40vw;
    z-index: 4;
    cursor: pointer;
    text-align: center;
    line-height: 2vw;
    padding: .5vw
}

.subnav button i {
    margin-left: .1vw;
    margin-right: .3vw
}

.menu_sub {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-start;
    position: absolute;
    left: 35vw;
    z-index: 4;
    height: 23vw;
    width: 64vw;
    padding: 1vw;
    opacity: .9;
    background-color: #40307e;
}

.menu_sub li {
    width: 19vw;
    text-align: left;
    border-right: .5px dashed #8f97bd;
    padding: 1vw;
    display: table
}

.menu_sub a {
    color: #e4e6ef
}

.openm {
    display: block !important;
    opacity: 1 !important
}

.subnav {
    overflow: hidden;
    float: left;
    margin-right:1vw
}

.myAccountMenu {
    margin-right: 0
}

.subnav:last-child {
    overflow: hidden;
    float: left;
    margin-right: .1vw;
    margin-left: 2vw
}

.mail {
    margin-left: -.5vw !important;
    margin-right: 0 !important
}

.myBtnsearch:hover {
    color: #3c5af9
}

.myaccount {
    margin: 0 !important
}

.subnav .subnavbtn {
    border: none;
    outline: 0;
    color: #18184a;
    padding: 0 .5vw;
    margin-top: 0.3vw;
    cursor: pointer;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    font-size: 1vw;
    display: flex;
    width: max-content
}

.subnav:nth-child(6) a {

}

.navbar a:hover,
.subnav:hover .subnavbtn {
    color: #402f7e;
}

.subnav-content {
    display: none;
    opacity: 0;
    position: absolute;
    left: 0;
    background-image: url(img/bglogo.png);
    background-color: #4056a1e0;
    background-repeat: no-repeat;
    width: 100vw;
    z-index: 3;
    padding: 0 0 2.5vw 0;
    top: 8vw;
    transition: all 1s;
    background-size: 35%;
    height: 23vw;
    z-index: 3
}

.inpage .top_menu_block .subnav-content {
    top: 5.8vw
}

.subnav-content a {
    text-decoration: none;
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 1.2vw;
    color: #fcfcfc
}

.subnav-content a:hover {
    color: #a4a4d6 !important;
    font-size: 1.2vw
}

.subnav2 {
    float: left;
    overflow: hidden
}

.subnav2 .subnavbtn2 {
    font-size: 1.5vw;
    border: none;
    outline: 0;
    color: #3c5af9;
    padding: 1vw;
    background-color: inherit;
    font-family: inherit;
    margin: 0
}

.subnav-content2 {
    display: none;
    position: relative;
    left: 0;
    width: 24vw;
    z-index: 3;
    height: 23vw;
    top: 0;
    background-color: #f5f5f5
}

.subnav-content2 a {
    float: left;
    color: #3c5af9;
    text-decoration: none;
    height: 4vw
}

.subnav-content2 a:hover {
    color: #000
}

.subnav2:hover .subnav-content2 {
    display: block
}

.menu_sub2 {
    display: flex;
    width: 20vw;
    flex-direction: column
}

.menu_sub2 li a {
    margin: .3vw;
    font-size: 1.2vw;
    text-align: left;
    padding: .5vw
}

.subnavbtn2 a {
    padding: 0
}

.menu_sub2 li {
    width: 100%
}

main {
    position: relative;
    width: 100vw
}

.search_mobile {
    display: none
}

.programmes {
    position: absolute;
    z-index: 2;
    left: 0;
    color: #303e84;
    display: flex;
    flex-direction: row;
    width: 100vw;
    height: fit-content;
    top: -55px;
    display:none;
}

.Bachelor {
    background: url(img/bachelor.svg) no-repeat;
    height: 4.6vw;
    width: 14vw;
    padding: .5vw 1vw 1vw 3vw;
    background-size: 2vw;
    display: flex;
    background-position: 6% 50%;
    justify-items: center;
    justify-content: center;
    flex-direction: column
}

.Master {
    background: url(img/master.svg) no-repeat;
    height: 4.6vw;
    width: 14vw;
    padding: .5vw 1vw 1vw 3vw;
    background-size: 2vw;
    display: flex;
    background-position: 9% 50%;
    justify-items: center;
    justify-content: center;
    flex-direction: column
}

.Phd {
    background: url(img/phd.svg) no-repeat;
    height: 4.6vw;
    width: 14vw;
    padding: .5vw 1vw 1vw 3vw;
    background-size: 2vw;
    display: flex;
    background-position: 13% 50%;
    justify-items: center;
    justify-content: center;
    flex-direction: column
}

.Apply {
    background: url(img/apply.svg) no-repeat;
    height: 4.6vw;
    width: 14vw;
    padding: .5vw 1vw 1vw 3vw;
    background-size: 1.4vw;
    display: flex;
    background-position: 32% 50%;
    justify-items: center;
    justify-content: center;
    flex-direction: column
}

.programmes .container .programmes {
    position: relative
}

.programmes_block {
    background: #5b77d6;
    transform: scale(1, 1);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    display: table;
    margin: .3vw;
    padding: 1vw;
    -webkit-box-shadow: rgb(176 179 197 / 75%) 1px 13px 16px 5px;
    -o-box-shadow: rgb(176 179 197 / 75%) 1px 13px 16px 5px;
    box-shadow: 0 14px 20px 0 #a7bbde;
    float: left
}

.programmes_block a {
    color: #f5f5f5
}

.programmes_block:hover {
    -webkit-box-shadow: rgb(0 0 0 / 40%) -1px 2px 5px 1px;
    box-shadow: 0 2px 10px 0 #b0b3c5;
    background: #3f58d4
}

.programmes_block .programmes_img {
    transform: scale(1, 1);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    padding: 1.3vw
}

.programmes_block:hover .programmes_img {
    transform: scale(1.2, 1.2)
}

.programmes_content {
    position: absolute;
    left: 5vw;
    top: 1.3vw
}

.programmes a {
    font-size: 1.2vw;
    color: #f8f8fa
}

.text_block {
    position: absolute;
    z-index: 2;
    display: flex;
    left: 11vw;
    color: #303e84;
    height: 8vw;
    background-size: 35vw;
    top: 11vw;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
}

.text_block2 {
    position: absolute;
    z-index: 2;
    left: 46vw;
    top: 11vw;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    height: 15vw;
    width: 40vw;
    display:flex;
    overflow: hidden;
}

.text_block2 img{
    height: 15vw;
}

.text_block img {
    height: 8vw;
    width: 30vw;
}

.search_block {
    position: relative;
    z-index: 2;
    display: flex;
    color: #303e84;
    width: 70vw;
    font-size: 1vw;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 5vw auto
}

.search_input {
    position: relative
}

.search_input i {
    position: absolute;
    top: 1.7vw;
    left: 1.4vw;
    color: #8c8c8c
}

.search_block {
    transform: scale(1, 1);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s
}

.search_block:hover {
    transform: scale(1.2, 1.2)
}

.search_block .search_input {
    width: 30vw
}

.search_block .search_select {
    width: 13.4vw
}

.search_block button {
    font-size: 1.5vw;
    background: #18184a;
    padding: 1vw 2.5vw;
    color: #f5f5f5;
    display: block;
    width: fit-content;
    height: 4.5vw;
    border: none;
    cursor: pointer
}

.search_block select {
    background: #fff;
    border: none;
    padding: 0 1.7vw;
    -webkit-appearance: caret;
    border-left: 1px solid #ccc;
    color: #706f6f;
    height: 4.5vw;
    font-size: 1.2vw;
    width: 13.5vw;
    border: none
}

.search_block input {
    background: #fff;
    border: none;
    padding: 1vw 0 1vw 4vw;
    -webkit-appearance: caret;
    width: 30vw;
    height: 4.5vw;
    font-size: 1.2vw
}

.about {
    padding-top: 6vw
}

.about_content {
    font-size: 2vw;
    display: flex;
    width: 100%;
    margin-top: 3vw;
    justify-content: center;
    align-items: center
}



.about_content a {
    margin-left: 2vw;
    display: block;
    border-left: 1px solid #ccc;
    padding-left: 2vw;
    line-height: 5vw
}

.about_block .about_text {
    width: 100%;
    text-align: left;
    margin-top: 2vw;
    line-height: 1.7vw;
    font-size: 1.3vw;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.about_text a {
    font-size: 1.4vw;
    line-height: 2vw;
}

.about_content .video_img {
    height: auto;
    width: fit-content;
    cursor: pointer;
    background-position: 99% 55%;
    background-size: 50%;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s
}

.about_content .video_img:hover {
    cursor: pointer
}

.container {
    width: 80%;
    margin: 0 auto
}

.dark {
    color: #9eabf0
}

.link_light {
    font-size: 25px
}

.light {
    color: #d6d6d6
}

.title {
    font-size: 3vw;
    position: relative;
    font-weight: 100;
    margin: auto;
    width: 96%;
    color:#1A0DCB;
}

.title h2 {
    position: relative;
    font-weight: 100;
    color: #40307E;
    font-size: 2vw;
    font-family: 'Rufina';


}



.main_more {
    font-size: 40px;
    width: 78%;
 
}

.main_more a {
    margin: 0;
    font-size: 2vw;
}

section img {
    width: 100%
}

section {
    display: flex;
    display: -webkit-flexbox;
    display: -webkit-flexbox;
    flex-direction: column;
    position: relative;
    padding: 3vw 0 3vw 0;
}

.slider {
    display: flex;
    width: 100%;
    display: flex;
    display: -webkit-flexbox;
    display: -webkit-flexbox
}

.slider__wrapper {
    display: flex;
    display: -webkit-flexbox;
    display: -webkit-flexbox;
    width: 100%
}

.news .container .news {
    position: relative
}

.slider-track {
    display: flex
}

.slider-arrows {
    display: none
}

.news_content a {
    font-size: 1.5vw;
    line-height: 2vw;
    font-weight: lighter
}

#events .news_block {
    width: 25vw;
    height: 33vw;

    transform: scale(1, 1);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    display: table;
    margin: 1vw
}

#new .news_block {
    width: 22vw;
    height: 13vw !important;
    box-shadow: 0 1px 60px 1px #263397;
    -webkit-box-shadow: 0 13px 20px 13px #263397db;
    -moz-box-shadow: 0 13px 20px 13px #263397db;
    -ms-box-shadow: 0 13px 20px 13px #263397db;
    transform: scale(1, 1);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    display: table;
    margin: 1vw
}

.news_img img {
    width: 98%;
    margin: 0 .2vw
}

#news .news_img img {
    display: none
}

#news .news_block {
    width: 26vw;
    height: 13vw;
    position:relative;
}

#events .news_img img {
    height: 18vw
}

#news .news_img img {
    height: 20vw
}

.overflow {
    overflow: hidden
}

.news_block:hover {

}

.news_block .imgnews {
    transform: scale(1, 1);
    filter: grayscale(20%);
    opacity: 1;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s
}

.news_block:hover .imgnews {
    transform: scale(1.1, 1.1);
    filter: grayscale(0);
    opacity: .5
}

.news_block .news_content {
    position: absolute;
    left: 0;
    bottom: 0;
    background-size: 100%;
    padding: 1.7rem 1rem 1rem 1rem;
    width: 100%;
    height: fit-content;
    display: table;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
}

.news_block:hover .news_content {
    height: fit-content;
    background-size: 100%;
    bottom: 0
}

.news_caption {
    font-size: 1.4vw;
    line-height: 2vw;
    height: 6vw;
    overflow: hidden;
    margin-bottom: 1vw;
    margin-top: .5vw;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s
}

.news_block:hover .news_caption {
    height: auto;
    max-height: 10vw
}

.news_block .news_description {
    transform: translate(0, -3vw);
    opacity: 0;
    height: 0;
    width: 22vw;
    margin-top: 1vw;
    overflow: hidden;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s
}

.news_block:hover .news_description {
    transform: translate(0, 0);
    opacity: 1;
    height: 6vw;
    overflow: hidden;
    margin-top: 0;
    line-height: 2vw
}

.news {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

.news_content p:last-child {
    font-size: 1.3vw;
    font-weight: lighter;
    line-height: 3.5vw
}

.news_date {
    font-size: 3vw
}

.news_month {
    font-size: 2vw
}

#events .news_location {
    background: #5c73bd;
    font-size: 1.1vw;
    padding: 1vw 1vw;
    width: auto;
    margin: .5vw 0;
    display: block
}

#research .research_category {
    color: #242527;
    font-size: 1.5vw;
    font-weight: 400;
    margin-bottom: .5vw
}

.research_category {
    color: #222;
    font-size: 1.5vw;
    font-weight: 400;
    margin-bottom: .5vw
}

.research_text a {
    font-size: 1.3vw;
    line-height: 2vw;
    font-weight: lighter
}

.inpage .research_text a {
    font-size: 1.2vw;
    line-height: 2vw !important;
    height: 8vw;
    overflow: hidden
}

.research_img {
    width: 15vw;
    position: relative;
    height: 14vw;
    margin-bottom: 10px
}

.research_img img {
    position: absolute;
    transform: translate(19px, 15px)
}

.border_about {
    border: 2px solid #1a0dcb;
    position: absolute;
    transform: translate(11vw, 1vw);
    height: 18vw;
    width: 23vw;
    top: 4vw;
}

.border {
    border:  2px solid #1a0dcb;
    position: absolute;
    transform: translate(3vw, 3vw);
    height: 9vw;
    width: 14vw;
    top: -1.5vw;
}
.research_content {
    width: 18vw
}

.research_img img {
    position: absolute;
    transform:translate(0vw, 3vw);
    height: 10vw
}

.inpage .research_img img {
    position: absolute;
    transform: translate(10px, 20px);
    height: 11vw
}

.inpage .research_block {
    margin: 2vw
}

.research_block {
    width: 23vw;
    height: fit-content;
    overflow: hidden;
    transform: scale(1, 1);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    margin: 0 10px
}

.research_block .news_img {
    transform: scale(1, 1);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s
}

.research_block:hover .news_img {
    transform: scale(1.1, 1.1)
}

section .container {
    display: flex;
}

.activity .container .activity {
    position: relative
}

.activity_content a {
    font-size: 1.5vw;
    line-height: 2vw
}

.activity .block1 .activity_block {
    width: 27.8vw;
    height: 25vw;
    transform: scale(1, 1);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    display: table
}

.activity_bg1 {
    background: url(img/bg_1.jpg) no-repeat;
    background-size: cover;
    background-position: 10% 100%
}

.activity_bg2 {
    background: url(img/bg_2.jpg) no-repeat;
    background-size: cover;
    background-position: 51% 110%
}

.activity_bg3 {
    background: url(img/bg_3.jpg) no-repeat;
    background-size: cover
}

.activity_bg4 {
    background: url(img/bg_4.jpg) no-repeat;
    background-size: cover
}

.activity_bg5 {
    background: url(img/bg_5.jpg) no-repeat;
    background-size: cover
}

.activity_bg6 {
    background: url(img/bg_6.jpg) no-repeat;
    background-size: cover
}

.activity_bg7 {
    background: url(img/bg_7.jpg) no-repeat;
    background-size: cover
}

.activity_bg8 {
    background: url(img/bg_8.jpg) no-repeat;
    background-size: cover
}

.activity .activity_block {
    margin: .5vw
}

#activity .container {
    flex-direction: column
}

.robotics img {
    height: 33.5vw;
    width: 100%
}

.conversation img {
    width: 100%;
    height: 14vw
}

.bio img {
    width: 100%;
    height: 22vw
}

.block1 .activity_block:nth-child(4) {
    width: 22vw;
    height: 22vw
}

.activity .block2 .activity_block {
    width: 13.4vw;
    height: 23vw;
    transform: scale(1, 1);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    display: table
}

.activity_block:hover {
    -webkit-box-shadow: rgb(189 193 197 / 86%) 0 13px 20px 13px;
    box-shadow: 0 11px 70px 15px #bdc1c5
}

.activity_block {
    -webkit-box-shadow: rgb(189 193 197 / 86%) 0 13px 20px 13px;
    box-shadow: 0 6px 20px 3px #bdc1c5
}

.activity_block .activity_img {
    transform: scale(1, 1);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s
}

.activity_block:hover .activity_img {
    transform: scale(1.1, 1.1)
}

.block1 .activity_caption {
    padding: 4vw 2vw 2vw 2vw
}

.block1 .activity_block:nth-child(1) .activity_caption {
    padding: 4vw 2vw 2vw 2vw;
    width: 100%
}

.activity_caption {
    margin: 0;
    padding: 3vw 1vw 1vw 1vw;
    font-size: 2.7vw;
    line-height: 2.8vw;
    font-weight: lighter
}

.activity {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.activity .block1 {
    display: flex;
    height: 35vw
}

.activity .block2 {
    height: 16vw;
    position: relative;
    left: 0;
    bottom: 1vw;
    display: flex;
    align-items: flex-end;
    flex-direction: row;
    -webkit-flex-direction: row;
    -webkit-display: flex;
    -webkit-align-items: flex-end;
    -webkit-flex-direction: row;
    -webkit-justify-content: start;
    -webkit-justify-content: start
}

.block1 .activity_block:nth-child(2) {
    width: 21vw;
    height: 22vw
}

.block1 .activity_block:nth-child(3) {
    width: 21vw;
    height: 22vw
}

.block2 .activity_block:nth-child(3) {
    height: 26vw;
    width: 17vw
}

.block2 .activity_block:nth-child(4) {
    height: 26vw;
    width: 12vw
}

.block2 .activity_block:nth-child(5) {
    height: 26vw;
    width: 12vw
}

.activity_content {
    position: absolute;
    bottom: 0;
    background-size: cover;
    width: 100%
}

.activity_content p {
    background: url(img/activity_caption.png) no-repeat;
    position: absolute;
    bottom: 0;
    background-size: cover;
    width: 100%;
    word-break: break-word
}

.activity_main {
    width: 32vw
}

.block1 .activity .robotics {
    height: 32vw;
    width: 26vw;
    margin: 1vw
}

.activity .block2 .tourism {
    transform: scale(1, 1);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    display: table
}

.events_date {
    font-size: 2vw;
    font-weight: lighter;
    font-weight: 700
}

.events_month {
    font-size: 1.6vw;
    font-weight: lighter
}

.events_time {
    text-indent: 3vw;
    padding: 0;
    background-size: 2.5vw;
    display: inline-block;
    height: 3vw;
    text-align: right;
    float: right;
    margin-top: .4vw;
    position: absolute;
    right: 1vw
}

.counter {
    display: flex;
    background: url(img/counter_bg.jpg)
}

.counter p {
    text-align: center;
    border-left: 1px solid rgb(42 49 106 / 86%);
    padding-left: 16px
}

.counter_text {
    font-size: 1vw
}

.counter_number {
    font-size: 70px;
    color: #303e84
}

.partners {
    padding: 0
}

.partnersimg {
    display: block;
    margin: 1vw
}

.partnersimg img {
    height: 5vw;
    width: auto !important;
    margin: 1vw
}

.impage_icon {
    cursor: text
}

.partnersimg img {
    height: 5vw;
    width: auto !important;
    margin: 1vw
}

.inpage_text p img {
    cursor: pointer
}

.footer {

    padding: 1vw 0 1vw 0;
    border-top: 1px solid #ccc;
}

.footer_text i {
    margin: 2px 6px
}



.contact .footer_content {
    width: 20vw
}

.social ul li {
    float: left;
    margin: 10px
}

.inpage .date {
    width: fit-content;
    display: flex;
    margin-left: 2vw
}

.inpage mark {
    padding: 0 .3vw;
    border-bottom: 2px dashed #7886ca;
    background: 0 0;
    font-weight: 500
}

.footer_social ul li a {
    float: left;
    margin: 0
}

.footer_social ul li a:hover {
    color: #ccc
}

.footer_social ul li a i {
    font-size: 18px;
    margin: 9px;
    color: #f8f8fa
}

.footer_social ul li:nth-child(1) {
    margin-left: -14px
}

.footer_social ul li:last-child {
    display: table
}

.footer_social ul li:last-child .gimn>div {
    display: table;
    width: 28vw
}

.footer_social ul li:last-child .gimn {
    text-align: left;
    margin-left: -10px;
    display: table
}

.gimn audio {
    width: 20vw;
    height: 2vw
}

.gimn_text {
    font-size: 1.3vw;
    margin-top: 2.1vw;
    margin-bottom: .5vw;
    margin-left: .5vw
}

.newslatter span {
    display: inline-block
}

.newslatter input {
    background: 0 0;
    height: 3vw;
    width: 100%;
    border: 1px solid #f8f8fa;
    padding: 1vw;
    font-size: 1.2vw;
    color: #d6d6e4
}

.newslatter a {
    background-color: #f8f8fa;
    height: 3vw;
    padding: .5vw 2vw;
    margin: 0;
    display: block;
    font-size: 1.2vw;
    border: 1px solid #f8f8fa;
    color: #1f2d5f;
    display: block;
    cursor: pointer
}

.newslatter a:hover {
    background-color: #e2e4ec;
    color: #2b2d3a !important
}

input:focus {
    outline: 0 !important;

}

.newslatter .form {
    display: flex
}

.footer_caption {
    font-size: 30px;
    color: #f5f5f5;
    margin-bottom: 20px
}

.footer .sitemap {
    margin-top: 40px
}

.footer .sitemap a {
    font-size: 1.2vw
}

.copyrighter {
    border-top: 1px solid #fff
}

.footer_block {
    width: 40vw
}

.open-button {
    display: none
}

.mobile_icon {
    display: none
}

.mySlides img {
    vertical-align: middle
}

.slideshow-container {
    max-width: 100%;
    position: relative;
    margin: auto
}

.slideshow-container .captiontext a {
  color: #e2e2e2;
    line-height: 2vw;
    padding: 2vw;
    background: #18184a;
}

.slideshow-container .captiontext a:hover {
    color: #8c8c8c
	
}

.header_img .dots {
    position: absolute;
    top: 7vw;
    left: 4vw
}

.mySlides .captiontext {
color: #05335a;
    font-size: 1.2vw;
    padding: 2vw;
    width: 66vw;
    text-align: left;
    position: absolute;
    top: 13vw;
    left: 5vw;
    display: block;
}

.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
    display: none
}

.dot {
    height: 10px;
    width: 10px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color .6s ease
}

.dots .active {
    background-color: #818181
}

@-webkit-keyframes fade {
    from {
        opacity: .4
    }
    to {
        opacity: 1
    }
}

@keyframes fade {
    from {
        opacity: .4
    }
    to {
        opacity: 1
    }
}

@-ms-keyframes fade {
    from {
        opacity: .4
    }
    to {
        opacity: 1
    }
}

@-moz-keyframes fade {
    from {
        opacity: .4
    }
    to {
        opacity: 1
    }
}

.m_search li a {
    line-height: 4vw;
    font-size: 2vw
}

.m_search li a p:nth-child(2) {
    font-size: 1.2vw;
    line-height: 2vw;
    color: #242527
}

.m_search li {
    margin-bottom: 2vw;
    list-style: none !important
}

.inpage_text {
    margin: 2vw 0 2vw 2vw;
    display: table;
}

.inpage .title div {
    margin-bottom: 32px;
    margin-left: 12px
}

.inpage_text .line {
    margin: 2vw 0
}

.inpage_text .caption {
    font-size: 2vw;
    width: fit-content;
    margin-bottom: 2vw;
    margin-top: 2vw;
    border-top: 1px solid #ccc;
    padding: 2vw 4vw 2vw 0;
    border-bottom: 1px solid #ccc
}

.inpage_menu {
    display: flex;
    -webkit-display: flex;
    flex-wrap: wrap
}

.inpage_menu a i {
    margin-top: 6px
}

.inpage_menu a {
    background: #f7f6f6;
    padding: 10px;
    display: block;
    margin: 5px;
    font-size: 1.1vw;
    letter-spacing: 1px;
    color: #40307E;
    transition: 1s all
}

.inpage_menu a:hover {
    background: #fafafa;
    color: #4d4e50
}

.inpage_menu .active {
    background: #e4e4e6;
    color: #727272
}

.inpage_header_img {
    width: 100%;
    height: 12vw;
    background: url(img/bg_inpage.png) no-repeat
}

.inpagetop {
    background: #fcfcfc;
    margin: 0
}

.logoblock a img {
    height: 3vw
}

.inapge_menu_name {
    color: #fff;
    font-size: 5vw;
    text-align: center;
    line-height: 12vw
}

.inpage .header_img img {
    height: 8vw
}

.breadcamp {
    padding: 1.5vw;
    border-bottom: .2px solid #efe9e9;
    margin-top: 9vw;
}

.breadcamp ul {
    display: flex;
    flex-direction: row
}

.breadcamp ul li {
    list-style: none;
    display: flex
}

.breadcamp a {
    font-size: 1vw
}

.inpage .container {
    width: 90%;
    margin: 0 0 0 8vw;
    border-left: .5px solid #ccc;
    padding: 0
}

.inpage_title {
    position: absolute;
    top: 10vw;
    left: 10vw;
    color: #fff;
    font-size: 2vw
}

.inpage_cap {
    display: flex;
    margin-top: 1vw;
    height: 4vw
}

.inpage a:hover {
    color: #706f6f
}

.inpage .title {
    font-size: 2.5vw;
    position: absolute;
    left: 2vw;
    text-align: center;
    font-weight: lighter;
    top: 7vw
}

.inpage .title p {
    letter-spacing: 1vw;
    color: #b5b5b5;
    transform: rotate(90deg);
    position: absolute;
    width: 5vw;
    font-weight: lighter;
    font-size: 1.5vw;
}



.inpage .breadcamp i {
    font-size: 0.5vw;
    margin: 0.5vw;
    line-height: 1vw;
}

.content .inpage_text {
    min-height: 25vw;
    font-size: 1.2vw;
    line-height: 2.5vw;
    display: table;
    width: 97%;
}

.all {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    padding: 1.5vw;
}

.personal_inform_block {
    text-align: center;
    display: flex
}

.personal_inform_block div:nth-child(2) {
    margin: 1vw
}

.personal_inform_block div p:nth-child(1) {
    margin-bottom: 1vw;
    font-size: 2vw
}

.personal_inform_block div p:nth-child(2) {
    color: #8e8484;
    font-size: 1vw
}

.personal_inform_block div p:nth-child(3) {
    color: #8e8484;
    margin: 0 0 1vw 0
}

.personal_inform_block div {
    font-size: 1.2vw;
    margin-bottom: 1vw
}

.personal_inform_block div p {
    display: flex;
    justify-content: center;
    line-height: 2.4vw
}

.personal_inform_block img {
    height: 19vw
}

.personal_inform_block i {
    color: #706f6f;
    font-size: 1vw;
    margin: .7vw
}

.s_teachers li span:last-child {
    font-size: 1vw;
    line-height: 1vw;
    vertical-align: middle;
    margin: 0 0 1vw 0;
    display: block
}

.inpage_news_block {
    width: 40vw;
    display: flex;
    overflow: hidden;
    margin-bottom: 2vw;
    margin-right: 2vw;
    border-bottom: 1px dashed #999;
}

.inpage .news_caption {
    max-height: 10vw;
    overflow: hidden;
    height: fit-content;
	font-size: 1.2vw;
}

.inpage .news_text {
    font-size: 1.2vw;
    line-height: 2vw;
    height: 14vw;
    overflow: hidden
}

.inpage .news_block img {
    height: 11vw;
    filter: none;
	width: 13vw;
}

.news_text_all a {
    color: #706f6f
}

.news_text_all a small {
    text-align: center;
    color: #263397
}

.news_text_all a:hover {
    color: #141414
}

.inpage .news_content {
    padding: 0.5vw 0.5vw 0.5vw;
    color: #2f1f5a;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #ffef00;
}

.inpage .news_block {
    height: auto;
    width: 100%;
    box-shadow: none;
    filter: none
}

.inpage .news_text_all {
    width: 38vw;
    height: 11.4vw;
    overflow: hidden;
    margin-top: 0;
    padding: 1vw 1vw;
    background: #fcfcfc;
    border-bottom: 1px dashed #999;
}

.inpage .news_description {
    display: block;
    font-size: 1.2vw;
    line-height: 2vw
}

.news_img_all {
    display: flex;
}

.inpage .events_date {
    font-size: 1.5vw
}

.inpage .events_month {
    font-size: 1.5vw
}

.contacts_in {
    display: flex;
    justify-content: center;
    height: 20vw;
    margin: 1vw;
    width: 20vw;
    text-align: center;
    border: .5px solid #ccc;
    padding: 1vw
}

.caption {
    font-size: 2vw;
    width: 82vw;
    margin-bottom: 1vw;
    margin-top: 1vw
}

.inform {
    display: flex;
  
    margin:0vw 0 0 1vw;
    padding-left: 1vw;
    flex-direction:column;
}

.inform a {
 color:#40307E;
}

.inform div p {
    display: flex;
    margin: 1vw 0px;
    font-weight: 100;
}

.inform img {
    margin-right: 1vw
}

.inform i {
    color: #40307E;
    font-size: 1vw;
    margin: 0px 12px 0px 0px;
}

.inform iframe {
    border: 0;
    margin: 0;
    height: 18vw;
    padding: 0 10px;
    width: 80%;
}

.contacts .inform {
    width: 100%
}

.faculties {
    display: flex;
    justify-content: center;
    height: auto;
    margin: 1vw;
    width: 20vw;
    text-align: center;
    border: .5px solid #ccc;
    cursor: pointer;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s
}

.faculties .in_img {
    transform: scale(1, 1);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s
}

.faculties :hover .in_img {
    transform: scale(1.1, 1.1)
}

.faculties :hover .in_caption {
    color: #8c8c8c
}

.faculties .in_caption {
    padding: 1vw;
    width: 100%
}

.faculties .date {
    width: 100%;
    display: flex;
    margin-left: 0 !important;
    justify-content: center
}

.faculties img {
    height: 10vw;
    margin-top: 1vw
}

.logomobile {
    display: none
}

.gallery img {
    vertical-align: middle
}

.gallery {
    position: relative;
    width: 87vw;
    margin-top: 0
}

.modal-content-gallery {
    top: 0 !important
}

.modal-content-gallery .close {
    margin-top: -30px
}

.content .modal-content {
    padding: 0
}

.content .modal {
    padding: 0
}

.modal-content-gallery .closeg {
    font-size: 6vw;
    color: #fff;
    float: right;
    font-weight: 700;
    position: absolute;
    right: 3vw;
    display: block;
    cursor: pointer;
    width: 4vw;
    height: 4vw;
    z-index: 10;
    top: 0
}

.gallery .mySlides {
    display: none
}

.cursor {
    cursor: pointer
}

.gallery .next,
.gallery .prev {
    cursor: pointer;
    position: absolute;
    top: 17vw;
    width: auto;
    padding: 2vw;
    color: #fff;
    font-weight: 700;
    font-size: 5vw;
    user-select: none;
    -webkit-user-select: none
}

.gallery .next {
    right: 0;
    border-radius: 3px 0 0 3px
}

.gallery .next:hover,
.gallery .prev:hover {
    color: #8c8c8c
}

.gallery .numbertext {
    color: #706f6f;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0
}

.gallery .caption-container {
    text-align: center;
    padding: 2px 16px;
    color: #fff
}

.gallery .caption-container img {
    height: 38vw
}

.gallery .row {
    display: flex;
    flex-direction: row;
    width: 86vw;
    flex-wrap: wrap;
    margin: 1vw auto;
    justify-items: center;
    justify-content: center
}

.gallery .caption-container p {
    width: fit-content;
    display: block;
    margin: 0 auto;
    padding: 1vw;
    font-size: 1.4vw
}

.gallery .row:after {
    content: "";
    display: table;
    clear: both
}

.gallery .column {
    float: left;
    width: fit-content !important;
    flex-direction: row;
    margin: 10px
}

.gallery .imggallery {
    height: 14vw;
    opacity: .5
}

.gallery .active,
.gallery .imggallery:hover {
    opacity: 1
}

.red {
    border: 2pc solid red
}

.scrollto {
    position: absolute;
    right: 30px;
    display: none;
    background: url(img/scroll.svg) no-repeat;
    width: 3vw;
    height: 5vw;
    background-size: 97%;
    transform: scale(1, 1);
    opacity: 0;
    border-radius: 1vw;
    transition: all 1s ease-out;
    border: 0 solid #98a6eb;
    z-index: 3
}

.scrollto:hover {
    transform: scale(1.2, 1.2);
    opacity: 1;
    border-radius: 3vw;
    border: .5px solid #98a6eb
}

.mymove {
    animation-name: mymove;
    animation-duration: 1s;
    animation-fill-mode: both;
    display: block
}

@keyframes mymove {
    from {
        bottom: -3vw;
        opacity: 0
    }
    to {
        bottom: 3vw;
        opacity: 1
    }
}

.mymove1 {
    animation-name: mymove1;
    animation-duration: 1s;
    animation-fill-mode: both;
    display: block
}

@keyframes mymove1 {
    from {
        bottom: 3vw;
        opacity: 1
    }
    to {
        bottom: -3vw;
        opacity: 0
    }
}

.test {
    position: fixed;
    top: 200px;
    left: 0;
    width: 100px;
    height: 100px;
    background: #ff0;
    z-index: 10
}

.inpage_text a {
    color: #40307E;
}

.inpage_text a:hover {
    color: #706f6f
}

.all a {
    color: #40307E;
}

.all a:hover {
    color: #242527
}

.inpage .date span {
    line-height: 1.4vw;
    color: #8c8c8c
}

.for_mobile {
    display: none !important
}

.fade01 {
    opacity: 0;
    animation: fadeopacity01 1s forwards;
    z-index: 1;
    position: relative
}

@keyframes fadeopacity01 {
    from {
        opacity: 0;
        top: -10px
    }
    to {
        opacity: 1;
        top: 0
    }
}

.fade01 {
    opacity: 0;
    animation: fadeopacity01 1s forwards;
    z-index: 4;
    position: relative
}

@keyframes fadeopacity01 {
    from {
        opacity: 0;
        top: -10px
    }
    to {
        opacity: 1;
        top: 0
    }
}

.fade001 {
    opacity: 0;
    animation: 1s fadeopacity001 0s forwards;
    z-index: 4;
    position: relative
}

.fade002 {
    opacity: 0;
    animation: 1s fadeopacity001 .2s forwards;
    z-index: 4;
    position: relative
}

.fade003 {
    opacity: 0;
    animation: 1s fadeopacity001 .5s forwards;
    z-index: 4;
    position: relative
}

.fade004 {
    opacity: .4;
    animation: 1s fadeopacity001 .7s forwards;
    z-index: 4;
    position: relative
}

.fade005 {
    opacity: .4;
    animation: 1s fadeopacity001 1s forwards;
    z-index: 4;
    position: relative
}

@keyframes fadeopacity001 {
    from {
        opacity: 0;
        top: -30px
    }
    to {
        opacity: 1;
        top: 0
    }
}

.fade_left {
    opacity: 0;
    animation: 1.5s fade_left 1s forwards;
    z-index: 4;
    position: relative
}

@keyframes fade_left {
    from {
        opacity: 0;
        left: -300px
    }
    to {
        opacity: 1;
        left: 0
    }
}

.fade_left001 {
    opacity: .2;
    animation: 1.5s fade_left001 0s forwards cubic-bezier(.06, .67, .12, 1);
    z-index: 4;
    left: -300px;
    position: relative
}

.fade_left002 {
    opacity: .2;
    animation: 1.5s fade_left001 .3s forwards cubic-bezier(.06, .67, .12, 1);
    z-index: 4;
    left: -300px;
    position: relative
}

@keyframes fade_left001 {
    from {
        opacity: .2;
        left: -300px
    }
    to {
        opacity: 1;
        left: 0
    }
}

.fade_right001 {
    opacity: 0;
    animation: .5s fade_right001 0s forwards cubic-bezier(.06, .67, .12, 1);
    z-index: 4;
    right: -300px;
    position: relative
}

.fade_right002 {
    opacity: 0;
    animation: .5s fade_right001 .2s forwards cubic-bezier(.06, .67, .47, .87);
    z-index: 4;
    right: -300px;
    position: relative
}

.fade_right003 {
    opacity: 0;
    animation: .5s fade_right001 .3s forwards cubic-bezier(.06, .67, .47, .87);
    z-index: 4;
    right: -300px;
    position: relative
}

.fade_right004 {
    opacity: 0;
    animation: .5s fade_right001 .4s forwards cubic-bezier(.06, .67, .47, .87);
    z-index: 4;
    right: -300px;
    position: relative
}

@keyframes fade_right001 {
    from {
        opacity: 0;
        right: -300px
    }
    to {
        opacity: 1;
        right: 0
    }
}

.fade21 {
    position: relative;
    opacity: 0;
    left: 0;
    animation: 1s fadetop .1s forwards
}

.fade22 {
    position: relative;
    opacity: 0;
    left: 0;
    animation: 1s fadetop .3s forwards
}

.fade23 {
    position: relative;
    opacity: 0;
    left: 0;
    animation: 1s fadetop .5s forwards
}

@keyframes fadetop {
    from {
        opacity: 0;
        top: -10px
    }
    to {
        opacity: 1;
        top: 0
    }
}

#mcontent {
    padding-top: 6vw !important
}

#spansclose {
    top: 0 !important
}

#mcontent ul li a {
    color: #cad1da;
    font-size: 1.5vw
}

#mcontent ul li a:hover {
    color: #9dabb5
}

#mcontent ul {
    color: #ccc;
    font-size: 2vw;
    position: relative;
    left: 10px;
    width: 90%
}

#mcontent ul li {
    color: #fcfcfc;
    font-size: 2vw;
    border-bottom: 1px solid #4c6477;
    padding: 10px;
    margin-top: 15px
}

.inpage .searchmodal {
    width: 30%
}

.content .searchmodal .close {
    color: #f7f6f6;
    float: right;
    font-size: 5vw;
    font-weight: 700;
    position: absolute;
    right: 25px;
    top: 70px;
    display: block
}

.social_expeditions {
    margin: 0 0 15px 20px;
    color: #8c8c8c
}

.social_expeditions span {
    margin-left: 10px
}

.footer .newslatter {
    position: relative
}

.subscribe {
    width: fit-content;
    height: auto;
    position: absolute;
    bottom: 75%;
    right: 5%;
    padding: 15px 15px;
    background: #f8f8fab3;
    color: #242527;
    opacity: 0;
    visibility: visible;
    z-index: 999
}

.subscribed {
    width: fit-content;
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
    background: #f8f8fab3;
    color: #242527;
    opacity: 1;
    transition: .8s;
    visibility: visible;
    z-index: 999;
    animation: outmove .5s 4s forwards
}

@keyframes outmove {
    from {
        opacity: 1;
        bottom: 75%;
        right: 8%
    }
    to {
        opacity: 0;
        bottom: 75%;
        right: 5%
    }
}

.sitemap ul li:nth-child(1) a {
    font-size: 1.5vw;
    letter-spacing: 5px
}

.sitemap ul li:nth-child(1) {
    border-bottom: 1px solid #ccc;
    padding-bottom: 1vw;
    margin-bottom: 1vw;
    margin-right: 2vw;
    cursor: pointer
}

.sitemap ul li {
    width: fit-content;
    margin-bottom: 1vw;
    margin-right: 1vw
}

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

.faculty_sub ul li {
    margin: 1px;
    list-style: none !important;
    border-bottom: 1px solid #d6d6e4;
    margin-left: 0 !important;
    background: #f4f4f5;
    padding: 10px
}

.faculty_sub ul li a {
    width: fit-content;
    margin: 0 0 0 28px;
    background: 0 0;
    padding: 20px
}

.faculty_sub ul li a:hover {
    width: fit-content;
    margin: 0 0 0 28px;
    background: 0 0;
    padding: 20px
}

.content ol {
    margin: 17px
}

.fa-menu-sub {
    font-size: 3vw;
    position: absolute;
    top: 1vw;
    left: 3vw
}

.inpage_gallery {
    margin-top: 10px
}

.inpage_gallery div img {
    height: 160px;
    width: auto;
    margin: 0 10px 0 0;
    border: 1px solid #ccc;
    padding: 10px
}

.inpage .modal-content {
    margin-top: 0 !important
}

.inpage_text ul li {
    list-style: disc;
    margin-left: 25px
}

.inpage_menu_appends a {
    margin: 5px
}

.contact #joinClubsForum {
    width: 100%;
    color: #ccc;
    padding: 0;
    font-size: 2vw;
    text-align: center
}

#joinClubsForum .form-group label {
    text-align: center !important
}

.activity_form .close_acitivty_form {
    position: absolute !important;
    right: 10vw !important;
    top: 3vw !important
}

.text_block .block_prog_div {
    text-align: left;
    margin: 0 auto;
    justify-content: center
}

.programmes .block_prog_div {
    text-align: center;
    justify-content: center;
    width: 100vw;
    display: flex
}

.text_block h2 {
    display: block;
    width: 36vw;
}

.text_block_az h2:nth-child(1) span:nth-child(1) {
    font-size: 4.5vw;
    font-weight: 700
}

.text_block_az h2:nth-child(1) span:nth-child(2) {
    font-size: 2.5vw;
    font-weight: 700
}

.text_block_az h2:nth-child(2) span:nth-child(1) {
    font-size: 2.4vw;
    font-weight: 100;
    letter-spacing: 1vw;
    margin-left: 2vw
}

.text_block_en h2:nth-child(1) span:nth-child(1) {
    font-size: 4.5vw;
    font-weight: 700;
    text-transform: uppercase
}

.text_block_en .wcu h3 {
    display: inline
}

.text_block_en .wcu h3:nth-child(1) span:nth-child(1) {
    font-size: 3vw;
    font-weight: 700
}

.text_block_en .wcu h3:nth-child(2) span {
    display: block
}

.text_block_en .wcu h3:nth-child(2) span:nth-child(1) {
    font-size: 2vw;
    font-family: 'Times New Roman', Times, serif;
    font-weight: 200;
    letter-spacing: .5vw;
    margin-top: .7vw
}

.text_block_en .wcu h3:nth-child(2) span:nth-child(2) {
    font-size: 1vw;
    font-family: 'Times New Roman', Times, serif;
    font-weight: 200;
    letter-spacing: 1.5vw;
    margin-top: -.5vw;
    margin-left: 1vw
}

.text_block_en .wcu h3:nth-child(3) span:nth-child(1) {
    font-size: 3vw;
    font-weight: 700
}

.wcu {
    display: flex;
    width: 100%
}

.modal-content button a {
    color: #fafafa !important
}

.modal-content button a:hover {
    color: #ddd
}

.inpage_text img {
    width: auto
}

.modal-content-video {
    margin: 100px auto
}

iframe {
    width: 48vw;
    padding: 10px 0 0 0
}

.modal-content-video span {
    top: -5vw;
    position: absolute;
    right: -5vw;
    z-index: 4;
    font-size: 57px
}

.modal-content-video iframe {
    width: 65vw;
    padding: 0;
    height: 33vw
}

#ModalImg {
    width: 100%
}

#contentimg {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    margin-top: 20px !important
}

#spanscloseimg {
    color: #f7f6f6;
    float: right;
    font-size: 5vw;
    font-weight: 700
}

#contentimg img {
    height: auto;
    width: auto;
    margin: 5% auto;
    position: relative
}

#contentimg .img_content_div {
    width: auto;
    display: flex
}

#socialactivity .container {
    width: 81%;
    justify-content: flex-start;
    align-items: center
}

.activiy_a {
    background: #5b77d6;
    color: #fff !important;
    padding: 1vw 4vw 1.5vw;
    border-radius: 4px;
    font-size: 2vw;
    margin-left: 3vw
}

.activiy_a:hover {
    background: #3f58d4
}

#socialactivity .main_more a {
    margin: 0
}

#socialactivity .main_more {
    margin-left: 0;
    width: fit-content
}

.alumni img {
    height: 12vw !important;
    width: auto !important
}

.lang_d {
    display: flex
}

.mail i {
    font-size: 1.1vw;
    margin-right: .5vw
}

.mailto {
    position: fixed;
    right: 3vw;
    bottom: .5vw;
    background: url(img/mailto.svg) no-repeat #18184a;
    width: 7vw;
    height: 7vw;
    background-size: 44%;
    transform: scale(1, 1);
    border-radius: 4vw;
    transition: all 1s ease-out;
    border: 0 solid #98a6eb;
    background-position: center;
    z-index: 5;
    box-shadow: 0 9px 14px 0 #26273187
}

.mailbox {
    position: fixed;
    bottom: 8vw;
    background: #f8f8fa;
    width: 24vw;
    height: 30vw;
    background-size: 44%;
    transform: scale(1, 1);
    border-radius: 4px;
    transition: all 1s ease-out;
    border: 0 solid #4056a1;
    background-position: center;
    z-index: 0;
    box-shadow: 0 9px 14px 0 #26273187;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    opacity: 0;
    transition: .5s all;
    right: -35vw;
    margin: 1vw
}

.opacity0 {
    opacity: 0;
    transition: .5s all
}

.opacity1 {
    opacity: 0;
    transition: .5s all
}

.mailvisible {
    transition: .5s all;
    opacity: 1 !important;
    right: 0 !important;
    z-index: 5 !important
}

.mailbox textarea {
    height: 9vw;
    width: 93%;
    font-size: 1.2vw;
    padding: 1vw;
    font-family: Segoe UI-SERIF;
    border: none;
    margin-bottom: .7vw;
    font-size: 1.5vw
}

.mailbox input {
    height: 3vw;
    width: 93%;
    padding: 1vw;
    font-family: Segoe UI-SERIF;
    border: none;
    margin-bottom: .5vw;
    font-size: 1.5vw
}

#send_text {
    opacity: 0;
    font-size: 1.5vw;
    text-align: center;
    bottom: -8vw;
    position: relative;
    padding: 1vw;
    right: -10vw;
    width: 93%
}

#send_div {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    width: 100%
}

.captionm {
    background: url(img/logoemb.png) no-repeat #ececf3;
    background-size: 12%;
    height: 4vw;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-position: 3% 34%
}

.captionm p:nth-child(1) {
    padding-left: 4vw;
    font-size: 1.2vw;
    color: #5b77d6
}

.captionm p:nth-child(2) {
    padding-left: 1vw;
    right: 1vw;
    position: absolute;
    font-size: 3vw;
    bottom: .5vw;
    cursor: pointer
}

.captionm p:nth-child(2):hover {
    color: #0f215a
}

.mailbox .ptext {
    font-size: 1vw;
    color: #5b77d6;
    text-align: center;
    margin-bottom: 1vw;
    width: 94%;
    top: 6vw;
    position: absolute;
    left: .5vw
}

.mailbox a {
    background: #5b77d6;
    padding: 1vw;
    width: 93%;
    color: #f8f8fa;
    margin-bottom: 1vw;
    text-align: center
}

.mailbox a:hover {
    background: #4056a1;
    padding: 1vw;
    width: 93%;
    color: #f8f8fa;
    margin-bottom: 1vw;
    text-align: center;
    cursor: pointer
}

.socialactivity_block {
    height: fit-content;
    width: 100%
}

.inpage_icon {
    width: 1.3vw !important;
    height: 1.3vw !important
}

.tabli tr td:nth-child(12) {
    text-align: center
}

.news_img_inpage {
    position: relative
}

#events .events_time {
    margin-top: 3vw
}



.video_img {
    height: 7vw;
    position: absolute;
    top: 9vw;
    right: 13vw;
    z-index: 2;
    color: #fff;
    display: flex;
    width: 24vw;
}

.video_img i{
    border-radius: 5vw;
    background: #ffef01;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 5vw;
    height: 5vw;
}

.video_img > div h3{
    margin-bottom: 1vw;
    font-size: 3vw;
}

.video_img > div {
    text-align: left;
    padding-left: 1vw;
}


.dots{
    display:none;
}

.hh1{
    display:none;
}
.wcueduaz{
    position: absolute;
    z-index: -9;
    right: 100px;
    top: 90px;
  }


  .wcueduaz a{
    color:#fcfcfc;
  }

  .sitemap ul:nth-child(5){
      display:none;
  }


  .sitemap ul:nth-child(6) li:nth-child(2){
    display:none;
}

.inpage h3 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    margin-bottom: 10px;
}

.dark_blue  .title h2{

    color: #40307E;
    margin-left: 1vw;
}

.activiy_a {
    background: #3c91f9!important;
    color: #fff!important;
    padding: 1vw;
    border-radius: 4px;
    font-size: 2vw;
    display: block;
    margin: 1vw 0;
    text-align: center;

}

.activiy_a:hover {
    background: #3c5af9!important;
}

.video_img h4{
 font-weight: lighter;
font-size: 2vw;
}

.about_image{
    position: absolute;
    transform: translate(3.5vw, 1.5vw);
    height: 20vw;
    width: 25vw;
    margin-left: 3vw;
}

.fa-phone-alt{
    margin-top: 0.4vw!important; 
}

.fa-fa-fax{
    margin-top: 0.4vw!important;
}
.subnav>a{
    color: #40307E;
    font-size: 1vw;
    font-family: Verdana;
}

.inpage h3 {
    font-size: 2vw;
    line-height: 3vw;
    font-weight: 400;
    margin-bottom: 1vw;
}

.slanimation1 {
    animation: slmove1 forwards 0.5s 0s;
    position: relative;
    left: -13vw;

}

@keyframes slmove1 {
    from {
        left: -13vw;
        opacity: 0
    }
    to {
        left: 0;
        opacity: 1
    }
}


.slanimation2 {
    animation: slmove2 forwards 0.5s 0.2s;
    position: relative;
    left: -33vw;
}

@keyframes slmove2 {
    from {
        left: -33vw;
        opacity: 0
    }
    to {
        left: 0;
        opacity: 1
    }
}

.slanimation3 {
    animation: slmove3 forwards 0.7s 0.4s;
    position: relative;
    left: -43vw;

}

@keyframes slmove3 {
    from {
        left: -43vw;
        opacity: 0
    }
    to {
        left: 0;
        opacity: 1
    }
}

@media only screen and (max-width:700px) {

    .block_right {
        width: 100%;
        float: left;
        text-align: left;
        color: #40307e;
    }

    .header_container {
        width: 100%;
        height: 272px;
    }

    .header_img img {
        height: 125px;
        width: 100%;
        position: absolute;
        left: 0;
        top: 33px;
    }


	    select {
        background: #ffffff75;
        -moz-appearance: none;
        border: none;
        padding: 8px;
        -webkit-appearance: caret;
        font-size: 17px;
        padding: 17px;
        color: #2a416a
    }
.contact #joinClubsForum{
	font-size: 20px;
	}
.inform iframe {
    border: 0;
    margin: 0;
    height: 14vw;
    padding: 0;
    width: 100%;
    height: 170px;
}
.text_block .block_prog_div {
    text-align: center;

}


.video_img > div {
    text-align: center;

}
    .inform div p {
        display: flex;
        margin: 17px 0px;
    }


    .video_img > div h3 {
        margin-bottom: 5px;
        font-size: 20px;
    }

    .video_img h4 {
        font-weight: lighter;
        font-size: 15px;
    }
.about_image{
   display:none;
}

.border_about{
    display:none;
 }

    .video_img {
height: fit-content;
    position: relative;
    z-index: 2;
    color: #fff;
    width: 100%;
    left: 0;
    display: flex;
    justify-content: center;
    }


    .block_prog_div >h1 {
        font-size: 20px;
        width:100%;
        line-height: 30px;
    }
    .block_prog_div >h2 {
        font-size: 20px;
        width:100%;
        line-height: 30px;
    }
    .video_img i {
        border-radius: 30px;
        background: #ffef01;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 59px;
        height: 59px;
    }
    .social_yellow li {
        list-style: none;
        float: left;
        background: #40307E;
        border-radius: 70px;
        margin: 1vw;
        height: 70px;
        width: 70px;
        padding: 10px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 10px solid #efeb6b;
    }
    .formmain .input{

        padding: 25px 20px;
        margin:5px 0;
    }

    .formmain textarea {
        height: 140px;
    }

    input, textarea {
        width: 100%;
        font-size: 15px;
    }


    .block_left {
        width: 100%;
        float: none;
        text-align: left;
    }




    .send {
        width: 100%;
        border: none;
        padding: 20px;
        margin: 10px 0;
    
    }

    .formmain .send:focus {
        width: 100%;
        border: none;
        background: #e0d205;
        padding: 20px;
        margin: 10px 0;
        color: #263397;
    }


    .news_block .news_content{
        background:none;
    }

    .the{
        height: 100px;
        position: absolute;
        top:0;
        left: 0;
        z-index: 2;
        margin:10px auto;
        width:99%;
    }

    .the img {
        height: 88px;
        position: absolute;
        top: 182px;
        left: 10px;
        z-index: 2;
        width: auto;
    }

    .formmain {
        width: 98%;
    }

    .news_img_inpage {
        position: absolute;
        left: 0
    }
    body {
        font-family: 'Segoe UI', Tahoma, Verdana, sans-serif;
        font-size: 18px;
        font-display: optional
    }
    #news .news_block {
        width: 94%;
        height: 100px
    }
    #events .news_block {
        width: 98%;
        height: 200px
    }
    #research .research_category {
        color: #4e557b;
        font-size: 20px;
        font-weight: 400;
        margin-bottom: 10px
    }
    .top_block .top_menu_block a {
        font-size: 23px;

		
    }
	
	 .top_block .top_menu_block .subnav a
	 {
	border: none;
    outline: 0;
    padding: 20px 6px 20px 34px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
    cursor: pointer;
    line-height: 30px;
    color: #cad1da;
	}
	
    .news_text_all a small {
        line-height: 21px;
        display: block;
        text-align: left;
        font-size: 12px;
        margin-bottom: 28px
    }
    video {
        width: 100% !important;
        height: auto
    }
    .inpage_icon {
        width: 16px !important;
        height: 20px !important
    }
    .mailbox {
        position: fixed;
        bottom: 80px;
        background: #f8f8fa;
        width: 93%;
        height: 77%;
        background-size: 44%;
        transform: scale(1, 1);
        border-radius: 4px;
        transition: all 1s ease-out;
        border: 0 solid #4056a1;
        background-position: center;
        z-index: 5;
        box-shadow: 0 9px 14px 0 #26273187;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        opacity: 0;
        transition: .5s all;
        right: -400px;
        margin: 10px
    }
    .mailto {
        position: fixed;
        right: 20px;
        bottom: 10px;
        background: url(img/mailto.svg) no-repeat #18184a;
        width: 70px;
        height: 70px;
        background-size: 44%;
        transform: scale(1, 1);
        border-radius: 90px;
        transition: all 1s ease-out;
        border: 0 solid #98a6eb;
        background-position: center;
        z-index: 5;
        box-shadow: 0 9px 14px 0 #26273187
    }
    .mailvisible {
        transition: .5s all;
        opacity: 1 !important;
        right: 0 !important
    }
    .mailbox input {
        height: 56px;
        width: 93%;
        padding: 10px;
        font-family: Segoe UI-SERIF;
        border: none;
        margin-bottom: 10px;
        font-size: 18px
    }
    .mailbox textarea {
        height: 150px;
        width: 93%;
        font-size: 18px;
        padding: 10px;
        font-family: Segoe UI-SERIF;
        border: none;
        margin-bottom: 10px
    }
    .mailbox a {
        background: #5b77d6;
        padding: 10px;
        width: 93%;
        color: #f8f8fa;
        margin-bottom: 10px;
        text-align: center;
        height: 56px;
        font-size: 20px
    }
    .captionm {
        background: url(img/logoemb.png) no-repeat #ececf3;
        background-size: 12%;
        height: 56px;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        background-position: 3% 34%
    }
    .captionm p:nth-child(1) {
        padding-left: 56px;
        font-size: 18px;
        color: #5b77d6
    }
    .captionm p:nth-child(2) {
        padding-left: 9px;
        right: 10px;
        position: absolute;
        font-size: 56px;
        color: #5b77d6;
        bottom: 0;
        cursor: pointer
    }
    .mailbox .ptext {
        font-size: 15px;
        color: #5b77d6;
        text-align: center;
        margin-bottom: 10px;
        width: 94%;
        top: 70px;
        position: absolute
    }
    #send_text {
        opacity: 0;
        font-size: 20px;
        text-align: center;
        bottom: 149px;
        position: absolute;
        padding: 36px
    }
    .lang_d a {
        color: #bcc5d4;
        font-size: 27px
    }
    #socialactivity .container {
        width: 100%;
        justify-content: flex-start;
        align-items: flex-start;
        padding-left: 20px
    }
    h3 {
        font-size: 18px;
        line-height: 28px;
        font-weight: 400;
        margin-bottom: 10px
    }
    .socialactivity_block {
        height: fit-content;
        width: 100%
    }
    #socialactivity .main_more {
        margin-left: -21px
    }
    .socialactivity_block p {
        width: fit-content
    }
    .activiy_a {
        background: #5b77d6;
        color: #fafafa !important;
        padding: 20px;
        border-radius: 4px;
        font-size: 20px;
        margin-left: 0;
        margin-top: 14px;
        width: 100%;
        display: block;
        text-align: center
    }
    .socialactivity_text {
        font-size: 20px;
        margin-top: 33px
    }
    .desktop_visibile {
        visibility: hidden
    }
    .activity_content {
        position: relative;
        bottom: 0;
        background-size: cover;
        width: 100%
    }
    .activity .activity_block {
        box-shadow: rgb(189 193 197 / 86%) 1px 8px 14px 1px;
        margin: 3px 2px 21px 13px
    }
    .activity .activity_caption {
        background: url(img/activity_caption_mobile.png) no-repeat;
        font-size: 23px;
        line-height: 33px;
        font-weight: 100;
        width: 100%;
        position: absolute;
        bottom: -102px
    }
    .activity_block .activity_img {
        transform: scale(1, 1);
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        height: 115px !important
    }
    .activity_block {
        height: 215px !important
    }
    .block1 .activity_caption {
        padding: 33px 10px 10px 10px !important
    }
    .header {
        width: 100%
    }
    .header_img .dots {
        position: absolute;
        top: 15px;
        left: 58px
    }
    .header_block {
        height: 272px
    }
    .for_mobile {
        display: block
    }
    .for_desktop {
        display: none
    }
    .social_expeditions {
        display: flex;
        flex-direction: column
    }
    .news_img_all {
        display: flex;
        width: 100%;
        height: auto;
        padding: 20px 0 0 0
    }
    .inpage .news_text_all {
        margin-top: 0;
        padding: 13px 0;
        background: #fcfcfc;
        height: 100px
    }
    .footer_text p span {
        display: flex
    }
    .inpage .activity_news_all {
        display: flex;
        width: 100% !important
    }
    .inpage .news_content_activity {
        margin-left: 0 !important
    }
    .inpage .news_caption_activity {
        color: #fff;
        padding: 10px;
        font-size: 30px !important;
        line-height: 44px !important
    }
    #joinClubsForum .form-group label {
        text-align: center !important
    }
    .activity_form .close_acitivty_form {
        position: absolute !important;
        right: 10vw !important;
        top: 3vw !important
    }
    .search_input i {
        color: #b5b5b5
    }
    .inpage .search_block .df {
        width: 90%
    }
    .programmes {
        position: absolute;
        z-index: 2;
        left: 0;
        color: #303e84;
        display: flex;
        flex-direction: row;
        width: 100%;
        top: -34px;
        height: fit-content
    }
    .programmes .block_prog_div {
        text-align: center;
        margin: 0 auto;
        display: flex;
        justify-content: center
    }
    #spansclose2 {
        top: -15px
    }
    .Bachelor {
        background: url(img/bachelor.svg) no-repeat;
        height: 45px;
        width: 70px;
        padding: 0;
        background-size: 50%;
        display: table;
        color: #5b77d6;
        background-position: 55% 49%
    }
    .Master {
        background: url(img/master.svg) no-repeat;
        height: 45px;
        width: 70px;
        padding: 0;
        background-size: 50%;
        display: table;
        color: #5b77d6;
        background-position: 55% 49%
    }
    .Phd {
        background: url(img/phd.svg) no-repeat;
        height: 45px;
        width: 70px;
        padding: 0;
        background-size: 50%;
        display: table;
        color: #5b77d6;
        background-position: 55% 49%
    }
    .Apply {
        background: url(img/apply.svg) no-repeat;
        height: 45px;
        width: 70px;
        padding: 0;
        background-size: 32%;
        display: table;
        color: #5b77d6;
        background-position: 55% 49%
    }
    .programmes_block {
        box-shadow: none;
        float: left
    }
    .header_block .header_img {
        height: 290px;
        background-size: cover;
        width: 100%;
    }
    .m_column {
        flex-direction: column;
        margin-bottom: 80px !important;
        width: 98% !important;
        margin-left: 0 !important
    }
    #joinClubsForum {
        width: 100%;
        color: #ccc;
        padding: 2px;
        font-size: 15px;
        text-align: center
    }
    .inpage_cap .social a i {
        font-size: 16px;
        margin: 10px;
        padding: 5px
    }
    .faculty_menu {
        width: 100%
    }
    .modal-content-gallery {
        top: 3vw !important
    }
    .inpage .social {
        margin-left: 0
    }
    #video_link iframe {
        width: 100% !important;
        min-height: auto !important
    }
    #events .news_img img {
        height: 220px;
        width: 100%
    }
    #news .news_img img {
        height: 255px
    }
    .inpage_text p img {
        width: 100% !important;
        height: auto !important
    }
    .inpage_text img {
        width: 100% !important;
        height: auto !important
    }
    .inpage .open_activity_form_main_page {
        width: 100%;
        float: left;
        margin-left: 0
    }
    .textbody {
        word-wrap: break-word
    }
    .textbody p {
        margin: 0;
        padding: 0
    }
    .events_time {
        display: none
    }
    .modal-content-video {
        position: absolute !important;
        top: 100px;
        width: 100% !important;
        height: auto !important
    }
    .content iframe {
        width: 100%
    }
    .content .searchmodal .close {
        color: #f7f6f6;
        float: right;
        font-size: 20vw;
        font-weight: 700;
        position: absolute;
        right: 25px;
        top: 70px;
        display: block
    }
    .close {
        color: #f7f6f6;
        float: right;
        font-size: 32px !important;
        font-weight: 700;
        position: absolute !important;
        right: 26px !important;
        top: 3px !important;
        display: block
    }
    .modal-content-video {
        background: 0 0;
        margin: auto;
        padding: 57px 20px;
        width: fit-content;
        position: relative;
        margin-top: -77px
    }
    .modal-content-video iframe {
        width: 100%;
        padding: 0;
        height: auto
    }
    .footer_social ul li:last-child .gimn {
        text-align: left;
        margin-left: 0;
        width: 258px;
        margin-top: 22px
    }
    .footer_social ul li:last-child .gimn>div {
        height: auto;
        display: table;
        width: 100%;
        font-size: 20px
    }
    .gimn_text {
        font-size: 18px;
        margin-top: 10px
    }
    .gimn audio {
        width: 93%;
        margin-top: 20px;
        height: 47px
    }
    .events_time {
        display: none
    }
    .sitemap ul li:nth-child(1) a {
        font-size: 20px;
        letter-spacing: 5px
    }
    #mcontent ul li a {
        font-size: 20px
    }
    .searchmodal .close {
        color: #f7f6f6;
        float: right;
        font-size: 46px;
        font-weight: 700;
        position: absolute;
        right: 20px;
        top: 17px;
        display: block;
        padding: 10px
    }
    .inpage .searchmodal {
        width: 90%;
        left: 0
    }
    .fa-user-circle {
        font-size: 20px;
        height: 25px;
        margin-right: 3px;
        padding-top: 11px;
        padding-right: 1px
    }
    .subnav .fa-angle-down {
        vertical-align: middle;
        line-height: 29px
    }
    .fa-menu-sub {
        font-size: 24px;
        position: absolute;
        top: 2px;
        left: 0;
        padding: 19px 14px 13px 13px;
        background: #fcfcfc
    }
    .inpage .news_text_all {
        width: 100%;
        height: auto;
        overflow: auto
    }
    .personal_inform_block div p {
        line-height: 2.4rem
    }
    .page_error img {
        margin: 0;
        height: auto
    }
    .page_error p {
        width: 100%;
        display: flex;
        height: auto;
        justify-content: center;
        align-items: baseline;
        font-size: 1.2rem;
        flex-direction: column
    }
    .page_error .main_more {
        margin-left: 0;
        width: 100%
    }
    .page_error .main_more a {
        font-size: 1.5rem;
        display: flex;
        margin: .2rem 0 0 0
    }
    .page_error .container {
        border: none
    }
    .inpage .news_description {
        display: block;
        font-size: 1.1rem;
        line-height: 2rem
    }
    .title {
        font-size: 20px;
        position: relative;
        font-weight: 100;
        width: 100%;
        margin: 0px 3px 20px 5px;
    }
    .title p {
        transform: rotate(90deg);
        position: absolute;
        width: 100%
    }

    .title h2 {
 
        position: relative;
        width: 100%;
        font-size: 25px;
        padding-top: 20px;
    }
    .news_block:hover .news_content {
        background: 0 0
    }
    .news_caption {
        font-size: 1.2rem;
        line-height: 2rem;
        height: 6rem;
        overflow: hidden;
        margin-bottom: 1rem;
        margin-top: .5rem;
        width: 99%
    }
    .news_block:hover .news_caption {
        font-size: 1.2rem;
        line-height: 2rem;
        height: 6rem;
        overflow: hidden;
        margin-bottom: 1rem;
        margin-top: .5rem;
        width: fit-content;
        max-height: fit-content
    }
    .news_block .news_description {
        display: none
    }
    .news_block:hover .news_description {
        display: none
    }
    .logo {
        display: none
    }
    .for_mobile {
        display: block !important
    }
    .for_desktop {
        display: none !important
    }
    .news_description {
        display: none
    }
    .mySlides .captiontext {
        color: #242527;
        font-size: 18px;
        padding: 4px;
        width: 90%;
        text-align: left;
        position: absolute;
        top: 30px;
        display: block;
        margin: auto 10px;
        height: 120px;
        overflow: hidden;
        line-height: 28px
    }
    .breadcamp {
        display: none
    }
    .dark_blue .main_more .fa-chevron-right {
        width: 38px;
        height: 35px;
        line-height: 35px;
        font-size: 12px;
        padding: 0 10px
    }
    .light_blue .main_more .fa-chevron-right {
        width: 38px;
        height: 35px;
        line-height: 35px;
        font-size: 12px;
        padding: 0 10px
    }
    .social ul li:first-child {
        margin-bottom: 5px
    }
    .inpage .date {
        width: fit-content;
        display: flex;
        margin-top: .7rem;
        margin-right: 1rem;
        margin-left: -2px
    }
    .inpage .date span {
        line-height: 18px;
        color: #8c8c8c;
        font-size: 14px
    }
    .inpage .research_img img {
        position: absolute;
        transform: translate(10px, 20px);
        height: 180px;
        display:none;
    }
    .inpage .research_category {
        color: #4655a1;
        font-size: 1.4rem;
        font-weight: 400;
        margin-bottom: 0;
        margin-top: 1rem
    }
    .inpage .research_block {
    overflow: hidden;
    transform: scale(1, 1);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    margin-bottom: 10px;
    border-bottom: 1px dashed #9999;
    height: fit-content;
    }
    .footer .fab {
        width: 37px;
        height: 37px
    }
    .inpage .personal_inform_block i {
        margin: 12px
    }
    .inpage_cap {
        margin-top: 10px;
        height: auto;
        display: flex
    }
    .main_more {
        font-size: 40px;
  
    }
    .inpage .description {
        padding: .4rem;
        color: #b5b5b5;
        line-height: 2rem;
        width: 100%;
        display: flex;
        flex-direction: row
    }
    .fas {

    }
    .inpage .inform i {
        margin: .8rem 0
    }
    .scrollto {
        position: fixed;
        bottom: 7rem;
        right: 3rem;
        display: none;
        background: url(img/scroll.svg) no-repeat;
        width: 3rem;
        height: 3rem
    }
    .logomobile {
        display: block;
        top: 12px;
        position: absolute;
        left: 36px;
        z-index: 4;
    }
    .logomobile img {
        height: 90px;
        width: auto;
        left: 20px;
        position: absolute;
    }

    .inpage .headling {
        font-size: 1.7rem;
        padding: 0;
        width: fit-content;
        display: block;
        line-height: 2.2rem;
        margin-left: 18px;
        word-break: break-word;
        
    }
    .inpage_text .line {
        margin: 2vw 0
    }
    .inpage_text .caption {
        font-size: 20px;
        width: fit-content;
        margin-bottom: 20px;
        margin-top: 20px;
        border-top: 1px solid #ccc;
        padding: 10px 20px 10px 0;
        border-bottom: 1px solid #ccc
    }
    .inpage_menu {
        display: flex;
        -webkit-display: flex;
        margin-bottom: 1rem;
        flex-wrap: wrap;
        width: 99%
    }
    .inpage_menu a {
        background: #f4f4f5ee;
        padding: 10px;
        display: flex;
        margin: 4px;
        width: 100%
    }
    .inpage_menu a i {
        margin-top: 8px;
        font-size: 22px
    }
    .tsl .inpage_menu>div {
        flex-shrink: 0;
        width: fit-content !important
    }
    .m_search li a p:nth-child(2) {
        font-size: 1.2rem;
        line-height: 2rem;
        color: #242527;
        margin-top: .7rem
    }
    .m_search li a {
        line-height: 2.3rem;
        font-size: 1.5rem
    }
    .m_search li {
        margin-bottom: 15px;
        margin-left: 5px !important
    }
    .s_teachers li span:last-child {
        font-size: .8rem;
        line-height: 1.1rem;
        margin: 0 0 1rem 0;
        display: block
    }
    .inform {
        display: flex;
        margin: 0;
        padding: 1px;
        flex-direction: column
    }
    .personal_inform_block {
        text-align: center;
        display: flex;
        flex-direction: column;
        width: 98%
    }
    .personal_inform_block img {
        height: auto
    }
    .personal_inform_block i {

        font-size: 18px
    }
    .personal_inform_block div {
        font-size: 17px;
        margin-bottom: 10px
    }
    .personal_inform_block div p:nth-child(2) {

        font-size: 1rem
    }
    .personal_inform_block div p:nth-child(1) {
        margin-bottom: 1rem;
        font-size: 1.5rem
    }
    .content .inpage_text {
        margin: 0;
        display: table;
        font-size: 18px;
        line-height: 30px;
        word-break: break-word
    }
    .caption {
        font-size: 20px;
        width: 100%;
        margin-bottom: 20px;
    }
    .inform i {
 
        font-size: 20px
    }
    .inpage {
        font-size: 1rem;
        line-height: 1.7rem
    }
    .faculties {
        display: flex;
        justify-content: center;
        height: auto;
        width: 100%;
        text-align: center;
        border: .5px solid #ccc;
        padding: 10px
    }
    .faculties img {
        height: 200px
    }
    .breadcamp {
        padding: 15px;
        border-bottom: .5px solid #ccc
    }
    .breadcamp ul li {
        font-size: 18px
    }
    .content {
        padding: 100px 0 0 19px;
        min-height: 100px;
        font-size: 20px;
        line-height: 38px
    }
    .inpage a {
        font-size: 18px;
        line-height: 36px
    }
    .inpage .title {
        font-size: 10px;
        position: absolute;
        left: 0;
        text-align: center;
        font-weight: lighter;
        line-height:18px;
        top: 117px;
    }
    .inpage .title p {
        letter-spacing: .5rem;
        font-size: 1rem
    }

    .inpage .title h2 {
        letter-spacing: .5rem;
        font-size: 1rem
    }
    .all {
        display: flex;
        justify-content: start;
        flex-wrap: nowrap;
        flex-direction: column;
        width: 98%
    }
    .inpage_news_block {
        width: 100%;
        display: flex;
        overflow: hidden;
        flex-direction: column;
        border-bottom: 4px dotted #d6d6e4
    }
    .inpage .news_caption {
        font-size: 20px;
        line-height: 28px;
        font-weight: lighter;
        margin-top: 10px;
        margin-bottom: 17px;
        max-height: 90px
    }
    .inpage .news_text {
        font-size: 1.5rem;
        line-height: 2rem;
        height: 14rem;
        overflow: hidden;
        display: none
    }
    .inpage .news_block img {
        height: auto
    }
    .inpage .news_img_all:nth-child(1) {
        margin-top: 30px
    }
    .inpage .news_content {
        color: #2f1f5a;
        background: 0 0;
        display: flex;
        flex-direction: row;
        line-height: 0;
        padding: 0;
        margin-left: 0
    }
    .inpage .news_block .news_img {
        height: 100%;
        width: 100%
    }
    .inpage .news_block {
        height: auto;
        width: 100%;
        box-shadow: none;
        filter: none;
        margin: 0;
        position: relative
    }
    .teachers .news_content .events_month {
        display: block;
        font-size: 16px;
        line-height: 20px;
        width: 100%
    }
    .teachers .news_text_all {
        padding: 0
    }
    .news_text_all s small {
        top: -13px;
        position: relative;
        font-size: 18px;
        line-height: 15px !important
    }
    .inpage .news_block img {
        display: none
    }
    .inpage .events_date {
        font-size: 30px
    }
    .inpage .events_month {
        font-size: 20px
    }
    .languages select {
        background: #ffffff75;
        border: none;
        -webkit-appearance: caret;
        -moz-appearance: none;
        -webkit-border-radius: 0;
        margin-left: 10px;
        font-size: 20px;
        height: 42px;
        margin-top: 14px;
        padding: 0 12px;
        width: 82px
    }
    .languages {
        padding: 22px 0 23px 34px;
        font-size: 20px;
        display: flex !important
    }
    .languages label {
        display: block;
        color: #a6adde
    }
    .top_second_block div {
        width: 80%;
        margin: 0 auto;
        position: absolute;
        top: 20px;
        left: 4px
    }
    .inpagetop .logomobile {

    }
    .dark_title {
        color: #59649c;
        font-size: 11px;
        position: absolute;
        left: 0;
        text-align: center;
        top: 45px
    }
    .myaccount_mobile {
        display: block
    }
    .display {
        display: block
    }
    .none {
        display: none !important
    }
    .search_block i {
        font-size: 16px;
        padding: 4px 4px
    }
    select {
        background: #ffffff75;
        -moz-appearance: none;
        border: none;
        padding: 8px;
        -webkit-appearance: caret;
        font-size: 17px;
        padding: 17px;
        color: #2a416a
    }
    .search_mobile input {
        background: 0 0;
        border: none;
        padding: 27px 0 20px 24px;
        -webkit-appearance: caret;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #999;
        font-size: 20px;
        position: absolute;
        top: -10px;
        left: -1px;
        color: #d1d1f1;
		background: #cccccc6e;
    }
    .search_input button {
        width: 100%;
        height: 40px;
        border: none;
        background: 0 0
    }
    .search_input i {
        position: absolute;
        top: 1.3rem;
        left: 91%;
        color: #8c8c8c;
        font-size: 1rem
    }
    .open-button {
        display: block
    }
    .mobile_icon {
        display: block;
        position: absolute;
        top: 45px;
        left: 10px;
        color: #402f7e !important;
    }
    .top_menu_block {
        display: flex;
        justify-content: space-between
    }
    .menu_sub2 li a {
        font-size: 24px;
        text-align: left;
        padding: 10px;
        margin: 20px
    }
    .subnav {
        overflow: hidden;
        float: left;
        margin-right: 1.3vw;
        width: 100%;
        border-bottom: 1px dashed rgb(120 134 202 / 29%);
        line-height: 70px
    }
    .subnav:first-child {
        border-bottom: none
    }
    .subnav:last-child {
        border-bottom: none
    }
    .subnav-content2 {
        display: none;
        position: relative;
        left: 0;
        width: 100%;
        z-index: 3;
        height: 100%;
        top: 0;
        background-color: #f5f5f5
    }
    .menu_sub2 {
        display: flex;
        width: 100%;
        flex-direction: column
    }
    .mobile_icon i {
        font-size: 34px
    }
    .menu_sub li {
        width: 100%;
        text-align: left;
        height: fit-content;
        padding: 24px 0 15px 30px;
        border-right: none;
        border-bottom: .5px dashed #8f97bd
    }
    .menu_sub a {
        color: #40307E;
        font-size: 18px;
    }
    nav {
        width: 100%
    }
    .header_img .slider_image {
        height: 257px;
        transform: scale(2, 1.4);
        width: 0%
    }
 
    .top_second_block {
        margin-bottom: 0;
        padding: 0
    }
    .header .logo img {
       
    }
    .text_block {
        position: absolute;
        z-index: 3;
        left: 0;
        color: #303e84;
        width: 100%;
        top: 140px;
       
    }


    .text_block2 {
position: absolute;
    z-index: 2;
    left: 0;
    color: #303e84;
    width: 100%;
    top: 84px;
    display: none;
}
       
    .top_block {
        justify-content: space-between;
        margin: 0;
        flex-direction: column;
        width: 100%;
        display: flex;
        padding: 0;
        height: 80px
    }

    .top_block2 {
        justify-content: space-between;
        margin: 0;
        flex-direction: column;
        width: 100%;
        display: flex;
        padding: 0;
        height: 80px
    }
    .header nav .top_right a {
        margin: 10px;
        font-size: 24px;
        text-align: left
    }
    .socialblock {
    
    }
    .menu {
        display: none
    }
    .search_block {
        display: none
    }
    .search_mobile {
        display: block;
        font-size: 20px;
        border: none;
        outline: 0;
        color: #3c5af9;
        padding: 46px 20px 5px 20px;
        background-color: inherit;
        font-family: inherit;
        margin: 0;
        cursor: pointer
    }
    .search_mobile select {
        width: 100%;
		display:none;
    }
    .navbar {
        overflow: hidden;
        flex-direction: column;
        position: absolute;
        background:#40307E;
        top: 117px !important;
        left: 0;
        z-index: 7;
        width: 95%;
        display: none;
        letter-spacing: 2px
    }
    .subnav .subnavbtn {
        font-size: 20px;
        border: none;
        outline: 0;
        padding: 20px 6px 20px 34px;
        background-color: inherit;
        font-family: inherit;
        margin: 0;
        cursor: pointer;
        line-height: 30px;
        color: #cad1da
    }
    .subnav:nth-child(6) a {
        font-size: 20px;
        border: none;
        outline: 0;
        padding: 20px 6px 20px 34px;
        background-color: inherit;
        font-family: inherit;
        margin: 0;
        cursor: pointer;
        line-height: 30px;
        color: #cad1da
    }
    .menu_sub {
        display: flex;
        float: none;
        width: 100%;
        flex-direction: column;
        background: #281c56;
        height: fit-content;
        position: relative;
        left: 0
    }
    .closem {
        display: none
    }
    .subnav-content a {
        float: left;
        text-decoration: none;
        width: 100%;
        line-height: 33px;
        color: #d6d6e4;
        font-size: 20px
    }
	
	
	    .subnav-content a {
        float: left;
        text-decoration: none;
        width: 100%;
        line-height: 33px;
        color: #d6d6e4;
        font-size: 20px
    }
	
	
    .subnav-content {
        display: none;
        background-color: #f5f5f5;
        width: 100%;
        position: relative;
        background: 0 0;
        top: -5px;
        height: max-content;
        background-image: none !important
    }
    .subnav-content a:hover {
        color: #000;
        font-size: 20px
    }
    .container {
        display: flex;
        flex-flow: column;
        justify-content: center;
        width: 100%
    }
    .main_more {
        position: static
    }
    .main_more a {
        margin: 0;
        font-size: 22px;
      
    }
    section {
        padding:45px 0 0 10px;
    }
    .container img {
        width: 100%
    }
    title {
        display: none
    }
    .about_content {
        margin: auto;
        font-size: 20px;
        margin-top: 23px;
        width: 85%;
        display: flex;
        justify-content: flex-start
    }

    .about_content .video_img {
        height: 2rem;
        width: 3rem;
        cursor: pointer
    }
    .about_block .about_text {
        width: 95%;
        text-align: left;
        margin-left: 0;
        line-height: 1.7rem;
        margin-bottom: 27px;
		font-size: 18px;
    }
    .about_block {
        width: 94%
    }
    .about_text a {
        font-size: 18px;
        line-height: 28px
    }
    .about_content a {
        display: block;
        border-left: 1px solid #ccc;
        line-height: 2rem;
        text-align: left;
        font-size: 1rem
    }
    .news_img .imgnews {
        width: 98%;
        margin-left: 3px
    }
    .news_content p:last-child {
        font-size: 20px;
        font-weight: lighter;
        margin-top: -5px
    }
    #events .news_location {
        background: #738ad6;
        font-size: 1.1rem;
        padding: 10px;
        width: 100%;
        margin-top: 1rem
    }
    .news .container .news {
        position: relative
    }
    .news_content a {
        font-size: 18px;
        line-height: 28px
    }
    .news_block {
        width: 100%;
        height: auto;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        -webkit-transition: all 1s;
        margin:0;
        display: table
    }
    #news .news_block .news_img {
        height: 187px;
        width: 100%
    }
    #events .news_block .news_img {
        height: 400px;
        width: 100%
    }
    .newsdate {
        width: 50%;
        height: 50px;
        font-size: 1.4rem
    }
    .news {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap
    }
    .news_date {
        font-size: 20px
    }
    .news_month {
        font-size: 20px
    }
    .news_main {
        width: 100%
    }
    .news_block_mobile {
        width: 335px;
     
    }
    #events .news_block_mobile {
        width: 335px;
 
    }
    .research_category {
        color: #f3f3f3;
        font-size: 21px;
        font-weight: 400;
        margin-bottom: 20px
    }
    .research_text {
        display: block;
    }
    .inpage .research_text a {
font-size: 20px;
    line-height: 38px !important;
    overflow: hidden;
    display: block;
    }
    .research_text a {
        font-size: 1rem;
        line-height: 1.8rem
    }
    .research_content {
        width: 94%;
        height: auto;
        overflow: hidden
    }
    .inpage .research_content {
        margin-bottom: 36px;
        overflow: visible
    }
    .research_img {
        width: 240px;
        position: relative;
        height: 200px;
        margin-bottom: 10px;
        display:none;
    }
    .research_img img {
        position: absolute;
        transform: translate(19px, 15px)
    }
    .border {
        border: 1px solid #f8f8fa;
        position: absolute;
        transform: translate(55px, -18px);
        height: 170px;
        width: 215px;
        top: 20px
    }
    .research_img img {
        position: absolute;
        transform: translate(10px, 20px);
        height: 180px
    }
    .research_block {
        width: 290px;
        height: 113px;
        overflow: hidden;
        transform: scale(1, 1);
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        margin: 25px 0 0;
    }
    .research_block .news_img {
        transform: scale(1, 1);
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s
    }
    .research_block:hover .news_img {
        transform: scale(1.1, 1.1)
    }
    section .container {
        display: flex;
        justify-content: space-between
    }
    .activity {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        padding-top: 0px;
    }
    .close_acitivty_form {
        right: 200px !important;
        top: 0 !important
    }
    .activity .block1 .activity_block {
        width: 99%;
        height: fit-content;
        transform: scale(1, 1);
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        display: table
    }
    .activity .block1 img {
        height: 338px
    }
    .activity .block2 .activity_block {
        width: 99%;
        height: fit-content;
        transform: scale(1, 1);
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        display: table
    }
    .activity .block2 img {
        height: 338px
    }
    .activity .block1 {
        width: 100%;
        display: flex;
        height: 100%;
        flex-direction: column;
        margin-bottom: 20px
    }
    .activity .block2 {
        width: 100%;
        display: flex;
        height: 100%;
        flex-direction: column;
        margin-bottom: 20px;
        display: none
    }
    .activity_caption {
        margin: 6px 0 0 0;
        font-size: 20px;
        padding: 26px;
        width: fit-content
    }
    .activity_content a {
        font-size: 20px
    }
    .events_date {
        font-size: 2rem;
        font-weight: 700
    }
    #events .news_content {
        padding: 3rem 1rem 1rem 1rem
    }
    .events_month {
        font-size: 1rem
    }
    .events_time {
        font-size: 1.2rem;
        background: 0 0;
        background-position: 1rem .2rem;
        margin-right: 16px;
        display: inline-block;
        background-size: 24%;
        height: 3vw;
        line-height: 32px;
        text-align: right;
        float: right;
        margin-top: 12px;
        font-weight: 300
    }
    .counter_block {
        width: 98%
    }
    .counter_content {
        display: flex;
        width: 100%
    }
    .counter p {
        text-align: left;
        line-height: 2rem;
        border: none
    }
    .counter_text {
        font-size: 18px;
        margin-left: 10px;
    }
    .counter_number {
        font-size: 20px;
        min-width: 65px;
        border-right: 1px solid #2a316adb !important;
        margin-bottom: 20px;
        padding-left: 20px;
    }
    #counter {
        padding: 30px 0 2px 0 !important
    }
    .partners {
        padding: 0
    }
    .partners .slider>div {
        flex-shrink: 0;
        width: auto !important
    }
    .partners .counter_content {
        display: flex;
        width: fit-content
    }
    .partnersimg {
        display: block;
        margin: 30px 10px
    }
    .partnersimg img {
        height: 80px;
        width: auto !important
    }
    .contact .footer_content {
        width: 100%;
        line-height: 28px
    }
    .contact .footer_text i {
        margin: 8px;
        font-size: 15px
    }
    .copyrighter {
        border-top: 1px solid #fff;
        margin: 3px 0 0 0;
        padding: 10px;
        font-size: 18px;
        position: absolute;
        bottom: 0
    }
    footer p {
        font-size: 18px
    }
    .footer .sitemap a {
        font-size: 15px
    }
    .footer i {
        font-size: 2rem
    }
    .footer ul li a {
        font-size: 18px
    }
    .footer ul li {
        font-size: 18px
    }
    .social ul li {
        float: left;
        margin: 10px
    }
    .newslatter span {
        display: inline-block
    }
    .newslatter input {
        height: 40px;
        width: 100%;
        padding: 20px;
        border: 1px solid #f8f8fa;
        color: #f8f8fa
    }
    .newslatter a {
        background-color: #f8f8fa;
        font-size: 11px;
        border: 1px solid #f8f8fa;
        color: #6c79b9;
        height: 42px;
        padding: 0 20px;
        margin: 0;
        display: block;
        line-height: 42px
    }
    .newslatter .form {
        display: flex;
        flex-direction: column;
        width: 67%;
    }
    .footer_caption {
        font-size: 25px;
        color: #f5f5f5;
        margin-bottom: 20px
    }
    .footer_block {
        width: 100%;
        margin-bottom: 40px
    }
    .footer .sitemap {
        margin-top: 0
    }
    .footer .contact {
        margin-bottom: 0
    }
    .footer .sitemap ul {
        margin-bottom: 1rem
    }
    .footer .copyright {
    
    }

    .footer {
        padding: 0 0 10px 0;
    }
    .footer .sitemap ul li:first-child {
        margin-bottom: 10px;
        margin-top: 20px;
    }
    .form a {
        font-size: 18px
    }
    .form input {
        font-size: 1rem
    }
    .tsl .slider {
        display: flex;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scroll-snap-points-x: repeat(100px);
        scroll-snap-type: mandatory
    }
    .tsl .slider>div {
        flex-shrink: 0;
        width: 100%
    }
    .tsl .slider {
        display: flex;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scroll-snap-points-x: repeat(100px);
        scroll-snap-type: mandatory
    }
    .tsl .slider>div {
        flex-shrink: 0;
        width: 100%
    }
    .navbar ::-webkit-input-placeholder {
        color: #d1d1f1
    }
    .navbar i {
        color: #d1d1f1
    }
    .footer_block ::-webkit-input-placeholder {
        color: #d1d1f1
    }
    .footer_block ::-ms-input-placeholder {
        color: #d1d1f1
    }
    .gallery .imggallery {
        height: auto
    }
    .gallery {
        position: relative;
        width: 100%;
        top: 3rem
    }
    .gallery .caption-container img {
        height: auto;
        width: 100%
    }
    .gallery .caption-container p {
        width: fit-content;
        display: block;
        margin: 0 auto;
        padding: 0;
        font-size: 1rem
    }
    .gallery .row {
        display: none
    }
    .modal-content-gallery .closeg {
        font-size: 34px;
        color: #fff;
        float: right;
        font-weight: 700;
        position: absolute;
        right: 15px;
        top: -47px;
        display: block;
        cursor: pointer;
        width: 65px;
        height: 79px;
        z-index: 10;
        padding: 20px
    }
    .gallery .next,
    .gallery .prev {
        cursor: pointer;
        position: absolute;
        top: 10rem;
        width: auto;
        padding: 0;
        color: #fff 119, 119, 119);
        font-weight: 700;
        font-size: 3rem;
        user-select: none;
        -webkit-user-select: none
    }
    iframe {
        width: 100%;
        padding: 0
    }
    .modal-content-video span {
        top: 92px;
        position: absolute;
        right: 30px;
        z-index: 4;
        font-size: 40px
    }
    .inpage_text iframe {
        width: 100%
    }
    .inpage_text p {
        margin: 10px 0
    }
    .navbar a:hover,
    .subnav:hover .subnavbtn {
        color: #f9f9f9
    }
    .content .search_block select {
        border-left: 1px solid #ccc
    }
    .inpage .search_block {
        width: 100%
    }
    .content .search_block {
        display: block !important
    }
    .inpage .df {
        display: flex;
        flex-direction: column
    }
    .inpage .search_block .search_input {
        width: 100%
    }
    .inpage .search_block input {
        background: #fff;
        border: none;
        padding: 10px;
        -webkit-appearance: caret;
        width: 100%;
        height: 56px;
        font-size: 20px;
        border: 1px solid #ccc
    }
    .inpage .search_input i {
        position: absolute;
        top: 15px;
        left: 86%;
        color: #8c8c8c;
        font-size: 20px
    }
    .inpage .search_block select {
        background: #fff;
        border: none;
        padding: 10px;
        -webkit-appearance: caret;
        border: 1px solid #ccc;
        color: #706f6f;
        height: 56px;
        font-size: 20px;
        width: 100%
    }
    .inpage .search_block .search_select {
        width: 100%
    }
    .inpage .content .search_block button {
        font-size: 20px;
        background: #18184a;
        padding: 10px;
        color: #f5f5f5;
        display: block;
        width: 100%;
        border: none;
        height: 56px;
    }
    .text_block img {
        margin: auto;
        height:100px;
        width: 100%;
        top: 36px;
    }
    .footer .sitemap ul {
        margin: 0 25px 0 0
    }
    table,
    tbody,
    td,
    th,
    thead,
    tr {
        display: block
    }
    thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }
    tr {
        margin: 0 0 1rem 0
    }
    tbody td:nth-child(2n+1) {
        border: none;
        background-color: #eee;
        position: relative
    }
    tbody td {
        border: none !important
    }
}

@media only screen and (max-width:320px) {

 
    #research .research_category {
        color: #242527;
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 10px
    }
    .block1 .activity_caption {
        padding: 20px 1px 1px 10px !important
    }
    #news .news_block {
        width: 100%;
        height: 100px
    }
    #news .news_block {
        width: 94%;
        height: 100px
    }
    .main_more a span {
        display: flex;
        font-size: 20px
    }
    .inpage_text h1 {
        font-size: 20px;
        font-weight: 400;
        margin: 8px 0;
        line-height: 28px
    }
    .logomobile img {
        height: auto;
        width: 90%
    }
    .top_second_block div {
        width: 100%;
        margin: 0 auto;
        position: absolute;
        top: 20px;
        left: 4px
    }
    .text_block img {
        height: 58px
    }
    .text_block {
        position: relative;
        z-index: 2;
        display: flex;
        left: 0;
        color: #303e84;
        width: 100%;
        height: fit-content;
        background-size: 100%;
        top: 147px;
        margin: 0 auto
    }
}