.applicationsRow__title {
    font-weight: 600;
}

.applicationsRow__meta {
    font-size: clamp(11px, 1.2vw, 20px);
    color: rgba(92, 92, 92, 0.8);
}
@font-face { 
    font-family: "Natasha"; 
    src: url("Fonts/Natasha.ttf") format("truetype"); 
    font-style: normal; 
    font-weight: normal; 
  } 
  @font-face { 
    font-family: "TildaSans-Light"; 
    src: url("Fonts/TildaSans.07TTF/TildaSans-Light.ttf") format("truetype"); 
    font-style: normal; 
    font-weight: normal; 
  } 
  @font-face { 
    font-family: "TildaSans-Regular"; 
    src: url("Fonts/TildaSans.07TTF/TildaSans-Regular.ttf") format("truetype"); 
    font-style: normal; 
    font-weight: normal; 
  } 
  @font-face { 
    font-family: "TildaSans-Semibold"; 
    src: url("Fonts/TildaSans.07TTF/TildaSans-Semibold.ttf") format("truetype"); 
    font-style: normal; 
    font-weight: normal; 
  } 
  @font-face {
	font-family: 'B52-Regular';
	src: 
		url('fonts/B52-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
    font-family: 'Yandex Sans Display';
    src: url('Fonts/YandexSansText-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Yandex Sans Display Light';
    src: url('Fonts/YandexSansText-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Yandex Sans Display Regular';
    src: url('Fonts/YandexSansText-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MiamaNueva';
    src: url('Fonts/MiamaNueva.ttf') format('truetype');
}


@media (max-width: 1390px) {
    body1 {
        zoom: 0.92 !important
    }
}
@media (max-width: 1361px) {
    body1 {
        zoom: 0.88 !important
    }
}
@media (max-width: 1304px) {
    body1 {
        zoom: 0.86 !important
    }
}
@media (max-width: 1163px) {
    body1 {
        zoom: 0.77 !important;
    }
}









/* Изначальное состояние элементов до того, как они попадут в зону видимости */
.fade-in-element {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.7s ease-out, transform 0.7s ease-out;
}

/* Состояние после того, как элемент становится видимым */
.fade-in-visible {
    opacity: 1;
    transform: translateY(0);
}









body {
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-rows: auto 1fr auto;
    height: 100vh;
}
  .body1 {
      background-color: black;
      zoom: 0.952;
  }
  .bodynofooter {
    display: block !important;
  }
  button {
    transition: 500ms;
  }
  button:hover {
    background-color: #4d010b;
    cursor: pointer;
    transition: 500ms;
  }
  a {
    transition: 500ms;
  }
  a:hover {
    transition: 500ms;
  }
  .shapka {
    width: 100%;
    height: 45vw;
    left: 0px;
    top: 0px;
    background: url(Image/headerFon.jpg);
    position: relative;
  }
  .shapka h1 {
    z-index: 1;
    position: sticky;
    top: 0;
    padding-left: 5vw;
    padding-top: 6vw;
    margin: 0px;
    font-family: 'Natasha';
    font-style: normal;
    font-weight: 700;
    font-size: clamp(25px, 6vw, 120px);
    line-height: 7vw;
    text-align: left;
    color: #9E0116;
    filter: drop-shadow(2px 4px 1px #9E0116);
}

.xox {
    position: absolute;
    z-index: 2;
    bottom: 0;
    width: 100%;
    height: 35vw;
}

.issa {
    position: absolute;
    z-index: 3;
    right: 0vw;
    bottom: 0vw;
    width: 80vw;
    height: 50vw;
}

  .imgsneg1 {
    position: absolute;
    width: 50vw;
    left: 0px;
    top: 0px;
  }
  .imgsneg2 {
    position: absolute;
    width: 55vw;
    right: 0;
    top: 0px;
    transform: matrix(-1, 0, 0, 1, 0, 0);
    transform: rotate(0deg);
  
  }
  .imageHeader {
    position: absolute;
    top: -10vw;
    z-index: 3;
    width: 100%;
    height: 46vw;
  }
  .gradientHeader {
    position: absolute;
    bottom: 0;
    z-index: 4;
    width: 100%;
    height: 11vw;
  }
  .pobedaLogo {
    width: 5vw;
    height: 10vw;
}

  /* Снег */
  .snow {
    position: absolute;
    top: 0vw;
    left: 2vw;
  }
  @media (max-width: 700px) {
    .snow {
        display: none;
    }
  }

  .divformaobrsviazi {
    background: url(Image/fonformaobr.png);
    background-attachment: fixed;
    /* width: 97vw;
    height: 44vw; */
    margin-left: 4vw;
    margin-right: 4vw;
    position: relative;
    margin-top: 0;
    padding-bottom: 3vw;
  }
     /* @media (max-width: 777px) {
    .divformaobrsviazi {
        width: 97vw;
        height: 94vw;
      }
  }
    @media (max-width: 542px) {
    .divformaobrsviazi {
        width: 97vw;
        height: 126vw;
      }
  } */
  @media (max-width: 777px) {
    .divformaobrsviazi {
        width: 100%;
        height: auto;
        margin-left: 0;
        margin-right: 0;
        /* padding-bottom: 33vw; */
    }
  }

  .title-glava {
    text-align: center;
    padding-top: 5vw;
    padding-bottom: 2vw;
  }

  .text-glava {
    display: block;
    font-size: clamp(13px, 1.5vw, 30px);
    font-family: 'TildaSans-Regular';
    padding: 0 10vw;
    text-align: justify;
    font-style: italic;
    quotes: "«" "»"; /* Установка стиля кавычек */
  }


  .flex-container-name-glava {
    display: flex;
    justify-content: center;
  }
  
  .container-name-glava {
    padding: 1vw;
    display: flex; 
    flex-direction: column; 
    align-items: center;
  }

  .container-name-glava img {
    width: 18vw;
    border-radius: 2vw;
  }

  .predname-glava {
    font-size: clamp(12px, 1.1vw, 18px);
    font-family: 'Yandex Sans Display Light';
    padding: 1vw 0;
    margin: 0;
  }

  .name-glava {
    font-family: 'TildaSans-Regular';
    font-size: clamp(13px, 1.5vw, 30px);
    margin: 0;
  }

  .divformaobrsviazi h2{
    padding-top: 3vw;
    /* padding-left: 3vw; */
    margin-top: 0;
    margin-bottom: 0;
    font-family: 'TildaSans-Semibold';
    font-style: normal;
    font-weight: 700;
    font-size: clamp(18px, 2.5vw, 35px);
    line-height: 2vw;
    color: #5C5C5C;
  }
     @media (max-width: 542px) {
    .divformaobrsviazi h2{
        line-height: 5vw;
        /* padding-top: 7vw; */
        padding-left: 6vw;
      }
  }
  .divformaobrsviazi h3{
    padding-left: 3vw;
    margin-bottom: 4vw;
    font-family: 'TildaSans-Regular';
    font-style: normal;
    font-weight: 500;
    font-size: clamp(16px, 1.7vw, 25px);
    line-height: 2vw;
    text-align: justify;
    word-spacing: 15px;
    color: #5C5C5C;
  }
     @media (max-width: 542px) {
    .divformaobrsviazi h3{
        line-height: 4vw;
        padding-left: 6vw;
        padding-right: 6vw;
      }
  }

  .citata {
  display: flex;
  position: absolute;
  padding: 1vw;
  width: 24vw;
  box-sizing: border-box;
  height: 12vw;
  right: -3vw;
  bottom: 5vw;
  font-size: clamp(13px, 1.4vw, 18px);
  font-family: 'TildaSans-Regular';
  background: #FFFFFF;
  border-radius: 5px;
  }
  .textcitati {
    padding-right: 1vw;
  }
  .textcitati span {
    font-family: 'TildaSans-SemiBold';
  }
  .citata img {
    border-radius: 5px;
  }
    @media (max-width: 777px) {
    .citata {
        width: 48vw;
        height: 29vw;
        right: 2vw;
        bottom: 2vw;
        }
  }
  .oproekte h2 {
  font-family: 'Natasha';
  font-style: normal;
  font-weight: 700;
  font-size: clamp(25px, 6.3vw, 120px);
  line-height: 7vw;
  color: #9E0116;
  margin: 0;
  text-align: center;
  padding-top: 6vw;
  padding-bottom: 6vw;
  }
/*
--------1-------------------------------
*/
.flexsoldat1 {
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
}
.left_flexsoldata1 {
    height: 61vw;
}
.fotosoldat1 {
    margin-top: -16vw;
    width: 104vw;
    height: 92vw;
}
.textsoldata1 {
    color: #DABD93;
    text-align: right;
    font-family: 'TildaSans-Regular';
    font-weight: 700;
    font-size: clamp(13px, 1.5vw, 30px);
    position: absolute;
    right: 0;
    margin: 0;
    padding-right: 4vw;
}
.right_flexsoldata1_mobilka {
    display: none;

}

@media (max-width: 835px) {
    .flexsoldat1 {
        display: block;
        position: relative;
    }
    .left_flexsoldata1 {
        height: 102vw;
        overflow: hidden;
    }
    .fotosoldat1 {
        margin-top: -16vw;
        width: 159vw;
        height: 142vw;
    }
    .right_flexsoldata1 {
        display: none;
    }
    .right_flexsoldata1_mobilka {
        display: block;
    }
    .textsoldata1 {
        color: #DABD93;
        text-align: justify;
        font-family: 'TildaSans-Regular';
        font-weight: 700;
        position: relative;
        padding-left: 4vw;
        padding-top: 4vw;
        font-size: 15px;
    }
    .navmenu-podval {
        position: absolute;
        bottom: 5vw;
        display: block;
        text-align: right;
        right: 4vw;
        padding-left: 0;
    }
}

/*
--------2------------------------------
*/
.flexsoldat2 {
    display: flex;
    position: relative;
    width: 100%;
    height: 40vw;
    margin-top: 3vw;
}
.right_flexsoldata2 {
    height: 40vw;
    width: 100%;
}
.fotosoldat2 {
    margin-top: -16vw;
    width: 72vw;
    height: 56vw;
    position: absolute;
    right: 0;
}
.textsoldata2 {
    color: #DABD93;
    text-align: left;
    font-family: 'TildaSans-Regular';
    font-weight: 700;
    font-size: clamp(13px, 1.5vw, 30px);
    position: absolute;
    left: 0;
    margin: 0;
    padding-left: 4vw;
}
.left_flexsoldata2_mobilka {
    display: none;

}

@media (max-width: 835px) {
    .flexsoldat2 {
        display: block;
        position: relative;
        height: 100%;
    }
    .right_flexsoldata2 {
        height: 76vw;
        overflow: hidden;
    }
    .fotosoldat2 {
        margin-top: -10vw;
        width: 112vw;
        height: 88vw;
        position: relative;
    }
    .left_flexsoldata2 {
        display: none;
    }
    .left_flexsoldata2_mobilka {
        display: block;
    }
    .textsoldata2 {
        color: #DABD93;
        text-align: justify;
        font-family: 'TildaSans-Regular';
        font-weight: 700;
        position: relative;
        padding-right: 4vw;
        padding-top: 4vw;
        font-size: 15px;
    }
}
/*
----------3---------------------------
*/
.flexsoldat3 {
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
    margin-top: 3vw;
}
.left_flexsoldata3 {
    height: 100%;
}
.fotosoldat3 {
    margin-top: -6vw;
    width: 50vw;
    height: 45vw;
}
.textsoldata3 {
    color: #DABD93;
    text-align: justify;
    font-family: 'TildaSans-Regular';
    font-weight: 700;
    font-size: clamp(13px, 1.5vw, 30px);
    position: absolute;
    right: 0;
    margin: 0;
    padding-right: 4vw;
    padding-top: 7vw;
}
.right_flexsoldata3_mobilka {
    display: none;

}

@media (max-width: 835px) {
    .flexsoldat3 {
        display: block;
        position: relative;
    }
    .left_flexsoldata3 {
        height: 100%;
        overflow: hidden;
    }
    .fotosoldat3 {
        margin-top: -16vw;
        width: 109vw;
        height: 100vw;
    }
    .right_flexsoldata3 {
        display: none;
    }
    .right_flexsoldata3_mobilka {
        display: block;
    }
    .textsoldata3 {
        color: #DABD93;
        text-align: justify;
        font-family: 'TildaSans-Regular';
        font-weight: 700;
        position: relative;
        padding-left: 4vw;
        padding-top: 4vw;
        font-size: 15px;
    }
}

/*
----------4---------------------------
*/
.flexsoldat4 {
    display: flex;
    position: relative;
    width: 100%;
    height: 36vw;
    margin-top: 3vw;
}
.right_flexsoldata4 {
    height: 36vw;
    width: 100%;
}
.fotosoldat4 {
    margin-top: -20vw;
    width: 72vw;
    height: 56vw;
    position: absolute;
    right: 0;
}
.textsoldata4 {
    color: #DABD93;
    text-align: left;
    font-family: 'TildaSans-Regular';
    font-weight: 700;
    font-size: clamp(13px, 1.5vw, 30px);
    position: absolute;
    left: 0;
    margin: 0;
    padding-left: 4vw;
    padding-top: 3vw;
}
.left_flexsoldata4_mobilka {
    display: none;

}

@media (max-width: 835px) {
    .flexsoldat4 {
        display: block;
        position: relative;
        height: 100%;
    }
    .right_flexsoldata4 {
        height: 69vw;
        overflow: hidden;
    }
    .fotosoldat4 {
        margin-top: -18vw;
        width: 118vw;
        height: 91vw;
    }
    .left_flexsoldata4 {
        display: none;
    }
    .left_flexsoldata4_mobilka {
        display: block;
    }
    .textsoldata4 {
        color: #DABD93;
        text-align: justify;
        font-family: 'TildaSans-Regular';
        font-weight: 700;
        position: relative;
        padding-right: 4vw;
        padding-top: 4vw;
        font-size: 15px;
    }
}
/*
-----------5--------------------------
*/
.flexsoldat5 {
    display: flex;
    position: relative;
    width: 100%;
    height: 48vw;
    margin-top: 3vw;
}
.right_flexsoldata5 {
    height: 48vw;
    width: 100%;
}
.fotosoldat5 {
    margin-top: 9vw;
    width: 61vw;
    height: 38vw;
    position: absolute;
    right: 0;
}
.textsoldata5 {
    color: #DABD93;
    text-align: left;
    font-family: 'TildaSans-Regular';
    font-weight: 700;
    font-size: clamp(13px, 1.5vw, 30px);
    position: absolute;
    left: 0;
    margin: 0;
    padding-left: 4vw;
    padding-top: 0vw;
}
.left_flexsoldata5_mobilka {
    display: none;

}

@media (max-width: 835px) {
    .flexsoldat5 {
        display: block;
        position: relative;
        height: 100%;
    }
    .right_flexsoldata5 {
        height: 75vw;
        overflow: hidden;
    }
    .fotosoldat5 {
        margin-top: 0vw;
        width: 110vw;
        height: 73vw;
    }
    .left_flexsoldata5 {
        display: none;
    }
    .left_flexsoldata5_mobilka {
        display: block;
    }
    .textsoldata5 {
        color: #DABD93;
        text-align: justify;
        font-family: 'TildaSans-Regular';
        font-weight: 700;
        position: relative;
        padding-right: 4vw;
        padding-top: 4vw;
        font-size: 15px;
    }
}
/*
--------------------------------------
*/

    .opisanieproekta {
        font-size: clamp(19px, 2.5vw, 50px);
        width: 88vw;
        color: #DABD93;
        text-align: center;
        font-family: 'TildaSans-Regular';
        font-weight: 700;
        clear: both;
        padding-top: 100px;
        margin-left: 9vw;
        margin-right: 9vw;
    }
    .fotoopisaniaproekta {
        margin-top: -50px;
        width: 100%;
        height: auto;
    }
    .gradientopisania {
        margin-top: -34vw;
        width: 100%;
    }
    .divnav-podval {
        position: relative;
    }
    .navmenu-podval{
        position: absolute;
        width: 100%;
        bottom: 5vw;
        display: flex;
        justify-content: center;
        padding-left: 0;
    }
    @media (max-width: 835px) {
        .navmenu-podval {
            position: absolute;
            bottom: 5vw;
            display: block;
            text-align: right;
            right: 4vw;
            padding-left: 0;
            width: 90vw;
        }
    }
    .navmenu-podval li{
        margin-right: 5vw;
    }
    .navmenu-podval li a{
        color: #FFFFFF;
        list-style-type: none;
        font-family: 'TildaSans-Regular';
        font-style: normal;
        font-weight: 500;
        font-size: clamp(14px, 1.1vw, 20px);
        opacity: 50%;
        text-decoration: none;
        transition: 500ms;
    }
    .navmenu-podval li a:hover{
        color: #FFFFFF;
        opacity: 100%;
        transition: 500ms;
    }
    .divformaobrsviaziFON {
        background-color: #FFFFFF;
        position: relative;
        z-index: 4;
    }
    .navbar div {
        position: relative;
    }
    .about {
        position: absolute;
        right: 70px;
        top:0px;
    }

    /*  Герои СССР 
---------------------------------------*/
.logo_proekta_menu {
    position: absolute;
    font-family: 'Natasha';
    color: #9E0116;
    top: 0;
    left: 3vw;
    font-size: 16px;
    display: flex;
    height: 100%;
    align-items: center;
}
.pobedaLogo {
    width: 4vw;
    height: 6vw;
}
.pobedaLogo80 {
    position: absolute;
    top: -15vw;
    left: 0;
    width: 8vw;
    height: 13vw;
}
@media (max-width:700px) {
    .logo_proekta_menu {
        left: 3vw;
    }
    .pobedaLogo {
        width: 8vw;
        height: 14vw;
    }
    .pobedaLogo80 {
        position: absolute;
        top: 0vw;
        left: 0px;
        width: 12vw;
        height: 20vw;
    }
}
.navbar2 {
    position: sticky;
    top: 0;
    width: 100%;
    margin-left: 0px;
    margin-top: 0px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
    z-index: 99999999999;
}
.navbar2 ul li{
        font-family: 'TildaSans-Regular';
        font-style: normal;
        font-weight: 500;
        font-size: clamp(12px, 1.4vw, 20px); /* Шрифт будет в диапазоне от 14px до 24px в зависимости от ширины экрана */
        line-height: 24px;
        color: #5C5C5C;
}
.navbar2 ul li a{
        color: #5C5C5C;
        text-decoration: none;
}
.navbar2 ul li a:hover{
        color: #9E0116;
        text-decoration: none;
}
.navbar2 ul{
        width: 96vw;
        margin-right: 151px;
        color: #5C5C5C;
        display: flex;
        list-style-type: none;
        justify-content: center;
        padding-top: 35px;
        padding-bottom: 35px;
        padding-left: 0;
        grid-gap: 5vw;
        margin: 0;
}
/* .about2 {
    position: absolute;
    cursor: pointer;
    right: 4vw;
    top: 36%;
} */
.authentication {
    position: absolute;
    cursor: pointer;
    right: 4vw;
    top: 41%;
    display: flex;
    align-items: center;
    gap: 1vw;
}
.authentication p {
    margin: 0;
    font-family: 'Yandex Sans Display Light';
    font-size: clamp(12px, 1.1vw, 18px);
}
@media (max-width: 1000px) {
    .authentication p {
        display: none;
    }
}
.contentgeroi p {
    font-size: 25px;
    font-family: 'TildaSans-Light';
    font-style: normal;
    font-weight: 500;
    margin-left: 8vw;
    margin-bottom: 0px;
    line-height: 40px;
    padding-bottom: 150px;
}
@media (max-width:700px) {
    .contentgeroi p {
        font-size: 19px;
    }
}
.contentgeroi p span{
    font-size: 25px;
    font-family: 'TildaSans-Regular';
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    padding-bottom: 150px;
}
@media (max-width:700px) {
    .contentgeroi p span{
        font-size: 19px;
    }
}
.zaggeroissr {
    font-size: 35px;
    font-family: 'TildaSans-SemiBold';
    font-style: normal;
    font-weight: 800;
    color: #9E0116;
    text-align: center;
    margin-top: 4vw;
    margin-bottom: 4vw;
}
@media (max-width:700px) {
    .zaggeroissr {
        font-size: 21px;
    }
}
.contentgeroi {
    position: relative;
}
.blockistochnik {
    background-color: #FFFFFF;
    height: 14vw;
    width: 45vw;
    z-index: 999999;
    position: absolute;
    bottom: 50px;
    right: 10vw;
    text-align: left;
    display: flex;
    align-items: center;
    padding-left: 6vw;
}
.blockistochnik a{
      color: #000000;
      font-size: 18px;
      font-family: 'TildaSans-Regular';
      font-style: normal;
      font-weight: 500;
      text-decoration: none;
}
@media (max-width:700px) {
    .blockistochnik a{
        font-size: 11px;
  }
}
.blockistochnik a:hover{
    color: #9c4d4d;
}
.fotogeroissr {
    position: absolute;
    bottom: 0px;
    opacity: 40%;
}

/* Населенные пункты
----------------------------------
*/

.spisoknaspunktov {
    background-color: #f6f6f6;
    padding: 3vw 0vw 2vw 2vw;
    margin: 3vw 6vw;
    display: flex;
}
@media (max-width: 700px) {
    .spisoknaspunktov {
        display: block;
    }
}
.spisoknaspunktov h1{
    color: #640411;
    font-family: 'TildaSans-SemiBold';
    margin: 0;
    font-style: normal;
    font-weight: 800;
    font-size: clamp(25px,4vw,35px);
}
.spisoknaspunktov svg{
    width: 55vw;
    height: 68vw;
    position: absolute;
    right: 0;
}
@media (max-width: 700px) {
    .spisoknaspunktov svg{
        right: -38vw;
    }
}
.svgkarta:hover {
    /* cursor: url('Image/cursor66.png'), auto; */
    cursor: pointer;
}

.hover_group .hover_path {
    transition: 500ms;
}

.hover_group:hover .hover_path {
    fill: #9E0116;
    transition: 500ms;
    /* cursor: url('Image/cursor66.png'), auto; */
    cursor: pointer;
}

.hover_group .hover_path_text {
    transition: 500ms;
}
.hover_group:hover .hover_path_text {
    fill: #ffffff;
    transition: 500ms;
}

.hover_path.active {
    fill: #9E0116;
}
.hover_path_text.active {
    fill: #ffffff;
}
  
.flexspisokgorodov {
    display: flex;
    margin-top: 2vw;
}
.flexspisokgorodov p{
    font-size: clamp(20px,2vw,25px);
    font-family: 'TildaSans-Light';
    font-style: normal;
    font-weight: 300;
    margin-bottom: 0px;
    line-height: 40px;
    margin-right: 7vw;
}
.naselpunkt {
    display: block;
    text-decoration: none;
    color: #000000;
}
.naselpunkt:hover {
    color: #5F0511;
}
@media (max-width: 700px) {
    .flexspisokgorodov p{
        line-height: 25px;
    }
}

/* Карточка 
--------------------------------------- */
.infoblock {
    margin-top: 6vw;
    margin-left: 6vw;
    margin-right: 6vw;
    display: flex;
    justify-content: center;
}
@media (max-width: 700px) {
    .infoblock {
        margin-top: 12vw;
        margin-left: 6vw;
        margin-right: 6vw;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        gap: 5vw;
    }
}

.infoblock_foto {
    width: 29vw;
    height: 35vw;
    background-color: #D9D9D9;
}
.infoblock_foto img {
    width: 100%;
    height: 100%;
}
@media (max-width: 700px) {
    .infoblock_foto {
        width: 37vw;
        height: 42vw;
    }
}
.infoblock_text {
    padding-top: 2vw;
    padding-bottom: 6vw;
    padding-left: 3vw;
    width: 45vw;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: max-content;
    gap: 1vw;
}
@media (max-width: 700px) {
    .infoblock_text {
        padding-top: 0vw;
        width: 75%;
    }
}
.infoblock_text_2 {
    padding-top: 6vw;
    padding-left: 3vw;
}
@media (max-width: 700px) {
    .infoblock_text_2 {
        padding-top: 0vw;
    }
}
.infoblock_opisinfo {
    font-size: clamp(13px,1.8vw,25px);
    font-family: 'TildaSans-Semibold';
    font-style: normal;
    font-weight: 500;
}
.infoblock_opisinfo_data {
    margin-bottom: 1vw;
}
@media (max-width: 1464px) {
    .infoblock_opisinfo_data {
        margin-bottom: 3vw;
    }
}
@media (max-width: 700px) {
    .infoblock_opisinfo_data {
        margin-bottom: 9vw;
    }
}
.infoblock_info {
    font-size: clamp(13px,1.8vw,25px);
    font-family: 'TildaSans-Light';
    font-style: normal;
    font-weight: 500;
}

.biographyblock {
    font-size: clamp(13px, 1.8vw, 25px);
    font-family: 'TildaSans-Light';
    font-style: normal;
    font-weight: 500;
    text-align: justify;
    padding: 3vw 20vw;
    width: 60vw;
  
    /* ВАЖНО: для переноса длинных слов или строк */
    word-wrap: break-word;        /* переносит длинные слова */
    overflow-wrap: break-word;    /* стандартный аналог, лучше использовать */
    white-space: normal;          /* позволяет перенос строк */
  }
  

.documents {
    margin-left: 6vw;
    margin-right: 6vw;
    margin-top: 10vw;
}
.zagdoc {
    font-size: 30px;
    font-family: 'TildaSans-Semibold';
    font-style: normal;
    font-weight: 500;
    margin-left: 2vw;
}
.flexmenu_doc {
    display: grid;
    grid-template-columns: 41vw 45vw;
    grid-row-gap: 1vw ;
    grid-column-gap: 2vw;
}
@media (max-width: 700px) {
    .flexmenu_doc {
        display: block;
    }
}
.div_radiobutton {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    grid-column-gap: 10px;
}
@media (max-width: 700px) {
    .div_radiobutton {
        margin-bottom: 2vw;
    }
}
.div_radiobutton label {
    font-size: 16px;
    font-family: 'TildaSans-Light';
    font-style: normal;
    font-weight: 500; 
    
}
.div_radiobutton input[type="checkbox"] {
    border-color: #ff0000;
    width: 15px;
    height: 15px;

}
.div_radiobutton input[type="checkbox"]:checked {
    background-color: #ff0000;
}
.div_button_doc button {
    padding: 8px;
    background-color: #FFFFFF;
    border-color: #999999;
    font-size: 16px;
    font-family: 'TildaSans-Light';
    font-style: normal;
    font-weight: 500; 
    transition: 300ms;
}
.div_button_doc button:hover {
    background-color: #9E0116;
    color: #ffffff;
}
#buttondoc1 {
    border-radius: 7px 0px 0px 7px;
}
#buttondoc4 {
    border-radius: 0px 7px 7px 0px;
    padding: 0px 10px 0px 10px;
    vertical-align: bottom;
}

.grid_doc {
    margin-top: 2vw;
    display: grid;
    grid-template-columns: 41vw 45vw;
    grid-template-rows: 33vw 10vw 10vw 10vw;
    grid-row-gap: 1vw ;
    grid-column-gap: 2vw;
}
@media (max-width: 800px) {
    .grid_doc {
        display: block;
    }
}
#grid_doc_2 {
    background-color: #D9D9D9;
    grid-row-start: 1;
    grid-row-end: 5;
    grid-column: 2;
    position: relative;
    height: 66vw;
}
#grid_doc_2 button{
    position: absolute;
    top: 20px;
    right: 20px;
    background: none;
    border: none;
    transition: 300ms;
}
#grid_doc_2 button:hover{
    scale: 1.3;
    transition: 300ms;
}
.grid_doc_left {
    border: 2px solid #640411;
    border-radius: 10px;
    display: flex;
    align-items: center;
    grid-gap: 2vw;
}
@media (max-width: 800px) {
    .grid_doc_left {
        margin-top: 2vw;
        margin-bottom: 2vw;
    }
}
#grid_doc_1 {
    background-color: #C7000014;
    align-items:normal;
}
.divzvezda {
    position: relative;
}
#img_ellipse {
    margin-left: 3vw;
    margin-top: 2vw;
    width: 4vw;
}
.div_text_window {
    line-height: 1.9;
    font-size: clamp(14px,1.4vw,20px);
    font-family: 'TildaSans-Light';
    font-style: normal;
    font-weight: 500; 
    padding-right: 5vw;
    padding-left: 1vw;
}
@media (max-width: 930px) {
    .div_text_window {
        line-height: 1.3;
        font-size: clamp(13px,1.4vw,20px);
        font-family: 'TildaSans-Light';
        font-style: normal;
        font-weight: 500; 
        padding-right: 5vw;
        padding-left: 1vw;
    }
}
.div_text_window strong{
    font-family: 'TildaSans-Regular';
    font-weight: 300; 
}
.div_text_window img{
    padding-left: 8vw;
    width: 8vw;
}
@media (max-width: 900px) {
    .div_text_window img{
        width: 6vw;
    }
}
.info_o_nagrade {
    line-height: 1.2;
}

.text_grid_doc {
    padding-top: 5px;
    font-size: clamp(14px,1.4vw,20px);
    font-family: 'TildaSans-Light';
    font-style: normal;
    font-weight: 500; 
    line-height: 1.4;
}
#text_grid_strong_1 {
    font-family: 'TildaSans-SemiBold';
    font-style: normal;
    font-weight: 500; 
}
#text_grid_strong_2 {
    font-family: 'TildaSans-Regular';
    font-style: normal;
    font-weight: 500; 
}
#img_ellipse2 {
    width: 6vw;
    padding-left: 2vw;
}
#img_zvezda2 {

    top: 28px;
    left: 9px;
}

.zagputi {
    margin-left: 8vw;
    margin-top: 10vw;
}
.div_kartaputi {
    height: 638px;
    background-color:#5C5C5C;
    margin-left: 6vw;
    margin-right: 6vw;
}
.flex_iconki_karti {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    grid-gap: 1vw;
    padding-left: 10vw;
    padding-right: 10vw;
    padding-top: 1vw;
}
.iconka_kart {
    display: flex;
    align-items: center;
    grid-gap: 5px;
    font-size: 15px;
    font-family: 'TildaSans-Light';
    font-style: normal;
    font-weight: 500; 
}
.flex_iconki_karti2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    grid-gap: 1vw;
    padding-left: 24vw;
    padding-right: 24vw;
    padding-top: 1vw;
}
.checkboxkarta {
    width: 21px;
    height: 21px;
}

.nomer_kartochki {
    font-size: 15px;
    font-family: 'TildaSans-Light';
    font-style: normal;
    font-weight: 500; 
    color: #34343480;
    margin-top: 8vw;
    margin-bottom: 8vw;
    text-align: center;
}

/* Регистрация
________________________________*/

.formaregistrcii {
z-index: 2;
margin: 2vw 6vw;
padding: 5px 5px;
height: 867px;
position: relative;
background-color: #FFFFFF;
border-radius: 10px;
box-shadow: 0px 1px 4px 0px #00000026;
}
.ornamentleft {
    position: absolute;
    left: -20px;
    top: -20px;
}
@media (max-width: 700px) {
    .ornamentleft {
        width: 26vw
    }
}
.ornamentright {
    position: absolute;
    right: -20px;
    top: -20px;
}
@media (max-width: 700px) {
    .ornamentright {
        width: 26vw
    }
}
.zag_reg {
    margin-top: 100px;
    margin-bottom: 30px;
    color: #5C5C5C;
    font-family: 'Yandex Sans Display';
    font-weight: 400;
    font-style: normal;
    font-size: 23px;
}
@media (max-width: 700px) {
    .zag_reg {
      text-align: center;
    }
}
.div_inputs_reg {
    margin-top: 40px;
    margin-left: 10vw;
    margin-right: 10vw;
    font-family: 'Yandex Sans Display Light';
    font-weight: 800;
    font-style: normal;
}
@media (max-width: 700px) {
    .div_inputs_reg {
        margin-left: 2vw;
        margin-right: 2vw;
    }
}
.div_inputs_reg input {
    display: block;
    width: 100%;
    height: 58px;
    border-radius: 10px;
    border: solid 1px #D9D9D9;
    margin-bottom: 15px;
    font-family: 'Yandex Sans Display Light';
    font-weight: 800;
    font-style: normal;
    box-sizing: border-box;
}
::placeholder {
    color: #999999;
  }

.button_reg {
    font-size: clamp(16px,2vw,20px);
    width: 21vw;
    height: 53px;
    border-radius: 10px;
    border: none;
    background-color: #9E0116;
    color: #ffffff;
    font-family: 'Yandex Sans Display Light';
    font-weight: 800;
    font-style: normal;
}
@media (max-width: 700px) {
    .button_reg {
        width: 100%;
    }
}
.button_reg:hover{
    background-color: #9e0116d5;
    color: #ffffff;
}
.button_reg2 {
    font-size: clamp(16px,2vw,20px);
    width: 21vw;
    height: 53px;
    border-radius: 10px;
    border: none;
    background-color: #ffffff;
    color: #000000;
    font-family: 'Yandex Sans Display Light';
    font-weight: 800;
    font-style: normal;
}
.button_reg2:hover {
    background-color: #dadada;
}
@media (max-width: 700px) {
    .button_reg2 {
        width: 100%;
    }
}
.politika {
    margin-top: 25px;
    margin-bottom: 25px;
    font-size: 12px;
    color: #999999;
}
.politika a {
    color: #9E0116;
}
.politika a:hover{
    color: #000000;
}
.zabil_parol {
    font-size: 12px;
    color: #999999;
    text-decoration: none;
}
.zabil_parol:hover{
    color: #000000;
}

.gorafonniz {
    position: absolute;
    bottom: -40px;
    left: 0;
    z-index: 0;
}

/*  Восстановление пароля
----------------------------------
*/

.forma_vostanovl {
    height: 563px;
    margin-bottom: 40px;
    }

/*  Поиск
----------------------------------
*/
.div_content_poiska {
    position: relative;
    margin-left: 3vw;
    margin-right: 20vw;
    padding-bottom: 5%;
}

@media (max-width: 700px) {
    .div_content_poiska {
        margin-left: 10vw;
        margin-right: 10vw;
        padding-bottom: 5%;
    }
}

.div_poiska {
    margin-top: 100px;
    margin-left: 15vw;
    margin-right: 5vw;
    position: relative;
    padding-top: 60px;
}
@media (max-width: 700px) {
    .div_poiska {
      margin-top: 4vh;
      margin-left: 0vw;
      margin-right: 0vw;
      position: relative;
      padding-top: 60px;
     }
  }
.div_stroka_poiska {
    display: flex;
    align-items: center;
    grid-gap: 10px;
}
.polepoiska {
width: 58vw;
height: 81px;
box-sizing: border-box;
border-radius: 10px;
border: solid;
border-color: #9E0116;
font-family: 'Yandex Sans Display Light';
font-weight: 800;
font-style: normal;
font-size: clamp(18px, 2vw, 25px);
box-shadow: 0px 0px 3px 2px #65000057;
}
@media (max-width: 700px) {
    .polepoiska {
        height: 60px;
        width: 100%;
    }
  }
.polepoiska::placeholder {
    color:#343434;
    font-size: clamp(13px, 2vw, 25px);
}
.knopkapiska {
    width: 152px;
    height: 81px;
    background-color: #9E0116;
    color: #ffffff;
    border-radius: 10px;
    box-sizing: border-box;
    font-family: 'Yandex Sans Display Regular';
    font-weight: 800;
    font-style: normal;
    font-size: clamp(14px, 2vw, 17px);
    transition: 500ms;
    box-shadow: 0px 0px 3px 2px #65000057;
}
@media (max-width: 700px) {
    .knopkapiska {
        height: 60px;
        width: 20vw;
     }
  }
.knopkapiska:hover {
    background-color: #4d010b;
    color: #ffffff;
    transition: 500ms;
}
.right_text_nad_poiskom {
    position: absolute;
    right: -8vw;
    top: 15px;
    margin: 0;
    color: #640411;
    font-family: 'TildaSans-Regular';
    font-weight: 300; 
    font-size: 17px;
    text-decoration: none;
}
@media (max-width: 700px) {
.right_text_nad_poiskom {
    position: absolute;
    right: 0vw;
    top: 27px;
    margin: 0;
    color: #640411;
    font-family: 'TildaSans-Regular';
    font-weight: 300;
    font-size: 17px;
    text-decoration: none;
}
    
}
.right_text_nad_poiskom:hover {
    color: #9e0116;
}
.left_text_nad_poiskom {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    font-family: 'Yandex Sans Display Regular';
    font-weight: 800;
    font-style: normal;
    font-size: clamp(18px, 2vw, 30px);
    color: #343434;
}
.results_poisk {
    display: none;
    width: 62vw;
}
.kolvo_result {
    font-size: 18px;
    margin-left: 0vw;
    margin-top: 50px;
    margin-bottom: 50px;
    color: #5C5C5C;
    font-family: 'Yandex Sans Display Regular';
}
@media (max-width: 700px) {
    .kolvo_result  {
        font-size: 16px;
        margin-top: 15px;
        margin-bottom: 15px;
     }
  }
.hrefkartochka {
    text-decoration: none;
    transition: 500ms;
}
.hrefkartochka:hover {
    text-decoration: none;
    opacity: .4;
    transition: 500ms;
}
/* --- ARAMA SONUÇLARI KUTUSU GÜNCELLEMESİ --- */
.result_poisk {
    display: flex;
    align-items: center;
    gap: 1.5vw; /* Resim ile yazı arasındaki boşluk */
    margin-top: 15px;
    border: none;
    border-radius: 10px;
    font-family: 'Yandex Sans Display Light';
    font-weight: 800;
    font-style: normal;
    padding: 10px 3vw; /* Kutunun iç boşluklarını resme göre ayarladık */
    box-shadow: 2px 2px 10.8px 0px #6F0F0F30;
    background-color: #ffffff;
    transition: 300ms;
}

.result_poisk:hover {
    background-color: #f7f7f7;
}

/* Arama sonucundaki fotoğrafın stili */
.result_poisk_img {
    width: 45px; /* Resmin genişliği */
    height: 60px; /* Resmin yüksekliği */
    object-fit: cover; /* Resmi sündürmeden kırparak sığdırır */
    border-radius: 5px;
    background-color: #e9e9e9;
    flex-shrink: 0;
}

/* Yazıların bulunduğu kapsayıcı */
.result_poisk_text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.zag_result_poisk {
    font-family: 'Yandex Sans Display Light';
    font-weight: 800;
    font-size: clamp(16px, 5vw, 22px);
    color: #640411;
    margin: 0 0 5px 0; /* Alt boşluğu ayarladık */
}

.info_result_poisk {
    font-family: 'Yandex Sans Display Light';
    font-weight: 800;
    font-size: clamp(13px, 4vw, 16px);
    color: #5C5C5C;
    margin: 0;
}

.flex_content_poiska {
    display: flex;
    gap: 2vw;
}

@media (max-width: 700px) {
    .flex_content_poiska {
        display: flex;
        flex-direction: column;
        gap: 2vw;
    }
}

.sticky_filter {
    position: sticky;
    top: 26vw;
    display: flex;
    flex-direction: column;
    gap: 1vw;
    margin-top: 3vw;
}

@media (max-width: 700px) {
    .sticky_filter {
        position: sticky;
        top: 11vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1vw;
        margin-top: 7vw;
    }
}

.sticky_filter a{
    display: block;
    font-family: 'TildaSans-Regular';
    font-style: normal;
    font-weight: 500;
    font-size: clamp(12px, 1.4vw, 20px);
    line-height: 24px;
    color: #000000;
    text-decoration: none;
    transition: all 500ms;
}

.sticky_filter a:hover{
    opacity: 0.5;
}

.left_chapter {
    width: 13vw;
}

@media (max-width: 700px) {
    .left_chapter {
        width: 100%;
    }
}

.title_сhapter {
    font-family: 'Yandex Sans Display Regular';
    font-weight: 800;
    font-style: normal;
    font-size: clamp(18px, 2vw, 30px);
    color: #343434;
    margin-top: 3vw;
    margin-bottom: 1vw;
}

.navigation_chapter {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.8vw;
    margin-top: 2vw;
    font-family: 'TildaSans-Regular';
    font-style: normal;
    font-weight: 500;
    font-size: clamp(12px, 1.4vw, 20px);
}

.page_button {
    background: none;
    border: none;
    color: #9E0116; 
    cursor: pointer;
    padding: 0;
    font-family: 'TildaSans-Regular'; 
    font-size: clamp(14px, 1.4vw, 20px);
    transition: 300ms;
}

.page_button[disabled] {
    color: #999999; 
    cursor: default;
}

.page_button:hover:not([disabled]) {
    color: #4d010b; 
    opacity: 1;
}

.page_numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5vw;
}

.page_number_btn {
    background: none;
    border: none;
    cursor: pointer;
    color: #5C5C5C;
    padding: 0 0.4vw;
    font-family: 'TildaSans-Regular';
    font-size: clamp(14px, 1.4vw, 20px);
    transition: 300ms;
}

.page_number_btn:hover:not(.active) {
    color: #9E0116; 
}

.page_number_btn.active {
    color: #9E0116;
    font-family: 'TildaSans-Semibold';
    cursor: default;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.voinskoe_zvanie_kart {
    font-family: 'TildaSans-Regular';
    font-size: clamp(12px, 1.5vw, 18px);
    color: #5C5C5C; 
    display: block;
    text-align: center;
    margin-top: 5px;
    padding-left: 1vw;
    padding-right: 1vw;
}

.content_do_poiska {
    display: grid;
    grid-template-columns: 30.5vw 30.5vw;
    grid-auto-rows: 13vw;
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
}
@media (max-width: 700px) {
    .content_do_poiska {
        display: block;
    }
}
.content_do_poiska a{
    text-decoration: none;
}
.kartochka_geroi_poisk{
    display: flex;
    box-sizing: border-box;
    padding: 1vw;
    border: solid 1px #9E0116;
    border-radius: 10px;
    transition: 500ms;
    box-shadow: 0px 0px 3px 2px #65000057;
}
.kartochka_geroi_poisk:hover{
    background-color: #dcdcdc;
    transition: 500ms;
}
@media (max-width: 700px) {
    .kartochka_geroi_poisk{
        margin-bottom: 3vw;
    }
}
.foto_kartochki_geroi_poisk {
    background-color: #605252;
    width: 11vw;
    height: 11.1vw;
    border-radius: 5px;
    overflow: hidden;
}
.foto_kartochki_geroi_poisk img {
    width: 100%;
    height: 100%;
}
.content_kartochki_geroi {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 29vw;
}
@media (max-width: 700px) {
    .content_kartochki_geroi {
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .foto_kartochki_geroi_poisk {
        background-color: #605252;
        width: 15vw;
        height: 18vw;
        border-radius: 5px;
        overflow: hidden;
    }
    .foto_kartochki_geroi_poisk img {
        width: 13vw;
        height: 19vw;
    }
}
.kartochka_geroi_poisk p{
    font-family: 'Yandex Sans Display Light';
    font-weight: 800;
    font-style: normal;
    font-size: clamp(14px, 1.8vw, 20px);
    color: #5C5C5C;
    display: inline-block;
    padding-left: 1vw;
    margin-top: 0;
    margin-bottom: 1vw;
    text-align: center;
}
.zvanie{
    font-family: 'Yandex Sans Display Regular';
    font-weight: 800;
    font-style: normal;
    font-size: clamp(12px, 1.6vw, 18px);
    color: #5C5C5C;
    display: inline-block;
    padding-left: 1vw;
    text-align: center;
}
.hidden {
    display: none;
}

/* Поиск документов об участниках войны
________________________________*/
.boss_div_poisk_doc {
    position: relative;
    padding-bottom: 30vw;
}
.forma_poiska2 {
    z-index: 2;
    margin: 3vw 7vw;
    padding: 5px 5px;
    height: auto;
    position: relative;
    border-radius: 10px;
    background-color: #FFFFFF;
    box-shadow: 0px 1px 4px 0px #00000026;
    }
    .ornamentleft {
        position: absolute;
        left: -20px;
        top: -20px;
    }
    .ornamentright {
        position: absolute;
        right: -20px;
        top: -20px;
    }
    .zag_poisk_doc {
        margin-top: 58px;
        text-align: center;
        color: #9E0116;
        font-family: 'Yandex Sans Display';
        font-weight: 400;
        font-style: normal;
        font-size: clamp(23px,3vw,35px);
    }
    .div_inputs_poisk_doc {
        margin-top: 70px;
        margin-left: 7vw;
        margin-right: 7vw;
        font-family: 'Yandex Sans Display Light';
        font-weight: 800;
        font-style: normal;
    }
    @media (max-width: 700px) {
        .div_inputs_poisk_doc {
            margin-top: 10px;
        }
    }
    .input_poisk_doc {
        display: block;
        width: 70%;
        height: 58px;
        border-top:none;
        border-left: none;
        border-right: none;
        border-color: #D9D9D9;
        margin-bottom: 20px;
        font-family: 'Yandex Sans Display Light';
        font-weight: 800;
        font-style: normal;
        padding-left: 2px;
    }
    @media (max-width: 700px) {
        .input_poisk_doc {
            width: 100%;
        }
    }
    .flex_date_input {
        display: flex;
        width: 70%;
        grid-gap: 86px;
    }
    @media (max-width: 700px) {
        .flex_date_input {
            display: block;
            width: 100%;
        }
    }
    .div_input_karusel {
        width: 100%;
        height: 58px;
        position: relative;
        margin-bottom: 20px;
    }
    .div_input_karusel img{
        position: absolute;
        top: 30px;
        right: 5px;
        cursor: pointer;
    }
    .input-container-date-flex {
        height: 58px;
        flex: 1;
        position: relative;
        margin-bottom: 20px;
    }
    .input_poisk_doc_date {
        display: block;
        width: 90%;
        height: 58px;
        border-top:none;
        border-left: none;
        border-right: none;
        border-color: #D9D9D9;
        margin-bottom: 20px;
        font-family: 'Yandex Sans Display Light';
        font-weight: 800;
        font-style: normal;
        padding-left: 2px;
        padding-right: 10%;
    }
    .label_date_poisk {
        position: absolute;
        top: 2px;
        left: 0px;
        color: #5C5C5C80;
        font-family: "Yandex Sans Display Light";
        font-weight: 800;
        font-style: normal;
        font-size: 10px;
        pointer-events: none;
        transition: 0.2s ease all;
      }
    .input_poisk_doc_date:focus + .label_date_poisk,
    .input-container-date-flex .has-value + .label_date_poisk {
      top: 2px;
      left: 5px;
      font-size: 10px;
      color: #5C5C5C80;
    }
    .parametr_poiska {
        color: #999999;
        text-underline-offset: 3px;
        margin-top: 50px;
        display: block;
    }
    ::placeholder {
        color: #5C5C5C80;;
      }
    .div_button_poisk_doc {
        text-align: center;
        padding-bottom: 7vw;
    }
    .button_poisk_doc {
        margin-top: 100px;
        background-color: #9E0116;
        color: #ffffff;
        padding: 20px 70px;
        font-size: 17px;
        text-align: center;
        border-radius: 10px;
    }
    @media (max-width: 700px) {
        .button_poisk_doc {
            margin-top: 0px;
        }
    }
    .button_poisk_doc:hover {
        color: #ffffff;
    }
    .poisk_line {
        margin-top: 60px;
        margin-bottom: 20px;
        background-color: #640411;
        height: 1px;
        width: 40vw;
        margin-right: 250px;
    }
    .gorafonniz {
        position: absolute;
        bottom: -40px;
        right: 0;
        z-index: 0;
        width: 100%;
    }

/* Обратная связь
________________________________*/


.zag_obr_zvyaz {
    margin-top: 7vw;
    margin-left: 13vw;
    font-family: 'TildaSans-Semibold';
    font-weight: 800;
    font-style: normal;
    font-size: clamp(20px,2vw,30px);
    color: #5C5C5C;
}
.podzag_obr_svyaz {
    margin-left: 13vw;
    margin-right: 13vw;
    margin-bottom: 50px;
    font-family: 'TildaSans-Light';
    font-weight: 800;
    font-style: normal;
    font-size: clamp(14px,2vw,20px);
    color: #5C5C5C;
}
.flex_button_obratnaya_svyaz {
    display: grid;
    margin-left: 7vw;
    margin-right: 7vw;
    margin-bottom: 10vw;
    grid-template-columns: 43vw 43vw;
    /* grid-template-rows: 92px 800px; */
    grid-template-rows: 92px auto;
}
@media (max-width: 700px) {
    .flex_button_obratnaya_svyaz {
        display: block;
    }
}
.button_obratka1 {
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #9E0116;
    color: #fff;
    width: 100%;
    height: 92px;
    text-align: center;
    font-family: 'Yandex Sans Display Light';
    font-weight: 800;
    font-style: normal;
    font-size: 20px;
    border-radius: 5px;
    box-shadow: 0px 1px 4px 0px #00000026;
}
#radio_obratka2:checked + label {
    background-color: #ffffff;
    color: #5C5C5C;
}
#radio_obratka1:checked + label {
    background-color: #ffffff;
    color: #5C5C5C;
}
#radio_obratka1 {       
    display: none;
}
#radio_obratka1:checked ~ .redakt_str {
    opacity: 0;
}
@media (max-width: 700px) {
    #radio_obratka1:checked ~ .redakt_str {
        display: none;
    }
}
#radio_obratka2 {
    display: none;
}
#radio_obratka2:checked ~ .dobav_info {
    opacity: 0;
}
@media (max-width: 700px) {
    #radio_obratka2:checked ~ .dobav_info {
        display: none;
    }
}
.button_obratka2 {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #9E0116;
    color: #fff;
    width: 100%;
    height: 92px;
    text-align: center;
    font-family: 'Yandex Sans Display Light';
    font-weight: 800;
    font-style: normal;
    font-size: 20px;
    border-radius: 5px;
    box-shadow: 0px 1px 4px 0px #00000026;
}
@media (max-width: 700px) {
    .button_obratka1 {
        height: 60px;
    }
    .button_obratka2 {
        height: 60px;
    }
}
.flex_forma_obr {
    display: flex;
    padding-bottom: 350px;
    position: relative;
}
.dobav_info {
    width: 100%;
    padding: 3vw 2vw;
    /* height: 960px; */
    height: auto;
    background-color: #ffffff;
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow: 0px 4px 4px 0px #00000026;
    position: relative;
    z-index: 9999;
}
.redakt_str {
    width: 100%;
    height: min-content;
    background-color: #ffffff;
    border-radius: 5px;
    padding: 3vw 2vw;
    box-shadow: 0px 1px 4px 0px #00000026;
    box-sizing: border-box;
    position: relative;
    z-index: 9999;
}
.input_dobav {
    width: 100%;
    height: 55px;
    margin-bottom: 20px;
    border: solid 1px #5C5C5C80;
    border-radius: 5px;
    font-family: 'Yandex Sans Display Light';
    font-weight: 800;
    font-style: normal;
    font-size: 18px;
    letter-spacing: 1px;
    box-sizing: border-box;
    padding-right: 5px;
}
.input_dobav_kom {
    width: 100%;
    resize: none;
    height: 175px;
    margin-bottom: 20px;
    border: solid 1px #5C5C5C80;
    border-radius: 5px;
    box-sizing: border-box;
    font-family: 'Yandex Sans Display Light';
    font-weight: 800;
    font-style: normal;
    letter-spacing: 1px;
    font-size: 18px;
    padding: 15px 15px;
}
.input_dobav_ist {
    width: 100%;
    resize: none;
    height: 100px;
    margin-bottom: 20px;
    border: solid 1px #5C5C5C80;
    border-radius: 5px;
    box-sizing: border-box;
    font-family: 'Yandex Sans Display Light';
    font-weight: 800;
    font-style: normal;
    letter-spacing: 1px;
    font-size: 18px;
    padding: 15px 15px;
}

.divUploadingPhoto {
    display: flex;
    flex-direction: column;
    gap: 1vw;
    margin-top: 2vw;
}
.divUploadingPhoto div{
    display: flex;
    gap: 1vw;
    align-items: center;
}
.uploadingPhotoTitle {
    color: rgba(92, 92, 92, 0.5);
    font-size: 18px;
    font-family: 'TildaSans-Regular';
    font-weight: 400;
    margin: 0vw 1vw;
}
.uploadingPhotoButton {
    background-color: rgba(217, 217, 217, 1);
    color: rgba(92, 92, 92, 0.5);
    border-radius: 5px;
    padding: 0.5vw 2vw;
    font-family: 'TildaSans-Regular';
    font-weight: 400;
    font-size: 13px;
}
.uploadingPhotoButton:hover {
    cursor: pointer;
}
.uploadingPhotoStandart {
    position: absolute;
    left: -200vw;
}
.file-list {
    font-family: 'TildaSans-Regular';
    font-weight: 400;
    color: rgba(92, 92, 92, 0.5);
}

.div_button_otpr {
    text-align: center;
}
.button_otpr {
    background-color: #D9D9D9;
    color: #ffffff;
    padding: 20px 40px;
    border: none;
    border-radius: 5px;
    margin-top: 50px;
    font-size: 15px;
    transition: 500ms;
}
.button_otpr:hover {
    background-color: #9E0116;
    color: #ffffff;
    padding: 20px 40px;
    border-radius: 5px;
    margin-top: 50px;
    transition: 500ms;
}
.formaobrfon {
    margin-top: -130px;
}

@media (max-width:1050px) {
    .formaobrfon {
        display: none;
    }
}

.containerConsiredation2 {
    position: relative;
    margin: 0vw 0vw 0vw 0vw;
    display: flex;
    flex-direction: column;
    gap: 5vw;
}

.containerConsiredation2 label {
    display: block;
    font-family: 'TildaSans-Regular';
    font-weight: 200;
    margin: 0.5vw 0;
    color: rgba(92, 92, 92, 0.5);
}

.containerConsiredation2 input {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 4vw;
    background-color: rgba(245, 245, 245, 1);
    border: none;
    border-radius: 5px;
}

.containerConsiredation2 textarea {
    padding-left: 15px;
    font-size: 20px;
    font-family: 'TildaSans-Regular';
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 10vw;
    background-color: rgba(245, 245, 245, 1);
    border: none;
    border-radius: 5px;
    resize: none;
}

.containerConsiredation2_files {
    height: auto !important;
}

@media (max-width: 700px) {
    .containerConsiredation2 input {
        display: block;
        box-sizing: border-box;
        width: 100%;
        height: 13vw;
        background-color: rgba(245, 245, 245, 1);
        border: none;
        border-radius: 5px;
    }
    .divButtonConsiredation2 {
        display: flex;
        justify-content: space-between;
        margin-top: 6vw;
    }
}

/* Стрелочки у инпута с индвидуальным номером уберем стандартные */

/* Для Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Для Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/* Для неавторизованных страница обратная связь */
.formaobrfon-user {
    position: absolute;
    bottom: 0;
}
.message-no-user {
    text-align: center;
    font-size: clamp(20px,2vw,30px);
    font-family: 'TildaSans-Semibold';
}
/* ----- */

.input_container {
    position: relative;
}
.input_ind_nom {
    padding-right: 40px;
}
.iconkapodskazka {
    position: absolute;
    right: 3vw;
    top: 16px;
}
.podskazka {
    width: 257px;
    height: 75px;
    box-shadow: 0 0 4px 0 #00000025;
    font-size: 15px;
    font-family: 'Yandex Sans Display Light';
    font-weight: 800;
    font-style: normal;
    color: #5C5C5C80;
    background-color: #ffffff;
    padding: 10px 20px;
    box-sizing: border-box;
    white-space: nowrap;
    position: absolute;
    top: 40px;
    right: -85px;
    display: none;
}
.iconkapodskazka:hover ~ .podskazka {
    display: block;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    background: url(Image/calendarikonka.svg) no-repeat;
}

.input-container-date {
    position: relative;
    width: 100%;
    height: 55px;
    margin-bottom: 20px;
  }
  
  .date_input[type="date"], .date_input[type="text"] {
    width: 100%;
    height: 55px;
    border: solid 1px #5C5C5C80;
    border-radius: 5px;
    font-family: 'Yandex Sans Display Light';
    font-weight: 800;
    font-style: normal;
    font-size: 18px;
    letter-spacing: 1px;
    box-sizing: border-box;
    padding-right: 5px;
  }
  
  .label_date {
    position: absolute;
    left: 17px;
    top: 17px;
    color: #5C5C5C80;
    font-family: "Yandex Sans Display Light";
    font-weight: 800;
    font-style: normal;
    font-size: 18px;
    pointer-events: none;
    transition: 0.2s ease all;
  }
  
  .date_input:focus + .label_date,
  .input-container-date .has-value + .label_date {
    top: 2px;
    left: -13px;
    font-size: 10px;
    color: #5C5C5C80;
    padding: 0 30px;
  }

  .navbar2 #myLinks.active {
    display: block;
  }
  .navbar2 #myLinks {
    display: none;
    padding-top: 80px;
    font-family: 'TildaSans-Regular';
  }

  /* Бургер */
  .burgerSvg {
    height: 80px;
    position: absolute;
    right: 0;
    width: 80px;
    display: none;
  }
  .plate {
    height: 80px;
    width: 80px;
    position: absolute;
    right: 0;
    top: 0;
    display: none;
}
  .burger {
    filter: url(#gooeyness);
  }
  .x {
    transform: scale(0);
    transition: transform 400ms;
  }
  .line {
    fill: none;
    stroke: black;
    stroke-width: 6px;
    stroke-linecap: round;
    stroke-linejoin: round;
    transform-origin: 50%;
    transition: stroke-dasharray 500ms 200ms, stroke-dashoffset 500ms 200ms, transform 500ms 200ms;
  }
  .x .line {
    stroke-width: 5.5px;
  }
  
  .active .line {
    transition: stroke-dasharray 500ms, stroke-dashoffset 500ms, transform 500ms;
  }
  
  .active .x {
    transform: scale(1);
    transition: transform 400ms 350ms;
  }
  
  .plate5 .line {
    transition: stroke-dasharray 400ms 100ms, stroke-dashoffset 400ms 100ms, transform 400ms 100ms;
  }
  .plate5 .line1 {
    stroke-dasharray: 40 40;
  }
  .plate5 .line2 {
    stroke-dasharray: 21 39;
  }
  .plate5 .line3 {
    stroke-dasharray: 21 39;
  }
  .plate5 .line4 {
    stroke-dasharray: 40 40;
  }
  .plate5 .x {
    transition: transform 400ms 50ms;
  }
  
  .active.plate5 .line {
    transition: stroke-dasharray 400ms, stroke-dashoffset 400ms, transform 400ms;
  }
  .active.plate5 .line1 {
    stroke-dasharray: 1 40;
    stroke-dashoffset: -33px;
  }
  .active.plate5 .line2 {
    stroke-dasharray: 5 39;
    stroke-dashoffset: -37px;
  }
  .active.plate5 .line3 {
    stroke-dasharray: 5 39;
    stroke-dashoffset: -37px;
  }
  .active.plate5 .line4 {
    stroke-dasharray: 1 40;
    stroke-dashoffset: -33px;
  }
  .active.plate5 .x {
    transition: transform 400ms 50ms;
  }
  
  
  
  .active {
    color: white;
  }

  @media (max-width: 700px) {
  .navbar2 {
    height: 80px;
  }
  .navbar2 ul {
    display: none;
  }
  .authentication {
    position: absolute;
    cursor: pointer;
    right: 19vw;
    top: 32%;
    display: flex;
    align-items: center;
    gap: 1vw;
  }
  @media (max-width: 700px) {
    .authentication p {
        display: block;
    }
  }
  .about2 {
    width: 27px;
  }
  
  #myLinks a {
    color: white;
    background-color: #640411;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
    display: block;
  }
  #myLinks a:hover {
    background-color: #ddd;
    color: black;
  }
  
  .burgerSvg {
    height: 80px;
    position: absolute;
    right: 0;
    width: 80px;
    display: block;
  }
  .plate {
    height: 80px;
    width: 80px;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
}
}

/*
__________Форма входа______________
*/
.login_container {
    display: none;
    width: 335px;
    background-color: #ffffff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
    box-sizing: border-box;
    border-radius: 10px;
    position: absolute;
    right: 1vw;
    top: 92%;
    z-index: 9999;
    font-family: 'Yandex Sans Display Light';
    color: #353535;
  }
  .text_vhod {
    margin: 0px;
  }
  .login-container img{
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .form-group {
    margin-top: 15px;
  }
  .pole_vhoda {
    width: 100%;
    box-sizing: border-box;
    height: 50px;
    border-radius: 10px;
    border: solid 1px #D9D9D9;
  }
  .pole_vhoda::placeholder {
    font-family: 'Yandex Sans Display Light';
  }
  .vhod_politika {
    font-size: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #999999;
  }
  .vhod_politika a {
    color: red;
  }
  .login_button {
    background-color: #BA2626;
    color: #ffffff;
    border: none;
    border-radius: 10px;
    padding: 10px 15px;
  }
  .href_reg_popap {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    color: #999999;
  }
  .login_container a{
    background-color: #ffffff;
    padding: 0;
    font-size: 10px;
    display: inline;
  }
  .href_reg_popap a{
    font-size: 13px;
    text-decoration: none;
    color: #999999;
  }
  .href_reg_popap a:hover{
    color: #BA2626;
  }
/*
________________________
*/



/*
__________Панель администратора______________
*/

.adminName {
    text-align: center;
    text-decoration: underline;
    text-underline-offset: 5px;
    display: block !important;
    font-family: 'Yandex Sans Display Light';
    color: #000000;
    font-size: 16px !important;
    margin: 1vw 0vw;
    text-align: center;
}
.adminPanelHref {
    display: block !important;
    font-family: 'Yandex Sans Display Light';
    color: #000000;
    text-decoration: none;
    font-size: 16px !important;
    margin: 1vw 0vw;
    text-align: center;
}
.adminPanelHref:hover {
    opacity: .4;
}
.div_login_button {
    text-align: center;
}

/*
________________________
*/


/*
___________Страница с заявками в режиме админстратора___________
*/

.applicationsFlex {
    display: flex;
    gap: 4vw;
    justify-content: center;
    padding: 3vw 0;
}

.applicationsGrid {
    display: grid;
    gap: 0.5vw;
    height: min-content;
}
.applicationsRow {
    background-color: rgba(245, 245, 245, 1);
    border: 1px solid rgba(245, 245, 245, 1);
    color: #000000;
    font-family: 'TildaSans-Regular';
    font-weight: 200;
    font-size: clamp(13px, 1.5vw, 30px);
    padding: 2vw 3vw;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    gap: 0.5vw;
}
.applicationsRow:hover {
    border: 1px solid #BA2626;
}
.applicationsRow.applicationViewed {
    opacity: .3;
}

@media (max-width:700px) {
    .applicationsFlex {
        display: flex;
        gap: 4vw;
        justify-content: center;
        padding: 3vw 3vw;
    }
    .applicationsGrid {
        display: grid;
        gap: 3.5vw;
    }
    .applicationsRow {
        background-color: rgba(245, 245, 245, 1);
        border: 1px solid rgba(245, 245, 245, 1);
        color: #000000;
        font-family: 'TildaSans-Regular';
        font-weight: 200;
        font-size: clamp(13px, 3.5vw, 30px);
        padding: 5vw 7vw;
        text-decoration: none;
    }
}

/*
________________________
*/


/*
___________Страница рассмотрения заявки в режиме админстратора___________
*/

.strelkaExit {
    position: absolute;
    top: -4vw;
    left: -7vw;
}
.strelkaExit img {
    width: 2vw;
}

.containerConsiredation {
    position: relative;
    margin: 7vw 40vw 7vw 10vw;
    display: flex;
    flex-direction: column;
    gap: 5vw;
}

.titleConsiredation {
    font-size: clamp(13px, 1.5vw, 30px);
    font-family: 'TildaSans-Regular';
    font-weight: 400;
    margin: 0vw 0 2vw;
}

.subtitleConsiredation {
    font-size: clamp(11px, 1.2vw, 22px);
    font-family: 'TildaSans-Regular';
    color: rgba(92, 92, 92, 0.8);
    margin: -1.5vw 0 2.5vw;
}

.block-photo-heroes {
    height: 20vw;
    width: 15vw;
    background-color: #5C5C5C;
    overflow: hidden;
}

@media (max-width: 700px) {
    .block-photo-heroes {
        height: 40vw;
        width: 30vw;
        background-color: #5C5C5C;
        overflow: hidden;
    }
}

.block-photo-heroes img {
    height: 100%;
    width: 100%;
}

.containerConsiredation label {
    display: block;
    font-family: 'TildaSans-Regular';
    font-weight: 200;
    margin: 0.5vw 0;
    color: rgba(92, 92, 92, 0.5);
}

.containerConsiredation input {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 4vw;
    background-color: rgba(245, 245, 245, 1);
    border: none;
    border-radius: 5px;
}

.containerConsiredation textarea {
    padding-left: 15px;
    font-size: 20px;
    font-family: 'TildaSans-Regular';
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 10vw;
    background-color: rgba(245, 245, 245, 1);
    border: none;
    border-radius: 5px;
    resize: none;
}

.containerConsiredation_files {
    height: auto !important;
}

.checkbox_width {
    width: 20px !important;
    height: 20px !important;
    accent-color: rgba(158, 1, 22, 1);
}

#commentVeteran {
    box-sizing: border-box;
    height: 10vw;
    display: block;
    width: 100%;
    background-color: rgba(245, 245, 245, 1);
    border: none;
    border-radius: 5px;
    resize: none;
    font-family: 'TildaSans-Regular';
    font-weight: 400;
    font-size: 20px;
    padding-top: 1vw;
    padding-bottom: 1vw;
    padding-right: 1vw;
    padding-left: 15px;
}

.divButtonConsiredation {
    display: flex;
    gap: 1vw;
    margin-top: 3vw;
    margin-bottom: 5vw;
}

.consiredationButton1 {
    width: 20vw;
    height: 3.5vw;
    background-color: rgba(158, 1, 22, 1);
    border: 1px solid rgba(158, 1, 22, 1);
    color: #ffffff;
    border-radius: 10px;
    font-family: 'TildaSans-Regular';
    font-weight: 800;
    font-size: 20px;
}
.consiredationButton2 {
    width: 20vw;
    height: 3.5vw;
    background-color: rgba(185, 185, 185, 1);
    border: 1px solid rgba(185, 185, 185, 1);
    color: #ffffff;
    border-radius: 10px;
    font-family: 'TildaSans-Regular';
    font-weight: 800;
    font-size: 20px;
}

.attachedFilesTitle {
    display: block;
    font-family: 'TildaSans-Regular';
    font-weight: 200;
    margin: 2vw 0 1vw; 
    color: rgba(92, 92, 92, 0.5);
}
.attachedFiles {
    display: block;
    font-family: 'TildaSans-Regular';
    font-weight: 200;
    margin: 1vw 0; 
    color: rgba(92, 92, 92, 0.5);
}



@media (max-width: 700px) {
    .strelkaExit {
        position: absolute;
        top: -14vw;
        left: -7vw;
    }
    .strelkaExit img {
        width: 9vw;
    }
    .containerConsiredation {
        position: relative;
        margin: 20vw 10vw 7vw 10vw;
    }
    .titleConsiredation {
        font-size: clamp(13px, 4.5vw, 30px);
        font-family: 'TildaSans-Regular';
        font-weight: 400;
        margin: 4vw 0;
    }
    .containerConsiredation input {
        display: block;
        box-sizing: border-box;
        width: 100%;
        height: 13vw;
        background-color: rgba(245, 245, 245, 1);
        border: none;
        border-radius: 5px;
    }
    .divButtonConsiredation {
        display: flex;
        justify-content: space-between;
        margin-top: 6vw;
    }
    .consiredationButton1 {
        width: 30vw;
        height: 10.5vw;
        background-color: rgba(158, 1, 22, 1);
        border: 1px solid rgba(158, 1, 22, 1);
        color: #ffffff;
        border-radius: 10px;
        font-family: 'TildaSans-Regular';
        font-weight: 800;
        font-size: 20px;
    }
    .consiredationButton2 {
        width: 30vw;
        height: 10.5vw;
        background-color: rgba(185, 185, 185, 1);
        border: 1px solid rgba(185, 185, 185, 1);
        color: #ffffff;
        border-radius: 10px;
        font-family: 'TildaSans-Regular';
        font-weight: 800;
        font-size: 20px;
    }
}
/*
________________________
*/



/* Виджет для обратной связи  */

.widget {
    position: fixed;
    z-index: 999999999999;
    bottom: 1vw;
    right: 1vw;
    border-radius: 100%;
    height: 5vw;
    width: 5vw;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 5px 5px #a2a2a2;
}
.widget:hover {
    cursor: pointer;
}
.widget img{
    height: 3vw;
    width: 3vw;
}
@media (max-width: 700px) {
    .widget {
        position: fixed;
        z-index: 999999999999;
        bottom: 9vw;
        right: 3vw;
        border-radius: 100%;
        height: 5vw;
        width: 5vw;
        background-color: #ffffff;
        display: flex;
        justify-content: center;
        align-items: center;
        box-shadow: 0 0 5px 5px #a2a2a2;
    }
    .widget {
        height: 60px;
        width: 60px;
    }
    .widget img{
        height: 25px;
        width: 25px;
    } 
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-30px); /* Высота прыжка */
    }
    60% {
        transform: translateY(-15px); /* Небольшой отскок */
    }
}
.bounce {
    animation: bounce 2.5s infinite; /* Длительность и бесконечный повтор */
}

.formaobr-fon {
    background-color: #00000091;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    z-index: 99999999999;
    justify-content: center;
    align-items: center;
}

.hidden-formaobr {
    display: none;
}

@keyframes shadow {
    0%, 50%, 100% {
        box-shadow: 0px 0px 23px 5px #9e0116;
    }
    25%, 75%  {
        box-shadow: 0px 0px 23px 10px #430000;
    }
}
.formaobr {
    animation: shadow 3s infinite; /* Длительность и бесконечный повтор */
    width: 44vw;
    height: 26vw;
    background: #FFFFFF;
    border-radius: 3vw;
    /* border: 3px solid #9E0116; */
    padding: 3vw;
    -webkit-box-shadow: 0px 5px 23px 5px #9e0116;
    -moz-box-shadow: 0px 5px 23px 5px #9e0116;
    box-shadow: 0px 5px 23px 5px #9e0116;
}
     /* @media (max-width: 777px) {
    .formaobr {
        width: 91vw;
        height: 45vw;
      }
  } */
  @media (max-width: 777px) {
    .formaobr {
        width: 80vw;
        height: auto;
        padding: 4vw;
        /* box-sizing: border-box; */
        left: 0vw;
        position: relative;
    }
  }
  .infoforma {
      margin-left: 0;
  }
  .formaobr p {
  /* По вопросам заполните форму обратной связи */
  padding-left: 0;
  font-family: 'TildaSans-Semibold';
  font-style: normal;
  font-weight: 700;
  font-size: clamp(16px, 1.7vw, 25px);
  line-height: 3vw;
  color: #5C5C5C;
  margin-top: 0;
  }
  input {
  font-size: 20px;
  padding-left: 15px;
  font-family: 'TildaSans-Regular';
  font-style: normal;
  font-weight: 500;
  }
  
  .FIOinput {
    box-sizing: border-box;
    width: 100%;
    height: 3vw;
    border: 1px solid rgba(92, 92, 92, 0.5);
    border-radius: 5px;
  }
   @media (max-width: 777px) {
    .FIOinput {
        height: 6vw;
    }
    .formaobr p {
        padding-left: 0;
        font-family: 'TildaSans-Semibold';
        font-style: normal;
        font-weight: 700;
        font-size: clamp(16px, 1.7vw, 25px);
        line-height: 6vw;
        color: #5C5C5C;
        margin-top: 0;
    }
}
@media (max-width: 542px) {
    .FIOinput {
        height: 9vw;
    }
}
  .flexinput {
      display: flex;
      justify-content: space-between;
      margin-top: 1vw;
      margin-bottom: 1vw;
  }
  .Emailinput {
    box-sizing: border-box;
    width: 48%;
    height: 3vw;
    border: 1px solid rgba(92, 92, 92, 0.5);
    border-radius: 5px;
    margin-right: 1vw;
  }
     @media (max-width: 777px) {
    .Emailinput {
        height: 6vw;
    }
  }
  @media (max-width: 542px) {
    .Emailinput {
        height: 9vw;
        width: 100%;
    }
    .flexinput {
        display: flex;
        flex-direction: column;
        gap: 3vw;
        margin-top: 3vw;
        margin-bottom: 3vw;
    }
  }
  .Subject {
    box-sizing: border-box;
    width: 48%;
    height: 3vw;
    border: 1px solid rgba(92, 92, 92, 0.5);
    border-radius: 5px;
  }
     @media (max-width: 777px) {
    .Subject {
        height: 6vw;
    }
  }
  @media (max-width: 542px) {
    .Subject {
        height: 9vw;
        width: 100%;
    }
  }
  .Voprosinput {
    box-sizing: border-box;
    width: 100%;
    height: 6vw;
    border: 1px solid rgba(92, 92, 92, 0.5);
    border-radius: 5px;
  }
     @media (max-width: 777px) {
    .Voprosinput {
        height: 17vw;
    }
  }
  @media (max-width: 542px) {
    .Voprosinput {
        height: 25vw;
    }
  }
  .buttonforma {
    margin-left: 0;
    margin-top: 3vw;
    text-align: center;
  }
     @media (max-width: 542px) {
    .buttonforma {
        margin-top: 6vw;
      }
  }
  .buttonformahref {
    display: inline-block;
    padding: 10px 40px;
    background-color: #5C5C5C;
    color: #FFFFFF;
    text-decoration: none;
    border-radius: 10px;
    font-family: 'TildaSans-Regular';
    font-size: 17px;
    font-weight: 700;
    transition: 800ms;
  }
  .buttonformahref:hover {
      background-color: #9E0116;
      color: #FFFFFF;
      transition: 800ms;
  }



  /* Страница для ответа на сообщение пользователю */

  .response-row {
    box-sizing: border-box;
    height: 10vw;
    display: block;
    width: 100%;
    background-color: rgba(245, 245, 245, 1);
    border: none;
    border-radius: 5px;
    resize: none;
    font-family: 'TildaSans-Regular';
    font-weight: 400;
    font-size: 20px;
    padding-top: 1vw;
    padding-bottom: 1vw;
    padding-right: 1vw;
    padding-left: 15px;
    margin-bottom: 2vw;
  }

/* 
Показ файлов на форме рассмотрения админа */
.file-item button {
    background-color: #ffffff;
    color: #000000;
    border: 1px solid rgba(92, 92, 92, 0.5);
}
.file-item button:hover {
    background-color: rgba(158, 1, 22, 1);
    color: #ffffff;
}
.file-actions {
    display: flex;
    gap: 1vw;
}


/* ФотоБанк */

.fotobank__title {
    text-align: center;
    margin: 3vw 0vw;
    font-family: 'TildaSans-Semibold';
    font-weight: 800;
    font-style: normal;
    font-size: clamp(20px, 2vw, 30px);
    color: #5C5C5C;
}

.fotobank {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-rows: auto;
    gap: 1vw;
    padding: 0 5vw 5vw 5vw;
}

.fotobank__item {
    display: block;
    text-decoration: none;
    position: relative;
    background-color: rgba(217, 217, 217, 1);
    height: 15vw;
    overflow: hidden;
}

.fotobank__item:hover {
    cursor: pointer;
}

.fotobank__item:hover .fotobank__img {
    scale: 1.1;
}

.fotobank__img {
    position: absolute;
    z-index: 1;
    width: 140%;
    height: 140%;
    background-color: rgba(217, 217, 217, 1);
    transition: all 500ms;
}

.fotobank__popap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 999999999999;
    display: none;
    justify-content: center;
    align-items: center;
    background-color: #5c5c5cbb;
}

.fotobank__popap-image-albom {
    width: 60vw;
    height: 40vw;
}

.fotobank__popap-image-book {
    width: 30vw;
    height: 45vw;
}

@media (max-width: 700px) {
    .fotobank__title {
        margin: 5vw 0vw;
    }
    .fotobank {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-auto-rows: auto;
        gap: 2vw;
        padding: 0 5vw 5vw 5vw;
    }
    .fotobank__item {
        display: block;
        text-decoration: none;
        position: relative;
        background-color: rgba(217, 217, 217, 1);
        height: 40vw;
    }
    .fotobank__popap-image-albom {
        width: 96vw;
        height: 80vw;
    }
    .fotobank__popap-image-book {
        width: 65vw;
        height: 110vw;
    }
    
}

/* Мемориалы */

.memorials__title {
    position: relative;
    text-align: center;
    margin: 3vw 0vw;
    font-family: 'TildaSans-Semibold';
    font-weight: 800;
    font-style: normal;
    font-size: clamp(20px, 2vw, 30px);
    color: #5C5C5C;
}

.memorials {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: auto;
    gap: 1vw;
    padding: 0vw 5vw 5vw 5vw;
}

.memorials__item {
    display: block;
    text-decoration: none;
    position: relative;
    background-color: rgba(217, 217, 217, 1);
    height: 20vw;
}

.memorials__img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(217, 217, 217, 1);
}

.memorials__box {
    opacity: 0;
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #5c5c5cdb;
    transition: all 500ms;
}

.memorials__box-name {
    font-family: 'TildaSans-Semibold';
    font-weight: 800;
    font-style: normal;
    font-size: clamp(20px, 2vw, 30px);
    color: #ffffff;
    text-align: center;
}

.memorials__item:hover .memorials__box {
    opacity: 1;
    cursor: pointer;
}

@media (max-width: 700px) {
    .memorials__title {
        margin: 5vw 0vw;
        padding: 0vw 15vw;
    }
    .memorials {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-auto-rows: auto;
        gap: 2vw;
        padding: 0 5vw 5vw 5vw;
    }
    .memorials__item {
        position: relative;
        background-color: rgba(217, 217, 217, 1);
        height: 30vw;
    }
}


/* О мемориале */

.strelkaExitMemorials {
    position: absolute;
    top: 0vw;
    left: 5vw;
}

.aboutmemorials__box {
    margin: 0vw 5vw 5vw 5vw;
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    gap: 3vw;
}

.aboutmemorials__item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    gap: 5vw;
}

.aboutmemorials__imagebox {
    background-color: rgba(217, 217, 217, 1);
    width: 100%;
    height: 30vw;
    overflow: hidden;
}

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

.aboutmemorials__textbox {
    padding: 0vw 0;
}

.aboutmemorials__text {
    font-size: clamp(13px, 1.5vw, 30px);
    font-family: 'TildaSans-Regular';
    margin: 0;
}

@media (max-width: 700px) {
    .aboutmemorials__item {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-rows: auto;
        gap: 5vw;
    }
    .aboutmemorials__imagebox {
        background: none;
        width: 100%;
        height: 100%;
        overflow: hidden;
        display: flex;
        justify-content: center;
    }
    .aboutmemorials__image {
        width: 55vw;
        height: 55vw;
    }
}

/* Футер */

.footer {
    background-color: rgba(109, 0, 15, 1);
}

.footer__top {
    background-color: rgba(109, 0, 15, 1);
    padding: 2vw 10vw;
    display: flex;
    justify-content: space-between;
}

.archivalservice {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1vw;
}

.archivalservice__image {
    width: 5vw;
    height: 5vw;
}

.archivalservice__title {
    font-family: 'TildaSans-Regular';
    font-style: normal;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
    font-size: clamp(14px, 1.5vw, 30px);
    margin: 0;
}

.archivalservice__subtitle {
    font-family: 'MiamaNueva';
    color: rgba(147, 147, 147, 1);
    font-size: clamp(12px, 1.2vw, 20px);
    margin: 0;
}

.footer__menu {
    list-style-type: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5vw;
}

.footer__menu li, .footer__menu a{
    text-align: right;
    color: rgba(230, 230, 230, 1);
    text-decoration: none;
    font-family: 'TildaSans-Regular';
    font-style: normal;
    font-weight: 500;
    font-size: clamp(14px, 1.1vw, 20px);
    transition: 500ms;
}

.footer__menu a:hover{
    opacity: 0.5;
    transition: 500ms;
}

.footer__bottom {
    background-color: rgba(93, 0, 12, 1);
    padding: 2vw 9.3vw 2vw 10vw;
    display: flex;
    justify-content: space-between;
}

.octa {
    display: flex;
    align-items: center;
    gap: 0.5vw;
    color: rgba(230, 230, 230, 1);
    text-decoration: none;
    font-family: 'TildaSans-Regular';
    font-style: normal;
    font-weight: 500;
    font-size: clamp(14px, 1.1vw, 20px);
    transition: 500ms;
}

.octa:hover {
    opacity: 0.5;
    transition: 500ms;
}

.cardcounter {
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
    font-family: 'TildaSans-Regular';
    font-style: normal;
    font-weight: 500;
    font-size: clamp(14px, 1.1vw, 20px);
    transition: 500ms;
    display: flex;
    align-items: center;
    gap: 0.5vw;
}

.cardcounter img {
    width: 20px;
    height: 20px;
}


/* Политика конфиденциальности */

.politika__box {
    padding: 2vw 10vw;
}

.politika__box h1 {
    text-align: center;
    font-family: 'Yandex Sans Display Regular';
    font-size: clamp(17px, 1.7vw, 35px);
}

.politika__box h2 {
    font-family: 'Yandex Sans Display Regular';
    font-size: clamp(15px, 1.5vw, 30px);
}

.politika__box p {
    font-family: 'Yandex Sans Display Light';
    font-size: clamp(13px, 1.2vw, 20px);
}

.voinskoe_zvanie_kart {
    font-family: 'TildaSans-Regular';
    font-size: clamp(11px, 1.4vw, 16px);
    color: #888888; 
    display: block;
    text-align: center;
    margin-top: 3px;
    padding-left: 1vw;
    padding-right: 1vw;
}

/* --- SAYFAYA GİT (JUMP) ALANI --- */
.page_jump_container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 1vw; 
    margin-bottom: 2vw;
    font-family: 'TildaSans-Regular';
    color: #5C5C5C;
    font-size: clamp(12px, 1.3vw, 16px);
}

.page_jump_input {
    width: 60px;
    height: 30px;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    text-align: center;
    font-family: 'TildaSans-Regular';
    font-size: 15px;
    color: #333;
    outline: none;
    transition: 300ms;
}

.page_jump_input:focus {
    border-color: #9E0116; 
}

.page_jump_input::-webkit-outer-spin-button,
.page_jump_input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.page_jump_input[type=number] {
    -moz-appearance: textfield;
}

.page_jump_btn {
    background-color: #ffffff;
    border: 1px solid #9E0116;
    color: #9E0116;
    border-radius: 5px;
    padding: 0 15px;
    height: 30px;
    font-family: 'TildaSans-Regular';
    font-size: 14px;
    cursor: pointer;
    transition: 300ms;
}

.page_jump_btn:hover {
    background-color: #9E0116;
    color: #ffffff;
}

.page_jump_info {
    color: #999999;
}