/*
Theme Name: www.upstateequipment.com
Theme URI: https://sandhills.com
Author: Sandhills
Author URI: https://sandhills.com
Description: Sandhills default template.
Version: 1.0
Text Domain: sandhills
Tags: Sandhills default
*/

/*--------------------------------------------------------------
## Primary Styles
--------------------------------------------------------------*/

html, body {
	width:100%;
}
.wp-custom-header iframe,
.wp-custom-header img,
.wp-custom-header video {
	display: block;
	height: auto;
	max-width: 100%;
}
.wp-custom-header {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.wp-custom-header iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Class for Google Map widget */
.google_map {
	width:100%; 
	min-height:58vh;
}
.navbar-default { 
	background-color:transparent!important;
	border-color:transparent!important;
}
.navbar {
	min-height:auto!important;
	margin-bottom:0!important;
}
.navigation-top {
	width:100%;
}
.menu li {
	width:auto!important;
	padding-right:6%;
	display:inline-block;
}
.menu li:last-child {
	padding-right:0!important;
} 
.menu li > a {
	color:#000;
	font-size:1.5em;
}
.dropdown-menu {
	background-color: rgba(0,0,0,0.7);
	color:orange;
	border-radius:0px;
}
.navbar-default .navbar-nav>li>a {
    color: #000;
	font-size:18px;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	color:#e68a24;
}
.dropdown-menu:not(.head-list)>li>a {
    color: #000;
	font-size:16px;
	font-weight:400;
}
.dropdown-menu:not(.head-list)>li>a:hover {
    background-color: #e68a24;
    transition: linear 0.2s;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.post-container-used {
	justify-content: center;
}

.nextButton-container-used {
	display: none!important;
}

.prevButton-container-used {
	display:none!important;
}


.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

#wp-admin-bar-new-content-default {
	display: none;
}
.topheader{
	display: flex;
	flex-wrap: wrap;
/*	justify-content: space-between;*/
    justify-content: center;
	align-items: center;
}
.rightlogo img{
	width: 190px;
}
.logo{
	padding-left: 0px!important;
	padding-top: 20px!important;
	padding-bottom: 20px!important;
}
.header-fb {
    display: flex;
/*    flex-wrap: wrap;*/
    flex-direction: row;
    justify-content: center;
    align-items: center;
    max-width: none;
}
@media screen and (max-width: 1230px) {
    .header-fb {flex-direction: column;}
    .header-fb div:nth-of-type(1) {order: 2; width: 100%;}
    .header-fb div:nth-of-type(2) {order: 1;}
    .header-fb div:nth-of-type(3) {order: 3; width: 100%;}
}
/*
#headerlogoID {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 0% !important;
}
*/
.navcont{
	margin: 0px 3%;
	width: 94%;
}
.heroslidetext {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    padding: 2% 5%;
    box-sizing: border-box;
    align-content: flex-end;
    flex-wrap: wrap;
}
.heroleft {
width: 55%;
}
.herotext{
font-family: "Sofia Sans", serif;
color: #fff;
text-transform: uppercase;
font-weight: 900;
font-size: 55px;
line-height: 50px;
}
.herotext span{
font-family: "Sofia Sans Condensed", serif;
color: #eb5127;
text-transform: uppercase;
font-weight: 900;
font-size: 45px;
line-height: 45px;
width: 100%;
display: block;
}
.herobtn {
    background: #eb5123;
    width: 100%;
    display: block;
    text-align: center;
    color: #000000;
    font-family: "Sofia Sans", serif;
	padding: 10px;
	font-weight: 800;
	font-size: 16px;
	transition-duration: 0.2s;
}
.herobtn:hover {
    background: #000;
    color: #fff;
}
.heroright {
    width: 25%;
}
.hp-cta-sect{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 5%;
}
.hp-cta-btn{
	background-size: cover;
	background-repeat: no-repeat;
	height: 450px;
	width: 18%;
	background-position: center;
}
.hp-cta-text-box {
    height: 100%;
    background: #00000078;
    display: flex;
    align-items: center;
    text-align: center;
	
}
.hp-cta-text-box:hover {
    background: #00000038;   
}
.cta-text {
    color: #fff;
	font-family: "Sofia Sans", serif;
	font-size: 22px;
	line-height: 28px;
	transition-duration: 0.2s;
	cursor: pointer;
}
.cta-text:hover {
	line-height: 20px;
	margin-top: 8px;
}
.cta-text span{
    color: #fff;
	font-family: "Sofia Sans", serif;
	font-size: 28px;
	display: block;
	font-weight: 800;
	width: 100%;
}
.orangeunderline {
    width: 100%;
    margin: 20px;
    box-sizing: border-box;
    border-bottom: solid #eb5123 6px;
}
.hp-service-sect {
    padding: 10% 5%;
    width: 55%;
}
.orange {
    color: #eb5123!important;
}
.white{
	color: #fff!important;
}
.fullcenter{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.headertext{
font-family: "Sofia Sans Condensed", serif;
text-transform: uppercase;
font-weight: 800;
font-size: 35px;
line-height: 35px;
}
.headertext span{
	font-family: "Sofia Sans", serif;
	width: 100%;
	display: block;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 40px;
line-height: 40px;
}
.paratext{
	font-family: "Sofia Sans", serif;
	font-size: 16px;
	line-height: 28px;
}
.orangebtn{
	 background: #eb5123;
    width: 375px;
    display: block;
    text-align: center;
    color: #000000;
    font-family: "Sofia Sans", serif;
	padding: 10px;
	font-weight: 800;
	font-size: 16px;
	transition-duration: 0.5s;
	border: none;
}
.orangebtn:hover{
	 background: #000;
    color: #fff;
	
}
.blackbtn{
	 background: #000;
    width: 375px;
    display: block;
    text-align: center;
    color: #fff;
    font-family: "Sofia Sans", serif;
	padding: 10px;
	font-weight: 800;
	font-size: 16px;
	transition-duration: 0.5s;
	border: none;
}
.blackbtn:hover{
	 background: #fff;
    color: #eb5123;
	
}
.fullorangebtn{
	 background: #eb5123;
    width: calc(100% - 20px);
    display: block;
    text-align: center;
    color: #000000;
    font-family: "Sofia Sans", serif;
	padding: 10px;
	font-weight: 800;
	font-size: 16px;
	transition-duration: 0.5s;
	border: none;
	margin: 0px 10px;
}
.fullorangebtn:hover{
	 background: #000;
    color: #fff;
	
}
.inv_car_title {
    text-align: left;
    background: #eb5123;
    width: calc(100% + 30px);
    padding: 30px 5%;
    position: relative;
    left: -15px;
	font-family: "Sofia Sans Condensed", serif;
	font-weight: 800;
	font-size: 35px;
	text-transform: uppercase;
	line-height: 35px;
}
.flexboxsocial{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
div#invCarousel_2 hr {
    display: none;
}
#controls {
    text-align: right!important;
    position: relative;
    top: -85px;
}
.inv_control {	
	background: transparent;
    padding: 15px;
    color: #000000;
    font-size: 22px;
}
.inv_control:hover{
	background: transparent;
	color: #363636;
	box-shadow: none;
}
.carousel-inner.sh-carousel-inner {
    margin-top: -80px;
	padding: 0px 4%;
}
.sh-carousel-indicators.carousel-indicators.inv_car_ind {
    display: none;
}
.sh-card.card.inv_car_item {
    border: solid 4px #eb5123;
    border-radius: 0px;
}
.card-body.sh-card-body {
    padding-bottom: 0px;
}
button.carousel_details_btn {
    margin-bottom: 0px !important;
    background: #eb5123;
    width: calc(100% + 32px);
    position: relative;
    left: -16px;
	padding: 10px;
    border: none;
	font-family: "Sofia Sans", serif;
	font-weight: 800;
	color: #000;
	font-size: 20px;
	transition-duration: 0.2s;
}
button.carousel_details_btn:hover {
	color: #fff;
}
.inv_image{
    border: solid 2px #eb5123;
	height: 260px;
}
.listing-title{
	font-family: "Sofia Sans Condensed", serif;
	font-weight: 800;
	font-size: 28px;
	color: #000;
}
.small_spec {
    margin-bottom: 4px ! Important;
    font-size: 24px !important;
    position: relative;
    top: -20px;
}
.small_spec strong {
    display: none;
}
.hplogosect{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 5%;
}
.hplogoslide {
    height: auto!important;
}
.trade-in-sect{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 35px;
	color: #fff;
}
.trade-in-sect h2{
	width: 100%;
}
.trade-in-sect p{
	width: 100%;
	text-align: center;
}
.location-tab-sect{
	margin-right: 10%;
}
input.btn.btn-success.sheSubmitButton{
transition-duration: 0.5s;
border: solid 3px #eb5123!important;

}
input.btn.btn-success.sheSubmitButton:hover{
	border: solid 3px #eb5123!important;
	background: #000!important;
	color: #fff!important;
}
/* Style the buttons that are used to open and close the accordion panel */
.location-accordion {
  background: #fff;
  color: #000!important;
  border: 2px solid #eb5123;
  font-family: 'Sofia Sans';
  text-transform: uppercase;
  font-weight: 900;
  padding: 10px 20px;
  cursor: pointer;
  text-align: left;
  outline: none;
  transition: 0.4s;
  width: 100%;
	font-size: 18px;
  margin: 5px 0px;
}
.location-accordion i{
 padding-right: 10px;
}
.location-accordion:after {
  content: '\2b'; /* Unicode character for "plus" sign (+) */
  font-size: 16px;
  color: #eb5123;
  float: right;
  margin-left: 5px;
}
.location-tab-info {
    padding: 8px 0px;
}
.location-tab-info i {
    color: #eb5123;
    padding-right: 10px;
    font-size: 14px;
}
.loc-active:after {
	  color: #000;
  content: "-"; /* Unicode character for "minus" sign (-) */
}
.location-tab-info a {
    color: #000;
    font-family: 'Sofia Sans';
    font-size: 18px;
}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.loc-active, .location-accordion:hover {
  background-color: #eb5123;
}
.locationpage{
padding: 20px 5%;	
}
.locctaimgsect{
	width: 55%;
}
.locctaimgsect img{
	width: 100%;
}
.locationctatitlesect{
	width: 45%;
	padding: 0px 5%;
	box-sizing: border-box;
}
.subtext {
    font-family: 'Sofia Sans Condensed';
    font-weight: 800;
    line-height: 20px;
    font-size: 20px;
}
.locctasocial{
	background: #eb5123;
	font-size: 18px;
	border-radius: 10px;
	width: 45px;
	height: 45px;
	margin-right: 15px;
	color: #fff;
	display: flex;
	justify-content: center;
    align-items: center;
}
.locctaaddress a{
	font-size: 20px;
	font-family: 'Sofia Sans';
	color: #000!important;
}
.locctaaddress {
	font-size: 20px;
	font-family: 'Sofia Sans';
	color: #000!important;
}
.locctaaddress i{
	font-size: 20px;
	color: #eb5123;
	padding-right: 5px;
}
.locctamap{
	width: 55%;
	height: 400px;
	margin-top: 40px;
}
.locctamap p{
	height: 100%;
}
.locationctainfosect{
	width: 45%;
	padding: 40px 5% 0px 5%;
}
.locctahours{
	padding: 20px 0px;
}
.alllocbox{
	padding: 5px 20px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
justify-content:center; 
}
.alllocimg{
	width: 100%;
	border-bottom: solid 10px #eb5127;
    border-radius: 10px;
}
.alllocimg img{
	width: 100%;
}
.textoverlay {
    position: relative;
    background: #00000096;
    bottom: 86px;
    width: 100%;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 900;
    font-family: 'Sofia Sans';
    padding: 15px 0px;
	transition-duration: 0.2s;
}
.textoverlay:hover {
    bottom: 100px;
    padding: 30px 0px;
	margin-bottom: -30px;
	
}
.promotionsect{
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: solid #eb5127 3px;
	border-radius: 10px;
	padding: 12px;
	margin: 10px;
}
.promotionimg{
	width: 50%;
	border: solid #eb5127 3px;
	border-radius: 10px;
}
.promotionimg img{
	width: 100%;
	border-radius: 10px;
	height: auto;
}
.promotiontext {
    width: 45%;
text-align: left;
}
.promoheader {
    font-family: 'Sofia Sans Condensed';
    line-height: 28px;
    font-size: 28px;
    font-weight: 800;
    color: #000000;
}
.promolink {
    font-size: 16px;
    color: #eb5127;
    font-weight: 900;
    text-transform: uppercase;
	transition-duration: 0.5s;
}
.promolink:hover {
    letter-spacing: 0.5px;
}
.promotiondetailsect {
    width: 100%;
    padding: 50px 10%;
}
.promoimg {
    width: 100%;
}
.promoimg img{
    width: 100%;
}
.promotionheader {
    text-transform: uppercase;
    font-size: 48px;
    color: #eb5127;
	font-family: 'Sofia Sans Condensed';
    font-weight: 800;
	line-height: 48px;
margin-top: 20px;
}
.promoexpire{
	margin-bottom: 20px;
}
.hplogoslide img{
	width: 90%;
}
.cplocinfo {
    text-align: left;
    padding: 25px 10px;
}
.cplocinfo h2 {
    font-family: 'Sofia Sans Condensed';
    font-weight: 800;
    color: #000;
    text-transform: uppercase;
    font-size: 28px;
}
.cplocinfo a {
    width: 100%;
    display: block;
    padding: 6px 0px;
    color: #000;
    font-family: 'Sofia Sans';
    font-weight: 400;
}
.cplocinfo i {
    color: #eb5123;
padding-right: 12px;
}
.viewlocbtn{
	    font-weight: 800!important;
	transition-duration: 0.2s;

}
.viewlocbtn:hover{
	   letter-spacing: 0.5px;

}
.showroomname{
	color: #fff;
	background: #000;
	font-family: 'Sofia Sans';
	font-size: 18px;
	line-height: 22px;
	padding: 10px;
	text-transform: uppercase;
	border-bottom: solid 5px #eb5127;
	margin: 20px;
	font-weight: 800;
	border-radius: 5px;
	transition-duration: 0.2s;
}
.showroomname:hover{
	color: #000;
	background:  #eb5127;

}
.showroomcatbox{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: center;
	margin: 20px;
	padding: 20px;
	transition-duration: 0.5s;
}
.showroomcatbox:hover {
    border-radius: 10px;
    box-sizing: border-box;
		padding: 10px;

}
.showroomcatbox img{
	width: 100%;
	margin: 10px;
}
.showroomcatbox h2{
	font-family: 'Sofia Sans Condensed';
    font-weight: 800;
    line-height: 20px;
    font-size: 22px;
	color: #000;
	text-transform: uppercase;
	border-bottom: solid 5px #eb5127;
	border-radius: 5px;
	width: 100%;
	padding-bottom: 10px;
}
.blkbkgddiv{
	background: #000;
	border-bottom: solid 5px #eb5127;
	text-transform: uppercase;
	font-family: 'Sofia Sans Condensed';
    font-weight: 800;
	font-size: 18px;
	padding: 10px;
	color: #fff;
}
.blkbkgddiv i{
 padding-right: 15px;
	color:  #eb5127;
}
.smallheader {
    font-family: 'Sofia Sans Condensed';
    font-weight: 900;
    text-transform: uppercase;
    line-height: 26px;
    font-size: 26px;
    border-bottom: solid 1px #000000;
    margin-bottom: 20px;
    width: 95%;
}
.eventimg{
	width: 30%;
	padding: 10px;
	box-sizing: border-box;
}
.eventimg img{
	width: 100%;
	height: auto;
}
.eventinfo{
	font-family: 'Sofia Sans Condensed';
		width: 65%;
text-align: left!important;
	padding: 20px 10px;
	box-sizing: border-box;
}
.eventinfo p{
	font-size: 20px;
 margin-bottom: 5px;
}
.eventinfo i{
	font-size: 15px;

}
.padsects{
border: solid 1px #d6d6d6;
    margin-bottom: 15px;
    padding: 20px 25px !important;
}
.customerreview {
    padding: 20px;
    font-family: 'Sofia Sans';
    font-size: 18px;
    font-weight: 300;
}
.customerreviewsect {
	    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
box-sizing: border-box;
    margin: 5px 8px 10px 8px;
    border-radius: 10px;
    padding: 20px 25px;
}
ul.slick-dots{
	margin-top: 15px!important;
}
.border-customer-review.col-md-12.col-12.col-sm-12 {
    border-radius: 12px;
}
.slick-slide.slick-cloned{
	border-radius: 30px;
}
.customername {
    font-family: 'Sofia Sans Condensed';
    font-size: 20px;
    text-transform: uppercase;
    color: #eb5123;
    font-weight: 800;
}
.customerlocation {
    font-family: 'Sofia Sans Condensed';
    font-size: 16px;
    text-transform: capitalize;
	font-style: italic;
    color: #000;
    font-weight: 800;
	width: 100%;
	display: block;
}
#advancedmyCarousel27 .slick-dots {
	bottom: 10px !important;}
/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 5px 50px 15px 50px;
  background-color: white;
  display: none;
  overflow: hidden;
}

.footersect {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 40px 5%;
	justify-content: space-between;
}
.footerfifth {
    width: 15%;
    padding: 0px 25px 0px 0px;
    box-sizing: border-box;
}
.footerlogo {
    width: 100%;
}
.footersmlogo {
    width: 160px;
	padding-left: 2%;
}
.footerheader {
    font-family: "Sofia Sans Condensed", serif;
    font-weight: 900;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 18px;
}
.alignright{
	text-align: right;
}
.footerlinks {
    width: 100%;
    display: block;
    color: #000;
    font-weight: 400;
    line-height: 28px;
    font-size: 16px;
	transition-duration: 0.5s;
}
.footerlinks:hover {
   color: #eb5123;
}
.footericon {
    color: #000;
    font-size: 28px;
    padding-right: 10px;
		transition-duration: 0.5s;

}
.footericon:hover {
    color: #eb5123;
}
.pageheadersect{
	padding: 40px 5%;
	text-align: center;
	display: flex;
	justify-content:center; 
}
.pageheader{
	font-family: "Sofia Sans Condensed", serif;
    font-weight: 900;
	border-bottom: solid 1px #eb5123;
	font-size: 32px;
	text-transform: uppercase;
	width: 45%;
	text-align: center;
}
.flexcenter{
	width: 100%;
	display: flex;
	justify-content: center;
}
.orangebanner{
	background: #eb5123;
	padding: 20px;
	text-align: center;
	font-family: "Sofia Sans Condensed", serif;
    font-weight: 900;
	font-size: 24px;
	text-transform: uppercase;
	margin: 40px 0px 60px 0px;
}
.blkbox{
	background: #000;
	color: #fff;
	padding: 100px 20px;
}
.blkbox ul{
	list-style: none;
}
.blkbox li{
	font-size: 20px;
	padding: 10px 0px;
}
.blkbox ul li i{
color:  #eb5123;
font-size: 14px;
padding-right: 5px;
}
.smheader{
	font-family: "Sofia Sans Condensed", serif;
    font-weight: 900;
	font-size: 24px;
	text-transform: uppercase;
}
.flexbox{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.equipmentrental{
	width: 32%;
	border: solid 2px #eb5123;
	padding: 10px;
	margin: 8px 2px;
	height: 350px;
}
.flip-card {
	width: 32%;
	border: solid 2px #eb5123;
	padding: 10px;
	margin: 8px 2px;
	height: 350px;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  background-color: #fff;
  color: black;
	text-align: left;
}

/* Style the back side */
.flip-card-back {
  background-color: #fff;
  transform: rotateY(180deg);
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	text-align: left;
}
.flip-card-back div{
 width: 100%;
	display: block;
	margin: 2px 0px;
}
.attachrental{
	width: 32%;
	border: solid 2px #000;
	padding: 10px;
	margin: 8px 2px;
}
.contactFormLabel {
    font-size: 16px;
    font-weight: 700;
	padding-bottom: 5px;
}
.contactForm.container-fluid {
    color: #fff;
}
input.btn.btn-success.sheSubmitButton {
    border: #000!important;
    padding: 5px 20px!important;
    width: 265px!important;
    text-align: center!important;
    text-transform: uppercase!important;
    font-weight: 700!important;
}
small.help-block {
    color: #000 !important;
    font-weight: 700;
}
.teambox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
	padding: 20px;
	border-bottom: solid 20px #eb5127;
	border-left: solid 1px #eb5127;
	border-right: solid 1px #eb5127;
	border-top: solid 1px #eb5127;
	border-radius: 10px;
}
.teamphoto {
    width: 45%;
	height: 100%;
	object-fit: cover;
}
.teamphoto img {
  width: 180px;
  height: 250px;
  object-fit: cover;
}
.teaminfo {
    width: 42%;
    text-align: left;
    padding: 40px 0px;
}
.teamname {
    font-family: "Sofia Sans Condensed", serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 28px;
    
}
.teamtitle {
    font-size: 18px;
    font-style: italic;
    font-weight: 400;
    line-height: 18px;
}
.staffphone{
font-family: "Sofia Sans", serif;
font-weight: 700;
color: #000;
transition-duration: 0.2s;
}
.staffphone:hover{
font-weight: 900;
}


.job-listing-card {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
	padding:30px 10px;
	border-left: solid 17px #eb5127;
	border-bottom: solid 1px #eb5127;
	border-right: solid 1px #eb5127;
	border-top: solid 1px #eb5127;
	border-radius: 10px;
}

.job-listing-card button.orangebtn{
width: 100% !important;
	max-width:300px;
}



.job-listing-card p.bold{
    font-size: 17px;
    font-weight: 600;
    line-height: 18px;
	text-align:left !important;
}

.teamdiv{
	text-align: center;
	padding: 12px 10px 2px 10px;
	margin: 0% 5%;
	border-radius: 10px;
	background: #000;
	color: #fff;
	border-bottom: solid 5px #eb5127;
}
.teamterritory {
    font-family: 'Sofia Sans';
    line-height: 16px;
    font-size: 16px;
    font-weight: 300;
}
.valuebox{
	padding: 50px 30px 50px 30px;
	background: #000;
	width: 18%;
	box-sizing: border-box;
	display: flex;
	align-items: flex-start;
	height: 500px;
	flex-wrap: wrap;
	align-content: stretch;
	border-bottom: #eb5127 solid 15px;
	border-radius: 5px;
}
.valueheader{
    font-family: "Sofia Sans Condensed", serif;
    font-weight: 900;
	font-size: 35px;
	line-height: 30px;
	text-transform: uppercase;
	padding-bottom: 20px;
	color:#fff ;
	border-bottom: #eb5127 solid 10px;
	margin-bottom: 20px;
	width: 100%;

}
.valuepara{
	font-family: 'Sofia Sans';
    line-height: 26px;
    font-size: 18px;
    font-weight: 500;
	padding-bottom: 40px;
		color: #fff;
	


}
.teambox {
    height: 100%;
}
.smvaluepara{
	    font-family: 'Sofia Sans';
    line-height: 16px;
    font-size: 14px;
    font-weight: 500;
	font-style: italic;
		color: #fff;

}
.smvaluepara strong{
text-transform: uppercase;
letter-spacing: 0.5px;
color:  #eb5127;
padding-top: 2px;
}

.list-top-section .list-listings-count {
	 color: #eb5127!important;
}
.list-container-flexrow .view-listing-details-link, .list-container-flexrow .dealer-phone-call, .list-container-flexrow .dealer-phone-text
{
    background-color: #eb5127!important;
    color: #000000!important;	
}
a.phone-link{
    color: #000000!important;	
	
}
.list-content .listing-widgets .Currency a {
    background: rgb(204 204 204) !important;
}
.faceted-search-content .selected-facets-container .selected-facet{
   background-color: #eb5127!important;
    color: #000000!important;		
}
.listing-prices__retail-price, .listing-prices__discount-formatted-price, .listing-prices__alternate-retail-price, .listing-prices__exclusive-wholesale-price {
    color: #000000!important;		

}
a#detail-page-print-this {
    color: #000000!important;		

}
.media-buttons{
        align-items: center;	
	border-radius: 20px!important;
}
.media-buttons button{
        align-items: center;	
	border-radius: 20px!important;
}
.breadcrumbs__link {
	color: #323232!important;
}
a.MuiTypography-root.MuiTypography-text.MuiLink-root.MuiLink-underlineHover.upstateequipmentcomwpstg-1v5tmqb{
	color: #323232!important;
}
a.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary.MuiButton-sizeSmall.MuiButton-textSizeSmall.MuiButton-colorPrimary.MuiButton-root.MuiButton-text.MuiButton-textPrimary.MuiButton-sizeSmall.MuiButton-textSizeSmall.MuiButton-colorPrimary.dealer-contact__link.upstateequipmentcomwpstg-1ttrqw1{
	color: #323232!important;	
}
a.MuiButtonBase-root.MuiButton-root.MuiButton-contained.MuiButton-containedPrimary.MuiButton-sizeSmall.MuiButton-containedSizeSmall.MuiButton-colorPrimary.MuiButton-root.MuiButton-contained.MuiButton-containedPrimary.MuiButton-sizeSmall.MuiButton-containedSizeSmall.MuiButton-colorPrimary.listing-widget__link.upstateequipmentcomwpstg-1yn5p3{
		color: #323232!important;	

}
.thumb-container .thumb .thumb-details .title{
	    color: #eb5123!important;
}
p.disclaimer{
			color: #323232!important;	

}
.scrollToTop a{
	color: #fff!important;
}
.list-content .listing-portion-title{
font-size: 0.75em!important;	
}
.parts-list-content .parts-title-and-breadcrumbs .parts-listings-count{
    color: #eb5123!important;	
}
.parts-redesign .parts-list-content .grid .parts-listing-container a{
	color: #000!important;
}
/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */

/* Medium Devices, Desktops */
@media only screen and (max-width : 1580px) {
img.inv_image {
    width: 100%;
    height: auto !important;
}	
}
@media only screen and (max-width : 1480px) {
.footerfifth {
    width: 33.3%;
}
.footersect{
justify-content: flex-start;		
}	
.footerlogo{
	max-width: 270px;	
}
.footerfifth.alignright {
    text-align: left;
}
.footersmlogo {
    width: 120px;
}
}
@media only screen and (max-width : 1420px) {
.teamname {
    font-size: 28px;
    line-height: 28px;
}	
	.brandlogoimg{
		width: 100%;
		max-width: 220px;
	}	
}
@media only screen and (max-width : 1400px) {
	.valuebox {
    width: 49%;
    margin: 10px 0px;
    height: 340px;
	padding: 30px;
}
	.valueheader {
    font-size: 30px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.valuepara {
    padding-bottom: 15px;
}
	.hp-service-sect {
    width: 80%;
}
}
@media only screen and (max-width : 1330px) {

.hp-cta-sect {
    flex-wrap: wrap;
}
	a.hp-cta-btn {
    width: 49% !important;
    margin: 20px 0px;
    height: 320px !important;
}
}
@media only screen and (max-width : 1224px) {
	.locctaimgsect{
		width: 100%;
	}
	.locationctatitlesect{
		width: 100%;
	padding: 40px 0% 0px 0%;
	}
.hplogoslide {
    height: auto !important;
}
}
@media only screen and (max-width : 1100px) {
	button.carousel_details_btn {
    font-size: 15px !important;
}
small.small_spec {
    font-size: 16px !important;
}
.listing-title{
	font-size: 24px!important;	
	}
}
@media only screen and (max-width : 970px) {
	.footersect{
		justify-content: center;
		text-align: center;
	}
	.footerfifth{width: 100%;padding-bottom: 15px; padding-right: 0px;}
	.footerfifth.alignright{text-align: center!important;}
	.footerlogo{text-align: center; width: 280px;}
	.footersmlogo{
		padding-left: 0%;
		width: 100px;
	}
	.locctamap{
		width: 100%;
		height: 300px;
	}
	.locationctainfosect {
    width: 100%;
    padding: 40px 0% 20px 0%;
}
	.orangebanner {
    margin: 10px 0px 30px 0px;
    font-size: 20px;
	line-height: 20px;
    padding: 15px;
}
	.equipmentrental {
    width: 49%;
		height: 400px;
}
	.flip-card  {
    width: 49%;
		height: 400px;
}
	.attachrental{
	    width: 49%;	
	}
	.heroright {
    width: 100% !important;
}
	.heroleft {
    width: 100% !important;
}
}

@media only screen and (max-width : 880px) {
	.headertext {
    font-size: 22px;
    line-height: 22px;
}
	.headertext span{
    font-size: 32px;
    line-height: 32px;
	}
	.teaminfo {
	width: 34%;	
	}
	.teamname{
		font-size: 24px;
		line-height: 20px;
	}
}
	@media only screen and (max-width : 780px) {
	.alllocbox {
    margin-bottom: -35px;
}
			.equipmentrental {
    width: 49%;
		height: 350px;
}
	.flip-card  {
    width: 49%;
		height: 350px;
}
	.pageheader {
    width: 100%;
}
	.promotionheader {
    font-size: 28px;
    line-height: 28px;
}
	.topheader {
    justify-content: center !important;
}
		.carousel-inner.sh-carousel-inner {
    margin-top: -28px !important;
}
		div#controls {
    top: -4px !important;
    width: 100%;
    text-align: center !important;
}
.valuebox {
    width: 100%;
    height: auto;
	border-bottom: solid 8px rgb(235, 81, 39)

}
		.valuepara{
			font-size: 15px;
			padding-bottom: 10px;
		}
		.valueheader{
			font-size: 26px;
			margin-bottom: 5px;
			line-height: 26px;
			border-bottom: solid 4px rgb(235, 81, 39)
		}
		.herotext {
    font-size: 35px !important;
    line-height: 35px !important;
}
		.herotext span{
    font-size: 42px !important;
    line-height: 40px !important;
}
		.eventimg{width: 100%; padding-bottom: 10px;}
		.eventimg img{max-width: 250px; }
		.eventinfo{width: 100%;}
}
@media only screen and (max-width : 640px) {
	.promotionsect{
		flex-wrap: wrap;
	}
	.promotionimg{
		width: 100%;
	}
	.promotiontext{
		width: 100%;
		padding-top: 20px;
	}
	.blkbox li {
    font-size: 16px;
}
		.hp-service-sect {
    width: 100%;
}
}
@media only screen and (max-width : 600px) {
	a.hp-cta-btn {
    width: 100% !important;
    margin: 20px 0px;
    height: 220px !important;
}
}
@media only screen and (max-width : 550px) {
		.footerlogo{text-align: center; width: 100%;}
	#headerlogoID {padding-left: 1%!important; padding-right: 1%!important;}
	.rightlogo img {
    width: 140px;
}
	.orangebtn {
    width: 90%;
}
	.orangebtn:hover{
		width: 92%;
	}
	.equipmentrental {
    width: 100%;
				height: 400px;

}
	.flip-card {
    width: 100%;
		height: 400px;
}
	.flip-card-back {

	text-align: center;
}
	.attachrental{
	    width: 100%;	
	}
	.blkbox {
    padding: 50px 20px;
}
	.blkbox ul{
    padding-left: 15px;
}
}
@media only screen and (max-width : 500px) {
	.pageheadersect{
		padding: 30px 2% 10px 2%;
	}
	.pageheader {
    font-size: 26px;
}
	.textoverlay {
    font-size: 18px;
	line-height: 18px;
}
	.subtext{
		font-size: 18px;
	}
	.promolink{
		font-size: 14px;
	}
	.promoheader {
    font-size: 26px;
    line-height: 26px;
}
	.smheader {
    font-size: 20px;
}	

}
@media only screen and (max-width : 460px) {
	.teamphoto{
		width: 100%;
	}
	h2.inv_car_title {
    font-size: 26px;
    line-height: 28px;
}
			.herotext {
    font-size: 24px !important;
    line-height: 22px !important;
}
		.herotext span{
    font-size: 34px !important;
    line-height: 30px !important;
}

	.teaminfo{width: 100%; padding: 15px 0px 0px 0px;}
}
@media only screen and (max-width : 420px) {
	.equipmentrental {
    width: 100%;
				height: 340px;

}
	.flip-card {
    width: 100%;
		height: 340px;
}
	
}