/***** 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;
}

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

body {

}

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


hr{border:#000 1px solid;}
.slide-in-right {
	-webkit-animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2023-12-13 9:1:34
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-right
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

.slider {
 overflow: hidden;
 width: 100%;
 height: 750px;
 position: relative;
}
.slider .slide {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 750px;
    animation: slider 27s infinite;
    background-repeat: no-repeat;
    background-size: cover;
}
 

.slider .slide:nth-child(1) {
   background-image: url('/siteart/nh-showroom best.jpg');
   animation-delay: 0s;
}

.slider .slide:nth-child(2) {
   background-image: url('/siteart/scroll-1.jpg');
	background-position: center right;
   animation-delay: -4.5s;
}

.slider .slide:nth-child(3) {
   background-image: url('/siteart/Scroll-image2.jpg');
   animation-delay: -9s;
   background-position: center center;

}

.slider .slide:nth-child(4) {
   background-image: url('/siteart/Scroll-image3.jpg');
	background-position: center center;
   animation-delay: -9s;
}

.slider .slide:nth-child(5) {
   background-image: url('/siteart/Scroll-image4.jpg');
   background-position: center center;
   animation-delay: -13.5s;
}
.slider .slide:nth-child(6) {
   background-image: url('/siteart/Scroll-image5.jpg');
   background-position: center center;
   animation-delay: -18s;
}
.slider .slide:nth-child(7) {
   background-image: url('/siteart/Scroll-image6.jpg');
   background-position: center center;
   animation-delay: -22.5s;
}


@keyframes slider {
  0%, 18%, 100% {
    opacity: 1;
    animation-timing-function:ease-in;
    z-index: 0;
  }
  20% {
    opacity: 0;
    animation-timing-function: step-end;
    z-index: 0;
  }
  98% {
    opacity: 1;
    animation-timing-function: step-end;
    z-index: -1;
  }
}
/*--- HEADER STYLES ---------------------*/
.header {
	display: flex;
    padding: 0% 0% 0% 1%;	
	box-sizing: content-box;
	
}
.navlogoone {
    width: 50%;
    padding: 3px 4px;
}
.navlogotwo {
    width: 40%;
    padding: 3px 6px;
}
.navlogo img {
    width: 100%;
}
.inventorycontactbtn {
  	position: sticky;
    top: 0px;
    z-index: 200;
    width: 100%;
    background: #fff;
    padding: 5px 30px;
    display: flex;
    justify-content: center;
    height: 92px;
    align-items: flex-end;
}
.inventorycontactbtn .yellowbtn {
    background: #f8bc2a;
    color: #000;
    font-family: 'Poppins', sans-serif;
    padding: 15px 30px;
    font-weight: 600;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    font-size: 17px;
}
.logosect{
    display: flex;
    align-items: center;
    background: url(/siteart/redarrow.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    width: 40%;
    position: relative;
    right: -75px;
    background-size: contain;
}
.headerright {
    width: 85%;
}
.navlinksection{
	background: url("/siteart/nav-bkgd.png");
	background-color:black;
	background-size: cover;
    background-repeat: no-repeat;
    padding: 20px 15px;
    display: flex;
    align-items: flex-end;
    background-position: bottom;
    position: relative;
    right: 30px;
    width: 100%;
}
.navinfosect{
	display: flex; 
	padding: 24px 62px; 
	justify-content: flex-end;				
	font-family: 'Poppins', sans-serif;
}
.navinfo{padding: 0px 10px;}
.navinfo a{color:#000; font-size: 16px; padding: 0px 10px; }
.navinfo i{color:#d72631; font-size: 20px; }
.hyundailogo{width: 70%!important; margin-top: 22px; transition-duration: 0.6s; padding: 5px;}
.hyundailogo:hover {
 box-shadow: 0px 0px 15px #e5e5e566;
    opacity: 78%;
}
.mobileheadericons{
	display: none;
}
/*---BODY--------------------------------*/
.herosect{height: 750px; display: flex; align-items: flex-end; background-repeat: no-repeat; background-size: cover; background-position: center; justify-content: flex-end; overflow: hidden;}
.herosearch {
    background: #4b4b4be8;
    width: 78%;
    padding: 35px 8% 35px 4%;
	text-align: right;
	border-radius: 8px 0px 0px 0px;
}
.hpinvsearch {
    background: #4b4b4b;
    width: 84%;
    padding: 35px 8%;
}
.hpinvsearch form{
   display: flex;
	justify-content: space-between;
	align-items: center;
}
.herosubhead {
	font-family: 'Poppins', sans-serif;
	color: #fff;
    position: relative;
    bottom: 4px;
    font-size: 26px;
    font-weight: 400;
	padding-bottom: 14px;
}
.herosearchbar{    
	width: 80%;
    margin-right: 25px;
    padding: 8px 18px;
    text-transform: uppercase;
    font-weight: 700;
}
.submit{    background: #f8bc2a;
    border: none;
    padding: 8px 34px;
    font-weight: 500;
	cursor: pointer;
	color: #000!important;
	border-radius: none!important;
}
.submit:hover{    
	background: #ffc537;
    font-weight: 500;
}

.heroheader {
    background: #d72631bf;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    padding: 4px 8% 4px 0%;
    width: 70%;
    border-radius: 50px 0px 0px 50px;
    font-size: 50px;
    position: relative;
    top: 24px;
    text-align: right;
}
.herotextsect{
	width: 65%;
	display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
	position: relative;
	z-index: 200;
}
.lgheader{
	font-family: 'Poppins', sans-serif;
	font-size: 40px;
    font-weight: 700;
	line-height: 32px;
}
.lgheader2{
	font-family: 'Poppins', sans-serif;
	font-size: 40px;
    font-weight: 700;
	line-height: 32px;
	margin-bottom: 0px;
}
.medheader{
	font-family: 'Poppins', sans-serif;
	font-size: 32px;
    font-weight: 700;
	line-height: 30px;
}
.smheader{
	font-family: 'Poppins', sans-serif;
    font-size: 25px;
    font-weight: 600;
	text-transform: uppercase;
	line-height: 29px;
}
.smheaderlight{
	font-family: 'Poppins', sans-serif;
    font-size: 25px;
    font-weight: 400;
	text-transform: uppercase;
	line-height: 29px;
}
.smheaderterms{
	font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 600;
	text-transform: uppercase;
	line-height: 29px;
}
.red{color:#d72631;}
.white{color: #fff;}
.black{color: #000;}
.hp-cat-sect{padding: 4% 8%; display: flex; flex-wrap: wrap; justify-content: space-around;}
.hp-cat-sect h2{width: 100%;}
.hp-cat-boxes{
	background-repeat: no-repeat;
    width: 30%;
    height: 212px;
    display: flex;
    align-items: center;
	margin: 25px 0px 25px 10px;
}
.hp-cat-text{background: url("/siteart/grey-arrow.png"); background-repeat: no-repeat; height: 212px; width: 100%; display: flex;  flex-wrap: wrap; align-content: center; align-items: center; padding: 0px 30px; line-height: 20px; transition-duration: 0.5s; background-size: contain;
}
.hp-cat-text:hover{background-position: 10% 50%;}
.hp-cat-text p{width: 100%;}
.subhead{font-family: 'Poppins', sans-serif; font-size: 28px; font-weight: 700; text-transform: uppercase; line-height: 28px;}
.smsubhead{font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: 400;}
.hp-service-banner{background: url("/siteart/tire-texture.jpg"); background-position: center; display: flex; padding: 45px 8%; justify-content: space-between; align-items: center; background-color: #000;}
.yellowbtn{background: #f8bc2a; color: #000; font-family: 'Poppins', sans-serif; padding: 6px 30px;}
.yellowbtn:hover{ background: #ffc537; font-weight: 500;}
.heroyellowbtn{background: #f8bc2a; color: #000; font-family: 'Poppins', sans-serif; padding: 8px 45px; margin: 0px 5px; font-size: 18px; font-weight: 600;}
.heroyellowbtn:hover{    
	background: #ffc537; font-weight: 500;
    
}
.checkboxtitle{text-align: left; padding: 10px;}
.paddingleft5{padding-left: 5%;}
.half-sect{width: 45%;}
.half-sect img{width: 100%; padding-top: 50px;}
.paratext{	font-family: 'Poppins', sans-serif; font-size: 15px;}
.smparatext{	font-family: 'Poppins', sans-serif; font-size: 14px!important;}
.lgparatext{	font-family: 'Poppins', sans-serif; font-size: 17px; padding-bottom: 20px; line-height: 28px;}
.bannertext{	font-family: 'Poppins', sans-serif; font-size: 20px; padding-bottom: 20px!important;}
.hp-about-sect{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.hp-about-sect p{padding: 30px 0px;}
.hpmap{width: 100%; height: 480px;}
.redarrow {
    background: url(/siteart/redarrow.png);
   	width: 150px;
    height: 85px;
    background-size: 135%;
    background-repeat: no-repeat;
    background-position: right;
}
.lgredarrow {
    background: url(/siteart/redarrow.png);
   	width: 70px;
    height: 90px;
    background-size: 135%;
    background-repeat: no-repeat;
    background-position: right;
}
.hp-about-header {
    display: flex;
    align-items: flex-start;
}
.redbanner{
	width: 84%;
    background: #d72631;
    text-align: right;
    padding: 12px 8%;
	display: flex;
    justify-content: flex-end;
    align-items: center;
}
.whitearrow{
	background: url("/siteart/white-arrow.png");
    height: 30px;
    background-repeat: no-repeat;
    width: 35px;
    background-size: contain;}
.hp-form-sect {
    display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.hp-form-left {
    width: 40%;
	background: url("/siteart/updated-form-graphic.jpg");
	height: auto;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.hp-form-right{
	background: url("/siteart/grey-bkgd-angle.png"); 
	background-size: cover;
    width: 47%;
    padding: 6% 8% 2% 5%;
    text-align: right;
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	background-color: #000;
}
.hp-form-right form{padding: 8px 0px; width: 95%;}
.hp-form-right h4{
	width: 55%; padding-bottom: 10px;}
.hp-form-right p{
	width: 100%; font-size: 18px;}
.centerpageheader{
	display: flex;
    align-items: center;
    justify-content: center;
	text-align: center;
	padding: 50px 10px 15px 10px;
}
.centerpageheader p{
	font-weight: 500!important;
}
.centerpageheader h1{
	padding-bottom: 20px;
}
.centerpagebanner{
	display: flex;
    align-items: center;
    justify-content: center;
	text-align: center;
	padding: 20px 10px 20px 10px;
    background-color: #f2bb01;
}
.contactpagehead{padding-left: 75px;}
.pagepadding{padding: 2% 8%;}
.pageheaderleft{padding-right: 30px;}
.thirdboxsect{display: flex; justify-content: space-between; padding-bottom: 80px;}
.repair{background: url("/siteart/repairs-service.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center;}
.maintenance{background: url("/siteart/maintenance-service.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center;}
.experience{background: url("/siteart/experience-service.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center;}
.thirdbox{
    width: 25%;
    display: flex;
    flex-wrap: wrap;
    padding: 40px 50px;
    align-content: stretch;
    align-items: center;
}
.fifthsect{
    width: 20%;
}
.fourfifthsect{
	width: 78%;
	padding-left: 15px;
}
.flexbox{display: flex; padding-bottom: 65px; align-items:flex-start; justify-content:space-between; flex-wrap: wrap;}
.flexbox-left{display: flex; padding-bottom: 100px; align-items:flex-start; justify-content:flex-start; flex-wrap: wrap;}
.flexbox-stretch{display: flex; padding-bottom: 80px; align-items: stretch; justify-content:space-between; flex-wrap: wrap;}
.thirdsect{width:30%;}
.two-third-sect{
	width: 70%;
}
.missionheader{
	background: #d72631;
	padding: 35px 30px 25px 30px;
	display: flex;
}
.missionheader h4{
	font-size: 24px;
	padding: 0px 20px;
}
.two-third-sect img{
	width: 90%;
}
.aboutheader{padding-left: 90px;}
.about-half-sect{
	width: 55%;
	padding-right: 10%;
}
.about-half-sect p{
	padding: 30px 0px 60px 0px;
}
.aboutmap{width: 100%; height: 350px;}
.aboutbtns {
    width: 100%;
    display: flex;
    justify-content: center;
	margin-top: 20px;
	margin-bottom: 25px;
}
.termslist li{list-style: disc; list-style-position: inside; padding: 5px 0px; line-height: 30px;}
.fullwidthcenter{width: 100%; display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 100px;}
.center{text-align: center;}
.right{text-align: right;}
.fullwidthcenter p{width: 64%; padding-bottom: 20px;}
.fullwidthcenter h4{width: 100%;}
.thirdsect.leftredborder {
    border-left: solid 20px #d72631;
    padding: 30px;
    width: 24%;
}
.greybanner{
	background: #e8e8e8;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    padding: 0px 120px 0px 150px;
    width: 100%;
    position: relative;
    left: -150px;
}
.flexfulltext {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    padding: 18px 0px;
}
.flexfulltext h3{
    width: 100%;
    padding: 0px;
	font-weight: 700;
}
.fullaboutimage{    
	background: url(/siteart/about-banner.jpg);
    width: 100%;
    background-size: cover;
    height: 380px;
    background-position: center;
    margin-bottom: 40px;
    text-align: center;
    display: flex;
    justify-content: center;
    padding-top: 40px;
    align-items: flex-end;
}
.missiontext{
	background: #000000bf;
    width: 100%;
    padding: 20px 0px 10px 0px;
}
.mobilemissiontext{
	display: none;
	background: #000000bf;
    width: 100%;
    padding: 20px 0px 10px 0px;
}
.aboutbtns a {
    margin: 0px 10px;
}
.redblock {
      background: url(/siteart/redarrow.png);
    height: 30px;
    width: 4vh;
    margin: 0px 20%;
    background-size: contain;
    background-repeat: no-repeat;
    text-align: center;
    justify-content: center;
    display: flex;
}
.lttextsect {
    padding-bottom: 120px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	text-align: center;
}
.lttextsect .fullwidthcenter{
    padding-bottom: 0px;
}
.lttextsect p{
   width: 65%;
	padding: 10px 0px 25px 0px;
}
.lttextsect h4{
   width: 100%;
}

.lftpageheader {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    padding: 50px 0% 20px 0%;
}
.lftpageheader p{
	font-weight: 500!important;
}
.lftpageheader h1{
	padding-bottom: 20px;
}
.paddingbtm{padding-bottom: 20px;}
.staff-head-sect{width: 100%;}
.employee-boxes {
    width: 26%;
    margin: 14px 7% 14px 0%;
}
.employee-img img{
    width: 100%;
 
}
.employee-info-red {
    background: #d72631;
    border-bottom-right-radius: 30px;
    padding: 18px 40px 0px 40px;
}
.employee-info-blk {
    background: #000;
    border-bottom-right-radius: 30px;
    padding: 18px 40px 0px 40px;
}
.cpmap{ padding: 0px 0px; height: 300px; width: 100%;}
.tybtn{margin: 0px 15%;}
.thankyouheader{padding-left: 100px; padding-top: 20px;}
.rentalmap{
	padding:0px;
    height: 100%;
    width: 100%;
}
.servicephoto img{width: 100%;}
.aboutbtns .yellowbtn{width: 20%; text-align: center;}
.terms p{line-height: 35px;}
.terms {    padding: 2% 16%;}
/*--------FORM STYLES--------------------*/
.fullformfield{   
	width: 100%;
    height: 40px;
    margin: 5px 0px;
    background: #e8e8e8;
    padding: 0px 10px;
    text-transform: uppercase!important;
    font-family: 'Poppins', sans-serif;
    color: #0c0c0c!important;
	font-weight: 700;
	border-radius: 0px!important;
	box-sizing: border-box;
}
.thirdformfield{   
	width: 33.18%;
    height: 40px;
	margin: 5px 0px 5px 0px;
	box-sizing: border-box;
    background: #f5f5f5;
    padding: 0px 10px;
    text-transform: uppercase!important;
    font-family: 'Poppins', sans-serif;
    color: #0c0c0c!important;
	font-weight: 700;
	border-radius: 0px!important;

}

.comments{ 
	width: 100%;
    height: 105px;
    margin: 5px 0px;
    background: #e8e8e8;
    padding: 12px 10px;
    text-transform: uppercase!important;
    font-family: 'Poppins', sans-serif;
    color: #0c0c0c!important;
	font-weight: 700;
	border-radius: 0px!important;
	box-sizing: border-box;
}
.cpcomments{ 
	width: 100%;
    height: 105px;
    margin: 5px 0px;
    background: #f5f5f5;
    padding: 12px 10px;
    text-transform: uppercase!important;
    font-family: 'Poppins', sans-serif;
    color: #0c0c0c!important;
	font-weight: 700;
	border-radius: 0px!important;
	box-sizing: border-box;
}
.CaptchaPanel {
    margin: 10px 0px 10px 0px;
    text-align: right!important;
    padding: 0px!important;
}
.CaptchaMessagePanel{color: #fff!important;font-family: 'Poppins', sans-serif;font-weight: 400!important; font-size: 12px!important;
}
.CaptchaWhatsThisPanel a{color: #fff!important;font-family: 'Poppins', sans-serif;}

.cpform .CaptchaPanel {
    margin: 10px 0px 10px 0px;
    text-align: left!important;
    padding: 0px!important;
}
.cpform .CaptchaMessagePanel{color: #000!important;font-family: 'Poppins', sans-serif;font-weight: 400!important; font-size: 12px!important;
}
.cpform .CaptchaWhatsThisPanel a{color: #000!important;font-family: 'Poppins', sans-serif;}
.mobileinfo {
    font-size: 20px;
}
input[type="button"],
input[type="submit"] {
	-webkit-appearance: none;
}
#formpage input.submit-button, #formpage input.submit-button:focus, #submit-btn button{
	background: #f8bc2a;
    border: none;
    padding: 4px 50px;
    font-weight: 400;
	cursor: pointer;
	color: #000!important;
	border-radius: none!important; 
	animation-timing-function: ease-in;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	text-transform: uppercase;
}
#formpage input.submit-button:hover, #submit-btn button:hover{ background:#ffd000; color:#000; cursor:pointer;}
#submit-btn{padding: 0px; position: relative; text-align:right; background: #f8bc2a; font-family: 'Poppins', sans-serif;}
.submit-button{padding: 10px 45px 10px 45px; position: relative; text-align:right; background: #f8bc2a; font-family: 'Poppins', sans-serif; border: none!important; cursor: pointer;}
.submit-button:hover{background: #ffc537;}
.captcha-button{width:100%; margin:0 auto;}
.include-captcha{display:none;}
#formpage input.submit-button{color:#fff!important;}
input.checkbox {
    width: 35px;
}

.checkboxsect {
    display: flex;
    font-family: 'Poppins';
    color: #fff;
	padding-bottom: 14px;
}
.checkboxsect div {
    width: 33%;
    text-align: left;
    font-size: 15px;
}
.two-third-sect #submit-btn{
	width: 12%;
    text-align: center;
}
.rental-form{
		padding-bottom: 50px;
}


.rental-form #submit-btn{
	width: 12%;
    text-align: center;
}
.smheader i{padding: 0px 18px;}
.cpbox .thirdsect{
		text-align: center;
	}
.rentalrequest{display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 12px;}
.rentalrequest .CaptchaImage{width: auto!important;}
/*-------- FOOTER STYLES ----------------*/
.footer{background: #242025; padding: 2%;display: flex; justify-content: space-between; color: #fff; font-family: 'Poppins', sans-serif;}

.footersocials {
    width: 25%;
    text-align: right;
}
.footericons{font-size: 26px; color: #fff; padding: 0px 10px;}

.footertext{ color: #fff; font-size: 14px; text-transform: uppercase; margin-bottom: 8px;}
.footersect a{ padding: 0px 8px;}
.footersect i{ color: #d72631;}
.footerheader{ color: #fff; font-size: 19px; font-weight: 700;}
.termsbtn {
    background: #f8bc2a;
    color: #000;
    font-family: 'Poppins', sans-serif;
    padding: 6px 0px !important;
    width: 100%;
    display: block;
    text-align: center;
}
.callpage {
    display: flex;
    justify-content: center;
    padding: 25px 0px 8% 0px;
}
.callform {
    width: 45%;
}
.callform #submit-btn{
	background: #fff!important;
}
/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.invpadding{padding: 80px 0px;}

.list-top-section .list-title .list-listings-count{color: #d72631!important;}

.faceted-search-content .selected-facets-container .selected-facet{ background: #d72631!important;}

.list-content .list-error-container .info button:not(.login-button){
background-color: #232323!important;
}
.view-listing-details-link{
background-color: #d72631!important;	
}
.list-content .price-container .price{
	color: #d72631!important; border-radius: 0px!important;
}
.list-content .media-buttons .print-this, .list-content .media-buttons .email-this{
	background: #f8bc2a!important; color: #000!important; font-family: 'Poppins', sans-serif!important; padding: 8px 40px!important; border: none!important; border-radius: 0px!important;
}
.list-content .list-container .buy-btn, .list-content .list-container .contact-btn, .list-content .list-container .check-availability, .list-content .list-container .email-seller, .list-content .list-container .video-chat, .list-content .list-container .facebook-messenger, .list-content .list-container .whatsapp, .list-content .list-container .text{
	background-color: #232323!important; border-radius: 0px!important;
}
.list-top-section .sticky-top-menu .listing-option-bar-content .list-listings-count{
	    color: #d72631!important;
}
.mobile-option-bar .mobile-option-bar-filter{	    color: #d72631!important;
}
.faceted-search-content .mobile-done-button-container .mobile-done-button{
	
    background: #333333!important;
}
/*---------- RESPONSIVE STYLES ----------*/


@media only screen and (max-width: 1625px) {
	.herosearch{width: 78%;}
	.heroheader{width: 68%;}
}
@media only screen and (max-width: 1500px) {
	.thirdformfield{width: 33%;}
}
@media only screen and (max-width: 1590px) {
	.logosect{width: 35%;}
	.headerright { width: 65%;}
	.navlinksection{padding: 9px;}
	.herotextsect{width: 75%;}
	.navinfo i {font-size: 16px;}
	.navinfo a{font-size: 14px;}
		.logosect{right: -40px;}
}

@media only screen and (max-width: 1380px) {
	.logosect {
    width: 40%;
	background: none;
	}
	.navlinksection{background-position: left;}
	.navinfo {
    padding: 0px 4px;
	}
	.navinfo a{font-size: 13px;}
	.header{align-items: flex-end;}
	.thirdbox { width: 28%; padding: 40px 25px;}
	.cpbox a{
    width: 75%;
    display: block;
    margin: 10px;
	}
	.logosect {width: 40%;}
	.navlinksection {right: 18px;}
	.herosearch{width: 88%;}
	.heroheader{width: 77%;}
	.header {padding: 0% 0% 0% 0%;}
	.logosect{right: -30px;}
	.headerright {
    width: 70%;
}
	.hyundailogo {
		width: 66% !important}
	.navinfosect{padding: 24px 0px;}
	.missionheader{flex-wrap: wrap;}
	.missionheader h4{width: 100%; padding: 10px 0px; font-size: 22px;}
}
@media only screen and (max-width: 1300px) {
.heroheader {
    width: 78%;
	font-size: 50px;
}	
.herosubhead{font-size: 25px;}
.herotextsect {
	width: 90%;}
}
@media only screen and (max-width: 1240px) {
	.employee-boxes {width: 30%; margin: 50px 1%;}
	.employee-info-blk{padding: 18px 20px 0px 20px;}
	.employee-info-red{padding: 18px 20px 0px 20px;}
	.thirdsect {
    width: 33%;
}
	.two-third-sect {
    width: 67%;
}
	.fourfifthsect {
    width: 65%;
    padding-left: 15px;
}
	.fifthsect {
    width: 30%;
}
	.terms {    padding: 2% 10%;}
}
@media only screen and (max-width: 1150px) {
	.hp-cat-boxes{width: 32%; height: 235px;}	
	.hp-cat-text{height: 235px;}
	.hp-cat-text:hover {background-position: 22% 0%;}	
	.hp-service-banner p {width: 95%;}
	.thirdbox { width: 28%; align-content: flex-start; padding: 40px 15px;}
	.employee-boxes {
    width: 30%;
    margin: 16px 1%;
}
	.staff-head-sect {
    width: 100%;
}
	.flexbox{justify-content: flex-start;}
	.herosearch {
    width: 100%;
    padding: 35px 5% 35px 0%;
}
	.herotextsect {
    width: 95%;
}
	.heroheader {
    top: 10px;
    width: 85%;
    line-height: 45px;
    padding: 16px 5% 16px 0%;
}
	.greybanner{
	padding: 0px 30px 0px 150px;
    width: 100%;}
	.lttextsect p {
		width: 95%;}
		.footer{flex-wrap: wrap;}
	.footersect {
    width: 50%;
    padding: 10px 0px;
}
	.footersocials {
    width: 100%;
    text-align: left;
}
	.footersect {
		width: 100%;
		padding: 18px 0px;
	}
}
@media only screen and (max-width: 1080px) {
	.navinfosect{display: none;}	


}
@media only screen and (max-width: 1045px) {
	.fifthsect {
    width: 100%;
    padding-bottom: 30px;
}
	.fourfifthsect {
    width: 100%;
    padding-left: 0px;
}
}
@media only screen and (max-width: 1023px) {

	.logosect {width: 85%; justify-content: center; right: 0px; padding-bottom: 15px;}
	.navlogo { width: 20vh; padding: 3px;}
	.herosubhead{ line-height: 24px;}
	.header{align-items: center; justify-content: center;}
	.herosearchbar {
    width: 90%;
	}

	.employee-boxes {
    width: 42%;
    margin: 16px 4%;
}
	.headerright{display: none;}
	.mobileheadericons {
    display: block;
    text-align: center;
    padding: 8px 0px 18px 0px;
    margin-bottom: 0px;
}
		.navinfo i {
    font-size: 24px;
}
}
@media only screen and (max-width: 930px) {
	.thirdsect { width: 100%; padding-bottom: 80px;}
	.two-third-sect { width: 100%;}
	.slider .slide {height: 65%;}
	.herotextsect {
    width: 100%;
}
	.heroheader {
    top: 0px;
    width: 95%;
    line-height: 45px;
    padding: 28px 5% 28px 0%;
    background: #d72631;
    border-radius: 50px 0px 0px 0px;
}
	.herosearch {
    width: 100%;
    padding: 50px 5% 85px 2%;
    border-radius: 0px;
    background: #4b4b4b;
}
	.thirdformfield {
    width: 100%;
}
	.cpbox a {
		width: 35%; text-align: center;}
	.cpbox .thirdsect {
    text-align: left;
    padding-bottom: 20px;
	display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.cpbox .thirdsect h3{
width: 100%;
}
.aboutbtns .yellowbtn{width: auto;}
	.terms {    padding: 2% 4%;}
}
@media only screen and (max-width: 900px) {
	.herosect{height: 710px;}
	.hp-cat-boxes {width: 100%; height: 200px; margin: 25px 0px 25px 0px; }
	.hp-cat-text {height: 200px;}
	.hp-cat-text:hover {background-position: 10% 0%;}
	.hp-form-right h4 {width: 100%;}
	.pageheaderleft { padding-right: 0px; width: 100%;}
	.centerpageheader{flex-wrap: wrap;}
	.lgredarrow{
	width: 20px;
    height: 12px;
    padding-top: 30px;}
	.centerpageheader h1 {
    padding-bottom: 15px;
}
	.lgheader{line-height: 35px;}
	.about-half-sect {width: 100%; padding-bottom: 60px; padding-right: 0px;}
	.thirdsect.leftredborder{width: 100%;}
	.fullwidthcenter p {width: 100%;}
	.herosearch{padding: 42px 5% 60px 2%;}
	.heroyellowbtn{padding: 8px 24px;}
	.employee-boxes {
    width: 48%;
    margin: 16px 1%;
}
	.contactpagehead{ padding-left: 0px;}
	.aboutheader{padding-left: 0px;}
	.thankyouheader {
		padding-left: 0px;}
}

@media only screen and (max-width: 800px) {
	.hp-service-banner{flex-wrap: wrap;}
	.half-sect { width: 100%; padding: 25px 0px; text-align: left;}
	.hp-about-sect{padding: 5% 0%;}		
	.half-sect img {width: 100%; padding-top: 0px;}
	.employee-boxes {width: 47%;}
	.slider{height: 762px;}
}
@media only screen and (max-width: 750px) {
	.herosect {
		height: 745px;}
	.herosearch {
    padding: 25px 5% 25px 2%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	}
	.heroyellowbtn {
    padding: 10px 30px;
    width: 85%;
    margin: 5px 5px;
}
	.cpbox a {
	width: 48%;}
}
@media only screen and (max-width: 715px) {
	.thirdboxsect{flex-wrap: wrap;}
	.thirdbox {width: 100%; align-content: flex-start; padding: 25px 15px; margin: 15px 0px;}
	.lftpageheader{flex-wrap: wrap; padding: 40px 0px 20px 0px;}
	.centerpageheader{padding: 50px 10px 20px 10px; }
		.aboutbtns{ display: flex; flex-wrap: wrap; width: 100%;}
	.aboutbtns .yellowbtn{padding: 10px 20px; width: 75%; text-align: center;  margin: 5px 0px;}
}
@media only screen and (max-width: 700px) {
	.hp-form-left {
		width: 100%; height: 250px; background-position: center;}
	.hp-form-right{width: 100%; padding: 8% 5%;}
	.tybtn {margin: 0px 20px;}
	.redblock{margin: 0px 3px;}

}
@media only screen and (max-width: 650px) {
	.logosect { right:0px; justify-content: center;}
.heroheader {
    line-height: 36px;
    font-size: 38px;
    width: 94%;
    padding: 16px 5%;
    border-radius: 12px 0px 0px 0px;
}
	.herosubhead {font-size: 20px;}
	.hp-cat-sect {padding: 10% 5%;}
	.hp-about-header{flex-wrap: wrap; padding: 0% 5%;}
	.redarrow {width: 35px; height: 28px; margin-bottom: 10px;}
	.redbanner{position: relative; z-index: 10;}
	.hpmap{margin-bottom: -40px; }
	.hp-form-right {
		justify-content: center;
		text-align: left;
	}
	.hp-form-right form {width: 98%;}
	.fullformfield {width: 90%;}
	.comments {width: 90%;}
	.lgheader{line-height: 30px; font-size: 35px;}
	.thirdformfield {width: 95%; margin: 5px 0px;}
	.cpcomments {width: 95%;}
	.hpinvsearch form{flex-wrap: wrap;}
	.hpinvsearch .submit{margin-top: 12px;}
	.employee-boxes {
    width: 65%;
    margin: 16px 14%;
}
	
}

@media only screen and (max-width: 470px) {
	.logosect {width: 100%;}
	.navlogo { width: 40%; }
	
.greybanner {
    padding: 0px 50px 0px 38px;
    width: 92%;
    position: relative;
	left: -38px;}
	.bannertext{padding-bottom: 35px!important;}
.slider .slide { height: 55%;}
	.fullaboutimage{ height: 180px; background-position: left; margin-bottom: 50px}
	.footer {padding: 10% 5%;}
	.employee-boxes {width: 100%; margin: 16px 7%;}
	.tybtn {margin: 0px 5px;}
	.checkboxsect div{ width: 78%;}
	.checkboxsect{flex-wrap: wrap;}
.smheader i {
    padding: 0px 8px;
}
.flexbox.cpbox {
    padding-bottom: 20px!important;
}
	.cpmap {
		padding: 0px 0px;}
	.cpbox a {
		width: 70%;}
	.smheader{padding-bottom: 10px;}
	.centerpageheader {
    padding: 50px 15px 20px 15px;
}
	.cpbox .thirdsect{
		padding-bottom: 35px!important;
		text-align: center;
	}
	.subhead{font-size: 22px;}
	.lgheader {
    line-height: 35px;
    font-size: 32px;
}
	.fullaboutimage{margin-bottom: 42px;}
	.mobilemissiontext{display: block; width: 84%;
    padding: 20px 8% 10px 8%;
    margin-bottom: 30px;}
	.missiontext{display: none;}
	.lttextsect p {
    width: 100%; text-align: left;font-size: 16px;
    line-height: 30px;
}
	.rentalmap{height: 380px;}
	.missionheader h4 {
    font-size: 20px;
}
}

@media only screen and (max-width: 370px) {
	.smheader {
    font-size: 22px;
}
.greybanner {
    padding: 0px 50px 0px 38px;
    width: 82%;
    position: relative;
    left: -38px;
}
	.bannertext{font-size: 18px;}
	.employee-boxes {
    width: 100%;
    margin: 16px 0%;
}
	.lttextsect p {
    width: 100%;
}
}
@media only screen and (max-width: 320px) {
	.herosearchbar{    margin-right: 0px;}
	.lgheader { font-size: 24px; line-height: 23px;}
	.subhead{font-size: 18px; line-height: 16px;}
	.thirdbox {width: 90%;}
	.smheader {font-size: 20px;}	
	.yellowbtn { font-size: 12px;}
	.thirdsect.leftredborder {padding: 30px 10px;}
	.cpcomments {
    width: 90%;
}
	.thirdformfield {
    width: 90%;
    margin: 5px 0px;
}
	.greybanner {
    padding: 0px 13px 0px 35px;
	width: 100%;}
}