@charset "UTF-8";


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

/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
html {scroll-behavior: smooth;}
body {/*margin:0; line-height:12px;*/ font-size:100%; font-family: darkmode-off, sans-serif !important; color:#2f2f2f; background:#fff;}

:target:before {
    content: "";
    display: block;
    height: 100px;
    margin: -100px 0 0;
}

.section {
  scroll-margin-top: 75px;
}

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


/* 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:42px; font-weight:700; font-family: urw-din-semi-condensed,sans-serif;}
h2 {font-size:38px; font-weight:700; font-family: urw-din-semi-condensed,sans-serif;}
h3 {font-size:36px; font-weight:700; letter-spacing:-1px; color:#262626; font-family: urw-din-semi-condensed,sans-serif;}
h4 {font-size:28px; font-weight:700; font-family: urw-din-semi-condensed,sans-serif;}
h5 {font-size:24px; font-weight:700; color:#262626; font-family: urw-din-semi-condensed,sans-serif;}
h5 span{font-size:26px; font-weight:500;}
h6 {font-size:24px; font-weight:700; font-family: urw-din-semi-condensed,sans-serif;}

.italic {font-style: italic;}
.bold {font-weight: 700!important;}

/* PARAGRAPH/LIST/GENERAL TEXT */

/* LINKS */
a{-webkit-transition:.5s ease; -moz-transition:.5s ease; -o-transition:.5s ease; transition:.5s ease;}
a:link, a:visited {color:inherit; text-decoration:none;}
a:hover, a:active {color:#004aad; 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;}
.dark-gray {color:#4F4F4F;}
.heavy {font-weight:800;}

.blue {color:#004aad;}
.darkBlue {color:#00357c;}
.red {color:#ee2625;}
.gray {color:#ccc;}


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


hr {border-top: 1px #d9d9d9 solid; border-bottom:0;}
 /*#e7e7e*/


.faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-count {display: none!important;}
.show-all-modal .all-options-container .option-container .faceted-option-checkbox-container .option-count{display: none!important;}

/*

font-family: urw-din,sans-serif;
font-family: urw-din-semi-condensed,sans-serif;
font-family: darkmode-off, sans-serif;

*/


/* ROUND BORDER
------------------------------------------------*/
.roundBorderSmall {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.roundBorder {-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
.roundBorderLarge {-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}


.item-container{top:80px;padding-bottom:50px; overflow:scroll;max-height:90vh; box-sizing:border-box; max-width: 1100px;min-height: 300px;margin:0 auto;background: #fff;position: relative;z-index: 103;padding:65px 40px;box-shadow: 0 2px 5px rgba(0,0,0,.5); width:98%;}
.item-container .closeshow{position:absolute; top:10px; right:10px; width:40px; height:40px; padding:3px; background:#fff; font-size:40px; font-weight:700; color:#000;}
.item-container .closeshow:hover{cursor:pointer; color:#eb7203; background:transparent!important;}

.show-links{width:100%; display:flex; flex-direction:row; flex-wrap:wrap;padding-bottom: 50px;}
.show-links a{width:calc(25% - 10px); padding:0; margin:5px; background:transparent;}
.show-links a img{width:100%; box-sizing:border-box; height:200px; object-fit:cover; border:solid 1px #000;}
.show-links a p{width:100%; padding:12px; text-align:center; transition:.3s ease; background:#eb7203; box-sizing:border-box; font-weight:600; border:solid 1px #000; color:#000; }
.show-links a:hover p{background:#000; color:#fff;}

.item{width: 100%; left:0; overflow-y:scroll; display:none; padding-bottom:50px; margin:0 auto;padding-top:50px;top:0;position:fixed;z-index: 101;height: 100%;}
.space{margin-top:20px;margin-bottom:20px;}

/* LINK BUTTON
------------------------------------------------*/

.rental-report-signup {
  background-color: #f9f9f9;
  padding: 60px 20px;
  text-align: center;
}

.rental-report-wrapper {
  max-width: 700px;
  margin: 0 auto;
}

.rental-report-heading {
  font-size: 2rem;
  font-weight: bold;
  color: #333;
  margin-bottom: 20px;
}

.rental-report-description {
  font-size: 1.1rem;
  color: #555;
  padding-bottom: 20px;
  line-height: 1.6;
	
}

/* Optional: Style the Constant Contact form button */
.ctct-inline-form button {
  background-color: #0073e6;
  color: #fff;
  padding: 12px 24px;
  font-size: 1rem;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.ctct-inline-form button:hover {
  background-color: #005bb5;
}


button.linkButtonBox,
a.linkButtonBox {
	display:inline-block; box-sizing:content-box; width:225px; min-width:210px; font-size:1.15em !important; line-height:2.5; font-weight:600; text-align:center; cursor:pointer; color:#fff; padding:14px 25px 12px 25px; margin:8px 15px;
	background-color: #004aad; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%2300357c' fill-opacity='0.2' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E"); font-family: urw-din,sans-serif;
	-webkit-transition:.5s ease; -moz-transition:.5s ease; -o-transition:.5s ease; transition:.5s ease;
	-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;	
}
.linkButtonBox a {margin:8px 15px; padding:14px 25px 12px 25px; color:#fff;}
button:hover.linkButtonBox,
a:hover.linkButtonBox {background-color:#00357c; color:#fff;}



button.linkButtonBoxInverse,
a.linkButtonBoxInverse {padding:11px 22px 9px 22px; font-weight:700; color:#00357c; border:3px #004aad solid; background:#cbdbef;}


button:hover.linkButtonBoxInverse,
a:hover.linkButtonBoxInverse {color:#fff; border:3px #00357c solid; background-color:#00357c;}


button.deptButton,
a.deptButton {
	display:inline-block; width:auto; min-width:215px; margin:8px 15px 8px 5px; padding:12px 5px; font-size:16px !important; line-height:2.5; font-weight:600; text-align:center; color:#fff; cursor:pointer;
	background-color: #004aad; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%2300357c' fill-opacity='0.2' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E"); font-family: urw-din,sans-serif;
	-webkit-transition:.5s ease; -moz-transition:.5s ease; -o-transition:.5s ease; transition:.5s ease;
	-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;	
}
button:hover.deptButton,
a:hover.deptButton {background-color:#00357c;}



button.linkButtonSmall,
a.linkButtonSmall {width:auto; min-width:0; padding:14px 25px 14px 25px; font-size:.95em !important;line-height:1.5;}

button.linkButtonLong,
a.linkButtonLong {width:300px; }

button.linkDarkButtonBox,
a.linkDarkButtonBox {
	background-color: #00357c; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%2300357c' fill-opacity='0.2' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E"); font-family: urw-din,sans-serif;
}
button:hover.linkDarkButtonBox,
a:hover.linkDarkButtonBox {background-color:#012658;}


button.redButton,
a.redButton {
background-color: #d61615;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23a90707' fill-opacity='0.2' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
}
button:hover.redButton,
a:hover.redButton {background-color:#a90707;}


button.lightButton,
a.lightButton {color:#f9f9f9; background:#a9a9a9;}
button:hover.lightButton,
a:hover.lightButton {background:#c7c7c7;}


button.whiteButton,
a.whiteButton {color:#004aad; background:#fff;}
button:hover.whiteButton,
a:hover.whiteButton {background:#c7c7c7;}





a.calloutButton {padding:14px 15px 12px 15px; color:#fff; background:#000;}
a.calloutButton:hover {background:#7b7b7b;}

.hero-button-1{
	display: flex;
    width: 100%;
    background-color: #fff;
    z-index: 100;
    gap: 10px;
    bottom: -116px;
    /* margin: 0 auto; */
    padding: 10px 2.5%;
	box-sizing: border-box;
	
}
.hero-button-block{
    background-color: #004aad;
    padding: 10px 20px;
    width: 100%;
    padding: 14px 25px 12px 25px;
    box-sizing: border-box;
    
    margin: 8px 15px;
    padding: 14px 25px 12px 25px;
    font-size: 1.25em !important;
    line-height: 2.5;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    font-family: urw-din, sans-serif;
    border-radius: 15px;
}
.hero-button-block:hover{
	background-color:#00357c ;
}
.hero-button-1 a{
	color: #fff;

}
.holding-space{
	margin-top: 60px;
}
.special-wrapper{
	background: none !important;
	
}

/* HEADER
------------------------------------------------*/	
.site-header {
	position: fixed; top:0;left: 0;z-index: 1000; width:95%; /*width:100%;*/
	box-sizing: content-box;
	display:flex; flex-flow:row wrap; align-items:center; justify-content: space-between; padding:30px 2.5%; background:#fff; 
	-webkit-box-shadow: 0px 0px 13px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 13px  rgba(0,0,0,0.1); box-shadow: 0px 0px 13px  rgba(0,0,0,0.1);
	-webkit-transition: height 0.5s; -moz-transition: height 0.5s; transition: height 0.5s;	
}	

.site-header.site-header-shrink {padding:10px 2.5%;}


.header-search {
    font-size: 28px !important;
    background-color: #e8e8e8;
    text-align: center;
    padding: 15px 20px;
    border-radius: 10px;
    cursor: pointer;
    order: 5;
    width: 50px;
}

.search-dropdown {
    border-radius: 10px;
    overflow: hidden;
    transform: translateY(-12px);
    opacity: 0;
    transition: height 280ms ease, transform 280ms ease, opacity 220ms ease;
    order: 6;
}

.search-dropdown.expanded {width: 100%;}
.search-dropdown.expanded .invQuickSearch {width: calc(100% - 40px);}

.search-dropdown.expanded {
    transform: translateY(0);
    opacity: 1;
}

.search-dropdown > .invQuickSearch {
    margin: 0 auto;
}

.hero-video {position:relative; width:100%; object-fit:cover; object-position:center center; filter: /* grayscale(1) */ /* sepia(1) */ /* hue-rotate(190deg) */ /* saturate(150%) */ brightness(70%);}

@keyframes slideDown {
    from {
        transform: translateY(-14px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slideUp {
    from {
        transform: translateY(0);
        opacity: 1;
    }
    to {
        transform: translateY(-14px);
        opacity: 0;
    }
}

@media screen and (max-width: 1305px) {
    .header-search { order: 2;}
    .site-header { gap: 20px;}
}
@media screen and (max-width:1366px){
	.hero-button-block{
		font-size: 1em!important;
		height: 73px;
        align-content: center;
		
	}
}

@media screen and (max-width: 1230px){
	.hero{
		align-items: center;

	}
	.hero-button-1{
		flex-direction: column;
        justify-content: center;
        align-content: center;
        flex-wrap: wrap;
        /* top: 10px; */
        bottom: -145px !important;
		width: 100%;
		max-width: 500px;
    
	}
	.hero-button-title{
		font-size: 1.15em;
		line-height: 1.1em;
		font-weight: 700;
	}
	
	.hero video{
		height: 450px !important ;
	}
	.herotrap{
		bottom: 12.75em;
	}
}

@media screen and (max-width:1156px){
	.hero-button-1{
		flex-direction: column;
        justify-content: center;
        align-content: center;
        flex-wrap: wrap;
        /* top: 10px; */
       
	}
}

@media screen and (max-width: 600px) {
    .search-dropdown.expanded {padding-top: 50px;}
}
@media screen and (max-width: 400px) {
    .header-search { width: 100%;}
    .headerPhone2 { width: 100%; text-align: center;}
}

/* LOGO
------------------------------------------------*/	
.logo {width:284px; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;}	
.logo img {width:100%; max-width:284px;}

.site-header.site-header-shrink .logo {width:150px;}

/* HEADER PHONE
------------------------------------------------*/	
.headerPhone {font-size:1.875em; font-weight:600; font-family: urw-din,sans-serif;}
.headerPhone a[href^="tel:"] {color:#004aad;}

.site-header.site-header-shrink .headerPhone {font-size:1.75em;}

.headerPhone2 {font-size:1.875em; font-weight:600; font-family: urw-din,sans-serif; transition: 0.3s ease all;}
.headerPhone2 a[href^="tel:"] {color:#fff; padding: 15px; background-color: #004aad; border-radius: 12px; border: 1px solid #004aad;}
.headerPhone2:hover a[href^="tel:"] {background-color: #fff; color:#004aad;}

.site-header.site-header-shrink .headerPhone2 {font-size:1.75em;}

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

nav.primary {z-index:500; position:relative; 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:flex; flex-flow:row; align-items: center; margin:0 5px; padding:12px 8px; position:relative; 
    font-size:1.1em; line-height:1; font-weight:600; text-align:center; text-decoration:none; text-transform:uppercase;
	color:#3c3c3c; font-family: urw-din,sans-serif; cursor:pointer;
	-webkit-transition:.35s ease-in; -moz-transition:.35s ease-in; -o-transition:.35s ease-in; transition:.35s ease-in;	
}	

nav.primary ul li a:hover {color:#777;}
nav.primary ul li a i {margin:0 0 0 3px; font-size:.55em;  color:#888;}


nav.primary ul li a:hover::before,
nav.primary ul li a:focus::before,
nav.primary ul li a:hover::after,
nav.primary ul li a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

/*  SUB NAV
------------------------------------------------*/
nav.primary ul li li {width: 240px; border-right: none; border-left: none; border-bottom: #fff solid 1px;}
nav.primary ul li li a:link, nav.primary ul li li a:visited{
	margin:0; padding:20px 15px; font-size: 15px; line-height:1; font-weight: 700; text-align:left; color:#fff; background:#222;
	text-transform: uppercase; 
    box-sizing: border-box !important;
    display: flex;
    align-items: center;
}
nav.primary ul li li:last-of-type {border:0;}
nav.primary ul li li:last-of-type a{
	-webkit-border-bottom-right-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px;
}
nav.primary ul li li a:hover,nav.primary ul li li a:active {line-height:1; color:#fff !important; background:#00357c;}

nav.primary ul li li a::before,
nav.primary ul li li a::after {display: none;  background:transparent;}




a:link.highlightLink, a:visited.highlightLink {background:#a90707 !important;}
a:hover.highlightLink, a:active.highlightLink  {background:#d61615 !important;}


/*  NAV DROPDOWNS
------------------------------------------------*/
nav.primary ul ul {display:none; position:absolute; width:240px;} 
nav.primary ul ul ul {position: absolute; left:100%; top:0;}
nav.primary ul li:hover > ul {display:block; flex-flow:initial; align-items:initial; justify-content:initial; line-height:18px; z-index: 500;}
nav.primary ul ul li {float: none; position: relative; margin:0;}

nav.primary ul ul.dualDropDown {-webkit-columns:2; -moz-columns:2; columns:2;}
nav.primary ul ul.dualDropDown li {float:left; width:240px; border-right:#fff solid 1px;}
nav.primary ul ul.dualDropDown li:nth-of-type(n+11){margin:0 0 0 113px;border-right:0;}
nav.primary ul ul.dualDropDown a {height:60px;}

nav.primary ul ul.dualDropDown li:nth-of-type(10) {border-bottom:0;}








.announcement-banner {
	display:flex; flex-flow:row wrap; align-items:center; justify-content:center; margin:210px 0 0 0; /*padding:.75em 1em;*/  color:#fff; border-bottom:3px #fff solid;
	background: rgb(238,38,37); background: linear-gradient(167deg, rgba(238,38,37,1) 0%, rgba(201,16,16,1) 100%);
}
.announcement-banner a {display:block; width:100%; height:100%; padding:1.25em 1em; text-transform:uppercase;}
.announcement-banner p {margin:0 .75em 0 0; font-size:1.5em; font-weight:600; text-align:center; color:#fff;}




/*  UPPER SECTION
------------------------------------------------*/
.upperSection {/*margin:210px 0 0 0;*/ background:#fbfbfb;}

/*  HOME HERO
------------------------------------------------*/
.hero {
	position: relative;
    /* height: 620px; */
    margin: 0;
    background: #004aad;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;}


.herotrap{
	position:absolute; bottom:2.75em;  z-index:10; width:100%; height:85px; background:#fff; 
	/*--------
	-webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 60%);
    		clip-path: polygon(100% 22%, 100% 100%, 0% 100%, 0% 49%);
-------*/

}


.heroMain {display: flex; flex-flow:row wrap; align-items:center; justify-content:center; max-width:1150px; margin:0 auto; padding:2.5% 5% 5% 5%;}
.heroTitle {width:100%; margin:0 0 2.5% 0; font-size:4.25em; line-height:1.1; font-weight:900; text-transform:uppercase; color:#fff; font-family: urw-din-semi-condensed,sans-serif;}
.heroBody {width:calc(100% - 300px); font-size:1.625em; line-height:1.5; font-weight:200; color:#fff; font-family: urw-din,sans-serif;}

.callout {width:300px; margin:1% 0 0 0; text-align: center;}
.callout img {width:100%;}


/*  QUICK SEARCH FORM
------------------------------------------------*/
.quickSearch {position:relative; width:100%; margin:auto 0 0 0;}

/*  CATEGORY SECTION
------------------------------------------------*/
.categorySection {position:relative; bottom:30%; z-index: 100; display: flex; flex-flow:row wrap; align-items:center; justify-content:center; gap:15px; width:95%; margin:0 2.5%;}

.allusedequipment { display: flex; justify-content: center; padding: 60px 0; background-color: #000;}

.allequipment_used{padding: 25px 50px; margin: 0 20px; z-index: 3; position: relative; transition: all 0.3s ease-in;}
.allequipment_used a {font-weight: 700; text-transform: uppercase; font-family: urw-din, sans-serif; font-size: 1.85em; line-height: 1; text-align: center; color: #fff; background-color: #004aad; border-radius: 20px; margin: 0 20px; padding: 25px 50px;}

.allequipment_used a:hover{background-color: #fff; color: #004aad;}

.allequip_title{/*position:absolute;*/ position:relative;  z-index:3; padding:15px 25px; text-align: center;font-size: 1.35em;line-height:1; text-transform:uppercase; font-weight:700; color:#fff; font-family: urw-din,sans-serif;transition: color 0.3s ease-in; }

.allequip_title:hover{color:#004aad;}

.categoryBlock {position:relative; width:20%; max-width:700px; min-width: 230px; height:260px; background:#004aad;}
.categoryShortBlock {height:auto;}

.catManufacturers {/*margin:0 2% 0 0;*/ background:#004aad url("/siteart/category-manufacturer.jpg") no-repeat center; background-size: cover;}
.catProducts {/*margin:0 2% 0 0;*/ background:#004aad url("/siteart/category-specials.jpg") no-repeat center; background-size: cover;}
.catInventory {background:#004aad url("/siteart/category-inventory.jpg") no-repeat center; background-size: cover;}

.categoryTitle {
	/*position:absolute;*/ position:relative;  z-index:3; /*right:30px;*/ /*bottom:25px;*/ padding:25px; text-align: center; /*text-align: right;*/
	font-size: 1.35em; /*font-size:calc(16px + 1.375vw);*/ line-height:1; text-transform:uppercase; font-weight:700; color:#fff; font-family: urw-din,sans-serif;
}
.categoryTitle span {font-size:.685em; font-weight:600;}

.categoryGradient {position:absolute; z-index:1; width:100%; height:100%; background: rgb(0,0,0); background: linear-gradient(344deg, rgba(0,0,0,0.41) 0%, rgba(29,29,29,0.41) 100%);}

/*  INVENTORY QUICK SEARCH BAR
------------------------------------------------*/

.invQuickSearch {position: relative; justify-content: center;width: 750px; margin-bottom: 50px; margin-top: -100px; margin-right: auto; margin-left: auto; background-color: #e8e8e8; padding: 10px; z-index: 11;}
.invQuickSearch form {display: flex; flex-direction: row; gap: 10px;}
.invQuickSearch > form > input, select { height: auto !important;}
.invCategory {display: none;font-size: 24px; padding: 20px; font-family: urw-din, sans-serif; font-weight: 700;background-color: #fff; width: 100%;}
input.invKeywords {font-size: 24px !important; padding: 20px !important;font-family: urw-din, sans-serif; font-weight: 700;background-color: #fff; width: 100%; }
input.invKeywords span {color: #e8e8e8;}
.invSubmit {font-size: 24px; padding: 10px 0;font-family: urw-din, sans-serif; font-weight: 700;background-color: #004AAD;  width: 50%; color: #fff; align-self: stretch;}
.invSubmit:hover {cursor: pointer;}

@media screen and (max-width: 800px) {
    .invQuickSearch {width: calc(100% - 20px); overflow: hidden;}
    .invQuickSearch form {flex-direction: column !important;}
    .invCategory {width: 100%;}
    input.invKeywords {width: 100% !important; max-width: calc(100% - 40px) !important;}
    .invSubmit {width: 100%;}
}

@media screen and (max-width: 1800px) {
    input.invKeywords {font-size: clamp(13px, 4.5vw, 24px) !important;}
}

/*  BRAND SLIDER
------------------------------------------------*/
.brandSlider {position:relative; margin:0 calc(1.5% + 48px) 2.5% calc(1.5% + 48px); padding:0 1.5%;}

.brandSlider .prev, .brandSlider .next {position:absolute; top:0; bottom:0; width:48px; height:48px; margin: auto;}
.brandSlider .prev {left:-48px;}
.brandSlider .next {right:-48px;}
.brandSlider .prev img , .brandSlider .next img {width:20px; margin:0 auto;}


.brandSlider .brandItem {max-width:305px; min-width:200px;}

.brandItem {margin:0 15px; width:100%; border:1px #d9d9d9 solid;}
.brandItem2 {margin:0 15px; width:100%;}
.brandHeader {padding:5px 8px 15px 8px; font-size:1.125em; line-height:.9; font-weight:600; text-align:center; color:#2f2f2f; background:#f1f1f1; font-family: urw-din-semi-condensed,sans-serif;}
.brandHeader img {width:100%; max-width:215px; margin:0 auto 5px auto;}
.brandItem2 img {width:100%; max-width:215px; margin:0 auto 5px auto;}
.brandBody {background:#fff;}
.brandBody img {width:100%; max-width:267px; margin:0 auto; padding:25px 0;}

/*  SHOWCASE SLIDER
------------------------------------------------*/
.link-bar {margin:0 0 2.5% 0;}

/*  SHOWCASE SLIDER
------------------------------------------------*/
.showcaseSlider {position:relative; width:100%; margin:0 0 5% 0; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(60,60,60,1) 100%);}

.showcaseSlider .prev, .showcaseSlider .next {
	position:absolute; top:30%; width:64px; opacity: 0.35; filter: alpha(opacity=0); z-index: 3; height:40%; cursor: pointer;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}
.showcaseSlider .prev {left: 0;  background:rgba(0,0,0,0.75) url("/siteart/previous-alt.png") 50% 50% no-repeat; -webkit-border-top-right-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;}
.showcaseSlider .next {right: 0; background:rgba(0,0,0,0.75) url("/siteart/next-alt.png") 50% 50% no-repeat; -webkit-border-top-left-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-bottomleft: 15px;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px}
.showcaseSlider .prev:hover, .showcaseSlider .next:hover { opacity: .8; filter: alpha(opacity=80) }


.showcaseItem {
	overflow:hidden; width:320px; height:567px; 
	-webkit-transition:.35s ease-in-out; -moz-transition:.35s ease-in-out; -o-transition:.35s ease-in-out; transition:.35s ease-in-out;
}
.showcaseItem img {
	z-index:2; opacity:.35; margin:0 0 0 -50px;
	-webkit-transition:.35s ease-in-out; -moz-transition:.35s ease-in-out; -o-transition:.35s ease-in-out; transition:.35s ease-in-out;
}

.showcaseItem:hover {width:420px; margin:0 0 0 -50px;}
.showcaseItem:hover img {margin:0 auto; opacity:1;}
.showcaseItem a {position:relative; z-index:1;}


.showcaseBrand {display:none; position:absolute; z-index:4; top:10%; right:5%; left:5%; margin:auto; font-size:45px; font-weight:700; text-shadow: 0px 1px 3px rgba(0,0,0,1); text-align:center; color:#fff; font-family: urw-din-semi-condensed,sans-serif;}
.showcaseBrand:after {content:''; position:absolute; right:0; left:0; bottom:-12px; width:20%; max-width:88px; height:5px; margin:auto; background:#ee2625;}
.showcaseItem:hover .showcaseBrand{display:block;}

.showcaseOverlay {position:absolute; right:0; bottom:8%; left:0; z-index:15; width:90%; max-width:1150px; margin:auto; font-size:41px; font-weight:700; text-align:center; color:#fff;  font-family: urw-din-semi-condensed,sans-serif;}
.showcaseOverlay a {margin:22px 0 0 0; font-size:20px !important;}

/*  HOME ABOUT SECTION
------------------------------------------------*/
.home-about {width: 80%; margin: auto; font-size: 20px;}
.contact-cta {display: flex; flex-direction: column; gap: 20px; justify-content: center; align-items:  center; margin: 50px;}
.contact-cta p {font-weight: 700; font-size: 24px;}

/*  CONTACT CTA POPUP
------------------------------------------------*/
#popupContainer {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index: 9999999; display: flex; align-items: center; justify-content: center; padding: 5vh 4vw; box-sizing: border-box;}
#popupContainer > div {background:#fff; margin:0; padding:20px; width:80%; max-width: 560px; position:relative; border-radius: 5px;box-shadow: 0 10px 30px rgba(0,0,0,0.25); max-height: 90vh; overflow-y: auto;}
#popupContent {}
#closePopup {position:absolute; top:10px; right:10px;font-size: 25px; color: #fff; background-color: #004aad; padding: 15px 20px; border-radius: 10px; cursor: pointer;}

/*  HEADING SECTION
------------------------------------------------*/	
.headingSection {
	padding:50px 2.5%; text-align:center; text-transform:uppercase; color:#fff; font-family: urw-din-semi-condensed,sans-serif;
	background:#004aad url("/siteart/headingbg.jpg") no-repeat center; background-size: cover; 
}

.headingSection h1 {font-size:3.9375em; line-height:1.1; font-weight:700;}


/*  SUB PAGE HERO
------------------------------------------------*/	
.subHero {
	background: #fff;
    display: block;
    position: relative;
    height: 400px;
}
.subTitle {position: absolute; right:3.5%; bottom:10%; left: 3.5%;}
h1.subTitle {font-size:4.5em; line-height:1.1; font-weight:700; text-transform:uppercase; color:#fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.7); font-family: urw-din-semi-condensed,sans-serif;}
.yanmarHero h1.subTitle {font-size:3.5em; line-height:1.1; font-weight:700; text-transform:uppercase; color:#fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.7); font-family: urw-din-semi-condensed,sans-serif;}

.manufacturersHero {background:#000 url("/siteart/subhero/manufacturers.jpg") no-repeat center center; background-size: cover;}
.newequipmentHero {background:#000 url("/siteart/subhero/new-equipment-yanmar-line-up.jpg") no-repeat center center; background-size: cover;}
.usedequipmentHero {background:#000 url("/siteart/subhero/used-equipment-yanmar.jpg") no-repeat center center; background-size: cover;}
.cameraHero {background:#000 url("/siteart/subhero/camera.jpg") no-repeat center center; background-size: cover; }
.paladinHero {background:#000 url("/siteart/subhero/paladin.jpg") no-repeat center center; background-size: cover;}
.productsHero {background:#000 url("/siteart/subhero/products.jpg") no-repeat center center; background-size: cover;}
.specialsHero {background:#000 url("/siteart/subhero/specials.jpg") no-repeat center center; background-size: cover;}
.serviceHero {background:#000 url("/siteart/subhero/service.jpg") no-repeat center center; background-size: cover;}
.haulingHero {background:#000 url("/siteart/subhero/hauling-request.jpg") no-repeat center center; background-size: cover;}
.partsHero {background:#000 url("/siteart/subhero/yanmar-parts.jpg?v=1.1") no-repeat center center; background-size: cover;}
.rentalsHero {background:#000 url("/siteart/subhero/rentals-updated.jpg") no-repeat center center; background-size: cover;}
.rentalsFormHero {background:#000 url("/siteart/subhero/rentalsform.jpg") no-repeat center center; background-size: cover;}
.financeHero {background:#000 url("/siteart/subhero/finance.jpg") no-repeat center center; background-size: cover;}
.aboutHero {background:#000 url("/siteart/subhero/about.jpg") no-repeat center center; background-size: cover;}
.blogHero {background:#000 url("/siteart/subhero/products.jpg") no-repeat top center; background-size: cover;}
.repHero {background:#000 url("/siteart/subhero/new-rep-hero.png") no-repeat center center; background-size: cover;}
.careersHero {background:#000 url("/siteart/subhero/careers.jpg") no-repeat center center; background-size: cover;}
.contactHero {background:#000 url("/siteart/subhero/contact.jpg") no-repeat center center; background-size: cover;}
.thankyouHero {background:#000 url("/siteart/subhero/thankyou.jpg") no-repeat center center; background-size: cover;}
.yanmarHero {background:#000 url("/siteart/subhero/yanmar.png") no-repeat center center; background-size: cover;}




/*  BREADCRUMBS
------------------------------------------------*/
.breadcrumbsNav {padding:25px 3.5%; font-size:.9em; font-weight:300; text-transform:uppercase; color: #004aad; border-bottom:1px #e5e5e5 solid; background: #fbfbfb;}
.breadcrumbsNav a {font-weight:300; color: #004aad;}
.breadcrumbsNav a:hover {letter-spacing:.5px;}
.breadcrumbsNav span {font-weight:300; color:#737373;}


.google-reviews-sect {padding:50px 0;}


/*  MAIN HOME
------------------------------------------------*/
.mainHome {}

.mainHome h2 {position:relative; margin:0 0 30px 0; font-size:2.25em; line-height:1;}
.mainHome h3 {position:relative; margin:0 0 30px 0; font-size:2.25em; line-height:1;}
/*.mainHome h3:after {content:''; position:absolute; right:auto; bottom:-12px; left:6px; width:40px; height:5px; margin:auto; background:#ee2625;}*/
.mainHome h5 {font-size:1.575em; line-height:1;}


.deptHome {position:relative; padding:8% 0 8% 0; background:#fff;}

.deptFirst {padding:2.5% 0 15% 0; background: rgb(240,240,240);
background: linear-gradient(183deg, rgba(240,240,240,1) 82%, rgba(255,255,255,1) 82%);}

.deptLast {padding:15% 0 2.5% 0;background: rgb(240,240,240);
background: linear-gradient(3deg, rgba(240,240,240,1) 80%, rgba(255,255,255,1) 80%);}

.deptDetails {width:calc(85% - 900px); margin:0 0 0 5%; font-size:1.15em; line-height:1.5;}
.deptFirst .deptDetails,  
.deptLast .deptDetails {margin:0 5% 0 auto;}



.deptHighlight {width:990px; position:absolute; left:0;}
.deptHighlight img {width:100%;}

.highlightTop {top:0;}
.highlightRight {top:0; bottom:0;left:auto; right:0; margin:auto;}
.highlightBottom{bottom:0;}


/*  MAIN INVENTORY
------------------------------------------------*/
.mainInv {margin:/*210px auto */0 auto; padding:50px 2.5%;}










/*  MAIN SUBPAGE
------------------------------------------------*/
.mainSub {margin:0 auto; padding:50px 7.5%; background: url("/siteart/white-wall-bg.jpg") repeat;}

.mainSubAlt {margin:0 auto; padding: 0; }

.mainSub .blogHeader {max-width:1208px; margin:0 auto; padding:50px 25px;}
.mainSub .blogSub {max-width:1024px; margin:0 auto; padding:50px 25px;}
.mainSub .blogSub h2 {font-size: 32px;}

.mainSub h2 {position:relative; margin:0 0 25px 0; font-size:38px; font-weight:800; letter-spacing:1px; text-transform:uppercase;}
/*.mainSub h2:after {content:''; position:absolute; right:auto; bottom:-12px; left:6px; width:20%; max-width:88px; height:5px; margin:auto; background:#ee2625;}*/
.mainSub h2.alt-heading {position:relative; margin:0; font-size:28px; font-weight:700; letter-spacing:0; text-transform:uppercase;}
.mainSub h3 {font-size: 32px; letter-spacing:0; text-transform:uppercase;}
.mainSub h4 {text-transform:uppercase;}
.mainSub h5 {text-transform:uppercase; color:#004aad;}
.mainSub h5 span {text-transform:none;}

.highlightTitle {position:relative; margin:0 0 45px 0;}
.highlightTitle:after {content:''; position:absolute; right:auto; bottom:-12px; left:15px; width:20%; max-width:88px; height:5px; margin:auto; background:#004aad;}
.mainSub p {font-size:1.25em; line-height:1.5; font-weight:300;}
.mainSub p a {font-weight:600; color:#004aad;}
.mainSub ul {list-style-type: disc; padding-inline-start: 40px;}
.mainSub ul.smallBullets {list-style-type: disclosure-closed; color:#004aad;}
.mainSub ul li{font-size:1.1em; line-height:1.5; font-weight:300;}
.mainSub ol {padding-inline-start: 40px;}
.mainSub ol li{font-size:1.2em; line-height:1.75; font-weight:300;}

.subCol {display:flex; flex-flow:row wrap; justify-content:space-between;}
.sub-1-2 {width:49%;}

.sub-2-3 {width:64.6%;}
.sub-1-3 {width:31.3%;}

.subpage-2-3 {width:75%;}
.subpage-1-3 {width:24%;}


.sub-1-2-divide {position: relative; width:39%;}
.sub-1-2-divide:first-of-type {padding:50px 3.5% 50px 7.5%;}
/*.sub-1-2-divide:first-of-type::after {content: ""; position: absolute; top:0; right:0; width:2px; height:100%; background:#4f4f4f;}*/
.sub-1-2-divide:last-of-type {padding:50px 7.5% 50px 3.5%; background:rgba(255,255,255,0.8);}
.sub-1-2-divide:last-of-type::before {content: ""; position: absolute; top:0; left:0; width:6px; height:100%; background:#2f2f2f;}

.intro-heading {display:flex; flex-flow:row wrap; align-items:center; justify-content:flex-start; margin-bottom:15px;}
.intro-brand {width:85px; margin:0 20px 0 0;}
.intro-brand img {width:100%; }

table.exampleTable { width:100%; margin:12px 0 0 0; color:#2d3d50; border-spacing:0; background:rgba(0,0,0,0.065);}
table.exampleTable tr:nth-of-type(even) {background:rgba(0,0,0,0.08);}
table.exampleTable td {display:flex; flex-flow:row wrap; align-items:center; padding:8px 12px;}
.exampleColumnOne {width:35%; font-weight:600;}
.exampleColumnTwo {width:calc(20% - 20px); min-width:78px; padding:0 10px;}
.exampleColumnThree {width:45%; font-style:italic; color:#1b5aaf;}


.substatement {margin:1% 2%;}


/*  STATEMENT SECTION
------------------------------------------------*/	
.statementSection {
	padding:65px 10%; text-align:center; color:#fff; font-family: urw-din-semi-condensed,sans-serif;
	background:#004aad url("/siteart/statementbg.jpg") no-repeat center; background-size: cover;
}
.statementSection span {position:relative; margin:0 0 15px 0; font-size:3.9375em; line-height:1.1; font-weight:700; text-transform:uppercase;}
.statementSection p{margin:10px 0 0 0; font-size:1.75em; line-height:1.35; font-weight:200;}

/*  NEWSLETTER SECTION
------------------------------------------------*/	
.newsletterSection {display:flex; flex-flow:row wrap; align-items: center; justify-content:center; padding:50px 8.5%;  font-weight:700;  background:#d9d9d9;}
.newsletterSection h3 {position:relative; margin:0 2.5% 0 0; padding:0 3.5% 0 0; letter-spacing:.5px; text-transform:uppercase; color:#004aad;}
.newsletterSection h3:after {content:''; position:absolute; top:3px; right:0; bottom:0; width:3px; height:90%; margin:auto; background:#004aad;}

/*  PRODUCT GALLERY
------------------------------------------------*/	
.productGallery {display:flex; flex-flow:row wrap; align-items:center; justify-content:center;}

.productGallery .productItem {position:relative; width:25%; margin:auto;}

.productGallery .productItem:nth-last-of-type(-n+4) {background:#e9e9e9;}

.productGallery .productTitle {position:absolute; z-index: 5; top:7.5%; width:90%; margin:5%; font-size:28px; line-height:1; font-weight:700; text-align: center; text-transform:uppercase; color:#0a0a0a; font-family: urw-din-semi-condensed,sans-serif;}

.productGallery .productItem .productBody {padding:0 0 35px 0; background:transparent;}
.productGallery .productItem .productBody img {width:90%; max-width:215px; margin:0 auto;}

/*  PRODUCT SELECT GALLERY
------------------------------------------------*/	
.productSelectGallery {display:flex; flex-flow:row wrap; justify-content:center;}

.productOverlay {
	position:relative; z-index:1;  width:100%; height:100%; 
	background: rgb(40,40,40); background: linear-gradient(167deg, rgba(40,40,40,0.7469362745098039) 0%, rgba(42,42,42,0.2455357142857143) 100%);
	-webkit-transition:.35s ease-in-out; -moz-transition:.35s ease-in-out; -o-transition:.35s ease-in-out; transition:.35s ease-in-out;	
}

.productSelectItem {
	position:relative; flex:1; height:75px; margin:.5%; border:1px #4b4f55 solid; background:#b7b7b7;
	-webkit-transition:.35s ease-in-out; -moz-transition:.35s ease-in-out; -o-transition:.35s ease-in-out; transition:.35s ease-in-out;	
}
.productSelectItem:hover {border:1px #be322c solid; background:#F3F3F3;}
.productSelectItem:hover .productOverlay {
	background: rgb(40,40,40); background: linear-gradient(167deg, rgba(40,40,40,0.669362745098039) 0%, rgba(42,42,42,0.2455357142857143) 100%);
}

.productSelectItem:hover .productSelectBrand img {transform: scale(1.05,1.05);}

a.productSelectLink {z-index:5; line-height:1;}

.productSelectBrand {position:absolute; z-index: 5; top:50%; left:50%; width:100%; margin:auto; transform: translate(-50%, -50%);}
.productSelectBrand img {
	width:100%; max-width:200px; margin:0 auto;
	-webkit-transition:.5s ease-in-out; -moz-transition:.5s ease-in-out; -o-transition:.5s ease-in-out; transition:.5s ease-in-out;	
}

/*  BRAND GALLERY
------------------------------------------------*/	
.brandGallery {display:flex; flex-flow:row wrap; justify-content:space-around; margin:20px 0 0 0; padding:2.5%;background:#fff;}
.brandGallery img {width:calc(23.3% - 2px); max-width:140px; min-width:100px; margin:1% .5%; padding:1% 1%;}

/*  PHOTO GALLERY
------------------------------------------------*/	
.photoGallery {display:flex; flex-flow:row wrap; justify-content:space-between; margin:10px 0 0 0;}
.photoGallery img {width:46%; margin:1%; padding:1%; background:#fff;}

.photoGallery img.doublewide {width:96%; margin:1%; padding:1%; background:#fff;}

.photoGallery.blogGallery {width:100%; max-width:1500px; margin:10px auto; }
.photoGallery.blogGallery img {width: 100%;height:480px; object-fit: cover; object-position: center center; margin:1% auto; padding:1%; background:#fff;}

.xm-gallery img{width: 19%!important;}
/*  TEAM GALLERY
------------------------------------------------*/	
.teamGallery {display:flex; flex-flow:row wrap; justify-content:space-evenly;}
.teamGallery .teamMember {width:18%; margin:1% 1.5%; text-align:center;}
.teamGallery .teamMember:nth-child(-n+4) {width:21%; margin:2% 2% 1% 2%;}
.teamGallery .teamMember img {width: 98%; padding:1%; background:#fff;}

/*  REPRESENTATIVES GALLERY
------------------------------------------------*/	
.repGallery {display:flex; flex-flow:row wrap; justify-content:space-evenly;}
.repGallery .repMember {width:18%; margin:1% 1.5%; text-align:center; background-color: #fff; padding-top: 10px;}
.repMember .info {width: 90%; margin: 0 auto; background-color: #eee; height: 150px; padding-top: 10px;}
.repMember .text {font-size: 16px; text-align: center;}
.text b {font-weight: 500;}
.repMember strong {font-size: 20px; text-align: center; line-height: 50px!important;}
.repMember i {font-size: 25px;margin-bottom: 20px;}

.repCallout {max-width: 650px; width: 80%; margin: 50px auto; background-color: #fff; padding: 50px 50px 70px;}
.repCallout p {line-height: 1.7em;}

.repBlock {border: 2px solid #ccc; border-radius: 30px; margin: 20px 2%; background-color: #fff; width: 40% !important; padding: 40px 20px!important; height: 260px!important; display:flex; flex-direction:column; justify-content: space-around;}
.repBlock img {margin:auto; width: 50%; max-width: 400px; height: auto; object-fit: contain; max-height: 100px;}

.slider-padding {margin-top: 40px;}

.container-1 {display: flex; max-width: 1300px; margin: 0 auto 50px;}
.container-2 {width: 82%; max-width: 1100px;}
.container-2 img {width:820px;}
.container-3 { width: 15%; max-width: 360px;}

.mobile{display:none;}
.large-map {margin: 50px 0 70px;}
.med-map {display: none!important;}
.small-map {display: none!important;}
#dynamicContent {margin: 20px 50px; padding: 20px; background-color: #fff; min-width: 320px; max-width: 320px; height: 260px;}
#dynamicContent h3 {margin-bottom: 30px;}
#dynamicContent p {margin-top: 15px;}

.map-wrapper{width:calc(100% - 400px);}


/*  FINANCE GALLERY
------------------------------------------------*/	
.financeGallery {display:flex; flex-flow:row wrap; justify-content:center;}

.financeItem {width:calc(31.33% - 2px); margin:0 1% 3% 1%; border:1px #d9d9d9 solid; background:#fff;}

.financeHeader {padding:10px 10px; font-size:1em; line-height:1.4; font-weight:400; text-align:center; color:#2f2f2f; background:#f1f1f1; font-family: urw-din-semi-condensed,sans-serif;}
.financeHeader strong{font-size:1.25em; font-weight:700; text-transform:uppercase;}

.financeBody {padding:30px 0; background:#fff; height: 215px; align-content: center;}
.financeBody img {width:90%; max-width:267px; margin:0 auto; padding:5%;}


/*  SPECIALS GALLERY
------------------------------------------------*/	
.specialsGallery {display:flex; flex-flow:row wrap; justify-content:space-between;}
.specialsGallery .specialsItem {
	display:flex; flex-flow:row wrap;justify-content:space-between; width:calc(100% - 2px); margin:0 0 20px 0; border:1px #e7e7e7 solid; background:#fff;
}
.specialsGallery .specialsItem p {width:calc(96% - 206px); padding:10px; text-align:left;}
.specialsGallery .specialsItem img {width:185px; padding:2%; border-right:1px #e7e7e7 solid; background:#f9f9f9;}


/*  BLOGS / CATEGORY GALLERY
------------------------------------------------*/
.blogHero {}
.category-select {max-width: clamp(100px, 100vw, 1250px)!important; gap:5px; margin:0 auto calc(30px + 3.5%) auto;}
.fb-row-4 {display: flex;flex-direction: row;align-items: center;justify-content: center; gap:40px; flex-wrap: wrap;}
.fb-row-2 {display: flex;flex-direction: row;align-items: flex-start;justify-content: center; gap:40px; flex-wrap: wrap;}
.blog-thumbnail {position: relative; display: flex; flex-direction: column; align-content: center;justify-content: center; gap: 10px; ; height: 100%; width: clamp(100px, 100vw, 350px)!important; word-break: normal !important; margin: 20px 0; /* box-shadow: 0 0px 2px 6px rgba(0, 0, 0, 0.8); */}
.blog-thumbnail.cat-thumbnail {margin:0;  padding:20px 0; border: 1px #d9d9d9 solid;}

.NEW-badge {position: absolute; top: -10px; left: -10px; width: 50px;}
.blog-thumbnail:hover {cursor: pointer; transform: scale(1.05); }
.blog-thumbnail.cat-thumbnail:hover {color:#fff; background: #3f53a5; }
.blog-thumbnail > span {width: clamp(100px, 100vw, 100%); overflow: hidden;}
.blog-thumbnail > span > img {object-fit: cover; object-position: center center; height: 200px; width: clamp(300px, 100vw, 100%); overflow: hidden;}

.blog-thumbnail > span.category-icons  > img {height: auto; width: clamp(300px, 100vw, 80%); margin:0 auto 30px auto; aspect-ratio: 1.34 / 1;}

.blog-thumbnail:hover > span.category-icons  > img {filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7482%) hue-rotate(269deg) brightness(104%) contrast(100%);}

.blog-thumbnail h4 {font-size: clamp(20px, 3vw, 28px);}
.blog-thumbnail p {font-size: clamp(14px, 2vw, 18px);}
.author {font-family: 'urw-din-semi-condensed', sans-serif;font-weight: 700!important;font-size: 14px!important;text-transform: capitalize;}
.blue {color: #3f53a5;}
.tip {background: rgba(0, 0, 0, 0.1); padding: 10px 0 10px 20px;border-left: 5px solid rgba(0, 0, 0, 0.6);}
@media screen and (max-width:600px) {
/*    .fb-row-2 {width: clamp(10px, 10vw, 90%);}*/
}



/*  CAREER LISTING
------------------------------------------------*/	
.careerTitle {width:95%;  padding:18px 2.5%; text-align:center;  background:#004aad;}
.careerTitle h3 {color:#fff;}

.careerListing {
	display:flex; flex-flow:row wrap; justify-content:space-between; margin:0 0 45px 0; padding:2.5%; border:1px #e7e7e7 solid; background:rgba(255,255,255,.35);
}

.careerIntro {width:50%; margin:0 5% 0 0; padding:0 5% 0 0;}
.careerCTA {width:calc(36% - 1px); padding:0 0 0 4%;text-align: center; border-left:1px #e7e7e7 solid;}
.careerDetails {margin:40px 0 0 0; padding:40px 0 0 0; width:100%; border-top:1px #e7e7e7 solid;}

.careerListing ul {margin:8px 0; list-style-type: disc; padding-inline-start: 40px;}
.careerListing ul ul {list-style-type: circle; margin-block-start: 0px; margin-block-end: 0px;}

.careerListing ul li{font-size:1.2em; line-height:1.5; font-weight:300;}
.careerListing ul ul li{font-size:.95em; line-height:1.65;}

/*  STAFF CONTACT
------------------------------------------------*/	
.staffContactBar {
	display:flex; flex-flow:row wrap; /*align-items:center;*/ justify-content:center; margin:0; padding:10px 1%; color:#fff; 
	background: rgb(0,80,173); background: linear-gradient(140deg, rgba(0,80,173,1) 0%, rgba(0,74,173,1) 100%);
}
.staffContactBar .staffContactTitle {
	width:100%; margin:0 0 35px 0;font-size:1.95em; line-height:1; text-transform:uppercase; font-weight:700; text-align: center; font-family: urw-din,sans-serif;
}

.staffContact {width: calc(18% - 2px); margin:1% 1% 1% 0; padding:1% 1% 1% 0; line-height:1; text-align:center; border-right:2px #013d8e solid; /*border-bottom:2px #013d8e solid;*/}
/*.staffContact:nth-of-type(n+5) {border-right:0;}*/
.staffContact:last-of-type {border:0;}

.staffName {margin:0 0 6px 0; font-size:1.5em; text-transform:uppercase; font-weight:600; font-family: urw-din-semi-condensed,sans-serif;}
.staffDept {position:relative; margin:0 0 24px 0; font-style:italic;  text-transform:uppercase;font-weight:300;}
.staffDept:after {position: absolute;
	left: 0;
	right:0;
	bottom:-12px; 
	margin:auto; 
	width:30px;
	height: 1px;
	content: '';
background:#fff;}

.staffPhone {margin:0 0 10px 0; font-weight:500;}
.staffEmail a {
	display:inline-block; padding:15px 45px 15px 45px; font-size:1.15em !important; line-height:1; font-weight:600; text-align:center; 
	color:#fff; background:rgba(0,0,0,0.2); font-family: urw-din,sans-serif;
	-webkit-transition:.5s ease; -moz-transition:.5s ease; -o-transition:.5s ease; transition:.5s ease;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}
.staffEmail a:hover {background:#a90707;}

/*  BRANDS HIGHLIGHT
------------------------------------------------*/
.brandsHighlight {
	/*display:flex; flex-flow:row wrap; align-items:center; justify-content:center;*/
	display: grid; grid-template-columns: repeat(4, auto); grid-template-rows: repeat(1, 315px); grid-auto-rows:315px;
	background:repeating-linear-gradient(#e9e9e9 0 315px,#fff 315px 70px);
}
.brandsHighlight2 {
	/*display:flex; flex-flow:row wrap; align-items:center; justify-content:center;*/
	display: grid; grid-template-columns: repeat(4, auto); grid-template-rows: repeat(1, 115px); grid-auto-rows:115px;
	background:repeating-linear-gradient(#fff 0 115px,#e9e9e9 115px 0)!important;
}
.brandsHighlight img {width:100%; max-width:215px; padding:30px 0 10px 0;}
.brandsHighlight2 img {width:100%; max-width:215px; padding:30px 0 10px 0;}
.brandsHighlight .brandItem {height:100%; margin:auto; border:none; align-content: center;/*background:#e9e9e9;*/}
#nologo.brandsHighlight .brandItem {padding-top:20px;}
.brandsHighlight > .brandItem:nth-child(8n+5),
.brandsHighlight > .brandItem:nth-child(8n+6),
.brandsHighlight > .brandItem:nth-child(8n+7),
.brandsHighlight > .brandItem:nth-child(8n+8) {background:#fff;}


.brandsHighlight .brandItem .brandHeader {padding:5px 0 5px 0; font-size:1.125em; line-height:.9; font-weight:600; text-align:center; color:#2f2f2f; background:transparent; font-family: urw-din-semi-condensed,sans-serif;}
.brandsHighlight .brandItem .brandHeader img {margin:0 auto;}

.brandsHighlight .brandItem .brandBody {padding:0 0 35px 0; background:transparent; width:100%; height:225px;}
#nologo.brandsHighlight .brandItem .brandBody {height:200px; padding:0;}
.brandsHighlight .brandItem a.brandBody img {width:100%; max-width:267px; margin:0 auto;}

.usedEquipmentTitle {font-size:22px; line-height:1; font-weight:700; text-align: center; text-transform:uppercase; color:#0a0a0a; font-family: urw-din-semi-condensed,sans-serif;}




.feature-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
  margin-top: 20px;
}

.feature-box {
  background-color: #f9f9f9;
  padding: 35px 20px;
  border-radius: 8px;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.highlighted-heading {
  background-color: #004aad;
  color: white;
  padding: 20px;
  margin: 30px 0;
  border-radius: 6px;
  text-align: center;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.highlighted-heading h2 {
  margin: 0;
  font-size: 1.6em;
  font-weight: 600;
}

.dualFields .yanmarform {width: 32%;}

.feature-grid .feature-box i {
  color: red;
}


.subscribe-button {
  display: inline-block;
  width: 100%;
  height: 44px;
  margin: 2px 0 20px;
  padding: 12px 10px;
  font-size: 14px;
  color: #FFFFFF!important; /* white text */
  background-color: #d32f2f; /* red background */
  border: 1px solid #d32f2f;
  border-radius: 4px;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.3s, color 0.3s;
}

.subscribe-button:hover {
  background-color: #b71c1c; /* darker red */
  color: #fff;
}

.site-form p.opt-in-label {
  margin: 0 0 0 8px;
  font-size: 1em;
  font-weight: 300;
  color: #353535;
  font-family: urw-din-semi-condensed, sans-serif;
}


/*  MODALS
------------------------------------------------*/
.lock{overflow: hidden; -webkit-overflow-scrolling: touch;}

.modal{
	display: none; position: fixed; background: rgb(0,80,173); background: linear-gradient(180deg, rgba(0,80,173,0.95) 0%, rgba(0,74,173,0.95) 100%);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s; box-sizing:border-box;  padding:2%; left: 0; top: 0; width:100%; height:100%; overflow: auto; z-index: 99999;
}

.modal .modal-content{	
	position: relative; margin:0 auto; padding:20px 30px; width: calc(98% - 60px); max-width:1024px; background: #fff; border-radius:15px; box-shadow: 0 5px 5px 0 rgba(0,0,0,.25); animation-name: animatetop; animation-duration: .4s;
}
.modal .modal-head{position: relative; margin:0 0 15px 0; padding:0 0 8px 10px; color: #555;}
.modal .modal-head h3 {font-style:italic; letter-spacing:0; color: #004aad;}
/*.modal .modal-head h3:after {content:''; position:absolute; right:auto; bottom:2px; left:6px; width:20%; max-width:88px; height:4px; margin:auto; background:#ee2625;}*/
.modal .modal-head .close{position: absolute; top: 15px; right: 15px; font-size: 20px; color: #ccc; cursor: pointer;}
.modal .modal-head .close:hover{color: #000;}

@keyframes animatetop{
	from{top: -300px; opacity: 0} to{top: 0; opacity: 1}
}


.modalButtonGroup {display:flex; flex-flow:row wrap; align-items:center; justify-content:center; width:100%;}
.modalButtonGroup button {cursor:pointer; width:200px; min-width:200px !important;  margin:8px 15px 8px 0; padding:12px 15px; font-size:1em !important; line-height:1; text-transform:uppercase;}

/*  VIDEO SECTION
------------------------------------------------*/
/*.videoHighlight {position:relative; width:100%; max-width:1250px; margin:0 auto 3.5% auto; padding:0; text-align:center;}
.videoHighlight video {width:100%; margin:0 auto;}*/

.videoHighlight {position:relative; max-width:100%; height: 0; overflow: hidden; margin:0 auto 3.5% auto; padding-bottom:56.25%; text-align:center;}
.videoHighlight iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


.desktopVideo {display:block; max-width:1250px; margin:0 auto 3.5% auto;}
/*.mobileVideo {display:none;}*/
/*  FOOTER
------------------------------------------------------------------------*/
.footerCompanyInfo {
	position:relative; display:flex; flex-flow:row wrap; justify-content: space-between; padding:33px 2.5%;
	border-top:4px #004aad solid; background:#004aad url("/siteart/footerbg.jpg") no-repeat top center; background-size: cover;
}

/*  FOOTER MAP
------------------------------------------------*/
.footerMap {z-index:1; width:30%; padding:5px; line-height:0; background:#f5f5f5; }
.footerMap iframe{width:100%; height:100%;}

/*  FOOTER CONTACT DETAILS
------------------------------------------------*/
.footerContact {
	position:relative; display:flex; flex-flow:row wrap; justify-content: space-between;
	z-index:1; width:30%; margin:1.5% 0 2.5% 0; font-size:1.5em; line-height:1.15; font-weight:200; text-align:center; color:#fff; font-family: urw-din,sans-serif;
}
.footerContact span {font-weight:400;}

.footerContact h4 {width:100%; margin:0 0 20px 0; line-height:1.1;}

.footerContact a:hover {color:#ccc;}

.footerAddress {width:50%; margin:0 0 20px 0; text-align:left;}

.footerHours {width:50%; margin:0 0 20px 0; text-align:right;}

.footerPhone {margin:3px 0 0 0;}

.footerSocial {font-size:1.167em;}
.footerSocial a {padding:8px;}
.social {font-size:22px;}


/*  FOOTER FORM
------------------------------------------------*/
.footerForm {z-index:1;  width:25%; padding:5px; text-align:center; background:#e1e1e1;}
.footerForm h3 {font-size:24px; margin:0 0 8px 0;}
.footerForm h4 {font-size:18px; margin:0 0 8px 0; }
.footerForm hr {width:35%; margin:16px auto;}
.footerForm p {width:85%; margin:0 auto;}

.footerInner {box-sizing: content-box; display:flex; flex-flow:column wrap; align-item:center; justify-content:center; height: 92%; padding:2% 2.5%; background:#fff;}

.footerGradient {
	position:absolute; top:0; left:0; z-index:0; width:100%; height:100%;
	background: rgb(0,26,115); background: linear-gradient(45deg, rgba(0,26,115,0.65) 0%, rgba(0,26,115,0) 100%);
}

/*  FOOTER COPYRIGHT
------------------------------------------------*/
.footerCopyright {padding:20px 2.5%;font-size:1em; font-weight:200; color:#ebebeb; background:#000; display:flex; justify-content:center;}
.footerCopyright a {color:#ebebeb;}
.social a {padding:10px 5px;}


/*  FOOTER2 STYLES
------------------------------------------------*/
/*
.footer-wrap {padding: 50px 0;background-color: #171717;}
.footer2-fb {display: flex; flex-direction: row; justify-content: space-between; gap: 50px;align-items: center; color: #fff; padding: 50px;}
.footer2-fb > .footer-left-fb {display: flex; flex-direction: column; gap: 25px;}
.footer-right-fb {position: relative !important; display: flex; gap: 20px; flex-wrap: wrap; transition: 0.3s ease all; flex: 0 0 calc(25%-20px); max-width: calc(25%-20px);}
.footer-employee-prof {display: none; flex-direction: column; position: absolute; top: 0; left: 0; align-items: center; justify-content: center; text-align: center; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8);  transition: 0.3s ease all;}
.footer-right-fb img {width: 100%; max-width: 200px;height: 100%; max-height: 200px; min-width: 200px; object-fit: cover;}
.footer-right-fb:hover > .footer-employee-prof {display: flex; z-index: 99999; transition: 0.3s ease all;}
.employee-prof-box {position: relative; display: flex; flex-wrap: wrap; gap: 20px; overflow: visible; justify-content: flex-start;}
*/
.footer-wrap {padding: 50px 0;background-color: #171717; color: #fff;}
.footer2-fb {display: flex; flex-direction: row; justify-content: space-between; gap: 50px;align-items: center; color: #fff; padding: 0 50px;}


.footer-left-fb {display: flex; flex-direction: column; gap: 65px;}

.employee-prof-box {position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; overflow: visible;}
.footer-right-fb {/*position: relative !important; display: flex; gap: 20px; transition: 0.3s ease all; width: 100%;*/display: flex; gap: 10px; padding:25px 45px; flex-direction: column; inset: 0; align-items: center; justify-content: center; text-align: center; color: #fff;transition: 0.3s ease all; background:#3c3c3c; }
/*.footer-right-fb img {position: relative; width: 100%; max-width: 100%; height: auto; max-height: 200px; min-width: 0; object-fit: cover;}*/
.footer-right-fb img {display:none;}

.footer-employee-prof {display: flex; gap: 10px; flex-direction: column; position: absolute; inset: 0; align-items: center; justify-content: center; text-align: center; color: #fff;transition: 0.3s ease all;}

.cta-rep {display:flex; justify-content:center;flex-direction: column; align-items:center;margin-top:30px;margin-bottom:20px;}
.cta-rep-text {font-weight: 700; font-size:24px; text-align: center;}


/*  CONTACT PAGE INFO
------------------------------------------------*/
.contact-top {display:flex; flex-direction: column; text-align:right; padding-bottom:10px; color:#004aad; font-weight:600;}
.address-info .phone-info a {color:#ebebeb; }
.social a {padding:10px 5px; }
.address-info {font-size:18px!important; }
.phone-info {font-size:18px!important; }


/*.footer-right-fb:hover > .footer-employee-prof {display: flex; z-index: 99999; transition: 0.3s ease all;}*/
@media (max-width: 1200px) {.employee-prof-box {grid-template-columns: repeat(3, minmax(0, 1fr));}}
@media (max-width: 900px) {.employee-prof-box {grid-template-columns: repeat(2, minmax(0, 1fr));} .footer2-fb {flex-direction: column;}}
@media (max-width: 600px) {.employee-prof-box {grid-template-columns: 1fr;}}



.accordion {
	cursor: pointer;
	padding: 18px calc(2.5% + 35px) 18px 2.5% !important;
	text-align: left;
	border: none;
	outline: none;
	transition: 0.4s;
	position:relative; 
}

.active, .accordion:hover {background-color:#00357c;}

/* Style the accordion panel. Note: hidden by default */
/*.panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
}*/
.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.accordion:after {
  content:'\2b'; position:absolute; right:1.25em; top:1.5em;  margin:0 0 0 0; font-size:1.15em; color:#fff; font-family: FontAwesome;
}

.active:after {content: "\f068";}


/*  YANMAR STANDALONE LANDING HEADER/FOOTER
------------------------------------------------*/
.width-logo-cont {
	width: 100%;
	height: 130px;
	background-color: #fff;
}

.logo-cont {
	width: 200px;
	margin: 0 auto;
	height: 130px;
}

.width-logo-cont img {
	height: 100px;
	max-width: 100%;
	padding: 10px;
}


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

@media screen and (max-width: 1680px) {
	.logo {width:220px}	
	.headerPhone {font-size:1.75em;}
	nav.primary ul li a {margin:0 3px; padding:12px 8px; font-size:1.05em;}
	
	.announcement-banner {margin:176px 0 0 0;}
	.upperSection {/*margin:176px 0 0 0;*/}
	.mainInv {margin:/*176px auto*/ 0 auto;}

	.deptLinks {display:flex; flex-flow:column wrap; align-items:center;justify-content:flex-start;}
}

@media screen and (max-width: 1550px) {
	.logo {width:225px}	
	.headerPhone {font-size:1.65em;}
	nav.primary ul li a {margin:0; font-size:1em;}
	
	.announcement-banner {margin:170px 0 0 0;}
	.upperSection {/*margin:179px 0 0 0;*/}
	.mainInv {margin:/*179px auto */0 auto;}
	.deptHighlight {width:800px;}
	.deptDetails {width: calc(85% - 750px);}
	
	
	
	.photoGallery.blogGallery {max-width:none;}

	
	.categorySection {margin:0 2.5% 5% 2.5%;}
	
	.financeItem {width:calc(48% - 2px);}
	.financeBody {padding:10px 0;}
}



	
@media screen and (min-width: 1230px) {
	.hero video {
		width: 100%;
		height: 50vh;
		object-fit: cover;
		border: none;
	}
}

@media screen and (min-width: 1300px) {
	.hero video {
		width: 100%;
		height: 55vh;
		object-fit: cover;
		border: none;
	}
}

@media screen and (min-width: 1500px) {
	.hero video {
		width: 100%;
		height: 60vh;
		object-fit: cover;
		border: none;
	}
}

@media screen and (min-width: 1450px) {
	/*.hero {height: 575px;}*/
	nav.primary {margin: 4px 0 0 0;}
	nav.primary ul li a {font-size:.95em; padding: 12px 6px;}

	.hero-button-1{
		bottom: 68px;

	}
}



@media screen and (max-width: 1375px) {
	.logo {width:180px}	
	.headerPhone {font-size:1.5em;}
	
	
	.announcement-banner {margin:145px 0 0 0;}
	.upperSection {/*margin:155px 0 0 0;*/}	
	.mainInv {margin:/*155px auto*/ 0 auto;}
	
	.deptHighlight {width:700px;}
	.deptDetails {width: calc(85% - 625px);}
	
	.staffContact {width: calc(46% - 2px); border-right:2px #013d8e solid;}
	.staffContact:nth-of-type(n) {border-bottom:2px #013d8e solid;}
	.staffContact:nth-of-type(-n+2) .staffEmail {margin:0 0 10px 0;}
	.staffContact:nth-of-type(even) {border-right:0;}
	/*.staffContact:nth-of-type(n+5) { border-right:2px #013d8e solid; border-bottom:0;}*/
	.staffContact:nth-of-type(n+3) {border-bottom:0;}
	.staffContact:last-of-type {border:0;}
		
	.footerMap {width:27%;}
	.footerContact {width:36%;}
	.footerForm {zwidth:27%;}
}

@media screen and (max-width: 1300px) {
	.logo {order:1;}	
	.headerPhone {order:2; margin: 0 20px 0 auto; font-size: 1.75em}

	nav.primary{display:none;}
	#menu-button{order:3; display: block; font-size:2em; position: relative; z-index:400; margin:3px 0 0 0;}
	#menu-button a{padding:.5em; color:#555; cursor:pointer; }
	
	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:11000;
		overflow:auto;
		background:#333;
	}
	
	/* 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: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:#fff; text-decoration:underline;}
	
	/* MENU HEADER STYLES */
	nav.mobile h3 {	
		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; font-family: Arial, sans-serif; cursor:pointer; }
	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;
		cursor:pointer;
		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:4px #004aad 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);}
	
	.nav-footer {color:#777; position:relative; text-align:center; font-size:13px; line-height:13px; padding:15px 0;}
	

	.repGallery .repMember {width: 28%;}
	.container-1{flex-direction:column-reverse;}
	.map-wrapper{width:80%;}
	
	#dynamicContent {width: 350px; margin: 0 auto 20px;}
	
	
	.showcaseOverlay {font-size:30px;}
	
	/*.announcement-banner {margin:155px 0 0 0;}*/
	.upperSection {/*margin:155px 0 0 0;*/}
	.mainInv {margin:/*155px auto*/ 0 auto;}
	
	
	
	
	.deptHighlight {width:125%; position:relative;}
	.deptDetails {width:55%;}
	.highlightRight {margin:30px 0 0 -12%;}
	
	.deptHome {overflow:hidden; padding:5% 0 5% 0; background:#fff;}
	.deptFirst {padding:0 0 25% 0; background: rgb(240,240,240);
	background: linear-gradient(183deg, rgba(240,240,240,1) 88%, rgba(255,255,255,1) 88%);}
	.deptLast {padding:25% 0 0 0;background: rgb(240,240,240);
	background: linear-gradient(3deg, rgba(240,240,240,1) 85%, rgba(255,255,255,1) 85%);}
	
	
	
	.deptLinks {display:flex; flex-flow:row wrap; align-items:center;justify-content:flex-start;}
	
	
	
	
	
	.heroTitle {wdth: 100%; /*max-width: 800px;*/ margin: 0 auto 2.5% 0; font-size:5vw;}
	
	
	/*reseting row colors*/
	/*.brandsHighlight .brandItem {background:#e9e9e9;}
	.brandsHighlight {grid-template-columns: repeat(4, auto);}
	.brandsHighlight > .brandItem:nth-child(8n+5),
	.brandsHighlight > .brandItem:nth-child(8n+6),
	.brandsHighlight > .brandItem:nth-child(8n+7),
	.brandsHighlight > .brandItem:nth-child(8n+8) {background:#fff;}*/

	.brandsHighlight .brandItem .brandHeader {font-size:1em;}
	.brandsHighlight .brandItem .brandHeader img {width:80% ; max-width: 215px;}
	/*.brandsHighlight .brandItem .brandBody {padding:0 2.5% 35px 2.5%;}*/
	
	
	/*reseting to white*/
	.productGallery .productItem:nth-last-of-type(-n+4) {background:#fff;}
	
	/*new pattern*/
	.productGallery .productItem:nth-of-type(n+4) {background:#e9e9e9;}
	.productGallery .productItem:nth-last-of-type(-n+2) {background:#fff;}
	
	.productGallery .productItem {width:33.3333%;}

	
	
	.teamGallery .teamMember {width:30.3%;}
	.teamGallery .teamMember:nth-child(-n+4) {width:30.3%; margin: 1%;}
}

@media screen and (max-width: 1230px) {
	.large-map {display: none!important;}
	.med-map {display:contents!important; margin: 50px 0 70px!important;}
	.container-3 {width: 22%;}
	.container-2 img {width:500px;}
	
	.mainSub .blogSub {max-width:none;padding: 50px 25px;
}
	.brandsHighlight {grid-template-columns: repeat(2, auto); grid-template-rows: repeat(2, 315px); grid-auto-rows:315px; background:repeating-linear-gradient(#fff 0 315px, #e9e9e9 315px 70px); }
	
	.brandsHighlight .brandItem {height:100%; margin:auto; border:none;}

	.brandsHighlight > .brandItem:nth-child(4n+3),
	.brandsHighlight > .brandItem:nth-child(4n+4) {background:#e9e9e9;}
	.brandsHighlight .brandItem .brandHeader {font-size:.9em;}
}

@media screen and (max-width: 1125px) {
		
	/*.categorySection {margin:0 2.5% 5% 2.5%;}*/
	
	.mainSub h1 {font-size:2.75em;}
	
	.productSelectItem {flex:auto; width:calc(32.3% - 2px); height:65px;}
	
	.footerMap {order:2; width:calc(48.75% - 10px);}
	.footerMap iframe{height:290px;}
	.footerContact {order:1; width:53%; margin:0 auto 33px auto;}
	.footerForm {order:3; width:calc(48.75% - 10px);}
	.map-wrapper{width:90%;}
}

@media screen and (max-width: 1080px) {
	/*.categorySection {margin:0 2.5% 5% 2.5%;}
	.categoryBlock {width:100%!important; height:200px; }
	.catManufacturers,
	.catProducts {margin:0 0 2% 0;}
	
	.categoryTitle {font-size:2.375em;}*/
	
	.newsletterSection h3 {width:100%; margin:0 0 10px 0; padding:0; text-align: center}
	.newsletterSection h3:after {content:none;}
	
	.deptDetails {width:95%; margin:0 auto; font-size: 1.15em; line-height:1.5;}
	.deptFirst .deptDetails, .deptLast .deptDetails {margin: 0 auto;}
	
	.repBlock {margin: 20px 0px;}
}

@media screen and (max-width: 1024px) {
	.quickSearch {left:0; right:0; width:85%; margin:auto;}
	.showcaseOverlay {font-size:26px;}
	
	
	.headingSection {padding:35px 2.5%; }
	.headingSection h1 {font-size:2.85em;}
	
	h1.subTitle {font-size: 3.65em;}
	.sub-1-2 {width:100%; margin:0 0 40px 0;}
	.sub-2-3 {width:100%; margin:0 0 30px 0;}
	.sub-1-3 {width:100%; margin:0 0 30px 0;}
	
	.subpage-2-3 {width:100%; margin:0 0 30px 0;}
    .subpage-1-3 {width:100%; margin:0 0 30px 0;}
	
	.sub-1-2-divide {width:85%; margin:0;}
	.sub-1-2-divide:first-of-type {padding:50px 7.5%;}
	.sub-1-2-divide:first-of-type::after {content: ""; position: absolute; top:auto;bottom:0; left:0; right:auto; width:100%; height:1px; background:#fff;}
	.sub-1-2-divide:last-of-type {padding:50px 7.5%;}
	.sub-1-2-divide:last-of-type::before {content: ""; position: absolute; top:0; left:0; width:100%; height:1px; background:#e5e5e5;}
	
	.photoGallery {margin:0;}
	.xm-gallery {margin: 14px!important; justify-content: center!important;}
	.teamGallery .teamMember {width:29.3%;}
	.productTitle {font-size:34px;}
	
	.financeItem {width:calc(31.3% - 2px);}
	
	.careerIntro {width:100%; margin:0 0 40px 0; padding:0 0 40px 0; border-bottom:1px #e7e7e7 solid;}
	.careerCTA {width:100%; margin:0; padding:0; text-align: center; border:0;}
	
	/*.videoHighlight {margin:0 0 15px 0; padding:0; background:transparent;}
	.videoHighlight video {width:100%; height:auto; margin:0 auto; padding:15px 0 0 0;}*/

	.productGallery .productTitle {font-size:26px;}
	
	.footerMap {order:2; width:calc(48.75% - 10px);}
	.footerMap iframe{height:290px;}
	.footerContact {order:1; width:55%; margin:0 auto 33px auto;}
	.footerForm {order:3; width:calc(48.75% - 10px);}	
}

@media screen and (max-width: 950px) {
	.heroTitle {max-width:800px;}
	.heroBody {width:100%; font-size:1.625em; line-height:1.5; font-weight:200; color:#fff; font-family: urw-din,sans-serif;}

	.callout {width:300px; margin:1% 0 0 0; text-align: center;}
	.callout img {width:100%;}
	.map-wrapper{width:100%;}
}

@media screen and (max-width: 900px) {
.footer-left-fb {text-align:center;}
}

@media screen and (max-width: 850px) {
	
	.hero {/*height:545px;*/ margin:0 0 8.5% 0;background:#004aad url("/siteart/hero-mobile.jpg") no-repeat center top; background-size: cover;}
	.heroMain {padding:5%;}
	.heroTitle {max-width: 575px; font-size: 3.0em;}
	.heroBody {font-size:1.325em;}	
	
	.quickSearch {position: relative; bottom:2%;}
	
	
	/*.categorySection {margin:0 2.5% 5% 2.5%;}		
	.categoryBlock {height:260px;}*/
	
	.financeItem {width:calc(49.5% - 2px); margin:0 1% 3% 0%;}
	.financeItem:nth-of-type(3) {margin:0 1% 3% 0%;}
	.financeItem:nth-of-type(even) {margin:0 0 3% 0%;}
	.financeItem:last-of-type {margin:0 0 3% 0%;}
	.google-reviews-sect {padding: 20px 0;}
	
	.repGallery .repMember {width:40%;}
	.mobile{display:block;}
	.desktop{display:none;}
}

@media screen and (max-width: 768px) {
	
	
	.headingSection {padding:40px 2.5%;}
	.headingSection h1 {font-size:2.25em;}
	/*.desktopVideo {display:none;}
	.mobileVideo {display:block;}*/
		
	h1.subTitle {font-size: 3em;}
	
	.statementSection {background:#004aad url("/siteart/statementbg-mobile.jpg") no-repeat center; background-size: cover;}
	

	#nologo.brandsHighlight {grid-template-columns: repeat(2, auto); grid-template-rows: repeat(1, 315px); grid-auto-rows:315px; background:repeating-linear-gradient(#fff 0 315px, #e9e9e9 315px 70px); }
	#nologo.brandsHighlight img {max-width:215px;}
	#nologo.brandsHighlight .brandItem .brandHeader {font-size: 1.2em;}
	

	
	/*reseting to white*/
	.productGallery .productItem:nth-of-type(n+4) {background:#fff;}
	.productGallery .productItem:nth-last-of-type(-n+2) {background:#fff;}
	
	/*new pattern*/
	.productGallery .productItem:nth-of-type(n+3) {background:#e9e9e9;}
	.productGallery .productItem:nth-last-of-type(-n+6) {background:#e9e9e9;}
	.productGallery .productItem:nth-last-of-type(-n+4) {background:#fff;}
	.productGallery .productItem:nth-last-of-type(-n+2) {background:#e9e9e9;}
	
	.productGallery .productItem {width:50%;}

	.photoGallery.blogGallery img {height:450px;}
	
	.statementSection {padding:60px 5%;}
	.statementSection span {font-size:3.375em;}
	.statementSection p{font-size:1.5em;}

	
	
	.modal .modal-content{padding:20px; width: calc(98% - 40px);}
	
	.footerCompanyInfo {flex-flow:column wrap; background:#004aad url("/siteart/footerbg-mobile.jpg") no-repeat top center; background-size: cover;}
	
	.footerMap {order:3; width:calc(100% - 10px);}
	.footerMap iframe{height:400px;}
	.footerContact {order:2; width:85%; margin:35px auto;}
	.footerForm {order:1; width:calc(100% - 10px);}
	
	.footerCopyright {font-size:.92em; text-align:center;}
}
@media screen and (max-width: 735px){
	.herotrap{
		bottom:14.75em ;
	}
	
	.allequipment_used a {
    font-size: 1.35em;
}

@media screen and (max-width: 650px){
	
	button.linkButtonLong, a.linkButtonLong  {margin:8px 0; padding: 14px 15px 12px 15px; font-size: 1em !important; box-sizing: border-box; min-width: 0;}
	

	button.productLink,
	a.productLink {bottom:5%;}
	
	.financeItem {width:calc(97% - 2px); margin:0 0 3% 0%;}
	.financeItem:nth-of-type(3) {margin:0 0 3% 0%;}
	.financeItem:nth-of-type(even) {margin:0 0 3% 0%;}
	.financeItem:last-of-type {margin:0 0 3% 0%;}
	.financeHeader {padding:20px 10px;}
	.financeBody {padding:10px 0;}
	
	.repGallery .repMember {width:80%;}
}

@media screen and (max-width: 600px){
	.site-header {justify-content:space-around;}
}
	
@media screen and (max-width: 550px){
	.heroTitle {font-size:2.75em;}
	
	.categorySection {bottom:20%; gap: 10px; flex-flow: column wrap;}
	
	.categoryTitle span {display: block; text-align:right;}
	
	
	
	.headingSection h1 {font-size:1.85em;}

	
	h1.subTitle {font-size: 2.85em;}
	
	.productSelectItem {width:calc(49% - 2px); height:55px; margin:.5%;}
	
	.teamGallery .teamMember {width:46%;}
	.teamGallery .teamMember:nth-child(-n+4) {width:46%;}
	
	.modalButtonGroup {flex-flow:column-reverse wrap;}
	.modalButtonGroup button {margin:8px 0 15px 0;}
	
	.footerCopyright {font-size:.85em;}
	
	#dynamicContent {width: 80%; margin: 0 auto 20px; min-width: 0; height: 200px;}
	#dynamicContent h3 {font-size:24px;}
	#dynamicContent p {font-size: 14px;}
	#dynamicContent a {font-size: 14px;}
	
	h1.subTitle.rep {font-size:36px;}
	
	h2.rep {font-size: 34px;}
}

@media screen and (max-width: 480px){
	.headerPhone {margin: 0 10px 0 auto; }
	
	.site-header.site-header-shrink .logo {width:115px}
	.site-header.site-header-shrink .headerPhone {font-size:1.35em;}
	.site-header.site-header-shrink #menu-button{font-size:1.75em; margin:3px 0 0 0;}
	
	
	.heroTitle {font-size:2.45em;}
	.heroBody {font-size:1.25em;}	
	
	.showcaseOverlay {font-size:24px;}
	
	.categoryTitle {font-size:1.85em;}
	
	.headingSection h1 {font-size:1.35em;}
	
	.productGallery .productTitle {font-size:24px;}
	
	.brandGallery {margin:15px 0 0 0;}
	.brandGallery img {width:calc(45% - 2px);}

	.footerAddress {width:100%; text-align:center;}
	.footerHours {width:100%; text-align:center;}

	.footerCopyright {display:flex; flex-flow:row-reverse wrap; align-content:center; justify-content:center; font-size:1em; line-height:1.5; } 
	.footerCopyright a {width:40%;}
	.footerCopyright span {display:none;}
}

@media screen and (max-width: 450px){
	.headerPhone {font-size:1.35em;}
	#menu-button{font-size:1.75em; }
}

@media screen and (max-width: 769px){
	.xm-gallery img{width: 46%!important;}
	.xm-gallery{justify-content: space-between!important;}
	
}
@media screen and (max-width: 420px){
	.site-header {padding: 15px 2.5%;}
	.logo {width:100%; margin: 0 0 15px 0;}
	.logo img {max-width:180px; margin:0 auto;}
	.headerPhone {margin:0 auto;}
	#menu-button{margin:3px auto 0;}
	
		
	
	.announcement-banner {margin:180px 0 0 0;}
	.upperSection {/*margin:180px 0 0 0;*/}
	.mainInv {margin:/*180px auto*/ 0 auto;}
	
	.site-header.site-header-shrink .logo {margin:0;}
	
	.heroTitle {font-size:2em;}
	
	
	.categorySection {margin:0 2.5% 5% 2.5%;}
	
	.brandSlider {position:relative; margin:0 calc(.5% + 30px) 2.5% calc(.5% + 30px); padding:0 .5%;}
	.brandSlider .prev, .brandSlider .next {position:absolute; top:0; bottom:0; width:30px; height:30px; margin: auto;}
	.brandSlider .prev {left:-30px;}
	.brandSlider .next {right:-30px;}
	.brandSlider .prev img , .brandSlider .next img {width:20px; margin:0 auto;}
	.brandSlider .cycle-slideshow {margin:0 0 0 -8px;}
	
	
	
	.staffContactBar {padding:18px 2.5% 10px 2.5%;}
	.staffContact {width: calc(96% - 2px); border-right:0; border-bottom:2px #013d8e solid;}
	.staffEmail {margin:0 0 10px 0;}
	.staffContact:nth-of-type(-n+2) {border-bottom:2px #013d8e solid;}
	.staffContact:last-of-type {border:0;}
	
	.productGallery .productTitle {font-size:23px;}
	
	.photoGallery { margin:0;}
	.photoGallery img {width:96%;}
	
	.repBlock p {font-size: 15px;}

}

@media screen and (max-width: 350px){
	.site-header.site-header-shrink .logo {width:100px}
	.site-header.site-header-shrink .headerPhone {margin: 0 10px 0 auto; font-size:1.15em;}
	.subscribe-button {padding: 14px 10px; font-size: 11px;}
	
}

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

}
@media screen and (max-width: 1229px){
	.holding-space{
		margin-top: 4%;
	}
}
@media screen and (max-width: 1154px){
	.holding-space{
		margin-top: 5%;
	}
}
@media screen and (max-width: 1072){
	.holding-space{
		margin-top: 30%;
	}
}
@media screen and (max-width: 969px){
	.holding-space{
		margin-top: 6%;
	}
}
@media screen and (max-width: 867px){
	.holding-space{
		margin-top: 5%;
	}
}
@media screen and (max-width: 730px){
	.holding-space{
		margin-top: 5%;
	}
}
@media screen and (max-width: 639px){
	.holding-space{
		margin-top: 10%;
	}
}


@media screen and (max-width: 563px){
	.holding-space{
		margin-top: 10%;
	}
}
@media screen and (max-width: 506px){
	.holding-space{
		margin-top: 12%;
	}
}

@media screen and (max-width: 443px){
	.holding-space{
		margin-top: 13%;
	}
}
@media screen and (max-width: 400px){
	.holding-space{
		margin-top: 13%;
	}
}
@media screen and (max-width: 340px){
	.holding-space{
		margin-top: 17%;
		
	
	}
}