@charset "utf-8";

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

	WEBSITE DEVELOPER: KAROLINE DASSIE
	
	Main Colors:
	- Red: #ce242b
	- Black: #000
	- Gray: #3c3c3c
	- White: #fff
	
/* ============================ 

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

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

::selection {
	background: #ce242b;
	color: #fff;
	text-shadow: none;
}
	
/* =============================================================================
   
   LAYOUT
                                                               
============================================================================= */

	body, html{
		 -webkit-text-size-adjust: none;
		font-size: 16px;
		line-height:1.5em;   
		color: #37414e;
		background: #000;
		font-weight: 300; 
		font-family: 'Titillium Web', sans-serif;
		overflow-x: hidden; 
	}
	.clear{clear:both;}
	.sitewidth{ width:85%; margin:0 auto; position:relative}

	.custom-column1 {width:100%;}
	.custom-column2 {width:47.5%; *width: 47.5%; float: center; S margin-right:5%; box-sizing: border-box; color:color:#fff;}
	.custom-column2-nav {width: 47.5%; float: left; margin-right: 5%; box-sizing: border-box; color: color:#fff;}
	.custom-column3 {width:33.33333%; *width: 30%; float:left; padding:0 20px; box-sizing: border-box;}
	.custom-column4 {width:23%; *width: 23%;  margin-right:2%; float:left;  box-sizing: border-box;}
	.custom-column5 {width:20%; float:left; padding-right:1%; box-sizing: border-box;}
	
	.twothird{width:70%; *width: 70%; float:left; padding-right: 30px; box-sizing: border-box;}
	.onethird{width:30%; *width: 30%; float:left; box-sizing: border-box; text-align:right}
	.dois-terco{width:70%; *width: 70%; float:left; padding-right: 30px; box-sizing: border-box;}
	.um-terco{width:30%; *width: 30%; float:left; box-sizing: border-box; }
	
	.last{padding-right:0; margin-right:0!IMPORTANT;}
	.center{text-align:center; content-align: center;}
	.flex-cont {display: flex; flex-direction: row-reverse}
	
/* =============================================================================
   
   TYPOGRAPHY
                                                               
============================================================================= */
	
	
	h1 { font-weight:900; color:#e0202d; font-size:24px; line-height:normal;margin-bottom:20px}
	h2 { font-weight:700; color:#fff; font-size:16px; }
	h2.red { font-weight:900; color:#e0202d; font-size:24px; line-height:normal;margin-bottom:20px}
	h3 { font-weight:500; color:#000; font-size:12px; text-transform: uppercase; }
	h4 { font-weight:700; color:#fff; font-size:13px; }
	h5 { font-weight:500; color:#fff; font-size:14px; }

	p, ul, ol, li { font-size: 16px; font-weight: 300;}
p.white {color: #fff; font-weight: 600; margin: 4%;}
	
	td.fontbold{font-weight:900!important;}
	span.red { color:#ce242b !important; }
	strong{font-weight:900}

/*  LINKS */
	#infotop a{color:#fff}
	#infotop a:hover{color:#ce242b}

a, a:visited, a:active { color: #ccc; font-weight: 400; }
	a:hover { color: #ce242b;transition:background-color 300ms ease, background-color 300ms ease, all 300ms ease }
	
	#main-container a, #main-container a:visited,#main-container a:active { color: #ce242b; font-weight: 900; }
	#main-container a:hover{ color: #000;  }

	a.button, button, .button, a.button:visited, button:visited, .button:visited { 
		color: #fff;
		font-weight: 700;
		background: #ce242b;
		padding: .85em 1.25em;
	}
	a.button:hover, button:hover, .button:hover, a.button:focus, button:focus, .button:focus {
		background: #222;
	}
	
/* =============================================================================
   
   TABLE
                                                             
============================================================================= */
	tr, td {background: #fff;font-weight: 300;}
	tr:hover td{background-color: #f3f3f3!important;}
	table thead tr:hover {background-color: #000!important;}

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

/* Header */
	header { 
		background: #3c3c3c;
		width: 100%;
		display:table !important;
		top: -115px;
	}
	.head { height: 46px }
	
	header.onPageScroll {
		top: 0;
		position:fixed;
		z-index:9999999999;
	}
	#custom-logo img{max-width:350px; width:100%; margin:10px 0; display: block}
	#infotop{text-align: right; margin-top: 20px}
	
/* Menu Main */
	.menu-main-container{
		position:relative; 
		z-index:9999999; 
		background:#3c3c3c; 
		
	}
	.menu-main-container ul {
		margin: 0 auto;
		padding:0;
		list-style: none;
		text-align:left;
		border-top:1px solid #fff;
		width:85%;
	}
	.inven .menu-main-container ul {
		display: block;
		width: 100%;
		
	}
	.inven #menu-main li { margin: 0; }
	#menu-main li a {
		display:block; 
		color: #fff; 
		padding: 0.65em 1em;
		font-size: 14px;
		font-weight:400;
		position: relative;
	}
	#menu-main li a.active{ font-weight: 900; border-top:3px solid #fff!important;}  
	#menu-main li a:hover { border-top:3px solid #fff!important;}  
	#menu-main li {
		position: relative;
	}
	#menu-main > li { 
		display: inline-block; 
	} 
	#menu-main > li > a { 
	}
	#menu-main > li:hover, 
	#menu-main > li:hover > a { 
	}
	.menu-main-container button.mobile_btn {
		display: none;
	}

/* Sub-Menu */
	#menu-main ul {
		position: absolute;
		white-space: nowrap;
		z-index: 999999;
		left: -99999em;
		background: #000;
		text-align: left;
		margin-top: -1px;
		color: #fff;
	}
	.inven #menu-main ul { margin: 0px; }
	#menu-main ul li { margin: 0px; }
	#menu-main ul li a {
		padding: .45em 1em;	
		font-weight: 400;
		font-size: 13px;
		border-top:1px solid #ce242b!important;
	}
	#menu-main ul li a.active { 
		background: #ce242b; border-top:2px solid #ce242b!important;  
	}
	#menu-main ul li a:hover {
		background: #ce242b; border-top:2px solid #ce242b!important;
	}
	#menu-main > li:hover > ul {
		left: auto;
		min-width: 100%;
		width:250px!important	/* added */
	}
	#menu-main > li li:hover > ul { 
		left: 100%;
		top: -1px;
	}
	
/* Dropdown Arrow */
	#menu-main li > a:after {
		content: ' ';
		background:url(../siteart/slideshow/mobile_arrow.png) no-repeat 50% 55%;
		opacity: 1;
		background-size: 8px;
		height: 100%;
		width: 15px;
		position: absolute;
		top: 0px;
	}
	#menu-main li > a:hover:after {
		content: ' ';
		opacity: 1;
	}
	#menu-main li > a:only-child:after {
		content: '';
		background: transparent;
	}
	
/* Mobile Menu */
	.off-canvas {
		background: #000;
		height: 100%;
		min-height: 100vh;
		display: none;
	}
	.off-canvas header {
		background: transparent;
		padding: 0px;
		position: relative;	
		top: 0;	
	}
	.mobile.button {
		display: none;
	}
	.off-canvas-wrapper {
		overflow: visible;
		background:#3c3c3c;
        position: absolute;
        z-index: 9999999999999999999999999999999999999999;
	}
	.custom-mobile-nav {
		width: 100%;
		position: relative;
		height: auto;
	}
	.custom-mobile-nav #mobile-menu-main {
		border-top: 1px solid #333;
		margin: 0px;
	}
	.custom-mobile-nav #mobile-menu-main li {
		width: 100%;
		position: relative;
	}
	.custom-mobile-nav #mobile-menu-main li a:hover {
		background: #666;
	}
	.custom-mobile-nav #mobile-menu-main a {
		width: 100%;
		color: #fff;
		display: block;
		text-decoration: none;
		padding: 10px 5%;
		height: 45px;
		position: relative;
		border-bottom: 1px solid #333;
		font-size: 14px;
	}

/* Sub-Menu */
	.custom-mobile-nav #mobile-menu-main ul {
		position: relative;
		white-space: nowrap;
		z-index: initial;
		left: 0;
		background: transparent;
		text-align: left;
	}
	.custom-mobile-nav ul.sub-menu li ul.sub-menu {
		margin: 0px;
		display: none;
	}
	.custom-mobile-nav ul li a:hover {
		color: #fff !important;
	}
	.custom-mobile-nav #mobile-menu-main > li li:hover > ul {
		left: 0px;
	}
	.custom-mobile-nav #mobile-menu-main > li:hover, #mobile-menu-main > li:hover > a {
		border-color: #333;
	}
	.custom-mobile-nav #mobile-menu-main > li > .sub-menu > li > ul.sub-menu li a {
		padding: 10px 15%;
	}
	.custom-mobile-nav #mobile-menu-main > li > .sub-menu > li > ul.sub-menu > li > ul.sub-menu li a {
		padding: 10px 20%;
	}
	.custom-mobile-nav #mobile-menu-main > li > .sub-menu {
		display: none;
		margin: 0px;
	}
	.custom-mobile-nav #mobile-menu-main > li > .sub-menu li a {
		padding: 10px 10%;
	}

/* Mobile Btn */
	.custom-mobile-nav li button.mobile_btn {
		height: 45px;
		width: 50px;
		position: absolute;
		top: 0;
		right: 0;
		background: #333;
		background-size: 10px;
		background:none!important
	}
	button.mobile_btn::after {
		content: ' ';
		position: absolute;
		top: 0;
		background: url(../siteart/slideshow/mobile_arrow.png) no-repeat center center;
		background-size: 10px;
		width: 100%;
		height: 100%;
		right: 0;
	}
	.custom-mobile-nav li button.mobile_btn.active::after {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	
/* =============================================================================
  
  BODY CONTENT
                                                                
============================================================================= */

	.graybg{background:url(../siteart/slideshow/graybg.jpg) repeat-x; }

.hero-section{
	display: flex;
	flex-direction: row;
	background-color: white;
	gap: 48px;
	align-items: center;
}


.slideshow-section { 
  display: block !important;
	flex: 1 1 600px;
	min-width: 0;
}

.slideshow-section .swiper{
	min-width: 0;
}

.welcome-section { 
  flex: 1 1 340px; 
  padding: 24px; 
}


.swiper {
  width: 100%;
  height: clamp(220px, 56vw, 520px);
	min-height: 240px;
	touch-action: pan-y;
}

.swiper-slide{
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}


.swiper .swiper-wrapper,
.swiper .swiper-slide {
  height: 100%;
}


.swiper-slide img{
	
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
	
	
-webkit-user-drag: none;
  user-select: none;
  -webkit-touch-callout: none;
  pointer-events: auto; /* allow taps on arrows etc. */


}

.welcome-section{
	padding:24px;
}

/* logos on home page */
	.logomf img{display: block}
	.mflas{display: block; margin-bottom: 20px}
	.manuf{display: flex; flex-direction: row; gap: 12px; align-items: center; justify-content: center;}

/* Slider */
	#slider {
		max-height: 60vh;
		height: auto;
		overflow:hidden;
		position:relative;
		width: 100%;
		background: #222;
		display: table;
		margin: 20px 0;
		z-index:0;
	}
	#slider .orbit-container {
		height: 100%;
		margin: 0;
		list-style: none;
		overflow: hidden;
		height: 60vh !important;
		width: 100%;
		text-align:left;
	}
	#slider .orbit-slide {
		background-repeat: no-repeat;
		background-size: cover;
		height: 100%;
		background-position: 50% 50%;
		width: 100%;
		z-index: 0;
	}
	#slider .orbit-caption {
		display: table;
		height: 100%;
		top: 0;
		left: 150px;
		position:absolute;
		background: transparent;

	}
	#slider .orbit-caption section {
		display: table-cell;
		vertical-align:middle;
	}
	.orbit-next::after, .orbit-previous::after { display: none; }
	.orbit-next, .orbit-previous { 
		z-index: 2; 
		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, .orbit-previous { background: transparent; }
	.orbit-next img, .orbit-previous img { width: 40px; display: block; margin: 0px auto; }
	
		/* 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;		
		}

.custom-column2 .center img {margin: 20px 4% 0px; max-height:60vh; width: 92%; align-content: center; object-fit: contain;}

.hero{
	display: flex;
	flex-direction: row;
	gap: 20px; 
	width: 100%;
	align-items: stretch;
	margin: 20px 24px;
}


.hero-left {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
}


.hero-right {
	flex: 0 0 420px;
	display: flex;
	align-items: stretch;    
	overflow: hidden;
	border-radius: 6px;
}

.hero-right img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}


/* Main Container */
	#home #main-container { background:#fff; }
	
	#main-container {
		display:block;
		padding: 4em 0;
		background:#fff;
	}

	#main-container label {
		font-weight: 700;
	}

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

.plot-cont-1 {
    display: flex;
    flex-wrap: wrap;
    gap:20px;
    padding:40px 0;
}
.plot-cont-1 a {
    border:1px solid #000;
    padding:10px;
    flex-grow: 1;
    text-align: center;
}

.buttons a {background: #ce242b;padding: 15px 6%;width: 50%;}
.buttons a:hover {background: #000;}
.buttons  {margin-bottom:30px;padding-top:10px;}


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

   INVENTORY                                                        
        
============================================================================= */

.hosted-content .listings-wrapper .listing-boxed .listing-boxed-details h2 a {color:#000!important}
.hosted-content .listings-wrapper .listings-list .category-banner h3 {font-size:20px; font-weight: 900}
.hosted-content .listings-detail-wrapper .information-box .row{max-width:100%}
.hosted-content .listing-details h5{color:#000!important; font-weight: 900}
.hosted-content .listing-details h5 a{color:#e0202d!important; font-weight: 900}
.hosted-content a,.hosted-content a:visited,.hosted-content a:active{color:#e0202d!important;}
.currency-capital-price-container a,.currency-capital-price-container a:visited,.currency-capital-price-container a:active{color:#000!important;}
 a.widget-details,  a.widget-details:visited,  a.widget-details:active{color:#fff!important;}

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

   SCROLLING INVENTORY                                                         
        
============================================================================= */
	.scrolling-wrap {
		width:100%;
		height:90px;
		overflow:hidden;
	}

	.scrolling{
		width:100%;
		height:92px;
	}

#scrollfix{
	background-image:url(/siteart/scroll.jpg) ;
	background-position: bottom;
	background-repeat: no-repeat;
    background-size:cover;
	background-attachment: fixed;
    padding: 30px 0;
    width: 100%;
}

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

   FOOTER                                                          
        
============================================================================= */
	
	#quickcont {background:#ce242b; padding:20px 0; text-align: center}
	#quickcont	h4 {display: inline-block; margin: 0 20px; font-size: 15px;}
	#quickcont	h4 a{color:#fff; font-size: 15px;}
	#quickcont	h4 a:hover{color:#ccc}

	footer { 
		background:#000;
		color:#7d7d7d;
		padding: 2em 0;
		display: table;
		width: 100%;
	}

	a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-size:12px;color:#7d7d7d;font-weight:300;}
	a.footerlink:hover {text-decoration:none; font-size:12px; }
	.footertext{font-size:12px; color:#7d7d7d;font-weight:300;}
	.smallfootertext{font-size:12px; color:#7d7d7d;font-weight:300;}
	
	.divfooter {width:90%;  text-align:right; margin:0 auto; color:#7d7d7d; line-height:1.1em;}

	/* Scroll Bar */
	#scroll { overflow: hidden; }
	#scroll ul { margin: 0px; list-style:none; }
	#scroll ul li { display: inline-block; }
	
	#center-it{text-align:center; width:150px; margin:1em auto 0 auto; float:none}
	
	iframe.mapa-foot{width:100%;height:500px;border:none;padding:0; margin:0 auto;display:block;}
	
/* =============================================================================

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

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

   INVENTORY PAGE - SEARCH FEATURE                                                      
         
============================================================================= */

.wrap-large {
	margin:0 auto;
	width:95%;
	padding: 0;
}

	.inventory-right{
		width:78%;
		display:inline-block;
		margin: 0 auto;
		float:right;
		padding:0 ;
		vertical-align:top;
	}
	
	.full-screen{display:inline-block;}
	.mobile-size{display:none !important;}
	.side-search{
		width:21%;
		display:inline-block;
		margin:0 1% 0 0;
		vertical-align:top;
		border:1px solid #eaeaea;
		padding:1%;
		vertical-align:top;
		background:#ce242b
	}
	
	.side-search h3{
		color:#fff;
		font-weight:100;
		font-size:13px;
		text-transform:capitalize;
	}
	
	.side-search .accordion{background:#ce242b!important}
	.equipment-search {
		padding: 5px;
		box-sizing: border-box;
	}
	
	.equipment-search a{
		display:block; 
		padding:10px;
		text-decoration:none;
		color:#fff;
		border-bottom:1px solid #181E40;
	}
	
	.equipment-search a:hover{
		color:#fff;
		text-decoration:none;
		border-bottom:1px solid #eaeaea;
	}
	
	
	.accordion-panel {
	  width:100%;
	  height: 100%;
	}
	.accordion-panel .accordion {
	}
	.accordion-panel .accordion dt {
	  display: block;
	  padding: 10px;
	  color: #555;
	  cursor: pointer;
	  position: relative;
	  user-select: none;
	}
	.accordion-panel .accordion dd {
	  height: 0;
	  overflow: hidden;
	  transition: height .35s ease-out;
	  margin-left: 0;
	  background: #B5B5B5!important;
	}
	
	.is-open .accordion-panel .accordion dd {height:auto}
	.accordion-panel .accordion .content {
	  padding: 10px;
	  overflow: auto;
	}
	.accordion-panel .plus-icon {
	  display: inline-block;
	  width: 15px;
	  height: 15px;
	  position: relative;
	  transition: transform 0.35s ease-out;
	  position: absolute;
	  right: 35px;
	  top: 50%;
	  margin-top: -12px;
	}
	.accordion-panel .plus-icon:before,
	.accordion-panel .plus-icon:after {
	  content: '';
	  background: #fff;
	  position: absolute;
	}
	
	
	.accordion-panel .plus-icon:before {
	  width: 2px;
	  height: 15px;
	  margin-left: -0.5px;
	  left: 50%;
	}
	.accordion-panel .plus-icon:after {
	  width: 15px;
	  height: 2px;
	  margin-top: -0.5px;
	  top: 50%;
	  opacity: 1;
	  transition: opacity 0.35s ease-out;
	}
	.accordion-panel .is-open .plus-icon {
	  transform: rotate(90deg);
	}
	.accordion-panel .is-open .plus-icon:after {
	  opacity: 0;
	}
	.accordion-panel .hidden {
	  display: none;
	}
	.accordion-panel .open-btn,
	.accordion-panel .close-btn {
	  cursor: pointer;
	  position: absolute;
	  right: 0;
	  width: 90px;
	}
	.accordion-panel .buttons-wrapper {
	  position: relative;
	}
	.accordion-panel .buttons-wrapper .plus-icon {
	  position: absolute;
	  right: 10px;
	  top: 12px;
	}
	
	.detailed-search input[type='submit'] {
		font-size: 16px;
		background: #fff;
		width: 100%;
		margin-top: 20px;
		height: 40px;
		color: #ce242b;
		display: inline-block;
		border-radius: 0 !important;
		-moz-border-radius: 0 !important;
		-webkit-border-radius: 0 !important;
		outline: none;
		border: none;
		transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-webkit-transition: all .2s ease-in-out;
		-webkit-border-radius: 0;
		-webkit-appearance: none;
		border-radius: 0;
		cursor:pointer;
	}
	
	
	.detailed-search input[type='submit']:hover{
		background:#ce242b;
		color:#fff;
		border:1px solid #fff;
		transition: all .2s ease-in-out;
		cursor:pointer;
	}
	
	#mobile-search{display:none}
	
	#mobile-search input[type='submit'] {
		font-size: 16px;
		background:#ce242b;
		width: 100%;
		margin-top: 20px;
		height: 40px;
		color: #fff;
		display: inline-block;
		border-radius: 0 !important;
		-moz-border-radius: 0 !important;
		-webkit-border-radius: 0 !important;
		outline: none;
		border: none;
		transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-webkit-transition: all .2s ease-in-out;
		-webkit-border-radius: 0;
		-webkit-appearance: none;
		border-radius: 0;
	}
	
	
	#mobile-search input[type='submit']:hover{
		background:#fff;
		color:#ce242b;
		border:1px solid #fff;
		transition: all .2s ease-in-out;
	}


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

   INV STYLES                                                   
             
============================================================================= */

#inv{padding: 5% 0;}
#inv *:not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons){font-family: bahnschrift, urw-din, sans-serif!important;} /* Reset font, ignore icons */

.listing-top-right a, .lower-detail-data-left button, .send-email-btn, .media-buttons a, .media-buttons button, .faceted-search, .listing-dealer-info a, .view-listing-details-link, .main-detail-data .contact-options a, .fin-calc-btn-mobile, .selected-facet, .page-nav, .apply-button, .back-button, .calculator-btn, .mobile-done-button {
    -moz-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
}


.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input {margin: 2px 3px 3px 4px;}
.faceted-text-input-searchType .search-type input[type=checkbox], .faceted-text-input-searchType .search-type  input[type=radio] {margin: 0px 3px 0px 6px;}


.bread-crumbs-heading .return-links .return-links-link span, #no-compare-listings, .bread-crumbs-heading .return-links .return-links-link i {color:#ce242b !important;}


.hosted-content .attachment-search .search-checkboxes label .row {margin-left:0 !important;margin-right:0 !important;margin-bottom:0px !important;}

.view-listing-details-link, .selected-facet, .view-listing-details-link, .buy-now-link, .check-availability-link, .email-seller-link, .offer-btn, .buy-btn, .dealer-phone-mobile, .offer-btn-mobile, .send-email-btn-mobile, .send-wholesale-email-btn-mobile, .fin-calc-btn-mobile, .mobile-breadcrumb, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button, .dealer-btns-bottom a {background:#ce242b !important;}

.selected-facet, .dealer-phone-mobile, .offer-btn, .offer-btn-mobile, .fin-calc-btn-mobile, .send-wholesale-email-btn-mobile, .send-email-btn-mobile, .buy-now-link, .view-listing-details-link, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button{border: solid 1px #ce242b !important; transition: ease all 0.2s !important;}

.selected-facet:hover, .dealer-phone-mobile:hover, .offer-btn:hover, .offer-btn-mobile:hover, .fin-calc-btn-mobile:hover, .send-wholesale-email-btn-mobile:hover, .send-email-btn-mobile:hover, .buy-now-link:hover, .view-listing-details-link:hover, .main-detail-data .contact-options a:hover, button.g-recaptcha.button:hover, .page-nav:hover, .apply-button:hover, .mobile-done-button:hover, .dealer-btns-bottom a:hover {background: #fff !important; color: #ce242b !important;}

.check-availability-link, .email-seller-link, .video-chat-link, .faceted-search, .faceted-show-all-btn, .cs-btns a, .calculator-btn {background: #000 !important; border: solid 1px #000 !important; transition: ease all 0.2s !important;}
.check-availability-link:hover, .email-seller-link:hover, .video-chat-link:hover, .faceted-search:hover, .faceted-show-all-btn:hover, .cs-btns a:hover, .calculator-btn:hover {background: #fff !important; color: #000 !important;}

.list-content .list-title .list-listings-count, .list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price, #parts-content .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count, #inv .error-message, #inv .info, .detail-content .detail-main-body .main-detail-data .detail-price, .detail-content .search-results, .list-content .list-top-section .listing-option-bar .list-listings-count, .detail-price, .compare-price, .compare-title {color: #000 !important;}

.listing-widget__financing span {color: #fff !important;}
.listing-widget__shipping span {color: #000 !important;}
.dealer-contact__heading, .listing-prices__retail-price, .linking-buttons a {color: #000 !important;}

.bar-item a, .bi-center a {color: #fff !important;}
 
/* heading */
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title, .main-detail-data .detail-title, .parts-title-text {
	padding-left: 4px; 
}
.listing-portion-title, .fin-calc, .dealer-data a{color: black !important;}
.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label, .part-detail-additional-data .data-label, .part-detail-content .detail-contact-bar {background: #000 !important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .list-page-nav, .contact-options a {background: #000 !important;}
.list-main-section .contact-options a {border: #000 solid 1px !important; transition: ease all 0.2s !important;}
.list-main-section .contact-options a:hover {background: transparent !important; color: #000!important;}

.detail-content .dealer-info .phone-and-email .send-email-btn, .list-content .list-listing-mobile .dealer-phone-container a, .back-button {border-color: #000!important; color: #000!important;}

.material-icons, .collapsible-content a, .contact-options a, .view-listing-details-link {color:#fff!important;}

#parts-content .parts-bottom-section .parts-list-view .parts-list-content .parts-listing-container .parts-listing-column .parts-button.view-details {background-color: #000!important;}

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile{margin-right:0!important;}

.detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc{height: 48px !important; box-sizing: border-box;}
.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label {line-height: 11px;}
.compare-chkbox-container .compare-listings .compare-chkbox {margin: 3px 3px 3px 4px;}
.view-listing-details-link, .email-seller, .video-chat{color: white !important;}
.compare-checked a, .dealer-company-header, .field-name a, .field-value, .breadcrumbs a, .listing-widgets a, .spec-value, .quickcont h4 a{color: #000;}
.contact-options .contact-list a{color: white !important;}
.media-buttons .print-this, .media-buttons .email-this {
    color: #555 !important;
}


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

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

@media only screen and (max-height: 1200px) {
	#slider .orbit-caption {left: 0;}
}

@media only screen and (max-width: 2000px) {
	#menu-main li a { padding: 0.65em 2em; }
}

@media only screen and (max-width: 1670px) {
	#menu-main li {margin:0 }
	#menu-main li a { padding: 0.65em 1.3em; }
}

@media only screen and (max-width: 1460px) {
	#menu-main li {margin:0 }
	#menu-main li a { padding: 0.65em 1em; }
}

@media only screen and (max-width: 1350px) {
	#menu-main li a { padding: 0.65em 0.5em; }
	.onethird{width:35%;}
	.twothird{width:65%}
}

@media only screen and (max-width: 1100px) {
	#custom-logo img{max-width:300px; margin: 0 auto}
	
	.flex-cont {flex-direction: column; align-content: center; }
	
	.custom-column2{
		float:none; 
		width:100%; 
		margin:0 auto;  
		position:relative;
		padding:5px 0;
		text-align: center
	}
	.custom-column2-nav{
		float:none; 
		width:100%; 
		margin:0 auto;  
		position:relative;
		padding:5px 0;
		text-align: center
	}
	.custom-column2 .center img {max-width: 500px; height: 350px;}
	#infotop{text-align: center; margin: 0 auto}
	.head{height:auto}
	.mobile.button {
		display: block;
		background: url(../siteart/slideshow/mobile.png) center center no-repeat;
		background-size: contain;
		height: 28px;
		width: 28px;
		position:relative;
		color: transparent !important;
		margin: 0px auto;
		display: block;
	}
	.custom-mobile-nav h2{font-size:20px; padding: 5%; background: #ce242b}
	.menu-main-container {display: none;}
	header{background:#ce242b; padding: 10px 0}
	header.onPageScroll {
		padding:10px 0
	}
	.off-canvas {display: block;}
	#menu-main li a { padding: 0.8em 0.5em; font-size: 13px; }
	#main-container{padding:20px 10px}
	
	
	.custom-column2{float:none; width:100%; margin:0 auto}
	.onethird{float:none; width:100%; margin:0 auto;  position:relative;}
	.twothird{float:none; width:100%; margin:0 auto 20px auto;  position:relative;}
	
	.manuf{float:none}
	.manuf img{ float:left; max-height: 70px; margin-right: 10px}
			
	 /* Slider */
	#slider {
		height: 30vh;
		width: 100%;
		margin-top: 0;
	}
	#slider .orbit-container {
		margin: 0;
		list-style: none;
		overflow: hidden;
		height: 30vh !important;
		width: 100%;
		text-align:left;
	}
	#slider .orbit-slide {
		background-repeat: no-repeat;
		background-size: cover;
		height: 30vh;
		background-position: 30% 50%;
		width: 100%;
		z-index: 0;
	}
	
	.wrap-large {
		margin:0 auto;
		width:98%;
		padding: 0;
	}
	
	/* footer */
	.divfooter{text-align:center}
	
	.sitewidth { width: 98%;}
	
}

@media only screen and (max-width: 1000px) {
	
	.full-screen{display:none}
	#mobile-search{display:block; margin-bottom:1em; background:#ce242b}
	.accordion{background:#b2b2b2!important}
	#mobile-search input[type='submit']{margin-top:0!important}
	#mobile-search input[type='submit']:hover{background:#000!important;color:#fff!important}
	.hero-section{
	flex-direction: column;
	gap: 24px;
}
	.slideshow-section, .welcome-section{
		flex: 1 1 auto;
		width: 100%;
		min-width: 0;
	}
	

}

@media only screen and (max-width: 900px) {

	.field-wrapper {
		width: 100%;
		display: inline;		
	}
	.row.full { padding: 0 0rem; }
	
	.custom-column4{float:none; width:100%; margin:0 auto;  position:relative;padding:10px 0}
	
	.hero {
    flex-direction: column;
    gap: 12px;
		margin: 20px 0px;
  }
  .hero__right {
    flex: 0 0 auto;
    height: 40vh;
    max-height: 520px;
    min-height: 280px;
  }

}


/* iPhone 5, 6, 6+ ----------- */

@media screen and (max-width: 768px){

	.text-right{text-align:center!important}
	.text-left{text-align:center!important}
	
	.twothird, .onethird{float:none; width:100%; margin:0 auto}
	a.button-full{font-size:20px; }

	
	
	
}


/* Galaxy (portrait and landscape) ----------- */

@media screen and (max-width:640px){
	.buttons { 
    display: flex;
    flex-direction: column;
    gap: 15px;
    text-align: center;}
	
	.buttons a{
        background: #ce242b;
    padding: 15px 6%;
    width: 100% !important;}
	


}


/* Smartphones (portrait and landscape) ----------- */

@media screen and (max-width: 480px){
 	
}
 
@media screen and (max-width: 320px){
	
}