@charset "UTF-8";

/* 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: '';}  
	

/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
body {font-size:100%; font-family: 'Inter', sans-serif; background:#fff;}

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

/* CONTENT */
.content {width:85%; margin:0 auto;}

/* 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:36px; font-weight:700; text-transform:uppercase; font-family: 'bankgothic_lt_btlight';}
h1 span {color:#fccc0a;}
h2 {font-size:34px; font-weight:normal;}
h3 {font-size:30px; font-weight:normal; font-family: 'bankgothic_lt_btlight';}
h4 {font-size:28px; font-weight:normal; color:#fccc0a; font-family: 'bankgothic_lt_btlight';}
h5 {font-size:24px; font-weight:normal;}
h6 {font-size:20px; font-weight:700; font-style:italic;}

/* LINKS */
a:link, a:visited {color:#202020; text-decoration:underline; -webkit-transition:.5s ease; -moz-transition:.5s ease; -o-transition:.5s ease; transition:.5s ease;}
a:hover, a:active {color:#f30601; text-decoration:none; -webkit-transition:.5s ease; -moz-transition:.5s ease; -o-transition:.5s ease; transition:.5s ease;}

a[href^="tel:"] {color:#202020;  text-decoration: none;}

/* IMAGES */
img {display:block;}

/* TEXT EMPHASIS */
cite, em, i {font-style:italic;}
b, strong{font-weight:700;}

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

/* HIDDEN */
.hidden {display:none;}

/* LOCATION MAP */
.location-map {width:100%; height:auto; min-height:375px; display:block; border-bottom:3px #eec624 solid;}


/* HEADER STRIPE
------------------------------------------------*/	
.stripe {width:100%; height:4px; margin:8px 0 0 0; z-index:10; position:absolute; background:#eec624;}	


/* HEADER
------------------------------------------------*/	
header {padding:48px 5% 40px 5%; z-index:0;}
header .logo {font-size:48px; font-family: 'bankgothic_md_btmedium'; color:#fff; text-transform:uppercase; float:left; position:relative;}
header .logo span {color:#fccc0a;}
header .logo a:link, header .logo a:visited {color:#fff; text-decoration:none;}
header .logo a:hover, header .logo a:active {color:#a2a2a2; text-decoration:none;}

header .phone {font-size:26px; font-weight:600; font-style:italic; text-align:right;}
header .phone  a[href^="tel:"] {color:#dbdbdb;  text-decoration: none;}
header .location {font-size:18px; font-weight:100; color:#b8b8b8; letter-spacing:1px; text-align:right;}
	

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

nav.primary {
	padding:0 5%;
	margin:0;
	width:90%;
	z-index: 500;
	position:relative;
	box-sizing:content-box; 
	background: #eec624;
	border-top:1px #eec624 solid;
	border-bottom:3px #dcb61a solid;
}

nav.primary ul {margin:0 auto; padding:0; border-left:1px #e5ba0d solid; border-right:1px #ebc014 solid;}
nav.primary ul li {margin:0; paddding:0; float:left; list-style-type:none; width:14.2%;}
nav.primary ul li:hover, nav.primary ul li:focus, nav.primary ul li:active {color: #202020;}
				
nav.primary ul li a {
	display:block;
	color:#1a1a1a;
	font-weight:500;
	font-size:1.25em;
	line-height:60px;
	text-decoration:none;
	padding:0;
	margin:0;
	border-right:1px #e5ba0d solid;
	border-left:1px #ebc014 solid;
	text-align:center;
	text-transform:uppercase;
	-webkit-transition:.5s ease;  
	-moz-transition:.5s ease;  
	-o-transition:.5s ease;  
	transition:.5s ease;	
}	

nav.primary ul li a:hover {color:#5b5b5b; line-height:54px; margin:0 0 6px 0; border-right:1px #eec624 solid;
background: rgb(226,187,29);
background: -moz-linear-gradient(top, rgba(226,187,29,1) 0%, rgba(238,198,36,1) 100%);
background: -webkit-linear-gradient(top, rgba(226,187,29,1) 0%,rgba(238,198,36,1) 100%);
background: linear-gradient(to bottom, rgba(226,187,29,1) 0%,rgba(238,198,36,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2bb1d', endColorstr='#eec624',GradientType=0 );}

/*  SUB NAV
------------------------------------------------*/
nav.primary ul ul{border-left:0; border-right:0;}

nav.primary ul li li {width: 230px;}
nav.primary ul li li a:link, nav.primary ul li li a:visited{
	font-size:1em;
    line-height:15px;
	padding:13px 0;
	text-indent:20px;
	color:#fff;
	background: #181818;
	width: 230px;	
	text-align:left;
	border-right:none;
	border-left:none;
	text-transform:none;
}

nav.primary ul li li a:hover,nav.primary ul li li a:active {color:#f4f4f4; margin:0; text-indent:26px; background:#222;}

/*  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:25px 5%; background:#f8f8f8;}


/*  SLIDESHOW
------------------------------------------------*/
.cycle-slideshow {width:100%; line-height:0; z-index:10; position:relative; border-bottom:4px #131313 solid;}
.cycle-slideshow img{width:100%; z-index:5 !important; position:relative;}


/*  SLIDESHOW - PAGER
------------------------------------------------*/
.cycle-slideshow .cycle-pager {text-align:center; width: 100%; z-index: 500; position: absolute; bottom:5%; overflow: hidden;}
.cycle-slideshow .cycle-pager span {font-family: arial; font-size: 50px; line-height:50px; width: 16px; height: 16px; display: inline-block; color: #ddd; cursor: pointer;}
.cycle-slideshow .cycle-pager span.cycle-pager-active {color:#f4d143;}
.cycle-slideshow .cycle-pager > * {cursor:pointer;}


/*  SLIDESHOW - PREV / NEXT
------------------------------------------------*/
.cycle-slideshow .cycle-prev, .cycle-slideshow .cycle-next {position:absolute; top:0; width:30%; opacity:.3; filter: alpha(opacity=30); z-index: 800; height: 100%; cursor: pointer;}
.cycle-slideshow .cycle-prev {left:0;  background:url(../siteart/slides/controls/left.png) 10% 50% no-repeat;}
.cycle-slideshow .cycle-next {right:0; background:url(../siteart/slides/controls/right.png) 90% 50% no-repeat;}
.cycle-slideshow .cycle-prev:hover, .cycle-slideshow .cycle-next:hover {opacity:.5; filter: alpha(opacity=50);}


/*  ARTICLE
------------------------------------------------*/
article {padding:35px 0; font-size:16px; line-height:20px;}
article h1 {margin:0 0 4px 0;}
article p {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -moz-column-gap: 4.5em; -webkit-column-gap: 4.5em; column-gap: 4.5em;}


/*  INVENTORY CATEGORIES
------------------------------------------------*/
.inventory-categories {padding:5px 0 25px 0; display:flex; flex-flow:row wrap; justify-content:space-between; align-self:center;}
.inventory-categories .category {width:18%; margin:60px 1% 0 0; background:#f2f2f2;}
.inventory-categories .category img {margin:-35px auto 8px auto; z-index:15; position:relative; width:90%;}
.inventory-categories h3 {color:#fff; font-size:15px; text-align:center; text-transform:uppercase;}
.inventory-categories h3 a {display:block; padding:15px 5%;}
.inventory-categories h3 a:link, .inventory-categories h3 a:visited {color:#fff; text-decoration:none; background:#454343;}
.inventory-categories h3 a:hover, .inventory-categories h3 a:active {color:#6A6A6A; text-decoration:none; background:#B5B5B5;}
.inventory-categories .inv-stripe {width:100%; height:4px; margin:8px 0 0 0; z-index:10; background:#eec624;}	


/*  INVENTORY
------------------------------------------------*/	
.inventory {padding:45px 6.5%; background:#f8f8f8;}


/*  HOSTED CONTENT
------------------------------------------------*/	
.hosted-content h1 {font-size:35px; font-weight:700; letter-spacing:1px; text-transform:none; font-style:italic; color:#363636; font-family: 'Inter UI', sans-serif;}
.hosted-content .listings-wrapper .listings-list .listing-banner {background:#e0e0e0 !important;}
.hosted-content h2 {font-size:26px !important; letter-spacing:1px; line-height: 2em; }
.hosted-content h3 {font-size:24px; line-height:1.8em; font-weight:700; color:#505050 !important; font-family: 'Inter UI', sans-serif;}
.hosted-content h5 {font-size:18px !important;}
.hosted-content .listings-wrapper .listings-list .listing-name {font-size:18px; line-height:24px !important;}
.hosted-content .listings-wrapper .listings-list .equip-details {font-size:16px; line-height:22px !important;}
.hosted-content .listings-wrapper .listings-list .price {font-size:16px;}
.hosted-content .listings-wrapper .listings-list .dealer-info {font-size:16px; line-height:22px !important;}
.hosted-content label {font-size:16px !important; line-height:22px !important;}
.hosted-content .listings-wrapper .listings-list {font-size:14px !important;}
.hosted-content .widget-express, .hosted-content .widget-nah, .hosted-content .widget-ps {}

.hosted-content a.widget-email {color:#202020 !important; background:#eec624 !important;}
.hosted-content .btn {height:34px !important; background: #202020 !important;}

.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input {margin:0 3px 0 0 !important;}
.list-top-section .list-title .list-listings-count, .list-content .price-container .price, .listing-prices__retail-price, .detail__share-heading {color:#202020 !important;}
.view-listing-details-link {text-decoration:none !important; color:#202020 !important;background: #eec624 !important;}
.list-content .list-listing h4.dealer-name{color:#202020 !important; }

/*  LOWER
------------------------------------------------*/	
.lower {margin:45px 7.5%; text-align: center;}


/*  SECTION
------------------------------------------------*/
.lower section {margin:45px 0; padding:15px 25px 25px 25px; color:#fff; background:#282828;}
.lower section .details {width:50%; float:left; position:relative; font-size:17px; line-height:22px;}
.lower section .details .list-wrap {padding:15px 0; display:flex; flex-flow:row wrap; justify-content:space-between;}
.lower section .details .details-list {color:#fff; margin:15px auto; padding:0 3%;}
.lower section .details a:link, section .details a:visited {color:#fff; text-decoration:underline;}
.lower section .details a:hover, section .details a:active {color:#eec624; text-decoration:none;}
.lower section .details a[href^="tel:"] {color:#fff;  text-decoration: none;}
.lower section .divider {height:1px; margin:12px 0; background:#f3f3f3;}


/*  ASIDE
------------------------------------------------*/
aside {width:40%; float:right; position:relative; margin:0 0 0 5%;}
aside img {width:100%; border-bottom:3px #fbcc0d solid;}
aside .location-map {width:100%; height:auto; min-height:225px;}


/* ADDRESS
------------------------------------------------*/
address {margin:45px 0; font-style:normal; color:#fbfbfb; display:flex; flex-flow:row wrap; justify-content:space-between;}
address .contact {width:19%; font-size:17px; line-height:22px; padding:20px .5% 25px 1.5%; margin:0 1% 0 0; color:#fbfbfb; background:#999;}
address .contact h5 {margin:0 0 4px 0;}
address .contact a:link, address .contact a:visited {color:#fff; text-decoration:underline;}
address .contact a:hover, address .contact a:active {color:#eec624; text-decoration:none;}
address .location-map {width:78%; height:320px; min-height:320px;}


/* FORM
------------------------------------------------*/
.consignment-form .three-cells {width:32.33%; *width: 32%; box-sizing: border-box;}
.consignment-form .full-cell {width:99.6% !important;}
.consignment-form .last {margin-right:0 !important;}

.consignment-form {display:flex; flex-flow:row wrap; justify-content:space-between;}
.consignment-form .note {font-size:12px; font-style:italic; color:#777; text-align:center; margin:8px 0 0 0;}

.consignment-form input[type="text"], .consignment-form select {
	margin:6px 1% 9px 0;
    padding:12px;
    font-size: 15px;
    background-color: #F4F4F4;
	border-top:0; border-right:0; border-left:0; border-bottom: 1px solid #bebebe;
	box-sizing: border-box; -webkit-border-radius:0; border-radius:0;
}

.consignment-form input[type="text"]:focus, .consignment-form select:focus {background-color:#fcfcfc; margin:6px 1% 8px 0; border-bottom: 2px #dcb61a solid;}

.consignment-form textarea {width:100%; height:200px; margin:2px 0; padding: 4px 8px; font-size: 15px;
    background-color: #f9f9f9; border: 1px solid #bebebe;
	box-sizing: border-box; -webkit-border-radius:0; border-radius:0;}

.consignment-form textarea:focus {background-color:#FCFCFC; border: 1px #7C7C7C solid;}

.consignment-form input[type="submit"] {height: 46px; padding:0 20px; margin:10px 0 0 0; font-size: 16px; color: #fff; background: #3a3a3a;
	border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; outline: none; border: none;
	transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;
	-webkit-border-radius:0; -webkit-appearance: none; border-radius: 0;}

.consignment-form input[type="submit"]:hover {color: #202020; background:#f7c200; letter-spacing:.5px; transform:scale(1.01,1.01); box-shadow:0 0 2px #333333; cursor:pointer; -webkit-border-radius:0; -webkit-appearance: none; border-radius: 0;}


/*  CAPTCHA
------------------------------------------------*/
.CaptchaPanel {margin:10px auto !important; padding:0 !important; line-height:normal !important; text-align: center !important;}
.CaptchaPanel input{width: 200px !important; margin:0 auto !important; background-color: #f9f9f9; padding:5px 0; -webkit-border-radius:0; -webkit-appearance: none; border-radius: 0;}
.CaptchaImagePanel {margin:0; padding:0;}
.CaptchaMessagePanel {padding:0 !important; margin:0 !important; font-weight:normal !important; font-size:16px; line-height:1.4;}
.CaptchaAnswerPanel {margin:0; padding:2px 0px 15px 0px !important;}
.CaptchaWhatsThisPanel {line-height: 0; margin:0; padding: 0px 0 0px 0 !important; font-size: 16px;}
.CaptchaWhatsThisPanel a {color:#828282;}
.CaptchaWhatsThisPanel a:hover {color:#202020; text-decoration:none;} 


/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {width:100%; height:90px; overflow:hidden; background:#d9d9d9; padding:20px 0;}
.scrolling{width:100%; height:90px;}


/*  FOOTER
------------------------------------------------*/
footer {padding:45px 5% 55px 5%; border-top:3px #2e2e2e solid; color:#fff; font-size:17px; line-height:24px; background:url(../siteart/footer-bg.jpg) no-repeat center center; background-size:cover;
display:flex !important; flex-flow:row wrap-reverse; justify-content:space-between;}

footer .links {padding:0 1%;}
footer a:link, footer a:visited {color:#fff; text-decoration:none;}
footer a:hover, footer a:active {color:#a2a2a2; text-decoration:none;}
footer .links a {font-size:18px;}
footer a[href^="tel:"] {color:#fff;  text-decoration: none;}
footer .logo {font-size:40px; font-family: 'bankgothic_md_btmedium'; color:#fff; text-transform:uppercase; padding:24px 0 30px 0;}
footer .logo span {color:#fccc0a;}
footer .logo a:link, footer .logo a:visited {color:#fff; text-decoration:none;}
footer .logo a:hover, footer .logo a:active {color:#a2a2a2; text-decoration:none;}



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

@media screen and (max-width: 1550px) {
	nav.primary ul li a {font-size:1em;}
	.inventory-categories h3 {font-size:20px;}
	section .details {width:100%;}
	aside {width:100%;}
	aside img {display:none;}
	aside .location-map {min-height:300px; margin:10px 0 25px 0;}
	address .contact {font-size:15px; line-height:20px;}
	address .contact h5 {font-size:20px;}
}
	
@media screen and (max-width: 1200px) {
	nav.primary ul li a {font-size:.9em;}
	.inventory-categories h3 {font-size:20px;}
	address .contact {display:none;}
	address .location-map {width:100%;}
	
	.consignment-form .three-cells {width:100%; *width: 100%;}
	.consignment-form .full-cell {width:100% !important;}

	.consignment-form input[type="text"] {margin:6px 0 9px 0;}
}

@media screen and (max-width: 1024px) {
	.content {width:92%; margin:0 4%;}

	nav.primary{display:none;}
	#menu-button{width:90%; padding:0 5%; display: block; font-size: 1.25em; line-height:60px; position: relative; z-index: 400; background: #eec624; border-top:1px #eec624 solid; border-bottom:3px #dcb61a solid; box-sizing:content-box; }
	#menu-button a{color:#1a1a1a; text-decoration: none; text-transform:uppercase; padding:0 0 0 .8em; font-weight:100;}
	
	
	nav.mobile {
		display:block;
		position: fixed;
		top: 0;
		left: -285px;
		width: 285px;
		height: 100%;
		z-index: 500;
		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;
		font-family: 'Inter UI', sans-serif;
	}			
	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;}
	nav.mobile .menu-toggle:hover {color: #fff;}
	
	nav.mobile ul li .fa-chevron-down {position:absolute; right:10px; margin:18px 0 0 0;}
	
	/* 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:right;
		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 #eec624 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 35px 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:#292929; position:relative; text-align:center; font-size:16px; line-height:16px; padding:15px 0;}
	
	
	article p {-webkit-column-count:1; -moz-column-count:1; column-count:1; -moz-column-gap:0; -webkit-column-gap:0; column-gap:0;}
	article .hidden {display:block !important;}
	.inventory-categories {margin:55px 0 0 0;}
	.inventory-categories .category {width:48%; margin:0 1% 55px 0; }
	.inventory-categories h3 {font-size:24px;}
	section .details .list-wrap {text-align:center;}
}	


@media screen and (max-width: 815px) {
	header {padding:40px 5% 32px 5%;}
	header .logo {font-size:48px; margin:0 0 12px 0; width:100%; text-align:center;}
	header .phone {text-align:center;}
	header .location {text-align:center;}
}

@media screen and (max-width: 680px) {
	.inventory-categories h3 {font-size:18px;}
	footer {padding:45px 5% 55px 5%; border-top:3px #2e2e2e solid; color:#fff; font-size:17px; line-height:24px; flex-flow:row wrap;}
	footer .links {padding:20px 20px 35px 20px; text-align:center;}
	footer .logo {display:none;}	
}

@media screen and (max-width: 500px) {
	header .logo {font-size:38px;}
	header .phone {font-size:20px;}
	header .location {font-size:16px;}	
	.cycle-slideshow {display:none;}
	.inventory-categories .category {width:100%; margin:0 0 55px 0; }
	.inventory-categories .category:nth-of-type(even) {margin:0 0 55px 0;}
	.inventory-categories .category:nth-of-type(4) {margin:0;}
	.inventory-categories h3 {font-size:24px;}
	aside .location-map {display:none;}	
	address .contact {display:block; width:100%; height:auto; padding:20px 0 25px 0; margin:0; text-align:center;}
	address .location-map {display:none;}
	.scrolling-wrap {display:none;}
}

@media screen and (max-width: 320px){
	header .logo {font-size:33px;}
}