@charset "UTF-8";

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




/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
body {width: 100%; height:100%; font-size:16px; line-height:1.5; background:#f3f3f3; font-family: "trade-gothic-next", sans-serif !important;}


/*font-family: "trade-gothic-next", sans-serif;
font-weight: 700;
font-style: normal;*/



/* SELECTION */	
::selection {text-shadow:none; color:#fff; background:#0c4699;}
::-moz-selection {text-shadow: none; color:#fff; background:#0c4699;}


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

/* HEADERS */
/*Remove or simplify font-weight and font-height */
h1, h2, h3, h4 ,h5 ,h6 {line-height: normal;}
h1 {font-size:26px; font-weight:800;}
h2 {font-size:24px; font-weight:800;}
h3 {font-size:20px; font-weight:700;}
h4 {font-size:18px; font-weight:700;}
h5 {font-size:16px; font-weight:700;}
h6 {font-size:14px; font-weight:700;}


/* PARAGRAPH/LIST/GENERAL TEXT */

/* LINKS */
a{-webkit-transition:.2s ease-in; -moz-transition:.2s ease-in; -o-transition:.2s ease-in; transition:.2s 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-weight: 700;}

/* TEXT STYLINGS */
.dark {color:#131313;}
.gray {color:#4F4F4F;}
.heavy {font-weight:800;}

/* ALIGNMENT */
.left {float:left;}
.right {float:right;}
.center {text-align:center;}


hr {width: 65%; margin:2.5em auto; border-top:1px #e3e3e3 solid; border-bottom:0;}

.wrap{margin: 0 10%; padding:0;}


a.body-button {position:relative; display:inline-block; margin:8px 0; padding:16px 28px; font-size:1.2em; font-weight:700; cursor: pointer; color:#fff; background-color:#194a99; border-radius:30px; transition:1s ease;}
a.body-button:hover {color:#effdfe; background:#083276;}

a.alt-button {color:#fff; background-color:#5e5f5f;}
a.alt-button:hover {color:#e1e2e2; background:#3c3d3d;}



/* CONTACT BAR - HEADER
------------------------------------------------*/	
.contact-bar{
	display:flex; flex-flow:row wrap; align-items:center; justify-content:flex-end; width:100%; padding:.5em 3.5%; border-bottom:1px #f1f1f1 solid; /*background:rgba(250,250,250,0.65);*/
	background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,0.21) 0%, rgba(255,255,255,0.65) 100%);
	/*background-color: #fbfbfb;
background-image: url("data:image/svg+xml,%3Csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cg fill='%23ffffff' fill-opacity='0.24'%3E%3Cpath fill-rule='evenodd' d='M0 0h4v4H0V0zm4 4h4v4H4V4z'/%3E%3C/g%3E%3C/svg%3E");	*/
}

.contact-drop-down {
	position:relative; z-index:150; margin:0; padding:12px 20px; font-weight:700; cursor: pointer; color:#fff; background:#194a99; border-radius: 2px;
	transition:1s ease;	
	-webkit-animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
.contact-drop-down:hover {background:#3465b5;}

.contact-drop-down ul {display:none; position:absolute; width:200px;} 
.contact-drop-down:hover > ul, .contact-drop-down:focus > ul, .contact-drop-down:active > ul  {
	display:block; list-style:none; z-index: 500; margin:10px 0 0 -20px; padding:0;
	-webkit-animation: swing-in-top-fwd 0.75s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
	        animation: swing-in-top-fwd 0.75s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}

.contact-drop-down li {/*display:inline-block; */z-index: 5; border:0; background: #113d88;}
.contact-drop-down li a {display:block; padding:15px 25px; font-size:.94em; line-height:1.2; text-align:left; font-weight:400; color:#fff;}
.contact-drop-down li a:hover {background:#06317a;}


/* TAGLINE - HEADER
------------------------------------------------*/	
.tagline {margin:0 0 0 2em; text-transform: uppercase; font-weight:400; color:#222;
-webkit-animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
.tagline strong {color:#194a99;}





/* HEADER
------------------------------------------------*/	
.site-header {
	position:relative; z-index:10; display:flex; flex-flow:row wrap; align-items:center; justify-content: space-between; padding:.75em 0; font-weight: 700; background:#333 url("/siteart/diamond-plate-pattern-dark-desktop.jpg") repeat center; background-size:cover; border-bottom:3px #111 solid; box-shadow: 0px 5px 11px 0px rgba(0,0,0,0.28);
}	

.site-header:after {content:""; position:absolute; bottom:0; width:100%; height:2px; background:#fefefe;}

.header-overlay {
	position:absolute; z-index:0; width:100%; height:100%; 
	background: rgb(187,183,183); background: linear-gradient(270deg, rgba(10,10,10,0.6) 0%, rgba(10,10,10,0.75) 100%);
}


/* LOGO
------------------------------------------------*/	
.logo {z-index:1;/*margin:-65px 0 0 3.5%;*/margin:0 0 0 3.5%;
-webkit-animation: fade-in-left 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-left 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}	
.logo img {width:100%; max-width:252px;}


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

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

nav.primary ul {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-around; margin:0; padding:0;}
nav.primary ul li {margin:0; padding:0; list-style-type:none;}
				
nav.primary ul li a {
	display:block; margin:0; padding:12px 10px;
    font-size:1.35em; line-height:1; font-weight:600; text-align:center; text-decoration:none; text-transform:uppercase; color:#F3F3F3;
	-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;	
}	

nav.primary ul li a:hover {/*color:#fff; background: #0e387f;*/}

/*  SUB NAV
------------------------------------------------*/
nav.primary ul li li {width: 220px;}
nav.primary ul li li a:link, nav.primary ul li li a:visited{box-sizing:border-box; width:220px; padding:15px 20px; font-size:.94em; line-height:1;text-align:left; color:#fff; border:0; background: #113d88;}
nav.primary ul li li a:hover,nav.primary ul li li a:active {background:#06317a;}

nav.primary ul li li li a:link, nav.primary ul li li li a:visited{font-size:.94em; line-height:1; text-align:left; color:#fff; border:0; background: #0d3880;}
nav.primary ul li li li a:hover,nav.primary ul li li li a:active {background:#022b71;}


/*  NAV DROPDOWNS
------------------------------------------------*/
nav.primary ul ul {display: none; position: absolute;} 
nav.primary ul ul ul {position: absolute; left: 100%; top:0;}
nav.primary ul li:hover > ul {
	display: block; line-height:18px; z-index: 500;-webkit-animation: scale-in-tl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: scale-in-tl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
nav.primary ul ul li {float: none; position: relative; margin:0;}




/*  HERO
------------------------------------------------*/
.hero {position:relative; padding:12.5% 10%; color:#fff; background:#141845 url("/siteart/home-hero/truck-trailer-highway-desert-closeup.jpg") no-repeat center; background-size:cover; }
/*.hero:before {
	content:""; position:absolute; top:0 ;left:0; width:100%; height:100%;
	background: rgb(29,27,30);background: linear-gradient(-90deg, rgba(29,27,30,0.5) 0%, rgba(29,27,30,0.92) 100%);
}*/
.hero .hero-intro {
	position:relative; z-index:5;  line-height:1;  color:#fff;
	-webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.hero .hero-intro .intro-title {font-size:calc(16px + 3vw); font-weight:800; text-transform:uppercase;}
.hero .hero-intro .intro-subtitle {margin:.5em 0 0 0; font-size:calc(16px + .75vw); font-weight:600;}


/*  SUBHERO
------------------------------------------------*/
.subhero {position:relative; padding:calc(20px + 5.5%) 10% 6.5% 10%; background:#141845;}
.subhero:before {
	content:""; position:absolute; top:0 ;left:0; width:100%; height:100%;
	background: rgb(0,0,0);background: linear-gradient(180deg, rgba(0,0,0,0.0844712885154062) 0%, rgba(29,27,30,0.5) 100%);
}
.subhero h1 {
	position:relative; z-index:5; font-size:calc(16px + 2vw); line-height:1; letter-spacing:2px;  font-weight:800; text-transform:uppercase; color:#fff;
	-webkit-animation: fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.truckshero {background:#141845 url("/siteart/subhero/truck-cattle-trailer-mountain.jpg") no-repeat center; background-size: cover;}
.trailershero {background:#141845 url("/siteart/subhero/trailers-passing-on-highway.jpg") no-repeat center; background-size: cover;}
.equipmenthero {background:#141845 url("/siteart/subhero/desert-truck-trailer-mountains.jpg") no-repeat center; background-size: cover;}

.locationshero {background:#141845 url("/siteart/subhero/tires-driver-walking.jpg") no-repeat center; background-size: cover;}
.quotehero {background:#141845 url("/siteart/subhero/desert-truck-trailer.jpg") no-repeat center; background-size: cover;}
.financehero {background:#141845 url("/siteart/subhero/financial-application.jpg") no-repeat center; background-size: cover;}
.abouthero {background:#141845 url("/siteart/subhero/texas-interstate-highway.jpg") no-repeat center; background-size: cover;}
.contacthero{background:#141845 url("/siteart/subhero/driver-truck-cab.jpg") no-repeat center; background-size: cover;}
.thankyouhero {background:#141845 url("/siteart/subhero/mud-tracks.jpg") no-repeat center; background-size: cover;}



.intro-body {display:flex; flex-flow:row wrap; justify-content:space-between; position:relative; z-index:5; padding:.65em 0; font-size:calc(16px + .45vw); background:#333 url("/siteart/diamond-plate-pattern-dark-desktop.jpg") repeat center; background-size:cover;}
.intro-body .intro-overlay{position:absolute; top:0; z-index:0; width:100%; height:100%; 
background: rgb(187,183,183); background: linear-gradient(0deg, rgba(10,10,10,0.7) 0%, rgba(10,10,10,0.9) 100%);}
.intro-body a {position:relative; z-index:5; display:inline-block; box-sizing:border-box; flex:25%; padding:.25em .5em; line-height:1; text-align: center; color: #fefefe; border-right:1px #ccc solid;}
.intro-body a:last-of-type {border:0;}
.intro-body a em {font-size:.75em;font-weight:700; color: #76A1E1;}


/*  EQUIPMENT CATEGORIES
------------------------------------------------*/
.equipment-categories {display:flex; flex-flow:row wrap; justify-content:center; padding:2em 1% 6em 1%; }

.equip-cat-item {
	position:relative; overflow:hidden; 
	box-sizing:border-box; flex:23%; /*width:max(20%,33.3%);*/ margin:1%; padding:1.25em .5em; background:#0b3578;
	-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;
	-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;
	box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.0);
	border:1px #d1d1d1 solid;
} 
.equip-cat-item:hover {background:#333; /*-webkit-border-radius:15px; -moz-border-radius: 15px; border-radius: 15px;*/ box-shadow: 0px 2px 30px 0px rgba(0,0,0,.2);} 

.equip-cat-item a {-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;}
.equip-cat-item a:hover {letter-spacing:.25px;}
.equip-cat-item img {z-index:1;width:100%; filter: invert(0%); -webkit-transition:1s ease-in; -moz-transition:1s ease-in; -o-transition:1s ease-in; transition:1s ease-in;}
.equip-cat-item:hover img {filter: invert(70%);}
.equip-cat-intro .intro-title {font-size:calc(16px + 2.5em); font-weight:800; line-height:1; text-transform: uppercase;}

.equip-cat-title {
	position:absolute; z-index:5; bottom:1em; right:.5em; left:1em; margin:0; font-size:calc(16px + 1.5vw); font-weight:800; line-height:1; text-transform: uppercase; color:#fff; text-shadow: 2px 2px 10px rgba(0,0,0,0.5);
	-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;
}
.equip-cat-item:hover .equip-cat-title {}

.equip-cat-subtitle {
	position:absolute; bottom:1em; left:1em; margin:0; font-size:1.35em; font-weight:800; line-height:1; text-transform: uppercase; color:#fff;
	-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;
}

.cat-trucks {background:#0b3578;}
.cat-trucks:hover {background:#333;}
.cat-other {background:#113a7d;}
.cat-other:hover {background:#333;}


/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {width:100%; height:90px; overflow:hidden;}
.scrolling{width:100%; height:90px;}




/*  BRANCH SECTION
------------------------------------------------*/
.branch-wrap {display:flex; flex-flow:row wrap; justify-content: space-between; padding:6em 1%; background:#ddd;}

.branch-info {
	position:relative; overflow:hidden; 
	box-sizing:border-box; flex:32.3%; /*width:max(20%,33.3%);*/ margin:.5%; padding:3.5em; background:#f9f9f9;
	-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;
	-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;
	box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.0);
}
.branch-info:nth-of-type(odd) {color:#f1f1f1;/*background:#ebedef;*/ background:#113a7d;}
.branch-info:nth-of-type(odd) .branch-icon {color:rgba(219,219,219,.05); }

.branch-info:hover {box-shadow: 0px 2px 30px 0px rgba(0,0,0,.2);}

.branch-info a {-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;}
.branch-info a:hover {letter-spacing:.25px;}

.branch-info ul {list-style:none; margin-top:.5em; padding-inline-start:1em; font-size:.9em; line-height:1.75; }
.branch-info ul img.truck-bullet {display:inline-block; margin:5px 5px -7px 0; width:38px; filter: invert(100%); cursor:pointer;} 

.intro-info {display:flex; flex-flow:column wrap; justify-content:flex-end; min-height:350px;}
.branch-icon {position:absolute; top:-10%; right:5%; font-size:20em; color:rgba(9,69,151,.05); }

.truck-filler {background:#000 url("/siteart/branch-truck.jpg") no-repeat center !important; background-size: cover !important; }

.branch-title {margin:0 0 1em 0; font-size:1.25em; line-height:1; text-transform: uppercase;}
.branch-title strong {font-size:1.35em; font-weight:800;}

.branch-logo {margin:0 0 1em 0;}
.branch-logo img {width:100%; max-width:260px;}

.info-icon {
	width:32px; margin:0 1em 0 0; padding:6px 0; font-size:20px; line-height:1; text-align:center; color:#fff; background:#000;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}

.branch-contact {display:flex; flex-flow:row wrap; align-items:center; margin:0 0 1em 0; line-height:1.25; }

.gj-icon {color:#fff; background:#094597;}
.i40-icon {color:#d7d7d6; background:#174898;}
.ctt-icon {color:#c01e2d; background:#babbbf;}
.aok-icon {color:#fff; background:#a41716;}


/*  MAIN
------------------------------------------------*/	
.main {padding:50px 0;}
.main h1 {margin:0 0 .5em 0; font-size:1.95em;}
.main h2 {margin:0 0 .65em 0; font-size:1.75em;}


.contactwrap {display:flex; flex-flow:row wrap; align-items: flex-start; justify-content: space-between;}
.contactwrap article {width: 35%;}
.contactwrap .embed-map {width:60%;}
.contactwrap .embed-map iframe {width:100%; height:400px;}

/*  ARTICLE
------------------------------------------------*/
article {}
article p {font-size:1.25em; line-height:1.8;}
article ul {list-style:none; margin-top:.5em; padding-inline-start:1em; font-size:1.15em; line-height:2.2;}
article ul img.truck-bullet {display:inline-block; margin:5px 5px -7px 0; width:38px; filter: invert(0%); cursor:pointer;} 


.multi-column {display:flex; flex-flow:row wrap; justify-content:space-between;}
.multi-column.single-stack {flex-flow:column wrap;}
.dual-column-item {width: 50%; margin:0 0 5% 0;}
.dual-column-item:last-of-type {margin:0;}
.document-links {margin:0 3% 0 10%;}
.document-links a {display:block; margin:8px 0; padding:5px; font-size:1.3em; line-height:2; transition:.5s ease-in;}
.document-links a:hover {letter-spacing:1px }
.document-links .fa-file-pdf {color:#194a99;}
.document-links a:hover .fa-file-pdf {color:#444;}



/*  PRODUCT CATEGORIES
------------------------------------------------*/
.product-categories {display:flex; flex-flow:row wrap; justify-content:space-between; padding:30px 1%;}

.prod-cat-item {
	position:relative; overflow:hidden; 
	box-sizing:border-box; flex:23%; /*width:max(20%,33.3%);*/ margin:1%; padding:1.25em .5em; text-align:center; border:1px #d1d1d1 solid; background:#194a99;
	-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;
	-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;
	box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.0);
} 
/*.equip-cat-item:nth-of-type(odd) {background:#f1f1f1;}*/
.prod-cat-item:hover {/*background:#194a99;*/ /*-webkit-border-radius:15px; -moz-border-radius: 15px; border-radius: 15px;*/ box-shadow: 0px 2px 30px 0px rgba(0,0,0,.2);} 

.prod-cat-item a {display:block; -webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;}

.prod-cat-title {
	position:relative; /*top:1em; left:1em;*/ margin:0; font-size:1.35em; font-weight:800; line-height:1; text-transform: uppercase; color:#fff;
	-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;
}
.prod-cat-item:hover .prod-cat-title {color:#000;}

.prod-cat-subtitle {
	position:relative; /*bottom:1em; left:1em;*/ margin:0; font-size:1em; font-weight:400; line-height:1; text-transform: none; font-style:italic; color:#fff;
	-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;
}

.product-cat-logo {max-width:420px; margin:0 auto; padding:2em 1.5em;}
.product-cat-logo img {width:100%;}

.truckmaster-green {background:#97C93D;}
.total360-red {background:#b5001a;}


/*  LOCATIONS LANDING
------------------------------------------------*/
.location-landing-item {
	display:flex; flex-flow:row wrap; justify-content:space-between; /*width: 95% !important; margin:0 0 5% 0;*/
	margin: 0px 0px 3em; padding: 0px 0px 3em; text-align: left; border-bottom: 2px solid rgb(225, 225, 225);
}
.location-landing-item:first-of-type {margin:3em 0; padding: 3em 0px; border-bottom: 2px solid rgb(225, 225, 225);}
.location-landing-item:last-of-type {margin:0; padding:0; border:0;}

.location-landing-body {width:365px;}

.loc-landing-map {position:relative; width:calc(100% - 395px); height:100%; padding:5px; line-height:0; background:#fff; border:1px #ccc solid; border-radius:10px;}
.loc-landing-map iframe {width:100%; height:300px;}

.loc-landing-logo {position:absolute; top:-1.85em; right:-1em;}
.loc-landing-logo img {width:100%; max-width:150px;}


/*  FOOTER
------------------------------------------------*/
.site-footer {
	display:flex; flex-flow:row wrap; align-items: center; justify-content: space-between;
	padding:35px 3.5%; /*font-size: 11px; *//*text-align: center;*/ color: #8a8a8a; /*border-top: 1px #CA1D30 solid;*/
	background-color: #222222; background-image: url("data:image/svg+xml,%3Csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23111111' fill-opacity='0.86' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
}

.foot-logos {display:flex; flex-flow:row wrap; align-items: center; justify-content: space-between; max-width:25vw; margin:0;}
.foot-logos a {
	width:48%; margin:1%; border-radius: 30px; background:#333; 
	-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;
}
.foot-logos img {width:80%; margin:0 auto; padding:20% 0; }
.foot-logos a:hover, .foot-logos a:active {background:#444;}

.foot-body {display:flex; flex-flow:row wrap; align-items: center; justify-content: space-between; width:calc(95% - 25vw);}

.foot-nav {display:flex; flex-flow:row wrap; align-items: center; justify-content: space-between; min-width:25vw;}
.foot-nav ul {list-style:none; padding:15px;}
.foot-nav ul li {font-size:1.2em; line-height:1.85; text-align:left; color:#fff;}
.foot-nav ul li a {text-decoration:none;}

.foot-legal {text-transform:uppercase; letter-spacing:1px; text-align: right; color:#fff;}
.foot-copyright {font-size:1.45em; font-weight:700;}
span.foot-host {font-size:.8em; font-weight:300;}







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

@media only screen and (max-width: 1600px) {
	nav.primary {margin:0 1.5% 0 0;}
	nav.primary ul li a {padding:12px 10px; font-size:1.05em;}	
}

@media screen and (max-width: 1435px){
	.equip-cat-item {width:31%; flex:none;}
	.branch-info {flex:48%;}
	.foot-logos {width:40%; max-width:100%;}
	.foot-body {display:flex; flex-flow:column wrap; align-items: flex-end; /*justify-content: space-between;*/ width:58.5%; margin:0 0 0 auto;}
	.foot-nav {display:flex; flex-flow:row wrap; align-items: center; justify-content: space-between; min-width:25vw;}
	.foot-nav ul li {text-align:right;}
	.foot-legal {margin:30px 0 0 0;}
}

@media screen and (max-width: 1320px){
	.logo img {max-width:200px;}
	nav.primary ul li a {padding:12px 8px; font-size:.95em;}
}

@media screen and (max-width: 1175px){
	

	.intro-body a {flex:50%; padding:.75em 0; border-bottom:1px #ccc solid;}
	.intro-body a:nth-of-type(2) {border-right:0;}
	.intro-body a:nth-of-type(3) {border-bottom:0;}
}

@media screen and (max-width:1100px){
	.site-header {background:#333 url("/siteart/diamond-plate-pattern-dark-mobile.jpg") repeat center; background-size:cover;}	
	
	nav.primary{display:none;}
	#menu-button{display: block; font-size:1.65em; line-height:60px; position: relative; z-index:400;}
	#menu-button a{color:#fefefe; text-decoration: none; padding:.8em;}
	
	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 ul li li .fa-chevron-down {z-index:5; color:#fff; margin:3px 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;
	}
		
	/* 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; left: 17px; 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; 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: #f3f3f3; font-size:15px; border-bottom: 1px solid #303030;}
	
	/* FIRST LEVEL */
	nav.mobile ul li a {
		color: #f3f3f3;
		position: relative;
		
		display: block;
		font-size:15px;
		text-align:left;
		text-decoration: none;
		border-left:4px #333 solid;
		padding: 15px 35px 15px 20px;
		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:8px #194a99 solid;}
	
	/* SECOND LEVEL */
	nav.mobile ul li li:last-child {border:none;}
	nav.mobile ul li li a {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 {background: #555; border-left:4px #555 solid;}
	nav.mobile ul li li li a:hover {background:rgba(85,85,85,0.5);}	
	
	.hero .hero-intro .intro-body a {flex:100%;}
	.equip-cat-item {width:48%;}
	.location-landing-body {width:275px;}
	.loc-landing-map {width:calc(100% - 290px); height:100%;}
	.prod-cat-item {flex:48%;}
	.contactwrap article {width: 100%;}
	.contactwrap .embed-map {width:100%; margin:3em 0 0 0;}
}

@media screen and (max-width: 900px){
	.contact-bar{padding:1em 3.5%;}
	.contact-drop-down {position:relative; z-index:150; margin:0; padding:12px 20px; font-weight:700; cursor: pointer; color:#fff; background:#194a99; border-radius: 2px; transition:1s ease;}
	.contact-drop-down:hover {background:#3465b5;}
	.contact-drop-down ul {display:none; position:absolute; width:200px;} 
	.contact-drop-down:hover > ul {
		display:block; list-style:none; z-index: 500; margin:10px 0 0 -20px; padding:0;
		-webkit-animation: swing-in-top-fwd 0.75s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
				animation: swing-in-top-fwd 0.75s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
	}
	.contact-drop-down li {/*display:inline-block; */z-index: 5; border:0; background: #113d88;}
	.contact-drop-down li a {display:block; padding:15px 25px; font-size:.94em; line-height:1.2; text-align:left; font-weight:400; color:#fff;}
	.contact-drop-down li a:hover {background:#06317a;}
	.tagline {margin:0 0 0 2em; text-transform: uppercase; color:#222;}
	.tagline strong {color:#194a99;}
	.site-header {/*padding:15px 3.5%;*/}
	.logo {margin:0 0 0 3.5%; padding:.5em 0;}	
	.logo img {max-width:252px;}
	.branch-info {flex:98%;}
	.branch-info.intro-info , 
	.branch-info.truck-filler {height:500px;} 
	.site-footer {padding:55px 3.5%;}
	.foot-logos {width:60%; margin:0 auto 55px auto;}
	.foot-body {display:flex; flex-flow:column wrap; align-items:center; justify-content:center; width:100%; margin:0 auto;}
	.foot-nav {display:flex; flex-flow:row wrap; align-items: center; justify-content: space-between;}
	.foot-nav ul li {text-align:center;}
	.foot-legal {text-align:center;}
}

@media screen and (max-width: 768px){
	.contact-bar{flex-flow:column-reverse wrap; align-items:center; justify-content:center;}
	.tagline {margin:0 0 .65em 0; text-align: center;}
	.subhero {padding: calc(20px + 10.5%) 10% 15% 10%;}
	.location-landing-body {width:100%; font-size:1.185em; text-align:center;}
	.location-landing-body a.body-button {font-size:.75em;}
	.loc-landing-map {width:100%; margin:1.5em 0 0 0;}
	.prod-cat-item {flex:100%;} 
	.branch-info.intro-info {height:auto;}
	.branch-info.truck-filler {display:none;}
	.dual-column-item {width:100%;}

	.document-links {margin:0 3% 0 10%;}
	.document-links a {display:block; font-size:1.3em; line-height:2;}
	.document-links .fa-file-pdf {color:#194a99;}
	
	.foot-logos {width:70%;}
}

@media screen and (max-width:600px) {
	.foot-nav {align-items:center; justify-content:center; min-width:0;}
}

@media screen and (max-width: 580px) {
	.intro-body { padding: 0;}
	.intro-body a {flex:100%; border-bottom:1px #ccc solid; border-right:0;}
	.intro-body a:nth-of-type(3) {border-bottom:1px #ccc solid;}
	
	.foot-logos {width:90%; margin:0 auto 50px auto;}
}

@media screen and (max-width: 480px){
	.equip-cat-item {width:98%;}
	.foot-logos {display:flex; flex-flow:row wrap; align-items: center; justify-content:center; width:100%;}
	.foot-nav ul {list-style:none; padding:15px 25px;}
	.foot-copyright {font-size:1.25em;}
}