﻿/* 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 { 
     
    padding: 0;  
    border: 0;  
    outline: 0;  
    background: transparent;  
}

ol, ul {}
blockquote, q {quotes: none;}  
blockquote:before, blockquote:after, q:before, q:after {content: '';}  



.container {background:#fff !important;}
/* TEXT/LINK FORMATTING
------------------------------------------------*/

	/* LINKS */
	a:link, a:visited {
		color:#098cc3;
		text-decoration:none;
	}
	a:hover, a:active {
		color:#AA7A10;
		text-decoration:none;
	}

	/* PARAGRAPH/LIST/GENERAL TEXT */
	p, ul, li {font-size: 16px; line-height:1.3; font-family:"Gill Sans", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;}

	/* HEADERS */
	h1, h2, h3, h4 ,h5 ,h6 {line-height: normal; font-weight:600; font-family:"Gill Sans", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;}
	h1, .title-h1 {font-size:30px; color:#098cc3; font-weight:600;}
	h2, .title-h2 {font-size:26px; color:#EAEAEA; }
	h3, .title-h3 {font-size:24px; color:#098cc3;}
	h4, .title-h4 {font-size:18px;}
	h5, .title-h5 {font-size:18px; color:#eaeaea; font-weight:lighter; line-height:2; }
	h6, .title-h6 {font-size:14px;}


/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {clear: both;}
.left {float:left;}
.right {float:right;}

body {
	margin:0;
	min-width:300px;
	line-height:12px;
	font-family:Arial, Helvetica, sans-serif;
}

::selection {
	color:#fff;
	background: #356088;
}
::-moz-selection {
	color:#fff;
	background: #356088;
}

/* HEADER
------------------------------------------------*/	
header {
	width:100%;
	margin:0 auto;
	background:#fff;
}	

.headerinset {
	max-width:1200px;
    margin:0 auto;
	padding:20px 2%;
	box-sizing: border-box; 
}

/* LOGO
------------------------------------------------*/	
.logo {
	float:left;
    max-width:300px;
	width:100%;
	margin-right:2.4em;
}	

.k-logo {
	float:right;	
	margin-top:-26px;
	padding-right:325px;
}
	

/*  MAIN
------------------------------------------------*/	
.main {
	width:100%;
	background:#fff;
	color:#363636;
	padding:0;
}

.herocontainer {
	max-height:620px;
	height:100%;
	width:100%;
	overflow:hidden;
	position:relative;
}

.heroimage {
	position:inherit;
	background-size:cover;
	width:100%;
	height:100%;
}

.dividebar {
	height:19px;
	width:100%;
	background:url(../siteart/BAR-BACKGROUND.png) repeat-x;
}

.maininset {
	max-width:1060px;
	margin:70px auto;
	padding:0 10px;
}

.maintext {
	width:70%;
	vertical-align:top;
	margin:0;
	display:inline-block;
	position:inherit;
	padding:0 10px 0 0;
}

.map {
	width:68%;
	vertical-align:top;
	margin:0;
	display:inline-block;
	position:inherit;
	padding:0 10px 0 0;
}

.mainimage {
	width:28%;
	text-align:right;
	display:inline-block;
}

.sidetext {
	width:28%;
	text-align:right;
	display:inline-block;
	margin-top:23px;
	vertical-align:top;
}

.inventoryinset {
	max-width: 1520px;
	margin:30px auto 20px;
	padding:0 10px;
}

.inventoryinset button.ts-button:not(.section-head):not(.filter-clear-all):not(.close) {
	background: #098cc3!important; 
	color: #fff!important; 
}

.inventoryinset button.ts-button:not(.section-head):not(.filter-clear-all):not(.close):hover {
	background: #AA7A10!important; 
	color: #000!important; 
}

.ts-modal-header h2 { 
	color: #000!important; 
}

/*  ARTICLE
------------------------------------------------*/
article {
	width:100%;
	background:#eaeaea;
	padding:40px 0;
	height:160px;
}

.articleinset {
	max-width:1060px;
    margin:0 auto;
	text-align:left;
}

.quicklinks {
	display:inline-block;
	text-align:center;
	width:24.6%;
}

.quicklinks:hover {
	border-bottom:5px #efe716 solid;
}

.quicklinks img {	
	max-width:100%;
}

.inventorylinks {
	display:inline-block;
	text-align:center;
	width:15%;
	margin:0 4.8%;
}

.inventorylinks:hover {
	border-bottom:5px #efe716 solid;
}

/*  SECTION
------------------------------------------------*/
.profooter {
	width:100%;
	background:#0f0f0f url(../siteart/diamonlplate.png) repeat;
	color:#eaeaea !important;
	line-height:1.3;
	padding:30px 0;
	display: flex; 
	justify-content: center; 
	text-align: left; 
}

.profooterinset {
	max-width:1060px;
	width:100%;
}

.contact {
	vertical-align:top;
	width:24%;
	margin-right:11px;
	display:inline-block;
}

.socialmedia {
	width:49%;
	display:inline-block;
	overflow:hidden;
}

.ourteam {
	width:24%;
	display:inline-block;
	float:right;
}
/* AD ON HOMEPAGE 
------------------------------------------------*/	
.bluebox{
	border:solid #efe716 4px;
	text-align:center;
	padding:10px;
}
.blueboxheading{
	text-transform:uppercase;
	font-weight:600;
	font-size:25px;
	color:#098cc3;
}
.blueboxsubheading{
	text-transform:uppercase;
	font-weight:600;
	font-size:20px;
	color:#999999;
}
.blueboxtext{
	max-width:500px;
}
.blueboxtext a:hover{
	color:#efe716;
}

.fb-page { width: 100%!important; }


/* ADDRESS
------------------------------------------------*/	
address {
}

  

/*  FOOTER
------------------------------------------------*/
footer {
	padding:25px 0;
	background:#fff;
}

.footerinset {
	max-width:1060px;
	margin:0 auto;
}

.kinze-logo {margin:10px; width:18%;}
/*  Stylized Footers 
------------------------------------------------*/
.divfooter {
	max-width:590px;
	/***** Truck 750px   Machine 680px   Tractor 590px   Controller 680px  AuctionTime 560px *****/
	color:#363636;
	margin:0 10px 0 auto;
	line-height:1;
	display:inline-block;
	float:right;
	text-align:right;
}

.footertext{
	color:#363636;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
}

a.footerlink:link, a.footerlink:visited, a.footerlink:active{
	color:#098cc3;
	font-size:13px;	
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
}

a.footerlink:hover {
	color:#0f0f0f;
	font-size:13px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}

.smallfootertext{
	color:#363636;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}

.k-logo{padding-right:0px;}

/*--------Inventory Styles---------*/
.hosted-content .listings-wrapper .listings-list .listing-banner h2, .hosted-content .listings-wrapper .list-container .listing-banner h2 {color: #098cc3;}

.list-content .listing-portion-title{
	color: #098cc3;
}

.view-listing-details-link{
	color: #fff !important;
	background-color: #098cc3 !important;
	
}
.dealer-info{
	line-height: normal!important;
}
.contact-info-heading h2{
	color: #098cc3 !important;
}
.detail-price{
	color: #098cc3 !important;
}
.detail-additional-data .data-row .data-label{
	background-color: #098cc3 !important;
}
.faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-name{
	margin-left: 3px;
}

.contact-options a{
	background-color: #098cc3 !important;
}
.fin-calc-mobile>a{
	background-color: #098cc3 !important;
}
.detail-contact-bar .contact-bar-btn{
	background-color: #098cc3 !important;
}
input[type=submit], button, .btn, .button{
	background-color: #fff !important;
}

@media screen and (max-width: 1220px){
	.k-logo { margin-top: -80px; }
}

@media screen and (max-width:1080px) {
.logo {float:none; margin:0}
.headerinset{text-align:center;}
.k-logo{margin-top:-25px;}
}
@media screen and (max-width:950px){
.maintext {width:100%;}
.mainimage {display:none;}
.contact {width:80%; margin:0 auto; display:block; text-align:center;}
.socialmedia {width:80%; margin:20px auto; display:block; text-align:center;}
.ourteam {width:80%; margin:0 auto; display:block; float:none; text-align:center;}

.k-logo{margin-top: -100px;}

}
@media screen and (max-width:900px){
article {display:none;}
}
@media screen and (max-width:850px){
.articleinset {
    max-width: none;
    margin: none;
    text-align: none;
    width: 100%;
}
.inventorylinks {
    display: inline-block;
    text-align: center;
    width: 45%;
    padding: 10px;
   margin:0;
}
}
@media screen and (max-width:800px){
.sidetext {width:100%; text-align:center; display:block; margin-top:23px;}
.map {width:100%;}
h1, .title-h1 {text-align:center;}
.kinze-logo {display:block; width:261px; margin:0 auto;}
.divfooter {float:none; display:block; max-width:590px; margin:20px auto; text-align:center;}
	.k-logo { float: left; margin-top: -25px; }
}
@media screen and (max-width:450px){
	
}
@media screen and (max-width:450px){
.inventorylinks {
    width: 100%;
}

}