/*
Theme Name: www.trailerequipment.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;
}
h1, h2, h3, h4, h5, h6{
font-family: "Oswald", sans-serif;
}
p{
	font-family: "Open Sans", sans-serif;
	
}
/*--------------------------------------------------------------
## Navigation
--------------------------------------------------------------*/
.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;
}

.clear{clear:both;}
.megamenuhead{
	display: flex;
    flex-wrap: wrap;
    width: 70%;
    background: #ffffff;
    padding: 40px 0px;
    border-bottom: none!important;	
	z-index: 900;
}
/***** Start of primary nav ******/
#menu-button{display: none;}
nav.mobile { display:none;}
.headertoplevel{
	display: flex;
    width: 100%!important;
	box-sizing: border-box;
    justify-content: space-between;
    padding: 0px 5% !important;
    background: url(///media.sandhills.com/img.axd?id=9071037218&wid=0&rwl=False&p=&ext=jpg&w=1888&h=474&t=&lp=&c=True&wt=False&sz=Min&rt=0&checksum=TFll5dqhEj8YwvlKkXnK9NWbALlX0xqR);
}
nav.primary {
	padding:0;
	display:inline !important;
	margin:0;
	width:100%;
	}
	nav.primary ul {
		margin:0; 
		padding:3px;
		}
		nav.primary ul li {
			display:inline-block;
			margin:0;
			list-style-type:none; 
			width:auto;
			}
			nav.primary ul li a {
				color:#fff!important;
				font-size:16px;
				line-height:54px;
				text-decoration:none;
				display:block;
				margin:0;
				text-align:center;
				text-transform:uppercase;
				-webkit-transition:.4s ease-in;  
				-moz-transition:.2s ease-in;  
				-o-transition:.2s ease-in;  
				transition:.2s ease-in;	
				font-weight:400;
				padding:12px!important;
					font-family: "Oswald", sans-serif!important;
				}	
			nav.primary ul li a:hover {color: #ee2122!important;
				}
			/* Appearance of the sub-level links */
			nav.primary ul li li a { 
				font-size:14px;
				line-height:18px;
				padding:10px;
				color:#000;
				background: #fff;
				text-align:left;
				border-right:none;
				border-left:none;
				border-bottom: #303030 solid 0px;
			}
			/* Appearance of the sub-level links on hover */
			nav.primary ul li li a:hover { 
				color: #ee2122;
			}
/* This controls the Primary nav dropdowns for sublinks. Should not have to edit this too muuch */
nav.primary ul ul {
    display: none;
    position: absolute;
}
nav.primary ul ul ul {
    position: absolute; 
    left: 100%;
    top:0; 
}
nav.primary ul li:hover > ul {  
    display: block;
    line-height:18px; 
    z-index: 100;
}
nav.primary ul ul li {
    float: none; 
	width: 270px;
    position: relative;
    margin:0;
	display: block;
}
.megaicondrop {
    display: flex!important;
    flex-wrap: wrap !important;
    justify-content: center !important;
}
.megaicondrop img {
    width: 100%;
    max-width: 85px;
	height: auto;
	transition-duration: 0.3s;
}
.megaicondrop img:hover {
    max-width: 90px;
    margin-top: -5px;
}
.megaicondrop span {
    width: 100%;
	text-align: center;
		font-family: "Oswald", sans-serif;
	
}
.megamenuthird{
	width: 25%!important;
}
.megaicondrop span:hover {
    color: #000;
	
}
@media screen and (max-width: 1530px)  {
	nav.primary ul li a{padding:0 7px;}	
}

@media screen and (max-width: 1200px)  {
	nav.primary ul li a{font-size:12px;}	
}


/******** End of primary Nav ***************/

@media screen and (min-width: 1024px)  {
		
	.menu-toggle.exit-click{
		display: none !important;
	}
}

@media screen and (max-width: 1023px)  {
	
	.mobile + .menu-toggle.exit-click{
	
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		z-index: 499;
		pointer-events: none;
		
		background: rgba(36,32,33,0.33);
				opacity: 0;	
		transition: ease opacity 0.3s;
	}
	.mobile.open + .menu-toggle.exit-click{
		pointer-events: auto;
		opacity: 1;
		backdrop-filter: blur(4px);
	}
/*==============================
	Mobile Nav Styles			
================================*/	
nav.primary{display:none;}
#menu-button{ 
	width: 100%;
	display: inline-block;
	font-size: 24px;
	position: relative;
	line-height:45px; 
	z-index: 400; /* needs to be lower than nav.mobile, adjust as needed */
    background: url(///media.sandhills.com/img.axd?id=9071037218&wid=0&rwl=False&p=&ext=jpg&w=1888&h=474&t=&lp=&c=True&wt=False&sz=Min&rt=0&checksum=TFll5dqhEj8YwvlKkXnK9NWbALlX0xqR);
	text-align: center;
	}
	#menu-button a{
		 color:#fff;
		 text-decoration: none;
		 padding:0 0 0 .8em; 
		 font-weight:normal;
        margin-right: 10px;
	  }
nav.mobile {
	display:block;
	position: fixed;
	top: 0;
	left: -250px;
	width: 250px;
	height: 100%;
	background: #333;
	z-index: 500; /* needs to be higher than #menu-button, adjust as needed */
	overflow:auto;
}
/* MENU HEADER SOCIAL MEDIA */
	nav.mobile .social-media {
		position: relative;
		text-decoration: none;
		display: inline-block;
		font-size:16px;
		word-spacing:13px;
		padding:0 0 0 15px;
		color: #ccc !important;
	}
	
	nav.mobile .social-media a:link, nav.mobile .social-media a:visited {color:#ccc; text-decoration:none;}
	nav.mobile .social-media a:hover, nav.mobile .social-media a:active {color:#fff; text-decoration:underline;}

/* MENU HEADER STYLES */
nav.mobile .mobile_top {
	position: relative;
	display:block;
	padding: 0;
	margin:50px 0 10px 0;
	color: #999;
	font-size: 18px;
	font-weight: 400;
}

/* MENU CLOSE 'X' BUTTON */
nav.mobile .menu-toggle:not(.exit-click) {
	position: absolute;
	padding: 3px 8px 3px;
	font-family: Arial, sans-serif;
	font-size:24px;
	font-weight: bold;
	line-height: 1;
	background: #222;
	color: #999;
	text-decoration: none;
	top:-38px;
	right:13px;
}
nav.mobile .menu-toggle:not(.exit-click):hover { /* Menu close button on hoveer */
	color: #fff;
}

/* MENU LIST STYLE */
nav.mobile ul {
	list-style: none;
	font-weight: 300;
	margin:0;
	padding:0;
}
nav.mobile ul li {
	border-top: 1px solid #454545;
	border-bottom: 1px solid #151515;
	position:relative;
	color: #999;
}

/* FIRST LEVEL */
nav.mobile ul li a {
	position: relative;
	display: block;
	font-size:16px;
	padding: 10px;
	color: #999!important;
	text-decoration: none;
	border-left:4px #333 solid;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	text-align: left;
}
nav.mobile ul li a:hover {
	background:rgba(45,45,45,0.5); 
	color: #fff!important; 
	border-left:4px #CB1C1C solid; /* border highlight - Change to fit match site colors */
}

/* SECOND LEVEL */
nav.mobile ul li li:last-child {border:none;}
nav.mobile ul li li a {
	background: #444;
	position: relative;
	display: block;
	padding: 10px 10px 10px 15px;
	border-left:4px #444 solid;
	color: #ccc;
	text-decoration: none;
}
nav.mobile ul li li a:hover {background:rgba(65,65,65,0.5);}

/* THIRD LEVEL */
nav.mobile ul li li li:last-child {border:none;}
nav.mobile ul li li li a {
	background: #555;
	position: relative;
	display: block;
	padding: 10px 10px 10px 25px;
	color: #ccc;
	text-decoration: none;
	border-left:4px #555 solid;
}
nav.mobile ul li li li a:hover {background:rgba(85,85,85,0.5);}

nav.mobile ul li .click i{/* dropdown menu idicator arrow be sure to include this image with your image files */ 
	
	display:block;
	cursor:pointer;
	z-index: 12399994;
	top:0;
	right:0;
	width:auto;
	padding: 10px!important;
	color:#999;

}
nav.mobile ul li .click.open i:before{
    content: "\f068";
}
	
.nav-footer {color:#1B1B1B; position:relative; text-align:center; font-size:14px; line-height:16px; padding:15px 0;}

/* FONT AWESOME ICONS */
nav.mobile ul li a .fa{
	width:25px;
	font-weight:100;
	padding:8px 3px;
	margin:0 6px 0 0;
	text-align:center;
	background:#292929;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}


nav.mobile ul li .fa-chevron-down {color:#999;}
}


@media screen and (max-width: 1020px)  {
	#menu-button{width:100%;}
}

@media screen and (max-width:450px){
	#menu-button{width:100%;}
}




/*--------------------------------------------------------------
## Page Styles
--------------------------------------------------------------*/
.headerflex{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	flex-wrap: wrap;
	padding: 10px 4%;
}
.headerlogo{
	width: 15%;
}
.headerinfosect {
    width: 85%;
    text-align: right;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
	height: 100%;
	margin-top: 20px;
	margin-right: 3%;
}
.headerinfotop div {
    padding: 0px 15px;
}
.headerinfotop {
    width: 100%;
	font-family: "Oswald", sans-serif;
    display: flex;
    justify-content: flex-end;
	color: #000;
	font-size: 15px;
	align-items: center;
	text-transform: uppercase;
	font-weight: 600;
}
.headerinfotop a{
	color: #000!important;
}

.headerinfotop a i{
	color: #fff!important;
}


.headersocialsect {
    display: flex;
    flex-wrap: wrap;
}
.headersocial i {
    color: #fff!important;
    width: 40px!important;
    height: 40px!important;
    display: flex;
    background: #ee2122!important;
    justify-content: center;
    align-items: center;
    text-align: center;
    align-content: center;
	margin: 0px 2px;
	transition-duration: 0.3s;
}
.headersocial i:hover {
        background: #be0400;

}
.headerinfobtnsect {
    display: flex;
    margin: 36px 18px 24px 18px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.flexbox{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.fullthickredbtn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #e41b17;
    box-sizing: border-box;
    color: #fff;
    font-family: 'Oswald';
    text-transform: uppercase;
    font-size: 16px;
	line-height: 16px;
	margin: 5px 2px;
	transition-duration: 0.3s;
}
.fullthickredbtn:hover {
    padding-left: 8px;
	    background: #be0400;

}
.fullthickredbtn span {
    padding: 6px 10px;
    width: 95%;
    text-align: left;
    font-weight: 600;
}
.fullthickredbtn i{
    background: #be0400;
    width: 5%;
    height:65px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.fullheaderredbtn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #e41b17;
    box-sizing: border-box;
    color: #fff!important;
    font-family: 'Oswald';
    text-transform: uppercase;
    font-size: 14px;
	margin: 5px 2px;
	transition-duration: 0.3s;
}
.fullheaderredbtn:hover {
    padding-left: 8px;
	background: #be0400;
}
.fullheaderredbtn span {
    padding: 6px 10px!important;
    width: 95%;
    text-align: left;
    font-weight: 600;
	color: #fff!important;
}
.fullheaderredbtn i{
    background: #be0400;
    width: 5%;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
	color: #fff!important;
}
.halfheaderredbtn {
    width: 49%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #e41b17;
    box-sizing: border-box;
    color: #fff!important;
    font-family: 'Oswald';
    text-transform: uppercase;
    font-size: 14px;
	margin: 5px 2px;
	line-height: 15px;
	transition-duration: 0.3s;
}
.halfheaderredbtn:hover {
    padding-left: 8px;
    background: #be0400;
  
}
.halfheaderredbtn span {
    padding: 6px 10px;
    width: 90%;
    text-align: left;
    font-weight: 600;
}
.halfheaderredbtn i{
    background: #be0400;
    width: 10%;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.headerredbtn {
    width: 360px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #e41b17;
    box-sizing: border-box;
    color: #fff;
    font-family: 'Oswald';
    text-transform: uppercase;
    font-size: 14px;
	line-height: 28px;
	margin: 2px;
	transition-duration: 0.3s;
}
.headerredbtn:hover {
   padding-left: 8px;
   background: #be0400;

}
.headerredbtn span {
    padding: 6px 10px;
    width: 90%;
    text-align: left;
    font-weight: 600;
	color: #fff!important;
}
.headerredbtn i{
    background: #be0400!important;
    width: 10%;
    height: 38px;
    display: flex;
    align-items: center;
	color: #fff!important;
    justify-content: center;
}
.headerbluebtn {
    width: 250px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #0042de;
    box-sizing: border-box;
    color: #fff;
    font-family: 'Oswald';
    text-transform: uppercase;
    font-size: 14px;
	line-height: 28px;
	margin: 2px;
	transition-duration: 0.3s;
}
.headerbluebtn:hover {
    padding-left: 8px;
	background: #0033ab;

}
.headerbluebtn span {
    padding: 6px 10px;
    width: 90%;
    text-align: left;
    font-weight: 600;
	color: #fff!important;
}
.headerbluebtn i{
    background: #0033ab;
    width: 10%;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
	color: #fff!important;
}
.halfbluebtn {
    width: 49%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #0042de;
    box-sizing: border-box;
    color: #fff;
    font-family: 'Oswald';
    text-transform: uppercase;
    font-size: 14px;
	margin: 0px 2px;
}
.halfbluebtn span {
    padding: 6px 10px;
    width: 90%;
    text-align: left;
    font-weight: 600;
}
.halfbluebtn i{
    background: #0033ab;
    width: 10%;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hpctasect{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
 position: relative;
	top: -80px;
}
.hpctabtn{
	width: calc( 24% - 2px);
	margin: 0px 1px;
}
.hpctabtn img{
	width: 100%;
	    height: 175px;
    object-fit: cover;
	object-position: top;
}
.hpctainfosect{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
	width: 100%;
}
.hpctaiconsect{
	width: 15%;
	height: 100px;
	display: flex;
	color: #fff;
	justify-content: center;
	align-items: center;
	background: #be0400;
	font-size: 22px;

}
.hpctainfo{
	width: 85%;
	height: 100px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	background: #e41b17;
	padding: 10px 15px;
	box-sizing: border-box;
	align-content: center;
	transition-duration: 0.5s;

}
.hpctainfo:hover{
	background: #be0400;


}
.btnsubhead {
    font-family: 'Oswald';
    text-transform: uppercase;
    font-size: 20px;
    color: #fff;
	transition-duration: 0.2s;
	width: 100%;
	letter-spacing: 0.5px;
}
.btnsubhead:hover {
    margin-bottom: 0px;
}
.btnpara{
	font-family: "Open Sans", sans-serif;
	color: #fff;
	font-size: 15px;
	margin-bottom: 0px;
	font-weight: 100;
	line-height: 16px;
}
.white{
	color: #fff;
}
.lgheadertext{
font-family: 'Oswald';
font-weight: 800;
text-transform: uppercase;
font-size: 40px;
line-height: 42px;
padding-top: 15px;
}
.smheader {
    font-family: 'Oswald';
    text-transform: uppercase;
    font-size: 26px;
		margin-bottom: 0px!important;

}
.medsubhead{
font-family: 'Oswald';
font-weight: 200;
font-size: 30px;
line-height: 32px;
	margin-bottom: 0px!important;
}
.mobileservicetext .smsubhead {
    margin: 0px !important;
    padding-left: 5%;
    font-family: 'Oswald';
    font-size: 18px;
}
.hpaboutparasect {
    margin: 0% 2.5%;
    position: relative;
    top: -50px;
    z-index: 1000;
    background: #fff;
    padding: 40px 6%;
    border-radius: 20px;
}
.paratext {
    font-family: 'Open Sans';
    font-size: 15px;
    line-height: 36px;
}
input.btn.btn-success.sheSubmitButton:hover{
	background:#be0400; 
}
input.btn.btn-success.sheSubmitButton{
	transition-duration: 0.3s; 
}
.mobileservicebanner{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.mobileserviceimg img {
    object-fit: cover;
    max-height: 70px;
    width: 100%;
}
.mobileserviceimg {
    width: 30%;
}
.twentyfoursect {
    height: 70px;
	z-index: 1;
	position: relative;
    width: 8%;
    margin-left: 65px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: 800;
    font-family: 'Open Sans';
    font-size: 24px;
	clip-path: polygon(0 0, 70% 0, 100% 100%, 30% 100%);
	background: #e41b17;
}
.mobileservicetext {
    background: #141416;
    width: 60%;
    padding: 0px 60px;
    box-sizing: border-box;
    position: absolute;
    left: 10%;
    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    height: 70px;
	justify-content: flex-start;
}
.mobileservicearrow {
    clip-path: polygon(0 0, 70% 0, 100% 100%, 30% 100%);
    background: #da1506;
    width: 20%;
    position: relative;
    left: 20%;
    height: 70px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
	transition-duration: 0.2s;
}
.mobileservicearrow:hover {
    clip-path: polygon(0 0, 80% 0, 100% 100%, 20% 100%);
	padding-left: 5px;

}
.brandslider img {
    width: 100%;
    max-width: 230px;
    text-align: center;
	height: auto;
}
.scrolling-wrap iframe {
    width: 100%;
}
.locationhpbox {
    text-align: left !important;
    padding: 2% 7%;
}
.locationhpbox i {
    color: #da1506;
    padding-right: 5px;
}
.hp-location-add {
    padding: 12px 0px;
}
.hp-location-phone a{
	color: #000!important;
}
.hp-location-add a{
color: #000!important;}
.footer{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 30px 7% 60px 7%;
}
.footerbottom{
	height: 30px;
	width: 100%;
	background: url(///media.sandhills.com/img.axd?id=9071037218&wid=0&rwl=False&p=&ext=jpg&w=1888&h=474&t=&lp=&c=True&wt=False&sz=Min&rt=0&checksum=TFll5dqhEj8YwvlKkXnK9NWbALlX0xqR);
}
.footersect{
	width: 30%;
	display: flex;
	flex-wrap: wrap;
	
}

.lgfooterheader{
	font-family: 'Oswald';
	text-transform: uppercase;
	font-size: 24px;
	font-weight: 800;
	width: 100%;
	display: block;
	text-align: left;
}
.footerheader{
	font-family: 'Oswald';
    color: #da1506;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 800;
	width: 100%;
	display: block;
	text-align: left;
}
.footersubhead{
	font-family: 'Oswald';
    color: #000;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 800;
	width: 100%;
	display: block;
	text-align: left;
}
.footericon{
	background: #da1506;
	width: 40px;
	height: 40px;
	margin: 1px;
	color: #fff!important;
	display: flex;
    justify-content: center;
    align-items: center;
	transition-duration: 0.3s;
}
.footericon:hover{
    background: #be0400;

}
.footerlinks {
    width: 50%;
    color: #000;
		font-family: "Open Sans", sans-serif;
transition-duration: 0.3s;
	text-align: left;
}
.footerlinks:hover {
   font-weight: 500;

}
.mainpagepad{
	padding: 20px 5%;
}
.treadmainpagepad{
	padding: 20px 5%;
		background: url(///media.sandhills.com/img.axd?id=9071037218&wid=0&rwl=False&p=&ext=jpg&w=1888&h=474&t=&lp=&c=True&wt=False&sz=Min&rt=0&checksum=TFll5dqhEj8YwvlKkXnK9NWbALlX0xqR);
height: 2200px;
}
.sttab {
  float: left;
  border-right: 1px solid #ccc;
  background-color: transparent;
  width: 20%;
height: 1980px;
	margin-top: 6%;
  padding-right: 20px;
box-sizing: border-box;
}

/* Style the buttons inside the tab */
.sttab button {
  display: block;
  background-color: inherit;
  color: #fff;
  padding: 12px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 24px;
	text-transform: uppercase;
	font-family: 'Oswald';
	font-weight: 800;
}

/* Change background color of buttons on hover */
.sttab button:hover {
  color: #ddd;
}

/* Create an active/current "tab button" class */
.sttab button.active {
  color: #fff;
border-bottom: 4px solid #e41b17;
	margin-right: 10px;
}

/* Style the tab content */
.sttabcontent {
  float: left;
  padding: 0px 12px;
  border: 0px solid #fff;
  width: 70%;
  border-left: none;
  height: auto;
}
.tab {
  overflow: hidden;
border-bottom: 4px solid #e41b17;
  background-color: transparent;
		text-transform: uppercase;
	font-family: 'Oswald';
	font-weight: 800;
	font-size: 22px;
		margin-top: 4%;

color: #fff;
}
.tablinks {

		text-transform: uppercase;
	font-family: 'Oswald';
	font-weight: 800;
	color: #fff;
	font-size: 18px;

}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
 color: #e41b17;
}

/* Create an active/current tablink class */
.tab button.active {
 color: #e41b17;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 0px solid #ccc;
  border-top: none;
}
.locationpagebox{
	display: flex;
	flex-wrap: wrap;
	padding: 40px 20px;
}
.locationleft{
	width: 40%;
	text-align: left;
    color: #fff;
}
.locationleft h2{
		text-transform: uppercase;
	font-family: 'Oswald';
	font-size: 32px;
}
.locationleft i{
 color: #e41b17;
	margin-right: 10px;

}
.locationleft a{
 color: #fff;

}

.locationright{
	width: 60%;
	height: 400px;
}
.locationright iframe{
	height: 500px;
}
.locationinfo{
		font-family: "Open Sans", sans-serif;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	align-content: center;
	margin: 30px 0px;
}
.locationinfo h3{
		font-family: "Open Sans", sans-serif;
	font-size: 18px;
	margin-bottom: 0px;
	font-weight: 600;
}
.locationhours{
	width: 100%;
	margin-top: 5px;
}
.locationcontactsect {
    display: flex;
    justify-content: flex-start;
    align-items: center;
	color: #fff;
	font-family: "Open Sans", sans-serif;
	width: 100%;
	text-align: left;
}
.locationcontactsect a{

	color: #fff;
	
}
.loccontactname{
	width: 15%;
	font-weight: 700;
}
.loccontacttitle{
	width: 38%;

}
.loccontactphone{
	width: 12%;
	color: #fff;
}
.loccontactemail{
	width: 35%;
	color: #fff;
	text-align: right;
}
input.btn.btn-success.sheSubmitButton {
    width: 200px;
    border-radius: 0px;
    border: solid;
}
.pageheader{
font-family: 'Oswald';
font-weight: 800;
text-transform: uppercase;
font-size: 60px;
line-height: 58px;
padding-top: 25px;
}
.rentalcatslide {
    background: #fff;
    padding: 20px;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-radius: 6px;
 border-bottom: solid 12px #d10d00; 
}
.rentalcatslide p {
    font-family: 'Oswald';
    text-transform: uppercase;
    font-weight: 900;
    color: #d10d00;
    font-size: 18px;
    margin-right: 10px;
	transition-duration: 0.3s;
	
}
.rentalcatslide p:hover {

   letter-spacing: 0.5px;
	
}
.rentalcatslide h4 {
    font-family: 'Oswald';
       font-weight: 700;
    font-size: 35px;
    line-height: 30px;
	color: #000;
	margin-bottom: 5px;
	
}
.flexfullcenter {
    width: 100%;
    display: flex;
    justify-content: center;
}
.img-cta-sect {
    width: 85%;
    margin: 20px 0px;
}
.img-cta-sect img{
    height: 220px;
    object-fit: cover;
    object-position: center;
}
.img-cta-link {
    background: #c80300;
    color: #fff;
    font-family: 'Oswald';
	padding: 15px 20px;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
}
.team-memb-sect img {
    width: calc(100% - 40px);
    object-fit: cover;
    height: 220px;
    border-radius: 2px;
    margin: 20px;
	object-position: center;
}
.team-memb-sect {
    text-align: left;
	margin: 10px;
	box-sizing: border-box;
	border-radius: 5px;
    background: #161616;
}
.boldsubhead {
    font-weight: 900;
    text-transform: uppercase;
    font-family: 'Oswald';
    letter-spacing: 1.25px;
    color: #da1506;
	line-height: 16px;
	font-size: 16px;
	margin: 5px 0px;
}
.teammembinfo a {
    color: #fff;
    font-weight: 500;
    font-family: 'Open Sans';
    width: 100%;
    display: block;
	transition-duration: 0.2s;
}
.teammembinfo{
	    background: #252525;
    color: #fff;
    padding: 15px;
    box-sizing: border-box;
}
.teammembinfo a:hover {
    font-weight: 700;
 
}
.teampadsect{
    border-radius: 5px;
	background: #fff;
}
.team-head-sect {    border-radius: 5px;	
top: 15px; position: relative;}
.teammembinfo i {
    color: #da1506;
   padding-right: 5px;
}

.blogpostheader {
    padding: 20px 10% 40px 10%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}
.blogpostcontent {
    background: #d10d00;
    padding: 0px 10%;
}

.blogpostcontent .entry-content {
    background: #fff;
    padding: 20px 5%;
}
.blogimgsect {
    width: 100%;
    text-align: center;
}
.blogpostlisting {
    text-align: left;
    padding: 40px 2% 0px 2%;
}
.blogpostlisting a {
    text-transform: uppercase;
    font-weight: 800;
    color: #da1506;
	transition-duration: 0.5s;
}
.blogpostlisting a:hover {
   letter-spacing: 0.5px;
}
.blogimgsect img{
	max-width: 100%;
	
}
.speciallistingimg {
    width: 100%;
    object-position: center;
    object-fit: cover;
}
.speciallistingimg img {
    object-fit: cover;
    max-width: 100%;
}
.speciallistinginfo {
    text-align: left;
}
.partbrandsect{
	height: 200px;
	display: flex;
	flex-wrap: wrap;
	margin: 10px;
	align-content: space-between;
justify-content: center;
}
.partbrandsect img{
	max-width: 100%;
	text-align: center;
	height: 150px;
	max-height: 150px;
}
.fullbrandbtn{
	width: 100%;
	padding: 8px 10px;
	background: #d10d00;
	box-sizing: border-box;
	text-align: center;
	display: block;
	color: #fff;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	transition-duration: 0.5s;
}
.fullbrandbtn:hover{
	background: #b60000;
}
.slidemargin{
	margin: 10px;
}
.rentalcatslide.slidemargin {
    height: 350px;
	    display: flex;
    align-items: stretch;
    align-content: space-between;
}
.rentalcatslide.slidemargin h4{
    padding: 20px 0px 10px 0px;
}
.rentalcatslide.slidemargin p{
    margin-bottom: 0px;
}

.serviceoptions {
    width: 25%;
    padding: 15px 0px;
    text-transform: uppercase;
	display: flex;
	align-items: center;
	
}
.serviceoptions span{
   font-size: 22px;
    font-weight: 400;
	font-family: "Oswald";
	line-height: 24px;
	
}
.serviceoptsect{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.halfsect{
	width: 48%;
	margin: 10px 0px;
}
.locationhalfsect h4 {
    font-size: 20px;
}
.locationhalfsect a {
    width: 100%;
    display: block;
    color: #000;
}
.locationhalfsect {
    padding: 20px 15px 20px 0px;
    text-align: left;
}
.trailerlist{
	list-style: none;
	margin: 20px 0px 40px 0px;
}
.trailerlist li{
	display: flex;
	align-items: center;
	padding: 5px 0px;
	font-size: 18px;
    font-family: 'Open Sans';
	font-weight: 500;

}
.aboutboxes{
	width: 50%;
	padding: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: 10px 0px;
	    font-family: 'Open Sans';
    font-size: 15px;
    line-height: 32px;
}
.aboutboxes i{
	width: 100%;
	justify-content: center;
}
.headerunderline {
    border-bottom: solid 5px #da1506;
    padding-bottom: 10px;
}
.addonsect {
    background: #d10d00;
    padding: 40px ;
    color: #fff;
	margin: 20px 0px;
}
.addonsect h4{
   margin-bottom: 10px!important;
}
.addonsect ul {
    line-height: 40px;
    list-style: circle;
}
.washlist{
	line-height: 40px;
	list-style: circle;
	font-size: 18px;
}
/*--------------------------------------------------------------
## Timeline
--------------------------------------------------------------*/
/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
	z-index: 999;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

/* Hide the slides by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Caption text */
.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

img.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/* The actual timeline (the vertical ruler) */
.timeline {
  position: relative;
  border-radius: 0px;
  margin: 0 10%;
	background:#fff;
	box-sizing:border-box;
}
.timeline img{
  width:100%;
}
.timeline .column {
    width: 48%;
	margin:5px;
}
.timeline-img-1 {background: url(///media.sandhills.com/img.axd?id=9074157035&wid=0&rwl=False&p=&ext=jpg&w=2044&h=1188&t=&lp=&c=True&wt=False&sz=Min&rt=0&checksum=ixGfbKzO4AOCVMOfBRz1U%2b%2fWvULUCgAr) no-repeat; background-size: cover; background-position: bottom center;padding: 150px 25px 0px 0px }
.timeline-img-1 h3 {background: #E00C13; padding: 10px 0; width: 200px; text-align: center; color:#fff !important;}
.timeline-content {padding: 25px 0;}
/* The actual timeline (the vertical ruler) */
.timeline::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: #f6f6f6;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}

/* Container around content */
.timeline .container {
  padding: 10px 40px;
  position: relative;
  background-color: inherit;
  width: 45%;
}
.timeline h3{
 text-transform: uppercase;
padding-bottom: 8px;
}

/* The circles on the timeline */
.timeline .container::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  right: -17px;
  background-color: #E00C13;
  border: 4px solid #E00C13;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}

/* Place the container to the left */
.timeline .left {
  left: -22.85%;
}

/* Place the container to the right */
.timeline .right {
  left: 22.85%;
}

/* Add arrows to the left container (pointing right) */
 .timeline .left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 15px;
  width: 0;
  z-index: 1;
  right: 30px;
  border: medium solid #fff;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #fff;
}

/* Add arrows to the right container (pointing left) */
.timeline .right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 15px;
  width: 0;
  z-index: 1;
  left: 30px;
  border: medium solid #fff;
  border-width: 10px 10px 10px 0;
  border-color: transparent #fff transparent transparent;
}

/* Fix the circle for containers on the right side */
.timeline .right::after {
  left: -16px;
}

/* The actual content */
.timeline .content {
  padding: 20px 30px;
  background-color: #fff;
  position: relative;
  border-radius: 6px;
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 1400px) {
  /* Place the timelime to the left */
  .timeline::after {
  left: 31px;
  }
  
  /* Full-width containers */
  .timeline .container {
  width: 100%;
  padding-left: 70px;
  padding-right: 25px;
  }
  
  /* Make sure that all arrows are pointing leftwards */
  .timeline .container::before {
  left: 60px;
  border: medium solid #fff;
  border-width: 10px 10px 10px 0;
  border-color: transparent #fff transparent transparent;
  }

  /* Make sure all circles are at the same spot */
 .timeline .left::after, .timeline .right::after {
  left: 15px;
  }
  
  /* Make all right containers behave like the left ones */
 .timeline .right {
  left: 0%;
  }
	.timeline .content {width: 80%;}
	.timeline .left {left: 0%;}
	.timeline .container {padding-left: 10px;}
}
@media screen and (max-width: 600px) {
	.timeline .content {width: 100%; padding:45px; box-sizing:border-box;}
	.timeline .column{width:45%;}
	.timeline{
		    box-sizing: border-box;
    width: 98%;
    border: none;
    margin: 0px;
    padding: 0px;
	}
}






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


.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;
}
.list-top-section .list-title{
    font-size: 1.25em!important;
	font-family: 'Oswald'!important;

}
.list-top-section .list-title .list-title-text span{
	font-family: 'Oswald'!important;
	
}
.list-top-section .list-listings-count{
	color: #da1506!important;
}
.faceted-search-content .selected-facets-container .selected-facet{
	background: #da1506!important;
}
.list-container-flexrow .view-listing-details-link, .list-container-flexrow .dealer-phone-call, .list-container-flexrow .dealer-phone-text{
	background: #da1506!important;
	
}
.list-content .price-container .price{
	color: #da1506!important;
	
}
.listing-prices__retail-price, .listing-prices__discount-formatted-price, .listing-prices__alternate-retail-price, .listing-prices__exclusive-wholesale-price{
	color: #da1506!important;
	
}
/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1480px) {		
	.teammembinfo a {
    font-size: 14px;
}
.sttab {
    width: 15%;
}	
.sttabcontent {
    width: 85%;
}
}
@media only screen and (max-width : 1280px) {		
.hpctabtn {
    width: calc(50% - 8px);
    margin: 10px 1px;
}
.mobileserviceimg {
    width: 20%;
}
.mobileservicearrow {
    left: 30%;
}
	.twentyfoursect {
    width: 14%;
    margin-left: 12px;
}
	.mobileservicetext p {
    padding: 0px !important;
}
	.outerEditableArea{
		width: 100%;
	}
	.treadmainpagepad {
    padding: 20px 0% ;
		height: 3000px;
}
	.loccontacttitle {
    width: 22%;
    padding:0% 1%;
}
	.loccontactphone{
		width: 15%;
	}
	.loccontactemail{
		width: 46%;
	}
	.locationleft{
		width: 100%;
	}
	.locationright{
		width: 100%; 
		height: 250px;
	}
}
@media only screen and (max-width : 1110px) {		
	a.footerlinks {
    width: 100%;
	}
	.megamenuhead{
		width: 90%;
	}
	.headerlogo{
		width: 100%;
	}
	.headerinfosect {
    height: auto;
    width: 100%;
	justify-content: center;
}
	.wrap {
		flex-direction: column;
	}
	#logo {
		float: none;
		margin: 0 auto;
	}
	#logo img {
		max-width: 240px;
	}
	.headerinfotop {
    justify-content: center;
}
	.pageheader{
		font-size: 52px;
		padding-top: 10px;
		line-height: 50px;
	}
	.rentalcatslide h4 {
    font-size: 25px!important;
    line-height: 26px!important;
}
	.sttab button{
    font-size: 20px;
}
	.tablinks{
		font-size: 16px;
	}
}
@media only screen and (max-width : 1050px) {		
.halfheaderredbtn {
    width: 99%;
}
.img-cta-sect {
    width: 98%;
}	
	.btnsubhead{
		font-size: 18px;
	}
	.serviceoptions {
    width: 48%;
	padding: 15px 2px;
}
	.serviceoptions span{
    font-size: 18px;
		line-height: 20px;
}
	.btnpara{font-size: 13px; line-height: 14px;}
}
@media only screen and (max-width : 1024px) {		
	
	.rentalcatslide h4 {
    font-size: 32px!important;
    line-height: 30px!important;
	width: 100%;
}
	.sttabcontent {
    background: url(///media.sandhills.com/img.axd?id=9071037218&wid=0&rwl=False&p=&ext=jpg&w=1888&h=474&t=&lp=&c=True&wt=False&sz=Min&rt=0&checksum=TFll5dqhEj8YwvlKkXnK9NWbALlX0xqR);
}
}
@media only screen and (max-width : 950px) {		
	.headerbluebtn{
		width:26.5%; 
	}
	.blogpostcontent {
    padding: 0px 5%;
}
	.headerredbtn{
		width: 45%;
	}
	.headerinfobtnsect {
    width: 100%;
}
	.hpaboutparasect{
		top: -5px;
		padding: 20px 3%;
	}	
	.lgheadertext {
	font-size: 30px;
	line-height: 28px;
	}
	.medsubhead{
		font-size: 22px;
		line-height: 24px;
	}
	.paratext{
		font-size: 13px;
		line-height: 32px;
	}
	.footersect {
    width: 50%;
    margin-bottom: 20px;
}

}
@media only screen and (max-width : 800px) {		
	.img-cta-sect {
    width: 75%;
}	
	.locationcontactsect {
    flex-wrap: wrap;
}
	.loccontactname {
    width: 100%;
    margin-bottom: 0px;
}
	.loccontactname p {
    margin: 0px;
}
	.loccontacttitle {
    padding: 0%;
    width: 100%;
}
	.loccontacttitle p{
    margin: 0px;
}
	.loccontactphone{
		width: 100%;
	}
	.loccontactemail{
		width: 100%;
		text-align: left;
		margin-bottom: 10px;
		    border-bottom: solid 0.5px #404040;
		padding-bottom: 5px;
	}
	.sttab {
    width: 100%;
    height: 45px;
    border: none;
    margin-top: 1%;
}
	.sttabcontent {
    width: 100%;
}
}
@media only screen and (max-width : 740px) {		
.headerinfotop {
    flex-wrap: wrap;
}
.headerinfotop div {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
}	
.headersocialsect {
    margin-top: 10px;
}
	.headerredbtn{
	width: 100%;
	}
	.headerbluebtn {
		width: 49%;
		margin-top: 5px;
	}
.twentyfoursect {
    width: 100%;
    height: 50px;
    clip-path: none;
    margin-left: 0px;
}
	.twentyfoursect span {
    top: 4px;
}
	.mobileservicebanner {
    height: auto;
    flex-wrap: wrap;
	align-content: flex-start;
}
.mobileservicetext {
    width: 90%;
    left: 0%;
    height: 100px;
    padding: 10px 40px;
    top: 48px;
}
	.mobileservicearrow {
    width: 12%;
    left: 88%;
    height: 100px;
    clip-path: none;
	background: transparent!important;
}
	.mobileserviceimg {
    width: 100%;
}
}
@media only screen and (max-width : 610px) {		
.hpctabtn {
    width: calc(100% - 8px);
    margin: 10px 1px;
}
	.hpctabtn img{
	height: 130px;
    object-fit: cover;
    object-position: center !important;	
	}
	.blogtextsect {
    font-size: 14px;
}
	.blogpostheader {
    padding: 20px 2%;
}
	.hpctainfo {
    width: 85%;
		height: 95px;}
	.hpctaiconsect{
		height: 95px;
	}
	.footersect {
    width: 100%;
    margin-bottom: 20px;
	}
	.locationpagebox {
    padding: 10px 0px;
}
		.pageheader{font-size: 40px; line-height: 38px;}
}

@media only screen and (max-width : 490px) {	
	.headerbluebtn {
		width: 100%;
		margin-top: 5px;
	}
		.serviceoptions {
    width: 100%;
	padding: 8px 0px;
}
.img-cta-sect {
    width: 100%;
}	
	.brandslider img {
    height: 125px !important;
}
	.mobileservicetext {
    padding: 10px;
}
	.blogposttitlesect h1 {
    font-size: 28px ;
    line-height: 28px ;
}
.blogpostheader .tiretreadheader {
    display: none;
}
}