/***** BEGIN RESET *****/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; padding: 0; } ol, ul { list-style: none; } table { border-collapse: collapse; width: 100%; } td { vertical-align: top; }
/* Make HTML 5 elements display block-level for consistent styling */ header, nav, article, footer, address { display: block; } 
/***** END RESET *****/
::-moz-selection { background: #000;  color: #fff; text-shadow: none; } 
::selection { background: #000; color: #fff; text-shadow: none; }
/* Clearfix */
.cf { *zoom: 1; } .cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } 

/*-------- BODY STYLES --------*/
html { scroll-behavior: smooth; }
body { font-family: 'poppins', sans-serif; }
*, *::before, *::after { box-sizing: border-box; }
a, a *, a:before, a:after, img { transition: .25s ease all; }

a, a:link, a:visited, a:active, a:hover { text-decoration: none; }

/*--- HEADER STYLES ---------------------*/
header {}

.aria-skip { position: relative; width: 0px; height: 0px; display: flex; font-size: 0px; opacity: 0; }

.dlr-header, header.dlr-header { position: relative; z-index: 1004; width: 100%; filter: drop-shadow(0 0 10px rgba(0, 0, 0, .8)); background: #000; }

.header-main { position: relative; z-index: 1; width: 100%; display: flex; justify-content: space-between; align-items: stretch; pointer-events: none; padding: 0 max(0px, calc(50% - 1000px)) 0 max(2%, calc(50% - 1000px)); }

.header-logo-div {}
.header-logo-div * { pointer-events: all; }

.dlr-logo, .dlr-logo img { position: relative; }
.dlr-logo { display: flex; justify-content: center; align-items: center; gap: 20px; }
.dlr-logo img { object-fit: contain; object-position: center; }
.dlr-logo span { font-size: 20px; font-weight: 400; letter-spacing: .5px; text-transform: uppercase; color: #fff; }
a.dlr-logo:hover span { color: var(--primary, #f06824); }

.header-logo {}
.header-logo img { width: 120px; padding: 8px 0 2px; }
.header-logo span { font-size: 24px; }

.nav-div { pointer-events: none; padding-top: 50px; display: flex; justify-content: flex-end; align-items: stretch; z-index: 5; }
.nav-div * { pointer-events: all; }

.topheader, .topheader > * { height: 50px; display: flex; align-items: center; }
.topheader { position: absolute; top: 0; right: max(0px, calc(50% - 1020px)); display: flex; align-items: stretch; background: var(--notblack, #141414); clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 16px 100%, 0% calc(100% - 16px)); }
.topheader p { width: unset!important; }
.topheader p a { padding-left: 8px; padding-right: 8px; }
.topheader a { padding-top: 0; padding-bottom: 0; }
.topheader a.listed-lg { padding-left: 28px; padding-right: 28px; margin-right: -4px; }
.topheader a:hover, .topheader a:hover i { color: var(--mgray, #ccc)!important; }

/* Site Colors: */
/*---BODY--------------------------------*/
.invisilink { font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; display: inline; transition: .25s ease all; }
a.invisilink:hover { color: #bbb; text-decoration: underline; }
.darkmode a.invisilink:hover, a.invisilink.darkmode:hover { color: #ccc; }

/* Text / Titles / Paragraphs / <h1><h2><h3><h4> / <p> 
h1, h2, h3, h4, h5, h6, p, span, a, button, label, input, select, textarea, div, ul, ol { font-family: 'pragmatica', sans-serif; font-weight: 400; color: #000; transition: .25s ease all; }

.txt-default, .content-sect p, p, span, a, input, select, textarea, div, ul, ol { font-size: 16px; }

.txt-default, .content-sect p { font-family: 'pragmatica', sans-serif; font-size: 16px; font-weight: 400; line-height: 1.4; color: #000; }

.title, .title-h1, .title-h2, .title-h3, .title-h4, .subtitle { font-family: 'pragmatica', sans-serif; width: 100%; }

.title, .title-h1, .title-h2, .title-h3, .title-h4 { font-weight: 900; }

.title-h1, .title.title-h1 { font-size: 48px; }
.title, .title-h2, .title.title-h2 { font-size: 36px; }
.title-h3, .title.title-h3 { font-size: 28px; }
.title-h4, .title.title-h4 { font-size: 24px; }

.subtitle, .subtitle-h1, .subtitle-h2, .subtitle-h3, .subtitle-h4 { font-weight: 400; }

.subtitle-h1, .subtitle.subtitle-h1 { font-size: 36px; }
.subtitle, .subtitle-h2, .subtitle.subtitle-h2 { font-size: 25px; }
.subtitle-h3, .subtitle.subtitle-h3 { font-size: 22px; }
.subtitle-h4, .subtitle.subtitle-h4 { font-size: 17px; }

.multi-title { position: relative; width: 100%; display: flex; flex-direction: column; align-items: flex-start; }*/

.paragraph, p { width: 100%; font-family: 'poppins', sans-serif; font-size: 15px; font-weight: 400; line-height: 1.5; }

a { display: inline; color: inherit; text-decoration: none; }
a:hover { color: var(--primary, #f06824); /*text-decoration: underline; */}

.title1, .title2, .title3 { font-family: 'poppins', sans-serif; font-weight: 900; line-height: 1.15; width: 100%; }

.title1 { font-size: 40px; }
.title2 { font-size: 26px; font-style: italic; text-transform: uppercase; }
.title3 { font-size: 20px; font-style: italic; text-transform: uppercase; }

.subtitle1, .subtitle2, .subtitle3 { font-family: 'poppins', sans-serif; font-weight: 300; line-height: 1.15; letter-spacing: .5px; text-transform: uppercase; width: 100%; font-style: italic; }

.subtitle1 { font-size: 24px; }
.subtitle2 { font-size: 20px; }
.subtitle3 { font-size: 18px; }

.title1 + .paragraph { margin-top: 12px; }
.title2 + .paragraph { margin-top: 12px; }
.title3 + .paragraph { margin-top: 8px; }

.title1 + .subtitle1, .title1 + .subtitle2, .title1 + .subtitle3 { margin-top: 12px; }
.title2 + .subtitle1, .title2 + .subtitle2, .title2 + .subtitle3 { margin-top: 12px; }
.title3 + .subtitle1, .title3 + .subtitle2, .title3 + .subtitle3 { margin-top: 8px; }

.title1 + .btnclass, .subtitle1 + .btnclass { margin-top: 20px; }
.title2 + .btnclass, .subtitle2 + .btnclass { margin-top: 16px; }
.title3 + .btnclass, .subtitle3 + .btnclass { margin-top: 12px; }

.paragraph + .btns-holder, .paragraph + .btnclass { margin-top: 12px; }

.feat-p { font-size: 24px; width: min(100%, 890px); margin: 0 auto; }

/* buttons / links / <a> / ctas */
.btnclass, .btn2, .btn3, .listed, .listed-lg, .listed-sm, .icon-link { position: relative; min-width: 50px; min-height: 50px; display: flex; align-items: center; column-gap: 12px; /*cursor: pointer;*/ transition: .25s ease all; font-family: 'poppins', sans-serif; }

.btnclass, .btn2, .btn3 { padding: 10px 20px 8px 20px; justify-content: center; background: #222; color: #fff; text-shadow: none!important; font-size: var(--btn-size, 18px); font-weight: 600; letter-spacing: .75px; text-transform: uppercase; text-align: center; }
.shadowed .btnclass, .btnclass.shadowed, .shadowed .btn2, .btn2.shadowed, .shadowed .btn3, .btn3.shadowed { box-shadow: 0 2px 16px rgba(0, 0, 0, 1); }
.light-shadow .btnclass, .btnclass.light-shadow, .light-shadow .btn2, .btn2.light-shadow, .light-shadow .btn3, .btn3.light-shadow { box-shadow: 0 2px 10px rgba(0, 0, 0, .35); }
.light-shadow .btnclass:hover, .btnclass.light-shadow:hover, .light-shadow .btn2:hover, .btn2.light-shadow:hover, .light-shadow .btn3:hover, .btn3.light-shadow:hover { box-shadow: 0 2px 10px rgba(0, 0, 0, .65); }

.btnclass { background: var(--primary, #f06824); color: #000; border: 1px solid var(--primary, #f06824); font-style: italic; }
.btn2 { background: var(--dgray, #222); color: #fff; border: 1px solid var(--dgray, #222); font-style: normal; }
.btn3 { background: #000; color: #fff; border: 1px solid #000; font-style: normal; }

.btnclass:hover, .darkmode .btnclass:hover, .shadowed .btnclass:hover, /*{ background: #000; color: #fff; text-shadow: none; text-decoration: none; }*/
.btn2:hover, .darkmode .btn2:hover, .shadowed .btn2:hover, /*{ background: #000; color: #fff; text-shadow: none; text-decoration: none; }*/
.btn3:hover, .darkmode .btn3:hover, .shadowed .btn3:hover { background: var(--primary, #f06824); color: #fff; text-shadow: none; text-decoration: none; box-shadow: 0 2px 8px rgba(0, 0, 0, .2); }
.btnclass:hover, .darkmode .btnclass:hover, .shadowed .btnclass:hover { background: #141414; border-color: #d4d4d4; }

.listed { padding: 8px 12px; justify-content: center; }
.listed, .listed i, .listed span { color: #000; transition: .25s ease all; }
.listed, .listed span { font-size: 18px; }
.listed-lg, .listed-lg span { font-size: 22px; }
.listed-sm, .listed-sm span { font-size: 16px; }
.listed i { font-size: 15px; }
.listed-sm i { font-size: 13px; }
a.listed:hover, a.listed:hover i, a.listed:hover span { color: var(--primary, #f06824); cursor: pointer; text-decoration: none; }

.darkmode .listed, .darkmode .listed i, .darkmode .listed span, 
.listed.darkmode, .listed.darkmode i,  .listed.darkmode span, 
.shadowed .listed, .shadowed .listed i, .shadowed .listed span, 
.listed.shadowed, .listed.shadowed i,  .listed.shadowed span { color: #fff; }
/*.darkmode a.listed:hover, .darkmode a.listed:hover i, .darkmode a.listed:hover span, 
a.listed.darkmode:hover, a.listed.darkmode:hover i, a.listed.darkmode:hover span { color: #ccc; }*/

.icon-link { display: flex; justify-content: center; text-align: center; }
.icon-link img { width: 15px; height: 18px; object-fit: contain; object-position: center; transition: 0s ease filter; filter: brightness(0); }
.darkmode .icon-link img { filter: brightness(1); }
.icon-link:hover { text-decoration: none; }
.icon-link:hover img { filter: brightness(0) saturate(100%) invert(18%) sepia(58%) saturate(2805%) hue-rotate(335deg) brightness(103%) contrast(99%); }

/* sections */
.content-sect, .horiz-sect { position: relative; display: flex; row-gap: 20px; }
.content-sect { position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }

.mission { position: relative; width: 100%; padding: 60px max(5vw, calc(50vw - 1000px)); display: flex; justify-content: center; align-items: stretch; column-gap: 80px; row-gap: 40px; }
.mission > .content-sect { width: 50%; }
.mission .missionimg { position: relative; width: 50%; min-height: 320px; display: flex; justify-content: center; align-items: center; }

.missionimg img, .hero > img, .subhero > img, .bg-img > img { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }

img.img-contain { object-fit: contain; }

.mission .missionimg img.img-contain { position: relative; width: 100%; height: auto; max-height: 600px; object-fit: contain; }

/* Homepage - default.htm */
#homepage, .subpage { position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; font-family: 'poppins', sans-serif; }
#homepage {}

.hero, .subhero { background: var(--notblack, #141414); }
.hero { position: relative; z-index: 1; width: 100%; padding: 0 max(0px, calc(50% - 1000px)) 0 max(2.5%, calc(50% - 1000px)); display: flex; justify-content: flex-start; align-items: center; height: min(700px, 50vw); }
.hero-slider:before { position: absolute; z-index: 5; content: ""; bottom: 0; left: 0; width: 33%; height: 100%; 
	/*background-image: linear-gradient(0deg, rgba(20, 20, 20, 1) 0%, rgba(20, 20, 20, 1) 80px, rgba(20, 20, 20, 0) 100%); */
	background-image: linear-gradient(90deg, rgba(20, 20, 20, 1) 0%, rgba(20, 20, 20, 0) 100%); 
	pointer-events: none; }
.hero:after { position: absolute; z-index: 5; content: ""; bottom: 0; left: 0; width: 100%; height: 60px; 
	/*background-image: linear-gradient(0deg, rgba(20, 20, 20, 1) 0%, rgba(20, 20, 20, 1) 80px, rgba(20, 20, 20, 0) 100%); */
	background-image: linear-gradient(0deg, rgba(20, 20, 20, 1) 0%, rgba(20, 20, 20, 0) 100%); 
	pointer-events: none; }

/*.hero-overlay { position: relative; z-index: 7; width: 480px; padding: 40px 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; align-content: center; column-gap: 24px; row-gap: 12px; }*/
.hero-overlay { position: relative; z-index: 7; padding: 40px 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; align-content: center; column-gap: 24px; row-gap: 12px; }

.hero .hero-overlay .subtitle1 { line-height: 1.5; }

.hero-overlay .subtitle1, .hero-overlay .btnclass { margin-top: 0!important; }

/*.hero-slider { position: relative; width: calc(100% - 180px); height: 100%; margin-left: -300px; }*/
.hero-slider { position: absolute; top: 0; right: 0; width: calc(100% - 350px); height: 100%; }

.swiper-holder { position: relative; z-index: 3; top: 0; left: 0; flex-grow: 1; display: block; }
.swiper { width: 100%; height: 100%; }
.swiper-slide { text-align: center; display: flex; justify-content: center; align-items: center; }
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }

.swiper-pagination { z-index: 6; bottom: 24px!important; pointer-events: none; }
.swiper-pagination-bullet, .swiper-pagination-bullet-active { background: #fff; border-radius: 2px; width: 14px; height: 14px; margin: 0 5px!important; }
.swiper-pagination-bullet { opacity: .6; }
.swiper-pagination-bullet-active { opacity: 1; }
.swiper-pagination-bullet:not(.swiper-pagination-bullet-active) { pointer-events: all; }

.swiper-arrows { position: absolute; z-index: 9; bottom: 24px; right: 3%; display: flex; justify-content: flex-end; align-items: stretch; gap: 6px; }
.hero .swiper-arrows { position: absolute; z-index: 9; bottom: 24px; right: 3%; display: flex; justify-content: flex-end; align-items: stretch; gap: 6px; }
.swiper-button-next, .swiper-button-prev { width: 60px; height: 40px; position: relative; left: unset; right: unset; top: unset; bottom: unset; display: flex; justify-content: center; align-items: center; text-align: center; margin: 0!important; box-shadow: 0 2px 10px rgba(0, 0, 0, .8); background: var(--primary, #f06824); color: #000; transition: .25s ease all; }
.swiper-button-next i, .swiper-button-prev i { font-size: 14px; }
.swiper-button-next:hover, .swiper-button-prev:hover { background: #141414; color: #fff; }

.hero + .inv-btns-sect {}

.inv-btns-sect { position: relative; width: 100%; background: var(--notblack, #141414); padding: 24px max(2%, calc(50% - 900px)); display: flex; align-items: stretch; }

.inv-btn { position: relative; width: 22.5%; padding: 20px 56px 20px 32px; min-height: 150px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 4px; background: #F6F6F6; border-right: 1px solid var(--lgray, #d4d4d4); }
.inv-btn:after, .feat-option:after, .brands-all span:after { content: "\f054"; font-family: 'Font Awesome 7 Free', icon; font-size: 10px; font-weight: 900; }
.inv-btn:after { position: absolute; top: 50%; transform: translateY(-50%); right: 16px; }
.inv-btn:after { right: 32px; }
.inv-btn:hover { background: var(--lgray, #d4d4d4); }

.inv-btn .subtitle2 {}
.inv-btn .title2 {}

.inv-all { width: 32.5%; background: var(--primary, #f06824); clip-path: polygon(0% 0%, calc(100% - 32px) 0%, 100% 32px, 100% 100%, 0% 100%); border-right: none; padding: 20px!important; align-items: center; text-align: center; }
.inv-all:after { display: none!important; }
/*.inv-all:hover { background: #141414; color: #fff; }*/
.inv-all:hover span { /*color: #fff!important;*/ letter-spacing: 2px!important; }

.brand-sect { position: relative; width: 100%; padding: 60px max(0px, calc(50% - 1200px)) 60px max(2.5%, calc(50% - 1200px)); background: var(--dark-primary, #a84919); }

.brand-sect-shadower { filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .5)); display: flex; align-items: stretch; width: 100%; }

.feat-brand, .other-brands, .feat-logo, .feat-options { position: relative; width: 50%; display: flex; }

.feat-brand, .other-brands { flex-wrap: wrap; align-items: stretch; background: #fff; }

.feat-brand { z-index: 1; clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 50px 100%, 0% calc(100% - 50px)); }

.feat-logo, .feat-options, .other-brands { }

.feat-logo, .feat-options, .brands-all, .other-brand {  }
.feat-logo, .feat-options, .other-brand {  }

.feat-logo, .feat-options { border-right: 1px solid var(--lgray, #d4d4d4); }

.feat-logo { justify-content: center; align-items: center; }
.feat-logo img { padding: 24px 42px; max-height: 180px; object-fit: contain; object-position: center; max-width: 100%; }
a.feat-logo:hover img { filter: grayscale(1); opacity: .9; transition: .4s ease all; }

.feat-options { flex-direction: column; align-items: stretch; justify-content: flex-end; }
.feat-options a { padding-left: 32px; padding-right: 32px; color: var(--dark-gray, #222); }
.feat-options a:hover { text-decoration: none; color: var(--primary, #f06824); }

.feat-option { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 50px; padding-top: 5px; padding-bottom: 5px; }
.feat-option:after { position: relative; }
.feat-option:hover { text-decoration: none; }
.feat-options > .feat-option:last-child { padding-bottom: 25px; min-height: 70px; }

.multi-line { display: flex; flex-direction: column; align-items: stretch; }

.feat-options .title2 { padding-top: 36px; padding-bottom: 12px; }

.feat-img-link, .brands-all { width: 100%; min-height: min(18vw, 400px); }

.feat-img-link { position: relative; z-index: 1; background: var(--primary, #f06824); }
.feat-img-link:after { position: absolute; z-index: 3; content: "View Bad Boy Showroom"; top: 0; left: 0; width: 100%; height: 100%; padding: 12px; display: flex; justify-content: center; align-items: center; text-align: center; color: #fff; opacity: 0; font-size: 24px; font-weight: 300; line-height: 1.15; letter-spacing: 1.2px; text-transform: uppercase; }
a.feat-img-link:hover:after { opacity: 1; font-weight: 500; }

.feat-img, .brands-all img { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }

.feat-img { /*position: relative; z-index: 1; width: 100%; object-fit: cover; object-position: center;*/ }

a.feat-img-link:hover .feat-img { /*filter: brightness(.8);*/ opacity: .25; transition: .35s ease all; }

.other-brands { z-index: 2; }

.brands-all { position: relative; z-index: 3; padding: 20px; background: #fbd5c2; display: flex; align-items: center; }
.brands-all img { opacity: .1; }
.brands-all span { position: relative; z-index: 3; text-shadow: 0 0 6px #fbd5c2, 0 0 10px #fbd5c2, 0 0 16px #fbd5c2; display: flex; justify-content: space-between; align-items: center; gap: 20px; transition: .25s ease all; }
.brands-all span:after { }
a.brands-all:hover img { opacity: .5; transition: .35s ease all; }
a.brands-all:hover span { font-weight: 500; /*text-shadow: 0 0 6px var(--mgray, #ccc), 0 0 8px var(--mgray, #ccc), 0 0 10px var(--mgray, #ccc), 0 0 12px var(--mgray, #ccc), 0 0 16px var(--mgray, #ccc);*/ }

.other-brand { z-index: 1; background: #fff; width: 50%; border-top: 1px solid var(--lgray, #d4d4d4); border-left: 1px solid var(--lgray, #d4d4d4); }
.other-brand img { width: 100%; height: 100%; padding: 20px max(20px, calc(50% - 100px)); object-fit: contain; object-position: center; }
a.other-brand:hover img { /*filter: brightness(.8) saturate(.8) grayscale(1); */filter: grayscale(1); opacity: .9; }

.fancy-mission { position: relative; z-index: 5; width: 100%; padding: 0 max(2.5%, calc(50% - 800px)) 0 max(0px, calc(50% - 800px)); display: flex; align-items: stretch; min-height: 350px; }
.bg-diamond .fancy-mission:not(.darkmode), .fancy-mission-unshader { background-image: linear-gradient(0deg, rgba(255, 255, 255, .4) 0%, rgba(255, 255, 255, .6) 40%, rgba(255, 255, 255, .6) 60%, rgba(255, 255, 255, .4) 100%); }

.fancy-mission-img { position: relative; z-index: 2; width: 42%; min-height: 350px; object-fit: cover; object-position: center; }
.fancy-mission-img.is-flag { margin-right: -8%; }
/*.fancy-mission-img:hover { transform: scale(1.05); filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.4)); }*/

.fancy-mission-slider { width: 40%; margin-right: 50px; padding: 20px; }

.fancy-mission-content { position: relative; z-index: 3; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; align-content: center; padding: 80px 0; }

.btns-holder { width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; column-gap: 24px; row-gap: 12px; }
.fancy-mission .btns-holder { justify-content: flex-end; }

.ctas-sect { position: relative; width: 100%; padding: 0 max(0px, calc(50% - 1000px)); display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; }

.is-ctasect { position: relative; width: 50%; padding: 40px 4%; }

.connect-cta { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .5)); }

.connect-cta a, .connect-cta img { max-width: 100%; }
.connect-cta > a { margin-bottom: 12px; }

.soc-holder { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; }
.soc-holder i { font-size: 25px; }
.soc-holder img { width: 25px; height: 25px; }

.video-cta { display: flex; justify-content: center; align-items: center; }

.youtube-video-holder { position: relative; width: 100%; aspect-ratio: 9 / 5; display: flex; filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .5)); }
.youtube-video-holder iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; border-radius: 8px; }

.service-cta { justify-content: center; align-content: center; align-items: center; }

.watermark-icon { position: absolute; top: 50px; right: 50px; font-size: 90px; opacity: .2; }

/* subpages */
.subpage {}

.dlr-page, .tsi-page { font-family: 'poppins', sans-serif!important; }
.dlr-page i, .tsi-page i, .dlr-page i.fas, .tsi-page i.fas, i.fas { font-family: 'Font Awesome 7 Free', icon!important; }
i.fab, i.fa-brands { font-family: 'Font Awesome 7 Brands', icon!important; }

.subhero { position: relative; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('/siteart/Bad-Boy-tractor-orange.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; }

.subhero .hero-overlay, .dlr-breadcrumbs { padding-left: max(2.5%, calc(50% - 1000px)); padding-right: max(2.5%, calc(50% - 1000px)); }

.subhero .hero-overlay { padding-top: 40px; padding-bottom: 40px; width: unset; max-width: 100%; }

.dlr-breadcrumbs { position: relative; width: 100%; min-height: 50px; background: rgba(20, 20, 20, 0.8); padding-top: 12px; padding-bottom: 12px; color: var(--mgray, #ccc); line-height: 1.5; }
.dlr-breadcrumb { color: #fff; }
a.dlr-breadcrumb:hover  { filter: brightness(1.25); text-decoration: underline; text-shadow: 0 1px 4px rgba(0, 0, 0, 1), 0 1px 8px rgba(0, 0, 0, .4); transition: .15s ease all; }

/* about-us.htm */
#aboutpage {}

.about-slider { position: relative; aspect-ratio: 5 / 3.25; filter: drop-shadow(0 2px 10px rgba(0, 0, 0, .3)); }
.fancy-mission-slider .swiper-arrows { bottom: -20px; right: 6px; }

.why-sect { position: relative; padding: 40px max(6%, calc(50% - 800px)); display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; column-gap: 24px; row-gap: 12px; ; }

.accordion-sect {
	margin: 0 auto; position: relative; width: 100%; 
	display: flex; flex-direction: column; align-items: center; justify-content: flex-start; row-gap: 10px; 
}
.accordion { display: flex; flex-direction: column; align-items: stretch; background: #fff; box-shadow: 0 2px 12px rgba(0, 0, 0, .2); width: 100%; max-width: 1000px; }
.accordion:hover { background: #fff; box-shadow: 0 2px 12px rgba(0, 0, 0, .3); }
.accordion-header:not(.btnclass) {
	position: relative; padding: 16px 20px; background: #eee; width: 100%; 
	display: flex; justify-content: space-between; align-items: center; 
	border-bottom: 1px solid transparent; cursor: pointer; transition: .25s ease all; gap: 24px; 
}
.accordion-header.btnclass { cursor: pointer; }
.accordion-header .title.title-sm { font-size: 22px; text-align: left; transition: .25s ease all; }
.accordion-header i { font-size: 20px; text-align: center; color: #000; transform: rotate(270deg); transition: .25s ease all; }

.accordion:not(.active) .accordion-content { display: none; transition: .25s ease all; }

.accordion-header:hover { background: var(--primary, #f06824); color: #fff; cursor: pointer; }
.accordion-header:hover i { color: #fff;  }
.accordion-header:not(.btnclass):hover { background: var(--primary, #f06824); color: #fff; }
.accordion-header:hover .subtitle, .accordion.active .accordion-header .subtitle { color: #000; }

.accordion.active .accordion-header:not(.btnclass) { background: var(--primary, #f06824); color: #fff; border-bottom-color: transparent; }
.accordion.active .accordion-header i { transform: rotate(360deg); color: #fff; }
.accordion.active .accordion-header i:before { content: "\f068"; }
.accordion.active > .accordion-content {
	display: block!important; position: relative; width: 100%; transition: .25s ease all; padding: 24px; 
}

.cta2-boxes { align-items: stretch!important; }

.cta2-box { position: relative; width: calc(33.333333% - 16px) /*100% calc(50%  - 20px)*/; margin: 8px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 32px 36px; background: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, .15); min-width: calc(50% - 16px); row-gap: 12px; transition: .25s ease all; border-left: 4px solid #fff; }
.cta2-box:hover { background: #fff; box-shadow: 0 2px 12px rgba(0, 0, 0, .3); border-color: var(--primary, #f06824); }

.feat-icon { font-size: 40px; color: var(--primary, #f06824); }

/* contact-us.htm */
#contactpage {}
#contactpage .soc-holder { width: 100%; }

.bg-red a.icon-link:hover, .bg-red a.listed:hover, .bg-red a.listed:hover i, .bg-red a.listed:hover span { color: #d4d4d4!important; }
.bg-red a.icon-link:hover img, .topheader a.icon-link:hover img { filter: brightness(0.8)!important; }

.contactinf-cta { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; background: rgba(250, 250, 250, .75); }

.notch-list { list-style: square; }
.notch-list li { margin-left: 24px; }
.notch-list ::marker { color: var(--primary, #f06824); }
.colcount2 { column-count: 2; }

.is-hours {}
.is-hours li { display: flex; justify-content: flex-start; align-items: center; }
.is-hours span { padding: 5px; }
.day { width: 200px; padding-right: 10px; display: block; }
.map-sect { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; background: rgba(250, 250, 250, .75); }

#contactpage .map-sect { gap: 0; text-align: left; }
#contactpage .map-sect p { text-align: left; justify-content: flex-start; }

.formsect-cta { width: 100%; background: rgba(0, 0, 0, .6); }

/* meet-the-team.htm */
#teampage {}

.boxes-sect { position: relative; width: 100%; padding: 40px max(2%, calc(50% - 800px)); display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; }

.team-boxes { background: rgba(250, 250, 250, .75) /*rgba(255, 255, 255, .35)*/; align-items: stretch; }

.team-box { position: relative; width: calc(33.333333% - 20px); margin: 10px; background: #fff; padding: 20px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; box-shadow: 0 2px 10px rgba(0, 0, 0, .2); padding: 32px 36px; background: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, .15); transition: .25s ease all; border-left: 4px solid #fff; }
.team-box:hover { margin-top: 8px; margin-bottom: 12px; box-shadow: 0 2px 16px rgba(0, 0, 0, .5); border-color: var(--primary, #f06824); }
.team-box .team-img { margin-bottom: 16px; }
.team-box i.team-img { font-size: 60px; color: var(--primary, #f06824); }
.team-box .listed { margin-top: 8px; }

/* service.htm */
#servicepage {}

.service-feats { background: rgba(250, 250, 250, .75); }
.bg-250 { background: rgba(250, 250, 250, .75); }
.service-feats .cta2-box { min-width: calc(33.333333% - 16px); transition: .25s ease all; }

/* showrooms.htm */
#showroomspage {}

/*.featshowroom-cta, .othershowroom-cta { display: flex; flex-direction: column; gap: 12px; }
.featshowroom-cta { align-items: flex-start; justify-content: center; }
.othershowroom-cta { width: min(33.333333%, 400px); padding-left: 2%; padding-right: 2%; align-items: stretch; justify-content: flex-start; text-align: center; }

.featshowroom-cta .btnclass, .othershowroom-cta .btnclass { width: unset!important; }*/

.showrooms-boxes {}

.showrooms-box { position: relative; width: calc(25% - 20px); margin: 10px; background: #fff; display: flex; flex-direction: column; align-items: stretch; text-align: center; box-shadow: 0 2px 12px rgba(0, 0, 0, .5); transition: .25s ease all; }
.showrooms-box .title2 { color: var(--dark-gray, #222); transition: .25s ease all; padding-bottom: 16px!important; }
.showrooms-box .title2:hover { color: var(--primary, #f06824); }
.showrooms-box .title2 + .btnclass { margin-top: 0!important; }
.showrooms-box .btnclass:hover { background: #000!important; border-color: #000!important; }

.manu-logo-lg {  }
.manu-logo-lg img, .manu-stacked-link img { position: relative; width: min(100%, 350px); aspect-ratio: 5 / 2.8; padding: 32px 40px; background: #fff; object-fit: contain; object-position: center; }

.showrooms-box .title2 { padding: 6px 16px; }

/* testimonials.htm */
#testimonialspage {}

.testimonial-boxes { background: rgba(250, 250, 250, .75); /* .35 */ align-items: stretch; }

.testimonial-box { position: relative; width: calc(33.333333% - 16px) /*100% calc(50%  - 20px)*/; margin: 8px; display: flex; flex-direction: column; align-items: stretch; padding: 32px 36px; background: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, .15); min-width: calc(33.333333% - 16px); transition: .25s ease all; border-left: 4px solid #fff; }
.testimonial-box.width66 { width: calc(66.666667% - 16px); }
.testimonial-box:hover { background: #fff; box-shadow: 0 2px 12px rgba(0, 0, 0, .3); border-color: var(--primary, #f06824); }

.testimonial-top { display: flex; flex-direction: column-reverse; align-items: flex-start; gap: 24px; margin-bottom: 20px; }
.author-date { display: flex; flex-direction: column; align-items: flex-start; }
.author { text-transform: none; }
.date { font-size: 15px; }
.stars { color: var(--primary, #f06824); }
.is-testimonial { font-size: 17px; line-height: 1.4; }

.subpage-finalcta { position: relative; width: 100%; padding: 40px max(3%, calc(50% - 800px)); display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; column-gap: 24px; row-gap: 12px; text-align: center; }
.subpage-finalcta .btnclass { margin-top: 0!important; }

/* thank-you.htm */
#thankyoupage {}

/* upfitting.htm */
/*#upfittingpage {}

.upfitting-feats {}
.upfitting-feats .cta2-box { min-width: calc(33.333333% - 16px)!important; justify-content: flex-start; transition: .25s ease all; }
.upfitting-feats .cta2-box img { width: 100%; height: auto; object-fit: contain; object-position: center; }

.upfitting-contact { justify-content: center; }*/

.map-div, .map-div iframe { max-width: 100%; width: 100%; }
.map-div iframe { border: 1px solid var(--primary, #f06824)!important; background: #d4d4d4!important; }

.map-sect { width: 50%; }

/* recommended styles */
.ta-c, .ta-c .title, .ta-c p, .title.ta-c, p.ta-c { text-align: center; }
.ta-r, .ta-r .title, .ta-r p, .title.ta-r, p.ta-r { text-align: right; }
.ta-l, .ta-l .title, .ta-l p, .title.ta-l, p.ta-l { text-align: left; }

.txt-white, .txt-white span, .txt-white h1, .txt-white h2, .txt-white h3, .txt-white h4, .txt-white p, 
.darkmode, .darkmode .title, .darkmode .subtitle, .darkmode p, 
.shadowed, .shadowed .title, .shadowed .subtitle, .shadowed p { color: #fff; }

.shadowed { text-shadow: 0 1px 7px rgba(0, 0, 0, 0.7); }
.shadowed .icon-link img { filter: drop-shadow(0 1px 12px rgba(0, 0, 0, .8)); }

.txt-black { color: #000; }

.bg-white { background: #fff; }
.bg-black { background: #000; }

.bg-diamondshadower { background: rgba(0, 0, 0, .35); }

.bg-img { position: relative; }
.bg-img > *:not(img) { position: relative; z-index: 3; }

.bg-diamond { position: relative; background: #ddd; background-image: url('/siteart/bg-diamondplate.jpg'); background-repeat: repeat; background-size: 22px; }

.img-contain { object-fit: contain; }
.img-cover { object-fit: cover; }

.ai-c, .content-sect.ai-c, .multi-title.ai-c { align-items: center; }
.ai-fe, .content-sect.ai-fe, .multi-title.ai-fe { align-items: flex-end; }

.content-sect p { width: 100%; }

.horiz-sect { width: 100%; flex-wrap: wrap; justify-content: flex-start; align-items: center; column-gap: 20px; }
.jc-c, .horiz-sect.jc-c { justify-content: center; }

.f-row { display: flex; flex-direction: row; }
.f-col { display: flex; flex-direction: column; align-items: flex-start; }

.jc-fs { justify-content: flex-start; }
.jc-sb { justify-content: space-between; }

.ai-fs { align-items: flex-start; }
.ai-s { align-items: stretch; }

.ac-c { align-content: center; }

.f-wrap, .fw-w { flex-wrap: wrap; }

.width50 { width: 50%; }
.width100 { width: 100%; }

.padtb-20 { padding-top: 20px; padding-bottom: 20px; }
.padtb-40 { padding-top: 40px; padding-bottom: 40px; }
.padtb-50 { padding-top: 50px; padding-bottom: 50px; }
.padtb-80 { padding-top: 80px; padding-bottom: 80px; }

.padt-40 { padding-top: 40px; }

.padlr-norm { padding-left: max(3vw, calc(50vw - 1000px)); padding-right: max(3vw, calc(50vw - 1000px)); }

.margtb-20 { margin-top: 20px; margin-bottom: 20px; }
.margtb-40 { margin-top: 40px; margin-bottom: 40px; }

.margt-16 { margin-top: 16px; }
.margt-20 { margin-top: 20px; }
.margt-40 { margin-top: 40px; }

.margb-neg40 { margin-bottom: -40px; }
.margb-8 { margin-bottom: 8px; }
.margb-16 { margin-bottom: 16px; }
.margb-40 { margin-bottom: 40px; }
.margb-80 { margin-bottom: 80px; }

.marglr-auto { margin-left: auto; margin-right: auto; }

.colgap-24 { column-gap: 24px; }
.colgap-60 { column-gap: 60px; }
.colgap-lg { column-gap: min(200px, 10vw); }

.rowgap-12 { row-gap: 12px; }
.rowgap-24 { row-gap: 24px; }
.rowgap-32 { row-gap: 32px; }
.rowgap-40 { row-gap: 40px; }
.rowgap-50 { row-gap: 50px; }

.z3 { position: relative; z-index: 3; }

/* forced styles */
.txt-bold { font-weight: 900!important; }

.force-padb0 { padding-bottom: 0!important; }

.force-bora-0 { border-radius: 0!important; }

.force-colgap-0 { column-gap: 0!important; }
.force-rowgap-0 { row-gap: 0!important; }

/*-------- FORM STYLES --------------------*/
form.dlr-form { position: relative; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; column-gap: 24px; }
form.dlr-form .formrow { width: 100%; display: flex; justify-content: center; }
form.dlr-form .formrow-captcha { width: 100%; display: flex; flex-direction: column; align-items: center; margin-top: 8px; }

form.dlr-form .smcol { width: calc(50% - 12px); display: flex; flex-direction: column; align-items: flex-start; }
form.dlr-form .xscol { width: calc(33.333333% - 16px); display: flex; flex-direction: column; align-items: flex-start; }

form.dlr-form label { 
	width: 100%; padding: 10px 0 4px 0; box-sizing: border-box; margin-top: 8px; 
	color: #000; font-size: 18px; font-weight: 600; 
	line-height: 1.4; letter-spacing: .5px; 
}
.darkmode form.dlr-form label { color: #fff; }
form.dlr-form select, form.dlr-form input, form.dlr-form input[type="text"], form.dlr-form input[type="email"], form.dlr-form textarea {
	width: 100%; height: 48px; padding: 12px 10px; box-sizing: border-box; 
	color: #000; font-size: 16px; font-family: 'poppins', sans-serif; 
	line-height: 1.4; letter-spacing: .5px; 
	border: none; outline: 1px solid #000; 
}
form.dlr-form textarea { height: 120px; }
form.dlr-form select { background: #fff; border-right: 10px solid #fff!important; }

form.dlr-form label.checkbox-label { display: flex; justify-content: flex-start; align-items: center; gap: 12px; width: 100%; }
form.dlr-form label.checkbox-label span { width: calc(100% - 36px); }
form.dlr-form input[type="checkbox"] { width: 24px; height: 24px; }

.formrow-radio { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 12px; width: 100%; padding: 20px 0; }
.formrow-checkbox { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 12px; width: 100%; padding: 20px 0 8px; }
form.dlr-form .formrow-radio label.checkbox-label { padding-top: 0; margin-top: 0; }
form.dlr-form .formrow-checkbox label.checkbox-label { padding-top: 0; margin-top: 0; }
.formrow-radio span { width: calc(100% - 36px); }
form.dlr-form input[type="radio"] { width: 12px; height: 12px; border-radius: 50%; outline: none; border: 1px solid #000; }
form.dlr-form .subtitle3 { margin-top: 24px!important; }
form.dlr-form .formrow-radio .subtitle3, form.dlr-form .formrow-checkbox .subtitle3 { margin-top: 0!important; }
.formrow-radio + .formrow-radio, .formrow-checkbox + .formrow-checkbox, .formrow-checkbox + .formrow-radio, .formrow-radio + .formrow-checkbox { padding-top: 0!important; }

form.dlr-form button[type="submit"] { cursor: pointer; margin-top: 20px; }

/*-------- FOOTER STYLES ----------------*/
footer {}

.dlr-footer, footer.dlr-footer { position: relative; z-index: 10; width: 100%; padding: 40px max(2%, calc(50% - 1000px)); background: var(--notblack, #141414); box-shadow: 0 0 10px rgba(0, 0, 0, .25); display: flex; flex-direction: column; align-items: stretch; gap: 40px; }

hr { background: #444; width: 100%; height: 1px; border: none; margin: 0; }

.foot-main, .foot-bottom { display: flex; flex-direction: row; justify-content: space-between; gap: 40px; }

.foot-main { align-items: flex-start; }

.footcol { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; }

.footcol .title3/*, .footcol .title3 a*/ { color: var(--mgray, #ccc); margin-bottom: 6px; }
/*.footcol .title3 a:hover { color: var(--primary, #f06824); }*/

.foot-logo-col { gap: 6px; }
.foot-logo { margin-bottom: 6px; }
.foot-logo img { width: 100px; }
.foot-logo span { font-size: 22px; }

.foot-nav {}

.foot-nav > a, .footbottom-left { color: #fff; text-transform: uppercase; font-size: 16px; font-weight: 300; letter-spacing: .5px; }
.foot-nav > a { display: flex; align-items: center; min-height: 36px; padding: 6px 0; }
.foot-nav a:hover { color: var(--primary, #f06824); text-decoration: none; }

.footcol-ql {}
.footcol-serviceparts {}
.footcol-showrooms {}
.footcol-inv {}

.foot-spacer { margin-right: -2%; }

.foot-bottom { align-items: center; padding: 0 2%; }

.footbottom-left, .footbottom-center, .footbottom-right { display: flex; flex-direction: row; text-transform: uppercase; }
.footbottom-left, .footbottom-left p, .footbottom-right, .footbottom-right p { color: var(--lgray, #d4d4d4); width: unset; }
.footbottom-left a, .footbottom-right a { padding: 0 10px; }
.footbottom-left { justify-content: flex-start; }
.footbottom-center { justify-content: center; flex-wrap: wrap; }
.footbottom-right { justify-content: flex-end; font-size: 15px; }

/*-------- Variable STYLES ----------------*/
:root {
	/* Site Colors: */
	--primary: #f06824; 		/* var(--primary, #f06824); 		rgba(240, 104, 36, 1); 	*/
	
	--hover-primary: #a84919; 	/* var(--hover-primary, #a84919); 	rgba(168, 73, 25, 1); 	*/
	--dprimary: #a84919; 		/* var(--dprimary, #a84919); 		rgba(168, 73, 25, 1); 	*/
	--dark-primary: #a84919; 	/* var(--dark-primary, #a84919); 	rgba(168, 73, 25, 1); 	*/
	--darker-primary: #a84919; 	/* var(--darker-primary, #a84919); 	rgba(168, 73, 25, 1); 	*/
	
	--xdred: #340e10; 		/* var(--xdred, #340e10); 		rgba(168, 73, 25, 1); 	*/
	--darkest-red: #340e10; /* var(--darkest-red, #340e10); rgba(168, 73, 25, 1); 	*/
	
	--lgray: #d4d4d4; 		/* var(--lgray, #d4d4d4); 		rgba(212, 212, 212, 1); */
	--light-gray: #d4d4d4; 	/* var(--light-gray, #d4d4d4); 	rgba(212, 212, 212, 1); */
	
	--mgray: #ccc; 			/* var(--mgray, #ccc); 			rgba(204, 204, 204, 1); */
	--med-gray: #ccc; 		/* var(--med-gray, #ccc); 		rgba(204, 204, 204, 1); */
	--medium-gray: #ccc; 	/* var(--medium-gray, #ccc); 	rgba(204, 204, 204, 1); */
	
	--mdgray: #222; 			/* var(--mdgray, #222); 			rgba(34, 34, 34, 1); 	*/
	--med-dark-gray: #222; 		/* var(--med-dark-gray, #222); 		rgba(34, 34, 34, 1); 	*/
	--medium-dark-gray: #222; 	/* var(--medium-dark-gray, #222); 	rgba(34, 34, 34, 1); 	*/
	
	--dgray: #222; 			/* var(--dgray, #222); 			rgba(34, 34, 34, 1); 	*/
	--dark-gray: #222; 		/* var(--dark-gray, #222); 		rgba(34, 34, 34, 1); 	*/
	
	--notblack: #141414; 	/* var(--notblack, #141414); 	rgba(20, 20, 20, 1); 	*/
	
	/* fonts */
	--font-family: 'poppins', sans-serif; /* var(--font-family, 'poppins', sans-serif); */
	
	--btn-size: 18px; 		/* var(--btn-size, 18px); */
	
	--paragraph-lg: 20px; 	/* var(--paragraph-lg, 20px); */
	--paragraph-ml: 17px; 	/* var(--paragraph-ml, 17px); */
	--paragraph-size: 15px; /* var(--paragraph-size, 15px); */
	--paragraph-sm: 14px;  	/* var(--paragraph-sm, 14px); */
	--paragraph-xs: 14px;  	/* var(--paragraph-xs, 14px); */
}

.red, .red, .orange, .primary { color: var(--primary, #f06824); }
.bg-red, .bg-red, .bg-orange, .bg-primary { background: var(--primary, #f06824); }

.hover-red, .hover-primary { color: var(--hover-primary, #a84919); }
.bg-hover-red, .hover-primary { background: var(--hover-primary, #a84919); }
.dred { color: var(--dprimary, #a84919); }
.bg-dred { background: var(--dprimary, #a84919); }
.dark-red { color: var(--dark-primary, #a84919); }
.bg-dark-red { background: var(--dark-primary, #a84919); }
.darker-red { color: var(--darker-primary, #a84919); }
.bg-darker-red { background: var(--darker-primary, #a84919); }

.lgray { color: var(--lgray, #d4d4d4); } 
.bg-lgray { background: var(--lgray, #d4d4d4); } 
.light-gray { color: var(--light-gray, #d4d4d4); }
.bg-light-gray { background: var(--light-gray, #d4d4d4); }

.mgray { color: var(--mgray, #ccc); }
.bg-mgray { background: var(--mgray, #ccc); }
.med-gray { color: var(--med-gray, #ccc); }
.bg-med-gray { background: var(--med-gray, #ccc); }
.medium-gray { color: var(--medium-gray, #ccc); }
.bg-medium-gray { background: var(--medium-gray, #ccc); }

.dgray { color: var(--dgray, #222); }
.bg-dgray { background: var(--dgray, #222); }
.dark-gray { color: var(--dark-gray, #222); }
.bg-dark-gray { background: var(--dark-gray, #222); }

.notblack { color: var(--notblack, #141414); }
.bg-notblack { background: var(--notblack, #141414); }

.bg-black { background: #000; }

/* fonts */
.font-family { font-family: var(--font-family, 'poppins', sans-serif); }

.btn-size { font-size: var(--btn-size, 18px); }

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.inv-foot-spacer { display: flex; width: 100%; height: 80px; background: #000; }

/* AT styles */
.list.listing { display: flex!important; }

/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (min-width: 2581px) {	/* MIND THE MIN-WIDTH */
	/*.hero .swiper-arrows { right: calc(50% - 1130px); }*/
}

@media only screen and (min-width: 2401px) {	/* MIND THE MIN-WIDTH */
	.brand-sect { padding-right: max(2.5%, calc(50% - 1200px)); }
	.other-brands { clip-path: polygon(0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 0% 100%); }
}

@media only screen and (min-width: 2021px) {	/* MIND THE MIN-WIDTH */
	.topheader { right: max(2%, calc(50% - 1040px)); clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 16px), calc(100% - 16px) 100%, 16px 100%, 0% calc(100% - 16px)); }
}


@media only screen and (min-width: 2001px) {	/* MIND THE MIN-WIDTH */
	.hero-slider { width: 1650px; right: max(12px, calc(50% - 1000px)); }
}

@media only screen and (max-width: 2000px) {
	.inv-btn { min-height: 130px; }
}

@media only screen and (max-width: 1500px) {
	/*.hero-slider { width: calc(100% - 60px); margin-left: -420px; }*/
	
	.inv-btn { padding-left: 24px; padding-right: 48px; }
	.inv-btn:after { right: 24px; }
	
	.service-feats .cta2-box { min-width: calc(50% - 16px); }
}

@media only screen and (max-width: 1380px) {
	.hide1380 { display: none!important; }
	
	.foot-main { flex-wrap: wrap; }
	.foot-logo-col { width: 100%; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly; align-items: center; padding-bottom: 40px; }
	.foot-logo { margin: 0 calc(50% - 220px); margin-bottom: 32px; }
	.footcol-inv { margin-right: -2%; }
}

@media only screen and (max-width: 1320px) {
	.dlr-header { padding-top: 50px; }
	.header-logo img { width: 100px; }
	.header-logo span { font-size: 25px; }
	.topheader { width: 100%; clip-path: none; justify-content: center; }
	.nav-div { padding-top: 0; }
	
	.showrooms-box { width: min(450px, calc(50% - 20px)); }
}

@media only screen and (max-width: 1280px) {
	.hide1280 { display: none!important; }
	
	.cta2-box { width: 100%; }
	.upfitting-feats .cta2-box, .upfitting-services .cta2-box { width: calc(50% - 16px)!important; }
}

@media only screen and (max-width: 1220px) {
	.title1 { font-size: 32px; }
	.title2 { font-size: 22px; }
	.title3 { font-size: 18px; }

	.subtitle1 { font-size: 20px; }
	.subtitle2 { font-size: 18px; }
	.subtitle3 { font-size: 16px; }
	
	.testimonial-box { min-width: calc(50% - 16px); flex-grow: 1; }
	.testimonial-box.width66, .testimonial-box.width100 { width: 100%; }
}

/* switch to mobile nav */
@media only screen and (max-width: 1200px) {
	.hero-slider { width: calc(100% - 140px); }
	
	.brand-sect { padding: 40px 2.5%; }
	.brand-sect-shadower { flex-direction: column; }
	.feat-brand, .other-brands { width: 100%; }
	.feat-brand { clip-path: polygon(32px 0%, calc(100% - 32px) 0%, 100% 32px, 100% calc(100% - 32px), 100% 100%, 0% 100%, 0% 32px); }
	.other-brands { clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% calc(100% - 32px), calc(100% - 32px) 100%, 32px 100%, 0% calc(100% - 32px)); }
	.feat-img-link, .brands-all { min-height: 25vw; }
}

@media only screen and (max-width: 1180px) {
	.about-mission { flex-wrap: wrap; }
	.about-mission .fancy-mission-content { width: 100%; order: 1; }
	.about-slider { width: 100%; order: 2; margin-right: 0; margin-top: 50px; max-height: 500px; }
}

@media only screen and (max-width: 1120px) {
	.inv-btn { width: 23.2%; }
	.inv-all { width: 30.4%; }
	
	.is-ctasect { width: 100%; }
	.connect-cta + .video-cta, #showroomspage .video-cta { padding-top: 0; }
	
	#contactpage .map-sect { order: 1; }
	#contactpage .contactinf-cta { padding-top: 0; order: 2; }
	#contactpage .formsect-cta { order: 3; }
}

@media only screen and (max-width: 1050px) {
	.hide1050 { display: none!important; }
	
	.foot-bottom { flex-direction: column; }
	.footbottom-left, .footbottom-center, .footbottom-right { justify-content: center!important; text-align: center; }
}

@media only screen and (max-width: 1010px) {
	.hide1010 { display: none!important; }
}

@media only screen and (max-width: 1000px) {
	.hero .swiper-arrows { bottom: 12px; }
	.swiper-button-next, .swiper-button-prev { width: 68px; height: 50px; }
	
	.inv-btn { min-height: 116px; }
	
	.team-box { width: calc(50% - 20px); }
	
	.foot-nav > a { min-height: 50px; }
}

@media only screen and (max-width: 980px) {
	
}

@media only screen and (max-width: 940px) {
	.hero { flex-direction: column-reverse; padding: 0; gap: 0; height: unset; }
	.hero-overlay, .hero-slider { width: 100%; }
	.hero-overlay { padding-left: 3%; padding-right: 3%; }
	.hero-slider { position: relative; right: unset; top: unset; width: 100%; margin: 0; height: max(250px, min(50vw, 400px)); border-right: none; /*border-bottom: 1px solid #d4d4d4; */}
	.hero-slider:before { display: none!important; }
	
	.inv-btns-sect { flex-wrap: wrap; }
	.inv-btn { width: 33.333333%; }
	.inv-all { width: 100%; clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 32px), calc(100% - 32px) 100%, 0% 100%); }
	
	.upfitting-feats .cta2-box, .upfitting-services .cta2-box { width: 100%!important; padding: 24px 5%!important; }
	.upfitting-feats .cta2-box img { max-height: 350px; }
	
	.foot-nav { width: calc(50% - 24px); }
}

@media only screen and (max-width: 900px) {
	.hide900 { display: none!important; }
	
	.fancy-mission { flex-direction: column; padding: 0 3.5%; }
	.fancy-mission-img { min-height: unset; width: 100%; margin-right: 0; max-height: 600px; }
	.fancy-mission-img.is-flag { width: 100%;  margin-right: 0; max-height: 300px; }
	.fancy-mission-content { padding: 40px 0; }
	.about-slider { margin-bottom: 20px; }
}

@media only screen and (max-width: 880px) {
	.other-brand { width: unset; flex-grow: 1; min-width: 50%; }
}

@media only screen and (max-width: 800px) {
	.team-box { padding: 24px 3.5%; }
	
	.testimonial-box { width: 100%; padding: 20px 3%; margin: 4px; }
	.testimonial-top { gap: 12px; margin-bottom: 12px; }
	
	form.dlr-form .smcol, form.dlr-form .xscol { width: 100%; }
}

@media only screen and (max-width: 750px) {
	.foot-logo { margin: 0 auto; }
	.foot-logo-col { flex-direction: column; align-items: center; }
}

@media only screen and (max-width: 710px) {
	.hide710 { display: none!important; }
}

@media only screen and (max-width: 700px) {
	.feat-logo, .feat-options { width: 100%; border-right: none; border-bottom: 1px solid var(--lgray, #d4d4d4); }
	.feat-logo img { max-height: 180px; padding: 32px; }
	
	.team-box, .team-box:hover { width: 100%; margin: 6px; padding: 20px 3%; }
}

@media only screen and (max-width: 650px) {
	.hide650 { display: none!important; }
	
	.inv-btn { width: 100%; min-height: unset; border-right: none; border-top: 1px solid #d4d4d4; }
	.inv-all { border-top: none; }
}

@media only screen and (max-width: 600px) {
	.hero .swiper-arrows { bottom: -25px; }
	
	.fancy-mission-img { width: 50%; }
	
	.feat-img-link, .brands-all { min-height: 35vw; }
	.feat-options a { padding-left: 24px; padding-right: 24px; }
	
	.testimonial-box { padding: 16px 3.5%; margin: 2px; box-shadow: none; }
	
	.cta2-box { padding: 24px 3.5%; }
}

@media only screen and (max-width: 540px) {
	.showrooms-box { width: 100%; }
	
	.footcol { width: 100%; align-items: center; text-align: center; }
	.footcol * { text-align: center; justify-content: center; }
	.foot-logo-col { padding-bottom: 0; }
}

@media only screen and (max-width: 520px) {
	.topheader a { width: 100%; padding-left: 4px!important; padding-right: 4px!important; text-align: center; margin-right: 0!important; }
	.topheader .icon-link { display: none!important; }
}

@media only screen and (max-width: 500px) {
	.header-logo img { width: 90px; }
	.header-logo span { font-size: 22px; }
	
	.colcount2 { column-count: 1; }
}

@media only screen and (max-width: 480px) {
	
}

@media only screen and (max-width: 400px) {
	.header-main { flex-wrap: wrap; padding-left: 0; }
	.nav-div { width: 100%; }
	.header-logo-div { width: 100%; }
}

@media only screen and (max-width: 380px) {
	.dlr-logo { flex-direction: column; }
	.dlr-logo span { text-align: center; }
	
	.btnclass { width: 100%; margin-left: auto; margin-right: auto; padding-left: 8px; padding-right: 8px; }
	
	.feat-options a { padding-left: 5%; padding-right: 5%; }
	
	.manu-stacked-link img { padding: 24px 8%; aspect-ratio: unset; }
}

@media only screen and (max-width: 350px) {
	.fancy-mission-img { width: 100%; }
}

@media only screen and (max-width: 300px) {
	
}