

/* Start:/bitrix/templates/toofli/components/bitrix/news.list/banners_main_2026/style.css?17721574764098*/
.bnr_cont{
    width: 100%;
    display: flex;
    gap: 20px;
    max-width: 1855px;
}
.bnr_cont .left {
    flex: 1297 1 0;
}
.bnr_cont .right {
    flex: 538 1 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: space-between;
}

.bnr_cont .main_element{
    background-color: #ebebeb;
    position: relative;
    display: flex;
    justify-content: space-between;
}
.bnr_cont .main_element .img{
    display: flex;
    justify-content: center;
    align-items: end;
}
.bnr_cont .main_element img{
    max-width: 100%;
}
.bnr_cont .main_element .cont{
    padding: 48px;
    max-width: 750px;
}
.bnr_cont .main_element .name{
    font-weight: 700;
    font-size: 48px;
    line-height: 125%;
    text-transform: uppercase;
    color: #212121;
}
.bnr_cont .main_element .name .accent{
    color: #c66597;
}
.bnr_cont .main_element .txt{
    padding-top: 24px;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    color: #000;
}
.bnr_cont .main_element .accent{
    color: #c66597;
}
.bnr_cont .main_element .txt li{
    padding: 8px 0 0 20px;
    position: relative;
}
.bnr_cont .main_element .txt li:before{
    content: "";
    display: inline-block;
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #c66597;
    border-radius: 50%;
    left: 0;
    top: 18px;
}
.bnr_cont .main_element .btn{
    font-weight: 400;
    font-size: 22px;
    line-height: 142%;
    text-align: center;
    color: #212121;
    padding: 16px 30px;
    margin-top: 40px;
    border: 1px solid #212121;
}
.bnr_cont .main_element .btn:hover{
    color: #fff;
    background-color: #212121;
    transition: 300ms;
}

.bnr_cont .min_element{
    position: relative;
    flex: 0 1 50%;
}
.bnr_cont .min_element img{
    max-width: 100%;
    object-fit: cover;
    height: 100%;
}
.bnr_cont .min_element .cont{
    position: absolute;
    top: 48px;
}
.bnr_cont .min_element .cont.item_1{
    right: 48px;
    text-align: right;
}
.bnr_cont .min_element .cont.item_2{
    left: 48px;
    text-align: left;
}
.bnr_cont .min_element .name{
    font-weight: 400;
    font-size: 28px;
    line-height: 125%;
    text-transform: uppercase;
    color: #212121;
    max-width: 150px;
}
.bnr_cont .min_element .btn{
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    text-align: center;
    color: #212121;
    padding: 13px 30px;
    margin-top: 60px;
    border: 1px solid #212121;
}
.bnr_cont .min_element .btn:hover{
    color: #fff;
    background-color: #212121;
    transition: 300ms;
}

@media (max-width: 1400px) {
    .bnr_cont .min_element:nth-of-type(1) img{
        object-position: 15%;
    }
    .bnr_cont .min_element:nth-of-type(2) img{
        object-position: 70%;
    }
}
@media (max-width: 1200px) {
    .bnr_cont {
        flex-direction: column;
    }
    .bnr_cont .right {
        flex-direction: row;
    }
}
@media (max-width: 1100px) {
    .bnr_cont .min_element {
        min-height: 250px;
    }
    .bnr_cont .main_element .cont {
        padding: 15px;
    }
    .bnr_cont .main_element .name {
        font-size: 23px;
    }
    .bnr_cont .main_element .txt {
        padding-top: 16px;
        font-size: 14px;
    }
    .bnr_cont .main_element .btn {
        font-size: 14px;
        padding: 13px 30px;
        margin-top: 24px;
    }
    .bnr_cont .main_element img {
        max-width: 320px;
    }
    .bnr_cont .min_element .cont.item_1 {
        right: 35px;
    }
    .bnr_cont .min_element .cont {
        top: 25px;
    }
    .bnr_cont .min_element .btn {
        font-size: 14px;
        padding: 10px 39px;
        margin-top: 38px;
    }
    .bnr_cont .min_element {
        min-height: 190px;
    }
}
@media (max-width: 550px) {
    .bnr_cont .right {
        flex-direction: column;
    }
    .bnr_cont {
        padding: 0 15px;
    }
    .bnr_cont {
        margin-top: 40px;
    }
    .bnr_cont .main_element img {
        max-width: 180px;
        position: absolute;
        right: -25px;
    }
    .bnr_cont .main_element .cont {
        padding: 15px 15px 140px 15px;
    }
}
/* End */


/* Start:/bitrix/templates/toofli/components/bitrix/news.list/advantages_2026/style.css?1766998701722*/
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;
}


.advantage-item_2026{
	display: flex;
	flex-direction: column;
	align-items: center !important;
	text-align: center !important;
}
.advantage-item_2026 img{
	margin: unset;
	height: 109px !important;
	width: 109px !important;
	max-width: unset !important;
	max-height: unset !important;
}
.advantage-item_2026 h3{
	margin-top: 8px;
}
.advantage-item_2026 h3 br{
	display: none !important;
}

@media only screen and (max-width: 575px) {
	.advantage-item_2026 img {
		width: 65px !important;
		height: 65px !important;
	}
	.advantage-item_2026 {
		flex-direction: row;
	}
}
/* End */


/* Start:/bitrix/templates/toofli/components/bitrix/news.list/banner_collections_2026/style.css?17708692951118*/
.jsbnr{
    margin-bottom: 120px;
}
.jsbnr .item{
    position: relative;
}
.jsbnr .item:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, 0.2) 50.09%, rgba(34, 34, 34, 0.5) 79.96%, rgba(34, 34, 34, 0.7) 100%);
}
.jsbnr .cont{
    position: absolute;
    bottom: 32px;
    left: 32px;
}
.jsbnr .cont .name{
    display: block;
    font-weight: 400;
    font-size: 24px;
    line-height: 113%;
    color: #fff;
}
.jsbnr .cont .txt{
    display: block;
    font-weight: 400;
    font-size: 16px;
    line-height: 145%;
    color: #fff;
    padding-top: 12px;
}
.jsbnr_nav.nav_arrow_v2 {
    display: none;
}

@media (max-width: 800px) {
    .jsbnr .cont{
        bottom: 24px;
        left: 24px;
    }
    .jsbnr .cont .name{
        font-size: 16px;
    }
    .jsbnr .cont .txt{
        font-size: 12px;
        padding-top: 8px;
    }
    .jsbnr{
        margin-bottom: 48px;
    }
    .jsbnr_nav.nav_arrow_v2 {
        display: flex;
        justify-content: flex-end;
    }
}
/* End */


/* Start:/bitrix/templates/toofli/components/bitrix/news.list/blog_main_2026/style.css?17721842222569*/
.jsFashionBlog.owl-carousel .owl-item img {
    max-width: 100%;
    width: fit-content;
}
.jsFashionBlog .item{
    display: flex;
    gap: 70px;
}
.jsFashionBlog .imgs{
    position: relative;
    padding-right: 550px;
    flex-shrink: 0;
}
.jsFashionBlog .img2{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 415px;
}
.jsFashionBlog .name{
    font-weight: 400;
    font-size: 28px;
    line-height: 120%;
    color: #212529;
}
.jsFashionBlog .txt{
    font-weight: 400;
    font-size: 16px;
    line-height: 131%;
    color: #828282;
    padding-top: 20px;
}
.jsFashionBlog .cont{
    max-width: 500px;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    justify-content: center;
}
.jsFashionBlog .item a{
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    text-align: center;
    color: #212121;
    padding: 13px 30px;
    margin-top: 32px;
    border: 1px solid #212121;
    display: inline-block;
    text-decoration: none;
}
.jsFashionBlog .item a:hover{
    color: #fff;
    background-color: #212121;
    transition: 300ms;
}
.jsFashionBlog_nav {
    display: flex;
    gap: 20px;
    justify-content: right;
}
@media (max-width: 1500px) {
    .jsFashionBlog .item {
        gap: 16px;
    }
    .jsFashionBlog.owl-carousel .owl-item img {
        max-width: 450px;
    }
    .jsFashionBlog .imgs {
        padding-right: 440px;
    }
}
@media (max-width: 1200px) {
    .jsFashionBlog.owl-carousel .owl-item img {
        max-width: 330px;
    }
    .jsFashionBlog .img2 {
        left: 200px;
    }
    .jsFashionBlog .imgs {
        padding-right: 225px;
    }
}
@media (max-width: 900px) {
    .jsFashionBlog .name {
        font-size: 16px;
    }
    .jsFashionBlog .txt {
        font-size: 12px;
        padding-top: 8px;
    }
    .jsFashionBlog .item a {
        margin-top: 16px;
    }
    .jsFashionBlog.owl-carousel .owl-item img {
        max-width: 225px;
    }
}
@media (max-width: 750px) {
    .jsFashionBlog.owl-carousel .owl-item img {
        max-width: 175px;
    }
    .jsFashionBlog .img2 {
        left: 120px;
        max-width: 214px !important;
    }
    .jsFashionBlog .imgs {
        padding-right: 160px;
    }
}
@media (max-width: 600px) {
    .jsFashionBlog .item {
        flex-direction: column;
    }
    .jsFashionBlog .imgs {
        padding-right: 0;
    }
    .jsFashionBlog.owl-carousel .owl-item img {
        max-width: 50%;
    }
    .jsFashionBlog .img2 {
        left: unset;
        right: 0;
        max-width: 60% !important;
    }
}
/* End */


/* Start:/bitrix/templates/toofli/components/bitrix/news.list/gallery_images_2026/style.css?1770267874111*/
.jsGallery_images_nav.nav_arrow_v2 {
    justify-content: end;
}
.jsGallery_images{
    margin-bottom: 120px;
}
/* End */


/* Start:/bitrix/templates/toofli/components/bitrix/news.list/rev_main_2026/style.css?17707799862161*/
.tov_rev{
    margin: 10px 0 120px 0;
    padding: 24px 15px;
}
.tov_block{
    display: block;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 16px;

}
.tov_block .img{
    display: flex;
    justify-content: center;
    align-items: center;
}
.tov_block .img img{
    max-width: 100%;
    width: fit-content !important;
}
.tov_block .name{
    display: block;
    font-weight: 400;
    font-size: 16px;
    color: #000;
    padding-top: 15px;
    padding-bottom: 12px;
}
.tov_block .rating{
    display: flex;
    gap: 3px;
    padding-bottom: 16px;
}
.tov_block .rating span{
    width: 22px;
    height: 22px;
    background-image: url("/bitrix/templates/toofli/components/bitrix/news.list/rev_main_2026/img/star.svg");
    background-repeat: no-repeat;
}
.tov_block .rating .active{
    background-image: url("/bitrix/templates/toofli/components/bitrix/news.list/rev_main_2026/img/star_.svg");
}
.rev_block .name{
    display: block;
    font-weight: 400;
    font-size: 16px;
    color: #000;
    padding-bottom: 8px;
}
.rev_block .txt{
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #77797b;
}
.rev_block .more{
    visibility: hidden;
    display: inline-block;
    padding: 11px 24px;
    height: 40px;
    background: #922381;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    margin-top: 19px;
    transition: 300ms;
}
.jsrev_nav.nav_arrow_v2 {
    justify-content: end;
}
@media (hover: hover) {
    .tov_rev:hover{
        box-shadow: 0 0 15px 0 rgba(71, 73, 183, 0.1);
        background: #fff;
    }
    .tov_rev:hover .rev_block .more{
        visibility: visible;
        transition: 300ms;
    }
}


@media (max-width: 800px) {
    .tov_rev {
        margin: 0 0 48px 0;
        padding: 0;
    }
    .tov_rev .rev_block .more{
        visibility: visible;
        margin-top: 12px;
    }
    .rev_block .txt {
        font-size: 12px;
    }
    .rev_block .name {
        font-size: 12px;
    }
    .tov_block {
        margin-bottom: 12px;
    }
    .tov_block .rating {
        padding-bottom: 12px;
    }
    .tov_block .rating span {
        width: 18px;
        height: 18px;
        background-size: cover;
    }
    .tov_block .name {
        font-size: 12px;
        padding-bottom: 8px;
    }
}
/* End */
/* /bitrix/templates/toofli/components/bitrix/news.list/banners_main_2026/style.css?17721574764098 */
/* /bitrix/templates/toofli/components/bitrix/news.list/advantages_2026/style.css?1766998701722 */
/* /bitrix/templates/toofli/components/bitrix/news.list/banner_collections_2026/style.css?17708692951118 */
/* /bitrix/templates/toofli/components/bitrix/news.list/blog_main_2026/style.css?17721842222569 */
/* /bitrix/templates/toofli/components/bitrix/news.list/gallery_images_2026/style.css?1770267874111 */
/* /bitrix/templates/toofli/components/bitrix/news.list/rev_main_2026/style.css?17707799862161 */
