/* RESET 
------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { 
    margin: 0;  
    padding: 0;  
    border: 0;  
    outline: 0;  
    background: transparent; 	
	-webkit-text-size-adjust:none;
	font-family: 'Montserrat', sans-serif;
}



a {
	color:#fff;
	text-decoration:underline;
	
}

a:hover{
	color:#dbac5e;
	text-decoration:none;
}

p{
	padding:20px 0;
}



 
/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {clear: both;}
.left {text-align:left;}
.right {text-align:right;}
.none{display:none;}

*{
	box-sizing:border-box;
}

body { 

}

.wrapper {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	padding:20px;
	position:relative;
}

.sub-wrapper {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	padding:80px 20px;
	position:relative;
}

.no-pad-wrapper {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	position:relative;
}




::selection {
	color:#fff;
	background: #356088;
}
::-moz-selection {
	color:#fff;
	background: #356088;
}

/*===================== 
	popup styles 
=======================*/
.popup {width:92%; background:linear-gradient(#333, #222); position:absolute; z-index:99999999; top:14%; left:50%; transform:translateX(-50%); max-width:888px; padding: 15px 5%; box-sizing:border-box; display:none; text-align: center; color: #eee;}
.close-popup {position:absolute; top:10px; right:15px; color:#fff; background: #ab100b; padding: 5px 10px; font-size:16px; z-index:1; cursor:pointer;}
.close-popup:hover {color: #ab100b; background: #000;}
.popup h1 {color: #fff; font-size: 32px; line-height: 36px; text-transform: capitalize;}
.popup p {margin: 0 auto; display: inline-block; max-width: 650px; font-size: 16px;}
.ribbon-button{text-transform:uppercase;color:#fff;font-size:16px;font-weight:700;display:block;background: #262626;padding: 15px 50px;text-decoration:none;border:#fff 1px solid;margin:10px 0;text-align:center;}
.ribbon-button:hover{background:#000000;color:#fff;}

/* HEADER 
----------------------------------------------*/
.header{
	width:100%;
	display:inline-block;
	text-align:right;
	margin:0 auto;
	background:#fff;
}

.logo{
	text-align:left;
	width:30%;
	margin:0 auto;
	display:inline-block;
	padding:10px;
	vertical-align: middle;
}

.logo a{text-decoration: none;}

.logo img{
	display: inline-block;
	vertical-align: middle;
	width:200px;
	margin:0 15px 0 0;
}

/*STICKY NAV*/

header{
  text-align:center;
  color:#fff;
}

header.fixed{
  position:fixed;
  width:100%;
  top:0;
  left:0;
  background:#fff;
  box-shadow:1px 1px 3px #CBCBCB;
	z-index: 999;
}

/*END STICKY NAV*/

.header-contact{
	width:100%;
	background:#005e20;
	color:#a8c2b1;
	text-transform: uppercase;
	display: inline-block;
	margin: 0 auto;
	padding: 10px;
	letter-spacing: 1.5px;
	box-shadow: inset 0px 2px 11px 0 #052d13;
}

.header-contact p{
	display: inline-block;
	padding:0 15px;
	font-size: 15px;
}

.header-contact a{color:#fff; text-decoration: none;}

.hc-half{
	width:49%;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
}

.hc-half:last-child{text-align: right;}

.hc-half .fab{
	display: inline-block;
	font-size: 26px;
	padding: 0 5px;
}



/* HOME PAGE STYLES
-----------------------------------------------*/
.hero{
	width:100%;
	background: url(../siteart/excavator-cutout.png) no-repeat;
	background-size: 890px;
	background-position: top left;
	padding: 415px 10px;
	text-align: left;
}

.hero-txt{
	width:57%;
	display: block;
	text-align: right;
	margin: -165px 18px 0 0;
	float:right;
}

.hero-txt h1{
	color:#737373;
	font-size: 9vw;
	letter-spacing: 5px;
	text-transform: uppercase;
	font-weight: 700;
	font-style: italic;
}

.hero-txt p{
	text-transform: uppercase;
	color:#005E20;
	font-weight: 500;
	letter-spacing: 2.5px;
	line-height: 1.5;
	font-size: 1.4vw;
	margin-top: -42px;
	padding: 0;
}

.hero-btn{
	display: inline-block;
	margin: 40px auto;
	border:2px solid #005E20;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	font-weight: 500;
	font-size: 16px;
	text-align: center;
	padding:10px 25px;
	color:#005E20;
	font-style: italic;
	transition: ease .3s;
}

.hero-btn:hover{
	background:#005E20;
	color:#fff;
	transition: ease .3s;
}


.cta-section{
	width: 100%;
	text-align: center;
	margin: 0 auto;
	position: relative;
	background: url(../siteart/texture.png) #005E20;
	height:550px;
}

.cta-boxes{
	position: absolute;
	top:-100px;
	left: 0;
	width: 100%;
	text-align: center;
}

.cta{
	width:30%;
	padding: 50px;
	text-align: left;
	height: 250px;
	border: 1px solid #a6a6a6;
	box-shadow:11px 11px 29px 2px rgba(0, 0, 0, 0.3);
	background:#eaeaea;
	margin:20px;
	position: relative;
	display: inline-block;
	vertical-align: top;
}

.cta h3{
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 1.3px;
	font-weight: 500;
	font-style: italic;
	padding: 0;
	margin: 0;
}

.cta p{
	font-size: 14px;
	padding: 20px 0;
}

.cta-btn{
	position: absolute;
	right: 0;
	bottom:20px;
	width:45%;
	background:#000;
	color:#fff;
	text-decoration: none;
	text-transform: uppercase;
	padding:10px 20px;
	font-size:14px;
	font-style: italic;
	text-align: right;
	letter-spacing: 1px;
	transition: ease .3s;
}

.cta-btn:hover{
	color:#fff;
	background:#333;
}


.mission-sect{
	position: relative;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	display: inline-block;
	height:380px;
}

.ms-inside{
	position: absolute;
	top:-190px;
	left: 3%;
	right: 3%;
}

.mission-sect img{
	width:49%;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto; 
	padding:20px;
}

.mission-txt{
	width:49%;
	display: inline-block;
	vertical-align: middle;
	padding: 100px;
	text-align: left;
}

.mission-txt h4{
	text-transform: uppercase;
	color:#000;
	font-weight: 500;
	font-style: italic;
	text-shadow:1px 1px 2px #000;
	padding: 20px 0;
	font-size: 20px;
	letter-spacing: 1.5px;
}

.mission-txt p{
	text-align: left;
	padding: 20px 0;
	line-height: 2;
	font-size: 16px;
	font-weight: normal;
}



.count-on{
	width:100%;
	display: inline-block;
	padding: 100px 60px;
	background: url(../siteart/count-on-us.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
	margin: 0 auto;
	text-align: center;
	background-color:black;
}

.co-content{
	width:65%;
	margin: 0 auto;
	display: inline-block;
	text-align: left
}

.count-on h2{
	color:#fff;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1.5px;
	font-size: 20px;
	border-left: 5px solid #005E20;
	text-shadow: 1px 1px 2px #000;
	padding: 10px 5px;	
	margin: 0 0 30px 10px;
}

.co-box{
	width:47%;
	display: inline-block;
	vertical-align: middle;
	height: 155px;
	background: #fff;
	padding: 15px 20px;
	text-align: left;
	margin: 10px;
	box-shadow: 4px 5px 9px rgba(0, 0, 0, 0.70);
}

.co-box img{
	width: 100px;
	display: inline-block;
	vertical-align: middle;
}

.co-box .co-txt{
	width:75%;
	display: inline-block;
	padding: 0 0 0 20px;
	text-align: left;
	vertical-align: middle;
}

.co-box .co-txt h3{
	color:#005E20;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	font-size: 14px;
}

.co-box .co-txt p{
	font-size: 14px;
	padding: 10px 0;
	line-height: 1.5;
}



/* SUB PAGES
-------------------------------------------------*/
.sub-wrapper h1{
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 2px;
	font-size: 18px;
	margin-bottom: 30px;
}

.ap-texture{
	padding: 100px 0;
	background: url(../siteart/abt-pattern.png);
	text-align: center;
	border-top:1px solid #eaeaea;
	border-bottom:1px solid #eaeaea;
	background-position: center;
}

.ap-texture .ap{
	background:#fff;
	padding: 50px;
	text-align: center;
	border:.5px solid #eaeaea;
}


.ap-img{
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: stretch;
}

.ap-img #ap-bg{
	width: 100%;
	background: url(../siteart/mission-img.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}

.ap-img .ap{
	padding: 100px;
	text-align: left;
	width: 100%;
}

.ap-gray{
	background:#f1f1f1;
	padding: 100px 0;
	text-align: center;
}

.ap h3{
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 2px;
	font-size: 14px;
}

.ap p{
	font-size: 14px;
	line-height: 2;
}


/* CONTACT PAGE
-----------------------------------------------*/
.contact-info{
	width:32%;
	text-align: left;
	padding: 50px 0;
	display: inline-block;
	vertical-align: middle;
}


.contact-info h3{
	text-transform: uppercase;
	color:#005E20;
	font-style: italic;
	font-size: 16px;
	letter-spacing: 1.5px;
}

.ci p{
	font-size: 14px;
	padding: 10px 0;
	display: inline-block;
	vertical-align: text-top;
}

.ci .fas{
	font-size: 16px; 
	display: inline-block;
	vertical-align: text-top;
	padding: 10px 10px 10px 0; 
}

.contact-info a{color:#000; text-decoration: none;}
.contact-info a:hover{color:#005E20; text-decoration: none;}

.contact-map{
	width: 65%;
	display: inline-block;
	vertical-align: middle;
}


.comp-contacts{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.c-card{
	background:#fff;
	border:.5px solid #eaeaea;
	padding: 30px;
	text-align: center;
	margin: 10px;
	width: 30%;
	display: inline-block;
	box-shadow: 7px 7px 10px 0px rgba(162, 162, 162, 0.5);
}

.c-card h4{
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.c-card p{
	padding: 10px 0;
	text-align: center;
	line-height: 1.5;
}

.c-card a{
	color:#000;
	text-decoration: none;
}

.c-card a:hover{color:#005E20; text-decoration: none;}





/*===================== 
	Inventory styles 
=======================*/

.body-content .body-wrapper {padding:2% 0;}

/*----View Details Button----*/
.view-listing-details-link {background:#005e20 !important; color: #fff !important;}
.view-listing-details-link:hover {background:#000 !important; color: #fff !important;}

/*----Price----*/
.listing-main-stats .price {color:#000 !important;}

/*------- Faceted Search------*/
.faceted-search-content .selected-facets-container .selected-facet{background: #005e20 !important; color:#fff !important;}


/* ---- Parts ----- */
.parts-listing-container .parts-button{background: #005e20 !important; color:#fff !important;}
.parts-listing-container .parts-button:hover{background:#000 !important; color:#fff !important}
	
#part-detail-content .part-detail-additional-data .data-row .data-label{background:#000 !important; color:#fff !important;}

/*------------------------------Compare Page---------------------------------*/
.cs-btns a{
	background:#000 !important; color:#fff !important;
}
.cs-btns a:hover{
	background:#005e20 !important; color:#fff !important;
}




/* FOOTER
------------------------------*/
.footer{
	width:100%;
	color:#fff;
	text-align:center;
	background:#000;
	padding: 100px 0;
	display: inline-block;
}

.footer a{
	color:#fff;
	text-decoration:none;
}

.footer a:hover{
	color:#fff;
	text-decoration:underline;
}

.foot-left{
	width:20%;
	text-align: left;
	vertical-align: top;
	display: inline-block;
	margin: 0 auto;
}

.foot-left h3{
	color:#fff;
	font-style: italic;
	font-weight: 500;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 1.5px;
}

.foot-left p{
	padding: 10px 0;
	font-size: 14px;
}

.foot-left .foot-soc{
	display: inline-block;
	margin-top: 20px;
	text-align: left;
}

.foot-left .foot-soc .fab{
	display: inline-block;
	vertical-align: middle;
	margin: 0 20px 0 0;
	font-size: 22px;
}

.foot-right{
	width:75%;
	text-align: right;
	display: inline-block;
	vertical-align: top;
	margin: 0 auto;
}

.foot-right .foot-links a{
	display: inline-block;
	padding: 0 20px;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 1.5px;
}



.divfooter{
	width:60%;
	text-align: right;
	margin: 50px 0 auto auto;
	font-size: 11px;
	color:#b5b5b5;
}

.divfooter a{color:#b5b5b5;}





@media screen and (max-width:1650px){
	.co-content{width: 75%;}
}

@media screen and (max-width:1575px){
	.logo{width: 34%;}
}


@media screen and (max-width:1450px){
	
	.co-box .co-txt{width: 72%;}
}

@media screen and (max-width:1350px){
	.logo img{width:150px;}
	
	.hc-half:first-child{width:60%;}
	.hc-half:last-child{width:39%;}
	
	.cta-section{height: 450px;}
	.cta{width: 27%; padding: 30px; height: 290px;}
	.cta-btn{width: 60%;}
	.mission-sect{height: 320px;}
	.ms-inside{top: -165px;}
	.co-content{width: 100%;}
	
	.hero{background-image:none; padding: 300px 10px;}
	.hero-txt{width: 100%;}
	
	.hero-txt h1{font-size: 15vw}
	.hero-txt p{font-size: 2vw;}
}


@media screen and (max-width:1250px){
	.c-card{flex: 1 calc(33%);}
}

@media screen and (max-width:1100px){
	.logo{width: 100%; text-align: center;}
	.logo img{width: 200px;}
	
	.hc-half:first-child{width:100%;text-align:center;}
	.hc-half:last-child{width:100%;text-align:center; padding-top: 10px;}
	
	.cta-section{height: 750px;}
	.cta{width: 70%; height: 210px;}
	
	.mission-sect{height: 230px;}
	.mission-sect img{display: none;}
	.mission-txt{width: 70%;}
	
	.co-content{text-align: center;}
	.count-on h2{text-align: left}
	.co-box{width: 75%; margin: 10px auto;}
	
	.ap-img #ap-bg{display: none;}
	.ap-img .ap{text-align: center;}
	
	.foot-right .foot-links a{padding: 0 10px; font-size: 12px;}
}


@media screen and (max-width:950px){
	.c-card{flex: 1 calc(50%);}
	
	.footer{padding: 40px 0;}
	.foot-left{width: 100%; text-align: center}
	.foot-left .foot-soc .fa{margin: 0 10px;}
	.foot-right{width: 100%; text-align: center; padding: 20px 0;}
	.divfooter{text-align: center; margin: 50px auto 0 auto;}	
}

@media screen and (max-width:800px){
	.mission-txt{width: 95%;}
	.co-box{width: 100%;}
	
	.contact-info{width: 100%; padding: 40px 0;}
	.contact-map{width: 100%;}
}

@media screen and (max-width:650px){
	.hero-txt p{font-size:16px; margin-top: -12px;}
	
	.mission-txt{width: 100%; padding: 100px 80px;}
	
	.foot-right .foot-links a{display: block; padding: 5px 0;}
	.divfooter{width: 90%;}	
}

@media screen and (max-width:550px){
	.logo img{width: 40%;}
	
	.cta{width: 90%; margin: 10px auto;}
	
	.mission-txt{width: 100%; padding: 100px 20px;}
	
	.count-on{padding: 40px 20px;}
	.co-box{height: auto; text-align: center;}
	.co-box img{display: block;}
	.co-box .co-txt{width: 100%; text-align: center; padding: 20px 0;}
	
	.ap-texture{padding: 60px 0;}
	.ap-texture .ap{padding: 30px;}
	.ap-img .ap{padding: 60px 30px;}
	.ap-gray{padding: 60px 0;}
}

@media screen and (max-width:450px){
	.hero-txt h1{font-size: 13vw}
	.hero-txt p{font-size:12px;}
	
	.cta{height: 230px;}
	
	.contact-info{padding: 0 0 40px 0;}
	.c-card{padding: 30px 10px;}
}