﻿/* BEGIN RESET */
* {background:transparent; border:0; margin:0; padding:0; font-style:normal; -webkit-text-size-adjust: none;}
ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}

@font-face {
    font-family: 'HandelGothicBT-Regular';
    src: url('../fonts/HandelGothicBT-Regular_gdi.eot');
    src: url('../fonts/HandelGothicBT-Regular_gdi.eot?#iefix') format('embedded-opentype'),
         url('../fonts/HandelGothicBT-Regular_gdi.woff') format('woff'),
         url('../fonts/HandelGothicBT-Regular_gdi.ttf') format('truetype'),
         url('../fonts/HandelGothicBT-Regular_gdi.svg#HandelGothicBT-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1 {font-family:'HandelGothicBT-Regular', Arial, sans-serif; color:#0086e5; font-size:28px; line-height: 48px; text-transform: uppercase;}
h1 a {font-family:'HandelGothicBT-Regular', Arial, sans-serif; color: #000; font-size: 28px; line-height: normal; text-transform: uppercase;}
h2 {font-family:'HandelGothicBT-Regular', Arial, sans-serif; font-size: 24px; line-height: 40px; text-transform:uppercase;}
h3 {font-family:'HandelGothicBT-Regular', Arial, sans-serif; font-size: 16px; line-height: 34px;}
h4 {font-family:'HandelGothicBT-Regular', Arial, sans-serif; font-size: 12px; line-height: 28px;}
.h5 {font-size: 19px; line-height: 28px;}

p {font-size:18px; line-height:1.5; margin-top:5px;font-family: "trade-gothic-next", sans-serif !important;}

.style1 {font-family:'HandelGothicBT-Regular', Arial, sans-serif; color: #0086e5; font-weight:bold; font-size: 28px;}
.style3 {font-family:'HandelGothicBT-Regular', Arial, sans-serif; color: #0073C4; font-weight:bold; font-size: 18px;display: block}
a {text-decoration:none;}

/* BASIC STYLES */
body {
	    font-family: "trade-gothic-next", sans-serif !important;
	/*overflow-x:hidden;*/
	background: #242424; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#242424, #111111); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#242424, #111111); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#242424 #111111); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#242424, #111111); /* Standard syntax */	
}
#contentwrapper {width:90%; margin: 0 auto;}
#site-width {width:75%; margin:10px auto; }
#contentwrapper a {color: #000;transition:.3s all;font-weight: 600;}
footer #contentwrapper a {color: #fff;transition:.3s all;font-weight: 600;}
#contentwrapper a:hover {color:#0086e5}
/*HEADER*/
header {position:relative; background-color: rgba(255,255,255,0.8); z-index:100; padding:15px 0;position: absolute;right: 0;left: 0;width: 100%;}
header a {color:#000;}
#pageheader {background:#fff; padding:15px 0;}
#pageheader a {color:#000;}
.logo {    flex: 1;}
.logo img {width:100%;max-width: 300px;}
.headerright .phone {flex: 1;}
.phone-wrap {
/*  margin-bottom: 15px;*/
    padding-bottom: 9px;
    border-bottom: 1px solid #f2c102;
    display: flex;
}
.flex-container.flex-head {    gap: 5%;display: flex;justify-content: space-between;width: 90%;margin: 0 auto;align-items: center;}
.headerright {
    text-align: center;
    flex: 2;
}
span.location-head {
    font-family: 'HandelGothicBT-Regular', Arial, sans-serif;
    color: #0086e5;
    font-weight: bold;
    font-size: 22px;
}
.home .style1 {display:block;}
.contact-head {display: flex; gap: 20px;  font-family: 'HandelGothicBT-Regular', Arial, sans-serif;text-transform: uppercase;font-size: 22px;}
.contact-head span {
	display: flex;
    flex: 1;
    text-align: center;
	flex-direction: column !important;
	justify-content: center !important;
	padding-top: 10px;
}
.page-img h3 {line-height: 1.25;margin-bottom: 10px;}
/*--RENTAL PAGE--*/
.rental-pg h1 {line-height: 1;margin-bottom: 15px;}
.rental-pg h1 span {font-size: 20px;color: #7E7E7E;}
.flex-pg {    padding-bottom: 40px;display: flex;gap: 5%;}
.rent-cat {border-radius: 3px;box-shadow: rgba(62,62,62,0.35) 0px 5px 15px;background: #DCDCDC;position: relative;padding: 50px;overflow: hidden;}
.cat {text-align: center;padding: 20px;}
.cat h3 {	
text-shadow: 2px 4px 3px rgba(0,0,0,0.25);letter-spacing: 1px; z-index: 1;position: relative;text-transform: uppercase;font-size: 22px;}
.cat img {max-width: 100%;width: 100%;margin: 0 auto;width: 275px;position: absolute;top: 50%;left: 30%;transform: translate(-50%, -50%);z-index: 0;}
.page-txt {flex: 2;}
.page-img {flex: 1;}
.page-img img {max-width: 100%;width: 100%;}
.cat-options {padding-top: 40px;border-top: 1px solid #eee;}
.grid-cat {margin-top: 20px;display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;}
.page-img {border: 1px solid #eeee;padding: 20px;box-sizing: border-box;flex-basis: 25%;}
.page-img .spec1,.page-img .spec_list1a {width: 100% !important;box-sizing: border-box;}
.page-txt {flex-basis: 75%;}
.all-rents img {filter: brightness(0) invert(0);}
.all-rents {color: #fff !important;background:#4F4F4F}
/*.all-rents:hover {color:#f2c102 !important;}*/
.rental-pg #specsheet{margin: 0 !important;}
/* Float */
.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

/*CONTENT STYLES*/
.center {text-align: center;}
.pagetext {float:left; width:60%;}
.pagemain {float:right; width:35%;}
.pagemain img {width:100%;}
.employee {float:left; width:15%; font-size:14px; line-height:14px; margin-bottom:10px;}
.employee img {width:90%; display:inline-block; margin:1%;}
.home-img {height: 1300px;background: url("../siteart/bg.jpg") no-repeat;min-height: 190px;background-size: cover;background-position: center center;}
.home-img img {width: 100%;height: 100%;object-fit: cover;object-position: center center;}
.home div#whiteblock {position: absolute;bottom: 0;left: 0;right: 0;padding: 30px 0;}
span.button-wrap {display: flex;gap: 20px;flex-wrap: wrap;justify-content: center;}
.blacktxt {font-family: 'HandelGothicBT-Regular', Arial, sans-serif;text-transform: uppercase;font-size: 18px;}
.home {position:relative;}
#whiteblock {position:relative; background-color: rgba(255,255,255,0.9);padding:20px 0;}
#manu {position:relative; background:#fff; padding:30px 0 30px; text-align:center;    border-top: 1px solid #eee;}
#manu img {display:inline-block; margin:0 1%; vertical-align:middle; width:14%;}
#inventorywrap {position:relative; background:#fff; padding:30px 0 30px;}
.location {float:left; width:22%; margin:20px 0; font-size:16px; line-height:24px;}
.map {float:right; width:75%; margin:20px 0;}
.rentals {float:left; width:65%;}
.rentalpic {float:right; width:35%;}
.rentalpic img {width:100%; vertical-align:top;}
#specsheet{ width:100%; margin:0 auto 2em;}
#specsheet a:hover {color:#0086e5;}
.spec_list{float:left; width:15%;}
.spec_list1a{float:left; width:65%; }
.spec_list1{float:left; width:50%;}
.spec_list2{float:left; width:45%;}
.spec1 {padding:0.4em .9em;border:1px solid #dbdbdb;}
.spec {padding:0.2em .9em;border:1px solid #dbdbdb;}
.graywrap{background:#ccc;}


.backbutton {
    background: #dbdbdb;
    width: 40%;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
  	padding: 1%;
    text-align: center;
    font-size: 14px;
	font-weight:bold;

}

.backbutton:hover {
		background-color:#0086e5;
	color: #fff !important;
}

.blue-btn {    font-family: 'HandelGothicBT-Regular', Arial, sans-serif;
    text-transform: uppercase;
    background: #0086e5;
    color: #000;
    padding: 15px;
    text-decoration: none;
    min-width: 200px;
    transition: ease-in .3s;
    border: none;
    height: auto;
    cursor: pointer;
    border-radius: 5px;}
.black-btn {font-family: 'HandelGothicBT-Regular', Arial, sans-serif;
    text-transform: uppercase;
    background: #000;
    color: #fff;
    padding: 15px;
    text-decoration: none;
    min-width: 200px;
    transition: ease-in .3s;
    border: none;
    height: auto;
    cursor: pointer;
    border-radius: 5px;}

.about-pg ul {    list-style: disc;
    padding-inline-start: 40px;
    line-height: 1.5;
    font-family: "trade-gothic-next", sans-serif !important;
    font-size: 18px;}
.about-pg ul li {margin-bottom: 10px;}

/*FOOTER*/
footer {
	position:relative;
	background: #242424; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#242424, #111111); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#242424, #111111); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#242424 #111111); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#242424, #111111); /* Standard syntax */	
	color:#fff;
	padding:20px 0;
}
footer a {color:#fff;}
.footerleft {float:left; width:38%;}
.footerright {float:right; width:20%; padding-top:20px;}
.line {border-bottom:1px solid #fff; padding:2px; margin:2px;}
.footerright img {width:100%;}
a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:none; font-size:10px; color:#fff;}
a.footerlink:hover {color: #f2c102;}
.footertext{font-size: 10px; color: #fff;}
.smallfootertext{font-size: 10px; color: #fff;}
.divfooter {float:left; width:100%; font-size:10px; line-height:16px;}
 
/* FACETED INVENTORY */
.list-top-section .list-title .list-title-text,.faceted-search-content .faceted-section-head .faceted-section-title {    font-family: 'HandelGothicBT-Regular', Arial, sans-serif !important;}
.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input {margin: 2px 3px 3px 4px !important;}
.faceted-text-input-searchType .search-type input[type=checkbox], .faceted-text-input-searchType .search-type  input[type=radio] {margin: 0px 3px 0px 6px !important;}

span.compare-label{padding-left: 4px !important;}
.compare-chkbox-container .compare-listings .fa-check {
    top: -1px !important;
    left: 2px !important;
}

.list-content .list-container .buy-btn, .list-content .list-container .contact-btn, .list-content .list-container .check-availability, .list-content .list-container .email-seller, .list-content .list-container .video-chat, .list-content .list-container .facebook-messenger, .list-content .list-container .whatsapp, .list-content .list-container .text {
	border-radius: 0!important;
}

.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, button.g-recaptcha.button {background:#0086e5 !important; color: #fff !important;border-radius: 0!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, .cs-btns a {background: #000 !important;border-radius: 0!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-title, .compare-price, .rent-title-details {color: #000 !important;}



#inventorywrap #site-width {width:100%; margin:10px auto; }
.mobile-only {display:none !important}

/************************************************ Responsive Styles **/
@media screen and (max-width: 1880px) and (min-width:1481px) {
.spec_list{width:13%;}
.spec_list1{width:61%; }
.spec_list2{width:39%;}



}


@media screen and (max-width: 1300px) {

	.home-img{         height: 1200px;}
}
@media screen and (max-width: 1480px) and (min-width:1281px) {





.employee {float:left; width:20%; font-size:12px; line-height:20px;}

.location {width:26%;}
.map {width:70%;}
#specsheet{ font-size:14px;}
.spec_list{width:13%;}
.spec_list1{width:61%; }
.spec_list2{width:39%;}
.spec_list1a {width:70%;}

.footerleft {width:55%;}

}
@media screen and (max-width: 1450px) {
	.grid-cat{grid-template-columns: repeat(3, 1fr);}.page-img{flex-basis: 33%}
	.page-txt {
    flex:1;flex-basis: 66%;
}
}
@media screen and (max-width: 1280px) and (min-width:300px) {

/*.h5 {font-size:16px !important; line-height:20px;}*/
.h5 {font-size:16px !important; line-height:20px;}
p {font-size:18px;}
.style1 {font-size: 20px;}
.headerright {width:65%;}
.logo {width:32%; /*padding-top:25px*/;}
.main {margin-top:-165px;}
#manu {padding:20px 0;}
.rentalpic img { margin-top:-275px;}
.employee {float:left; width:25%; font-size:12px; line-height:20px;}
.location {width:35%;}
.map {width:60%;}
.rentals {float:none; width:100%;}
#specsheet{ font-size:14px;}
.spec_list{width:13%;}
.spec_list1{width:61%; }
.spec_list2{width:39%;}
.spec_list1a {width:50%;}
.footerleft {width:70%;}
.contact-head span {padding-top:7px;}

	#pageheader .contact-head.phone {display:none}
}

@media screen and (max-width: 1240px) {
	.contact-head {font-size: 16px;}
	span.location-head {font-size: 18px;}
}
@media screen and (max-width: 1000px) {
	header {position:unset;background: #fff;}
	.home div#whiteblock {margin-top: 0;position:unset; background: #fff;}
	.home-img {height:65vh;background-position: center center !important;}
	.home #site-width {width: 90% !important;}
	.home .style1 {display:block;font-size: 20px !important;}
	.blacktxt {font-size: 16px !important;}
	.home p{color: #000 !important;}
	p {font-size: 16px !important;}
	.flex-pg {flex-wrap:wrap;gap:40px}
	.rental-spc {display: none;}
	#specsheet {font-size: 15px !important;}
	.cat h3{font-size: 18px !important;line-height: 1.25;}
	.rent-cat {padding: 30px 15px;}
	.cat img {width: 200px;left: 50%;}
	
}

@media screen and (max-width: 1023px) and (min-width:768px) {

.style1 {font-size: 20px;}
.headerright {width:65%;margin: 0;}
.phone-wrap {padding-bottom: 10px !important;}
.logo {width:32%; /*padding-top:15px */;}
.main {margin-top:-108px;}
#manu {padding:20px 0;}
.employee {float:left; width:25%; font-size:12px; line-height:20px;}
.location {width:35%;}
.map {width:60%;}
.rentals {float:none; width:100%;}
.rentalpic {display:none;}
#specsheet{ font-size:14px;}
.spec_list{width:13%;}
.spec_list1{width:61%; }
.spec_list2{width:39%;}
.spec_list1a {width:100%;}
.backbutton {padding:2%;}
.footerleft {width:100%;}
.footerright {display:none;}	
}

@media screen and (max-width: 767px) and (min-width:590px) {

.style1 {font-size: 16px;}
.headerright {width:70%;}
.logo {width:30%; /* padding-top:15px; */}
.main {margin-top:-102px;}
#manu {padding:20px 0;}
#manu img {width:18%;}

.employee {float:left; width:25%; font-size:12px; line-height:20px;}

.location {width:40%; font-size:14px;}
.map {width:55%;}

.rentals {float:none; width:100%;}
.rentalpic {display:none;}
#specsheet{ font-size:14px; margin-left:8px;}
.spec_list{width:13%;}
.spec_list1{width:61%; }
.spec_list2{width:39%;}
.spec_list1a {width:100%;}

.backbutton {padding:2%;}


.footerleft {width:100%;}
.footerright {display:none;}
}

@media screen and (max-width: 926px) {
	.flex-container.flex-head {flex-wrap:wrap;justify-content: center;gap: 10px;}
	.logo,.headerright {flex-basis: 100%;text-align: center;}
	.desk-text {display: none !important;}
	.mobile-only {display: block !important;font-size: 22px;}
	.grid-cat{grid-template-columns: repeat(2, 1fr);}
/*	.phone-wrap {padding-top: 16px;}*/
	.page-img {padding: 10px;}
}
@media screen and (max-width: 589px){
	.phone-wrap{padding-bottom: 10px;}
}
@media screen and (max-width: 589px) and (min-width:390px) {

.h5 {font-size:11px; line-height:18px;}
.style1 {font-size: 16px;}
.headerright {float:none; width:100%; padding-top:10px;}
.logo {float:none; width:75%; margin:0 auto; padding-top:0;}
.main {margin-top:0;}
.pagemain {float:none; width:100%; margin:10px auto 0;}
.pagetext {float:none; width:100%; margin:0 auto;}

#whiteblock {padding:5px 0; background:#242424; color:#fff;}
#manu {padding:20px 0;}
#manu img {width:18%;}

.employee {float:none; display:inline-block; width:49%; font-size:12px; line-height:20px;}
.employee img {margin:0;}

.location {float:none; width:100%; margin:0 auto; font-size:14px;}
.map {float:none; width:100%; margin:10px auto;}

.rentals {float:none; width:100%;}
.rentalpic {display:none;}
#specsheet{ font-size:12px; margin-left:8px;}
/*.spec_list{float:none; width:100%; text-align:center;}
.spec_list1{float:none; width:100%; text-align:center;}
.spec_list2{float:none; width:100%; text-align:center;}*/
.spec1 {padding: .8em .9em;}
.spec {height:75px; padding:0.5em .4em 0;}

.spec_list {width:23%;}
.spec_list1 {width:30%;}
.spec_list2 {width:69%;}
.spec_list1a {width:95%;}

.backbutton {padding:2%;}

.footerleft {width:100%;}
.footerright {display:none;}
}

@media screen and (max-width: 643px){
	.phone-wrap {flex-direction:column;	gap: 20px;}
	.contact-head.phone {padding-bottom: 10px;}
	.grid-cat{grid-template-columns: repeat(1, 1fr);}
}

@media screen and (max-width: 389px){
h1,.rental-pg h1 span {font-size:18px; line-height:1;}
h1 a {font-size:18px; line-height:1;}
h2 {font-size:16px; line-height: 1;}
h3 {font-size:16px; line-height: 1;}
h4 {font-size:7px; line-height:12px; margin-bottom:1px;}
.h5 {font-size:14px; line-height:18px;}
.style1 {font-size: 14px;}
header {background:#fff;}
.headerright {float:none; width:100%; padding-top:10px;}
.headerright .phone {float:none; flex-basis:100%; text-align:center; border:none; margin-bottom:0; /* padding-bottom:5px */;}
.logo {float:none; width:75%; margin:0 auto; padding-top:0;}
.main {margin-top:0;}
.pagemain {float:none; width:100%; margin:10px auto 0;}
.pagetext {float:none; width:100%; margin:0 auto;}
#manu {padding:20px 0;}
#manu img {width:25%;}
/*.phone-wrap {flex-wrap:wrap;}*/
.employee {float:none; width:100%; margin:0 auto; font-size:12px; line-height:20px;}
.employee img {width:100%; margin:0;}

.location {float:none; width:100%; margin:0 auto; font-size:14px;}
.map {float:none; width:100%; margin:0 auto;}

.rentals {float:none; width:100%;}
.rentalpic {display:none;}
#specsheet{ font-size:12px; margin-left:8px;}
/*.spec_list{float:none; width:100%; text-align:center;}
.spec_list1{float:none; width:100%; text-align:center;}
.spec_list2{float:none; width:100%; text-align:center;}*/
.spec1 {padding: .8em .9em;}
.spec {height:90px;}
.spec_list {width:23%;}
.spec_list1 {width:30%;}
.spec_list2 {width:69%;}
.spec_list1a {width:93%;}

.backbutton {padding:4%;}

.footerleft {width:100%;}
.footerright {display:none;}
}
