/* Start:/local/templates/ai_new/components/bitrix/news/videoblog/bitrix/news.list/.default/style.css?1781795181150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */


/* Start:/local/components/refreshcomponents/bannertop/templates/.default/style.css?17795358932344*/
/********************************* big_banner ***********************************/
.bannertop {position: relative;overflow: hidden;}
.bannertop .backgraund_image {position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;background-position-y: bottom !important;}
.bannertop .content {width: 50%;position: relative;z-index: 2;padding: 70px 0px 70px 0px;}
.bannertop .active_image {position: absolute;bottom: 20px;right: 20px;top: 20px;width:45%;display: flex;justify-content: center;align-items: center;}
.bannertop .active_image img {max-width: 100%;max-height: 100%;}
.bannertop h1 {font-weight: 500;font-size: 54px;text-transform: uppercase;padding-bottom: 30px;line-height: 60px;color: #ffffff;margin-bottom: 0px;}
.bannertop .description {color: #ffffff;font-size: 28px;line-height: 36px;font-weight: 300;}
.bannertop .content_btn2{display: flex;gap: 20px;padding-top: 40px;}
.bannertop .btn2-max{display:inline-flex;align-items:center;gap:8px;    padding-left: 6px;}
.bannertop .btn2-max img{height:26px;width:auto;display:block;}
.bannertop a.btn2-max,.bannertop a.btn2-max span{color:#fff;}
.bannertop.lite .content{padding: 0px;width: 100%;}
.bannertop.lite {padding: 20px;}
.bannertop.lite h1{padding-bottom: 20px;font-size: 36px;line-height: 44px;}
.bannertop .cat-tabs{display: flex;gap: 10px;flex-wrap: wrap;}
.bannertop .cat-tab{display: block;color: #ffffff;height: 40px;font-size: 14px;line-height: 38px;padding: 0px 20px;    border: solid #282828 1px;background: #00000066;border-radius: 9px;cursor: pointer;text-decoration: none;font-weight: 400;}
.bannertop .cat-tab.active{color: #000000;background: var(--my-base-color);}

@media (max-width: 991px) {
	.bannertop{padding: 25px 15px 10px 15px;display: flex;flex-direction: column-reverse;}
    .bannertop h1 {font-size: 44px;line-height: 48px;text-align: center;}
	.bannertop .content {padding: 60px 0px 20px 0px;width:100%;}
	.bannertop .bx-breadcrumb{display:none;}
	.bannertop .description {color: #fff;font-size: 24px;line-height: 28px;text-align: center;}
	.bannertop .active_image {position: unset;width: 100%;}
	.bannertop .content_btn2 {align-items: center;gap: 10px;justify-content: center;}
	.bannertop .btn2-max img {height: 18px;}
	.bannertop .cat-tabs {justify-content: center;}
	.bannertop .cat-tab {height: 34px;line-height: 32px;padding: 0px 11px;}
}





/* End */


/* Start:/local/components/refreshcomponents/video_items/templates/.default/style.css?17817963354374*/
.video_items {
    --bs-body-color: var(--my-base-text);
    --bs-heading-color: #ffffff;
    --bs-secondary-color: var(--my-base-text);
    --bs-link-color: var(--my-base-color);
}

.video_items .content_area {
    position: relative;
    padding-bottom: 0px;
    text-align: center;
    color: var(--bs-body-color);
}

.video_items .title {
    color: #ffffff;
    font-size: 18px;
    line-height: 25px;
    font-weight: 300;
    padding: 10px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    border-radius: 20px;
    left: 10px;
    background: #00000094;
    text-align: center;
    backdrop-filter: blur(10px);
}

.video_items .title a,
.video_items .title span,
.video_items .title * {
    color: #ffffff !important;
}

.video_items .description {
    color: #ffffff;
    text-align: left;
    padding: 10px 0px;
}

.video_items .description * {
    color: var(--my-base-text) !important;
}

.video_items .img {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 500px;
    background-color: var(--my-base-dark);
    border-radius: 10px;
    overflow: hidden;
}


.video_items .img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.video_items--few .img img {
    height: auto;
    object-fit: contain;
}

.video_items .img__trigger {
    display: block;
    position: relative;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 10px;
    overflow: hidden;
    background: transparent;
    cursor: pointer;
    color: #ffffff;
}

.video_items--few .img__trigger {
    height: auto;
}

.video_items .img__trigger:focus-visible {
    outline: 2px solid var(--my-base-color);
    outline-offset: 2px;
}

.video_items .img__play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    pointer-events: none;
    opacity: 0.92;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.video_items .img__trigger:hover .img__play,
.video_items .img__trigger:focus-visible .img__play {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.06);
}

.video_items .img__play svg {
    display: block;
    filter: drop-shadow(0 4px 16px rgba(0, 0, 0, 0.45));
}

.video_items .box-services {
    height: 100%;
    overflow: hidden;
}

.video_items h1,
.video_items h2,
.video_items h3,
.video_items h4,
.video_items h5,
.video_items h6,
.video_items .heading,
.video_items .headline {
    color: #ffffff !important;
}

.video_items .title a,
.video_items h1 a,
.video_items h2 a,
.video_items h3 a {
    color: #ffffff !important;
    text-decoration: none;
}

.video_items .title a:hover,
.video_items h1 a:hover,
.video_items h2 a:hover,
.video_items h3 a:hover {
    color: var(--my-base-color) !important;
}

.video_items-modal {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.video_items-modal[hidden] {
    display: none !important;
}

.video_items-modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.82);
}

.video_items-modal__dialog {
    position: relative;
    z-index: 1;
    width: min(960px, 100%);
    background: #0d0d0d;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.55);
}

.video_items-modal__close {
    position: absolute;
    top: 8px;
    right: 12px;
    z-index: 2;
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.55);
    color: #ffffff;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
}

.video_items-modal__close:hover {
    background: rgba(255, 255, 255, 0.15);
}

.video_items-modal__body {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #000000;
}

.video_items-modal__body video,
.video_items-modal__body iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

html.video_items-modal-open {
    overflow: hidden;
}

@media (max-width: 991px) {
    .video_items .title {
        font-size: 20px;
        line-height: 24px;
    }
    
    .video_items .description {
        font-size: 14px;
        line-height: 18px;
    }

    .video_items-modal {
        padding: 12px;
    }
}

/* End */
/* /local/templates/ai_new/components/bitrix/news/videoblog/bitrix/news.list/.default/style.css?1781795181150 */
/* /local/components/refreshcomponents/bannertop/templates/.default/style.css?17795358932344 */
/* /local/components/refreshcomponents/video_items/templates/.default/style.css?17817963354374 */