/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 

/*-------- COLORS --------

*/

/***** END RESET *****/
::-moz-selection {
    background: #000; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}


/*---POP-UP -----------------------------------*/

*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.box {
	width: 50%;
	margin: 0 auto;
	background: rgba(0,0,0,0.2);
	padding: 35px;
	border-radius: 20px/50px;
	background-clip: padding-box;
	text-align: center;
}
.popup .close {
    position: absolute;
    top: 10px;
    right: 15px;
	transition: all 0.2s;
	font-size: 30px;
	font-weight: 700;
	text-decoration: none;
	color: #fac62b;
	border: 1px transparent solid;
	border-radius: 5px;
	padding: 0px 5px 0px 5px;
}
.popup .close:hover {
  	border: 1px #fac62b solid;
	border-radius: 5px;
}
.popup .content {
  max-height: 60%;
  overflow: auto;
}
.link-image {
	border-bottom:12px solid #fff;
	border-right:12px solid #fff;
}


/*Let's make it appear when the page loads*/
.overlay:target:before {
    display: none;
}
.overlay:before {
	content:"";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	background: rgba(0, 0, 0, 0.7);
	position: fixed;
	z-index: 99999;
}
.overlay .popup {
	background: #161d52;
	border: 3px solid #fac62b;
	border-radius: 10px;
	width: 100%;
	max-width: 1300px;
	position: absolute;
	top: 6vw;
	left: 0;
	right: 0;
	float:none;
	padding: 30px 0 0 0;
	margin: 0 auto;
	text-align:left;
	z-index: 99999999;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
}
.overlay:target .popup {
    top: -1800%;
    left: -1000%;
    display: none;
}
.overlay h3 {
	color: #fff;
	font-size: 28px;
	width: 80%;
	margin: auto;
	text-align: center;
	font-family: "Inter Tight", sans-serif;
    text-transform: uppercase;
    font-weight: 700;
}
.overlay p {
	font-family: "Inter Tight", sans-serif;
    font-weight: 300;
    font-size: 20px;
	color: #fff;
	text-align: center;
	width: 80%;
	margin: auto;
	padding-top: 20px;
}
.popup-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.popup-content a {
	margin: 20px 0px;
}
.link-image {
    position: relative;
}
.link-img-overlay-button {
    position: absolute;
    z-index: 1;
    left: 10%;
    bottom: 10%;
    width: 40%;
}
.link-img-overlay-button:hover img {
    filter:grayscale(1);
}


/*-------- BODY STYLES --------*/

body {

}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}


hr{border:#000 1px solid;}
.hvr-shutter-out-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #f0c400;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #060817;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
  color: #f0c400;;
}
.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/*--- HEADER STYLES ---------------------*/
header {}
.header {
    background: #161d52;
    display: flex;
    justify-content: space-between;
    border-right: solid 35px #ffc73e;
}
.headerinfosect {
    display: flex;
    justify-content: flex-end;
    align-items: center;
	width: 100%;
}
.headersearchsect {
    background: #fac62b;
    padding: 15px 20px 10px 20px;
    border-bottom-left-radius: 10px;
	width: 25%;
}
.mobileheadersearchsect{
	display: none;
}
.mobileheaderinfo{
	display: none;
}
.headersearch {
    border: none;
    padding: 0px 5px;
    height: 30px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    font-family: "Inter Tight", sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    color: #000;
    width: calc(100% - 30px);
	box-sizing: border-box;
}
.headersubmit {
    width: 30px;
    height: 30px;
    border: none;
    background: #fff;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
.headernavsect {
    padding: 0px 20px;
    box-sizing: border-box;
	margin-top: 10px;
}
.headerright {
    width: 75%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.headerinfo {
    font-family: "Inter Tight", sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    width: 18%;
    text-align: center;
}
.headerinfo i{
   color: #ffc73e;
   padding-right: 5px;
	font-size: 12px;
}
.headerinfo a{
   color: #ffffff;
}
.headerleft img {
    max-width: 225px;
    width: 100%;
}
.headerleft {
    width: 20%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
	padding-left: 20px;
	box-sizing: border-box;
}
.heroslide{
	height: 780px;
}
.heroslider {
    border-right: solid #fac62b 35px;
}
.herotext {
    margin-top: -320px;
    position: relative;
    z-index: 1;
    padding: 0% 2%;
    width: 50%;
	text-shadow: 0px 6px 11px black;
}
.heroheader span {
    font-family: "Inter", sans-serif;
    font-size: 38px;
    color: #ffc73e;
    text-transform: uppercase;
    width: 100%;
    display: block;
    font-weight: 800;
    line-height: 32px;
}
.heroheader {
    font-family: "Inter Tight", sans-serif;
    font-size: 90px;
    color: #fff;
    text-transform: uppercase;
    line-height: 80px;
}
.heropara {
    font-family: "Inter", sans-serif;
    color: #fff;
    padding: 10px 0px;
    font-size: 20px;
    line-height: 28px;
	width: 70%;
}
.herobtn {
    display: flex;
    align-items: center;
}
.yellowbtn {
    background: #f5c500;
    margin: 10px 10px 10px 0px;
    padding: 12px 28px;
    color: #181e53;
    font-family: "Inter Tight", sans-serif;
    text-shadow: none;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 15px;
    border-radius: 5px;
}
.submitform {
	border: none;
    background: #f5c500;
    margin: 10px 0px;
    padding: 12px 28px;
    color: #181e53;
    font-family: "Inter Tight", sans-serif;
    text-shadow: none;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 15px;
    border-radius: 5px;
	transition-duration: 0.3s;
	cursor: pointer;
}
.submitform:hover {
	letter-spacing: 0.5px;
}
/*---BODY--------------------------------*/
.hpinvsect {
    margin-top: 55px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #060817;
    padding: 5% 8%;
}
.hpinvicon {
    width: 20%;
	text-align: center;
	margin: 5px 0px;
	transition-duration: 0.3s;
}
.hpinvicon:hover {
   margin: 0px 0px 10px 0px;
}
.hpinvlink {
    font-family: "Inter Tight", sans-serif;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-size: 18px;
    font-weight: 900;
	transition-duration: 0.3s;
}
.hpinvlink:hover {
   letter-spacing: 0.5px;
}
.hpinvlink span {
    font-family: "Inter", sans-serif;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
}
.hpinvtitlesect {
    width: 100%;
    background: #f5c500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 5px;
    padding: 15px 5%;
    margin-top: 45px;
}
.headertext {
    font-family: "Inter Tight", sans-serif;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 700;
}
.textbtn {
    font-family: "Inter Tight", sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
	transition-duration: 0.3s;
}
.textbtn:hover {
   letter-spacing: 0.5px;
}
.hpaboutsect{
	background: url("/siteart/hp-about-bluebkgd.jpg");
	background-size: cover;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	padding: 5% 8%;
    box-sizing: border-box;
	align-items: center;
	background-attachment: fixed;
	background-color: #000;
}

.hpaboutleft {
    width: 60%;
}
.hpaboutright {
    width: 35%;
    background: url(/siteart/ashland-building-about.jpg);
    background-size: cover;
    z-index: 1;
    height: 600px;
    margin-left: 5%;
    box-sizing: border-box;
}
.yellowdecobanner {
    width: 50%;
    background: #f0c400;
    height: 60px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    margin-top: -60px;
    margin-right: -9.5%;
}
iframe.scrolling {
    width: 100%;
    height: 90px;
}
.hppromosect {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #060817;
    margin-top: -5px;
    padding: 5% 8%;
    box-sizing: border-box;
	overflow: hidden;
}
.promoslide {
    height: 345px;
}
.hppromoleft {
    width: 70%;
}
.hpfacebookfeed {
    width: 25%;
}
.hppromotitle {
    width: 100%;
    background: #ebc300;
    margin-bottom: 20px;
    box-sizing: border-box;
    padding: 15px 40px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.hpsocialsect {
    margin-bottom: 20px;
    width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.socialiconbtn {
    background: #ebc300;
    margin: 0px 10px;
    color: #060817;
    height: 50px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
	font-size: 24px;
	border-radius: 8px;
	transition-duration: 0.3s;
}
.socialiconbtn:hover {
    color: #ebc300;
    background: #060817;

}
.cpinfosect a:hover {
    letter-spacing: 0.2px;
}
.cpinfosect a{
    transition-duration: 0.3s;
}
.customerreviewsect{
	background: url("/siteart/ashland-sign-dk-blue-bkgd.jpg");
	background-size: cover;
	padding: 5% 8%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	background-attachment: fixed;
	background-color: #000;
}
.customerreviewsect h4{
	width: 100%;
	display: block;
	text-align: center;
}
.reviewslider{
	width: 100%;
}
.reviewtext {
    font-size: 15px;
    line-height: 30px;
	width: 100%;
    text-align: left;
}
.reviewname {
    text-align: right;
    font-weight: 800;
}
.reviewslide {
    border: solid #ebc300 1px;
    margin: 10px;
    padding: 40px;
    height: 250px;
    border-radius: 8px;
    font-family: "Inter", sans-serif;
    color: #fff;
	display: flex!important;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: stretch;
    align-content: space-between;
	margin-bottom: 35px;
	box-sizing: border-box;
}
.logoslide img {
    width: 100%;
    max-width: 180px;
}
.logoslide{
    display: flex;
    justify-content: center;
}
.logoslider {
    padding: 30px 0px;
}
.lgheadertext {
    font-family: "Inter Tight", sans-serif;
    text-transform: uppercase;
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 20px;
}
.smheadertext {
    font-family: "Inter Tight", sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 10px;
}
.fullcenter{
	width: 100%;
	display: flex;
	justify-content: center;
}
.paratext {
    font-family: "Inter", sans-serif;
    padding: 10px 0px;
    line-height: 36px;
    font-size: 18px;
}
.teamtext {
    font-family: "Inter", sans-serif;
    padding: 10px 0px;
    line-height: 28px;
    font-size: 14px;
}
.teamimg{
	text-align: center;
}
.teamimg img{
	width: 100%;
	max-width: 350px;
	margin-bottom: 10px;
}
.teampad{
	padding: 3% 10%;
}
.blue{
color: #161d52;
}
.bluebkgd{
background: #161d52;
}
.dkblue{
color: #060817;
}
.dkbluebkgd{
background: #060817;
}
.white{
color: #fff;
}
.yellow{
color:#f5c500; 
}
/*--------SECONDARY PAGES STYLES--------------------*/
.pageheadersect {
    background: #181e53;
    border-right: solid 35px #fac62b;
    padding: 2% 8%;
}
.pageheader{
    font-family: "Inter Tight", sans-serif;
	color: #fff;
	font-size: 65px;
	text-transform: uppercase;
    text-shadow: 0px 4px 5px #0c0f2f;
}

.sp-dept-sect{
	background: url("/siteart/ashland-service-bkgd.jpg");
	background-size: cover;
	padding: 3% 8% 5% 8%;
	background-attachment: fixed;
	background-color: #000;
}
.flexbox{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.flexboxalignstart{
	display: flex;
	flex-wrap: wrap;
	justify-content:flex-start;
}

.events-flex-row {
	display: flex;
	justify-content: center;
	align-items: center;
}

.events-flex-column {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	width: 50%;
	border: 2px #f5c500 solid;
	border-radius: 10px;
	padding: 20px;
	margin: 20px;
}

.events-styles h3 {
	font-family: "Inter Tight", sans-serif;
	text-transform: uppercase;
	color: #060817;
	font-size: 25px;
}

.events-styles p {
	font-family: "Inter Tight", sans-serif;
    font-weight: 300;
    font-size: 18px;
	color: #060817;
	margin: auto;
	padding-top: 10px;
}

.events-image-column {
	margin-left: auto;
	display: flex;
	align-items: center;
}

.events-image-column img {
	max-width: 300px;
	align-items: flex-end;
}

.events-flyer-image {
	display: flex;
  	justify-content: center;
  	align-items: flex-start;
	padding: 2rem 0;
}

.event-flyer-image img {
	max-width: 800px;
	width: 100%;
}

.events-image-box {
	display: flex;
	gap: 20px;
	justify-content: center;
	align-items: stretch;
	margin-top: 30px;
	padding: 20px;
	border: 2px #f5c500 solid;
	border-radius: 10px;

}

.events-image-column2 img {
	flex: 1;
	max-width: 450px;
}

.events-image-column3 img {
	flex: 1;
	max-width: 800px;
}

.hidden-event-break {
	display: none;
}

.spservicebox {
    width: 30%;
    margin: 20px 0px;
}
.spserviceheader {
    font-family: "Inter", sans-serif;
    color: #fff;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-size: 18px;
}
.spserviceheader i {
    margin-right: 12px;
    color: #f5c500;
    background: #1a1f54;
    padding: 15px 12px;
    border-radius: 8px;
}
.service-dept-form {
    background: #1a1f54;
    padding: 5% 8%;
}

.service-image {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;        
  gap: 20px;             
}

.service-image img {
  max-width: 700px;
  width: 100%;
  flex: 1 1 700px;       
}
.parts-image img {
  display: block;
  max-width: 800px;
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.pagepadding{
	padding: 2% 8% 5% 8%;
}
.fullimage{
	width: 100%;
}
.halfsect{
	width: 48%;
}
.emailteam {
    width: 100%;
    display: block;
    background: #181e53;
    text-align: center;
    color: #fff;
    font-family: 'Inter Tight';
    text-transform: uppercase;
    padding: 20px;
    box-sizing: border-box;
    font-weight: 800;
	transition-duration: 0.3s;
}
.emailteam:hover {
    color: #f0c400;
 background: #060817;
	letter-spacing: 0.3px;
}
.financelogobox {
    padding: 0px 20px;
    background: #fff;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    height: 220px;
    align-items: center;
	margin-bottom: 10px;
}
.financebox {
    margin: 10px 67px 10px 0px;
}
.financebox h4{
   margin-bottom: 25px;
}
.financelogobox img {
    max-width: 355px;
    width: 100%;
    height: fit-content;
}
.teambox {
    width: 33%;
    padding: 20px;
    box-sizing: border-box;
}
.cpiconsect{
	display: flex;
	flex-wrap: wrap;
	margin: 10px 0px;
	width: 100%;
}
.cpinfosect i {
    margin-bottom: 20px;
    padding-right: 10px;
    color: #f5c500;
}


.part-delivery {
	display: flex;
	align-items: flex-start;
	background-color: #1a1f54;
	padding: 4rem;
	color: #fff;
	font-family: "Inter", sans-serif;
}

.part-delivery h1 {
    font-size: 55px;
	text-transform: uppercase;
	padding-bottom: 1.5rem;
}

.part-delivery h2 {
	text-transform: uppercase;
	font-size: 25px;
	padding-bottom: 1rem;
	padding-top: 2rem;
}

.part-delivery h3 {
	padding-top: 2rem;
	font-size: 20px
}

.part-delivery h4 {
	font-size: 25px;
	padding: 3rem 0;
	text-transform: uppercase;
}

.part-delivery p {
	font-size: 16px;
	padding-bottom: 1rem;
}

.request-parts {
	display: inline-block;
	padding: 10px 18px;
	background-color: #fff;
	color: #1a1f54;
	font-family: "Inter", sans-serif;
	text-decoration: none;
	border-radius: 3px;
	font-weight: 600;
	text-transform: uppercase;
}

.request-parts:hover {
	background-color: #e6b800;
}

.parts-image {
	margin-left: auto;
	align-self: flex-start;
	margin: auto;
	padding-top: 2rem;
	padding-right: 2rem;
}

.parts-image img {
	max-width: 600px;
	width: 100%
}




/*--------FORM STYLES--------------------*/
.CaptchaMessagePanel{
 font-family: "Inter", sans-serif;
 color: #fff;	
}
.CaptchaWhatsThisPanel a{
 font-family: "Inter", sans-serif;
 color: #fff;	
}
.thirdformfields {
    width: 33%;
    height: 45px;
    padding: 0px 10px;
    box-sizing: border-box;
    margin-bottom: 8px;
}
.fullformfields {
    width: 100%;
    height: 45px;
    padding: 0px 10px;
    box-sizing: border-box;
    margin-bottom: 8px;
}
.fulldpdwnfield {
    width: 100%;
    box-sizing: border-box;
    padding: 0px 10px;
    height: 45px;
    margin-bottom: 8px;
}
.comments {
    width: 100%;
    padding: 10px;
    height: 150px;
	font-family: "Inter", sans-serif;
}
.formflex{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.formflex .smheadertext{
	width: 100%;
}
.CaptchaPanel{
	width: 100%;
}
/*-------- FOOTER STYLES ----------------*/
footer{}
.topfooter {
    background: #181e53;
    padding: 3% 5%;
    display: flex;
    justify-content: space-between;
}

.bottomfooter {
    background: #0b0f2e;
    padding: 15px 5%;
}
.bottomfooter img{
	max-width: 150px;
}
.footerboxes {
    width: 20%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.footerheader {
    color: #fff;
    font-family: "Inter Tight", sans-serif;
    width: 100%;
    font-size: 16px;
    margin-bottom: 5px;
}
.footerlink {
    width: 100%;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    color: #fff;
    margin: 5px 0px;
}
.footertext{
    width: 100%;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    color: #fff;
    margin: 5px 0px;
	font-weight: 800;
}
.halffooterlink {
    width: 48%;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    color: #fff;
    margin: 5px 0px;
}
/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.faceted-search-content .selected-facets-container .selected-facet{
background: #1a1f54!important;	
}
.list-content .list-error-container .info button:not(.login-button){
background: #1a1f54!important;		
}
.list-top-section .list-listings-count, .listing-prices__retail-price{
	color:#1a1f54!important; 
}

a.view-listing-details-link.des-view-listingDetails.template-branded-button{
background: #1a1f54!important;		
	
}
.faceted-search-content .faceted-section-box .faceted-search{
background: #1a1f54!important;		
	
}
.faceted-search-content .faceted-section-box .faceted-btn-container .faceted-show-all-btn{
background: #1a1f54!important;			
}
.faceted-search-content .mobile-done-button-container .mobile-done-button{
background: #1a1f54!important;			
	
}

.specials h2 {
	text-transform: uppercase;
	font-size: 25px;
	padding-bottom: 4rem;
	padding-top: 2rem;
	font-family: "Inter", sans-serif;
	text-align: center;
 
}
/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (max-width: 1500px) {
.halfsect {
    width: 100%;
    margin-bottom: 60px;
}
}
@media only screen and (max-width: 1420px) {
	.herotext{
	width: 82%;	
	}	
}
@media only screen and (max-width: 1380px) {
.teambox {
width: 50%;
}	
.spservicebox {
    width: 48%;
    margin: 20px 0px;
}
.financebox {
    margin: 10px 20px 10px 0px;
}
.hppromosect{
	padding: 5% 3%;
}

}
@media only screen and (max-width: 1260px) {
	.reviewslide{
	padding: 20px 25px;
	height: 350px;
	}	
	.hpaboutsect{
	padding: 5% 2%;	
	}
	.yellowdecobanner{
	margin-right: -2%;	
	}
}
@media only screen and (max-width: 1130px) {
	.hppromoleft {
    width: 100%;
}
	.hpfacebookfeed {
    width: 100%;
	text-align: center;
}
}
@media only screen and (max-width: 1150px) {
.headerleft {
    width: 16%;
	padding-left: 5px;
}
	.headerright {
		width: 85%;}
	.headerinfo{
	width: 22%;	
	}
	
}
@media only screen and (max-width: 1023px) {
	.headerinfosect{
		display: none;
	}
	input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="file"], input[type="month"], input[type="number"], input[type="password"]:not([class*="Mui"]), input[type="reset"], input[type="search"]:not([class*="Mui"]), input[type="tel"]:not([class^="Mui"]), input[type="text"]:not([class^="Mui"]), input[type="time"], input[type="url"], input[type="week"], select, textarea{
	    height: 45px!important;	
		border:none;
	}
	.mobileheadersearchsect {
        display: flex;
        padding: 10px 20px;
        background: #f5c500;
    }
	.mobileheaderinfo{
		display: flex;
	}
	.headersearch{
	padding: 0px 15px;
    height: 45px;	
	}
	.headersubmit{
	 height: 45px;		
	}
	.headernavsect{
		display: none;
	}
	.mobileheadsect {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
}
	.mobileheaderinfo a{
		color: #fff;
		font-size: 20px;
	}
    .headerright {
    width: 40%;
    }
	.headerleft {
	width: 60%;
	}
	.header{
	padding: 20px;
    box-sizing: border-box;	
	border-right: solid 12px #ffc73e;
	}
	.heroslider {
    border-right: solid #fac62b 12px;
}
	.footerboxes {
    width: 50%;
	margin-bottom: 20px;
	}
	.topfooter{
		flex-wrap: wrap;
	}
	.pageheadersect{
	border-right: solid 12px #fac62b;	
	}
	.pageheader{
	    font-size: 48px;	
	}
	.thirdformfields {
	width: 100%;
	}
	.hpaboutleft {
    width: 100%;
}
	.hpaboutright{
	height: 540px;
    background-position: center;
    margin-left: 0%;
	width: 100%;
	}
	.yellowdecobanner {
    width: 100%;
    background: #f0c400;
    height: 60px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    margin-top: -15px;
    margin-right: 0%;
}
	.hpinvsect {
	    padding: 5% 2%;	
	}
	
	.hidden-event-break {
		display: inline;
	}
}


@media only screen and (max-width: 920px) {
.heroslide {
    height: 460px;
}
.herotext {
    margin-top: 0px;
    position: relative;
    z-index: 1;
    padding: 6% 2%;
    width: 100%;
    text-shadow: 0px 6px 11px black;
    box-sizing: border-box;
    background: #181e53;
}	
.hpinvsect {
	   margin-top: 0px;	
	}
	.slick-prev, .slick-next{
	    bottom: -7.15%!important;	
	}
}
@media only screen and (max-width: 830px) {
	.events-flex-column {
		width: 95%;
	}
	.events-flex-row {
		flex-direction: column;
	}
	.hidden-event-break {
		display: none;
	}
}
@media only screen and (max-width: 800px) {
    .pageheader {
        font-size: 40px;
    }	
	.pageheadersect{
	padding: 2%;	
	}
	.pagepadding {
    padding: 8% 2%;
}
	.lgheadertext {
	    font-size: 32px;
    line-height: 32px;	
	}
	.paratext{
	    line-height: 24px;
    font-size: 14px;	
	}
	.sp-dept-sect{
	padding: 10% 5%;	
	}
	.teambox {
	width: 100%;}
	.teampad {
    padding: 5% 2%;
}
	.hpaboutright{
		height: 340px;}
	.hpinvicon {
		width: 33.3%;}
	.hpinvsect{
	    justify-content: flex-start;	
	}
	.hpinvtitlesect{
		flex-wrap: wrap;
		margin-top: 15px;
		justify-content: center;
		text-align: center;
	}
    .hpinvtitlesect h2 {
        width: 100%;
        font-size: 24px;
		margin-bottom: 5px;
    }
}
@media only screen and (max-width: 710px) {
.heroslide {
        height: 320px;
    }
	.slick-prev, .slick-next{
	    bottom: -10.15%!important;	
	}
	.heroheader{
	font-size: 48px;
    line-height: 48px;	
	}
	.heroheader span{
	line-height: 28px;	
	font-size: 28px;
	}
	.heropara{
	    padding: 10px 0px;
    font-size: 18px;
		width: 100%;
	}
	.herobtn {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
}
@media only screen and (max-width: 600px) {
.logoslide img {
    width: 100%;
    max-width: 250px;
}
.logoslide{
display: flex!important;
}	
.spservicebox {
	width: 100%;
}
.customerreviewsect{
padding: 5% 2%;	
}
 .promoslide {
    height: 185px;
}
.hpinvicon {
   width: 50%;
}

}
@media only screen and (max-width: 500px) {
.footerboxes {
    width: 100%;
	margin-bottom: 20px;
	}	
	.yellowbtn {
        width: 100%;
        text-align: center;
        padding: 15px;
        display: block;
        box-sizing: border-box;
    }
	.financebox{
		width: 100%;
		margin: 20px 0px;
	}
	.financelogobox {
	padding: 0px 20px;
	height: 180px;
	}
	.headertext{
	    font-size: 26px;
		line-height: 26px;
	}
	    .lgheadertext {
        font-size: 32px;
        line-height: 32px;
        margin-bottom: 5px;
    }
}
@media only screen and (max-width: 380px) {
.heroheader {
    font-size: 35px;
    line-height: 35px;
}
	.heroheader span {
	font-size: 22px;
    line-height: 24px;	
	}
	.hpaboutright{
		height: 260px;}
	.heroslide {
        height: 220px;
    }
	    .slick-prev, .slick-next {
        bottom: -15.15% !important;
    }
}


@media (max-width: 768px) {
	.part-delivery h1 {
    font-size: 35px;
	}
}

@media (max-width: 768px) {
	.part-delivery {
		flex-direction: column;
	}

	.parts-image {
		margin-left: 0;
		align-self: center;
	}
}

@media only screen and (max-width: 310px) {
    .mobileheaderinfo {
        display: flex;
        width: 100%;
        text-align: center;
        justify-content: center;
    }	
	.halffooterlink{
		width: 100%;
	}
	.lgheadertext{
	font-size: 26px;
    line-height: 26px;
    margin-bottom: 5px;	
	}
	
	
}