@charset "utf-8";
/* CSS Document */

.icons {
	margin-left: auto;
}

.icon {
	display: inline-block;
}


.row {margin:0px;}

body {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 1rem;
    line-height: 1.3;
    color: #212121;
}

.wid-90 {
	width: 90%;
	margin: 0 auto;
}
h1 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 36px;
    letter-spacing: 4px;
    color: #212121;
}

h2 {
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	font-size: 30px;
    letter-spacing: 3px;
    color: #212121;
}

h3 {
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	font-size: 24px;
    letter-spacing: 2px;
    color: #212121;
}

h4 {
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
    color: #212121;
}


h5 {
    font-family: 'Montserrat', sans-serif;
	font-weight:700;
	font-size: 16px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
}


/* HEADER & NAVIGATION */

.top-header span {
	display: inline-block;
	margin: 0 5px;
}



.top-header {
    background-color: #fab33b;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .5px;
}

.top-header a {
    color:#212121;
}

.top-header a:hover {
    color:#fff;
}

.fab {
    font-size:1.5rem;
}

/*
.logo {
    max-width: 550px;
}
*/

.navbar a {
	font-family: 'Montserrat', sans-serif;
    font-weight: 700;
	font-size: 15px;
    text-transform: uppercase;
    font-style: normal;
	color: #212121;
    padding: 0px;
}

.navbar a:active {
    color: #96989c;
}

.navbar a:hover {
    color: #96989c;
}

.mobile-menu {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 1.25rem;
    text-align: left;
    color: #212121;
}

.dropdown-menu {
    background-color: #fff;
}

a.dropdown-item {
    padding:10px;
    font-size: .8rem;
}

ul.equiplist {
    list-style-type: none;
}

.form-control {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
}

.form-control:focus{border-color: #fab33b; box-shadow: 0 0 0 0.2rem rgba(250, 179, 59, 0.25);}

.btn-search {background: none !important; color: #000 !important;}

/* NEW TOP HEADER */
.flex-head {
	display: flex;
    align-items: center;
    margin: 0 auto;
    padding: 0.5rem;
}

.head-col {
	    flex: 2;
}

/* HERO */

.hero {
    position: relative;
    overflow: hidden;
/*
    background-image: url(/../siteart/hero-option-4.jpeg);
    background-repeat: no-repeat;
    background-position: left center;
*/
    background-color: #212121;
}

.carousel {
    position: relative;
}

.hero-right {

      background-color: #212121;

}

.corner {
    position: absolute;
    z-index: 10;
    height:100%;
    right:-1px;

}

.hero h1 {
    position: relative;
    color: #fab33b;
}

.hero p {
    position: relative;
    color: #fff;
    line-height: 1.4rem;
    font-size: 16px;
}


/* QUICK LINKS */

.quick-links {
    border-top: 4px solid #fab33b;
    border-bottom: 4px solid #fab33b; 
}

.quick-links h3, a {
    color: #fab33b;
    text-transform: uppercase;
	text-decoration: none !important;
}

.quick-links a:hover {
    color: #fff;
    text-decoration: none;
}

/*
.col-ql {
	width: 20%;

}
*/
.con-equip{
    background-image: url(/../siteart/construction-equipment-v2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 175px;
    padding: 100px 0;
}
.rent-equip{
    background-image: url("/../siteart/truck.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 175px;
    padding: 100px 0;
}

.ag-equip{
    background-image: url(/../siteart/agriculture-equipment.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 175px;
    padding: 100px 0;
	
}

.for-equip{
    background-image: url(/../siteart/forestry-equipment.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 175px;
    padding: 100px 0;
	
}

.forestry-equip{
    background-image: url(/../siteart/arborist-equipment.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 175px;
    padding: 100px 0;
	
}

.landscape-equip{
    background-image: url(/../siteart/landscape-equip.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 175px;
    padding: 100px 0;
	
}

.all-equip{
    background-image: url(/../siteart/allother-equipment.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 175px;
    padding: 100px 0;
	
}

.wholebtn{ 
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;

  z-index: 1;

  /* fixes overlap error in IE7/8, 
     make sure you have an empty gif */
  background-image: url('empty.gif');
}   
.list-listings-count {color:#2873A0!important;}
.selected-facet {color:#000!important;}
/* SHOWROOM */

.logos {
    border-top: 4px solid #fab33b;
    border-bottom: 4px solid #fab33b; 
}

btn.black {
    border: 3px solid #212121;
    color: #212121;
    font-weight: 700;
	font-size: 16px;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 4px;
    
}

#highlight{display:none;}

/* QUICK CONTACT */

.quick-contact {
    background-color: #212121;
}

.quick-contact h2 {
    color: #fab33b;
    text-transform: uppercase;
	    padding: 3rem 0;
    margin: 0 auto;
    text-align: center;
}



.quick-contact p {
    color:#fff;
    font-size: 15px;
}

.fa-home, .fa-phone, .fa-clock {
    color:#fab33b;
    font-size: 20px;
}

btn.yellow {
    border: 2px solid #fab33b;
    color: #fab33b;
    font-weight: 700;
	font-size: 15px;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 4px;
    
}
.flex-container {
	display: flex;
}
.flex-contact {
    justify-content: center;
    align-items: flex-start;
    gap: 90px;
    width: 90%;
    margin: 0 auto;
	padding-bottom: 3rem;
}

.flex-contact h5 {
	font-size: 18px !important
}


.flex-location {
	display: flex;
    flex-direction: column;
    gap: 10px;
}

.map-flex iframe {
	height: 250px;
}

.flex-contact .fas {
	color: #fab33b !important;
}


/* QUESTIONS */

.questions {
    background-color: #fab33b;
    min-height:125px;
    padding: 60px 0;
}

.questions h2 {
    font-size: 40px;
    color:#212121;
}

/* PSA */

.psa {
    background-color: #fab33b;
    padding: 14px 0;
}

.psa h2 {
    font-size: 22px;
    color:#212121;
}



/* FOOTER */


.pre-footer{
    background-color: #212121;
	color: #fff;
    font-size: 12px;
}

.pre-footer a{
    color:#fff !important;
}

.pre-footer a:hover{
    color:#fff;
}

/* LISTINGS */

.cf {
    max-width: 1200px;
    background-color: #fff;
}

.dark {
    background-color: #212121;
}

.hosted-content #listings-title {
    letter-spacing: 1px;
}

.hosted-content h3 {
    letter-spacing: 1px;
}


/* FINANCING */

.mainbox {
    border-top: 4px solid #96989c;
}

.mainbox a {
    color: #212121;
}

.sheffield {
    width: 25%;
}

.hil {
    width: 25%;
}


/* FORM */
.formbutton {
    padding:10px 12px; 
    background:#fff; 
    border:4px #fab33b solid;
    font-size:14px; 
    line-height:14px; 
    font-weight:bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    color:#212121;
}


/*control the Captcha */
.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:0px !important;}
.CaptchaWhatsThisPanel {line-height:0; margin:0 0 0 0; padding:8px 0 8px 0 !important;}
.CaptchaWhatsThisPanel a {color:#000; font-size:12px;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;}

/* TIMED AUCTIONS */

.auctionTimeLogo{
    width:250px; 
    float:right; 
    position:relative;
    margin-bottom: 30px;
    margin-top: -5px;
}


/* TESTIMONIALS */

.img-25{
	width:24%;
	margin: 0 0.5% 20px 0.5%;;
}

.img-25 img{
	width:100%;
}

@media (max-width: 1180px) {
	.img-25{width:49%;}
}

@media (max-width: 800px) {
	.img-25{width:100%;margin:0 0 20px 0;;}
}

/* MEDIA QUERIES */

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575px) {
    
    .logo {
        max-width: 225px;
    }
    
    .hero {
        background-image: none;
    }
    
    .nymap {
        width: 100%;
        height: 300px;
    }
    .col-ql {
		width: 100%;}
	
    table.rentaltable tr td,th { 
        font-size: 10px; 
        padding:2px;
    }
    .sheffield {
        width: 50%;
    }

    .hil {
        width: 50%;
    }
	
	.header col-12 col-md-3 pt-2 {
		width: 50%;
	}
	
	#gap {
		display: none;
	}
	
	.flex-head {
		flex-wrap: wrap;
    gap: 10px;
	}
	.head-col {
    flex-basis: 100%;
    text-align: center;
}
	
	.head-icons {
		text-align: center;
    width: 100%;
}
	.questions h1 {
		font-size: 22px !important;
	}
	
}

@media (max-width: 500px) {
	.icons {
	margin-left: auto;
    display: block;
    text-align: left;
    width: 100%;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
	}
	
	.top-header span {
	display: block;
	margin: 0;
}
	
}

/*Small devices (landscape phones, less than 768px)*/
@media (min-width: 576px) and (max-width: 767px) {
    
    .logo {
        max-width: 225px;
    }
    
    .hero {
        background-image: none;
    }
    
    .nymap {
        width: 100%;
        height: 300px;
    }
    
    table.rentaltable tr td,th { 
        font-size: 14px; 
    }
	
	.col-ql {
		width: 100%;
	}
 
}

/*Medium devices (tablets, less than 992px)*/
@media (min-width: 768px) and (max-width: 991px) {
    
    .logo {
        max-width: 225px;
    }
    
    .hero {
        background-image: none;
    }
    
    .nymap {
        width: 100%;
        height: 250px;
    }
	
	.col-ql {
		width: 20%;
	}
}

/*Large devices (desktops, less than 1200px)*/
@media (min-width: 992px) and (max-width: 1199px) {
    
    .logo {
        max-width: 175px;
    }
    
    .navbar a {
        font-size: 12px;
    }
    

    .hero-text {
    padding: 5% 2% 0 0;
    }
    
    .hero h1 {
        font-size: 24px;
        line-height: 1;
    }
    
    .hero p{
        font-size: 14px;
    }
    .nymap {
        width: 100%;
        height: 250px;
    }
	
	.col-ql {
		width: 20%;
	}
	
	h3 {
		font-size: 16px;
	}
}

/*Extra large devices (large desktops)*/
@media (min-width: 1200px) {
    
    .logo {
        max-width: 150px;
    }
    
    .navbar a {
        font-size: 9px;
    }
    
    .nav-item {
        padding: 0 1px 0 1px;
    }
    
    .form-inline .form-control {width: 200px;}
    
    .hero h1 {
        font-size: 26px;
    }
    
    .hero-text {
    padding: 5% 5% 0 5%;
    }
    
    .nymap {
        width: 100%;
        height: 100%;
    }
    
    	h3 {
		font-size: 16px;
	}
    
}

/*Extra EXTRA large devices (Extra large desktops)*/
@media (min-width: 1400px) {   
    
    .logo {
        max-width: 200px;
    }
    
    .navbar a {
        font-size: 10px;
    }
    
    .nav-item {
        padding: 0 4px 0 4px;
    }
    
    .form-inline .form-control {width: 180px;}
    
    .hero h1 {
        font-size: 30px;
    }
    
    .hero-text {
    padding: 8% 12% 0 12%;
    }
    
    
    .nymap {
        width: 100%;
        height: 100%;
    }
    
    	h3 {
		font-size: 18px;
	}
   
}

/*Extra EXTRA large devices (Extra large desktops)*/
@media (min-width: 1600px) {   
    
    .logo {
        max-width: 275px;
    }
    
    .navbar a {
        font-size: 12px;
    }
    
    .nav-item {
        padding: 0 4px 0 4px;
    }
    
    .form-inline .form-control {width: 180px;}
    
    
    .hero h1 {
        font-size: 34px;
    }
    
    .hero-text {
    padding: 10% 15% 0 12%;
    }
    
    	h3 {
		font-size: 20px;
	}

   
}

@media (min-width: 1800px) {   
    
    .logo {
        max-width: 275px;
    }
    
    .navbar a {
        font-size: 15px;
    }
    
    .nav-item {
        padding: 0 4px 0 4px;
    }
    
    .form-inline .form-control {width: auto;}
    
    
    .hero h1 {
        font-size: 34px;
    }
    
    .hero-text {
    padding: 10% 15% 0 12%;
    }
    
    	h3 {
		font-size: 20px;
	}
	

}


@media (max-width: 1138px) {   
		.flex-contact {
		flex-wrap: wrap;
	}
	
	.flex-location.norton {
		flex-basis: 100%;
		text-align: center;
	}
   
	.norton .media i {
		display: inline;
	}
	
	.norton .media {
		display: block;
	}
	
	.flex-location {
		flex: 1;
	}
	
	.flex-contact {
    gap: 60px;
	}
}

@media (max-width: 990px) {   
	.flex-contact {
    gap: 50px;
	}
}

@media (max-width: 880px) {   
	.flex-location {
    flex-basis: 100%;
}
	.norton .media {
    display: flex;
}
	.flex-location.norton {
    text-align: left;
}
}