/*в телефоне и везде*/
body {
    font-family: "Wix Madefor Text", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

.page {
    margin-bottom: 20vh;
}

/*все ссылки*/
a {
    color: rgb(71, 57, 21);
    text-decoration: none;
}

a:hover {
    color: rgb(71, 57, 21);
}

.description img{
margin-top:2rem;
margin-bottom:2rem;
}

/*меню по одному изобретению внутри страницы*/
.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0rem;
    margin-bottom: 0;
    padding-right: 0rem;
    border-radius: 0rem;
}

.list-group-item-action {
    width: 100%;
    color: #495057;
}

.list-group-item-action:hover,
.list-group-item-action:focus {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: transparent;
}

.list-group-item-action:active {
    color: #212529;
    background-color: transparent;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 0.25rem 0rem;
    color: #051DB5;
    text-decoration: none;
    background-color: transparent;
    border: 0px solid rgba(0, 0, 0, 0.125);
    border-bottom: 1px solid transparent;
    font-weight: 300;
    font-size: 1.1rem;
    line-height: 1em;
    transition: all 1s;
    font-family: "Playfair", serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: italic;
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
}

.list-group-item.active {
    z-index: 2;
    color: firebrick;
    background-color: transparent;
    border-bottom: 1px solid firebrick;
}

.list-group-item+.list-group-item {
    border-top-width: 0;
}

.list-group-item+.list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px;
}

.img-fluid {
    width: 100%;
    height: auto;
}

/*сайдбар*/
.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: visible;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
    overflow: hidden;
}

.offcanvas.offcanvas-start {
    right: 0;
    left: 0;
    top: unset;
    height: 60vh;
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(65%);
    width: unset;
}

.offcanvas-header {
    display: none;
}

.logo {
    display: none;
}

.descr {
    display: none;
}

.number {
    display: none;
}

.header_text {
    display: none;
}

/*меню между всеми изобретениями между разными страницами*/
.navbar-nav {
    font-size: 1.6rem;
    font-family: "Playfair", serif;
    font-optical-sizing: auto;
    font-weight: 300;
    line-height: 1.3em;
}

.nav-link {
    text-decoration: none;
    margin: 0;
    padding: 0;
    color: gainsboro;
}

.nav-link span {
    color: black;
}

.nav-item {
    margin: 0;
    padding: 0;
    border-bottom: #495057 dashed 1px;
}

h1 {
    font-size: 1.6rem;
    font-family: "Playfair", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    padding-top: 15px;
    margin-top: 0;
    background-color: white;
    text-align: left;
    padding-right: 0;
}

h2 {
    font-size: 1.6rem;
    padding-top: 60px;
    font-family: "Playfair", serif;
    font-optical-sizing: auto;
    font-weight: 100;
    font-style: italic;
    color: #051db5;
    letter-spacing: -0.1rem;
}

/*год*/
h3 {
    font-size: 3.6rem;
    font-family: "Playfair", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: italic;
    padding-top: 30px;
    color: black;
    margin-bottom: 2rem;
    letter-spacing: -0.1rem;
}

/*название письма*/
h4 {
    font-size: 1.4rem;
    font-family: "Playfair", serif;
    font-optical-sizing: auto;
    font-weight: 100;
    font-style: italic;
    color: black;
    padding-top: 0.5rem;
}

/*в планшете вертикально*/
@media (min-width: 576px) and (max-width: 991.98px) {

    /*меню между всеми изобретениями между разными страницами*/
    .navbar-nav {
        font-size: 2.8rem;
        font-family: "Playfair", serif;
        font-optical-sizing: auto;
        font-weight: 300;
        line-height: 1.52em;
    }

    .list-group-item {
        font-size: 1.2rem;
    }

    h1 {
        font-size: 2.8rem;
        font-family: "Playfair", serif;
        font-optical-sizing: auto;
        font-weight: 400;
        padding-top: 15px;
        background-color: white;
        padding-right: 1rem;
    }

    h2 {
        font-size: 2.8rem;
        font-family: "Playfair", serif;
        font-optical-sizing: auto;
        font-weight: 100;
        font-style: italic;
        padding-top: 75px;
        color: #051db5;
        letter-spacing: -0.1rem;
    }
}

@media (min-width: 992px) {
    .offcanvas.offcanvas-start {
        border-right: dashed 1px #051DB5 !important;
    }

    .offcanvas.offcanvas-start {
        top: 0;
        left: 0;
        right: unset;
        width: 50%;
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-68%);
        height: 100vh;
    }

    .offcanvas {
        height: 100vh;
    }

    .logo_small {
        display: none;
    }

    .sign_mobil {
        display: none;
    }

    .offcanvas-header {
        display: block;
        height: 25%;
    }

    .offcanvas-body {
        height: 23%;
    }

    .offcanvas-body.glob {
        height: 52%;
        transform: translate(72%);
        /*transition: transform .5s ease-out;*/
    }

    /*.offcanvas-body{
  height:30%;
}
.offcanvas-body.glob{
  height:43%;
  transform: translate(72%);
  transition: transform .5s ease-out;
}*/
    .offcanvas-header {
        font-size: 0.86rem;
        font-optical-sizing: auto;
        line-height: 1.1rem;
    }

    .header_text {
        display: block;
        padding-top: 0.86rem;
        font-weight: 500;
    }

    /*иконка изобретения в глобальной навигации*/
    .number {
        display: inline-block;
        width: 48px;
        height: 48px;
    }

    .descr {
        display: block;
    }

    .sign {
        display: block;
    }

    .logo {
        display: block;
    }

    .show .offcanvas-body.glob {
        transform: translate(0%);
        transition: transform .25s ease-in;
    }

    .show .offcanvas-header .sign {
        display: none;
    }

    .show .offcanvas-header .header_text {
        display: block;
    }

    .offcanvas-header .header_text {
        display: none;
    }

    .show .offcanvas-body.glob {
        transform: translate(0%);
        transition: transform .25s ease-in;
    }

    .offcanvas-body.glob .invention {
        display: none;
    }

    .show .offcanvas-body.glob .invention {
        display: inline;
    }

    .offcanvas-body.glob .nav-item {
        border-bottom-width: 0;
    }

    .show .offcanvas-body.glob .nav-item {
        border-bottom-width: 1px;
    }
    .description img{
      margin-top:inherit;
      margin-bottom:inherit;
    }
}

@media (min-width: 992px) and (max-width: 1399.98px) {

    .offcanvas-header {
        height: 27%;
    }

    .offcanvas-body {
        height: 28%;
    }

    .offcanvas-body.glob {
        height: 45%;
    }

    /*меню между всеми изобретениями между разными страницами*/
    .navbar-nav {
        font-size: 1.8rem;
        font-family: "Playfair", serif;
        font-optical-sizing: auto;
        font-weight: 300;
        line-height: 1.3em;
    }

    h1 {
        font-size: 1.8rem;
        font-family: "Playfair", serif;
        font-optical-sizing: auto;
        font-weight: 400;
        padding-top: 30px;
        margin-top: 0;
        background-color: white;
        text-align: left;
        padding-right: 0;
    }

    h2 {
        font: size 1.8em;

        padding-top: 60px;
        font-family: "Playfair", serif;
        font-optical-sizing: auto;
        font-weight: 100;
        font-style: italic;
        padding-top: 30px;
        color: #051db5;
        letter-spacing: -0.1rem;
    }
}

@media (min-width: 1400px) {

    /*меню между всеми изобретениями между разными страницами*/
    .navbar-nav {
        font-size: 2.8rem;
        font-family: "Playfair", serif;
        font-optical-sizing: auto;
        font-weight: 300;
        line-height: 1.52em;
    }

    h1 {
        font-size: 2.8rem;
        font-family: "Playfair", serif;
        font-optical-sizing: auto;
        font-weight: 400;
        margin-top: 15px;
        background-color: white;
        padding-right: 1rem;
    }

    h2 {
        font-size: 2.8rem;
        font-family: "Playfair", serif;
        font-optical-sizing: auto;
        font-weight: 100;
        font-style: italic;
        padding-top: 30px;
        color: #051db5;
        letter-spacing: -0.1rem;
    }
}



.iiet {
    font-size: 0.85em;
    margin: 10px;
}

.offcanvas .iiet {
    display: none;
}

.offcanvas.show .iiet {
    display: block;
}

/*кнопка сайдбара*/
/* Стало: */
.arrow-path {
    transition: transform 0.3s ease;
    transform-origin: center;
    transform: rotate(0deg);
    /* Начальное положение - вправо → */
}

.rotated {
    transform: rotate(180deg);
    /* При повороте - влево ← */
}

.but-a {
    position: absolute;
    right: -0px;
    top: 0vh;
}

/*доделать поворот кнопки в телефоне*/
@media (max-width: 991.8px) {
    .rotated {
        transform: rotate(270deg);
        /* стрелка вниз ▼ */
    }

    .rotated-up {
        transform: rotate(90deg);
        /* стрелка вверх ▲ */
    }
}

@media (max-width: 991.8px) {
    .but-a {
        top: -3px;
        right: 0;
        z-index: 1001;
        /* Повышаем z-index */
    }
}

/*абзацы в теле страницы*/
p {
    margin-top: 30px;
}



/*раздел страницы, один из пяти, внешние отступы*/
article {
    margin-top: 5rem;
    margin-bottom: 10rem;
}

@media (max-width: 767.98px) {
    article {
        margin-top: 0rem;
        margin-bottom: 3rem;
    }
}

/*об изобретении - текст историческая справка*/
.description {
    font-size: 1.1rem;
    font-weight: 100;
    line-height: 1.75rem;
}

@media (max-width: 767.98px) {
    .description {
        font-size: 1rem;
        font-weight: 100;
        line-height: 1.75rem;
    }
}

/*сноска на книгу*/
.site {
    font-size: 0.85em;
    padding-top: 0.3rem;
    line-height: 1.4em;
}

.book {
    font-size: 0.85em;
    line-height: 1.4em;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.book div:nth-child(1) {
    font-weight: inherit;
}

.book div:nth-child(2) {
    font-weight: 400;
}

.book div:nth-child(3) {
    font-weight: inherit;
}

.book div:nth-child(4) {
    font-weight: 600;
}

/*ссылка на пдф-документ*/
.image_paper img{
    width:100%; 
    height:auto; 
    margin-top: 2rem; 
}
.linkdoc {
    color: #041cb4;
    font-weight: 400;
    text-decoration: underline;
}

.linkdoc:hover {
    color: firebrick;
}

/*кнопка аккордеона*/
.accordion-button {
    align-items: center;
    padding: 3px !important;
    font-size: 1em;
    color: black;
    text-align: left;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    border-bottom: #d2d4d7 solid 1px;
}

.accordion-item {
    border: 0;
}

.accordion-button:not(.collapsed) {
    color: black;
    background-color: transparent;
    box-shadow: none;
}

.accordion-button:focus {
    box-shadow: none;
}

.accordion-body img {
    cursor: pointer;
}

@media (max-width: 767.98px) {

      /* Отключаем курсор-указатель на мобильных */
      .accordion-body img {
        cursor: default !important;
      }
    }

    .image-container {
      position: relative;
      margin-bottom: 1rem;
      counter-increment: image-counter;
      /* Увеличиваем счетчик */
    }

    .image-container::before {
      content: "" counter(image-counter);
      /* Выводим номер */
      position: absolute;
      top: 0px;
      left: 5px;
      background: rgba(4, 28, 180, 0);
      color: rgb(3, 20, 255);
      padding: 5px 10px;
      border-radius: 0px;
      z-index: 1;
      font-size: 1rem;
    }

    .gallery {
      counter-reset: image-counter;
      /* Инициализируем счетчик */
    }

    .offcanvas {
      z-index: 1000;
    }

    @media (max-width: 991.8px) {
  .principle {
    display: none;
  }

  .principle_link {
    display: none;
  }

  #list-item-2 {
    display: none;
  }
}

    .st0 {
      fill: #fff;
      stroke: #051DB5;
      stroke-width: 0;
      transition: stroke-width 1s;
      /*stroke-linecap:bevel;stroke-dasharray:1,1;*/
    }

    .st1 {
      fill: #051DB5;
    }

    .logo:hover .st0 {
      fill: #051DB5;
      stroke-width: 23;
    }

    .logo:hover .st1 {
      fill: #fff;
    }

    .sign:hover .st0 {
      fill: #051DB5;
      stroke-width: 23;
    }

    .sign:hover .st1 {
      fill: #fff;
    }

    .number .st2 {
      stroke: #051DB5;
      stroke-width: 14;
      transition: stroke-width 0.5s;
      stroke-linecap: bevel;
      stroke-dasharray: 1, 2;
    }

    .nav-item:hover .st2 {
      stroke-width: 14;
      stroke-dasharray: 1, 2;
    }

    .nav-item:hover .st3 {
      fill: #051DB5;
    }

    /*.number .st3{fill:#051db5;}*/
    .number .st3 {
      fill: #FFF;
    }

    .number .st5 {
      fill: #051DB5;
    }

    .number .st4 {
      stroke: #051DB5;
      stroke-width: 14;
      stroke-linecap: bevel;
      stroke-dasharray: 1, 2;
    }

    .number.colontitle .st4 {
      stroke: firebrick;
      stroke-width: 14;
    }

    .number.colontitle .st5 {
      fill: firebrick;
    }
    
         @media (max-width: 767.98px) {

      /* принцип действия */
      .principle{
        display:none;
        }
 
    }