

/* Start:/local/components/fronex/home.filter.frontend/templates/.default/style.css?16878940509937*/
.section-content {
    padding-bottom: 30px;
    padding-top: 30px;
}
.section-content-searchCar {
    padding: 65px 0 50px;
    background: #4C4C4C;
}
.selection-car__flex {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 35px;
}
.cw {
    color: #fff;
}
h2 {
    font-size: 1.728rem;
}
.selection-car__list-wpapper {
    height: 42px;
    overflow: hidden;
    margin-left:40px;
}
.selection-car__list {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 10px;
    white-space: nowrap;
}
.select-content-item {
    display: block;
    opacity: 1;
}
.selection-car__tab {
    border: 1px solid #d4d4d4;
    border-radius: 30px;
    color: #d4d4d4;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
    padding: 9px 18px;
    transition: color .2s ease-in-out,border-color .2s ease-in-out;
}
.selection-car__tab.active, .selection-car__tab.selected {
    background: #ED1B24;
    border-radius: 30px;
    border-color: #ED1B24;
    color: #ffffff;
    cursor: default;
    pointer-events: none;
}

form.form-inline-block {
    flex-wrap: wrap;
    align-items: center;
    display: flex;
    justify-content: flex-start;
    margin: 0 -5px;
    position: relative;
    width: calc(100% + 10px);
}
.selection-car__flex fieldset {
    min-width: 0;
    padding: 0;
    border: 0;
}
form .form-group {
    border-radius: 25px;
    display: block;
    flex-grow: 1;
    margin: 0 5px 20px;
    position: relative;
}
form.form-fifth .form-group {
    max-width: calc(20% - 10px);
    width: calc(20% - 10px);
}
.section-content-searchCar legend {
    display: none;
}
.section-content-searchCar form[id] select {
    display: none;
}


.select__head {
    background-color: #fff;
    color: #535353;
    cursor: pointer;
    line-height: 1.2;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    transition: all .2s ease-in-out;
    white-space: nowrap;
    width: 100%;
}
.section-content-searchCar .catalog-filter__input{
    font-size: 16px;
    height: 44px;
    width: 50%;
}
.section-content-searchCar.filter_new_cars .catalog-filter__input {
    width: 100%;
}


.section-content-searchCar .catalog-filter__field.price{
    justify-content: center;
}
form.form-inline-block .select__head {
    border: none;
    border-radius: 0;
    font-size: 16px;
    padding: 13px 40px 12px 25px;
}
.select__head:after {
    background: url(/img/icons/arrow-down-navigate-grey.svg) 50% no-repeat;
    background-size: contain;
    content: "";
    height: 9px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    transform-origin: 50% 50%;
    transition: transform .2s ease-in-out;
    width: 15px;
}
.select__head.open:after {
    transform: translateY(-50%) rotate(180deg);
}
.section-content-searchCar .select {
    background-color: #fff;
    box-shadow: 0px 4px 10px rgba(26, 26, 26, 0.2);
    border-radius: 0px 0px 10px 10px;
    position: absolute;
    transform: scaleY(0);
    transform-origin: 0 0;
    transition: transform .25s ease-in-out;
    z-index: 4;
}
.section-content-searchCar .select_columns {
    left: 8px;
    right: 8px;
    width: calc(100% - 16px);
}
form.form-inline-block .form-group_static .select {
    top: calc(100% + 5px)!important;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
}

.section-content-searchCar .select__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    overflow: auto;
    max-height: 35vh;
    padding: 5px 30px 5px 20px;
}

.section-content-searchCar .select_columns .select__list {
    -moz-column-count: 2;
    column-count: 2;
    display: block;
    max-height: unset;
    padding: 15px 20px;
}
.section-content-searchCar.filter_used_cars .select_columns .select__list{
    -moz-column-count: 6;
    column-count: 6;
}
.select__item {
    background-color: #fff;
    color: #212529;
    cursor: pointer;
    font-family: GothaReg,Arial,sans-serif;
    font-size: 13px;
    padding: 10px 5px 10px 30px;
    position: relative;
    transition: all .2s ease-in-out;
    width: 100%;
}
.select_columns .select__group, .select_columns .select__item {
    display: inline-block;
}
form.form-inline-block .form-group_mark .select__item {
    white-space: nowrap;
}
.form-group.form-group--filter-model .select {
    min-width: 230px;
}
.select__item .checkmark {
    border: 2px solid #e8e9e9;
    border-radius: 4px;
    height: 16px;
    left: 5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .2s ease-in-out;
    width: 16px;
}

.select__item:hover {
    background-color: #fafafa;
}
.select.open {
    transform: none;
}
.select__item.selected .checkmark {
    background-color: #ed1b24;
    border-color: #ed1b24;
}
.select__item .checkmark:after {
    border: solid #fff;
    border-width: 0 2px 2px 0;
    content: "";
    display: block;
    height: 8px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 40%;
    transform: translate(-50%,-150%) rotate(45deg);
    transition: all .2s ease-in-out;
    width: 4px;
}
.select__item.selected .checkmark:after {
    opacity: 1;
    transform: translate(-50%,-50%) rotate(45deg);
}

.select__group_head {
    border-bottom: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;
    font-size: 1rem;
    text-align: left;
    width: 100%;
}
.select__group {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-left: 15px;
    width: 100%;
}
form.form-inline-block .form-group .select-block:active,
form.form-inline-block .form-group .select-block:hover,
form.form-inline-block .form-group input:active,
form.form-inline-block .form-group input:hover {
    border-color: #c3c3c3;
}

form .form-group_flex {
    display: flex;
    margin-bottom: 15px;
}

form.form-inline-block .form-group:last-child {
    margin-right: 0;
}
form.form-inline-block .form-group:last-of-type {
    margin: 0 5px 20px;
}

.section-content-searchCar  .btn {
    background-color: #ec2830;
    border: 0;
    border-radius: 25px;
    color: #fff;
    cursor: pointer;
    font-family: GothaReg,Arial,sans-serif;
    font-size: 1rem;
    height: 44px;
    line-height: 44px;
    margin-bottom: 15px;
    min-width: 155px;
    outline: 0;
    overflow: hidden;
    padding: 0 30px;
    position: relative;
    text-align: center;
}
.section-content-searchCar .btn:focus, .section-content-searchCar .btn:hover {
    text-decoration: none;
    border-color: red;
    color: #fff;
    outline: none;
}
form.form-inline-block .btn {
    line-height: 44px;
    position: relative;
}
form.form-inline-block .btn-extra-filter-left {
    border-radius: 0;
    flex: 1 0 auto;
    height: 44px;
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    transition: background-color .2s ease-in-out;
    width: 215px;
}
.section-content-searchCar .btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
form.form-inline-block .btn-extra-filter-left:hover {
    background-color: red;
}
@media screen and (max-width: 1200px){
    .selection-car__flex {
        align-items: flex-start;
        flex-direction: column;
    }
    .selection-car__list-wpapper {
        margin-top: 35px;
        width: 100%;
    }
    form.form-fifth {
        width: calc(100% + 6px);
    }
    form.form-fifth .form-group {
        margin-bottom: 15px;
        max-width: calc(33.3333% - 10px);
        width: calc(33.3333% - 32px);
    }
    form.form-fifth .form-group .btn-filter {
        min-width: 208px;
        width: 208px;
    }
}
@media screen and (max-width: 992px){
    form.form-fifth .form-group {
        max-width: calc(50% - 10px);
        width: calc(50% - 10px);
    }
    form.form-fifth .form-group:last-child {
        max-width: calc(100% - 80px);
        width: 100%;
    }
    form.form-fifth .form-group .btn-filter {
        min-width: 100%;
        width: 100%;
    }
    .select_columns {
        max-height: 50vh;
        overflow-y: auto;
    }
}
@media screen and (max-width: 768px){
    .select__list {
        max-height: 200px;
        padding: 5px 12px 5px 20px;
    }
    .select__item {
        text-align: left;
    }
    form.form-inline-block .form-group:last-of-type {
        margin: 0 0 20px;
    }
}
@media screen and (max-width: 600px){
    .section-content-searchCar .select_columns .select__list,
    .section-content-searchCar.filter_used_cars .select_columns .select__list,
    .select_columns .select__list {
        -moz-column-count: 2;
        column-count: 2;
    }

}

@media screen and (max-width: 550px){
    .section-content-searchCar {
        padding: 30px 10px;
    }
    .selection-car__flex {
        margin-bottom: 25px;
    }
    .selection-car__list-wpapper {
        margin: 25px -25px 0;
        width: calc(100% + 35px);
    }
    .selection-car__list {
        padding: 0 10px 10px 25px;
    }
    form.form-fifth {
        width: 100%;
    }
    form.form-fifth .form-group {
        margin: 0 0 15px;
        max-width: 100%;
        width: 100%;
    }
    form.form-inline-block .form-group_static .select {
        width: calc(100% - 15px);
    }
    form.form-fifth .form-group:last-child {
        max-width: 100%;
    }
    form.form-fifth .form-group .btn-filter {
        min-width: 208px;
        width: 208px;
    }

}
@media screen and (max-width: 450px){
    .select_columns {
        left: 0;
        right: 0;
        width: 100%;
    }
}

/* End */


/* Start:/local/templates/newant/components/bitrix/catalog.section.list/dealers-map/style.css?1769952276432*/
/* Стили для балуна */
.map-balloon {
	padding: 10px;
	line-height: 1.4;
	display: flex;
	flex-direction: column;
	font-family: Gravity, Ubuntu, sans-serif;
	gap: 10px;
}

.map-balloon__img {
	max-width: 100%;
	max-height: 120px;
	border-radius: 4px;
	display: block;
}

.map-balloon__address {
	font-weight: bold;
	font-size: 14px;
}

.map-balloon__email {
	color: #ED1B24;
	text-decoration: none;
	font-size: 13px;
}
/* End */
/* /local/components/fronex/home.filter.frontend/templates/.default/style.css?16878940509937 */
/* /local/templates/newant/components/bitrix/catalog.section.list/dealers-map/style.css?1769952276432 */
