﻿/* 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;  
}

* {letter-spacing:.5px;}
ol, ul {}
blockquote, q {quotes: none;}  
blockquote:before, blockquote:after, q:before, q:after {content: '';}  


/* FRAMELESS INVETORY OVERWRITES
------------------------------------------------*/
.container h1 {font-size:28px;}
.container {text-align:left;}


/* TEXT/LINK FORMATTING
------------------------------------------------*/

	/* LINKS */
	a:link, a:visited {
		color:#00721d;
		text-decoration:none;
	}
	a:hover, a:active {
		color:#7100FF;
		text-decoration:none;
	}

	/* PARAGRAPH/LIST/GENERAL TEXT */
	p {font-size: 17px; line-height:1.3; color:#0f0f0f;}
	.red {color:#be2027;}
	ul, li {font-size: 14px; line-height:1.3;}

	/* HEADERS */
	h1, h2, h3, h4 ,h5 ,h6 {line-height: normal;}
	h1 {font-size:38px; color:#00721d; font-weight:900;}
	h2 {font-size:32px; color:#000;}
	h3 {font-size:20px; color:#fff; margin-bottom:3px;}
	h4 {font-size:18px;}
	h5 {font-size:16px;}
	h6 {font-size:14px;}
	
	hr {border-color:#fff; margin-bottom:3px;}


/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {clear: both;}
.image {display:block; width:100%;}
.extra-margin {margin:48px auto 88px;}
.bottom-border {border-bottom:2px solid;}

body {
	margin:0;
	min-width:320px;
	line-height:1.3;
	font-family: 'Lato', sans-serif;
	background:url(../siteart/BKG-TEXTURE.png);
	overflow-x:hidden;
}

.wrapper {
	position:relative;
	max-width:1080px;
    margin-left:auto;
    margin-right:auto;
	padding:0 20px;
	box-sizing:border-box;
}

.wrapper > img {
    display:block;
    width:100%;
}

.inv-wrapper {
	margin:12px auto;
    text-align:center;
}

::selection {
	color:#fff;
	background: #356088;
}
::-moz-selection {
	color:#fff;
	background: #356088;
}

/* HEADER
------------------------------------------------*/	
.header {
	width:100%;
	margin:0 auto;
	padding:20px 0;
	background:none;
}

.header-right{
    display:block;
	width:100%;
    margin:10px auto;
    text-align:center;
}

.header-right p{
    display:inline-block;
    margin:10px 30px;
}

/* LOGO
------------------------------------------------*/	
.logo {
    display:block;
	width:100%;
	max-width:300px;
	margin:0 auto;
}
.nav-logo{
	max-height:35px;
	vertical-align: middle;
}
/*  HERO
------------------------------------------------*/
.cycle-slideshow {
	width:100%;
	display:block;
	margin:24px 0;
	background:#fff;	
	box-shadow:0 0 5px #363636;}

.cycle-slideshow img{width:100%; padding:12px 0;}

/*  MAIN
------------------------------------------------*/	
.main {
	position:relative;
	width:100%;
	background:#eaeaea;
}

.tagline {
	display:block;
	margin:48px auto;
	text-align:center;
}

/*  QUICK LINKS
------------------------------------------------*/	
.quicklinks-box {
	width:100%;    
	margin: 24px auto;
    text-align: center;
    box-sizing: border-box;
}

.quicklinks-box a{
	font-size:32px;
	color:#fefefe;
	font-weight:700;
	line-height:0;
}

.quicklinks-left {
	position:relative;
    display: inline-block;
    width: 49.5%;
	margin:0 .5% 0 0;
	float:left;
	box-shadow:0 1px 5px #363636;
	box-sizing:border-box;
	transition-duration:.3s;
}

.quicklinks-left:hover .quicklinks-label {
	height:100%;
	background:rgba(275,275,275,.75);
	color:#0f0f0f !important;
}

.quicklinks-left img{
	display:block;
	width:100%;
}

.quicklinks-right {
	position:relative;
    display: inline-block;
    width: 49.5%;
	float:left;
	margin:0 0 0 .5%;
	box-shadow:0 1px 5px #363636;
	box-sizing:border-box;
	transition-duration:.3s;
}

.quicklinks-right:hover .quicklinks-label {
	height:100%;
	background:rgba(275,275,275,.75);
	color:#0f0f0f !important;
}

.quicklinks-right img{
	display:block;
	width:100%;
}

.quicklinks-label {
	position:absolute;
	width:100%;
	height:35%;
	margin:auto;
	top:50%;
	bottom:50%;
	background:rgba(190, 32, 39,.75);
	transition-duration:.3s;
}

.quicklinks-label span {
	position:absolute;
	margin:auto;
	top:50%;
	left:0;
	right:0;
}

/*  THIRD BOXES
------------------------------------------------*/	
.third-box {
	display:inline-block;
	width:30%;
	margin:12px 1.5% 0 1.5%;
}

/*  INVENTORY
------------------------------------------------*/	
.inv-button {
	display:inline-block;
	width:23%;
	margin:0 .5% 12PX .5%;
	text-align:center;
	background:#00721d;
	box-shadow:0 0px 5px #363636;
	transition-duration:.2s;
}

.inv-button:hover {
	background:#20be48;
	transform:scale(1.05,1.05);
	box-shadow:0 0px 7px #363636;
}

.inv-button h3{
	font-size:22px;
	padding:6px 0;
}

/*===================== 
	Inventory styles 
=======================*/
.container {margin-top: 20px !important;}
.info {color: #00721d !important;}
.faceted-search-content .selected-facets-container .selected-facet {background: #00721d !important;}
.button {background-color: #00721d !important;}
.button:hover {background-color:#20be48 !important;}
.body-wrapper {font-family: cronos-pro, sans-serif;}
.body-content {padding: 50px 0!important;}

/*-----FONTS-----*/
.list-content .list-title .list-title-text {font-family: cronos-pro, sans-serif!important; font-size: 25px; text-transform: uppercase;}
.list-content .listing-portion-title {font-family: cronos-pro, sans-serif; font-size: 20px;}
.list-content .list-title .list-listings-count {color: #20be48!important;}
.list-listing-title {font-family: cronos-pro, sans-serif!important;}
.listing-portion-title {font-family: cronos-pro, sans-serif!important;}
.list-content .list-main-section .list-container .list-listing .listing-top-right .listing-dealer-info .dealer-name {font-family: cronos-pro, sans-serif;}
.list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price {color: #00721d!important; font-family: cronos-pro, sans-serif;}
.list-content .list-top-section .listing-option-bar .list-listings-count {color: #20be48!important;}
.faceted-search-content .faceted-section-head h5 {font-family: cronos-pro, sans-serif;border-radius: 0px!important;}
.listing-portion-title.description-title {font-family: cronos-pro, sans-serif;}
.faceted-search-content .faceted-section-box .faceted-search {border-radius: 0px!important;}
.faceted-search-content .faceted-section-box .faceted-btn-container .faceted-show-all-btn {border-radius: 0px!important;}
.detail-content .detail-main-body .main-detail-data .detail-price {color: #00721d!important; font-family: cronos-pro, sans-serif;}
.detail-content .detail-main-body .main-detail-data .detail-title {font-family: cronos-pro, sans-serif!important; font-size: 25px; text-transform: uppercase; color: #00721d; font-weight: 800;}
.detail-content .dealer-info h3 {font-family: cronos-pro, sans-serif; font-size: 20px;}
.contact-information {font-family: cronos-pro, sans-serif!important;}
.breadcrumbs {font-family: cronos-pro, sans-serif!important;}
.listing-widgets {font-family: cronos-pro, sans-serif!important;}
.detail-additional-data {font-family: cronos-pro, sans-serif!important;}
.detail-additional-data h4 {font-family: cronos-pro, sans-serif!important;}
.detail-content .search-results{color: #00721d!important;}
.legal-text-content {font-family: cronos-pro, sans-serif!important; font-size: 12px; font-style: italic;}

/*-----BUTTONS-----*/
.view-listing-details-link {background: #00721d!important; color: #fff!important; font-family: cronos-pro, sans-serif; border-radius: 0px!important;}
.view-listing-details-link:hover {background: #20be48!important;}
.email-seller-link {border-radius: 0px!important;}
.faceted-search-content .selected-facets-container .selected-facet{background: #00721d!important; font-family: cronos-pro, sans-serif; border-radius: 0px!important;}
.noUi-connect {background: #00721d!important; color: #fff!important;}
.noUi-handle  {background: #00721d!important; color: #fff!important;}
.list-content .listing-bottom .listing-widgets a {border-radius: 0px!important; font-family: cronos-pro, sans-serif!important;}
.detail-content .print-this, .detail-content .email-this {border-radius: 0px!important; font-family: cronos-pro, sans-serif;}
.offer-btn {border-radius: 0px!important; font-family: cronos-pro, sans-serif; background-color: #00721d!important;color:#fff !important;}
.offer-btn:hover {background-color: #20be48!important;}
.send-email-btn {font-family: cronos-pro, sans-serif!important; border-radius: 0px!important; border-color: #00721d!important; color: #00721d!important;}
.detail-content .detail-additional-data .data-row .data-label {background: #00721d!important;}
.print-this, .email-this {font-family: cronos-pro, sans-serif!important; border-radius: 0px!important;}
.detail-content .detail-main-body .main-detail-data .addthis_inline_share_toolbox .at-share-btn-elements {display: inline-block!important;}
.detail-content .detail-main-body .main-detail-data .addthis_inline_share_toolbox .at-share-btn-elements {width: auto!important;}
.paging-container .page-navs .list-page-nav {background: #00721d!important; font-family: cronos-pro, sans-serif;color:#fff !important;}
.list-container-flexrow .buy-now-link, .list-container-flexrow .check-availability-link, .list-container-flexrow .email-seller-link, .list-container-flexrow .dealer-phone-call {border-radius: 0px!important;}
.detail-content-mobile .accordion-container .form-bottom .captcha-and-submit .mobile-close {color: #00721d !important; border-color: #00721d!important;}

/*-----Mobile Styles-----*/
.price {color: #00721d!important; font-family: cronos-pro, sans-serif;}
.list-content .list-listing-mobile .dealer-phone-container .dealer-phone-call, .list-content .list-listing-mobile .dealer-phone-container .dealer-phone-text {color:#00721d!important; border-color: #00721d!important; border-radius: 0px!important;}
.specs-container {font-family: cronos-pro, sans-serif!important;}
.spec-container {font-family: cronos-pro, sans-serif!important;}
.mobile-breadcrumb {background-color: #20be48!important;}
.detail-title {font-family: cronos-pro, sans-serif!important;}
.detail-content-mobile .detail-main-body .main-detail-data .detail-price {color: #00721d!important;}
.detail-content-mobile .dealer-info h3 {font-family: cronos-pro, sans-serif!important;}
.field-value {font-family: cronos-pro, sans-serif;}
.contact {font-family: cronos-pro, sans-serif;}

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile {background-color: #00721d!important; color: #fff!important; font-family: cronos-pro, sans-serif!important; border-radius: 0px!important;}
.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 {background-color: #00721d!important; color: #fff!important; font-family: cronos-pro, sans-serif!important; border-radius: 0px!important; border: none!important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn {background-color: #00721d!important; color: #fff!important; font-family: cronos-pro, sans-serif!important; border-radius: 0px!important;}
.data-label {background-color: #00721d!important;}
.faceted-search-content .mobile-done-button-container .mobile-done-button {background-color: #00721d!important; color: #fff!important; border-radius: 0px; font-family: cronos-pro, sans-serif;}
.faceted-search-content .mobile-done-button-container .mobile-done-button:hover {background-color: #20be48!important; border-radius: 0px; font-family: cronos-pro, sans-serif;}
.detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile, #inv .detail-content-mobile .contact-options a {background-color: #00721d !important;}
.detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile:hover {background-color: #20be48 !important;}
.detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile {background-color: #00721d !important;}
.detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile:hover {background-color: #20be48 !important;}

#inv h1, #inv h2, #inv h3, #inv h4, #inv h5, #inv h6, #inv .list-title-text{
	color: #00721d !important;
	margin: 0 !important;
}

.compare-chkbox-container .compare-listings .fa-check {
    top: 0px !important;
    left: 1px !important;
}

/*  CONTACT
------------------------------------------------*/
.contact-third {
	display:inline-block;
	width:33%;
	min-width:225px;
	vertical-align:top;
}

.contact-two-third {
	display:inline-block;
	width:66%;
}

/*  MANU-LOGOS
------------------------------------------------*/	
.manu-logos {
	display:block;
	max-width:1150px;
    width:100%;
	margin:72px auto;
	text-align:center;
}

.manu-logos img{
	max-width:200px;
    display:inline-block;
	margin:1rem 2.5rem;
}

/*  FOOTER
------------------------------------------------*/
.footer {
	height: 250px;
    position: relative;
    width: 100%;
    margin: 200px auto 35px 0;
    padding: 50px 0;
	background: #720a0f;
	background: -moz-linear-gradient(left, rgba(114,10,15,1) 0%, rgba(114,10,15,1) 85%, rgba(114,10,15,0) 86%, rgba(114,10,15,0) 100%);
	background: -webkit-linear-gradient(left, rgba(114,10,15,1) 0%,rgba(114,10,15,1) 85%,rgba(114,10,15,0) 86%,rgba(114,10,15,0) 100%);
	background: linear-gradient(to right, rgba(114,10,15,1) 0%,rgba(114,10,15,1) 85%,rgba(114,10,15,0) 86%,rgba(114,10,15,0) 100%);
	box-sizing:border-box;
}

.footer:after {
	content: " ";
    height: 200px;
    width: 85%;
    padding: 25px 0;
    background: #0f0f0f;
    position: absolute;
    top: 20px;
    z-index: -1;
}

.arrow {
	position: absolute;
    width: 0px;
    height: 0px;
    top: -250px;
    bottom: -250px;
    right: -100px;
    margin: auto;
    border-top: 250px solid transparent;
    border-bottom: 250px solid transparent;
    border-left: 400px solid #720a0f;
}

.arrow:before {
	content: " ";
    position: absolute;
    width: 0px;
    height: 0px;
    top: -226px;
    bottom: -250px;
    right: -20px;
    margin: auto;
    border-top: 250px solid transparent;
    border-bottom: 250px solid transparent;
    border-left: 400px solid #0f0f0f;
    z-index: -1;
}

.footer-third {
	position:relative;
	min-width:298px;
	width:30%;
	margin:0 0 0 4.5%;
	float:left;
	z-index:99;
}

.footer-third a{
    color: #dfb8ba;
    font-size:19px;
	line-height:1.5;
}

.footer-third p{
    color: #dfb8ba;
    font-size:19px;
	line-height:1.5;
}

.footer-nav {
	display:inline-block;
	width:49%;
	vertical-align:top;
}

.footer-logo {
	position:absolute;
	right:30px;
	z-index:999;
}


/*  Stylized Footers 
------------------------------------------------*/
.divfooter {
	max-width:675px;
	width:60%;
	/***** Truck 750px   Machine 680px   Tractor 590px   Controller 680px  AuctionTime 560px *****/
	color:#0f0f0f;
	margin:20px 30% 20px 10%;
	line-height:1;
	text-align:center;
}

.footertext{
	color:#0f0f0f;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

a.footerlink:link, a.footerlink:visited, a.footerlink:active{
	color:#0f0f0f;
	font-size:11px;	
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
}

a.footerlink:hover {
	color:#0f0f0f;
	font-size:11px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}

.smallfootertext{
	color:#0f0f0f;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}


@media screen and (min-width:1020px) {
	.show-sm{display: none !important;}
}

@media screen and (max-width:1280px) {
	.manu-logos img {margin:1rem;}
}
@media screen and (max-width:1080px) {
	.footer {
		height:330px;
		background: -moz-linear-gradient(left, rgba(114,10,15,1) 0%, rgba(114,10,15,1) 73%, rgba(114,10,15,0) 74%, rgba(114,10,15,0) 100%);
		background: -webkit-linear-gradient(left, rgba(114,10,15,1) 0%,rgba(114,10,15,1) 73%,rgba(114,10,15,0) 74%,rgba(114,10,15,0) 100%);
		background: linear-gradient(to right, rgba(114,10,15,1) 0%,rgba(114,10,15,1) 73%,rgba(114,10,15,0) 74%,rgba(114,10,15,0) 100%);
	}
	.footer:after {height:280px; width:80%;}
	.footer-logo {position:relative; display:block; margin:12px auto 0; right:0;}
	.footer-third {display:inline-block; width:40%; float:none; vertical-align:top;}
}
@media screen and (max-width:1040px) {
	.manu-logos {margin:48px auto;}
	.manu-logos img {margin:24px 2.5rem;}
	.footer {margin-top:150px;}
	.divfooter {margin-left:12px; text-align:left;}
}
@media screen and (max-width:950px) {
	.quicklinks-label {position:relative; background:rgba(190, 32, 39,1);}
	.quicklinks-label span{position:static; display:block; line-height:1.3;}
	.quicklinks-left:hover {transform:scale(1.04,1.04); z-index:999;}
	.quicklinks-left:hover .quicklinks-label {background:#00721d; color:#ffffff !important;}
	.quicklinks-right:hover {transform:scale(1.04,1.04); z-index:999;}
	.quicklinks-right:hover .quicklinks-label {background:#00721d; color:#ffffff !important;}
}
@media screen and (max-width:800px) {
	.footer {background:#720a0f; margin-top:70px;}
	.footer:after {width:100%;}
	.arrow {display:none;}
	.divfooter {margin:0 auto 40px;; text-align:center;}
}
@media screen and (max-width:700px) {
	.logo {display:block;}
	.header-right {position:static; width:100%; margin:24px auto 0;}
	.quicklinks-box {padding: 0 20px;}
	.quicklinks-left {display:block; width:100%; margin:30px auto; float:none;}
	.quicklinks-right {display:block; width:100%; margin:0 auto; float:none;}
	.third-box {display:block; min-width:200px;}
	.inv-button {width:40%;}
	.contact-third {display:block; margin:0 0 24px;}
	.contact-two-third {display: block; width: 100%;}
	.footer {height:auto;}
	.footer-third {display:block; width:90%; text-align:center;}
	.footer-nav {width:40%; margin-bottom:24px;}
	.footer-logo {margin-top:24px;}	
}
@media screen and (max-width:500px) {
	.inv-button {width:80%;}
}