/***** BEGIN 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;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address, img {  
    display: block;  
} 

/***** END RESET *****/

* { box-sizing: border-box;}

body {
  font-family: 'Inter', sans-serif!important;
  font-weight: 400;
  letter-spacing: 2px;
  background-color: #000000;
  
  }

p{font-size: 16px;line-height: 25px;}

h1, h2, h3, h4, h5 {
  font-family: 'Inter', sans-serif!important;
  letter-spacing: 2px;
  font-weight: 800;
  line-height: normal;}

h1{ color: #000; margin-bottom: 10px;}

strong {font-family: 'Inter', sans-serif!important; letter-spacing: 2px;font-weight: 800; }


a:link, a:visited, a:active {text-decoration:none; }
a:hover {text-decoration: none; color:#000;}

img {max-width:100%; height: auto;}

header {max-width: 100%; height: auto;}

.wrapper {
  text-align: center;
  width: 100%;
  }

.top {
  height: auto;
  box-sizing: border-box;
  width: 100%;
  }
/*===================== 
	header styles 
=======================*/
.header-wrap {width:100%;margin: 0;	background-color: #000000;height: auto;border-bottom: #f8a90d thick solid; }

/*---nav style---*/
.mrow {width: 100%;  }
.mrow:after {content: "";display: table; clear: both;}
.logocloumn {
    float: left;
    /* width: 20%; */
    height: auto;
    padding: 20px 0 15px;
    display: inline-block;
    position: relative;
    left: 50px; margin: 0;
}
.logocloumn img {padding-left: 0px;}
.navcloumn {
    float: right;
    width: auto;
    height: auto;
    padding: 10px 20px;
    display: block;
    position: relative;
    right: 50px;
}
.rightcloumn {float: right;  height: auto;padding: 10px 20px;display: inline-block; position: relative; right: 65px;}
.rightcloumn a {text-align: left; font-size: 16px; font-weight: 800; color:#FFFFFF; line-height: 25px; text-transform: uppercase; font-style: italic; }
.rightcloumn a:hover {color:#F8A90D; }

.mobphone{display: none;}


.phone-inv{
	text-align: center;
	padding: 30px 0;
}







/*-------------Inventory---------------------*/

.invwrapper {text-align: left; width: 100%; }
.inf-welc{background-color: transparent;text-align: left; height: 100%;	color:#FFFFFF;width: 100%; margin: 0 auto;}


.listing-portion-title, .list-content .compare-label, .faceted-search-content .faceted-section-head, .list-content .compare-chkbox-container .compare-listings .fa-check, .list-content .machine-location, .listing-category, .detail-content-mobile .detail-title, .detail-content-mobile .detail-category{color:#FFF!important;}
.list-content .compare-chkbox{border:1px solid #FFF !important;}
.dealer-info .phone-and-email .send-email-btn{color:#000!important;}
.faceted-search-content .mobile-done-button-container .mobile-done-button,.show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .apply-button{background:#f8a90d!important;}
.faceted-search-content{background-color:#000!important;}
.show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .back-button{color:#f8a90d!important;border:1px solid #f8a90d !important;}










/*  FOOTER
------------------------------------------------*/
footer{width:100%;margin: 0 auto; background-color: #000000;height: auto;border-top: #f8a90d thick solid;    font-size: 12px;
    color: #FFFFFF;}
.ftlogo {width: 100px;
    display: inline-block;
    position: relative;
    
    padding: 0;
    margin: 0 0 0 60px;
    top: -55px;}
.ftlogo img {width: 100%; display: inline-block; }
.ftwrap {width: 100%; max-width: 1380px; padding: 0 ; margin: 0 auto; display: block; position: relative;     top: -50px;}

.ftcolumn1 {display: inline-block;
  float: left;
  width: 10%;
}

.ftmen {float: left; display: inline-block; position: relative; }
.ftmen ul {display:inline-block;margin:0;list-style-type:none; width:auto;float: left;}
.ftmen ul li {	display:block;margin:0;list-style-type:none; width:auto;padding: 3px 0;}
.ftmen ul li a {line-height:30px;text-decoration:none;	display:inline-block;margin:0;}
.ftmen li a {	font-size: 13px; color: #FFFFFF!important;  text-decoration: none; text-transform: none;}
.ftmen i {	font-size: 13px; color: #FFFFFF!important; }
.ftmen li a:hover { color: #f8a90d!important;  text-decoration: none; }
.ftmen i:hover { color: #f8a90d!important;  text-decoration: none; }

.column, .columns {
    padding-left: 0.9375rem;
	padding-right: 0.9375rem;}

.ftcolumn2 {display: inline-block;margin-right: 0px;
  float: left;
  width: auto;
}
.location_wrapper { font-size: 12px;
    margin-top: 10px;
}
.location_img  {
    margin: 0 auto;
}

.loc {float: left; display: inline-block; position: relative; }
.loc ul li {	display:block;margin:0;list-style-type:none; width:auto;padding: 3px 0;}
.loc ul li a {line-height:35px;text-decoration:none;	display:inline-block;margin:0;-webkit-transition:.4s ease-in;-moz-transition:.2s ease-in;  -o-transition:.2s ease-in; transition:.2s   ease-in; padding:0}
.loc li a {	font-size: 12px; color: #FFFFFF!important;  text-decoration: none; font-weight: 600; text-transform: none;}
.loc i {	font-size: 12px; color: #FFFFFF!important; }
.loc li a:hover { color: #f8a90d!important;  text-decoration: none; }
.loc i:hover { color: #f8a90d!important;  text-decoration: none; }

.ftcolumn3 {display: inline-block;margin-left:0;
  float: left;
  width: auto;
}
.fmail {float: left; display: inline-block; position: relative; }
.fmail ul {display:inline-block;margin:0;list-style-type:none; width:auto;float: left;}
.fmail ul li {	display:block;margin:0;list-style-type:none; width:auto;padding: 3px 0;}
.fmail ul li a {line-height:normal;text-decoration:none;	display:inline-block;margin:0;}
.fmail li a {	font-size: 12px; color: #FFFFFF!important;  text-decoration: none;  text-transform: none;}
.fmail i {	font-size: 12px; color: #FFFFFF!important; }
.fmail li a:hover { color: #f8a90d!important;  text-decoration: none; }
.fmail i:hover { color: #f8a90d!important;  text-decoration: none; }


.email_wrapper {
    margin-top: 10px;  text-align: center; font-size: 12px; color: #FFFFFF;
}
.email_wrapper a {
    text-align: center; font-size: 12px; color: #FFFFFF;
}
.email_img {
    margin: 0 auto;
}

.email_img img {
    width: 100%; height: 100%; 
}

.ftcolumn4 {display: inline-block;margin-left: 0;
  float: left;
  width: 16.66%;
}

.phone_wrapper {
   margin-top: 15px;  text-align: center; font-size: 12px; color: #FFFFFF;
}

.phone_wrapper a {
    text-align: center; font-size: 12px; color: #FFFFFF;
}

.phone_img {
    margin: 0 auto;
}


.ftcolumn5 {display: inline-block;margin-left: 20px;
  float: left;
  width: auto;
}

.column.apply a {
    background-color: #B80009;
    display: inline-block;
    margin: 0 auto;
    padding: 8px 12px;
    font-size: 16px;
    font-style: italic;
    font-weight: 800;
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;width: 100%;
    text-align: center;
}







.ftcolumn6 {display: inline-block;
  float: left;
  width: 16.66%;
}

.socm {float: right; display: inline-block; position: relative; }
.socm ul {display:inline-block;margin:0;list-style-type:none; width:auto;float: left;}
.socm ul li {	display: inline-block;margin:0;list-style-type:none; width:auto;padding: 3px 0;}
.socm ul li a {line-height:40px;text-decoration:none;	display:inline-block;margin:0;}
.socm i:hover { color: #FFFFFF;  text-decoration: none; }






/* Clear floats after the columns */
.ftrow:after {
  content: "";
  display: table;
  clear: both;
}
.ftrow{  margin-left: auto;display: flex; position: relative; margin: 0 auto;
  
  justify-content: center;   margin-right: auto;}







/*--------Footer Div Wrap------------*/

.divwrap {width: 100%; margin: 0 auto; height: auto;background-color: #f8a90d; padding: 0 ;}
.divwrap p{ color: #FFFFFF; text-align:right;font-size: 11px;transition: all 0.3s; padding: 0 50px; font-weight: 400; text-transform: uppercase;}
.divwrap p a {color: #FFFFFF; transition: all 0.3s; font-size: 11px!important;font-weight: 600;text-transform: uppercase;}
.divwrap p a:hover {color: #B80009;font-size: 11px!important;font-weight: 400;text-transform: uppercase;}

/*  end footer
--------------*/







/*  end footer
--------------*/













@media screen and (max-width: 1730px)  {

.ftlogo {  margin: 0 0 0 40px;  }
.ftlogo img {width: 100%; display: inline-block; }


}


@media screen and (max-width: 1595px)  {

.ftlogo {  margin: 0 0 0 30px; width: 80px; top: -45px }
.ftlogo img {width: 100%; display: inline-block; }


}

@media screen and (max-width: 1395px)  {
/*  FOOTER
------------------------------------------------*/
.ftwrap {  top: -30px;}
.ftcolumn1 {display: inline-block;
  float: left;
  width: 13%;
}

.ftcolumn5 {margin-left: 5px;
}
.ftcolumn3 {margin-left: 0px;
}
.ftcolumn4 {margin-left: 0px;
}
.column.apply a {  font-size: 14px;}

.ftcolumn6 { width: auto;}

.socm {float: right; display: inline-block; position: relative; }
.socm ul {display:inline-block;margin:0;list-style-type:none; width:auto;float: left;}
.socm ul li {	display: inline-block;margin:0;list-style-type:none; width:auto;padding: 3px 0;}
.socm ul li a {line-height:40px;text-decoration:none;	display:inline-block;margin:0;}
.socm i:hover { color: #FFFFFF;  text-decoration: none; }


.ftrow{  padding: 0 50px;
    margin-left: auto;
    margin-right: auto;}


}





@media screen and (max-width: 1340px)  {
/*  FOOTER
/*  FOOTER
------------------------------------------------*/
.ftrow {
    margin-left: auto;
    display: block;
    position: relative;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    margin-right: auto;
}

.ftcolumn1 { float: left; width:  100%; margin: 0 auto; text-align: center; padding: 0 0 20px 0;display: flex; position: relative; align-items: center; justify-content: center;}
.ftmen {float: left; display: block; position: relative; }
.ftmen ul {display:block;margin:0;list-style-type:none; width:auto;float: left; text-align: center;}
.ftmen ul li {	display:inline-block;margin:0;list-style-type:none; width:auto;padding: 3px 0;text-align: center;}
.ftmen ul li a {line-height:40px;text-decoration:none;	display:inline-block;margin:0 20px; text-align: center;}
.ftmen li a {	font-size: 12px; color: #FFFFFF!important;  text-decoration: none; font-weight: 600; text-transform: none;}
.ftmen i {	font-size: 12px; color: #FFFFFF!important; }
.ftmen li a:hover { color: #f8a90d!important;  text-decoration: none; }
.ftmen i:hover { color: #f8a90d!important;  text-decoration: none; }

.column, .columns {
    padding-left: 0.9375rem;
	padding-right: 0.9375rem;}

.ftcolumn2 {margin-right: 0;padding: 0 0 20px 0;display: flex; position: relative; margin: 0 auto;
  align-items: center;
  justify-content: center;
  float: left;
  width: 100%;
}
.location_wrapper {
    font-size: 12px;
    margin-top: 10px;
    margin: 0 20px;
}
.location_img  { padding: 0 0 10px 0;  margin: 0 auto;}



.ftcolumn3 {margin-left: 0;padding: 0 0 20px 0;display: flex; position: relative; margin: 0 auto;align-items: center; justify-content: center; float: left; width: 100%;}

.email_wrapper {  margin-top: 0px;  text-align: center; font-size: 12px; color: #FFFFFF;}
.email_wrapper a { text-align: center; font-size: 12px; color: #FFFFFF;}
.email_img { margin: 0 auto;}

.email_img img { width: 100%; height: 100%; }

.ftcolumn4 {margin-left: 0;display: flex; position: relative; margin: 0 auto; align-items: center;justify-content: center; float: left; width: 100%;}

.phone_wrapper { margin-top: 15px;  text-align: center; font-size: 12px; color: #FFFFFF; padding: 0 0 10px 0;}

.phone_wrapper a {text-align: center; font-size: 12px; color: #FFFFFF;}

	.phone_img { margin: 0 auto;}


.ftcolumn5 {margin-left: 0;display: flex; position: relative; margin: 0 auto; padding: 20px 0; 
  align-items: center;
  justify-content: center;
  float: left;
  width: 100%;
}

.column.apply a {
    background-color: #B80009;
    display: inline-block;
    margin: 0 auto;
    padding: 8px 12px;
    font-size: 16px;
    font-style: italic;
    font-weight: 800;
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;width: 100%;
    text-align: center;
}







.ftcolumn6 {display: flex; position: relative; margin: 0 auto; padding: 20px 0; 
  align-items: center;
  justify-content: center;
  float: left;
  width: 100%;
}

.socm {float: left; display: inline-block; position: relative; }
.socm ul {display:inline-block;margin:0;list-style-type:none; width:auto;float: left;}
.socm ul li {	display: inline-block;margin:0;list-style-type:none; width:auto;padding: 3px 0;}
.socm ul li a {line-height:40px;text-decoration:none;	display:inline-block;margin:0;}
.socm i:hover { color: #FFFFFF;  text-decoration: none; }


.loc {float: left; display: block; position: relative; }
.loc ul {display:block;margin:0;list-style-type:none; width:auto;float: left; text-align: center;}
.loc ul li {	display:inline-block;margin:0;list-style-type:none; width:auto;padding: 3px 0;text-align: center;}
.loc ul li a {line-height:40px;text-decoration:none;	display:inline-block;margin:0 20px; text-align: center;}
.loc li a {	font-size: 12px; color: #FFFFFF!important;  text-decoration: none; font-weight: 600; text-transform: none;}
.loc i {	font-size: 12px; color: #FFFFFF!important; }
.loc li a:hover { color: #f8a90d!important;  text-decoration: none; }
.loc i:hover { color: #f8a90d!important;  text-decoration: none; }

.fmail {float: left; display: block; position: relative; }
.fmail ul {display:block;margin:0;list-style-type:none; width:auto;float: left; text-align: center;}
.fmail ul li {	display:inline-block;margin:0;list-style-type:none; width:auto;padding: 3px 0;text-align: center;}
.fmail ul li a {line-height:40px;text-decoration:none;	display:inline-block;margin:0 20px; text-align: center;}
.fmail li a {	font-size: 12px; color: #FFFFFF!important;  text-decoration: none; font-weight: 600; text-transform: none;}
.fmail i {	font-size: 12px; color: #FFFFFF!important; }
.fmail li a:hover { color: #f8a90d!important;  text-decoration: none; }
.fmail i:hover { color: #f8a90d!important;  text-decoration: none; }

}
















@media screen and (max-width: 1212px)  {
/*===================== 
	header styles 
=======================*/
.lcolumn li{ font-size: 16px; font-weight: 700; }
/*  FOOTER
------------------------------------------------*/

}


@media screen and (max-width: 966px)  {
.container{margin: 35px 50px 0;}
}


@media screen and (max-width: 965px)  {
/*  FOOTER
/*  FOOTER
------------------------------------------------*/
.ftrow {padding: 0 30px;}

.ftcolumn1 {  margin: 0 auto;  padding: 0 0 20px 0;}


.ftmen ul li {	padding: 3px 0;}
.ftmen ul li a {line-height:40px;margin:0 15px; }
.ftmen li a {	font-size: 12px; }
.ftmen i {	font-size: 12px;  }


.ftcolumn2 {padding: 0 0 20px 0;}
.location_wrapper { font-size: 12px;  margin-top: 10px;  margin: 0 15px;}
.location_img  { padding: 0 0 10px 0;  margin: 0 auto;}



.ftcolumn3 {;padding: 0 0 20px 0;}

.email_wrapper {font-size: 12px; }
.email_wrapper a { font-size: 12px; }

.phone_wrapper { margin-top: 15px;  font-size: 12px; padding: 0 0 10px 0;}

.phone_wrapper a { font-size: 12px; }



.ftcolumn5 {padding: 20px 0; }

.column.apply a {padding: 8px 12px;  font-size: 16px;}


.ftcolumn6 { padding: 20px 0; }



.socm ul li {padding: 3px 0;}


.loc ul li {padding: 10px 0;}
.loc ul li a {line-height:40px;margin:0 15px; }
.loc li a {	font-size: 12px; }
.loc i {	font-size: 12px;  }




.fmail ul li {padding: 3px 0;}
.fmail ul li a {line-height:40px;margin:0 15px; }
.fmail li a {	font-size: 12px; }
.fmail i {	font-size: 12px;  }

}







@media screen and (max-width: 857px)  {
.container{margin: 35px 20px 0;}

}



@media screen and (max-width: 807px)  {

/*===================== 
	header styles 
=======================*/

.lcolumn {float: left; width: auto; height: auto;}
}


@media screen and (max-width: 700px)  {
.flt-right {   float: right;}
.copyright {   text-align: left;}
 	
.ftrow {padding: 0 0px;}	
	
/*--------Footer Div Wrap------------*/
.divwrap p{ color: #FFFFFF; text-align:center;font-size: 8px;transition: all 0.3s; padding: 0 50px; font-weight: 400; text-transform: uppercase;}
.divwrap p a {color: #FFFFFF; transition: all 0.3s; font-size: 8px!important;font-weight: 600;text-transform: uppercase;}
.divwrap p a:hover {color: #B80009;font-size: 8px!important;font-weight: 400;text-transform: uppercase;}

/*  end footer
--------------*/	
	
}


		
@media screen and (max-width: 550px)  {	
	
/*===================== 
	header styles 
=======================*/

.lcolumn li{padding: 0 20px; }
.mcolumn {float: left; width: 50%;}
.rcolumn li{padding: 0 20px; }
.rrcolumn li{padding: 0 20px; }

}
@media screen and (max-width: 520px)  {

.ftlogo {  margin: 0 0 0 20px; width: 70px; top: -35px }
.ftlogo img {width: 100%; display: inline-block; }


}
@media screen and (max-width: 428px)  {	
	
/*===================== 
	header styles 
=======================*/
.lcolumn li{padding: 0 15px; font-size: 16px;  line-height: 30px; ;}
.rcolumn li{padding: 0 15px; font-size: 12px; line-height:30px; }

.rrcolumn li{padding: 0 15px; font-size: 12px; line-height:30px; }

}


@media screen and (max-width: 368px)  {	
/*===================== 
	header styles 
=======================*/
.lcolumn {float: left; width: 100%; height: auto; text-align: center; border-bottom: #FFFFFF thin solid;}
.lcolumn li{float: left; margin:0;padding: 0 30px;  border-right: none; text-transform: uppercase;height: auto; text-align: center;}
.mcolumn {float: left; width: 0}
.rcolumn {float: right; width: 50%; text-align: center;}
.rcolumn li{float: left; margin:0;padding: 0 20px; border-right: none;}
.rrcolumn {float: right; width: 50%; text-align: center; }
.rrcolumn li{float: left; margin:0;padding: 0 20px; border-right: none; border-left: none;}


.ftwrap {  padding: 0 10px;}

}
