/* Start:/bitrix/templates/vinil-jam_template/components/bitrix/news.list/services/style.css?17839427451564*/
.svcc-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:1px;
    background:var(--border-l);
    border:1px solid var(--border-l);
}
.svcc-card{
    background:var(--light);
    padding:32px 28px;
    display:flex;
    flex-direction:column;
    transition:background .25s ease,color .25s ease;
}
.svcc-card:hover{background:var(--dark);color:var(--white);}
.svcc-card:hover .svcc-n{color:var(--lime);opacity:1;}
.svcc-card:hover .svcc-btn{background:var(--lime);color:var(--dark);border-color:var(--lime);}
.svcc-n{
    font-family:var(--ff-head);
    font-size:14px;
    opacity:.4;
    margin-bottom:18px;
}
.svcc-t{
    font-family:var(--ff-head);
    font-weight:700;
    text-transform:uppercase;
    font-size:20px;
    line-height:1.15;
}
.svcc-d{
    margin-top:12px;
    font-size:14px;
    line-height:1.55;
    opacity:.7;
    flex-grow:1;
}
.svcc-p{
    margin-top:20px;
    font-family:var(--ff-head);
    font-weight:600;
    font-size:16px;
    letter-spacing:.02em;
}
.svcc-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-top:18px;
    padding:12px 20px;
    font-family:var(--ff-head);
    font-weight:600;
    font-size:12px;
    letter-spacing:.06em;
    text-transform:uppercase;
    border:1px solid var(--border-l);
    transition:background .2s ease,color .2s ease,border-color .2s ease;
    align-self:flex-start;
}

@media (min-width:768px){
    .svcc-grid{grid-template-columns:repeat(2,1fr);}
}

@media (min-width:1024px){
    .svcc-grid{grid-template-columns:repeat(3,1fr);}
}

/* End */


/* Start:/bitrix/templates/vinil-jam_template/components/bitrix/news.list/portfolio/style.css?17839427471635*/
.pfc-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
}
.pfc-item{
    position:relative;
    min-height:280px;
    background:linear-gradient(135deg,#1c1c1c 0%,#050505 100%);
    background-size:cover;
    background-position:center;
    overflow:hidden;
    display:flex;
    align-items:flex-end;
}
.pfc-c1{background-color:#2a2a2a;background-image:linear-gradient(135deg,#2a2a2a 0%,#0a0a0a 100%);}
.pfc-c2{background-color:#1f2418;background-image:linear-gradient(135deg,#1f2418 0%,#0a0a0a 100%);}
.pfc-c3{background-color:#241f1a;background-image:linear-gradient(135deg,#241f1a 0%,#0a0a0a 100%);}
.pfc-c4{background-color:#181c24;background-image:linear-gradient(135deg,#181c24 0%,#0a0a0a 100%);}
.pfc-c5{background-color:#1a1a1a;background-image:linear-gradient(135deg,#1a1a1a 0%,#0a0a0a 100%);}
.pfc-item::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.85) 100%);
}
.pfc-ov{position:relative;z-index:1;padding:22px;}
.pfc-cat{
    font-family:var(--ff-head);
    font-size:12px;
    font-weight:600;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:var(--lime);
    margin-bottom:6px;
}
.pfc-t{
    font-family:var(--ff-head);
    font-weight:700;
    text-transform:uppercase;
    font-size:20px;
    color:var(--white);
}

@media (min-width:768px){
    .pfc-grid{grid-template-columns:repeat(2,1fr);}
    .pfc-item.lg{grid-column:span 2;min-height:360px;}
}

@media (min-width:1024px){
    .pfc-grid{grid-template-columns:repeat(4,1fr);}
    .pfc-item.lg{grid-column:span 2;grid-row:span 2;min-height:100%;}
}

/* End */
/* /bitrix/templates/vinil-jam_template/components/bitrix/news.list/services/style.css?17839427451564 */
/* /bitrix/templates/vinil-jam_template/components/bitrix/news.list/portfolio/style.css?17839427471635 */