/* RESET 
------------------------------------------------*/
.applyme {
    position: relative;
    margin: 0 auto;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
}

.applyme > * {
    position: relative;
    margin: 0 auto;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
}

ol, ul {}
blockquote, q {quotes: none;}  
blockquote:before, blockquote:after, q:before, q:after {content: '';}  

/* INVENTORY-LAYOUT FORMATTING
------------------------------------------------*/
.container {background:rgba(255,255,255,.7) !important; background:#fff;}
.listing-smallcard-inner {background:#fff;}

.prea {margin: auto; height: 380px; display: block;}
.pret {    font-size: 17px;
    color: #363636;
    line-height: 1.4; text-align: center;}

/* TEXT/LINK FORMATTING
------------------------------------------------*/

	/* LINKS */
	a:link, a:visited {color:#000; text-decoration:underline;}
	a:hover, a:active {text-decoration:none;}
    
    ::selection {color:#fff; background: #356088;}
    ::-moz-selection {color:#fff; background: #356088;}

	/* PARAGRAPH/LIST/GENERAL TEXT */
	p, ul, li {font-size: 17px; color:#363636; line-height:1.4;}
    .white {color:#fff;}
    .red {color:#9f2d2c;}

	/* HEADERS */
	h1, h2, h3, h4 ,h5 ,h6 {line-height: normal;}
	h1 {font-size:30px; color:#9f2d2c;}
	h2 {font-size:26px; color:#9f2d2c; line-height:1.2;}
	h3 {font-size:20px;}
	h4 {font-size:20px; line-height:1.3; color:#363636; font-weight:700;}
	h5 {font-size:15px;}
	h6 {font-size:14px;}
	
/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
* {box-sizing:border-box;}
.clear {clear: both;}

body {
	min-width:320px;
	width:100%;
	margin:0;
    background:url(../siteart/BACKGROUND-jd-combine-2.jpg) !important;
    background-size:cover !important;
	overflow-x:hidden !important;    
    background-attachment: fixed !important; 
	font-family: 'Cantarell', sans-serif;
    -webkit-text-size-adjust:none;
}

.flex {display:flex; flex-wrap:wrap; width:100%; padding:10px 0; justify-content:space-between;}

.wrap {max-width:1280px; margin:20px auto; padding:5px 15px; background:#fff; background:rgba(255,255,255,0.60);}
.inner {max-width:1060px;}

.holder {width:100%; padding:10px 0;}
.white-bkg {background:#fff;}

.hide-600 {display:block;}
/* HEADER
------------------------------------------------*/	
header {
    position:relative;
	width:100%;
	height:auto;
	margin:0 auto;
    padding:0;
	background:url(../siteart/DIAMON-PLATE-bkg.jpg) repeat;
}

.header-inset {width:100%; display: flex; flex-direction: column; padding-bottom: 20px;}
.header-inset-right {width:100%; display: flex; flex-direction: column; padding-bottom: 20px; align-items: flex-end;}
.header-main {width:100%; padding:20px 20px 0px; display: flex; flex-direction: row;}


/* LOGO
------------------------------------------------*/	
.logo {
	width:100%;
	max-width:324px;
    margin:0;
	z-index:9;
}

.logo img {display:block; width:100%; margin-bottom:5px}





.heading-info {color:#fff; position: relative; bottom: 31px;}
    

/*  QUICKLINKS
------------------------------------------------*/
.quicklink {
	position:relative;
	display:inline-block;
	width:31.83333%;
	min-width:280px;
	height:auto;
	margin:0 0 10px 0;
	padding:0;
	box-sizing:border-box;
	transition: all .3s ease-in-out; 
    box-shadow:0px 1px 5px #363636;
}

.quicklink img {
    display:block;
    width:100%;
}

.quicklink:hover .quicklink-caption {height:100%; background:rgba(216, 38, 38, 0.2);}

.quicklink-caption {
    position: absolute;
    display: block;
    width: 100%;
    height: 60px;
    bottom: 0;
    background: #5a5a5a;
    background:rgba(90,90,90,0.60);
    text-align: center;
    font-weight: 600;
    line-height: 45px;
	transition: all .3s ease-in-out; 
    box-shadow:0 0 5px #363636;
}

.quicklink span {
	padding: 0 15px;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-size: 27px;
    color: #fff;
    text-shadow:0 2px 3px #363636;
}

/* HERO
------------------------------------------------*/
.cycle-slideshow-contain {margin:40px auto;}
.cycle-slideshow {
	position:relative;
	width:100%;
	box-sizing:border-box;
}

.cycle-slideshow > img{
	width:100%;
    display:block;
}

.hero-caption {
   font-weight:700; 
    width:100%;
    margin:0 auto;
    padding:10px 0 20px;
    text-align:center;
}

.hero-caption span {
    font-size:42px;
}
/*  MAIN
------------------------------------------------*/
.contact-bar {
    display:flex;
    padding:5px 0;
    background:#fff;
    text-align:center;
    box-sizing:border-box;
    font-size:24px;
}

.contact-bar-third {
    margin:0 auto;
    display:inline-block;
}

.main {
	position:relative;
	width:100%;
	margin:40px auto;
    padding:0px 20px 20px;
	box-sizing:border-box;
}

.fullpage {
	display:block;
	width:100%;
	margin:0px auto;
	padding:10px;
	background:#fff;
	box-sizing:border-box;
}

.fullpage-btn {
    display:block;
    width:100%;
    margin:10px auto; 
    padding:5px;
    font-size:18px;
    text-align:center;
    text-decoration:none !important;
}

.fullpage-btn:hover {
	transform:scale(1.01,1.01);
	box-shadow:0 0 2px #333333;
}

.bobcat-btn {background:#363636; color:#fff !important;}
.agco-btn {background:#9f2d2c; color:#fff !important;}


.build-btn {position:relative; display:block;  margin:0 10%; transition: all .3s ease-in-out; }
.build-btn img {display:block; width:100%;max-width:350px;}
.build-btn:hover {transform:scale(1.01,1.01); opacity:0.7}

.third-page {
    display:inline-block;
/*    width:33.3333%;*/
    *float:left;
    padding-right:40px;
    vertical-align:top;
    box-sizing:border-box;
	display: flex;
	flex-direction: row;
}

.two-third-page {
    display:inline-block;
    width:66.6666%;
    *float:left;
}

.two-third-page img {
    display:block;
    max-width: 500px;
    width:100%;
    margin:10px auto;
    float:right;
}

.quarterpage {
    width:25%;
    display:inline-block;
    vertical-align:top;
}
    
/*  MANU
------------------------------------------------*/
.manu {margin:40px auto;}
.manu img {margin:10px auto;}

/*  SCROLLING
------------------------------------------------*/
.scrolling-holder {
	width:100%;
	display:block;
	margin:20px auto 0;
	padding:10px 10px 5px;
	background:#fff;
    overflow:hidden;
	box-sizing:border-box;
    overflow-y:hidden;
}

.scrolling{
    width:100%;
    height:92px;
}

.scrolling img{
    width:100%;
    height:92px;
}

.attachment-search .search-checkboxes label .row input[type="checkbox"]{-moz-appearance:checkbox !important;-webkit-appearance:checkbox !important;-o-appearance:checkbox !important;-ms-appearance:checkbox !important;appearance:checkbox !important;}

/*  RENTAL INV
------------------------------------------------*/
.rental-table {display:block; max-width:1060px; width:100%; margin:0 auto; padding:40px 0;}
.row-odd {background:#eaeaea; margin: 3PX 0; padding: 3PX 0;}
.model {width:25%; min-width:75px; display:inline-block; *display:inline; text-align:left;}
.myprice {width:17.75%; min-width:50px; display:inline-block; *display:inline; text-align:center;}

.rentpics{width:100%;margin:0 auto;text-align:center;}
.photobox{display:inline-block;zoom: 1;*display: inline;vertical-align:top;width:22%;margin:1%;overflow:hidden;position:relative;}
.photobox img,.featherlight-inner img{max-width:100% !important;}
.photobox a{text-decoration:none;}
.photobox p{font-size:15px;}


/*  DETAILED SEARCH
------------------------------------------------*/
.tabs {border:1px solid #fff;}
.tab-list {display:flex;}
.tab {
	display: inline-block;
    width:100%;
	padding: 8px 16px;
	background: #9f2d2c;
    font-size:1.2em;
    text-align:center;
	text-decoration: none !important;
	color: #fff !important;
    border-bottom:none;
    box-sizing:border-box;
}
.const-search {background:#FFC827 !important; color:#363636 !important;}
.tab.active, .tab:hover {
	font-weight: 700;
}
.tab-content {display: none;}
.show {display: block;}
#one {border:3px solid #9f2d2c; box-sizing:border-box;}
#two {border:3px solid #FFC827; box-sizing:border-box;}

.column1 {width:100.00000%; *width: 100%; margin-top:5px; float:left; box-sizing: border-box;}
.column {margin-top:5px; float:left; padding-right: 20px; box-sizing: border-box;}
.half {width:50.00000%; *width: 50%;}
.third {width:33.33333%; *width: 31%;}
.three-fourth {width:66.66666%; *width: 62%;}
.eleventh {width:11%; *width: 11%;}
.three-sixth {width:39%; *width: 39%; margin-top:5px; float:left; padding-right: 20px; box-sizing: border-box;}
.submit-it {position:relative; width:33.33333%; *width: 31%; margin:5px auto 0; box-sizing: border-box;}


.parts{margin:5px auto 10px; font-size:18px;}
.detailed-row{margin:0 auto 10px; font-size:18px;}
.last{padding-right: 0;}
.detailed-search {
  
    background:url(../siteart/DIAMON-PLATE-bkg.jpg) repeat;
	color: #fff; !important;
	margin: auto;
	padding: 20px 10px;
}
.detailed-search:before {
    content: " ";
    top:0;
    bottom:0;
    left:0;
    right:0;

}
    
.detailed-search input[type="text"], select {
    width: 100%;
	margin:2px 0;
    padding: 4px 8px;
    font-size: 14px;
    background-color: #f9f9f9;
    border: 1px solid #bebebe;
	box-sizing: border-box;  
	-webkit-border-radius:0; 
    border-radius:0;
}
.detailed-search input[type="text"]:focus {
    border: 2px solid #5593C9;
}
.detailed-search select:focus {
    border: 2px solid #5593C9;
}
textarea {
	height:100px;
    width: 100%;
	margin:2px 0;
    padding: 4px 8px;
    font-size: 14px;
    background-color: #f9f9f9;
    border: 1px solid #bebebe;
	box-sizing: border-box;  
	-webkit-border-radius:0; 
    border-radius:0;
}
textarea:focus {
    border: 2px solid #5593C9;
}
.detailed-search input[type="submit"] {
    font-size: 16px;
    background: #9f2d2c;
    width: 100%;    
	margin-top:10px;
	height: 46px;
    color: #fff;
    display: inline-block;
    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;
	box-shadow:0 0 1px #333333;
    box-sizing:border-box;
}
.detailed-search input[type="submit"]:hover {
	background:#9f2d2c;
	transform:scale(1.01,1.01);
	box-shadow:0 0 3px #333333;
	cursor:pointer;  
	-webkit-border-radius:0; 
    -webkit-appearance: none;
    border-radius: 0;
}

.list {
	display: flex;
	flex-direction: row;
	gap: 307px;
}

/*  CONTACT FORMS
------------------------------------------------*/
.checkbox {width:100%; *width: 100%; float:none; padding-right: 20px; box-sizing: border-box;}
.hosted-content .checkbox {width:10% !important; *width: 10% !important; float:none; padding-right: 20px; box-sizing: border-box;}

.contact-form {
	position:static;
	color: #363636; !important;
	margin: 80px 0 40px;
	padding: 10px 0 20px;
}

.contact-form input[type="text"] {
    width: 100%;
	margin:2px 0;
    padding: 4px 8px;
    font-size: 14px;
    background-color: #f9f9f9;
    border: 1px solid #bebebe;
	box-sizing: border-box;  
	-webkit-border-radius:0; 
    border-radius:0;
}
.detailed-search input[type="text"]:focus {
    border: 2px solid #5593C9;
}
.detailed-search select:focus {
    border: 2px solid #5593C9;
}
.contact-row{
	margin: 10px 0 5px;
	font-size:18px;
}

.contact-form input[type="submit"] {
    font-size: 16px;
    background: #9f2d2c;
    width: 100%;    
	margin-top:10px;
	height: 46px;
    color: #fff;
    display: inline-block;
    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;
}

.contact-form input[type="submit"]:hover {
	background:#9f2d2c;
	transform:scale(1.01,1.01);
	box-shadow:0 0 2px #333333;
	cursor:pointer;  
	-webkit-border-radius:0; 
    -webkit-appearance: none;
    border-radius: 0;
}

.add-part {
    font-size: 16px;
    background: #9f2d2c;
    width: 100%; 
	height: 30px;
    color: #fff;
    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-appearance: none;
    border-radius: 0;
}

.add-part:hover {
	background:#9f2d2c;
	transform:scale(1.01,1.01);
	box-shadow:0 0 2px #333333;
	cursor:pointer;  
}

/*CAPCHA*/
.CaptchaMessagePanel {
	font-weight:normal !important;
}
/*  FOOTER
------------------------------------------------*/
footer {
	position:relative;
    width:100%;
    bottom:0;
	margin:0 auto;
	padding:20px 120px 20px 0;
	background:#363636;
	box-sizing:border-box;
    font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.fb {
    position:absolute;
    height:85px;
    margin:auto;
    right:20px;
    top:20px;
    bottom:20px;
}

.fb img {display:block; height:100%;}
/*  Stylized Footers 
------------------------------------------------*/
.divfooter {
	max-width:530px;
	/***** Truck 750px   Machine 680px   Tractor 590px   Controller 680px  AuctionTime 560px *****/
	color:#ababaa;
	margin:0 20px;
	line-height:1.3;
	font-size:11px;
	text-align:left;
}

.footertext{
	color:#ababaa;
	font-size:11px;
}

a.footerlink:link, a.footerlink:visited, a.footerlink:active{
	color:#ababaa;
	font-size:11px;	
	text-decoration:underline;
}

a.footerlink:hover {
	color:#ababaa;
	font-size:11px;
	text-decoration:none;
}

.smallfootertext{
	color:#ababaa;
	font-size:11px;
}

@media screen and (max-width:1200px){
	.header-main {
		flex-direction: column;
}
	.header-inset {
		text-align: center;
	}
	
	.header-inset-right {
		align-items: center;
	}
	
	.logo {display:block; width:100%; margin: 0 auto;}
}


@media screen and (max-width: 950px) {
/*.logo {width:46%;}*/
.quicklink {width:47%; margin:12px auto;}
.quicklink:first-child {margin:12px auto;}
.quicklink:last-child {margin:12px auto;}
.contact-bar {display:block; padding:10px 0;}
.contact-bar-third {display:block; margin:5px auto; font-size:20px;}
.third-page {display:block; width:100%;}
.quarterpage {width:50%; display:inline-block; margin-bottom:20px;}
.two-third-page {display:block; width:100%; margin:20px auto 0;}
.two-third-page img {display:none;}
	.list { gap: 100px;}
}
@media screen and (max-width: 750px) {
	.heading-info {bottom: 7px;}
.detailed-row{margin:0 auto;}
.column {margin:5px 0 10px; padding-right:0;}
.half {width:100%;}
.third {width:100%;}
.three-fourth {width:100%;}
.eleventh {width:100%;}
.three-sixth {width:100%;}
.submit-it {width:75%; min-width:260px;}
}
@media screen and (max-width: 600px) {
.hide-600 {display:none;}
.quicklink {width:100%}
footer {padding:20px 0;}
.divfooter {text-align:center;}
.fb {position:static; height:50px; margin:20px auto 0;}
.tabs {border:1px solid #fff;}
.tab-list {display:block;}
.tab {width:100%; padding:16px; border:none; border-bottom:1px solid #fff;}
.tab.active, .tab:hover {padding:24px 16px;}
.tab.active span::after {content:"(selected)"; display:block; font-size:.8em;}
.tab-content {border:1px solid #fff; border-top:none;}
.quarterpage {width:100%; display:inline-block; margin-bottom:20px;}
.build-btn {width:100%;  margin:10px auto; float:none; }
.photobox{width:45%}
	.list {flex-direction: column; gap:30px;}

}

@media screen and (max-width: 480px) {
#heading{font-size:13px;}
.price{width:24.5%;}

}

@media screen and (max-width: 400px) {
#heading{font-size:12px;}
}