@font-face{
    font-family: "ALS Gorizont Variable";
    src: url("https://najo.elpub.ru/styles/ALS-Gorizont/ALSGorizontVariable.ttf")format("truetype");
    font-display:swap;
}

@font-face{
    font-family: "Golos Text";
    src: url("https://najo.elpub.ru/styles/GolosText-VariableFont_wght.ttf")format("truetype");
    font-display:swap;
}

a{
    color: #163BBF;
    text-decoration: none;
}

a:hover{
    color: #4065EE;
    text-decoration: none;
}

h1, h2, h3, h4, h5{
    font-family: "ALS Gorizont Variable", Khartiya, serif;
}
h5{
    font-size: 16px;
    line-height: 22px;
}
h4{
    font-size: 20px;
    text-transform: uppercase;
}
h3{
    font-size: 28px;
    font-weight: bold;
}


.issueArticle .meta .authors a{
    color: #666666;
}

.issueArticle .meta .authors a:hover{
    color: #042d48;
}
nav.navbar .language a,
nav.navbar a.userBlock strong{
    font-weight: normal!important;
}
nav.navbar .language a.current {
    color: #B7BFCB;
}
.mainMenu .menu li a:hover,
nav.navbar .language a:hover{
    color: #B7BFCB;
    text-decoration: none;
}

html, body{
    font-family: 'Golos Text', sans-serif;
    color: #000;
}
nav.navbar{
    font-family: 'Golos Text', sans-serif;
}


.head h2 {
    font-size: 40px;
    text-transform: uppercase;	
    font-family: 'ALS Gorizont Variable', 'PT Sans', sans-serif;
}
h2.fullsize{
    color: #000;
    background: transparent;
    font-size: 17px;
    font-weight: bold;
}

.issueArticle .meta .grey{
    color: #000
}

.sidebar .menu, .blockTitle, .tocArticle .title{	
    font-family: 'Golos Text', sans-serif;
}

.fullback .modal{
    background: #ededed;
}

.userLogin input[type="submit"], a.submission-button
{
    font-size: 16px;
    text-transform: none;
    line-height: 24px;
    color: #fff;
    background: #0B68FE;
    cursor: pointer;
    border-radius: 4px;
    padding: 12px 24px;
    height: auto;
    border: 0;
    font-family: 'Golos Text', sans-serif;
}



.userLogin input[type="submit"]:hover,
a.submission-button:hover{
    color: #fff;
    opacity: 1;
    background: #428AFF;
}

.mainMenu .menu li {
  font-size: 18px;
  line-height: 18px;
  text-align: center;
  text-transform: uppercase;
  font-weight: normal;
  font-family: 'Golos Text', sans-serif;
}

.mainMenu .menu li a:hover {
  color: #B7BFCB;
}
.mainMenu .menu li a:active {
  color: #8C94A0;
}
nav.navbar a.userBlock{
    font-family: 'Golos Text', sans-serif;
}
nav.navbar a.userBlock, nav.navbar a.userBlock:hover {
  background: #526ED3;
}
nav.navbar .issn a,
.footer a{
    color: #7C96F4;
}
nav.navbar .issn a:hover,
.footer a:hover{
    color: #A1B4F9;
    text-decoration: none;
}

.mainMenu .menu {
    background: rgba(102, 102, 102, 0) none repeat
}

.mainMenu .mobile-view {
    background: #666666 none repeat scroll 0 0
}

nav.navbar {
    background: #000 none repeat scroll 0 0
}

#navbarWrapper.floating {
    background: #000;
}

.mainMenu .menu li {
  border-right: 0px solid #000;
}

.sidebar .menu li a{
  color: #767989;
  background: #F5F5F5;
}

.sidebar .menu li a:hover {
  color: #43444E;
  background: #EBEBEB;
  text-decoration: none;
}
.head a.search:hover{
    text-decoration: none;
    color: #B7BFCB;
}

.sidebar .menu li a.submitArticle::before{
    background: url('./upload.png') 0 0 no-repeat;
    opacity: 0.8;
}
.sidebar .menu li a.submitArticle:hover::before{
    opacity: 1;
}
.tocSectionTitle{
    background: transparent;
    color: #000!important;
}
.sidebar .block{
    background: #ededed;
}
.hero .logo{
    position: relative;
    z-index:1;
}
.hero .logo .itmo_en_link{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    height: 100%;
    width: 250px;
}

.footer{
    background: #000;
    color: #fff;
}

.headSearch input[type="text"]{
    background: #fff;
    border: 1px solid #d7d7d7;
    border-radius: 4px;
    height: 48px;
    padding-left: 48px;
}
.headSearch #simpleSearchInput{
    position: relative;
}
.headSearch #simpleSearchInput::before{
    content: '';
    display: block;
    position: absolute;
    background: url('./scope.png') 50% 50% no-repeat;
    width: 48px;
    height: 48px;
}
.headSearch input[type="submit"]{
    background: #fff url("./go.png") 50% 50% no-repeat;
    position: relative;
    right: 50px;
    height: 48px;
    width: 48px;
}
.head .hero{
    height:auto;
} 

.readmore a,
.readless a,
.sidebar .block#notification a{
    color: #000;
    font-weight: bold;
}

.journalInfo .readmore, .journalInfo .readless{
    text-align: center;
}

.readmore a:hover,
.readless a:hover,
.sidebar .block#notification a:hover{
    color: #526ED3;
    text-decoration: none;
}

.sidebar .block#notification{
    text-align: center;
}

.sidebar .block#notification ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

#sidebar .block .blockTitle{
    font-family: "ALS Gorizont Variable", Khartiya, serif;
    font-size: 20px;
}

@media (max-width: 1400px){
    .hero .logo .itmo_en_link{
        width: 125px;
    }
    .headSearch input[type="text"]{
        height: 40px;
        padding-left: 40px;
    }
    .headSearch #simpleSearchInput::before{
        width: 40px;
        height: 40px;
    }
    .headSearch input[type="submit"]{
        width: 40px;
        height: 40px;
        right: 44px;
    }
}

@media (max-width: 1400px) and (min-width: 960px){
    .head .logoed h2 {
        font-size: 25px;
    }
    .logo img {
         height: 50px;
    }
    .headSearch{
        width: 600px;
    }
    .headSearch input[type="text"]{
        width: 550px;
    }
}

@media (max-width: 959px){
    .headSearch input[type="submit"]{
        position: absolute;
        right: 10px;
    }
    .head .logoed h2{
        font-size: 25px;
    }
    .head .hero{
        padding-bottom: 50px;
    }
    .logo img {
         height: 62px;
    }
    nav.navbar .title {
        width: 37%;
    }
}

@media (max-width: 500px){
    .head .logoed h2{
        font-size: 21px;
    }
    .logo img {
         height: 62px;
    }
    nav.navbar .title {
        width: 36%;
    }
}
@media (max-width: 400px) {
    nav.navbar .title {
        width: 25%;
    }
}
.Uvedom-autra-but{
    background-repeat: no-repeat;
    width: auto;
    background-color: #4d4d4d;
    padding-right: 5px;
}

input.defaultButton {
  font-family: 'Golos Text', sans-serif;
  background: #0B68FE;
    width: 231px;
    height: 48px; 
  gap: 8px;
  border-radius: 4px;
  padding-top: 12px;
  padding-right: 24px;
  padding-bottom: 12px;
  padding-left: 24px;
}

a.submission-button {

  background: #254DDD;
  color: #fff;
  text-transform: none;
  height: 60px;
  font-family: 'Golos Text', sans-serif;
  display: block;
  //margin: 10px auto;
  //padding: 17px;
  text-align: center;
font-weight: 600;
font-size: 16px;
line-height: 24px;
letter-spacing: 0px;
text-align: center;
vertical-align: middle;
    width: 231px;
    height: 48px; 
    font-family: 'Golos Text', sans-serif;
    font-weight: bold;
}


#signinTable input.button{
    width: 231px;
    height: 48px; 
    font-family: 'Golos Text', sans-serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    background: #254DDD;
    cursor: pointer;
    border-radius: 4px;
    padding: 12px 24px;
    height: auto;
    border: 0;

}

#signinTable input.button:hover, input.defaultButton:hover, a.submission-button:hover{
    background: #4065EE;
}