/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

#deadline, #number {
    backdrop-filter: blur(5px);
    width: fit-content;
}

#osipyan img {
    margin-top: -29px;
}

#starchenko img {
    margin-top: -34px;
}

.hamburger-menu {
    display: none;
}

.fixed {
    position: fixed;
    z-index: 99;
    top: 0;
    background: #498dcb;
    width: 100%;
    left: 0;
    padding: 0 190px;
}

.index_img {
    width: 30%;
}

.index_txt {
    width: 64%;
}

.header_top_name {
    display: contents;
}

.dropbtn:active {
    border: none !important;
}

.journals {
    margin-top: 25px;
}

.name_one {
    text-align: center;
    color: darkgrey;
}

.year_one {
    text-align: center;
    font-weight: 600;
    padding-bottom: 7px;
}

.one_img, .one_img img {
    width: 151px;
    margin: 0 auto;
    padding-bottom: 10px;
}

.one_out {
    width: 23%;
    display: flex;
    flex-direction: column;
    margin-bottom: 50px;
}

.journals {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.elibrary_author_aim:hover {
    text-decoration: none;
}

.elibrary_author:hover {
    text-decoration: none;
}

.elibrary_author .aim_header_name, .elibrary_author .aim_descr {
    text-decoration: none;
    color: black;
}

.elibrary_author {
    width: 31%;
}

.elibrary_author .editor_block_new {
    text-decoration: none;
    height: 445px;
    color: black;
}

.elibrary_author .editor_block_new:hover {
    transform: scale(1.05);
    transition: 1s;
    text-decoration: none;
    color: black;
}

.elibrary_author_aim .aim_block:hover {
    transform: scale(1.01);
    transition: 2s;
    text-decoration: none;
    color: black;
}


.dropbtn {
    font-family: MyriadPro-Bold;
    color: white;
    font-size: inherit;
    background: #498dcb;
    border: none !important;
    padding: 8px 8px 0;
}

.dropdown {
    position: relative;
    display: inline-block;
    padding: 6px 0;
    color: white;
}

.dropdown:hover {
    cursor: pointer;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 500px;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    z-index: 1;
    left: 1px;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    background-color: #ddd;
}

.dropdown:hover .dropdown-content {
    display: block;
}

#ribakov img {
    margin-top: -47px;
}

.editor_descr_new {
    font-size: 14px;
    text-align: justify;
    padding: 0 10px 10px
}

.editor_header_name_new {
    text-align: center;
    font-size: 20px;
    margin: 10px;
    border-bottom: 2px solid blue;
    width: 74%;
    margin: 10px auto;
}


.editor_block_img_new {
    width: 239px;
    height: 255px;
    overflow: hidden;
    margin: 38px auto 0;
}

.editor_block_img_new img {
    width: 239px;
    height: auto;
    overflow: hidden;
}

.editor_block_new {
    width: 100%;
    margin-bottom: 30px;
    -webkit-box-shadow: 10px 10px 14px 0px rgba(34, 60, 80, 0.18);
    -moz-box-shadow: 10px 10px 14px 0px rgba(34, 60, 80, 0.18);
    box-shadow: 10px 10px 14px 0px rgba(34, 60, 80, 0.18);
}

.editor_all {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

#contact_desc1, #contact_desc2, #contact_desc3 {
    width: 300px !important;
    margin-top: 20px;
    font-size: 15px !important;
}

.contacts_img img {
    width: 443px !important;
    height: auto !important;
    margin-top: 67px;
}

.contacts_info {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#ASU {
    font-size: 20px;
    width: 66%;
    margin: 0 auto;
    padding-bottom: 20px;
}

.author_anchor a {
    text-decoration: none;
}

.author_anchor a:hover {
    text-decoration: none;
}

.author_anchor {
    margin-bottom: 4px;
    font-size: 13px;
    height:20px;
}

.author_anchor:hover {
    transform: scale(1.1);
    text-decoration:none;
    color: blue;
    font-size: 15px;
}

.author_anchor {
    transition: transform .2s;
}

#aim_under_header {
    margin: 4px 0 38px;
    font-size: 26px !important;
}

.aim_descr {
    width: 453px;
    margin-top: 20px;
    font-size: 20px;
}

.editor_descr {
    width: 453px;
    margin-top: 20px;
    font-size: 20px;
}

.aim_header_name {
    font-size: 25px;
    font-weight: 600;
}

.editor_header_name {
    font-size: 25px;
    font-weight: 600;
}

.aim_block_img img {
    vertical-align: middle;
    border-style: none;
    width: 241px;
    height: auto;
}

.aim_block_img {
    width: 239px;
    height: 314px;
    overflow: hidden;
    margin: 20px 0 20px 42px;
}
.editor_block_img {
    width: 239px;
    height: 255px;
    overflow: hidden;
}

.editor_block_img img {
    width: 239px;
    height: auto;
    overflow: hidden;
}

#kuznetcova img {
    width: 386px;
    margin-left: -78px;
    margin-top: 7px;
}

#koryakova img {
    width: 386px;
    margin-left: -66px;
    margin-top: -83px;
}

#kravetc img {
    width: 197px;
    padding-left: 19px;
}

#nikulchev img {
    width: 298px;
    margin-left: -45px;
}

#skripal img {
    width: 341px;
    margin-left: -50px;
}

#zimbal img {
    width: 383px;
    margin-left: -56px;
}

.aim_header {
    display: flex;
    flex-direction: column;
    margin-left: 30px;
    margin-top: 12px;
    color: black;
}

.editor_header {
    display: flex;
    flex-direction: column;
    margin-left: 33px;
}

.aim_block {
    display: flex;
    flex-direction: row;
    margin: 0 auto 33px;
    -webkit-box-shadow: 10px 10px 14px 0px rgb(34 60 80 / 18%);
    -moz-box-shadow: 10px 10px 14px 0px rgba(34, 60, 80, 0.18);
    box-shadow: 10px 10px 14px 0px rgb(34 60 80 / 18%);
}

.editor_block {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-bottom: 33px;
}

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

.map_astr {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.address_review {
    font-size: 20px;
    font-weight: 700;
}

.under__header {
    font-size: 20px !important;
    text-align: center !important;
    color: #5595ce;
    margin-bottom: 16px;
}

.header__contents {
    text-align: center;
    font-size: 25px !important;
    margin-bottom: 25px !important;
}

.small__header_h {
    font-size: 18px !important;
    margin-bottom: 16px;
    text-align: center !important;
    color: cornflowerblue;
}

#menu {
    width: 957px;
    height: 90px;
    margin-left: 3px;
    padding: 0;
    background-color: #498dcb;
    position: fixed;
    z-index: 9999;
}

@font-face {
    font-family: "MyriadPro-Bold";
    src: url("../fonts/MyriadPro-Bold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
    font-size: 100%
}

@font-face {
    font-family: "MyriadPro-Regular";
    src: url("../fonts/MyriadPro-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: bold;
    font-size: 100%
}

.font-regular {
    font-family: MyriadPro-Regular; 
    font-size:inherit;
    text-align: justify;
}

.font-regular-img {
    font-family: MyriadPro-Regular;
    color: #5595ce;
    font-size: 28px;
}

.font-regular-header {
    font-family: MyriadPro-Regular;
    color: #5595ce;
    font-size: 21px;
}

.font-regular-footer {
    font-family: MyriadPro-Regular;
    color: #5595ce;
    font-size:14px;
}

.font-bold {
    font-family: MyriadPro-Bold;
    color: #5595ce;
    font-size: inherit;
}

.logo {
    height: 87px;
}

.logo-soc {
    height: 87px;
}

.sendArticle {
    width: 50%;
    height: 100%;
}

@media (max-width: 1200px) {
    .contacts_info {
        flex-direction: column;
    }

    .contacts_img {
        margin: 0 auto;
    }

    .aim_block {
        flex-direction: column;
    }

    .aim_block_img {
        margin: 0 auto;
    }

    .aim_header {
        text-align: center;
        margin: 20px auto;
    }
}

@media (max-width: 991px) {

    .editor_all {
        flex-direction: column;
    }

    .elibrary_author {
        width: 100%;
    }

    .editor_descr_new {
        width: 69%;
        margin: 0 auto;
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .contacts_info {
        flex-direction: column;
    }

    .contacts_img {
        margin: 0 auto;
    }

    #menu__toggle {
        opacity: 0;
    }

    #menu__toggle:checked ~ .menu__btn > span {
        transform: rotate(45deg);
        background-color: #B80000;
    }

    #menu__toggle:checked ~ .menu__btn > span::before {
        top: 0;
        transform: rotate(0);
        background-color: #B80000;
    }

    #menu__toggle:checked ~ .menu__btn > span::after {
        top: 0;
        transform: rotate(90deg);
        background-color: #B80000;
    }

    #menu__toggle:checked ~ .menu__box {
        visibility: visible;
        left: 0;
        z-index: 2;
    }

    .menu__btn {
        display: flex;
        align-items: center;
        position: absolute;
        top: 12px;
        right: 20px;
        width: 26px;
        height: 26px;
        cursor: pointer;
        z-index: 10;
    }

        .menu__btn > span,
        .menu__btn > span::before,
        .menu__btn > span::after {
            display: block;
            position: absolute;
            width: 100%;
            height: 4px;
            background-color: white;
            transition-duration: .25s;
            border-radius: 5px;
        }

            .menu__btn > span::before {
                content: '';
                top: -8px;
            }

            .menu__btn > span::after {
                content: '';
                top: 8px;
            }

    .menu__box {
        visibility: hidden;
        position: absolute;
        left: -100%;
        width: 100%;
        margin: -4px 0 0;
        padding: 25px 0;
        list-style: none;
        background-color: #FFFFFF;
        box-shadow: 0 0 32px rgb(0 0 0 / 100%);
        transition-duration: .25s;
    }

    .menu__item {
        display: block;
        text-align: center;
        color: #067BB5;
        font-family: 'Fira Sans', sans-serif;
        font-size: 20px;
        font-weight: 600;
        line-height: 16.8px;
        text-decoration: none;
        transition-duration: .25s;
        padding-bottom: 20px;
    }

    .menu__item:hover {
        color: #B80000;
        text-decoration: none;
    }

    .hamburger-menu {
        display: flex;
        margin-bottom: -13px;
    }

    #fixed_block_position {
        display: none;
    }
}

@media (max-width: 570px) {
    .editor_descr_new {
        font-size: 14px;
        text-align: justify;
        padding: 0 10px 10px;
    }

    #contact_desc1, #contact_desc2, #contact_desc3 {
        width: auto !important;
    }

    #deadline, #number {
        margin: 0 auto;
    }

    .sendArticle {
        font-size: 13px !important;
        margin: 0 auto;
        display: flex;
    }

    #front_header_txt {
        top: 12% !important;
        left: 0 !important;
        transform: translate(0, 0) !important;
        right: 0 !important;
        margin: auto !important;
    }

    #front_header_txt p {
        font-size: 16px !important;
        margin-bottom: 0 !important;
        text-align: center;
    }

    #front_header_img {
        height: auto !important;
    }

    .contacts_info #kuznetcova img {
        width: 301px;
        margin-left: -74px;
    }

    .contacts_img img {
        width: 100% !important;
        height: auto !important;
        margin-top: 0px;
    }

    .contacts_info {
        flex-direction: column;
    }

    #ASU {
        font-size: 14px;
        width: 100%;
    }

    .elibrary_author .editor_block_new {
        height: auto;
    }

    #kuznetcova img {
        width: 301px;
        margin-left: -42px;
    }

    #koryakova img {
        width: 292px;
        margin-left: -69px;
        margin-top: -83px;
    }

    .one_out {
        width: 100%;
    }

    .journals {
        flex-direction: column;
    }

    .index_txt {
        width: 100%;
    }

    .font-regular-img {
        font-size: 8px;
    }

    .font-regular-header {
        font-size: 8px;
    }

    #header_top {
        display: flex;
        flex-direction: row;
        width: 81%;
        margin-left: 0;
    }

    .header_top_name {
        width: 85%;
        display: flex;
    }

    .editor_all {
        flex-direction: column;
    }

    .blocks__txt {
        width: 15%;
        display: flex;
        justify-content: center;
        font-size: 14px;
        text-align: center;
        height: auto;
        margin-top: 0px;
    }

    .aim_descr {
        font-size: 13px;
        margin: 0 auto 19px;
        width: auto;
    }

    .aim_block {
        flex-direction: column;
    }

    .aim_block_img {
        width: 131px;
        height: 166px;
        overflow: hidden;
        margin: auto;
    }

    .aim_block_img img, .editor_block_img_new img {
        vertical-align: middle;
        border-style: none;
        height: auto;
        width: 100%;
    }

    .elibrary_author {
        width: 100%;
    }

    .aim_header {
        display: flex;
        flex-direction: column;
        margin-top: 12px;
        color: black;
        text-align: center;
    }

    ol.num {
        padding:0;
    }

    .logo {
        width: 30px;
        height: auto !important;
    }

    .header_top_logo {
        width: 15%;
    }

    .dropbtn {
        padding: 7px 0;
    }

    #index_img {
        display: none;
    }
}

@media (max-width: 800px) {
    .font-regular-img {
        font-size: 10px;
    }

    .font-regular-header {
        font-size: 10px;
    }

    .sendArticle {
        font-size:5px;
    }

    .logo {
        height: 20px;
    }

    .logo-soc {
        height: 50px;
    }
}

@media (max-width: 987px) {
    #front_header_img {
        height: auto !important;
    }
}

a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
  color: #0366d6;
}

.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
  text-align: center;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }

}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px; /* Vertically center the text there */
}