.wheels .product-table thead th.sorting_asc,
.wheels .product-table thead th.sorting_desc{
  background: #848484;
}

.wheels .product-table thead th span{
  width: 12px;
  height: 10px;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  display: block;
  margin: 10px auto 0 auto;
  font-size: 12px;
  transition: all 0.3s;
}

.wheels .product-table thead th[data-sortable]:hover span::after,
.wheels .product-table thead th.sorting_asc span::after,
.wheels .product-table thead th.sorting_desc span::after
{
  font-family: 'Glyphicons Halflings';
  content: "\e094";
}

.wheels .product-table thead th.sorting_desc span{
  transform: rotate(180deg);
}

@media (min-width: 1400px) {
  .wheels .dataTables_wrapper:first-child thead{
    width: 1320px;
  }
}

@media (min-width: 1600px) {
  .wheels .dataTables_wrapper:first-child thead{
    width: 1470px;
  }
}

@media (max-width: 1399px) and (min-width: 992px){
  .wheels .dataTables_wrapper:first-child thead{
    width: calc(94% - 30px);
  }
}

@media screen and (max-width: 991px){
  .wheels .dataTables_wrapper:first-child thead{
    width: calc(96% - 30px);
  }
}

.wheels .tabs-header .nav-tabs{
  border-bottom: 0;
}

.wheels .tabs-header .nav-tabs li{
  border-left: 0;
  background: #575656;
}

.wheels .tabs-header .nav-tabs li.active{
  background: #E7E7E7;
}

.wheels .tabs-header .nav-tabs li.active a,
.wheels .tabs-header .nav-tabs li.active a .tab-counter,
.wheels .tabs-header .nav-tabs li.active a:hover{
  color: #4B4B4B !important;
}

.wheels .tabs-header .nav-tabs li:last-child{
  border-right: 0;
}

.wheels .close-modal{
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
  z-index: 2;
}

.wheels .close-modal svg{
  transition: all 0.2s;
}

.wheels .close-modal:hover svg{
  fill: #4B4B4B;
}

.wheels .close-modal svg{
  fill: #9B9B9B;
}

.wheels{
  color: #4b4b4b;
}

.wheels.embed{
  margin-top: 0;
}

.wheels, .wheels .bg-grey{
  background: #e7e7e7;
}

.wheels .header{
  background: #4d4d4d url('/images/wheels/wheels_header.png');
  background-repeat: no-repeat;
  height: 170px;
  position: relative;
  background-blend-mode: multiply;
  overflow: hidden;
}

.wheels .header.fast{
  background: #198641 url('/images/wheels/wheels_header.png');
  background-repeat: no-repeat;
}

.wheels .header.fixed{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9;
}

.wheels.embed .header.fixed{
  top: -80px;
}

.wheels .header-alert{
  max-width: 290px;
  padding-left: 45px;
  color: #E7E7E7;
  font-family: 'PT Sans', sans-serif;
  font-size: 14px;
  line-height: 18px;
  position: relative;
}

.wheels .fast-search .header-alert{
  position: absolute;
  top: 90px;
  right: 400px;
}

.wheels .header-alert svg{
  position: absolute;
  top: 5px;
  left: 0;
  fill: #F7901E;
  margin-bottom: -3px;
}

.wheels .full-config .header-alert{
  margin-bottom: 15px;
}

.wheels .header.fast .go-to-config{
  font-size: 14px;
  text-transform: uppercase;
  font-family: dinpro-bold, sans-serif;
  color: #9D9D9D;
  max-width: 120px;
  position: absolute;
  bottom: 2px;
  right: 220px;
  cursor: pointer;
}

.wheels .header .skew{
  position: absolute;
  bottom: 0;
  right: 0;
}

.wheels .header.fast .skew{
  right: -300px;
}

@media screen and (max-width: 1700px){

  .wheels .header.fast .go-to-config{
    right: 120px;
  }

  .wheels .header.fast .skew{
    right: -400px;
  }

  .wheels .fast-search .header-alert{
    right: 300px;
  }
}

.wheels .config-title{
  margin-top: -85px;
}

.wheels .full-config .header > .container{
  height: 170px;
}

.wheels .full-config .config-title{
  margin-top: 0;
}

.wheels .config-title .main-title{
  color: #E7E7E7;
  text-transform: uppercase;
  font-family: dinpro-bold, sans-serif;
  font-size: 25px;
  line-height: 32px;
}

.wheels .full-config .config-title .main-title{
  margin-bottom: 15px;
}

.wheels .config-title .sub-title{
  color: #E7E7E7;
  font-family: 'PT Sans', sans-serif;
  font-size: 18px;
  line-height: 23px;
}

.wheels .config-title .to-config-modes{
  font-family: dinpro-light, sans-serif;
  font-size: 14px;
  cursor: pointer;
}

.wheels .config-title .to-config-modes:hover{
  text-decoration: underline;
}

.wheels .config-title .sub-title svg{
  fill: #E7E7E7;
  margin-right: 4px;
}

.wheels .config-mode-tiles{
  margin-top: 50px;
  margin-bottom: 50px;
  display: flex;
  justify-content: center;
}

.wheels .config-mode-tile{
  padding: 10px;
  display: inline-block;
  width: 370px;
  border: 1px solid transparent;
  transition: all 0.3s;
  cursor: pointer;
}

.wheels .config-mode-tile.fast{
  margin-right: 15px;
}

.wheels .config-mode-tile.full{
  margin-left: 15px;
}

.wheels .config-mode-tile:hover{
  border: 1px solid rgba(155, 155, 155, 0.5);
  /*box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);*/
}

.wheels .config-mode-tile .tile-image{
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}

.wheels .config-mode-tile .tile-image .tile-overlay{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
}

@keyframes tileImageFade {
  from {opacity: 0;}
  to {opacity: 0.85;}
}

@keyframes tileIcon {
  from {margin-top: 20px;}
  to {margin-top: 0;}
}

.wheels .config-mode-tile:hover .tile-image .tile-overlay{
  animation-name: tileImageFade;
  animation-timing-function: ease-in-out;
  animation-duration: 300ms;
  animation-fill-mode: forwards;
}

.wheels .config-mode-tile:hover .tile-image .tile-overlay .tile-icon{
  animation-name: tileIcon;
  animation-timing-function: ease-in-out;
  animation-duration: 300ms;
  animation-fill-mode: forwards;
}

.wheels .config-mode-tile.fast .tile-image .tile-overlay {
  background: #198641;
}

.wheels .config-mode-tile.full .tile-image .tile-overlay{
  background: #4B4B4B;
}

.wheels .config-mode-tile .tile-image .tile-icon{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.wheels .config-mode-tile .main-image{
  max-width: 100%;
}

.wheels .config-mode-tile .tile-title{
  font-family: dinpro-bold, sans-serif;
  font-size: 25px;
  line-height: 32px;
  color: #198641;
  margin-top: 5px;
}

.wheels .config-mode-tile .tile-text{
  font-family: 'PT Sans', sans-serif;
  font-size: 14px;
  line-height: 18px;
  color: #9d9d9d;
  margin-bottom: 8px;
}

.wheels .block-label-container{
  position: relative;
  margin-top: 50px;
  margin-bottom: 40px;
}

.wheels .filters-modal .block-label-container{
  margin-bottom: 40px;
}

.wheels .block-label-container .block-label{
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  font-family: dinpro-bold, sans-serif;
  background: #e7e7e7;
  padding: 0 15px;
  color: #9D9D9D;
  display: inline-block;
  z-index: 2;
  position: relative;
  margin-left: -15px;
}

.wheels .block-label-container.white .block-label{
  background: #fff;
}

.wheels .filters-modal .block-label-container .block-label{
  margin-left: 65px;
}

.wheels .block-label-container .separator-line{
  height: 1px;
  background: #9D9D9D;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
}

.wheels .range-filters{
  margin-top: 50px;
}

.wheels .filter{
  margin-bottom: 30px;
}

.wheels .filter .filter-label{
  font-family: pt-sans-bold, sans-serif;
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 15px;
  color: #4B4B4B;
}

.wheels .filter .filter-sub-label{
  font-family: 'PT sans', sans-serif;;
  color: #4B4B4B;
  font-size: 14px;
  line-height: 18px;
  margin-left: 5px;
}

.wheels .filter .filter-help{
  font-family: 'PT sans', sans-serif;
  font-size: 10px;
  line-height: 12px;
  display: flex;
  align-items: center;
  column-gap: 5px;
  margin-top: 4px;
  color: #4B4B4B;
}

.wheels .filter .range-slider-container{
  padding: 0 10px 10px 10px;
}

.wheels .filter .selected-range{
  font-family: pt-sans-bold, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

.wheels .filter .selected-range input{
  width: 80px;
  display: inline-block;
  padding: 5px;
  margin: 0 5px;
  text-align: right;
  color: #8c8c8c;
}

.wheels  .fast-search .range-filters,
.wheels .full-config .range-filters
{
  display: inline-block;
  width: 100%;
  max-width: 580px;
}

.wheels .full-config .range-filters{
  margin-top: 0;
}

.wheels .fast-search .content-right{
  background: url('/images/wheels/gyorskereses_hattergrafika.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right 100px top;
}

.wheels .default-filters-container .button-filter{
  position: absolute;
  bottom: 0;
  right: 0;
}

.wheels .button-filter svg,
.wheels .button-filter-modal svg{
  margin-left: 4px;
}

.wheels .filters-modal .modal-dialog{
  max-width: 1220px;
}

.wheels .filters-modal .content-container{
  padding: 0 80px;
}

.wheels .filters-modal .modal-header,
.wheels .wheel-type-modal .modal-header{
  background: #E7E7E7;
}

.wheels .filters-modal .fixed-title{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: -1px;
}

.wheels .filters-modal .modal-header .modal-title,
.wheels .wheel-type-modal .modal-header .modal-title{
  font-family: dinpro-bold, sans-serif;
  font-size: 32px;
  line-height: 73px;
  color: #4B4B4B;
}

.wheels .filters-modal .modal-header .modal-title .title-icon,
.wheels .wheel-type-modal .modal-header .modal-title .title-icon{
  background: #9D9D9D;
  width: 60px;
  height: 73px;
  text-align: center;
  display: inline-block;
}

.wheels .button-filter-modal{
  font-family: dinpro-light, sans-serif;
  font-size: 14px;
}

.wheels .filters-modal .modal-body{
  padding-top: 0;
  max-height: 80vh;
}

.wheels .filters-modal .range-filters{
  margin-top: 0;
}

.wheels .filters-modal .range-filters div:first-child{
  padding-left: 0;
}

.wheels .filters-modal .range-filters div:last-child{
  padding-right: 0;
}

.wheels .tile-filters{
  display: flex;
  gap: 20px;
}

.wheels .tile-filters .tile-filter{
  cursor: pointer;
  padding: 0;
}

.wheels .tile-filters .tile-filter.disabled{
  cursor: not-allowed;
  opacity: 0.5;
}

.wheels .tile-filter .tile-body{
  border: 1px solid #ddd;
  border-radius: 3px;
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.wheels .tile-filter.active .tile-body{
  background: #F0F0F0;
}

.wheels .tile-filter .tile-body .custom-checkbox-group{
  position: absolute;
  top: 8px;
  left: 8px;
  display: none;
}

.wheels .tile-filter.active .tile-body .custom-checkbox-group{
  display: block;
}

.wheels .tile-filter .tile-body .custom-checkbox-group .chkbox-rect{
  background: #fff;
}

.wheels .tile-filter .tile-body img{
  max-width: 120px;
}

.wheels .tile-filter .tile-label{
  font-family: 'PT sans', sans-serif;
  color: #4B4B4B;
  font-size: 16px;
  line-height: 21px;
  margin-top: 10px;
}

.wheels.de .tile-filter .tile-label{
  font-size: 14px;
  line-height: 17px;
}

.wheels .tile-filter.active .tile-label{
  font-family: dinpro-bold, sans-serif;
}

.wheels .filters-modal ::-webkit-scrollbar{
  display: none;
}

.wheels .filters-modal{
  scrollbar-width: none;
}

.wheels .filters-modal{
  -ms-overflow-style: none;
}


.wheels .filters-modal .filter{
  margin-bottom: 50px;
}

.wheels .checkbox-filters.wheel-material .custom-checkbox{
  width: 20%;
}

.wheels .checkbox-filters .custom-checkbox{
  display: flex;
  align-items: center;
}

.wheels .tile-filters.wheel-type{
  flex-wrap: wrap;
}

.wheels .tile-filters.wheel-type .tile-filter,
.wheels .tile-filters.bearing .tile-filter{
  flex: 0 0 calc((100% - 100px) / 6);
}

.wheels .custom-checkbox .chkbox-rect{
  border: 1px solid #ddd;
  background: #fff;
}

.wheels .active-filters{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.wheels .active-filters .active-filter{
  display: flex;
  align-items: center;
  border: 1px solid #ddd;
  padding: 5px 8px;
  margin-right: 10px;
  margin-bottom: 10px;
  height: 30px;
}

.wheels .active-filters .active-filter .filter-icon{
  width: 20px;
  height: 20px;
  margin-right: 5px;
}

.wheels .active-filters .active-filter .filter-icon svg{
  fill: none;
}

.wheels .active-filters .active-filter .icon-clear{
  margin-left: 8px;
  cursor: pointer;
}

.wheels .active-filters .active-filter .icon-clear svg{
  float: left;
  transition: all 0.2s;
}

.wheels .active-filters .active-filter .icon-clear:hover svg{
  fill: #C72B2E;
}

.wheels .active-filters .active-filter .filter-label{
  font-family: 'PT sans', sans-serif;
  font-size: 14px;
  line-height: 18px;
}

.wheels .filters-toolbar button{
  margin-right: 10px;
  margin-bottom: 10px;
  height: 30px;
  font-family: 'PT sans', sans-serif;
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  border: 0;
  padding: 0 8px;
}

.wheels .filters-toolbar button svg{
  margin-bottom: -2px;
}

.wheels .filters-toolbar button.edit-filters{
  background: #198641;
  transition: all 0.2s;
}

.wheels .filters-toolbar button.edit-filters:hover,
.wheels .button-default:hover:not(.orange){
  background: #146B34;
}

.wheels .button-default.clear:hover{
  background: transparent;
}

.wheels .button-default{
  transition: all 0.2s;
}

.wheels .filters-toolbar button.edit-filters svg{
  margin-left: 5px;
}

.wheels .filters-toolbar button.clear-filters{
  background: #C72B2E;
  transition: all 0.2s;
}

.wheels .filters-toolbar button.clear-filters:hover{
  background: #932022;
}

.wheels .product-table thead {
  opacity: 0;
  visibility: hidden;
}

.wheels .dataTables_wrapper:first-child thead {
  opacity: 1;
  visibility: visible;
  position: fixed;
  z-index: 7;
  transform: translateY(-100%);
}

.wheels .dataTables_wrapper:first-child thead th{
  padding: 20px 3px 10px 3px;
  font-size: 14px;
  line-height: 18px;
}

.wheels .full-config .dataTables_wrapper:first-child thead{
  position: static;
  transform: none;
}

.wheels .full-config .dataTables_wrapper:first-child thead.header-fixed{
  position: fixed;
  transform: translateY(-100%);
}

.wheels .full-config .dataTables_wrapper:first-child thead.header-fixed >tr{
  display: inline-table;
  width: 100%;
}

.wheels .dataTables_wrapper:last-child{
  margin-bottom: 100px;
}

.wheels .product-table.with-margin-bottom{
  margin-bottom: 15px;
}

@media screen and (min-width: 1600px){
  .wheels .product-table.with-margin-bottom{
    margin-bottom: 30px;
  }
}

.wheels .product-table th{
  min-height: 70px;
  color: #fff;
  font-family: pt-sans-narrow-bold, sans-serif;
  text-align: center;
  padding: 0;
  border-bottom: 0;
  background: #9d9d9d;
  word-wrap: break-word;
  font-size: 10px;
  line-height: 10px;
  font-weight: normal;
}

.wheels .product-table th.select-set{
  background: #198641;
  color: #fff;
}

.wheels .product-table th.sorting{
  background-image: none;
}

.wheels .product-table thead th span{
  margin: 5px auto 0 auto;
}

.wheels .product-table thead th.product-image{
  cursor: default;
  background: #9d9d9d none !important;
  padding-right: 55px;
}

.wheels .product-table thead th.product-image span{
  opacity: 0;
  visibility: hidden;
}

.wheels .product-table td{
  font-family: pt-sans-narrow, sans-serif;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  color: #4B4B4B;
  padding: 10px 3px;
  word-wrap: break-word;
}

.wheels .product-table td.model svg,
.wheels .product-table td.to-cart svg{
  cursor: pointer;
  transition: all 0.2s;
}

.wheels .product-table td.to-cart svg{
  margin-top: 4px;
}

.wheels .product-table td.model svg:hover,
.wheels .product-table td.to-cart svg:hover{
  fill: #198641;
}

.wheels .product-table td.catalog:not(.disabled) svg:hover{
  background: #198641;
}

.wheels .product-tables .sub-label{
  font-family: pt-sans-narrow, sans-serif;
  font-weight: normal;
}

.wheels .product-tables .product-image{
  position: relative;
}

.wheels .product-tables .product-image{
  width: 15% !important;
}

.wheels .product-tables .id,
.wheels .product-tables .manufacturer-id{
  width: 10% !important;
}

.wheels.guest .product-tables .id,
.wheels.guest .product-tables .manufacturer-id{
  width: 14% !important;
}

.wheels .product-tables .type,
.wheels .product-tables .bearing{
  width: 10% !important;
}

.wheels .product-tables .diameter,
.wheels .product-tables .installation-height,
.wheels .product-tables .capacity,
.wheels .product-tables .to-cart,
.wheels .product-tables .stock,
.wheels .product-tables .model,
.wheels .product-tables .manufacturer,
.wheels .product-tables td.catalog,
.wheels .product-tables th.catalog{
  width: 4% !important;
}

.wheels.guest .product-tables .manufacturer{
  width: 6% !important;
}

.wheels .product-tables .qty{
  width: 5% !important;
}

.wheels .product-tables .price{
  width: 8% !important;
}

.wheels.guest .product-tables .price{
  width: 11% !important;
}

.wheels .product-tables .config-mode .bearing{
  width: 12% !important;
}

.wheels .product-tables .config-mode .diameter,
.wheels .product-tables .config-mode .capacity{
  width: 5% !important;
}

.wheels .product-tables .config-mode .price{
  width: 10% !important;
}

.wheels .product-tables .config-mode .separator-cell{
  width: 33% !important;
}

.wheels .product-table .select-set{
  width: 8% !important;
}

.wheels .product-table td.select-set .select-set-label{
  display: none;
}

.wheels .product-table td.select-set:hover .select-set-label{
  display: block;
  cursor: pointer;
  background: #198641;
  color: #fff;
  font-family: pt-sans-narrow-bold, sans-serif;
  padding: 6px 0;
}
.wheels .product-table td.select-set:hover{
  padding: 7px 3px;
}

.wheels .product-table td.select-set:hover svg{
  display: none;
}

.wheels .product-tables td.product-image img{
  max-width: 100%;
  width: calc(100% - 55px);
  position: absolute;
  top: 10px;
  left: 0;
}

.wheels .product-tables .qty .qty-input{
  width: 45px;
  text-align: right;
  color: #9D9D9D;
  margin-right: 3px;
  font-size: 14px;
  line-height: 18px;
  padding: 0 4px;
}

.wheels table.dataTable.no-footer{
  border-bottom: 0;
}

.wheels .product-table tbody tr:nth-child(2n) td{
  background: #F0F0F0;
}

.wheels .product-table tbody td.category-details{
  text-align: left;
  border-bottom: 1px solid #9D9D9D;
  padding-left: 0;
}

.wheels .product-table .category-details-container{
  max-width: 60%;
}

.wheels .product-table .category-name{
  font-family: dinpro-bold, sans-serif;
  color: #198641;
  text-transform: uppercase;
  font-size: 25px;
  line-height: 32px;
  margin-bottom: 5px;
}

.wheels .product-table .category-info{
  font-family: 'PT sans', sans-serif;
  font-size: 14px;
  line-height: 18px;
  padding-right: 20px;
}

.wheels .product-table .category-specific{
  padding-right: 30px;
  padding-left: 10px;
  border-right: 1px solid #DDDDDD;
  margin: 10px 0;
}

.wheels .product-table .category-specific:last-child{
  padding-right: 30px;
  border-right: 0;
}

.wheels .product-table .category-specific .specific-name{
  font-family: 'PT sans', sans-serif;
  font-size: 10px;
  line-height: 13px;
  text-transform: uppercase;
}

.wheels .product-table .category-specific .specific-value{
  font-family: pt-sans-bold, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

.wheels .product-table .specific-with-icon svg{
  margin-right: 2px;
  flex-shrink: 0;
  flex-grow: 0;
  fill: none;
}

.wheels .product-table .specific-with-icon .icon.alapkerek{
  transform: scale(1.2);
}

.wheels.config .tab-counter{
  font-size: 25px;
}

.wheels.config .tabs-header .nav-tabs li a{
  font-size: 14px;
  line-height: 18px;
  font-family: 'PT sans', sans-serif;
}

.wheels .tabs-header .nav-tabs li{
  margin-bottom: 0;
  border-right: 2px solid #4d4d4d;
}

.wheels .tabs-header .nav-tabs li:last-child{
  border-right: 0;
}

.wheels .wheels-position-container{
  gap: 15px;
}

.wheels .wheels-position{
  cursor: pointer;
}

.wheels .wheels-position img{
  max-width: 100%;
}

.wheels .wheels-position .position-label{
  margin-top: 8px;
  font-size: 16px;
  line-height: 20px;
  font-family: 'PT sans', sans-serif;
}

.wheels .wheels-position.active .position-label{
  font-family: pt-sans-bold, sans-serif;
}

.wheels .wheels-position img.hover,
.wheels .wheels-position img.selected{
  display: none;
}

.wheels .wheels-position:hover img.normal{
  display: none;
}

.wheels .wheels-position:hover img.hover{
  display: block;
}

.wheels .wheels-position.active img.normal,
.wheels .wheels-position.active img.hover{
  display: none;
}

.wheels .wheels-position.active img.selected{
  display: block;
}

.wheels .bottom-navigation{
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
  padding: 15px 0;
  background: #4B4B4B;

}

.wheels .bottom-navigation button.clear{
  height: 45px;
  border: 1px solid #fff;
  color: #fff;
  min-width: 160px;
  margin-right: 10px;
  background: transparent;
  text-transform: uppercase;
}

.wheels .bottom-navigation button.button-default svg{
  margin-bottom: 0;
}

.wheels .filters-toolbar{
  padding: 20px 0 0 0;
  position: fixed;
  top: 160px;
  left: 0;
  right: 0;
  background: #e7e7e7;
  z-index: 6;
  height: 200px;
}

.wheels .full-config .filters-toolbar{
  position: static;
}

.wheels .full-config .filters-toolbar.fixed{
  position: fixed;
  top: 170px;
}

.wheels.config.embed .full-config .filters-toolbar.fixed{
  top: 90px;
}

.wheels .fast-search.results-page .header{
  position: fixed;
  top: -10px;
  left: 0;
  right: 0;
  z-index: 5;
}

.wheels .fast-search.results-page .config-title{
  margin-top: 12px;
  z-index: 9;
  position: fixed;
}

.wheels .fast-search.results-page .header-alert{
  top: 103px;
}

.wheels .filter-results{
  padding-top: 280px;
}

.wheels .full-config .filter-results{
  padding-top: 0;
}

.wheels .full-config .filter-results .price-alert{
  text-align: left;
  font-size: 14px;
  background: transparent;
  color: #f7901e;
  padding: 0 0 2px 0;
  font-family: dinpro-bold, sans-serif;
}

.wheels .full-config .filter-results .price-alert svg{
  margin-bottom: -1px;
}

.wheels input::-webkit-outer-spin-button,
.wheels input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.wheels input[type=number] {
  -moz-appearance: textfield;
}

.wheels .grey-title{
  font-family: dinpro-bold, sans-serif;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  color: #9D9D9D;
  margin-bottom: 10px;
}

.wheels .params-table > div{
  padding: 10px 0;
  border-bottom: 1px solid #9D9D9D;
}

.wheels .params-table .param-name{
  font-family: dinpro-bold, sans-serif;
  font-size: 16px;
  line-height: 21px;
  color: #4B4B4B;
  min-width: 35%;
  max-width: 75%;
}

.wheels .params-table .param-value{
  font-family: dinpro-light, sans-serif;
  font-size: 16px;
  line-height: 21px;
  color: #4B4B4B;
  padding-left: 25px;
  text-align: right;
}

.wheels .order-comment textarea{
  border: 1px solid #DDDDDD;
  width: 100%;
  resize: none;
  padding: 10px;
  font-size: 14px;
  margin-bottom: 50px;
}

.wheels .set-title{
  font-family: dinpro-light, sans-serif;
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 10px;
}

.wheels .set-container{
  background: #fff;
  border: 1px solid #DDDDDD;
  border-radius: 16px;
  padding: 20px 10px;
}

.wheels .set-container .set-parts{
  max-width: 30%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.wheels .set-container .set-parts.single-wheel{
  justify-content: center;
}

.wheels .set-part .part-label{
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 3px;
  font-family: dinpro-light, sans-serif;
  display: none !important;
}

.wheels .set-part .part-image img{
  width: 100%;
  image-rendering: auto;
}

.wheels .set-part .part-name{
  font-family: pt-sans-bold, sans-serif;
  font-size: 16px;
  line-height: 21px;
  margin-bottom: 5px;
}

.wheels .set-part .part-id,
.wheels .set-part .part-manufacturer-id{
  font-size: 14px;
  line-height: 18px;
  font-family: 'PT sans', sans-serif;
}

.wheels .set-parts .select-type-container{
  height: 188px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.wheels .set-parts.single-wheel .select-type-container{
  height: auto;
}

.wheels .set-parts .select-type-container .button-container{
  padding: 5px 10px;
  background: #fff;
  z-index: 2;
}

.wheels .set-parts .select-type-container .vertical-separator{
  width: 1px;
  background: #ddd;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 50%;
  z-index: 1;
}

.wheels .set-parts .select-type{
  border: 1px solid #198641;
  color: #198641;
  font-family: pt-sans-bold, sans-serif;
  font-size: 20px;
  line-height: 26px;
  min-height: 62px;
  background: #fff;
  padding-left: 20px;
  padding-right: 20px;
  transition: all 0.3s;
  width: 100%;
}

.wheels .set-parts .select-type:hover{
  color: #fff;
  background: #198641;
}

.wheels .set-parts .change-type{
  background: #fff;
  border: 0;
  margin: 0 auto;
  display: none;
}

.wheels .set-parts .select-type-container.selected .select-type{
  display: none;
}

.wheels .set-parts .select-type-container.selected .change-type{
  display: flex;
}

.wheels .set-parts .change-type .selected-type-label{
  font-size: 10px;
  line-height: 13px;
}

.wheels .set-parts .change-type .selected-type{
  font-family: pt-sans-bold, sans-serif;
  font-size: 16px;
  line-height: 21px;
}

.wheels .set-parts .change-type svg{
  margin-right: 5px;
  margin-top: -3px;
}

.wheels .set-parts .change-type img{
  margin-left: 15px;
}

.wheels .wheel-type-modal .modal-dialog{
  max-width: 1178px;
}

.wheels .wheel-type-modal .modal-header{
  padding: 0 30px;
}

.wheels .wheel-type-modal .modal-header .modal-title{
  margin-top: -1px;
  line-height: 41px;
  display: flex;
  align-items: flex-end;
  padding-bottom: 25px;
}

.wheels .wheel-type-modal .modal-header .modal-title .title-icon{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}

.wheels .wheel-type-modal .modal-header .modal-title .parts-counter{
  font-size: 14px;
  line-height: 18px;
  font-family: 'PT sans', sans-serif;
  text-transform: none;
}

.wheels .wheel-type-modal .modal-body{
  padding: 15px 30px 50px 30px;
}

.wheels .wheel-type-modal .modal-body .filter-label{
  font-size: 16px;
  line-height: 21px;
}

.wheels .wheel-type-modal .tile-filters{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
}

.wheels .wheel-type-modal .tile-filters .tile-filter{
  flex: 1 1 calc((100% / 8) - 20px);
  box-sizing: border-box;
}

.wheels .wheel-type-modal .price{
  margin-top: 5px;
}

.wheels .wheel-type-modal .stocks{
  display: flex;
  margin-top: 3px;
  gap: 6px;
  color: #9D9D9D;
  font-family: pt-sans-narrow, sans-serif;
}

.wheels .wheel-type-modal .stocks .out-of-stock{
  color: #C72B2E;
}

.wheels.config .open_3d_model.disabled svg{
  fill: #ddd;
  cursor: default;
}

.wheels.config .open_3d_model.disabled svg:hover{
  fill: #ddd;
}

.wheels #config-to-cart .add-to-cart-container .add-to-cart button.add,
.hydraulics #config-to-cart .add-to-cart-container .add-to-cart button.add{
  width: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.wheels #config-to-cart .add-to-cart-container .add-to-cart .add svg{
  margin-right: 0;
  margin-bottom: 0;
}

.wheels #config-to-cart .add-to-cart-container .stock-info.out-of-stock,
.wheels #config-to-cart .add-to-cart-container .stock-info.out-of-stock .stock-qty{
  color: #ED5053;
}

.wheels #config-to-cart .add-to-cart-container .stock-info .stock-info-label{
  color: #fff;
}

.wheels .catalog svg{
  padding: 2px;
  border-radius: 2px;
}

.wheels .catalog.disabled svg{
  background: #ddd !important;
}

.wheels .product-tables td.catalog svg,
.wheels .params-table .catalog svg{
  background: #a5a5a5;
}

.wheels .contact-container .whitebg{
  padding-top: 60px;
}

.wheels #contact-modal .modal-body{
  background: #fff;
}

#wheel-type-modal .custom-radio .circle{
  margin-right: 1px;
}

#wheel-type-modal .installation-height-container{
  height: 30px;
}

#wheel-type-modal .modify-installation-height{
  font-size: 12px;
  height: 30px;
  min-width: 0;
}