/* Hino 2024 Layout Creation */
@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;700&family=Open+Sans:wght@400;600;700&display=swap");
*,
h1,
h2,
h3,
h4,
p,
a,
span,
div {
  font-family: "Open Sans", "Barlow", Helvetica, Arial, sans-serif;
}

/*
// Navigation
.nav-section-top {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 2;
	nav.ix-nav {
		background-color: $nav-bg;
		display: flex;
		justify-content: space-between;
		align-items: center;

		.navbar-brand.ix-logo {
			flex: 1;
			text-align: center;

			img {
				width: 100%;
				max-width: $logo-width;
				height: $logo-height;
				padding: $logo-padding;
			}
		}

		.navbar-toggler {
			border-color: $primary-color;
		}

		.navbar-toggler-icon {
			color: $primary-color;
		}

		.collapse.navbar-collapse {
			flex: 3;
			display: flex;
			justify-content: space-between;
			align-items: center;

			.navbar-nav {
				display: flex;
				justify-content: space-between;
				width: 100%;

				.nav-item {
					flex: 1;
					text-align: center;

					.nav-link {
						color: $ix-nav-link-color;
						text-transform: $ix-nav-link-text-transform;
						font-size: $ix-nav-link-font-size;

						&:hover {
							color: $ix-nav-link-color-hover;
							transition: color $transition-primary;
						}

						&.active {
							color: $primary-color;
						}
					}
				}

				.dropdown-menu {
					background-color: $secondary-color;

					.dropdown-item {
						color: $text-color;

						&:hover {
							color: $primary-color;
							transition: color $transition-primary;
						}
					}
				}
			}
		}
	}
}
*/
#page-wrapper {
  overflow-x: hidden;
}

.main-header .header-logo .logo-rando {
  width: 100%;
  max-width: 85px;
  padding-top: 1.55em;
}

.carousel ol.carousel-indicators .carousel-item .ix-slide-content,
.carousel ol.carousel-indicators .carousel-item .carousel-caption,
.carousel .carousel-inner .carousel-item .ix-slide-content,
.carousel .carousel-inner .carousel-item .carousel-caption,
.carousel .ix-carousel-inner .carousel-item .ix-slide-content,
.carousel .ix-carousel-inner .carousel-item .carousel-caption {
  text-align: left;
}
.carousel ol.carousel-indicators .carousel-item .ix-slide-content .ix-jumbo,
.carousel ol.carousel-indicators .carousel-item .ix-slide-content .jumbotron,
.carousel ol.carousel-indicators .carousel-item .carousel-caption .ix-jumbo,
.carousel ol.carousel-indicators .carousel-item .carousel-caption .jumbotron,
.carousel .carousel-inner .carousel-item .ix-slide-content .ix-jumbo,
.carousel .carousel-inner .carousel-item .ix-slide-content .jumbotron,
.carousel .carousel-inner .carousel-item .carousel-caption .ix-jumbo,
.carousel .carousel-inner .carousel-item .carousel-caption .jumbotron,
.carousel .ix-carousel-inner .carousel-item .ix-slide-content .ix-jumbo,
.carousel .ix-carousel-inner .carousel-item .ix-slide-content .jumbotron,
.carousel .ix-carousel-inner .carousel-item .carousel-caption .ix-jumbo,
.carousel .ix-carousel-inner .carousel-item .carousel-caption .jumbotron {
  background-color: rgba(0, 0, 0, 0);
  font-family: "Open Sans", "Barlow", Helvetica, Arial, sans-serif;
}
.carousel ol.carousel-indicators .carousel-item .ix-slide-content .ix-jumbo h1,
.carousel ol.carousel-indicators .carousel-item .ix-slide-content .jumbotron h1,
.carousel ol.carousel-indicators .carousel-item .carousel-caption .ix-jumbo h1,
.carousel ol.carousel-indicators .carousel-item .carousel-caption .jumbotron h1,
.carousel .carousel-inner .carousel-item .ix-slide-content .ix-jumbo h1,
.carousel .carousel-inner .carousel-item .ix-slide-content .jumbotron h1,
.carousel .carousel-inner .carousel-item .carousel-caption .ix-jumbo h1,
.carousel .carousel-inner .carousel-item .carousel-caption .jumbotron h1,
.carousel .ix-carousel-inner .carousel-item .ix-slide-content .ix-jumbo h1,
.carousel .ix-carousel-inner .carousel-item .ix-slide-content .jumbotron h1,
.carousel .ix-carousel-inner .carousel-item .carousel-caption .ix-jumbo h1,
.carousel .ix-carousel-inner .carousel-item .carousel-caption .jumbotron h1 {
  font-size: 4.3rem;
  line-height: 4.6rem;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
}
.carousel ol.carousel-indicators .carousel-item .ix-slide-content .ix-jumbo a.ix-btn-red,
.carousel ol.carousel-indicators .carousel-item .ix-slide-content .ix-jumbo a.ix-btn-white,
.carousel ol.carousel-indicators .carousel-item .ix-slide-content .jumbotron a.ix-btn-red,
.carousel ol.carousel-indicators .carousel-item .ix-slide-content .jumbotron a.ix-btn-white,
.carousel ol.carousel-indicators .carousel-item .carousel-caption .ix-jumbo a.ix-btn-red,
.carousel ol.carousel-indicators .carousel-item .carousel-caption .ix-jumbo a.ix-btn-white,
.carousel ol.carousel-indicators .carousel-item .carousel-caption .jumbotron a.ix-btn-red,
.carousel ol.carousel-indicators .carousel-item .carousel-caption .jumbotron a.ix-btn-white,
.carousel .carousel-inner .carousel-item .ix-slide-content .ix-jumbo a.ix-btn-red,
.carousel .carousel-inner .carousel-item .ix-slide-content .ix-jumbo a.ix-btn-white,
.carousel .carousel-inner .carousel-item .ix-slide-content .jumbotron a.ix-btn-red,
.carousel .carousel-inner .carousel-item .ix-slide-content .jumbotron a.ix-btn-white,
.carousel .carousel-inner .carousel-item .carousel-caption .ix-jumbo a.ix-btn-red,
.carousel .carousel-inner .carousel-item .carousel-caption .ix-jumbo a.ix-btn-white,
.carousel .carousel-inner .carousel-item .carousel-caption .jumbotron a.ix-btn-red,
.carousel .carousel-inner .carousel-item .carousel-caption .jumbotron a.ix-btn-white,
.carousel .ix-carousel-inner .carousel-item .ix-slide-content .ix-jumbo a.ix-btn-red,
.carousel .ix-carousel-inner .carousel-item .ix-slide-content .ix-jumbo a.ix-btn-white,
.carousel .ix-carousel-inner .carousel-item .ix-slide-content .jumbotron a.ix-btn-red,
.carousel .ix-carousel-inner .carousel-item .ix-slide-content .jumbotron a.ix-btn-white,
.carousel .ix-carousel-inner .carousel-item .carousel-caption .ix-jumbo a.ix-btn-red,
.carousel .ix-carousel-inner .carousel-item .carousel-caption .ix-jumbo a.ix-btn-white,
.carousel .ix-carousel-inner .carousel-item .carousel-caption .jumbotron a.ix-btn-red,
.carousel .ix-carousel-inner .carousel-item .carousel-caption .jumbotron a.ix-btn-white {
  border-radius: 0 !important;
  background-color: #d1021e;
  margin-right: 10px;
  color: #ffffff;
  padding: 10 25px;
  text-transform: uppercase;
  font-weight: lighter;
  border: none;
}
.carousel ol.carousel-indicators .carousel-item .ix-slide-content .ix-jumbo .ix-jumbp-heading,
.carousel ol.carousel-indicators .carousel-item .ix-slide-content .jumbotron .ix-jumbp-heading,
.carousel ol.carousel-indicators .carousel-item .carousel-caption .ix-jumbo .ix-jumbp-heading,
.carousel ol.carousel-indicators .carousel-item .carousel-caption .jumbotron .ix-jumbp-heading,
.carousel .carousel-inner .carousel-item .ix-slide-content .ix-jumbo .ix-jumbp-heading,
.carousel .carousel-inner .carousel-item .ix-slide-content .jumbotron .ix-jumbp-heading,
.carousel .carousel-inner .carousel-item .carousel-caption .ix-jumbo .ix-jumbp-heading,
.carousel .carousel-inner .carousel-item .carousel-caption .jumbotron .ix-jumbp-heading,
.carousel .ix-carousel-inner .carousel-item .ix-slide-content .ix-jumbo .ix-jumbp-heading,
.carousel .ix-carousel-inner .carousel-item .ix-slide-content .jumbotron .ix-jumbp-heading,
.carousel .ix-carousel-inner .carousel-item .carousel-caption .ix-jumbo .ix-jumbp-heading,
.carousel .ix-carousel-inner .carousel-item .carousel-caption .jumbotron .ix-jumbp-heading {
  font-weight: 300;
}
.carousel ol.carousel-indicators .carousel-item .ix-slide-content .ix-jumbo .ix-jumbo-paragraph,
.carousel ol.carousel-indicators .carousel-item .ix-slide-content .jumbotron .ix-jumbo-paragraph,
.carousel ol.carousel-indicators .carousel-item .carousel-caption .ix-jumbo .ix-jumbo-paragraph,
.carousel ol.carousel-indicators .carousel-item .carousel-caption .jumbotron .ix-jumbo-paragraph,
.carousel .carousel-inner .carousel-item .ix-slide-content .ix-jumbo .ix-jumbo-paragraph,
.carousel .carousel-inner .carousel-item .ix-slide-content .jumbotron .ix-jumbo-paragraph,
.carousel .carousel-inner .carousel-item .carousel-caption .ix-jumbo .ix-jumbo-paragraph,
.carousel .carousel-inner .carousel-item .carousel-caption .jumbotron .ix-jumbo-paragraph,
.carousel .ix-carousel-inner .carousel-item .ix-slide-content .ix-jumbo .ix-jumbo-paragraph,
.carousel .ix-carousel-inner .carousel-item .ix-slide-content .jumbotron .ix-jumbo-paragraph,
.carousel .ix-carousel-inner .carousel-item .carousel-caption .ix-jumbo .ix-jumbo-paragraph,
.carousel .ix-carousel-inner .carousel-item .carousel-caption .jumbotron .ix-jumbo-paragraph {
  font-weight: bolder;
}

.image-rotator .rotator-button-icon {
  opacity: 0.55 !important;
  color: #ffffff !important;
  border-color: rgba(0, 0, 0, 0) !important;
}
.image-rotator .rotator-button-icon i.fas.fa-chevron-right,
.image-rotator .rotator-button-icon i.fas.fa-chevron-left {
  background: #d1021e !important;
  opacity: 0.85 !important;
  color: #ffffff !important;
  border-color: rgba(0, 0, 0, 0) !important;
}
.image-rotator .rotator-button-icon:hover {
  opacity: 1 !important;
}
.image-rotator .rotator-button-icon:hover i.fas.fa-chevron-right {
  opacity: 1 !important;
}

header#header.s-down {
  position: fixed;
  background: rgb(0, 0, 0);
}

#header.scroll.s-down .main-header {
  background: rgb(0, 0, 0);
  color: #ffffff !important;
}

#header.scroll.s-down .main-header .header-nav #collapse-navigation .nav-item .nav-link {
  color: #ffffff !important;
}

#header.scroll.s-down .main-header .header-nav #collapse-navigation .nav-item .nav-link:hover {
  color: #d1021e !important;
}

#header.scroll.s-down .main-header .header-options-container .header-wishlist .wishlist-btn .w-btn_icon:before {
  color: #d1021e !important;
}

.carousel-item > div,
.carousel-item > .border-0 {
  max-width: -moz-max-content;
  max-width: max-content;
  display: inline-flex;
}
.carousel-item > div .card-body,
.carousel-item > .border-0 .card-body {
  display: inline-flex;
  align-items: start;
}

.NewModelSearch-Wrapper .new-model-list .top-content .carousel.slide .carousel-inner .carousel-item > div,
.NewModelSearch-Wrapper .new-model-list .top-content .carousel.slide .carousel-inner .carousel-item > .border-0 {
  max-width: -moz-max-content;
  max-width: max-content;
  display: inline-flex;
}
.NewModelSearch-Wrapper .new-model-list .top-content .carousel.slide .carousel-inner .carousel-item > div .card-body,
.NewModelSearch-Wrapper .new-model-list .top-content .carousel.slide .carousel-inner .carousel-item > .border-0 .card-body {
  display: inline-flex;
  align-items: start;
}
.NewModelSearch-Wrapper .new-model-list .top-content .carousel.slide .carousel-inner .carousel-item .card-body {
  display: block;
  justify-content: center;
  border: 0 !important;
  box-shadow: none !important;
  z-index: 1 !important;
  cursor: pointer;
  max-width: -moz-max-content;
  max-width: max-content;
  display: inline-flex;
  align-items: start;
}
.NewModelSearch-Wrapper .new-model-list .top-content .carousel.slide .carousel-inner .carousel-item .card-body * {
  font-family: "Open Sans", "Barlow", Helvetica, Arial, sans-serif !important;
}
.NewModelSearch-Wrapper .new-model-list .top-content .carousel.slide .carousel-inner .carousel-item .card-body > div:last-child span {
  min-width: 130px;
  height: 40px;
  font-size: 12.5px !important;
  line-height: 14px;
  letter-spacing: 0px;
  padding: 15px;
  color: #fff !important;
  background-color: #d1021e;
  border-radius: 0px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 200 !important;
  margin: 0;
  display: flex;
}
.NewModelSearch-Wrapper .new-model-list .top-content .carousel.slide .carousel-inner .carousel-item .card-body h2 {
  font-weight: 300;
  color: #111;
  font-size: 20px;
  letter-spacing: 0;
  white-space: nowrap;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  text-align: left;
}
.NewModelSearch-Wrapper .new-model-list .top-content .carousel.slide .carousel-inner .carousel-item .card-body h2:after {
  content: "";
  position: relative;
  width: 100%;
  height: 1px;
  background-color: #e8e8e8;
  display: block !important;
  margin: 30px 0px !important;
  padding: 0;
  width: 100%;
  max-width: 100%;
}
.NewModelSearch-Wrapper .new-model-list .top-content .carousel.slide .carousel-inner .carousel-item .card-body h5 {
  display: none;
}
.NewModelSearch-Wrapper .new-model-list .top-content .carousel.slide .carousel-inner .carousel-item .card-body:after {
  display: none;
}

.NewModelSearch-Wrapper .new-model-list .top-content .carousel.slide .carousel-inner .carousel-item {
  border-radius: 0;
}
.NewModelSearch-Wrapper .new-model-list .top-content .carousel.slide .carousel-inner .carousel-item:after, .NewModelSearch-Wrapper .new-model-list .top-content .carousel.slide .carousel-inner .carousel-item:before {
  border-radius: 0;
}

@media only screen and (min-width: 1400px) {
  .NewModelSearch-Wrapper #widget-new-model-search-test {
    width: 90%;
  }
}
.main-hero-component-campaign-bar .campaign-bar-items .campaign-bar-item {
  font-weight: 500;
  padding: 28px 0;
}
.main-hero-component-campaign-bar .campaign-bar-items .campaign-bar-item * {
  font-family: "Open Sans", "Barlow", Helvetica, Arial, sans-serif !important;
}
.main-hero-component-campaign-bar .campaign-bar-items .campaign-bar-item .campaign-bar-link .campaign-bar-text-link {
  font-weight: normal;
}

.NewModelSearch-Wrapper #widget-new-model-search-test:before {
  position: inherit !important;
  letter-spacing: 0px !important;
  font-family: "Giorgio Sans", Helvetica, Arial, sans-serif;
  font-weight: normal !important;
  text-transform: uppercase;
  margin: 0 !important;
  font-size: 45px !important;
  line-height: 0 !important;
  letter-spacing: 0 !important;
  color: #000;
}

.promotion * {
  font-family: "Open Sans", "Barlow", Helvetica, Arial, sans-serif !important;
}
.promotion .promo-block .promo-card .promo-card-content-section {
  width: 100%;
  bottom: 0;
  height: auto;
  position: absolute;
}
.promotion .promo-block .promo-card .promo-card-content-section .promo-card-detail-section .promo-card-title {
  color: #000000;
  padding: 0;
  border: 0;
  box-sizing: border-box;
  font-family: "Open Sans", "Barlow", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0;
  white-space: normal !important;
  width: 100%;
  margin: 20px 0 10px;
  line-height: 2rem;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 1.4rem;
  font-weight: light;
}
.promotion .promo-block .promo-card .promo-card-content-section .promo-card-detail-section .promo-card-long-text {
  box-sizing: inherit;
  white-space: normal !important;
  font-size: 16px;
  color: #7b7b7b;
  font-family: "Open Sans", "Barlow", Helvetica, Arial, sans-serif;
  font-weight: 400;
  max-height: -moz-fit-content !important;
  max-height: fit-content !important;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 24px;
}
.promotion .promo-block .promo-card .promo-card-content-section .promo-card-btn-section {
  color: #ffffff;
  font-weight: lighter !important;
  line-height: 1;
  box-sizing: inherit;
  border-radius: 0px;
}
.promotion .promo-block .promo-card .promo-card-content-section .promo-card-btn-section a.promo-card-btn,
.promotion .promo-block .promo-card .promo-card-content-section .promo-card-btn-section .promo-card-btn {
  cursor: pointer;
  margin: 0;
  color: #ffffff;
  background-color: #d1021e;
  border-radius: 0 !important;
  min-width: 130px;
  min-height: 40px;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  padding: 0 25px;
  font-weight: lighter !important;
}
/*
HTML OF IX NEW CODE SNIPPET
//
<div
data-widget="Articles"
data-widget-version="Scroller"
data-widget-suffix="OpelBlog"
data-widget-parameters="Type=News|total=12|showMore=33|showMoreCount=true|make=4|ShowKeywordSearch=false|Latest=true"
data-widget-result="ReplaceContents"
></div>
//
*/
section.ix-new-articles-widget-rotate #dashboardSwiperSlider .scrollerContainer,
section.ix-new-articles-widget-rotate #dashboardSwiperSlider .scrollerContainer.col {
  max-width: 95%;
  margin: 0 0 0 auto;
}
section.ix-new-articles-widget-rotate #dashboardSwiperSlider .scrollerContainer > button,
section.ix-new-articles-widget-rotate #dashboardSwiperSlider .scrollerContainer > button.btn,
section.ix-new-articles-widget-rotate #dashboardSwiperSlider .scrollerContainer.col > button,
section.ix-new-articles-widget-rotate #dashboardSwiperSlider .scrollerContainer.col > button.btn {
  min-height: 60px;
  font-size: 24px;
  line-height: 16px;
  border-radius: 0px !important;
  background: #ffffff;
  padding: 0px 29px;
  font-size: 12px !important;
}
section.ix-new-articles-widget-rotate #dashboardSwiperSlider .card,
section.ix-new-articles-widget-rotate #dashboardSwiperSlider .swiper-slide {
  padding-bottom: 28.5px;
}
section.ix-new-articles-widget-rotate #dashboardSwiperSlider .card h5.title,
section.ix-new-articles-widget-rotate #dashboardSwiperSlider .swiper-slide h5.title {
  color: #111;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-transform: uppercase;
  display: block;
  text-align: left;
  font-weight: 100;
  letter-spacing: -1px;
  font-size: 22px;
  line-height: 28px;
  padding: 0;
}
section.ix-new-articles-widget-rotate #dashboardSwiperSlider .card .more-btn button,
section.ix-new-articles-widget-rotate #dashboardSwiperSlider .card .more-btn .articles-enquire-button,
section.ix-new-articles-widget-rotate #dashboardSwiperSlider .card .more-btn .enquire-button-text,
section.ix-new-articles-widget-rotate #dashboardSwiperSlider .card .more-btn .card-link,
section.ix-new-articles-widget-rotate #dashboardSwiperSlider .swiper-slide .more-btn button,
section.ix-new-articles-widget-rotate #dashboardSwiperSlider .swiper-slide .more-btn .articles-enquire-button,
section.ix-new-articles-widget-rotate #dashboardSwiperSlider .swiper-slide .more-btn .enquire-button-text,
section.ix-new-articles-widget-rotate #dashboardSwiperSlider .swiper-slide .more-btn .card-link {
  cursor: pointer;
  margin: 0;
  color: #ffffff;
  background-color: #d1021e;
  border-radius: 0 !important;
  min-width: 130px;
  min-height: 40px;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  padding: 0 25px;
  font-weight: lighter !important;
}
@media (max-width: 1460px) {
  section.ix-new-articles-widget-rotate #dashboardSwiperSlider .card .more-btn button,
  section.ix-new-articles-widget-rotate #dashboardSwiperSlider .card .more-btn .articles-enquire-button,
  section.ix-new-articles-widget-rotate #dashboardSwiperSlider .card .more-btn .enquire-button-text,
  section.ix-new-articles-widget-rotate #dashboardSwiperSlider .card .more-btn .card-link,
  section.ix-new-articles-widget-rotate #dashboardSwiperSlider .swiper-slide .more-btn button,
  section.ix-new-articles-widget-rotate #dashboardSwiperSlider .swiper-slide .more-btn .articles-enquire-button,
  section.ix-new-articles-widget-rotate #dashboardSwiperSlider .swiper-slide .more-btn .enquire-button-text,
  section.ix-new-articles-widget-rotate #dashboardSwiperSlider .swiper-slide .more-btn .card-link {
    min-width: -moz-max-content;
    min-width: max-content;
    padding: inherit;
  }
}
section.ix-new-articles-widget-rotate #dashboardSwiperSlider .card p.date-text,
section.ix-new-articles-widget-rotate #dashboardSwiperSlider .swiper-slide p.date-text {
  color: #111;
  text-align: left;
  font-weight: 100;
  letter-spacing: -1px;
  font-size: 14.5px;
}
section.ix-new-articles-widget-rotate #dashboardSwiperSlider i.fas.fa-arrow-left.fa-fw,
section.ix-new-articles-widget-rotate #dashboardSwiperSlider i.fas.fa-arrow-right.fa-fw {
  font-family: "Font Awesome 5 Free";
}
section.ix-new-articles-widget-rotate #dashboardSwiperSlider div.scrollerContainer button.btn-rounded.btn.btn-secondary {
  border-radius: 0px !important;
  padding: 13px 16px;
}

footer#footer .post-footer {
  background: #252525;
}
footer#footer .container-fluid {
  background: #252525;
}
footer#footer #fix-pos-footer {
  display: none !important;
}
footer#footer .footer-logo-size {
  width: 100%;
  max-width: 75.5px;
}
footer#footer .footer-logo-size img {
  width: 100%;
  max-width: 75.5px;
}

.main-footer .container .mf-links h3 .dock-link,
.main-footer .container .mf-links h3 .mf-links-header {
  color: #fff;
}

.main-footer .mobi-bg-change-color {
  background-color: #252525;
  background: #252525;
}
.main-footer .container .row .mf-links.fl-acc:not(:last-child) .horizontal-menu li .dock-link {
  color: #ffffff;
  opacity: 0.66;
}
.main-footer .container .row .mf-links.fl-acc:not(:last-child) .horizontal-menu li .dock-link:hover {
  opacity: 1;
}

.post-footer .post-f-links .copyright {
  color: #ffffff;
}
.post-footer .post-f-links .copyright .dock-link.cr_year {
  color: #ffffff;
}
.post-footer .post-f-links .copyright .dock-link.cr_year .cr-details {
  color: #ffffff;
}
.post-footer .post-f-links .copyright .dock-link.cr_year .cr-details span.system-info-name,
.post-footer .post-f-links .copyright .dock-link.cr_year .cr-details span.system-year {
  color: #ffffff !important;
}

span.target-intro-slider-rotator #RotatorPrevious i.fa-chevron-left,
span.target-intro-slider-rotator #RotatorPrevious i.fa-chevron-right,
span.target-intro-slider-rotator #RotatorNext i.fa-chevron-left,
span.target-intro-slider-rotator #RotatorNext i.fa-chevron-right {
  background: #d1021e;
  opacity: 0.85;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0);
}
span.target-intro-slider-rotator #RotatorPrevious i.fa-chevron-left:before,
span.target-intro-slider-rotator #RotatorPrevious i.fa-chevron-right:before,
span.target-intro-slider-rotator #RotatorNext i.fa-chevron-left:before,
span.target-intro-slider-rotator #RotatorNext i.fa-chevron-right:before {
  color: #ffffff;
}
span.target-intro-slider-rotator .image-rotator .rotator-button-icon {
  opacity: 0.55 !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0) !important;
}
span.target-intro-slider-rotator .image-rotator .rotator-button-icon i.fas.fa-chevron-right,
span.target-intro-slider-rotator .image-rotator .rotator-button-icon i.fas.fa-chevron-left {
  background: #d1021e !important;
  opacity: 0.85 !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0) !important;
}
span.target-intro-slider-rotator .image-rotator .rotator-button-icon:hover {
  opacity: 1 !important;
}
span.target-intro-slider-rotator .image-rotator .rotator-button-icon:hover i.fas.fa-chevron-right {
  opacity: 1 !important;
}

.NewModelSearch-Wrapper #widget-new-model-search-test:before {
  content: "Featured";
}

.NewModelSearch-Wrapper #widget-new-model-search-test:after {
  content: "Featured";
}

h1,
h2,
h3,
h4,
h5,
h6,
article,
caption,
figcaption,
figure {
  font-family: "Barlow", "Open Sans", Helvetica, Arial, sans-serif !important;
}

.checklist ul li::after,
.checklist ul li::before {
  content: "";
  width: 20px;
  height: 20px;
  padding: 0 3px;
  margin: 0 0.5rem;
}

@media (min-width: 1280px) {
  .header-wrapper .d-flex.main-header.w-100 {
    justify-content: center !important;
  }
}
@media (max-width: 1420.1px) {
  .NewModelSearch-Wrapper .carousel-control-prev {
    left: -4.05% !important;
  }
  .NewModelSearch-Wrapper .carousel-control-next {
    right: -4.05% !important;
  }
}
@media only screen and (max-width: 1280px) {
  .promotion .promo-block .promo-card .promo-card-content-section {
    /*
    .promo-card-btn-section {
    	position: relative;
    	display: flex;
    	top: initial;
    	right: initial;
    	left: initial;
    	bottom: initial;
    	margin-bottom: 15px;
    }
              */
  }
  .promotion .promo-block .promo-card .promo-card-content-section .promo-card-long-text {
    position: relative !important;
    display: flex !important;
  }
  section.ix-new-articles-widget-rotate #dashboardSwiperSlider .scrollerContainer.col .swiper-scrollbar,
  section.ix-new-articles-widget-rotate #dashboardSwiperSlider .scrollerContainer.col .primary-slider,
  section.ix-new-articles-widget-rotate #dashboardSwiperSlider .scrollerContainer.col .swiper-scrollbar-horizontal {
    display: none !important;
  }
}
@media only screen and (max-width: 1280px) and (min-width: 768.1px) {
  .promotion .promo-block .promo-card .promo-card-content-section .promo-card-detail-section {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .promotion .promo-block .promo-card .promo-card-content-section .promo-card-btn-section {
    display: flex;
    position: relative;
    bottom: inherit;
    bottom: 10px;
  }
}
@media only screen and (max-width: 1024.1px) {
  .promotion .promo-block .promo-card {
    min-width: 100%;
  }
}
/* ###
AR AUTHOR EXPLAIN
    Explanation
    Variables: All the necessary variables are defined for easy customization and maintenance.
    Navigation Styling:
    Navbar: The main nav element is styled using the ix-nav class.
    Logo: The logo is styled with width, height, and padding variables.
    Navbar Toggler: The toggler button and icon are styled with the primary color.
    Nav Items and Links: The nav-item and nav-link classes are extended and customized. Hover effects and transitions are applied for better user experience.
    Dropdown Menu: Dropdown menu items are styled similarly to nav links, with hover effects and transitions.
    This SCSS structure ensures a clear separation of concerns, making it easy to manage and extend the styles as needed.
### *//*# sourceMappingURL=main.css.map */

@media only screen and (max-width: 768px) {
  .promotion .promo-block .promo-card .promo-card-content-section .promo-card-detail-section {
    width: 100%;
  }
}
span.select2-container.select2-container--default span.select2-select2-results ul li.select2-results__option,
span.select2-container.select2-container--default span.select2-select2-results .select2-results__options li.select2-results__option {
  display: none;
}
span.select2-container.select2-container--default span.select2-select2-results ul li.select2-results__option:nth-of-type(5),
span.select2-container.select2-container--default span.select2-select2-results ul li.select2-results__option:nth-of-type(7),
span.select2-container.select2-container--default span.select2-select2-results .select2-results__options li.select2-results__option:nth-of-type(5),
span.select2-container.select2-container--default span.select2-select2-results .select2-results__options li.select2-results__option:nth-of-type(7) {
  display: block;
}

footer#footer .post-footer .container .row .post-f-links {
  color: #ffffff;
}
footer#footer .post-footer .container .row .post-f-links * {
  color: #ffffff;
}

@media only screen and (max-width: 1024.1px) {
  .promotion .promo-block .promo-card {
    min-height: 360px;
  }
}
@media only screen and (max-width: 959px) {
  .promotion .promo-block .promo-card .promo-card-content-section .promo-card-btn-section {
    left: 20px;
    left: 0;
    right: 0;
    bottom: -40px;
    z-index: 99;
  }
}

/* fixes after */

.fixes-css-sep {
  color: white;
}

.new-model-list .tab-content .new-model-shape .card .card-body h5,
.new-model-list .tab-content .new-model-shape .card .card-body .card-title {
  height: 32px;
  color: #111;
  width: 100%;
  font-size: 28px;
  letter-spacing: 0;
  margin-top: 26px !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 100;
  text-align: left !important;
}
.new-model-list .tab-content .new-model-shape .card .card-body p,
.new-model-list .tab-content .new-model-shape .card .card-body p.text-center {
  text-align: left !important;
  padding-left: 5px;
}

@media only screen and (min-width: 1024px) and (max-width: 1281.1px) {
  .container-fluid.promotion.promo-main-container * {
    position: relative !important;
    display: block !important;
  }
  .container-fluid.promotion.promo-main-container .promo-block {
    display: flex !important;
  }
  .promotion .promo-block .promo-card .promo-card-content-section .promo-card-btn-section {
    position: relative !important;
    display: block !important;
    bottom: 0 !important;
    line-height: normal !important;
    left: auto;
    right: auto;
    width: -moz-max-content;
    width: max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    margin: 0 !important;
  }
  .promotion .promo-block .promo-card .promo-card-content-section .promo-card-btn-section .promo-card-btn {
    cursor: pointer;
    display: block !important;
    position: relative !important;
    line-height: 40px !important;
  }
  .promotion .promo-block .promo-card .promo-card-content-section .promo-card-detail-section {
    margin: 0 !important;
  }
  .promotion .promo-block .promo-card:nth-child(2n) .image-section {
    width: 100%;
  }
}
@media only screen and (max-width: 1023px) {
  .main-footer .container .row {
    background-color: #252525;
  }
  .main-footer .container .row .mf-links.fl-acc.social {
    width: 100%;
    justify-content: center;
    align-items: center;
    background-color: #252525;
    padding: 30px 21px 0 !important;
  }
  .main-footer .container .row .mf-links.fl-acc.social .horizontal-menu {
    justify-content: center;
    align-items: center;
  }
  .main-footer .container .row .mf-links.fl-acc.social .horizontal-menu li .dock-link i:before {
    color: #ffffff;
  }
  .main-footer .container .row .mf-links.fl-acc .mf-link-wrapper h3:after {
    color: #ffffff;
  }
  button#in-stock-preowned {
    margin: 5px 0px 5px;
    background-color: #d1021e;
    background: #d1021e;
  }
  button#in-stock-preowned.active {
    background-color: #ffffff;
    background: #fff;
  }
}
@media only screen and (max-width: 1024px) {
  .promotion .promo-block .promo-card {
    min-height: auto;
    display: block;
  }
  .promotion .promo-block .promo-card .promo-card-content-section {
    position: relative;
    height: 100% !important;
    bottom: inherit;
    margin-top: 0;
    display: block !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
  .promotion .promo-block .promo-card .promo-card-content-section .promo-card-btn-section {
    position: relative;
    display: block;
    bottom: 0;
    width: auto;
    max-width: -moz-max-content;
    max-width: max-content;
    margin-bottom: 30px;
    margin-left: 20px;
  }
  .promotion .promo-block .promo-card .promo-card-content-section .promo-card-btn-section a.promo-card-btn,
  .promotion .promo-block .promo-card .promo-card-content-section .promo-card-btn-section .promo-card-btn {
    font-size: 12px !important;
    font-weight: bold !important;
    padding: inherit !important;
  }
  .post-footer {
    padding: 0 21px 45px;
    padding-top: 20px;
  }
  h1 {
    font-size: 32px !important;
    line-height: normal !important;
  }
}
@media only screen and (max-width: 1280px) {
  .promotion .promo-block .promo-card {
    align-items: inherit;
    justify-content: inherit !important;
  }
  #header.scroll.s-down .main-header {
    background: rgb(255, 255, 255) !important;
  }
  header#header {
    background: rgba(0, 0, 0, 0) !important;
  }
  .ix-system-link {
    padding-top: 23px !important;
  }
  .main-menu-mobile .mm_mbl-heading a#mm_mbl-h-home {
    display: none !important;
  }
  .mm_mbl-menu .navbar-nav .dropdown-menu .dropdown-item,
  .mm_mbl-menu .navbar-nav .nav-item .nav-link {
    font-size: 14px;
    font-weight: 600 !important;
  }
  .mm_mbl-menu .navbar-nav .nav-item .dropdown-toggle:after {
    color: #000;
  }
  .main-menu-mobile .mm_mbl-menu #collapse-navigation {
    padding-top: 20px !important;
  }
  .mm_mbl-menu .navbar-nav .dropdown-menu .dropdown-item,
  .mm_mbl-menu .navbar-nav .nav-item .nav-link {
    padding-top: 22px;
    padding-bottom: 22px;
  }
  .mm_mbl-menu .navbar-nav .dropdown-menu .dropdown-menu-wrapper {
    padding-top: 20px !important;
    background-color: #ffffff !important;
  }
}
@media only screen and (max-width: 576px) {
  .new-model-list .tab-content .col-4.col-sm-3.col-md-2 {
    max-width: -moz-fit-content;
    max-width: fit-content;
    min-width: 100%;
  }
  .new-model-list .tab-content .col-4.col-sm-3.col-md-2 button.btn-secondary {
    font-size: 12px !important;
  }
  .mobi-bg-change-color.fix-menu {
    display: none !important;
  }
}
#widget-personnel-personel .btn-primary,
.btn-outline-info,
.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.fw-submit-button,
.show > .btn-outline-info.dropdown-toggle {
  background-color: #d1021e;
  border-color: #d1021e;
}

div#RotatorPrevious,
#RotatorNext {
  display: flex !important;
}

section.ix-new-articles-widget-rotate #dashboardSwiperSlider .card.swiper-slide {
  transition: box-shadow 0.3s ease-in-out;
}
section.ix-new-articles-widget-rotate #dashboardSwiperSlider .card.swiper-slide:hover {
  box-shadow: 0px 11px 19px 1px rgba(0, 0, 0, 0.3);
}

section.ix-new-articles-widget-rotate #dashboardSwiperSlider .card.swiper-slide button.articles-enquire-button {
  font-size: 13px !important;
  line-height: normal !important;
}
section.ix-new-articles-widget-rotate #dashboardSwiperSlider .card.swiper-slide p.date-text {
  letter-spacing: 0px;
  font-size: 15px;
  text-transform: uppercase;
  color: #7b7b7b;
}

section.ix-new-articles-widget-rotate #dashboardSwiperSlider div.scrollerContainer button.btn-rounded.btn.btn-secondary {
  color: #000 !important;
  background-color: #fff !important;
  background: #fff !important;
  box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.25);
  border: none;
  text-align: center;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  margin: 0;
  padding: 0 10px;
  font-size: 16px;
  line-height: 12px;
  letter-spacing: 1.2px;
  min-width: 130px;
  min-height: 40px;
  position: relative;
  margin-left: -6%;
  border: 2px solid #000;
  font-weight: bold !important;
}
section.ix-new-articles-widget-rotate #dashboardSwiperSlider div.scrollerContainer button.btn-rounded.btn.btn-secondary:hover {
  background-color: #d10218;
  background: linear-gradient(208.45deg, #ec213d 0, #d10218 100%) !important;
  border: 2px solid rgba(0, 0, 0, 0) !important;
  color: #ffffff !important;
}

.NewModelSearch-Wrapper #widget-new-model-search-test:before {
  font-size: 35px !important;
  font-weight: bold !important;
}

section.ix-new-articles-widget-rotate::before {
  position: inherit !important;
  letter-spacing: 0px !important;
  font-family: "Giorgio Sans", Helvetica, Arial, sans-serif;
  font-weight: normal !important;
  text-transform: uppercase;
  margin: 0 !important;
  font-size: 35px !important;
  line-height: 0 !important;
  letter-spacing: 0 !important;
  color: #000;
  content: "News";
  padding-left: 30px;
  font-weight: bold !important;
}

section.ix-new-articles-widget-rotate #articlesSlider {
  padding-top: 25px;
}

section.ix-new-articles-widget-rotate #dashboardSwiperSlider .card h5.title,
section.ix-new-articles-widget-rotate #dashboardSwiperSlider .swiper-slide h5.title {
  font-weight: bold;
}

.ix-system-link {
    padding: 1rem 0px !important;
}


div.ix-system-link a.btn.btn-sm.btn-outline-info.btn-block,
div.ix-system-link .btn-outline-info {
  	  font-size: 0.75rem !important;
      background-color: #d1021e;
      color: #fff !important;
      border-color: #d1021e;
      font-family: "Giorgio Sans", Helvetica, Arial, sans-serif !important;
      text-transform: uppercase !important;
      border-radius: 30px !important;
      letter-spacing: 1px !important;
      font-weight: 500 !important;
      cursor: pointer !important;
}

div.ix-system-link a.btn.btn-sm.btn-outline-info.btn-block:hover,
div.ix-system-link .btn-outline-info:hover {
  background-color: #333;
  background: #333;
  border-color: #333;
}

@media only screen and (min-width: 1024px){
  footer#footer .post-footer .container .row .post-f-links {
  	min-width: 33.32%;
    max-width: 33.33%;
  }
}

#header.scroll.s-down .main-header, #page-wrapper.content .main-header {
    background: rgb(0, 0, 0);
    color: #ffffff !important;
}

.main-header .header-nav #collapse-navigation .nav-item .nav-link,
#page-wrapper.content .main-header .header-options-container .header-wishlist .wishlist-btn .w-btn_icon {
 color: #ffffff !important; 
}

.header-navbtn .wishlist-btn .w-btn_icon:hover, .main-header .header-nav #collapse-navigation .nav-item .nav-link:hover, .main-header .header-options-container .header-wishlist .wishlist-btn .w-btn_icon:hover, #header.scroll.s-down .header-navbtn .wishlist-btn .w-btn_icon:hover, #header.scroll.s-down .main-header .header-nav #collapse-navigation .nav-item .nav-link:hover, #header.scroll.s-down .main-header .header-options-container .header-wishlist .wishlist-btn .w-btn_icon:hover, #page-wrapper.content .main-header .header-nav #collapse-navigation .nav-item .nav-link:hover, #page-wrapper.content .main-header .header-options-container .header-wishlist .wishlist-btn .w-btn_icon:hover {
	color: rgba(255,255,255,0.75)  !important;
}