@charset "UTF-8";

@font-face {
  src: url(/fonts/Ubuntu-Medium.ttf?8e22c2a6e3a3c679787e763a97fa11f7) format("truetype");
  font-family: "UbuntuMd";
  font-display: swap;
}

@font-face {
  src: url(/fonts/OpenSans-Regular.ttf?5a798cdadc7cd321e3f72425b70bface) format("truetype");
  font-family: "OpenSansRg";
  font-display: swap;
}

@font-face {
  src: url(/fonts/OpenSans-Bold.ttf?0062c34665a3fc0f2278cd4e955702ec) format("truetype");
  font-family: "OpenSansBd";
  font-display: swap;
}

@font-face {
  src: url(/fonts/Montserrat-Regular.ttf?ee6539921d713482b8ccd4d0d23961bb) format("truetype");
  font-family: "MonserratRg";
  font-display: swap;
}

@font-face {
  src: url(/fonts/Montserrat-Bold.ttf?ade91f473255991f410f61857696434b) format("truetype");
  font-family: "MonserratBd";
  font-display: swap;
}

.scroll {
  /* Track */
  /* Handle */
}

.scroll::-webkit-scrollbar {
  width: 12px;
  -webkit-overflow-scrolling: auto;
}

.scroll::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #e6e6e6;
  border-radius: 3px;
}

.scroll::-webkit-scrollbar-thumb {
  background: #4b4b4b;
  border-radius: 3px;
}

.scroll::-webkit-scrollbar-button:vertical:start:decrement {
  background: linear-gradient(120deg, #696969 40%, rgba(0, 0, 0, 0) 41%), linear-gradient(240deg, #696969 40%, rgba(0, 0, 0, 0) 41%), linear-gradient(0deg, #696969 30%, rgba(0, 0, 0, 0) 31%);
  background-color: #b6b6b6;
}

.scroll::-webkit-scrollbar-button:vertical:end:increment {
  background: linear-gradient(300deg, #696969 40%, rgba(0, 0, 0, 0) 41%), linear-gradient(60deg, #696969 40%, rgba(0, 0, 0, 0) 41%), linear-gradient(180deg, #696969 30%, rgba(0, 0, 0, 0) 31%);
  background-color: #b6b6b6;
}

.scroll::-webkit-scrollbar-button:horizontal:end:increment {
  background: linear-gradient(210deg, #696969 40%, rgba(0, 0, 0, 0) 41%), linear-gradient(330deg, #696969 40%, rgba(0, 0, 0, 0) 41%), linear-gradient(90deg, #696969 30%, rgba(0, 0, 0, 0) 31%);
  background-color: #b6b6b6;
}

.scroll::-webkit-scrollbar-button:horizontal:start:decrement {
  background: linear-gradient(30deg, #696969 40%, rgba(0, 0, 0, 0) 41%), linear-gradient(150deg, #696969 40%, rgba(0, 0, 0, 0) 41%), linear-gradient(270deg, #696969 30%, rgba(0, 0, 0, 0) 31%);
  background-color: #b6b6b6;
}

.btn-tax-number {
  text-transform: uppercase;
  font-family: "OpenSansBd";
  font-size: 12px;
  width: 100%;
  height: 35px;
}

.page-item.active .page-link {
  color: #fff;
}

/*---------- form ----------*/

.bg-light .form-control {
  background-color: #fff;
}

.bg-light .form-control + button {
  background-color: #fff;
}

.form-check-input {
  background-color: #f2f2f2;
  border-radius: 0;
  border: 1px solid rgba(0, 0, 0, 0.25);
}

.custom-file-label {
  background-color: #f2f2f2;
}

.custom-file-label:after {
  content: "K\E9p felt\F6lt\E9se";
  background-color: #e6e6e6;
  color: #fff;
  top: 2px;
  right: 2px;
  bottom: 2px;
  height: auto;
  border-radius: 0;
  line-height: 1.2;
}

.custom-control {
  line-height: 24px;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}

.custom-control-input ~ .custom-control-label::before {
  border-radius: 0;
}

.custom-control-input:checked ~ .custom-control-label::before {
  border-color: #000;
  background-color: #fff;
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: none;
}

.custom-control-label {
  line-height: 16px;
  padding-top: 5px;
  cursor: pointer;
}

.custom-radio-container {
  display: block;
  position: relative;
  padding-left: 28px;
  margin-bottom: 6px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.custom-radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #a0a0a0;
}

.custom-radio-container:hover input ~ .checkmark {
  background-color: #fff;
}

.custom-radio-container input:checked ~ .checkmark {
  background-color: #fff;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.custom-radio-container input:checked ~ .checkmark:after {
  display: block;
}

.custom-radio-container .checkmark:after {
  top: 4px;
  left: 4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #000;
}

/*----------- modal -----------*/

#infoLayerModal .modal-dialog {
  width: 660px;
  min-width: 300px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

#regErrorModal .modal-dialog .modal-header .close {
  padding: 1rem 1rem !important;
}

.modal-dialog {
  max-width: 360px;
}

.modal-dialog .modal-content {
  border-radius: 0;
  border: 0;
}

.modal-dialog .modal-header {
  border-radius: 0;
  background-color: #4b4b4b;
  font-family: "MonserratBd";
  padding: 8px 15px;
}

.modal-dialog .modal-header .modal-title {
  color: #fff;
  text-transform: uppercase;
}

.modal-dialog .modal-header .close {
  padding: 0;
}

.modal-dialog .modal-body .form-control {
  background-color: #fff;
}

.modal-dialog .modal-footer {
  border: 0;
}

#discount_modal {
  display: none;
  position: relative;
  z-index: 1100;
}

#discount_modal .content {
  top: 1.75rem;
  left: 50%;
  position: fixed;
  transform: translateX(-50%);
  background-color: white;
  z-index: 101;
  width: calc(100% - 30px);
  max-width: 1200px;
  border-radius: calc(.3rem - 1px);
}

#discount_modal .content .header {
  display: flex;
  padding: 6px 10px;
  border-bottom: 1px solid #e6e6e6;
}

#discount_modal .backdrop {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 100;
}

#twoFactorMethodSelection {
  margin: 15px 0;
  padding: 15px 0;
  border-top: 1px solid #a0a0a0;
  border-bottom: 1px solid #a0a0a0;
}

#twoFactorSecret {
  word-break: break-word;
}

.login-other a {
  font-size: 12px;
  text-decoration: underline;
}

.login-other a:hover {
  color: inherit;
  opacity: 0.7;
  text-decoration: underline;
}

.nav-item .nav-link {
  border: 0;
  border-radius: 0;
  transition: background-color 0.2s linear;
}

/* Regisztráció */

.link-orange {
  font-size: 13px !important;
  padding: 0 !important;
  font-weight: 500 !important;
  text-transform: none !important;
  text-decoration: underline !important;
}

.required {
  position: relative;
}

.required::after {
  content: "*";
  position: absolute;
  top: -5px;
  right: 1px;
  font-size: 20px;
}

.reg-success {
  width: 80px !important;
  height: 80px !important;
}

.btn.btn-bd {
  line-height: 25px;
}

.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.back {
  color: black !important;
}

.font-weight-normal {
  font-family: MonserratRg;
}

.view-password img {
  top: 50%;
  right: 10px;
  width: 22px;
  height: 24px;
  content: url(/images/view.svg?19afcec66ca79cbcdfb6924eccfb0aa5);
  cursor: pointer;
  position: absolute;
  transform: translateY(-50%);
}

input.password:not(.show) {
  -webkit-text-security: disc;
}

#garage .loader {
  z-index: 2000;
}

#garage .garage-elem .garage-data {
  border: 1px solid #e6e6e6;
}

#garage .garage-elem .garage-data h3 {
  font-size: 1rem;
  font-family: "MonserratBd";
}

#garage .garage-elem .garage-data b:nth-child(even) {
  background-color: #f2f2f2;
}

#garage .garage-elem .garage-data ~ .garage-btn {
  margin-top: 15px;
}

#garage .garage-elem:not(:last-child) {
  margin-bottom: 15px;
}

.stroke {
  text-decoration: line-through;
}

#sub_users a.btn {
  color: #fff;
  text-transform: uppercase;
  font-family: "MonserratBd";
  background-color: #4b4b4b;
}

#sub_users #sub_user_rows .sub-user-row:nth-child(even) {
  background-color: #e6e6e6;
}

.sub-user-save {
  height: 36px;
}

.radius-0 {
  border-radius: 0;
}

#seo_description h1,
#seo_description h2,
#seo_description h3,
#seo_description h4,
#seo_description h5,
#seo_description h6 {
  font-size: 14px !important;
  font-family: MonserratRg !important;
}

.break-space {
  white-space: break-spaces;
}

/*------ home screen ------*/

#main .category-img {
  width: 100%;
  height: auto;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

/*--------- banner carousel ---------------*/

#bannerContainer {
  transform: translateY(20%);
}

#carouselBanner .carousel-item {
  background-color: #fff;
}

#carouselBanner .carousel-item .text-content {
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

#carouselBanner .carousel-item-next,
#carouselBanner .carousel-item-prev,
#carouselBanner .carousel-item.active {
  display: flex;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}

#carouselBanner .carousel-control-next,
#carouselBanner .carousel-control-prev {
  width: 30px;
}

#carouselBanner .carousel-control-next {
  right: -30px;
}

#carouselBanner .carousel-control-prev {
  left: -30px;
}

#carouselBanner .carousel-control-prev-icon,
#carouselBanner .carousel-control-next-icon {
  background-image: url(/images/carousel-arrow.png?d24d1a98dcb6703f6a9ece87c551cab5);
  width: 14px;
  height: 24px;
  opacity: 1;
}

#carouselBanner .carousel-control-next-icon {
  transform: rotate(180deg);
}

#carouselBanner .carousel-indicators {
  position: static;
}

#carouselBanner .carousel-indicators li {
  width: 12px;
  height: 12px;
  opacity: 1;
  background-color: #2058af;
  border-radius: 50%;
}

#carouselBanner .carousel-indicators li.active {
  background-color: #d32e41;
}

/*--------- news --------------*/

/* Süti */

#cookie_info_box {
  bottom: 15px !important;
  top: unset !important;
  background-color: white !important;
  color: black !important;
  font-size: 14px !important;
  width: 100% !important;
  max-width: 380px;
  right: 15px !important;
  left: unset !important;
  box-shadow: 0px 3px 7px 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 3px 7px 4px rgba(0, 0, 0, 0.2);
}

#cookie_info_box a {
  display: block;
  text-transform: uppercase;
  text-align: center;
  padding: 6px 0;
}

#cookie_info_box a:first-of-type {
  margin-top: 15px;
}

#cookie_info_box a:last-of-type {
  margin-bottom: 10px;
}

#highlighted,
#highlightedList {
  text-transform: initial;
}

#highlighted::after {
  top: 11px;
  right: 11px;
  position: absolute;
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

#highlightedList {
  padding: 0;
  position: absolute;
  will-change: unset;
  width: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 400px;
}

#highlightedList .dropdown-item {
  font-size: 15px;
}

.dropdown-item:hover {
  font-family: MonserratBd;
}

.checkbox-with-popup {
  cursor: pointer;
}

.checkbox-with-popup input,
.checkbox-with-popup label {
  pointer-events: none;
}

#checkboxModal .modal-dialog {
  max-width: 1115px;
}

/*-------- navbar mobile button------*/

button.navbar-toggler {
  width: 40px;
  height: 40px;
  padding: 2px 6px;
}

.search-nav nav {
  padding: 0;
}

.search-nav nav ul.navbar-nav {
  width: 100%;
  height: 80px;
}

.search-nav nav ul.navbar-nav li {
  flex-grow: 1;
  width: 25%;
  position: relative;
}

.search-nav nav ul.navbar-nav li a {
  display: flex;
  justify-content: center;
  height: 100%;
  align-items: center;
}

.search-nav nav ul.navbar-nav li a:hover {
  color: inherit;
  opacity: 0.75;
}

.search-nav nav ul.navbar-nav li.active {
  background-color: #d32e41;
}

.search-nav nav ul.navbar-nav li.active:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 11.5px 10px 11.5px;
  border-color: transparent transparent #ffffff transparent;
}

#products .productOnSale-wrapper {
  height: 100%;
  display: flex;
  margin-bottom: 15px;
  flex-direction: column;
}

#products .productOnSale-wrapper a:not(.reference-product-btn):hover {
  opacity: 1;
  color: #000 !important;
}

/*-------------------------------------------
------------- BOX SEARCH -------------------
----------------------------------------------*/

.search-content.box-search .searchContainer ul {
  flex-direction: column;
}

.search-content.box-search .searchContainer ul .nav-item .nav-link {
  background-color: #2058af;
  color: #fff;
  height: 60px;
}

.search-content.box-search .searchContainer ul .nav-item .nav-link:not(:last-of-type) {
  margin-bottom: 2px;
}

.search-content.box-search .searchContainer ul .nav-item .nav-link.active {
  background-color: #f2f2f2;
  color: #000;
}

.search-content.box-search .searchContainer ul .nav-item .nav-link .value {
  font-family: "MonserratRg";
}

.search-content.box-search .tab-content {
  background-color: #f2f2f2;
  padding: 20px;
}

.search-content.box-search .tab-content .collapse {
  background-color: #fff;
}

.search-content.box-search .tab-content .collapse .link {
  overflow-y: auto;
  max-height: 300px;
}

.search-content.box-search .tab-content .collapse .link a {
  margin: 5px;
  padding: 2px 15px;
  width: calc(25% - 10px);
}

.search-content.box-search .tab-content .collapse .link a:hover,
.search-content.box-search .tab-content .collapse .link a.selected {
  color: #d32e41;
  text-decoration: none;
}

.search-content.box-search .tab-content .collapse .search {
  background-color: #f2f2f2;
  padding-bottom: 4px;
}

.search-content.box-search .tab-content .collapse .search input,
.search-content.box-search .tab-content .collapse .search button {
  background-color: #fff;
}

#offerEmail,
#offerFacebook {
  width: 42px;
  height: 42px;
  display: flex;
  font-size: 22px;
  color: #fff;
  padding: 6px;
}

/*---------- engine list --------*/

#engineFilter {
  padding-top: 1rem;
}

#engineList {
  padding: 1rem;
  padding-bottom: 1rem;
}

#engineList .list-container {
  background-color: #fff;
  height: 100%;
  max-height: 190px;
  overflow-y: auto;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

#engineList .list-container a:hover,
#engineList .list-container a.selected {
  color: #d32e41;
}

.type_name {
  width: 17%;
}

.engine_type {
  width: 18%;
}

.engine_code {
  width: 17.5%;
}

.engine_power {
  width: 17.5%;
}

.engine_year {
  width: 17.5%;
}

.engine_motor {
  width: 10%;
  white-space: nowrap;
}

.current-search {
  top: 50%;
  right: 10px;
  position: absolute;
  transform: translateY(-50%);
}

#breadcrumb > a:last-child {
  font-family: "MonserratBd";
}

#breadcrumb > a:not(:last-child):after {
  top: 50%;
  right: -15px;
  content: "";
  width: 14px;
  height: 14px;
  transform: translateY(-50%) rotate(90deg);
  position: absolute;
  background-size: 14px;
  background-repeat: no-repeat;
  background-image: url(/images/sort.svg?e2a7de57a640943db84e50527987b812);
}

/*--------------- result list ----------------*/

#productModal .modal-dialog,
.product-info .modal-dialog {
  max-width: 900px;
}

#productModal .close,
.product-info .close {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 24px;
  height: 24px;
  padding: 0;
  display: flex;
  background-color: white;
  border-radius: 50%;
}

#productModal .close img,
.product-info .close img {
  margin: auto;
  filter: invert(1);
}

#productModal .carousel-indicators,
.product-info .carousel-indicators {
  width: 100%;
  margin-left: 0;
  margin-bottom: 0;
  position: initial;
  flex-wrap: wrap;
  justify-content: initial;
}

#productModal .carousel-indicators li,
.product-info .carousel-indicators li {
  min-width: 60px;
  max-width: 60px;
  min-height: 60px;
  max-height: 60px;
  margin-right: 6px;
  margin-left: 0;
  display: flex;
  border: 1px solid #dee2e6;
}

#productModal .carousel-indicators li img,
.product-info .carousel-indicators li img {
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}

#productModal .carousel-indicators li.active,
.product-info .carousel-indicators li.active {
  border: 1px solid #000 !important;
}

#productModal .carousel-item-container,
.product-info .carousel-item-container {
  display: flex;
  cursor: pointer;
}

#productModal .carousel-item-container,
.product-info .carousel-item-container {
  width: 100%;
  height: 400px;
  padding: 15px;
}

#productModal img.img-fluid,
.product-info img.img-fluid {
  max-height: 100%;
}

#productModal h2 {
  font-size: 14px;
  margin-bottom: 0;
}

#productGroupSearch {
  padding-bottom: 15px;
  overflow-x: scroll;
  margin-top: 18px;
}

#priceTrackerModal .modal-content {
  box-shadow: 0 0 3px #4b4b4b;
}

.track-price {
  display: flex;
  cursor: pointer;
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 0;
}

.track-price:before {
  width: 25px;
  height: 25px;
  margin: auto 0;
}

#imageModal {
  background-color: rgba(0, 0, 0, 0.5);
}

#imageModal .close {
  position: fixed;
  top: 10px;
  right: 30px;
  z-index: 100;
}

#imageModal .modal-content,
#imageModal .modal-header {
  background-color: transparent;
}

#imageModal .carousel-control-prev,
#imageModal .carousel-control-next {
  height: 30px;
  margin: auto;
  position: fixed;
  top: 10px;
}

#imageModal .carousel-control-prev {
  left: 10px;
}

#imageModal #lightBoxCarousel {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.list-products {
  gap: 10px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.product-list-title {
  font-weight: bold;
  margin: 20px 0 10px 0;
}

.product-list-title span {
  text-transform: lowercase;
}

.product-list-title span:first-letter {
  text-transform: capitalize;
}

.product-data h2 {
  font-size: 14px;
  margin-bottom: 0;
}

.pagination {
  margin: 20px auto 40px auto;
}

.product_filter_sort_button {
  height: 12px;
  padding: 0;
  width: 30px;
  position: relative;
  overflow: hidden;
}

.product_filter_sort_button .fa-sort-down {
  bottom: 0;
  left: 5px;
}

.product_filter_sort_button .fa-sort-up {
  top: 0;
  left: 5px;
}

.filters {
  font-size: 13px;
}

#reference_items .reference-item:not(:last-child) {
  padding: 4px 0;
  margin-bottom: 4px;
  border-bottom: 1px solid #a0a0a0;
}

#reference_items .reference-img {
  width: 80px;
  height: 80px;
  display: flex;
  min-width: 80px;
  max-width: 80px;
}

#reference_items .reference-img img {
  max-height: 100%;
}

.envelope:after,
.facebook:after {
  width: 28px;
  height: 28px;
}

.envelope:after {
  content: url(/images/envelope.svg?c2d92856703103da211ed53c6246ad80);
}

.facebook:after {
  content: url(/images/facebook.svg?af07062dfa8c0f21a499b62d6a4f59ac);
}

.sort-up:after,
.sort-down:after {
  top: -3px;
  left: 2px;
  width: 14px;
  height: 14px;
  content: "";
  position: absolute;
  background-size: 14px;
  background-repeat: no-repeat;
}

.sort-up:after {
  background-image: url(/images/sort.svg?e2a7de57a640943db84e50527987b812);
}

.sort-down:after {
  transform: rotate(180deg);
  background-image: url(/images/sort.svg?e2a7de57a640943db84e50527987b812);
}

.cmp-list {
  gap: 15px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.cmp-list .img-container {
  height: 120px;
}

.cmp-list .padding-all {
  padding: 15px;
}

.cmp-list .padding-left-right {
  padding: 0 15px;
}

.cmp-list .padding-left-right-top {
  padding: 15px 15px 0 15px;
}

.cmp-list .padding-left-right-bottom {
  padding: 0 15px 15px 15px;
}

#onlyStockModal {
  padding: 15px !important;
}

#onlyStockModal .modal-dialog {
  max-width: 1200px;
}

#onlyStockModal .modal-dialog .modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}

#cartBox,
#cmpBox {
  width: 400px;
  max-width: 100vw;
  padding: 0;
  font-size: 12px;
  border: 0;
  border-radius: 0;
  right: 0 !important;
  will-change: unset !important;
  left: auto !important;
  transform: none !important;
}

#cartBox .dropdown-body .cart-heading,
#cmpBox .dropdown-body .cart-heading {
  text-transform: uppercase;
  font-family: "OpenSansRg";
}

#cartBox .dropdown-body .cart-item:not(:last-child),
#cmpBox .dropdown-body .cart-item:not(:last-child) {
  border-bottom: 1px solid #000;
}

#cartBox .dropdown-body .cart-item > div:first-child,
#cmpBox .dropdown-body .cart-item > div:first-child {
  word-break: break-word;
}

#cartBox .dropdown-body .cart-item .price,
#cmpBox .dropdown-body .cart-item .price {
  font-size: 14px;
}

#cartBox .dropdown-body .cart-item .delete,
#cmpBox .dropdown-body .cart-item .delete {
  right: 0;
  bottom: 16px;
  position: absolute;
  display: inline-flex;
}

#cartBox .dropdown-body .cart-item .delete svg,
#cmpBox .dropdown-body .cart-item .delete svg {
  font-size: 18px;
  margin-left: 10px;
}

#cartBox .dropdown-body .lh-16,
#cmpBox .dropdown-body .lh-16 {
  line-height: 16px;
}

#cartBox .dropdown-body .cart-sum,
#cartBox .dropdown-body a.btn,
#cmpBox .dropdown-body .cart-sum,
#cmpBox .dropdown-body a.btn {
  font-size: 14px;
}

#cartBox .cart-item {
  gap: 15px;
  display: grid;
  grid-template-columns: 160px 40px 135px;
}

#cmpBox .cart-item {
  display: flex;
  grid-template-columns: auto;
}

/* ------------- áttekintés ------------*/

#cartSteps {
  flex: 1;
  display: flex;
  margin-bottom: 15px;
  position: relative;
}

.cart-step-wrapper {
  height: 100%;
  display: flex;
  padding: 15px;
  cursor: pointer;
  text-transform: uppercase;
  color: #a0a0a0;
  background-color: #f2f2f2;
}

.cart-step {
  margin: auto 15px auto 0;
  font-size: 18px;
  color: #a0a0a0;
  background-color: #fff;
  display: flex;
  border-radius: 50%;
  width: 30px;
  height: 30px;
}

.cart-step-wrapper.active {
  color: #fff;
}

.cart-step-wrapper.active .cart-step,
.cart-step-wrapper.active h5 {
  font-weight: 700;
}

.cart-step-wrapper:not(.active):hover {
  color: #a0a0a0;
}

#cartItems,
#cartItemsOrder,
#cartItemsOrder1,
#cartItemsOrder2 {
  margin-top: 15px;
  border-top: 1px solid rgba(0, 0, 0, 0.25);
}

#cartItems .cart-item,
#cartItemsOrder .cart-item,
#cartItemsOrder1 .cart-item,
#cartItemsOrder2 .cart-item,
#cartTotal,
#cartTotalOrder,
#cartTotalOrder1,
#cartTotalOrder2 {
  border-left: 1px solid rgba(0, 0, 0, 0.25);
  border-right: 1px solid rgba(0, 0, 0, 0.25);
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}

.cartItemsMobile .cart-item:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.25);
}

.cart-item-img {
  display: flex;
  padding: 15px;
  width: 130px;
}

.cart-item-img img {
  margin: auto;
  height: auto;
  width: auto;
  max-width: 100%;
  max-height: 100%;
}

#cartItems .productOnSale-title:hover {
  color: #000;
  opacity: 0.8;
}

#cartItems .price {
  font-size: 18px;
  font-weight: 700;
}

#cartItems .productOnSale-texts {
  margin-top: 0;
}

.price-gross {
  font-size: 14px;
  font-weight: 700;
}

#cartItems .delete {
  font-size: 14px;
}

#cartTotal,
#cartTotalOrder,
#cartTotalOrder1,
#cartTotalOrder2 {
  flex: 1;
  padding: 10px 15px;
}

#cartItems button:not(.qnty),
#cartItems a {
  padding: 10px 22px;
  font-weight: 700;
  text-transform: uppercase;
}

#cartBtns button:not(.btn),
#cartBtns a:not(.back) {
  display: block;
  min-width: 250px;
}

#cartItems .custom-control-label {
  margin-right: 25%;
}

#cartItems .billing-delivery {
  width: 75%;
}

.delete:after {
  top: 2px;
  width: 14px;
  height: 14px;
  margin-left: 5px;
  display: inline-block;
  position: relative;
}

#cartBox .dropdown-body .cart-item {
  position: relative;
}

.cartMessage {
  top: 30px;
  right: 30px;
  z-index: 1100;
  position: fixed;
  background-color: white;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
  padding-right: 26px;
  font-family: "OpenSansBd";
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}

.cartMessage:after {
  top: 1px;
  right: 2px;
  width: 14px;
  height: 14px;
  content: url(/images/close.svg?58334996d0115f4cb8c341b5760f89bc);
  position: absolute;
}

/*-------- korábbi megrendelések ------*/

#searchOrders {
  margin-left: 16px;
  padding: 10px 45px;
}

.orders-search-date::-webkit-calendar-picker-indicator {
  display: none;
}

#cartItems.orders {
  border-top: none;
}

.deleted-item {
  display: flex;
  color: #d32e41;
  padding-right: 0;
}

.hr-black {
  border-top: #000000 2px solid;
}

/*-------- bankkártyás fizetés ------*/

.bankcard-items .bankcard-item {
  padding: 12px;
}

.bankcard-items .bankcard-item:nth-child(2n) {
  background-color: #dee2e6;
}

.free-shipping-text {
  color: #e30000;
  margin-top: 12px;
  text-align: center;
}

/* Max */

@media (max-width: 1360px) {
  .search-nav nav button {
    position: fixed;
    top: 15px;
    left: 15px;
  }
}

@media (max-width: 1220px) {
  .product-info.side-scroll {
    overflow-x: auto;
  }

  .product-info.side-scroll > div {
    min-width: 1215px;
  }
}

@media (max-width: 1130px) {
  #checkboxModal .modal-dialog {
    margin: 0.5rem;
  }
}

@media (max-width: 1100px) {
  .list-products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .cart-step {
    margin: auto 5px auto 0;
  }

  .search-content.box-search a.nav-link {
    background-color: #d32e41;
    height: 60px;
    color: #fff;
  }

  .search-content.box-search a.nav-link:not(:last-of-type) {
    margin-bottom: 1px;
  }

  .search-content.box-search a.nav-link.collapsed {
    background-color: #2058af;
    color: #fff;
  }

  .search-content.box-search a.nav-link.collapsed .type-icon {
    background-color: #d32e41;
  }

  .search-content.box-search a.nav-link.collapsed .type-icon::before {
    border-color: #fff;
  }

  .search-content.box-search .tab-content {
    padding: 0 15px;
  }

  .search-content.box-search .tab-content .tab-pane {
    display: block !important;
    opacity: 1;
    padding: 0;
  }

  .search-content.box-search .tab-content .tab-pane .collapse {
    height: auto;
    display: none;
    background-color: #fff;
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .search-content.box-search .tab-content .tab-pane .collapse.show {
    display: block;
  }

  .search-content.box-search .tab-content .tab-pane .collapsing {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .search-content.box-search .tab-content .tab-pane .card-header {
    padding: 0;
    background-color: transparent;
  }

  .product-info {
    padding-left: 15px;
    padding-right: 15px;
  }

  .engine-content {
    margin: 0;
  }

  .btn-tax-number {
    right: 0 !important;
    left: initial !important;
  }

  #productGroupSearch {
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .garage-elem {
    margin-top: 40px;
  }

  .garage-elem .garage-data b {
    font-size: 12px;
  }

  #discount_modal .content {
    top: 15px;
  }

  #cartSteps {
    display: block;
    margin-bottom: 0;
  }

  .cart-step-wrapper {
    height: initial;
  }

  .cart-step-wrapper:not(.active) {
    display: none;
  }

  .cart-step {
    margin: auto 5px auto 0;
  }

  #cartItems .btn.bg-grey:not(.qnty) {
    width: 100%;
  }

  #cartItems .price {
    font-size: 18px;
    line-height: 18px;
  }

  #cartItems .delete {
    font-size: 14px;
    line-height: 24px;
  }

  #cartItems .custom-control-label {
    margin-right: 0;
  }

  #cartItems .billing-delivery {
    width: 100%;
  }

  #searchOrders {
    padding: 10px;
    margin-left: 8px;
  }

  .orders-search-date {
    width: 100%;
  }

  #productModal .carousel-item-container,
  .product-info .carousel-item-container {
    width: 100%;
    height: initial;
    min-height: 240px;
  }

  .list-products {
    width: 100%;
    margin-top: 20px;
  }

  .product-info h2 {
    font-size: 20px;
  }

  .product-list-title {
    font-size: 30px;
  }

  .product-search-br {
    display: none;
  }

  .search-content.box-search .tab-content .collapse .link a {
    width: 100%;
  }

  #engineList .list-container a > div {
    display: flex;
    justify-content: space-between;
  }

  #checkboxModal .modal-body-content iframe {
    width: 100%;
  }
}

@media (max-width: 575px) {
  #searchOrders {
    padding: 10px;
    margin-left: 0;
    margin-top: 15px;
  }

  .modal-dialog {
    max-width: 100%;
  }

  #onlyStockModal .modal-dialog {
    margin: 0 !important;
  }
}

@media (max-width: 550px) {
  .list-products {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

@media (max-width: 475px) {
  .product-list-title {
    font-size: 26px;
  }
}

@media (max-width: 425px) {
  #cartTotal span.font-20,
  #cartTotalOrder span.font-20,
  #cartTotalOrder1 span.font-20,
  #cartTotalOrder2 span.font-20 {
    font-size: 18px;
  }

  #cartTotal .price,
  #cartTotalOrder .price,
  #cartTotalOrder1 .price #cartTotalOrder2 .price {
    font-size: 16px;
  }

  #cartTotal .price span,
  #cartTotalOrder .price span,
  #cartTotalOrder1 .price span,
  #cartTotalOrder2 .price span {
    display: block;
    text-align: right;
  }

  #searchOrders {
    width: 100%;
    padding: 10px 0;
  }

  .orders-search-date {
    padding: 10px 6px;
  }

  .more-offer .title {
    padding-right: 0;
    flex-direction: column;
  }

  .more-offer .title .image {
    padding-bottom: 15px;
  }
}

@media (max-width: 400px) {
  #cartBox .cart-item {
    grid-template-columns: 160px 40px auto;
  }
}

/* Min */

@media (min-width: 1200px) {
  .simplebox.col-xl {
    flex: 0 0 20% !important;
    max-width: 20% !important;
  }
}

@media (min-width: 1051px) {
  .product-search-br {
    display: none;
  }
}

@media (min-width: 992px) {
  .search-nav {
    background-color: #2058af;
    color: #fff;
    font-family: "MonserratBd";
    font-size: 16px;
  }

  .search-content.box-search .tab-content .tab-pane .collapse {
    display: block;
  }
}

@media (min-width: 768px) {
  .flex-md-1 {
    flex: 1;
  }

  .tab-pane .card-header {
    display: none;
  }

  #cartItems.orders .cartItemsDesktop {
    border-top: 1px solid rgba(0, 0, 0, 0.25);
  }

  section.result-list #filterOption {
    width: 215px;
  }

  .list-products {
    width: 78%;
    padding-left: 15px;
  }
}