/* Start:/local/templates/new_krr/assets/css/pages/transport.css?178653349723496*/
a {
    color: inherit;
}

.container.transport-container {
    margin-top: 40px;
    .container {
        max-width: 100%;
        margin: 0;
        .transport__up-block {
            max-width: 1300px;
            margin: 0 auto;
            .transport__up-block__btn {
                display: flex;
                margin-bottom: 40px;
                gap: 20px;
                justify-content: center;
                div {
                    border-radius: 40px;
                    height: 57px;
                    background-color: #fff;
                    border: 1px solid #21c46b;
                    width: calc(100% / 3);
                    color: #21c46b;
                    font-weight: 500;
                    font-size: 20px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    max-height: 60px;
                    text-align: center;
                }
                a {
                    border-radius: 40px;
                    height: 57px;
                    background-color: #fff;
                    border: 1px solid #21c46b;
                    width: calc(100% / 3);
                    color: #21c46b;
                    font-weight: 500;
                    font-size: 20px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    max-height: 60px;
                    text-align: center;
                }
                div:hover {
                    cursor: pointer;
                }
                a:hover {
                    cursor: pointer;
                    color: #FFFFFF;
                    background-color: #21C46B;
                    border-color: #21C46B;
                    transition: color 0.28s ease, background-color 0.28s ease, border-color 0.28s ease;
                }
             
                .transport__up-block__btn--active {
                    background: #21c46b;
                    color: #FFF;
                }
                .transport__up-block__btn--active:hover {
                    cursor: pointer;
                    color: #21C46B;
                    background-color: #FFFFFF;
                    border-color: #21C46B;
                    transition: color 0.28s ease, background-color 0.28s ease, border-color 0.28s ease;
                }
            }
        }
        .transport__main-block {
            display: flex; /* поменять на none при необходимости*/
            color: #434C5D;
            flex-direction: column;
            .transport__main-block__item {
                display: flex;
                max-width: 1300px;
                margin: 0 auto 60px auto;
                svg {
                    width: 100%;
                    max-height: fit-content;
                    margin-bottom: 20px;
                }
                .transport__main-block__item--h1 {
                    width: 100%;
                    display: flex;
                    white-space: nowrap;
                    span {
                        display: flex;
                        align-items: center;
                        svg {
                            margin-right: 10px;
                        }
                    }
                }
                div {
                    width: 100%;
                    font-size: 30px;
                    font-weight: 500;
                    margin-left: 20px;
                    div {
                        margin-bottom: 15px;
                        font-size: 24px;
                        span {
                            color: #21c46b;
                        }
                    }

                }
                a {
                    width: 100%;
                    font-size: 30px;
                    font-weight: 500;
                    margin-left: 20px;
                    div {
                        margin-bottom: 15px;
                        font-size: 24px;
                        span {
                            color: #21c46b;
                        }
                    }

                }
            }
            .transport__main-block__item-down {
                padding: 44px 90px;
                display: flex;
                align-items: center;
                border-radius: 30px;
                background: #F2F2F2;
                font-weight: 500;
                font-size: 24px;
                max-width: 1300px;
                margin: 0 auto 70px auto;
                svg {
                    margin-right: 20px;
                    width: 100px;
                }

                .transport__main-block__item-down--white {
                    border-radius: 20px;
                    background: #FFF;
                    box-shadow: 0px 4px 20px 0px #21C46B1A;
                    padding: 20px 40px;
                    display: flex;
                    align-items: center;
                    font-size: 24px;
                    span {
                        color: #21c46b;
                        margin-left: 10px;
                    }

                    svg {
                        margin: 0;
                        width: 22px;
                    }
                }
            }

            .transport__main-block__item-down--bus {
                display: flex;
                flex-direction: column;
                align-items: center;
                border-radius: 30px;
                font-weight: 500;
                font-size: 24px;
                width: 100%;
                max-width: 1300px;
                margin: 0 auto;
                padding: 20px;
                .transport__main-block__item-down--route {
                    display: flex;
                    gap: 20px;
                    .transport__main-block__item-down--white {
                        display: flex;
                        flex-direction: column;
                        width: 100%;
                        position: relative;
                    }
                }
                .transport__main-block__item-down--white {
                    border-radius: 20px;
                    background: #FFF;
                    box-shadow: 0px 4px 20px 0px #21C46B1A;
                    padding: 20px 40px;
                    display: flex;
                    align-items: center;
                    font-size: 22px;
                    margin-bottom: 40px;
                    gap: 20px;
                    margin-top: 20px;
                    width: 100%;
                    justify-content: flex-start;
                    flex-wrap: wrap;
                    div {
                        /*width: 100%;*/
                    }
                    a {
                        /*width: 100%;*/
                    }
                    span {
                        color: #21c46b;
                        margin-left: 10px;
                        opacity: 0.6;
                    }

                    svg {
                        margin: 0;
                        width: 22px;
                        vertical-align: middle;
                    }
                    .actual {
                        color: #21c46b;
                        background: none;
                        font-family: 'Geometria', sans-serif;
                        font-size: 20px;
                        font-weight: 500;
                    }
                    .actual__link span {
                        margin-right: 5px;
                    }
                    .transport__main-block__item-down--white_item__number--airport {
                        width: 100%;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        color: #21c46b;
                        background: #F2F2F2;
                        font-size: 20px;
                        border-radius: 10px;
                        white-space: nowrap;
                        height: 45px;
                    }
                    .transport__main-block__item-down--white_item {
                        display: flex;
                        width: 100%;
                        font-size: 16px;
                        align-items: center;
                        div {
                            width: 100%;
                        }
                        .transport__main-block__item-down--white_item__number {
                            margin-right: 10px;
                            width: 100px;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            color: #21c46b;
                            background: #F2F2F2;
                            font-size: 20px;
                            border-radius: 10px;
                            white-space: nowrap;
                            padding: 3px;
                            height: 45px;
                            min-width: 78px;
                        }
                        .transport__main-block__item-down--white_item__number--train {
                            margin-right: 10px;
                            width: 100%;
                            height: 45px;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            color: #21c46b;
                            background: #F2F2F2;
                            font-size: 20px;
                            border-radius: 10px;
                            white-space: nowrap;
                            max-width: 200px;
                        }
                        .transport__main-block__item-down--white_item__number--train:hover {
                            cursor: pointer;
                            color: #21C46B;
                            background: #FFFFFF;
                            border: 1px solid #21C46B;
                        }
                    }
                    a {
                        text-decoration: none;
                        color: #FFFFFF;
                        background: #21c46b;
                        padding: 10px 20px 10px 3px;
                        border-radius: 40px;
                        align-self: flex-start;
                        font-size: 16px;
                    }
                }
            }

        }
        .transport__main-block--active {
            display: flex;
        }
    }
}
.transport-container {
    & .container {
        & .transport__main-block {
            & .transport__main-block__item-down--bus {
                & .transport__main-block__item-down--white {
                    svg {
                        margin-left: -20px;
                    }
                }
            }
        }
    }
}

.transport__main-block__item-down--bus_background {
    background: #F2F2F2;
    margin: 0 10px 65px 10px;
    border-radius: 30px;
}

.transport__up-block__btn--car:hover {
    cursor: pointer;
}

/*.transport-container {*/
/*    & .container {*/
/*        & .transport__main-block {*/
/*            & .transport__main-block__item-down--bus {*/
/*                & .transport__main-block__item-down--white {*/
/*                    span {*/
/*                        display: flex;*/
/*                        align-items: center;*/
/*                    }*/
/*                }*/
/*            }*/
/*        }*/
/*    }*/
/*}*/

.container.transport-container .container .transport__main-block .transport__main-block__item-down--bus .transport__main-block__item-down--route a {
    margin-top: auto;
    height: 40px;
    width: 190px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}

.bus-text-width{
    max-width: 30rem;
}

@media (max-width: 1440px) {
    .transport-container {
        & .container {
            & .transport__main-block {
                & .transport__main-block__item {
                    div {
                        font-size: 24px;
                    }
                }
            }
        }
    }

    .transport-container {
        .container {
            .transport__up-block {
                margin: 20px 40px;
            }

            .transport__main-block {
                .transport__main-block__item {
                    margin: 0 40px;
                }
            }
        }
    }
    .transport-container {
        .container {
            .transport__main-block {
                .transport__main-block__item-down {
                    font-size: 20px;
                    margin: 30px 24px;
                    padding: 30px 40px;
                }
            }

        }
    }
}

@media (max-width: 1024px) {
    .container.transport-container {
        .container {
            .transport__up-block {
                .transport__up-block__btn div {
                    font-size: 16px;
                }
            }
            .transport__up-block {
                max-width: 944px;
                .transport__up-block__btn {

                }
            }

            .transport__main-block {
                .transport__main-block__item {
                    max-width: 944px;
                    div {
                        font-size: 24px;
                    }
                    a {
                        font-size: 24px;
                    }

                }
                .transport__main-block__item-down {
                    font-size: 20px;
                    margin-left: 24px;
                    margin-right: 24px;

                }
                .transport__main-block__item-down--bus {
                    .transport__main-block__item-down--route {
                        flex-direction: column;
                        width: 100%;
                        .transport__main-block__item-down--white {
                            margin: 0;
                        }
                    }
                }
            }
        }
    }

    .transport-container {
        & .container {
            & .transport__main-block {
                & .transport__main-block__item-down--bus {
                    & .transport__main-block__item-down--white {
                        span {
                            margin: 0 -20px 0 -14px;
                        }
                    }
                }
            }
        }
    }

    .transport__main-block__item-down--bus_background {
        margin: 0 0 65px 0;
    }

    .transport-container {
        & .container {
            & .transport__main-block {
                & .transport__main-block__item-down--bus {
                    & .transport__main-block__item-down--white {
                        svg {
                            margin-left: -6px;
                        }
                    }
                }
            }
        }
    }

    .electric-svg {
        margin-bottom: -4px !important;
    }

    .transport-container {
        & .container {
            & .transport__main-block {
                & .transport__main-block__item-down--bus {
                    & .transport__main-block__item-down--white {
                        & .transport__main-block__item-down--white_item {
                            div {
                                font-size: 14px;
                            }
                        }
                    }
                }
            }
        }
    }

    .transport-container {
        & .container {
            & .transport__main-block {
                & .transport__main-block__item-down--bus {
                    & .transport__main-block__item-down--white {
                        & .transport__main-block__item-down--white_item {
                            .transport__main-block__item-down--white_item__number--train {
                                font-size: 16px;
                            }
                        }
                    }
                }
            }
        }
    }
}

@media (max-width: 768px) {
    .container.transport-container {
        .container {

            .transport__up-block {
                max-width: 688px;

                .transport__up-block__btn {
                    flex-direction: column;

                    div {
                        width: 100%;
                    }
                    a {
                        width: 100%;
                    }
                }
            }

            .transport__main-block {
                .transport__main-block__item {
                    flex-direction: column;
                    max-width: 688px;

                    svg {
                        max-height: 200px;
                    }

                    div {
                        font-size: 16px;
                    }
                }
            }
        }

        .transport-container {
            & .container {
                & .transport__main-block {
                    .transport__main-block__item-down {
                        font-size: 16px;
                    }
                }
            }
        }

        .transport-container {
            & .container {
                & .transport__main-block {
                    & .transport__main-block__item-down--bus {
                        & .transport__main-block__item-down--white {
                            font-size: 16px;
                        }
                    }
                }
            }
        }
    }

    .transport__main-block {
        .transport__main-block__item {
            div {
                margin-left: 0;
            }
        }
    }


    .container.transport-container {
        & .container {
            & .transport__main-block {
                & .transport__main-block__item {
                    div {
                        margin-left: 0;
                    }
                }
            }
        }
    }

    .transport__main-block__item-header {
        margin: 20px 0;
    }


    .container.transport-container {
        .container {
            .transport__up-block {
                .transport__up-block__btn {
                    gap: 10px;

                    div {
                        width: 100%;
                        height: 45px;
                    }
                }
            }
        }
    }

    .container.transport-container {
        .container {
            .transport__main-block {
                .transport__main-block__item-down {
                    padding: 20px 40px;
                }
            }
        }
    }

    .container.transport-container {
        & .container {
            & .transport__main-block {
                & .transport__main-block__item-down--bus {
                    .transport__main-block__item-down--white {
                        padding: 20px;
                    }
                }
            }
        }
    }
    .container.transport-container .container .transport__main-block .transport__main-block__item-down--bus .transport__main-block__item-down--route a {
        align-self: center;
    }
}

@media (max-width: 700px) {
    .container.transport-container {
        & .container {
            & .transport__main-block {
                & .transport__main-block__item-down--bus {
                    & .transport__main-block__item-down--white {
                        flex-direction: column;
                        align-items: flex-start;
                        font-size: 20px;
                    }
                }
            }
        }
    }

    .container.transport-container {
        & .container {
            & .transport__main-block {
                & .transport__main-block__item-down {
                    svg {
                        display: none;
                    }
                }
            }
        }
    }
}

@media (max-width: 600px) {
    .transport-container {
        & .container {
            & .transport__main-block {
                .transport__main-block__item-down {
                    padding: 18px;
                }
            }
        }
    }
}

@media (max-width: 500px) {
    .container.transport-container {
        .container {

            .transport__up-block {
                max-width: 480px;
                margin: 0 15px;

                .transport__up-block__btn {
                    flex-direction: column;

                    div {
                        width: 100%;
                    }
                }
            }

            .transport__main-block {
                .transport__main-block__item {
                    flex-direction: column;
                    max-width: 480px;
                    margin: 0 15px;

                    svg {
                        max-height: 200px;
                    }

                    div {
                        font-size: 16px;
                    }
                }
                & .transport__main-block__item-down--bus {
                    & .transport__main-block__item-down--white {
                        .actual {
                            padding: 0;
                            font-size: 18px;
                            span {
                                margin: 0;
                                display: flex;
                                font-size: 18px;
                            }
                        }
                        & .transport__main-block__item-down--white_item {
                            .transport__main-block__item-down--white_item__number--train {
                                font-size: 14px;
                            }
                        }
                    }
                }
            }
        }
    }
        .container.transport-container {
            & .container {
                & .transport__main-block {
                    & .transport__main-block__item-down {
                        margin: 0 0 30px 0;
                    svg {
                        display: none;
                        }
                    }
                }
            }
        }
    .container.transport-container {
        .container {
            .transport__main-block {
                .transport__main-block__item {
                    margin-bottom: 30px;

                }
            }
        }
    }
    .container.transport-container {
        & .container {
            & .transport__main-block {
                & .transport__main-block__item-down--bus {
                    .transport__main-block__item-down--white.transport_animation-block {
                        padding: 15px;
                    }
                }
            }
        }
    }
}

.transport__main-block__item-header {
    background: #F2F2F2;
    color: #21c46b;
    font-size: 32px;
    border-radius: 10px;
    display: flex;
    width: 100%;
    max-width: 430px;
    padding: 10px 20px;
}

.actual__link {
    padding: 10px 0 !important;
}

.actual__link span {
    margin-left: 5px !important;
}

.transport__main-block__item_gray_widget {
  border-radius: 20px;
  border: 1px solid #E4E7E9;
  background: #FFF;
  box-shadow: 0 4px 20px 0 rgba(33, 196, 107, 0.20);
  padding: 20px;
  display: block;
  width: 100%;
  max-width: 430px;
  font-size: 18px !important;
  line-height: 1.35;
  text-align: left;
  word-break: break-all;
}


/* End */
/* /local/templates/new_krr/assets/css/pages/transport.css?178653349723496 */