/** Example of use var(--primary) **/

/*
NOTE: Variables do not work in IE. Here is a workaround:

1.	Code using the variables as you normally would.
2.  When you are finished, save everything and make a backup copy of the file in a convenient location. This file will be useful in case you need to change any colors in the future, since we are going to be overwriting the variables in the main file.
3.	Paste your css into the left section here: https://madlittlemods.github.io/postcss-css-variables/playground/
4.	Copy the css to the right, and paste it over everything in this document.
*/

/*===================== 
	Color information

		 
=======================*/

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-listing-mobile .view-listing-details-link, .list-content .list-listing-mobile .buy-now-link, .list-content .list-listing-mobile .check-availability-link, .list-content .list-listing-mobile .email-seller-link, .detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile, .detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile, .list-container-flexrow .view-listing-details-link, .modal-content .form-bottom .captcha-and-submit .captcha-placeholder button, .contact-options a, .fin-calc-mobile>a {background:#fcc602!important; }
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {font-size: 22px; line-height: 26px;}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label {background: #fcc602!important;text-transform: uppercase; letter-spacing: 1px;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .faceted-search-content .mobile-done-button-container .mobile-done-button {background: #000 !important;}

.detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn {float:none;}
.modal-content .modal-top .modal-title, .listing-description, .list-content .listing-portion-title, .list-content .list-title .list-title-text, .detail-content .dealer-info h3, .dealer-info, .detail-content-mobile .dealer-info h3, .fin-calc p, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {color:#000 !important;}
.dealer-btns-bottom a {background: #fcc602 !important;}

.page-nav{background-color:#fcc602!important}
.view-listing-details-link i, .view-listing-details-link span,.view-listing-details-link span:hover {color:white !important;}
.search-results {color:#fcc602!important}
.return-links span, .return-links i {color:#fcc602!important;}
.list-listings-count {color:#fcc602!important;}






/*===================== 
	CSS reset/normalize 
=======================*/

ol, ul, dl {
    margin-top: 0 !important;
    margin-bottom: 1rem !important;
}

/**Correct `block` display not defined in IE 8/9.**/
article,aside,details,figcaption,figure,footer,header,hgroup,
main,nav,section,summary {display: block;}
pre {white-space: pre-wrap;}
small { font-size: 80%;}


/*===================== 
	THEME
=======================*/

#headz * {box-sizing: border-box !important;}
.main-bg {background: #fff;box-sizing: border-box; top: -25px; z-index: 10; position: relative; border-radius: 5px;}
.accent-bg {background: #fcc602;}
.accent-bg2 {background: #e6e6e6;}
.btn-primary {background: #fcc602 !important; border-color:transparent  !important; color:#000  !important;}
.btn-primary:hover {background: #fcc602 !important; opacity: .8  !important;}
.btn-secondary {background: #febd11;}
.finance-bg {background-image:url("../siteart/Consigment bg.jpg"); background-size:cover; background-position:center; background-repeat: no-repeat; padding-bottom:100px;}

.bg-poly {background-image: url("../siteart/Organic divider.png");
    background-position: center;
    background-size: cover;
    width: 100%;
    min-height: 125px;
    position: absolute;
    z-index: 10;
    bottom: -163px;}
.bg-poly2 {background-image: url("../siteart/Organic Divider 2.png");
    background-position: center;
    background-size: cover;
    width: 100%;
    min-height: 125px;
    position: absolute;
    z-index: 10;
    bottom: -163px;}
.bg-poly3 {background-image: url("../siteart/Organic divider.png");
    background-position: center;
    background-size: cover;
    width: 100%;
    min-height: 150px;}
.bg-poly4 {background-image: url("../siteart/Organic Divider 2.png");
    background-position: center;
    background-size: cover;
    width: 100%;
    min-height: 150px;}

.col-cutout a {
    display: block;
    padding:5px;
}
.col-cutout img {
    max-width: 80%;
}
.col-cutout * {
    text-align: center;
    color: #fff;
	transition-timing-function: ease-in-out;
	transition: .5s;
}
.col-cutout {
    border-radius: 3px;
	transition-timing-function: ease-in-out;
	transition: .75s;
	box-shadow: inset 2px 2px 10px -5px;
}
.col-cutout:hover img, .col-cutout:hover h4 {
    transform: rotate(180deg);
	color:#000;
	text-decoration: none;
}
.col-cutout:hover a {
    transform: rotate(-180deg);
}
.col-cutout:hover {
    transition: .5s;
	box-shadow: 2px 2px 20px -5px;
	background:rgba(255,255,255,.75)
}

/*===================== 
	base styles 
=======================*/
.pad25 {padding:calc(5vw * .25);}
.pad50 {padding:calc(5vw * .5);}
.pad100 {padding:5vw;}
.tb50 {margin-top:50px; margin-bottom:50px;}
.pad-top-50	{padding-top:50px;}
.pad-bottom-50 {padding-bottom:50px;}
.p-pad {padding:2em;}
.p-pad2 {padding:calc(2em * 2);}
.z-hi {position:relative; z-index: 1001;}
.z-low {position:relative; z-index: 101;}

.secondary {color: #e6e6e6;}


html {
    font-family: 'Raleway', sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
	}

body {
    margin: 0;
	background-image:url("../siteart/body-bg2.jpg"); background-position: center;
	letter-spacing: 1px;
	
	}

svg:not(:root) {overflow: hidden;/*reset*/}
	
/* clear floats */ 
.group:before,
.group:after {content: ""; display: table;} 
.group:after {clear: both;}
.group {zoom: 1;}	
.clear { clear: both;}
	
/*image replacement*/
.hide-text {
	text-indent:  100%;
	white-space:  nowrap;
	overflow:  hidden;
	}	

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	border-style: solid;
    height: 0;
	} 

img { border: 0;} 
	
.scrolling-wrap,iframe.scrolling {width:100%;}	
/*===================== 
	CTA Styles
=======================*/
.cta-home {position:relative;}
.cta-home  .cta-boxs h3 {color:#ffff}
.cta-boxs *, .cta-boxs2 * {position: relative; z-index: 10;}
.cta-home .cta-boxs,.cta-home .cta-boxs2 {background-size:cover; background-size:115%; padding:1em; width: calc(25% - 10px); margin:5px; float: left; height:175px; position: relative; background-position:left 15% top;transition: .5s ease-in-out;}
.cta-home .cta-boxs a, .cta-home .cta-boxs2 a {color:#fff;position: relative; display:block; top:20%; height:100%; width:100%;}
.cta-home .cta-boxs:nth-child(1) {background-image:url('/siteart/denverEastBannerImg.png'); background-repeat:no-repeat;} /* Dozer */
.cta-home .cta-boxs:nth-child(2) {background-image:url('/siteart/Dozers.png');} /* Dozer */
.cta-home .cta-boxs:nth-child(3) {background-image:url('/siteart/Excavators.png');} /* Exca */
.cta-home .cta-boxs:nth-child(4) {background-image:url('/siteart/Trucks.png');} /* Off highway trucks */
.cta-home .cta-boxs:nth-child(5) {background-image:url('/siteart/truck-bg-cta.jpg');} /* Trucks */
.cta-home .cta-boxs:nth-child(6) {background-image:url('/siteart/Companctors.png');} /* Comp */
.cta-home .cta-boxs:nth-child(7) {background-image:url('/siteart/Crawler Loaders.png');} /* Crawler */
.cta-home .cta-boxs:nth-child(8) {background-image:url('/siteart/Wheel-Loader.png');} /* Wheel Load */
.cta-home .cta-boxs:nth-child(9) {background-image:url('/siteart/Forestry.png');} /* Forestry */ 
.cta-home .cta-boxs:nth-child(10) {background-image:url('/siteart/Motor Graders.png');} /* Motor Grad */
.cta-home .cta-boxs:nth-child(11) {background-image:url('/siteart/Forklifts.png');} /* Forklifts */
.cta-home .cta-boxs:nth-child(12) {background-image:url('/siteart/Pavers.png');} /* Pavers */ 
.cta-home .cta-boxs:nth-child(13) {background-image:url('/siteart/Skid Steer.png');} /* Skid Steer */
.cta-home .cta-boxs:nth-child(14) {background-image:url('/siteart/Backhoes.png');} /* BackH */
.cta-home .cta-boxs:nth-child(15) {background-image:url('/siteart/Miscellaneous.png');} /* Miscell */
.cta-home .cta-boxs:nth-child(16) {background-image:url('/siteart/farm-bg-cta.jpg');} /* AG Equipment*/
.cta-home .cta-boxs:nth-child(17) {background-image:url('/siteart/Attachments.png');} /* Attach */
.cta-boxs:after, .cta-boxs2:after {content:""; position: absolute; width:100%; height:100%; top:0; left:0; background-color:rgba(0,0,0,.75); z-index: 5;transition: .5s ease-in-out;}
.cta-boxs:hover:after, .cta-boxs2:hover:after {background-color:rgba(0,0,0,.35); z-index: 5;}
.cta-home  .cta-boxs:hover, .cta-home .cta-boxs2:hover {background-position: right 15% top;}
.cta-home  .cta-boxs:hover h3,  .cta-home .cta-boxs2:hover h3 {color:#fcc602; text-shadow: 2px 2px 5px #000;}

.cta-home .cta-boxs2:nth-child(1) {background-image:url('/siteart/Dozers.png');} /* Attach */
.cta-home .cta-boxs2:nth-child(2) {background-image:url('/siteart/Attachments.png');} /* Attach */
.cta-home .cta-boxs2:nth-child(3) {background-image:url('/siteart/Trucks.png');} /* Attach */
.cta-home .cta-boxs2:nth-child(4) {background-image:url('/siteart/farm-bg-cta.jpg');} /* Attach */
/*===================== 
	Button/ Link Styles
=======================*/

	
/*===================== 
	typography 
=======================*/
.underline {text-decoration: underline;}
h1 {
	font-family: 'Oswald', sans-serif;
	}
h2 {
	font-family: 'Oswald', sans-serif;
	}
h3 {
	font-family: 'Oswald', sans-serif;
	}
h4 {
	font-family: 'Oswald', sans-serif;
	}
h5 {
	font-family: 'Oswald', sans-serif;
	}
h6 {
	font-family: 'Oswald', sans-serif;
	}

p {
	margin: 0;
	}

	
h1 {
}
		

h2 {
}

	
h3 {
}


h4 {
}


h5 {
}


h6 {
}

/*===================== 
	link styles 
=======================*/
button {
    letter-spacing: .5px;
    font-weight: 500 !important;
}
a:focus {outline: thin dotted;/*reset*/
	}
	
a,
a:link, 
a:visited, 
a:active {
	outline: 0;/*reset*/
    color: #fcc603; 
    text-decoration:none;font-weight:500 !important;
	letter-spacing: .5px;
	}
	a:hover  {
		outline: 0;/*reset*/
		text-decoration: none;
		}  

/*===================== 
	header styles 
=======================*/
a.navbar-brand img {
    max-width: 150px;
    top: -10px;
    position: relative;
}
header {margin: 0 auto;width: 100%;}
/*===================== 
	nav styles 
=======================*/
#headz {position: fixed; width:100%; z-index: 1000; background: linear-gradient(180deg, black, transparent); padding-top:7px; padding-bottom:7px;}
.top-nav {background-color:#005b88; padding-top:15px;}
a.nav-link {color:#fff !important; font-weight: bolder; font-size:20px; font-family: 'Oswald', sans-serif; font-style: italic;}
a.nav-link:hover {color:#fcc602 !important;}
li.nav-item.icon-home a {display: inline-block; transition: color .75s;}
a.nav-link.nav-icon {background: #fcc602;padding: 0px !important;font-size: 14px;width: 35px;text-align: center;border: solid 3px #fcc602;margin-right: 1em;position: relative;}
a.nav-link.nav-icon:hover {background: #fff; color:#fcc602; border-color:#fff;}
nav.navbar button.btn.btn-primary, .footer button.btn.btn-primary {border-radius: 15px 0px 0px 15px !important; padding: 0.45rem 0.75rem !important; height:auto !important; line-height: normal !important;}
nav.navbar input.form-control, .footer input.form-control.mr-sm-2 {border-radius:0px 15px 15px 0px!important; max-width: 125px !important; height:auto !important; min-height:32px!important;}
.nav-adjust {top:7.5px; position: relative;}
.nav-adjust2 {top:10px; position: relative;}
.form-inline button.btn.btn-primary.my-2.my-sm-0 {
    font-size: 12px!important;
	    flex-flow: row wrap;
}
.form-inline .form-control {font-size:12px!important;}
.top-nav-right {float:right!important;}
.top-nav-right input.form-control, .top-nav-right button.btn.btn-primary {
    padding: 5px!important;
}
.top-nav-right button.btn.btn-primary {border-top-right-radius: 0px!important; border-bottom-right-radius: 0px!important;}
.top-nav-right input.form-control {border-top-left-radius:0px!important; border-bottom-left-radius:0px!important;}
.top-nav-left {float:right;}
nav.navbar.navbar-expand-md.navbar-light {
    padding-right: 0px;
}
nav.navbar.navbar-expand-md.navbar-light {
    height: 100px;
}
/*===================== 
	content styles 
=======================*/
.underline {text-decoration:underline; text-decoration-color: #806502 !important; text-decoration-style: solid; margin-bottom:1em;}

ul.inline {list-style:none; width:300px; text-align:right; padding-right:15px;}
ul.inline > li  {display:inline;}
a.soc-cont { background-color:#ffc63e; padding:6px 9px; color:#005b88 !important; border-radius: 25px; margin-left:1em; transition: .5s;}
a.soc-cont:hover {background-color:#fff !important;}

.dash-left {top:49%; left:0px;}	
.dash-right {top:49%; right:0px;}

.manu-cta img {max-height: 80px; position: relative;}
/*===================== 
	Image styles 
=======================*/
img.img-fluid.offset {position: relative; text-align: center;margin: 0 auto; clear: both;}
img#main-logo {
    max-width: 500px;
    margin-bottom: 20px;
}

/*===================== 
	banner styles 
=======================*/
.about-head {background-image:url("../siteart/about-us-banner-1920x400.jpg"); background-size:cover; background-repeat: no-repeat;}
.service-head {background-image:url("../siteart/services-header-templehe-1920x400.jpg"); background-size:cover; background-repeat: no-repeat;}
.hero-png {max-width:760px;}
.carousel-caption {bottom:10%;}
.carousel-caption button {margin-top: 17px;}
.carousel-caption h1 {margin-bottom: 20px; font-size:3.5em !important;}
.carousel-inner::after {
    display: block;
    clear: both;
    content: "";
    position: absolute;
    background: #000;
    width: 100%;
    height: 100%;
    opacity: .5;
}

/*===================== 
	layout styles 
=======================*/
.row.main-bg.text-center h4 {margin-top: 150px;}



/*===================== 
	footer styles 
=======================*/
.divfooter a:hover {
    color: blue !important;
}
.footer * {box-sizing:border-box !important;}
footer {
	margin: 0;
	width: 100%;
	}
	
a.footerlink:link,
a.footerlink:visited, 
a.footerlink:active {
	text-decoration: none; 
	font-size:13px;
	color: #222;
	}
	a.footerlink:hover {
		text-decoration:none; 
		font-size:13px;
		color: #fff;
		}

.footertext {
	font-size:13px; 
	color:#666;
	}

.smallfootertext {
	font-size:10px; 
	color:#666;
	}

.divfooter {
	max-width:1200px; 
	text-align:center; 
	margin:0 auto;
	}
.footer {text-align: center;padding-top: 1em;padding-left: 1em;padding-right: 1em;}
.footer .icon-home span {display: inline-block;}
.divfooter {margin-top: 2em;}
/*========================= 
	 Responsive styles 
===========================*/

/*==========  Non-Mobile First Method  ==========*/
@media only screen and (min-width:1700px){
	.container {max-width:1400px;}
}
@media only screen and (min-width:1600px){
.carousel-item img {
    width: 110% !important;
}
}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1250px) {
.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 1.55rem;
    padding-left: 1.55rem;
}	
	a.nav-link{
	    font-size: 15px;	
	}
}
@media only screen and (max-width : 1200px) {
	img#main-logo {
    max-width: 350px;
    margin-bottom: 10px;
}
	.carousel-caption h1 {
    margin-bottom: 20px;
    font-size: 3em !important;
}
.carousel-item p {
    display: none;
}
	.cta-home .cta-boxs, .cta-home .cta-boxs2 {height:145px;}

}
@media only screen and (max-width : 1100px) {
li.nav-item.icon-home {display: none;}

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1010px) {
	
.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
}	
}
@media only screen and (max-width : 992px) {
		.carousel-caption h1 {
    font-size: 2em !important;
}
	.head .col-sm-6.inline-block {
    display: none;
}
	.footer .navbar-brand > img {top:0px; margin-bottom:auto; margin-top:1em;}
	.footer .form-inline {
    float: right !important;
}
	.footer .icon-home.display-inline {
    text-align: left !important;
}
	#headz {
    position: sticky;
		top:0px;
    width: 100%;
    z-index: 1000;
    background: #1d1d1d;
}
	a.logo img {max-width: 150px;}
	a.logo {padding:10px;}
	a.nav-link.nav-icon {margin-left:1em;}
img.img-fluid.offset {top: -60px;margin-bottom: -35px;}
	.cta-home .cta-boxs, .cta-home .cta-boxs2 {width:calc(33.33% - 10px);height:125px;}
	
}

@media (min-width: 768px){
	.navbar-expand-md .navbar-nav .nav-link {padding-right: 1rem;padding-left: 1rem;}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.cta-home .cta-boxs, .cta-home .cta-boxs2 {width:calc(50% - 10px); background-size:cover; padding:2em 1em;background-position: center center;}
	.main-bg {top:-12.5px;}
	img.img-fluid.offset {top: -30px;margin-bottom: -17.5px;}

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 575px) {
	.cta-home .cta-boxs, .cta-home .cta-boxs2 {width:calc(100% - 10px); background-size:cover; padding:2em 1em;background-position: center center;}
	.footer .form-inline {display: none;}
	.footer .icon-home.display-inline {text-align:center !important;}
	img.img-fluid.offset {top:0px; margin-bottom:1em; margin-top:1em;}
 .cta-home .cta-boxs2 {width:100%;}
	.main-bg {top:0px;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.p-pad2 {
    padding: calc(5px * 2);
}
	.container.cf {
    padding: 10px !important;
}
	.service-head {padding:25px 5px;}
	.service-head h4 {
    font-size: 18px;
}
	.p-pad {
    padding: 1em;
}
	.my-form {
    max-width: 90%;
    margin-left: 5% !important;
}
	#no-pad {padding:0px !important;}
	.footer, #mob-pad {
    padding-top: 35px;
    padding-bottom: 35px;
}
 .col-cutout img {
    max-width: 50%;
}
 
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {


}