@font-face {
  font-family: 'BebasNeue-Regular';
  src: url('../webfonts/BebasNeue-Regular.otf'); /* IE9 Compat Modes */
  src: url('../webfonts/BebasNeue-Regular.otf?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/BebasNeue-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
}

@font-face {
  font-family: 'BebasNeue-Bold';
  src: url('../webfonts/BebasNeue-Bold.otf'); /* IE9 Compat Modes */
  src: url('../webfonts/BebasNeue-Bold.otf?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/BebasNeue-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
}

@font-face {
  font-family: 'BebasNeue-Book';
  src: url('../webfonts/BebasNeue-Book.otf'); /* IE9 Compat Modes */
  src: url('../webfonts/BebasNeue-Book.otf?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/BebasNeue-Book.ttf')  format('truetype'), /* Safari, Android, iOS */
}

@font-face {
  font-family: 'BebasNeue-Light';
  src: url('../webfonts/BebasNeue-Light.otf'); /* IE9 Compat Modes */
  src: url('../webfonts/BebasNeue-Light.otf?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/BebasNeue-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
}

@font-face {
  font-family: 'BebasNeue-Thin';
  src: url('../webfonts/BebasNeue-Thin.otf'); /* IE9 Compat Modes */
  src: url('../webfonts/BebasNeue-Thin.otf?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/BebasNeue-Thin.ttf')  format('truetype'), /* Safari, Android, iOS */
}

@charset "utf-8";
/***** 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;}
.clear {clear: both; height:0px; margin:0;}

/***** END RESET *****/

body{
	margin:0; 
	padding:0; 
	font-family: 'BebasNeue-Regular', sans-serif;
	color:#333;
	overflow-x: hidden;
	font-size:18px;
	line-height:26px;
}


h3 {font-size:26px; font-family:'BebasNeue-Bold'; margin-bottom:10px; color:#009818;}
h4 {font-size:22px; font-family:'BebasNeue-Bold'; margin-bottom:10px; color:#333333;}
h5 {font-size:20px; font-family:'BebasNeue-Bold'; margin-bottom:5px; color:#ff623a;}
a {text-decoration: none; color: #333;}
a:hover {color:#009818;}

img {max-width: 100%; border:none; display: inline-block !important;}

.wrap {max-width: 1400px; margin: 0 auto; width: 97%;}
.wrapper { max-width: 1400px; margin: 0 auto; width: 97%;}
.wrapped { max-width: 1400px; margin: 0 auto; width: 97%;}
.cat-wrap {max-width: 1400px; margin: 0 auto; width: 97%; padding:90px 0 30px 0;}

.right {float:right; position:relative;}
.left {float:left; position:relative;}

.header {background:#fff; width:100%; height: auto; padding:15px 0 5px 0;}
#logo { max-width: 480px;float: left; }
.hdr-holder {position: relative; float: right; font-family: 'Oswald'; }
.header-right {float: right; text-align: right; font-size: 14px; font-style:italic;}
.cont-inf {float: left; margin-top: 22px; line-height: 26px;}
.header .cont-inf {margin-right: 20px}
.cont-inf .fa {color: #ff602a; font-size: 16px;}
.social {float: left; MARGIN:10px 30px 0 30px;}
.social img {max-width: 42px; margin: 4px;}
.lang-flag { float: right;padding: 10px 0 15px 0; font-size: 18px;}
.flag {margin-left: 12px; vertical-align: middle; max-width: 36px;}
.r-logo {display: inline-block;}
.r-logo img { max-width: 240px; width: 100%}

.main-image {position: relative; width: 100%; height:32vw; max-height: 32vw;border-bottom: 4px solid #ff633a;}
.main-image img {height: 100%;display: block;}
.main {background: url(../siteart/main-bgrd.jpg); background-size: cover; background-repeat: no-repeat;}
.main-text {width: 100%; background: #fff; padding: 50px 0; font-family: 'Oswald'; font-weight: 300; font-height: 24px;  text-align: justify;}

.brdr-left {
    width: 28%;
    position: relative;
	float: left;
	transform-origin: bottom left;
	transform: skew(-55deg, 0deg);
	-ms-transform: skew(-55deg, 0deg);
    -webkit-transform: skew(-55deg, 0deg);
	z-index: 99;
}

.brdr-right {
	width: 28%;
	float: right;
	transform-origin: bottom left;
	transform: skew(-55deg, 0deg);
	-ms-transform: skew(-55deg, 0deg);
    -webkit-transform: skew(-55deg, 0deg);
	z-index: 99;
}

.brdr-left:before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
	height: 10px;
    background:#009818;
}

.brdr-right:before {
    content: "";
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 10px;
    background:#009818;
}


/** Search Bar **/

.search-bar {
	position: relative;
	max-width: 88%;
	width:100%;
	margin: auto 6%; 
	float:left;
	margin-top: -70px;
	background-color: #ff3e2e;
    background-image: -webkit-gradient(linear, top, from(#ff6239), to(#ff3e2e));
    background-image: -webkit-linear-gradient(top, #ff6239, #ff3e2e);
    background-image: -moz-linear-gradient(top, #ff6239, #ff3e2e);
    background-image: -ms-linear-gradient(top, #ff6239, #ff3e2e);
    background-image: -o-linear-gradient(top, #ff6239, #ff3e2e);
    background-image: linear-gradient(top, #ff6239, #ff3e2e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ff3e2e', EndColorStr='#ff6239');
	color: #333;
	z-index:99;

}

.truck-search { max-width: 100%; margin: 0 auto; padding: 20px 10px 5px 10px;}
.search-bar form {font-stretch: ultra-condensed;}
.search-bar h2 {color: #fff; text-transform: uppercase; padding-left: 10px; font-size: 1.85em; font-family: 'BebasNeue-Bold';}
.search-bar form select {
	width: 97%;
	padding: 2% 1%;
    border: solid 1px #999;
    color: #999;
	font-family: 'Oswald';
    font-size: 14px;
    border-radius: 0;
    background: #fff;
	cursor:pointer;
	
}
	
.search-bar form input {
	width: 95%;
	padding: 3.2% 1%;
	color: #000;
	font-size: 18x;
	text-transform:uppercase;
	border: 1px solid #999;
	border-radius: 0;
	
}
	
.search-bar form input#submit, .search-bar form button#submit {
	color: #fff;
	max-width: 211px;
	background-color: #22ad4d;
    background-image: -webkit-gradient(linear, top, from(#22ad4d), to(#006429));
    background-image: -webkit-linear-gradient(top, #22ad4d, #006429);
    background-image: -moz-linear-gradient(top, #22ad4d, #006429);
    background-image: -ms-linear-gradient(top, #22ad4d, #006429);
    background-image: -o-linear-gradient(top, #22ad4d, #006429);
    background-image: linear-gradient(top, #22ad4d, #006429);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#006429', EndColorStr='#22ad4d');
	border: none;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
    margin-top: 22px;
    font-family: 'BebasNeue-Bold';
	font-size: 24px;
    -webkit-box-shadow: 1px 1px 1px 0px rgba(16,16,16,.38);
	-moz-box-shadow: 1px 1px 1px 0px rgba(16,16,16,.38);
	box-shadow: 1px 1px 1px 0px rgba(16,16,16,.38);
	cursor:pointer;

-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;

width: 95%;
    padding: 3.2% 1%;
	
}

.search-bar form input#submit:hover, .search-bar form button#submit:hover {background-color: #22ad4d;
    background-image: -webkit-gradient(linear, top, from(#22ad4d), to(#013717));
    background-image: -webkit-linear-gradient(top, #22ad4d, #013717);
    background-image: -moz-linear-gradient(top, #22ad4d, #013717);
    background-image: -ms-linear-gradient(top, #22ad4d, #013717);
    background-image: -o-linear-gradient(top, #22ad4d, #013717);
    background-image: linear-gradient(top, #22ad4d, #013717);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#013717', EndColorStr='#22ad4d');}

.search-bar form label {
	float: left;
	font-family: 'BebasNeue-Bold';
    font-size: 20px;
    margin-bottom: 5px;


}

.fifths {
    width: 18%;
    float: left;
    margin: 1%;
}

.zoom-container {
	position: relative;
    float: left;
    width: 25%;
	height: auto;
    overflow: hidden;
    display: inline-block;
    border: 3px solid transparent;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.zoom-container img {
    display: block !important;
    width: 100%;
    height: auto;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}



.zoom-container .zoom-caption {
    position: absolute;
    top: 65%;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.zoom-container .zoom-caption h3 {
    display: block;
	position: absolute;
    text-align: center;
    font-size: 32px;
    line-height: 20px;
	font-family:'BebasNeue-Bold';
    text-transform: uppercase;
    color: #fff;
    left: 0;
	right: 0;
    background: rgba(20, 143, 62, 0.85);
    padding: 14px 0;
}

.zoom-container:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


.dpt {width: 18%; float: right; font-size: 16px; line-height: 24px;}
.dpt-ctct {width: 100%; margin-bottom: 26px; text-align: left; }


.contact-us {padding: 1%; width: 65%;}
span{font-weight: 400; }


footer {width:100%; background:url(../siteart/main-bgrd.jpg); text-align: center;}
.nav-btm {text-align: center; font-size: 20px;}
.nav-btm li { display: inline-block; margin: 1%;}
.nav-btm a {color: #ff5636;}
.nav-btm a:hover {color: #009818;}

.divfooter {max-width: 800px; width: 96%; font-family: Arial, sans-serif; font-size: 12px; line-height:22px;  text-align: center; margin: 0 auto; color: #8e8e8e; padding: 1% 0 2% 0; }
.divfooter a {color: #8e8e8e;}
.divfooter a: hover {color: #ccc; }


/*  Map  */
.map-wrap { max-height: 400px;}
.overlay { width: 100%;}
.map { width: 100%; height: 400px;}


/* Form */



form.myform {
    width: 100%;
	float: left;
    padding: 1% 2%;
    margin: 0 auto;
    line-height: 1;
}
.myform label{
	padding:4px 5px 4px 0;
	display:inline-block;
	width:135px;
	font-size:16px;
	font-weight:300;
	color:#000;
	text-align:left;
}

.myform input, .myform select, .myform textarea{
	padding:5px 0;
	width:100%;
	margin-bottom:10px;
	text-align:left;
	font-family:'BebasNeue-Regular', sans-serif;
	background:#fff;
	border:1px solid #ddd;
	font-size: 14px;
}

.myform textarea{
	font-size:14px;
	height: 80px;
}

.myform input.button, .myform input.button:focus {
	border:0; 
	text-align:center; 
	letter-spacing:1px; 
	ackground-color: #22ad4d;
    background-image: -webkit-gradient(linear, top, from(#22ad4d), to(#006429));
    background-image: -webkit-linear-gradient(top, #22ad4d, #006429);
    background-image: -moz-linear-gradient(top, #22ad4d, #006429);
    background-image: -ms-linear-gradient(top, #22ad4d, #006429);
    background-image: -o-linear-gradient(top, #22ad4d, #006429);
    background-image: linear-gradient(top, #22ad4d, #006429);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#006429', EndColorStr='#22ad4d');
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
	height: 1%;/*For IE7*/ 
	text-align:center;
	color:#fff;
	-webkit-box-shadow:  1px 1px 3pxrgba(0, 0, 0, .3);
    box-shadow:  1px 1px 3px rgba(0, 0, 0, .3);
	transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;
	text-shadow: 1px 1px 2px #333333;
	cursor:pointer;
	margin:20px 0;
	float:right;
}

.myform input.button:hover {
	background-color: #17883a;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#105826), to(#17883a));
    background-image: -webkit-linear-gradient(top, #105826, ##17883a);
    background-image: -moz-linear-gradient(top, #105826, ##17883a);
    background-image: -o-linear-gradient(top, #105826, ##17883a);
    background-image: linear-gradient(to bottom, #105826, ##17883a);
    background: -ms-linear-gradient(#105826, ##17883a);
	height: 1%;/*For IE7*/ 
}

.myform label.checkbox, .myform input.checkbox{width:14px; border:none; margin:5px 10px 0 0; padding:0;}

.myform input:focus, .myform textarea:focus{background:#f1f0f1;color:#000;}

.myform .radiobuttons {display:inline; width:20px; border:none;}

.form-btn {width: 25%; margin: 0 auto; text-align: center;}

/*control the Captcha */

.CaptchaPanel {
    margin:0 0 5px 0 !important;
    padding:0 0 0 0 !important;
    text-align: center;
    line-height:normal !important;
}

.subscribe-box form .CaptchaPanel img {width:60%; height:auto;}

.CaptchaImagePanel {
    margin:0 0 0 0;
    padding:0 0 0 0;
}

.CaptchaMessagePanel {
    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;
    background-color: #fff;
	width:60%;
	margin:5px 20%;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 0 0 0;
	padding:8px 0 8px 0 !important;
}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;}


footer .wrapper li{
	font-family: 'BebasNeue-Regular', sans-serif;
}

/* Listings styles */

.listings-wrapper .hosted-theme .btn {background: #026b2d !important;}
.listings-wrapper .hosted-theme .btn:hover {background-color: #009818 !important;}


/* FACETED INVENTORY */

#inv{padding: 5% 0 !important;}

#inv *:not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons){font-family: 'Oswald' !important;} /* Reset font, ignore icons */

span.compare-label{padding-left: 4px !important;}
.compare-chkbox-container .compare-listings .fa-check {
    top: 1px !important;
    left: 6px !important;
}


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

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

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-listing-mobile .view-listing-details-link, .list-content .list-listing-mobile .buy-now-link, .list-content .list-listing-mobile .check-availability-link, .list-content .list-listing-mobile .email-seller-link, .detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .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 .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, .detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile, .mobile-breadcrumb, .main-detail-data .contact-options a, .view-listing-details-link, .cs-btns a {background: -webkit-linear-gradient(top, #22ad4d, #006429) !important;}

.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, .faceted-search, .faceted-show-all-btn {background: #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, .price, .compare-price, .compare-title, #no-compare-listings {color: #000 !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;}

.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: -webkit-linear-gradient(top, #ff6239, #ff3e2e); !important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .faceted-search-content .mobile-done-button-container .mobile-done-button, .list-page-nav {background: #000 !important;}

.detail-content .dealer-info .phone-and-email .send-email-btn {border-color: #000!important; color: #000!important;}

.material-icons {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;}


/*  Media Queries  */

.show-menu-for-mobile {display:none;} 

@media screen and (max-width: 1260px)  {
	
.show-menu-for-mobile {display:block;}
	
}


@media screen and (max-width: 1240px)  {
	
.social {display: none}

}


@media screen and (max-width: 948px)  {
	
.cont-inf {display: none;}
.contact-us {width: 100%; float :left;}
.myform {width: 100%; float: left; padding: 0;}
.dpt {width: 100%; float: left}
.dpt-ctct {width: 33%; float: left;}
.r-logo {max-width: 140px}
.flag {margin:0;}
.fifths {width: 48%; margin: 1%;}
.main-image {height: 40vw; max-height: 40vw;}

}


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

.search-bar {max-width: 100%; margin: 4px 0 0 0;}	
.search-bar form label {font-size: 16px;}
.zoom-container {width: 50%;}
	
}

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

.hdr-holder {width: 100%; float: left;}
.header-right {float: none;     float: left; line-height: 0;}
.lang-flag {float: left; padding: 0 0 0 0;}
.flag {margin: 0 3px;}
.fifths {width: 100%; margin: 1%;}
.r-logo {display: none;}
.zoom-container {height: 156px;}
.zoom-container .zoom-caption h3 {bottom: 0; font-size: 15px; padding: 10px 0; letter-spacing: 1px;}
.nav-btm li a {font-size: 0;}
.dpt {width: 100%; float: left;}
.dpt-ctct {width: 100%; float: left;}

}