/***** 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 {}

a:link, a:visited, a:active, a:hover { text-decoration: none; }
hr { border: #000 1px solid; }
header, footer, section, main, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, img, i, ol, ul, li, form, label, :before, :after { box-sizing: border-box; }

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

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

.pe-header, header.pe-header, .headerleft, .header-logo, .nav-div { position: relative; display: flex; flex-direction: row; }
.pe-header, header.pe-header { z-index: 1004; width: 100%; background: #000; padding: 0 max(24px, calc(50vw - 1000px)); justify-content: space-between; align-items: stretch; }
.headerleft { width: min(100%, 240px); padding: 16px 0; align-items: center; }
.pe-logo, .pe-logo img { width: min(100%, 240px); display: flex; align-items: center; }
.header-logo { z-index: 3; justify-content: flex-start; }
.pe-logo img { height: auto; max-height: min(100%, 120px); object-fit: contain; }
.header-logo img { object-position: 0% 50%; }
.nav-div { z-index: 7; justify-content: flex-end; align-items: stretch; }
.header-floaters { position: absolute; z-index: 5; top: calc(100% + 24px); right: max(24px, calc(50vw - 1000px)); display: flex; flex-direction: row; align-items: center; gap: 12px; }

/* Site Colors: */
:root {
	--red: #e91801; 		/*	 var(--red); 			rgba(233, 24, 1, 1); 		*/
	--light-gray: #ddd; 	/*	 var(--light-gray); 	rgba(221, 221, 221, 1);		*/
	--gray: #bbb; 			/*	 var(--gray); 			rgba(187, 187, 187, 1); 	*/
	--med-gray: #333; 		/*	 var(--med-gray); 		rgba(51, 51, 51, 1); 		*/
	--dark-gray: #1b1b1b; 	/*	 var(--dark-gray); 		rgba(27, 27, 27, 1); 		*/
	--notblack: #101010; 	/*	 var(--notblack); 		rgba(16, 16, 16, 1); 		*/
}

/*---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, a.invisilink:hover span { color: var(--red); text-decoration: underline; }
.darkmode a.invisilink:hover, a.invisilink.darkmode:hover, .darkmode a.invisilink:hover span, a.invisilink.darkmode:hover span { color: #bbb; }

/* 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: 'urw-form', 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 { }*/
nav.primary, nav.mobile, .txt-default, .content-sect p, .pe-breadcrumb, .pe-breadcrumb-divider { font-family: 'urw-form', sans-serif; font-size: 16px; font-weight: 400; color: #000; transition: .25s ease all; }

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

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

.title, .title-h1, .title-h2, .title-h3, .title-h4, .invcat span { font-weight: 900; }
.title, .title-h1, .title-h2, .title-h3, .title-h4 { letter-spacing: 1px; }

.title-h1, .title.title-h1 { font-size: 36px; }
.title, .title-h2, .title.title-h2 { font-size: 32px; }
.title-h3, .title.title-h3 { font-size: 26px; }
.title-h4, .title.title-h4 { font-size: 22px; }

.subtitle, .subtitle-h1, .subtitle-h2, .subtitle-h3, .subtitle-h4 { font-weight: 400; letter-spacing: 2.5px; text-transform: uppercase; }

.subtitle-h1, .subtitle.subtitle-h1 { font-size: 26px; }
.subtitle, .subtitle-h2, .subtitle.subtitle-h2 { font-size: 24px; }
.subtitle-h3, .subtitle.subtitle-h3 { font-size: 20px; }
.subtitle-h4, .subtitle.subtitle-h4 { font-size: 17px; }

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

.side-vert { white-space: nowrap; transform: rotateZ(-90deg) translateX(50%); transform-origin: center; text-align: center; display: flex; justify-content: center; align-items: flex-start; width: 0px; height: 0px; }

/* buttons / links / <a> / ctas */
.btnclass, .btn-olined, .btn-olined-white, .btn-olined-black { min-width: 50px; min-height: 50px; padding: 8px 24px; border-width: 2px; border-style: solid; border-radius: 25px; background: var(--red); border-color: var(--red); color: #000; text-shadow: none; box-shadow: 0 2px 12px rgba(0, 0, 0, .4); display: flex; justify-content: center; align-items: center; gap: 12px; }

.btnclass, .btnclass span, .btnclass i, 
.btn-olined, .btn-olined span, .btn-olined i, 
.btn-olined-white, .btn-olined-white span, .btn-olined-white i, 
.btn-olined-black, .btn-olined-black span, .btn-olined-black i { position: relative; text-shadow: none; font-size: 16px; font-weight: 900; letter-spacing: 1.65px; text-transform: uppercase; text-align: center; cursor: pointer; transition: .25s ease all; }

.is-phone, .btnclass.is-phone, .is-phone span { font-size: 17px; letter-spacing: .75px; }

.btnclass span, .btn-olined span, .btn-olined-white span, .btn-olined-black span { text-align: left; }
.btnclass i, .btn-olined i, .btn-olined-white i, .btn-olined-black i {}

.btnclass {}
.btn-olined, .btnclass.btn-olined { background: none; border-color: var(--red); color: var(--red); box-shadow: none; }
.btn-olined, .btnclass.btn-olined, .btn-olined, .btnclass.btn-olined span, .btn-olined, .btnclass.btn-olined i { background: none; border-color: var(--red); color: var(--red); box-shadow: none; }

.btn-olined-white, .btnclass.btn-olined-white { background: none; border-color: #fff; color: #fff; }
.btn-olined-white, .btnclass.btn-olined-white, .btn-olined-white, .btnclass.btn-olined-white span, .btn-olined-white, .btnclass.btn-olined-white i { background: none; border-color: #fff; color: #fff; }

.btn-olined-black, .btnclass.btn-olined-black { background: none; border-color: #000; color: #000; text-shadow: none; }
.btn-olined-black, .btnclass.btn-olined-black, .btn-olined-black, .btnclass.btn-olined-black span, .btn-olined-black, .btnclass.btn-olined-black i { background: none; border-color: #000; color: #000; text-shadow: none; }

.icon-only, .btnclass.icon-only { padding: 8px!important; }

.btnclass:hover { background: #000; border-color: #000; color: #fff; text-shadow: none; }
.btn-hvr-oline .btnclass:hover, .btnclass.btn-hvr-oline:hover { outline: 1px solid #fff; }
.btnclass:hover span, .btnclass:hover i { color: #fff; text-shadow: none; }
.btn-olined:hover, .btnclass.btn-olined:hover, .btn-olined-white:hover, .btnclass.btn-olined-white:hover, .btn-olined-black:hover, .btnclass.btn-olined-black:hover { text-shadow: none; outline: none; }
.btn-olined:hover, .btnclass.btn-olined:hover { background: var(--red); border-color: var(--red); color: #000; text-shadow: none; }
.btn-olined:hover span, .btnclass.btn-olined:hover span, .btn-olined:hover i, .btnclass.btn-olined:hover i { color: #000; text-shadow: none; }
.btn-olined-white:hover, .btnclass.btn-olined-white:hover { background: #fff; border-color: #fff; color: #000; text-shadow: none; outline: none; }
.btn-olined-white:hover span, .btnclass.btn-olined-white:hover span, .btn-olined-white:hover i, .btnclass.btn-olined-white:hover i { color: #000; text-shadow: none; }
.btn-olined-black:hover, .btnclass.btn-olined-black:hover { background: #000; border-color: #000; color: #fff; text-shadow: none; outline: none; }
.btn-olined-black:hover span, .btnclass.btn-olined-black:hover span, .btn-olined-black:hover i, .btnclass.btn-olined-black:hover i { color: #fff; text-shadow: none; }

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

.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 > .subtitle + .title { margin-top: -16px; }
.content-sect > .title + .subtitle { margin-top: -12px; }

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

.horiz-sect { width: 100%; flex-wrap: wrap; justify-content: flex-start; align-items: center; column-gap: 16px; }
.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 { flex-wrap: wrap; }

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

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

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

.missionimg .my-swiper { width: calc(100% + 50px); height: 500px; }
.mission .missionimg .my-swiper .swiper-wrapper { width: calc(100% - 50px); }

.mission .missionimg:first-child .my-swiper { margin-left: -50px; }
.mission .missionimg:first-child .my-swiper .swiper-wrapper { float: right; }
.mission .missionimg:first-child .my-swiper .swiper-pagination { left: 1px!important; right: unset!important; }

.mission .missionimg:last-child .my-swiper { margin-right: -50px; }
.mission .missionimg:last-child .my-swiper .swiper-wrapper { float: left; }
.mission .missionimg:last-child .my-swiper .swiper-pagination { right: 1px!important; left: unset!important; }

.ctacard-sect { position: relative; width: 100%; padding: 32px max(24px, calc(50vw - 800px)); display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 32px; }
.ctacard { position: relative; width: calc(50% - 16px); padding: 24px; border-radius: 25px; box-shadow: 0 2px 16px #000; }
.bg-light-gray .ctacard { box-shadow: 0 2px 12px rgba(0, 0, 0, .3); }
.ctacard img, .ctacard iframe { position: relative; width: 100%; border-radius: 14px; }
.ctacard img { height: 150px; object-fit: cover; object-position: center; }

.swiper { width: 100%; }
.swiper * { transition: .25s ease all; }
.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; }
img.img-contain, .swiper-slide img.img-contain { object-fit: contain; }
.swiper-pagination { position: absolute; top: 50%!important; left: unset!important; right: 1px!important; transform: translateY(-50%)!important; width: 20px; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.swiper-pagination-bullet, .swiper-pagination-bullet-active { background: #fff; border-radius: 4px; width: 20px; margin: 4px 0!important; }
.swiper-pagination-bullet { opacity: .6; height: 20px; }
.swiper-pagination-bullet-active { opacity: 1; height: 60px; }

/* Homepage - default.htm */
.homepage, .subpage { position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; }
.homepage {}

.hero, .subhero { position: relative; width: 100%; background: #000; display: flex; }
.hero, .subhero, .invsect-padfw .inv-sect, .inv-sect.invsect-padfw { position: relative; width: 100%; padding-left: max(3.75vw, calc(50vw - 1000px)); padding-right: max(3.75vw, calc(50vw - 1000px)); }
.hero, .subhero { flex-direction: column; align-items: stretch; }
.hero { padding-top: 40px; padding-bottom: 40px; }

/*.hero:before { position: absolute; z-index: 3; content: ""; top: 0; left: 0; width: 100%; height: calc(100% - 248px); background-image: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 10px, rgba(0, 0, 0, 0) 42%, rgba(0, 0, 0, 0) 100%); pointer-events: none; }*/
.hero:before { position: absolute; z-index: 3; content: ""; top: 0; left: 0; width: 100%; height: calc(100% - 498px); background-image: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 10px, rgba(0, 0, 0, 0) 42%, rgba(0, 0, 0, 0) 100%); pointer-events: none; }

/*.hero > img, .hero .mySwiper1 { height: calc(100% - 250px); }*/
.hero > img, .hero .mySwiper1 { height: calc(100% - 500px); filter: brightness(.65); }

.hero .mySwiper1 { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; background: #000; }
.swiper-pagination1 { transform: none!important; top: 0!important; left: unset!important; right: max(24px, calc(50vw - 1000px))!important; height: 520px; }

.hero-overlay { position: relative; z-index: 7; }
.hero .hero-overlay { padding: 50px 0; max-width: 80vw; min-height: 480px; pointer-events: none; }
.hero .hero-overlay .stacked-title span, .hero-overlay .btnclass { width: unset; pointer-events: all; }

.inv-sect { position: relative; z-index: 9; width: min(100%, 1400px); margin: 0 auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; column-gap: 24px; row-gap: 40px; }

.invsect-padfw .inv-sect, .inv-sect.invsect-padfw { padding-top: 40px; padding-bottom: 40px; background: #000; }

/*.invsect-bg-gradient .inv-sect, .inv-sect.invsect-bg-gradient { background: unset; background-image: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 33%, rgba(0, 0, 0, 0) 100%); padding-top: 0; }
.invsect-bg-gradient .inv-sect .inv-side, .inv-sect.invsect-bg-gradient .inv-side { box-shadow: 0 4px 20px rgba(0, 0, 0, .4); }*/

.inv-side { position: relative; width: calc(50% - 12px); height: 412px; padding: 24px 46px 24px 66px; background: var(--dark-gray); border-radius: 25px; box-shadow: 0 4px 20px #000; display: flex; flex-direction: row; align-items: center; column-gap: 24px; row-gap: 16px; }
.inv-side .side-vert { position: absolute; top: 50%; left: 16px; color: var(--gray)!important; }

.inv-cats-holder, .searchforms-holder { position: relative; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: stretch; justify-content: center; }

.inv-catsbox {}
.inv-cats-holder { flex-wrap: wrap; column-gap: 12px; }
.inv-cats-holder .btnclass, .inv-cats-holder .invcat { width: calc(50% - 6px); }
.inv-cats-holder .btnclass { font-size: 18px; padding: 12px 8px; margin-bottom: 4px; }
.invcat { position: relative; padding: 13px 12px 10px 12px; display: flex; flex-direction: column; align-items: center; row-gap: 6px; transition: .25s ease all; border-radius: 25px; }
.invcat img { width: 100%; height: 40px; padding-top: 8px; object-fit: contain; object-position: center; filter: saturate(0) brightness(3.1); transition: .25s ease all; }
.invcat span { font-family: 'noka', sans-serif; font-size: 17px; letter-spacing: .5px; text-transform: uppercase; text-align: center; color: #fff; }

.invcat:hover { background: #000; }
.invcat:hover img { filter: saturate(1) brightness(1); padding-top: 0; }
.invcat:hover span { color: var(--red); }

.inv-searchbox {}
.searchforms-holder {}
.togglers-holder { margin-bottom: 28px; display: flex; flex-direction: row; justify-content: center; align-items: center; column-gap: 12px; row-gap: 4px; }
.searchtoggler { font-size: 15px!important; }
#EQ-form-toggler {}
#ATT-form-toggler {}
#PARTS-form-toggler {}
.forms-holder { position: relative; min-height: 260px; display: flex; }

.togglers-holder a.active { pointer-events: none; background: var(--red); border-color: var(--red); color: #000; }
.togglers-holder a:not(.active) { pointer-events: all; background: none; border-color: var(--red); color: var(--red); box-shadow: none; cursor: pointer; }
.togglers-holder a:not(.active):hover { background: var(--red); border-color: var(--red); color: #000; cursor: pointer; }
.forms-holder, .forms-holder form { width: 100%; }
.forms-holder { position: relative; display: flex; }
.forms-holder form.pe-form { position: absolute; top: 0; left: 0; row-gap: 10px; }
.forms-holder form.pe-form:not(.active) { opacity: 0; pointer-events: none; }
.forms-holder form.pe-form.active { display: flex!important; opacity: 1; pointer-events: all; }
.forms-holder form.pe-form button[type="submit"], .forms-holder form.pe-form input[type="submit"] { width: 100%; }

.ctabtn-xl { position: relative; width: calc(100% - 80px); padding: 32px 40px; display: flex; justify-content: space-between; align-items: center; column-gap: 20px; row-gap: 16px; background: var(--red); color: #000!important; border-radius: 54px; transition: .3s ease all; }
.ctabtn-xl > span { font-family: 'noka', sans-serif; font-size: 28px; font-weight: 900; letter-spacing: 3px; text-transform: uppercase; transition: .3s ease all; }
.ctabtn-xl > i { font-size: 34px; transition: .3s ease all; }
a.ctabtn-xl:hover { padding-left: 56px; padding-right: 56px; background: var(--gray); }

.testimonial-sect { display: flex; align-items: stretch; column-gap: 40px; }
.testimonial-sect * { transition: .25s ease all; }
.testimonial-sect > .content-sect { width: calc(50% - 60px); }
.testimonial-sect .testimonial-slider-holder { width: calc(50% + 20px); display: flex; justify-content: center; align-items: center; }
.testimonial-sect .my-swiper {}
.testimonial-sect .swiper-wrapper { width: calc(100% - 50px); }
.testimonial-sect .my-swiper .swiper-slide { height: auto; }
.testimonial-sect .my-swiper .swiper-slide.swiper-slide-active .testimony-holder { opacity: 1; }
.testimonial-sect .my-swiper .swiper-slide:not(.swiper-slide-active) .testimony-holder { opacity: 0; }
.testimonial-sect .my-swiper .swiper-wrapper {}
.testimonial-sect .my-swiper .swiper-pagination { right: 1px!important; left: unset!important; }

.is-testimonial { position: relative; padding: 40px 0; }
.testimony-holder { position: relative; width: 100%; transition: .2s ease all; padding: 24px 32px; background: var(--light-gray); box-shadow: 0 4px 20px rgba(0, 0, 0, .4); border-radius: 25px; border-bottom-right-radius: 0; }
.is-testimonial .stars-holder { position: absolute; z-index: 3; bottom: 18px; right: 32px; display: flex; justify-content: flex-end; align-items: center; opacity: .15; pointer-events: none; }
.is-testimonial .stars-holder i { position: relative; color: #000; font-size: 28px; margin: 0 -1px; }
.is-testimonial p.txt-default { position: relative; z-index: 2; width: 100%; }
.is-testimonial p.txt-default, .is-testimonial p.txt-default span { text-align: left; color: #000; font-size: 14px!important; line-height: 1.6; }

/* subpages */
.subpage {}

.subhero { padding-top: 84px; padding-bottom: 32px; }
.subhero:before { position: absolute; z-index: 3; content: ""; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(90deg, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, .5) 30%, rgba(0, 0, 0, .2) 100%); pointer-events: none; }

.subhero .subtitle-h1 { font-size: 20px; }

.pe-breadcrumbs { position: relative; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; gap: 12px; margin-bottom: -10px; }
.pe-breadcrumbs .pe-breadcrumb, .pe-breadcrumbs .pe-breadcrumb-divider { font-size: 14px; color: #ccc; }
.pe-breadcrumbs .pe-breadcrumb { text-transform: uppercase; }
.pe-breadcrumbs .pe-breadcrumb-divider { width: unset; margin-top: 2px; }
.pe-breadcrumbs a.pe-breadcrumb:hover { color: #fff; }

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

/* contact-us.htm */
.contactpage {}

#locations { padding-left: max(60px, calc(50vw - 960px)); padding-right: max(60px, calc(50vw - 960px)); }
#locations .side-vert { position: absolute; top: 50%; left: max(16px, calc(50vw - 1000px)); color: var(--gray)!important; }
.loccard { font-family: 'urw-form', sans-serif; }
.loccard * { transition: .25s ease all; }
.loccard iframe { height: 250px; }
.loccard .loc-addr, .loccard .loc-note { font-size: 18px; }
.loccard .loc-addr { margin-top: 4px; margin-bottom: 4px; color: #fff; }
.loccard .loc-name { font-size: 32px!important; margin-bottom: 0!important; padding-bottom: 6px!important; }
.loccard .loc-note { line-height: 1.6; margin-bottom: 2px; }

/* location pages: belle-center.htm & huntsville.htm */
.indilocationpage {}

.indiloc-mission { padding-left: max(5vw, calc(50vw - 700px)); padding-right: max(5vw, calc(50vw - 700px)); }
.indiloc-mission > .content-sect { width: calc(50% - 80px); }
.indiloc-mission .missionimg { width: 50%; }
.indiloc-mission iframe { width: 100%; height: 400px; border-radius: 14px; }

.fake-loccard { background: none; }

.bellecenterpage {}

.huntsvillepage {}

/* parts.htm */
.partspage {}

/* service.htm */
.servicepage {}

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

/* 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-upper { text-transform: uppercase; }

.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, .shadowed .title, .shadowed .subtitle, .shadowed p { text-shadow: 1px 1px 0 #000, 0 0 20px #000; }

.txt-red, .footnav a.txt-red { color: var(--red); }
.txt-light-gray {colord: var(--light-gray); }
.txt-gray { color: var(--gray); }
.txt-med-gray { color: var(--med-gray); }
.txt-dark-gray { color: var(--dark-gray); }
.txt-notblack { color: var(--notblack); }
.txt-black { color: #000; }

.bg-red { background: var(--red); }
.bg-light-gray { background: var(--light-gray); }
.bg-gray { background: var(--gray); }
.bg-med-gray { background: var(--med-gray); }
.bg-dark-gray { background: var(--dark-gray); }
.bg-notblack { background: var(--notblack); }
.bg-black { background: #000; }
.bg-white { background: #fff; }

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

.bg-tracks, .pe-footer, footer.pe-footer { position: relative; background-image: url('/siteart/bg-tracks.png'); background-size: min(100%, 1400px); background-position: center; background-repeat: no-repeat; }
.bg-tracks {}
.bg-tracks p { background: rgba(221, 221, 221, .7); }

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

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

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

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

.margb-neg40 { margin-bottom: -40px; }
.margb-neg8 { margin-bottom: -8px; }
.margb-8 { margin-bottom: 8px; }
.margb-16 { margin-bottom: 16px; }
.margb-20 { margin-bottom: 20px; }
.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-24 { row-gap: 24px; }
.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-tt-unset { text-transform: unset!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.pe-form { position: relative; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; column-gap: 24px; }

form.pe-form .formrow { width: 100%; display: flex; justify-content: center; }
form.pe-form .formrow-captcha { width: 100%; display: flex; flex-direction: column; align-items: center; margin-top: 8px; }
form.pe-form .smcol { width: calc(33.333333% - 16px); display: flex; flex-direction: column; align-items: flex-start; }

form.pe-form label { font-family: 'urw-form', sans-serif!important; width: 100%; padding: 16px 12px; box-sizing: border-box; color: #ddd; font-size: 16px; line-height: 1.4; letter-spacing: .5px; }
form.pe-form select, form.pe-form input, form.pe-form input[type="text"], form.pe-form input[type="email"], form.pe-form textarea, form.pe-form #CaptchaAnswer { font-family: 'urw-form', sans-serif!important; width: 100%; height: 42px; padding: 12px 20px; box-sizing: border-box; background: var(--med-gray); color: #fff; font-size: 15px; font-weight: 400; line-height: 1.2; letter-spacing: .5px; border: none; border-radius: 25px!important; outline: 1px solid #000; text-transform: uppercase; }
form.pe-form textarea { height: 120px; }
form.pe-form select { background: var(--med-gray); border-right: 20px solid var(--med-gray)!important; }

.lg-formsect form.pe-form select, .lg-formsect form.pe-form input, .lg-formsect form.pe-form input[type="text"], .lg-formsect form.pe-form input[type="email"], .lg-formsect form.pe-form textarea, .lg-formsect form.pe-form #CaptchaAnswer { text-transform: none; }

.input-placeholder-div { position: relative; width: 100%; }
.has-placeholder { position: relative; z-index: 2; }
.input-placeholder { position: absolute; z-index: 5; top: calc(50% - 1px); transform: translateY(-50%); left: 20px; pointer-events: none; font-size: 15px; font-weight: 400; letter-spacing: .5px; color: #fff; transition: .2s ease all; font-family: 'urw-form', sans-serif!important; }
.input-placeholder.ip-textarea { top: 11px!important; transform: none!important; }
.has-placeholder:focus ~ .input-placeholder { display: none!important; opacity: 0!important; transition: .3s ease all; }
.input-placeholder.hidden { display: none!important; opacity: 0!important; transition: .3s ease all; }

form.pe-form a:not(.invisilink) { cursor: pointer; margin: 20px 0 0 0; }
form.pe-form .CaptchaMessagePanel { font-family: 'urw-form', sans-serif!important; color: #fff!important; letter-spacing: .5px; }
form.pe-form #CaptchaAnswer { width: 180px!important; }
form.pe-form div.CaptchaWhatsThisPanel a { font-family: 'urw-form', sans-serif!important; transition: .15s ease all; color: #fff!important; letter-spacing: .5px; }
form.pe-form div.CaptchaWhatsThisPanel a:hover { text-decoration: underline; }
form button[type="submit"], form input[type="submit"] { cursor: pointer; }

.formsect-mission { flex-direction: row; column-gap: 60px; }
.formsect-mission > .content-sect { width: calc(50% - 60px); }
.formsect-mission form.pe-form { width: 50%; }

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

.pe-footer, footer.pe-footer { position: relative; width: 100%; padding: 80px max(7vw, calc(50vw - 750px)); display: flex; flex-direction: row; justify-content: space-between; align-items: center; column-gap: 24px; row-gap: 40px; background-color: #000; }

.footcol { position: relative; z-index: 3; display: flex; flex-direction: column; justify-content: center; }
.footnav, .footsoc { width: min(320px, calc(50% - 150px)); }

.footnav { align-items: flex-start; }
.footnav a, .footnav-a { position: relative; padding: 2px 12px; min-height: 28px; display: flex; justify-content: flex-start; align-items: center; column-gap: 12px; }
.footnav a, .footnav-a, .footnav-a i, .footnav-a span { color: #fff; text-transform: uppercase; transition: .2s ease all; }
.footnav a:after, .footnav-a.with-after:after { position: relative; font-size: 14px; font-family: 'Font Awesome 7 Free', icon; content: "\f35a"; font-weight: 900; opacity: 0; margin-left: -16px; color: #fff; transition: .3s ease all; }
.footnav a:hover, a.footnav-a:hover, a.footnav-a:hover i, a.footnav-a:hover span { color: var(--red); }
.footnav a:hover:after, a.footnav-a.with-after:hover:after { opacity: 1; margin-left: 0; color: var(--red); }

.foot-logo-col { align-items: center; width: min(240px, 100%); }
.foot-logo { justify-content: center; }
.foot-logo img { object-position: center; }

.footsoc { align-items: flex-end; row-gap: 16px; }

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.invpage {}

.invpage .pe-footer { padding-bottom: 120px!important; }

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

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

@media only screen and (min-width: 2001px) {	/* MIND THE MIN-WIDTH */
	
}

@media only screen and (max-width: 1700px) {
	.mission .missionimg .my-swiper { width: calc(100% + 20px); }
	.mission .missionimg:first-child .my-swiper { margin-left: -20px; }
	.mission .missionimg:last-child .my-swiper { margin-right: -20px; }
}

@media only screen and (max-width: 1650px) {
	.missionimg .my-swiper { height: 450px; }
}

@media only screen and (max-width: 1500px) {
	.missionimg .my-swiper { height: 400px; }
}

@media only screen and (max-width: 1400px) {
	.bg-tracks, .pe-footer, footer.pe-footer { background-size: cover; }
}

@media only screen and (max-width: 1320px) {
	.missionimg .my-swiper { height: 350px; }
	
	.inv-cats-holder .btnclass { font-size: 17px; }
	
	.testimonial-sect { flex-direction: column; padding-top: 20px; padding-bottom: 40px; }
	.testimonial-sect > .content-sect, .testimonial-sect .testimonial-slider-holder { width: 100%; }
	.testimonial-sect > .content-sect { padding-bottom: 24px; }
}

@media only screen and (max-width: 1320px) and (min-width: 800px) {	/* MIND THE MAX-MIN-WIDTH */
	.testimonial-sect > .content-sect { flex-direction: row; justify-content: space-between; align-items: center; column-gap: 50px; }
	.testimonial-sect > .content-sect > *:first-child { max-width: calc(100% - 250px); }
}

@media only screen and (max-width: 1300px) {
	.invcat span { font-size: 16px; }
	.togglers-holder { column-gap: 10px; }
	.searchtoggler { font-size: 14px !important; }
}

@media only screen and (max-width: 1280px) {
	.pe-header, header.pe-header { padding-left: 16px; padding-right: 16px; }
	
	.headerleft { width: min(100%, 210px); }
	.pe-logo, .pe-logo img { width: min(100%, 210px); }
	
	.inv-side { height: 394px; padding-top: 20px; padding-bottom: 20px; }
	.inv-cats-holder .btnclass { font-size: 16px; }
	
	#locations .side-vert { position: relative; top: unset; left: unset; width: unset; height: unset; transform: none; }
	.loccard { width: 100%; }
}

@media only screen and (max-width: 1250px) {
	.pe-footer, footer.pe-footer { padding: 60px 5vw; }
}

@media only screen and (max-width: 1220px) {
	.title-h1, .title.title-h1 { font-size: 32px; }
	.title, .title-h2, .title.title-h2 { font-size: 28px; }
	.title-h3, .title.title-h3 { font-size: 24px; }
	.title-h4, .title.title-h4 { font-size: 20px; }

	.subtitle-h1, .subtitle.subtitle-h1 { font-size: 22px; }
	.subtitle, .subtitle-h2, .subtitle.subtitle-h2 { font-size: 19px; }
	.subtitle-h3, .subtitle.subtitle-h3 { font-size: 17px; }
	.subtitle-h4, .subtitle.subtitle-h4 { font-size: 15px; }
	
	.inv-side { padding-left: 56px; padding-right: 36px; }
	.togglers-holder { column-gap: 6px; }
	.searchtoggler { font-size: 13px !important; }
	.ctabtn-xl > span { font-size: 24px; }
	.ctabtn-xl > i { font-size: 28px; }
}

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

/* switch to mobile nav */
@media only screen and (max-width: 1180px) {
	.pe-header, header.pe-header { padding-left: max(12px, min(24px, 5vw)); padding-right: 0; }
	
	.hero .inv-sect { width: calc(100% + 5vw); margin-left: -2.5vw; margin-right: -2.5vw; }
	.inv-sect { column-gap: 16px; row-gap: 24px; }
	.ctabtn-xl { width: calc(100% - 40px); }
}

@media only screen and (max-width: 1120px) {
	.indiloc-mission { flex-direction: column; }
	.indiloc-mission.mission-cr { flex-direction: column-reverse; }
	.indiloc-mission > .content-sect, .indiloc-mission .missionimg { width: 100%; padding: 0; }
}

@media only screen and (max-width: 1080px) {
	.hero:before { height: 562px; }
	.hero > img, .hero .mySwiper1 { height: 560px; }
	.swiper-pagination1 { height: 460px; }
	.hero .hero-overlay { min-height: 420px; padding-bottom: 80px; }
	
	.hero .inv-sect { width: 100%; margin-left: 0; margin-right: 0; }
	.inv-sect { row-gap: 16px; }
	.inv-side { width: min(100%, 800px); height: unset; }
	.inv-cats-holder { height: 340px; }
	.forms-holder { min-height: unset; }
	.forms-holder form.pe-form.active { position: relative; }
	.inv-sect .ctabtn-xl { margin-top: 16px; }
	.ctabtn-xl { width: 100%; }
	
	.mission { flex-direction: column; }
	.mission.mission-cr { flex-direction: column-reverse; }
	.mission > .content-sect, .mission .missionimg { width: 100%; }
	.mission > .content-sect { padding: 0; }
}

@media only screen and (max-width: 1020px) {
	.bg-tracks, .pe-footer, footer.pe-footer { background-position: 90% 50%; }
	
	.pe-footer, footer.pe-footer { padding: 50px 3.5vw; }
}

@media only screen and (max-width: 1000px) {
	.title-h1, .title.title-h1 { font-size: 30px; }
	.title, .title-h2, .title.title-h2 { font-size: 26px; }
	.title-h3, .title.title-h3 { font-size: 22px; }
	.title-h4, .title.title-h4 { font-size: 18px; }

	.subtitle-h1, .subtitle.subtitle-h1 { font-size: 18px; }
	.subtitle, .subtitle-h2, .subtitle.subtitle-h2 { font-size: 17px; }
	.subtitle-h3, .subtitle.subtitle-h3 { font-size: 15px; }
	.subtitle-h4, .subtitle.subtitle-h4 { font-size: 14px; }
	
	.ctacard-sect { padding-left: 5vw; padding-right: 5vw; }
	.ctacard { width: 100%; }
}

@media only screen and (max-width: 950px) {
	.pe-footer, footer.pe-footer { flex-direction: column; }
	.foot-logo-col { order: 1; margin-bottom: 16px; }
	.footnav, .footsoc { align-items: center; width: 100%; }
	.footsoc { order: 2; }
	.footnav { order: 3; }
	.footnav a { justify-content: center; min-height: 50px; text-align: center; }
	.footnav a:after { margin-left: -26px; }
	.footnav a:hover { text-align: left; }
}

@media only screen and (max-width: 850px) {
	.smcol { width: 100%!important; }
}

@media only screen and (max-width: 800px) {
	.hide800 { display: none!important; }
	
	.pe-header, header.pe-header { padding-left: max(12px, min(16px, 5vw)); padding-right: 0; }
	.headerleft { padding: 12px 0; }
	.pe-logo, .pe-logo img { max-height: 48px; }
	.header-floaters { top: calc(100% + 12px); right: max(12px, min(16px, 5vw)); }
	
	.subhero { padding-top: 76px; padding-bottom: 24px; }
	
	#locations { padding-left: 5vw; padding-right: 5vw; row-gap: 24px; }
}

@media only screen and (max-width: 750px) {
	.ctabtn-xl { padding: 30px 32px; }
	a.ctabtn-xl:hover { padding-left: 42px; padding-right: 42px; }
	.ctabtn-xl > span { font-size: 20px; }
	.ctabtn-xl > i { font-size: 24px; }
}

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

@media only screen and (max-width: 600px) {
	.hero .inv-sect { width: 100%; margin-left: 0; margin-right: 0; }
	.inv-sect { row-gap: 16px; }
	.inv-side { width: min(100%, 800px); height: unset; flex-direction: column; padding: 24px 32px; }
	.inv-side .side-vert { position: relative; top: unset; left: unset; transform: none; width: 100%; height: unset; white-space: normal; }
	.forms-holder { min-height: unset; }
	.forms-holder form.pe-form.active { position: relative; }
	.inv-sect .ctabtn-xl { margin-top: 16px; }
	.ctabtn-xl { width: 100%; }
	
	#locations { padding-left: 2.5vw; padding-right: 2.5vw; }
	
	.bg-tracks, .pe-footer, footer.pe-footer { background-position: 78% 50%; }
}

@media only screen and (max-width: 550px) {
	.inv-side { padding: 20px 24px; }
	.ctabtn-xl, a.ctabtn-xl:hover { border-radius: 25px; padding-left: 5vw; padding-right: 5vw; }
}

@media only screen and (max-width: 520px) {
	.inv-side { padding-left: 3.5vw; padding-right: 3.5vw; }
}

@media only screen and (max-width: 500px) {
	.inv-cats-holder { column-gap: 6px; }
	.inv-cats-holder .btnclass, .inv-cats-holder .invcat { width: calc(50% - 3px); }
	.inv-cats-holder .btnclass, .searchtoggler{ border-radius: 20px; }
	.inv-cats-holder .invcat { padding-left: 4px; padding-right: 4px; border-radius: 8px; }
	.invcat span { font-size: 15px; letter-spacing: 1px; }
	.searchtoggler{ padding-left: 16px; padding-right: 16px; }
}

@media only screen and (max-width: 480px) {
	.ctabtn-xl > span { font-size: 18px; letter-spacing: 2px; }
	.ctabtn-xl > i { font-size: 20px; }
}

@media only screen and (max-width: 450px) {
	.inv-cats-holder { column-gap: 0; align-content: center; }
	.inv-cats-holder .invcat { width: 50%; }
	.invcat span { font-size: 14px; }
	.togglers-holder { column-gap: 5px; }
	.searchtoggler { padding-left: 12px; padding-right: 12px; }
}

@media only screen and (max-width: 445px) {
	.inv-cats-holder { height: 100%; align-items: center; }
	.inv-cats-holder .btnclass, .inv-cats-holder .invcat { width: 100%; }
	#allTurfBtn { margin-top: 12px; }
}

@media only screen and (max-width: 445px) and (min-width: 401px) {	/* MIND THE MAX-MIN-WIDTH */
	.inv-cats-holder .btnclass br { display: none!important; }
}

@media only screen and (max-width: 420px) {
	.togglers-holder { flex-direction: column; }
	.searchtoggler { width: 100%; }
}

@media only screen and (max-width: 400px) {
	.ctabtn-xl { flex-direction: column; }
	.ctabtn-xl span { text-align: center; }
}

@media only screen and (max-width: 380px) {
	.pe-header, header.pe-header { flex-direction: column; padding: 0; }
	.headerleft, .nav-div, .header-logo { width: 100%; justify-content: stretch; }
	.header-logo img { width: 100%; object-position: center; padding: 0 12px; }
	
	.hero .hero-overlay { max-width: calc(100% - 40px); }
}

@media only screen and (max-width: 300px) {
	.btnclass { width: 100%!important; margin-left: auto; margin-right: auto; padding-left: 8px; padding-right: 8px; border-radius: 16px; }
	.btnclass.icon-only { width: 50px!important; }
}

@media only screen and (max-width: 250px) {
	.bg-tracks, .pe-footer, footer.pe-footer { background-image: none; }
}