/* Start:/local/templates/.default/components/bitrix/news/template_eng_livecam/bitrix/news.detail/.default/style.css?178299160611582*/
.newsmore{display:flex;width:100%;gap:25px;margin:25px 0;}
.newsmore .prev, .newsmore .next{width:50%;display:flex;flex-direction:column;align-items:stretch;text-align:center;}
.newsmore .prev{}
.newsmore .next{}
.newsmore_item_top{margin-bottom:15px;color:#333;}
.newsmore_item_top span{color:#D6D6D6;}
.sektion_workarea .newsmore a.url{margin-bottom:15px;}
.sektion_workarea .newsmore a{text-decoration:underline;border-bottom: 0px solid #ccc;}
.sektion_workarea .newsmore a.url_img{text-decoration:none;margin-top:auto;}
.newsmore a.url_img img{border:1px solid #fff;border-radius:15px;}



div.news-detail
{
	word-wrap: break-word;
}
div.news-detail img.detail_picture
{
	float:left;
	margin:0 8px 6px 1px;
}
.news-date-time
{
	color:#486DAA;
}
.news-detail img {
    max-width: 500px;
}
.filename2 {margin: 25px 0;}
.filename2 img {vertical-align: bottom;}
.news_detail table tr:nth-child(odd) {background: #f4f4f4;}

.news_detail {padding-bottom: 20px;}
.news_detail .filename2 {width: 180px;float: left;text-align: center;}
.news_detail .news_img{display:block;width:100%;height:auto;border-radius: 15px;}
.news_detail .news-date-time{margin:15px 0;}
.news_detail .news_gallery{display:flex;flex-wrap:wrap;}
.news_detail .news_gallery a{width:33%;display:block;}
.news_detail .news_gallery img{display:block;width:100%;padding:5px;border-radius: 15px;}
.news_detail table{width:100%;}
.news_detail table tr{border-bottom:1px solid #F2F2F2;border-right:1px solid #F2F2F2;}
.news_detail table td{border-top:1px solid #F2F2F2;border-left:1px solid #F2F2F2;padding:6px;}
.sektion_workarea .news_detail .news_gallery a {border-bottom: 0;}
.gallery_link{display:block;position:relative;}
.gallery_descr{border-radius: 15px;position:absolute;bottom:3px;left:3px;right:3px;background: linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);color:#fff;text-align:center;padding:10px;font-size:18px;}
@media (max-width: 980px) {
.news_detail .news_gallery a{width:50%;}
}
@media (max-width: 480px) {
.news_detail .news_gallery a{width:100%;}
.footer_info_bottom {width: 100%;display: block;}
.footer_info_bottom div {width: 100%;text-align: center;margin: 0 auto 15px;}
.layout .social {text-align: center;margin: auto;}
.social a {margin: 10px;}
}




.photo-container {
    position: relative;
    width: 100%;
    overflow: hidden;
           border-radius: 10px;
}
 
        .main-photo {
            width: 100%;
            height: auto;
            display: block;
            transition: transform 0.3s ease;
        }

        .main-photo:hover {
            transform: scale(1.02);
        }

        .camera-label {
            position: absolute;
            top: 10px;
            left: 10px;
            background-color: rgba(0, 0, 0, 0.7);
            color: #fff;
            padding: 5px 10px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: bold;
        }

        .timestamp {
            position: absolute;
            bottom: 10px;
            left: 10px;
            background-color: rgba(0, 0, 0, 0.7);
            color: #0f0;
            padding: 5px 10px;
            border-radius: 4px;
            font-family: 'Courier New', monospace;
            font-size: 14px;
        }

    .open-modal-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, #3498db, #2980b9);
    color: white;
    border: none;
    padding: 15px 30px;
    border-radius: 50px;
    font-size: 18px;
    font-weight: 100;
    cursor: pointer;
    transition: all 0.3s 
ease;
    box-shadow: 0 4px 8px rgba(52, 152, 219, 0.3);
    margin: -20px auto;
    position: relative;
}

        .open-modal-btn:hover {
            background: linear-gradient(135deg, #2980b9, #1f639e);
            transform: translateY(-2px);
            box-shadow: 0 6px 12px rgba(52, 152, 219, 0.4);
        }

        .open-modal-btn:active {
            transform: translateY(0);
        }

        .open-icon {
            width: 24px;
            height: 24px;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z'/%3E%3C/svg%3E");
            background-size: contain;
            background-repeat: no-repeat;
        }

        /* Стили для модального окна */
        .modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.95);
            z-index: 1000;
            justify-content: center;
            align-items: center;
            animation: fadeIn 0.3s ease;
        }

        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }

        .modal-content {
            max-width: 95%;
            max-height: 95%;
            position: relative;
            border-radius: 10px;
            overflow: hidden;
            background-color: #000;
            border: 2px solid #444;
        }

        .modal-image-container {
            position: relative;
            display: inline-block;
            width: 100%;
            height: 100%;
        }

        .modal-image {
            max-width: 100%;
            max-height: 85vh;
            display: block;
            margin: 0 auto;
        }

        /* Кнопка закрытия - крестик в правом верхнем углу */
        .close-modal {
            position: absolute;
            top: 15px;
            right: 15px;
            width: 40px;
            height: 40px;
            background-color: rgba(255, 71, 87, 0.9);
            border-radius: 50%;
            border: none;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 24px;
            font-weight: bold;
            transition: all 0.3s ease;
            z-index: 1002;
        }

        .close-modal:hover {
            background-color: rgba(255, 55, 66, 1);
            transform: scale(1.1);
            box-shadow: 0 4px 8px rgba(0,0,0,0.3);
        }

        .close-modal:before,
        .close-modal:after {
            content: '';
            position: absolute;
            width: 22px;
            height: 3px;
            background-color: white;
            border-radius: 2px;
        }

        .close-modal:before {
            transform: rotate(45deg);
        }

        .close-modal:after {
            transform: rotate(-45deg);
        }

        /* Кнопка обновления - по центру внизу */
        .refresh-btn {
            position: absolute;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            width: 60px;
            height: 60px;
            background-color: rgba(46, 213, 115, 0.9);
            border-radius: 50%;
            border: none;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 24px;
            transition: all 0.3s ease;
            z-index: 1002;
            box-shadow: 0 4px 8px rgba(0,0,0,0.3);
        }

        .refresh-btn:hover {
            background-color: rgba(37, 196, 100, 0.95);
            transform: translateX(-50%) scale(1.1);
            box-shadow: 0 6px 12px rgba(0,0,0,0.4);
        }

        /* Символ обновления */
        .refresh-icon {
            display: inline-block;
            width: 30px;
            height: 30px;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z'/%3E%3C/svg%3E");
            background-size: contain;
            background-repeat: no-repeat;
        }

        /* Информация о камере в модальном окне */
        .modal-camera-label {
            position: absolute;
            top: 15px;
            left: 15px;
            background-color: rgba(0, 0, 0, 0.7);
            color: #fff;
            padding: 8px 15px;
            border-radius: 4px;
            font-size: 14px;
            font-weight: bold;
            z-index: 1001;
        }

        .modal-timestamp {
            position: absolute;
            top: 50px;
            left: 15px;
            background-color: rgba(0, 0, 0, 0.7);
            color: #0f0;
            padding: 8px 15px;
            border-radius: 4px;
            font-family: 'Courier New', monospace;
            font-size: 16px;
            z-index: 1001;
        }

        /* Анимация для обновления */
        @keyframes refreshSpin {
            from {
                transform: rotate(0deg);
            }
            to {
                transform: rotate(360deg);
            }
        }

        .refreshing {
            animation: refreshSpin 0.5s ease;
        }

        .photo-info {
            margin-top: 15px;
            color: #666;
            font-size: 16px;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
            line-height: 1.5;
        }

        /* Адаптивность */
        @media (max-width: 768px) {

            
            .open-modal-btn {
                padding: 12px 24px;
                font-size: 16px;
            }
            
            .close-modal {
                width: 35px;
                height: 35px;
                top: 10px;
                right: 10px;
            }
            
            .close-modal:before,
            .close-modal:after {
                width: 18px;
            }
            
            .refresh-btn {
                width: 50px;
                height: 50px;
                bottom: 15px;
            }
            
            .refresh-icon {
                width: 25px;
                height: 25px;
            }
            
            .modal-camera-label,
            .modal-timestamp {
                font-size: 12px;
                padding: 5px 10px;
            }
            
            .modal-timestamp {
                top: 40px;
            }
        }

        @media (max-width: 480px) {

            
            .open-modal-btn {
                width: 100%;
                max-width: 300px;
            }
            
            .refresh-btn {
                width: 45px;
                height: 45px;
                bottom: 10px;
            }
            
            .refresh-icon {
                width: 22px;
                height: 22px;
            }
        }

.photo-container img {width: 100%;min-height: 300px;}
.red-modality textarea {font-size: 1.9rem !important;}
.red-modality input.text {font-size: 1.9rem !important;}
.red-modality .button {font-size: 1.85rem !important;}
.red-comments-body {font-size: 1.93rem !important;}
.red-comments-header {font-size: 1.9rem !important;}
.red-comments-reply {padding: 5px 10px 5px 37px !important;font-size: 1.8rem !important;}
.news_detail iframe {height: 600px;}
.viewscount img {width: 25px;}
.viewscount {margin: 30px;}
/* End */
/* /local/templates/.default/components/bitrix/news/template_eng_livecam/bitrix/news.detail/.default/style.css?178299160611582 */