/* Start:/local/templates/onlogsystem/components/bitrix/system.pagenavigation/.default/style.css?17436622662986*/
.paginations {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 40px 0;
    width: 100%;
}
.paginations.paginations--default {

}
.paginations__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 0 20px;
}
.paginations--default .paginations__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
}
@media (max-width: 1023px) {
    .paginations__list {
        justify-content: center;
        margin: 20px 0;
    }
}
.paginations .paginations__page,
.paginations .paginations__page:visited,
.paginations .paginations__dots,
.paginations .paginations__btn {
    display: inline-flex;
    min-width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0.5px;
    padding: 0 10px;
    margin: 0 -1px 0 0;
    border: 1px solid #dbe0ec;
    background-color: #eff3fb;
    transition: background 0.2s, color 0.2s, border 0.2s;
}
.paginations .paginations__page--first {
    border-radius: 8px 0px 0px 8px;
}
.paginations .paginations__page--last {
    border-radius: 0 8px 8px 0;
}
.paginations .paginations__page:hover,
.paginations .paginations__dots:hover {
    background-color: #dbe0ec;
    color: #000;
}
.paginations .paginations__page:active,
.paginations .paginations__dots:active {
    background-color: #0d2a68;
    border-color: #0d2a68;
    color: #fff;
}
.paginations .paginations__page--current,
.paginations .paginations__page--current:hover {
    background-color: #3460b4;
    border-color: #3460b4;
    color: #fff;
}
.paginations .paginations__btn {
    position: relative;
    margin: 0;
    border-radius: 8px;
}
.paginations .paginations__btn:hover {
    background-color: #dbe0ec;
    color: #000;
}
.paginations .paginations__btn:active {
    background-color: #0d2a68;
    border-color: #0d2a68;
    color: #fff;
}
.paginations .paginations__btn--prev {
    margin: 0 10px 0 0;
}
.paginations .paginations__btn--next {
    margin: 0 0 0 10px;
}
.paginations .paginations__btn::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    border-top: 2px solid #3460b4;
    border-right: 2px solid #3460b4;
    transition: border-color 0.2s ease-out;
}
.paginations .paginations__btn:active::before {
    border-color: #fff;
}
.paginations .paginations__btn--prev::before {
    transform: translate(calc(-50% + 1px), -50%) rotate(-135deg);
}
.paginations .paginations__btn--next::before {
    transform: translate(calc(-50% - 1px), -50%) rotate(45deg);
}

@media (max-width: 1023px) {
    .paginations {
        flex-direction: column;
        padding-top: 20px;
    }
}
@media (max-width: 767px) {
    .paginations .paginations__page,
    .paginations .paginations__page:visited,
    .paginations .paginations__dots,
    .paginations .paginations__btn {
        min-width: 40px;
        height: 40px;
    }
}
/* End */


/* Start:/local/components/onlogsystem/seo.pages/templates/.default/style.css?173460434323765*/
.page-content {
    overflow: hidden;
}

.delivery-page h1 {
    margin-bottom: 50px;
}

.delivery-page h2.mb-40 {
    margin-bottom: 40px;
}

.delivery-page .info-section {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: relative;
    margin-bottom: 64px;
}

.delivery-page .info-section:after {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQwIiBoZWlnaHQ9IjIyMCIgdmlld0JveD0iMCAwIDE0MCAyMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4Ljk5OTkgMTY1SDQwLjk5OTlWOTguOTk5OUgxOC45OTk5VjE2NVpNMjkuOTk5OSA3Ni45OTk5QzMzLjExNjYgNzYuOTk5OSAzNS43MzA5IDc1Ljk0MzkgMzcuODQyOSA3My44MzJDMzkuOTU0OSA3MS43MiA0MS4wMDczIDY5LjEwOTMgNDAuOTk5OSA2NkM0MC45OTI2IDYyLjg5MDYgMzkuOTM2NiA2MC4yOCAzNy44MzE5IDU4LjE2OEMzNS43MjczIDU2LjA1NiAzMy4xMTY2IDU1IDI5Ljk5OTkgNTVDMjYuODgzMyA1NSAyNC4yNzI2IDU2LjA1NiAyMi4xNjc5IDU4LjE2OEMyMC4wNjMzIDYwLjI4IDE5LjAwNzMgNjIuODkwNiAxOC45OTk5IDY2QzE4Ljk5MjYgNjkuMTA5MyAyMC4wNDg2IDcxLjcyMzYgMjIuMTY3OSA3My44NDNDMjQuMjg3MyA3NS45NjIzIDI2Ljg5NzkgNzcuMDE0NiAyOS45OTk5IDc2Ljk5OTlaTTI5Ljk5OTkgMjIwQzE0Ljc4MzMgMjIwIDAuNDgzMjk5IDIxNy4xMTEgLTEyLjkgMjExLjMzMkMtMjYuMjgzMyAyMDUuNTUzIC0zNy45MjUgMTk3LjcxOCAtNDcuODI1IDE4Ny44MjVDLTU3LjcyNSAxNzcuOTMyIC02NS41NjA3IDE2Ni4yOTEgLTcxLjMzMiAxNTIuOUMtNzcuMTAzMyAxMzkuNTA5IC03OS45OTI3IDEyNS4yMDkgLTgwIDExMEMtODAuMDA3MyA5NC43OTA2IC03Ny4xMTggODAuNDkwNiAtNzEuMzMyIDY3LjFDLTY1LjU0NiA1My43MDkzIC01Ny43MTAzIDQyLjA2NzYgLTQ3LjgyNSAzMi4xNzVDLTM3LjkzOTcgMjIuMjgyMyAtMjYuMjk4IDE0LjQ0NjcgLTEyLjkgOC42Njc5OUMwLjQ5Nzk3MSAyLjg4OTMzIDE0Ljc5NzkgMCAyOS45OTk5IDBDNDUuMjAxOSAwIDU5LjUwMTkgMi44ODkzMyA3Mi44OTk5IDguNjY3OTlDODYuMjk3OSAxNC40NDY3IDk3LjkzOTYgMjIuMjgyMyAxMDcuODI1IDMyLjE3NUMxMTcuNzEgNDIuMDY3NiAxMjUuNTUgNTMuNzA5MyAxMzEuMzQzIDY3LjFDMTM3LjEzNiA4MC40OTA2IDE0MC4wMjIgOTQuNzkwNiAxNDAgMTEwQzEzOS45NzggMTI1LjIwOSAxMzcuMDg5IDEzOS41MDkgMTMxLjMzMiAxNTIuOUMxMjUuNTc1IDE2Ni4yOTEgMTE3Ljc0IDE3Ny45MzIgMTA3LjgyNSAxODcuODI1Qzk3LjkxMDIgMTk3LjcxOCA4Ni4yNjg2IDIwNS41NTcgNzIuODk5OSAyMTEuMzQzQzU5LjUzMTIgMjE3LjEyOSA0NS4yMzEzIDIyMC4wMTUgMjkuOTk5OSAyMjBaIiBmaWxsPSIjMEVBQjcwIiBmaWxsLW9wYWNpdHk9IjAuMiIvPjwvc3ZnPg==');
    background-repeat: no-repeat;
    content: "";
    display: block;
    width: 140px;
    height: 220px;
    position: absolute;
    left: -50px;
    top: 16px;
}

.delivery-page .info-section .info-item {
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 0 20px 0 #00057312;
    padding: 30px;
    z-index: 1000;
}

.delivery-page .info-section .info-item.mr-s {
    margin-left: 40px;
}

.delivery-page .info-section .info-item.mr-m {
    margin-left: 60px;
}

.delivery-page .info-section .info-item .text {
}

.delivery-page .table-section {
    margin-top: 40px;
}

.delivery-page .table-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 146.6%;
    color: #3460B4;
    margin-bottom: 30px;
}

.delivery-page .table-container {
    overflow-y: auto;
}

.delivery-page .table {
    width: 100%;
    min-width: 1000px;

    border: 1px solid #DBE0EC;
    border-radius: 18px;
    overflow: hidden;
}

.delivery-page .table .line {
    display: grid;
    grid-column-gap: 0px;
    grid-row-gap: 0px;

    border-bottom: 1px solid #DBE0EC;
}

.delivery-page .table .line.col-5 {
    grid-template-columns: repeat(5, 1fr);
}

.delivery-page .table .line.col-6 {
    grid-template-columns: repeat(6, 1fr);
}

.delivery-page .table .line.col-7 {
    grid-template-columns: repeat(7, 1fr);
}

.delivery-page .table .line:last-child {
    border-bottom: unset;
}

.delivery-page .table .line .element {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;

    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #383838;

    height: 60px;
    border-right: 1px solid #DBE0EC;
}

.delivery-page .table .line .element.first {
    min-width: 182px;

    text-align: left;
    padding-left: 20px;
    justify-content: flex-start;
    background: #EFF3FB;

    font-weight: 600;
}

.delivery-page .table .line .element.last {
    border-right: unset;
}

.delivery-page .table .line .element.full-rowspan {
    grid-row-start: span 9000;
    height: 100%;
}

.delivery-page .table .line .sub-line {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-column: 4 / span 4;
    border-right: unset;
    border-bottom: 1px solid #DBE0EC;
}

.delivery-page .table .line.col-5 .sub-line {
    grid-template-columns: repeat(3, 1fr);
    grid-column: 3 / span 3;
}

.delivery-page .table .line.col-5 .sub-line.full {
    grid-template-columns: repeat(4, 1fr);
    grid-column: 2 / span 4;
}

.delivery-page .table .line.col-5 .sub-line.full .sub-line {
    grid-template-columns: repeat(3, 1fr);
    grid-column: 2 / span 3;
}

.delivery-page .table .line.col-6 .sub-line {
    grid-template-columns: repeat(4, 1fr);
    grid-column: 3 / span 4;
}

.delivery-page .table .line.col-6 .sub-line.full {
    grid-template-columns: repeat(5, 1fr);
    grid-column: 2 / span 5;
}

.delivery-page .table .line.col-6 .sub-line.full .sub-line {
    grid-template-columns: repeat(4, 1fr);
    grid-column: 2 / span 4;
}

.delivery-page .table .line .sub-line:last-child {
    border-bottom: unset;
}

.delivery-page .require-section {
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(0, 5, 115, 0.07);
    border-radius: 18px;
    padding: 25px 30px;
    margin: 40px 0;
}

.delivery-page .require-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0.02em;
    color: #000000;
    margin-bottom: 30px;
}

.delivery-page .require-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.delivery-page .require-item {
    display: flex;
    flex-direction: row;
    gap: 26px;
    padding-left: 7px;
}

.delivery-page .require-item-num {
    min-width: 21px;
    height: 19px;
    font-weight: 700;
    font-size: 16px;
    line-height: 120%;

    text-align: center;
    letter-spacing: 0.02em;

    color: #3460B4;
    display: inline-block;
}

.delivery-page .require-item-title {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0.02em;
    color: #383838;
}

.delivery-page .delivery-section {
    margin-top: 70px;
    display: flex;
    flex-direction: row;
}

.delivery-page .delivery-section .left,
.delivery-page .delivery-section .right {
    width: 50%;
}

.delivery-page .delivery-section .delivery-title {
    margin-bottom: 40px;
}

.delivery-page .delivery-section .left .delivery-title {
    padding-right: 20px;
}

.delivery-page .delivery-section .delivery-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.delivery-page .delivery-section .delivery-list-item {
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0.02em;
}

.delivery-page .icon-section {
    margin-top: 70px;
}

.delivery-page .icon-section .icon-titile {
    margin-bottom: 40px;
}

.delivery-page .icon-section .icon-list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 32px;
}

.delivery-page .icon-section .icon-block {
    width: 25%;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(0, 5, 115, 0.07);
    border-radius: 18px;
    padding: 30px 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
}

.delivery-page .icon-section .icon-svg {
    height: 40px;
    width: 40px;
}

.delivery-page .icon-section .icon-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0.02em;
    color: #000;
}

.delivery-page .subscription-section {
    margin-top: 100px;
}

.breadcrumbs {
    margin-top: 50px;
}

.breadcrumbs-list {
    display: flex;
    flex-wrap: wrap;
}

.breadcrumbs-item {
    display: flex;
    box-sizing: border-box;
    max-width: 100%;
    flex-direction: row;
}

.breadcrumbs-item:not(:last-child)::after {
    content: "";
    display: block;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgNiA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMS4xNzE5NCA4LjgwNzY3QzEuMzY3ODkgOC44MDc3NyAxLjU2MzgzIDguNzMzNTIgMS43MTMxIDguNTg1MjJMNS4zNzMwNSA0Ljk0MzI0QzUuNjY4MjMgNC42NDk0NiA1LjY2ODIzIDQuMTc1MiA1LjM3MzA1IDMuODgxMzNMMS43MTMxIDAuMjM5NDQxQzEuNDE2NDEgLTAuMDU1ODM4NyAwLjkzMzUzNiAtMC4wNTc0NTA0IDAuNjM0NjQ4IDAuMjM1NzE2QzAuMzM1NzYgMC41Mjg5ODQgMC4zMzQwNzIgMS4wMDYwNyAwLjYzMTExMiAxLjMwMTM1TDMuNzU3NDcgNC40MTIzM0wwLjYzMTExMiA3LjUyMzIxQzAuMzM0MDcyIDcuODE4NDkgMC4zMzU3NiA4LjI5NTY4IDAuNjM0NjQ4IDguNTg4ODVDMC43ODM1ODQgOC43MzQ4MiAwLjk3Nzg0OCA4LjgwNzY3IDEuMTcxOTQgOC44MDc2N1oiIGZpbGw9IiMzODM4MzgiLz48L3N2Zz4=');
    background-repeat: no-repeat;
    background-position: 50%;

    flex-shrink: 0;
    padding: 0 20px;
    text-align: center;
}

.breadcrumbs-link {

}

.breadcrumbs-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    display: flex;
    align-items: center;
    color: #383838;
}

@media (max-width: 700px) {
    .delivery-page .icon-section .icon-list {
        gap: 32px 0;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .delivery-page .icon-section .icon-block {
        width: 47%;
    }
}

@media (max-width: 600px) {
    .delivery-page .delivery-section {
        flex-direction: column;
        gap: 40px;
    }

    .delivery-page .delivery-section .left,
    .delivery-page .delivery-section .right {
        width: 100%;
    }
}

@media (max-width: 500px) {
    .delivery-page .icon-section .icon-list {
        gap: 14px 0;
    }

    .delivery-page .icon-section .icon-block {
        width: 100%;
    }
}

.delivery-page .route-section {
    margin-bottom: 70px;
}

.delivery-page .route-section.no-mr {
    margin-bottom: 0;
    color: black;
}

.delivery-page .route-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 146.6%;
    color: #3460B4;
    margin-bottom: 62px;
}

.delivery-page .route-item {
    border-radius: 20px;
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 5, 115, 0.07) 0px 0px 20px 0px;
    max-width: 100%;
    position: relative;
    padding: 25px 0px 0px;
    margin-bottom: 20px;
}

.delivery-page .route-item .sort-indicator {
    position: absolute;
    right: 30px;
    top: -38px;
    display: inline-flex;
    padding: 13px 21px;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 5, 115, 0.03) 0px -12px 20px 0px;
}

.delivery-page .route-item .sort-indicator span {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #3460B4;
}

.delivery-page .route-item .top__content {
    display: grid;
    grid-template-columns: 1fr 110px;
    gap: 20px 60px;
    padding: 0px 30px;
}

@media (max-width: 1080px) {
    .delivery-page .route-item .top__content {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        gap: 20px;
    }
}

.delivery-page .route-item .top__content--wrapper {
    max-width: 100%;
    overflow: hidden;
}

.delivery-page .route-item .top__content--left {
    display: grid;
    grid-template-columns: 9fr 150px;
    gap: 16px;
    max-width: 100%;
}

@media (max-width: 1600px) {
    .delivery-page .route-item .top__content--left {
        display: flex;
        flex-wrap: wrap;
    }
}

@media (max-width: 1080px) {
    .delivery-page .route-item .top__content--left {
        display: flex;
        flex-direction: column;
    }
}

.delivery-page .route-item .steps {
    display: flex;
    flex-flow: column;
    gap: 20px;
    flex: 1 1 auto;
}

.delivery-page .route-item .step {
    display: grid;
    grid-template-columns: 150px 3fr 150px;
    gap: 30px;
}

@media (max-width: 1300px) {
    .delivery-page .route-item .step {
        margin-bottom: unset;
    }
}

@media (max-width: 1080px) {
    .delivery-page .route-item .step {
        align-items: flex-start;
        gap: 10px;
    }
}

@media (max-width: 600px) {
    .delivery-page .route-item .step {
        grid-template-columns: 40% 1fr 40%;
    }
}

.delivery-page .route-item .step.hide {
    display: none;
}

.delivery-page .route-item .step .place__wrapper {
    display: flex;
    flex-flow: column;
    gap: 7px;
}

.delivery-page .route-item .step .place__wrapper .short__name {
    color: rgb(0, 0, 0);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0.4px;
}

@media (max-width: 1439px) {
    .delivery-page .route-item .step .place__wrapper .short__name {
        font-size: 16px;
    }
}

.delivery-page .route-item .step .place__wrapper .full__place {
    color: rgb(112, 112, 112);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
}

.delivery-page .route-item .step .line__wrapper .days {
    color: rgb(0, 0, 0);
    text-align: right;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    margin-right: 20px;
    line-height: normal;
}

@media (max-width: 1080px) {
    .delivery-page .route-item .step .line__wrapper .days {
        margin-right: unset;
    }
}

@media (max-width: 600px) {
    .delivery-page .route-item .step .line__wrapper .days {
        text-align: center;
    }
}

.delivery-page .route-item .step .line__wrapper .line {
    width: 100%;
    height: 2px;
    position: relative;
    background: rgb(229, 229, 229);
    margin: 10px 0px;
}

.delivery-page .route-item .step .line__wrapper .line::before {
    content: "";
    background: rgb(229, 229, 229);
    height: 8px;
    width: 8px;
    border-radius: 50%;
    position: absolute;
    left: -2px;
    top: -3px;
    display: block;
}

.delivery-page .route-item .line-svg {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentcolor;
    flex-shrink: 0;
    font-size: 2.4rem;
    color: rgb(185, 192, 206);
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

@media (max-width: 1080px) {
    .delivery-page .route-item .step .line__wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
}

.delivery-page .route-item .step .line__wrapper .line svg {
    position: absolute;
    right: -14px;
    top: -14px;
    font-size: 30px;
    fill: rgb(14, 171, 112);
}

.delivery-page .route-item .step .line__wrapper .types__of_transport {
    display: flex;
    justify-content: flex-end;
    gap: 7px;
    margin-right: 20px;
}

.delivery-page .route-item .step .line__wrapper .types__of_transport svg {
    fill: rgb(185, 192, 206);
}

.delivery-page .route-item .step .place__wrapper {
    display: flex;
    flex-flow: column;
    gap: 7px;
}

.delivery-page .route-item .step .place__wrapper .short__name {
    color: rgb(0, 0, 0);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0.4px;
}

@media (max-width: 1439px) {
    .delivery-page .route-item .step .place__wrapper .short__name {
        font-size: 16px;
    }
}

@media (max-width: 1080px) {
    .delivery-page .route-item .step .place__wrapper .short__name {
        font-size: 14px;
    }
}

.delivery-page .route-item .step .place__wrapper .full__place {
    color: rgb(112, 112, 112);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
}

.delivery-page .route-item .top__content--left .price-line {
    align-items: end;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

@media (max-width: 1600px) {
    .delivery-page .route-item .top__content--left .price-line {
        margin-left: auto;
    }
}

@media (max-width: 1080px) {
    .delivery-page .route-item .top__content--left .price-line {
        align-items: start;
        margin-left: unset;
    }
}

.delivery-page .route-item .top__content--left .full__price {
    color: rgb(0, 0, 0);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    text-align: right;
}

@media (max-width: 1380px) {
    .delivery-page .route-item .top__content--left .taxes-wrapper {
        text-align: left;
    }
}

.delivery-page .route-item .top__content--left .taxes {
    color: rgb(112, 112, 112);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    text-align: right;
}

.delivery-page .route-item .top__content--left .taxes-price {
    color: rgb(112, 112, 112);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    text-align: right;
}

.delivery-page .route-item .top__content .description {
    color: rgb(112, 112, 112);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    margin-top: 16px;
    max-width: 100%;
    width: fit-content;
}

.delivery-page .route-item .top__content .description__text {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.delivery-page .route-item .top__content--right {
    display: flex;
    gap: 10px;
    flex-direction: column;
}

.delivery-page .route-item .top__content--btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    text-align: center;

    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-family: Manrope, sans-serif;
    line-height: normal;
    min-width: 64px;
    width: 100%;
    font-size: 14px;
    color: rgb(52, 96, 180);
    text-transform: none;
    font-weight: 600;
    outline: 0px;
    margin: 0px;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 10px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    border-width: 1px;
    border-style: solid;
    border-color: rgba(52, 96, 180, 0.5);
    border-image: initial;
}

.delivery-page .route-item .top__content--btn-label {
    width: 100%;
    display: inherit;
    align-items: inherit;
    justify-content: inherit;
}

.delivery-page .route-item .top__content--btn:hover {
    text-decoration: none;
    background-color: rgba(52, 96, 180, 0.08);
    border: 1px solid rgb(52, 96, 180);
}

.delivery-page .route-item .top__content--right .offer-actions {
    text-align: center;
    font-size: 14px;
    font-style: normal;
    white-space: nowrap;
    font-weight: 400;
    line-height: normal;
    color: rgb(112, 112, 112);
    padding: 5px 4px;
    border-radius: 10px;
}


.delivery-page .route-item .more-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    font-family: Manrope, sans-serif;
    line-height: 1.71429;
    min-width: 64px;
    width: 100%;
    font-size: 16px;
    color: rgb(0, 0, 0);
    text-transform: none;
    font-weight: 400;
    outline: 0px;
    margin: 0px;
    text-decoration: none;
    padding: 5px 15px;
    border-radius: 8px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(145, 158, 171);
    border-image: initial;
}

.delivery-page .route-item .more-button {
    margin-top: 20px;
    padding-bottom: 10px;
    color: rgb(56, 56, 56);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    border-radius: 0px 0px 19px 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: none !important;
}

.delivery-page .route-item .more-button__label {
    width: 100%;
    display: inherit;
    align-items: inherit;
    justify-content: inherit;
}

.delivery-page .route-item .more-button__label span:nth-child(2) {
    display: none;
}

.delivery-page .route-item .more-button.active .more-button__label span:nth-child(1) {
    display: none;
}

.delivery-page .route-item .more-button.active .more-button__label span:nth-child(2) {
    display: inline-flex;
}

.delivery-page .route-item .more-button__svg {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentcolor;
    flex-shrink: 0;
    color: rgb(185, 192, 206);
    font-size: 20px;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

.delivery-page .route-item .more-button:hover {
    background-color: rgba(145, 158, 171, 0.08);
    box-shadow: none;
}

.delivery-page .route-item .more-button.active .more-button__svg {
    rotate: 180deg;
}

.static-table {
    min-width: 700px;
    overflow: hidden;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(8, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;

    filter: drop-shadow(0px 0px 20px rgba(0, 5, 115, 0.07));
    border: 1px solid #DBE0EC;
    border-radius: 18px;
}

.static-table > div {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;

    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #383838;
    min-height: 50px;
}

.static-table .div1 {
    grid-area: 1 / 1 / 2 / 6;

    background: #EFF3FB;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #383838;
    text-align: center;
    border-bottom: 1px solid #DBE0EC;
}

.static-table .div2 {
    grid-area: 2 / 1 / 5 / 2;
    border-right: 1px solid #DBE0EC;
    border-bottom: 1px solid #DBE0EC;
}

.static-table .div3 {
    grid-area: 2 / 2 / 3 / 4;
    border-right: 1px solid #DBE0EC;
    border-bottom: 1px solid #DBE0EC;

    justify-content: flex-start;
    padding-left: 40px;
}

.static-table .div4 {
    grid-area: 3 / 2 / 4 / 4;
    border-right: 1px solid #DBE0EC;
    border-bottom: 1px solid #DBE0EC;

    justify-content: flex-start;
    padding-left: 40px;
}

.static-table .div5 {
    grid-area: 4 / 2 / 5 / 4;
    border-right: 1px solid #DBE0EC;
    border-bottom: 1px solid #DBE0EC;

    justify-content: flex-start;
    padding-left: 40px;
}

.static-table .div6 {
    grid-area: 2 / 4 / 5 / 5;
    border-right: 1px solid #DBE0EC;
    border-bottom: 1px solid #DBE0EC;
}

.static-table .div7 {
    grid-area: 5 / 1 / 9 / 2;
    border-right: 1px solid #DBE0EC;
}

.static-table .div8 {
    grid-area: 5 / 2 / 6 / 4;
    border-right: 1px solid #DBE0EC;
    border-bottom: 1px solid #DBE0EC;
    justify-content: flex-start;
    padding-left: 40px;
}

.static-table .div9 {
    grid-area: 6 / 2 / 7 / 4;
    border-right: 1px solid #DBE0EC;
    border-bottom: 1px solid #DBE0EC;
    justify-content: flex-start;
    padding-left: 40px;
}

.static-table .div10 {
    grid-area: 7 / 2 / 8 / 4;
    border-right: 1px solid #DBE0EC;
    border-bottom: 1px solid #DBE0EC;
    justify-content: flex-start;
    padding-left: 40px;
}

.static-table .div11 {
    grid-area: 8 / 2 / 9 / 4;
    border-right: 1px solid #DBE0EC;
    justify-content: flex-start;
    padding-left: 40px;
}

.static-table .div12 {
    grid-area: 5 / 4 / 9 / 5;
    border-right: 1px solid #DBE0EC;
}

.static-table .div13 {
    grid-area: 2 / 5 / 9 / 6;
}

.items-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 0 30px;
}
/* End */
/* /local/templates/onlogsystem/components/bitrix/system.pagenavigation/.default/style.css?17436622662986 */
/* /local/components/onlogsystem/seo.pages/templates/.default/style.css?173460434323765 */