:root {
  --white: #fff;
  --black: #2d2d2d;
  --maxaboBlue: #054a66;
  --maxaboPurple: #9d66c8;
  --orange: #ff7200;
  --gray: #989a9a;
  --lightGray: #e4e4e4;
  --lightestGray: #f2f2f2;
  --midGray: #d5d5d5;
  --darkGray: #616161;
  --darkestGray: #414141;
  --black: #2d2d2d;
  --mainBackground: #f8f8f8;
  --red: #d7263d;
  --green: #4c934c;
}

body {
  margin: 0;
  padding: 112px 0 0 0;
  background-color: var(--mainBackground);
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
}

h1 {
  margin: 0;
  padding: 0;
  font-size: 48px;
  color: var(--white);
  font-weight: 600;
}

h2 {
  margin: 0 0 24px 0;
  padding: 0;
  font-size: 1.5em;
  color: var(--black);
  font-weight: 600;
}

h3 {
  margin: 0 0 12px 0;
  padding: 0;
  font-size: 1.375em;
  color: var(--black);
  font-weight: 600;
}

p {
  color: var(--black);
}

p a, label a {
  color: var(--maxaboBlue);
  text-decoration: none;
  transition: .5s;
  font-weight: 600;
}

p a:hover, label a:hover {
  color: var(--orange);
  transition: .5s;
}

strong {
  font-weight: 600;
}

/*** Header ***/
.maxabo-header {
  background-color: var(--white);
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
}

.maxabo-logo {
  width: 206px;
  height: 29px;
  margin-bottom: 4px;
}

.maxabo-logo img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.maxabo-mobile-header {
  display: none !important;
}

.maxabo-menus {
  flex-grow: 1;
  display: flex;
  padding: 0;
}

.header-menu-top, .header-menu-bottom {
  order: 1;
}

.header-top-right, .header-bottom-right {
  order: 2;
}

.header-menu-bottom {
  flex: 1;
}

.header-menu-bottom ul li {
  margin: 0 30px 0 0;
  display: inline-block;
}
.maxabo-sidebar-menu ul li {
  margin: 0 0 10px 0;
}

.header-menu-top ul li a, .header-menu-bottom ul li a, .header-top-right a, .maxabo-sidebar-menu ul li a {
  font-size: 0.875em;
  color: var(--gray);
  text-decoration: none;
  transition: .5s;
}

.maxabo-sidebar-menu ul li a {
  font-size: 1em;
}

.header-menu-top ul li.active a, .header-menu-bottom ul li.active a, .header-top-right a.active, .maxabo-sidebar-menu ul li.active a {
  color: var(--maxaboBlue);
}

.maxabo-sidebar-menu ul li.active a {
  font-weight: 700;
}

.header-menu-top ul li a, .header-menu-bottom ul li a, .maxabo-sidebar-menu ul li a {
  font-weight: 600;
}

.header-menu-bottom ul li a,.maxabo-sidebar-menu ul li a {
  color: var(--black);
}

.header-menu-top ul li a:hover, .header-menu-bottom ul li a:hover, .header-top-right a:hover, .maxabo-sidebar-menu ul li a:hover {
  color: var(--orange);
  transition: .5s;
}

.header-top-right a {
  font-weight: 400;
  border-right: 1px solid var(--gray);
}

.header-top-right a:last-of-type {
  border-right: none;
}

.maxabo-header-offers {
  font-weight: 600;
  color: var(--maxaboBlue);
  font-size: 0.875em;
  cursor: pointer;
}

.maxabo-offers-num {
  background-color: var(--maxaboBlue);
  color: var(--white);
  padding: 2px 5px;
  font-size: 0.75em;
}

.maxabo-login {
  border-right: var(--lightGray);
}

.login-link {
  border: none;
  background-color: transparent;
  font-size: .875em;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  color: var(--gray);
}

.maxabo-login-dropdown {
  background-color: var(--mainBackground);
  right: 0;
  top: 30px;
  display: none;
}

.maxabo-login-dropdown a {
  border: none;
}

.maxabo-login-dropdown a:hover {
  color: var(--black);
}

.maxabo-login-dropdown::before {
  content: "";
  width: 20px;
  height: 10px;
  position: absolute;
  top: -10px;
  right: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 10px;
  background-image: url('/images/login-top.svg');
}

.maxabo-login-dropdown label span {
  font-size: .75em;
}

.maxabo-login-dropdown label input {
  font-size: .75em;
  padding: 5px;
  width: 200px;
}

.login-btn {
  background-color: var(--maxaboBlue);
  color: var(--white);
  border: 1px solid var(--maxaboBlue);
  padding: 8px;
  width: 100%;
  text-align: center;
  font-size: .75em;
  position: relative;
  transition: .5s;
}

.login-btn:hover {
  background-color: var(--black);
  color: var(--white);
}

.maxabo-login-dropdown p a span {
  font-size: .75em;
  color: var(--maxaboBlue);
  display: block;
  transition: .5s;
}

.maxabo-login-dropdown p a:hover span {
  font-size: .75em;
  color: var(--black);
  display: block;
}

/*** Slider ***/
#maxabo-main-carousel {
  overflow: hidden;
}

.maxabo-slider {
  height: 323px;
}

.carousel-item {
  width: 100%;
  height: auto;
}

.carousel-item-container img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  margin: 0 auto;
}

.carousel-caption {
  left: auto;
  right: auto;
  text-align: left;
}

.carousel-caption-content {
  max-width: 50%;
}

.carousel-caption-content h2 {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 8px;
  color: var(--white);
}

.carousel-caption-content p {
  font-size: 30px;
  color: var(--white);
}

.carousel-more {
  background-color: var(--maxaboPurple);
  color: var(--white);
  font-size: 1em;
  text-decoration: none;
  transition: .5s;
  font-weight: 600;
  padding: 7px 30px;
}

.carousel-more:hover {
  background-color: var(--maxaboBlue);
  color: var(--white);
  transition: .5s;
}

.carousel-more span::after {
  width: 12px;
  height: 10px;
  content: "";
  display: inline-block;
  background-image: url('/images/arrow-right-white.svg');
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 0 0 10px;
}

.carousel-control-next, .carousel-control-prev {
  width: 5%;
}

#maxabo-main-carousel .carousel-control-prev-icon, #maxabo-main-carousel .carousel-control-next-icon {
  width: 28px;
  height: 65px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px 65px;
  opacity: 1;
  top: calc((323px - 65px) / 2);
}

.carousel-control-prev-icon {
  background-image: url('/images/slider-arrow-left.svg');
  left: 0;
}

.carousel-control-next-icon {
  background-image: url('/images/slider-arrow-right.svg');
  right: 0;
}

/* Title box */
.maxabo-title-box {
  height: 323px;
  display: flex;
}

.maxabo-title-heading {
  max-width: 70%;
}

.maxabo-title-box img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  z-index: 1;
}

.maxabo-title {
  bottom: 48px;
  left: 0;
  width: 100%;
  z-index: 2;
}


/*** Services ***/
.maxabo-service-box-content {
  border: 1px solid var(--lightGray);
}

.details {
  position: relative;
  padding: 0 17px 0 0;
}

.details:hover {
  color: var(--black);
}

.details::after {
  content: "";
  width: 12px;
  height: 10px;
  margin: 0;
  display: inline-block;
  background-image: url('/images/arrow-right-blue.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px 10px;
  position: absolute;
  top: 6px;
  right: 0px;
}


/*** Filters ***/
.maxabo-main-filter-box {
  width: 20%;
  padding: 12px;
}

.maxabo-main-filter-box a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: var(--maxaboBlue);
  color: var(--white);
  text-decoration: none;
  padding: 12px;
  transition: .5s;
  height: 100%;
}

.maxabo-main-filter-box a:hover {
  background-color: var(--orange);
}

.maxabo-filter-tabs .nav-link {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  background-color:var(--lightGray);
}

.maxabo-filter-tabs .nav-link {
  text-align: center;
  border: none;
  border-left: 2px solid var(--white);
  font-weight: 600;
  color: var(--black);
  font-size: .875em;
  transition: 1s;
  width: 25%;
}

.maxabo-filter-tabs .nav-link:first-of-type {
  border-left: none;
}

.maxabo-filter-tabs .nav-link.active {
  background-color: var(--lightestGray);
}

.maxabo-filter-tab-contents {
  background-color: var(--lightestGray);
}

.maxabo-filter-tab-contents span, .maxabo-filter-tab-contents p {
  font-size: 0.875em;
}

.maxabo-filter-tab-contents h3 {
  font-size: 1.125em;
}

.filter-vehicle-content-row-heading {

}

.passenger-car-list {
  flex: 1 0 auto;
}

.icon-list {
  padding: 36px 6px 10px 0;
  margin: 0 0 26px 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% 26px;
  border: none;
  font-size: .75em;
  font-weight: 600;
  width: 10%;
  position: relative;
}

.icon-list.icon-selected::after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  right: 10px;
  top: -10px;
  background-image: url('/images/selection.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
}

.ferdehatu {
  background-image: url('/images/hatchback.svg');
}

.lepcsoshatu {
  background-image: url('/images/sedan.svg');
}

.kombi {
  background-image: url('/images/wagon.svg');
}

.egyteru {
  background-image: url('/images/minivan.svg');
}

.varosi_terepjaro {
  background-image: url('/images/suv.svg');
}

.kisbusz {
  background-image: url('/images/microbus.svg');
}

.pickup {
  background-image: url('/images/pickup.svg');
}

.kabrio {
  background-image: url('/images/cabrio.svg');
}

.kupe {
  background-image: url('/images/coupet.svg');
}

.terepjaro {
  background-image: url('/images/off-road.svg');
}

.van {
  background-image: url('/images/van.svg');
}

.zart {
  background-image: url('/images/closed.svg');
}

.zart_felkorbe_uvegezett {
  background-image: url('/images/glassed.svg');
}

.zart_hutos {
  background-image: url('/images/refrigerated.svg');
}

.pickup_szimpla_kabinos {
  background-image: url('/images/pickup-single.svg');
}

.pickup_dupla_kabinos {
  background-image: url('/images/pickup-double.svg');
}

.alvaz_szimpla_kabin {
  background-image: url('/images/truck-single.svg');
}

.alvaz_dupla_kabin {
  background-image: url('/images/truck-double.svg');
}

.alvaz_dob {
  background-image: url('/images/truck-boxed.svg');
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  width: 24px !important;
  height: 24px !important;
  border-radius: 50%;
  border: none !important;
  background: var(--maxaboBlue) !important;
  top: -9px !important;
}

.ui-widget.ui-widget-content {
  background: var(--midGray) !important;
  border: none !important;
  width: calc(100% - 24px);
}

.ui-slider-horizontal .ui-slider-range {
  background: var(--midGray) !important;
}

#slider-range-year, #slider-range-km, #slider-range-price, #slider-range-performance, #slider-range-capacity {
  height: 7px !important;
}

.slider-range-inputs input {
  min-width: 180px;
  padding: 5px;
}

.pieces {
  font-weight: 600;
}

.color-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.color-circle {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid #8a8a8a;
}

/*** CAR COLORS ***/
.color-white {
  background-color: var(--white);
}

.color-bone-white {
  background-color: #f9f6ee;
}

.color-light-gray {
  background-color: #dadada;
}

.color-dark-gray {
  background-color: #4c4c4c;
}

.color-silver {
  background-color: #4c4c4c;
}

.color-champagne {
  background-color: #f7e7ce;
}

.color-black {
  background-color: #000;
}

.color-beige {
  background-color: #f5f5dc;
}

.color-light-brown {
  background-color: #a79273;
}

.color-dark-brown {
  background-color: #3c3224;
}

.color-turquoise {
  background-color: #3c3224;
}

.color-light-blue {
  background-color: #72b1bf;
}

.color-dark-blue {
  background-color: #1d4851;
}

.color-green {
  background-color: #4ca02b;
}

.color-light-green {
  background-color: #90d980;
}

.color-dark-green {
  background-color: #365e2c;
}

.color-red {
  background-color: #c70000;
}

.color-purple {
  background-color: #7e0000;
}

.color-cherry {
  background-color: #441313;
}

.color-yellow {
  background-color: #ffc600;
}

.color-orange {
  background-color: #ff4800;
}

.color-pink {
  background-color: #ff007e;
}

.color-lilac {
  background-color: #8c0087;
}

/*** Offer item ***/
.maxabo-offer-item-container {
  background-color: var(--white);
}

/* Carousel */
.maxabo-item-slider-item {
  height: 200px;
}

.maxabo-item-slider-item img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}


.carousel-control-next-icon, .carousel-control-prev-icon {
  width: 13px;
  height: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 13px 31px;
  background-color: transparent;
  border: none;
  position: absolute;
  top: 85px;
  opacity: 0;
}

.maxabo-item-slider:hover .carousel-control-next-icon, .maxabo-item-slider:hover .carousel-control-prev-icon {
  opacity: 1;
  transition: .5s;
}

.carousel-control-prev-icon {
  background-image: url('/images/offer-item-slider-left.svg');
}

.carousel-control-next-icon {
  background-image: url('/images/offer-item-slider-right.svg');
}

.maxabo-add-to-wishlist, .maxabo-vehicle-slider-main .maxabo-add-to-wishlist {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 28px;
  height: 26px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 28px 26px;
  background-image: url('/images/favourite.svg');
  border: none;
  background-color: transparent;
}

.maxabo-add-to-wishlist.added, .maxabo-vehicle-slider-main .maxabo-add-to-wishlist .added {
  background-image: url('/images/favourite-full.svg');
}

.maxabo-vehicle-slider-main .maxabo-add-to-wishlist {
  width: 32px;
  height: 31px;
  top: 20px;
  left: 20px;
}

.wishlist-item .maxabo-add-to-wishlist {
  display: none;
}

.del-wishlist-item {
  display: none;
}

.wishlist-item .del-wishlist-item {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 28px;
  height: 28px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 28px 28px;
  background-image: url('/images/delete.svg');
  border: none;
  background-color: transparent;
  display: block;
}

.maxabo-offer-item-num span {
  font-size: .75em;
  display: block;
  text-align: right;
  color: var(--maxaboBlue);
}

.maxabo-offer-item-title h3 {
  font-size: 1em;
}

.maxabo-offer-item-title h4 {
  font-size: .875em;
  color: var(--maxaboBlue);
}

.maxabo-offer-item-title h3 a {
  text-decoration: none;
  font-weight: 700;
  color: var(--maxaboBlue);
  transition: .5s;
}

.maxabo-offer-item-title h3 a:hover {
  color: var(--maxaboPurple);
}

.maxabo-offer-item-price p, p.price {
  font-size: 1.875em;
  font-weight: 600;
  position: relative;
  display: inline-block;
}

.maxabo-price-info {
  margin: 0 0 0 5px;
  position: absolute;
  top: 10px;
  right: -26px;
}

.maxabo-price-info:hover:after {
  opacity: 1;
  transition: all 0.1s ease 0.5s;
  visibility: visible;
}

.maxabo-price-info:after {
  content: attr(data-title);
  background-color: var(--white);
  color: var(--black);
  font-size: 12px;
  white-space: nowrap;
  position: absolute;
  padding: 5px;
  bottom: -1.6em;
  right: 100%;
  top: auto;
  opacity: 0;
  z-index: 99999;
  visibility: hidden;
  -webkit-box-shadow: 2px 2px 10px -1px rgba(0,0,0,0.22);
  box-shadow: 2px 2px 10px -1px rgba(0,0,0,0.22);
  border-radius: 5px;
}

.maxabo-offer-car-info img {
  width: 17px;
  height: 13px;
}

.maxabo-offer-car-info p {
  font-size: .875em;
  color: var(--maxaboBlue);
}

.maxabo-offer-car-info-elem {
  padding: 2px 0;
}

.maxabo-offer-more-button, .maxabo-request-offer-button {
  width: 100%;
  padding: 10px 0;
  text-align: center;
  color: var(--white);
  background-color: var(--maxaboPurple);
  font-size: 1.125em;
  font-weight: 600;
  text-decoration: none;
  transition: .5s;
}

.maxabo-offer-request-button, .maxabo-purchase-button {
  width: 100%;
  padding: 10px 0;
  text-align: center;
  color: var(--white);
  cursor: pointer;
  background-color: var(--maxaboBlue);
  font-size: 1.125em;
  font-weight: 600;
  text-decoration: none;
  transition: .5s;
  margin: 10px 0 0 0;
}

.maxabo-offer-more-button:hover, .maxabo-request-offer-button:hover, .maxabo-offer-request-button:hover, .maxabo-purchase-button:hover {
  color: var(--white);
  background-color: var(--black);
}

.maxabo-request-offer-button, .maxabo-purchase-button {
  font-size: 1em;
}

.maxabo-offer-financing {
  position: relative;
}

.maxabo-offer-financing-title {
  font-weight: 600;
  width: 100%;
  position: relative;
  cursor: pointer;
}

.maxabo-offer-financing-title::after {
  content: "";
  width: 16px;
  height: 6px;
  background-repeat: no-repeat;
  background-size: 16px 6px;
  background-position: center;
  background-image: url('/images/dropdown.svg');
  transform: rotate(0deg);
  position: absolute;
  right: 0;
  top: 10px;
  display: inline-block;
  transition: .5s;
}

.maxabo-offer-financing.clicked::after {
  transform: rotate(180deg);
}

.maxabo-financing-item p span {
  display: block;
  font-size: .625em;
}

.maxabo-financing-request {
  width: 100%;
  display: flex;
}

.maxabo-financing-request-button, .maxabo-product-financing-request-button {
  font-size: .875em;
  width: 100%;
  padding: 10px 0;
  text-align: center;
  color: var(--white);
  background-color: var(--maxaboBlue);
  font-weight: 600;
  text-decoration: none;
  transition: .5s;
  margin: 10px 0 0 0;
  transition: .5s;
}

.maxabo-product-financing-request-button {
  font-size: 1em;
}

.maxabo-product-financing-request-button:hover {
  color: var(--white);
  background-color: var(--black);
}

.maxabo-offer-financing-content {
  display: none;
}

.maxabo-offer-financing-content.open {
  display: flex !important;
}

.offer-item-availability {
  top: -10px;
  right: 10px;
  padding: 5px 10px;
  color: var(--white);
  font-size: 0.75em;
  font-weight: 600;
  box-shadow: 2px 5px 5px 0px rgba(0,0,0,0.2);
  -webkit-box-shadow: 2px 5px 5px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 2px 5px 5px 0px rgba(0,0,0,0.2);
  position: absolute;
}

.available {
  background-color: var(--orange);
}

.under-production {
  background-color: var(--darkestGray);
}

.maxabo-item-slider-icons {
  position: absolute;
  bottom: 10px;
  left: 10px;
}

.maxabo-item-slider-icons img {
  width: 28px;
  height: 28px;
  margin: 0 10px 0 0 ;
}

.electric-icon {
  display: none;
}

.maxabo-offer-item.electric .electric-icon {
  display: block;
}

.maxabo-offers-banner-container {
  background-color: var(--white);
}

.maxabo-offers-banner-heading {
  background-color: var(--maxaboBlue);
}

.maxabo-offers-banner-heading p {
  font-size: 1.5em;
  font-weight: 600;
  color: var(--white);
}

.maxabo-offers-banner-content li {
  font-size: .8125em;
  text-transform: uppercase;
  font-weight: 600;
}

.maxabo-offers-banner-content li img {
  width: 43px;
  height: 43px;
  margin: 0 12px 0 0;
}




select {
  background-color: var(--mainBackground);
  border: 1px solid var(--black);
  color: var(--black);
  padding: 5px 26px 5px 10px;
  -moz-appearance:none;
  -webkit-appearance:none;
  appearance:none;
  background-image: url('/images/dropdown.svg');
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 21px 6px;
  font-size: 0.875em;
}

select:disabled {
  background-color: var(--white);
  border: 1px solid var(--gray);
  color: var(--gray);
}

.maxabo-advanced-search {
  border: none;
  cursor: pointer;
  font-size: 0.875em;
  color: var(--maxaboBlue);
  font-weight: 600;
}

.maxabo-advanced-search::after {
  width: 12px;
  height: 6px;
  content: "";
  display: inline-block;
  background-image: url('/images/arrow-down-blue.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin: 0 0 0 10px;
  transition: 1s;
  transform: rotate(0deg);
}

.maxabo-advanced-search.opened::after {
  transform: rotate(540deg);
  transition: 1s;
}

.maxabo-home-offers-filter-row-hidden {
  display: none;
}

.maxabo-home-offers-filter-row-hidden select {
  width: 100%;
}

/* Offers heading */
.toggle-switch #indulo-befizetes {
  width: 0;
  height: 0;
  visibility: hidden;
}

.toggle-switch label {
	cursor: pointer;
	text-indent: -9999px;
	width: 45px;
	height: 25px;
  background: rgb(182,182,182);
  background: linear-gradient(119deg, rgba(182,182,182,1) 0%, rgba(134,134,134) 100%);
	display: block;
	border-radius: 5px;
	position: relative;
  margin: 0 10px 0 0;
}

.toggle-switch label:after {
	content: '';
	position: absolute;
	top: 3px;
	left: 3px;
	width: 20px;
	height: 19px;
	transition: 0.3s;
  background-image: url('/images/toggle.svg');
}

.toggle-switch input:checked + label {
  background: rgb(156,101,199);
  background: linear-gradient(119deg, rgba(156,101,199,1) 0%, rgba(91,50,154) 100%);
}

.toggle-switch input:checked + label:after {
	left: calc(100% - 3px);
	transform: translateX(-100%);
}

.toggle-switch label:active:after {
	width: 20px;
}

.send-message.purple {
  background-color: var(--maxaboPurple);
  border: 1px solid var(--maxaboPurple);
  transition: .5s;
}

.send-message.purple:hover {
  background-color: var(--black);
  border: 1px solid var(--black);
}

/* Call us box */
.maxabo-call-us-box-content {
  background-color: var(--darkGray);
}

.maxabo-call-us-box-logo img {
  width: 152px;
  height: 20px;
}

.maxabo-call-us-box h3, .maxabo-call-us-box p {
  color: var(--white);
}

.maxabo-call-us-box p {
  font-size: 1.125em;
}

/*** NEWS ***/
.maxabo-home-news {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  grid-auto-rows: minmax(0px, 10px);
}

.grid-first {
  grid-column: 1;
  grid-row: 1 / 6;
}

.grid-second {
  grid-column: 1;
  grid-row: 6 / 14;
}

.grid-third {
  grid-column: 2;
  grid-row: 1 / 14;
}

.grid-forth {
  grid-column: 3;
  grid-row: 1 / 8;
}

.grid-fifth {
  grid-column: 3;
  grid-row: 8 / 14;
}

.maxabo-grid-item a, .maxabo-magazin-post a {
  display: flex;
  width: 100%;
  height: 100%;
}

.maxabo-grid-item a img, .maxabo-magazin-post a img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  opacity: 1;
  transition: .5;
}

.maxabo-grid-item:hover a img, .maxabo-magazin-post:hover a img {
  opacity: .8;
  transition: .5;
}

.maxabo-grid-item h3 {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 1em;
  font-weight: 400;
  padding: 5px 10px;
  background-color: var(--maxaboBlue);
  color: var(--white);
  text-decoration: none;
  margin: 0;
  transition: .5s;
}

.maxabo-grid-item:hover h3 {
  background-color: var(--maxaboPurple);
  transition: .5s;
}

.maxabo-grid-item h3 a::after {
  content: "";
  display: inline-block;
  background-image: url('/images/arrow-right-white.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 10px;
  height: 9px;
  margin: 0 0 0 10px;
}

/*** Footer ***/
.footer-menu h4 {
  font-size: .75em;
  font-weight: 600;
  text-transform: uppercase;
}

.footer-menu ul li a {
  font-size: .75em;
  font-weight: 400;
  text-decoration: none;
  color: var(--black);
}

/*** Page ***/
.page-content-container {
  top: 140px;
}

.page-content h2 {
  margin: 0 0 48px 0;
}

/*** Info tooltips & modal ***/
.maxabo-info-btn {
  border: none;
  background: none;
  width: 16px;
  height: 16px;
  background-image: url('/images/info.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  margin: 3px 0 0 5px;
}

.tooltip-inner {
  background-color: var(--white) !important;
  color: var(--black) !important;
  font-size: 0.75em;
  -webkit-box-shadow: 2px 2px 10px -1px rgba(0,0,0,0.22);
  box-shadow: 2px 2px 10px -1px rgba(0,0,0,0.22);
}

.tooltip.bs-tooltip-right .tooltip-arrow::before {
    border-right-color: var(--white);
}
.tooltip.bs-tooltip-left .tooltip-arrow::before {
    border-left-color: var(--white);
}
.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: var(--white);
}
.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: var(--white);
}

.price {
  position: relative;
}

.modal-header {
  border: none;
}

.modal-content {
  padding: 24px;
}

.maxabo-features li, #maxabo-equipment ul li, #maxabo-equipment-built-in ul li {
  position: relative;
  padding: 0 24px 0 30px;
  margin: 0 0 10px 0;
}

.maxabo-features li::before, #maxabo-equipment ul li::before, #maxabo-equipment-built-in ul li::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 20px;
  height: 20px;
  background-image: url('/images/plus.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
  display: inline-block;
}

#havidij h3, #havidij h4 {
  display: block;
}

.finanszirozas {
  font-size: .75em;
  color: var(--maxaboBlue);
  font-weight: 600;
}

/*** Magazin ***/
.maxabo-magazin-post {
  height: 255px;
  overflow: hidden;
}

.maxabo-magazin-post-info {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 1em;
  font-weight: 400;
  padding: 5px 10px;
  background-color: var(--maxaboBlue);
  color: var(--white);
  text-decoration: none;
  margin: 0;
  transition: .5s;
}

.maxabo-magazin-post-info h3 {
  font-size: 1em;
  font-weight: 600;
  color: var(--white);
}

.maxabo-magazin-post:hover .maxabo-magazin-post-info {
  background-color: var(--black);
  transition: .5s;
}

.maxabo-magazin-post-info span {
  color: var(--white);
  opacity: 1;
  font-weight: 400;
  font-size: .875em;
  border-left: 1px solid var(--white);
  padding: 0 0 0 5px;
  margin: 0 0 0 5px;
}

.maxabo-magazin-post-info span.category {
  opacity: .5;
  border: none;
  margin: 0;
  padding: 0;
}

.maxabo-magazin-header h3 {
  font-size: 1.125em;
  text-transform: uppercase;
  font-weight: 600;
}

.maxabo-magazin-categories li {
  display: inline-block;
  margin: 0 0 0 30px;
}

.maxabo-magazin-categories li a {
  color: var(--black);
  text-decoration: none;
  transition: .5s;
}

.maxabo-magazin-categories li a:hover {
  color: var(--orange);
  transition: .5s;
}

.maxabo-magazin-sidebar h2 {
  color: var(--maxaboBlue);
  font-size: 1.125em;
  text-transform: uppercase;
}

input {
  padding: 5px 40px 5px 10px;
  width: 100%;
  border: 1px solid var(--gray);
}

textarea {
  padding: 10px;
  width: 100%;
  border: 1px solid var(--gray);
  font-size: .875em;
}

.maxabo-search-button {
  width: 20px;
  height: 20px;
  border: none;
  background: none;
  background-image: url('/images/magnifier.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  top: 7px;
  right: 10px;
  cursor: pointer;
}

.maxabo-magazin-tag-list span {
  display: inline-block;
  width: auto !important;
  padding: 2px 12px;
  background: var(--mainBackground);
  border: 1px solid var(--lightGray);
  margin: 0 10px 10px 0;
  transition: .5s;
}

.maxabo-magazin-tag-list span:hover {
  background: var(--lightGray);
  transition: .5s;
}

.maxabo-magazin-tag-list span a {
  text-decoration: none;
  color: var(--black);
}

.maxabo-magazin-latest-item-image {
  width: 85px;
  height: 85px;
}

.maxabo-magazin-latest-item-image img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}

.maxabo-magazin-latest-item-cat a {
  font-size: .875em;
  color: var(--maxaboBlue);
  font-weight: 400;
  text-decoration: none;
}

.maxabo-magazin-latest-item-content h4 {
  font-size: 1em;
}

.maxabo-magazin-latest-item-content h4 a {
  font-weight: 600;
  color: var(--maxaboBlue);
  text-decoration: none;
  transition: .5s;
}

.maxabo-magazin-latest-item-content h4 a:hover {
  color: var(--black);
}

.maxabo-magazin-latest-item-date {
  font-size: .875em;
}

.page-num {
  padding: 10px 14px;
  color: var(--white);
  background-color: var(--midGray);
  text-decoration: none;
  margin: 0 8px;
  transition: .5s;
  min-width: 36px;
  text-align: center;
}

.page-num:hover {
  background-color: var(--black);
  transition: .5s;
  color: var(--white);
}

.active-page {
  text-decoration: none;
  background-color: var(--maxaboBlue);
  cursor: default;
}

.active-page:hover {
  background-color: var(--maxaboBlue);
}

/*** Contact ***/
.maxabo-content-box, .maxabo-product-leasing-banner {
  background-color: var(--white);
  border: 1px solid var(--lightGray);
}

.maxabo-content-box h2, .maxabo-content-box p {
  margin: 0 0 24px 0;
}

.maxabo-content-box h3 {
  font-size: 1.125em;
}

.maxabo-contact-left, .maxabo-contact-right {
  align-self: stretch;
}

label span {
  font-size: .75em;
  font-weight: 600;
  display: block;
}

.lns {
    display: inline;
}

.checkbox {
  display: block;
  position: relative;
  padding-left: 40px;
  margin-bottom: 18px;
  user-select: none;
  margin: 0;
  position: relative;
  cursor: pointer;
  padding: 0 0 0 30px;
}

.checkbox a {
  color: var(--maxaboBlue);
  text-decoration: none;
  transition: .5s;
}

.checkbox a:hover {
  color: var(--orange);
}

input[type="checkbox"] {
  width: 0;
  height: 0;
}

.checkmark {
  position: absolute;
  top: 2px;
  left: 0px;
  width: 20px;
  height: 20px;
  background-color: var(--white);
  background-image: none;
  border: 1px solid var(--gray);
  padding: 0 !important;
}

.newsletter-checkbox {
  padding: 0 0 0 30px;
}

.newsletter-checkbox .checkmark {
  left: 0;
}

input[type="checkbox"]:checked + .checkmark {
  background-color: var(--maxaboBlue);
  border: 1px solid var(--maxaboBlue);
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('/images/checkmark.svg');
  background-size: 14px 14px;
}

.send-message, .subscribe {
  background-color: var(--maxaboBlue);
  color: var(--white);
  text-align: center;
  padding: 8px 42px 8px 30px;
  border: 1px solid var(--maxaboBlue);
  font-size: 1em;
  width: auto !important;
  font-weight: 600;
  display: inline-block;
  transition: .5s;
}

.send-message:hover, .subscribe:hover {
  background-color: var(--black);
  border: 1px solid var(--black);
}

.send-message span, .subscribe span {
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 1em;
}

.send-message span::after, .subscribe span::after {
  content: "";
  width: 12px;
  height: 10px;
  margin: 0 0 0 10px;
  display: inline-block;
  background-image: url('/images/arrow-right-white.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px 10px;
  position: absolute;
  right: -17px;
  top: 6px;
}

.callback {
  background-color: var(--white);
  color: var(--maxaboBlue);
  text-align: center;
  padding: 8px 40px 8px 30px;
  border: 1px solid var(--maxaboBlue);
  font-size: 1em;
  width: auto !important;
  font-weight: 600;
  display: inline-block;
  transition: .5s;
}

.callback:hover {
  background-color: var(--maxaboBlue);
  color: var(--white);
}

.callback span {
  position: relative;
}

.callback span::after {
  content: "";
  width: 12px;
  height: 10px;
  margin: 0;
  display: inline-block;
  background-image: url('/images/arrow-right-blue.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px 10px;
  position: absolute;
  top: 6px;
  right: -16px;
}

.callback:hover span::after {
  background-image: url('/images/arrow-right-white.svg');
}

.maxabo-contact-map iframe {
  width: 100%;
  height: 380px;
}

.maxabo-contact-hotline {
  background-color: var(--darkGray);
}

.maxabo-contact-hotline p {
  color: var(--white);
}

.call-us {
  font-size: 1.5em;
}

.call-us-number {
  font-size: 1.875em;
}

/*** Offers ***/
/* Requests */
.request-sent .maxabo-offer-request-heading::after {
  content: "";
  height: 100%;
  width: 39px;
  background-color: var(--maxaboPurple);
  position: absolute;
  top: 0;
  right: 0;
}

.maxabo-offer-request-item-content {
  background-color: var(--white);
}

.maxabo-offer-request-heading {
  background-color: var(--maxaboBlue);
  max-height: 39px;
  overflow: hidden;
  position: relative;
}

.maxabo-offer-request-title {
  padding: 6px 20px;
  font-weight: 600;
  display: block;
}

.maxabo-offer-request-title p {
  color: var(--white);
}

.maxabo-offer-request-delete {
  border: none;
  width: 39px;
  height: 100%;
  background-color: var(--maxaboPurple);
  background-image: url('/images/delete.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 17px 22px;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
}

.choose-another-btn, .back-home-btn a {
  background-color: var(--maxaboBlue);
  color: var(--white);
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  transition: .5s;
  display: block;
  padding: 12px;
}

.back-home-btn a {
  padding: 12px 30px 12px 42px;
  display: inline-flex;
}

.image404 {
  max-width: 320px;
  height: auto;
  margin: 0 auto;
}

.choose-another-btn:hover, .back-home-btn a:hover {
  background-color: var(--black);
  color: var(--white);
}

.choose-another-btn span, .back-home-btn a span {
  position: relative;
}

.choose-another-btn span::before, .back-home-btn a span::before {
  content: "";
  width: 5px;
  height: 11px;
  position: absolute;
  top: 6px;
  left: -16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 6px 13px;
  background-image: url('/images/arrow-left-white.svg');
}

.confirm-purchase-btn {
  background-color: var(--maxaboPurple);
  color: var(--white) !important;
  text-decoration: none;
  text-align: center;
  font-weight: 600;
  padding: 10px 46px 10px 30px;
}

.confirm-purchase-btn:hover {
  background-color: var(--black);
  color: var(--white) !important;
  text-decoration: none;
}

.confirm-purchase-btn span::after, .registration-btn span::after, .send-message span::after, .login-btn::after {
  content: "";
  width: 5px;
  height: 11px;
  position: absolute;
  top: 6px;
  right: -16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 6px 13px;
  background-image: url('/images/arrow-right-white.svg');
}

.confirm-purchase-btn span, .registration-btn span {
  position: relative;
}

.maxabo-offer-request-content-title h3 {
  font-size: 1em;
  font-weight: 600;
}

.maxabo-offer-request-content-title h4 {
  font-size: .875em;
}

.maxabo-offer-request-content figure img {
  max-width: 100%;
  height: auto;
}

.maxabo-offer-request-content-details p {
  margin: 0;
  padding: 0;
  font-size: .875em;
}

.maxabo-offer-request-content-box .maxabo-offer-request-content-box-inner {
  height: 0px;
  overflow: hidden;
  opacity: 0;
  transition: 1s;
}

.maxabo-offer-request-content-box .maxabo-offer-request-content-box-inner.open {
  height: auto;
  padding-top: 24px;
  opacity: 1;
}

.privacy-smalltext p {
  font-size: .875em;
}

/*** Products ***/
.product-cards {
  position: -webkit-sticky;
  position: sticky !important;
  top: 140px;
  align-self: flex-start;
}

.maxabo-vehicle-card, .maxabo-product-lease-card {
  background-color: var(--white);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
  position: relative;
}

.maxabo-vehicle-card-wishlist-btn {
  border: none;
  background: none;
  color: var(--maxaboBlue);
}

.maxabo-vehicle-card-wishlist-btn::before {
  content: "";
  width: 15px;
  height: 15px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('/images/favourite-blue.svg');
  background-size: 15px 15px;
  display: inline-block;
  margin: 0 5px 0 0;
  padding: 5px 0 0 0;
}

.maxabo-vehicle-card-wishlist-btn.added::before {
  background-image: url('/images/favourite-full-blue.svg');
}

.maxabo-vehicle-card h1 {
  font-size: 1.75em;
  color: var(--black);
}

.maxabo-vehicle-card h2 {
  font-size: 1.125em;
  font-weight: 400;
}

.maxabo-product-lease-card h3 {
  font-size: 1.25em;
}

.price-monthly-text {
  color: var(--maxaboBlue);
  font-weight: 600;
  font-size: .875em;
}

.font-normal {
  font-size: 1em;
}

.maxabo-vehicle-card-form .maxabo-info-btn {
  margin: 0 0 0 5px;
}

.maxabo-vehicle-card-form .send-message {
  width: 100% !important;
}

.maxabo-product-financing .maxabo-offer-financing-content {
  display: flex;
}

.maxabo-vehicle-slider-container {
  background-color: var(--white);
}

.maxabo-vehicle-slider-main {
  height: 500px;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.maxabo-vehicle-slider-main-content {
  height: 100%;
  transition: 1s;
}

.maxabo-vehicle-slider-main-item {
  width: 100%;
  height: 100%;
  display: flex;
}

.maxabo-vehicle-slider-main-item img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}

.maxabo-vehicle-slider-thumbnails {
  overflow: hidden;
  position: relative;
  height: 100px;
  transition: 1s;
}

.thumbnails-row {
  position: absolute;
  top: 0;
}

.maxabo-prev-thumbnails, .maxabo-next-thumbnails {
  position: absolute;
  top: 24px;
  width: 20px;
  height: 48px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 48px;
  border: none;
  background-color: transparent;
}

.maxabo-prev-thumbnails {
  background-image: url('/images/slider-arrow-left.svg');
  left: 0;
}

.maxabo-next-thumbnails {
  background-image: url('/images/slider-arrow-right.svg');
  right: 0;
}

.maxabo-vehicle-slider-thumbnail img {
  width: 100%;
  max-width: 100%;
  height: 100px;
  max-height: 200px;
  object-fit: cover;
}

.maxabo-vehicle-slider-thumbnail {
  opacity: 1;
  cursor: pointer;
  display: flex;
  flex: 0 0 auto;
}

.maxabo-vehicle-slider-thumbnail.active {
  opacity: .5;
}

.maxabo-vehicle-slider-prev {
  width: 28px;
  height: 65px;
  position: absolute;
  top: 230px;
  left: -8px;
  z-index: 10;
  background-image: url('/images/slider-arrow-left.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 28px 65px;
  background-color: transparent;
  border: none;
}

.maxabo-vehicle-slider-next {
  width: 28px;
  height: 65px;
  position: absolute;
  top: 230px;
  right: -8px;
  z-index: 10;
  background-image: url('/images/slider-arrow-right.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 28px 65px;
  background-color: transparent;
  border: none;
}

/* Technical info box */
.overflow-content {
  position: relative;
}

.maxabo-technical-tabs .nav-link {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  background-color:var(--white);
}

.maxabo-technical-tabs .nav-link {
  text-align: center;
  border: none;
  font-weight: 600;
  color: var(--gray);
  font-size: .875em;
  border-bottom: 3px solid var(--white);
  transition: 1s;
  width: 25%;
}

.maxabo-technical-tabs .nav-link:hover {
  color: var(--orange);
  border-bottom: 3px solid var(--orange);
}

.maxabo-technical-tabs .nav-link.active {
  border-bottom: 3px solid var(--maxaboBlue);
  color: var(--maxaboBlue);
}

.maxabo-tab-content {
  background-color: var(--white);
}

.maxabo-tab-content span {
  font-size: 0.875em;
}

.maxabo-tab-content h3 {
  font-size: 1.125em;
}

.technical-info-box {
  margin: 0;
}

.technical-info {
  border-bottom: 1px solid var(--lightGray);
  padding-left: 40px !important;
  position: relative;
}

.technical-info::before {
  content: "";
  width: 25px;
  height: 45px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 15px;
}

.technical-info-body::before {
  background-image: url('/images/body.svg');
}

.technical-info-fuel::before {
  background-image: url('/images/fuel.svg');
}

.technical-info-year::before {
  background-image: url('/images/year.svg');
}

.technical-info-km::before {
  background-image: url('/images/km.svg');
}

.technical-info-persons::before {
  background-image: url('/images/persons.svg');
}

.technical-info-weight::before {
  background-image: url('/images/weight.svg');
}

.technical-info-trunk::before {
  background-image: url('/images/trunk.svg');
}

.technical-info-reg-number::before {
  background-image: url('/images/reg-number.svg');
}

.technical-info-ccm::before {
  background-image: url('/images/ccm.svg');
}

.technical-info-gear::before {
  background-image: url('/images/gear.svg');
}

.technical-info-consumption::before {
  background-image: url('/images/consumption.svg');
}

.technical-info-performance::before {
  background-image: url('/images/performance.svg');
}

.technical-info-capacity::before {
  background-image: url('/images/capacity.svg');
}

.technical-info-co2::before {
  background-image: url('/images/co2.svg');
}

.technical-info-engine::before {
  background-image: url('/images/engine.svg');
}

.technical-info-color::before {
  background-image: url('/images/color.svg');
}

.technical-info-fabric::before {
  background-image: url('/images/fabric.svg');
}

.technical-info-tyres::before {
  background-image: url('/images/tyres.svg');
}


#maxabo-equipment h3 {
  font-size: .875em;
  font-weight: 600;
}

/* Services */
.maxabo-product-services-content {
  background-color: var(--white);
}

.maxabo-product-service {
  border-bottom: 1px solid var(--lightGray);
  padding-left: 58px !important;
  position: relative;
}

.product-service-box:last-of-type > .maxabo-product-service, .product-service-box:nth-last-of-type(2) > .maxabo-product-service {
  border-bottom: none;
}

.maxabo-product-service::before {
  content: "";
  width: 46px;
  height: 46px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 46px 46px;
  display: inline-block;
  position: absolute;
  top: 8px;
  left: 0;
}

.service-maintenance::before {
  background-image: url('/images/maintenance.svg');
}

.service-tyres::before {
  background-image: url('/images/tyres.svg');
}

.service-assistance::before {
  background-image: url('/images/assistance.svg');
}

.service-customer-service::before {
  background-image: url('/images/customer-service.svg');
}

.service-taxes::before {
  background-image: url('/images/taxes.svg');
}

.service-insurance::before {
  background-image: url('/images/insurance.svg');
}

.maxabo-product-service h3 {
  font-size: 1em;
  position: relative;
  display: inline-block;
}

.maxabo-product-service h3::after {
  content: "";
  position: absolute;
  top: 0px;
  right: -24px;
  width: 18px;
  height: 18px;
  background-image: url('/images/checkmark.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 18px;
  display: inline-block;
}

.maxabo-product-service p {
  font-size: 0.875em;
}

.maxabo-product-offer-request {
  background-color: var(--white);
  border: 4px solid var(--maxaboPurple);
}

.smalltext {
  font-size: .75em;
}

.maxabo-product-leasing-banner h3 {
  font-size: 1.25em;
  color: var(--maxaboBlue);
}

.maxabo-product-leasing-banner p {
  color: var(--maxaboBlue);
  margin: 0;
  padding: 0;
}

.maxabo-product-callback {
  background-color: var(--white);
}

/* Form */
.maxabo-content-box select {
  background-color: var(--white);
  border: 1px solid var(--gray);
}

.maxabo-content-box a {
  color: var(--maxaboBlue);
  text-decoration: none;
  transition: .5s;
}

.maxabo-content-box a:hover {
  color: var(--orange);
  transition: .5s;
}

/*** Scrollbar ***/
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background-color: var(--lightGray);
}

/* Handle */
::-webkit-scrollbar-thumb {
  background-color: var(--maxaboBlue);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background-color: var(--black);
}

/*** Five stars banner ***/
.maxabo-banner-container {
  border: 1px solid var(--lightGray);
  background-color: var(--mainBackground);
}

.maxabo-banner-star {
  margin: 0 4px;
  width: 24px;
  height: 23px;
}

.maxabo-banner-content h3 {
  font-size: 1em;
}

.maxabo-banner-content p {
  font-size: .875em;
}

/*** Registration ***/
.registration-btn {
  background-color: var(--maxaboBlue);
  color: var(--white);
  text-align: center;
  text-decoration: none;
  font-weight: 600;
  padding: 12px 46px 12px 30px;
  transition: .5s;
}

.registration-btn:hover {
  background-color: var(--black);
  color: var(--white);
  text-decoration: none;
}

/*** Breadcrumbs ***/
.maxabo-breadcrumbs ul, .maxabo-breadcrumbs ul li {
  display: inline-block;
}

.maxabo-breadcrumbs ul li::after {
  content: ">";
  margin: 0 5px;
  display: inline-block;
}

.maxabo-breadcrumbs ul li:last-of-type::after {
  display: none;
}

.maxabo-breadcrumbs ul li a {
  color: var(--maxaboBlue);
  text-decoration: none;
  transition: .5s;
}

.maxabo-breadcrumbs ul li a:hover {
  color: var(--black);
}

/*** Login ***/
.form-warning {
  color: var(--red);
  border: 2px solid var(--red);
  padding: 12px;
}

.form-success {
  color: var(--green);
  border: 2px solid var(--green);
  padding: 12px;
}

/*** FRONTADMIN ***/
.admin-edit-row {
  background: var(--red);
}

.admin-edit-row a.admin-edit-row-button {
  background: var(--white);
  color: var(--red);
  text-decoration: none;
  padding: 5px 10px;
  text-transform: uppercase;
  border: 1px solid var(--white);
}

.admin-edit-row a.admin-edit-row-button:hover {
  background: var(--red);
  color: var(--white);
}

/*** ACCOUNT ***/
.maxabo-account-purchase-item {
  border-bottom: 1px solid var(--lightGray);
  text-decoration: none;
}

.maxabo-account-purchase-item:last-of-type {
  border-bottom: none;
}

.maxabo-account-purchase-item span {
  color: var(--black);
  text-decoration: none;
  transition: .5s;
}

.maxabo-account-purchase-item:hover span {
  color: var(--orange);
  transition: .5s;
}

.purchase-price {
  white-space: nowrap;
}



@media (max-width: 1399px) {
  .send-message span, .subscribe span {
    font-size: .875em;
  }

  .container {
    max-width: 100%;
  }
}

@media (max-width: 1199px) {
  .maxabo-header {
    height: 60px;
  }

  .maxabo-header-row .maxabo-logo {
    margin-top: 0px;
    display: none !important;
  }

  .maxabo-menus {
    display: none !important;
    position: fixed;
    top: 60px;
    right: 0;
    width: 50%;
    background-color: var(--white);
    transition: 1s;
    padding: 24px;
  }

  .menu-open {
    display: flex !important;
    transition: 1s;
    z-index: 9999;
    height: 100vh;
  }

  .maxabo-mobile-header {
    display: flex !important;
  }

  .maxabo-mobilemenu {
    display: flex;
    width: 27px;
    height: 27px;
    background-image: url('/images/hamburger.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 27px 27px;
  }

  .header-menu-top, .header-bottom-right {
    order: 2;
  }

  .header-top-right, .header-menu-bottom {
    order: 1;
  }

  .header-top-right, .header-menu-bottom {
    padding: 0 0 24px 0;
  }

  .header-menu-top ul li, .header-menu-bottom ul li {
    display: block;
    margin: 0 0 10px 0;
  }

  .header-menu-top ul li a, .header-menu-bottom ul li a, .header-top-right a, .maxabo-header-offers {
    font-size: 1em;
  }

  .header-menu-top ul li a, .header-menu-bottom ul li a {
    font-size: 1em;
  }

  #maxabo-main-carousel {
    overflow: visible;
  }

  .maxabo-slider {
    height: auto;
  }

  .carousel-item {
    height: 100%;
    width: auto;
  }

  .carousel-caption-content {
    max-width: 100%;
  }

  .carousel-caption-content h2 {
    font-size: 28px;
  }

  .carousel-caption-content p {
    font-size: 20px;
  }

  .maxabo-vehicle-card-form .send-message {
    width: auto !important;
  }

  .maxabo-item-slider-item {
    height: 250px;
  }

  .product-cards {
    position: relative;
    top: auto;
    align-self: flex-start;
  }
}

@media (max-width: 991px) {
  h1 {
    font-size: 32px;
  }

  .carousel-control-next, .carousel-control-prev {
    width: 10%;
  }

  .footer-menu ul li a {
    font-size: 1em;
  }

  .footer-menu h4 {
    font-size: 1.25em;
  }

  .maxabo-offer-request-title p {
    font-size: .75em;
  }

  .maxabo-main-filter-box {
    width: 100%;
  }

  .icon-list {
    width: 20%;
  }
}

@media (max-width: 767px) {
  h1 {
    font-size: 28px;
  }

  .maxabo-home-news {
    grid-template-columns: repeat(1, 1fr);
  }

  .grid-first {
    grid-column: 1;
    grid-row: 1 / 6;
  }

  .grid-second {
    grid-column: 1;
    grid-row: 6 / 11;
  }

  .grid-third {
    grid-column: 1;
    grid-row: 11 / 16;
  }

  .grid-forth {
    grid-column: 1;
    grid-row: 16 / 21;
  }

  .grid-fifth {
    grid-column: 1;
    grid-row: 21 / 26;
  }

  .maxabo-menus {
    width: 100%;
  }

  .price-info:after {
    bottom: auto;
    left: auto;
    right: 8px;
    top: 100%;
  }

  .maxabo-vehicle-card-form .send-message {
    width: 100% !important;
  }

  .maxabo-technical-tabs .nav-link {
    min-width: 50%;
  }

  .maxabo-vehicle-slider-main {
    height: 250px;
  }

  .maxabo-vehicle-slider-prev {
    top: 105px;
  }

  .maxabo-vehicle-slider-next {
    top: 105px;
  }

  .maxabo-vehicle-slider-thumbnail img {
    max-height: 60px;
  }

  #maxabo-equipment ul li, #maxabo-equipment-built-in ul li {
    max-width: 100%;
  }

  .icon-list {
    width: 33.33%;
  }
}