Проект спецназ

<style>

    .app-content {
    display:flex;
        flex-direction: column;
        margin-bottom: 20px;
        padding: 20px;
        color: #141434;
      border-radius: 0.5rem;
        background-color: #fff;
    }
    .institutes {
        border-radius: 0.5rem;
        background-color: transparent ;
        color: #141434 !important;
    padding:0;
    }
    
    .custom-head {
          padding:10px;
        display: flex;
        flex-direction: row;
    }
    .custom-head {
        display: flex
    ;
        flex-direction: row;
    }
    .custom-src{
        display: flex;
        flex-direction: column;
    }
    .description{
    width: 400px;
    margin-top:20px;
    margin-left:50px;
    }
    
    </style>
    
    <div class="app-content">
    <div class="custom-head">
    <div><img src="/upload/ea4033fba11a55f8806a7fdec6f1cf36.jpg" ></div>
    <div class="description" ><p><b>Цель проекта:</b>
Совместно с Минобрнауки России определен в качестве пилотного Центра - Военный учебный центр ФГБУ ВО «МИРЭА - Российский технологический университет».
    
    </div>
    </div>
    </div>
    </div>
    <div class="app-content">
    <div class="custom-head">
    <div class="description"><b>В программу подготовки включены:</b><br>
    - Общая тактика.<br>
    - Военная топография.<br>
    - Военно-инженерная подготовка.<br>
    - Огневая подготовка.<br>
    - Разведывательная подготовка.<br>
    - Общевоинские уставы.<br>
    - Строевая подготовка.<br>
    - Физическая подготовка, с элементами рукопашного боя и горной подготовки.<br>
    - Медицинская подготовка.<br>
    </div>
    <div><img src="/upload/24b385aab756ff6597d44f40c7bb3000.jpg" ></div>
    
    </div>
    </div>
    
    <div class="app-content">
    <div class="custom-head">
    <div><img src="/upload/a9331abd249c810f6f26c994cdd5f96c.jpg" ></div>
   <div class="description"><p><b>Итоговым испытанием:</b>
    для обучаемых является "Рейд выживания", на котором полученные ранее знания и навыки пройдут проверку. Во время рейда студенты преодолевают около 30 километров по пересеченной местности с соблюдением режима скрытности и высокого уровня боевой готовности.
    </p>В ходе рейда необходимо самостоятельно ориентироваться на местности, форсировать водные преграды и оборудовать ночлег в лесу.
    </div>
    </div>
    </div>
    
    <div class="app-content">
    Для участия в проекте необходимо подать заявление (инструкции) на почтовый адрес военного учебного центра: vuc@mirea.ru<br>
    За более подробной информацией обращаться по номерам:<br>
    - Дежурный: +7 (499) 600-86-03<br>
    - Учебная часть: +7 (495) 246-05-55 доб. 32604<br>
    - Начальник военного учебного центра: +7 (499) 600-86-01, +7 (495) 246-05-55 доб. 32601<br>
    - Начальник учебной части - заместитель начальника военного учебного центра: +7 (495) 246-05-55 доб. 32602<br>
    </div>
    
    <div class="app-content">
    <script type="text/javascript" src="/bitrix/templates/unlimtech/vendor/fotorama/fotorama.js"></script>
    <link href="/bitrix/templates/unlimtech/vendor/fotorama/fotorama.css" type="text/css" rel="stylesheet">

  


  




<div data-thumbheight="200" data-nav="thumbs" data-allowfullscreen="true" data-width="100%" data-fit="contain" data-swipe="true" data-click="true" data-arrows="true" class="gallery_fotorama fotorama">
    <a href="/upload/pam-data/downloaded_images/1df6d1f3c1ecc5204b8787c2620bde3b.jpg" data-full="/upload/pam-data/downloaded_images/1df6d1f3c1ecc5204b8787c2620bde3b.jpg"><img src="/upload/pam-data/downloaded_images/1df6d1f3c1ecc5204b8787c2620bde3b.jpg"></a>
    <a href="/upload/pam-data/downloaded_images/23e2ba3fbac106d242f8626585c37885.jpg" data-full="/upload/pam-data/downloaded_images/23e2ba3fbac106d242f8626585c37885.jpg"><img src="/upload/pam-data/downloaded_images/23e2ba3fbac106d242f8626585c37885.jpg"></a>
    <a href="/upload/pam-data/downloaded_images/2afde31d0720318fb2145812189bb090.jpg" data-full="/upload/pam-data/downloaded_images/2afde31d0720318fb2145812189bb090.jpg"><img src="/upload/pam-data/downloaded_images/2afde31d0720318fb2145812189bb090.jpg"></a>
    <a href="/upload/pam-data/downloaded_images/2e7815552667873745dcd3cb565a753e.jpg" data-full="/upload/pam-data/downloaded_images/2e7815552667873745dcd3cb565a753e.jpg"><img src="/upload/pam-data/downloaded_images/2e7815552667873745dcd3cb565a753e.jpg"></a>
    <a href="/upload/pam-data/downloaded_images/3060e5be52c95308c40f46bd397df265.jpg" data-full="/upload/pam-data/downloaded_images/3060e5be52c95308c40f46bd397df265.jpg"><img src="/upload/pam-data/downloaded_images/3060e5be52c95308c40f46bd397df265.jpg"></a>
    <a href="/upload/pam-data/downloaded_images/316ac8d39bf55c4a12da4304a2667ed3.jpg" data-full="/upload/pam-data/downloaded_images/316ac8d39bf55c4a12da4304a2667ed3.jpg"><img src="/upload/pam-data/downloaded_images/316ac8d39bf55c4a12da4304a2667ed3.jpg"></a>
    <a href="/upload/pam-data/downloaded_images/59b0c68fda9b5c447db0ba4a71710a51.jpg" data-full="/upload/pam-data/downloaded_images/59b0c68fda9b5c447db0ba4a71710a51.jpg"><img src="/upload/pam-data/downloaded_images/59b0c68fda9b5c447db0ba4a71710a51.jpg"></a>
    <a href="/upload/pam-data/downloaded_images/6628ca0053c16162af2538e643ef2e67.jpg" data-full="/upload/pam-data/downloaded_images/6628ca0053c16162af2538e643ef2e67.jpg"><img src="/upload/pam-data/downloaded_images/6628ca0053c16162af2538e643ef2e67.jpg"></a>
    <a href="/upload/pam-data/downloaded_images/718d0be4a05404cfe26fba3ec239718b.jpg" data-full="/upload/pam-data/downloaded_images/718d0be4a05404cfe26fba3ec239718b.jpg"><img src="/upload/pam-data/downloaded_images/718d0be4a05404cfe26fba3ec239718b.jpg"></a>
    <a href="/upload/pam-data/downloaded_images/9d1ddb7e2fa42a5e55f56709a01e00a2.jpg" data-full="/upload/pam-data/downloaded_images/9d1ddb7e2fa42a5e55f56709a01e00a2.jpg"><img src="/upload/pam-data/downloaded_images/9d1ddb7e2fa42a5e55f56709a01e00a2.jpg"></a>
    <a href="/upload/pam-data/downloaded_images/a064bc83e8728718c6cfcb2815fb52ce.jpg" data-full="/upload/pam-data/downloaded_images/a064bc83e8728718c6cfcb2815fb52ce.jpg"><img src="/upload/pam-data/downloaded_images/a064bc83e8728718c6cfcb2815fb52ce.jpg"></a>
    <a href="/upload/pam-data/downloaded_images/bb9649cb4f796bb21da329ee7fdb1c02.jpg" data-full="/upload/pam-data/downloaded_images/bb9649cb4f796bb21da329ee7fdb1c02.jpg"><img src="/upload/pam-data/downloaded_images/bb9649cb4f796bb21da329ee7fdb1c02.jpg"></a>
    <a href="/upload/pam-data/downloaded_images/d1c1a63efd6e582bc7607acecda350c8.jpg" data-full="/upload/pam-data/downloaded_images/d1c1a63efd6e582bc7607acecda350c8.jpg"><img src="/upload/pam-data/downloaded_images/d1c1a63efd6e582bc7607acecda350c8.jpg"></a>
    <a href="/upload/pam-data/downloaded_images/db04510cb88ca7ba11b2d4915133e4b5.jpg" data-full="/upload/pam-data/downloaded_images/db04510cb88ca7ba11b2d4915133e4b5.jpg" ><img src="/upload/pam-data/downloaded_images/db04510cb88ca7ba11b2d4915133e4b5.jpg"></a>
    <a href="/upload/pam-data/downloaded_images/e6e0d3062ed9e2c0caabec12bc120ec6.jpg" data-full="/upload/pam-data/downloaded_images/e6e0d3062ed9e2c0caabec12bc120ec6.jpg" ><img src="/upload/pam-data/downloaded_images/e6e0d3062ed9e2c0caabec12bc120ec6.jpg"></a>
</div>

    
    <style>
    
    .gallery_fotorama {
        max-width: 1000px; /* Максимальная ширина галереи */
        width:1000px;
        margin: 0 auto; /* Центрирование галереи */
        
        border-radius: 10px; /* Закругление углов */
        overflow: hidden; /* Скрытие переполнения */
    }
    
    .gallery_fotorama a {
        display: block; /* Блоковое отображение ссылок */
        position: relative; /* Для позиционирования изображения */
    }
    
    .gallery_fotorama img {
        width: 100%; /* Ширина изображений на 100% родительского элемента */
        height: 500px; /* Автоматическая высота для сохранения пропорций */
        transition: transform 0.3s; /* Плавный переход при наведении */
    }
    
    .gallery_fotorama img:hover {
        transform: scale(1.05); /* Увеличение изображения при наведении */
    }
    .fotorama__stage__shaft{
    
        transition-duration: 0ms;
        transform: translate3d(0px, 0px, 0px);
        width: 1000px;
        margin-left: 0px;
        border-radius: 10px;
    }
    
    .gallery_fotorama a[data-caption]:hover::after {
        content: attr(data-caption); /* Отображение подписи при наведении */
        position: absolute;
        bottom: 10px;
        left: 10px;
        background-color: rgba(0, 0, 0, 0.7); /* Полупрозрачный фон */
        color: #fff; /* Цвет текста */
        padding: 5px;
        border-radius: 5px; /* Закругление углов подписи */
    }
    
    .fotorama1743066855020 .fotorama__nav--thumbs .fotorama__nav__frame {
    
    width: 100%;
    }
    
    .fotorama__thumb {
        overflow: hidden;
        position: relative;
        width: 100%;
        height: 100%;
        border-radius: 10px;
    }
    
    .fotorama__thumb-border {
        height: 196px;
        border-width: 2px;
        margin-top: 2px;
        width: 150px !important;
       display:none;
    }
    .fotorama__img{
        width: 100%;
        height: 100%;
    }
    .fotorama__nav__frame.fotorama__nav__frame--thumb{
    
    width:100%;
    }
    .gallery_fotorama{
        width: 100%; /* Устанавливает ширину изображений на 100% от родительского контейнера */
        height: auto; /* Сохраняет пропорции изображения */
    }
    
    .fotorama__nav--thumbs .fotorama__nav__frame {
        padding: 15px !important;
        height: 120px  !important;
        width: 150px !important;
    }
    </style>