/* Start:/local/templates/ms_2018/components/bitrix/news.list/personal_video_guides/style.css?17816019852705*/
:root {
    --btn-accent: #54B600; /* primary green by default */
    --btn-border: transparent; /* can be overridden for outline */
}

/* GRID */
.video-guides__title { font-size: 28px; line-height: 1.25; font-weight: 400!important; margin: 0px 0 16px; }
.video-guides__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px 20px;}
.video-guides__grid.column-3 { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 1200px) { .video-guides__grid.column-3 { grid-template-columns: repeat(2, 1fr); } }

.video-guides__item .video-guides__thumb { background: transparent; border: 0; border-radius: 24px; display: flex; flex-direction: column; transition: box-shadow .2s ease;}
.video-guides__item:hover .video-guides__thumb { box-shadow: 0 6px 20px rgba(16, 24, 40, 0.13); }

.video-guides__thumb { position: relative; display: block; aspect-ratio: 16 / 9; background: #F5F7FA; overflow: hidden; border-radius: 24px; }
.video-guides__thumb::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 35%, rgba(84,182,0,0.35) 75%, rgba(45,150,0,0.55) 100%); }
.video-guides__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.video-guides__thumb .icon { width: 28px; height: 28px; }
/* Card CTA button: bottom-right per mock */
.video-guides__cta { position: absolute; right: 12px; bottom: 12px; left: auto; transform: none; display: inline-flex; align-items: center; gap: 12px; padding: 10px 14px 10px 16px; border-radius: 16px; background: #fff; color: #101828; font-weight: 700; font-size: 16px; text-decoration: none; box-shadow: 0 8px 20px rgba(16,24,40,.12); z-index: 2;}
.video-guides__cta .icon { width: 30px; height: 30px; padding: 2px; color: #fff; border-radius: 50%; transition: all .2s ease; fill: var(--btn-accent);}
.video-guides__item:hover .video-guides__cta .icon{padding: 0px;}
.video-guides__body { padding: 14px 4px 0; display: flex; flex-direction: column; gap: 6px; }
.video-guides__name { font-size: 16px; font-weight: 600; color: #101828; margin: 0; }
.video-guides__desc { font-size: 13px; color: #878889; margin: 0; }

.video-guides__tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.tag { display: inline-flex; align-items: center; padding: 8px 14px; border-radius: 999px; border: 1px solid #E4E7EC; color: #878889; background: #fff; text-decoration: none; font-weight: 300; font-size: 13px; line-height: 1; transition: background-color .2s ease, color .2s ease, border-color .2s ease; }

.video-guides__cta .icon{
    width: 30px;
    height: 30px;
    padding: 2px;
    color: #fff;
    border-radius: 50%;
    transition: all .2s ease;
    fill: var(--btn-accent);
}
/* End */


/* Start:/local/templates/ms_2018/components/bitrix/system.pagenavigation/ms/style.min.css?17437471842530*/
.bx-pagination{margin:10px 0}.bx-pagination .bx-pagination-container{text-align:center;position:relative}.bx-pagination .bx-pagination-container ul{padding:0;margin:0;list-style:none;display:inline-block}.bx-pagination .bx-pagination-container ul li{display:inline-block;margin:0 2px 15px 2px}.bx-pagination .bx-pagination-container ul li span{-webkit-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-o-transition:color .3s ease,background-color .3s ease,border-color .3s ease;transition:color .3s ease,background-color .3s ease,border-color .3s ease;background:#eff0f1;padding:0 8px;display:block;height:32px;min-width:32px;line-height:32px;color:#444;font-size:14px;border-radius:16px;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-pagination .bx-pagination-container ul li a{text-decoration:none;display:block;border-radius:16px;height:32px;min-width:32px;line-height:32px;color:#444;vertical-align:middle}.bx-pagination .bx-pagination-container ul li a:hover span{background:#dadada}.bx-pagination .bx-pagination-container ul li.bx-active span{background:#0083d1;color:#fff}.bx-pagination .bx-pagination-container ul li.bx-pag-all a span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a span{background:#fff;border:2px solid #eff0f1;line-height:28px;padding:0 18px;color:#444}.bx-pagination .bx-pagination-container ul li.bx-pag-all span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev span,.bx-pagination .bx-pagination-container ul li.bx-pag-next span{color:#aab1b4;background:#fff;border:2px solid #eff0f1;line-height:28px;padding:0 18px}.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span{background:#fff;border-color:#dadada;color:#000}.bx-pagination.bx-green .bx-pagination-container ul li.bx-active span{background:#3bc915;color:#fff}.bx-pagination.bx-yellow .bx-pagination-container ul li.bx-active span{background:#f9a91d;color:#fff}.bx-pagination.bx-red .bx-pagination-container ul li.bx-active span{background:#e22b2b;color:#fff}.bx-pagination.bx-blue .bx-pagination-container ul li.bx-active span{background:#0083d1;color:#fff}
/* End */


/* Start:/local/templates/ms_2018/components/yakus/sender.subscribe/ms/style.css?17437471841995*/
.bx_subscribe_response_container table td{border: none;}
.subscribe-wrapper .agreement label, .subscribe-wrapper .agreement a{font-size: 10px; top: -5px; line-height: 13px;}
.subscribe-wrapper .checkbox label:before{top: 3px;}
.subscribe-wrapper .checkbox .check{top: 4px;}
.subscribe-wrapper .agreement{margin: 8px 0px 15px 0px!important;}
.subscribe-wrapper .agreement{line-height: 27px;}
.subscribe-wrapper .styled button{height: 40px; line-height: 40px;}
.sender_sidebar.fixed .subscription{padding-bottom: 15px;}

.subscription.centerSubscribe{padding: 60px 0;}
.subscriptionBlock{
    padding: 0 0 0 180px;
    max-width: 1120px;
    margin: 0 auto;
    position: relative;
}
.subscriptionBlock > .icon {
    font-size: 72px;
    width: 1em;
    height: 1em;
    fill: #8593a1;
    position: absolute;
    left: 1em;
}
@media (min-width: 992px) {
    .main-sidebar .subscriptionBlock > .icon {
        width: 36px;
        height: 36px;
        left: 0;
        top: 0;
    }
    .main-sidebar .subscriptionBlock{
        padding: 0;
    }
    .main-sidebar .agreement{line-height: 11px;}
}
@media (max-width: 991px){
    .subscription:first-child {
        margin-left: 0 !important;
    }
    .subscriptionBlock{
        padding: 0 0 0 100px;
    }
    .subscriptionBlock > .icon {
        width: 72px;
        height: 72px;
        left: 15px;
        top: 0;
    }
    .subscription .h2 {
        font-size: 36px !important;
        font-weight: normal;
    }
    .subscription .h2{
        padding-left: 15px !important;
    }
    .sender_sidebar h2, .sender_sidebar .h2{
        padding-left: 15px;
    }
    .subscription h3, .subscription p {
        margin-left: 15px !important;
    }
    .consultation .agreement, .subscription .agreement{
        left: 15px !important;
    }
}
@media (max-width: 767px){
    .subscriptionBlock{
        padding: 0 15px 0 100px;
    }
    .subscription form .col, .subscription form .col:first-child{
        padding: 0 15px !important;
    }
}
/* End */
/* /local/templates/ms_2018/components/bitrix/news.list/personal_video_guides/style.css?17816019852705 */
/* /local/templates/ms_2018/components/bitrix/system.pagenavigation/ms/style.min.css?17437471842530 */
/* /local/templates/ms_2018/components/yakus/sender.subscribe/ms/style.css?17437471841995 */