@charset "UTF-8";


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

/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
body {font-size:100%; /*line-height:23px; */ font-family: 'Roboto', sans-serif !important; background:#fff;}

/* SELECTION */	
::selection {color:#fff; background: #cf080b;}
::-moz-selection {color:#fff; background: #cf080b;}


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

/* HEADERS */
/*Remove or simplify font-weight and font-height */
h1, h2, h3, h4 ,h5 ,h6 {line-height: normal;}
h1 {color:#CF080B; font-variant: small-caps; font-size: 2.4rem; line-height: 2.8rem; font-weight: 700; margin:0 0 5px 0;}
h2 {font-size:24px; font-weight:normal;}
h3 {font-size: 36px; line-height: 45px; margin: 0 0 25px 0; padding:0 0 5px 0; /*border-bottom: 1px solid #e5e5e5;*/}
h4 {font-size: 1.8rem; line-height:1.9rem; font-weight: 700; margin:0 0 5px 0;}
h5 {font-size: 1.4rem; line-height:1.5rem; font-weight: 700; margin:0 0 5px 0; font-style:italic; color:#535353;}
h6 {font-size: 1.3rem; line-height:1.4rem; font-weight: 700; margin:0 0 5px 0; color:#1A1A1A;}


/* PARAGRAPH/LIST/GENERAL TEXT */

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

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;}


img.center {display: block; margin:0 auto 10px auto;}

.typography .left {text-align: left;}
.typography .center {text-align: center;}
.typography .right {text-align: right;}





hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}




.typography .intro {
      font-family: "CamboRegular", Georgia, "Times New Roman", Times, serif;
      font-size: 22px;
      line-height: 32px;
      margin-bottom: 20px;
}



/* LIST STYLES
-------------------------------------------- */
.typography ul li {margin-bottom: 5px; list-style:inside; list-style-type: disc;}






#hs-content-wrapper {padding: 55px 2.5%;}






/*
.form-fields {margin:0; padding:0;}



form {text-shadow:0 !important; text-shadow:none !important; color:#181818 !important;}




form h4, form h5, form h6 {margin:0 0 4px 0;}


fieldset {margin:0; padding:0; border:0;}


form label {margin-bottom: 5px;}
    form label.left {display: block; font-weight: bold;}
    form label.right {margin:2px 0 0 0; font-size: 12px; color: #888;}




form .three-cells {width:32.3%; *width: 32.3%; float: left; margin-right:1%; box-sizing: border-box;}
form .full-cell {width:99.3% !important;}
form .large-cell {width:99.5% !important;}
form .last {margin-right:0 !important;}

form .instructions {font-size:14px; color:#777; margin:6px 0 6px 0;}
form .note {font-size:12px; font-style:italic; color:#777; text-align:center; margin:8px 0 0 0;}


form input.text, form textarea, form .textajaxuniquetext, form input[type="text"], form input[type="email"], form input[type="number"], form input[type="time"], form input[type="date"] {		
	width: 98.9%; margin:6px 0 9px 0 !important; padding:12px; font-size: 15px; background-color: #F4F4F4;
	border-top:0; border-right:0; border-left:0; border-bottom: 2px solid #bebebe;
	box-sizing: border-box; -webkit-border-radius:0; border-radius:0;
}

form input.text:focus ,form input[type="text"]:focus, form input[type="email"]:focus, form input[type="number"]:focus, form input[type="time"]:focus, form input[type="date"]:focus, form textarea:focus,  form .textajaxuniquetext:focus {margin:6px 0 8px 0; border-bottom: 2px #dc9a27 solid; background-color:#fcfcfc;}



.field .checkbox, .field .radio {float: left; width: 13px; height: 13px; margin:7px 6px 7px 0; padding: 0;}
    .checkbox label.right, .radio label.right {float: left;}

form .checkwrap {text-align:center;}




form select {
	width: 100% !important; margin:6px 0 9px 0 !important; padding:11px 12px; font-size: 15px; background-color: #F4F4F4;
	border-top:0; border-right:0; border-left:0; border-bottom: 2px solid #bebebe;
	box-sizing: border-box; -webkit-border-radius:0; border-radius:0;
}

form select:focus {margin:6px 0 8px 0; border-bottom: 2px #dc9a27 solid; background-color:#fcfcfc;}





form input[disabled], form textarea[disabled] {background-color: #f7f7f7; border: 1px solid #dc9a27;}
textarea {resize: vertical;}






@media screen and (max-width: 1175px) {
	form .three-cells {width:100%; *width: 100%;}
	form input[type="text"] {margin:6px 0 9px 0;}
	form select {width:99.1%; padding:11px 0;}
}

@media screen and (max-width: 850px) {
	.site-form .check-field {margin:8px 0 0 0; padding:0;}
	.site-form .check-field .checkbox {width:95%; margin:0 8px 8px 5%;}
}





*/




/* SITE FORM
------------------------------------------------*/
.site-form {margin:0 auto; padding:25px 0;}
.site-form form {display:flex; flex-flow:row wrap; align-items:center; justify-content:center; margin:0 auto;}
.site-form h2 {width:100%; margin:0; font-size:1.75em; font-weight:700;}
.site-form h5 {font-weight:600; text-transform: uppercase;}
.site-form h6 {
	width:100%; margin:12px 0 4px 6px; font-size:1.08em; letter-spacing:.05em; font-style:italic; font-weight:600; color:#535353;
}

.site-form .instructions {font-size:14px; color:#737373; margin:6px 0 6px 0;}
.site-form .note {width:100%; font-size:12px; font-style:italic; color:#737373; text-align:center; margin:8px 0 0 0;}

.site-form input[type="text"], .site-form input[type="email"], .site-form input[type="number"], .site-form input[type="time"], .site-form input[type="date"], .site-form select {
	box-sizing: border-box; width:32.3%; margin:6px .5% 9px .5%; padding:12px 0;
    font-size:15px; text-indent:12px; color:#000; border:1px #e4e4e4 solid; background-color: #fff; 
	-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;
}

.site-form input[type="text"]:focus, .site-form input[type="email"]:focus, .site-form input[type="number"]:focus, .site-form input[type="time"]:focus, .site-form input[type="date"]:focus, .site-form select:focus {background-color:#f9f9f9;}

.site-form textarea {
	box-sizing: border-box; width:calc(100% - 16px); height:150px; margin:2px 0; padding:4px 8px; font-size: 15px; border:1px #e4e4e4 solid; background-color: #fff; 
	-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;
}

.site-form textarea:focus {background-color:#f9f9f9;}

.site-form .check-field {display:flex; flex-flow:row wrap; justify-content:space-around;}
.site-form .check-field .checkbox {margin:0 8px 8px 8px; padding:0; color:#4D4D4D;}

.site-form input[type="submit"] {
	margin:10px 0 0 0; padding:0 35px; height:56px; font-size: 16px; text-transform:uppercase; color:#fff; border: none; background:#cf080b;
	transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;
	-webkit-appearance: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}

.site-form input[type="submit"]:hover {color:#fff; background:#921a1d; letter-spacing:.5px; transform:scale(1.01,1.01); cursor:pointer; -webkit-appearance: none;}


.site-form .fullWidth {width:98.9% !important;}





/* FORM CAPTCHA
------------------------------------------------*/	
.CaptchaPanel {width:100%; margin:12px auto 0 auto !important; padding:10px 0 !important;}
.CaptchaImagePanel {padding:5px 0 10px 0 !important;}
.CaptchaMessagePanel {font-weight:100;}

img.CaptchaImage {margin:0 auto;}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaAnswerPanel input {padding:12px 0; text-indent:12px; box-sizing: border-box; border:1px #e4e4e4 solid; background-color: #fff;}












a.link-border {padding:9px 10px 8px 10px; text-align: left; text-decoration:none;  font-weight:700; font-style: italic; color: #B80000; border:1px #cf080b solid;}



.quote {font-style: italic; color:#cf080b;}





/* LINK BUTTON
----------------------------------------------*/
a.bttn-base {
	padding:15px 19px; font-size:18px; text-decoration:none; text-transform:uppercase; font-weight:500 !important; color:#fff !important; border:2px #000b2f solid;

	background:#0c2788;
	letter-spacing: 1px;
	transition: 0.3s !important;
	/*height: 50px;
	padding: 0 30px;*/
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	text-align: center;

	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.bttn-base:hover {color:#fff; border:2px #B80000 solid; background:#000b2f;}

.bttn-arrow i {
  margin: 0 0 0 10px;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.bttn-arrow:hover i {
  transform: translateX(5px);
  -webkit-transform: translateX(5px);
  -moz-transform: translateX(5px);
  -ms-transform: translateX(5px);
  -o-transform: translateX(5px);
}









/* HEADER
----------------------------------------------*/
.site-header {
	margin:0 auto; padding:20px 10%; font-family: 'Roboto Condensed', sans-serif; color: #fafafa;
	background: #16369b url("../siteart/header-bg.jpg") no-repeat; background-size:cover; background-position: center center;
}

/* HEADER CONTACT 
----------------------------------------------*/
.header-top-row {
	display: flex; flex-flow:row wrap; align-items: center; justify-content: flex-end;
	width:100%; margin: 0 auto; padding:0; font-size:1.5rem; text-align: right;
}
.header-top-row a:hover {color:#cf080b;}

.contact-info {margin:0; padding:0;}

.header-contact {display: flex; flex-flow:row wrap; align-items:center; margin:0; padding:0; font-weight: 800; text-transform: uppercase;}
.header-contact span {font-weight: 400;}

.header-contact a, .header-contact a[href^="tel:"] {color:#fafafa;}
.header-contact a:hover {color:#cf080b;}

/* SOCIAL MEDIA
----------------------------------------------*/
.social-media {margin:0; padding:0;}
.social-media a {margin:0 4px; font-weight:100;}

/* MAILING LIST
----------------------------------------------*/
.mailing-list {width:210px; margin:0 0 0 50px; text-align: center; background:#CF080B;}
.mailing-list a{display:block; padding:10px 6px; text-transform: uppercase; font-size:16px !important; text-decoration: none;  color: #fff; text-shadow: 2px 2px 0px rgba(45, 45, 45,0.5);}
.mailing-list a:hover {color:#fff; background:#b70406;}

/* HEADER MAIN
----------------------------------------------*/
.header-main-row {display:flex; flex-flow:row wrap; align-content: flex-end; justify-content: space-between; width: 100%; margin:-45px 0 0 0;}

/* LOGO
------------------------------------------------*/	
.logo-wrap {display: flex; align-content:center; justify-content: space-between; margin:0 3% 0 0; padding:0;}

.logo {margin:0; padding:12px;}
.logo img {width: 100%; max-width:150px; margin:0 auto;}

/* MOTTO / TAGLINE
------------------------------------------------*/	
.motto {align-self:flex-end; margin:12px 0 0 0; padding:0; text-align:left;}
.tagline {font-size:1.25em; font-weight:200; text-transform:uppercase; color:#cf080b; font-family: "Calibri", Helvetica, Arial, "sans-serif"}

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

nav.primary {z-index:500; position:relative; align-self:flex-end; margin:0; padding: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 8px; padding:0 12px;
    font-size:1em; line-height:40px; text-align:center; text-decoration:none; text-transform:uppercase; font-weight:500; color:#fff;
	-webkit-transition:.6s; -moz-transition:.6s; -o-transition:.6s; transition:.6s;	

	-webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-property: color;
	-webkit-transition-duration: 0.6s; transition-duration: 0.6s;
	transition-property: color;
}	

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

nav.primary ul li a:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #cf080b;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

nav.primary ul li a:hover, nav.primary ul li a:focus, nav.primary ul li a:active {color:#fff;}
nav.primary ul li a:hover:before, nav.primary ul li a:focus:before, nav.primary ul li a:active:before {-webkit-transform: scale(1); transform: scale(1);}

/*  SUB NAV
------------------------------------------------*/
nav.primary ul li li {width:245px;}
nav.primary ul li li a:link, nav.primary ul li li a:visited{
	width: 245px; padding:10px 0; font-size:.82em; line-height:30px; text-indent:20px; text-align:left; color:#fff; border:0; background: #262626;
	-webkit-transform: perspective(0) translateZ(0); transform: perspective(0) translateZ(0); box-shadow: 0 0 0 transparent;
}

nav.primary ul li li a:before {display:none;}

nav.primary ul li li a:hover,nav.primary ul li li a:active {
	text-indent:28px;  color:#fff; background:#424242 !important;
	-webkit-transform:none; transform:none; -webkit-transform-origin:0 0; transform-origin:0 0; -webkit-transition-duration:0; transition-duration:0; -webkit-transition-property:none; transition-property:none;
}

nav.primary ul li li a:hover:before, nav.primary ul li li a:focus:before, nav.primary ul li li a:active:before {-webkit-transform:none; transform:none;}

/*  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;}
nav.primary ul ul li {float: none; position: relative; margin:0;}


/*  BREADCRUMBS
------------------------------------------------*/
.breadcrumbs {padding:15px 11%; font-size:18px; text-align:left; color:#fff; background-color:#0c2788;}
.breadcrumbs a {text-decoration: none; font-weight: 600; color:#fff;}

/*  SLIDESHOW
------------------------------------------------*/
.cycle-slideshow {width:100%; line-height:0; z-index:10; position:relative; border-top:5px #fff solid;}
.cycle-slideshow img{width:100%;}

/*  CATEGORIES
------------------------------------------------*/
.categories {display: flex; flex-flow:row wrap; align-content: center; justify-content: space-between; background:#9f1314;}

.ind-button {width:33.3%; height:340px; position:relative; margin:0; padding:0;}
.ind-button a {display:block;width:100%; height:100%;}
.ind-button h3 {
	position:absolute; top:40%; width:100%; text-transform: uppercase; text-align:center; font-weight: 700; font-size: 3rem !important; color: #fff; text-shadow: 2px 2px 5px rgba(45, 45, 45, 1);
	/*-webkit-text-stroke-width: 1px; -webkit-text-stroke-color: black;*/
}

.fadein {opacity:1;}
.fadein:hover{opacity:0.85;}

.category-one {background:url("/siteart/equipment-bg.jpg") no-repeat; background-size:cover; background-position:center center;}
.category-two {background:url("/siteart/parts-bg.jpg") no-repeat; background-size:cover; background-position:center center;}
.category-three {background:url("/siteart/service-bg.jpg") no-repeat; background-size:cover; background-position:center center;}

/*  MAIN
------------------------------------------------*/	
.main {display:flex; flex-flow:row wrap; align-content: flex-start; justify-content: space-between; margin:0 auto; padding:55px 2.5%; background:#f7f7f7;}
.inv-main {margin:0 auto; padding:55px 2.5%; background:#f7f7f7;}

/*  HOME INTRO
------------------------------------------------*/
.home-intro {position: relative; margin: 0 auto; background:#fff url("/siteart/home-main-bg.jpg") no-repeat; background-position:left center; background-size:cover;}
.home-text {width:65%; margin:0 0 0 auto;}


.page-text {width:72.5%; margin:0; padding:25px 2.5% 35px 2.5%; background-color:#fff;}

.page-full {width:95%; margin:0; padding:25px 2.5% 0 2.5%; background-color:#fff;}

/*  ARTICLE
------------------------------------------------*/
article {
	font-size: 1.15rem;
	line-height: 1.65rem;
	font-weight: 300;
}

article ul li {margin-bottom: 5px; list-style:inside; list-style-type: disc;}

/* ASIDE / SIDE NAVIGATION
------------------------------------------------*/
aside {
	display:flex; flex-flow:column wrap; align-content: flex-start; order:-1;
	width:17%; min-width:230px; margin:0 2.5% 0 0; padding:20px 1.5% 0 1.5%; background: #fcfcfc;
}

/* SIDE NAVIGATION
------------------------------------------------*/
.side-nav {padding:0 0 20px 0; border-bottom: 1px solid #ccc;}

.side-nav-link {margin:6px 0; padding:0; font-size: 1.05rem; line-height: 1.25rem;}
.side-nav-link a:link, .side-nav-link a:visited {
	display:block; padding:10px 8px; text-decoration: none; font-weight: 500; color:#fff; background-color:#cf080b;
	-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;
}
.side-nav-link a:hover, .side-nav-link a:active {color:#f7f7f7 !important; background: #921a1d;
	-webkit-transition:.5s ease; -moz-transition:.5s ease; -o-transition:.5s ease; transition:.5s ease;}

.side-nav-link a i {margin:0 6px 0 0;}
.side-nav-link a:hover i, .side-nav-link a:active i {color:#fff !important;}

/* SIDE SEARCH
------------------------------------------------*/
.side-search {padding:20px 0; border-bottom: 1px solid #ccc;}

.quick-search {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between;  width:100%;}
.quick-search input.search-field {
	width:calc(86% - 26px) !important; margin:0 !important; padding:10px 12px; border:1px #e9e9e9 solid; text-transform:uppercase; border-right:0;
}

.quick-search .search-button {
	width:14% !important; margin:7px 0; padding:11px 0; border:none !important; color:#fff;
	background:#cf080b url("/siteart/search-icon.png") no-repeat center center !important; 
}

.quick-search .search-button:hover {
	letter-spacing:normal; transform:scale(1,1);
}

/* SIDE CONTACT DETAILS
------------------------------------------------*/
.side-contact {padding:20px 0 30px 0;}
.contact-details {margin:0; padding:0 0 0 12px; font-size:1em;}

/* INVENTORY STYLES
------------------------------------------------*/
.list-top-section .list-listings-count,
.list-redesign .other-site-data-section .rent-lease .rent-lease-price,
.rent-title-details, .lease-title-details, .fractional-title-details,
.listing-prices__retail-price, .listing-prices__discount-formatted-price, .listing-prices__alternate-retail-price, .listing-prices__exclusive-wholesale-price,
.parts-list-content .parts-title-and-breadcrumbs .parts-listings-count {color: #222 !important;}
.faceted-search-content .selected-facets-container .selected-facet,
.list-container-flexrow .view-listing-details-link, .list-container-flexrow .dealer-phone-call, .list-container-flexrow .dealer-phone-text,
.parts-redesign .parts-list-content .grid .parts-listing-container .buy-btn {color:#fff !important; background:#16369b!important;}
.list-content h1.list-title,
h1.parts-title{font-variant: none !important;}
.detail-wrapper .breadcrumbs {padding:0 !important; color:inherit !important; background:transparent !important;}
a.breadcrumbs__link {display: inline-block!important;text-decoration: none !important; cursor: pointer !important;color: #111 !important;}
.detail__cta-buttons a {color:#fff !important;}

/* EMPLOYMENT PAGES
------------------------------------------------*/
.job-listings {margin:25px 0 0 0;}
.listing-details {margin:0; padding:35px 0; border-bottom:1px #ccc solid;}
.listing-details:first-of-type {padding:10px 0 35px 0;}
.listing-details:last-of-type {border:0;}
.listing-details h5 span {color:#cf080b;}
a.application-link {padding:9px 10px 8px 10px; font-weight:700; text-align: left; text-decoration:none; font-style: italic; border:1px #cf080b solid;}

/* TRENCH SPECS
------------------------------------------------*/
.trench-listings {display:flex; flex-flow:row wrap; align-content: flex-start; justify-content:space-around; margin:35px 0 0 0;}
.trench-details {
	width:41%; margin:10px 1% 20px 1%; padding:25px 3% 25px 3%; background:#f7f7f7;
}
.trench-details h5 {font-size: 1.3rem; color:#CF080B !important;}
.trench-details ul li {margin-bottom: 5px; list-style:inside; list-style-type: disc;}

/* EQUIPMENT CATEGORIES
------------------------------------------------*/
.inventory-categories {display:flex; flex-flow:row wrap; align-items:center; justify-content:center; margin:10px 0; padding:0;}

.individual-category {position:relative; width:31%; min-width:280px; margin:1%; padding:0; border:1px #bdbdbd solid; background:#111; }
.individual-category a {display:block; width:100%; height:100%;}
.individual-category img { z-index:1; width:100%;}

.individual-category h3 {
	position:absolute; z-index:5; top:40%; width:90%; padding:0 5%; text-transform: uppercase; text-align:center; font-weight: 700; font-size:1.8rem !important; color: #fff; text-shadow: 2px 2px 5px rgba(45, 45, 45, 1);
	/*-webkit-text-stroke-width: 1px; -webkit-text-stroke-color: black;*/
}

.category-overlay {
	position:absolute; z-index:3; display:block; width:100%; height:100%;
	background: rgb(51,51,51);
background: linear-gradient(135deg, rgba(51,51,51,0.5130427170868348) 0%, rgba(0,0,0,0.165703781512605) 89%);
}

/* TEAM PAGES
------------------------------------------------*/
.staff-members {display:flex; flex-flow:row wrap; align-content: flex-start; justify-content:space-around;}

.staff-detail {width:21%; margin:10px 1% 20px 1%; padding:35px 1% 25px 1%; background:#f7f7f7;}
.staff-detail .staff-pic {width:80%; margin:0 auto; padding:0 0 10px 0;}
.staff-detail .staff-pic img {width:100%; max-width:300px;  border:1px #c3c3c3 solid;}
.staff-detail .staff-name {width:70%; margin:0 auto; padding:6px 5%; font-size:.9em; font-weight:700; text-align: center; color:#fff; background:#cf080b;}
.staff-detail .staff-title {margin:6px 0 0 0; font-size:.875em; line-height:1.4em; font-style:italic; text-align: center; color:#969696;}
.staff-detail .staff-desc {margin:6px 0 0 0; font-size:.8em; line-height:1.4em; text-align: center; color:#969696;}


/* CONTACT / LOCATIONS PAGE STYLES
-----------------------------------------------*/
.location-listings {display:flex; flex-flow:row wrap; align-content: flex-start; justify-content:space-around; margin:20px 0 0 0; padding:0;}
.location-details {width:29%; margin:10px 1% 20px 1%; padding:20px 1%; text-align: center; background:#f7f7f7;}
.location-details h5 {color:#CF080B !important;}
.location-details .address {margin:0; font-size:.9em; line-height:1.3em;}
.location-details .fa-location-arrow {margin:0 5px 0 0; font-size:.75em; color:#555;}
.location-details .address a {text-decoration:none;}

/*  FOOTER
------------------------------------------------*/
.site-footer {margin:0 auto; padding:10px 5%; text-align: center; color: #fff; background-color:#000b2f;}

.footer-nav a {display: inline; width: 100%; font-size: 1rem; font-weight:600; text-decoration: none; color:#fff;}
.footer-nav ul {list-style: none; text-transform: uppercase;}
.footer-nav ul li {display: inline; margin:0 1%; padding:0 2%; line-height:35px;}

.lower-footer {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; margin:0; padding:10px 0; color:#fff;}
.lower-footer a {color:#fff;}
.lower-footer a:footer {color: #D7D7D7;}

.footer-copyright {display:flex; flex-flow:row wrap; align-items:center; margin:0 2% 0 0; font-size:.7em;}
.footer-copyright i {margin:0 4px 0 0; font-size:11px; line-height:14px;}
.footer-copyright .logo {width:40px;}
.footer-copyright .logo img {width:100%;}






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

@media screen and (max-width: 1725px) {
	.page-text {width:67.5%;}
	aside {width:22%;}
	
	.safety-icon {display:none;}
	.safety-specs {width:100%; min-width:0;}
	
	nav.primary ul li a{font-size:.9em;}
}

@media screen and (max-width: 1650px) {
	.tagline {font-size:1.15em;}
	.mailing-list a{font-size:1em;}
	nav.primary ul li a{margin:0 6px; padding:0 10px;}
	.staff-detail {width:29%;}
}

@media screen and (max-width: 1550px) {
	nav.primary ul li a{font-size:.8em;}
}
	
@media screen and (max-width: 1450px) {
	.tagline {font-size:1em;}
	nav.primary ul li a{margin:0 4px; padding:0 8px;}
	.home-text {width:85%;}
	
	.trench-details {width:91%;}
	.location-details {width:46%;}
}

@media screen and (max-width: 1350px) {	
	.motto {align-self:center;}
	
	.page-text {width:62.5%;}
	aside {width:27%;}
	
	.ind-button {height:280px;}
	.ind-button h3 {font-size:2.5em !important;}
	
	.staff-detail {width:44%; padding:35px 2%;}
	.staff-detail .staff-title {font-size:.85em;}
}

@media screen and (max-width: 1275px) {	
	nav.primary{display:none;}
	#menu-button{margin:45px 2% 0 0; padding:0; text-align:right; display: block; position: relative; z-index: 400;}
	#menu-button a{display: block; margin:20px 0 0 0; padding:0 24px; font-size:1.35em; line-height:60px; cursor:pointer; text-align:center; text-decoration: none; font-weight:800; color:#fff; border:1px #eaeaea solid; background:rgba(0,0,0,0.2);}
	
	/*#menu-button a{width:100%; margin:0; padding:0;  font-size:1.35em; }*/
	
	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:22px 0 0 0;}
	
	nav.mobile {
		display:block;
		position: fixed;
		top: 0;
		right: -285px;
		width: 285px;
		height: 100%;
		z-index: 500;
		overflow:auto;
		background: rgb(9,30,97); background: linear-gradient(340deg, rgba(9,30,97,1) 0%, rgba(9,36,121,1) 100%);
	}
	
	nav.mobile .social-media {
		position: absolute;
		text-decoration: none;
		vertical-align: top;
		z-index:9999;
		display: inline-block;
		
		top:11px;
		left: 15px;
		font-size:16px;
		word-spacing:13px;
		color: #ccc !important;
	}
	
	nav.mobile .social-media a:link, nav.mobile .social-media a:visited {color:#ccc; text-decoration:none;}
	nav.mobile .social-media a:hover, nav.mobile .social-media a:active {color:#cf080b; text-decoration:underline;}

	nav.mobile h3 {	
		color: #ccc;
		margin: 0;
		padding: 23px 0;
		position: relative;
		font-size: 18px;
		font-weight:600;
		background:#071a57;
		font-family: 'Inter UI', sans-serif;
	}			
	nav.mobile .menu-title {position: absolute; vertical-align: top; top:9px; right: 47px; text-transform:uppercase; font-size:12px; color: #ccc;}
		

	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;}
	
	nav.mobile ul li span.click{
		background:url(../siteart/menu-arrow.png) 10px 12px no-repeat;
		background-size:55%;
		position:relative;
		display:block;
		float:right;
		margin:-48px 6px 0 0;
		cursor:pointer;
		z-index: 12399994;
		width:34px;
		height:34px;
		-webkit-transition:background-size .3s ease-in-out;
		-moz-transition:background-size .3s ease-in-out;
		transition:background-size .3s ease-in-out;
	}
	nav.mobile ul li span.click:hover{margin:-49px 6px 0 0;}

	
	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 #16369b;}
	
	/* FIRST LEVEL */
	nav.mobile ul li a {
		color: #fff;
		position: relative;
		display: block;
		font-size:15px;
		text-align:left;
		cursor:pointer;
		text-decoration: none;
		border-left:4px #16369b 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:4px #cf080b solid;}
	
	/* SECOND LEVEL */
	nav.mobile ul li li:last-child {border:none;}
	nav.mobile ul li li a {color: #fff; background:#071a57; border-left:4px #071a57 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: #fff; background: #071a57; border-left:4px #071a57 solid;}
	nav.mobile ul li li li a:hover {background:rgba(85,85,85,0.5);}
	
	.nav-footer {color:#a2a2a2; position:relative; text-align:center; font-size:15px; line-height:19px; padding:15px 0;}
	.nav-footer i {font-size:13px; line-height:16px;}
}

@media screen and (max-width: 1150px) {
	.site-form input[type="text"], .site-form input[type="email"], .site-form input[type="number"], .site-form input[type="time"], .site-form input[type="date"], .site-form select {width:100%;}	
	
	.header-contact span {display:none;}
	
	.home-text {width:100%;}
	.page-text {width:90%; margin:0; padding:30px 5%; background-color:#fff;}
	aside {order:1; width:93%; margin:30px 0 0 0; padding:30px 3.5%; flex-flow:row wrap; justify-content:space-around;}
	
	.side-nav {padding:0 20px 0 0; border-right: 1px solid #ccc; border-bottom:0;}
	.side-nav-link a:link, .side-nav-link a:visited {padding:10px 12px 10px 8px;}
	.side-search {padding:0 20px; border-right: 1px solid #ccc; border-bottom:0;}
	.side-contact {padding:0 0 0 20px;}
}

@media screen and (max-width: 1024px) {
	.side-nav {border:0;}
	.side-search {display:none;}
	
	.ind-button {height:240px;}
	.ind-button h3 {font-size:2em !important;}
}

@media screen and (max-width:980px) {
	.site-header .contact-info, .site-header .social-media {display:none; }
}

@media screen and (max-width:950px) {
	.side-contact {margin:0; padding:30px 0 0 0; text-align:center;}	
}

@media screen and (max-width: 768px) {
	.shop-header {padding:10px 10%;}
    
	.header-top-row {display:none;}
	.header-main-row {margin:0;}
	#menu-button{align-self:center; margin:20px 0 0 0;}

	.home-intro {background:#f7f7f7; background-image:none;}

	.side-nav {padding:0 20px; border:0;}
	.side-nav-link {font-size:1rem;}
	
	.side-contact {padding:20px 20px 0 20px;}
	
	.location-details {width:96%;}
	
	.ind-button {height:180px;}
	.ind-button h3 {font-size:1.5em !important;}
}

@media screen and (max-width: 650px) {
	.lower-footer {justify-content:space-around;}
}

@media screen and (max-width: 525px) {
	.hero {display: none;}
	
	.ind-button {width:100%; height:135px;}
	.ind-button {}
	
	.staff-detail {width:94%;}
	
	.individual-category {min-width:225px;}
	.individual-category h3 {font-size:1.25rem !important;}
	
	.side-nav-link {font-size:.9rem;}
}

@media screen and (max-width: 400px) {
	.logo-wrap {width:100%; flex-flow: column; margin:0;}
	.logo {margin:0 auto; text-align:center;}
	
	#menu-button{width:100%; margin:20px 0 0 0;} 
 	#menu-button a{display: block; width:100%; margin:0; padding:0; text-align:center; font-size:1.35em; line-height:60px; border:1px #eaeaea solid; background:rgba(0,0,0,0.2);}
	.individual-category {min-width:185px;}
	.mailing-list a{font-size:.85em;}
	.side-nav-link {font-size:.8rem;}
}