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

}

a:link, a:visited, a:active, a:hover { text-decoration: none; }
hr { border: #000 1px solid; }
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 {  }

.equipt-header {
	position: relative; z-index: 1004; width: 100%; padding: 0 max(2%, calc(50% - 1000px)); 
	display: flex; justify-content: space-between; align-items: center; 
	box-shadow: 0 0 8px rgba(0, 0, 0, .25); 
}
.header-left, .header-right { display: flex; align-items: center; }
.header-left { justify-content: flex-start; column-gap: 18px; }
.header-logo, .header-logo img { height: 95px; }
.header-logo img {
	width: auto; padding: 8px 0; 
	object-fit: contain; object-position: center; 
}
.nav-div {
	height: 80px; 
	display: flex; justify-content: flex-start; align-items: stretch; 
}
.header-right { justify-content: flex-end; column-gap: 16px; }
.header-right .listed { color: #fff; padding: 12px; }

/* Site Colors: 

	Lightest / Hover Blue: #b5caf2; 

	--> Logo Blue (blue1): #1f56bd; <--
	
	Med Blue (blue2): #222d41; 
	Med-Dark Blue (blue3): #182337; 
	Darkest Blue (hero): #141c2b; rgb(20, 28, 43); 

	btn-gray txt color: #303030; 
	Darkest Gray (dgray): #282828; 
	Not-Black (notblack): #181818; 
	Black: #000; 

Gray Options: 
	navs as: #f2f2f2; 
	btn-gray bg: #eee; 
	cta icons fill: #e0e0e0; 
	subtitle on ctas: #ddd; 
	subtitle on blue3: #cecece; 
	: #c0c0c0; 
	: #bbb; 
	
*/
/*---BODY--------------------------------*/

.invisilink {
	display: inline; font-size: inherit; font-weight: inherit; 
	line-height: inherit; letter-spacing: inherit; color: inherit; 
	transition: .2s ease all; 
}
a.invisilink:hover { color: #1f56bd; text-decoration: underline; }
a.invisilink.txt-blue1:hover { color: #222d41; }
.is-dark-bg a.invisilink:hover, a.invisilink.has-dark-bg:hover, .bg-blue1 a.invisilink:hover, .bg-blue2 a.invisilink:hover, .bg-blue3 a.invisilink:hover, .bg-dgray a.invisilink:hover, .bg-notblack a.invisilink:hover, a.invisilink.txt-blue1:hover { color: #1f56bd; }

.bg-blue3 { background: #182337; }
.bg-dgray { background: #282828; }
.bg-notblack { background: #181818; }

/* Text / Titles / Paragraphs / <h1><h2><h3><h4> / <p> */
/* global font */
.homepage *, .subpage *, .equipt-header *, .equipt-footer *, 
.txt-default, .content-sect p, .title, .subtitle, 
.btnclass, .listed, .invisilink {
	font-family: "overpass-variable", sans-serif; 
}

.txt-default, .content-sect p, .sb-sect p, .is-testimony p, .article-preview p {
	font-size: 16px; font-variation-settings: "wght" 500; line-height: 1.7; letter-spacing: .3px; 
}

.title {
	font-variation-settings: "wght" 900; line-height: 1.3; letter-spacing: -0.4px; width: 100%; 
}
.title-xl, .title-xl .title { font-size: 50px; }
.title-lg, .title-lg .title { font-size: 42px; }
.title-med, .title-med .title { font-size: 36px; }
.title-sm, .title-sm .title { font-size: 28px; }
.title-xs, .title-xs .title { font-size: 24px; }

.subtitle {
	font-variation-settings: "wght" 600; line-height: 1.5; text-transform: uppercase; width: 100%; 
}
.title-xl .subtitle, .subtitle.title-xl { font-size: 24px; }
.title-lg .subtitle, .subtitle.title-lg { font-size: 22px; }
.title-med .subtitle, .subtitle.title-med { font-size: 20px; }
.title-sm .subtitle, .subtitle.title-sm { font-size: 17px; }
.title-xs .subtitle, .subtitle.title-xs { font-size: 15px; }

.multi-title {
	width: 100%; 
	display: flex; flex-direction: column; align-items: flex-start; row-gap: 8px; 
}
.multi-title.center-style { align-items: center; }
.multi-title.center-style .title, .multi-title.center-style .subtitle { align-items: center; }

.subtitle-vert {
	font-variation-settings: "wght" 900; text-transform: uppercase; 
}

/* buttons / links / <a> / ctas */
.btnclass {
	position: relative; padding: 13px 24px; background: #1f56bd; color: #fff; 
	font-size: 18px; font-variation-settings: "wght" 650; text-align: center; 
	display: flex; justify-content: center; align-items: center; 
	box-shadow: 0 2px 12px rgba(0, 0, 0, .2); transition: .3s ease all; 
}
.btn-gray { background: #ddd; color: #303030; }
.btn-black { background: #000; color: #fff; }
.btnclass:hover { background: #222d41; color: #fff; cursor: pointer; }

.listed {
	position: relative; padding: 6px 2px; 
	font-size: 18px; font-variation-settings: "wght" 600; color: #000;
	display: flex; justify-content: flex-start; align-items: center; 
	transition: .3s ease all; 
}
.listed i { width: 22px; text-align: center; margin-right: 14px; }
a.listed:hover, .feat-p-sect .content-sect a.listed:hover { color: #1f56bd; }

/* sections */
.fw-col {
	position: relative; width: 100%; 
	display: flex; flex-direction: column; align-items: stretch; 
}

.content-sect {
	display: flex; flex-direction: column; align-items: flex-start; justify-content: center; row-gap: 16px; 
}
.content-sect.center-style { align-items: center; justify-content: center; }

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

.content-sect.center-style .title, .content-sect.center-style p { text-align: center; }

.horiz-sect {
	width: 100%; 
	display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; column-gap: 24px; row-gap: 16px; 
}
.horiz-sect.center-style, .content-sect.center-style .horiz-sect { justify-content: center; }
.horiz-sect.righty { justify-content: flex-end; }

.sb-sect {
	display: flex; flex-direction: row; justify-content: space-between; align-items: center; 
	column-gap: 60px; row-gap: 16px; 
}
.sb-sect p { flex-grow: 1; }

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

.missionimg { position: relative; }
.missionimg img {
	position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
	object-fit: cover; object-position: center; 
}
.missionimg.missionimg-contain img { object-fit: contain; }

.feat-p-sect {
	position: relative; width: 100%; padding: 60px max(5%, calc(50% - 900px)); 
	display: flex; flex-direction: column; align-items: center; justify-content: center; 
}
.feat-p-sect > .content-sect {
	position: relative; z-index: 3; width: min(85%, 1100px); padding: 40px 50px; 
	background: #fff; box-shadow: 0 4px 20px rgba(0, 0, 0, .8); 
}
.feat-p-sect .subtitle-vert {
	z-index: 1; font-size: 32px; line-height: 32px; 
	
	/* the following is for positioning. DO NOT SCREW THIS UP */
    position: absolute;
	top: calc(100% - 40px);
    right: calc(100% + 2px);
    color: #fff;
    opacity: 0.5;
    white-space: nowrap;
    transform: rotateZ(-90deg) translateX(100%);
    transform-origin: bottom right;
}
.feat-p-sect .content-sect .title, .feat-p-sect .content-sect p, .feat-p-sect .content-sect .listed {
	color: #000; 
}
.feat-p-sect .content-sect .subtitle {
	color: #202020; 
}

.has-vert-subtitle {
	position: relative; padding-left: 36px; padding-right: 36px; 
	display: flex; justify-content: flex-start; align-items: flex-start; 
}
.has-vert-subtitle .subtitle-vert {
	color: #000; 
	opacity: .25; 
	white-space: nowrap; 
	font-size: 38px; line-height: 38px; 
	
	/* the following is for positioning. DO NOT SCREW THIS UP */
	position: absolute; 
	top: 0; 
	left: -24px; /* adjust according to line-height. this font sits funny in its line-height which is why it doesn't match */ 
	text-align: right; 
	transform: rotateZ(-90deg) translateX(-100%); 
	transform-origin: top left; 
}

.ul-bullet { list-style: disc; padding-left: 24px; }
.ul-bullet li { list-style: disc; }

/* Homepage - default.htm */
.homepage {}

.hero {
	position: relative; width: 100%; background: #000; 
	display: flex; flex-direction: column; align-items: stretch; 
}
.hero:after {
	position: absolute; z-index: 3; content: ""; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; 
	background-image: linear-gradient(105deg, rgba(20,28,43,1) 0%, rgba(20,28,43,1) 28%, rgba(20,28,43,0.5) 40%, rgba(20,28,43,0) 50%);
}
.hero > img, .hero .carousel { 
	position: absolute; top: 0; right: 0; width: 80%; height: calc(100% - 120px); 
}
.hero > img { 
	z-index: 1; object-fit: cover; object-position: center; 
}

.hero .carousel { z-index: 2; overflow: hidden; }
.hero .carousel .flickity-enabled .flickity-viewport { height: 100%!important; }
.hero .carousel-cell { 
	display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; overflow: hidden; 
}
.hero .carousel-cell-image { 
	display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; 
}
.hero .carousel .flickity-prev-next-button {  }
.hero .carousel .flickity-page-dots .dot, .hero .carousel .flickity-page-dots .dot.is-selected { display: none!important; }

.hero-overlay {
	position: relative; z-index: 5; padding: 100px max(4%, calc(50% - 950px)); height: min(650px, 100vh - 220px); 
	pointer-events: none; 
}
.hero-overlay .multi-title { width: unset; }
.hero-overlay .title, .hero-overlay .subtitle, .hero-overlay p, .hero-overlay .btnclass { pointer-events: all; }
.cta1s-sect {
	position: relative; z-index: 4; width: 100%; height: 140px; padding: 0 max(0px, calc(50% - 750px)); 
	display: flex; flex-direction: row; align-items: stretch; 
}
.cta1s-sect:before {
	position: absolute; content: ""; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; 
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) calc(100% - 20px), rgba(0, 0, 0, 0) 100%); 
}
.cta1 {
	position: relative; z-index: 3; width: 25%; padding: 12px 24px; 
	display: flex; justify-content: space-between; align-items: center; 
	filter: drop-shadow(1px 1px 0 #000, 0 0 12px #000); transition: .4s ease all; 
}
.cta1:before {
	position: absolute; z-index: -1; content: ""; top: 0; left: 0; width: 100%; height: 100%; 
	background: rgba(0, 0, 0, .8); transition: .4s ease all; 
}
.cta1:after {
	position: absolute; z-index: 2; content: ""; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 65%; 
	background: #bbb; opacity: .75; pointer-events: none; 
}
.cta1:last-of-type:after { display: none!important; }
.cta1-txt-col {
	position: relative; z-index: 3; 
	display: flex; flex-direction: column; align-items: flex-start; 
}
.cta1 .subtitle { color: #ddd; }
.cta1 .title { color: #fff; transition: .4s ease all; }
.cta1 img {
	position: relative; z-index: 3; width: auto; height: 60px; object-fit: contain; object-position: 100% 50%; 
	transition: .4s ease all; 
}

a.cta1:hover { box-shadow: 0 2px 12px rgba(0, 0, 0, .3); }
a.cta1:hover:before { background: #1f56bd; }
a.cta1:hover img { filter: brightness(5); }

.services-sect {
	background: #fff; 
}

.s-boxes {
	position: relative; width: 100%; 
	display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; 
	column-gap: 15px; row-gap: 15px; 
}
.s-box {
	position: relative; width: calc(33.333333% - 10px); height: 240px; 
	background: #202020; overflow: hidden; 
	display: flex; align-items: flex-end; 
	transition: .5s ease all; 
}
a.s-box, a.s-box .sbox-slideup, a.s-box span.title { cursor: pointer; }
.s-box img {
	position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; 
	object-fit: cover; object-position: center; transition: .4s ease all; 
}
.sbox-slideup {
	position: relative; z-index: 3; width: 100%; background: rgba(255, 255, 255, .65); margin-bottom: -50px; 
	display: flex; flex-direction: column; align-items: flex-end; 
	transition: .25s ease all; 
}
.s-box span.title {
	width: 100%; padding: 9px 16px; font-size: 21px; color: #000; 
	text-align: left; text-shadow: 0 0 12px #fff, 0 0 18px #fff; 
}
.s-box span.s-box-lm {
	height: 50px; padding: 6px 24px; 
	text-align: center; font-variation-settings: "wght" 650; 
	color: #1f56bd; background: rgba(255, 255, 255, .8); 
	border-top-left-radius: 12px; 
	display: flex; justify-content: center; align-items: center; column-gap: 12px; 
	transition: .3s ease all; 
}
a.s-box:hover { background: #fff; border-bottom-right-radius: 12px; }
a.s-box:hover img { filter: brightness(.75); }
a.s-box:hover .sbox-slideup { 
	margin-bottom: 0; transition: .4s ease all; 
}
.s-box span.s-box-lm:hover { background: #1f56bd; color: #fff; }

.homestyle-mission {
	position: relative; width: 100%; 
	display: flex; align-items: center; 
}
.homestyle-mission .content-sect { 
	position: relative; z-index: 3; width: 100%; row-gap: 8px; 
	padding: 80px max(34%, calc(50% - 1000px)) 80px max(4.5%, calc(50% - 1000px)); 
}
.homestyle-mission .content-sect .title, .homestyle-mission .content-sect .subtitle, .homestyle-mission .content-sect p { 
	text-shadow: 0 0 12px #182337; 
}
.homestyle-mission .missionimg { 
	position: absolute; z-index: 2; top: 0; right: max(0px, calc(50vw - 1000px)); width: min(33%, 660px); height: 100%; 
}
.homestyle-mission .missionimg img.watermark {
	position: absolute; z-index: 1; top: 50%; transform: translateY(-50%); left: 0; width: 100%; height: calc(100% - 80px); 
	object-fit: contain; object-position: center; opacity: .04; padding-right: 1.5vw; 
}
.homestyle-mission .missionimg img.is-logo {
	position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; padding: 20px max(24px, calc(50% - 120px)); 
	object-fit: contain; object-position: center; 
}

.repairs-sect {}
.r-boxes {
	position: relative; width: 100%; 
	display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; 
	column-gap: 6px; row-gap: 6px; 
}
.r-box {
	position: relative; width: calc(20% - 5px); min-height: 120px; padding: 12px; 
	background: #222d41; border-radius: 8px; 
	display: flex; justify-content: center; align-items: center; 
	transition: .4s ease-in-out all; 
}
.r-box .title, .r-box .r-box-lm {
	cursor: pointer; 
	font-size: 18px; color: #fff; text-align: center; 
	font-variation-settings: "wght" 650; letter-spacing: .25px; 
	transition: .25s ease-in all; 
}
.r-box .title {}
.r-box .r-box-lm { 
	position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
	opacity: 0; transform: rotateY(180deg); border-radius: 8px; 
	display: flex; justify-content: center; align-items: center; column-gap: 12px; 
}
a.r-box:hover { transform: rotateY(180deg); background: #1f56bd; }
a.r-box:hover .title { opacity: 0; }
a.r-box:hover .r-box-lm { opacity: 1; }

.parts-sect { flex-direction: column; align-items: center; row-gap: 60px; }
.parts-slider-sect {
	display: flex; flex-direction: row; justify-content: space-between; align-items: center; 
	column-gap: 40px; row-gap: 24px; 
}
.parts-slider-sect h3 { color: #fff; font-size: 24px; width: unset; }
.parts-slider-sect .parts-slider {
	position: relative; width: 50%; background: #fff; padding: 24px; column-gap: 32px; row-gap: 16px; 
}
.parts-slider.logos-box img { width: calc(25% - 24px); height: 90px; }

.manus-we-service {}
.logos-box {
	position: relative; background: #fff; padding: 40px; 
	display: flex; flex-wrap: wrap; justify-content: center; align-items: center; 
	column-gap: 32px; row-gap: 18px; 
}
.logos-box img {
	position: relative; top: unset; left: unset; 
	width: calc(25% - 24px); height: 78px; 
	object-fit: contain; object-position: center; 
}

.contact-sect {
	display: flex; flex-direction: column; align-items: stretch; row-gap: 40px; 
}
.inf-map-holder {
	width: 100%; 
	display: flex; justify-content: space-between; align-items: stretch; column-gap: 60px; row-gap: 40px; 
}
.inf-map-holder .content-sect { width: max(33%, 300px); padding: 24px 0; }
.inf-map-holder .map-div { flex-grow: 1; }
.map-div iframe { width: 100%; height: 100%; min-height: 400px; background: #ddd; }

.testimonials-sect {
	position: relative; width: 100%; padding: 80px max(5%, calc(50% - 900px)) 120px max(5%, calc(50% - 900px)); 
	display: flex; flex-direction: column; align-items: stretch; row-gap: 16px; 
}
.testimonials-slider-holder {}
.testimonials-slider {
	position: relative; z-index: 20; width: 100%; text-align: left; 
	/*display: flex; flex-wrap: wrap; flex-direction: row; align-items: stretch; column-gap: 16px; row-gap: 16px; */
}

.is-testimony {
	z-index: 20; width: calc(100% - 8px) /*calc(50% - 8px)*/; 
	padding: 24px 32px; margin: 8px; background: #fff; text-align: center; 
	display: flex; flex-direction: column; align-items: stretch; justify-content: center; row-gap: 10px; 
}
.is-testimony img.is-rating {
	width: 100%; height: 50px; padding: 8px; object-fit: contain; object-position: center; text-align: center; 
}
.is-testimony p {
	text-align: center; 
}
.is-testimony p .is-name { font-size: 15px; font-variation-settings: "wght" 600; }
.is-testimony p .is-via { font-size: 14px; opacity: .8; margin-top: 12px; }

/* subpages */
.subpage { 
	width: 100%; position: relative; 
	display: flex; flex-direction: column; 
}
.subpage > .content-sect { width: 100%; padding: 60px max(5%, calc(50% - 1000px)); }

.subhero {
	position: relative; width: 100%; padding: 80px max(5vw, calc(50% - 900px)); min-height: 500px; 
	display: flex; justify-content: space-between; align-items: center; column-gap: 60px; row-gap: 40px; 
	background: #141c2b; background-image: url('/siteart/hero-Battle1.jpg'); 
	background-size: cover; background-position: center; background-repeat: no-repeat; 
}
.subhero:after, .subhero img.is-bg {
	position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
}
.subhero:after {
	z-index: 3; content: ""; 
	background-image: linear-gradient(100deg, rgba(20,28,43,0.95) 0%, rgba(20,28,43,0.95) 40%, rgba(20,28,43,0.5) 65%); 
}
.subhero img.is-bg {
	z-index: 2; object-fit: cover; object-position: center; 
}
.subhero .content-sect, .subhero img.is-feat { position: relative; z-index: 4; }
.subhero .content-sect { width: 60%; }
.subhero .subtitle, .subhero .title, .subhero p { 
	text-shadow: 1px 1px 0 #000, 0 0 8px #0d121c, 0 0 16px #141c2b; 
}
.subhero .content-sect p { width: min(90%, 650px); }
.subhero img.is-feat {
	position: relative; width: min(30vw, 480px); height: min(21vw, 360px); 
	object-fit: cover; object-position: center; 
	border: 8px solid #fff; border-radius: 12px; 
}
.subhero img.is-feat.feat-contain { object-fit: contain; height: auto; max-height: 360px; }

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

/* articles.htm */
.articlespage {}

.articles-list {
	display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; 
	column-gap: 50px; row-gap: 40px; 
}
.article-preview {
	position: relative; width: calc(33.333333% - 34px); 
	border-radius: 12px; box-shadow: 0 0px 2px rgba(0, 0, 0, 0.5); 
	display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-start; 
	transition: .2s ease all; 
}
.article-preview img, .article-preview .title, .article-preview p { width: 100%; }
.article-preview img {
	height: 220px; object-fit: cover; object-position: center; 
	border-top-left-radius: 12px; border-top-right-radius: 12px; transition: .2s ease all;
}
.article-preview .title, .article-preview p { color: #000; }
.article-preview .title { padding: 20px 20px 12px 20px; }
.article-preview p { font-size: 15px; padding: 0 20px 16px 20px; }
.article-preview .btnclass {
	border-top-left-radius: 12px!important; border-bottom-right-radius: 12px!important; 
}

.article-preview:hover { 
	border-bottom-right-radius: 12px; 
	margin-top: -3px; margin-bottom: 3px; 
	box-shadow: 0 3px 12px rgba(0, 0, 0, .2); 
}

/* careers.htm */
.careerspage {}

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

/* faqs.htm */
.faqspage {}

.faqspage #FAQ { padding-left: max(5%, calc(50% - 600px)); padding-right: max(5%, calc(50% - 600px)); }
.faqspage #FAQ:before { width: min(95%, 1320px); }

.accordion-sect {
	width: min(100%, 1200px); margin: 0 auto; position: relative; 
	display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; row-gap: 40px; 
}
.accordion { 
	display: flex; flex-direction: column; align-items: stretch; 
}
.accordion-header:not(.btnclass) {
	position: relative; padding: 16px 20px; background: #eee; 
	display: flex; justify-content: space-between; align-items: center; 
	border-bottom: 1px solid #bbb; cursor: pointer; transition: .25s ease all; 
}
.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; 
	opacity: .6; transition: .25s ease all; 
}

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

.accordion-header:hover { cursor: pointer; }
.accordion-header:hover i { font-size: 22px; opacity: 1; }
.accordion-header:not(.btnclass):hover { background: #ccc; }
.accordion-header:hover .subtitle, .accordion.active .accordion-header .subtitle { color: #000; }

.accordion.active .accordion-header:not(.btnclass) { background: #ddd; border-bottom-color: #bbb; }
.accordion.active .accordion-header .title.title-sm { font-size: 28px; }
.accordion.active .accordion-header i { transform: rotate(45deg); }
.accordion.active > .accordion-content {
	display: block!important; position: relative; width: 100%; transition: .25s ease all; 
	border-left: 1px solid #bbb; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; 
}
.accordion.active > .accordion-content > .content-sect { width: 100%; padding: 24px 20px; background: #fff; }
.accordion.active > .accordion-content > .content-sect p { text-align: left; }

/* not-top-level accordions */
.sub-ccordion { 
	display: flex; flex-direction: column; align-items: flex-start; 
	width: unset; 
}

.sub-ccordion:not(.active) .sub-ccordion-content { display: none; }

.sub-ccordion.active-sub {
	width: 100%; 
}
.sub-ccordion.active-sub .sub-ccordion-header { display: none!important; }
.sub-ccordion.active-sub .sub-ccordion-content {
	display: block!important; width: 100%; padding: 8px; 
}
.sub-ccordion.active-sub .sub-ccordion-content iframe {
	display: block!important; width: 100%; height: 350px; 
}
.sub-ccordion.active-sub .sub-ccordion-content .is-service-area-img {
	display: block!important; object-fit: contain; object-position: center; max-width: 100%; max-height: 420px; 
}

/* repairs.htm */
.repairspage {}

/* repairs subpages - /repairs/___.htm - applies to all */
.repairpage {}

.repairpage .invisilink.txt-blue1, .servicepage .invisilink.txt-blue1,  
.repairpage .invisilink .txt-blue1, .servicepage .invisilink .txt-blue1 { 
	font-weight: 700!important; font-variation-settings: "wght" 700; 
}
.repairpage .title .invisilink.txt-blue1, .servicepage .title .invisilink.txt-blue1,  
.repairpage .title .invisilink .txt-blue1, .servicepage .title .invisilink .txt-blue1 { 
	font-weight: 900!important; font-variation-settings: "wght" 900; 
}

	/* add space above the final CTAs in the FAQ sections on the service & repair pages */
.repairpage .is-faqs-padt .horiz-sect:last-child, .servicepage .is-faqs-padt .horiz-sect:last-child { 
	margin-top: 12px; 
}

/* services.htm */
.servicespage {}

/* services subpages - /services/___.htm - applies to all */
.servicepage {}

/* no parts.htm , /services/truck-parts-accessories.htm instead */
.partspage {}

.partspage .parts-slider.logos-box img { width: calc(20% - 26px); }

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

/* recommended styles */
.center-style, .center-style .title, .center-style p, 
.title.center-style, p.center-style { text-align: center; }

.bg-blue1 { background: #1f56bd; }
.bg-blue2 { background: #222d41; }
.bg-blue3 { background: #182337; }
.bg-dgray { background: #282828; }
.bg-notblack { background: #181818; }
.bg-black { background: #000; }
.bg-white { background: #fff; }

.bg-btngray { background: #eee; }

.is-dark-bg .subtitle, .subtitle.has-dark-bg, 
.hero-overlay .subtitle, .subhero .subtitle {
	color: #ddd; 
}
.is-dark-bg .title, .is-dark-bg p, .title.has-dark-bg, p.has-dark-bg, .txt-white, 
.is-dark-bg .listed, .listed.has-dark-bg, 
.bg-blue2 .subtitle-vert, .bg-blue3 .subtitle-vert, .bg-dgray .subtitle-vert, 
.hero-overlay .title, .hero-overlay p, .subhero .title, .subhero p { 
	color: #fff; 
}

.has-txtshadow .title, .has-txtshadow .subtitle, .has-txtshadow p, .has-txtshadow, .has-txtshadow a:not(.btnclass) { 
	text-shadow: 1px 1px 0 #000, 0 0 12px #000; 
}
.has-txtshadow .btnclass { text-shadow: none!important; }

.txt-notwhite { color: #f2f2f2; }
.txt-lgray1 { color: #ddd; }
.txt-lgray2 { color: #cecece; }
.txt-blue1 { color: #1f56bd; }

.p-tab { margin-left: 24px; }

.bg-topographic, .bg-pete-mirror, .bg-hwy {
	background-size: cover!important; background-position: center!important; background-repeat: no-repeat!important; 
}
.bg-topographic {
	background: #fff; background-image: url('/siteart/bg-topographic.png'); 
}
.bg-pete-mirror {
	background: #222d41; background-image: url('/siteart/bg-pete-mirror.jpg'); 
}
.bg-gears {
	background: #182337; background-image: url('/siteart/bg-gears.jpg'); 
}
.bg-hwy {
	background: #000; background-image: url('/siteart/bg-hwy.jpg'); 
}

.bg-float-gray, .subpage > .content-sect.bg-float-gray { 
	position: relative; padding: 80px max(5%, calc(50% - 1000px)); 
}
.bg-float-gray:before {
	position: absolute; content: ""; z-index: 1; 
	top: 40px; left: 50%; transform: translateX(-50%); width: min(95%, 2080px); height: calc(100% - 80px); 
	background: #eee; 
}
.bg-float-gray > * { position: relative; z-index: 3; }

.width100 { width: 100%; }
.width50 { width: 50%; }
.horiz-sect .width50 { width: calc(50% - 12px); /* col-gap * 1/2 */ }

.padtb-xl, .subpage > .content-sect.padtb-xl { padding-top: 100px; padding-bottom: 100px; }
.padtb-lg, .subpage > .content-sect.padtb-lg { padding-top: 80px; padding-bottom: 80px; }
.padtb-med, .subpage > .content-sect.padtb-med { padding-top: 60px; padding-bottom: 60px; }
.padtb-sm, .subpage > .content-sect.padtb-sm { padding-top: 24px; padding-bottom: 24px; }
.padtb-xs, .subpage > .content-sect.padtb-xs { padding-top: 12px; padding-bottom: 12px; }

.padt-xl, .subpage > .content-sect.padt-xl { padding-top: 100px; }
.padt-lg, .subpage > .content-sect.padt-lg { padding-top: 80px; }
.padt-med, .subpage > .content-sect.padt-med { padding-top: 60px; }
.padt-smed, .subpage > .content-sect.padt-smed { padding-top: 40px; }
.padt-sm, .subpage > .content-sect.padt-sm { padding-top: 24px; }
.padt-xs, .subpage > .content-sect.padt-xs { padding-top: 12px; }

.padb-xl, .subpage > .content-sect.padb-xl { padding-bottom: 100px; }
.padb-lg, .subpage > .content-sect.padb-lg { padding-bottom: 80px; }
.padb-med, .subpage > .content-sect.padb-med { padding-bottom: 60px; }
.padb-smed, .subpage > .content-sect.padb-smed { padding-bottom: 40px; }
.padb-sm, .subpage > .content-sect.padb-sm { padding-bottom: 24px; }
.padb-xs, .subpage > .content-sect.padb-xs { padding-bottom: 12px; }

.padlr-lg, .subpage > .content-sect.padlr-lg { 
	padding-left: max(7%, calc(50% - 840px)); padding-right: max(7%, calc(50% - 840px)); 
}
.padlr-med, .subpage > .content-sect.padlr-med { 
	padding-left: max(5%, calc(50% - 900px)); padding-right: max(5%, calc(50% - 900px)); 
}
.padlr-smed, .subpage > .content-sect.padlr-smed { 
	padding-left: max(4.25%, calc(50% - 980px)); padding-right: max(4.25%, calc(50% - 980px)); 
}
.padlr-sm, .subpage > .content-sect.padlr-sm { 
	padding-left: max(24px, calc(50% - 980px)); padding-right: max(24px, calc(50% - 980px)); 
}

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

.margtb-xl, .content-sect .margtb-xl { margin-top: 60px; margin-bottom: 60px; }
.margtb-lg, .content-sect .margtb-lg { margin-top: 40px; margin-bottom: 40px; }
.margtb-med, .content-sect .margtb-med { margin-top: 24px; margin-bottom: 24px; }
.margtb-sm, .content-sect .margtb-sm { margin-top: 12px; margin-bottom: 12px; }
.margtb-xs, .content-sect .margtb-xs { margin-top: 6px; margin-bottom: 6px; }

.margt-xl, .content-sect .margt-xl { margin-top: 60px; }
.margt-lg, .content-sect .margt-lg { margin-top: 40px; }
.margt-med, .content-sect .margt-med { margin-top: 24px; }
.margt-sm, .content-sect .margt-sm { margin-top: 12px; }
.margt-xs, .content-sect .margt-xs { margin-top: 6px; }

.margb-xl, .content-sect .margb-xl { margin-bottom: 60px; }
.margb-lg, .content-sect .margb-lg { margin-bottom: 40px; }
.margb-med, .content-sect .margb-med { margin-bottom: 24px; }
.margb-sm, .content-sect .margb-sm { margin-bottom: 12px; }
.margb-xs, .content-sect .margb-xs { margin-bottom: 6px; }

/* forced styles */
.txt-bold { font-weight: 700!important; font-variation-settings: "wght" 700; }
.txt-xbold { font-weight: 900!important; font-variation-settings: "wght" 900; }

.force-margt-0, form.et-form .force-margt-0 { margin-top: 0!important; }

.force-padtb-0 { padding-top: 0!important; padding-bottom: 0!important; }
.force-padlr-0 { padding-left: 0!important; padding-right: 0!important; }

.bg-float-gray.is-faqs-padt, .subpage > .content-sect.bg-float-gray.is-faqs-padt { padding-top: 40px; }
.bg-float-gray.is-faqs-padt:before, .subpage > .content-sect.bg-float-gray.is-faqs-padt:before { 
	top: 0; height: calc(100% - 40px); 
}

/*--------FORM STYLES--------------------*/
.form-sect { 
	width: 100%; padding: 60px max(5vw, calc(50% - 600px)); 
	display: flex; flex-direction: column; align-items: stretch; 
	background: #f2f2f2; 
}
.form-sect .content-sect { width: 100%; padding: 0 0 24px 0; }

form.et-form .title { 
	width: 100%; margin: 30px 0 0 0; padding-bottom: 4px; border-bottom: 1px solid #bbb; 
}
form.et-form p.txt-default { width: 100%; text-align: left; }

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

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

form.et-form .subtitle { 
	width: 100%; margin-top: 24px; padding-bottom: 8px; border-bottom: 1px solid #262626; 
}

form.et-form label { 
	width: 100%; padding: 12px 0 10px 0; box-sizing: border-box; margin-top: 10px; 
	color: #000; font-family: 'overpass-variable', sans-serif; font-size: 17px; 
	font-weight: 500; font-variation-settings: "wght" 560;
}
form.et-form select, form.et-form input, form.et-form input[type="text"], form.et-form input[type="email"], form.et-form textarea, form.et-form #CaptchaAnswer {
	width: 100%; height: 42px; padding: 12px 10px; box-sizing: border-box; 
	color: #000; font-family: 'overpass-variable', sans-serif; font-size: 16px; 
	font-weight: 400; font-variation-settings: "wght" 400;
	border: none; outline: 1px solid #000; border-radius: 5px; 
}
form.et-form textarea { height: 120px; }
form.et-form select { background: #fff; border-right: 10px solid #fff!important; }

form.et-form a { cursor: pointer; margin: 20px 0 0 0; }
form.et-form .CaptchaMessagePanel { font-family: 'overpass-variable', sans-serif!important; color: #000; }
form.et-form #CaptchaAnswer { width: 180px!important; }
form.et-form div.CaptchaWhatsThisPanel a { font-family: 'overpass-variable', sans-serif!important; }
form.et-form div.CaptchaWhatsThisPanel a:hover { text-decoration: underline; }
form button[type="submit"], form input[type="submit"] { cursor: pointer; border: none; }

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

.equipt-footer {
	position: relative; width: 100%; background: #000; 
	display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; 
}
.foot-block {
	position: relative; width: 50%; padding: 50px; 
	display: flex; flex-direction: row; align-items: flex-start; 
}
.foot-col {
	position: relative; width: 50%; padding: 0 14px; 
	display: flex; flex-direction: column; align-items: stretch; justify-content: center; 
}
.equipt-footer .title { color: #fff; padding: 0 6px; margin-bottom: 8px; }
.foot-logo-soc, .foot-block.foot-logo-soc { align-items: center; }
.foot-logo-div {
	width: 50%; padding: 0 16px; 
	display: flex; justify-content: center; align-items: center; 
}
.foot-logo, .foot-logo img { width: min(100%, 200px); }
.foot-logo { 
	display: flex; justify-content: center; align-items: center; 
}
.foot-logo img {
	height: auto; max-height: 120px; object-fit: contain; object-position: center; 
}
.foot-soc { min-width: 308px; row-gap: 6px; }
.foot-soc-soc { width: 100%; padding: 0; }
.foot-soc .listed { color: #fff; padding: 8px; }
.add-title-gap { padding-top: 40px; }
.nav-col a {
	position: relative; min-height: 30px; padding: 3px 6px; 
	display: flex; justify-content: flex-start; align-items: center; 
	font-size: 15px; font-variation-settings: "wght" 600; line-height: 1.4; 
	color: #f2f2f2; transition: .25s ease all; 
}
.nav-col a:hover, .foot-soc a.listed:hover { color: #b5caf2; }

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/

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

@media only screen and (min-width: 2000px) {
	.foot-logo-soc, .foot-services { padding-left: calc(50% - 850px); }
	.foot-nav, .foot-repairs { padding-right: calc(50% - 850px); }
}

@media only screen and (max-width: 1850px) {
	.logos-box img { height: 72px; }
}

@media only screen and (max-width: 1550px) {
	.homestyle-mission .missionimg img.watermark { padding-left: 1.5vw; }
}

@media only screen and (min-width: 1501px) {
	.hero > img, .hero .carousel { height: 100%; }
	.cta1s-sect:before { background-image: none; }
	.cta1s-sect { margin-bottom: -70px; }
	.homepage .feat-p-sect.home-outfitting-sect { padding-top: 130px; }
}

@media only screen and (max-width: 1500px) {
	.cta1s-sect:after { display: none!important; }
	.cta1:last-of-type:after { display: none!important; }
	
	.logos-box { padding: 24px 36px; }
}

@media only screen and (max-width: 1450px) {
	.title-xl, .title-xl .title { font-size: 44px; }
}

@media only screen and (max-width: 1400px) {
	.equipt-header { padding-left: 1.5%; padding-right: 1.5%; }
	
	.cta1 img { height: 50px; }
}

@media only screen and (max-width: 1350px) {
	.header-right .listed { font-size: 17px; }
	
	.title-sm .subtitle, .subtitle.title-sm { font-size: 18px; }
	.title-sm, .title-sm .title { font-size: 25px; }
}

@media only screen and (max-width: 1300px) {
	.header-left { column-gap: 16px; }
	.header-right { column-gap: 12px; }
	
	.title-lg .subtitle, .subtitle.title-lg { font-size: 20px; }
	.title-lg, .title-lg .title { font-size: 36px; }
	.title-med, .title-med .title { font-size: 32px; }
	
	.hero-overlay { height: unset; min-height: 500px; padding-bottom: 40px; }
	
	.homestyle-mission .missionimg img.is-logo { padding-left: max(24px, calc(50% - 90px)); padding-right: max(24px, calc(50% - 90px)); } 
	
	.logos-box img { width: calc(33.333333% - 22px); height: 60px; }
	
	.articles-list { column-gap: 40px; }
	.article-preview { width: calc(50% - 20px); }
}

@media only screen and (max-width: 1250px) {
	.has-vert-subtitle { padding-left: 24px; padding-right: 24px; }
	.has-vert-subtitle .subtitle-vert { font-size: 32px; line-height: 32px; }
	
	.parts-slider-sect h3 { font-size: 20px; width: 360px; flex-grow: 0; }
	.parts-slider-sect .parts-slider { width: calc(100% - 400px); }
	.parts-slider.logos-box img { height: 70px; }
}

/* switch to mobile nav */
@media only screen and (max-width: 1220px) {
	.header-logo, .header-logo img { height: 85px; }
	
	.cta1 img { height: 42px; }
}

@media only screen and (max-width: 1200px) {
	.title-xl .subtitle, .subtitle.title-xl { font-size: 21px; }
	
	.s-boxes { column-gap: 12px; row-gap: 12px; }
	.s-box { width: calc(33.333333% - 8px); height: 200px; }
	
	.contact-sect { padding-left: 4%; padding-right: 4%; }
	
	.foot-block { padding: 42px 32px; }
}

@media only screen and (max-width: 1150px) {
	.r-box .title, .r-box .r-box-lm { font-size: 16px; }
	
	.manus-we-service .logos-box { width: 350px; }
	.manus-we-service .content-sect { width: calc(100% - 410px); }
	.logos-box { padding: 20px; }
	.logos-box img { width: calc(50% - 16px); }
}

@media only screen and (max-width: 1120px) {
	.hero > img, .hero .carousel { height: 100%; }
	.cta1s-sect { width: min(800px, 95vw); margin-bottom: -120px; flex-wrap: wrap; height: 240px; margin-left: auto; margin-right: auto; }
	.cta1s-sect:before { background-image: none; }
	.cta1s-sect:after { display: flex!important; position: absolute; content: ""; z-index: 4; top: 50%; left: 25%; transform: translateX(-50%); width: 25%; height: 1px; background: #bbb; opacity: .75; }
	.cta1 { width: 50%; height: 50%; }
	.cta1.no2:after { display: none!important; }
	.cta1:last-of-type:after { display: flex!important; z-index: 4; top: 0; left: 50%; transform: translateX(-50%); width: 50%; height: 1px; }
	.homepage .feat-p-sect.home-outfitting-sect { padding-top: 180px; }
	
	.feat-p-sect { padding-left: max(48px, 6%); padding-right: max(48px, 6%); }
	.feat-p-sect > .content-sect { width: 100%; }
	
	.foot-block { padding-left: 20px; padding-right: 20px; }
}

@media only screen and (max-width: 1100px) {
	.s-box { height: 160px; }
	
	.homestyle-mission .content-sect { padding-right: 4.5%; }
	.homestyle-mission .missionimg { width: 50%; }
	.homestyle-mission .missionimg img.is-logo { display: none!important; }
	
	.subhero { flex-direction: column-reverse; padding-top: 40px; padding-bottom: 40px; }
	.subhero:after { background-image: none; background: rgba(20, 28, 43, .85); }
	.subhero img.is-feat { width: 50%; height: min(35vw, 280px); max-height: 280px; }
	.subhero .content-sect, .subhero .content-sect p { width: 100%; }
}

@media only screen and (min-width: 1051px) {
	.show1050 { display: none!important; }
}

@media only screen and (max-width: 1050px) {
	.r-box { width: calc(25% - 5px); min-height: 110px; }
	
	.parts-slider-sect h3 { width: 220px; }
	.parts-slider-sect .parts-slider { width: calc(100% - 260px); }
	
	.foot-block { width: 100%; padding-left: 5vw; padding-right: 5vw; }
	.foot-logo-soc { min-height: 300px; }
	.foot-soc { align-items: center; }
	.foot-soc-soc { width: unset; }
}

@media only screen and (max-width: 1000px) {
	.title-xl .subtitle, .subtitle.title-xl { font-size: 20px; }
	.title-xl, .title-xl .title { font-size: 41px; }
	
	.mission { flex-direction: column; }
	.mission.mission-cr { flex-direction: column-reverse; }
	.mission .content-sect, .mission .missionimg, .manus-we-service .content-sect { width: 100%; }
	.mission .missionimg.missionimg-contain img { position: relative; top: unset; left: unset; margin: 0 auto; max-height: 400px; }
	
	.feat-p-sect > .content-sect { padding: 32px 4vw; }
	
	.s-box span.title { font-size: 18px; }
	
	.logos-box img { width: calc(25% - 22px); }
	
	.testimonials-slider .carousel-cell-2 { width: 100%!important; }
}

@media only screen and (max-width: 950px) {
	.parts-slider.logos-box { padding-top: 16px; padding-bottom: 16px; }
}

@media only screen and (max-width: 900px) {
	.hide900 { display: none!important; }
	
	.has-vert-subtitle .subtitle-vert { font-size: 28px; line-height: 28px; }
	
	.s-boxes { column-gap: 10px; row-gap: 10px; }
	.s-box { width: calc(50% - 5px); }
	
	.r-box { width: calc(33.333333% - 4px); }
	
	.parts-slider-sect { flex-direction: column; }
	.parts-slider-sect h3, .parts-slider-sect .parts-slider { width: 100%; }
	.parts-slider-sect h3 { text-align: center; padding-left: 2.5vw; padding-right: 2.5vw; }
	
	.inf-map-holder { flex-direction: column; align-items: center; }
	.inf-map-holder .content-sect, .inf-map-holder .map-div { width: 100%; }
	.inf-map-holder .content-sect { padding: 0; }
}

@media only screen and (max-width: 850px) {
	.article-preview { width: 100%; }
}

@media only screen and (max-width: 800px) {
	.hide800 { display: none!important; }
	
	.title-xl .subtitle, .subtitle.title-xl { font-size: 19px; }
	.title-xl, .title-xl .title { font-size: 38px; }
	.title-sm .subtitle, .subtitle.title-sm { font-size: 16px; }
	
	.homestyle-mission .missionimg { width: 100%; }
	
	.is-testimony { width: 100%; }
	
	.subhero img.is-feat { width: 75%; }
}

@media only screen and (max-width: 750px) {
	.has-vert-subtitle { padding-left: 0; padding-right: 0; }
	.has-vert-subtitle .subtitle-vert { display: none!important; }
	
	.feat-p-sect { padding-left: 3vw; padding-right: 3vw; }
	.feat-p-sect .subtitle-vert { display: none!important; }
	.feat-p-sect > .content-sect { width: 100%; }
	
	.hero:after { background-image: none; display: none!important; }
	.hero > img, .hero .carousel { width: 100%; height: calc(100% - 240px); }
	.hero .carousel:after { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(180deg, rgba(20, 28, 43, 0.5) 0%, rgba(20, 28, 43, 0.8) 60%, rgba(20, 28, 43, 1) 80%); }
	.hero .carousel .carousel-cell { height: 80%; }
	.hero-overlay { padding-bottom: 90px; justify-content: flex-end; }
	
	.cta1s-sect { width: 100%; margin-bottom: 0; background: #000; }
	.homepage .feat-p-sect.home-outfitting-sect { padding-top: 60px; }
	
	.bg-float-gray, .subpage > .content-sect.bg-float-gray { background: #eee; padding-top: 40px; padding-bottom: 40px; }
	.bg-float-gray:before { display: none!important; }
	
	.partspage .parts-slider.logos-box img { width: calc(33.333333% - 22px); }
	
	form.et-form .smcol { width: 100%; }
}

@media only screen and (max-width: 700px) {
	.sb-sect { flex-wrap: wrap; }
	
	.logos-box img { width: calc(33.333333% - 24px); height: 56px; }
	
	.s-box span.title { padding-left: 8px; padding-right: 8px; }
	
	.homestyle-mission .missionimg { display: none!important; }
	
	.r-box { width: calc(50% - 3px); min-height: 100px; }
}

/* switch to full mobile header */
@media only screen and (max-width: 650px) {
	.equipt-header { padding-left: 0; padding-right: 0; flex-direction: column-reverse; }
	.header-right { width: 100%; justify-content: center; }
	.header-right a.listed { width: 100%; justify-content: center; background: #1f56bd; color: #fff; }
	.header-right a.listed:hover { background: #222d41; color: #fff; }
	.header-left { width: 100%; justify-content: space-between; padding-left: 3%; column-gap: 0; }
	.header-logo, .header-logo img { max-width: calc(100vw - 100px); }
	
	.s-box { height: 130px; }
}

@media only screen and (max-width: 600px) {
	.title-xl .subtitle, .subtitle.title-xl { font-size: 17px; }
	
	.hero > img, .hero .carousel { height: calc(100% - 440px); }
	
	.cta1s-sect:before, .cta1s-sect:after, .cta1:first-of-type:after { display: none!important; }
	.cta1s-sect { height: unset; }
	.cta1 { width: 100%; height: 110px; }
	.cta1:before { background: #000; }
	.cta1:after, .cta1.no2:after, .cta1:last-of-type:after { width: 75%; display: flex!important; z-index: 4; top: 0; left: 50%; transform: translateX(-50%); height: 1px; }
	
	.parts-slider.logos-box img { width: calc(50% - 16px); }
	
	.foot-block { flex-direction: column; }
	.foot-col:not(.foot-soc-soc) { width: 100%; }
	.foot-col:not(.add-title-gap):not(.foot-soc-soc):last-of-type { padding-top: 32px; }
	.add-title-gap { padding-top: 0; }
}

@media only screen and (max-width: 550px) {
	.article-preview img { height: 180px; }
}

@media only screen and (max-width: 500px) {
	.hide500 { display: none!important; }
	
	.title-sm .title, .title.title-sm { font-size: 22px; }
	
	.s-box span.title { font-size: 16px; }
	
	.logos-box img { height: 50px; }
	
	.r-box .title, .r-box .r-box-lm { font-size: 14px; }
}

@media only screen and (max-width: 480px) {
	.subhero img.is-feat { width: 100%; }
}

@media only screen and (max-width: 450px) {
	.horiz-sect { flex-direction: column; align-items: flex-start; }
	
	.partspage .parts-slider.logos-box img { width: calc(50% - 16px); }
	
	.foot-soc { padding-right: 0; }
}

@media only screen and (max-width: 400px) {
	.s-box { width: 100%; }
	
	.logos-box { column-gap: 5%; }
	.logos-box img { width: 47.5%; }
}

@media only screen and (max-width: 380px) {
	.title-xl .title, .title.title-xl { font-size: 36px; }
}

@media only screen and (max-width: 350px) {
	.r-box { width: 100%; }
	
	.partspage .parts-slider.logos-box { display: flex!important; }
	.partspage .parts-slider.logos-box img { width: 100%; }
}

@media only screen and (max-width: 300px) {
	.title-xl .title, .title.title-xl { font-size: 32px; }
}

@media only screen and (max-width: 250px) {
	.parts-slider-sect, .logos-box { display: none!important; }
	
	.partspage .parts-slider.logos-box { display: flex!important; }
}