/**** ==========================================================================
 MACHINE LISTINGS SECTION 
========================================================================== ****/

.machine-listings {
   width: 100%;
   background-color: #ffffff;
   transition: transform 0.4s ease-in-out;
}

.uk-offcanvas-page .machine-listings {
   /* transform: translateX(-270px); */
   box-sizing: border-box;
}

.machine-listings-wrapper {
   /* display: flex; */
   /* flex-direction: column; */
   width: 100%;
   /* padding: 15px 0px; */
}

.listings-toolbar {
   display: flex;
   align-items: center;
   width: 100%;
   height: 70px;
   /* background-color: #f0f0f0; */
   background-color: rgba(0, 0, 0, 0.15);
}

.dl-toolbar {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
   padding: 0px 30px;
}

#listings {
   display: flex;
   justify-content: center;
   /* margin-top: 15px; */
   /* background-color: rgba(242, 242, 242, 1); */
   position: relative;
}

.listings {
   display: flex;
   flex: 1;
   flex-direction: row;
   flex-wrap: nowrap;
   margin: 0;
   padding: 0;
   /* column-gap: 40px; */
   /* row-gap: 30px; */
}

.listings-wrapper {
   width: 100%;
   /* padding: 0px 30px; */
   display: flex;
   justify-content: center;
   margin: 0 auto;
}

.content-container {
   contain: layout;
   container-type: inline-size;
}

#dl-listing-results,
#dl-sidebar {
   /* min-height: 800px; */
   box-sizing: border-box;
}

#dl-sidebar {
   /* background-color: #ffffff; */
   width: 100%;
   /* max-width: 360px; */
   max-width: 300px;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   box-sizing: border-box;
}

.sidebar {
   display: flex;
}

@media (width <= 1114px) {
   .sidebar {
      position: fixed;
      z-index: 10;
   }

   #dl-sidebar {
      background-color: #ffffff;
   }
}

#dl-sidebar.uk-open {
   width: 360px;
}

.sidebar-wrapper {
   width: 100%;
   height: 100%;
   padding: 0px 24px 40px;
}

.oc-side {
   box-sizing: border-box;
}

.sidebar-header {
   width: 100%;
   display: flex;
   flex-direction: column;
   padding: 20px 0px;
   border-bottom: 1px solid rgba(217, 217, 217, 1);
}

.sidebar-title {
   display: flex;
   flex-direction: row;
   align-items: center;
   width: 100%;
   column-gap: 5px;
}

.sidebar-title .title-icon {
   font-size: 1.25rem;
   color: #333333;
}

.sidebar-title .title {
   font-family: var(--display-font2);
   font-size: 1.25rem;
   font-weight: 700;
   color: #333333;
}

.sidebar-filters {
   box-sizing: border-box;
}

.filter {
   margin-top: 20px;
}

.filter-list {
   margin-top: 40px;
}

.filter-title.uk-accordion-title {
   font-size: 1rem;
   font-family: var(--display-font2);
   font-weight: 700;
}

.filter-title.uk-accordion-title i {
   color: var(--deness-orange);
   padding-right: 3px;
}

.filter-title.uk-accordion-title:hover {
   color: var(--deness-orange);
}

.filter.search-filter .uk-search {
   width: 100%;
   display: block;
}

.uk-accordion-content {
   /* border-top: 1px solid rgba(0, 0, 0, 0.12); */
   background-color: #f5f5f5;
}

.machine-types {
   box-sizing: border-box;
}

.machine-types-wrapper {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-evenly;
   padding: 16px 0px;
   row-gap: 12px;
}

.filter-content-wrapper {
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-start;
   padding: 16px 16px;
   flex-direction: column;
}

.machine-type {
   border: none;
   width: 112px;
   height: 84px;
   padding: 4px 8px;
   cursor: pointer;
   background-color: transparent;
}

.img-btn {
   box-sizing: border-box;
}

.img-btn svg {
   /* width: 76px;
   height: 38px; */
   width: 56px;
   height: auto;
}

.img-btn svg,
.img-btn svg path,
.img-btn svg rect,
.img-btn svg polygon {
   color: var(--svg-machine-color);
   fill: var(--svg-machine-color);
}

.machine-type-label {
   color: #151617;
   font-family: var(--display-font);
   font-size: 0.8rem;
   line-height: 1.2;
   margin: 0;
   padding: 5px 0px 0px;
   font-weight: 450;
   text-transform: uppercase;
}

.filter-label {
   color: #151617;
   font-family: var(--display-font);
   font-size: 1rem;
   line-height: 1.1;
   margin: 0;
   padding: 0px;
   font-weight: 450;
   text-transform: uppercase;
   width: 100%;
   margin-bottom: 15px;
}

.filter-content-wrapper.lc .filter-label {
   text-transform: none;
}

.filter-label:last-of-type {
   margin-bottom: 0px;
}

.filter-label input {
   margin-right: 6px;
   border-color: rgba(0, 0, 0, 0.5);
}

.filter-selectbox {
   margin-bottom: 15px;
}

.filter-selectbox:last-of-type {
   margin-bottom: 0px;
}

.filter-label-sb {
   color: #151617;
   font-family: var(--display-font);
   font-size: 1rem;
   line-height: 1.1;
   margin: 0;
   padding: 0px;
   font-weight: 450;
   /* text-transform: uppercase; */
   width: 100%;
   margin-bottom: 5px;
   display: block;
}

.dl-checkbox.uk-checkbox:checked,
.dl-checkbox.uk-checkbox:indeterminate,
.dl-radio.uk-radio:checked,
::selection {
   background-color: var(--deness-orange);
}

.dl-checkbox.uk-checkbox:focus,
.dl-radio.uk-radio:focus,
.dl-select.uk-select:focus,
.dl-input.uk-input:focus,
.dl-textarea.uk-textarea:focus,
.uk-search-default .dl-input.uk-search-input:focus {
   border-color: var(--deness-orange);
}

#dl-listing-results {
   background-color: rgba(242, 242, 242, 1);
   flex: 0% 1 1;
   display: block;
   overflow: visible;
   margin: 0;
   padding: 0;
}

.listing-results {
   box-sizing: border-box;
}

.listing-results-wrapper {
   padding: 32px 32px;
}

.info-bar {
   /* padding: 20px 32px; */
   border-bottom: 1px solid rgba(0, 0, 0, 0.15);
   padding-bottom: 20px;
}

.listings-view-bar {
   margin-bottom: 30px;
}

.listings-view-bar > .uk-navbar-container {
   background-color: #f0f0f0;
}

.results-found {
   font-family: var(--display-font2);
   font-weight: 600;
}

.listings-view {
   display: flex;
   justify-content: flex-end;
   align-items: center;
   column-gap: 20px;
}

.sort-results.uk-select {
   font-family: var(--display-font2);
   font-size: 0.875rem;
   font-weight: 600;
   color: #333333;
   min-width: 150px;
}

.machines {
   margin: 40px 0px;
}

.listings-grid {
   display: flex;
   flex-wrap: wrap;
   column-gap: 30px;
   row-gap: 30px;
}

.listings-grid > div {
   /* width: calc(100% / 3); */
   box-sizing: border-box;
}

@media (max-width: 645px) {
   .listings-grid > div {
      /* width: 50%; */
      box-sizing: border-box;
   }
}

.mc-slideshow {
   box-sizing: border-box;
}

.ml-photo-slider .mc-slide-right {
   /* right: 115px; */
   right: 0px;
}

.mc-slideshow .mc-slide-icon {
   color: rgba(255, 255, 255, 0.6);
}

.mc-slideshow .mc-slide-icon:hover {
   color: rgba(255, 255, 255, 1);
}

.machine-card {
   background-color: #ffffff;
   display: flex;
   flex-direction: column;
   padding: 0px;
   max-width: 360px;
   width: 100%;
}

.mc-slidenav {
   display: flex;
   justify-content: center;
   align-items: center;
}

.mc-slide-icon {
   padding: 10px 20px;
}

.mc-slide-left {
   left: 0;
}

.mc-slide-right {
   right: 0;
}

.uk-icon.mc-slide-icon svg {
   overflow: visible;
   height: 36px;
   width: auto;
}

.uk-icon.mc-slide-icon svg polyline {
   stroke-width: 3;
   filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.8));
}

.mc-machine-info {
   padding: 0px;
}

.mc-machine-model {
   font-size: 1.125rem;
   font-family: var(--display-font2);
   font-weight: 900;
   font-style: italic;
   color: #1d1d1d;
}

.machine-type-wrapper {
   padding: 4px 10px;
   background-color: #606060;
   display: block;
   width: fit-content;
   margin-bottom: 2px;
}

.mc-machine-type {
   font-family: var(--copy-font);
   font-optical-sizing: auto;
   font-size: 0.65rem;
   line-height: 1;
   font-weight: 700;
   color: #ffffff;
   text-transform: uppercase;
   letter-spacing: 0.1rem;
}

.stock-no-wrapper {
   box-sizing: border-box;
}

.mc-stock-no {
   font-family: var(--copy-font);
   font-optical-sizing: auto;
   font-size: 0.7rem;
   line-height: 1.5;
   font-weight: 600;
   color: #151617;
   text-transform: uppercase;
   letter-spacing: 0.01rem;
}

.mc-stock-no span {
   font-weight: 750;
}

.mc-rule-horz {
   background: rgba(0, 0, 0, 0.15);
   width: 100%;
   height: 1px;
   display: block;
   margin: 15px 0px;
}

.mc-featured-specs-wrapper {
   background-color: var(--deness-orange);
   margin: 15px 0px 0px;
}

.mc-featured-specs {
   display: flex;
   justify-content: flex-start;
   /* align-items: center; */
   flex-wrap: nowrap;
   /* padding: 15px 15px; */
}

.mc-spec {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: row;
   /* padding: 0px 20px; */
   width: 100%;
   /* max-width: 180px; */
   padding: 15px 10px;
   border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}

.mc-spec:nth-of-type(odd) {
   border-right: 1px solid rgba(0, 0, 0, 0.25);
   border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}

.mc-spec:nth-of-type(even) {
   box-sizing: border-box;
}

.mc-spec:nth-of-type(1),
.mc-spec:nth-of-type(2) {
   box-sizing: border-box;
}

.mc-spec:nth-of-type(3),
.mc-spec:nth-of-type(4) {
   box-sizing: border-box;
}

.mc-spec:last-of-type {
   border-right: 0px;
}

.mc-spec-icon {
   margin: 0px 5px 0px 0px;
}

.mc-spec-icon img,
.mc-spec-icon svg {
   width: auto;
   height: 36px;
   opacity: 0.4;
   fill: #000000;
}

.mc-spec-txt {
   text-align: left;
}

.mc-spec-label {
   font-family: var(--copy-font);
   font-optical-sizing: auto;
   font-size: 0.65rem;
   font-weight: 650;
   color: #1d1d1d;
   text-transform: uppercase;
   /* letter-spacing: 0.01rem; */
   margin-bottom: 0px;
}

.mc-spec-value {
   font-size: 1rem;
   color: #ffffff;
   font-family: var(--display-font2);
   font-weight: 800;
   font-style: italic;
   line-height: 1;
}

.other-specs {
   display: flex;
   flex-wrap: wrap;
   row-gap: 15px;
   justify-content: center;
   align-items: center;
}

.mc-spec-sec {
   width: 50%;
   display: flex;
   flex-direction: column;
   column-gap: 6px;
   justify-content: center;
   align-items: center;
}

.mc-spec-label-sec {
   font-family: var(--copy-font);
   font-optical-sizing: auto;
   font-size: 0.65rem;
   font-weight: 650;
   color: #5d5d5d;
   text-transform: uppercase;
   /* letter-spacing: 0.01rem; */
   margin-bottom: 0px;
}

.mc-spec-value-sec {
   font-size: 0.875rem;
   color: #1d1d1d;
   font-family: var(--display-font2);
   font-weight: 700;
   line-height: 1;
}

.mc-cta-options {
   display: flex;
   margin: 0px 0px;
   flex-direction: row;
}

.mc-cta-options > div {
   width: 50%; max-width: 50%; min-width: 50%;
}

.mc-cta-btn {
   border-radius: 0;
   display: block;
   box-sizing: border-box;
   padding: 0 10px;
   font-size: 0.875rem;
   text-align: center;
   text-decoration: none;
   text-transform: uppercase;
   transition: 0.1s ease-in-out;
   transition-property: color, background-color, border-color;
   width: 100%;
   height: 50px;
   background-color: #2d2d2d;
   white-space: nowrap;
}

.mc-cta-btn:first-of-type {
   border-right: 1px solid rgba(255, 255, 255, 0.35);
}

a:hover > .mc-cta-btn {
   text-decoration: none !important;
}

.dotnav-wrapper {
   background: rgba(0, 0, 0, 0.6);
   padding: 2px 12px;
   border-radius: 50px;
}

.mc-slideshow .uk-dotnav > .uk-active > *,
.mc-slideshow .uk-dotnav > * > *:hover {
   background-color: rgba(255, 255, 255, 1);
   border-color: transparent;
}

.mc-slideshow .uk-dotnav > * > * {
   width: 0.5rem;
   height: 0.5rem;
   border: 1.5px solid rgba(255, 255, 255, 1);
   box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}

.mc-wrapper {
   display: flex;
   justify-content: space-between;
   margin: 15px 0px 0px 0px;
}

.machine-id {
   padding: 0px 0px 0px 15px;
}

.machine-price-wrapper {
   background-color: var(--deness-orange);
   padding: 8px 15px;
   width: fit-content;
   height: fit-content;
}

.machine-price-wrapper {
   white-space: nowrap;
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 6px 15px;
   background: var(--deness-orange);
   border: 0 solid var(--deness-orange);
   color: #000000;
   line-height: 30px;
}

.machine-price-wrapper:before {
   position: absolute;
   content: "\25CF";
   color: white;
   text-shadow: 0 0 1px #333;
   font-size: 11px;
   line-height: 0px;
   text-indent: 12px;
   left: -15px;
   width: 1px;
   height: 0px;
   border-right: 15px solid var(--deness-orange);
   border-top: 15px solid transparent;
   border-bottom: 15px solid transparent;
}

.mc-price {
   font-family: var(--display-font);
   font-size: 1.125rem;
   line-height: 1;
   color: #ffffff;
   font-weight: 700;
}

.views {
   display: flex;
   column-gap: 10px;
}

.grid-view {
   box-sizing: border-box;
}

.list-view {
   box-sizing: border-box;
}

.ui-btn {
   margin: 0;
   border: none;
   overflow: hidden;
   font: inherit;
   color: inherit;
   -webkit-appearance: none;
   border-radius: 0;
   display: block;
   box-sizing: border-box;
   font-size: 1.25rem;
   text-align: center;
   text-decoration: none;
   text-transform: uppercase;
   transition: 0.1s ease-in-out;
   /* transition-property: color, background-color, border-color; */
}

.ui-btn:not(:disabled) {
   cursor: pointer;
}

.ui-btn:hover {
   text-decoration: none;
}

.grid-view-btn {
   /* background-color: transparent;
   color: #333333;
   border: 1px solid #e5e5e5; */
   background-color: #b2b2b2;
   color: #333;
   border-color: #b2b2b2;
}

.grid-view-btn:hover,
.sidebar-toggle .icon-btn.has-txt:hover {
   background-color: var(--deness-orange);
   color: #ffffff;
   border-color: #b2b2b2;
}

.grid-view-btn.active-btn,
.grid-view-btn.active-btn:hover,
.active-btn:hover,
.sidebar-toggle [aria-expanded="true"] {
   background-color: #333333;
   color: #ffffff;
}

.grid-view-btn.active-btn > i,
.grid-view-btn.icon-btn:hover > i {
   color: #ffffff;
}

.icon-btn {
   width: 40px;
   height: 40px;
}

.icon-btn > i {
   color: #333333;
}

.icon-and-txt {
   display: flex;
   align-items: center;
   justify-content: center;
   column-gap: 10px;
}

.icon-btn.has-txt {
   height: 40px;
   width: auto;
   /* aspect-ratio: 1 / 1; */
   padding: 0px 10px;
}

.sidebar-toggle .icon-btn.has-txt,
.sidebar-toggle [aria-expanded="false"].icon-btn.has-txt,
.sidebar-toggle [aria-expanded="true"].icon-btn.has-txt {
   min-width: 112px;
}

.sidebar-toggle [aria-expanded="true"].icon-btn.has-txt {
   box-sizing: border-box;
   /* min-width: 156px; */
}

.sidebar-toggle [aria-expanded="false"].icon-btn.has-txt,
.sidebar-toggle .icon-btn.has-txt {
   box-sizing: border-box;
   /* min-width: unset; */
   /* padding: 0px; */
   /* width: 40px; */
}

/* .sidebar-toggle [aria-expanded="false"].icon-btn.has-txt .icon-and-txt {
   display: block;
}

.sidebar-toggle [aria-expanded="true"].icon-btn.has-txt .icon-and-txt {
   column-gap: 10px;
} */

.icon-and-txt > i {
   box-sizing: border-box;
}

.btn-txt {
   font-family: var(--display-font2);
   font-size: 0.875rem;
   font-weight: 600;
   color: inherit;
   text-transform: none;
}

[aria-expanded="true"] .btn-txt::after {
   content: "Close";
   white-space: nowrap;
}

[aria-expanded="false"] .btn-txt::after {
   content: "Filters";
   white-space: nowrap;
}

/**** ==========================================================================
 SINGLE LISTING 
========================================================================== ****/

.ind-machine-listing {
   background-color: #ffffff;
   /* padding: 60px 0px 0px; */
}

.deness-wrapper {
   display: block;
   margin: 0px auto;
   /* padding: 0px 30px; */
   /* max-width: 1400px; */
}

.listing-overview {
   display: flex;
   width: 100%;
   flex-direction: column;
   column-gap: 30px;
   max-width: 1400px;
   margin: 0px auto;
   padding: 80px 40px;
}

.machine-id-info {
   padding: 0px;
}

.photo-slider {
   display: block;
   width: 70%;
}

.photo-slider .mc-slide-right {
   right: 125px;
}

.quick-details {
   width: 30%;
   /* background-color: var(--deness-orange); */
}

/* @media (max-width: 1230px) {
   .quick-details.tog {
      display: none;
   }
}

@media (min-width: 1231px) {
   .quick-details.tog {
      display: none;
   }
} */

.dotnav-wrapper {
   background: rgba(0, 0, 0, 0.6);
   padding: 2px 12px;
   border-radius: 50px;
}

.thumbnav-wrapper {
   background: rgba(0, 0, 0, 0.6);
   padding: 0px 15px;
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
}

.listing-thumbnav.uk-thumbnav > * > ::after {
   content: none;
}

.listing-thumbnav li a img {
   width: 96px;
   height: 64px;
   border: 2px solid rgba(0, 0, 0, 0.5);
}

.listing-thumbnav li a img {
   opacity: 0.3;
}

.listing-thumbnav li a:hover img {
   opacity: 0.75;
}

.listing-thumbnav li.uk-active a img {
   opacity: 1;
   border: 2px solid var(--deness-orange);
}

.listing-thumbnav.uk-thumbnav > * > * {
   display: block;
   position: relative;
   height: 64px;
   background-color: #fff;
}
.listing-thumbnav.uk-thumbnav-vertical > * {
   padding-top: 20px;
}

.listing-thumbnav.uk-thumbnav .uk-margin-small-top {
   margin-top: 0px !important;
}

.qd-inner-wrapper {
   /* padding: 25px 0px; */
   height: 100%;
   display: flex;
   flex-direction: column;
   /* justify-content: space-between; */
}

.qd-header {
   display: block;
   /* padding: 0px 30px; */
   margin-bottom: 0px;
}

.qd-machine-name {
   font-family: var(--display-font2);
}

.quick-details .machine-id {
   padding: 0px 0px 10px;
   /* border-bottom: 6px solid #c2510a; */
   border-bottom: 6px solid var(--deness-orange);
}

.quick-details .mc-machine-model {
   font-size: 2rem;
   font-family: var(--display-font2);
   font-weight: 900;
   font-style: italic;
   color: #000;
   letter-spacing: 0.05rem;
   line-height: 1.2;
}

.quick-details .machine-type-wrapper {
   padding: 0px 10px;
   background-color: #4d4d4d;
   display: flex;
   justify-content: center;
   align-items: center;
   min-width: 160px;
   height: 20px;
   margin-bottom: 0px;
}

.quick-details .mc-machine-type {
   font-family: var(--copy-font);
   font-optical-sizing: auto;
   font-size: 0.75rem;
   font-weight: 700;
   color: #ffffff;
   text-transform: uppercase;
   letter-spacing: 0.1rem;
   height: 11px;
}

.quick-details .stock-no-wrapper {
   display: block;
}

.quick-details .mc-stock-no {
   font-family: var(--copy-font);
   font-optical-sizing: auto;
   font-size: 1rem;
   line-height: 1.1;
   font-weight: 600;
   color: #151617;
   text-transform: uppercase;
   letter-spacing: 0.01rem;
}

.quick-details .mc-stock-no span {
   font-weight: 750;
}

.quick-details .mc-rule-horz {
   background: rgba(0, 0, 0, 0.15);
   width: 100%;
   height: 1px;
   display: block;
   margin: 15px 0px;
}

.qd-machine-highlights {
   /* padding: 0px 30px; */
   box-sizing: border-box;
}

.qd-table.uk-table-divider > :first-child > tr:not(:first-child),
.qd-table.uk-table-divider > :not(:first-child) > tr,
.qd-table.uk-table-divider > tr:not(:first-child) {
   border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.qd-table.uk-table {
   margin-bottom: 0px;
}

.qd-table.uk-table td {
   font-family: var(--copy-font);
   font-size: 1rem;
}

.qd-table.uk-table td.qd-detail-spec {
   color: rgba(0, 0, 0, 0.5);
   font-weight: 650;
   text-align: left;
   padding: 12px 10px 12px 0px;
}

.qd-table.uk-table td.qd-detail-value {
   color: rgba(0, 0, 0, 0.85);
   font-weight: 650;
   text-align: right;
   padding: 12px 0px 12px 10px;
}

.qd-machine-use {
   width: 100%;
   /* display: flex; */
   /* flex-direction: column; */
   /* justify-content: flex-start; */
   /* align-items: flex-start; */
   padding: 16px 0px;
   /* background-color: #1d1d1d; */
   border-top: 4px solid rgba(0, 0, 0, 0.2);
   border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.qd-machine-warranty {
   display: flex;
   flex-wrap: wrap;
   /* flex-direction: column; */
   justify-content: space-between;
   align-items: flex-start;
   padding: 10px 15px;
}

.warranty-accordion {
   width: 100%;
}

.warranty-accordion .uk-accordion-title {
   display: block;
   font-size: 1rem;
   line-height: 1.2;
   color: rgba(0, 0, 0, 0.5);
   overflow: hidden;
   font-family: var(--copy-font);
   font-weight: 650;
}

.purchase-info {
   display: block;
   width: 100%;
   padding-top: 0px;
}

.purchase-info-inner-wrapper {
   padding: 0px 0px;
   display: flex;
   justify-content: space-between;
   column-gap: 20px;
   flex-direction: column;
}

.warranty-info {
   display: block;
   background-color: var(--dark-gray);
   /* padding: 0px 0px 15px; */
   flex-grow: 1;
   margin-bottom: 20px;
}

.warranty-info-title {
   display: flex;
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   /* margin-bottom: 15px; */
   padding: 6px 15px 6px;
   background-color: var(--deness-orange);
   align-items: center;
}

.warranty-info-title svg {
   height: 32px;
   display: inline-block;
   opacity: 0.5;
   width: auto;
   fill: #000000;
   padding-right: 5px;
}

.warranty-info-title i {
   opacity: 0.5;
   color: #000000;
   padding-right: 5px;
   font-size: 1.25rem;
}

.wi-title {
   font-family: var(--copy-font);
   font-size: 1rem;
   color: rgba(0, 0, 0, 1);
   font-weight: 650;
   text-align: left;
}

.qd-spec {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   flex-direction: row;
   /* width: 100%; */
   /* max-width: 180px; */
   /* padding: 15px 15px; */
   /* border-top: 1px solid rgba(0, 0, 0, 0.25); */
   /* border-bottom: 1px solid rgba(0, 0, 0, 0.25); */
   /* border-right: 2px solid rgba(255, 255, 255, 0.1); */
}

.qd-spec:last-of-type {
   border-right: 0px;
}

.qd-spec-icon {
   margin-right: 5px;
}

.qd-spec-icon.nm {
   /* margin-right: 0px; */
   box-sizing: border-box;
}

.qd-spec-icon img,
.qd-spec-icon svg {
   width: auto;
   height: 32px;
   opacity: 0.35;
   fill: #ffffff;
}

.qd-spec-txt {
   text-align: left;
}

.qd-spec-label {
   font-family: var(--display-font);
   font-optical-sizing: auto;
   font-size: 0.7rem;
   font-weight: 500;
   color: var(--deness-orange);
   text-transform: uppercase;
   /* margin: 5px 0px 10px; */
   /* background-color: rgba(0, 0, 255, 0.1); */
   /* border-radius: 2px; */
   /* padding: 2px 10px; */
   letter-spacing: 0.02rem;
   line-height: 1.4;
}

.qd-spec-value {
   font-size: 1rem;
   color: #ffffff;
   font-family: var(--display-font2);
   font-weight: 700;
   font-style: italic;
   line-height: 1.3;
   letter-spacing: 0.02rem;
}

.qd-hours {
   display: flex;
   border-bottom: 2px solid rgba(255, 255, 255, 0.1);
   padding: 20px 20px;
   justify-content: center;
   align-items: center;
}

.qd-hours .qd-spec-label {
   margin: 3px 0px;
}

.qd-warranty-type {
   box-sizing: border-box;
}

.qd-warranty-hours {
   box-sizing: border-box;
}

.qd-warranty-exp {
   box-sizing: border-box;
}

.qd-machine-cta {
   padding: 0px 0px 0px;
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 100%;
}

.qd-machine-price {
   font-family: var(--display-font);
   font-size: 3rem;
   color: var(--deness-orange);
   font-weight: 700;
   line-height: 1;
   margin-bottom: 12px;
}

.qd-machine-cta-btns {
   width: 100%;
   display: flex;
   row-gap: 5px;
   flex-direction: column;
}

a.buy-btn,
a.need-financing-btn {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 40px;
   padding: 0px 10px;
   text-decoration: none;
}

a.buy-btn {
   background-color: var(--deness-orange);
}

a.need-financing-btn {
   background-color: #1d1d1d;
}

a.buy-btn:hover,
a.need-financing-btn:hover {
   text-decoration: none;
}

a.buy-btn:hover,
a.need-financing-btn:hover {
   -webkit-animation: shake-hor 1s ease-in-out both;
   animation: shake-hor 1s ease-in-out both;
}

a.buy-btn:hover {
   background-color: var(--deness-orange-hov);
}

a.need-financing-btn:hover {
   background-color: #000000;
}

a.buy-btn:hover .nf-btn-txt {
   text-decoration: none;
}

.nf-btn-txt {
   font-family: var(--copy-font);
   font-optical-sizing: auto;
   font-size: 0.875rem;
   font-weight: 700;
   color: #ffffff;
   text-transform: uppercase;
   letter-spacing: 0.1rem;
}

a.buy-btn:hover .nf-btn-txt,
a.need-financing-btn:hover .nf-btn-txt {
   text-decoration: none;
}

a.need-financing-btn:hover .nf-btn-txt {
   color: var(--deness-orange);
}

.need-financing {
   background-color: #1d1d1d;
   padding: 4px 16px;
   font-family: var(--copy-font);
   color: var(--deness-orange);
   font-size: 1rem;
   font-weight: 500;
   letter-spacing: 0.01rem;
   display: inline-block;
}

.indepth-specs {
   display: block;
   background-color: #f5f5f5;
   /* min-height: 600px; */
   margin: 0px;
}

.listing-subnav.uk-navbar-container:not(.uk-navbar-transparent) {
   background: #eeeeee;
}

.listing-subnav .uk-container {
   max-width: 1400px;
}

.listing-subnav .uk-navbar-nav > li > a {
   display: flex;
   font-family: var(--display-font);
   justify-content: center;
   align-items: center;
   column-gap: 0.25em;
   box-sizing: border-box;
   min-height: inherit;
   height: 64px;
   font-size: 1rem;
   text-decoration: none;
}

.technical-specs,
.build-specs,
.about-machine {
   display: block;
   padding: 80px 40px;
   /* min-height: 500px; */
}

.technical-specs {
   background-color: var(--deness-orange);
}

.build-specs {
   background-color: #eeeeee;
}

.about-machine {
   background-color: #f5f5f5;
}

.tech-spec-wrapper,
.build-spec-wrapper,
.about-machine-wrapper {
   max-width: 1400px;
   margin: 0px auto;
}

.section-title-wrapper {
   padding-bottom: 60px;
}

.listing-section-title {
   font-family: var(--display-font);
   font-size: 2.25rem;
   color: rgba(0, 0, 0, 0.5);
   font-weight: 600;
   text-transform: uppercase;
}

.listing-section-title.dark {
   color: #ffffff;
}

.listing-section-title.lite {
   color: rgba(0, 0, 0, 0.85);
}

.listing-section-title.uk-heading-line > ::after,
.listing-section-title.uk-heading-line > ::before {
   content: "";
   position: absolute;
   top: calc(50% - (calc(0.2px + 0.05em) / 2));
   width: 2000px;
   border-bottom: calc(0.2px + 0.05em) solid rgba(0, 0, 0, 0.5);
}

.about-machine-content {
   width: 100%;
}

.about-machine-content-wrapper {
   width: 100%;
   display: flex;
   flex-direction: row;
   column-gap: 40px;
}

.machine-descr,
.machine-highlights {
   width: 100%;
}

.machine-descr {
   box-sizing: border-box;
}

.machine-descr p {
   font-family: var(--copy-font);
   font-size: 1.063rem;
   line-height: 1.4;
   color: rgba(0, 0, 0, 0.85);
   margin-bottom: 20px;
}

.machine-descr p:last-of-type {
   margin-bottom: 0px;
}

.machine-highlights {
   box-sizing: border-box;
}

.machine-highlights ul {
   font-family: var(--copy-font);
   font-size: 1.063rem;
   line-height: 1.4;
   color: rgba(0, 0, 0, 0.85);
}

.machine-highlights ul li:before {
   font-family: var(--fa-family-sharp);
   content: "\f0fe";
   margin: 0 5px 0 0px;
   color: var(--deness-orange);
   font-weight: 900;
}

.key-specs {
   width: 100%;
   display: flex;
   flex-wrap: wrap;
   /* border-bottom: 4px solid rgba(0, 0, 0, 0.2); FOR ALL SPECS VERSION */
   /* padding-bottom: 45px; */
   /* margin-bottom: 50px; */
}

.key-spec {
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 15px 30px;
   box-sizing: border-box;
   flex-basis: calc(100% / 3);
}

.key-spec-icon {
   display: block;
}

.key-spec-icon img,
.key-spec-icon svg {
   margin-right: 12px;
   width: 56px;
   opacity: 0.5;
   fill: #000000;
}

.key-spec-info {
   display: block;
   text-align: left;
}

.key-spec-name {
   font-family: var(--copy-font);
   font-optical-sizing: auto;
   font-size: 0.813rem;
   font-weight: 700;
   color: #1d1d1d;
   text-transform: uppercase;
   letter-spacing: 0.25rem;
}

.key-spec-value {
   font-size: 1.5rem;
   color: #ffffff;
   font-family: var(--display-font2);
   font-weight: 800;
   font-style: italic;
   letter-spacing: 0.015rem;
   line-height: 1.1;
}

.spec-accordian {
   box-sizing: border-box;
}

.spec-list-divider > :nth-child(n + 2) {
   margin-top: 20px;
   padding-top: 20px;
   border-top: 1px solid rgba(0, 0, 0, 0.3);
}

.spec-cat-title {
   font-family: var(--display-font2);
   font-weight: 800;
   color: rgba(0, 0, 0, 0.5);
   text-transform: uppercase;
   font-size: 1.5rem;
}

.spec-cat-title.uk-accordion-title::before {
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMCAyMCI+CiAgPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI5LjcuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDIuMS4xIEJ1aWxkIDgpICAtLT4KICA8cGF0aCBkPSJNMTEuNCwyLjR2Ni4yaDcuNnYyLjhoLTcuNnY3LjZoLTIuOHYtNy42SDF2LTIuOGg3LjZWMWgyLjh2MS40LTEuNCwxLjRaIi8+Cjwvc3ZnPg==);
   opacity: 0.5;
}

.spec-accordian .uk-open > .spec-cat-title.uk-accordion-title::before {
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMCAyMCI+CiAgPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI5LjcuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDIuMS4xIEJ1aWxkIDgpICAtLT4KICA8cGF0aCBkPSJNMTcuNiwxMS40aDEuNEgxdi0yLjhoMTh2Mi44aC0xLjRaIi8+Cjwvc3ZnPg==);
}

.spec-cat-title.uk-accordion-title:hover {
   color: rgba(0, 0, 0, 0.75);
}

.spec-cat-title.uk-accordion-title:hover::before,
.spec-accordian .uk-open > .spec-cat-title.uk-accordion-title:hover::before {
   opacity: 0.75;
}

.spec-accordian .uk-accordion-content {
   background-color: rgba(0, 0, 0, 0.1);
}

.specs-wrapper {
   padding: 30px 30px;
}

.spec {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
}

.spec.has-msv {
   flex-direction: column;
   align-items: flex-start;
}

.spec:nth-child(n + 2) {
   margin-top: 20px;
   padding-top: 20px;
   border-top: 1px solid rgba(0, 0, 0, 0.3);
}

.spec-name,
.spec-name-msv {
   color: #1d1d1d;
   font-family: var(--copy-font);
   font-size: 1.25rem;
   font-weight: 700;
}

.spec-name.full {
   /* margin-bottom: 10px; */
   box-sizing: border-box;
}

.spec-value {
   color: #1d1d1d;
   font-family: var(--copy-font);
   font-size: 1.25rem;
   font-weight: 400;
}

.spec-name-msv {
   box-sizing: border-box;
}

.spec-msv-wrapper {
   padding-left: 30px;
   width: 100%;
   padding-top: 8px;
}

.spec-msv-wrapper:nth-of-type(1) {
   padding-top: 0px;
}

.spec-msv {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.spec-msv.l2 {
   padding-left: 30px;
}

.spec-values {
   box-sizing: border-box;
}