﻿/* RESET 
------------------------------------------------*/
* { 
    margin: 0;  
    padding: 0;  
    border: 0;  
    outline: 0;  
    background: transparent;  
}

ol, ul {}
blockquote, q {quotes: none;}  
blockquote:before, blockquote:after, q:before, q:after {content: '';}  


/* TEXT/LINK FORMATTING
------------------------------------------------*/

	/* LINKS */
	a:link, a:visited {
		color:#59190f;
		text-decoration:none;
		-webkit-transition:.4s ease-in;  
		-moz-transition:.4s ease-in;  
		-o-transition:.4s ease-in;  
		transition:.4s ease-in;	
	}
	a:hover, a:active {
		color:#ccc;
		text-decoration:underline;
	}

	/* PARAGRAPH/LIST/GENERAL TEXT */
	p, ul, li {font-size: 12px;}

	/* HEADERS */
	h1, h2, h3, h4 ,h5 ,h6 {line-height: normal;}
	h1 {font-size:26px; color:#410900;}
	h2 {font-size:24px;}
	h3 {font-size:20px;}
	h4 {font-size:18px;}
	h5 {font-size:16px;}
	h6 {font-size:14px;}


/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {clear: both;}
.left {float:left;}
.right {float:right;}

body {
	margin:0;
	/*line-height:12px;*/
	font-family: 'source_sans_proregular' !important;
	background:url('../siteart/background.jpg') repeat;
}

.content {
	width:90%;
	margin:0 5%;
	display: flex;
    align-content: center;
    flex-wrap: wrap;
}


/* SELECTION
------------------------------------------------*/	
::selection {
	color:#fff;
	background: #59190f;
}
::-moz-selection {
	color:#fff;
	background: #59190f;
}


/* SITE WRAPPER
------------------------------------------------*/	
.site-wrap {
	width:90%;
	margin:0 5%;	
}


/* HEADER
------------------------------------------------*/	
header {
	padding:35px 0;
	border-top:5px solid #000;
	background:#fff;
}	
	

/* LOGO
------------------------------------------------*/	
.logo {
	width:30%;
    float:left;
	position:relative;
}	

.logo img{
	width:95%;
	max-width:380px;
}


/*  ASIDE
------------------------------------------------*/
aside {
	width:70%;
	float:left;
	position:relative;
	text-align:right;
}

aside img{
	width:100%;
	max-width:150px;
	margin:20px 0 0 5%;
}
	
/* ADDRESS
------------------------------------------------*/	
address {
	color:#fff;
	font-size:13px;
	background:#59190F;
	font-style:normal;
	display: flex;
}
	
address a:link, address a:visited {
	color:#fff;
}

address a:hover, address a:active {
	color:#ccc;
	text-decoration:none;
}

address .contact-info {
	float:left;
	position:relative;
	margin:12px 0;
	padding:0 1%;
	border-right:1px #fff solid;
}
address .finance-button{
	float: right;
    position: relative;
    margin: 14px 5%;
    color: #1A1A1A!important;
    padding: 13px 28px;
    background: #E6B93A;
    font-size: 13px;
    text-transform: uppercase;
}



address .finance-button:hover{
	
    background: #59190F;
	color: #fff!important;
	transition: 0.2s;
    
}

	
address .contact-info:nth-of-type(1) {padding:0 1% 0 0;}
address .contact-info:nth-of-type(4) {border-right:none;}

/*  NAVIGATION
------------------------------------------------*/
#menu-button{
	display: none;
}

nav.mobile {
	display:none;
}

nav.primary {
	padding:0;
	margin:0;
	width:100%;
	z-index: 500;
	position:relative;
	background: #646464;
}

nav.primary ul {
	margin:0 auto;
	padding:0;
}

nav.primary ul li {
	margin:0;
	paddding:0;
	float:left;
	width:12.5%;
	list-style-type:none;	
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

nav.primary ul li:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #282828;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
		
nav.primary ul li:hover, nav.primary ul li:focus, nav.primary ul li:active {
  color: #202020;
}
nav.primary ul li:hover:before, nav.primary ul li:focus:before, nav.primary ul li:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
				
nav.primary ul li a {
	display:block;
	color:#f3f3f3;
	font-weight:normal;
	font-size:15px;
	line-height:60px;
	text-decoration:none;
	padding:0;
	margin:0;
	border-right:1px #a7a7a7 solid;
	border-left:1px #585858 solid;
	text-align:center;
	text-transform:uppercase;
	-webkit-transition:.5s ease-in;  
	-moz-transition:.5s ease-in;  
	-o-transition:.5s ease-in;  
	transition:.5s ease-in;	
}	

nav.primary ul li a:hover {
	color:#fff;
	background: #3f3f3f; 

}

/*  SUB NAV
------------------------------------------------*/
nav.primary ul li li a:link, nav.primary ul li li a:visited{
	font-size:14px;
    line-height:14px;
	padding:10px 18px;
	
	color:#fff;
	background: #181818;
	width: 230px;
	
	text-align:left;
	
	border-right:none;
	border-left:none;
	border-bottom: #fff solid 1px;
}

nav.primary ul li li a:hover,nav.primary ul li li a:active {
	color:#060606;
	background:#eee;
}

/*  NAV DROPDOWNS
------------------------------------------------*/
nav.primary ul ul {
    display: none;
    position: absolute; 
}
  
nav.primary ul ul ul {
    position: absolute; 
    left: 100%;
    top:0; 
}
  
nav.primary ul li:hover > ul {  
    display: block;
    line-height:18px; 
    z-index: 500;
}
  
nav.primary ul ul li {
    float: none; 
    position: relative;
    margin:0;
}


/*  MAIN
------------------------------------------------*/	
.main {
	padding:55px 0;
	position:relative;
	overflow:hidden;
	background-color: #ffffff;
	background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%239C92AC' fill-opacity='0.06' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
}

.inventory {
	padding:35px 0;
	background: #fff;
}

.gallery {
	padding:50px 0 0 0;
	background: #101010;
}

.main .bg-equipment {
	z-index:1;
	right:0;
	bottom:-2%;
	position:absolute;
	opacity: 0.5;
  	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  	filter: alpha(opacity=50);
}


/*  ARTICLE
------------------------------------------------*/
article {
	width:70%;
	z-index:10;
	float:left;
	position:relative;
}

article p{
	font-size:15px;
}

article .company-details {
	color:#59190f;
	font-size:24px;
	line-height:24px;
	text-transform:uppercase;
	font-family: 'source_sans_probold';
	margin:20px 0 25px 0;
}

article .company-details span{
	font-size:18px;
	text-transform:none;	
}

article .company-details p{
	color:#181818;
	font-size:16px;
	line-height:18px;
	text-transform:none;
	font-family: 'source_sans_proregular';	
}




/*  INVENTORY
------------------------------------------------*/	
.body-content {width: calc(100% - 40px) !important;}
.body-content section {background:transparent !important;}
.body-wrapper {padding:0 20px !important;}

.list-content,
.detail-content {max-width: 1350px !important;}
	
.detail-content-mobile .dealer-info h3 {color:#000 !important;}
.detail-content .detail-additional-data h4 {
    margin: 18px 0 0 0 !important;
    font-weight: 700;
    font-style: italic;
    color: #59190F !important;
	text-align:left !important;
	background-color:transparent !important;;
}
.dealer-info {line-height:1.5 !important;}

.list-content .info {color:#59190F !important;}

.list-content .listing-portion-title {color:#000 !important;}

.list-content .list-top-section .listing-option-bar .list-listings-count {color:#3a3a3a !important;}
.list-content .list-top-section .sticky-top-menu {background:#ededed !important;}

.list-content h1.list-title {text-shadow:none !important; } 

.list-content .list-main-section .list-container .list-listing { background-color:transparent !important;}

.detail-content .listing-widgets {margin:18px 0 0 0 !important;}

.rent-title, .lease-title, .fractional-title {font-weight:400 !important; color: #000 !important;}
#parts-content .parts-bottom-section .parts-list-view .parts-list-content .error-message {/*color:#dadada !important;*/ font-weight:400 !important;}

.list-content .list-main-section {padding:20px 0 !important;}

.list-content .print-this, .list-content .email-this {margin-bottom: 10px !important; border-radius:0 !important;}
    
.list-content .list-top-section .listing-option-bar .list-sort-order .sort-by-dropdown-container .list-sort-order-select {margin: 0 5px 0 0; border-radius:0 !important;}

.detail-content .detail-main-body .main-detail-data .other-site-data-section {border-radius:0 !important; background:#dedede !important;}
.rent-title-details, .lease-title-details, .fractional-title-details {color:#59190F !important;}

.at-resp-share-element .at-share-btn {margin:0 !important;}

.detail-content .print-this, .detail-content .email-this {border-radius:0 !important;}

.spec-icon {color:#fff !important; background-color: #333 !important;}
.list-content .list-main-section .list-container .list-listing .listing-top-right .listing-dealer-info a {color:#3a3a3a !important;}
.listing-widgets a {border-radius:0 !important; color:#fff !important; background-color: #a2a2a2 !important;}
.listing-description a {color:#3a3a3a !important;}
.detail-content .dealer-info .google-maps-link a {color:#3a3a3a !important;}
.detail-content .dealer-info a.field-value {color:#3a3a3a !important;}

.list-content .list-listing-mobile .dealer-phone-container .dealer-phone-call, .list-content .list-listing-mobile .dealer-phone-container .dealer-phone-text {
    border: 1px solid #59190F !important;
    color: #000 !important;
    border-radius:0 !important;
}

.list-content .list-listing-mobile .dealer-phone-container .dealer-phone-call .dealer-phone, .list-content .list-listing-mobile .dealer-phone-container .dealer-phone-text .dealer-phone {
    color: #000 !important;
}
.media-buttons button {border-radius:0 !important;} 

.faceted-search-content .mobile-done-button-container .mobile-done-button {border-radius:0 !important; color:#fff !important; background:#59190F !important;}
.section-head:hover {
    color: #ddd!important;
}

.faceted-search-content .faceted-search-field .faceted-section-head:hover {background: #555 !important;}

.listing-option-mobile .listing-option-bar #option-bar-sort #sort-option-container {
    border-bottom: 1px solid #7e7e7e !important; background-color: #8e8e8e !important;
}

.listing-option-mobile .listing-option-bar #option-bar-sort #sort-option-container a {border-color: #7e7e7e !important;}


.faceted-search-content .faceted-section-box .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .apply-button {
   border-radius:0 !important; color:#fff !important; background:#59190F !important;
}

.faceted-search-content .faceted-section-box .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .back-button {
    border: 1px solid #59190F !important;
    color: #fff !important;
	background:#555 !important;
    border-radius:0 !important;
}

.faceted-search-content .faceted-search-field.checkbox .faceted-section-box.closed .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row.mobile, .faceted-search-content .faceted-search-field.Checkbox .faceted-section-box.closed .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row.mobile,
.faceted-search-content .faceted-search-field.checkbox .faceted-section-box.closed .show-all-modal, .faceted-search-content .faceted-search-field.Checkbox .faceted-section-box.closed .show-all-modal {background-color: #8e8e8e !important;}

.faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-count {margin:0 0 0 3px !important; }


/*  INVENTORY HEADER
------------------------------------------------*/
.list-content .list-title {align-items:center !important;}
.list-content .list-title .list-title-text {font-size:1.5em !important;}
.list-content h1 span {font-size: 18px; text-transform:none; color: #5a5a5a;}
.list-content .list-title .list-listings-count {font-weight:700 !important; color:#59190F !important;}


/*  INVENTORY FACETED
------------------------------------------------*/
.faceted-search-content .faceted-section-box .faceted-search {color:#fff !important; background:#59190F !important;}
.faceted-search-content .selected-facets-container .selected-facet {border-radius:0 !important; color:#fff !important; background:#59190F !important;}
.faceted-search-content .faceted-section-head h5 {font-size:14px !important; text-transform:uppercase !important; font-weight:400 !important;}
.faceted-search-content .faceted-section-box .faceted-text-input, .faceted-search-content .faceted-section-box .faceted-search {border-radius:0 !important;}
.faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-name {margin:0 0 0 3px !important;}
.faceted-search-content .faceted-section-box .faceted-btn-container .faceted-show-all-btn {border-radius:0 !important; background-color: #59190F !important;}


/*  INVENTORY MAIN SECTION
------------------------------------------------*/	
.list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price {color:#59190F !important;}
.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link {
    border-radius:0 !important; color:#fff !important; background:#59190F !important;
}
.list-content .list-main-section .list-container .list-listing .listing-top-right .email-seller-link,
.list-content .list-main-section .list-container .list-listing .listing-top-right .video-chat-link {border-radius:0 !important; background-color: #3a3a3a !important;}


/*  INVENTORY MOBILE
------------------------------------------------*/	
.list-content .list-listing-mobile .price-container .price {color: #59190F !important;}
.list-content .list-listing-mobile .price-container .fin-stacked.purchase-today-link {background:transparent !important;}
.list-content .list-listing-mobile .email-seller-link {font-weight:400 !important; border-radius:0 !important; background-color: #333 !important;}
.list-content .list-listing-mobile .view-listing-details-link {font-weight:400 !important; border-radius:0 !important; background-color: #59190F !important;}


/*  INVENTORY DETAILS
------------------------------------------------*/	
.detail-content .search-results {color: #59190F !important;}
.detail-content .search-results .fa {font-size:.85em !important;}
.mc-thumb-toggles .mc-btn {height:28px !important; font-size: 18px !important; border-radius:0 !important;}
.detail-content .detail-main-body .main-detail-data .detail-price {color:#59190F !important;}
.detail-content .detail-main-body .main-detail-data .offer-btn {border-radius:0 !important; background-color: #59190F !important;}
.detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc {
    width: 231px !important; padding:12px 20px !important; border-radius:0 !important;
}
.detail-content .dealer-info {margin:20px 0 0 0 !important;}
.detail-content .dealer-info a .dealer-company-header {color:#59190F !important; text-decoration:none !important;}
.detail-content .dealer-info .dealer-company-header {margin:0 0 10px 0 !important; font-size:.95rem !important;}
.detail-content .dealer-info .phone-and-email .send-email-btn {
    color: #fff !important; border:0 !important; border-radius:0 !important; background-color: #59190F !important;
}
.detail-content .listing-widgets a {border-radius:0 !important;}
.detail-content .detail-additional-data h4 {margin:18px 0 0 0 !important; font-size:22px !important; font-weight:700; color:#59190F !important;}
.detail-content .detail-additional-data .data-row .data-label {font-weight:700 !important; background-color: #636363 !important;}
.detail-content .detail-additional-data .data-row .data-value {font-weight:400 !important;}


/*  INVENTORY DETAILS MOBILE
------------------------------------------------*/
.mobile-breadcrumb {background-color: #59190F !important;}
.detail-content-mobile .detail-main-body .main-detail-data .detail-price {color:#59190F !important;}
.detail-content-mobile .dealer-info .dealer-title-link h3 {margin:0 0 8px 0 !important; font-weight:700 !important;}
.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile {
    margin-right:0 !important; border-radius:0 !important; background-color: #636363 !important;
}

.detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile,
.detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile,
.detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile {
	border-radius:0 !important; border: 1px solid #636363 !important; background-color: #636363 !important;
}

.detail-content-mobile .listing-widgets {margin:18px 0 0 0 !important}
.detail-content-mobile .detail-additional-data h4 {margin:18px 0 0 0 !important; font-size:22px !important; font-weight:700; text-align:left !important; background:transparent !important; }
.detail-content-mobile .detail-additional-data .data-row .data-label {font-weight:700 !important; background-color: #636363 !important;}
.detail-content-mobile .detail-additional-data .data-row .data-value {font-weight:400 !important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn {border-radius:0 !important; background-color: #636363 !important;}


.hosted-content a.widget-email {background: #333 !important;}
.hosted-content .btn {background-color: #59190F !important;}

.list-container-flexrow .view-listing-details-link {background-color: #59190F !important;}
.detail-content .detail-main-body .main-detail-data .offer-btn .fa-chevron-right {float:none !important; }

.legal-text-container {line-height:1.4;}







  
/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {
	width:100%;
	height:92px;
	overflow:hidden;
	padding:20px 0;
	background:#59190f;
}

.scrolling{
	width:100%;
	height:92px;
}


/*  FOOTER
------------------------------------------------*/
footer {
	padding:35px 0;
	background:#fff;
	border-top:6px #919191 solid;
}


/*  Stylized Footers 
------------------------------------------------*/
.divfooter {
	width:85%;
	color:#646464;
	margin:0 auto;
	font-size:10px;
	line-height:11px;
	text-align:center;
}

.footertext{
	color:#646464;
}

a.footerlink:link, a.footerlink:visited, a.footerlink:active{
	color:#646464;
	text-decoration:underline;
}

a.footerlink:hover {
	color:#646464;
	text-decoration:none;
}

.smallfootertext{
	color:#646464;	
}




/************************************************ Responsive Styles **/
@media screen and (max-width: 1350px) {
	.logo{width:55%; margin:8px 0 0 0;}
	aside {width:45%;}
	aside img{margin:0 0 0 5%;}
	nav.primary ul li a {font-size:13px;}
}

@media screen and (max-width: 1024px) {
	.content {width:93.6%; margin:0 3.2%;}
	nav.primary ul li a {font-size:12px;}
}

@media screen and (max-width: 950px) {
	.finance-button{
		display: none;
	}
	nav.primary{display:none;}
	
	#menu-button{
		display: block;
		font-size: 24px;
		line-height:60px;
		width:90px;
		position: relative;
		z-index: 400;/* needs to be lower than nav.mobile, adjust as needed */
		background: #646464;
		width:100%;
		
	}
	#menu-button a{
		color:#fff;
		text-decoration: none;
		padding:0 0 0 .8em;
		font-weight:100;
	}
	nav.mobile {
		display:block;
		position: fixed;
		top: 0;
		left: -250px;
		width: 250px;
		height: 100%;
		background: #333;
		z-index: 500; /* needs to be higher than #menu-button, adjust as needed */
		overflow:auto;
	}
	nav.mobile h3 { /* Menu header styles */
		position: relative;
		padding: 12px 10px;
		color: #fff;
		font-size: 1.2em;
		font-weight: 400;
		border-bottom: 4px solid #222;
	}
	nav.mobile .menu-toggle { /* Menu close button */
		position: absolute;
		top: 12px;
		right: 10px;
		display: inline-block;
		padding: 6px 9px 5px;
		font-family: Arial, sans-serif;
		font-weight: 100;
		line-height: 1;
		background: #222;
		color: #999;
		text-decoration: none;
		vertical-align: top;
	}
	nav.mobile .menu-toggle:hover {color: #fff;}
	nav.mobile ul {
		list-style: none;
		font-weight: 300;
		border-top: 1px solid #151515;
		border-bottom: 1px solid #454545;
		margin:0;
		padding:0;
	}
	nav.mobile ul li {
		border-top: 1px solid #454545;
		border-bottom: 1px solid #151515;
	}
	nav.mobile ul li a {
		position: relative;
		display: block;
		padding: 15px 0px 15px 20px;
		color: #999;
		font-size:15px;
		text-decoration: none;
	}
	nav.mobile ul li a:hover {background: #E6B93A; color: #fff;}
	
	nav.mobile ul li span.click{/* dropdown menu idicator arrow be sure to include this image with your image files */ 
		background:url(../siteart/menu-arrow.png) 10px 12px no-repeat;
		background-size:55%;
		position:relative;
		display:block;
		float:right;
		margin:-44px 0 0 0;
		cursor:pointer;
		z-index: 12399994;
		width:44px;
		height:44px;
		-webkit-transition:background-size .3s ease-in-out;
		-moz-transition:background-size .3s ease-in-out;
		transition:background-size .3s ease-in-out;
	}
	nav.mobile ul li span.click:hover{background-size:60%;}
	
	nav.mobile ul li li a { /* appearance of the sub-level links */
		background: #434343;
		position: relative;
		display: block;
		padding: 10px 10px 10px 15px;
		color: #ccc;
		text-decoration: none;
	}
	nav.mobile ul li li li a { /* appearance of third level sub-level links if needed */
		background: #37424e;
		position: relative;
		display: block;
		padding: 10px 10px 10px 25px;
		color: #000;
		text-decoration: none;
	}
	
	nav.mobile ul li span.click{/* dropdown menu idicator arrow be sure to include this image with your image files */ 
		background:url(../siteart/menu-arrow.png) 10px 12px no-repeat;
		background-size:55%;
		position:relative;
		display:block;
		float:right;
		margin:-44px 0 0 0;
		cursor:pointer;
		z-index: 12399994;
		width:44px;
		height:44px;
		-webkit-transition:background-size .3s ease-in-out;
		-moz-transition:background-size .3s ease-in-out;
		transition:background-size .3s ease-in-out;
	}
	nav.mobile ul li span.click:hover{
		background-size:60%;
	}
	
	.logo{width:100%; margin:0; text-align:center;}
	aside {width:100%; text-align:center;}
	aside img {width:19%; margin:25px 2.5% 0 2.5%;}
	address .contact-info {text-align:center;}
	.main {padding:35px 0;}
	.main .bg-equipment img{width:75%;}
	article {width:100%;}
}

@media screen and (max-width: 685px) {
	address .contact-info {margin:4px 0; width:100%; padding:0; border-right:none; text-align:center;}
	address .contact-info:nth-of-type(1) {margin:12px 0 4px 0;}
	address .contact-info:nth-of-type(4) {margin:4px 0 12px 0;}
}

@media screen and (max-width: 500px) {
	aside img {display:none;}
}