/* Start:/podbor/assets/styles.css?173866975310502*/
@keyframes highlight { 0% {background: transparent;} 100% {background: #009ceb;} }

.mmPodborListHero {position: relative;background: #f9f9f9;border: 1px solid #f2f2f2;border-radius: 2px;padding: 19px 19px;margin: 0 0 30px 0;font-size: 18px;}
.mmPodborListHero__items {position: relative;display: flex;justify-content: space-around;gap: 20px;}
.mmPodborListHero__item {position: relative;display: flex;align-items: flex-start;flex: 0 1 33.3334%;}
.mmPodborListHero__item span {background: #b0b0b0;color: white;width: 30px;height: 30px;line-height: 30px;text-align: center;border-radius: 50%;flex: none;margin: -5px 12px 0 0;}
.mmPodborListHero__item p {margin: 0;}
.mmPodborListHero__item:not(:first-child)::before {font-family: FontAwesome;content: "\f107";font-size: 18px;width: 20px;height: 20px;text-align: center;transform: rotate(-90deg);flex: none;margin: 0 12px 0 0;}

.mmPodborListRoot {position: relative; transition: all 0.2s ease-in-out;}
.mmPodborList {}
.mmPodborList__header {}
.mmPodborList__selects {position: relative;background: #3479DD;padding: 0;border-radius: 2px;display: flex;justify-content: space-between;}
.mmPodborList-select {flex: 1 1 25%;padding: 15px;}
.mmPodborList-select:first-child {padding-left: 19px;}
.mmPodborList-select:last-child {padding-right: 19px;}
.mmPodborList-select:not(:last-child) {border-right: 1px solid rgba(255,255,255,0.15);}
.mmPodborList-select__input {}
.mmPodborList-select__input .common_select {margin: 0;}
.mmPodborList-select[data-highlight] {animation: highlight 0.3s linear 6 alternate;}
.mmPodborList-select__input select {background: white;}
.mmPodborList-select__input select option:disabled {color:  #ccc;}
.mmPodborList-select[data-highlight] select {font-weight:  bold;}
.mmPodborList-select[data-highlight] ~ .mmPodborList-select {opacity: 0.7;}
.mmPodborList__content {}
.mmPodborList__content h2 {}
.mmPodborList__grid {}
.mmPodborList-grid {display: flex;flex-flow: row wrap;}
.mmPodborList-grid__element {position: relative;z-index: 1;flex: 0 1 16.6667%;display: flex;flex-flow: column nowrap;}
.mmPodborList-grid__element:hover {z-index: 2;}
.mmPodborList-grid__element a {display: flex;flex-flow: column nowrap;align-items: center;border: 1px solid #eee;margin: 0 -1px -1px 0;padding: 13px 19px;z-index: 1;text-align: center;line-height: 1.2em;flex: 1;}
.mmPodborList-grid__element a .img {margin: 0 0 13px 0;width: 100%;display: block;height: 10rem;position: relative;}
.mmPodborList-grid__element a img {object-fit: contain; width:  100%; height:  100%;}
.mmPodborList-grid__element a span {}
.mmPodborList-grid__element a .title {}
.mmPodborList-grid__element a .imgtitle:not(:empty) {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);color: white;background: rgb(34 34 34 / 50%);padding: 6px;border-radius: 4px;font-weight: bold;min-width: 85%;}
.mmPodborList-grid__element a .subtitle {}
.mmPodborList-grid__element a .subtitle:not(:empty) {}
.mmPodborList-grid__element a:hover {background: white;box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 15%);}
.mmPodborList-grid__element a:hover img {}
.mmPodborList-grid__element a:hover span {}

.mmPodborList__table {}
.mmPodborList-table {position: relative;}
.mmPodborList-table__element {position:relative;display: flex;border-bottom: 1px solid #f2f2f2;}
.mmPodborList-table__element:hover {background: #fcfcfc;}
.mmPodborList-table__element > div {flex: none;text-align: center;padding: 0.7rem 1rem;}
.mmPodborList-table__element > .title {flex: 1;text-align: left;}
.mmPodborList-table__element > .title a {}
.mmPodborList-table__element > .title a::before {content:"";position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.mmPodborList-table__element > .fuelType {width: 18%;}
.mmPodborList-table__element > .horsePower {width: 18%;}
.mmPodborList-table__element > .volume {width: 18%;}
.mmPodborList-table__element.defs {background: rgb(249 249 249);}

.mmPodborCardRoot {position: relative;}
.mmPodborCard {}
.mmPodborCard__header {position: relative;border: 1px solid #f2f2f2;padding: 13px 19px;border-radius: 2px;margin: 0 0 30px 0;}
.mmPodborCard__autoData {position: relative;display: flex;flex-flow: row nowrap;gap: 30px;}
.mmPodborCard__autoPic {text-align: center;}
.mmPodborCard__autoPic img {height: 130px;width: 214px;object-fit: contain;}
.mmPodborCard__autoDetails {display: flex;flex-flow: row nowrap;gap: 30px;}
.mmPodborCard__autoDetailsColumn {}
.mmPodborCard__body {position: relative;}
.mmPodborCard__tabs {position: relative;display: flex;align-items: flex-start;}
.mmPodborCard__tabsPane {flex: none;width: 234px;font-size: 16px;line-height: 1.4em;border-right: 1px solid #f2f2f2;}
.mmPodborCard__tabsPaneItem {}
.mmPodborCard__tabsPaneItem a {display: block;padding: 13px 15px 13px;cursor: pointer;}
.mmPodborCard__tabsPaneItem:hover {}
.mmPodborCard__tabsPaneItem:hover a {}
.mmPodborCard__tabsPaneItem.active {}
.mmPodborCard__tabsPaneItem.active a {background: #f7f7f7;font-weight: bold;color: #222;}
.mmPodborCard__tabsPaneItem.nogoods:not(.active) {opacity:0.5;}
.mmPodborCard__tabsPaneItem.nogoods:hover {opacity:1;}
.mmPodborCard__tabsContent {margin: 0 0 0 -1px;border-left: 1px solid #f2f2f2;padding: 0 0 0 30px;flex: 1;}
.mmPodborCard__tabsContentItem {position: relative;display: none;}
.mmPodborCard__tabsContentItem.active {display: block;}
.mmPodborCardTabContent {}
.mmPodborCardTabContent h2 {margin-top: 0;}
.mmPodborCardTabContent__section {position: relative;margin: 20px 0;}
.mmPodborCardTabContent__sectionTitle {font-weight: bold;text-transform: uppercase;margin: 0 0 20px 0;}
.mmPodborCardTabContent__sectionChars {}
.mmPodborCardTabContent__sectionProducts {}

.mmPodborCardTabContent__importantChars {position: relative;margin: 0 -6px 20px; font-size: 16px;}
.mmPodborCardTabContent__importantChars > div {position: relative;display: inline-flex;background: #f2f2f2;padding: 5px 10px;border-radius: 2px;margin: 0 6px 6px 0;}
.mmPodborCardTabContent__importantChars > div > div {}
.mmPodborCardTabContent__importantChars > div > div.char_name {font-weight: normal;}
.mmPodborCardTabContent__importantChars > div > div.char_value {margin-left: 5px;font-weight: bold;}
.mmPodborCardTabContent__importantChars > div + div {}
.mmPodborCardTabContent__commonChars {display: flex;gap: 30px;flex-flow: row nowrap;margin-right: 20px;}
.mmPodborCardTabContent__commonCharsColumn {}

.mmPodborCard__siblingEngines {
    background: #fff;
    padding: 15px;
    border-radius: 2px;
    text-align: left;
    box-shadow: 0 1px 5px 1px rgb(0 0 0 / 12%);
    border-top: 2px solid #008abd;
    }
.mmPodborCard__siblingEnginesHead {
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    font-size: 12px;
    line-height: 1.5;
}
.mmPodborCard__siblingEngine {
    margin: 0 -6px;
    padding: 0 6px;
}
.mmPodborCard__siblingEngine a  {
    font-size: 12px;
    line-height: 1.5;
}
.mmPodborCard__siblingEngine a:hover {}
.mmPodborCard__siblingEngine.active {
    background: #f7f7f7;
}
.mmPodborCard__siblingEngine.active a  {}
.mmPodborCard__siblingEngine.active a:hover {}

.mmPodborCard__siblingEngines--original {}
.mmPodborCard__siblingEngines--original .mmPodborCard__siblingEnginesHead {}
.mmPodborCard__siblingEngines--original .mmPodborCard__siblingEngine {}
.mmPodborCard__siblingEngines--original .mmPodborCard__siblingEngine a  {}
.mmPodborCard__siblingEngines--original .mmPodborCard__siblingEngine a:hover {}
.mmPodborCard__siblingEngines--original .mmPodborCard__siblingEngine.active {}
.mmPodborCard__siblingEngines--original .mmPodborCard__siblingEngine.active a  {}
.mmPodborCard__siblingEngines--original .mmPodborCard__siblingEngine.active a:hover {}

.mmPodborCard__siblingEngines--duplicate {
    margin: 20px 20px 0 0;
}
.mmPodborCard__siblingEngines--duplicate .mmPodborCard__siblingEnginesHead {}
.mmPodborCard__siblingEngines--duplicate .mmPodborCard__siblingEngine {}
.mmPodborCard__siblingEngines--duplicate .mmPodborCard__siblingEngine a  {}
.mmPodborCard__siblingEngines--duplicate .mmPodborCard__siblingEngine a:hover {}
.mmPodborCard__siblingEngines--duplicate .mmPodborCard__siblingEngine.active {}
.mmPodborCard__siblingEngines--duplicate .mmPodborCard__siblingEngine.active a  {}
.mmPodborCard__siblingEngines--duplicate .mmPodborCard__siblingEngine.active a:hover {}


@media (max-width: 1199px) {
    .mmPodborList-grid__element {flex: 0 1 25%;}
}
@media (max-width: 991px) {
    .mmPodborCard__autoDetails {flex-flow:  column nowrap; gap:  0;} 
}
@media (max-width: 767px) {
    .mmPodborListRoot {min-height: 700px;}
    .mmPodborList__selects {flex-flow: column nowrap;}   
    .mmPodborList-select {padding: 10px 19px;}
    .mmPodborList-select:first-child {padding-top: 19px;}
    .mmPodborList-select:last-child {padding-bottom: 19px;}
    .mmPodborList-select:not(:last-child) {border-right: none;border-bottom: 1px solid rgba(255,255,255,0.15);}
    .mmPodborListHero {padding-top: 24px;padding-bottom: 24px;margin: 0 0 15px;}
    .mmPodborListHero__items {flex-flow: column nowrap;gap: 30px;}  
    .mmPodborListHero__item:not(:first-child)::before {position: absolute;transform: none;margin: 0;left: 5px;top: -28px;display: none;}
    
    .mmPodborCard__autoData {flex-flow:  column nowrap;}
    .mmPodborCard__tabs {flex-flow: column nowrap;}
    .mmPodborCard__tabsPane {border-bottom: 1px solid #f2f2f2;overflow-x: scroll;border-right: 0;overflow-y: hidden;white-space: nowrap;margin: 0 -15px;width: calc(100% + 30px);}
    .mmPodborCard__tabsPaneItem {display: inline-block;}
    .mmPodborCard__tabsContent {margin: 0;   padding: 20px 0 0 0; border: none;}

    .mmPodborCardTabContent__commonChars {flex-flow: column nowrap; gap: 0;margin: 0;}

}

@media (max-width: 480px) {
    .mmPodborList-grid__element {flex: 0 1 33.3334%;}
}

.mmPodborListRoot {filter: none;}
.mmPodborListRoot::before {content: ""; transition: all 0.5s ease-in-out;z-index: 200;width:  100%;height:  100%;left: 0;top:  0;background: rgba(255,255,255,0.5);position: absolute; pointer-events: none;opacity: 0;}
.mmPodborListRoot::after {content: ""; transition: all 0.3s ease-in-out;z-index: 300;background:  url(/podbor/assets/waiter.gif);position: absolute;left: 50%;top: 100px;width: 30px;height: 32px;background-size: contain;transform: translateX(-50%); pointer-events: none;opacity: 0;}
.mmPodborListRoot.loading {filter: blur(1px);}
.mmPodborListRoot.loading::before {opacity: 1;pointer-events: all;}
.mmPodborListRoot.loading::after {opacity: 1;pointer-events: all;}
/* End */


/* Start:/local/templates/next_maslo_2024/components/aspro/com.banners.next/adv_category/style.css?1746328333411*/
.adv_l.category .flexslider, .adv_l.category .flexslider .slides > li { margin-bottom: 0!important; }
.adv_l.category .flexslider .slides > li .img { width: 100%; }
.adv_l.category .flexslider ul.flex-direction-nav .flex-nav-next { position: absolute; right: 3px; top: calc(50% - 14px); }
.adv_l.category .flexslider ul.flex-direction-nav .flex-nav-prev { position: absolute; left: 3px; top: calc(50% - 14px); }
/* End */
/* /podbor/assets/styles.css?173866975310502 */
/* /local/templates/next_maslo_2024/components/aspro/com.banners.next/adv_category/style.css?1746328333411 */