/* 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 { 
     
    border: 0;  
    outline: 0;  
    background: transparent; 	
	-webkit-text-size-adjust:none;
	
}

h1,h2,h3,h4,h5,h6{font-family: oswald, sans-serif !important;}

a {
	color:#000;
	text-decoration:none;
	
}

a:hover{
	color:#ED1C24;
	text-decoration:none;
}

p{
	font-family: arimo, sans-serif !important;line-height: 1.5 !important;
}

body {font-family: arimo, sans-serif !important;}


 
/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {clear: both;}
.left {text-align:left;}
.right {text-align:right;}
.none{display:none;}

*{
	box-sizing:border-box;
}

body { 
	overflow-x: hidden;
}

.wrapper {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	padding:20px;
	position:relative;
}

.no-pad-wrapper {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	position:relative;
}



::selection {
	color:#fff;
	background: #356088;
}

::-moz-selection {
	color:#fff;
	background: #356088;
}



/* HEADER 
----------------------------------------------*/
.header{
	width:100%;
	display:inline-block;
	margin:0 auto;
	padding:15px;
	background:#fff;
	position: relative;
	box-shadow:1px 2px 4px 0px rgba(0, 0, 0, 0.40);
	z-index: 1;
}

.logo{
	text-align:left;
	width:49%;
	margin:0 auto;
	display:inline-block;
	vertical-align: middle;
}

.logo img{
	width:400px;
	padding-left: 40px;
	margin:0;
}

.header-right{
	width:50%;
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

.header-contact{
	display: inline-block;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	color:#FFFFFF;
	background:#275ca9;
	height: 100px;
}

.header-contact:before {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
	background:#275ca9;
    transform-origin: bottom left;
    -ms-transform: skew(-20deg, 0deg);
    -webkit-transform: skew(-20deg, 0deg);
    transform: skew(-20deg, 0deg);
	margin-left: -135px;		
}

.header-contact p{
	color:#fff; 
	font-size: 14px;
	display: inline-block;
	padding: 10px 20px;
	letter-spacing: 1.5px;
	z-index: 2;
	    margin: 0 auto;
}

.header-contact a{color: #fff; text-decoration: none;}


/*STICKY NAV*/

header{
  text-align:center;
  color:#fff;
}

header.fixed{
  position:fixed;
  width:100%;
  top:0;
  left:0;
  background:#fff;
  box-shadow:1px 1px 3px #CBCBCB;
}

/*END STICKY NAV*/



/* HOME PAGE STYLES
-----------------------------------------------*/

.hero{
	background:url("../siteart/hero-2.png") no-repeat;
	background-size: cover;
    background-position: center 45%;
    max-height: 570px;
    text-align: left;
    position: relative;
    height: 55vh;
    min-height: 300px;
}

span.hero-txt {
   position: absolute;
    bottom: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 90%;
    top: 50%;
    left: 50%;
}

.hero h2{
	display:block;
	padding: 10px 20px 7px 20px;
	background:rgba(0,0,0,0.75);
	color:#fff;
	font-size: 28px;
	letter-spacing: 5px;
	font-weight: 400;
	text-transform: uppercase;
	width:fit-content;
	    margin: 0 auto 0 50px;
}

.hero h1{
	color:#fff;
	display:block;
	font-weight: 700;
	font-style: italic;
	font-size: 44px;
	letter-spacing: 6px;
	text-transform: uppercase;
	padding: 10px 20px 7px 20px;
	background:rgba(0,0,0,0.75);
	margin: 0 0 auto;
	width:fit-content;
	
}


/* categories bar */

.cat-bar{
	width:100%;
	display: inline-block;
	margin: 0 auto;
	padding: 10px 0 0;
	text-align: center;
}

.cat-bar .cat{
	width:15.9%;
	display: inline-block;
	vertical-align: top;
	height: 210px;
	margin: 0 5px 10px 5px;
	text-align: center;
	padding: 10px;
	background:#eee;
	color: #000;
	text-decoration: none;
	transition: ease .3s;
}

.cat-bar .cat img{
	width:125px;
	display: block;
	margin: 0 auto;
	text-align: center;
}

.cat-bar .cat h3{
	text-align: center;
	color:#000;
	letter-spacing: 3px;
	font-size: 16px;
	text-transform: uppercase;
	padding:10px 0;
	    margin: 0 auto;
	font-weight: 600;
}


.cat-bar .cat:hover{
	background:#BFBFBF;
	transition: ease .3s;
}


.home-welc{
	width: 100%;
	background:url(../siteart/texture.png) #2c68b1;
	position: relative;
	margin: 0 auto;
	height: 500px;
}

.hw-inside{
	display: flex;
	flex-direction: row;
	background: #fff;
	position: absolute;
	top:100px;
	left: 3%;
	right: 3%;box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.hw-left{
	padding: 60px;
	text-align: left;
	color:#000;
	width: 100%;
}

.hw-left h2{
	text-transform: uppercase;
	font-size: 32px;
	font-style: italic;
	font-weight: 600;
	letter-spacing: 3px;
	    margin: 0 auto;
}

.hw-left p{
	padding: 20px 0;
	line-height: 2;
	    margin: 0 auto;
}

.hw-right{
	background:url("../siteart/home-img2.png") no-repeat;
	background-size: cover;
	background-position: center;
	width:80%;
}




/* logos bar */

.manu-bar{
	width:100%;
	text-align: center;
	display: inline-block;
	margin: 0 auto;
	padding:190px 0 40px 0;
}

.manu-bar .home-manu{
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: center;
	width:30%;
}


.home-manu img{
	width:250px;
	display: block;
	
	margin: 0 auto;
}

.grid{
	display: flex;
	gap: 2px;
}

.flex25{
	width: 25%;
}


/* SUB PAGE GENERAL STYLES
------------------------------------------------*/
.sub-wrapper {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	padding:60px 20px;
	position:relative;
}

.sub-wrapper h1{
	text-transform: uppercase;
	font-size: 22px;
	letter-spacing: 1.5px;
	font-weight: 500;
	padding-bottom: 20px;
}

.sub-wrapper h2{
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 400;
	padding-bottom: 20px;
}

.sub-wrapper p{line-height: 1.5;}

.bulleted-list{
	margin-left: 50px;
	column-count: 2;
	line-height: 2;
}

.bulleted-list li{
	list-style: url(../siteart/bp.png);
}




/* CONTACT PAGE
------------------------------------------------*/

.contact-left{
	width:25%;
	display: inline-block;
	vertical-align: top;
	margin: 0 auto;
	text-align: left;
}

.contact-right{
	width:74%;
	display: inline-block;
	vertical-align: top;
	margin: 0 auto;
	text-align: left;
	box-shadow: 11px 11px 43px 0px rgba(0, 0, 0, 0.2);
	border: 1px solid #8e8e8e;
	padding: 30px;
}




/* RENTALS
------------------------------------------------*/
.rental-buttons{
	display: flex;
	justify-content: center;
	gap: 10px;
	margin-top: 20px;
}

.rental-buttons p{
	
}

.btn-quote, .btn-rtspecialist{
	background-color: #275CA9;
	color: white;
	padding: 15px;
	font-size: 24px;
	display: inline-block;
}

.btn-quote:hover, .btn-rtspecialist:hover{
	cursor: pointer;
	color: white;
	background-color: rgba(39, 92, 169, 0.8)
}

.quote-form{
	width:100%;
	vertical-align: top;
	margin: 0 auto;
	text-align: left;
	box-shadow: 11px 11px 43px 0px rgba(0, 0, 0, 0.2);
	border: 1px solid #8e8e8e;
	padding: 30px;
}

.hd h1{
	text-transform: uppercase;
	font-size: 44px;
	font-style: italic;
	font-weight: 600;
	letter-spacing: 0px;
	margin: 0 auto;
	text-align: center;
}

.hd h2{
	text-transform: uppercase;
		padding: 10px 20px 7px 20px;
	font-size: 28px;
	font-weight: 300;
	letter-spacing: 0px;
	margin: 0 auto;
	text-align: center;
}

h2.headingtx{
	display:block;
	padding: 10px 20px 7px 20px;
	color:#000;
	font-size: 28px;
	letter-spacing: 5px;
	font-weight: 400;
	text-transform: uppercase;
	width:fit-content;
	text-align: center;
}

.rentals-welc{
	width: 100%;
	background:url(../siteart/texture.png) #2c68b1;
	position: relative;
	margin: 0 auto;
	height: 1500px;
}

.rentals-inside{
	flex-direction: row;
	background: #fff;
	position: absolute;
	top:100px;
	left: 3%;
	right: 3%;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.rentals-left{
	padding: 50px;
	text-align: left;
	color:#000;
	width: 100%;
}

.rentals-left h2{
	text-transform: uppercase;
	font-size: 32px;
	font-style: italic;
	font-weight: 600;
	letter-spacing: 3px;
	    margin: 0 auto;
}

.rentals-right h2{
	text-transform: uppercase;
	font-size: 32px;
	font-style: italic;
	font-weight: 600;
	letter-spacing: 3px;
	    margin: 0 auto;
}

.rentals-left p{
	padding: 20px 0;
	line-height: 2;
	    margin: 0 auto;
}

.rentals-right{
	width:100%;
	padding: 50px;
	color:#000;
}

.rentbar{
	width: 100%;
	padding-top: 275px;
}

/* FOOTER
------------------------------*/
.footer{
	width:100%;
	display: inline-block;
	text-align:center;
	background:#000;
	padding: 20px 0;
}


.foot-half{
	display: inline-block;
	text-align: left;
	vertical-align: top;
	margin: 0 auto;
}

.foot-half:first-child{width: 70%;}
.foot-half:last-child{text-align: right; width:29%;}

.foot-links{
	display: block;
	width: 100%;
	text-align: left;
}

.foot-links a{
	text-align: center;
	display:inline-block;
	padding-right: 30px;	
}

.foot-half a{
	color:#fff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 2px;
}

.foot-half p{
	color:#ababab;
	font-size: 14px;
	line-height: 2;
	padding-top: 40px;
	font-weight: 500;
	margin: 0 auto;
}

.divfooter{
	width:60%;
	margin-top:40px;
	margin-left: 0;
	text-align: left;
	color:#ababab;
	font-size: 11px !important;
}

.divfooter a{color:#ababab; text-transform: none; letter-spacing: normal; text-decoration: underline; font-size: 11px; font-weight: normal;}


/*** INVENTORY ***/


#inv{padding: 5% 0;}
#inv *:not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons){font-family: oswald, 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: 3px !important;
    -o-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
}


.list-top-section .list-title .list-title-text,.list-content .listing-portion-title,.list-content .list-listing .dealer-name {
	font-family: oswald, sans-serif !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:#275ca9 !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:#275ca9 !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 #275ca9 !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:#275ca9 !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;}
 
/* 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: #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 {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;}




/*** RESPONSIVE  ***/

@media screen and (max-width:1800px){
	.cat-bar .cat{width: 15%;}
}

@media screen and (max-width:1350px){
	.cat-bar .cat{width: 23%;}
}

@media screen and (max-width:1170px){
	.logo{width: 40%}
	.logo img{width:320px; padding-left: 0; margin:0 auto; max-width: 100%;}
	.header-right{width:59%;}
	.header-contact:before{margin-left: -37px;}
	
	.manu-bar{padding: 275px 0 40px 0}
}

@media screen and (max-width: 1170px) {
	.header-contact:before{
        margin-left: -75px;
    }
}

@media screen and (max-width:1040px){
	.header{padding: 0;}
	.logo{width: 100%; text-align: center; padding: 20px;}
	.header-right{width: 100%;}
	.header-right:before{display: none}
	.header-contact{height: auto;}
	
	.hero{height: 350px; padding: 50px 10px 0 50px;}
	.hero h1, .hd h1{font-size: 24px;}
	.hero h2, .hd h2{font-size: 16px;}
	
	.cat-bar .cat{width: 31%;}
	
	.hw-inside{display: block;}
	.hw-right{height: 320px; width: 100%; background-position: bottom;}
	.manu-bar{padding: 400px 0 40px 0}
	
	.contact-left{width: 100%;}
	.contact-right{width: 100%;}
	
	.foot-links a{padding-right: 15px;}
	.divfooter {width: 80%;}
}

@media screen and (max-width:800px){
	.hw-left{padding: 40px;}
	.manu-bar{padding: 450px 0 40px 0;}
	.manu-bar .home-manu{width: 100%;}
	
	.foot-half:first-child{width:100%;}
	.foot-half:last-child{width:100%; text-align: left; padding-top:30px;}
	.foot-half p{padding-top: 15px;}
}

@media screen and (max-width:700px){
	.cat-bar .cat{width:100%; height: auto;}
	.cat-bar .cat img{width:100px; display: inline-block; vertical-align: middle;}
	.cat-bar .cat h3{display: inline-block; vertical-align: middle; width: 60%; text-align: left; padding-left: 30px;}
}

@media screen and (max-width: 595px){
	.rentbar{
		padding-top: 505px;
	}
}

@media screen and (max-width:550px){
	.header-contact{padding: 10px;}
	.header-contact p{padding: 5px 20px;}
	
	.hero{padding: 50px 20px;}
	.hero h2, .hd h2{margin-left: 0;}
	
	.manu-bar{padding: 675px 0 40px 0}
	
	.bulleted-list{column-count: 1;}
	
	.footer{padding: 30px 0;}
	.foot-links a{display: block; padding:5px 0; text-align: left}
	.divfooter{width:90%; margin-top: 20px;}
	
	.grid{display: block;}
	.flex25{width: 100%;}

	.rental-buttons{
		display: block;}
	.rb-left{
		padding-bottom: 10px;
	}
}

@media screen and (max-width:450px){
	.hero{height: auto;}
	.hero h1, .hd h1{letter-spacing: 3px;}
	
	.manu-bar{padding: 830px 0 40px 0}
}

@media screen and (min-width:407px){
	.rb-mb{display: none;}
}

@media screen and (max-width:406px){
	.rb-right{display: none;}
}

@media screen and (max-width:380px){
	.manu-bar {
    padding: 1090px 0 40px 0;
}
}