@charset "utf-8";
/* CSS Document */
/*
	Site Developed by Karoline Dassie

	Main Colors:
	- White #fff
	- Black #000
	- Bright Red #eb3119
	- Red #840e13
*/

/* ============================ 

	Reset

==============================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}
ol, ul {
	list-style: none;
}

html, body{
	 -webkit-text-size-adjust: none;
	font-size: 16px;
	line-height:1.5em;   
	color: #37414e;
	background: #fff;
	
}
.clear{clear:both;}
body, html { overflow-x: hidden; } 

.job-location{font-family: 'Lato', sans-serif!important; font-weight:600!important; color:#000!important; font-size:22px!important;}



a.button1{}
a.button1{
	font-family: Lato, sans-serif; font-size: 16px; color: #fff; border: 1px solid #ccc; color: #fff !important; margin-bottom: 20px;
	display: inline-block;
    padding: 5px 27px;
    box-sizing: border-box;
    background: #840e13;
    text-align: center;
    text-decoration: none;
    border-radius: 3px;
    margin-top: 3px;}

.detailed-search {
	position: relative;
	z-index: 2;
}
.detailed-search a.button1{display: block}
.location-links a.button1{display: block; margin: 0 0 5px}
a.button1:hover{background: #000; color: #fff;}
/* =============================================================================
   
   TYPOGRAPHY
                                                               
============================================================================= */

	body, p, select, option, #menu-main a{ font-family: 'Lato', sans-serif;}
	h1,h2,h3,h4,h5,h6 { font-family: 'Oswald', sans-serif; }
	
	h1 { color: #840e13; font-weight:900 }
	h2 { font-weight: 800; text-transform: uppercase;font-size: 2rem!important; }
	h3 { font-family: 'Lato', sans-serif; font-weight:900; color:#fff; font-size:30px;  }
	h4 { color: #eb3119; font-weight: 800; }
	h5, h5 a { font-family: 'Lato', sans-serif; font-weight:900; color:#000; font-size:16px; }
	h6, h6 a { font-family: 'Lato', sans-serif; font-weight:900; color:#840e13; font-size:33px;  }
		h6 a:hover, h6 a:active, h6 a:visited { color:#840e13!important;}
		
	p { font-size: 15px; font-weight: 500; }
	
	span.orange { color: #eb3119 !important; }
	
/*  LINKS */	
	a, a:visited, a:active, a h4, a:visited h4 { color: #840e13; font-weight: 400; }
	a:hover, a:focus, a:hover h4, a:focus h4 { color: #eb3119; }
	
	a.botao, button, .botao, a.botao:visited, button:visited, .botao:visited { 
		color: #fff;
		font-weight: 700;
		font-family: 'Oswald', sans-serif;
		background: #840e13;
		padding: .85em 1.25em;
		letter-spacing: 1px;
	}
	
	
	a.botao:hover, button:hover, .botao:hover, a.botao:focus, button:focus, .botao:focus {
		background: #000!important;
		color:#fff!important
	}
    .pad-it{padding: 2em 0!important}

/* =============================================================================
   
   HEADER STYLES  
                                                             
============================================================================= */

/* topBar */
	#topBar {
		width: 100%;
		padding:15px 0px 15px 50px;
		text-align:left;
		background: #fff;
	}
	#topBar img {
		width: 300px;
		vertical-align:top;
		display:inline-block;
	}

	#headerdivider{
		background:url(../siteart/header-divide.jpg) repeat-y; 
		width:4px;
		height:150px;
		margin:0 10px;
		display:inline-block
	}
	#head-info{ display:inline-block; vertical-align:bottom; text-align:center; margin-top: 15px; margin-left: 500px; }
	#head-info h5 a{ margin-right:25px; font-size:16px !important;}
	#head-info h6 a{ margin-right:25px; font-size:18px !important;}

	#head-info2{ display:inline-block; vertical-align:bottom; text-align:center; margin-top: 15px; margin-left: 50px; }
	#head-info2 h5 a{ margin-right:25px; font-size:16px !important;}
	#head-info2 h6 a{ margin-right:25px; font-size:18px !important;}
	

/* Header */
header { 
	width: 100%;
	background: #fff;
	box-sizing: border-box;
}
.top-head-1 {
	width:100%;
	padding: 15px 0px 15px 50px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	background:rgba(255,255,255,0.4);
}
.head-logo-2 {
    width: 100%;
	max-width: 200px;
	cursor: pointer;
}
.head-logo-2:hover {
	opacity: .65;
}
.head-logo-1 {
	max-width: 300px;
	width: 100%;
	display: block;
	height: auto;
	transition: all .45s ease;
}
.head-logo-1:hover {
	opacity: .65;
}
.head-logo-1 img {
	max-width: 100%;
	width: 100%;
	height: auto;
	display: block;
	margin:0 auto;
}
.head-info-1 {
	width:calc(100% - 500px);
	display: flex;
	justify-content: center;
	gap:5px 30px;
}
.info-col-1 {
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap:3px;
}
.head-info-title {
	font-family: 'Lato', sans-serif;
	font-weight: 900;
color: #840e13!important;
	font-size: 18px !important;
	text-shadow: 0 0 10px #fff, 0 0 10px #fff;
	text-decoration: none!important;
}
.head-info-title:hover {
	color: #000!important;
}
.head-info-loc-1 {
	font-size: 20px;
	font-family: 'Lato', sans-serif;
	text-shadow: 0 0 10px #fff, 0 0 10px #fff;
	line-height: normal;
	font-weight: 600;
	color:#000;
}
.head-phone-1 {
	font-size: 16px;
	font-weight: 900;
	font-family: 'Lato', sans-serif;
	text-shadow: 0 0 10px #fff, 0 0 10px #fff;
	color:#000;
	text-decoration: none!important;
}

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


.blur-bg {
		display:none;
	}
	.blur-bg.open { 
		display: none;
	}

#menu-button{display: none;}
nav.mobile { display:none;}

.onPageScroll nav.primary {
	top: 0;
	position: fixed!important;
}

nav.primary {
	padding:0;
	display:block;
	margin:0;
	position:relative;
	background: #840e13;
	width:100%;
	z-index: 100;
	}
	nav.primary ul {
		margin:0 auto; 
		padding:0;
        display: flex;
		justify-content: center;
		}
		nav.primary ul li {
			display:inline-block;
			margin:0;
			list-style-type:none; 
			}
			nav.primary ul li a {
				font-family: 'Lato', sans-serif;
				color: #fff;
				font-size: 14px;
				text-decoration: none;
				padding:12px;
				display: block;
				box-sizing: border-box;
				margin: 0;
				text-align: center;
				-webkit-transition: .4s ease-in;
				-moz-transition: .2s ease-in;
				-o-transition: .2s ease-in;
				transition: .2s ease-in;
				font-weight: 600;
				}	
			nav.primary ul li a:hover {
				background: #222;
				color:#fff;
				}
		nav.primary ul li:hover a {
				background: #222;
				color:#fff;
				}
			/* Appearance of the sub-level links */
			nav.primary ul li li a { 
				font-size: 14px;
				color:#fff;
				background: #840e13!important;
			}
			/* Appearance of the sub-level links on hover */
			nav.primary ul li li a:hover { 
				background: #222!important;
				color:#fff;
			}
/* This controls the Primary nav dropdowns for sublinks. Should not have to edit this too muuch */
nav.primary ul ul {
    display: none;
    position: absolute; 
}
nav.primary ul ul ul {
    position: absolute; 
    left: 100%;
    top:0; 
}
nav.primary ul li:hover > ul {  
    display: block;
    z-index: 100;
}
nav.primary ul ul li {
	display: block;
    float: none; 
	min-width: 170px;
    position: relative;
    margin:0;
}
	

/*Button*/
.dropbtn {
  background-color: #840e13;
  color: white;
  padding: 16px;
  font-size: 30px;
  border: none;
  cursor: pointer;
  text-align: center;
	
}

.dropbtn:hover, .dropbtn:focus {
  background-color: #840e13;
}

.dropdown {
  position: relative;
  display: inline-block;
  margin: 0;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 245px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}


.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown a:hover {background-color: #ddd;}

.show {display: block;}
	


/* =============================================================================
  
  BODY CONTENT
                                                                
============================================================================= */

/* Slider */
	#slider {
		height: 40vh;
		overflow:hidden;
		position:relative;
		width: 100%;
		background: #222;
		display: table;
		margin-bottom: 0;
	}
	#slider .orbit-container {
		height: 0;
		margin: 0;
		list-style: none;
		overflow: hidden;
		height: 55vh !important;
		width: 100%;
		text-align:left;
	}
	#slider .orbit-slide {
		background-repeat: no-repeat;
		background-size: cover;
		height: 55vh;
		background-position: 50% 50%;
		width: 100%;
		z-index: 1;
	}
	#slider .orbit-caption {
		display: table;
		padding:5px;
		height: 100%;
		top: 0;
		left: 150px;
		position:absolute;
		background: transparent;
		z-index: 2;
	}
	#slider .orbit-caption section {
		display: table-cell;
		vertical-align:middle;
	}



	.orbit-next::after, .orbit-previous::after { display: none; }
	.orbit-next, .orbit-previous { 
		z-index: 3; 
		cursor: pointer;
		background: transparent;
		padding: 5px;
	}
	.orbit-next:hover, .orbit-previous:hover, .orbit-next:focus, .orbit-previous:focus, .orbit-next:active, .orbit-previous:active { background: rgba(0,0,0,.5) }
	.orbit-next:hover, .orbit-previous:hover, .orbit-next:focus, .orbit-previous:focus { padding: 5px; }
	.orbit-next, .orbit-previous { background: transparent; }
	.orbit-next img, .orbit-previous img { width: 40px; display: block; margin: 0px auto; }
	
.orbit-previous{float:left;z-index: 5!important;}
.orbit-next{float:right;z-index: 5!important;}

		/* Interior */
		#interior #slider { margin-bottom: 0; }
		#interior #slider .orbit-container, #interior #slider, #interior #slider .orbit-slide {
			height: 35vh !important;	
		}
		#interior .orbit-caption {
			left: 0;
			right: 0;
			margin: 0px auto;
			text-align: center;		
		}
		#interior ul.sliderCTA { vertical-align: bottom; }
		#interior ul.sliderCTA li {
			display: inline-block;
			margin: 0 15px 0 0;
			text-align:left;
			height: 100px;
			padding-bottom: 0;
			background-position: 50% 73%;
		}
		#interior ul.sliderCTA li:hover { background-position: 55% 73%; }
		#interior ul.sliderCTA li a h2 { font-size: 2.25em; }
/* Red Power Round Up */

.redpowerlink{
	color: white !important;
	background-color: black;
	font-family: 'Lato', sans-serif;
}

.redpower{
	background-color: black;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	z-index: 40;
	padding: 1vh 3vw;
}

.redpowerlink:hover {
	color: #eb3119!important;

}





/* Slider CTA */
		ul.sliderCTA { 
			margin: 0px; 
			list-style:none; 
			display: table-cell;
			vertical-align:middle;
		}
		ul.sliderCTA li { 
			display: block; 
			height: 112px;
			width: 35%;
			padding: 12px 0 0 20px;
			background: #000;
			background-size: 20px;
			margin-bottom: 35px;
			position:relative;
		}
		ul.sliderCTA li:last-child { margin: 0px; }
		ul.sliderCTA li a { color: #eb3119; width: 100%; height: 100%; position:absolute; }
		ul.sliderCTA li a h2 { color: #fff; margin: 0; font-size: 3em; }
		ul.sliderCTA li a p { font-weight: 700; }
		ul.sliderCTA li a:hover h2 { color: #eb3119 }
		.sliderctasect {
		position: relative;
		z-index: 100;
		width: 100%;
		display: flex;
		padding: 1% 10%;
		box-sizing: border-box;
		justify-content: center;
		top: -185px;
		}
		.sliderCTA {
			width: 35%;
			display: flex;
			flex-wrap: wrap;
			background: #000;
			margin: 0px 10px;
			box-sizing: border-box;
			padding: 20px 30px;
		}
		.sliderCTA h2 {
			color: #fff;
			font-weight: 700;
			width: 100%;
		}
		.sliderCTA a {
			width: 100%;
			color: #eb3119;
			font-weight: 600;
		}
		.sliderCTA i {
			color:#000;
			background: #eb3119;
			font-size:10px;
			border-radius:20px;
			padding: 3px;
			opacity:65%;
			margin-left:5px;
		}
		.sliderCTA a:hover {
			width: 100%;
			color: #eb3119;
			font-weight: 600;
			letter-spacing:1px;
		}
/* Search */
	.searchBar {
		background: #000;
		display: table;
		width: 100%;
		color: #eb3119;
		padding: 15px 0 20px;
		position: relative;
		margin-top: -180px;
		z-index: 40;
	}
	.searchBar label { color: #eb3119; font-weight: 700; }
	.searchBar .column.column-block { margin-bottom: 0px; }
	.searchBar .medium-2_5 { width: 22%; }
	.searchBar select {
		height: 2em;
		font-size: 14px;
		font-weight: 300;
		padding: 0 5px;
		background-position: 95% 50%;
		background-size: 9px;
	}
	.searchBar input[type=text] {
		height: 2em;
		padding: 0 5px;
		font-size: 14px;
		font-weight: 300;
	}
	.searchBar input.botao {
		height: auto;
		position:relative;
		top: 17px;
		width:100%;
	}
	.searchBar input.botao:hover {
		background: #fff;
		color: #eb3119;
	}
	.hidden-overlay {
		width: 100%;
		background: rgba(255, 255, 255, 0);
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}
	.field-wrapper {
		display: table;
		position: relative;
		width: 78%;
	}
	.field-wrapper .medium-2_5 { width: 27% }
	
/* Interior */
		#interior .searchBar { padding: 10px 0; margin-bottom: 10px; }
	
/* CTA */
	.cta {
		display: table;
		width: 100%;
		margin: 25px 0;
		position: relative;
		z-index: 99;
	}
	.cta ul { 
		list-style:none; 
		position: relative;
		margin: 0px auto;
	}
	.cta ul li { 
		padding: 0 10px 0;
		margin: 0px; 
	}
	.cta ul li div:first-child {
		list-style:none;
		position: relative;
		background-repeat:no-repeat;
		background-size: cover;
		background-position: 50% 50%;
		padding: 0;
		height: 150px;
		z-index:9999;
	}
	.cta a span {
		text-align: left;
		display: table-cell; 
		vertical-align:middle;
	}
	.cta a h2 { color: #fff; font-weight: 600; line-height: 1; }
	.cta a:hover h2 { color: #eb3119; }
	.cta a p { color: #eb3119; font-weight: 700; position: relative; margin: 0; text-shadow: 0 0 5px #000;}
	.cta a p::after {
		content: ' ';
		background: url(../siteart/arrow.png) no-repeat 0% 35%;
		position:absolute;
		display: inline-block;
		height: 100%;
		width: 100%;
		background-size: 20px;
		top: 2px;
		text-align: right;
		margin-left: 15px;
	}
	.cta a:hover p::after { background: url(../siteart/arrow-h.png) no-repeat 5% 35%; background-size: 20px; }
	.cta a h2 span { display: block; }
	.cta a:hover { opacity: 1; }
	.cta a .overlay {
		background: rgba(0,0,0,.45);
		position:absolute;
		top:0;
		bottom: 0;
		display: table;
		padding: 0 0 0 15px;
		width: 100%;
		height: 100%;
	}
	.cta ul li .parts { background-image:url(../siteart/parts.jpg); }
	.cta ul li .product { background-image:url(../siteart/slider/8.jpg); }
	.cta ul li .service { background-image:url(../siteart/slider/6.jpg); }
	.cta ul li .contact { background-image:url(../siteart/slider/3.jpg); }
	.cta a:hover .overlay { background: rgba(0,0,0,.75); }




.ad img {
	width: 1000px;
	display: block;
	margin: auto;
	padding-bottom: 25px;
	padding-top: 25px;
}


/*Zoom*/
.zoom-container{float: left; width: 25%; position: relative; overflow: hidden; display: inline-block; border: 10px solid #fff; box-sizing: border-box; text-align: center; margin: 20px 0;}
.zoom-container img{display: block}
.zoom-container .zoom-caption{position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 15px; box-sizing: border-box; z-index: 10; background: rgba(0,0,0,.6); text-transform: uppercase; transition: all .5s ease}
.zoom-container .zoom-caption h4{font-size: 30px; font-weight: 700; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.zoom-container .zoom-caption img{display: inline; position: relative; top: 3px; left: 6px}
.zoom-container:hover .zoom-caption{background:rgba(132,14,19,.6);}

	
/* Main Container */
	#home #main-container { background:#DDDDDD  repeat; }
	#main-container {
		display: table;
		width: 100%;
		padding: 25px 0;
		box-shadow: 
			inset 0px 11px 8px -10px #CCC,
			inset 0px -11px 8px -10px #CCC;
		background:#fff;
	}

	

/* Quote */
	.quote {
		display: table;
		width: 100%;
		background:url(../siteart/bottom.jpg) no-repeat 50% 50% #222;
		background-size: cover;
		color: #fff;
		background-attachment:fixed;
	}
	.quote .overlay {
		display: table;
		width: 100%;
		background: rgba(0,0,0,0.65);
		padding: 25px 0;
	}
	.quote h2 { text-transform: none; }
	
/* New Equipment */
	.new-equip img { height: 150px; display: block; margin: 0px auto; }
	.new-equip .medium-4 { margin-bottom: 25px; }
	
/* Contact */
	ul.contact { list-style:none; margin: 0px; font-size: 14px; font-weight: 300; }
	
/* Sidebar */
	#sidebar a { font-weight: 300; }
	#sidebar a.botao { font-weight: 600; }
	
/* Product Lines */
	#products .medium-3 img {
		height: 50px;
		width: auto;
		display: block;
		margin: 0px auto 50px;
	}

/* Logo finance page */
.mainfinance img{max-width: 200px; width:100%;display: block; margin: 2em 0; border: 1px solid #ccc; padding: 20px}
.logofinance{border: 1px solid #ccc; padding: 20px; margin: 0 2% 2% 0;max-width: 200px; width:100%; display: inline-block;  }

/*--------FORM STYLES--------------------*/
#formpage { vertical-align:top; margin: 0 auto;  text-align:left;}
#formpage h2 {color:#840e13;  font-size: 24px !important; font-weight: bold; text-transform: none;}
#formpage h4 {color:#000;  font-size: 18px !important;  font-weight: bold;}
#formpage div {
	vertical-align:top;
	padding:5px 5px;
	color: #000;	
	font-family: 'Lato', sans-serif;
	font-size:16px; text-align: left;

}

#formpage input {
	padding:6px 5px 10px;
	border:1px solid #8e8d8d;
	font-size:15px;
	background:#fff;
	font-family: 'Lato', sans-serif;
}

#formpage textarea {
	    padding: 10px 6px;
	border:1px solid #8e8d8d;
	font-weight: 700;
	color:#000;
	font-size:15px;
	background:#fff;
	margin-top: 5px;
	font-family: 'Lato', sans-serif;
}

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

.formfield {
	width:31.2%; 
	display:inline-block; 
	margin-right: 5px; 
	color: #000;
	text-align:left;
	font-family: 'Lato', sans-serif;
	
	
}
#formpage input  {
    width:100%;
	margin-top: 2px;
		
}
 
#formpage input.larger  {
    width:100%;
}

#formpage textarea {
    width:98.5%;
    height:85px;
	font-weight: 400;
	font-family: 'Lato', sans-serif;
	

}
#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 a {color:#000; font-style: italic; font-weight: bold; letter-spacing: 1px;font-family: 'Lato', sans-serif;	text-transform: uppercase;}
#formpage a:hover {color:#000; font-style: italic; font-weight: bold; letter-spacing: 1px; text-decoration: underline}
#formpage input:focus,
#formpage textarea:focus,
#formpage select:focus {
	background:#F4F4F4; 
	color:#000;
	border:1px solid #abacac;
	outline-style:none;
	font-family: 'Lato', sans-serif;
}
#formpage input.radio:focus,
#formpage input.checkbox:focus {
	background:none; 
	border:0;
	outline-style:none;
}

#formpage input.button,
#formpage input.button:focus {
    width:115px;
    margin:0;
    background: #212121; /* For browsers that do not support gradients */
    line-height:18px;
    color:#fff; padding:10px 0px;
	font-family: 'Lato', sans-serif;
	font-weight: 500;
	letter-spacing:1px;
}
#formpage input.button:hover {
	width:115px;
    margin:0;
   cursor: pointer;
    background: #000; /* For browsers that do not support gradients */
   
    color:#fff;
}

/* for plain text next to an input field, if not using a table structure */
#formpage label{
	color:#212121;
    font-size:16px;
    text-align:left;font-weight: 400;
	font-family: 'Lato', sans-serif;
	
}
#formpage select{
	color:#212121;
    font-size:14px;
    text-align:left;font-weight: 400;
	font-family: 'Lato', sans-serif;
	
}
#formpage label.basic {
    color:#212121;
    font-size:13px;
    text-align:left;
	padding:10px 10px;
} 


	.CaptchaAnswerPanel {
		max-width: 300px;
	}
/* =============================================================================

   FOOTER                                                          
        
============================================================================= */
	.quote-wrap{max-width:580px; margin:0 auto;text-align:center}
	.linha{background: #cacaca; height:1px; width:100%; max-width:1050px; margin:2em auto 1em auto}
	
	footer { 
		color: #fff;
		padding:0;
		width: 100%;
		background: url(../siteart/bottom.jpg) no-repeat 50% 50% #222;
		background-attachment: scroll;
		background-size: auto;
		background-size: cover;
	}
	.foot-top-1 {
		width: 100%;
		background: rgba(0,0,0,0.65);
		padding: 25px 0;
		box-sizing: border-box;
		text-shadow: 0 0 10px #000;
	}
	.foot-top-cont-1 {
		width:100%;
		max-width: 1050px;
  		margin: 0 auto;
		display: block;
	}
	.foot-tag-1 {
		font-size: 32px;
		display: block;
		width: 100%;
		max-width: 580px;
		box-sizing: border-box;
		text-align: center;
		margin:0 auto;
		padding-bottom:20px;
	}
	.foot-info-1 {
		width:100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap:10px 0;
		padding-top:20px;
		margin-top:20px;
		border-top:1px solid #fff;
	}
	.foot-info-col-1 {
		width:30%;
	}
	.foot-info-col-1 a {
		color:#fff;
		text-decoration: none;
	}
	.foot-info-col-1 a:hover {
		color:#fff;
		opacity: 0.8;
	}



	
	
	.copyright{
	background-repeat: repeat;
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,0.40) 0%,rgba(255,255,255,0.40) 99.48%), url(../siteart/texture-darker.jpg);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,0.40) 0%,rgba(255,255,255,0.40) 99.48%), url(../siteart/texture-darker.jpg);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,0.40) 0%,rgba(255,255,255,0.40) 99.48%), url(../siteart/texture-darker.jpg);
	background-image: linear-gradient(180deg,rgba(255,255,255,0.40) 0%,rgba(255,255,255,0.40) 99.48%), url(../siteart/texture-darker.jpg);
	padding: 3em 0;
	width: 100%;
		text-shadow: 0 0 10px #fff, 0 0 10px #fff;
}
	a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-size:12px;color:#840e13;font-weight:800;}
	a.footerlink:hover {text-decoration:none; font-size:12px; }
	.footertext{font-size:12px; color:#000;font-weight:800;}
	.smallfootertext{font-size:12px; color:#000;font-weight:800;}
	
	.divfooter {max-width:700px; text-align:center; margin:0 auto;color:#840e13; line-height:1.1em; font-family: 'Lato', sans-serif;}

	/* Scroll Bar */
	#scroll { overflow: hidden; }
	#scroll ul { margin: 0px; list-style:none; }
	#scroll ul li { display: inline-block; }
	
	/* Map Image */
	a.map-img{
		display:block;
		background:url("/siteart/map-new_2020.png") no-repeat;
		height:252px;
		width:246px;
		text-indent:-9999px;
/*		transition:background-color 0 ease, background-color 0 ease, all 0 ease*/
        transition: none;
	}
	
	a.map-img:hover{
        background-position:0px -252px; 
/*        transition:background-color 0 ease, background-color 0 ease, all 0 ease*/
        transition: none;

}

	iframe.mapastyle{ width:100%; height:1480px}
	 
/* =============================================================================

   SCROLLING INVENTORY                                                         
        
============================================================================= */
	
	.scrolling-wrap {
		width:100%;
		height:90px;
		overflow:hidden;
	}
	 
	.scrolling{
		width:100%;
		height:92px;
	}
	
	a, button, .botao, a:hover, button:hover, .botao:hover, button.mobile_btn::after, a img, #menu-main li > a:after, ul.sliderCTA li, ul.sliderCTA li a h2, .cta a .overlay, .cta a p::after, .cta a h2, header, a h4  {
		-webkit-transition:all .45s ease;
		-moz-transition:all .45s ease;
		-ms-transition:all .45s ease;
		-o-transition:all .45s ease;
		transition:all .45s ease;
		outline: none !important;
	}
	a:hover img { opacity: .65; }
	body, html { overflow-x: hidden; } 


/* =============================================================================

   FOUNDATION RESETS                                                         
         
============================================================================= */

	.row.full { max-width: 100%; padding: 0 50px; margin: 0px auto; }
	.columns.collapse { padding: 0px; }
	#slider .orbit-container:active, #slider:focus, #slider:active, #slider .orbit-container:focus { outline: none; }
	.hidden { display: none; }

/* =============================================================================

   HOSTED INVENTORY RESETS                                   
                           
============================================================================= */

.inv-cont-1 {
	padding:40px 0;
}

	.hosted-content h3 { color: #ff3600; }
	.inven .row.row { margin: 0px auto; }
	.hosted-content .listings-wrapper .bold, .hosted-content .listings-wrapper .italic, .hosted-content .listings-wrapper h2, .hosted-content .listings-detail-wrapper .bold, .hosted-content .listings-detail-wrapper .italic, .hosted-content .listings-detail-wrapper h2, .hosted-content .listings-drilldown-wrapper .bold, .hosted-content .listings-drilldown-wrapper .italic, .hosted-content .listings-drilldown-wrapper h2, .hosted-content .listings-wrapper, .hosted-content .listings-detail-wrapper, .hosted-content .listings-drilldown-wrapper, .hosted-content label, .hosted-content .listings-wrapper .bold, .hosted-content .listings-wrapper .italic, .hosted-content .listings-wrapper h2, .hosted-content .listings-detail-wrapper .bold, .hosted-content .listings-detail-wrapper .italic, .hosted-content .listings-detail-wrapper h2, .hosted-content .listings-drilldown-wrapper .bold, .hosted-content .listings-drilldown-wrapper .italic, .hosted-content .listings-drilldown-wrapper h2, .hosted-content input[type=button], .hosted-content input[type=color], .hosted-content input[type=date], .hosted-content input[type=datetime], .hosted-content input[type=datetime-local], .hosted-content input[type=email], .hosted-content input[type=file], .hosted-content input[type=hidden], .hosted-content input[type=image], .hosted-content input[type=month], .hosted-content input[type=number], .hosted-content input[type=password], .hosted-content input[type=range], .hosted-content input[type=reset], .hosted-content input[type=search], .hosted-content input[type=submit], .hosted-content input[type=tel], .hosted-content input[type=text], .hosted-content input[type=time], .hosted-content input[type=url], .hosted-content input[type=week], .hosted-content select, .hosted-content textarea, .hosted-content .listings-wrapper .listings-list .category-banner h3 {
		font-family: 'Montserrat', sans-serif !important;
		line-height: 1.35em !important;
	}
	.hosted-content textarea, .hosted-content .listings-wrapper .listings-list .category-banner h3 { font-size: 1.75em }
	.listings-wrapper .listing-smallcard .listing-smallcard-image a:hover { opacity: .65; }
	.hosted-content .listings-wrapper .listings-list .listing-banner h2 { font-size: 2em; }
	.hosted-content .pagination>span { margin: 0 5px !important; }
	
	.hosted-content .pagination .next, .hosted-content .pagination .prev { width: auto; }
	.hosted-content .pagination>span {
		margin: 0px 5px !important;
	}
	iframe.financial-calc { width: 100%; height: 450px; }
	.listing-details h5 { line-height: 1.25; font-style:normal; font-weight: 600; }
	.listing-details h5 a { line-height: 1.25; }
	.hosted-content h3 { font-size: 1.75em; }
	.listings-detail-wrapper h1 { font-size: 2.5em; }
	.hosted-content select { width: auto !important; }
	
	.hosted-content .small-12, .hosted-content .column, .hosted-content .columns {
		width:100%!important;
		pading:0!important
	}
	.hosted-content .fixed-column6{width:100%!important;}
	.hosted-content .attachment-search {width:100%!important;}
	.hosted-content .listings-detail-wrapper .listing-details a.email-seller{text-align:left!important}

.list-content .listing-portion-title {font-size: 16px !important;}



#head-info-mobile{display:none}
#showcta-mobile{display:none;}
#hidecta-mobile{display:block;}
/* =============================================================================

   RESPONSIVE STYLES                                                   
             
============================================================================= */

@media only screen and (max-height: 1200px) {
	#slider .orbit-caption {left: 0;}
	ul.sliderCTA { vertical-align: bottom; left: 0; right: 0; margin: 0px auto; text-align:center; }
	ul.sliderCTA li {
		display: inline-block;
		margin: 0 15px 0 0;
		text-align:left;
	}
}

@media only screen and (max-width: 1375px) {
	#menu-main a {font-size: 1vw; padding: 0.8em 1vw; }
	#menu-main li#fb a { padding: 0 1.15em; }
	#head-info{margin-left: 300px;}
	#head-info2{margin-left:30px;}
}

@media only screen and (max-width: 1200px) {
	#menu-main li#fb a { padding: 0 1.15em; }
	#head-info{margin-left: 100px;}
	#head-info2{margin-left:10px;}
	nav.primary ul li a {
		font-size: 1.2vw;
		padding: 12px .9vw;
	}
	.sliderCTA{
		    padding: 20px 15px;
		    margin: 0px 5px;
		    width: 50%;
	}
}

@media only screen and (max-width: 1024px) {
	#menu-main li#fb a { padding: 0 .8em; }
	#main-container{padding:20px 10px}
	
	
}
@media only screen and (max-width: 914px) {
	.formfield {
		width: 100%;
	}
	
}


@media only screen and (max-width: 900px) {
	
	.top-head-1 {
		flex-direction: column;
		padding:10px;
		align-items: center;
		gap:10px 0;
	}
	.head-info-1 {
		flex-direction: column;
		align-items: center;
		width: 100%;
		padding:0;
	}
	.head-info-loc-1 {
		display: none;
	}
	
	/*==============================
		Mobile Nav Styles			
	================================*/	
    
	.blur-bg {
		display:none;
		top:0;
		left:0;
		position: fixed;
		width:100%;
		height: 100%;
		transition: all .5s ease-in-out; 
		z-index: 499;
		background: rgba(255,255,255,0.6);
	}
	.blur-bg.open { 
		display: block;
	}
    
	nav.primary{display:none;}
	#menu-button{ 
		width: 100%;
		display: block;
		font-size: 24px;
		position: relative;
		padding:10px;
		box-sizing: border-box;
		z-index: 400; /* needs to be lower than nav.mobile, adjust as needed */
		background: #840e13;
		text-align: center;
	}
		#menu-button a{
			 color:#fff;
			text-decoration: none!important;
		  }
	nav.mobile {
		display:block;
		position: fixed;
		top: 0;
		left: -250px;
		width: 250px;
		height: 100%;
		background: #000;
		z-index: 500; /* needs to be higher than #menu-button, adjust as needed */
		overflow:auto;
	}
	/* MENU HEADER SOCIAL MEDIA */
	/* MENU HEADER STYLES */
	nav.mobile .mobile_top {
		position: relative;
		display:flex;
		align-items: center;
		justify-content: space-between;
		padding:5px 10px;
		font-size: 18px;
		font-weight: 400;
		width: 100%;
		box-sizing: border-box;
	}
	nav.mobile .mobile_top p {
		font-size: 18px;
		color:#fff;
		padding:0;
		margin:0;
		
	}
	/* MENU CLOSE 'X' BUTTON */
	nav.mobile .menu-toggle {
		padding: 3px 8px;
		font-family: Arial, sans-serif;
		font-size:24px;
		font-weight: bold;
		line-height: 1;
		background: #222;
		color: #999;
		text-decoration: none;
	}
	nav.mobile .menu-toggle:hover { /* Menu close button on hoveer */
		color: #fff;
	}

	/* MENU LIST STYLE */
	nav.mobile ul {
		list-style: none;
		font-weight: 300;
		margin:0;
		padding:0;
	}
	nav.mobile ul li {
		position:relative;
	}

	/* FIRST LEVEL */
	nav.mobile ul li a {
		font-family: 'Lato', sans-serif;
		width: 100%;
		color: #fff;
		display: block;
		text-decoration: none;
		padding: 10px 0 10px 10px;
		position: relative;
		border-bottom: 1px solid #333;
		font-size: 14px;
	}
	nav.mobile ul li a:hover {
		background: #666;
	}

	nav.mobile ul li a span {
		height: 100%;
  		width: 50px;
		background:#840e13;
		display: flex;
		justify-content: center;
		align-items: center;
		color:#fff;
		transition: .2s ease-in;
		position: absolute;
		right:0;
		top:0;
		z-index: 1;
	}
	nav.mobile ul li a.open span {
		transform: rotate(180deg);
	}
	h1{font-size:33px}
    h6, h6 a{font-size: 25px;}
	.off-canvas {display: block;}
	.mobile.botao {
		display: block;
		background:#840e13 url(../siteart/mobile.png) center center no-repeat;
		background-size: contain;
		height: 45px;
		width: 45px;
		position:relative;
		color: transparent !important;
		margin: 0px auto;
        padding: 0!important;
	}
    .mobile.botao:hover{
        display: block!important;
		background:#840e13 url(../siteart/mobile.png) center center no-repeat!important;
		background-size: contain!important;
		height: 45px!important;
		width: 45px!important;
		position:relative!important;
		color: transparent !important;
		margin: 0px auto!important;
        cursor: pointer!important
    }
	.menu-main-container {display: none;}
	
	
	/* Search */
	.searchBar .medium-2_5 { width: 50%; }  
	.searchBar .medium-2 { width: 100%; }
	.searchBar .button.search {
		float: none; 
		display: block;
		margin: 0px auto;	
		top: 0;	
	}
	.field-wrapper {
		width: 100%;
		display: inline;		
	}
	.row.full { padding: 0 0rem; }
	
	/* slider */
	
	#interior #slider .orbit-caption, #slider .orbit-caption { left: 0; text-align:center; right: 0; overflow-x: hidden; }
	ul.sliderCTA li a h2 {font-size: 2em;}
	#interior ul.sliderCTA li a h2 { font-size: 1em; }
	#interior ul.sliderCTA li a p { font-size: 10px; }
	ul.sliderCTA li, ul.sliderCTA li:last-child { height: 92px; margin: 0px auto; text-align:left; }
	#interior ul.sliderCTA li, #interior ul.sliderCTA li:last-child { 
		height: 55px; 
		margin: 0px auto; 
		text-align:left; 
		width: 100px; 
		background: #222; 
		padding: 8px 0 0 12px 
	}
	ul.sliderCTA { vertical-align: middle; }
	#slider .orbit-container{height:40vh !important}
	#slider .orbit-caption{padding:0}
	#slider .orbit-slide{height:40vh !important}
	
	/* CTA */
	.cta ul { margin:0px; }
	.cta ul li { width: 50%; padding-bottom: 10px }
	.cta ul li div:first-child { height: 75px }
	#showcta-mobile{display:block; width:100%; background:#fff; padding:10px 10px 6px 10px; margin:0}
	#hidecta-mobile{display:none!important;}
	.orbit-caption, .orbit-next, .orbit-previous{position:relative}
	
	/* footer */
	footer{text-align:center}
	a.map-img{margin:0 auto; max-width:100%}
	.quote-wrap {width:90%; margin:0 auto}
	
	.divfooter{width:90%; margin:0 auto;}
	
	.mainfinance img {display: block; margin:1.5em auto 2% auto;}
	.logofinance {display: block; margin:2% auto;}
	.zoom-container {width: 50%;}

	/* header */
	#headerdivider{display:none}
	#topBar{padding:5px 0}
	#topBar img{margin:0 auto; display:block}

	
 
}
@media only screen and (max-width: 870px) {
	.foot-info-col-1 {
		width:100%;
	}
	
}
@media only screen and (max-width: 740px) {
	.sliderctasect {
	    top: 0px;
		padding: 1% 0%;
	    background: #000;
	}
	.searchBar{
	    margin-top: 0px;	
	}
}
@media only screen and (max-width: 680px) {
	
	.zoom-container {width: 65%;}
}


@media only screen and (max-width: 624px) {
	h1{font-size:30px}
	
	.cta ul li{width:100%;}
	.zoom-container ul li {width: 75%;}
	.zoom-container{width: 75%;}
    .zoom-container img{margin: 0 auto;}
	    .sliderCTA {
        padding: 10px 15px 20px 15px;
        margin: 0px 5px;
        width: 100%;
        border-bottom: solid 1px #3c3c3c;
    }
	.sliderctasect{
		flex-wrap: wrap;
	}
	.searchBar .medium-2_5 { width: 100%; }
	.searchBar .medium-2_5 select { margin: 0 0 5px; }
	.new-equip img {height: 115px;}
	
	ul.sliderCTA li{background:url(../siteart/arrow.png) no-repeat 75% 78% #222;  background-size: 20px; }
	ul.sliderCTA li:hover { background: url(../siteart/arrow-h.png) no-repeat 80% 78% #222;   background-size: 20px; }
	
	.mapastyle{ width:90%; height:500px}
}
@media only screen and (max-width: 500px){
	.zoom-container {width:380px;}
	.zoom-container ul li {width: 380px;}
	.foot-tag-1 {
  		font-size: 18px;
	}
	
}
@media only screen and (max-width: 380px) {
	/* header */
	#headerdivider{display:none}
	#head-info{display:none;}
	#head-info2{display:none;}
	#topBar{padding:10px 0}
	#topBar img{margin:0 auto; display:block}
	ul.sliderCTA li{width:210px}
	.zoom-container {width: 300px;}
	.zoom-container ul li {width: 300px;}
	
}