body {
    font-family: 'Roboto Condensed', sans-serif !important;
    /* overflow-x: hidden; */
    background-image: url(../img/bg.jpg);
    background-position: center top;
}
html {
    /* overflow-x: hidden !important; */
}
* {
    box-sizing: border-box !important;
}
h2 {
    color: #000;
    font-size: 48px;
    font-weight: 900;
    text-transform: uppercase;
}

h3 {
    color: #707070;
    font-size: 33px;
    font-weight: 900;
    text-transform: uppercase;
}

p {
    color: #000;
    font-size: 16px;
    line-height: 25px;
}


.clear {clear:both;}

.loaderContain {
    /*! CSS Used from: http://sublettemachinery.com.hstg/css/style.css?v=1 */
    z-index: 999999999999;
    position: relative;
	background-color:#cc1a20;
}

.loaderContain #loader {
    z-index: 1001;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.loaderContain #loader img {
    top: 50%;
    left: 50%;
    max-width: 100%;
	width:300px;
}

.loaderContain #loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
}

.loaderContain #loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 100%;
    bottom: 0;
    background: #cc1a20;
    z-index: 1000;
}

.loaderContain #loader-wrapper .loader-section.section-left {
    left: 0;
}

.loaderContain #loader-wrapper .loader-section.section-right {
    right: 0;
}

.loaded #loader-wrapper .loader-section.section-left {
    /* -webkit-transform: translateX(-100%); */
    -ms-transform: translateX(-100%);
    /* transform: translateX(-100%); */
    opacity: 0;
}

.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

.loaded #loader {
    opacity: 0;
}

.loaded #loader {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.loaded #loader-wrapper .loader-section.section-right,
.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader-wrapper {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all 0.3s 1s ease-out;
    transition: all 0.3s 1s ease-out;
}



.overlay-title {
	margin:1% 0 0 0; font-size:2.8125em; font-weight:800; text-transform: uppercase; text-align:center;  color:#fff;
}
.overlay-text {
	font-size:1.4375em; line-height:1.35; font-style:italic; text-transform: uppercase; color:#fff;
}

.overlay-search {margin:2.5% 0; }
.overlay-search img.search-logo{position:relative; z-index: 10; width:100%; max-width:383px; margin:0 auto -20px auto;}


.search-section {
    position: relative;
    z-index: 5;
    width: 75%;
    margin: 0 auto;
    padding: .5% 1%;
    border: 3px #fff solid;
    background: #f7f7f7;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 3px 8px 0 rgba(0,0,0,0.25);
    -moz-box-shadow: 0 3px 8px 0 rgba(0,0,0,0.25);
    box-shadow: 0 3px 8px 0 rgba(0,0,0,0.25);
    -webkit-animation: slide-in-blurred-bottom 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
    animation: slide-in-blurred-bottom 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}


.search-form {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-around;
	
}
.search-form input[type="text"] {
    width: calc(100% - 34px);
    height: 56px;
    margin: 0;
    font-size: 1.125em;
    line-height: 1;
    text-indent: 15px;
    color: #373737;
    box-sizing: border-box;
    border-radius: 0;
	border:0;
	background: #f7f7f7;
}
.search-form input[type="text"]:focus {
    background-color: #f9f9f9;
}
.search-form input[type="submit"] {
    position: relative;
    width: 34px;
    height: 56px;
    margin: 0;
    padding: 0 8px;
    border: none;
    border-radius: 0;
    font-family: FontAwesome;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -webkit-appearance: none;
}
.search-form .search-button {
    position: relative;
    z-index: 5;
    width: 34px;
    height: 56px;
    margin: 0;
    padding: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box;
    background: url("../siteart/search-icon.png") center center no-repeat;
}
.search-form .search-button:before {}
.quicksearch .button2 {
    width: 47px !important;
    height: 31px !important;
    margin: 0;
    line-height: 1 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: url("../siteart/search.png") center center no-repeat;
    background-color: #377c2b;
    background-size: 15px;
    border: 1px #377c2b solid;
    border-color: #377c2b !important;
    box-sizing: border-box;
}



.post-container-catgegory-links {display:flex; flex-flow:row wrap; justify-content:center; margin: 2.5% auto; overflow: visible !important;}
.post-container-catgegory-links.container-fluid::before, .post-container-catgegory-links.container-fluid::after {display:none; content:none;}

.column-padding-catgegory-links {
	overflow: hidden;
	width:31.8333%; height:300px; margin:0 .75% 2% .75%; font-size:1.15em; line-height:1.35;
	-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;
	-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;
}
.column-padding-catgegory-links.two-column-layout {width:48.5%;}
.column-padding-catgegory-links:hover {box-shadow: 0px 0px 52px 0px rgba(0,0,0,0.4);}


.cat-item {width:100%; height:300px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
.cat-item:hover {height:calc(300px + 2em); transform: translate(0, -.5em);}
.cat-item:hover h5.cat-title {top:45%; left: 50%; transform: translate(-50%, -45%);}
.cat-item a {position:relative; z-index:5; display:block; width:100%; height:100%; background: rgb(66,65,65); background: linear-gradient(176deg, rgba(66,65,65,0.33) 0%, rgba(5,5,5,0.55) 100%);}
h5.cat-title {
	position:absolute; z-index:5; top:50%; left: 50%; transform: translate(-50%, -50%);
	width:90%; margin:0 !important; font-size: calc(16px + 2vw) !important; word-break: keep-all; font-weight:800; text-align: center; text-transform:uppercase; color:#fff;
	-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;
}



.brand-slider {width:100%; max-width:1500px; margin:0 auto 4.5% auto; overflow:hidden;}
.brand-slider .cycle-slideshow {z-index:5; position:relative;overflow:hidden; margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.brand-slider .cycle-slideshow img {position:relative; width:100%; max-width:240px; margin:0 30px; padding:0;}

.brand-slider .cycle-pager{ text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 10px; overflow: hidden; transition: all .75s ease;}
.brand-slider .cycle-pager span {display:inline-block; font-family: arial; font-size: 50px; width: 16px; height: 16px; color: #ddd; cursor: pointer;}
.brand-slider .cycle-pager span.cycle-pager-active {color: #141845;}
.brand-slider .cycle-pager > * {cursor: pointer;}



.header {
    /* position: absolute; */
    width: 100%;
}
.header .container {
    max-width: 1300px;
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.header .top-bar {
    background: rgba(25, 25, 25, .9);
    padding-top: 10px;
    padding-bottom: 10px;
}
.header .top-bar .box {}
.header .top-bar .box a {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}
.header .top-bar .box .fa {
    color: #fff;
    background: #cc1a20;
    width: 22px;
    line-height: 22px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    font-size: 12px;
    transition: all .3s;
}
.header .top-bar .box span {
    display: inline-block;
    vertical-align: middle;
}
.header .top-bar .box a:hover {
    text-decoration: none;
}
.header .top-bar .box a:hover .fa {
    color: #cc1a20;
    background: #fff;
}
.header .menu-row {
    background: rgb(204, 26, 32);
    background: linear-gradient(180deg, rgba(204, 26, 32, 1) 22%, rgba(182, 24, 29, 1) 55%);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.43);
}
.header .menu-row .nav-link {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    border-right: 1px solid #b66f71;
    padding: 15px 30px;
    background-color: #cc1a20;
    transition: all .3s;
}

.header .menu-row .nav-link:hover {
    background-color:#e0161d;
    color: #fff;
}

.header .navbar {
    padding: 0;
}
.header .navbar-nav {
    margin-right: -30px;
}

a.navbar-brand {z-index: 100;}
a.navbar-brand:hover {-webkit-animation: vibrate-1 0.3s linear infinite both;
	        animation: vibrate-1 0.3s linear infinite both;}

.navbar-brand img.logo {width:100%; max-width:140px; margin:-40px 0 -30px 0;}
.navbar-brand img.logo-alt {width:100%; max-width:230px; margin:0 0 0 10px;}

.hero-banner {position: relative; min-height:350px;background:url(/img/hero-a.jpg) no-repeat center; background-size: cover;}

.hero-overlay {
	 position: absolute; z-index:3;
    top: 50%;
    left: 50%;
	width:100%;
    transform: translate(-50%, -50%);
	text-align: center;
}
.overlay-gradient {position: absolute; z-index:1;  width:100%; height:100%; background: rgb(34,34,34); background: linear-gradient(270deg, rgba(34,34,34,0.38139005602240894) 0%, rgba(34,34,34,0.6082808123249299) 100%);}

.mob-hero {
    display: none;
}
.about-row {
    padding-top: 10px;
    padding-bottom: 10px;
}
.about-row h2 {
    margin: 0;
}
.about-row .btn-primary, .text-center .btn-primary {
    height: auto !important;
    padding: 15px 55px !important;
}

.textCont, .btnCont {
    display: inline-block;
    vertical-align: middle;
    padding: 10px;
}
.textCont p {
    margin: 0;
}
.form-control{
border-radius: 0;
 
}
input:focus,
select:focus,
.btn:focus {
    outline: 0 !important;
    box-shadow: none !important;
}
.btn-primary {
    /* background: rgb(69,208,26);
    background: linear-gradient(180deg, rgba(69,208,26,1) 22%, rgba(45,189,0,1) 55%); */
    background: url(../img/btn-bg.png) !important;
    color: #fff !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    padding: 15px 55px !important;
    border: 0px solid #fb101f !important;
    transition: all .3s !important;
    text-transform: uppercase !important;
    border-radius: 0 !important;
    position: relative !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    /* clip-path: polygon(-18% 0, 90% 0%, 114% 110%, 10% 100%); */
}
.btn-primary:hover,
.btn-primary:focus {
    background: url(../img/btn-bg.png) !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    transform: scale(1.03);
    background-color: transparent !important;
}

.recently-heading {
    background: #0f9200;
    background-position: center;
    background-size: cover;
    max-width: 1208px;
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 84px;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
}
.recently-heading .shape-left {
    position: absolute;
    left: 0;
    bottom: 0;
}
.recently-heading .shape-right {
    position: absolute;
    right: 0;
    top: 0;
}
.recently-heading h3 {
    text-transform: uppercase;
    font-size: 42px;
    margin: 15px 0 0 35px;
    font-weight: 700;
    color: #fff;
}
.recently-heading .btn-primary {
    /* background: rgb(69,208,26);
    background: linear-gradient(180deg, rgba(69,208,26,1) 22%, rgba(45,189,0,1) 55%); */
    display: inline-table;
    background: url(../img/view-bg.png);
    color: #222222;
    font-size: 18px;
    font-weight: 700;
    padding: 15px 0 !important;
    border: 0px solid #fb101f;
    width: 219px;
    transition: all .3s;
    text-transform: uppercase;
    border-radius: 0;
    position: relative;
    margin: 12px 25px 0 0;
    background-position: center;
    background-repeat: no-repeat;
    /* clip-path: polygon(-18% 0, 90% 0%, 114% 110%, 10% 100%); */
}
.inventory-row img {
    display: inline-block;
    vertical-align: top;
}
.welcome-row {
    background: url(../img/welcome-bg.png);
    max-width: 1208px;
    height: 400px;
    margin-top: 25px;
    margin-bottom: 70px;
    text-align: right;
}
.welcome-row h3 {
    font-size: 45px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    line-height: 46px;
    padding: 103px 92px 40px 0;
}
.welcome-row .btn-primary {
    background: url(../img/shop-btn-bg.png);
    color: #fff;
    font-size: 18px;
    width: 159px;
    height: auto !important;
    background-repeat: no-repeat;
    padding: 0 !important;
    line-height: 50px;
    margin: 0 92px 0 0;
}
.scrolling-wrap {
    width: 100%;
    height: 90px;
    overflow: hidden;
}
.scrolling {
    width: 100%;
    height: 92px;
}
.footer {
    background: #1d1f2e;
}
a.footerlink:link,
a.footerlink:visited,
a.footerlink:active {
    text-decoration: underline;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #fff
}
.footer a {
    color: #fff
}
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: #fff;
}
.smallfootertext {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #fff;
}
.divfooter {
    max-width: 1000px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    color: #fff;
}
.navbar-dark .navbar-toggler-icon {
    background-image: url(../img/menu.png) !important;
    width: 28px !important;
    height: 20px !important;
}
.navbar-toggler {
    border: 0;
    padding: 0;
}
.navbar-toggler:focus {
    outline: 0 !important;
}
.mobile-show {
    display: none;
}

.contact-page .btn-primary {
    background-size: contain;
}


.history-photo {float: right; max-width: 40%; margin:0 0 5% 5%;}
.history-photo img {width:100%; }

/*----- custom homepage -----*/
/* .customInvt .row {
    display: flex;
    width: 100%;
} */
/* .customInvt .list-listing-card-wrapper {
    flex: 1;
    padding: 16px;
} */
.customInvt .list-listing {
    border: 1px solid #ccc;
    background-color: #fff;
    min-height: 690px;
}
.customInvt .image-imageCount-container {
    min-height: 1px;
}
.customInvt .main-image-container {
    overflow: hidden;
    /* width: 260px; */
    height: auto;
    position: relative;
}
.customInvt .main-image-container, .customInvt .listing-card .no-image-container {
    width: 100%!important;
    max-width: 100%!important;
    min-height: 1px;
}
.customInvt .main-image {
    left: 50%;
    transform: perspective(1px) translateX(-50%);
    position: relative;
    max-height: 100%;
    max-width: 100%;
    height: auto;
    width: auto;
}
.customInvt .listing-card-small .listing-content {
    padding: 10px;
}
.customInvt .listing-card .listing-content {
    flex-grow: 1;
    min-height: 1px;
}
.customInvt .list-listing-title-link {
    color: #000;
    text-decoration: none;
}
.customInvt .listing-portion-title {
    font-size: 15px;
    font-weight: 700;
    font-family: Arial,sans-serif;
    display: inline;
    line-height: 20px;
    word-break: break-word;
}
.customInvt h3, .customInvt h5 {
    margin: 0;
}
.customInvt .spec-label {
    display: inline-block;
    font-weight: 600;
    margin-right: 10px;
    line-height: 16px;
}
.customInvt .spec-label, .customInvt .dealer-data {
    font-size: 12px;
    font-weight: 400;
    font-family: Arial,sans-serif;
}
.customInvt .spec-label {
    font-weight: 600;
    line-height: 16px;
    font-size: 12px;
    font-family: Arial,sans-serif;
}
.customInvt .spec-value {
    font-size: 12px;
    font-weight: 400;
    font-family: Arial,sans-serif;
}
.customInvt .price-container {
    padding-top: 15px;
}
.customInvt .price-container .price {
    margin-left: 5px;
    color: #3a658e;
    font-size: 16px;
    font-weight: bold;
    font-family: Arial,sans-serif;
}
.customInvt .price-container .fin-stacked {
    width: 100%;
}
.customInvt .fin-stacked {
    display: inline-block;
    margin-bottom: .5em;
}
.customInvt  .fin-calc {
    cursor: pointer;
}
.customInvt .fin-calc {
    font-size: 12px;
    display: flex;
    align-items: center;
    text-decoration: none;
}
.customInvt .fin-calc img {
    margin-right: 5px;
    height: 26px;
    min-width: 50px;
    max-width: 50px;
}
.customInvt .fin-calc {
    color: #0f9200 !important;
}
.customInvt .listing-bottom {
    margin-top: 10px;
}
.customInvt .listing-card-small .view-listing-details-link,
.customInvt .listing-card-small .email-seller-link,
.customInvt .listing-card-small .dealer-phone-call {
    border-radius: 0;
}
.customInvt .listing-card-small .email-seller-link,
.customInvt .listing-card-small .dealer-phone-call {
    background-color: #333;
    color: #fff;
    cursor: pointer;
    transition: all .25s;
    border: none;
    backface-visibility: hidden;
    display: flex;
    justify-content: center;
    text-decoration: none;
    padding: 5px 20px;
    line-height: 23px;
    font-size: 12px;
    position: relative;
    /* width: 175px; */
    /* box-sizing: border-box; */
    margin: 0 0 5px 0;
    text-align: center;
    white-space: nowrap;
    max-width: 100%;
    width: 100%;
}
.customInvt .view-listing-details-link .fa,
.customInvt .email-seller-link .fa,
.customInvt .dealer-phone-call .fa {
    position: relative;
    top: 4px;
    left: -7px;
}
.customInvt .view-listing-details-link {
    cursor: pointer;
    color: #fff;
    background-color: #3a658e;
    transition: all .25s;
    border: none;
    display: flex;
    justify-content: center;
    text-decoration: none;
    padding: 5px 20px;
    line-height: 23px;
    font-size: 12px;
    position: relative;
    /* width: 175px; */
    /* box-sizing: border-box; */
    margin: 0 0 5px 0;
    text-align: center;
    white-space: nowrap;
    max-width: 100%;
    /* width: 100%; */
}
.customInvt .listing-card .listing-widgets {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.customInvt .listing-card .listing-widgets a {
    width: auto;
    margin-right: 0!important;
    min-height: 36px;
}
.customInvt .listing-bottom .listing-widgets a {
    border-radius: 5px;
    color: #555;
    font-weight: 700;
}
.customInvt .listing-widgets a {
    flex: 1;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f2f2f2;
    box-sizing: border-box;
    color: #000;
    text-decoration: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    width: 25%;
    font-size: 13px;
    font-weight: 400;
    font-family: Arial,sans-serif;
}




.site-footer {
	position:relative; display:flex; flex-flow:row wrap; align-items:flex-start; justify-content: space-between; 
	padding:calc(25px + 1.5%) 10%; font-weight:300; color:#fff;}

.ft-col {z-index: 1; flex:.5 25%; font-size:1.125em; line-height:1.25;}
.ft-col span {font-weight:500;}

.ft-heading {margin:0 0 .5em 0; font-weight:700;}

.ft-logo {margin:0 0 1em 0;}
.ft-logo img{width:100%; max-width:194px; margin:0 auto;}

.ft-contact {text-align:left;}
.ft-col-main {z-index: 1; flex:.5 50%; text-align:center;}
.ft-hours {text-align:right;}

.ft-social {z-index: 1; margin:1em auto; text-align:center; }
a.ft-social-icon {
	display:block; width:48px; height:48px; margin:0 auto; font-size:1.25em; line-height:48px;  color:#201f1f; background:#fff; border-radius: 48px;
	-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;
}
a.ft-social-icon:hover {color:#fff; background:#424242;}


ul.footnavbar {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-around; margin:0; padding:0;}
ul.footnavbar li {margin:0; padding:0; list-style-type:none;}			
ul.footnavbar li a {
	display:block; margin:0 10px; padding:12px 0;
    font-size:1.15em; line-height:24px; text-align:center; text-decoration:none; text-transform:uppercase; color:#fff;
	-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;	
}	





@media (max-width:1300px){
	.header .menu-row .nav-link{font-size:21.5px;padding:14px 24px}
	
	.column-padding-catgegory-links {width:47.5%;}
}
@media (max-width:1210px) {
    .recently-heading {
        width: 95%;
    }
    .welcome-row {
        width: 80%;
        background-size: contain;
        background-repeat: no-repeat;
        height: 300px;
        background-position: center;
        padding: 20px 0;
    }
    .welcome-row h3 {
        font-size: 35px;
        line-height: 36px;
        padding: 53px 92px 10px 0;
    }
}
@media (max-width:991px) {
    .welcome-row {
        width: 95%;
    }
    .header .menu-row .nav-link {
        font-size: 20px;
        border-right: 0px solid #7dde5f;
        border-bottom: 1px solid #7dde5f;
        padding: 12px 0;
		text-indent:15px; 
    }
    .header .navbar {
        padding: 9px 0;
    }
    .customInvt .listing-portion-title {
        font-size: 12px;
        font-weight: 700;
    }
}

@media (max-width:800px) {
	.column-padding-catgegory-links,
	.department-inventory {height:200px;}
	.cat-item {height:200px;}
	.cat-item:hover {height:calc(200px + 2em); transform: translate(0, -.5em);}
}

@media (max-width:768px) {
    .recently-heading h3 {
        font-size: 39px;
        margin: 17px 0 0 35px;
        font-size: 26px;
    }
	
	.site-footer {flex-flow:column wrap; align-items:center;}
	.ft-col {flex:1 85%; margin:0 0 2em 0;}
	.ft-contact {order:2; text-align:center;}
	.ft-col-main {order:1; text-align:center;}
	.ft-hours {order:3; text-align:center;}
}
@media (max-width:767px) {
    .welcome-row {
        background: url(../img/welcome-bg2.png);
        width: 90%;
        height: 600px;
        margin-top: 70px;
        margin-bottom: 70px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        text-align: center;
    }
    .welcome-row h3 {
        font-size: 21px;
        line-height: 22px;
        padding: 53px 0 10px 0;
    }
    .welcome-row .btn-primary {
        font-size: 17px;
        display: block;
        margin: auto;
    }
    .recently-heading .btn-primary {
        margin: auto;
        display: block;
        font-size: 15px !important;
        width: 181px;
        background-size: contain;
        line-height: inherit;
        height: auto;
    }
    .recently-heading {
        min-height: 123px;
    }
    .recently-heading h3 {
        text-align: center;
        margin: 8px auto 5px auto;
    }
	
	
	
	.navbar-brand img.logo {max-width: 110px; margin:0 0 -30px 0;}
	.navbar-brand img.logo-alt {max-width:180px; margin: 0 0 0 10px;}
	
	.history-photo {float:none; max-width: 100%; margin:0 0 8.5% 0;}

}

@media (max-width:668px) {
	.column-padding-catgegory-links,
	.department-inventory {height:150px;}
	.cat-item {height:150px;}
	.cat-item:hover {height:calc(150px + 2em); transform: translate(0, -.5em);}
}

@media (max-width:600px) {
    .btn-primary {
        background-size: contain;
    }
    .welcome-row {
        height: 440px;
        margin-top: 40px;
        margin-bottom: 40px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        text-align: center;
    }
    h2 {
        font-size: 28px;
    }
    .about-row {
        padding-top: 40px;
        padding-bottom: 20px;
    }
    .about-row h2 {
        margin-bottom: 15px;
    }
    p {
        font-size: 13px;
        line-height: 20px;
    }
    .btn-primary {
        font-size: 17px;
    }
    .header .navbar {
        padding: 16px 0;
    }
    .header .logo {
        width: 228px;
    }
    .header .top-bar,
    .header .menu-row {
        padding-left: 0;
        padding-right: 0;
    }
    .header .top-bar .box a {
        font-size: 15px;
		/*display:block;*/
		/*width:100%;*/
    }
    .header .top-bar .box {
        margin-bottom: 8px;
    }
	
	.header .top-bar .box a span.mobilehide {display:none;}
	
    .navbar-dark .navbar-toggler {
        position: absolute;
        right: 0;
        top: 25px;
    }
    .navbar-brand {
        margin-right:20px;
        margin-left: 5px;
        margin-top: -5px;
    }
	
	.navbar-brand img.logo {max-width:30%; margin:0 0 -30px 0;}
	.navbar-brand img.logo-alt {max-width:50%; margin: 0 0 0 5%;}
}

@media (max-width:480px) {
.column-padding-catgegory-links {width:97.5%;}
}

@media (max-width:426px) {
    .mob-hero {
        display: block;
    }
    .desk-hero {
        display: none;
    }
}

/*--- faceted links ---*/
.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input {
    margin-right: 5px !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 .check-availability-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,
.faceted-search-content .selected-facets-container .selected-facet,
.paging-container .page-navs button.list-page-nav, .faceted-search-content .mobile-done-button-container .mobile-done-button, .faceted-search-content .faceted-section-box .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .apply-button, .list-container-flexrow .listing-card-small .view-listing-details-link, .contact-options a, .fin-calc-mobile>a, .modal-content .form-bottom .captcha-and-submit .captcha-placeholder button {
    background: #0f9200 !important;
}

.list-content .list-main-section .list-container .list-listing .listing-top-right .listing-dealer-info .dealer-name,
.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,
.detail-content .detail-main-body .main-detail-data .detail-title, .currency-selector {
    color: #0f9200 !important;
}

.list-content .list-title,
.list-content .list-title .list-listings-count,
.faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-name,
.contact-information a, .detail-content-mobile .share-listing {
    color: #000 !important;
}

.detail-content .dealer-info .phone-and-email .send-email-btn,
.faceted-search-content .faceted-section-box .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .back-button {
    border: 1px solid #0f9200 !important;
    color: #0f9200 !important;
}

.list-container-flexrow .email-seller-link, .list-container-flexrow .listing-card-small .contact-btn, .contact-options a {
    color: #fff !important;
}

@media (max-width: 992px) {

    .detail-content-mobile .detail-contact-bar .contact-bar-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-additional-data .data-row .data-label,
    .mobile-breadcrumb,
    .list-content .list-listing-mobile .view-listing-details-link {
        background: #0f9200 !important;
    }

    .fin-calc p,
    .fin-calc strong,
    .dealer-info a, .list-content .list-listing-mobile .price-container .price {
        color: #0f9200 !important;
    }

    .list-content .list-listing-mobile .email-seller-link {
        height: 38px !important;
    }
}



/* ----------------------------------------------
 * Generated by Animista on 2024-10-22 10:28:43
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation vibrate-1
 * ----------------------------------------
 */
@-webkit-keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
