/***** 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;}
/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 0px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 20px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(ellipse at center, rgb(33 33 33 / 5%) 0%, rgba(0, 0, 0, 0) 70%);
  background: radial-gradient(ellipse at center, rgb(33 33 33 / 5%) 0%, rgba(0, 0, 0, 0) 70%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

/*--- HEADER STYLES ---------------------*/
.topheader {
	background: #EB0000;
    display: flex;
    justify-content: flex-end;
    padding: 15px 2%;
	align-items: center;
	box-sizing: content-box;
}
.bottomheader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0% 2%;
}
.headerlogosect{
	position: relative;
    top: -22px;
    width: 20%;
}
.headericon i {
    color: #fff;
    padding-left: 40px;
}
.submitbtn{
	background: #fff;
    border: none;
    padding: 7px 10px;
    color: #676767;
}
.keyword{font-family: 'Barlow Condensed', sans-serif; padding: 7px; border: none; background: #fff; width: 280px; border-radius: 0px!important;}
.invsearch{display: flex; box-sizing: content-box; width: 250px;}
.headerinfo{padding: 0px 25px;}
.headerinfo i{color: #fff; padding-right: 20px;}
.headerinfo a{color: #fff; padding-right: 20px; font-family: 'Barlow Condensed', sans-serif; font-weight: 500;}
.mobileheaderinfo{padding: 0px 25px;}
.mobileheaderinfo i{color: #fff; padding-right: 20px;}
.mobileheaderinfo a{color: #fff; padding-right: 20px; font-family: 'Barlow Condensed', sans-serif; font-weight: 500;}
.mobileheadericon{display: none;}
.boldlink{font-weight: 500; color:#EB0000!important; }
/*---BODY--------------------------------*/
.white{color: #fff;}
.red{color: #EB0000;}
.heroimg{background: url("/siteart/roots-rv-hero.jpg"); background-size: cover; width: 100%; height: 580px; background-position: center;}
.herosect{margin-top: -20px;}
.hero-btn-sect{ display: flex; justify-content: center; align-items: center; position: relative; top: -50px;}
.herobtn {
    background: #000;
    width: 18%;
    margin: 0px 24px;
    border-top: solid #EB0000 10px;
    padding: 25px 0px 20px 35px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
	transition-duration: 0.5s;
    position: relative;
    top: 0px;
}
.herobtn:hover {
    background: #1c1c1c;
     position: relative;
    top: -5px;
}
.herobtn .lgheader{
	width: 100%;
    display: flex;
}
.heroheader {
    font-family: 'BARLOW CONDENSED';
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    color: #EB0000;
    width: 100%;
}
.heroslides{height: 580px;}
.righthalfcircle {
    width: 20px;
    background: #EB0000;
    height: 40px;
    border-bottom-left-radius: 40px;
    border-top-left-radius: 40px;
    margin-top: -18px;
}
.lgheader {
    font-size: 42px;
    font-family: 'Phudu';
    font-weight: 900;
}
.headertext{font-family: 'Phudu', sans-serif; font-size: 36px; font-weight: 900; line-height: 34px;}
.smheader{font-family: 'Phudu', sans-serif; font-size: 20px; font-weight: 900; line-height: 34px;}
.hp-cat-sect{padding: 2% 5% 4% 5%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.hp-cat-sect h2{width: 100%;}
.hp-category { width: 12%; padding: 5px 0px; margin: 30px 10px;}
.hp-category img{width: 150px;}
.hp-cat-link {font-family: 'BARLOW CONDENSED'; color: #5d5d5d; text-transform: uppercase; font-weight: 500; display: flex; align-items: center; transition-duration: 0.5s;}
.hp-cat-link:hover {color:#000;  }
.lefthalfcircle {
    width: 10px;
    background: #EB0000;
    height: 16px;
    border-bottom-left-radius: 40px;
    border-top-left-radius: 40px;
    margin-right: 14px;
}
.flex-contain{display: flex;flex-wrap: wrap;}
.hp-inv-title {
    background: #EB0000;
    padding: 40px 5%;
    width: 20%;
    border-bottom-right-radius: 80px;
    border-top-right-radius: 80px;
	position: relative;
	z-index: 10;
}
.hp-inv-title h3{
    margin-bottom: 30px;
}
iframe.scrolling {
    height: 90px; width: 100%;
}
.scrolling-wrap {
    width: 100%;
}
.hp-inv {
    background: #000;
    display: flex;
    align-items: center;
    margin-left: -70px;
    width: calc(70% + 70px) ;
	margin-top: 30px;
    margin-bottom: 30px;
}
.blkbtn {
    background: #000;
    padding: 10px 35px;
    font-family: 'Barlow Condensed';
    color: #fff;
    font-weight: 500;
	font-size: 18px;
}
.blkbtn:hover {
    background: #1a1a1a;
    box-shadow: 0px 3px 12px #00000059;
}
.redbtn {
    background: #EB0000;
    padding: 10px 35px;
    font-family: 'Barlow Condensed';
    color: #fff;
    font-weight: 500;
	font-size: 18px;
}
.redbtn:hover {
    background: #f10303;
    box-shadow: 0px 1px 5px #ff0000;
}
.hp-about-sect{background: url("/siteart/about-dark-bkgd.jpg"); background-size: cover; padding: 4% 5%; margin-top: 4%; background-position: center;}

.hp-about-left{background: url("/siteart/about-rv-campground.jpg"); background-size: cover; width: 45%; background-position: center;}
.hp-about-right{width: 46%; padding-left: 4%;}
.hp-about-right p{padding-bottom: 20px;}
.hp-about-right h4{padding-bottom: 20px;}
.paratext{font-family: 'Barlow Condensed'; font-size: 19px; line-height: 30px;}
.paratext .red:hover{font-weight: 500;}
.lgpara{font-family: 'Barlow Condensed'; font-size: 24px; line-height: 30px;}
.smpara{font-family: 'Barlow Condensed'; font-size: 15px; line-height: 30px;}
.pspages{background: url("/siteart/parts-and-service-bkgd.jpg"); background-size: cover; display: flex; align-items: center; justify-content: flex-end; padding: 120px 0px 30px 0px; border-bottom: solid 30px #000;}
.financingframe{width: 100%; margin: 40px 0px; height: 950px;}
.financepages{background: url("/siteart/finance-bkgd.jpg"); background-size: cover; display: flex; align-items: center; justify-content: flex-end; padding: 140px 0px 40px 0px; border-bottom: solid 30px #000; background-position: bottom;}
.contactpages{background: url("/siteart/contact-bkgd.jpg"); background-size: cover; display: flex; align-items: center; justify-content: flex-end; padding: 140px 0px 40px 0px; border-bottom: solid 30px #000; background-position: bottom;}
.aboutpages{background: url("/siteart/about-bkgd.jpg"); background-size: cover; display: flex; align-items: center; justify-content: flex-end; padding: 140px 0px 40px 0px; border-bottom: solid 30px #000; background-position: bottom;}
.pageheader{background: #ff0000b5; width: 30%;  border-bottom-left-radius: 50px; border-top-left-radius: 50px; text-align: right; padding: 30px 40px;}
.secondarypages{padding: 2% 5%;}
.thankyoupage{padding: 4% 5%;}
.thankyoupage p{padding-bottom: 30px;}
.full-width p{width: 85%; padding: 10px 0px;}
.paddingbt{padding-bottom: 80px;}
.missionstatement {
    background: #000;
    width: 80%;
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
    padding: 28px 50px;
    margin: 50px 0px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}
.aboutleft {
    width: 70%;
}
.aboutright {
    width: 25%;
	padding-left: 5%;
 	padding-top: 4%;
}
.why-purchase-boxes {
    width: 45%;
	padding: 2% 5% 2% 0%;
}
.purchase-header {
    display: flex;
    align-items: center;
}
.about-location-left {
    width: 40%;
    padding-right: 5%;
	padding-top: 5%;
}
.about-location-right{
	width: 50%;
	background: url("/siteart/about-page-rv.jpg");
	background-size: cover;
	height: 300px;
	background-position: bottom;
}
.locationleft{width: 50%;}
.locationright{width: 50%;}
.lpmap{width:100%; height: 400px; padding-bottom: 40px;}
.infotext{font-family: 'Barlow Condensed'; color: #000; font-size: 18px;}
.locationsection {
    padding: 8px 0px;
}
/*--------FORM STYLES--------------------*/
.thirdformfields {
    width: calc(33% - 36px);
    margin: 8px 10px 8px 0px;
    padding: 5px 10px;
    height: 28px;
	font-family: 'Barlow Condensed';
}
.halfformfields {
    width: calc(50% - 40px);
    margin: 8px 10px 8px 0px;
    padding: 5px 10px;
    height: 28px;
	font-family: 'Barlow Condensed';
}
select#State {
    height: 38px;
    width: calc(33% - 15px);
}
.fullformfields{
	width: calc(100% - 40px);
    margin: 8px 0px;
    height: 25px;
    font-family: 'Barlow Condensed';
    padding: 8px 10px;
}
.message {
    width: calc(100% - 40px);
    margin: 8px 0px;
    height: 60px;
    font-family: 'Barlow Condensed';
    padding: 15px 10px;
}
.CaptchaPanel {
    margin: 10px 0px 10px 0px!important;
    text-align: left!important;
    padding: 0px!important;
	font-family: 'Barlow Condensed'!important;
}
.CaptchaWhatsThisPanel a{color: #000;}
.submit{    
	background: #000;
    padding: 8px 35px;
    font-family: 'Barlow Condensed';
    color: #fff;
    font-weight: 500;
	font-size: 18px;
	cursor: pointer;
	border: none!important;
}
.formoption{font-family: 'Barlow Condensed'; font-size: 18px;}
/*-------- FOOTER STYLES ----------------*/
.footer{padding: 2% 5%; border-top: solid #EB0000 30px; display: flex;font-family: 'Barlow Condensed';}
.footerheader{width: 100%;font-family: 'Barlow Condensed'; font-weight: 600; font-size: 18px;}
.footerlogo {width: 16%;}
.footerlogo img{width: 180px;}
.footermiddle{width: 52%; display: flex; flex-wrap: wrap;}
.footerright{width: 32%; display: flex; flex-wrap: wrap;}
.footerthirds{width: 30%; }
.footerthirds a{width: 100%; display: flex;}
.footertext{color: #000; font-size: 15px;}
.footerthirds a:hover {
    color: #333;
}
/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/

.faceted-search-content .selected-facets-container .selected-facet{
    background: #000000!important;	
}
.invpadding{padding: 2% 0%; font-family: 'Barlow Condensed'!important; letter-spacing: 0.5px;}
.list-top-section .list-title .list-listings-count{color: #ff0000!important;}
.list-content .price-container .price{color: #ff0000!important;}
.list-top-section .list-title .list-title-text{font-family: 'Phudu', sans-serif!important;}
.view-listing-details-link{ background-color: #ff0000!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: #000000!important;}
.list-content .media-buttons .print-this, .list-content .media-buttons .email-this{  background: #000!important; padding: 10px 35px!important; font-family: 'Barlow Condensed'!important; color: #fff!important; font-weight: 500!important;font-size: 14px!important; border: none!important;}
.list-content .list-error-container .info button:not(.login-button){ background-color: #ff0000!important;}
.purchase-today-link{display: none!important;}
.finance-link-container{display: none!important;}
/*---------- RESPONSIVE STYLES ----------*/



@media only screen and (max-width: 1370px) {
	.footer {
		padding: 2%;
	}
	.footerthirds {
    width: 33%;
	}
	.herobtn{    
	width: 21%;
    margin: 0px 4px;}
	
	.hp-category {
    width: 14%;
    padding: 5px 0px;
    margin: 30px 10px;
	}

}
@media only screen and (max-width: 1270px) {
	.footerright {
    width: 70%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 25px 0px;
}
.footermiddle {
    width: 70%;
    display: flex;
    flex-wrap: wrap;
}
.footerlogo {
    width: 30%;
}
.footer{flex-wrap: wrap;
    justify-content: flex-end;}
	.aboutright {
		width: 35%;}
	.aboutleft {
    width: 60%;
}
}
@media only screen and (max-width: 1160px) {
	.herobtn{padding: 25px 0px 20px 14px; width: 25%;}	
	.righthalfcircle{margin-top: -5px;}
	.hp-category {
   width: 24%;
    padding: 5px 0px;
    margin: 35px 40px;
}
	.hp-inv-title{width: 40%;}
	.hp-inv {width: calc(50% + 70px);}
	.hp-cat-sect {padding: 2% 5% 10% 5%; justify-content: center;}
	.pageheader{width: 42vh;}
}
@media only screen and (max-width: 1020px) {
	.headerinfo{display: none;}
	.hero-btn-sect{flex-wrap: wrap;}
	.herobtn {
    padding: 25px 0px 20px 14px;
    width: 45%;
    margin: 15px 4px;
	}
	.hp-category {
    width: 25%;
    padding: 5px 0px;
    margin: 40px 5px;
}
	.hp-cat-sect {
    padding: 2% 5% 10% 5%;
    justify-content: space-between;
}
	.missionstatement {
    width: 95%;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    padding: 40px 20px;
    margin: 35px 0px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
}
}

@media only screen and (max-width: 900px) {
.footerright {
width: 98%;
}	
.footermiddle {
	width: 98%;
}	
.footerlogo {
    width: 98%;
}
.footer{justify-content: flex-start;}
.heroimg { background-position: 35%; height: 360px;}
.hp-about-right {
    width: 100%;
    padding-left: 0%;
    padding-top: 5%;
}
.hp-about-left {
    width: 100%;
    background-position: 43% 82%;
    height: 250px;
}
.about-location-left {
    width: 95%;
    padding-right: 5%;
    padding-top: 5%;
}
.about-location-right {
    width: 100%;
	margin-top: 50px;}
	.why-purchase-boxes {
    width: 95%;
    padding: 8% 5% 0% 0%;
}
	.aboutleft {
    width: 100%;
}
	.aboutright {
    width: 100%;
    padding-left: 0%;
    padding-top: 0%;
    padding-bottom: 10%;
}
	.paddingbt {
    padding-bottom: 50px;
}
}
@media only screen and (max-width: 700px) {
	.thirdformfields {
		width: calc(99% - 36px);}
	.halfformfields {
    width: calc(99% - 40px);
	}
	select#State {
    height: 38px;
    width: calc(100% - 15px);
	}
	.contactpages{background-position: 24% 50%;}
	.secondarypages {
    padding: 15% 5%;
}
	.locationleft {
    width: 100%;
    padding-bottom: 30px;
}
	.locationright {
    width: 100%;
}
	.aboutpages{    background-position: right;}
	.aboutright{padding-bottom: 30%;}
}
@media only screen and (max-width: 620px) {

.hp-category {
    width: 45%;
    padding: 5px 0px;
    margin: 30px 5px 15px 5px;
}	
.hp-inv-title {
    width: 90%;
	border-bottom-right-radius: 0px;
    border-top-right-radius: 40px;
}
.hp-inv {
    width: calc(100% + 70px);
    margin-left: 0px;
    padding: 30px 0px;
    margin-top: 0px;
}
	.thankyoupage {
    padding: 8% 5% 15% 5%;
}
}
@media only screen and (max-width: 570px) {
	.mobileheadericon{display: block; color: #fff;
    padding-left: 20px;}
	.mobileheadericon i{color: #fff;    font-size: 20px;}
	.mobileheaderinfo {display: none}
	.footerthirds {
    width: 100%;
    padding: 10px 0px;
}
	.footerlogo{text-align: center;
    padding-bottom: 25px;}
	.herobtn {
    padding: 25px 0px 10px 14px;
    width: 87%;
    margin: 5px 4px;
}
	.keyword{font-size: 18px;}
	.headericon i{    font-size: 20px;}
	.hp-about-sect{padding: 4% 5% 12% 5%;}
	.pspages{background-position: center;}
	.heroslides { height: 375px;}
}

@media only screen and (max-width: 490px) {
	.mobileheadericon{padding: 10px 20px;}
	.headericon i { padding-left: 25px;}
	.invsearch {
    display: flex;
    box-sizing: content-box;
    width: 68%;
	}
	.topheader{    
	justify-content: center;
    padding: 20px 2% 35px 2%;
    align-items: center;
    box-sizing: content-box;
    flex-wrap: wrap;}
	.headertext {    
	font-size: 35px;
    line-height: 35px;}

	.hp-about-right{padding-top: 10%;}
	.lgheader{font-size: 35px; line-height: 35px;}
	.full-width p {
    width: 100%;
    padding: 10px 0px;}
.missionstatement {
	width: 80%;}
.hp-category img {
    width: 110px;
}
}
@media only screen and (max-width: 315px) {
	.invsearch{width: 95%;}
	.bottomheader {
    display: flex;
    align-items: center;
	justify-content: center;
	    padding: 0% 2% 18% 2%;
    flex-wrap: wrap;
	}
	.hp-category img {
    width: 130px;
	}
	.hp-category {
    width: 97%;
    padding: 5px 0px;
    margin: 20px 5px 0px 5px;
}
	.headertext {    
	font-size: 26px;
    line-height: 28px;}
	.aboutright {
		
    padding-bottom: 24%;
	}
		.hp-category {
    width: 64%;
    padding: 5px 0px;
    margin: 30px 5px 0px 5px;
	}
	.hp-category img {
    width: 175px;
	}
	.hp-cat-link{font-size: 20px;}
	.hp-cat-sect{justify-content: center;}
}