/* Start:/local/templates/yugavto.theme.2025/components/bitrix/news.list/main.filter/style.css?17792751147474*/

.main-filter .main-filter-tabs .main-filter-tabs-item {
    font-size: 15px;
    width: 25%;
    height: 54px;
    background-color: #D6D8DB;
    border-radius: var(--yaradius16) var(--yaradius16) 0 0;
}
.main-filter .main-filter-tabs .main-filter-tabs-item.active {
    background-color: var(--yawhite);
}
.main-filter .main-filter-tabs .main-filter-tabs-item:hover {
    background-color: var(--yalightgray);
}
.main-filter .main-filter-tabs-content {
    border-radius: 0 0 var(--yaradius16) var(--yaradius16);
}
.main-filter h2 {font-size: 38px;}

.main-filter .main-filter-futures .main-filter-futures-item {line-height: 1;}
.main-filter .main-filter-futures .main-filter-futures-item .title {font-size: 48px;}
.main-filter .main-filter-futures .main-filter-futures-item .text {font-size: 22px;}
.main-filter .main-filter-futures .separator {width: 3px; height: 60px;}

.brands-on-main-items a span.count{
    background-color: var(--yalightbluegray);
    padding: 2px 6px;
    border-radius: 6px;
}
.brands-on-main-items a:hover span.count{
    background-color: var(--yayellow);
    color: var(--yawhite);
}

.main-filter .brands-on-main-items {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(155px, 1fr));
    gap: 5px 20px;
    align-items: start;
    height: 95px;
}
.main-filter-tabs-content-wrap {
    height: 297px;
}
@media (min-width: 1366.02px) {
    .main-filter .main-filter-left {width: 955px;}
    .main-filter .main-filter-right {width: 360px;}
}
@media (min-width: 1340px) and (max-width: 1370px) {
    .main-filter .brands-on-main-items {height: 105px;}
}

@media (max-width: 991.98px) {

    .main-filter-tabs-content-wrap {height: auto;}
    .main-filter h2 {font-size: 24px;}
    .links-item {font-size: 14px;}
    .links-item img{
        width: 26px;
        height: 26px;
    }
    .main-filter .main-filter-futures .separator {width: calc(100% - 15px); height: 3px;}
    .main-filter .main-filter-futures .main-filter-futures-item .title {font-size: 28px;}
    .main-filter .main-filter-futures .main-filter-futures-item .text {font-size: 20px;}

}

.swiper-main-stories .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 20px !important;
    left: 40px !important;
    width: calc(100% - 90px) !important;
    display: flex;
}
.swiper-main-stories .swiper-pagination-bullet {
    display: inline-block;
    height: 7px;
    border-radius: 3.5px;
    background-color: var(--yawhite);
    opacity: .5;
    flex-grow: 1 !important;
    flex-shrink: 1 !important;
    flex-basis: auto !important;
}
.swiper-main-stories .swiper-pagination-bullet-active {
    background-color: var(--yayellow);
    opacity: 1;
}
.swiper-main-stories-button-prev, .swiper-main-stories-button-next {
	position: absolute;
    bottom: 6px;
}
.swiper-main-stories-button-prev {
	left: 8px;
    z-index: 1;
}
.swiper-main-stories-button-next {
	right: 8px;
    z-index: 1;
}
img.swiper-main-stories-arrow-small {
	width: 7px;
	height: auto;
}
.swiper-main-stories-button-wrap {
    background-color: rgba(0,0,0,.2);
    backdrop-filter: blur(1px);
    width: 30px;
    height: 30px;
}
.swiper-main-stories-button-wrap img {
    left: calc(50% - 5px);
    top: calc(50% - 9.5px);
}
.swiper-main-stories-button-wrap img:first-child {
    opacity: 1;
    animation: icon-animation-show var(--transition) ease 0s 1 normal forwards;;
}
.swiper-main-stories-button-wrap img:last-child {
    opacity: 0;
    animation: icon-animation-hide var(--transition) ease 0s 1 normal forwards;;
}
.swiper-main-stories-button-wrap:hover img:first-child {
    opacity: 0;
    animation: icon-animation-hide var(--transition) ease 0s 1 normal forwards;;
}
.swiper-main-stories-button-wrap:hover img:last-child {
    opacity: 1;
    animation: icon-animation-show var(--transition) ease 0s 1 normal forwards;;
}
.swiper-main-stories .swiper-pagination {
	bottom: 6px !important;
	font-size: 16px;
	width: auto !important;
	padding: 4px 12px;
	border-radius: var(--yaradius6);
    background-color: rgba(123,130,132,.4);
    backdrop-filter: blur(1px);
	left: calc(50% - 25px) !important;
    color: var(--yawhite);
}
.swiper-main-stories .swiper-pagination-current {
    color: var(--yayellow);
	font-weight: bold;
}
.swiper-main-stories .swiper-pagination-total {
	color: var(--yawhite);
}

.swiper-main-stories-m .swiper-slide .stories-item img {
    width: 100%;
    height: auto;
    border-radius: 50%;
    border: 1px var(--yablack) solid;
}

.swiper-main-stories-m .swiper-slide .stories-item.viewed img {
    border: 4px var(--yagray) solid;
}

.swiper-main-stories-m-button {
    height: 48px;
    width: 215px;
}
.swiper-main-stories-m-footer {
    border-radius: 0 0 var(--yaradius16) var(--yaradius16);
    bottom: 0;
}
.swiper-main-stories-m-footer-content {
    background-color: rgba(0,0,0,.8);
    border-radius: 0 0 var(--yaradius16) var(--yaradius16);
}
.swiper-main-stories-m-footer-content .my-reaction {
    border: var(--yawhite) 1px solid;
    background-color: rgba(123,130,132,.4);
    backdrop-filter: blur(1px);
	border-radius: var(--yaradius6);
}
.remodal[role="stories"] {
    overflow: visible;
    background-color: unset !important;
}
.swiper-main-stories-mobile {
    height: calc((100vw - 20px) * 1.78 );
}
.swiper-slide-img {
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
.modal-close {
    width: 30px;
    height: 30px;
    top: -35px;
    right: 0;
}

.main-stories-preview {
    overflow-x: scroll;
}
.stories-item {
    width: 71px;
    height: 71px;
    border-radius: 50%;
    overflow: clip;
    border: 3px var(--yayellow) solid;
    background-position: center;
    background-repeat: no-repeat;
    background-color: var(--yagray);
    background-size: 100%;
}
.stories-item .img {
    width: 71px;
    height: 71px;
}
.stories-item.viewed {
    border: 3px var(--yadarkgray) solid;
}

.swiper-main-stories.swiper-main-stories-mobile .swiper-pagination, 
.swiper-main-stories-button-prev.swiper-main-stories-button-prev-mobile, 
.swiper-main-stories-button-next.swiper-main-stories-button-next-mobile {
	bottom: -44px !important;
}
.swiper-main-stories.swiper-main-stories-mobile .swiper-pagination, 
.swiper-main-stories-button-prev.swiper-main-stories-button-prev-mobile .swiper-main-stories-button-wrap, 
.swiper-main-stories-button-next.swiper-main-stories-button-next-mobile .swiper-main-stories-button-wrap {
    background-color: rgba(0,0,0,.8) !important;
}

@media (max-width: 1199.98px) {
    .remodal[role="stories"] {
        background-color: unset !important;
        width: calc((100vh - 100px) / 1.78);
    }
    .swiper-main-stories-mobile {
        height: calc(100vh - 100px);
        width: calc((100vh - 100px) / 1.78);
    }
}
@media (max-width: 991.98px) {
    .swiper-main-stories-mobile {
        height: calc((100vw - 310px) * 1.78 );
        width: 70vw;
    }
    .remodal[role="stories"] {
        background-color: unset !important;
        width: 100%;
    }
}
@media (max-width: 767.98px) {
    .remodal[role="stories"] {
        background-color: unset !important;
        width: 100%;
    }
    .swiper-main-stories-mobile {
        height: calc((100vw - 60px) * 1.78 );
        width: unset;
    }
    .remodal[role="stories"] {
        overflow: visible;
        background-color: unset !important;
    }
}
/* End */


/* Start:/local/templates/yugavto.theme.2025/components/bitrix/news.list/main.compilations/style.css?178066265410700*/
.main-compilations .main-compilations-tabs .main-compilations-tabs-item {
    font-size: 15px;
    width: 25%;
    height: 54px;
    background-color: #D6D8DB;
    border-radius: var(--yaradius16) var(--yaradius16) 0 0;
}
.main-compilations .main-compilations-tabs .main-compilations-tabs-item.active{
    background-color: var(--yawhite);
}
.main-compilations .main-compilations-tabs .main-compilations-tabs-item:hover  {
    background-color: var(--yalightgray);
}

.main-compilations .main-compilations-content {
    border-radius: 0 0 var(--yaradius16) var(--yaradius16);
}
.main-compilations .main-compilations-content h2 {font-size: 38px;}

.main-compilations  .main-compilations-item .main-compilations-img {
    width: 148px;
    height: 128px;
}
.main-compilations .main-compilations-item .main-compilations-img img {
    width: 87%;
    height: auto;
    transition: var(--transition);
}
.main-compilations .main-compilations-item:hover .main-compilations-img img {
    width: 100%;
    height: auto;
    transition: var(--transition);
}

.main-compilations-info {
    font-size: 15px;
}
.main-compilations-info-arrow {
	width: 23px;
    height: 23px;
    border-radius: var(--yaradius5);
    transition: var(--transition);
    background: url(/local/templates/yugavto.theme.2025/components/bitrix/news.list/main.compilations/./images/svg/icon-main-compilations-item-corner.svg) center center no-repeat;
}
.main-compilations-item:hover .main-compilations-info-arrow {
    transition: var(--transition);
    background: var(--yayellow) url(/local/templates/yugavto.theme.2025/components/bitrix/news.list/main.compilations/./images/svg/icon-main-compilations-item-corner-a.svg) center center no-repeat;
}
.block-title-link:hover .main-compilations-info-arrow {
    transition: var(--transition);
    background: var(--yayellow) url(/local/templates/yugavto.theme.2025/components/bitrix/news.list/main.compilations/./images/svg/icon-main-compilations-item-corner-a.svg) center center no-repeat;
}
.main-compilations .main-compilations-item.active {
    color: var(--yayellow) !important;
}

.main-compilations .range-slider {
    height: 4px;
    position: relative;
    background: var(--yalightbluegray);
    border-radius: 1.5px;
    top: -3px;
}
.main-compilations .range-selected {
    height: 100%;
    left: 0%;
    right: 0%;
    position: absolute;
    border-radius: 1.5px;
    background-color: var(--yayellow);
}
.main-compilations .range-input {
    position: relative;
}
.main-compilations  .range-input input {
    position: absolute;
    width: 100%;
    height: 5px;
    top: -7px;
    background: none;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
}
.main-compilations .range-input input::-webkit-slider-thumb {
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background-color: var(--yawhite);
    border: 2px solid var(--yayellow);
    pointer-events: auto;
    -webkit-appearance: none;
}
.main-compilations .range-input input::-moz-range-thumb {
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background-color: var(--yawhite);
    border: 2px solid var(--yayellow);
    pointer-events: auto;
    -moz-appearance: none;
}
.main-compilations .range-view-item {
    width: 110px;
    height: 30px;
    bottom: 15px;
    transition: none;
    font-size: 15px;
    position: relative;
    color: var(--yawhite) !important;
}
.main-compilations .range-view-item:hover, .main-compilations .range-view-item:focus, .main-compilations .range-view-item:active {color: var(--yawhite) !important; text-decoration: none !important;}
.main-compilations .range-view-item::after {
    position: absolute;
    bottom: -12px;
    content: var(--content);
    border: 8px solid transparent; 
    border-top: 8px solid var(--yayellow);
}
.main-compilations .range-view-item-min {
    left: calc(0% - 47px);
    right: unset;
    --border-color: transparent transparent transparent var(--yawhite);
    --border-width: 5px 0 0 5px;
    --left: 0;
    --right: unset;
    --content: ''
}
.main-compilations .range-view-item-max {
    left: unset;
    right: calc(0% - 47px);
    --border-color: transparent transparent var(--yawhite) transparent;
    --border-width: 0 0 5px 5px;
    --left: unset;
    --right: 0;
    --content: ''
}

.main-compilations .main-compilations-filter-entity {
    height: 43px;
}
.main-compilations .main-compilations-filter-entity .main-compilations-filter-entity-item-left {
    left: 0;
}
.main-compilations .main-compilations-filter-entity .main-compilations-filter-entity-item-right {
    left: 50%;
}
.main-compilations .main-compilations-filter-entity .main-compilations-filter-entity-bg.main-compilations-filter-entity-bg-left {
    left: 0;
    transition: .3s;
}
.main-compilations .main-compilations-filter-entity .main-compilations-filter-entity-bg.main-compilations-filter-entity-bg-right {
    left: 50%;
    transition: .3s;
}
.main-compilations-range {
    width: 1030px;
}


.swiper-main-compilations-button-prev, .swiper-main-compilations-button-next {
	position: absolute;
	top: calc(50% - 8px);
}
.swiper-main-compilations-button-prev {
	left: -30px;
    z-index: 1;
}
.swiper-main-compilations-button-next {
	right: -30px;
    z-index: 1;
}
.swiper-main-compilations .swiper-pagination {
	bottom: 0 !important;
	color: var(--yadarkgray);
	font-size: 14px;
}
.swiper-main-compilations .swiper-pagination-current {
    color: var(--yayellow);
	font-size: 16px;
}
img.swiper-main-compilations-arrow-small {
	width: 7px;
	height: auto;
}
.swiper-main-compilations-button-wrap {
    background-color: rgba(0,0,0,.2);
    backdrop-filter: blur(1px);
    width: 36px;
    height: 36px;
}
.swiper-main-compilations-button-wrap img {
    left: calc(50% - 5px);
    top: calc(50% - 9.5px);
}
.swiper-main-compilations-button-wrap img:first-child {
    opacity: 1;
    animation: icon-animation-show var(--transition) ease 0s 1 normal forwards;;
}
.swiper-main-compilations-button-wrap img:last-child {
    opacity: 0;
    animation: icon-animation-hide var(--transition) ease 0s 1 normal forwards;;
}
.swiper-main-compilations-button-wrap:hover img:first-child {
    opacity: 0;
    animation: icon-animation-hide var(--transition) ease 0s 1 normal forwards;;
}
.swiper-main-compilations-button-wrap:hover img:last-child {
    opacity: 1;
    animation: icon-animation-show var(--transition) ease 0s 1 normal forwards;;
}


.vehicle-card {
    overflow: hidden;
    font-size: 14px;
    padding: 8px 8px 0 8px;
    border-radius: var(--yaradius16) var(--yaradius16) var(--yaradius16) 0;
}
.vehicle-card-images {
    border-radius: var(--yaradius16);
    overflow: hidden;
}
.vehicle-card-images, .vehicle-card-images a {
	height: 215px;
	cursor: ew-resize;
}
.vehicle-card-images a .vehicle-card-images-item-container {
	position: relative;
	min-height: 240px;
}
.vehicle-card-images-item-container-image {
	transition: transform var(--transition);
}
.vehicle-card-images a .vehicle-card-images-item-container img.vehicle-card-images-item-container-image {
	width: 100%;
	height: 215px;
	object-fit: cover;
}
.vehicle-card-images-item-container:hover .vehicle-card-images-item-container-image {
	transform: scale(1.08);
}
.vehicle-card-images a .vehicle-card-images-item-container-image::after {
    display: block;
    content: '';
    padding-bottom: 78.865%;
    background-size: cover;
    background-position: center center;
}
 .vehicle-card-discount {
    height: 25px;
}
.vehicle-card-discount-item {
    cursor: pointer !important;
    width: 38px;
    height: 38px;
}
.vehicle-card-images-row {
    bottom: 0px;
    width: calc(100% - 32px);
}
.vehicle-card-images-row-item {
    width: 52px;
    height: 6px;
    border-radius: 3px;
    opacity: .6;
    background-color: var(--yawhite);
    cursor: pointer;
}
.vehicle-card-images-row-item.active {
    background-color: var(--yayellow);
}
.vehicle-card-content-title {
    min-height: 60px;
    font-size: 16px;
    line-height: 1.1;
}
.vehicle-card-futures img {
    width: 35px;
    height: 35px;
    display: inline-block;
}
.vehicle-card-specification {
    min-height: 45px;
    font-size: 13px;
}
.vehicle-card-specification-item {
    position: relative;
}
.vehicle-card-specification-item::after {
    content: '';
    width: 4px;
    height: 4px;
    background-color: var(--yayellow);
    border-radius: 50%;
    position: absolute;
    right: -2px;
    top: calc(50% - 2px);
}
.vehicle-card-specification-item:last-child:after {
    content: unset;
}
.vehicle-card-button {
    padding: 9.5px;
}
.vehicle-card-futures {
    height: 35px;
}
.vehicle-card-discount-item {
    border-radius: 7px;
}
.vehicle-card-price .price {font-size: 24px;}



.vehicle-card-footer {
    border-radius: 0 0 0 var(--yaradius16);
    overflow: hidden;
}
.vehicle-card-footer-left {width: calc(100% - 92px);}
.vehicle-card-footer-right {width: 92px;}
.vehicle-card-footer-left-content {
    border-radius: 0 0 var(--yaradius16) 0;
    padding: 0 8px 10px 8px;
}
.vehicle-card-footer-right-content {
    border-radius: var(--yaradius16) 0 0 0;
}
.vehicle-card-button {
    font-size: 13px;
    padding: 10px 15px;
}
.vehicle-card-discount-item img {
    top: calc(50% - 9px);
    left: calc(50% - 9px);
}
.vehicle-card-discount-item img:first-child {
    opacity: 1;
    animation: icon-animation-show var(--transition) ease 0s 1 normal forwards;;
}
.vehicle-card-discount-item img:last-child {
    opacity: 0;
    animation: icon-animation-hide var(--transition) ease 0s 1 normal forwards;;
}
.vehicle-card-discount-item:hover img:first-child {
    opacity: 1;
    animation: icon-animation-hide var(--transition) ease 0s 1 normal forwards;;
}
.vehicle-card-discount-item:hover img:last-child {
    opacity: 0;
    animation: icon-animation-show var(--transition) ease 0s 1 normal forwards;;
} 
.vehicle-card-discount-status {
    height: 60px;
}




@media (max-width: 1399.98px) {
}
@media (max-width: 1199.98px) {
    .main-compilations-collections {
        flex-wrap: nowrap !important;
        overflow-x: scroll;
    }
}
@media (max-width: 991.98px) {
    .range-wrap {
        margin-left: 25px;
        width: calc(100% - 50px) !important;
    }
}
@media (max-width: 767.98px) {
    .main-compilations .main-compilations-content h2 {
        font-size: 24px;
        margin-bottom: 0;
    }
    .main-compilations  .main-compilations-item {width: 181px;}
    .main-compilations  .main-compilations-item .main-compilations-img {
        width: 112px;
        height: 96px;
    }
    .main-compilations-info {
        font-size: 13px;
    }
    .swiper-main-compilations-button-prev {
        left: -5px;
        z-index: 1;
    }
    .swiper-main-compilations-button-next {
        right: -5px;
        z-index: 1;
    }
    .range-wrap {
        margin-left: 25px;
        width: calc(100% - 50px) !important;
    }
}
@media (max-width: 575.98px) {
}
/* End */


/* Start:/local/templates/yugavto.theme.2025/components/bitrix/news.list/main.dealerships/style.css?17792751146580*/
.dealerships-on-main .dealerships-on-main-tabs .dealerships-on-main-tabs-item {
    font-size: 15px;
    width: 25%;
    height: 54px;
    background-color: #D6D8DB;
    border-radius: var(--yaradius16) var(--yaradius16) 0 0;
}
.dealerships-on-main .dealerships-on-main-tabs .dealerships-on-main-tabs-item.active {
    background-color: var(--yawhite);
}
.dealerships-on-main .dealerships-on-main-tabs .dealerships-on-main-tabs-item:hover   {
    background-color: var(--yalightgray);
}
.dealerships-on-main .dealerships-on-main-content {
    border-radius: 0 0 var(--yaradius16) var(--yaradius16);
}
.dealerships-on-main .dealerships-on-main-content h2 {font-size: 38px;}

.dealerships-on-main .dealerships-on-main-filter,
.dealerships-on-main .dealerships-on-main-view {
    flex-direction: column;
}
.dealerships-on-main .dealerships-on-main-filter .dealerships-on-main-filter-tags a.disabled {
    cursor: not-allowed;
}
.dealerships-on-main .dealerships-on-main-filter .dealerships-on-main-filter-form .filter-dropdown {
    padding: 11px 15.5px;
    cursor: pointer;
    transition: none;
}
.dealerships-on-main .dealerships-on-main-filter .dealerships-on-main-filter-form .filter-dropdown-opened {
    border-radius: var(--yaradius15) var(--yaradius15) 0 0;
    transition: none;
}
.dealerships-on-main .dealerships-on-main-filter .dealerships-on-main-filter-form .filter-droplist {
    left: 0;
    top: 42px;
    max-height: 360px;
    overflow-y: auto;
    z-index: 15;
    text-align: left;
}
.dealerships-on-main .dealerships-on-main-filter .dealerships-on-main-filter-form .filter-droplist.active {
    display: block;
}
.dealerships-on-main .dealerships-on-main-filter .dealerships-on-main-filter-form .filter-droplist-item {
    padding: 0 11px;
    cursor: pointer;
}
.dealerships-on-main .dealerships-on-main-filter .dealerships-on-main-filter-form .filter-droplist-item.not-link {
    padding: 0 11px;
    cursor: not-allowed;
}
.dealerships-on-main .dealerships-on-main-filter .dealerships-on-main-filter-form .filter-droplist-item:hover:after {
    content: 'Выбрать';
    float: right;
    color: var(--yadarkgray);
    font-size: var(--yatextminusminus);
    font-weight: normal;
}
.dealerships-on-main .dealerships-on-main-filter .dealerships-on-main-filter-form .filter-droplist-item.not-link:hover:after {
    content: '';
}
.dealerships-on-main .dealerships-on-main-filter .dealerships-on-main-filter-form .filter-droplist-item.selected:hover:after {
    content: 'Отменить';
    float: right;
    color: var(--yadarkgray);
    font-size: var(--yatextminusminus);
    font-weight: normal;
}


.dealerships-on-main .dealerships-on-main-map {
	height: 490px;
}
.dealerships-on-main .dealerships-on-main-map .ymaps-2-1-79-map {border-radius: var(--yaradius16);}
.dealerships-on-main .dealerships-on-main-map .ymaps-2-1-79-inner-panes {border-radius: var(--yaradius16);}
.ymaps-2-1-79-balloon, .ymaps-2-1-79-balloon__layout {
    border-radius: 25px;
}
.ymaps-2-1-79-balloon__layout {
    padding: 16px 16px 0 16px;
}


.dealerships-on-main-view-wrap {
    width: 365px;
    padding: 8px;
}
.dealerships-on-main .dealerships-on-main-view {
    padding: 8px;
    border-radius: var(--yaradius16) var(--yaradius16) var(--yaradius16) 0;
}
.dealerships-on-main .dealerships-on-main-view .dealerships-on-main-view-image {
    height: 160px;
    background-size: cover;
    background-position: center;
}
.dealerships-on-main .dealerships-on-main-view .dealerships-on-main-view-image .dealerships-on-main-view-image-logo {
    width: 85px;
    height: 85px;
    bottom: -30px;
    left: 8px;
}
.dealerships-on-main .dealerships-on-main-view .dealerships-on-main-view-image .dealerships-on-main-view-image-close {
    width: 24px;
    height: 24px;
    top: 15px;
    right: 15px;
    cursor: pointer;
}
.dealerships-on-main .dealerships-on-main-view .dealerships-on-main-view-image .dealerships-on-main-view-image-close img {
    width: 12px;
    height: auto;
}
.dealerships-on-main .dealerships-on-main-view .dealerships-on-main-view-info .dealerships-on-main-view-info-title-image {
    width: 22px;
    height: auto;
}
.dealerships-on-main-view-info .h3 {
    font-size: 22px;
    margin-top: 40px;
    line-height: 1;
}
.dealerships-on-main-view-info-button {
    height: 32px;
    font-size: 13px;
    width: 46%;
}
.dealerships-on-main-view-info-button img {
    height: 12px;
    width: auto;
}


.dealerships-on-main-view {
    border-radius: 0 0 0 var(--yaradius16);
    overflow: hidden;
}
.dealerships-on-main-view-footer {
    border-radius: 0 0 0 var(--yaradius16);
}
.dealerships-on-main-view-footer-left {width: 86%;}
.dealerships-on-main-view-footer-right {width: 14%;}
.dealerships-on-main-view-footer-left-content {
    border-radius: 0 0 var(--yaradius16) var(--yaradius16);
    padding: 0 8px 10px 8px;
}
.dealerships-on-main-view-footer-right-content {
    border-radius: var(--yaradius16) 0 0 0;
}
.dealerships-on-main-view-button {
    font-size: 13px;
    padding: 10px 19px;
}
.dealerships-on-main-view-item img {
    top: calc(50% - 9.5px);
    left: calc(50% - 9.5px);
}
.dealerships-on-main-view-item img:first-child {
    opacity: 1;
    animation: vehicle-icon-animation-show var(--transition) ease 0s 1 normal forwards;;
}
.dealerships-on-main-view-item img:last-child {
    opacity: 0;
    animation: vehicle-icon-animation-hide var(--transition) ease 0s 1 normal forwards;;
}
.dealerships-on-main-view-item:hover img:first-child {
    opacity: 1;
    animation: vehicle-icon-animation-hide var(--transition) ease 0s 1 normal forwards;;
}
.dealerships-on-main-view-item:hover img:last-child {
    opacity: 0;
    animation: vehicle-icon-animation-show var(--transition) ease 0s 1 normal forwards;;
}
.dealerships-on-main-view-item {
    cursor: pointer !important;
    width: 38px;
    height: 38px;
}

.dealership-card-rating {padding-left: 8px; height: 50px;}





@keyframes vehicle-icon-animation-hide {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}
@keyframes vehicle-icon-animation-show {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@media (max-width: 1199.98px) {

    #dealerships-on-main h2,
    #dealerships-on-main .h2 {
        font-size: 24px;
        line-height: 130%;
    }

}

@media (max-width: 767.98px) {
    .dealerships-on-main .dealerships-on-main-content h2 {
        font-size: 24px;
        margin-bottom: 0;
    }
    .dealerships-on-main-view-wrap {
        width: unset;
    }
    .dealerships-on-main-view-info-button {
        font-size: 11px;
        width: 48%;
    }

}
/* End */


/* Start:/local/templates/yugavto.theme.2025/components/bitrix/news.list/main.news/style.css?17792751143885*/
.main-news h2 {font-size: 38px;}

.main-news .a-image {
	height: 194px;
	width: 100%;
	background-size: 103%;
	background-position: center center;
	background-repeat: no-repeat;
}
.main-news .a-image:hover {
	animation: image-animation var(--img-animation) ease 0s 1 normal forwards;
}






.swiper-news-on-main .swiper-news-on-main-item-title {
	min-height: 75px;
	max-height: 75px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.swiper-news-on-main .swiper-news-on-main-item-title span {
	width: calc(100% - 32px);
}
.swiper-news-on-main-button-prev, .swiper-news-on-main-button-next {
	position: absolute;
	top: calc(50% - 8px);
}
.swiper-news-on-main-button-prev {
	left: -30px;
}
.swiper-news-on-main-button-next {
	right: -30px;
}
.swiper-news-on-main .swiper-pagination {
	bottom: -10px !important;
	font-size: 16px;
	width: auto !important;
	padding: 4px 12px;
	border-radius: var(--yaradius8);
	background-color: var(--yalightbluegray);
	left: calc(50% - 25px) !important;
}
.swiper-news-on-main .swiper-pagination-current {
    color: var(--yayellow);
	font-weight: bold;
}
.swiper-news-on-main .swiper-pagination-total {
	color: var(--yablack);
}
.swiper-news-on-main-button-prev, .swiper-news-on-main-button-next {
	position: absolute;
	top: calc(50% - 8px);
}
.swiper-news-on-main-button-prev {
	left: -30px;
    z-index: 1;
}
.swiper-news-on-main-button-next {
	right: -30px;
    z-index: 1;
}
.swiper-news-on-main .swiper-pagination-current {
    color: var(--yayellow);
	font-size: 16px;
}
img.swiper-news-on-main-arrow-small {
	width: 7px;
	height: auto;
}
.swiper-news-on-main-button-wrap {
    background-color: rgba(0,0,0,.2);
    backdrop-filter: blur(1px);
    width: 36px;
    height: 36px;
}
.swiper-news-on-main-button-wrap img {
    left: calc(50% - 5px);
    top: calc(50% - 9.5px);
}
.swiper-news-on-main-button-wrap img:first-child {
    opacity: 1;
    animation: icon-animation-show var(--transition) ease 0s 1 normal forwards;;
}
.swiper-news-on-main-button-wrap img:last-child {
    opacity: 0;
    animation: icon-animation-hide var(--transition) ease 0s 1 normal forwards;;
}
.swiper-news-on-main-button-wrap:hover img:first-child {
    opacity: 0;
    animation: icon-animation-hide var(--transition) ease 0s 1 normal forwards;;
}
.swiper-news-on-main-button-wrap:hover img:last-child {
    opacity: 1;
    animation: icon-animation-show var(--transition) ease 0s 1 normal forwards;;
}

.swiper-news-on-main-item-title {font-size: 16px !important;}

@media (max-width: 1199.98px) {

	#main-news-slider-title h2, 
	#main-news-slider-title .h2 {
		font-size: 24px;
		line-height: 130%;
	}
	.swiper-news-on-main-button-next {
		right: -5px;
	}
	.swiper-news-on-main-button-prev {
		left: -5px;
	}

}

@media (max-width: 991.98px) {

	.main-news-slider .h4 {
		font-size:18px;
		letter-spacing: 0.27px;
		line-height: normal;
	}
	.swiper-news-on-main-button-next {
		right: -5px;
	}
	.swiper-news-on-main-button-prev {
		left: -5px;
	}

}

@media (max-width: 767.98px) {

	.main-news h2 {
		font-size: 24px;
        margin-bottom: 0;
	}
	.main-news-slider .h4 {
		font-size: 16px;
		letter-spacing: 0.2px;
		line-height: normal;
		align-items: end !important;
	}
	.main-news .a-image {
		height: 174px;
	}
	.main-news-slider  .text-minus {
		margin-bottom: 5px;
		font-size: 12px;
		line-height: 150%;
	}
	.swiper-news-on-main-button-next {
		right: 0px;
	}
	.swiper-news-on-main-button-prev {
		left: 0px;
	}
	.swiper-news-on-main-button-prev, .swiper-news-on-main-button-next {
		position: absolute;
		top: calc(50% - 44px);
	}
}

@media (max-width: 575.98px) {

	.swiper-news-on-main-button-next {
		right: 5px;
	}
	.swiper-news-on-main-button-prev {
		left: 5px;
	}
	.main-news .a-image {
		height: 154px;
	}

}

@media (min-width: 768px) and (max-width: 1199.98px) {

	.swiper-news-on-main .swiper-news-on-main-item-title {
		height: auto;
	}

}

/* End */
/* /local/templates/yugavto.theme.2025/components/bitrix/news.list/main.filter/style.css?17792751147474 */
/* /local/templates/yugavto.theme.2025/components/bitrix/news.list/main.compilations/style.css?178066265410700 */
/* /local/templates/yugavto.theme.2025/components/bitrix/news.list/main.dealerships/style.css?17792751146580 */
/* /local/templates/yugavto.theme.2025/components/bitrix/news.list/main.news/style.css?17792751143885 */