

/* Start:/bitrix/components/tradein/api2.tradein.cars.filter/templates/checkboxGB/style.css?1720609049346*/
div.gb-block {
    width: 100%;
    margin-top: 10px;
}
.gb-items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.gb-items .filter-checkbox{
    margin-top: 10px;
}
.gb-header {
    font-size: 16px;
    color: #535355;
}
.gb-block+.checkbox-block {
    margin-top: 20px;
}
/* End */


/* Start:/bitrix/components/bitrix/system.pagenavigation/templates/tradein-square/style.css?16401824261259*/
.bx-pagination {
    margin: 0 0 58px;
}
.bx-pagination,
.bx-pagination-container {
    display: block;
}
.bx-pagination-container ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 0;
    padding: 0;
}
.bx-pagination-container ul li.bx-pag-prev,
.bx-pagination-container ul li.bx-pag-next,
.bx-pagination-container ul li::before,
.bx-pagination-container ul li::after {
    display: none;
}
.bx-pagination-container ul li {
    border: 1px solid #c9c9c9;
    border-radius: 4px;
    font-size: 18px;
    line-height: 23px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 42px;
    height: 42px;
    margin: 0 5px 0 0;
	transition: border ease-in-out .2s;
}
.bx-pagination-container ul li:hover {
	border: 1px solid #535355;
}
.bx-pagination-container ul li.bx-active {
    border: 1px solid #000000;
    color: #000;
}
.bx-pagination-container ul li.bx-pag-all {
    width: 143px;
    height: 42px;
}
.bx-pagination-container ul li a {
    color: #535355;
    text-decoration: none;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

/* End */


/* Start:/bitrix/components/tradein/api2.tradein.cars.list/templates/.default/style.css?17206085847073*/
.instock-cars-list-wrapper {
    padding: 0 20px;
    margin: 0;
}
.instock-cars-list-wrapper h1 {
    margin: 10px 0 15px;
}
.instock-cars {
    display: flex;
    flex-direction: row;
    margin-bottom: 30px;
    flex-wrap: wrap;
    justify-content: center;
}
.instock-cars .instock-car {
    border: 1px solid #A6A6A6;
    border-radius: 3px;
    width: max-content;
    margin: 0 0 20px;
}
.instock-cars .instock-car:last-child {
    margin: 0;
}
.instock-car a {
    color: inherit;
    display: block;
    text-decoration: none;
}
/* paintful heart */
.car-bookmark {
    background: transparent;
    border: none;
    outline: none;
    position: absolute;
    top: 5px;
    right: 6px;
    z-index: 5;
    padding: 6px;
    width: auto;
    height: auto;
}
.car-bookmark-heart {
    stroke: #58595B;
    fill: transparent;
    transition: all ease-in-out .2s;
}
.car-bookmark:hover .car-bookmark-heart {
    stroke: #153D8A;
}
.car-bookmark.bookmark-added .car-bookmark-heart {
    stroke: #153D8A;
    fill: #153D8A;
}
/* specprogram */
.specialprogram-logo {
    position: absolute;
    bottom: 10px;
    right: 10px;
    max-width: 100px;
    z-index: 10;
}
.model-links {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 0 15px;
}
.model-links a {
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    color: #000;
    display: inline-block;
    font-size: 18px;
    padding: 5px 15px;
    margin: 0 5px 5px 0;
    text-decoration: none;
    transition: border ease-in-out .2s;
}
.model-links a:hover {
    border: 1px solid #535355;
}
.model-links a span {
    color: #a6a6a6;
    font-size: 14px;
}
.cars-list-prologue-icons {
    display: flex;
    flex-direction: column;
    margin: 25px 0 0;
}
.prologue-icon-item {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    margin: 0 0 20px;
    width: 100%;
}
.prologue-icon-item::before {
    content: '';
    border-radius: 50%;
    background: #e5e5e5;
    opacity: .5;
    position: absolute;
    top: 0;
    left: 0;
    width: 54px;
    height: 54px;
    z-index: -1;
}
.prologue-icon-item svg {
    margin: 0 0 15px 22px;
}
.prologue-item-title {
    color: #000;
    font-size: 20px;
    line-height: 25px;
    position: relative;
    margin-bottom: 30px;
}
.prologue-item-title::after {
    content: '';
    background: #15418C;
    width: 70px;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: -22px;
}
.prologue-item-text {
    color: #000;
    font-size: 16px;
    line-height: 20px;
    width: 100%;
    max-width: 360px;
    margin: 0 0 5px;
}
.prologue-item-link {
    color: #535355;
    font-size: 14px;
    line-height: 18px;
    position: relative;
}
.prologue-item-link::before {
    content: '';
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-radius: 1px;
    border-color: #535355;
    transform: rotate(-45deg);
    position: absolute;
    left: 80px;
    bottom: calc(50% - 5px);
    width: 8px;
    height: 8px;
}
.prologue-item-title,
.prologue-item-link,
.prologue-svg,
.prologue-svg-stroke {
    transition: all ease-in-out .2s;
}
.prologue-svg {
    fill: #202020;
}
.prologue-svg-stroke {
    stroke: #202020;
}
.prologue-icon-item:hover .prologue-item-title {
    color: #15418C;
}
.prologue-icon-item:hover .prologue-item-link {
    color: #000;
}
.prologue-icon-item:hover .prologue-svg {
    fill: #15418C;
}
.prologue-icon-item:hover .prologue-svg-stroke {
    stroke: #15418C;
}

.filter_block {
    color: #000;
    display: flex;
    flex-direction: column;
    margin: 0 0 20px;
}
.filter_block ul.filter_type {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
}
.filter_header {
    color: #000;
    font-size: 18px;
    line-height: 23px;
    margin: 0 21px 0 0;
}
.filter_block ul.filter_type li::before {
    display: none;
}
.filter_type .filter_list_item a {
    color: #000;
    position: relative;
    padding-right: 22px;
    font-size: 18px;
    line-height: 23px;
}
.filter_type .filter_list_item a::after {
    border-style: solid;
    border-width: 1px 1px 0 0;
    transform: rotate(-45deg);
    position: absolute;
    right: 8px;
    bottom: calc(50% - 7px);
    width: 7px;
    height: 7px;
}
.filter_type .filter_list_item.active-sort a {
    text-decoration: none;
    padding-right: 35px;
}
.filter_type .filter_list_item.active-sort a::after {
    content: '';
    right: 20px;
}
.filter_type .filter_list_item.active-sort.active-sort-re_o a::after {
    border-width: 0 0 1px 1px;
    bottom: calc(50% - 3px);
}
.cars-list-prologue-wrapper {
    padding: 0 20px;
}
.prevprice {
    text-decoration: line-through;
    color: #535355;
}

.btn__back-to-catalog {
    color: #000;
    position: relative;
    font-size: 18px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    margin-bottom: 20px;
}
.btn__back-to-catalog::after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='-272 195 22 22' style='enable-background:new -272 195 22 22;' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23FFFFFF' d='M-259.9,209.9l-3.8-4.6c-0.2-0.3-0.2-0.6,0.1-0.8c0.3-0.2,0.6-0.2,0.8,0.1l2.9,3.4l2.9-3.4c0.2-0.3,0.6-0.3,0.8-0.1c0.3,0.2,0.3,0.6,0.1,0.8L-259.9,209.9z'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23535355' d='M-260.7,209l-3.8-4.6c-0.2-0.3-0.2-0.6,0.1-0.8c0.3-0.2,0.6-0.2,0.8,0.1l2.9,3.4l2.9-3.4c0.2-0.3,0.6-0.3,0.8-0.1s0.3,0.6,0.1,0.8L-260.7,209z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    transform: rotate(90deg);
    z-index: 3;
    transition: all ease-out .2s;
}
.btn__back-to-catalog::before {
    content: '';
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #535355;
    margin-right: 9px;
    width: 22px;
    height: 22px;
    z-index: 2;
}

.btn__back-to-catalog:hover::after {
    transform: rotate(270deg);
}

.btn__back-to-catalog:hover {
    text-decoration: none;
}

@media only screen and (min-width: 1160px) {
    .instock-cars-list-wrapper {
        padding: 0;
    }
    .instock-cars {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        column-gap: 20px;
        row-gap: 25px;
        margin-bottom: 25px;
    }
    .instock-cars .instock-car {
        width: 275px;
        margin: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .cars-list-prologue-icons {
        flex-direction: row;
        flex-wrap: nowrap;
        margin: 40px 0 50px;
    }
    .prologue-icon-item {
        width: 33%;
        margin: 0;
    }
    .filter_block {
        align-items: center;
        flex-direction: row;
        margin: 20px 0 20px;
    }
    .cars-list-prologue-wrapper {
        padding: 0;
    }

    .btn__back-to-catalog--mobile {
        display: none;
    }
}
/* End */


/* Start:/bitrix/components/tradein/light.list/templates/coming-soon/style.css?17429786035821*/
.instock-cars-list-wrapper {
    padding: 0 20px;
    margin: 0;
}
.instock-cars-list-wrapper h1 {
    margin: 10px 0 15px;
}
.instock-cars {
    display: flex;
    flex-direction: row;
    margin-bottom: 30px;
    flex-wrap: wrap;
    justify-content: center;
}
.instock-cars .instock-car {
    border: 1px solid #A6A6A6;
    border-radius: 3px;
    width: max-content;
    margin: 0 0 20px;
}
.instock-cars .instock-car:last-child {
    margin: 0;
}
.instock-car a {
    color: inherit;
    display: block;
    text-decoration: none;
}
/* paintful heart */
.car-bookmark {
    background: transparent;
    border: none;
    outline: none;
    position: absolute;
    top: 5px;
    right: 6px;
    z-index: 5;
    padding: 6px;
    width: auto;
    height: auto;
}
.car-bookmark-heart {
    stroke: #58595B;
    fill: transparent;
    transition: all ease-in-out .2s;
}
.car-bookmark:hover .car-bookmark-heart {
    stroke: #153D8A;
}
.car-bookmark.bookmark-added .car-bookmark-heart {
    stroke: #153D8A;
    fill: #153D8A;
}
/* specprogram */
.specialprogram-logo {
    position: absolute;
    bottom: 10px;
    right: 10px;
    max-width: 100px;
    z-index: 10;
}
.model-links {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 0 15px;
}
.model-links a {
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    color: #000;
    display: inline-block;
    font-size: 18px;
    padding: 5px 15px;
    margin: 0 5px 5px 0;
    text-decoration: none;
    transition: border ease-in-out .2s;
}
.model-links a:hover {
    border: 1px solid #535355;
}
.model-links a span {
    color: #a6a6a6;
    font-size: 14px;
}
.cars-list-prologue-icons {
    display: flex;
    flex-direction: column;
    margin: 25px 0 0;
}
.prologue-icon-item {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    margin: 0 0 20px;
    width: 100%;
}
.prologue-icon-item::before {
    content: '';
    border-radius: 50%;
    background: #e5e5e5;
    opacity: .5;
    position: absolute;
    top: 0;
    left: 0;
    width: 54px;
    height: 54px;
    z-index: -1;
}
.prologue-icon-item svg {
    margin: 0 0 15px 22px;
}
.prologue-item-title {
    color: #000;
    font-size: 20px;
    line-height: 25px;
    position: relative;
    margin-bottom: 30px;
}
.prologue-item-title::after {
    content: '';
    background: #15418C;
    width: 70px;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: -22px;
}
.prologue-item-text {
    color: #000;
    font-size: 16px;
    line-height: 20px;
    width: 100%;
    max-width: 360px;
    margin: 0 0 5px;
}
.prologue-item-link {
    color: #535355;
    font-size: 14px;
    line-height: 18px;
    position: relative;
}
.prologue-item-link::before {
    content: '';
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-radius: 1px;
    border-color: #535355;
    transform: rotate(-45deg);
    position: absolute;
    left: 80px;
    bottom: calc(50% - 5px);
    width: 8px;
    height: 8px;
}
.prologue-item-title,
.prologue-item-link,
.prologue-svg,
.prologue-svg-stroke {
    transition: all ease-in-out .2s;
}
.prologue-svg {
    fill: #202020;
}
.prologue-svg-stroke {
    stroke: #202020;
}
.prologue-icon-item:hover .prologue-item-title {
    color: #15418C;
}
.prologue-icon-item:hover .prologue-item-link {
    color: #000;
}
.prologue-icon-item:hover .prologue-svg {
    fill: #15418C;
}
.prologue-icon-item:hover .prologue-svg-stroke {
    stroke: #15418C;
}

.filter_block {
    color: #000;
    display: flex;
    flex-direction: column;
    margin: 0 0 20px;
}
.filter_block ul.filter_type {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
}
.filter_header {
    color: #000;
    font-size: 18px;
    line-height: 23px;
    margin: 0 21px 0 0;
}
.filter_block ul.filter_type li::before {
    display: none;
}
.filter_type .filter_list_item a {
    color: #000;
    position: relative;
    padding-right: 22px;
    font-size: 18px;
    line-height: 23px;
}
.filter_type .filter_list_item a::after {
    border-style: solid;
    border-width: 1px 1px 0 0;
    transform: rotate(-45deg);
    position: absolute;
    right: 8px;
    bottom: calc(50% - 7px);
    width: 7px;
    height: 7px;
}
.filter_type .filter_list_item.active-sort a {
    text-decoration: none;
    padding-right: 35px;
}
.filter_type .filter_list_item.active-sort a::after {
    content: '';
    right: 20px;
}
.filter_type .filter_list_item.active-sort.active-sort-re_o a::after {
    border-width: 0 0 1px 1px;
    bottom: calc(50% - 3px);
}
.cars-list-prologue-wrapper {
    padding: 0 20px;
}
.prevprice {
    text-decoration: line-through;
    color: #535355;
}
@media only screen and (min-width: 1160px) {
    .instock-cars-list-wrapper {
        padding: 0;
    }
    .instock-cars {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        column-gap: 20px;
        row-gap: 25px;
        margin-bottom: 25px;
    }
    .instock-cars .instock-car {
        width: 275px;
        margin: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }
    .cars-list-prologue-icons {
        flex-direction: row;
        flex-wrap: nowrap;
        margin: 40px 0 50px;
    }
    .prologue-icon-item {
        width: 33%;
        margin: 0;
    }
    .filter_block {
        align-items: center;
        flex-direction: row;
        margin: 20px 0 20px;
    }
    .cars-list-prologue-wrapper {
        padding: 0;
    }
}
/* End */
/* /bitrix/components/tradein/api2.tradein.cars.filter/templates/checkboxGB/style.css?1720609049346 */
/* /bitrix/components/bitrix/system.pagenavigation/templates/tradein-square/style.css?16401824261259 */
/* /bitrix/components/tradein/api2.tradein.cars.list/templates/.default/style.css?17206085847073 */
/* /bitrix/components/tradein/light.list/templates/coming-soon/style.css?17429786035821 */
