/* Start:/local/templates/dresscode_lk/components/bitrix/system.pagenavigation/collection/style.min.css?17882828402051*/
.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}.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;display:block;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-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}
/* End */


/* Start:/local/templates/dresscode_lk/components/bitrix/news.list/info/style.css?17882828407562*/
:root {
    --border-dark-gray: #2B2B2B;
    /* fonts color*/
    --font-black: #1F1F1F;
    --font-blue: #4daceb;
    --font-gray:#757575;
    --font-gray2: #514F4F;
    --font-error: #DB5234;
    --light-blue: #94D4FF;

    /* tab */
    --tabs-container-gap: 16px;
    --tabs-border-radius: 8px;
    --tabs-hoover-bg: #6EC1F90F;
    --blur-box: #2B2B2BCC;

    /* grid */
    --splitted_container-filters: 32px;
    --grid_wrapper-gap: 24px;
    --fr4: repeat(4, 1fr);
    --fr3: repeat(3, 1fr);

    /* box-shadow */
    --box-shadow: 0px 1px 3px 1px #00000026,
    0px 1px 2px 0px #0000004D;

    /* icons */
    --icons-primary-blue: #4daceb;
    --primary-hover: #3A9BD9;
    --border-input: #DFDFDF;
    --border-for-border: #4daceb;
    --surface-hover: #F5F5F5;
    --text-black: #1F1F1F;
    --icon-card-red: #F15F30;

    /* background */
    --background-block: #F9F9F9;
    --bg_block: #F4F4F4;
    --bg-peach:#FFF4F4;
    --bg-orange:#E5833C;
}
*{
    padding: 0;
    margin: 0;
}

/* Базовые стили */
.container-ng {
    display: flex;
    margin: 80px auto 0;
    width: 100%;
    justify-content: center;
    max-width: 1680px;
    padding: 0 18px;
    @media(max-width: 800px){
        margin: 60px auto 0;
    }
    @media(max-width: 480px){
        margin: 40px auto 0;
    }
}
.ng-zero{
    margin-top:0!important;
    @media(max-width: 480px){
        margin-top: 0!important;
    }
}

.ng-first {
    margin-top: 37px;
    @media(max-width: 480px){
        margin-top: 16px;
    }
}
.wrapper_container{
    display: flex;
    flex-direction: column;
    width: 100%;
}


h1.h1-title,
h2.h1-title,
.h2-title-header {
    font-family: Inter;
    font-weight: 600!important;
    font-size: 26px;
    line-height: 110%;
    color: var(--font-black);
}
.brand_offer .h2-title-header{
    font-weight: 500!important;
}
.h2-title {
    font-family: Roboto!important;
    font-size: 26px;
    line-height: 100%;
    color: var(--font-black);
}

.h2-title.start {
    text-align: start;
}

.h2-title.center {
    justify-content: center;
    width: 100%;
}
.text-center{
    text-align: center;
}


.h2-title-block .subtitle,
.block_title-normal .subtitle{
    font-family: Roboto;
    font-weight: 400;
    font-size: 20px;
    line-height: 140%;
    color: var(--font-gray2);
}
.h2-title-block .subtitle{
    font-size:16px;
}

.news_container {
    display: flex;
    flex-direction: column;

}

.news_wrapper {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(4, 1fr);
}

.el_card {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 9px;
    border-radius: 12px;
    border: 1px solid var(--border-input);
    padding: 16px;
    @media(max-width:800px){
        padding:12px;
    }
}

.el_card .text_wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 100%;
}

.el_card .text_wrapper .date {
    margin-bottom: -4px;
    font-family: Roboto;
    font-weight: 700;
    font-style: Bold;
    font-size: 12px;
    line-height: 100%;
    color: var(--font-gray2);
}

.el_card .text_wrapper .h4-title,
.el_card .text_wrapper p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    @media(max-width: 480px){
        -webkit-line-clamp: 4;
    }
}
.el_card .text_wrapper p{
    margin-top: auto;
}

.news_wrapper img {
    width: 100%;
    height: fit-content;
    border-radius: 12px;
}

.img_wrapper img {
    width: 100%;
    border-radius: 2px;
    height: 230px;
    object-fit: cover;
    @media(max-width: 800px) {
        height: 230px;
    }
}

.news_wrapper .main_news {
    grid-column: 1 / 3;
    grid-row: 1;
}

.news_wrapper .second_news {
    grid-column: 3 / 4;
    grid-row: 1;
}

.news_wrapper .third_news {
    grid-column: 4 / 5;
    grid-row: 1;
}

.news_link_btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: Roboto;
    font-weight: 400;
    font-style: Regular;
    font-size: 14px;
    line-height: 100%;
    color: var(--font-gray);
    text-decoration: none;
}

.news_link_btn:hover,
.el_card .text_wrapper .h4-title:hover,
.news_link_btn:hover svg {
    cursor: pointer;
    color: var(--font-blue);
    stroke: var(--font-blue);
}
.primary_btn.center{
    width: fit-content!important;
    margin: 0 auto;
}

@media (max-width: 800px) {
    .news_wrapper {
        grid-template-columns: repeat(2, 1fr);
    }

    .news_wrapper .main_news {
        grid-column: 1 / 3;
        grid-row: 1;
    }

    .news_wrapper .second_news {
        grid-column: 1 / 2;
        grid-row: 2;
    }

    .news_wrapper .third_news {
        grid-column: 2 / 3;
        grid-row: 2;
    }

    .news_wrapper .img_wrapper img {
        height: 283px;
    }
}

@media (max-width: 480px) {
    .news_wrapper {
        grid-template-columns: 1fr;
    }

    .news_wrapper .main_news,
    .news_wrapper .second_news,
    .news_wrapper .third_news {
        grid-column: 1 / 2;
        grid-row: auto;
    }

    .news_wrapper .img_wrapper img {
        height: 227px;
    }
}

.h3-title,
.h3-title h3 {
    font-family: Roboto;
    font-weight: 500;
    font-size: 26px;
    line-height: 100%;
    color: var(--font-black);
}
h4.h4-title,
h3.h4-title{
    font-family: Inter;
    font-weight: 500;
    font-style: Medium;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
}



.text-small{
    font-family: Roboto;
    font-weight: 400;
    font-style: Regular;
    font-size: 14px;
    line-height: 140%;
}
.h5-title{
    font-family: Roboto;
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    @media(max-width: 800px){
        font-size: 14px;
    }
}
.text_wrapper__block{
    display: flex;
    flex-direction: column;
}


/* Цвета текста */
.white { color: white; }
.black { color: var(--font-black)!important; }
.gray { color: var(--font-gray2)!important; }
.gray2 { color: var(--font-gray2)!important; }
.blue { color: var(--font-blue)!important; }
.light-blue { color: var(--light-blue)!important; }

.blue.link {
    color: var(--font-blue);
    text-decoration: underline;
}

.page_block{
    display: flex;
    flex-direction: column;
    gap: 32px;

    @media(max-width: 800px){
        gap:24px;
    }
}

/* Пагинация */
.pagintation-wrapper {
    display: flex;
    max-width: 360px;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin: 16px auto 0;
}

.pagination-counter {
    display: flex;
    gap: 26px;
}

.pagination-counter .page {
    cursor: pointer;
}

.pagination-counter .page:hover,
.pagination-counter .page.active {
    color: var(--icons-primary-blue);
}


.pagintation-wrapper .arrow {
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid var(--border-input);
}

.pagintation-wrapper .arrow:hover,
.pagintation-wrapper .arrow:hover path {
    border: 1px solid var(--icons-primary-blue);
    stroke: var(--icons-primary-blue);
}

.pagintation-wrapper .arrow.right,
.pagintation-wrapper .arrow.double-right {
    transform: rotate(180deg);
}

.header_page_title {
    font-family: Roboto;
    font-weight: 500 !important;
    font-style: Medium;
    font-size: 26px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    vertical-align: middle;
}

.limiter {
    padding: 0 !important;
}

#right {
    padding-left: 0 !important;
    padding-bottom: 40px !important;
}
/* End */
/* /local/templates/dresscode_lk/components/bitrix/system.pagenavigation/collection/style.min.css?17882828402051 */
/* /local/templates/dresscode_lk/components/bitrix/news.list/info/style.css?17882828407562 */