body {
	font-family: 'Open Sans', sans-serif !important;
	/*color: #3B485A!important;*/
	overflow-x: hidden !important;
}

html {
	overflow-x: hidden !important;
}

.headerMain .row:nth-child(1) {
	background: #e6f3fb;
	padding-bottom: 40px;
	padding-top: 40px;
}

.contact-information-header{
	display: flex;
	flex-direction: column;
	gap: 12px;
	align-items: flex-start;
	justify-content: center;
}

.contact-item{
	color: black;
}

.headerMain .row:nth-child(1) .callBox {
	/* max-width: 530px; */
	width: auto;
	margin: auto;
	float: right;
}

.top-header-content{
	display: flex;
	flex-direction: row;
	gap: 12px;
	justify-content: flex-end;
}

.headerMain .row:nth-child(1) .callBox .smallBox {
	width: auto;
	display: inline-block;
	margin-right: 0 5px;
}

.headerMain .row:nth-child(1) .callBox .smallBox p {
	color: #000;
	font-weight: bold;
	font-size: 16px;
	margin: 0;
}

.headerMain .row:nth-child(1) .callBox .smallBox p a {
	color: #000;
	text-decoration: none;
}

.headerMain .row:nth-child(1) .callBox .smallBox p a:hover {
	color: #d02227;
}

.smallBox img {
	margin-left: 20px;
	display: inline-block;
}

.headerMain .row:nth-child(1) .callBox .smallBox .fa {
	border-radius: 100px;
	border-radius: 50%;
	background: #000;
	padding: 8px 10px;
	color: #fff;
	font-size: 13px;
	margin-right: 8px;
}

.headerMain .row:nth-child(2) {
	background: #000;
}

.headerMain .navbar-dark .navbar-nav .nav-link {
	color: #ffffff;
	font-weight: 700;
	font-size: 16px;
	padding: 25px 30px !important;
}

.headerMain .navbar-dark .navbar-nav .nav-link:hover {
	background: #333333;
}

.navbar-expand-xl .navbar-nav .dropdown-menu {
	background-color: #000;
	border-radius: 0;
	top: 70px;
	float: right;
}

.navbar-expand-xl .navbar-nav .dropdown-menu a {
	color: #fff;
}

.navbar-expand-xl .navbar-nav .dropdown-menu a:hover {
	background-color: #fff;
	color: #000;
}

.headerMain .logo {
	position: absolute;
	z-index: 10;
	top: -105px;
	left: -90px;
}

.headerMain .btn-primary {
	background: #d02227;
	color: #fff;
	font-size: 16px;
	position: absolute;
	right: 39px;
	border: 0;
	font-weight: 700;
	padding: 12px 40px;
	top: -9px
}

.headerMain .btn-primary:hover,
.headerMain .btn-primary:focus {
	background: #ba1a1f !important;
}

.navbar-dark .navbar-toggler-icon {
	background-image: url(../img/menu.png) !important;
	width: 1.5em;
	height: 1em;
}

.img-fluid {
	width: 100%;
}

.currency-images-header{
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.contact-item .fa{
	border-radius: 50%;
	background-color: black;
	padding: 8px 10px;
	color: white;
}

.contact-item a{
	font-weight: 600;
	color: black;
}
.contact-item a:hover{
	cursor: pointer;
}

.banner {
	background: url(../img/hero.jpg);
	height: 512px;
	background-position: center top;
	background-size: cover;
}

.banner h2 {
	font-weight: 700;
	font-size: 36px;
	padding-top: 140px;
}

.banner .textBox {
	float: right;
	text-align: center;
}

.banner .heroMobile {
	display: none;
}

.weatherBox {
	width: 250px;
	background: #313233;
	border-radius: 5px;
	padding: 15px;
	margin: 30px auto auto auto;
}

.inventort .inner {
	text-align: center;
	display: grid;
	grid-gap: 40px;
	grid-template-columns: repeat(auto-fit, minmax(193px, 1fr));
}

.inventort .inner h2 {
	font-weight: 700;
	font-size: 24px;
	background: #000000;
	color: #fff;
	padding: 20px 0;
	border-radius: 0 0px 5px 5px;
	text-transform: uppercase;
	transition: all .3s;
}

.inventort .inner a:hover {
	text-decoration: none;
}

.inventort .inner a:hover h2 {
	background: #d02227;
}

.inventort .inner img {
	border-radius: 5px 5px 0 0;
}

.welcome {
	background: #000 url(../img/bg.jpg);
	padding-top: 100px;
	padding-bottom: 80px;
	background-size: cover;
	background-position: center top;
}

.welcome h2 {
	font-weight: 700;
	font-size: 36px;
	margin-bottom: 27px;
}

.welcome p {
	font-size: 15px;
	line-height: 25px;
}

.welcome p span {
	font-size: 18px;
}

.gallery {
	background: url(../img/bg2.jpg);
	padding-top: 100px;
	padding-bottom: 80px;
	background-size: cover;
	background-position: center top;
}

.gallery .inner {
	text-align: center;
	display: grid;
	grid-gap: 0px;
	grid-template-columns: repeat(auto-fit, minmax(193px, 1fr));
}

.location h2 {
	font-size: 50px;
	font-weight: 700;
	text-align: center;
}

.location .smallBox {
	margin: 20px 0;
}

.location .smallBox p {
	color: #000;
	font-weight: 400;
	font-size: 16px;
	margin: 2px 0 0 0;
}

.location .smallBox .fa {
	position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    background: #000;
    padding: 10px 10px;
    color: #fff;
    font-size: 12px;
    margin-right: 8px;
    width: 33px;
    height: 33px;
}

.location .smallBox p a {
	color: #000;
	text-decoration: none;
	padding-left: 25px;
}

.location .smallBox p a:hover {
	color: #d02227;
}

.location .smallBox span {
	white-space: nowrap;
}

/* .location iframe {
	width: 100%;
	height: 470px;
} */

.slider {
	background: #c4c8c8;
}

.footer {
	background: #000000;
	border-top: 7px solid #dc2a1e;
}

.footer p {
	font-size: 12px;
	color: #646464;
	text-align: center;
	line-height: 20px;
	margin: 0;
}

.footer p span {
	color: #fff;
}


/*---POP-UP -----------------------------------*/
.displaymobile {display: none;}

*, *:after, *:before {
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
}
.box {
                width: 50%;
                margin: 0 auto;
                background: rgba(0,0,0,0.2);
                padding: 35px;
                border-radius: 20px/50px;
                background-clip: padding-box;
                text-align: center;
}
.popup .close {
    position: absolute;
    top: -5px;
    right: 15px;
	transition: all 0.2s;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
	background: #fff;
	border: 1px solid #fff;
	padding:0 5px 5px 5px;
}
.popup .close:hover {
  background: #9E0A0E;
	color:#fff;
}
.popup .content {
  max-height: 60%;
  overflow: auto;
}

/*Let's make it appear when the page loads*/
.overlay:target:before {
    display: none;
}
.overlay:before {
                content:"";
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                display: block;
                background: rgba(0, 0, 0, 0.7);
                position: fixed;
                z-index: 99999;
}
.overlay .popup {
                background: transparent;
                border-radius: 5px;
                width: 100%;
                max-width: 1300px;
                position: absolute;
                top: 6vw;
                left: 0;
                right: 0;
                float:none;
                padding: 40px 0;
                margin: 0 auto;
                text-align:left;
                z-index: 99999999;
                -webkit-transition: all 0.6s ease-in-out;
                -moz-transition: all 0.6s ease-in-out;
                transition: all 0.6s ease-in-out;
                color:#000;
                font-size: 16px;font-weight: 400;
}
.overlay:target .popup {
    top: -180%;
    left: -100%;
}




/*-----------------------*/
/* Inside Pages */
/*-----------------------*/

.innerContRow {
	background-color: #e2e2e2;
	padding: 50px 0;
}

.innerContRow h2 {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 36px;
	margin-bottom: 27px;
}

.innerContRow p {
	font-size: 15px;
	line-height: 25px;
}

.innerContRow a {
	color: #000;
	transition: all 200ms linear;
}

.innerContRow a:hover {
	color: #d02227;
}

.lead-button {
	font-weight: 700;
	max-width: 300px;
	text-transform: uppercase;
	border-width: 1px;
	border-style: solid;
	border-color: #d02227;
	border-radius: 0;
	-webkit-border-radius: 0;
	background-color: #d02227;
	color: #fff;
	text-align: center;
	font-size: 18px;
	padding: 10px 30px;
	display: block;
	margin: 10px auto;
	transition: all 200ms linear;
}

.lead-button:hover {
	background-color: #000;
	color: #fff;
	text-decoration: none;
}

.soldUnitCont h4 {
	font-size: 18px;
	background-color: #000;
	color: #fff;
	padding: 10px;
}

a.footerlink:link,
a.footerlink:visited,
a.footerlink:active {
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #fff;
}

a.footerlink:hover {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.footertext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #646464;
}

.smallfootertext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #646464;
}

.divfooter {
	max-width: 1000px;
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

/*--side tabs--*/

.side {
    background: #fff;
    width: 300px;
    height: 500px;
    position: fixed;
    z-index: 100;
}
#commodity {
     top: 195px;
    height: auto;
    z-index: 99999;
	right: -410px;
	width:410px;
}

#commodityTab {
    display: block;
	height: 45px;
	width: 50px;
	background:url(../siteart/commodity-icon.png);
    position: absolute;
    left: -50px;
    top: 0px;
}

#weather {
     top: 240px;
    height: auto;
    z-index: 998;
	right: -300px;
	width:300px
}

#weatherTab {
    display: block;
	height: 45px;
	width: 50px;
	background:url(../siteart/weather-icon.png);
    position: absolute;
    left: -50px;
    top: 0px;
}
#facebook {
     top: 285px;
    height: auto;
    z-index: 998;
	right: -340px;
	width:340px
}
#facebookTab {
    display: block;
	height: 45px;
	width: 50px;
	background:url(../siteart/facebook.jpg);
    position: absolute;
    left: -50px;
    top: 0px;
}
#invsearch {
    top: 340px;
    height: auto;
    z-index: 997;
	right: -340px;
	width:340px;
    box-sizing:content-box;
}

#invsearchTab {
    display: block;
	height: 200px;
	width: 50px;
	background:url(../siteart/searchinv-icon.png);
    position: absolute;
    left: -50px;
    top: 0px;
}
.active {
	right: 0 !important;
}
.equipment-search {
	padding: 25px;
	box-sizing: border-box;
}
.equipment-search input, .detailed-search select {
	width: 100%;
	padding: 8px 10px;
	font-size: 12px;
	background-color: #fff;
	box-sizing: border-box;
	color: #555;
	margin-top: 8px;
	box-sizing: border-box;
	outline: none;
     border-radius: 0;
	 border:3px solid #afafaf;
}
.equipment-search input[type='submit'] {
	display:inline-block;
	border:none;
	background: #347136;
	font-size: 18px;
	color: #fff;
	width: 100%;
	outline: 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;
	padding: 10px;
	vertical-align:top;
	margin-bottom: 8px;
	text-align:left;
}
/*--accordion styles--*/
.accordion-panel {
	font-family: Helvetica, 'Roboto', Arial, sans-serif;
	width:100%;
  }
  .accordion-panel .accordion {
  }

  .accordion-panel .accordion h3{font-size:16px;}

  .accordion-panel .accordion dt {
	display: block;
	padding: 25px;
	color: #555;
	cursor: pointer;
	position: relative;
	user-select: none;
  }
  .accordion-panel .accordion dd {
	height: 0;
	overflow: hidden;
	transition: height .35s ease-out;
	margin-left: 0;
	background: #F4F4F4;
  }
  .accordion-panel .accordion .content {
	padding: 25px;
	overflow: auto;
  }
  .accordion-panel .plus-icon {
	display: inline-block;
	width: 15px;
	height: 15px;
	position: relative;
	transition: transform 0.35s ease-out;
	position: absolute;
	right: 35px;
	top: 50%;
	margin-top: -12px;
  }
  .accordion-panel .plus-icon:before,
  .accordion-panel .plus-icon:after {
	content: '';
	background: #FFDD00;
	position: absolute;
  }
  .accordion-panel .plus-icon:before {
	width: 2px;
	height: 15px;
	margin-left: -0.5px;
	left: 50%;
  }
  .accordion-panel .plus-icon:after {
	width: 15px;
	height: 2px;
	margin-top: -0.5px;
	top: 50%;
	opacity: 1;
	transition: opacity 0.35s ease-out;
  }
  .accordion-panel .is-open .plus-icon {
	transform: rotate(90deg);
  }
  .accordion-panel .is-open .plus-icon:after {
	opacity: 0;
  }
  .accordion-panel .hidden {
	display: none;
  }
  .accordion-panel .open-btn,
  .accordion-panel .close-btn {
	cursor: pointer;
	position: absolute;
	right: 0;
	width: 90px;
  }
  .accordion-panel .buttons-wrapper {
	position: relative;
  }
  .accordion-panel .buttons-wrapper .plus-icon {
	position: absolute;
	right: 10px;
	top: 12px;
  }

.footer-content{
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap:  24px;
}

/*** Inventory Styles ***/

.list-content, .detail-content, .detail-content-mobile{background-color: #FFF;}

.fa-search-plus{top: 0px !important;}

.contact-options{color: #FFF;}

.fin-calc-btn-mobile{color: #FFF !important;}
.fin-calc-mobile>a i{margin-top: 4px;}

#inv{padding: 5% 0;}
#inv *:not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons){font-family: bahnschrift, urw-din, 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: 90px !important;
    -o-border-radius: 90px !important;
    -webkit-border-radius: 90px !important;
    border-radius: 90px !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:#e2272a !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:#e2272a !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 #e2272a !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: #e2272a !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;}

@media (max-width: 1366px) {
	.banner {
		height: 429px;
	}
}

@media (max-width: 1200px) {
	.headerMain .btn-primary {
		right: 0px;
	}

	.navbar {
		text-align: right !important;
		display: block !important;
	}

	.navbar-dark .navbar-toggler {
		border-color: rgba(255, 255, 255, 0);
		padding: 12px 0;
	}

	.navbar-dark .navbar-toggler:focus {
		outline: 0
	}

	.headerMain .navbar-dark .navbar-nav .nav-link {
		color: #ffffff;
		font-weight: 700;
		font-size: 13px;
		padding: 13px 10px !important;
		border-bottom: 1px solid #333;
	}

	.headerMain .logo {
		top: -76px;
		left: -30px;
		width: 270px;
	}
}

@media (max-width: 1200px) {
	.banner .container {
		max-width: 100% !important;
	}
}

@media (max-width: 1024px) {
	.banner {
		background-position: -400px top;
	}
}

@media (max-width: 991px) {
	.displaymobile {display: block;}
	.displaydesktop {display: none;}
	.headerMain .container {
		max-width: 95%;
	}

	.headerMain .logo {
		top: -61px;
		left: 0px;
		width: 240px;
	}

	.location .smallBox span {
		font-size: 12px;
	}

	.inventort .inner h2 {
		font-size: 20px;
	}
}

@media (max-width: 880px) {
	.headerMain .row:nth-child(1) .callBox .smallBox p span {
		display: none;
	}

	.headerMain .row:nth-child(1) .callBox .smallBox:nth-child(1) {
		margin: 0 2px 0 0;
	}

	.smallBox img {
		margin-top: 10px;
		padding-right: 28px;
	}

	.headerMain .row:nth-child(1) .callBox {
		max-width: 200px;
		width: auto;
		margin: auto;
		text-align: right;
	}

	.headerMain .logo {
		top: -85px;
		left: 0px;
		width: 290px;
	}
}

@media (max-width: 768px) {
	.banner {
		background: #ffffff;
		height: auto;
	}

	.banner .heroMobile {
		display: block;
	}

	.banner .textBox {
		float: none;
	}

	.banner .container {
		padding: 0;
	}
}

@media (max-width: 600px) {
	.welcome h2 {
		font-weight: 700;
		font-size: 25px;
		margin-bottom: 15px;
	}

	.welcome {
		background: url(../img/bg.jpg);
		padding-top: 50px;
		padding-bottom: 40px;
		background-size: cover;
		background-position: center top;
	}

	.gallery {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.location .smallBox {
		margin: 10px 5px;
	}

	.location .smallBox p {
		font-size: 14px;
	}

	.inventort .inner {
		text-align: center;
		display: grid;
		grid-gap: 2px;
		grid-template-columns: repeat(auto-fit, minmax(193px, 1fr));
	}

	.location h2 {
		font-size: 35px;
		font-weight: 700;
		text-align: center;
	}

	.banner h2 {
		font-weight: 700;
		font-size: 23px;
		padding-top: 61px;
	}

	.headerMain .btn-primary {
		display: none;
	}

	.headerMain .row:nth-child(1) .callBox {
		margin: 0;
		float: right;
	}

	.headerMain .row:nth-child(1) {
		background: #e6f3fb;
		padding-bottom: 12px;
		padding-top: 12px;
	}

	.headerMain .logo {
		top: -56px;
		left: 8px;
		width: 229px;
	}
	.top-header-content{
	flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-bottom: 36px;
}
}

@media (max-width: 400px) {
	.headerMain .row:nth-child(1) .callBox {
		max-width: 125px;
		text-align: right;
	}
}
