/* 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 { 
    margin: 0;  
    padding: 0;  
    border: 0;  
    outline: 0;  
    background: transparent; 	
	-webkit-text-size-adjust:none;
	font-family: 'Montserrat', sans-serif;
}


a {
	color:#000;
	text-decoration:underline;
	-webkit-transition: .4s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    transition: .2s ease-in;
	
}

a:hover{
	color:#3E67CF;
	text-decoration:none;
}

p{
	padding:20px 0;
}


 
/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {clear: both;}
.left {text-align:left;}
.right {text-align:right;}
.none{display:none;}

*{
	box-sizing:border-box;
}

body { 
	line-height: 1.428571429;
	overflow-x: hidden;
	font-family: 'Montserrat', sans-serif;
}

.wrapper {
	width:95%;
	max-width:1300px;
	margin:0 auto;
	padding:20px;
	position:relative;
	overflow-x:hidden;
}

.no-pad-wrapper {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	position:relative;
}




::selection {
	color:#fff;
	background: #356088;
}
::-moz-selection {
	color:#fff;
	background: #356088;
}

.padding{padding-top:15%;}



/* HEADER 
----------------------------------------------*/
.header{
	width:100%;
	display:inline-block;
	text-align:right;
	margin:0 auto;
}
#header{
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
	transition:ease-in .3s;
}

/*.inv-pg #header{position: relative;}*/

.head-contact{
	width:100%;
	background:#3E67CF;
	padding:10px 0;
	text-align:center;
}

.head-contact a{color:#fff !important;text-decoration:none;}

.head-half{
	width:49%;
	display:inline-block;
	margin:0 auto;
	text-align:left;
	vertical-align:middle;
	color:#fff;
}

.head-half:nth-child(2){text-align:right;}

.head-half p{padding:0;}

.logo{
	text-align:center;
	width:30%;
	margin:0 auto;
	display:inline-block;
	padding:20px 0 0 0;
	vertical-align:middle;
	transition:ease-in .3s;
}
.logo img{
	width:200px;
	margin:0 ;
	transition:ease-in .3s;
}


.shrink{background: #fff !important; transition:ease-out .3s;}
.shrink #navcontain{box-shadow:none; transition:ease-out .3s;}
.shrink .logo{padding:0; transition:ease-out .3s;}
.shrink .logo img{width: 100px;padding:5px 0 0 0; transition:ease-out .3s;margin:0;}

a.financing-cta {text-decoration: none;}
a.financing-cta button {width: 100%; display: flex; justify-content: space-between; background: #3E67CF; color: #fff; font-weight: 600; text-transform: uppercase; padding: 0 10%; cursor: pointer; font-size: 18px; border: none; outline: none; align-items: center; letter-spacing: 1px; text-align: left;}
a.financing-cta button i {font-size: 24px; color: #fff; padding: .5em 1em; background: #2952bb;}
a.financing-cta button:hover {background: #2952bb; transition: .3s ease-in-out all;}
a.financing-cta button:hover i {background: #000; color: #fff; transition: .3s ease-in-out all;}

/* HOME PAGE STYLES
-----------------------------------------------*/
.bg-img{
	background:url(../siteart/main2.png) no-repeat #fff;
	left: 0;
	top: 0;
	width:100%;
	height:120%;
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-attachment:fixed !important;
}

.scroll-pad{padding:35% 0 0 0;width:100%;text-align:center;}
.scroll-pad img{width:120px;background:rgba(62, 62, 62, 0.55);border-radius:10px;padding:3px;box-shadow:1px 1px 5px #000;}

.welcome-cutout{
	margin:350px 0;
	width:100%;
	box-shadow:1px 1px 3px #333;
	border:4px solid #fff;
}

.welcome-cutout img{
	width:100%;
	display:block;
	margin:0;
}


/*cat bar*/
.cat-bar{
	width:100%;
	text-align:center;
	margin:0 auto;
	padding:10px 0;
	background:#000;
}

.cat{
	width:24.7%;
	display:inline-block;
	padding:30px;
	height:300px;
}

.cat h3{
	font-size:30px;
	text-transform:uppercase;
	color:#fff;
	text-align:center;
	margin-top:25%;
	text-shadow: 1px 1px 2px #333;
	transition:ease-in .2s;
}

#sales{
	background:url(../siteart/sales.png) no-repeat;
	background-size:110%;
	background-position:center;
	transition:ease-in .3s;
}

#service{
	background:url(../siteart/service.png) no-repeat;
	background-size:110%;
	background-position:center;
	transition:ease-in .3s;
}

#rentals{
	background:url(../siteart/rentals.png) no-repeat;
	background-size:110%;
	background-position:center;
	transition:ease-in .3s;
}

#contact{
	background:url(../siteart/contact.png) no-repeat;
	background-size:110%;
	background-position:center;
	transition:ease-in .3s;
}

a #sales:hover{
	background-size:120%;
	transition:ease-out .3s;
}

a #service:hover{
	background-size:120%;
	transition:ease-out .3s;
}

a #rentals:hover{
	background-size:120%;
	transition:ease-out .3s;
}

a #contact:hover{
	background-size:120%;
	transition:ease-out .3s;
}

.cat:hover h3{color:#3E67CF;transition:ease-out .2s;}




/*Welcome Section*/
.welcome-section{
	width:100%;
	background:#fff;
	padding:80px 0;
	position:relative;
	margin:0 auto;
	overflow-y:hidden;
}

.welcome-section .wrapper{padding-left:200px;}

.welcome-section h1{
	font-size:45px;
	font-weight:normal;
}

.welcome-section a{color:#333; text-decoration:none;}

.welcome-section .welcome-bold{font-weight:700;}

.tire-marks{
	position:absolute;
	top:-46px;
	left:0;
	width:80%;
}

.tire-marks img{width:100%; display:block;}


/* 	INV SEARCH  */
.home-search {background: #fff;}
.home-search form{margin: 25px 0;}
.home-search form label{display: block; font-weight: 700;}
.home-search form select, .search form input[type="text"]{display: block;width: 100%;padding: 10px;font-family: 'Montserrat', sans-serif;margin: 2px 0;font-size: 15px;height: 40px;background-color: #f9f9f9;border: 1px solid #bebebe;box-sizing: border-box;-webkit-border-radius: 0;border-radius: 0;}
.home-search form input[type="submit"]{display: block; width: 100%; background: #3E67CF; padding: 10px; font-family: 'Montserrat', sans-serif; font-weight: 700; text-align: center; color: #fff; border: none; cursor: pointer;}
.home-search form input[type="submit"]:hover{background: #222; transition: .3s ease-in-out all;}
.home-search .row{margin-bottom: 15px;}

/* NOUI SLIDER */
.noUi-target{position: relative; direction: ltr;}
.noUi-origin{position: absolute; right: 0; top: 0; left: 0; bottom: 0; border-radius: 2px}
.noUi-marker, .noUi-pips, .noUi-tooltip, .noUi-value{position: absolute}
.noUi-horizontal{height: 12px; z-index: 0}
.noUi-horizontal .noUi-handle{width: 25px; height: 21px; left: -13px; top: -6px}
.noUi-horizontal .noUi-handle-upper{top: -5px}
.noUi-background{background: #ccc;}
.noUi-connect{background: #3E67CF!important; border: 1px #ccc solid;}
.noUi-target{width: calc(100% - 15px); margin: 15px auto;}
.noUi-handle{position: relative; background: #fff !important; border: 1px solid #ccc; border-radius: 3px;  z-index: 1;}
.noUi-handle:after, .noUi-handle:before{content: ""; display: block; position: absolute; height: 12px; width: 1px; background: #E8E7E6; left: 10px; top: 3px}
.noUi-handle:after{left: 12px}
.noUi-pips-horizontal{padding: 5px 0; height: 10px; top: 100%; left: 0; width: 100%}
.noUi-marker-horizontal.noUi-marker{margin-left: -1px; width: 1px; height: 5px; background: #777;}
.example-val{font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 700;}
.example-val span{font-weight: 400;}
#slider-price-value-lower:before, #slider-price-value-upper:before{content: '$'; padding-right: 2px}




/*Sub Pages*/
.white{
	background:#fff;
	width:100%;
	border-radius:5px;
	padding:80px 30px;
	margin-top:20px;
}
.white h1{padding:20px 0;}


.contact-top{
	background:#3E67CF;
	color:#fff;
	text-align:center;
}

.contact-top a {color:#fff;text-decoration:none;}
.contact-one-third{
	width:30%;
	display:inline-block;
	margin:0 auto;
	text-align:center;
	vertical-align:top;
	padding:30px;
}

.contact-form{
	width:100%;
	padding:40px 0;
	border-top:1px solid #eaeaea;
	margin-top:60px;
}

#formpage {
	width:100%;
	vertical-align: top;
	display:inline-block;
	text-align:left;
}

#formpage p{
	text-align:left;
}
.formfield {
	width: 30%;
	display:inline-block;
	margin-right: 10px;
	margin-top: 10px;
	color: #333;
	min-width: 175px;
	text-align:left;
}
#formpage div {
	vertical-align: top;
	padding: 5px 5px;
	position: relative;
	margin: 0 auto;
}
#formpage input {
	padding: 6px 5px 10px;
	border: 1px solid #ababab;
	font-family: 'Montserrat', sans-serif;
	color: #333;
	font-size: 16px;
	background: #fff;
	width: 100%;
	margin-top: 5px;
	-webkit-appearance: none;
     border-radius: 2px;
}

#formpage input.button, #formpage input.button:focus {
	width: 150px;
	display:inline-block;
	position:relative;
	margin: 0;
	background: #3E67CF;
	border:1px solid #3E67CF;
	font-size: 16px;
	line-height: 0;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	padding:20px;
	cursor: pointer;
	font-family: 'Montserrat', sans-serif;
}

#formpage input.button:hover{
	background:#fff;
	color:#3E67CF;
	border:1px solid #3E67CF
}

#formpage input[type="button"],
#formpage input[type="submit"] {
	-webkit-appearance: none;
    border-radius: 0;
	transition: .3s ease-in-out all;
}

#formpage textarea {
	padding: 6px 5px;
	border: 1px solid #ababab;
	font-family: 'Montserrat', sans-serif;
	color: #333;
	font-size: 16px;
	background: #fff;
	margin-top: 5px;
	width: 92%;
	height: 85px;
	border-radius:2px
}

.CaptchaPanel{width:100%;}
.CaptchaWhatsThisPanel a{color:#333;}
.CaptchaMessagePanel{color:#333;}
.CaptchaAnswerPanel{
	width:250px;
}

.submit-button{
	padding:10px 0px 10px 0px;
	position:relative;
	width:100%;
	text-align:center;
}




/*  DETAILED SEARCH
------------------------------------------------*/

.line-texture{
	background:url(../siteart/dark-geometric.png) rgba(0, 0, 0, 0.75);
	padding:30px 0;
}

.column2 {
	width: 50%;
	float: left;
	padding-right: 20px;
	box-sizing: border-box;
	margin-top: 5px;
}
.last {
	padding-right: 0px;
}

.detailed-row {
	width: 100%;
	display: inline-block;
}

.column2 label {
	font-size: 14px;
}

/*
.detailed-search-wrap {
	background: #fff;
	padding: 30px 0;
}
.content {
	width: 85%;
	margin: 0 7.5%;
}

.detailed-form {
	margin: auto;
}
.clear {
	clear: both;
}
.detailed-row {
	margin: 10px 0 5px;
	font-size: 18px;
}
.column2 {
	width: 50%;
	float: left;
	padding-right: 20px;
	box-sizing: border-box;
	margin-top: 5px;
}
.last {
	padding-right: 0px;
}
.detailed-search-wrap input[type='submit'] {
	font-size: 16px;
	background: #88888A;
	width: 100%;
	margin-top: 2px;
	height: 40px;
	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;
	cursor: pointer;
}
.detailed-search-wrap input[type='submit']:hover{
	background:#fff;
	color:#3E67CF;
	border:1px solid #3E67CF;
}
.detailed-search-wrap input[type='text'] {
	width: 100%;
	margin: 2px 0;
	padding: 0 8px;
	font-size: 15px;
	height: 40px;
	background-color: #f9f9f9;
	border: 1px solid #bebebe;
	box-sizing: border-box;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.detailed-search-wrap h3 span {
	color: #d7d7d7;
}

.detailed-search-wrap main {
  width:100%;
  padding: 50px;
  margin: 0 auto;
}

.detailed-search-wrap section {
  display: none;
  padding: 20px 0 0;
  border-top: 1px solid #ddd;
}

.detailed-search-wrap label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 15px 25px;
  font-weight: 600;
  text-align: center;
  color: #bbb;
  border: 1px solid transparent;
}

.detailed-search-wrap label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
}

/*label[for*='1']:before { content: '\f1cb'; }
label[for*='2']:before { content: '\f17d'; }
label[for*='3']:before { content: '\f16b'; }
label[for*='4']:before { content: '\f1a9'; }

.detailed-search-wrap label:hover {
  color: #888;
  cursor: pointer;
}

.detailed-search-wrap input:checked + label {
  color: #555;
  border: 1px solid #ddd;
  border-top: 2px solid #88888A;
  border-bottom: 1px solid #fff;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {
  display: block;
}

@media screen and (max-width: 650px) {

  .detailed-search-wrap label:before {
    margin: 0;
    font-size: 18px;
  }
}

@media screen and (max-width: 400px) {
  .detailed-search-wrap label {
    padding: 15px;
  }
}*/


/*Service Page*/

.wrapper ul{margin-left:50px;}

.service-left{
	width:60%;
	display:inline-block;
	vertical-align:middle;
	margin:0 auto;
	padding:0 20px;
}

.service-right{
	width:39%;
	display:inline-block;
	margin:0 auto;
	vertical-align:middle;
	padding:0 20px;
}

.service-right img{
	width:100%;
	display:block;	
	box-shadow:1px 1px 3px #333;
}

.service-section{
	width:100%;
	background:url(../siteart/service-texture2.png) #fff;
	padding:60px 40px;
	color:#333;
}

.half{
	width:49%;
	display:inline-block;
	text-align:left;
	vertical-align:top;
}

.service-section h3{text-transform:uppercase;font-size:24px;}

.service-provided{
	width:60%;
	display:inline-block;
	margin:0 auto;
	padding:20px 30px;
	vertical-align:middle;
}

.service-provided a{color:#333;text-decoration:none;}

.service-img{
	display:inline-block;
	width:30%;
	text-align:right;
	vertical-align:middle;
}
.service-img img{
	width:100%;
	display:block;
	box-shadow:1px 1px 3px #333;
}

.mobile-size {display:none;}



/* INVENTORY
------------------------------------------------*/
.inv-pg-spc{height: 180px}
.cf{background:#fff;} 
.hosted-content .listings-wrapper .listings-list .listing-banner {

}
.hosted-content input[type='submit'], .hosted-content button[type='submit'], .hosted-content .btn, .hosted-content .button, .mobile-breadcrumb, .detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile{
	background:#3E67CF !important;
}
.hosted-content h1{
	font-size:20px;
	color:#000;
	text-transform:none;
	padding-bottom:0 !important;
	font-weight:bold;
}
	
.hosted-content h3{
	text-transform:none !important;
}
.hosted-content .listings-wrapper .listings-list .listing-banner h2{
	text-transform:none !important;
}

.hosted-content ul{margin-left:0;}


/* FOOTER
------------------------------*/
.footer{
	width:100%;
	text-align:center;
	background:#000;
	padding: 40px 0;
}

.foot-left{
	width:40%;
	display:inline-block;
	text-align:left;
	vertical-align:top;
	margin: 0 auto;
	padding:0 20px 0 0;
}

.footer h3 {
	color:#B3B3B3;
	font-weight:bold;
	text-transform:uppercase;
	font-size:20px;
	PADDING:20PX 0;
}

.footer p{
	padding:10px 0;
	color:#b3b3b3;
}

.foot-right {
	width:59%;
	display:inline-block;
	margin:0 auto;
	padding:0 20px;
	border-left:1px solid #707070;
	vertical-align:top;
	text-align:left;
}

.foot-button{
	display:inline-block;
	width:30%;
	padding:10px 5%;
	border:1px solid #3E67CF;
	color:#3E67CF;
	text-decoration:none;
	text-align:center;
	margin:30px 3px;
}

.foot-button:hover{
	background:#3E67CF;
	color:#000;
}

.footer a{
	color:#B3B3B3!important;
	text-decoration:none;
}

.foot-half{
	width:49%;
	display:inline-block;
	vertical-align:bottom;
	margin:0 auto;
	padding-top:20px;
	text-align: left;
}

.foot-half:last-child{text-align: right;}



.foot-logo{width:125px;}






@media screen and (max-width:1650px){
	.welcome-section .wrapper{padding-left:250px;}	
}

@media screen and (max-width:1533px){
	.welcome-section .wrapper{padding-left:310px;}	
}

@media screen and (max-width:1466px){
	.welcome-section .wrapper{width:1050px;}	
	.welcome-section{background-size:cover;}
}

@media screen and (max-width:1450px){
	.cat h3{font-size:25px;}
	.cat{height:234px;}
}

@media screen and (max-width:1360px){
	.logo{width:23%;}	
}

@media screen and (max-width:1295px){
	.scroll-pad{padding:60% 0 0 0;}
	.cat h3{font-size:20px;}
	.cat{height:210px;}
	
	.welcome-section .wrapper{width:auto;padding-left:450px;}
}

@media screen and (max-width:1240px){
	.logo{width:19%;}	
}

@media screen and (max-width:1170px){
	.logo{
		width:40%;
		text-align:left;
		position:absolute;
		padding:10px 0 0 0;
		z-index: 999;
	}	
	.logo img{width:175px;}
	.shrink .head-contact{display:none;}
	.shrink .logo{text-align:left; padding-left:20px;top:0;}
	.padding{padding-top:30%;}
}

@media screen and (max-width:1070px){	
	.bg-img{
		background-size:contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
	}
	
	
	.cat{width:24%;height:190px; padding:0;}
	.cat h3{margin-top:30%;}
	
	.welcome-section{background:#fff !important;margin-left:0;}
	.welcome-section .wrapper{padding:20px;}
	
	.padding{padding-top:40%;}
	
	.service-left{width:100%;}
	.service-right{width:100%;text-align:center;}
	.service-right img{width:50%;}
	
	.tire-marks{display:none;}
}

@media screen and (max-width:930px){
	.scroll-pad{
		display:none;
		padding:10px 0;
	}
	.welcome-cutout{margin:60% 0 9% 0;}
	.cat{
		width:100%;
		height:70px;
		margin:2px 0;
		background:#3E67CF !important;
		border:2px solid #3E67CF;
	}
	.cat:hover{background:#000 !important;}
	.cat h3{margin-top:20px;}
	
}

@media screen and (max-width:910px) {
	label{width:49%;}
	input:checked + label{border-bottom:1px solid #ddd;}
}

@media screen and (max-width:890px){
	.contact-one-third{width:100%;padding:10px;}
	.foot-left{width:34%;}
	.foot-right{width:64%;}		
	.footer{font-size:14px;}
}

@media screen and (max-width:815px){
	.head-half{width:100%;text-align:center;}
	.head-half:nth-child(2){text-align:center;}
	
	.service-section{padding:30px 10px;}
	.service-provided{width:100%;}
	.service-section h3{text-align:left;}
	.service-section p{text-align:left;}
	.service-img{text-align:center;width:100%;}
	.service-img img{width:50%;margin: 0 auto;}
	.mobile-size{display:block;}
	.full-size{display:none;}
}

@media screen and (max-width:760px){
	.foot-button{padding:10px 5%;}	
	
	.half{width:100%;}
	
	.cat-bar{margin:70% 0 0 0;}
	.welcome-cutout{display:none;}
	/*.welcome-cutout{margin:80% 0 9% 0;}*/
	
}

@media screen and (max-width:730px) {
	label{width:100%;}
	.column2{width:100%;}
	.last{padding-right:20px;}
	
	.formfield{width:92%;}
	
	.white{padding:60px 10px;}
}

@media screen and (max-width:700px){
	/*.head-contact{
		padding:40px 10px 40px 0;
		width:100%; 
		background:#000;
		text-align:right;
		display:inline-block;
	}
	.head-half{text-align:right;}
	.head-half:nth-child(2){text-align:right;}
	.logo{width:30%; text-align:left; left:0; top:0; padding:0;}*/
	
	.foot-left{width:100%;padding:20px;}
	.foot-right{
		width:100%; 
		border-left:none;
		border-top:1px solid #707070;
		padding:20px;
	}
	
	
}

@media screen and (max-width:650px){
	
	.formfield{width:92%;}	
	
	.service-right img{width:65%;}
}


@media screen and (max-width:600px){
	.foot-half{width:100%;}	
}


@media screen and (max-width:550px){
	
	.welcome-section h1{font-size:35px;}
	
	.padding{padding-top:65%;}
	
	.service-right img{width:80%;}
}

@media screen and (max-width:450px){
	.logo{display:block;}
	.logo img {width: 150px;}
	.head-contact{display:block;}
	.foot-button{width:100%;display:block;margin:10px 3px;}
	a.financing-cta button {font-size: 14px; padding: 0 1em;}
	a.financing-cta button i {padding: .5em;}
	.head-contact {font-size: 14px;}
}

@media screen and (max-width:400px){	
	.welcome-section h1{font-size:32px;}
	
}