/*===================== 
	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%;}

/*===================== 
	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/welcomeback.jpg) center center fixed no-repeat !important;
	color:#000;
	overflow-x: hidden;
	}

::-moz-selection{background: #EB141C; color: #fff; text-shadow: none} ::selection{background: #EB141C; color: #fff; text-shadow: none;}

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

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

h1, h2, h3, h4, h5, h6 {
	font-family: 'Lato', sans-serif;
	margin: 0;
	padding:0 0 2% 0;
	font-weight:900;
	line-height:1.5em;
	color:#000;
	}
	h1 {font-size: 36px;}
	h2 {font-size: 30px;}
	h3 {font-size: 26px;}
	h4 {font-size: 22px;}
	h5 {font-size: 20px;}

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: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: #EB141C;
	} 
	
	
.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;}

a.cta-btn button {
    display: block;
    background: #EB141C;
    color: #fff;
    font-weight: 800;
    font-family: 'Lato', sans-serif;
    padding: .5em 10%;
    font-size: 18px;
    border-radius: 5px;
    border: 2px solid #fff;
    margin: 20px 0 25px;
	cursor: pointer;
}
a.cta-btn button:hover {background: #000; transition: all .2s ease-in-out;}
 
/*===================== 
	list styles 
=======================*/
ul.list{
	margin:0;
	padding: 0 0 5% 7%;
}
ul.list li{
	font-size:16px;
}

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

.mobilehead{display:none;}
header{width:100%;margin:0;padding:5px 0;background:#ecd002;border-bottom:2px solid #fff;}

.headerwrap{width:96%;max-width:1480px;margin:0 auto;}
.logo,.headcontact{display:inline-block;zoom: 1;*display: inline;vertical-align:middle;}
.logo{width:49%;}
.headcontact{text-align:right;width:49%;}
.headcontact h4{padding:0;}
.headcontact h4 span{color:#E6141B;}
.emailbutton{background:#000;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:1%;text-align:center;width:30%;float:right;margin-bottom:5px;}
.inner{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:2px solid #fff;padding:2.5%;}
.emailbutton h4{color:#fff;padding:0;}
.emailbutton:hover{background:#E6141B;-moz-transition:0.3s ease-in-out;-webkit-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}

/*===================== 
	content styles 
=======================*/
.wrapper{width:96%;max-width:1480px;margin:0 auto;padding:0;}
.container{width:100%;max-width:1520px;margin:0 auto;}


	
/*===================== 
	slideshow styles 
=======================*/
.heroslides{width:100%;margin:0 auto;text-align:center;}
.slidewrap{max-width:1720px;margin:0 auto;width:90%;}




/****Cycle 2****/
.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%;}
.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 
=======================*/
.welcomeblock{background:url(../siteart/welcomeback.jpg) top center fixed no-repeat;}
.welcome{padding:2% 0;background:url(../siteart/white.png) repeat;border-bottom:10px solid #ecd002;}
.welcomeleft{float:left;width:75%;}
.welcome h1, .welcome h3, .welcome h2, .welcome h4{padding:0;line-height:1.3em;}
.locale{margin-bottom:2%;}
.welcomeright{float:right;width:23%;margin-left:2%;}
	
.quicklinks{padding:2% 0;width:100%;text-align:center;margin:0 auto;border-top:5px solid #EB141C;}
.linkbox{display:inline-block;zoom: 1;*display: inline;width:30%;position:relative;margin:1%;-moz-box-shadow:5px 5px 5px rgba(0,0,0,0.5);-webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.5);box-shadow:5px 5px 5px rgba(0,0,0,0.5);overflow:hidden;}
.titlebar{position:absolute;bottom:0;width:100%;padding:1%;background:url(../siteart/red.png) repeat;background-color:#000;}
.titlebar h4{color:#fff;padding:0;}
.titlebar p{font-family: 'Yellowtail', cursive;color:#ecd002;font-size:24px;padding:0;line-height:1.3em;}
.titlebar p .fas{font-size:16px;}
.linkbox:hover img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-moz-transition:0.3s ease-in-out;-webkit-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}
.linkbox:hover .titlebar{background:url(../siteart/black.png) repeat;-moz-transition:0.3s ease-in-out;-webkit-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}


/*===================== 
	brandbar styles 
=======================*/
.brandbar{padding:1% 0;background:url("../siteart/black.png") repeat;}
.manulogo{width:80%;margin:0 auto;}
#rhino{max-width:246px !important;}

#forage{text-align:center;}
#forage a img{margin:10px auto;}
	

/*===================== 
	layout styles 
=======================*/
.contentheading{margin-bottom:2%;}
.copyblock{width:100%;margin:0 auto;}
.copyleft{width:60%;float:left;}
.copyright{width:36%;float:right;}

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

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

.hosted-content .pagination > .drop-down-form select{width:8% !important;}
.attachment-search .checkbox{width:5% !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;}

#hs-outside-wrapper{background:url(../siteart/white.png) repeat;margin-bottom:0;}
.hs-container{width:96%;max-width:1480px;margin:0 auto;}
.product-controls select{width:auto;}

/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {
    width:100%;
    height:102px;
    overflow:hidden;
	margin:1% auto;
}
 
.scrolling{
    width:100%;
    height:92px;
	border-top:#ffcd07 5px solid;	
	border-bottom:#ffcd07 5px solid;	
}


/*===================== 
	showroom styles 
=======================*/
.showroom-wrapper{width: 100%; display:flex; margin:0 auto; text-align:center; justify-content: center; flex-wrap: wrap;}
.showroom-wrapper h3 {width: 100%;}
a.showroomlogo {width: calc(20% - 1em); margin: .5em; display: flex; align-items: center;}
a.showroomlogo img {width: 100%; max-width: 175px; padding: .5em; margin: 0 auto;}
a.showroomlogo:hover {opacity: .5; transition: .3s ease-in-out all;}

/*===================== 
	rental styles 
=======================*/
.rates{display:block;margin:0 auto;text-align:center;}
.ratebox{width:47%;display:inline-block;zoom: 1;margin:1%;text-align:left;border:1px solid #000;vertical-align:top;}
.ratebox h4{background:#EB141C;color:#fff;padding:5px;}
.ratebox ul{margin:0 auto;padding:0;}
.ratebox ul li{list-style:none;padding:8px;border-bottom:1px solid #000;font-size:15px;line-height:1.3em;}
.ratebox ul li strong{color:#ecd002;}
.single{border:none !important;background:rgba(0,0,0,0.8);color:#fff;}
.odd{background:rgba(0,0,0,0.8);color:#fff;}
.even{background:rgba(0,0,0,0.5);color:#fff;}

.termslink{background:#000;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:0.5%;text-align:center;width:20%;float:right;margin-bottom:5px;}
.termslink h4{color:#fff;font-size:18px;padding:0;}
.termslink:hover{background:#EB141C;-moz-transition:0.3s ease-in-out;-webkit-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}
#terms ul li{margin:10px 0;font-size:18px;}

/*===================== 
	finance styles 
=======================*/
.financelogo{width:19%;display:inline-block;zoom: 1;padding:1em;}
.financelogo img {width: 100%; max-width: 175px; height: auto;}
.financelogo:hover{opacity: .75; transition: .3s ease-in-out all;}

/*===================== 
	contact styles 
=======================*/
.fourths{float:left;width:24%;padding:0 2%;}
.fourths#employees {border-left: 1px solid #000;}
.nameblock{margin-bottom:4%;}
.nameblock h4, .nameblock strong{color:#EB141C;}
.nameblock h5{padding-left:2%;padding-bottom:0;font-weight:700;}
.nameblock p{padding-left:4%;padding-bottom:0;}
.jobtitle, .employeecontact strong {color:#EB141C;}

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

.pagebottom{background:#fff;padding:20px 0;}
.pagebottom p{color:#4e4e4e;}
.pagebottom a{color:#4e4e4e;}
.pagebottom a:hover{color:#EB141C;}

#footeremail{float:left;background:#EB141C;width:60%;}
#footeremail:hover{background:#000;-moz-transition:0.3s ease-in-out;-webkit-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}
.footerleft,.footercolumn{float:left;width:25%;}
.footercolumn a{display:block;margin:2px 0;}
.footerleft h5,.footercolumn h5{color:#EB141C;padding-bottom:0;}
.footerleft p a{color:#EB141C;}

.footerlogo{display:none;}

footer {
	margin: 0 auto;
	width: 100%;
	}
	
a.footerlink:link,
a.footerlink:visited, 
a.footerlink:active {
	text-decoration: none; 
	font-size:11px;
	color: #EB141C;
	border-bottom:none;
	}
	a.footerlink:hover {
		text-decoration:none; 
		font-size:11px;
		color: #000;
		}

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

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

.divfooter {
	text-align:center; 
	margin:1% auto;
	}

/*===================== 
	Responsive styles 
=======================*/
@media screen and (max-width: 1475px) {
	h1 {font-size: 32px;}
	h2 {font-size: 26px;}
	h3 {font-size: 22px;}
	h4 {font-size: 18px;}
	h5 {font-size: 16px;}
	p {font-size: 16px;}	
	header{padding:0;height:140px;}
	.headcontact{margin-top:-10px;}
	.logo img{-moz-transform:scale(0.8);-webkit-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8);margin-left:-15px;margin-top:-10px;}
	
	.termslink{width:25%;}
	
	#hs-main-content{margin-top:50px;}
	
	a.showroomlogo {width: calc(25% - 1em); margin: .5em;}
}

@media screen and (max-width: 1100px) {
	body{background:url(../siteart/white.png) repeat !important;}
	h1 {font-size: 28px;}
	h2 {font-size: 24px;}
	h3 {font-size: 20px;}
	h4 {font-size: 18px;}
	h5 {font-size: 16px;}
	p {font-size: 16px;}	
	.emailbutton{width:35%;}
	.inner{padding:2%;}
	.linkbox:hover img{-moz-transform:none;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;}
	.linkbox:hover .titlebar{background:url(../siteart/red.png) repeat;}
	
	.financelogo{width:24%;}
	
	#terms ul li{font-size:16px;}
	
	#invblock{background:url(../siteart/white.png) repeat;}
}

@media screen and (max-width: 1000px) {
	.titlebar h4{font-size:16px;}
	.titlebar p{font-size:20px;}
	.pagebottom h5{font-size:15px;}
	.pagebottom a{font-size:14px;}
	.footerleft h5{margin-top:-10px;}
	
	.termslink{width:30%;}
	.termslink h4{font-size:16px;}
	
	a.showroomlogo {width: calc(33.33% - 1em); margin: .5em;}
}

@media screen and (max-width: 800px) {
	header{height:auto;}
	.logo{width:39%;}
	.logo img{margin-top:0;margin-left:-25px;}
	.headcontact{width:60%;}
	.emailbutton{width:45%;}
	.emailbutton h4, .headcontact h4{font-size:16px;}
	.wrapper{width:94%;}
	.slidewrap{width:88%;}
	.welcome{padding:4% 0;}
	.welcomeleft{width:100%;}
	.welcomeright{display:none;}
	.linkbox{width:47%;}
	.pagebottom{margin:0 auto;text-align:center;}
	.footerlogo{display:block;width:30%;margin:0 auto;}
	.footerleft{float:none;display:block;width:100%;text-align:center;margin-bottom:3%;}
	.footerleft h5{margin-top:-60px;}
	.footerleft p strong{margin-top:-20px;}
	#footeremail{float:none;margin:0 auto;margin-top:2%;width:40%;padding:0.5%;}
	#footeremail > .inner{padding:1%;}
	.footercolumn{width:32%;text-align:center;float:none;display:inline-block;zoom: 1;vertical-align:top;}
	.divfooter{margin:4% 0 0 0;}
	
	.hosted-content h1{font-size:20px !important;}
	.hosted-content h2{font-size:18px !important;}
	.hosted-content h3{font-size:16px !important;}	
	
	.termslink{width:40%;}
	.ratebox{width:98%;}
	
	.copyleft,.copyright{float:none;display:block;width:100%;}
	.copyright{text-align:center;}
	
	.financelogo{width:32%;}
	
	.fourths{width:100%;float:none;display:block;margin:0 auto;padding:0;text-align:center;}
	.fourths#employees{border-left:none;}
	.nameblock{width:45%;margin:1%;padding:1%;display:inline-block;zoom: 1;vertical-align:top;background:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:5px 5px 5px #A3A3A3;-webkit-box-shadow:5px 5px 5px #a3a3a3;box-shadow:5px 5px 5px #a3a3a3;min-height:100px;}
	#contactblock{width:95%;}
	.nameblock p {padding-left: 0;}
	
	#forage a img{-moz-transform:scale(0.8);-webkit-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8);margin:0 -20px;}

}

@media screen and (max-width: 600px) {
	h1 {font-size: 26px;}
	h2 {font-size: 22px;}
	h3 {font-size: 20px;}
	h4 {font-size: 18px;}
	h5 {font-size: 16px;}
	p {font-size: 16px;}	
	header{padding:5px 0 0 0;}
	.logo img{margin-top:0;margin-left:-20px;}
	.emailbutton h4, .headcontact h4{font-size:14px;}
	.slidewrap{width:86%;}
	.titlebar h4{font-size:14px;}
	.titlebar p{font-size:18px;}
	.footerlogo{width:40%;}	
	
	.half{width:97.5%;float:none;}
	.captchabox{width:80%;}
	
	.financelogo{width:48%;}
	
	.nameblock{width:94%;padding:2%;margin:2% auto;}	
	
	.termslink{width:50%;}
}

@media screen and (max-width: 500px) {
	header{position:relative;}
	.headcontact{display:none;}
	.mobilehead{display:block;position:absolute;top:0;width:100%;padding:5px 4%;background:#000;left:0;margin:0 auto;}
	.mobileheadleft,.mobileheadright{display:inline-block;zoom: 1;width:49%;vertical-align:middle;}
	.mobilehead h4{color:#fff;font-size:14px;padding:0;}
	.emailbutton{width:98%;}
	.city{display:block;color:#ecd002;}
	.logo{display:block;width:40%;margin-top:70px;}
	.logo img{margin-left:-10px;}
	.heroslides{display:none;}
	.quicklinks{padding:4% 0;}
	.titlebar h4{font-size:13px;}
	
	.termslink h4{font-size:14px;}
	
	a.showroomlogo {width: calc(50% - 1em); margin: .5em;}
}

@media screen and (max-width: 447px){
	.logo{width:45%;}
	.mobileheadleft{width:60%;}
	.mobileheadright{width:38%;}
	.linkbox{width:85%;margin:2% auto;}
	.titlebar h4{font-size:16px;}
	.titlebar p{font-size:18px;}	
	.pagebottom{padding:20px 0;text-align: center;}
	.divfooter {text-align:center;}	
	.footerlogo,#footeremail{width:60%;margin:2% auto;}
	.footercolumn{width:100%;display:block;margin:4% auto;}
	
	.financelogo{margin:4%;width:40%;}
	
	.termslink{float:none;display:block;margin:0 auto;margin-bottom:4%;width:80%;}
}

@media screen and (max-width: 400px){
	.logo{width:50%;}
	.linkbox{width:90%;}
}