/* Start:/local/templates/solo/components/15px.ru/getItems/partnersCarousel/style.css?17703187641130*/
.partners-wrapper {
    padding: clamp(50px, 4dvw + 25px, 100px) 1rem clamp(30px, 4dvw + 15px, 60px);
    background-color: #fff;
}

.partnersSwiper {
    width: min(100%, 1340px);
    margin: auto;
}

@supports (aspect-ratio: 1) {
    .partnersLink {
        display: flex;
        width: min(100%, 220px);
        aspect-ratio: 1;
        margin: auto;
        filter: grayscale(1);
        transition: all .3s ease-in;
    }
    
    .partnersLink > img {
        display: block;
        width: 100%;
        aspect-ratio: 1;
        margin: auto;
        object-fit: contain;
        object-position: center;
    }
}

@supports not (aspect-ratio: 1) {
    .partnersLink {
        display: flex;
        width: 100%;
        max-width: 220px;
        height: 100%;
        max-height: 220px;
        margin: auto;
        filter: grayscale(1);
        transition: all .3s ease-in;
    }
    
    .partnersLink > img {
        display: block;
        width: 100%;
        height: 100%;
        margin: auto;
        object-fit: contain;
        object-position: center;
    }
}

.partnersLink:hover {
    filter: grayscale(0);
}
/* End */


/* Start:/local/templates/solo/components/bitrix/news.list/blog_mainpage/style.css?17703187647935*/
.section_blog {
	--font: 'Plus Jakarta Sans', sans-serif;
    --colorkey: #DAA14C;
    --colorname: #30373E;
    --colortext: #535353;
    --colorinfo: rgb(83 33 83 / 50%);

    padding: clamp(50px, 5dvw + 25px, 100px) 1rem clamp(40px, 5dvw + 25px, 80px);
	background-color: #fff;
}

.header-blog {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.subtitle-section {
    text-transform: uppercase;
    font: bold 14px / 1.5 var(--font);
    color: var(--colorkey);
    letter-spacing: 3.5px;
    padding-bottom: 20px;
}

.title-blog {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 40px;

    & > span:not(.keywords-blog) {
        font: bold clamp(24px, 2dvw + 16px, 48px)/1 var(--font);
        color:  var(--colorname);
        text-align: center;
    }

    & > .keywords-blog {
        font: clamp(24px, 2dvw + 16px, 48px) / 1 var(--font);
        color: var(--colorkey);
        text-align: center;
    }
}

.main-blog {
    width: min(100%, 1340px);
    margin: auto;
    container-type: inline-size;
    container-name: blog_mainpage;
}

.lists-blog {
    display: grid;
    grid-gap: 1rem;
}

[class|="item-blog"] {
    border: none;
    position: relative;
    padding: 1.25rem 1rem;
    border-radius: .5rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 10px 20px -14px rgb(0 0 0);
}

.thumb-blog {
    display: contents;
    width: 100%;
    /* aspect-ratio: 1; */
    /* transition: all .3s linear; */
}

.thumb-blog > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    inset: 0;
    z-index: 1;
}

.thumb-blog::after {
    content: '';
    position: absolute;
    inset: 0; margin: auto;
    background-color: rgb( 0 0 0 / .45);
    z-index: 1;
}

.item-blog-3 img {
    object-fit: contain;
}

[class|="item-blog"] *:not(.thumb-blog, .thumb-blog > img) {
    position: relative;
    z-index: 2;
    color: rgb(255 255 255 / .95) !important
}

.anons-item-blog {
    font: 14px/24px var(--font);
    color: var(--colortext);
    margin-bottom: 30px;
    text-wrap: wrap;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

.name-blog {
    display: block;
    font: bold 24px/28px var(--font);
    color: var(--colorname);
    margin-bottom: 20px;
    text-wrap: wrap;
}

.date-item-blog {
    display: flex;
    gap: 1rem;
    align-items: center;
    margin-bottom: 20px;
}

.date-item-blog > i {
    font-size: 14px;
    color: var(--colorkey);
}

.date-item-blog > span {
    font: 14px/1 var(--font);
    color: var(--colorinfo);
}

.btn_more-blog {
    text-transform: uppercase;
    display: flex;
    width: fit-content;
    flex-direction: column;
	justify-content: center;
	align-items: center;
    font: 900 12px/16px var(--font);
    color: var(--colorname);
    position: relative;
    margin-top: auto;
}

.btn_more-blog::after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: var(--colorkey);
    margin-top: 5px;
    transition: width .3s linear;
}

@media(hover: hover) {
    .name-blog:hover {
        color: var(--colorkey);
    }

    .thumb-blog:hover {
        filter: brightness(0.6);
    }

    .btn_more-blog:hover  {
        color: var(--colorkey);
    }

    .btn_more-blog:hover::after {
        width: 0;
    }

    .thumb-blog::after {
        transition: background-color .3s ease;
    }

    [class|="item-blog"]:hover .thumb-blog::after {
        background-color: rgb( 0 0 0 / .55);
    }
}

@container blog_mainpage (500px < width <= 900px) {
    .lists-blog {
        grid-template-columns: repeat(2, 1fr);
    }
}

@container blog_mainpage (width > 900px) {
    .lists-blog {
        grid-template-columns: repeat(3, 1fr);
    }

    [class|="item-blog"] {
        padding: 1.25rem 2rem;
    }

    .item-blog-1 {
        grid-column: 2 span;
    }

    .item-blog-2 {
        grid-column: span 2;
    }
}

/* .lists-blog {
    display: grid;
    grid-gap: clamp(1.5rem, 2dvw + 1rem, 3rem);
    grid-template-columns: .8fr 1fr;
    grid-template-areas: 'A B' 'A C';
}

[class|="item-blog"] {
    display: grid;
    grid-gap: 0 1rem;
    border: 1px solid;
    grid-template-columns: 240px 1fr;
    
    & > .name-blog {
        grid-area: name;
    }

    & > .date-item-blog {
        grid-area: date;
    }

    & > .btn_more-blog {
        grid-area: btn;
    }

    & .thumb-blog {
        grid-area: thumb;
        display: block;
        width: min(100%, 240px);
        height: 240px;
        aspect-ratio: 1;
        transition: all .3s linear;
    }

    & > .anons-item-blog {
        grid-area: anons;
        font: 16px/24px var(--font);
        color: var(--colortext);
        margin-bottom: 30px;
		text-wrap: wrap;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;  
        overflow: hidden;
    }
}

[class|="item-blog"]:not(.item-blog-0) {
    max-height: 240px;
    grid-template-areas: 'thumb name' 'thumb date' 'thumb anons' 'thumb btn';
}

.item-blog-0 {
    grid-area: A;
    grid-template-areas: 'thumb thumb' 'name name' 'date date' 'anons anons' 'btn btn';
    width: min(100%, 570px);

    & .thumb-blog {
        display: block;
        width: min(100%, 570px);
        height: 342px;
        margin-bottom: 20px;
    }
}

.item-blog-1 {
    grid-area: B;
}

.item-blog-2 {
    grid-area: C;

    & img {
        width: 100%;
        height: 100%;
        object-fit: contain !important;
    }
}

.item-blog-3 {
    grid-area: D;
}

.thumb-blog {
    & > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

.name-blog {
    display: block;
    font: bold 24px/28px var(--font);
    color: var(--colorname);
    margin-bottom: 20px;
    text-wrap: wrap;
}

.date-item-blog {
    display: flex;
    gap: 1rem;
    align-items: center;
    margin-bottom: 20px;

    & > i {
        font-size: 14px;
        color: var(--colorkey);
    }

    & > span {
        font: 14px/1 var(--font);
        color: var(--colorinfo);
    }
}

.btn_more-blog {
    text-transform: uppercase;
    display: flex;
    width: fit-content;
    flex-direction: column;
	justify-content: center;
	align-items: center;
    font: 900 12px/16px var(--font);
    color: var(--colorname);
    position: relative;
    margin-top: auto;

    &::after {
        content: '';
        display: block;
        width: 100%;
        height: 2px;
        background-color: var(--colorkey);
        margin-top: 5px;
        transition: width .3s linear;
    }
}

@media(hover: hover) {
    [class|="item-blog"] {
        & > .name-blog:hover {
            color: var(--colorkey);
        }

        & > .thumb-blog:hover {
            filter: brightness(0.6);
        }

        & > .btn_more-blog:hover  {
            color: var(--colorkey);
        }

        & > .btn_more-blog:hover::after {
            width: 0;
        }
    }

}

@container blog_mainpage (600px < width < 1025px) {
    .lists-blog {
        grid-template-areas: 'A A' 'B B' 'C C';
    }

    [class|="item-blog"] {
        width: 100%;
        grid-template-areas: 'thumb name' 'thumb date' 'thumb anons' 'thumb btn';
    
        & > .thumb-blog {
			height: 240px;
            width: min(100%, 240px);
            margin-bottom: 0;
        }
    }
}

@container blog_mainpage (width < 600px) {
    .lists-blog {
		grid-gap: 5rem 0;
        grid-template-areas: 'A A' 'B B' 'C C';
    }

    [class|="item-blog"] {
        width: 100%;
        max-height: none !important;
        grid-template-areas: 'thumb thumb' 'name name' 'date date' 'anons anons' 'btn btn' !important;
    
        & > .thumb-blog {
            width: 100%;
            aspect-ratio: 16/9;
            margin-bottom: 20px;
        }
    }
} */
/* End */
/* /local/templates/solo/components/15px.ru/getItems/partnersCarousel/style.css?17703187641130 */
/* /local/templates/solo/components/bitrix/news.list/blog_mainpage/style.css?17703187647935 */