@charset "UTF-8";

* {margin:0; padding: 0; border: 0; outline: 0; background: transparent;}

:root {
	--white:#fff;	
	--nearwhite: #f6f6f6;
	--offwhite:#f0ece8;	
		
	--lilred:#8f2833;
	--drkred:#641b23;

	--ltbrown:#65594c;
	--drkbrown:#2e2b29;
	
	--ltgray:#bebebe;

	--offblack: #282828;
	--nearblack: #121212;	
	--black: #000;
}


/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
html {scroll-behavior: smooth;}
body {font-size:100%; font-weight:normal; font-family: 'intl_textregular', sans-serif !important; background:var(--white);}

/* SELECTION */	
::selection {color:var(--white); background:var(--lilred);}
::-moz-selection {color:var(--white); background:var(--lilred);}


/* CLEAR */
.clear {clear: both;}

/* HEADERS */
h1, h2, h3, h4 ,h5 ,h6 {line-height: normal; font-family: 'INTLHeadline-Bold';}
h1 {font-size:26px; font-weight:normal;}
h2 {font-size:24px; font-weight:normal;}
h3 {font-size:20px; font-weight:normal;}
h4 {font-size:18px; font-weight:normal;}
h5 {font-size:16px; font-weight:normal;}
h6 {font-size:14px; font-weight:normal;}


/* PARAGRAPH/LIST/GENERAL TEXT */

/* LINKS */
a{transition:.5s ease-in;}
a:link, a:visited {color:inherit; text-decoration:none;}
a:hover, a:active {color:inherit; text-decoration:none;}

a[href^="tel:"] {color:inherit;  text-decoration: none;}

/* IMAGES */
img {display:block;}

/* TEXT EMPHASIS */
em {font-style:italic;}
strong {font-family: 'intl_textbold',sans-serif; font-weight:normal;}




/* VISIBLE FOCUS
------------------------------------------------*/	
/*a:focus,
button:focus,
input:focus {
  outline: 2px solid #005fcc;
  outline-offset: 2px;
}
*/

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on August 18, 2026 */
@font-face {
    font-family: 'INTLHeadline-Bold';
    src: url('../webfonts/INTLHeadline-Bold.woff2') format('woff2'),
         url('../webfonts/INTLHeadline-Bold.woff') format('woff');
    font-weight: normal; font-style: normal;}

@font-face {
    font-family: 'intl_headline_officebold';
    src: url('../webfonts/intlheadlineoffice-bold-webfont.woff2') format('woff2'),
         url('../webfonts/intlheadlineoffice-bold-webfont.woff') format('woff');
    font-weight: normal; font-style: normal;}

@font-face {
    font-family: 'intl_headline_officemedium';
    src: url('../webfonts/intlheadlineoffice-medium-webfont.woff2') format('woff2'),
         url('../webfonts/intlheadlineoffice-medium-webfont.woff') format('woff');
    font-weight: normal; font-style: normal;}

@font-face {
    font-family: 'intl_textlight';
    src: url('../webfonts/intltext-light-webfont.woff2') format('woff2'),
         url('../webfonts/intltext-light-webfont.woff') format('woff');
    font-weight: normal; font-style: normal;}

@font-face {
    font-family: 'intl_textlight_italic';
    src: url('../webfonts/intltext-lightitalic-webfont.woff2') format('woff2'),
         url('../webfonts/intltext-lightitalic-webfont.woff') format('woff');
    font-weight: normal; font-style: normal;}

@font-face {
    font-family: 'intl_textregular';
    src: url('../webfonts/intltext-regular-webfont.woff2') format('woff2'),
         url('../webfonts/intltext-regular-webfont.woff') format('woff');
    font-weight: normal; font-style: normal;}

@font-face {
    font-family: 'intl_textregular_italic';
    src: url('../webfonts/intltext-regularitalic-webfont.woff2') format('woff2'),
         url('../webfonts/intltext-regularitalic-webfont.woff') format('woff');
    font-weight: normal; font-style: normal;}

@font-face {
    font-family: 'intl_textmedium';
    src: url('../webfonts/intltext-medium-webfont.woff2') format('woff2'),
         url('../webfonts/intltext-medium-webfont.woff') format('woff');
    font-weight: normal; font-style: normal;}

@font-face {
    font-family: 'intl_textbold';
    src: url('../webfonts/intltext-bold-webfont.woff2') format('woff2'),
         url('../webfonts/intltext-bold-webfont.woff') format('woff');
    font-weight: normal; font-style: normal;}





/* BUTTONS
------------------------------------------------*/	
a.solid-button {position:relative; display:inline-block; padding:14px 30px; color:var(--white); border-radius:0; background:var(--lilred); font-family: 'intl_textbold', sans-serif;}
a.solid-button:hover {background:var(--drkbrown);}

a.solid-alt-button {position:relative; display:inline-block; padding:14px 30px; color:var(--offblack); border-radius:5px; background:var(--offwhite); font-family: 'intl_textbold', sans-serif;}
a.solid-alt-button:hover {color:var(--drkred); background:var(--nearwhite);}


/* HEADER
------------------------------------------------*/	
.global-header {display:flex; flex-flow:row wrap; align-items:center; justify-content: space-between; gap: 20px; padding:12px 1.8%; background:var(--offwhite);}	
	

/* LOGO
------------------------------------------------*/	
.logo {}	
.logo img {max-width:100%;}


/*  NAVIGATION
------------------------------------------------*/
#menu-button{display:none;}
nav.mobile {display:none;}

nav.primary {z-index:500; position:relative; margin:0 0 0 auto; padding:0;}

nav.primary ul {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-around; gap:48px; margin:0; padding:0;}
nav.primary ul li {position:relative; margin:0; padding:0; list-style-type:none; }
				
nav.primary ul li.drop-icon::before {content: "\2b"; position:absolute; z-index:5; top:50%; right:0; margin:0; font-size:8px; color:var(--lilred); font-family: FontAwesome; transform: translateY(-50%);transition: transform 0.8s ease;}
nav.primary ul li:hover.drop-icon::before {content: "\f068"; position:absolute; /*top:4px; right:-6px;*/ font-size:8px; color:var(--nearblack); font-family: FontAwesome;}

nav.primary ul li a {
	display:block; margin:0 10px; padding:12px 0;
    font-size:24px; line-height:1; text-align:center; text-decoration:none; color:var(--black); font-family: 'intl_textbold', sans-serif; cursor:pointer; transition:.5s ease-in;	
}	

nav.primary ul li a:hover {color:#121212;}

nav.primary ul li a .fa-solid {color:var(--drkred);}

/*  SUB NAV
------------------------------------------------*/
nav.primary ul li li {width:max-content;}
nav.primary ul li li a {margin:0; padding:12px 18px; font-size:20px; line-height:1.15; font-weight:500; text-align:left; text-transform: none; color:var(--offwhite); border:0; transition: .25s ease-in-out;}
nav.primary ul li li a:hover {color:var(--lilred); background: transparent;}

/*  NAV DROPDOWNS
------------------------------------------------*/
nav.primary ul ul {display: none; position: absolute; box-sizing:content-box; min-width:185px; padding:12px 15px; border-radius: 8px; border-top-left-radius: 2px; border-top-right-radius:2px;  background:var(--offblack); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); }
nav.primary ul ul ul {position: absolute; left: 100%; top:0;}
nav.primary ul li:hover>ul {display: block; z-index: 100; animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;}

/* Generated by Animista on 2026-8-4 15:49:12 Licensed under FreeBSD License.  See https://animista.net/license for more info. w: https://animista.net, t: @cssanimista */
/* animation swing-in-top-fwd */
@keyframes swing-in-top-fwd{0%{transform:rotateX(-100deg);transform-origin:top;opacity:0}100%{transform:rotateX(0deg);transform-origin:top;opacity:1}}



/*  HERO
------------------------------------------------*/	
.hero::before {content:""; position:absolute; top:0; left:0; z-index:-1; width: 100%; height:100%; background:var(--offblack); background: linear-gradient(90deg,rgba(240, 236, 232, 0.13) 0%, rgba(46, 43, 41, 0.75) 100%);}
.hero {position:relative; z-index:5; overflow:hidden; height:500px; background:var(--drkred);}
.hero::after {content:""; position:absolute; top:0; left:0; z-index:-2; width: 100%; height:100%; background:var(--drkred) url("/siteart/orange-international-truck-and-trailer.webp") no-repeat center; background-size: cover;}

.hero-overlay {position:absolute; right:7.5%; bottom:60px; max-width:485px; color:var(--nearwhite)}
.hero-overlay-title {margin-bottom:15px; font-size:52px; text-transform:uppercase; color:var(--offwhite); font-family: 'intl_headline_officebold', sans-serif;}
.hero-overlay p {margin-bottom:35px; font-size:18px; line-height:22px;}
.hero-overlay a {min-width:220px; padding:20px; padding-right:55px; font-size: 20px; font-family: 'intl_textbold', sans-serif; }
.hero-overlay a::after {content: "\f086"; position:absolute; z-index:5; top:50%; right:15px; font-size:20px; color:var(--drkred); font-family: FontAwesome; transform: translateY(-50%);}

/* HERO SOCIAL SIDEBAR
------------------------------------------------*/	
.social-sidebar {
	display:flex; flex-flow: column; justify-content: space-around; gap:10px; position:absolute; top:50%; left:3.75%; width:fit-content; padding:8px; text-align:center; border-radius:20px; background:var(--nearwhite); transform: translateY(-50%);
}
.social-sidebar a {display:inline-flex; padding:15px; font-size:24px; color:var(--black);}


/*  MAIN
------------------------------------------------*/	
.global-main {padding:calc(30px + 3.5%) 3.5%;}
.global-main.inv-main {position: relative; min-height:768px; padding:calc(30px + 1.5%) 3.5%;}


/*  INDUSTRIES BANNER
------------------------------------------------*/
.industries-banner {position:absolute; z-index:-1; top:0; right:2.5%; bottom:0; max-width:1450px; height:auto; min-height:700px; margin:0 auto; padding:75px 0;}
.industries-banner > .industries-body {
	position: sticky; top: 35px; right:0; left:auto; align-self: flex-start; writing-mode: vertical-rl; 
	font-size:26px; line-height:1.1; text-transform: uppercase; color:var(--ltbrown); font-family:'intl_headline_officebold', sans-serif;
}


/*  ARTICLE
------------------------------------------------*/
.global-main article {box-sizing:content-box; max-width:1350px; margin:0 auto; padding:0 5%;}
.global-main article h1 {margin-bottom:5px; font-size:36px; line-height:1.1; color:var(--drkbrown); font-family: 'INTLHeadline-Bold', sans-serif;}
.global-main article h2 {margin-bottom:30px; text-transform: uppercase; color:var(--lilred); font-family:'intl_headline_officebold', sans-serif;}
.global-main article h3 {margin-top: 30px; margin-bottom:5px;}
.global-main article p {margin-bottom: 20px; font-size:20px; line-height:27px; font-weight:normal;}
.global-main article p a {font-family: 'intl_textmedium', sans-serif;}


/* LINK WRAPPER
------------------------------------------------*/	
.link-wrapper {width:100%; max-width:315px; margin:25px 0;}
.link-wrapper ul {list-style:none; }
.link-wrapper ul li {position:relative; border-bottom:1px #d8d5d2 solid;}
.link-wrapper ul li:last-of-type {border:0;}
.link-wrapper ul li::before {content: "\f095"; position: absolute; z-index:2; top:46%; left:4px; font-size:10px;color:var(--drkred); font-family: FontAwesome; transform: translateY(-50%);}
.link-wrapper ul li::after {content: "\f105"; position: absolute; z-index:2; top:50%; right:4px; font-size:13px;color:var(--ltbrown); font-family: FontAwesome; transform: translateY(-50%);}
.link-wrapper a {display:inline-block; position:relative; z-index: 5; width:100%; padding:14px 0 14px 22px; font-size:20px; color:var(--lilred); font-family: 'INTLHeadline-Bold', sans-serif;}


/*  INTRO SECTION
------------------------------------------------*/
.intro-section {padding:calc(30px + 5%) calc(80px + 3.5%); background:var(--offwhite);}
.intro-section > .intro-inner {display:flex; flex-flow:row wrap; align-items:center; gap:65px; max-width:1360px; margin:0 auto;}
.intro-section > .intro-inner > .intro-logo {margin-left:-80px;}
.intro-section > .intro-inner > .intro-logo img {max-width: 100%; width:294px; height:196px;}
.intro-section > .intro-inner > .intro-body {flex:1;}
.intro-section > .intro-inner > .intro-body h3 {margin-bottom:10px; font-size:26px; line-height:1.1; text-transform: uppercase; color:var(--ltbrown); font-family:'intl_headline_officebold', sans-serif;}
.intro-section > .intro-inner > .intro-body p {font-size:20px; line-height:28px; color:var(--drkbrown); font-family: 'intl_textlight_italic', sans-serif;}


/*  LOCATIONS SECTION
------------------------------------------------*/
.locations-section {padding:calc(30px + 8.5%) 5%;}
.locations-section > .locations-inner {box-sizing:content-box; display:flex; flex-flow:row wrap; justify-content:space-between; gap:5%; max-width:1240px; margin:0 auto;}
.locations-section > .locations-inner > .locations-body {flex:1; max-width:790px;}
.locations-section > .locations-inner > .locations-body h2 {margin-bottom:15px; font-family: 'INTLHeadline-Bold', sans-serif;}
.locations-section > .locations-inner > .locations-body p {font-size:20px; line-height:27px; font-weight:normal;}
.locations-section > .locations-inner > .locations-body p a {font-family: 'intl_textmedium', sans-serif;}
.locations-section > .locations-inner > .locations-links {width:100%; max-width:315px;}
.locations-section > .locations-inner > .locations-links ul {list-style:none; }
.locations-section > .locations-inner > .locations-links ul li {position:relative; border-bottom:1px #d8d5d2 solid;}
.locations-section > .locations-inner > .locations-links ul li:last-of-type {border:0;}
.locations-section > .locations-inner > .locations-links ul li::after {content: "\f105"; position: absolute; z-index:2; top:50%; right:4px; font-size:13px;color:var(--ltbrown); font-family: FontAwesome; transform: translateY(-50%);}
.locations-section > .locations-inner > .locations-links a {display:inline-block; position:relative; padding:14px 0; font-size:20px; color:var(--ltbrown); font-family: 'INTLHeadline-Bold', sans-serif;}


/*  FOOTER
------------------------------------------------*/
.global-footer {padding:calc(30px + 3.5%) 3.5% 35px 3.5%; background:var(--nearwhite);}
.inv-footer .global-footer {padding:calc(30px + 3.5%) 3.5% calc(80px + 3.5%) 3.5%;}
.footer-inner {box-sizing:content-box; display:flex; flex-flow:row wrap; justify-content: space-between; gap:5px 2%; max-width:1240px; margin:0 auto;}
.footer-inner > .foot-intro {max-width:420px;}
.footer-inner > .foot-intro h4 {margin-bottom:20px; font-size:33px; text-transform: uppercase; color:var(--offblack); font-family: 'intl_headline_officebold', sans-serif;}
.footer-inner > .foot-intro p {margin-bottom:20px; font-size:18px; line-height:28px; font-weight:400; color:var(--nearblack);}
.footer-inner > .foot-intro a {font-size:18px;}
.footer-inner > .foot-nav strong {font-size:20px; font-family: 'INTLHeadline-Bold', sans-serif;}
.footer-inner > .foot-nav ul {margin-top:8px;list-style:none;}
.footer-inner > .foot-nav ul a {display:inline-block; padding:6px 0;font-size:18px; font-weight:300;}
.footer-inner > .foot-social {display:flex; flex-flow:row wrap; align-items:center; gap:10px 30px; flex:100%; margin-top:calc(30px + 5%); margin-bottom:20px;}
.footer-inner > .foot-social a {padding:5px;font-size:22px;}
.footer-inner > .foot-bottom {display:flex; flex-flow:row wrap; align-items: center; gap:18px; flex:100%;}
.footer-inner > .foot-bottom > .foot-logo img {max-width: 100%; width:61px; height:40px; filter: brightness(0) saturate(100%) invert(15%) sepia(79%) saturate(1693%) hue-rotate(329deg) brightness(108%) contrast(91%);}
.footer-inner > .foot-copyright {font-size:16px; font-family: 'intl_textmedium', sans-serif;}
.footer-inner > .foot-copyright > .fa-copyright {position:relative; top:50%; font-size:8px; transform: translateY(-32%);}


/************************************************ Responsive Styles **/

@media screen and (max-width: 1630px) {
	.industries-banner {right: 1%;}
}

@media screen and (max-width: 1200px) {
	.intro-section > .intro-inner > .intro-logo {margin-left:0;}
}

@media screen and (max-width: 1024px) {
	nav.primary{display:none;}
	
	#menu-button{display: block; position: relative; z-index:400; margin:0 0 0 auto;}
	#menu-button a {padding:0; font-size:24px; line-height:1; color:var(--black); text-decoration: none;  font-family: 'intl_textbold', sans-serif; cursor:pointer;}
	#menu-button a .fa-solid {color:var(--drkred);}

	nav.mobile ul li a .fa{
		width:25px;
		font-weight:100;
		padding:8px 3px;
		margin:0 0 0 5px;
		text-align:center;
		background:#292929;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	}

	nav.mobile ul li .fa-chevron-down {position:absolute; right:10px; margin:18px 0 0 0;}

	nav.mobile {
		display:block;
		position: fixed;
		top: 0;
		right: -285px;
		width: 285px;
		height: 100%;
		z-index: 500;
		overflow:auto;
		padding-bottom:40px;
		background:#333;
		cursor:pointer;
	}

	/* MENU HEADER SOCIAL MEDIA */
	nav.mobile .social-media {
		position: absolute;
		text-decoration: none;
		vertical-align: top;
		z-index:9999;
		display: inline-block;

		top: 15px;
		left: 15px;
		font-size:16px;
		word-spacing:13px;
		color: #ccc !important;
	}

	nav.mobile .social-media a {color:#ccc; text-decoration:none; cursor:pointer;}
	nav.mobile .social-media a:hover, nav.mobile .social-media a:active {color:#fff; text-decoration:underline;}

	/* MENU HEADER STYLES */
	nav.mobile .menu-header {	
		color: #ccc;
		padding: 23px 0;
		position: relative;
		font-size: 18px;
		background:#313131;
	}			
	nav.mobile .menu-title {position: absolute; vertical-align: top; top: 16px; right: 47px; text-transform:uppercase; font-size:12px; color: #ccc;}

	/* MENU CLOSE 'X' BUTTON */
	nav.mobile .menu-toggle {position: absolute; top: 8px; right: 10px; padding: 6px 9px 5px; display: inline-block; font-weight: 700; font-size: 18px; line-height: 1; color: #ccc; text-decoration: none; vertical-align: top; cursor:pointer; font-family: Arial, sans-serif;}
	nav.mobile .menu-toggle:hover {color: #fff;}

	/* MENU LIST STYLE */
	nav.mobile ul {list-style: none; font-weight: 300; margin:0; padding:0;}
	nav.mobile ul li {color: #999; font-size:15px; border-bottom: 1px solid #303030;}

	/* FIRST LEVEL */
	nav.mobile ul li a {
		color: #999;
		position: relative;
		display: block;
		font-size:15px;
		text-align:left;
		text-decoration: none;
		border-left:4px #333 solid;
		padding: 15px 35px 15px 20px;
		cursor:pointer;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	}
	nav.mobile ul li a:hover {background:rgba(45,45,45,0.5); color: #fff; border-left:4px #C8102E solid;}

	/* SECOND LEVEL */
	nav.mobile ul li li:last-child {border:none;}
	nav.mobile ul li li a {color: #ccc; background: #444; border-left:4px #444 solid; padding: 15px 10px 15px 15px;}
	nav.mobile ul li li a:hover {background:rgba(65,65,65,0.5);}

	/* THIRD LEVEL */
	nav.mobile ul li li li:last-child {border:none;}
	nav.mobile ul li li li a {color: #ccc; background: #555; border-left:4px #555 solid;}
	nav.mobile ul li li li a:hover {background:rgba(85,85,85,0.5);}	
	
	.industries-banner {display:none;}
	.intro-section > .intro-inner > .intro-logo img {width:200px; height:134px;}
	.footer-inner {box-sizing:content-box; display:flex; flex-flow:row wrap; justify-content: space-between; gap:5px 2%; max-width:1240px; margin:0 auto;}
	.footer-inner > .foot-intro {flex:100%; max-width:none; margin-bottom:calc(30px + 2.5%);}
}

@media screen and (max-width: 800px) {
	.intro-section {padding:calc(30px + 5%) 3.5%;}
	.intro-section > .intro-inner {/*flex-flow:column wrap; align-items:flex-start; */gap:45px;}
	.intro-section > .intro-inner > .intro-logo {margin-left:0;}
	.intro-section > .intro-inner > .intro-body h3 {font-size:22px;}
	.intro-section > .intro-inner > .intro-body p {font-size:18px; line-height:26px;}
}

@media screen and (max-width: 785px) {
	.global-main.inv-main {padding: calc(30px + 1.5%) 10px;}
	/*.industries-banner {right:8px;}
	.industries-banner > .industries-body {font-size: 22px;}*/
}
	
@media screen and (max-width: 768px) {
	.logo {width: 300px;}
	#menu-button a {font-size:21px;}
	.hero {height: 400px;}
	.hero::after {background-position-x:20%;}
	.hero-overlay {max-width:333px;}
	.hero-overlay-title {margin-bottom:15px; font-size:36px;}
	.hero-overlay p {margin-bottom:30px;}
	.locations-section > .locations-inner {flex-flow:column wrap; gap: 30px;}
	.locations-section > .locations-inner > .locations-links {max-width: none;}
}

@media screen and (max-width: 550px) {
	.logo {width: 100%;}
	.logo img {margin: 0 auto;}
	.hero {height: 350px;}
	.intro-section {padding:calc(30px + 5%) 5%;}
	.intro-section > .intro-inner {flex-flow:column wrap; gap:25px;}
	.intro-section > .intro-inner > .intro-logo img {margin:0 auto;}
	.intro-section > .intro-inner > .intro-body {text-align:center;}
	.footer-inner {box-sizing:content-box; display:flex; flex-flow:row wrap; justify-content: space-between; gap:5px 2%;}
	.footer-inner > .foot-nav {flex:100%; margin-bottom:calc(30px + 1%);}
	.foot-social, .foot-bottom {justify-content: center;}
}
	
@media screen and (max-width: 500px){
	.hero {height: 300px;}
	.hero-overlay {display:none;}
	.global-main article h1 {font-size:28px; word-break: break-word;}
	.footer-inner > .foot-intro h4 {font-size:28px; word-break: break-word;}
}

@media screen and (max-width: 500px){
	.global-main article h1 {font-size:26px;}
	.global-main article h2 {font-size:23px;}
	.footer-inner > .foot-intro h4 {font-size:26px;}
	
}