/*===================== 
	Color information
	
	- Light Blue: #6dc6e7;
	- Darker Blue: #2885b3;
	- Light Blue-Gray Tint: #e6ecf5;
	-
		 
=======================*/
/*===================== 
	CSS reset/normalize 
=======================*/

/**Correct `block` display not defined in IE 8/9.**/
article,aside,details,figcaption,figure,footer,header,hgroup,
main,nav,section,summary {display: block;}
pre {white-space: pre-wrap;}
small { font-size: 80%;}


/*===================== 
		Fonts
=======================*/



/*===================== 
	base styles 
=======================*/

html {
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
	}

body {
    font-family: 'oswaldlight';
    margin: 0;
	padding:0;
	color:#000;
	}

svg:not(:root) {overflow: hidden;/*reset*/}
	
/* 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;
    margin: 20px 0;
    color:#ccc;
	} 

img { border: 0; /*max-width:100%;*/} 
	
/*===================== 
	typography 
=======================*/

h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
    margin: 0;
	padding:0 0 2% 0;
	font-weight:normal;
	line-height:1.5em;
	color:#333;
	}
	h1 {font-size: 36px;}
	h2 {font-size: 30px;}
	h3 {font-size: 24px;}
	h4 {font-size: 20px;}
	h5 {font-size: 18px;}

p {
    font-family: 'Open Sans', sans-serif;
	padding: 5px 0 2% 0;
	font-size:18px;
	line-height:1.5em;
    color:#666;
	margin: 0;
	}
strong{font-family: 'Open Sans', sans-serif;font-weight:700;}

/*===================== 
	link styles 
=======================*/

a.link:focus {outline: thin dotted;/*reset*/
	}
	
a {
    text-decoration:none;
	color:inherit;
}

a:hover  {
	text-decoration: none;
	color: #ffcd07;
	} 
	
	
.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 {
    display: block;
    list-style-type: none;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}

ul.list{
	margin:0;
	padding: 0 0 5% 7%;
}
ul.list li{
	font-size:16px;
}

/*===================== 
	header styles 
=======================*/
header{width:100%;margin:0;padding:20px 0 0 0;/*text-align:center;*/position:relative;}

.headerwrap{width:92%;max-width:1200px;margin:0 auto;padding:25px; box-sizing: border-box}
.logowrap{float:left; width:48%}
.headright{float:right; width:48%}

.logo img{max-width:100%; height: auto;}

.numbers,.headlogos{display:inline-block;zoom: 1;*display: inline;vertical-align:middle;}
.numbers h4{color:#666;}
/* .numbers span{font-family: 'Kaushan Script', cursive;} */
.headlogos{margin-lefT:50px;}
.headlogos a{display:block;}

/*===================== 
	content styles 
=======================*/
.wrapper{width:96%;max-width:1200px;margin:0 auto;padding:0;}
.container{max-width:1720px;margin:0 auto;}
.lower{background:url("../img/siteart/dust_scratches.jpg") repeat;position:relative;}
.pagetitle{padding:3% 0 0 0;margin-bottom:2%;border-bottom:4px solid #fdcb26;}
.pagetitle span{font-weight:800;}


/*===================== 
	search styles 
=======================*/
.hero{background:#213b74;width:100%;padding:0% 0;}
.searchblock{float:left;padding:1% 0;width:25%;top:0;text-align:center;background:#213b74;}
#searchwrap h2{color:#fff;padding:0;font-weight:700;line-height: 1em;}
#searchwrap h3{color:#fcde0e;font-weight:500;padding:0;}
#searchwrap h4{text-align:left;color:#fff;font-weight:900;}
.agfilter{background:#fcde0e;}
.consfilter{background:#fcde0e;}
.truckfilter{background:#fcde0e;}
.agfilter:hover,.consfilter:hover,.truckfilter:hover{cursor:pointer;}
.agselected{background:#fff;}
.consselected{background:#fff;}
.truckselected{background:#fff;}

.agfilter,.consfilter,.truckfilter{width:29%;margin:1% 1% 2% 1%;display:inline-block;zoom: 1;*display: inline;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
.agfilter img,.consfilter img,.truckfilter img{margin-bottom:-5px;max-width:70%;}
.agfilter p,.consfilter p,.truckfilter p{padding:0 0 5px 0;font-weight:bold;color:#000;font-size:11px;}
.search select{width:100%;margin-bottom:10px;}
.search label{padding:0;color:#fcde0e;font-weight:700;text-align:left;font-size:14px;}
.search input{padding:7px 4px;background:#b4b4b4;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;margin-bottom:6px;}
.search select{padding:6px 4px;background:#b4b4b4;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;margin-bottom:6px;}
.keyed{width:45%;margin:0 2%;display:inline-block;zoom: 1;*display: inline;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
#searchfull{width:96.5%;}
#half input{padding:7px 0px 7px 4px;}
.searchsubmit{background:url("../img/siteart/navactive.jpg") repeat !important;padding:8px 0;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;font-weight:bold;width:100%;}
.searchsubmit:hover{cursor:pointer;}

	
/*===================== 
	slideshow styles 
=======================*/
.slides{padding:0px 0 0 0%;color:#fff;position:relative;width:100%;}

.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;}



/*===================== 
	welcome styles 
=======================*/
.welcome{position:relative;width:100%;/*background:url("../img/siteart/white90.png") repeat;*/}
.welcomeleft{width:100%;padding:30px 0 0 0;}
.welcomeleft h4{padding:10px 0 0 0;line-height:1.1em;font-weight:700;}
.welcomeleft h1{font-weight:800;line-height:1.1em;padding-bottom:5px;}
.welcomeleft iframe{margin-bottom:1%;}
.welcomeright{float:right;width:26%;}
.welcomeright img{max-width:100%;}
.motto{font-family: 'Kaushan Script', cursive;}
.morebutton{max-width:350px;text-align:center;padding:5px 0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:url("../img/siteart/navactive.jpg") repeat;}
.morebutton h4{color:#000 !important;font-weight:400;padding:0;line-height:1.1em;border:none !important;font-size:18px;padding:0 !important;}
.morebutton h4 span{font-weight:700;}
.morebutton:hover{background:url("../img/siteart/navback.jpg") repeat;-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;transition:0.3s all ease;}
.morebutton:hover h4{color:#fff !important;}

.welcomesidebar{width:20%;padding:2% 4%;float:right;background:url("../img/siteart/wild_oliva.png") repeat;height:100%;min-height:100%;}
.welcomesidebar h2,.welcomesidebar h4{color:#fbcb26;padding:0;border-bottom:4px solid #fdcb26;}
.welcomesidebar img{margin:20px auto;text-align:center;display:block;}
.welcomesidebar p{color:#ddd;}
.welcomesidebar ul li{font-size:16px !important;line-height:20px;margin-bottom:20px !important;color:#ccc !important;}
.hours{color:#fff !important;padding-left:40px;}
#contactmore{margin-top:4%;}

/*===================== 
	slider widgets 
=======================*/



/*----MARKETS SLIDER----*/
#markets {
    right: -300px;
	top: 60px;
    z-index: 99998;
	height: 420px;
}

.marketside {
	background: #fff;
    width: 300px;
    max-height: 100%;
    position: fixed;
    z-index: 9996;
}

#marketTab{
	display:block;
	height:45px;
	width:45px;
	background:url(../img/siteart/market.jpg) center center no-repeat;
	position:absolute;
	left:-45px;
	top:0px;
    z-index:1000;
}

/*----WEATHER SLIDER----*/
#weather {
    right: -300px;
	top: 10px;
    z-index: 99999;
}

.weatherside {
	background: #fff;
    width: 300px;
    max-height: 100%;
    position: fixed;
    z-index: 9995;
}

#weatherTab{
	display:block;
	height:45px;
	width:45px;
	background:url("../img/siteart/weather.jpg") center center no-repeat;
	position:absolute;
	left:-45px;
	top:0;
    z-index:1000;
}

#weather h3{font-size:20px !important;color:#d59f00;}
#weather p, #weather p span{font-size:15px !important;color:#d59f00;}
#weather p time{font-size:14px !important;}
#weather a.aw-current-weather p{width:90% !important;}

.poweredBy{background:#fff;padding:5px 0;margin-top:-5px;}

/*===================== 
	department styles 
=======================*/
.owners{padding-top:40px;}
.departments{text-align:center;margin:0 auto;padding-bottom:2%;}
.deptrow{margin:2% auto;text-align:center;}
.deptbox{width:20%;margin:0 3%;display:inline-block;zoom: 1;*display: inline;padding:2%;background:#fff;-moz-box-shadow:4px 4px 4px rgba(0,0,0,0.4);-webkit-box-shadow:4px 4px 4px rgba(0,0,0,0.4);box-shadow:4px 4px 4px rgba(0,0,0,0.4);}
.deptbox h2{font-weight:900;border-bottom:3px solid #fdcb26;padding:0;line-height:1.2em;margin-bottom:10px;}
#deptbutton{margin:1% auto;}
.deptbox p{font-size:16px;}

.partsblock{background:url("../img/siteart/wild75.png") repeat;padding:2% 0;}
.partstitle{color:#fdcb26;border-bottom:4px solid #fdcb26;font-weight:400;padding:0;}
.partstitle span{font-weight:900;}
#partsleft p{color:#fff;}
#partsright{width:22%;float:right;text-align:right;padding:2%;}
.partsdetails{display:inline-block;zoom: 1;*display: inline;margin-right:2%;padding-bottom:2%;width:47%;vertical-align:top;}
.partsdetails h5{color:#fdcb26;padding:0;font-weight:800;}
.partsdetails p{color:#fff;padding:0;}
.partsvideo{display:inline-block;zoom: 1;*display: inline;max-width:400px;max-height:250px;margin-right:2%;vertical-align:top;}
.droplocations p{padding:5px 0 0 0;}
.droplocations p strong,.droplocations p em{color:#213b74;text-decoration: underline;}
.droplocations p:last-child{padding-bottom:3%;}

.depttitle{border-bottom:4px solid #fdcb26;width:60%;}
.depttitle span{font-weight:800;}
.staff{padding:7px 2%;width:96%;}
.staff p,.staff h5{display:inline-block;zoom: 1;*display: inline;}
.staff h5{width:70%;font-size:16px;font-weight:600;color:#fff;padding:0 0 0 2%;}
.staff h5 em{font-weight:400;font-size:14px;}
.staff p{width:28%;padding:0;}
.staff a:hover{color:#213b74;}
.mailme{padding:0;font-size:14px;width:100%;display:block;}
.mailme:hover{background:url("../img/siteart/navback.jpg") repeat;color:#fff !important;}
.odd{background:url("../img/siteart/blue60.png") repeat;}
.even{background:url("../img/siteart/black60.png") repeat;}

.deptblock{width:31%;display:inline-block;zoom: 1;*display: inline;vertical-align:top;padding:1% 0;margin:0 1%;text-align:left;}
#full{width:100%;padding:0;}
#wide h5{padding:0;}
#single{width:50%;}

.listed{padding:0;}
.welcome ul{margin:10px 0;}
.welcome ul li{font-size:18px;margin:5px 0;color:#666;font-weight:400;}

#dark h3,#dark h5,#dark p a:hover{color:#213b74;}
#dark p{color:#666;}
.blue:hover{color:#213b74;}

/*===================== 
	brand styles 
=======================*/
.brandbar{background:#fff;padding:1% 0 2% 0;}
.brandtitle{color:#213b74;border-bottom:4px solid #fdcb26;font-weight:400;padding:0;}
.brandtitle span{font-weight:900;}
.manuslider{width:90%;margin:0 auto;padding-top:20px;}
.manulogo img{margin:0 auto;}

/*===================== 
	Form styles 
=======================*/
#formpage{padding:0 10px;}

form{
	margin:0 0 0;
}
label{
	display:block;
	font-size:16px;
	padding-top: 4%;
	width:100%;
}
input{
	font-family: 'Open Sans', Arial, sans-serif;
	border: #999999 solid 1px;
	border-radius: 2px;
	padding: 1%;
	font-size:14px;
	width:98%;
	margin-bottom:10px;
}
input:focus{
	border: #2885b3 solid 1px;
}
input.button2{
	display:block;
	width:50%;
	margin:0 auto 5% auto;
	border:#277e32 solid 1px;
	background-color:#38b749;
	color:#fff;
	border-radius: 2px;
}

input.button2:hover{
	background-color:#277e32;
	cursor:pointer;
}

select{
	font-family: 'Open Sans', Arial, sans-serif;
	border: #999999 solid 1px;
	padding: 1%;
	font-size:14px;
	width:100%;
}

textarea{
	font-family: 'Open Sans', Arial, sans-serif;
	border: #999999 solid 1px;
	border-radius: 2px;
	padding: 1%;
	font-size:14px;
	width:98%;
}

input[type='checkbox'],input[type='radio']{width:15px !important;min-width:15px !important;margin-right:2px;}

#form{padding-bottom:2%;}
.formfield{display:inline-block;zoom: 1;*display: inline;width:31%;margin-right:2%;margin:10px 1% -10px 1%;font-size:14px;}
.formfield input{color:#213b74;}
.commentbox{margin:10px auto;text-align:center;}
.commentbox textarea{width:95.5%;}
.captcha{width:40%;margin:0 auto;}
.submit{width:40%;margin:0 auto;}
.submit input{background:url("../img/siteart/navback.jpg") repeat;color:#fff;width:100%;padding:1% 0;}
.submit:hover input{cursor:pointer;background:url("../img/siteart/navactive.jpg") repeat;color:#213b74;}

/*===================== 
	layout styles 
=======================*/
.scrolling{display:block;background:url(../img/siteart/scrollingbg.jpg) repeat; padding:30px 0; border-top:#ffcd07 4px solid;}

.ribbon{text-align:center;color:#fff;background:#38b749;border-bottom:#216c2b 5px solid;position:relative;}
.ribbon h2{color:#fff;}

.sitemap{background:url(../img/siteart/escheresque_ste.png) repeat;color:#fff;}
.sitemap p{line-height:2em;}
.sitemap i{font-size:42px;margin-right:20px;}

/*===================== 
	inventory styles 
=======================*/

.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{display:none;}
.container{background:url("../img/siteart/white85.png") repeat;}
.legal p{font-size:12px !important;padding-bottom:2%;}
.hosted-content .btn{}
.hosted-content .btn:hover{}
#invinternal{padding-bottom:2%;background:url("../img/siteart/dust_scratches.jpg") repeat;}
/*#invinternal > .wrapper > .pagetitle{color:#fff;}*/

.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
}

/*===================== 
	showroom styles 
=======================*/
.showroomgrid{margin:0 auto;width:100%;padding:1% 0;text-align:center;}
#homecats{background:url("../img/siteart/hayback6.jpg") center center no-repeat;position:relative;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;/*-moz-background-size:contain;-webkit-background-size:contain;background-size:contain;*/}
.showroomwindow{position:relative;width:17.5%;margin:1%;display:inline-block;zoom: 1;*display: inline;vertical-align:middle;}
.showback{width:100%;height:100%;}
/*#condensed{width:14%;}*/

.showroomtitler{position:absolute;z-index:11;width:100%;left:0;right:0;bottom:0;text-align:center;background:#213b74;padding:10px 0;}
.showroomtitler h4{font-size:14px;color:#fff;padding:0;font-weight:600;}

.showroomtitle{border-bottom:4px solid #fdcb26;width:100%;padding:0;text-align:left;}
.showroomtitle span{font-weight:600;}

/*===================== 
	linkbox styles 
=======================*/
.conditionslide{background:url(../img/siteart/black75.png) repeat;width:100%;height:100%;display:block;padding:0 0 5px 0;position:absolute;z-index:999;top:-390px;left:0;-webkit-transition:.5s all ease;-moz-transition:.5s all ease;-o-transition:.5s all ease;transition:.5s all ease;}
.linked{width:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);}
.linked a{display:block;text-align:center;color:#fff;padding:7px 0;font-size:12px;width:90%;border:1px solid #fff;margin:2px auto;}
.linked a:hover{color:#fff;background:#213b74;border-top:1px solid #fff;font-weight:bold;}
.linked h3{font-weight:700;}
.linked h3,.linked h5{color:#fff;padding:0;line-height:1.2em;}
.linked h5{font-weight:normal;}

.linkbox{display:inline-block;zoom: 1;*display: inline;width:17.5%;height:340px;position:relative;margin:1%;-moz-box-shadow:5px 5px 5px rgba(0,0,0,0.4);-webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.4);box-shadow:5px 5px 5px rgba(0,0,0,0.4);overflow:hidden;}
.linkbox img{width:109%;height:auto;display:block;}
.linktitler{position:absolute;width:100%;bottom:0;background:#213b74;padding:8px 0;}
.linktitler h3{font-weight:600;font-size:22px;}
.linktitler h3,.linktitler h5{color:#fff;line-height:1.2em;}
.linktitler h5{font-weight:normal;}

#cattitle{padding:5px 8px;height:30px;}

.linkbox:hover .conditionslide{top:0;-webkit-transition:.5s all ease;-moz-transition:.5s all ease;-o-transition:.5s all ease;transition:.5s all ease;/*bottom:0;*/}
.linkbox:hover .linktitler{bottom:-70px;-webkit-transition:.5s all ease;-moz-transition:.5s all ease;-o-transition:.5s all ease;transition:.5s all ease;}
.linkbox:hover img{-moz-transform:scale(1.5);-webkit-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5);-webkit-transition:.5s all ease;-moz-transition:.5s all ease;-o-transition:.5s all ease;transition:.5s all ease;}

#solo:hover > .linktitler{bottom:0;z-index:1;}

/*===================== 
	employment styles 
=======================*/
.jobtitle{margin-top:15px;font-weight:600;font-family: 'Kaushan Script', cursive;font-size:20px;padding:0;}

/*===================== 
	footer styles 
=======================*/

.container-ftr {background:#333; padding: 20px 0;}

.pagebottom{background:url("../img/siteart/wild_oliva.png") repeat;padding:30px 0;}
.pagebottom p{color:#ccc;font-size:16px;}
.pagebottom a{color:#ccc;}
.pagebottom a:hover{color:#fdcb26;}

.footercolumn{width:23%;margin-right:2%;float:left;}
.footercolumn h4{font-weight:700;color:#fdcb26;padding:0;}
.footercolumn a{display:block;margin:5px 0;}
.footercolumn p strong{color:#fdcb26;font-weight:700;margin-top:10px;display:block;}
#footercontact a{margin:0;display:inline;}

.pub{padding:1% 0;background:#999;}
	
a.footerlink:link,
a.footerlink:visited, 
a.footerlink:active {
	text-decoration: none; 
	font-size:11px;
	color: #ccc;
	border-bottom:none;
    }
    
a.footerlink:hover {
    text-decoration:none; 
    font-size:11px;
    color: #fff;
    }

.footertext {
	font-size:11px; 
	color:#666;
	}

.smallfootertext {
	font-size:11px; 
	color:#666;
	}

.divfooter {
	text-align:center; 
	margin:0 auto;
    width:90%;
	}

footer {
    margin: 0 auto;
    width: 100%;
    }

.span6 {
    padding: 0 0 0 30px;
    max-width: 47%;
    display: inline-block;
    width: 100%;
    }

.social-network {
    text-decoration: none;list-style-type: none;
    }

.social-network li {
    max-width: 35px;
    width: 100%;
    display: inline-block;
    }

 
/*===================== 
	Responsive styles 
=======================*/
@media screen and (max-width: 1620px) {
    #searchwrap h4{font-size:16px;}
    .agfilter,.consfilter,.truckfilter{width:30%;}
    .agfilter img,.consfilter img,.truckfilter img{max-width:60%;}
    .agfilter p,.consfilter p,.truckfilter p{font-size:10px;}
    #half input,.search select{padding:4px 0 4px 4px;}
    .search label{font-size:12px;}
    #searchwrap h3{font-size:20px;}
    .linked h3{font-size:20px;}
    .linked h5{font-size:14px;}
    .searchsubmit{width:100%;font-size:11px;padding:6px 0 !important;}
    .welcomesidebar{padding:2%;width:24%;}
    .deptbox{width:23%;margin:0 2%;}
    #partsright{padding-right:0;}
}

@media screen and (max-width: 1400px) {
	h1 {font-size: 30px;}
	h2 {font-size: 24px;}
	h3 {font-size: 22px;}
	h4 {font-size: 20px;}
	h5 {font-size: 18px;}
    p, .welcome ul li {font-size: 16px;}

    .linkbox {height:285px;}

    /* .headerwrap{width:96%;} */
    .headright{padding-right:4%;}
    .headlogos{margin-left:20px;}
    .searchblock{width:28%;}
    .agfilter img,.consfilter img,.truckfilter img{max-width:55%;}
    .slides{width:100%;padding: top 0;;}
    .deptbox{width:25%;}
    .linktitler h3,.linked h3{font-size:20px;}
    .linktitler h5,.linked h5{font-size:16px;} 
    .linked a{font-size:11px;width:94%;padding:5px 0;}    
    
    .deptblock{width:47%;}
    #single{width:60%;}
    .staff h5{font-size:14px;}
    .showroomwindow{width:22.5%;}
    
    .hosted-content h1{font-size:20px !important;}
    .hosted-content h2{font-size:18px !important;}
    .hosted-content h3{font-size:16px !important;}    
}

@media screen and (max-width: 1300px) {
    .searchblock{width:30%;}
    .slides{width:100%;padding-top:0px;}
    .homeslider{width:100%;margin:0 auto;}
    .morebutton h4{font-size:16px;}
    .linktitler h3,.linked h3{font-size:18px;}
    .linktitler h5,.linked h5{font-size:14px;} 
}

@media screen and (max-width: 1180px) {
    .searchblock{width:33%;}
    #half input,.search select{padding:2px 0 2px 4px;}
    .agfilter p,.consfilter p,.truckfilter p{font-size:9px !important;}
    .agfilter img,.consfilter img,.truckfilter img{max-width:50%;}
    .searchsubmit{padding:5px 0 !important;}
    .slides{width:100%;padding-top:0px;}
    .welcomeleft{width:100%;}
    .welcomesidebar{width:29%;}
    #partsleft{width:70%;padding-bottom:0;}
    .linkbox{width:22.5%;}
    .linktitler h3,.linked h3{font-size:16px;}
    .linktitler h5,.linked h5{font-size:12px;}
    .linked a{font-size:11px;width:96%;}      
    
    #single{width:75%;}
    .showroomwindow{width:30%;}
    
    #aboutright{width:32%;}
}

@media screen and (max-width: 1040px) {
    .slides{padding-top:0px;}
    .pagebottom{text-align:center;}
    #footercontact{width:100%;margin:0 auto;text-align:center;float:none;display:block;padding-bottom:2%;}
    .footercolumn{width:32%;float:none;display:inline-block;zoom: 1;*display: inline;vertical-align:top;margin:0 auto;}
    .footerinfo{display:inline-block;zoom: 1;*display: inline;vertical-align:top;padding:0;width:32%;}
    .footercolumn p strong{margin:0;}
    .linked a{font-size:10px;}
}

@media screen and (max-width: 1000px) {
	h1 {font-size: 26px;}
	h2 {font-size: 22px;}
	h3 {font-size: 20px;}
	h4 {font-size: 18px;}
	h5 {font-size: 16px;}    
    p, .welcome ul li, .welcomesidebar ul li {font-size: 15px !important;}
    
    /*.logo{width:45%;padding-top:10px;}
    .headright{padding-right:5%;}*/
	
	.logowrap, .headright, #msrchform {display:block; float:none; width:auto;margin-right:auto; margin-left:auto; }
	.logo {display:block; width:auto;margin-right:auto; margin-left:auto}

	
    .agfilter,.consfilter,.truckfilter{width:15%;margin:1%;}
    .searchblock,.slides{width:100%;padding:0% 0;}
    #searchwrap h4{padding-bottom:10px;}
    .keyed{width:30%;margin:0 1%;}
    #searchfull{width:95.5%;}
    #sendsearch{width:95.5%;margin-top:8px;}
    .slides{padding-bottom:2%;}
    .welcomeleft h4{padding-top:4%;}
    .deptbox{margin:0 1%;}
    .deptbox p{font-size:14px;}
    .partsvideo{margin-bottom:2%;}
    .linkbox{width:30%;}
    .linked a{font-size:12px;}
    
    .owners{padding-top:30px;}
    .deptblock{width:98%;}
    #single{width:85%;}
    .morebutton h4{font-size:14px;}
    
    .formfield{width:47.5%;}
    .submit{width:60%;}
    
    #homecats{background:none;}
}

@media screen and (max-width: 800px) {
    .logo{float:none;text-align:center;width:auto;margin:0 auto;padding:0;}
    /* .logo img{margin:0 auto;} */
    .headright{text-align:center;width:100%;margin:0 auto;padding:0;}
	h1 {font-size: 24px;}
	h2 {font-size: 20px;}
	h3 {font-size: 18px;}
	h4 {font-size: 16px;}
	h5 {font-size: 15px;}    
    p, .welcome ul li, .welcomesidebar ul li {font-size: 14px !important;}
    .agfilter,.consfilter,.truckfilter{width:20%;margin:1%;}
    .welcomeleft{width:100%;}
    .welcomesidebar{width:33%;}
    .deptrow{margin:5% auto;}
    #partsleft,#partsright{display:block;padding:0;width:100%;margin:2% auto;text-align:center;}
    .partsvideo{margin:2%;width:45%;}
    .partsdetails{margin:1%;}
    #partsright img{margin:0 auto;}
    .footercolumn a,.pagebottom p{font-size:14px;}
    .linkbox{width:40%;margin:2%;}
    .linked a{margin:5px auto;}
    
    #single{width:98%;}
    #full{width:100%;}
    .staff{width:96%;}
    .mailme{font-size:12px;}
    .showroomwindow{width:47%;}
}

@media screen and (max-width: 700px) {
    #searchfull,#sendsearch{width:96%;}	
    .wrapper{width:92%;}
    #agsearch > .wrapper,#conssearch > .wrapper,#trucksearch > .wrapper{width:100%;}
    .welcomeleft{width:100%;padding:0 0 4% 0;}
    .welcomesidebar{width:100%;padding:4% 0;}
    hr{margin:10px 0;}
    #contactmore{margin-top:2%;}
    .deptbox{width:36%;margin:2%;padding:4%;}
    .morebutton{max-width:none;}
    .linked a{font-size:11px;}
    
    .showroomgrid{padding:4% 0;}
    
    .emailus{padding-top:2%;}
    #aboutright{width:100%;margin:0 auto;text-align:center;}
    .owners{padding:0;}
}

@media screen and (max-width: 600px) {
    /*.logo{width:80%;margin:0 auto;}*/
    .agfilter,.consfilter,.truckfilter{width:25%;margin:1%;}
    #searchfull,#sendsearch{width:96.5%;}
    .brandbar{padding:2% 0;}
    .pagebottom{padding:30px 0 10px 0;}
    .footerinfo{width:100%;margin:0 auto;padding-bottom:10px;}
    .footercolumn{width:100%;padding-bottom:20px;}
    .linkbox{width:45%;}
    .linktitler h3,.linked h3{font-size:16px;}
    .linktitler h5,.linked h5{font-size:12px;}
    .linked a{font-size:11px;}    
    
    .contacted{margin-top:10px !important;}
    .formfield{margin:0 auto;width:100%;}
    .formfield input,.formfield select{margin-bottom:5px !important;}
    .submit{width:100%;}

    .span6 {padding:6px 0;max-width:100%;text-align:center;margin:0 auto;}
}

@media screen and (max-width: 480px) {
    .linkbox {height:253px;}
    .linkbox img {width:127%;}

    /* .headerwrap{width:90%;} */
    /* .logo{width:auto;} */
    .widgetblock{display:none;}
    .numbers,.headlogos{display:block;width:100%;text-align:center;margin:0 auto;}
    .headlogos a{display:inline-block;zoom: 1;*display: inline;vertical-align:middle;margin:0 5px;}
    .keyed,#sendsearch{width:46%;margin:0 1%;}
    .agfilter,.consfilter,.truckfilter{width:30%;margin:1%;}
    #searchwrap h3{font-size:18px;}
    #searchwrap h4{font-size:14px;}
    .deptbox{width:80%;margin:3% auto;}
    .partsdetails,.partsvideo{width:100%;margin:1% auto;}
    .brandbar{padding:4% 0;}
    .manuslider{width:80%;}
    .linked a{padding:4px 0;width:100%;font-size:10px;}    
    
    .showroomtitler{width:92%;padding:10px 4%;}
    .showroomtitler h4{font-size:12px;}
    .staff h5{font-size:13px;}
    .deptblock{padding:3% 0;}
}

@media screen and (max-width: 400px){
    .linkbox {height:369px;}

    .homeslider{width:100%;}
    .staff{text-align:center;}
    .staff h5{width:100%;}
    .staff p{width:100%;margin-top:5px;}
    .linkbox{width:80%;}
    .linked a{padding:7px 0;width:96%;font-size:12px;}    
}


/*ICONBAR*/
.icobox {
	display: block;
	float: left;
	margin: 0;
	width: 11%;
}
.icobox a {
	display:block;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	color:#fff;
	font-size: 1.2em;
	padding:10px;
}
.icobox img {
	display:block;
	max-width:100%;
	height:auto;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width: 1000px) and (min-width:600px) {
.icobox {
	width: 25%;
}
.icobox:nth-child(4n+1) { 
	clear: both;
}
}
@media screen and (max-width:600px) {
.icobox {
	width: 50%;
}
.icobox:nth-child(2n+1) { 
	clear: both;
}
}

/*BRANDS*/
.icologo {
	display: block;
	float: left;
	margin: 0;
	width: 14.28%;
}
.icologo a {
	display:block;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	color:#fff;
	font-size: 1.2em;
	padding:10px;
}
.icologo img {
	display:block;
	max-width:100%;
	height:auto;
	margin-left: auto;
	margin-right: auto;
}
/*
@media screen and (max-width: 1000px) and (min-width:600px) {
.icobox {
	width: 25%;
}
.icobox:nth-child(4n+1) { 
	clear: both;
}
}
*/
@media screen and (max-width:600px) {
.icologo {
	width: 25%;
}
.icologo:nth-child(5) { 
	clear: both;
	margin-left:12.5%;
}
}
	

/*search bar*/

#msrchform {
	width:auto;
	display:block;
}
#mkw {
	float:right;
	width:75%;
	color: #333;
	display: block;
	font-weight: 300;
	text-decoration: none;
	border: none;
	background-color: #efefef;
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	margin: 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
#menq {
	float:right;
	width:20%;
	color: #000;
	display: block;
	font-weight: 700;
	text-decoration: none;
	border: none;
	background-color: #26366c;
	color: #fff;
	padding-top: 0.5em;
	padding-right: 0.2em;
	padding-bottom: 0.5em;
	padding-left: 0.2em;
	overflow:hidden;
	margin: 0;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-radius: 0;	
}





/*SRCH MAP FRAME*/
.maptable {
	display: table;
	position: relative;
	width:100%;
	padding:0;
	margin:0;
	box-sizing: border-box;
}

.tablerow { 
	display:table-row;
	padding:0;
	margin:0;
}

.tablecell {
  display:table-cell;
  position: relative;
  vertical-align : middle;
  height:auto;
}

.inmap, .innletter {
	text-align:center;
	width: 48%;
	background-color: #26366c;
	color:#fff;
	box-sizing: border-box;
}
.inmap p, .innletter p {
	color:#fff;
}
.innletter h3 {
	color:#fff;
	font-size: 32px;
	font-weight: bold;
	margin-bottom:12px;
}
.hpform {
	font-size: 18px;
	line-height: 24px;
	border-radius: 0;
	border: none;
	padding-top:12px;
	padding-bottom:12px;
	display:block;

}


.form-control.hpform {
	font-size: 18px;
	line-height: 24px;
	border-radius: 0;
	border: 2px solid #999 !important;
	padding-top:10px;
	padding-bottom:10px;
	border: medium;
	display:block;

}
.btn.subsub {
	font-size: 18px;
	font-weight:bold;
	line-height: 24px;
	border: none;
	background-color: #fff;
	color:#26366c;
	padding:8px;
	border-radius: 8px;
	
}

.gmapframe {
	position: relative;
    padding-bottom: 55%;
    height: 0;
    overflow: hidden;
	margin:0;
}
.gmapframe iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.inmap {
	padding: 2px;
}
.innletter {
	padding: 20px;
}



.whatsapp, .srchforminner {
	text-align:left;
	width: 48%;
	color:#26366c;
	box-sizing: border-box;
}
.srchforminner label, .srchforminner h3 {
	color:#26366c;
}

.form-group .form-control.hpform {
	float: right;
	width:80%;
	margin-bottom:20px;
}
.form-group label {
	float: left;
	width:18%;
	font-weight:bold;
	font-size:20px;
	margin-bottom:20px;
}
.btn.srchsub {
	font-size: 18px;
	font-weight:bold;
	line-height: 24px;
	border: 2px solid #999 !important;
	background-color: #fff;
	color:#26366c;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:20px;
	padding-right:20px;
	border-radius: 0;
	
}


@media screen and (max-width: 1000px) {
	.medbreak.maptable, .medbreak.maptable .tablerow, .medbreak.maptable .tablecell {
		display:block;
		width:auto;
	}
	
}
@media screen and (max-width:600px) {
.smbreak.maptable, .smbreak.maptable .tablerow, .smbreak.maptable .tablecell {
		display:block;
		width:auto;
	}
}


	.scrolling-wrap {
    width:100%;
    height: 158px; /*90px;*/
    overflow:hidden;
}
 
.scrollingframe{
    width:100%;
    /*height:92px;*/
	height:160px;
	-ms-zoom: 1.75;
        -moz-transform: scale(1.75);
        -moz-transform-origin: 0 0;
        -o-transform: scale(1.75);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(1.75);
        -webkit-transform-origin: 0 0;
}


.showonmob { display:none }

@media screen and (max-width: 1000px) {
	.hideonmob { display:none }
	.showonmob { display:block; }
}

@media screen and (max-width: 768px) {
 .hosted-content .listings-wrapper .currency-box { display:none !important }
}

section#content p a {color:#26366c;}

.whapp-button {
	display: block;
	padding: 22px;
	color: #25D366;
	font-size: 25px;
	font-weight: bold;
	text-transform: uppercase;
	border: 10px solid #25D366;
	margin: 0 10px;
}

.whapp-button:hover {
	color: #25D366;
}

.whapp-button img {
	width: 50px;
	float: left;
	display: block;
	margin-top: -11px;
	margin-right: 21px;
}

.new-daf-container, .whapp-container {
	width: 50%;
	float: left;
}

.new-daf-button {
	display: inline-block;
	padding: 22px 40px;
	color:
	#fff;
	font-size: 25px;
	font-weight: bold;
	text-transform: uppercase;
	max-width: 512px;
	margin: 0 auto;
		margin-left: auto;
	background:
	#b1b1b1;
	border: 10px solid
	#B1B1B1;
	margin-left: 13px;
}

@media screen and (max-width: 768px) {
	.new-daf-container, .whapp-container {
		width: 100%;
		margin-top: 20px;
		display: inline-block;
	}

	.whapp-button {
		display: inline-block;
		width: 100%;
		margin:0;
		box-sizing: border-box;
	}

	.whapp-button span {
		display: block;
		width: 71%;
		float: left;
		font-size: 20px;
	}

	.whapp-button img {
		width: 20%;
		float: left;
		display: block;
		margin-top: -11px;
		margin-right: 21px;
	}
}

.form-group.year-group select.form-control.hpform {
	width: 48%;
	float: left;
}

.form-group.year-group select[name=YT].form-control.hpform {
	float: right;
}

.form-group select {
	height: auto;
}

.show-advanced-search {
	display: block;
	float: left;
	cursor: pointer;
	color: red;
}

.advanced-search .form-group label, 
.advanced-search .form-group .form-control.hpform {
	float: none;
	display: block;
	width: 100%;
}

.advanced-search .form-group .form-control.hpform {
	box-sizing: border-box;
	min-height: 50px;
	border-color: #fff;
}

#transmission {
	width: 100%;
}

.form-group.is-right, .form-group .form-control.hpform.is-right {
	width: 48%;
	float: right;
}

.form-group.is-left, .form-group .form-control.hpform.is-left {
	width: 48%;
	float: left;
}

.advanced-search {
	position: absolute;
	z-index: 99;
	width: auto;
	box-sizing: unset;
	left: 0;
}

.advaced-search-inner {
	position: relative;
	padding: 30px;
	width: 135%;
	background:#fff;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.advaced-search-inner::after {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 10%;
	margin-left: -5px;
	border-width: 15px;
	border-style: solid;
	border-color: transparent transparent #b1b1b1 transparent;
}

.close-advanced-search {
	position: absolute;
	right: 30px;
	top: 20px;
	font-size: 22px;
	background:#26366c;
	color:#fff;
	padding: 5px 5px;
    padding-bottom: 5px;
	text-transform: lowercase;
	cursor: pointer;
	line-height: 15px;
	padding-bottom: 7px;
}

.form-group.is-one-third {
	width: 31%;
	float: left;
	margin-right: 3.5%;
}

div.form-group.is-one-third:nth-of-type(4n-1) {
	margin-right: 0;
}

.hidden {
	display: none;
}

@media screen and (max-width: 600px) {
	.advanced-search, .advaced-search-inner, .form-group.is-one-third {
		width: 100%;
		position: relative;
		box-sizing: border-box;
	}

	.close-advanced-search {
		top: 0;
		right: 0;
		position: relative;
		display: block;
		float: right;
	}
}

#AllCompareListings {
	display: none!important;
}

.list-content .list-main-section {
	border: none!important;
}

#listContainer {
	justify-content: space-between!important;
}


       .modal-home{
    
    display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 10000000000000; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    
}

.modal-home .quote-form {
    max-width: 850px;
    display: table;
    margin: 40px auto 0 auto;
}

.modal-home .quote-form .hgroup{
    background:white;
    padding: 2px;
    position: relative;
}


.modal-home .quote-form .hgroup img{
    box-shadow: 0px 2px 2px #00000036;
    max-width:100%;
    height:auto;
}


.close {
       float: right;
    font-size: 48px;
    font-weight: 700;
    line-height: 1;
    color: #c31c1c;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1;
    position: absolute;
    right: 14px;
    top: -2px;
}
.close:hover{
    cursor: pointer;
}

@media screen and (max-width: 500px) {
    .modal-home .quote-form .hgroup{
    background:white;
    padding: 2px;
    position: relative;
}

.close {
  right: 4px;
    top: -10px;
}  
}

/*
.wrapper .scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
}
 
.wrapper .scrolling{
    width:100%;
    height:92px;
}
*/