/***** BEGIN 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 {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
}

ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}

/***** END RESET *****/


/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-condensed-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('../fonts/roboto-condensed-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v16-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}


/* roboto-condensed-italic - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-condensed-v16-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'),
       url('../fonts/roboto-condensed-v16-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v16-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v16-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v16-latin-italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}


/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-condensed-v16-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'),
       url('../fonts/roboto-condensed-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v16-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v16-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}


/* roboto-condensed-700italic - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/roboto-condensed-v16-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'),
       url('../fonts/roboto-condensed-v16-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v16-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v16-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v16-latin-700italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}




body {
	color:#000;
	font-family: 'Roboto Condensed', sans-serif;
	margin:0;
	font-size:18px;
	-webkit-text-size-adjust: none;
}

td {vertical-align: top;}


/***** Global text link style *****/

a {
    text-decoration:none;
    color:#000;
}
a:hover  {
    text-decoration:underline;
    color:#fff;
}

h1 {
	font-size:40px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:700;
}

h2 {
	font-weight:700;
	font-size:36px;
}

h3 {
	font-weight:400;
	font-size:30px;
}

h4 {
	font-weight:400;
	font-size:26px;
	margin-bottom:15px;
}

h5 {
	font-weight:400;
	font-size:18px;
}


p {
	font-size:18px;
	font-family: 'Roboto Condensed', sans-serif;
}
	 
.wrapper {
	width:90%;
	margin:0 auto;
	max-width:1170px;
}

.wide-wrapper {
	width:96%;
	margin:0 auto;
	max-width:1860px;
}

/*SPANS*/
.red { color:#db2428 /*red*/; }
.white { color:#fff; }
.gray { color:#737373 /*gray*/; font-weight:700; }

/***FORMS***/
input {
	padding:5px;
	box-sizing:border-box;
	width:100%;
	margin:5px 0 10px 0;
	
}

input[type=checkbox],
input[type=radio]{ 
	width: 30px;
}

form {
	vertical-align:top;
	margin:0 auto;
}


 
/*===================== 
                HEADER 
=======================*/
.black-header {
    margin: 0 auto;
	width:100%;
	background:url(../siteart/dark-triangles.png) repeat;
}

.top-bar {
	width: 100%;
    float: none;
    display: block;
    margin: 0 auto;
    position: relative;
    text-align: center;
	vertical-align: top;
}

.small-box-logo {
	width: 25%;
    box-sizing: border-box;
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle;
	float:left;
	padding:20px 0;
}

.small-box-logo img {
	display:inline-block !important;
}

.info-right {
    margin: 0 auto;
    float: left;
    box-sizing: border-box;
    width: 75%;
}

.small-box {
    width: 18%;
    height: auto;
    box-sizing: border-box;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    float: right;
    padding-top: 55px;
	vertical-align: middle;
}

.small-box p {
	color:#db2428;
	font-weight:700;
	font-size:22px;
}

.small-box p:hover {
	text-decoration:none;
	color:#bbbcbe; /*grey*/
}

.small-box a {
	color:#db2428; /*red*/
	text-decoration:none;
	font-weight:700;
	font-size:22px;
}

.small-box a:hover {
	text-decoration:none;
	color:#bbbcbe; /*grey*/
}

/*===================== 
                BODY 
=======================*/
.home-containter {
	width:100%;
	margin: 0 auto;
}

.left-box {
	width:70%;
	float:left;
	margin: 0 auto;
}

.main-pic {
	width:100%;
	height:auto;
	margin: 0 auto;
	background:url(../siteart/mainpic-cropped2.jpg)center center no-repeat;
    background-size: auto auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.main-pic img {
	width:100%;	
	display:block;
}

.main-boxes {
    width: 100%;
    float: none;
    display: block;
    align-content: center;
    margin: 0 auto;
    position: relative;
    text-align: center;
	padding:250px 0;
}

.box {
	text-align:center;
	width:30%;
	height:175px;
	margin: 20px 10px;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
}

/* Category Box */
.categorybox {
	float:left;
	width: 100%;
	height: 100%;
	margin: 0 0 0 0;
	box-sizing: border-box;
	position:relative;
	overflow:hidden;
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-box-shadow: 10px 10px 7px -7px rgba(0,0,0,0.65);
-moz-box-shadow: 10px 10px 7px -7px rgba(0,0,0,0.65);
box-shadow: 10px 10px 7px -7px rgba(0,0,0,0.65);
}

.categorybox .categorybox-title {
	text-align:left;
	width:90%;
	position:absolute;
	top:60%;
	left:50%;
	transform: translate(-50%,-50%); 
	-webkit-transform: translate(-50%,-50%); 
	-ms-transform: translate(-50%,-50%);
	font-size:36px;
	color:#000;
	font-family: 'Roboto Condensed', sans-serif;
	font-style:italic;
	font-weight:700;
	line-height:1em;
	margin:0 0 0 0;
	text-transform:uppercase;
	z-index:99;
	
}

.categorybox .categorybox-title p {
	font-style:normal;
	font-weight:400;
}

.categorybox:after { 
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.8;
	background:#fff;
	transition: .3s all;
	display:block;
}
.categorybox:hover:after {
	background: #DBDBDB;
	opacity: 0.1; 
}

a .categorybox {
	color:#fff;
	-webkit-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease;
}

a:hover .categorybox-title {
	color:#fff;
	text-shadow: 2px 2px 5px #000;
}

/**FINANCING**/
.main-heading {
	border-bottom: #db2428 3px solid; 
	margin:30px 0; 
	padding-bottom:15px;
}

.main-text {
	margin:0 auto;
	width:100%;
	padding:30px 0;
}

.contain5 {
	width:50%;
	margin:0 auto;
	float:left;
	text-align:center;
	box-sizing:border-box;
}

.contain5 img {
	max-width:100%;
	
}

.hvr-shrink {
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    display: block;
    box-sizing: border-box;
    text-align: center;
    margin: 0 auto;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
	-webkit-transform: scale(0.97);
	transform: scale(0.97);
}

/**CONTACT**/
.thin-border {
    padding: 20px;
    border: 1px solid #6B6B6B;
}

.border-left {
	border-left: 1px solid #ccc;
}

.contain {
	padding:20px;
}

.main-heading {
	width:100%;
	margin:0 auto;
	text-align:left;
	padding:10px 0;
}

.contact-text {
	width:70%;
	padding:20px 50px;
	padding-bottom:60px; 
	float:left;
	display:inline-block;
	box-sizing:border-box;
}

.contact {
	width:92%;
	max-width:700px;
	margin: 0 auto;
}

form {
    vertical-align: top;
    margin: 0 auto;
    font-size: 14px;
}

input {
	padding:5px;
	box-sizing:border-box;
	width:100%;
	margin:5px 0 10px 0;
}

textarea {
	padding:5px;
	box-sizing:border-box;
	width:100%;
	margin:5px 0 10px 0;
}

input[type=checkbox],
input[type=radio]{ 
	width: 30px;
}

.blue-button {
	display:block;
	margin-bottom:15px;
	padding:12px 0;
	width:40%;
	margin: 0 auto;
	float:none;
	font-family:'Roboto Condensed', sans-serif;
	background:#db2428;
	color: #fff;
	text-transform:uppercase;
	text-decoration:none;	
}

.blue-button:hover {
	background:#bbbcbe; /*grey*/
	color:#000;
	font-weight:700;
	cursor:pointer;
	border:#000 1px solid;
}

form .blue-button {
	border:#000 1px solid;
}

.side-text {
	float:left;
	width:30%;
	display:inline-block;
	box-sizing:border-box;
	padding-top: 65px;
}

.side-text i {
	text-align:center;
	border: 2px solid #db2428;
	border-radius: 100%;
	width: 71px; 
	height: 71px; 
	line-height: 71px;
	display:inline-block; 
	margin:10px auto;
	vertical-align:middle;
	max-width:100%;
	color:#db2428;
}

.contact-third {
	width:100%;
	max-width:100%;
	max-height:100%;
	height:auto;
	float:left;
	display:inline-block;
	box-sizing:border-box;
	margin:0 1%;
	padding:15px 0;
	padding-right:10px;
	font-size:16px;
	line-height:26px;
	text-align:center;
	color:#000;
}

.contact-third a {
	color:#000;
	text-decoration:none;
}

.contact-third a:hover {
	color:#bbbcbe; /*grey*/
	text-decoration:none;
}

.map {
    align-content: center;
    position: relative;
    width: 100%;
	height:300px;
}

/********************************************Equipment Buttons****************************************/
.background-white {
	background:#fff;
	width:100%;
	margin: 0 auto;
	padding:20px 0;
}

.bigpic {
	width: 100%;
	float:left;	
}

.bigpic img {
	width:100%;
	float:left;	
	border:1px solid #000;
}

.containertwo {
	width:33%;
	float:left;
}

.onefourthone {
	width:80%;
	margin:10px 7% 0;	
	float:left;
	padding:50px 5%;
}

.categoryonefourth {
	width:80%;
	margin:10px 5% 0;	
	float:left;
	padding:5%;
}

.onefourthtwo {
	width:90%;
	margin:0 2.5%;	
	background:none;
	float:left;
	margin-bottom:10px;
}

.onefourthtwo a:hover {
	text-decoration:none;
}

.butone {
	width:100%;
	background:#db2428; 
	color:#fff;
	font-size:18px;
	font-family: 'Roboto Condensed', sans-serif;
	text-align:center;	
	padding:10px 0;
	-webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
	margin:0 3% 20px;
	border:1px solid #000;
}

.butone:hover .fa-arrow-circle-right {
	margin-left:15px;
	margin-right:-10px;
}

.butone:hover {
	background:#fff;
	color:#db2428;
	border:1px solid #db2428; 	
}

.fa-arrow-circle-right {
	margin-left:5px;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;	
}

body a:link {
    -webkit-tap-highlight-color: #db2428;
}


/*===================== 
                FOOTER 
=======================*/
.bottom-wrapper {
	margin: 0 auto;
	width:100%;
	background:url(../siteart/dark-triangles.png) repeat;
	border-top:5px solid #db2428;
}

.bottom-nav {
	max-width:1600px;
	width: 90%;
    float: none;
    display: block;
    align-content: center;
    margin: 0 auto;
    position: relative;
}

.nav-box {
	width: 20%;
	margin:0 auto;
	float:left;
	box-sizing:border-box;
	color:#fff;
	display:inline-block;
	padding: 40px 0;
}

.nav-box-logo {
	margin:0 auto;
	float:right;
	box-sizing:border-box;
	display:inline-block;
	text-align:center;
	padding-top:60px;
	width: 32%;
}

.nav-box-logo img{
	display:inline-block !important;
	max-width:100%;
}

.nav-box p {
	font-weight:700;
}

.nav-box a {
    text-decoration:none;
    color:#fff !important;
	font-weight:700;
	font-size:16px;	
}

.nav-box a:hover  {
    text-decoration:none;
    color:#db2428 !important; /*red*/
}


footer {
	border-top:#303030 3px solid;
	background:#000;
	padding:60px 0;
}

.copyright {
	font-size:12px;
	color:#fff;
	text-align:center;
}

.copyright a:hover  {
    color:#db2428!important;	
	text-decoration:underline;
}

.copyright a {
	color:#fff !important;	
}

/*===================== 
                ATTACHMENT BUTTONS 
=======================*/
.inventory-buttons {
	height: -1px;
	width: 100%;
}

.button {
	background-color:#969696;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	width: 30%;
	display: inline-block;
	vertical-align: top;
	height: 20px;
	padding: 10px;
	font-weight: 700;
	text-align: center;
	margin: none;
	margin-bottom: 1px;
}

.button:hover {
	cursor: pointer;
	opacity: 0.8;
	background: #000 !important;
	-webkit-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease;
	text-shadow:none;
}

.button a {
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
	text-shadow: 1px 1px 3.5px #000;
}

.button a:hover {
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
	text-shadow:none !important;
}

.button p {
	color:#fff;
}

.button p:hover {
	color:#fff;
}


/*===================== 
                HOSTED CONTENT 
=======================*/
.hosted-content #listings-title {
	text-transform:uppercase!important;
}

.hosted-content .listings-wrapper .border-bottom, .hosted-content .listings-detail-wrapper .border-bottom, .hosted-content .listings-drilldown-wrapper .border-bottom {
    border-bottom: 1px solid #424242!important;
}

.hosted-content .listings-wrapper .listings-list .category-banner h3 {
    line-height: 2em;
	font-family: 'Roboto Condensed', sans-serif;
}

.listings-wrapper .listing-smallcard .listing-smallcard-title a {
	font-family: 'Roboto Condensed', sans-serif;
}

.listings-wrapper .listing-largecard.column3, .listings-wrapper .listing-thumb.column3, .listings-wrapper .listing-smallcard.column3 {
    padding: 10px;
}

.hosted-content h3 {
	font-family: 'Roboto Condensed', sans-serif !important;
}

.hosted-content .fixed-column6 {
	font-family: 'Roboto Condensed', sans-serif !important;
}

.hosted-content .left {
	font-family: 'Roboto Condensed', sans-serif !important;
}

.hosted-content .listings-wrapper .listings-list .listing-banner h2 {
    line-height: 2em;
	font-family: 'Roboto Condensed', sans-serif !important;
}

.listings-wrapper .listing-largecard .listing-card-pricing .listing-prices:first-child .listing-price-label, .listings-wrapper .listing-thumb .listing-card-pricing .listing-prices:first-child .listing-price-label, .listings-wrapper .listing-smallcard .listing-card-pricing .listing-prices:first-child .listing-price-label {
    font-family: 'Roboto Condensed', sans-serif !important;
}

.hosted-content .listings-wrapper, .hosted-content .listings-detail-wrapper, .hosted-content .listings-drilldown-wrapper {
    font-family: 'Roboto Condensed', sans-serif !important;
}

.hosted-content .nobr {
    font-family: 'Roboto Condensed', sans-serif !important;
}

.listings-wrapper .listing-smallcard .listing-smallcard-spec {
    line-height: 20px;
    font-family: 'Roboto Condensed', sans-serif !important;
}
	
.listings-wrapper .hosted-theme .elipsis {
    font-family: 'Roboto Condensed', sans-serif !important;
}

.hosted-content .dealers-list-wrapper .control-box select, .hosted-content .listings-wrapper .control-box select {
    font-family: 'Roboto Condensed', sans-serif !important;
}

.hosted-content .options li a span {
    font-family: 'Roboto Condensed', sans-serif !important;
}

.hosted-content .listings-wrapper .radio-icon label[for], .hosted-content .listings-detail-wrapper .radio-icon label[for], .hosted-content .listings-drilldown-wrapper .radio-icon label[for] {
    font-family: 'Roboto Condensed', sans-serif !important;
}

.hosted-content .listings-wrapper .bold, .hosted-content .listings-wrapper .italic, .hosted-content .listings-wrapper h2, .hosted-content .listings-detail-wrapper .bold, .hosted-content .listings-detail-wrapper .italic, .hosted-content .listings-detail-wrapper h2, .hosted-content .listings-drilldown-wrapper .bold, .hosted-content .listings-drilldown-wrapper .italic, .hosted-content .listings-drilldown-wrapper h2 {
    font-family: 'Roboto Condensed', sans-serif !important;
}

.listings-wrapper .hosted-theme .btn {
    font-family: 'Roboto Condensed', sans-serif !important;
}

.listings-wrapper .listing-smallcard .listing-smallcard-title a {
    font-family: 'Roboto Condensed', sans-serif !important;
}

.hosted-content .font12 {
    font-size: 12px;
    font-family: 'Roboto Condensed', sans-serif !important;
}

.hosted-content .details-mobile .widget-details {
    font-family: 'Roboto Condensed', sans-serif !important;
    text-transform: uppercase;
}

.hosted-content .listings-wrapper .listings-list .listing-name a {
    text-decoration: none;
    font-family: 'Roboto Condensed', sans-serif !important;
}

.hosted-content .m-bottom-5 {
    margin-bottom: 5px;
    font-family: 'Roboto Condensed', sans-serif !important;
}

.hosted-content .listings-wrapper .listings-list .dealer-info {
    padding: 0;
    text-align: right;
    width: 28.5%;
    font-family: 'Roboto Condensed', sans-serif !important;
}


/*===================== 
                Responsive styles 
=======================*/

@media screen and (max-width: 1300px) { 
	.small-box {
		padding-top:35px;
	}
	.small-box p {
		font-size:16px;
	}
	
	.small-box a {
		font-size:16px;
	}
	
	.small-box img {width:75%;}
	
	.small-box-logo img {
		max-width:100%;
	}
	
	.button {
		width: 46%;
	}
}

@media screen and (max-width: 1000px) { 
.small-box img {width:50%;}
	
.main-pic {
	height:100%;
}

.categorybox .categorybox-title {
	top:45%;
}


}

@media screen and (max-width: 900px) {
	.nav-box {
		width: 30%;
		padding:30px 0;
	}
	
	.nav-box p {
		font-size:12px;
	}
	.nav-box a {
		font-size:12px;
	}
	
	.contain5 img {
		width:65%;
	}
	
	.contact-text {
		width:100%;
		padding:0;
		padding-bottom:60px; 
	}
	
	.border-left {
		border-left:none;
	}
	
	.side-text {
		float:left;
		width:100%;
		padding-top:0;
		padding:0;
		border-left:none;
		border-top:#ccc 1px solid;
		display:inline-block;
	}
	.side-text i {
		width: 51px; 
		height: 51px; 
		line-height: 51px;
	}
	.contact-third {
		font-size:12px;
		margin: 0 auto;
		width:33%;
		padding-right:0;
		padding:10px 0;
	}
	
	.main-boxes {
		padding:100px 0;
	}
	
	.box {
		width:40%;
	}
}	
@media screen and (max-width: 768px) {
	.small-box {
		width:33%;
		padding-top:0;
		padding:20px 0;
	}
	
	.small-box-logo {
		width:100%;
		padding:10px 0;
	}
	
	.main-text {
    	padding: 10px 0 30px 0;
	}
	
	.contain5 {
		width:100%;
		padding:20px 10px;
	}
	.containertwo {
    	width: 50%;
	}
	
	.button {
		width: 95%;
	}
}
@media screen and (max-width: 550px) {
	.contact-third {
		font-size:12px;
		margin: 0 auto;
		width:100%;
		padding-right:0;
	}
	
	.small-box {
		width:100%;
		padding:10px 0;
	}
	
	.small-box p {
		font-size:20px;
	}
	
	.small-box a {
		font-size:20px;
	}
	
	.nav-box-logo {
		padding-top: 80px;
	}
	
	.containertwo {
    	width: 100%;
	}
	
	.box {
		width:90%;
		margin:10px 0;
	}
}
@media screen and (max-width: 450px) {
	h1 {
		text-align:center;	
	}
	.nav-box {
		width:50%;
		padding:30px 0;
		text-align:center;
	}
	.nav-box-logo {
		width:100%;
		padding-top:0;
		padding:20px 0;
	}
	.main-text {
		text-align:center;
	}
	
	.contain {
		padding:10px;
	}
	
	.background-white {
    	padding: 0;
	}
}