/***** BEGIN RESET *****/

* {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
    font-family:'roboto_condensedregular', Arial, sans-serif;
}
ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}

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

@font-face {
    font-family: 'acherus_grotesque';
    src: url('../webfonts/acherus_grotesque_-_regular-webfont.eot');
    src: url('../webfonts/acherus_grotesque_-_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/acherus_grotesque_-_regular-webfont.woff') format('woff'),
         url('../webfonts/acherus_grotesque_-_regular-webfont.ttf') format('truetype'),
         url('../webfonts/acherus_grotesque_-_regular-webfont.svg#acherus_grotesque') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_condensedregular';
    src: url('../webfonts/RobotoCondensed-Regular-webfont.eot');
    src: url('../webfonts/RobotoCondensed-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/RobotoCondensed-Regular-webfont.woff') format('woff'),
         url('../webfonts/RobotoCondensed-Regular-webfont.ttf') format('truetype'),
         url('../webfonts/RobotoCondensed-Regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_condensedbold';
    src: url('../webfonts/RobotoCondensed-Bold-webfont.eot');
    src: url('../webfonts/RobotoCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/RobotoCondensed-Bold-webfont.woff') format('woff'),
         url('../webfonts/RobotoCondensed-Bold-webfont.ttf') format('truetype'),
         url('../webfonts/RobotoCondensed-Bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:'roboto_regular';
    src: url('../webfonts/Roboto-Regular-webfont.eot');
    src: url('../webfonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/Roboto-Regular-webfont.woff') format('woff'),
         url('../webfonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../webfonts/Roboto-Regular-webfont.svg#roboto_regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_medium';
    src: url('../webfonts/Roboto-Medium-webfont.eot');
    src: url('../webfonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/Roboto-Medium-webfont.woff') format('woff'),
         url('../webfonts/Roboto-Medium-webfont.ttf') format('truetype'),
         url('../webfonts/Roboto-Medium-webfont.svg#roboto_medium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_thin';
    src: url('../webfonts/Roboto-Thin-webfont.eot');
    src: url('../webfonts/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/Roboto-Thin-webfont.woff') format('woff'),
         url('../webfonts/Roboto-Thin-webfont.ttf') format('truetype'),
         url('../webfonts/Roboto-Thin-webfont.svg#roboto_thin') format('svg');
    font-weight: normal;
    font-style: normal;
}


  
header, nav, article, footer {display:block;}

body {
	font-size:16px;
	font-family: 'roboto_regular';
	font-weight:normal;
	color:#252525;
	-webkit-text-size-adjust: none;
	overflow-x: hidden!important;
	min-width: 280px;
}
.invwrap {
	-webkit-text-size-adjust: none;
	width: 100%;
	
}
.headwrap {width:90%; margin:0 auto; max-width:2000px;}
.wrap {width:95%; margin:0 auto; max-width:1600px;}


.go-right {float:right;}

.show-tablet, .show-768 {display:none;}

.col2 {width:48%; margin-right:2%; float:left;}

/* INVENTORY STYLES
------------------------------------------------*/

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-listing-mobile .view-listing-details-link, .list-content .list-listing-mobile .buy-now-link, .list-content .list-listing-mobile .check-availability-link, .list-content .list-listing-mobile .email-seller-link, .detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile, .detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile, .list-container-flexrow .view-listing-details-link, .modal-content .form-bottom .captcha-and-submit .captcha-placeholder button, .contact-options a, .fin-calc-mobile>a {background:#2b67d2 !important; }
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {font-size: 22px; line-height: 26px;}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label {background: #2b67d2 !important;text-transform: uppercase; letter-spacing: 1px;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .faceted-search-content .mobile-done-button-container .mobile-done-button {background: #000 !important;}

.detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn {float:none;}
.modal-content .modal-top .modal-title, .listing-description, .list-content .listing-portion-title, .list-content .list-title .list-title-text, .detail-content .dealer-info h3, .dealer-info, .detail-content-mobile .dealer-info h3, .fin-calc p, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {color:#000 !important;}

.dealer-btns-bottom a, .des-buy-now {background: #2b67d2 !important;}
.page-nav{background-color:#2b67d2!important}
.view-listing-details-link i, .view-listing-details-link span,.view-listing-details-link span:hover {color:white !important;}
.search-results {color:#2b67d2!important}
.return-links span, .return-links i {color:#2b67d2!important;}




/*ALL INVENTORY SYTLES GO HERE FOR SAFEKEEPING*/
.container-1{margin:60px auto;}
.invmain{padding:0px 0 60px 0; width: 100%;overflow: hidden; background: url(../siteart/brushed_@2X.png);}
.cf{background:none; }
.container-1 .cf a {color: #454545;}
.container-1 .cf a:hover {color: #000000;}
.container-1 .cf h1{color: #000000;}
.container-1 .cf h5{color: #000000;}

.hosted-content .p-tb-10 { margin:0% auto; }
/***************************** typography styles **/


.no-margin {margin:0 !important;}

a {color:#252525; text-decoration:none;}
a:hover {color:#24befe; cursor: pointer;}



strong {font-weight:normal; font-family: 'roboto_condensedbold';}
em {font-style:italic;}

.red {color:#ff7a00;}
.dk-red {color:#f5d73b;}
.white {color:#fff;}
.black {color:#000;}

.text-center {text-align:center;}
.text-left {text-align:left;}
.text-right {text-align:right;}

h1 {
	color:#252525;
	font-size:36px;
	font-weight:normal;
	font-family:'roboto_regular';
	margin-bottom:0;
	text-transform:uppercase;
}
h2 {
	color:#252525;
	font-size:30px;
	font-weight:normal;
	font-family:'roboto_regular';
	margin-bottom:0;
}
h3 {
	color:#252525;
	font-size:26px;
	font-weight:normal;
	font-family: 'roboto_condensedbold';
	margin-bottom:5px;
	text-transform:uppercase;
}

h4 {
	color:#252525;
	font-size:22px;
	font-weight:normal;
	font-family:'roboto_regular';; 
	margin-bottom:7px;
}

h5 {
	color:#252525;
	font-size:38px;
	font-weight:normal;
	font-family:'roboto_regular';
	margin-bottom:10px;
}

h6 {
	color:#252525;
	font-size:18px;
	font-weight:normal;
	font-family:'roboto_regular';
}
h6 a {color:#252525; text-decoration:none;font-family:'roboto_regular';}
h6 a:hover {color:#252525}
p {margin-bottom:20px; font-family:'roboto_regular';}





/***************************** header styles **/


.rt-header { float:right; margin-right: 2%; text-align:right;}
.rt-header img {display:inline;}
.rt-header a {display: inline; color: #252525}
.rt-header a:hover {color: #0ba5e5;}

	
header {
	width:100%; 
 	background:#FFFFFF;
	padding:10px 0;
	border-bottom: medium solid #000000;height: 85px;
	font-family:'roboto_regular';
	box-sizing: content-box;
	}

	
.logo { float:left; margin-bottom: 0px; position: absolute; padding-top: 40px;}
.logo img {width:100%; height:auto; display:block; max-width:500px;}





/***************************** nav styles **/

header nav {
	width:100%;
	float: right;
	max-width: 915px;
	padding-right: 5.5%;
	margin-top: 30px;
	display: block;
	background:#252525;
}
.innernav {float: left; margin-left: 20px;}
header nav ul {width:100%; margin:0 auto;}
header nav li {float:right; display:inline; position:relative; color:#FFFFFF;margin-right: 0%;}
header nav a:link, header nav a:active, header nav a:visited {
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:light;
	font-family:'roboto_regular';
	font-size:18px;
	line-height:25px;
	padding:0px 16px 8px 16px;
	text-transform:uppercase;	
}
header nav ul li a:hover {color:#BBBBBB;}

header nav ul ul {
	display: none;
	position: absolute; 
	z-index:99999;
	top: 43px;
	left:0;
	width:220px;
	background:#252525;
	
}

header nav ul ul ul {
	position: absolute; 
	left: 100%; 
	top:0;
}

header nav ul li:hover > ul {
	display: block;
	z-index:99999;
	
}

header nav ul ul li {
	float: none; 
	position: relative;
	display:block;
	text-align: left;
}

header nav ul ul li a:link, header nav ul ul li a:active, header nav ul ul li a:visited{
	font-size:14px;
	line-height:24px;
	padding:0 0 0 8px;
	border-right:0;
	border-bottom: 1px solid #888;
	color: #FFFFFF;
}

header nav ul ul li a:hover {
	color:#24befe;
}

/* stroke */
header nav.stroke ul li a,
header nav.fill ul li a {
  position: relative;
}
header nav.stroke ul li a:after,
header nav.fill ul li a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  height: 1px; 
}

header nav.stroke ul li a:hover:after {
	
  width: 100%;
}

header nav.fill ul li a {
  transition: all .5s;
  padding-top: 10px;
}

header nav.fill ul li a:after {
  text-align: left;
  content: '.';
  margin: 0;
  opacity: 0;
}
header nav.fill ul li a:hover {
  color: #fff;
  z-index: 1;color:#24befe;
}
header nav.fill ul li a:hover:after {
  z-index: -1;
  animation: fill 1s forwards;
  -webkit-animation: fill 1s forwards;
  -moz-animation: fill 1s forwards;
  opacity: 1;
  
}

/* Keyframes */
@-webkit-keyframes fill {
  0% {
    width: 0%;
    height: 1px;
  }
  50% {
    width: 100%;
    height: 1px;
  }
  100% {
    width: 100%;
    height: 2%;
    background: #FFFFFF;
  }
}


.head {background: url(../siteart/mount.png) center; background-size: cover; padding-bottom: 20px; height: 400px;}
.headtext {float: none; text-align: center;}

.head h4 {font-weight: bold; text-transform: uppercase;  padding-top: 140px;color: #D5D5D5; font-size: 30px;text-shadow:1px 3px 15px #000000;}
.head h5 {font-weight: bold; text-transform: uppercase;color: #FFFFFF;padding-left: 30px;text-shadow:2px 5px 8px #000000;}






/************************************************** Equipment Images *****************/	
	
	#equip {background:#252525; width: 100%; padding: 3% 0 5% 0; margin: 0 auto; }
	#equip h1 {color: #FFFFFF; border-bottom: 3px solid #fff;}
	

.inventory-contain {
	box-sizing:border-box;
	width: 90%;
    text-align:center;
    background-size: 100%;
	margin: 0 auto;
}
	
.inventory-box {
	float:left;
	width: 30%;
	box-sizing: border-box;
	height:auto;
	margin: 40px 1% 0 1%;
	border:#ccc 1px solid;
	padding: 0 0 8px 0;
}

.inventory-box-title {
	text-align:center;
	width:100%;
	font-size:24px;
	line-height:14px;
	color:#FFFFFF;
	font-weight:400;
	padding:8px 0;
}

	/**red button**/
	.red-button {
		width:60%;
		float:none;
		box-sizing: border-box;
		position:relative;
		overflow:hidden;
		background:#2b67d2;/*blue*/
		color:#fff;
		font-size:16px;
		font-weight:400;
		display:inline-block;
		margin:15px 0;
		padding: 5px 0;
		text-align:center;
		vertical-align:top;
		border:1px solid #000;
		-webkit-box-shadow: 0px 10px 8px -8px rgba(0,0,0,0.84);
		-moz-box-shadow: 0px 10px 8px -8px rgba(0,0,0,0.84);
		box-shadow: 0px 10px 8px -8px rgba(0,0,0,0.84);
	}

	a .red-button {
		-webkit-transition:all .3s ease;
		-ms-transition:all .3s ease;
		transition:all .3s ease;
	}
	
	a:hover .red-button {
		width: 43%;
		color:#2b67d2;
		background: #FFFFFF;
		text-shadow:none;
	}




/* Logo Bar */
	.logoBar {background: #ebebeb!important;}
	.logoBar2 {background: #FFFFFF!important;}

	.slick-next:before {
		background: url(../siteart/next.png) no-repeat 50% 50% #000000;
		right: 45px;
	}
	.slick-prev:before {
		background: url(../siteart/prev.png) no-repeat 50% 50% #000000;
		left: 45px;
	}
	.slick-next:before, .slick-prev:before {
		background-size: 20px;
		position: absolute;
		content: ' ';
		display: inline;
		z-index: 99999999;
		width: 25px;
		height: 25px;
		border-radius: 3px;
		opacity: 1;
		top: 0;
	}
	button.slick-next.slick-arrow {
		visibility: hidden;
	}
	button.slick-prev.slick-arrow {
		visibility: hidden;
	}
	.slick-slide img {
		display: block;
		height: 50px;
		padding: 15px 0;
	}
	.slick-slide { 
		display: table;
		padding: 0 35px 0 0;
	}

/***************************** grey/yellow styles **/
article {display:block; margin:0px auto 0px 20px; padding:20px 40px 20px 20px;
	border: 1px solid #000000; background:#FFFFFF;}



/***************************** organge styles **/

.orange {padding: 0 3% 5% 3% ;margin: 5% auto 0% auto;}
.orangetextwrap {
	background: #FFFFFF;
	margin-top: 30px;
	max-width: 450px;
	width:25%;
	display:inline-block;
	text-align:left;
	float:left;
	padding:20px 40px 20px 20px;
	margin:20px 40px 20px 20px;
	border: 1px solid #000000;
	height:310px;
	}
.hours {margin-top: -20px;}
.textwrap {
	margin-top: 30px;
	width:73%;
	display:inline-block;
	text-align:left;
	float:left;
	border: 1px solid #000000;
	background: #FFFFFF;
	min-height: 200px;
}
.textwrap p {
	margin:20px 40px 20px 20px;
}
.textwrap a {color: #0ba5e5;}
.textwrap a:hover {color: #252525;} 
.textwrap2 {
	margin-top: 30px;
	max-width: 250px;
	min-width: 245px;
	width:20%;
	display:inline-block;
	text-align:left;
	float:left;
	margin-left: 40px;
	border: 1px solid #000000;
	background: #FFFFFF;
	height: 200px;
}
.textwrap2 p {
	margin-left: 20px;
	margin-top: 20px;
	
}
.map-area {
	width:63%;
	margin-right:2%;
	margin-top:20px;
	display:block;
	text-align:center;
	float:right;
	
}
.map-area iframe {width:100%; height:350px; display:block;border: 1px solid #000000;}











/***************************** brand styles **/
.mid {background:url(../siteart/brushed_@2X.png) repeat;   }
.contwrap {padding: 35px 0 75px 0; width:95%; margin:0 auto;max-width:1600px;float: none;}
.contimg {float: none; text-align:center; margin: 20px auto; position: relative; width: 100%; }
.contimg img { float: none; max-width: 1200px; width: 98%; margin: 0 20px;}

.contimg2 { position: relative; width: 100%;max-width: 500px;  }
.contimg2 img { float: none; max-width: 500px; width: 80%;  margin: 20px;}

.team-wrap {margin: 170px 0 100px 0;}
.brands-wrap {
	padding: 0px; 
	margin: 10px auto; }
.brands-wrap img {
	padding:20px;max-width: 150px;text-align: center;}
	.brands-wrap a:hover img {
	padding:20px 25px;max-width: 140px;text-align: center; opacity: .5}
.brands-container {
	width:90%;
	max-width:1530px;
	
}



/***************************** contactstyles **/


.contact-contain {
	width: 100%;
	background: #838383; 
	border-top: 3px solid #ffcc00;
}
.contact-contain a {
	color: #FFFFFF;
}
.contact-wrap {
	width:88%; 
	max-width:2050px; 
	margin:0 auto;  
	padding: 35px 20px; 
	text-align: left;
}
.map-area2 {
	width:100%;
	display:block;
	text-align:center;
}
.map-area2 iframe {width:100%; height:350px; display:block;border-top: 1px solid #000000;border-bottom: 3px solid #000000}
/***************************** footer styles **/

footer {
	width:100%;
	background: #252525;
	padding:0;
	color:#fff;
	padding: 30px 0 0 0;
}
footer p {font-size:14px; margin-bottom:14px; font-family:'roboto_regular';}
footer a {color:#dadada; text-decoration:none;}
footer .go-right {font-family:'roboto_regular';}


.contactform {width: 40%; float: right; display: inline;}


.quick-link {width:18.2%; width:calc(18.2% - 2px);  float:left; display:block; }
.quick-link ul {width:100%; display:block; padding-bottom:20px; padding-left: 15px;}
.quick-link li {display:block; line-height:20px;}
.quick-link a {font-family:'roboto_regular'; text-transform:uppercase; font-size:16px;}
.quick-link a:hover {color:#fff;}
.quick-link h4 {color: #24befe;}
a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-size:12px; color:#a1a1a1;font-family:'roboto_regular'; line-height: 20px;}
a.footerlink:hover {text-decoration:none; color:#d7d7d7;font-family:'roboto_regular';line-height: 20px;}

.footertext{font-size:12px; color:#a1a1a1;font-family:'roboto_regular';line-height: 20px;}
.smallfootertext{font-size:12px; color:#a1a1a1;font-family:'roboto_regular';line-height: 20px;}

.divfooter {width:50.4%; padding-left:10%; line-height:12px; text-align:right; margin:30px 0 0 0; color:#a1a1a1; float:right;}

.hosted {text-align: left; padding: 20px 0; margin-top: 70px;margin-bottom: 20px; margin-left: 20px;width:300px; color:#a1a1a1 }


/***************************** form styles **/
form h4 {color: #24befe;}
form a:hover {cursor: pointer}
#formpage label {display:block;}

#formpage input {
	width:100%;
	width:calc(100% - 12px);
	padding:6px 5px;
	border:1px solid #8e8d8d;
	color:#8e8d8d;
	background:#fff;
	font-size:12px;
}
#formpage .column3 input{
	background: #24befe;
	color: #FFFFFF
}
#formpage .column3 input:hover{
	cursor: pointer;
	background: #FFFFFF;
	color: #24befe;
}
#formpage textarea {
	padding:6px 5px;
	width:100%;
	width:calc(100% - 12px);
	border:1px solid #8e8d8d;
	color:#8e8d8d;
	font-size:12px;
	background:#fff;
	height:120px;
}

 
/* selects have similar styles to input & textarea fields, but with no padding. Text in a dropdown select is positioned differently */
#formpage select {
	width:100%;
	width:calc(100% - 2px);
	border:1px solid #8e8d8d;
	color:#8e8d8d;
	vertical-align:middle;
	font-size:12px;
	margin-bottom:5px;
	background:#fff;
	line-height:normal;
	padding:5px;
}

#formpage input.checkbox {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:13px;
    height:13px;
    display:inline;
    background-color:#fff;
 }

#formpage input.radio {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:15px;
    height:15px;
    display:inline;
 }




/* focus states of various types of fields */

#formpage input:focus,
#formpage textarea:focus,
#formpage select:focus {
	color:#000000;
	border:1px solid #24befe;
	outline-style:none;
}
#formpage input.radio:focus,
#formpage input.checkbox:focus {
	background:none; 
	border:0;
	outline-style:none;
}
 



#formpage input.button,
#formpage input.button:focus {
    width:100%; 
    margin:0;
    padding:7px 0;
    background:#ffcc00;
    border:0;
    font-size:14px;
	margin-top:10px;
	line-height:14px;
	font-weight:bold;
    color:#000000;
}
#formpage input.button:hover {
	background:#FF8B1E;
	color: #FFFFFF;
}
 
.column3 {
	margin-bottom: 30px;
	width:100%;
}


/*  EXPANDER
------------------------------------------------*/	

.toggle.expander.expanded {
	display: none;
	float: none;
	margin:0;
}

a.expander.toggle.column3.submit-button.collapsed {
    width:100%;
	width:calc(100% - 10px);
	max-width: 1502px;
    display: inline-block;
    text-align: center;
    padding: 5px 5px;
    color: #fff;
    font-size: 14px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-transform: uppercase;
	float: none;
	margin:0;
}

a.expander.toggle.column3.submit-button.collapsed {
    width:100%;
	width:calc(100% - 10px);
    background: #24befe;
    display: inline-block;
	padding: 5px 5px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-transform: uppercase;
	text-decoration:none;
	float: none;
	margin:0;
}
a.expander.toggle.column3.submit-button.collapsed:hover {
    width:100%;
	width:calc(100% - 10px);
    background: #FFFFFF;
    display: inline-block;
	padding: 5px 5px;
    text-align: center;
    color: #24befe;
    font-size: 14px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-transform: uppercase;
	text-decoration:none;
	float: none;
	margin:0;
}
.text-link.expander.collapsed {
	visibility: visible;
	-webkit-transition:.5s ease-in;  
	-moz-transition:.5s ease-in;  
	-o-transition:.5s ease-in;  
	transition:.5s ease-in;
	float: none;
	background: #24befe;
}
	
.text-link.expander.expanded {
	color: #fff;
	max-width:300px;
	float: none;
	margin:0;
}

	
.toggle.expander.expanded:hover {
	text-decoration:none;
	color:#767475;
	background:#f9f8f3;	
	outline-style:none;
	border:1px #0f355b solid;
	max-width:300px;
	float: none;
	margin:0;
}
	
.toggle.expander.collapsed:hover {
	text-decoration:none;
}

 .captcha {
	width:100%;
	margin:0 auto;
	color:#D5D5D5;
	line-height:19px;
	text-align:center;
	font-weight: 200;
}

.captcha a{
	color:#D5D5D5;
}

.captcha input{
	margin:0;
	float:none;
	max-width:300px
}


@media screen and (max-width: 1900px) {
	.box-buttons a {
	width: 30%;
	display:inline-block;
	position: relative;
	margin: 0 auto;
	text-align:center;
	background-size:cover;
	padding:10px 0;
	height:248px;
	font-size:35px;
	color:#fff;
	text-decoration:none;
	font-family:'roboto_regular';
	line-height:250px;
	margin-right: -5px;
	text-shadow: 2px 2px 5px #000000;
	}
}
@media screen and (max-width: 1800px) {
.manu-logos {
	width:100%;
	display:block;
	background:#818181;
	margin: 7px 0;
}
.manu-logos a {zoom:1; *display:inline; margin:30px 3% 30px 3%;}
.manu-logos a.sm {width:6.7%; max-width:83px;}
.manu-logos a.med-sm {width:20%; max-width:145px;}
.manu-logos a.med-lg {width:20%; max-width:237px}
.manu-logos a.lg {width:20%; max-width:237px; max-height: 50px;}
.manu-logos img {height:auto; width:100%; }
}


@media screen and (max-width: 1610px) {
	header nav {
		width:100%;
		float: right;
		max-width: 915px;
		padding-right: 1.2%;
		margin-top: 30px;
		display: block;
		background:#252525;
	}
	header nav a:link, header nav a:active, header nav a:visited {
		display:block;
		text-decoration:none;
		color:#FFFFFF;
		font-weight:light;
		font-family:'roboto_regular';
		font-size:17px;
		line-height:25px;
		padding:0px 14px 8px 14px;
		text-transform:uppercase;	
	}
}

@media screen and (max-width: 1550px) {
	
	header nav {
		width:100%;
		float: right;
		max-width: 830px;
		padding-right: 4.5%;
		margin-top: 30px;
		display: block;
		background:#252525;
	}
	header nav a:link, header nav a:active, header nav a:visited {
		display:block;
		text-decoration:none;
		color:#FFFFFF;
		font-weight:light;
		font-family:'roboto_regular';
		font-size:17px;
		line-height:25px;
		padding:0px 12px 8px 12px;
		text-transform:uppercase;	
	}
	
	.slick-slide img {
		display: block;
		height: 40px;
		padding: 25px 0;
	}
}


/***************************** responsive styles **/
@media screen and (max-width: 1500px) {
	
	header nav {
		width:100%;
		float: right;
		max-width: 820px;
		padding-right: 0;
		margin-top: 20px;
		display: block;
		background:#252525;
	}
	header nav a:link, header nav a:active, header nav a:visited {
		display:block;
		text-decoration:none;
		color:#FFFFFF;
		font-weight:light;
		font-family:'roboto_regular';
		font-size:16px;
		line-height:25px;
		padding:0px 12px 8px 12px;
		text-transform:uppercase;	
	}
	header {height: 74px; }
	.headwrap {width: 95%;}
	.logo img {max-width: 400px;}
	.logo {padding-top: 30px;}
}



@media screen and (max-width: 1300px) {
	
	header nav {
		width:100%;
		float: right;
		max-width: 780px;
		padding-right: 0;
		margin-top: 20px;
		display: block;
		background:#252525;
	}
	header nav a:link, header nav a:active, header nav a:visited {
		display:block;
		text-decoration:none;
		color:#FFFFFF;
		font-weight:light;
		font-family:'roboto_regular';
		font-size:15px;
		line-height:25px;
		padding:0px 12px 8px 12px;
		text-transform:uppercase;	
	}
	
	.map-area {
	width:58%;
	margin-right:2%;
	margin-top:20px;
	display:block;
	text-align:center;
	float:right;
	
}
}

@media screen and (max-width: 1260px) {
	.headtext {width: 100%; float: none;text-align: center;}

	.head h4 {font-weight: bold; text-transform: uppercase;  padding-top: 140px; font-size: 30px;}
	.head h5 {font-weight: bold; text-transform: uppercase;color: #FFFFFF;padding-left: 0px;text-shadow:2px 5px 8px #000000;text-align: center;width: 100%;}
	
	
	header nav {
		width:100%;
		float: right;
		max-width: 745px;
		padding-right: 0;
		margin-top: 20px;
		display: block;
		background:#252525;
	}
	header nav a:link, header nav a:active, header nav a:visited {
		display:block;
		text-decoration:none;
		color:#FFFFFF;
		font-weight:light;
		font-family:'roboto_regular';
		font-size:15px;
		line-height:25px;
		padding:0px 10px 8px 10px;
		text-transform:uppercase;	
	}
	
}
@media screen and (max-width: 1180px) {
.show-tablet {display:block;}
	.hide-tablet {display:none;}
	.cont-4 {display: none; visibility:hidden;}
	
	#simple-menu {
		float:right;
		background:url(../siteart/mobile-nav-icon.png) no-repeat center center;
		height:38px;
		width:38px;
		display:block;
		cursor:pointer;
	}
	#simple-menu:hover {background:url(../siteart/mobile-nav-icon-hover.png) no-repeat center center;}
	
	header nav {margin-top: 25px;border-bottom: 0;float: right; max-width: 1180px;}
	.innernav {float: right; margin-right: 60px;}
	header nav a:hover{cursor: pointer}
	.logo {padding: 0;}
	header {height:75px;}
}
@media screen and (max-width: 1150px) {
	.textwrap {width: 65%;}
	.inventory-contain {width: 98%; margin: 0 auto; float: none;}
.inventory-box {width: 31%;}

}


@media screen and (max-width: 1080px) {	
.hours {margin-bottom: 60px;}


}

@media screen and (max-width: 1024px) {
	.wrap {width:90%;}
	.contwrap {width:90%;}
	body {font-size:14px;}
	p {margin-bottom:14px;}
	h1 {font-size:28px;}
	h3 {font-size:22px;}
	h4 {font-size:18px;}
	
	footer p {font-size:12px; margin-bottom:12px;}
	
	.quick-link {width:23.2%; width:calc(23.2% - 2px); padding-left:3%;}
	.divfooter {width:37.4%; padding-left:4%;}
	.hosted {margin-top: 65px; }
	.inventory-contain {width: 60%; margin: 0 auto; float: none;}
.inventory-box {width: 100%;}
}
@media screen and (max-width: 950px) {
	h2{font-size:25px;} 
	.new-used h2 img {width: 5%}
	.manu-logos a{margin:15px 2%;}
	.categorybox {
		float:left;
		width: 49%;
		margin: 0 0 0 0;
		box-sizing: border-box;
		height:300px;
		margin: .3%;
		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;
		border:1px #000 solid;
	}
	
	.textwrap {width: 100%;min-height: 180px;}
	.textwrap2 {margin-left: auto; margin-right: auto;position: relative; float: none;width: 20%;vertical-align:center;height: 180px; }
	.hoursbox {width: 100%; float: none; position: relative;margin: 0 auto;text-align: center;}
	
}

@media screen and (max-width: 910px) {
.map-area {
	width:100%;
	margin-top:20px;
	display:block;
	text-align:center;
	float:left;
	padding-right: 0;
	
}
.orangetextwrap {
	background: #FFFFFF;
	margin-top: 30px;
	max-width: none;
	width:100%;
	max-width: 1600px;
	display:inline-block;
	text-align:left;
	float:none;
	padding:20px 0px 20px 0px;
	margin:20px 0px 20px 0px;
	border: 1px solid #000000;
	height:310px;
	}
	.orangetextwrap p {
	padding-left: 20px;
	}
	
	article {margin-left: 0; padding-right: 20px;}
	.contimg img { float: none; max-width: 1200px; width: 100%; margin: 0 0px;}
}
@media screen and (max-width: 880px) {
.whole{
	display: inline-block;width: 35%; margin: 10px 20px; position: relative; float: none; flex-wrap:no-wrap;}
	
	.brands-wrap {
	text-align: center;
	position: relative;
	float: none;}
	.brands-wrap img {max-width: 120px;}
	
	
}
@media screen and (max-width: 820px) {
.inventory-contain {width: 98%; margin: 0 auto; float: none;}
}

@media screen and (max-width: 768px) {
	.show-768 {display:block;}
	
	.loc-list {font-size:12px;}
	
	
	
	
	.border-box {margin-top:15px;}
	.border-box h6 {width:26%;}
	
	
	.contact-info {width:40%; margin:0 0% 15px 0;}
	.map {width:100%;}
	
	.contactform {float: none; margin: 20px auto; width: 90%}
	.quick-link {width:100%; padding-left:0%; border-right:0; text-align: center;padding-top: 40px;}
	.quick-link ul {padding-bottom:20px ; padding-left: 0;}
	.divfooter {width:90%; padding-left:0%; margin:15px 5% 0 5%; text-align:center;}
	.hosted {width: 100%; text-align: center;margin-left:0; margin-bottom: 40px; padding: 0;margin-top: 25px}

	
	.head {height: 200px;}
	.head h4 {padding-top: 60px;color:#252525; text-shadow:none;}
	.head h5 {font-weight: bold; text-transform: uppercase;color: #FFFFFF;padding: 0;text-shadow:2px 5px 8px #000000;text-align: center;width: 95%;font-size: 30px;margin: 0 auto;}
	

}
@media screen and (max-width:660px) {
	
	.no-break {display:block;}
	
	h1 {font-size:24px;}
	h3 {font-size:18px;}
	
	.logo {width: 90%;max-width: 660px; float: none; text-align: center;margin: 0 auto;overflow-x:hidden;}
	.logo img{width: 100%; float: none; text-align: center;margin: 0 auto; padding: 0;overflow-x:hidden;}
	.rt-header {width: 100%; text-align:center;padding-left: 0;}
	header {height: 115px;}
	.rt-header {margin-top: 55px;}
	header nav{margin-top: 10px; }
	.contact-info {width:60%;}
	.innernav {float: right; margin-right: 20px;}
	
	.brands a {width:31.33333%;}
	
	.locations div {width:48%; margin:0 2% 15px 0;}
	
	.whole{
	display: inline-block;width: 40%; margin: 10px 20px; position: relative; float: none; flex-wrap:no-wrap;}

	.orange h1 {margin-top: 30px;}
}



@media screen and (max-width:480px) {
	.col2 {width:100%; margin-right:0%;}
	.inventory-contain {width: 90%; margin: 0 auto; float: none;}
	.inventory-box {width: 100%;}
	.head h4 {padding-top: 40px;}
}