﻿
/*===================== 
	base styles 
=======================*/
* {box-sizing: border-box;}

html {
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
	}

body {
	font-family: 'Lato', sans-serif;
    margin: 0;
	padding:0;
	background:url(../siteart/tactile_noise_@2X.png) repeat !important;
	color:#000;
	overflow-x: hidden;
	line-height: 1.42857;
	}

svg:not(:root) {overflow: hidden;/*reset*/}

select,
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
	
/* clear floats */ 
.group:before,
.group:after {content: ""; display: table;} 
.group:after {clear: both;}
.group {zoom: 1;}	
.clear { clear: both;}
	
/*image replacement*/
.hide-text {
	text-indent:  100%;
	white-space:  nowrap;
	overflow:  hidden;
	}	

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	border-style: solid;
    height: 0;
	} 

img { border: 0; max-width:100%;} 
	
/*===================== 
	typography 
=======================*/

h1, h2, h3, h4, h5, h6 {
	font-family: 'Lato', sans-serif;
	margin: 0;
	color:#E81C11;
	font-weight:700;
	}
	h1 {font-size: 36px; padding-bottom:2%; line-height:1.5em;}
	h2 {font-size: 30px; padding-bottom:1.5%; line-height:1.4em;}
	h3 {font-size: 24px; padding-bottom:1%; line-height:1.3em;}
	h4 {font-size: 20px; padding-bottom:0.5%; line-height:1.2em;}
	h5 {font-size: 18px; padding-bottom:0; line-height:1.1em;}

p {
	font-family: 'Lato', sans-serif;
	padding: 0 0 2% 0;
	font-size:18px;
	line-height:1.5em;
	margin: 0;
	}
strong{	font-family: 'Lato', sans-serif;font-weight:normal;color:#E81C11;font-weight:700;}

/*===================== 
	link styles 
=======================*/

a.link:focus {outline: thin dotted;/*reset*/
	}
	
a {
    text-decoration:none;
	color:inherit;
	transition: all .2s ease-in-out;
}

a:hover  {
	text-decoration: none;
	color: #ef2e24;
	} 
	
	
.appbutton{}
.appbutton a{background:#38b749; padding:5px 10px;color:#fff; border-radius:3px;}
.appbutton a:hover{background:#262626; padding:5px 10px;color:#fff; border-radius:3px;}
 
/*===================== 
	list styles 
=======================*/
ul.list{
	margin:0;
	padding: 0 0 5% 7%;
}
ul.list li{
	font-size:16px;
}

/*===================== 
	header styles 
=======================*/
.topbar{background:#231f20; padding:2px 0;font-size:16px;color:#fff;font-family:'Lato', sans-serif;}
.topbar a{color:#fff !important;}
.topbar a:hover{color:#ef2e24 !important;}
.topbar p{padding:0 0 0 0;}
.topbar i{margin-right:5px;}
.topbar ul{list-style:none;margin:0 auto;padding:0;}
.topbar ul li{float:left;padding:12px 40px 7px 0;}

header{width:100%;margin:0;padding:10px 0 5px 0;background:#303030;border-bottom:4px solid #ef2e24;}

.headerwrap{width:96%;max-width:1480px;margin:0 auto;}
.logo{float:left;width:12%;margin-right:2%;}
.bbb{float:left;}
.headright{float:right;text-align:right;}
.headright h4{color:#fff;}
.logo-wrap {float:left;margin-left:30px;text-align:center; display: flex; flex-wrap: wrap; justify-content: flex-start;}
.logo-wrap img {width: 100%; height: auto; margin: 0 auto; padding: 3px; max-width: 100px;}
img#elite-dealer {max-width: 65px;}
.logo-wrap p{color:#fff;padding:0;line-height:1.2em; width: 100%; text-align: left;}

.headsearch{float:right;width:20%;padding-top:5px;font-family:'Lato', sans-serif;}
.searchfield{width:90%;margin:0 5px;}
.searchfield form {display: flex; align-items: center;}
#search{float:left;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;margin:0 5px;padding:5px 15px;width:80%;font-size: 14px!important;}
#submit{float:left;color:transparent;background:#ef2e24 url(../siteart/searchbutton.png) center center no-repeat!important;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;height:27px;width:27px;margin-top:2px;}
#submit:hover{cursor:pointer;}

/*===================== 
	content styles 
=======================*/
.wrapper{width:96%;max-width:1480px;margin:0 auto;padding:0;}
.container{width:100%;max-width:1520px;margin:0 auto;}
#invwrap{padding:2% 0;}

	
/*===================== 
	slideshow styles 
=======================*/
.heroslider{max-width:100%;margin:0 auto;}
#slidewrap{max-height:650px !important;}
#rev_slider_1_forcefullwidth{max-height:650px !important;}
/*.zoomed{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-ms-transition:15s all ease;-moz-transition:15s all ease;-webkit-transition:15s all ease;-o-transition:15s all ease;transition:15s all ease;}*/
.homevideo{display:block;width:90%;margin:2% auto;text-align:center;}
.homevideo video,.homevideo iframe{height:340px;max-height:340px;width:40%;}
.homevideo audio{width:40%;}
.videotext,.homevideo audio,.homevideo video,.homevideo iframe{display:inline-block;zoom: 1;*display: inline;vertical-align:middle;}
.videotext{width:45%;margin-left:3%;}
.videotext h3{padding:0;}
.videotext p{color:#ccc;}

/* The animation code */
@keyframes zoomed {
    from {transform:scale(1.0);}
    to {transform:scale(1.2);}
}



/* Animation for the slideshow images */
@-webkit-keyframes zoomed { 
    0% { transform:none; }
    25% { transform:scale(1.1); }
    50% { transform:scale(1.15); }
    75% { transform:scale(1.2); }
    100% { transform:scale(1.25); }
}
@-moz-keyframes zoomed { 
    0% { transform:none; }
    25% { transform:scale(1.1); }
    50% { transform:scale(1.15); }
    75% { transform:scale(1.2); }
    100% { transform:scale(1.25); }
}
@-o-keyframes zoomed { 
    0% { transform:none; }
    25% { transform:scale(1.1); }
    50% { transform:scale(1.15); }
    75% { transform:scale(1.2); }
    100% { transform:scale(1.25); }
}
@-ms-keyframes zoomed { 
    0% { transform:none; }
    25% { transform:scale(1.1); }
    50% { transform:scale(1.15); }
    75% { transform:scale(1.2); }
    100% { transform:scale(1.25); }
}
@keyframes zoomed { 
    0% { transform:none; }
    25% { transform:scale(1.1); }
    50% { transform:scale(1.15); }
    75% { transform:scale(1.2); }
    100% { transform:scale(1.25); }
}

/* The element to apply the animation to */
#snapshot{
    -webkit-animation: zoomed 34s ease-in infinite ;
	-moz-animation: zoomed 34s ease-in infinite;
	-o-animation: zoomed 34s ease-in infinite;
	animation: zoomed 34s ease-in infinite;
}



.tp-caption{border:4px solid #ef2e24;-moz-border-radius:60px;-webkit-border-radius:60px;border-radius:60px;}
.innerloop{width:100%;height:98%;border:3px solid #fff;-moz-border-radius:60px;-webkit-border-radius:60px;border-radius:60px;}
.herotext{color:#fff;font-size:40px !important;background:url(../siteart/dark.png) repeat;-moz-border-radius:60px;-webkit-border-radius:60px;border-radius:60px;padding:10px 30px !important;text-align:center !important;}
#herowide span{display:block;}

.slides{background:url(../siteart/concrete_wall.png) repeat;padding:0;color:#fff;position:relative;}

.cycle-slideshow{box-shadow: 0px 2px 5px 1px rgba(0,0,0,.75);}
.cycle-slideshow img{
	width:100%;
}

/* pager */
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 10px; overflow: hidden;display:none;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #ddd; cursor: pointer; transition: all .5s ease-in-out; 
}
.cycle-pager span.cycle-pager-active { color:#2885b3;}
.cycle-pager > * { cursor: pointer;}

/*===================== 
	open house styles 
=======================*/
.bannerbar{background:#231f20;padding:1% 0;}
.bannerleft,.bannerright{display:inline-block;zoom: 1;*display: inline;}
.bannerleft{width:55%; }
.bannerleft img, .bannertext{display:inline-block;zoom: 1;*display: inline;vertical-align:middle;}
.bannerleft img{width:100%;}
.bannerleft {width:35%;}
.bannertext{width:75%;margin-left:4%;}
.bannertext p{color:#fff;}
.bannerright{width:36%;margin-left:3%;}
.bannerbutton{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#ef2e24;padding:8px 0;text-align:center;-moz-box-shadow:5px 5px 5px #6A6A6A;-webkit-box-shadow:5px 5px 5px #6a6a6a;box-shadow:5px 5px 5px #6a6a6a;}
.bannerbutton h4{color:#fff;padding:0;}
.bannerbutton:hover{background:#000;-moz-transition:0.3s all ease;-webkit-transition:0.3s all ease;-ms-transition:0.3s all ease;-o-transition:0.3s all ease;transition:0.3s all ease;}
.wrapper-openhouse{width:100%;max-width:1147px;margin:0 auto;padding:0;}

/*===================== 
	swiper styles
=======================*/
.swiper {
	width: 100%;
	height: 600px;
}

.swiper-slide{
	display: flex;
	align-items: center;
	justify-content: center;
}

.swiper-slide img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.openhouse .slider-wrapper {
	position: relative;
}

.slider-overlay {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.45);
}

.overlay-content {
  text-align: center;
  color: #fff;
  max-width: 90%;
}

.overlay-content p {
  font-size: 48px;
  font-weight: 600;
  line-height: 1.3;
  text-shadow: 0 2px 10px rgba(0,0,0,0.6);
}

.overlay-content strong {
  display: block;
  font-weight: 800;
  margin-top: 0.5rem;
}


/*===================== 
	banner styles 
=======================*/
.employmentbar{background:#fff;padding:1% 0;}
.employleft,.employright{display:inline-block;zoom: 1;*display: inline;vertical-align:middle;}
.employleft{width:65%;}
.employleft img, .employtext{display:inline-block;zoom: 1;*display: inline;vertical-align:middle;}
.employleft img{width:20%;}
.employtext{width:75%;margin-left:4%;}
.employright{width:30%;margin-left:3%;}
.submitbutton{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#ef2e24;padding:8px 0;text-align:center;-moz-box-shadow:5px 5px 5px #6A6A6A;-webkit-box-shadow:5px 5px 5px #6a6a6a;box-shadow:5px 5px 5px #6a6a6a;}
.submitbutton h4{color:#fff;padding:0;}
.submitbutton:hover{background:#000;-moz-transition:0.3s all ease;-webkit-transition:0.3s all ease;-ms-transition:0.3s all ease;-o-transition:0.3s all ease;transition:0.3s all ease;}

/*===================== 
	quicklink styles 
=======================*/
.quicklinks{background:url(../siteart/tactile_noise_@2X.png) repeat;margin:0 auto;padding:1% 0;width:100%;text-align:center;border-bottom:10px solid #F14F46; background-color:black;}
.linkbox{display:inline-block;zoom: 1;*display: inline;width:14%;margin:1%;height:220px;position:relative;background:#fff;vertical-align:top;overflow:hidden;}
.linkbox:hover img{-moz-transform:scale(0.9);-webkit-transform:scale(0.9);-ms-transform:scale(0.9);-o-transform:scale(0.9);transform:scale(0.9);-moz-transition:0.3s all ease;-webkit-transition:0.3s all ease;-ms-transition:0.3s all ease;-o-transition:0.3s all ease;transition:0.3s all ease;}
.linkback{width:96%;height:96%;padding:2%;display:block;}	
.linktitle{position:absolute;z-index:10;bottom:0;background:#cecece;border-top:4px solid #ef2e24;width:100%;padding:0 2%;height:56px;}	
.linktitle h4{position:absolute;z-index:11;top:50%;-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);width:90%;left:5%;right:5%;color:#4e4f4f;font-size:18px;}
#alleq img, #misceq img {width: 100%;height:auto;max-width:220px;}

.categoryslider{position:absolute;z-index:1000;width:100%;top:-250px;height:100%;background:black;background-size:cover;display:block;}
.categorywrap{position:absolute;border:1px inset #fff;width:90%;top:50%;-moz-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);left:5%;}
.categorytitler{background:#231F20;}
.categorywrap h4{padding:3px 0 0 0;font-size:14px;color:#fff;}
.categorywrap p{padding:0 0 2px 0;font-size:13px;color:#fff;border-bottom:1px solid #fff;}
.categorywrap a{display:block;padding:5px 0;color:#fff;font-weight:bold;text-transform:uppercase;font-size:11px;}
.categorywrap a:hover{color:#ef2e24;background:#fff;}
.linkbox:hover > .categoryslider{top:0;-moz-transition:0.3s all ease;-webkit-transition:0.3s all ease;-ms-transition:0.3s all ease;-o-transition:0.3s all ease;transition:0.3s all ease;}

/*===================== 
	mottobar styles 
=======================*/
.mottobar{margin:1% auto;}
.mottoleft{float:left;width:50%;}
.buttonblock,.tagline{display:inline-block;zoom: 1;*display: inline;vertical-align:middle;}
.buttonblock{width:48%;}
.departmentbutton{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:5px solid #fff;margin:10px auto;}
.slanted{height:33px;display:block;width:40%;float:left;background:url(../siteart/redslant.png) left center no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;padding:5px 0;}
.departmentbutton:hover .slanted{width:45%;-moz-transition:0.3s all ease;-webkit-transition:0.3s all ease;-ms-transition:0.3s all ease;-o-transition:0.3s all ease;transition:0.3s all ease;}
.depttitle{width:50%;float:right;text-align:left;padding:5px 0;}
.depttitle h3{color:#fff;}
.tagline{width:42%;text-align:left;margin-left:6%;}
.tagline h2{color:#ef2e24;padding:0;}
.tagline h2 span{color:#fff;}
.mottoright{height:200px;position:relative;float:left;width:50%;background:url(../siteart/mottoback.jpg) left center no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover; background-color: white;}
.mottotext{position:absolute;width:70%;left:15%;right:15%;top:50%;-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);text-align:left;}
.mottotext h4{color:#ef2e24;}

.financing-wrapper {width: 100%; background: linear-gradient(#ddd, #fff); padding: 3em 10%; display: flex; justify-content: center; flex-wrap: wrap; text-align: center;}
.financing-wrapper h2 {text-transform: uppercase;}
.financing-wrapper h2, .financing h4 {color: #000; width: 100%; text-align: center;}
.financing-wrapper button {border: none; background: #ef2e24; padding: .75em; width: 100%; color: #fff; font-size: 20px; font-weight: 700; cursor: pointer; transition: .2s ease-in-out all; font-family: 'Lato', sans-serif; border-radius: 5px;}
.financing-wrapper button:hover {background: #333;}
.financing-wrapper a {width: 100%;}
.financing-wrapper img {width: 100%; max-width: 222px; height: auto; padding: 1em; margin: 0 auto; display: block;}
.finance-logos {width: 100%; display: flex; justify-content: space-between; align-items: center; margin: 1em 0; flex-wrap: wrap;}
.finance-logos a {width: calc(33.33% - 1em); margin: .5em;}

/*===================== 
	welcome styles 
=======================*/
.padit{padding:2% 0;}
.welcome{background:url(../siteart/welcomeback.jpg) center center no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;background-color:white;}
.welcomeleft{width:68%;float:left;}
.welcomeleft h3{padding:0;color:#000;font-weight:400;}
#textheading{padding-bottom:1.2%;}
.welcomeleft h1{line-height:1.1em;color:#ef2e24;}
.welcomeleft ul li{margin:5px 0;font-size:18px;}
.welcomeright{width:28%;margin-left:4%;float:left;}
#promos{margin-bottom:4%;}
.deptcontact{border-bottom:4px solid #4e4f4f; }

.contactblock{width:100%;}
.contactleft,.contactright{display:inline-block;zoom: 1;*display: inline;vertical-align:middle;}
.contactleft{width:54%;margin-right:2%;border-right:4px solid #4e4f4f;}
.contactright{width:38%;margin-left:3%;}

.media{background:url(../siteart/tactile_noise_@2X.png) repeat;}
.mediablock{width:100%;margin:0 auto;}
.mediablock h4{color:#fff;margin-left:1%;margin-top:2%;}
.mediablock h4:first-child{margin-top:0;}
.mediabox{width:31%;display:inline-block;zoom: 1;*display: inline;margin:1%;vertical-align: top;}
.mediabox p{color:#fff;}
.mediabox audio,.mediabox video{max-width:100%;}

.employeephoto{display:inline-block;zoom: 1;*display: inline;width: calc(49% - 2em); margin: 1em;}

.brandblock{margin:0 auto;width:100%;}
.brandbox{margin:4% auto;width:100%;border-bottom:2px solid #fff;padding-bottom:4%;}
.brandlogo{width:20%;float:left;background:#fff;padding:2%;}
.branddescription{width:72%;margin-left:4%;float:left;}
.branddescription h4{color:#fff;padding-bottom:1.3em;}
.branddescription h5{color:#ccc;padding-bottom:1.2em;}
.branddescription p{color:#b6b6b6;}
.branddescription ul li{margin:5px 0;font-size:18px;color:#b6b6b6;}

#showbrands{text-align:center;width:100%;}
.branded{display:inline-block;zoom: 1;*display: inline;width:15%;margin:1%;background:#fff;padding:1%;position:relative;overflow:hidden;}

.invslider{position:absolute;z-index:12;width:100%;left:0;bottom:-100px;background:#000;}
.invslider a{margin:0 auto;padding:10px 0;border-bottom:1px solid #fff;color:#fff;width:100%;display:block;font-size:13px;}
.invslider a:hover{background:#ef2e24;color:#fff;-moz-transition:0.2s ease-in;-webkit-transition:0.2s ease-in;-ms-transition:0.2s ease-in;-o-transition:0.2s ease-in;transition:0.2s ease-in;}
.branded:hover .invslider{bottom:0;-moz-transition:0.2s ease-in;-webkit-transition:0.2s ease-in;-ms-transition:0.2s ease-in;-o-transition:0.2s ease-in;transition:0.2s ease-in;}

#finance{margin:10px auto;}

.nametag{margin:5px auto;}

/*===================== 
	brandbar styles 
=======================*/
.brands{background:#fff;padding:1% 0;text-align:center;}
.brands h3{padding:0;}
.brandslider{width:94%;margin:0 auto;}
.manulogo{width:60%;margin:0 20%;}

.logoblock{margin:0 auto;width:100%;text-align:center;}
.storeholder{margin:2% auto;}
.storebutton{width:25%;margin:0 2% 2% 2%;display:inline-block;zoom: 1;*display: inline;}

/*===================== 
	social styles 
=======================*/
.social{background:url(../siteart/tactile_noise_@2X.png) repeat;padding:1% 0; background-color: black;}
.ads{width:60%;float:left;}
.ads h4, #view{display:inline-block;zoom: 1;*display: inline;vertical-align:middle;margin-bottom:2%;}
.ads h4{color:#fff;margin-right:10%;}
#view{width:40%;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}
#view h4{margin:0 auto;}
.fbfeed{width:30%;margin-left:5%;float:right;}
.fb-page{max-width:100%;}

/*===================== 
	Inv Search styles 
=======================*/
.filter-search {background: #231f20; width: 100%; color: #ddd; padding: 3em 1.5em; font-family: 'Lato', sans-serif; text-align: center;}
.filter-search .flex-wrapper {display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap;}
.filter-search .flex-wrapper div {width: calc(33.33% - 2em); margin: 1em;}
.filter-search h2 {letter-spacing: 2px; line-height: 40px; font-weight: 700; font-size: 30px; color: #F14F46; padding-bottom: inherit;}
.filter-search label.toggle-btn {font-weight: 800; color: #F14F46; cursor: pointer; padding: 10px 5%; display: inline-block;}
.filter-search form label{display: block; font-weight: 700; font-size: 16px; margin: 5px 0; text-align: left;}
.filter-search form select, .filter-search form input[type="text"]{display: block; width: 100%; height: 100%; padding: 12px; font-family: 'Lato', sans-serif; border: 1px transparent solid; background: #363636; color: #ddd; border-radius: 25px;}
.filter-search form input[type="submit"] {width: 100%; cursor: pointer; text-align: center; color: #F14F46; font-family: 'Lato', sans-serif; font-weight: 800; padding: 13px 5%; border: 1px solid #F14F46; background: transparent; text-transform: uppercase; border-radius: 25px; transition: all .2s ease-in-out;}
.filter-search form input[type="submit"]:hover {color: #fff; border: 1px solid #fff;}
.filter-search section {display: none;}
.filter-search input:checked + label {color: #fff; font-weight: 900;}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2 {
  display: block;
}


/*===================== 
	Form styles 
=======================*/
#formpage{padding:0 10px;}

form{
	margin:0 0 0;
}
#formpage label{
	display:block;
	font-size:16px;
	padding-top: 4%;
	width:100%;
}
#formpage input{
	font-family: 'Lato', Arial, sans-serif;
	border: #999999 solid 1px;
	border-radius: 2px;
	padding: 1%;
	font-size:14px;
	width:98%;
	margin-bottom:10px;
}
#formpage input:focus{
	border: #2885b3 solid 1px;
}
#formpage input.button2{
	display:block;
	width:50%;
	margin:0 auto 5% auto;
	border:#277e32 solid 1px;
	background-color:#38b749;
	color:#fff;
	border-radius: 2px;
}

#formpage input.button2:hover{
	background-color:#277e32;
	cursor:pointer;
}

#formpage select{
	font-family: 'Lato', Arial, sans-serif;
	border: #999999 solid 1px;
	padding: 1%;
	font-size:14px;
	width:98%;
}

#formpage textarea{
	font-family: 'Lato', Arial, sans-serif;
	border: #999999 solid 1px;
	border-radius: 2px;
	padding: 1%;
	font-size:14px;
	width:98%;
}

/*===================== 
	layout styles 
=======================*/
.ribbon{text-align:center;color:#fff;background:#38b749;border-bottom:#216c2b 5px solid;position:relative;}
.ribbon h2{color:#fff;}


.sitemap{background:url(../siteart/escheresque_ste.png) repeat;color:#fff;}
.sitemap p{line-height:2em;}
.sitemap i{font-size:42px;margin-right:20px;}

#invhead{padding-bottom:2%;}
.cf{background:#fff;}
.hosted-content .pagination > .drop-down-form select{width:8% !important;}
.hosted-content h1{font-size:24px !important;}
.hosted-content h2{font-size:22px !important;}
.hosted-content h3{font-size:20px !important;}

.currency-capital-price-container,.legal{display:none;}
.checkbox{width:15px;}

.filterstack{float:left;width:25%;}
.listingstack{float:right;width:73%;margin-left:2%;}

/*--------Scrolling Inventory--------*/
.scrollinv{padding:14px 0;width:100%;position:relative;background:#fff;}
.hgv{position:absolute;width:16%;left:41%;right:41%;}
.scrolling{display:block;background:url(../siteart/scrollingbg.jpg) repeat; border-top:#1a1717 4px solid;}

.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
}

#agscroll{width:46.5%;float:left;}
#truckscroll{width:53.5%;float:right;}
 
.scrolling{
    width:100%;
    height:92px;
}


.mobilecontainer { 
	overflow:hidden; /* must have this property for mobile phones and tablet display! */
	width:100%; 
	margin:0 auto;
	height:92px; 
	padding:0;
	background:#000;
}
iframe.banner {
	width:100%;
	height:92px;
	background:#000
}


/*===================== 
	footer styles 
=======================*/

.pagebottom{background:#111111;padding:20px 0;}
.pagebottom p{color:#fff;font-size:14px;}
.pagebottom a{color:#fff;}
.pagebottom a:hover{color:#ef2e24;}

.footerleft{float:left;width:38%;margin-right:2%;}
.footerpages{float:left;width:15%;}
.footerpages a{display:block;color:#a0a0a0;font-size:14px;margin:3px 0;}

footer {
	margin: 0 auto;
	width: 100%;
	}
	
a.footerlink:link,
a.footerlink:visited, 
a.footerlink:active {
	text-decoration: none; 
	font-size:11px;
	color: #ef2e24;
	border-bottom:none;
	}
	a.footerlink:hover {
		text-decoration:none; 
		font-size:11px;
		color: #fff;
		}

.footertext {
	font-size:11px; 
	color:#ef2e24;
	}

.smallfootertext {
	font-size:11px; 
	color:#a0a0a0;
	}

.divfooter {margin:0 auto;}

.openhouse{object-fit: cover;}
.openhouse img {width:100%; max-width:1920px;}

.banner-psa {background-color:#E81C11; display: flex; justify-content: center; padding:10px; }
.psa-text {font-family: 'Lato', sans-serif; font-weight: 700; color:#fff; text-align: center; padding-bottom:5px;}
.service-img {display:flex; align-items: center; margin: 0 auto; width:100%; max-width:720px; padding-top:10px;}
/*===================== 
	Responsive styles 
=======================*/
@media screen and (max-width: 1820px) {
.homevideo video,.homevideo iframe{height:310px;max-height:310px;}
.hgv{width:18%;left:40.5%;right:39.5%;}
.herotext,.herotext span{font-size:36px !important;line-height:1.2em !important;}
.herotext{padding:10px 20px !important;}
}

@media screen and (max-width: 1640px) {
.homevideo video,.homevideo iframe{height:280px;max-height:280px;}
.hgv{width:20%;left:39.5%;right:38.5%;}
#homeright{width:25%;}
}

@media screen and (max-width: 1480px) {
.logo{width:14%;}
.headsearch{width:25%;}
.homevideo{width:100%;}	
.homevideo video,.homevideo iframe{height:250px;max-height:250px;}
.videotext h3{font-size:20px;padding:0;}
.hgv{width:22%;left:39%;right:38%;}
.linkbox{height:200px;}
#alleq img, #misceq img{max-width: 195px;}
.mottotext{left:25%;right:5%;}
.welcomeleft{width:63%;}
.welcomeright{width:33%;}
#homeright{width:30%;}
.fbfeed{float:left;width:32%;}

.tp-caption{border:6px solid #ef2e24;}
.innerloop{border:4px solid #fff;}
.herotext{text-align:center !important;padding:20px 30px !important;}
/*.herotext span{display:block;margin:0 auto !important;text-align:center !important;}*/
.herotext,.herotext span{font-size:32px !important;}
.invslider a{font-size:12px;}
    
.categorywrap a{padding:3px 0;font-size:11px;}
    
.mediabox video{margin-top:-10px;}
}



@media screen and (max-width: 1320px) {
.topbar ul li{padding-right:20px;font-size:15px;}
.headsearch{width:30%;}
/*header{padding:40px 0 6px 0;}
.logo{float:none;position:absolute;left:2%;top:5.5%;z-index:1001;}
.headright{width:100%;float:none;display:block;}*/
.logo{width:16%;}
.logo-wrap p{font-size:14px;}
.headright h4{font-size:18px;}
.homevideo video,.homevideo iframe{height:215px;max-height:215px;}
.hgv{width:24%;left:39%;right:37%;}
.herotext,.herotext span{font-size:30px !important;}

.linkbox{height:180px;}
#alleq img, #misceq img{max-width: 185px;}
.linktitle{height:46px;}
.linktitle h4{font-size:16px;}
.mottoleft{width:52%;}
.mottoright{width:48%;}
.tagline h2{font-size:26px;}
.welcomeleft{width:56%;}
.welcomeright{width:40%;}
#homeright{width:35%;margin-left:6%}
.contactleft{width:56%;}
.contactright{width:36%;}
.fbfeed{margin-left:2%;}
.ads h4{margin-right:5%;}
.footerleft{width:34%;}
.footerpages{width:16%;}
 
.categorywrap{width:92%;left:4%;border:none;}
.categorytitler{display:none;}
    
.mediabox video{margin-top:-20px;}
	
    
}

@media screen and (max-width: 1100px) {
.financing-wrapper {padding: 2em 7%;}
.financing-wrapper img {max-width: 180px;}
.financing-wrapper h4 {padding-top: 15px;}
.logo{width:18%;margin-right:10px;}
.logo-wrap {margin-left:20px;}
.headright h4{font-size:16px;padding-top:20px;}
.tp-caption{border:8px solid #ef2e24;}
.innerloop{border:6px solid #fff;}
.herotext,.herotext span{font-size:26px !important;}
#snapshot{-webkit-animation:none !important;-moz-animation:none !important;-o-animation:none !important;animation:none !important;}
.homevideo video,.homevideo iframe{height:180px;max-height:180px;}
.hgv{width:28%;left:37.5%;right:34.5%;}
h1 {font-size: 32px; padding-bottom:2%; line-height:1.5em;}
h2 {font-size: 26px; padding-bottom:1.5%; line-height:1.4em;}
h3 {font-size: 22px; padding-bottom:1%; line-height:1.3em;}
h4 {font-size: 20px; padding-bottom:0.5%; line-height:1.2em;}
h5 {font-size: 18px; padding-bottom:0; line-height:1.1em;}
p {font-size: 16px;}
.linkbox{height:160px;}
#alleq img, #misceq img{max-width: 155px;}
.linkbox img, .linkbox:hover img{-moz-transform:scale(1.0);-webkit-transform:scale(1.0);-ms-transform:scale(1.0);-o-transform:scale(1.0);transform:scale(1.0);}
.linktitle h4{font-size:14px;}
.welcomeleft ul li,.branddescription ul li{font-size:16px;}
.tagline{margin-left:4%;width:46%;}
.slanted{width:45%;}
.ads{width:80%;float:none;display:block;margin:0 auto;}
.ads h4,#view{display:block;width:100%;margin:10px auto;text-align:center;}
.fbfeed{display:none;}
.footerpages a{font-size:12px;margin:5px 0;}
.mediabox iframe{height:200px !important;}
.branded{width:20%;}
.invslider a{font-size:11px;}
}

@media screen and (max-width: 1000px) {
.logo{width:20%;/*top:9%;*/}
header{padding-top:15px;}
.headerwrap{text-align:center;}
.logo,.bbb,.logo-wrap{display:inline-block;zoom: 1;*display: inline;vertical-align:middle;margin:0 auto;padding:0 10px;float:none;}
.headright{float:none;display:block;width:100%;text-align:center;}
.headright h4{font-size:18px;padding-top:5px;}
.headsearch{text-align:right;width:35%;}
.searchfield{width:85%;margin:0;}
.searchfield,.submit{display:inline-block;zoom: 1;*display: inline;vertical-align:top;}
#search{float:none;width:75%;}
#submit{float:none;height:27px;width:27px;}
.herotext span{display:block;margin:0 auto !important;text-align:center !important;}
.hgv{width:30%;left:37%;right:33%;}
.employmentbar{padding:2% 0;}
.employleft img{display:none;}
.employtext{width:100%;margin:0 auto;}
.linkbox{width:22%;height:200px;}
#alleq, #misceq {height: 160px;}
.mottobar{padding-top:8%;position:relative;}
.mottoleft{width:30%;}
.mottoright{width:70%;}
.storebutton{width:40%;}
.buttonblock{position:absolute;width:96%;top:0;left:2%;right:2%;}
.departmentbutton{display:inline-block;zoom: 1;*display: inline;width:29%;margin:0 1%;}
.depttitle h3{font-size:20px;padding:4px 0 0 0;}
.tagline{width:96%;margin:10% 0 0 4%;}
#homeright{width:34%;}
.contactleft,.contactright{float:none;display:block;width:100%;border:none;text-align:center;margin:0 auto;}
#promos{text-align:center;}
.brandslider{width:90%;}
.social{padding:3% 0;}
#view{margin-bottom:5%;}
.pagebottom{position:relative;padding:90px 0 120px 0;}
.footerleft img{position:absolute;width:20%;left:40%;right:40%;top:5%;}
.footerleft{float:none;width:100%;}
.divfooter{position:absolute;bottom:5%;text-align:center;width:80%;margin:0 auto;left:10%;right:10%;}
.footerpages{width:25%;text-align:center;}
.mediabox{width:30.9%;}
.mediabox p{font-size:14px;}

.filterstack,.listingstack{float:none;width:100%;display:block;margin:0 auto;}
}

@media screen and (max-width: 900px) {
.hgv{width:33%;left:36%;right:31%;}
.linkbox, #alleq, #misceq {height:190px;}
#alleq img, #misceq img{max-width: 195px;}
.tagline{margin-top:15%;}
.tagline h2{font-size:24px;}
.swiper{
	height: auto;
}
.overlay-content p {
	font-size: 32px;
}

}

@media screen and (max-width: 800px) {
.topbar ul li{padding-right:10px;font-size:13px;}
.logo{width:25%;}
.homevideo video,.homevideo iframe{height:300px;max-height:300px;width:80%;margin:0 auto;}
.videotext,.homevideo audio{width:80%;margin:2% auto;display:block;}
.videotext h3{font-size:18px;}
.hgv{width:40%;left:34%;right:26%;}
h1 {font-size: 28px; padding-bottom:2%; line-height:1.5em;}
h2 {font-size: 24px; padding-bottom:1.5%; line-height:1.4em;}
h3 {font-size: 20px; padding-bottom:1%; line-height:1.3em;}
h4 {font-size: 18px; padding-bottom:0.5%; line-height:1.2em;}
h5 {font-size: 16px; padding-bottom:0; line-height:1.1em;}
p {font-size: 16px;}

.hosted-content h1{font-size:22px !important;}
.hosted-content h2{font-size:20px !important;}
.hosted-content h3{font-size:18px !important;}
.linkbox, #alleq, #misceq{height:165px;}
#alleq img, #misceq img{max-width: 150px;}
.buttonblock{width:100%;left:0;right:0;}
.slanted{width:50% !important;}
.mottobar{padding-top:10%;}
.buttonblock{top:1%;}
.mottoleft{width:35%;}
.mottoright{width:65%;}
.welcomeleft{width:50%;}
.welcomeright{width:46%;}
#homeright{width:38%;margin-left:8%;}
.footerleft img{width:26%;left:37%;right:37%;}
.mediabox{width:47.5%;}
.branded{width:28%;}
	
.bannerleft,.bannerright{display:block;width:100%;margin:0 auto;text-align:center;}
.bannerleft img {width:70%;}
.wrapper-openhouse {padding-top:5px;padding-bottom:15px;padding-left:12px;padding-right:12px;}
}

@media screen and (max-width: 700px) {
.herotext,.herotext span{font-size:24px !important;}
.herotext{padding:15px 20px !important;}
.homevideo video,.homevideo iframe{height:240px;max-height:240px;}
.hgv{width:44%;left:32%;right:23%;}
.linkbox{height:155px;}
.slanted{width:55% !important;}
.depttitle{width:45%;}
.depttitle h3{font-size:18px;padding:4px 0 0 0;}
.welcomeleft,.welcomeright{float:none;display:block;width:100%;margin:2% auto;}
.welcomeright{text-align:center;}
#homeright{width:80%;margin:2% auto;}
.contactleft,.contactright{display:inline-block;zoom: 1;*display: inline;text-align:center;width:45%;margin:2%;}
.pagebottom{padding-bottom:140px;}
.filter-search .flex-wrapper div {width: 100%; margin: 0 auto; margin-top: 7px; margin-bottom: 7px;}

.logoblock{position:absolute;top:750px;width:100%;left:0;right:0;}
.storeholder{margin-top:220px;}
.storebutton{width:27%;}
.branded{width:35%;}
    
.employeephoto{text-align:center;}
.service-img {padding-top:5px;padding-bottom:5px;}
}

@media screen and (max-width: 650px) {
.topbar{margin:0 auto;text-align:center;}
.topbar ul li{float:none;display:inline-block;zoom: 1;*display: inline;margin:0 5px;}
header{padding-top:10px;}
.headerwrap{text-align:center;}
.headsearch{width:90%;float:none;display:block;margin:0 auto;text-align:center;}
.searchfield{width:70%;}
#search{width:96%;}
.logo,.bbb{width:auto;display:inline-block;zoom: 1;*display: inline;vertical-align:middle;margin:0 10px;float:none;}
.headright h4,.scrollinv,.tagline{display:none;}
.headright{float:none;display:block;margin:0 auto;width:100%;}
.logo-wrap{text-align:center;margin:5px auto;}
.employmentbar{padding:4% 0;}
.employleft,.employright{display:block;width:100%;margin:0 auto;text-align:center;}
.quicklinks{padding:2% 0;}
.linkbox{width:30%;height:170px;}
#alleq img, #misceq img{max-width: 165px;}
.departmentbutton{width:45%;margin:1%;}
.mottobar{padding:10px 0;}
.buttonblock{position:relative;top:0;}
.mottoleft,.mottoright{width:100%;float:none;background:none;margin:4% auto;height:auto;}
.mottotext{position:relative;width:96%;margin:0 auto;padding:0 2%;left:0;right:0;top:0;text-align:center;-moz-transform:translate(0,0);-ms-transform:translate(0,0);-webkit-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);}
.mottotext p{color:#fff;}
/*.contactright{margin-left:7%;}*/
.brandslider{width:86%;}
.ads iframe{height:300px !important;}
.footerleft img{width:30%;left:35%;right:35%;}
.divfooter{width:96%;left:2%;right:2%;}
.storeholder{margin-top:200px;}
.logo-wrap p{text-align: center;}
.overlay-content p {
	font-size: 24px;
}
}


@media screen and (max-width: 550px) {
.herotext,.herotext span{font-size:20px !important;}
.homevideo video,.homevideo iframe{height:200px;max-height:200px;width:90%;}
.videotext,.homevideo audio{width:90%;}
.videotext h3{font-size:16px;}
.branded{width:40%;}
}

@media screen and (max-width: 480px){
.heroslider{display:none !important;}
.wrapper{width:92%;}
.topbar ul li{padding:6px 10px 6px 0;}
.slides{display:none;}
h1 {font-size: 26px; padding-bottom:2%; line-height:1.5em;}
h2 {font-size: 22px; padding-bottom:1.5%; line-height:1.4em;}
h3 {font-size: 18px; padding-bottom:1%; line-height:1.3em;}
h4 {font-size: 17px; padding-bottom:0.5%; line-height:1.2em;}
h5 {font-size: 16px; padding-bottom:0; line-height:1.1em;}
p {font-size: 15px;}
.quicklinks{padding:3% 0;}
.linkbox, #alleq, #misceq{width:45%!important;height:180px;margin:2%;}
.departmentbutton{width:70%;}	
.welcomeleft ul{padding-left:15px;}
.welcomeleft ul li,.branddescription ul li{font-size:15px;}
.contactleft,.contactright{float:none;display:block;width:100%;border:none;text-align:center;margin:0 auto;}
.brandslider{width:80%;}
.footerleft img{width:40%;left:30%;right:30%;}
.footerpages{width:50%;margin:2% auto;}
.mediabox{width:100%;margin:4% auto;}
.brandlogo{float:none;width:80%;margin:2% auto;}
.branddescription{float:none;width:100%;margin:0 auto;}
.branded{width:43%;margin:2%;}
.employeephoto{width:100%;margin:0 auto; margin-top: 2%; margin-bottom: 2%;}
.logoblock{top:850px;}
.storebutton{width:35%;}
.storeholder{margin-top:280px;}
}

@media screen and (max-width: 447px){
.topbar{font-size:12px;text-align:center;}
.logo,.bbb{margin:0;}
.divfooter {text-align:center;}
.pagebottom{padding-bottom:170px;}
.branded{width:70%;}
}

@media screen and (max-width: 400px){
.logo,#ratings,#ratings:hover{width:70% !important;display:block;float:none;text-align:center;margin:5px auto;}
.logo img{margin:0 auto;}
#ratings a img,#ratings a{max-width:100% !important;}
#bbblink,#bbblink:hover{width:100% !important;}
a#bbblink.ruhzbum:hover img{margin:0px auto !important;}
.logo-wrap{margin-top:-10px;margin-bottom:15px;}
.linkbox{height:160px;}
.departmentbutton{width:90%;}	
.ads{width:100%;}
.footerleft img{width:50%;left:25%;right:25%;}

.logoblock{top:900px;}
.overlay-content p {
	font-size: 16px;
}
}
	
