@charset "utf-8";
/***** BEGIN RESET *****/

* {

    border:0;
    margin:0;
    padding:0;
}

body {
	-webkit-text-size-adjust: none;
	background:#000;
	color:#000;
	line-height:1!important;
	font-family: 'Raleway', sans-serif;
}


ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}

/***** END RESET *****/

/****************************************************************************hover easing style


			-webkit-transition: all .5s ease; /* Safari and Chrome */
  /*  		-moz-transition: all .5s ease; /* Firefox */
  /*  		-ms-transition: all .5s ease; /* IE 9 */
  /*  		-o-transition: all .5s ease; /* Opera */
  /*  		transition: all .5s ease;

/*header===================================*/

header {
width:100%;
float:left;
background:url(../siteart/black-diamond-plate.jpg);
background-size:cover;
z-index:2;
position:relative;
box-shadow: 0 1px 5px #000;
}

.topcontact {
width:100%;
height:30px;
background:url(../siteart/topheader.png);
background-size:100%;
}


.topcontact h3, .topcontact .h3 {
	display: block;
    font-size: 1.17em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
	
color:#fff;
font-family: 'Montserrat', sans-serif;
text-align:center;
width:100%;
float:letf;
padding-top:3px;	
}

.topcontact h3 a, .topcontact .h3 a {
color:#fff;	
	text-decoration: none;
}

.topcontact h3 a:hover, .topcontact .h3 a:hover {
color:#000;	
}

.sidelogos {
width:20%;
float:left;	
margin-top:45px;
}

.sidelogos img {
width:100%;
max-width:100px;
display:block;
margin:0 auto;
}

.logo-row{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.logo-row .wabash-logo{
	padding-right: 20px;
}

.logo-row img{
width:100%;
max-width:275px;
}

.logo {
width:50%;
float:left;
margin-top:10px;
margin-bottom:15px;	
}

.logo img {
width:100%;
max-width:275px;
float:left;

}

.logotwo {
width:50%;
float:left;
margin-top:10px;
margin-bottom:15px;	
}

.logotwo img {
width:100%;
max-width:275px;
float:right;
margin-right:25px;
}

.parts-order-container {
    float: left;
    margin-top: 10px;
    margin-bottom: 15px;
    position: absolute;
    right: 25px;
    top: 50px;
    transform: skewX(-15deg);
	z-index: 9999;
	min-width: 200px;
}
.parts-order-container p {
    transform: skewX(15deg);
}
.parts-order-container .parts-square {
background-color: #007cf5;
	max-width: 100px;
	width: 100%;
text-align: center;
padding: 25px;
color: #ffffff;
text-decoration: none;
font-weight: 700;
font-size: 18px;
display: block;
transition: .3s ease all;
margin-left: auto;
}
.parts-order-container .parts-square:hover {
background-color: #ffffff;
	color: #000000;
}

.wrap {
width:90%;
margin:0 auto;
max-width:1300px;	
}

.headerwrap {
width:90%;
margin:0 auto;
max-width:1300px;
	position: relative;
	overflow: hidden;
}

#western {
margin-top:37px;	
}

#western img {
    max-width:85px;	
}

/*************************** FRAMELESS INVENTORY ******************************/

#inv-wrap{background: #fff!important; padding: 2em 0}

.faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-name {margin: 0 0 0 3px!important}

.list-content .list-title .list-listings-count,.list-content .list-listing-mobile .listing-dealer-info .spec-value, .list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price, .list-content .list-main-section .list-container .fin-calc, .list-content .list-main-section .list-container .list-listing .listing-top-right .listing-dealer-info>*, .detail-content .detail-main-body .main-detail-data .detail-price, .detail-content .dealer-info .dealer-company-header, .detail-content .search-results, .detail-content .dealer-info .google-maps-link, .detail-content .dealer-info .contact-information .address, .detail-content .dealer-info .contact-information .phone, .detail-content .dealer-info .contact-information .contact, .detail-content-mobile .detail-main-body .main-detail-data .detail-price, .detail-content-mobile .detail-main-body .main-detail-data .detail-price, .fin-calc, .detail-content-mobile .dealer-info h3, .detail-content-mobile .dealer-info .address-and-contact .address,.compare-listings-container .compare-container .comp-header-img .comp-title-close-cont .compare-title h3,.compare-listings-container .compare-container .compare-price,.bread-crumbs-heading .return-links .return-links-link i,.bread-crumbs-heading .return-links .return-links-link span{color:#e6202a!important}

.faceted-search-content .selected-facets-container .selected-facet, .modal-content .form-bottom .captcha-and-submit .captcha-placeholder button, .modal-content .form-bottom .captcha-and-submit .captcha-placeholder input, .detail-content-mobile .detail-contact-bar .contact-bar-btn, .apply-button, .Manufacturer-button, .cs-btns a, .main-detail-data .contact-options a, .fin-calc-btn-mobile, .view-listing-details-link, .mobile-done-button, .g-recaptcha.button{background:#e6202a!important}

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .buy-now-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .check-availability-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .email-seller-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .video-chat-link, .detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile, .detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile, .detail-content-mobile .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-main-body .main-detail-data .buy-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile, .mobile-breadcrumb,.compare-listings-container .compare-container .button{background-color:#e6202a!important}

.detail-content .dealer-info .phone-and-email .send-email-btn, .back-button {
    color: #e6202a!important;
    border: 1px solid #e6202a!important;
}

.detail-content .detail-main-body .main-detail-data .offer-btn .fa-chevron-right, .detail-content .detail-main-body .main-detail-data .buy-btn .fa-chevron-right {margin: 0 10px 0 0;}

.detail-content-mobile .detail-main-body .main-detail-data .buy-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile{border: 1px solid #e6202a!important;}

.detail-content-mobile .detail-main-body .main-detail-data .opened {
    background-color: #fff!important;
    color: #e6202a!important;
    border: 1px solid #e6202a!important;
}
.compare-chkbox-container .compare-listings .fa-check {
    top: -1px !important;
    left: 2px !important;
}
.compare-checked {
	color: #000 !important;
}
.compare-chkbox-container .compare-listings .compare-label {
	margin-bottom: 6px !important;
	margin-left: 4px !important;
}
/***************************SLIDESHOW******************************/
.slide-contain {
	width:60%;
float:left;
position:relative;
z-index:0;
height:650px;
overflow:hidden;
}

.cycle-slide {
width:100%;	
}

.cycle-slideshow {
	width:100%;
	overflow:hidden;
	float:left;
	
	display:block;
}
.cycle-slideshow img {display:block; width:100%; float:left;}

/* Category Landing Pages Links Section - Homepage hero/cta sect */

img.wabash-logo {    
	width: 100%;
    position: absolute;
    max-width: 180px;
    bottom: 10px;
    right: 10px;
	z-index:99999;}

.cat-landing-sect { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; border-top: 2px solid #fff; }
.cat-landing-sect a.cat-landing-link { 
	background: #ddd; background-size: 100%; background-position: center; background-repeat: no-repeat; border: 2px solid #fff; text-decoration: none; display: flex; justify-content: flex-start; align-items: center; width: 33.333333%; height: 250px; padding: 0 20% 0 40px; box-sizing: border-box; position: relative; z-index: 1; transition: .2s ease all; background-color: #000000; 
}
.cat-landing-sect a.cat-landing-link:after { 
	content: ""; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; background: #000; opacity: .6; transition: .2s ease all; 
}
.cat-landing-sect a.cat-landing-link:hover { background-size: 124%; transition: .4s ease all; }

.cat-landing-sect a.cat-landing-link:hover:after { background: #000; opacity: 0.6; transition: .4s ease all; background:#fff;opacity: .3;}

.cat-landing-sect a.cat-landing-link span { 
	position: relative; z-index: 2; color: #fff; font-family: 'Raleway', sans-serif; font-size: 28px; font-weight: 500; text-transform: uppercase; line-height: 1.2; text-align: left; text-decoration: none; text-shadow: 0 0 8px rgba(0, 0, 0, .7); 
}
.cat-landing-sect a.cat-landing-link:hover span { text-shadow: 1px 1px 0 rgba(0, 0, 0, .6), 0 0 8px #000; transition: .4s ease all; }

/* Category Landing Pages _____-trailers.htm (where ^those^ links go) */
.cat-landings { 
	width: 100%; max-width: 2000px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; padding: 30px 0; box-sizing: border-box; background: #fff; 
}
.cat-landings > .wrap { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; }
.trailerimg { 
	width: calc(50% + 40px); padding-right: 40px; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: center;
}
.trailerimg img { width: 100%; max-height: 450px; object-fit: contain; object-position: 50% 0%; margin-bottom: 40px; }
.trailerimg img:last-of-type { margin-bottom: 0px; }
.trailerinfor { width: calc(50% - 40px); display: flex; flex-direction: column; align-items: flex-start; }
.cat-landings h2, .cat-landings .h2 { 
	font-family: 'Raleway', sans-serif; font-size: 27px; text-transform: uppercase; text-align: center; margin-top: 40px; 
}
.cat-landings h3.trailerbold, .cat-landings .h3.trailerbold { 
	font-family: 'Raleway', sans-serif; font-size: 24px; text-transform: uppercase; color: #e6202a; margin-bottom: 40px;
}
.cat-landings p { font-family: 'Raleway', sans-serif; font-size: 18px; line-height: 30px; color: #000; }
.cat-landings p span.trailerbold { font-size: 19px; text-transform: uppercase; color: #e6202a; }
.cat-landings ul { 
	font-family: 'Raleway', sans-serif; font-size: 18px; line-height: 30px; color: #000; list-style-type: square; margin-left: 40px;
}
.cat-landings a.cat-inv-link { 
	background: #e6202a; color: #fff; font-family: 'Raleway', sans-serif; font-size: 16px; font-weight: 700; letter-spacing: .4px; text-align: center; padding: 10px 16px; box-sizing: border-box; transition: .15s ease all; margin: 30px 0;
}
.cat-landings a.cat-inv-link:hover { 
	background: #000; color: #fff!important; transition: .3s ease all;
}

/* pager */
.pager { 
    text-align:center; width:1%; margin:-500px 10px 0px; position:relative; z-index:999; float:right;}
.pager span { 
    font-family:arial; font-size:50px; width:16px; height:16px; display:inline-block; color:#000; cursor:pointer; 
}
.pager span.cycle-pager-active { color:#e6202a;}
.pager > * { cursor:pointer;}

/*search============*/

.searches {
width:40%;
float:left;
height:650px;
background-size:cover;
background:url(../siteart/search-bg.jpg);	
box-sizing:border-box;
padding:50px 50px 0;
border-left:6px solid #000;
background-size:cover;
}

/******************equipment Search******************/

.column4 {width:95%;  float:left; margin:1% 2.5% 3.5%; box-sizing: border-box; color:#fff; font-family: 'Raleway', sans-serif; font-weight:500; font-size:18px;}

.column5 {width:45%;  float:left; margin:1% 2.5% 3.5%; box-sizing: border-box; color:#fff; font-family: 'Raleway', sans-serif; font-weight:500; font-size:18px;}

.detailed-form {
	width:100%;
	float:left;
	color: #fff;

	background-size:cover;
	font-family: 'Raleway', sans-serif;
	font-weight:500;
}
.detailed-search input {
    width: 100%;
    padding: 15px 8px;
    font-size: 16px;
    background-color: #fff;

	box-sizing: border-box;
}
.detailed-search select {
    width: 100%;
    padding: 15px 8px;
    font-size: 16px;
    background-color: #fff;

	box-sizing: border-box;
}

.detailed-row{
	margin: 10px 0;
	color: #000;
	text-transform:uppercase;
	font-weight:600;
	font-size: 12px;

}

#last {
margin-right:0;	
}

.detailed-search input[type="submit"] {
	text-transform:uppercase;
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	font-weight:700;
    background: #000;
    width: 100%;

    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;
	cursor: pointer;
	position: relative;
	margin-top:0px;
	padding:18px 12px;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}

.detailed-search input[type="submit"]:hover {
	background: #000;
}

.detailed-search select:focus, .detailed-search input:focus{outline-color:#fff;}

.last{ margin:1% 0 1% 0; }


.detailed-form h2, .detailed-form .h2 {
	font-family: 'Raleway', sans-serif;
	text-transform:uppercase;
	font-weight:800;
	font-size:60px;
	width:100%;
	float:left;
	text-align:center;
	margin-bottom:15px;
}

/*scrolling================*/

.scrollings {
width:100%;
float:left;
padding:20px 0;
background:url(../siteart/black-diamond-plate.jpg);
background-size:cover;	
}

.gradient {
width:100%;
float:left;
height:8px;
background: linear-gradient(to right, #676767 , #E4E4E4 , #909090 , #E9E9E9 , #727272 );	
}

.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
}
 
.scrolling{
    width:100%;
    height:92px;
}

/*MAIN SECTION====================*/

.mainsection {
width:100%;
float:left;
background:#fff;
padding:50px 0;	
font-family: 'Raleway', sans-serif;
position:relative;
z-index:1;
}

.mainsection h2, .mainsection .h2 {
color:#000;
font-size:27px;
text-align:center;
width:100%;
float:left;
letter-spacing:10px;
text-transform:uppercase;	

}

.mainsection h1, .mainsection .h1 {
text-align:center;
width:100%;
float:left;
margin-bottom:30px;
font-size:80px;
font-weight:800;
color:#e6202a;	
}

.mainsection p {
	font-size:18px;
	line-height:25px;
	text-align:center;
}

.hiring {
width:100%;
max-width:400px;
height:100px;
background:url(../siteart/hiring-button.png) no-repeat;
background-size:100%;
display:block;
margin:30px auto 0;
}

.hiring:hover {
	width:100%;
max-width:400px;
height:100px;
background:url(../siteart/hiring-button-hover.jpg) no-repeat;
background-size:100%;
display:block;
margin:30px auto 0;
}

.brands {
width:100%;
float:left;
border-top:1px solid #C5C5C5;
position:relative;
z-index:1;	
background:#fff;
}

/*socialmedia======================*/

.slanted {
    width: 0px;
    height: 0px;
    border-top: 100px solid #e6202a;
    border-right: 100px solid transparent;
    float: left;
	margin-left:-1px;
}

.socialmedia {
width:100%;
float:left;
background:url(../siteart/black-diamond-plate.jpg);
background-size:cover;	
border-top:5px solid #e6202a;
border-bottom:5px solid #e6202a;
position:relative;
z-index:1;
}

.follows {
width:55%;
float:left;
background:#e6202a;
height:100px;
padding-left:5%;	
}

.follows h2, .follows .h2 {
color:#fff;
font-size:50px;
text-align:left;
margin-top:25px;
text-transform:uppercase;	
}

.socicons {
width:25%;
float:right;
padding-right:5%;
box-sizing:brder-box;
font-size:75px;
text-align:center;
color:#fff;	
height:75px;
}

.socicons a {
color:#fff;	
}

.socicons a:hover {
	color:#e6202a;
}

.socicons .fa {
margin:10px 80px 0 0;	
}


/***map***/

.map{position:relative;margin-top:-0px;float:left; z-index:0; width:100%; margin-bottom:-0px;}

.map img {
width:100%;
float:left;	
}
.marker:hover #dynamicContent {
	text-align: left;
	background: #fff;
	border: 2px #111111 solid;
	border-radius: 5px;
	padding: 15px 15px;
	line-height: 24px;
	position: relative!important;
	margin-top: -245px;
	width: 45%;
	display:inline!important;
}

#dynamicContent {
	display:block;
	margin-top:0px;
		-webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
	
}




#dynamicContent {
	display:block;
	margin-top:0px;
		-webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
	background:#000;
	background-size:cover;
	width:35%;
	float:left;
	padding:30px 2.5%;
	color:#fff;
	margin-left:5%;
	margin-top:-24%;
	position:relative;
	z-index:2;
	min-height:200px;
}

.blue {
width:100%;
float:left;
}

.blue h2, .blue .h2 {
color:#e6202a;	
font-family: 'Raleway', sans-serif;
text-transform:uppercase;
font-size:101px;
text-align:center;
width:100%;
float:left;
font-weight:900;
}

.blue h3, .blue .h3 {
color:#e6202a;	
font-family: 'Raleway', sans-serif;
text-transform:uppercase;
font-size:65px;
text-align:center;
width:100%;
float:left;
font-weight:900;
line-height:45px;
}

.blue h5, .blue .h5 {
	font-family: 'Raleway', sans-serif;
	font-size:35px;
	margin-top:0px;
	color:#fff;
	width:100%;
	float:left;
	text-transform:uppercase;
text-align:center;
font-weight:500;
}

.blue h4, .blue .h4 {
color:	#e6202a;
font-size:60px;
width:20%;
float:left;
text-align:right;
margin-right:5%;
margin-top:30px;
}

.blue p {
	color:#fff;
	margin-top:40px;
	
	text-align:left;
	font-size:18px;
	line-height:22px;
	width:60%;
	float:left;
}

.locations p {
	margin-top:5px;
}

.locations h2, .locations .h2 {
	font-family: 'Raleway', sans-serif;
	font-size:24px;
	margin-top:20px;
	font-weight:bold;
	color:#FFF!important;
	text-transform:uppercase;
}

.locations a {
background:#000;
padding:5px 37px;
font-family: 'Raleway', sans-serif;
margin-top:20px;
color:#fff;
font-size:18px;	
float:left;
font-weight:bold;
border-radius:3px;
}

.locations a:hover {
background:#ADADAD;
	
}

.desktopmap {
width:100%;
float:left;	
}

.mapbuttons {
float:left;
background:#e6202a;
color:#fff;
text-align:center;
padding:5px 20px;	
text-decoration:none;
margin-top:10px;
}

.mobilemap {
display:none;	
}

/*footer====*/

a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#999999;}
a.footerlink:hover {text-decoration:none; font-family:Arial, Helvetica, sans-serif;font-size:13px;}

.footertext{font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#999999;}

.smallfootertext{font-family:Arial, Helvetica, sans-serif;font-size:10px; color:#999999;}

.divfooter {width:450px; text-align:center; margin:0 auto;}

footer {
width:100%;
float:left;
background:url(../siteart/black-diamond-plate.jpg);
background-color: #000000;
background-size:cover;
padding:50px 0;	
border-top:5px solid #e6202a;
position:relative;
z-index:1;
}

.insidefoot p {color:#fff;text-align:center;}

/*SUBPAGES==================*/

.titles {
width:100%;
float:left;	
margin-bottom:30px;
}

.titles h1 {
display:block;
text-align:center;
color:#000;
font-weight:900;
font-size:60px;	
text-transform:uppercase;
margin-bottom:0;
}

.fulls {
width:100%;
float:left;	
}

.underlines {
max-width:200px;
display:block;
background:#e6202a;
margin:10px auto;	
height:5px;
width:100%;
}


.mainsectionsub {
width:100%;
float:left;
background:#fff;
padding:30px 0;	
font-family: 'Raleway', sans-serif;
position:relative;
z-index:1;
}

.salesinfo {
width:40%;
float:left;	
}

.mainsectionsub a {
color:	#e6202a;
}

.mainsectionsub a:hover {
color:	#000;
}


.salesinfo a {
color:	#e6202a;
}

.salesinfo a:hover {
color:#000;	
}

.salemap {
width:60%;
float:left;
height:350px;	
}

.sectionline {
width:100%;
float:left;
height:1px;
background:#CBCBCB;
margin:30px 0;	
}

.mainsectionsub p {
font-size:18px;
line-height:25px;	
}

.leftimg {
width:20%;
float:left;
margin-right:5%;	
}

.leftimg img {
width:100%;	
}

.rightcon {
width:75%;
float:left;	
}

.association {
width:30.33%;
float:left;
margin:1.5%;	
padding:15px;
box-sizing:border-box;
border:1px solid #000;
}

.associationimg {
width:100%;
float:left;	
}

.associationimg img {
width:100%;	
max-width:250px;
margin:0 auto;
display:block;
}

.association h3 {
text-align:center;
font-size:18px;
margin-top:15px;
width:100%;
color:#000;
float:left;	
height:50px;
}



.association:hover {
	border:1px solid  #e6202a;
}

/*forms=================*/


.send {
width:100%;
float:left;	
}
#parts {
width:100%;
float:left;
margin:40px 0% 0;
color:#000!IMPORTANT;
font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;	
}

#parts tr {
width:45%;
float:left;
margin:0 2.5%;	
}

#parts .fullrow {
width:95%;
float:left;
margin:0 2.5%;	
}

#parts tr td h2, #parts tr td .h2 {
font-family: 'Raleway', sans-serif;
font-size:30px;
color:#000;
padding-bottom:5px;
border-bottom:2px solid #000;
margin-bottom:20px;
text-align:left;
font-weight:700;
text-transform:uppercase;
}

#parts tr td h3, #parts tr td .h3 {

    font-family: "Open Sans Condensed", sans-serif;
    font-weight: 800;
    color: #000;
    text-align: left;
    font-size: 27px;
	text-transform:uppercase;
	

}

#parts td {
width:100%;
float:left;	
}

/*control the Captcha */

.CaptchaPanel {
margin:0 0 0 0 !important;
padding:0 0 0 0 !important;
text-align: center;
line-height:normal !important;
}

.CaptchaImagePanel {
margin:0 0 0 0;
padding:0 0 0 0;
}

.CaptchapartsagePanel {
padding:0 0 0 0 !important;
margin:0 0 0 0 !important;
font-weight:normal !important;
font-size:12px;
line-height:14px;
}

.CaptchaAnswerPanel {
margin:0 0 0 0;
padding:2px 0px 2px 0px !important;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 0 0 0;
	padding:8px 0 8px 0 !important;
}
.CaptchaWhatsThisPanel a {color:#fff; width:auto;background:none;float:none;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;} 






#parts input {
	padding:12px 10px;
	border:1px solid #B3B3B3;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:18px;
	 width:100%;
	 margin:0%;
	 background:#Fff;
	 margin-bottom:30px;
	 box-sizing:border-box;
	 
}

#parts textarea {
padding:12px 10px;
	border:1px solid #B3B3B3;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:18px;
	 width:100%;
	 margin:0%;
	 background:#Fff;
	 margin-bottom:30px;
	 box-sizing:border-box;
	 height:150px;
}



/* focus states of various types of fields */



#parts input:focus,

#parts select:focus {
color:#000;

}


#parts textarea:focus {
color:#000;
border-bottom:3px solid #B3B3B3;
}

#parts select {
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #B3B3B3;
	color:#000;
	vertical-align:middle;
	font-size:12px;
	line-height:normal;
	background:#Fff;
	 margin-bottom:30px;
	padding:11.51px 10px;
	width:100%;
	color:#000;
	font-size:18px;
	box-sizing:border-box;
}




#parts input.button,
#parts input.button:focus {
    width:50%; 
    margin:0;
    padding:7px 0;
    background:#e70000;
   border-bottom:none;
    color:#fff;
	font-family: 'Open Sans', sans-serif;
	font-weight:800;
	text-align:center;
	font-size:18px;
	text-transform:uppercase;
		-webkit-transition: all .5s ease; /* Safari and Chrome */
  -moz-transition: all .5s ease; /* Firefox */
  -ms-transition: all .5s ease; /* IE 9 */
  -o-transition: all .5s ease; /* Opera */
  transition: all .5s ease; 
}
#parts input.button:hover {
	background:#000;
	color:#fff;
	
}

.partbutton {
width:31.33%;
float:left;
margin:10px 1% 0;
padding:15px 0;
background:#fff;
background:#e6202a;
box-sizing:border-box;	
color:#fff!important;
text-align:center;
font-size:18px;
text-decoration:none;
font-weight:700;
}

.partbutton:hover {
background:#000;
color:#fff!important	
}

.partmap {
width:60%;
float:left;
height:500px;	
}

.rightcontwo {
width:100%;
float:left;
margin-bottom:30px;	
border-bottom:1px solid #D4D4D4;
padding-bottom:30px;
}

.rightcontwo  p {
text-align:center;	
}

.rightcontwo a {
color:#e6202a;
}

.rightcontwo a:hover {
color:#000;	
}

.leftimgtwo {
width:	50%;
float:left;
}

.leftimgtwo img {
width:auto;
height:75px;
display:block;
margin:10px auto;	
}

.leftimgthree {
width:	50%;
float:left;
margin-top:15px;
}

.leftimgthree img {
width:auto;
height:60px;
display:block;
margin:10px auto;	
}





        #gal_container {
        	padding:0 10px 0 0;
        	margin:0 auto;
        	text-align:center;
        }
        #gal_container img {  /*Style to make the thumbnail image style on the gallery page.*/
        	height:130px;
        	margin:0 5px 5px 0;
        }
		
		.rightcon a {
		color:#e6202a;
}

.rightcon a:hover {
color:#000;	
}

.locationinfor {
width:33.33%;
float:left;
padding:20px;
box-sizing:border-box;

}


#middleone {
border-right:1px solid #BFBFBF;	
border-left:1px solid #BFBFBF;		
height:535px;
}

.fulldepartment {
width:100%;
float:left;
padding:30px 20px;
box-sizing:border-box;
border-top:1px solid #bfbfbf;	
border-bottom:1px solid #bfbfbf;	
}

.locationsmap {
width:100%;
float:left;
height:300px;	
margin-top:30px;
}

.apps {
width:35%;
float:left;	
margin-top:30px;
}

.apps img {
width:100%;
max-width:300px;
display:block;
margin:0 auto;
}

.carin {
width:30%;
float:left;	
}

.credithalf {
width:50%;
float:left;
padding:20px;
box-sizing:border-box;
border-right:#bfbfbf 1px solid;	
}

.credithalftwo {
width:50%;
float:left;
padding:20px 20px 20px 40px;
box-sizing:border-box;
}

.mobilelogos {
display:none;	
}


/**********************************************************************************************************************************************************************************************
***********************************************************************************************RESPONSIVE**************************************************************************************
***********************************************************************************************************************************************************************************************/

@media screen and (max-width: 1670px) { 
.blue h2 {
font-size:90px;	
}
}


@media screen and (max-width: 1650px) { 
.cycle-slideshow img {
height:660px;
width:auto;	
}
	
	.parts-order-container {
		    position: relative;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
		display: flex;
		justify-content: center;
	}
	.parts-order-container .parts-square {
		max-width: 150px;
		width: 100%;
		margin-left: unset;
	}
}

@media screen and (max-width: 1530px) { 
.map {
margin-top:-30px;
margin-bottom:-30px;	
}

#dynamicContent {
margin-top:-31%;	
}

.blue h2 {
font-size:65px;	
}

.blue h3 {
font-size:45px;
line-height:45px;	
}

.blue h5 {
font-size:25px;	
}
}

@media screen and (max-width: 1375px) { 
.follows h2 {
font-size:38px;	
}

.socicons {
font-size:63px;	
}

.follows {
height:90px;	
}

.slanted {
border-top:90px solid #e6202a;
border-right:90px solid transparent;	
}
}

@media screen and (max-width: 1350px) { 
.cycle-slideshow img {
height:550px;
width:auto;	
}

.searches {
height:550px;
padding:15px 50px 0;	
}

.slide-contain {
height:550px	
}

.detailed-form h2, .detailed-form .h2 {
font-size:49px;	
}

}

@media only screen and (max-width: 1300px) {
	.cat-landing-sect a.cat-landing-link { height: 200px; }
}

@media screen and (max-width: 1260px) { 
.map {
margin-top:-0px;
margin-bottom:-0px;	
}

#dynamicContent {
margin-top:-31%;
width:40%;	
}

}


@media screen and (max-width: 1165px) { 
.socicons .fa {
margin:10px 25px 0 0;	
}

.follows h2, .follows .h2 {
font-size:35px;
line-height:35px;
margin-top:5px;	
}

.salesinfo {
width:100%;	
}

.salemap {
width:100%;
height:250px;	
margin-top:20px;
}

.partmap {
width:100%;
height:250px;	
margin-top:20px;	
}

.salesinfo h2, .salesinfo .h2 {
text-align:center;	
}

.salesinfo p {
text-align:center
}

.locationinfor {
width:100%;	
padding:30px 20px;
}

#middleone {
border:none;
border-bottom:1px solid #BCBCBC;
border-top:1px solid #bcbcbc;
padding:30px 20px;	
height:auto;
}

.locationinfor h2, .locationinfor .h2{
text-align:center;	
}

.locationinfor p {
text-align:center;	
}

.fulldepartment h2, .fulldepartment .h2 {
	text-align:center;
}

.fulldepartment p {
text-align:center;	
}


}

@media screen and (max-width: 1130px) { 
.cycle-slideshow img {
height:auto;
width:100%;	
}

.column4 {
width:45%;
margin:1% 2.5% 1%	
}

.column5 {
margin:1% 2.5% 1%		
}

.searches {
height:auto;
width:100%;
padding:20px 50px;
border-left:0;
border-top:5px solid #000;	
}

.slide-contain {
height:auto;
width:100%;	
}

.detailed-form h2, .detailed-form .h2 {
font-size:49px;	
}
	
.cat-landing-sect a.cat-landing-link span { font-size: 24px; }

}

@media screen and (max-width: 1050px) { 
.desktopmap {
display:none;	
}

.mobilemap {
display:block;
width:100%;
float:left;	
}

.mobilemap img {
width:100%;
float:left;	
}

#mobileoverlay {
width:100%;
float:left;
background:#000;
padding:5%;
box-sizing:border-box;	
}

#mobileoverlay h2, #mobileoverlay .h2 {
color:#e6202a;	
font-family: 'Raleway', sans-serif;
text-transform:uppercase;
font-size:45px;
text-align:center;
width:100%;
float:left;
font-weight:900;	
}

#mobileoverlay h3, #mobileoverlay .h3 {
	color:#fff;	
font-family: 'Raleway', sans-serif;
text-transform:uppercase;
font-size:30px;
text-align:center;
width:100%;
float:left;
font-weight:500;
}

.maplocone {
width:100%;
float:left;
padding:20px;
box-sizing:border-box;	
}

.maplocone p {
	color:#fff;
	margin-top:40px;
	
	text-align:left;
	font-size:18px;
	line-height:22px;
	width:60%;
	float:left;
}
.maplocone h4, .maplocone .h4 {
color:	#e6202a;
font-size:60px;
width:20%;
float:left;
text-align:right;
margin-right:5%;
margin-top:30px;
}

.apps {
width:50%;	
}

.carin {
width:100%;	
}
	
	.cat-landing-sect a.cat-landing-link { height: 180px; }

}


@media screen and (max-width: 980px) { 


.sidelogos {
	margin-top:15px;
}

.sidelogos img {
max-width:80px;	
}

#western {
margin-top:17px;	
}

#western img {
max-width:65px;	
}

.association {
width:47%;
}

.cat-landing-sect a.cat-landing-link { width: 50%; }

}

@media screen and (max-width: 920px) { 
.headerwrap {
width:100%;	

}

.topcontact {
background:rgba(230,32,42,.80);	
height:auto;
padding:5px 0;
}

.topcontact h3, .topcontact .h3 {
padding-top:0;
}

.follows {
width:53%	
}

.credithalf {
width:100%;
float:left;
border-right:0;
border-bottom:1px solid #bfbfbf;	
}

.credithalf p {
text-align:center;	
}

.credithalf h2, .credithalf .h2 {
text-align:center;	
}

.credithalftwo {
width:100%;
float:left;
border-right:0;
padding:20px;	
}

.credithalftwo p {
text-align:center;	
}

.credithalftwo h2, .credithalftwo .h2 {
text-align:center;	
}

.pager {
display:none;	
}

.topcontact h3, .topcontact .h3 {
font-size:14px;	
}

.trailerimg { width: 100%; min-height: unset; padding: 0 5%; }
.trailerimg img { max-width: 100%; max-height: 400px; height: unset; }
.trailerinfor { width: 100%; padding: 40px 5% 0 5%; align-items: center; }
.cat-landings h3.trailerbold { text-align: center; }
.cat-landings p { text-align: center; }
	
}

@media screen and (max-width: 760px) { 
.follows {
width:50%	
}

.socicons {
font-size:45px;	
}

}

@media screen and (max-width: 750px) { 
.mainsection h1 {
	font-size:55px;
}

.mainsection h2, .mainsection .h2 {
font-size:24px;	
}

.leftimg {
width:100%;
margin-right:0;	
}

.leftimg img {
width:100%;
max-width:200px;
display:block;
margin:0px auto 20px;	
}

.rightcon {
width:100%;	
}

.titles h1, .titles .h1 {
font-size:40px;	
}

}

@media screen and (max-width: 700px) { 
.maplocone {
width:100%;	
}


.divfooter {width:100%; text-align:center; margin:0 auto; padding:0 50px;
box-sizing:border-box;}


#parts tr {
width:100%;
margin:0;	
}

#parts .fullrow {
margin:0;
width:100%;	
}

.leftimgtwo {
width:100%;	
}

.leftimgthree {
width:100%;	
}

.topcontact h3, .topcontact .h3 {
font-size:12px;	
}

.logo {
width:100%;	
}

.logo img {
float:none;
margin:0 auto;
display:block;	
}
.logo-row .wabash-logo{
padding-right: 5px;
}

.logotwo {
display:none;
}
	
.cat-landing-sect a.cat-landing-link { width: 100%; }

}

@media screen and (max-width: 615px) { 
.slanted {
display:none;	
}

.follows {
width:100%;
float:left;	
height:auto;
padding-left:0;
}

.follows h2, .follows .h2 {
text-align:center;
margin-bottom:10px;
}

.socicons {
height:auto;
padding-bottom:10px;	
}

.socicons {
width:100%;
float:left;	
padding-right:0;
}
	
}


@media screen and (max-width: 607px) { 
.topcontact h3, .topcontact .h3 {
font-size:14px;	
}

.mobilelogos {
display:block;	
}

.desktoplogos {
display:none;	
}


.sidelogos {
width:25%;
float:left;	
margin-top:10px;
margin-bottom:5px;
}


#western {
margin-top:5px;
margin-bottom:0;	
}

.column4 {
width:100%;
margin:1% 0% 1%	;
}

.column5 {
	width:100%;
margin:1% 0% 1%	;	
}

.maplocone {
padding:20px 10px;
box-sizing:border-box;	
}

.maplocone p {
width:75%;	
}

}


@media screen and (max-width: 550px) { 
.association {
width:100%;
margin:1.5% 0;
}

.association h3, .association .h3 {
height:auto;	
}



}

@media screen and (max-width: 460px) { 

.mobilelogos {	
display:none;
}

.logo {
width:100%;
float:left;	
margin:5px auto 10px!important;	
}

.logo img {
float:none;
display:block;
margin:5px auto!important;	
}

.topcontact h3, .topcontact .h3 {
font-size:12px;	
}
	
.cat-landing-sect a.cat-landing-link { height: 160px; }
	.mainsection h1, .mainsection .h1 {
		font-size: 56px;
	}
}