@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@300;400;500;700;800;900&family=Open+Sans:wght@300;400;500;600;700;800&display=swap');

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 {
	font-family:'open-sans', sans-serif; overflow-x:none;

}
h1, h2, h3, h4{font-family:'M Plus rounded 1c', sans-serif; font-weight:800!important;}
a{text-decoration:none;}

.red-btn{width:160px; padding:10px; font-weight:600; display:block; text-align:center; background-color:#a3130c; color:#fff!important; font-size:14px; border-radius:5px; transition:.3s ease; border:solid 1px #a3130c;}
.red-btn-center{width:160px; padding:10px; font-weight:600; display:block; text-align:center; background-color:#a3130c; color:#fff; font-size:14px; border-radius:5px; margin:30px auto 0 auto; transition:.3s ease; border:solid 1px #a3130c;}
.red-btn:hover, .red-btn-center:hover{background-color:#000;}


.banner{width:100%;}
.banner img{width:100%;}
/*--- HEADER STYLES ---------------------*/
.cylce-slideshow{width:100%; position:relative;}
.cycle-slideshow{
	background-image: url(/siteart/hero2.jpg);
	padding-bottom: 700px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
} 
/*img{width:100%; object-fit:cover;}*/
.header-container{max-width:1500px; width:100%; box-sizing:border-box; padding:0 10px; margin:0 auto; position:absolute; top:0; z-index:100; left:0px; right:0px; }
.header-top{width:100%; display:flex; flex-direction:row; justify-content:flex-end; padding:6px 0;}
.header-top a{color:#fff; padding:10px; font-size:12px; background-color:#a3130c; margin:0 3px; border-radius:5px; transition:.3s ease;}
.header-wrapper{width:100%; display:flex; flex-direction:row; justify-content: space-between;}
.logo{max-width:320px; width:100%;}
.logo img{width:100%;}
.header-top a:hover{background-color:#000;}
/*--------Page-header------------*/
.page-top{width:100%; position:relative; height:300px; background: #000;}
.page-top img{width:100%; height:100%; object-fit:cover; filter:brightness(.5);}

/*--------Hero----------------*/
.hero{width:100%; display:flex; flex-direction:row; padding-top:60px;}
.hero-left{width:40%;}
.hero-left2{display:none;}
.hero-right{width:60%; max-width:850px; margin: 0 auto;}
.hero-right h1{font-size:40px; color:#fff; font-weight:600; line-height:38px; max-width:560px; margin:0 auto; text-shadow:3px 3px 6px rgba(0,0,0,.8);text-transform:uppercase;}

.hero-box{background-color:rgba(225,225,225,.8); border-bottom-left-radius:15px; border-bottom-right-radius:15px;}
#second{display:none;}
.lable{display:flex; flex-direction:row;}
.lable button{width:calc(50% - 4px); box-sizing:border-box;border:none!important; border-top-left-radius:10px; border-top-right-radius:10px; color:#000; background-color:#fff; font-size:16px; font-weight:600;padding:15px; text-align:center; display:block; margin:0 2px; transition:.3s ease;}
.lable button:hover{cursor:pointer; background-color:#a3130c; color:#fff;}
button.active{background-color:#a3130c; color:#fff;}

.slide-search{width:90%; margin:0 auto; padding:60px 0;}
.shop-links{width:90%; margin:0 auto; display:flex; flex-direction:row; flex-wrap:wrap; padding:40px 0;}
.shop-links a{width:45%; box-sizing:border-box; padding:20px 12px; text-align:center;}
.shop-links a img{max-width:200px; width:100%; margin:0 auto; transition:.3s ease;}
.shop-links a p{font-size:16px; font-weight:600; color:#000;}
.shop-links a:hover img{transform:scale(110%);}

/*---------Home About-------------*/
.home-about{padding:100px 10px; width:100%; max-width:1500px; box-sizing:border-box; margin:0 auto; }
.home-about h2{font-size:42px; color:#a3130c; font-weight:600; line-height:38px; text-transform:uppercase;}
.home-about h2 span{ font-size:30px; color:#000; font-weight:200!important; font-family:'segoe', sans-serif;}
.home-about p{font-size:16px; color:#000; line-height:22px; padding:20px 0 50px 0;}
.home-about p a{font-weight:600; color:#000; transition:.3s ease;}
.home-about p a:hover{color:#a3130c;}

/*----------Quick Links-------------*/

.top-qls{width:100%; display:flex; flex-direction:row;}
.top-qls a{ background: #000; width:50%; margin:10px; min-height:300px; max-height:600px; position:relative; overflow:hidden;}
.top-qls a img{width:100%; height:100%; object-fit:cover; filter:brightness(.5); transition:.3s ease;}
.ql-text{position:absolute; left:10%; bottom:25%; z-index:200;}
.ql-text h3{font-size:42px; color:#fff; font-weight:600; line-height:38px; text-transform:uppercase; padding-bottom:15px;text-shadow:3px 3px 6px rgba(0,0,0,.8);}
.bottom-qls{width:100%; display:flex; flex-direction:row;}
.bottom-qls a{background: #000; width:33.33%; margin:10px; min-height:300px; max-height:700px; position:relative; overflow:hidden;}
.bottom-qls a img{width:100%; height:100%; object-fit:cover; filter:brightness(.5); transition:.3s ease;}
.ql-text{position:absolute; left:10%; bottom:25%; z-index:200;}
.ql-text h3{font-size:42px; color:#fff; font-weight:600; line-height:38px; text-transform:uppercase; padding-bottom:15px; text-shadow:3px 3px 6px rgba(0,0,0,.8);}
.top-qls a:hover img, .bottom-qls a:hover img{transform:scale(110%); filter:brightness(.8);}

/*----------Brands-------------*/
.brands{width:100%; max-width:1500px; margin:0 auto; display:flex; flex-direction:row; box-sizing:border-box;}
.brands a{width:calc(25% - 10px); box-sizing:border-box; margin:20px 5px; border:solid 4px #D1D1D1;}
.brands a img{width:100%; max-width:200px; margin:0 auto; display:block; padding: 15px 0 10px 0; transition:.3s ease;}
.brands a p{margin:0 auto -20px auto!important;}
h3.brand{font-size:34px; color:#a3130c; font-weight:600; line-height:38px; text-transform:uppercase; text-align:center; padding:30px 0;}
.brands a:hover img{transform:scale(110%);}
/*---------Home Bottom--------------*/
.home-bottom{width:100%; padding:60px 0; background: #000 url("/siteart/forest.jpg") center center no-repeat; background-size:cover; background-attachment: fixed; min-height:450px; margin-top:100px;}
.home-bottom-wrapper{width:100%; max-width:1500px; box-sizing:border-box; padding:0 10px; display:flex; flex-direction:row; margin:0 auto;}
.home-bottom-left, .home-bottom-right{width:50%;}
.testimonials{width:100%; display:flex; flex-direction:row; justify-content: space-between;}
.person{width:20%;}
.testimonial-container{width:80%;}

.easter-banner{
	background-color: #A11211;
	text-align: center;
	color: white;
	padding: 12px;
	font-weight: 600;font-size: 24px;
	text-transform: uppercase;
}

#middle{display:none;}
#bottom{display:none;}
.person{display:block; padding-top:20px;}
.person button{width:100%; max-width:80px; box-sizing:border-box;border:none!important;display:block; margin:0 2px; transition:.3s ease; background:transparent;}
.person button img{width:100%; display:block;}
.person button img.red{display:none;}
.person button:hover img{display:none; cursor:pointer;}
.person button:hover img.red{display:block; cursor:pointer;}
button.selected img{display:none;}
button.selected img.red{display:block;}

.white-box{background-color:rgba(225,225,225,.9); border-radius:15px; box-sizng:border-box; padding:40px;}
.home-bottom-left h4 span{font-size:24px; text-transform:uppercase; color:#E3291F; font-weight:400; font-family:'segoe', sans-serif;}
.home-bottom-left h4{padding-bottom:60px; font-size:34px; color:#fff; font-weight:600; text-transform:uppercase; line-height:32px;}
.white-box i{color:#a3130c; font-size:14px; padding-bottom:5px;}
.testi-name{font-size:16px; font-weight:800; padding-bottom:10px;}
.white-box p{font-size:15px; line-height:20px;}

.home-bottom-right{text-align:center; padding-top:12%;}
.home-bottom-right h4{font-size:34px; color:#fff; font-weight:600; line-height:32px; text-align:center; text-shadow:3px 3px 6px rgba(0,0,0,.8);}
.home-bottom-right p{font-size:15px; color:#fff; padding-top:10px;}
.home-bottom-right a{margin:20px auto 0 auto!important;}


/*-----------Pages-----------------*/
.page-header{max-width:1500px; width:100%; margin:0 auto; box-sizing:border-box; padding:0 10px; margin-top:-100px; position:relative; z-index:10; margin-bottom:54px; text-align:center;}
.page-header h1{color:#fff; font-size:38px; text-transform:uppercase; line-height:34px;}
.page-width{max-width:1500px; width:100%; margin:0 auto; box-sizing:border-box; padding:10px;}

/*--------About--------------*/
.about-wrapper{width:100%; display:flex; flex-direction:row;}
.about-right{width:33%; box-sizing:border-box; margin:10px;}
.about-right img{width:100%; object-fit:cover;}
.about-left{width:66.66%; border: solid 5px #E5E5E5; Margin:10px; box-sizing:border-box; padding:50px;}
.about-left p{font-size:16px; line-height:22px;}
.about-left a.red-btn{margin-top:25px!important;}
.about-left a{font-weight:600; color:#000;}
.about-left a:hover{color:#a3130c;}
.about-wrapper ul li{line-height:24px;}
.about-wrapper ul li i{color:#a3130c; padding-right:10px;}
.about-wrapper h2{font-size:26px; text-transform:uppercase; color:#a3130c; padding:30px 0 15px 0;}
/*---------Camping-----------*/

.camping-container{width:100%; box-sizing:border-box; padding:0 10px;}
.camping-box{width:100%; padding:100px 60px; background-color:#fff; box-sizing:border-box; display:flex; flex-direction:row;}
.camping-left{width:45%;}
.camping-left img{width:95%;}
.camping-right{width:55%;}
.camping-right h2{font-size:26px; text-transform:uppercase; color:#a3130c; padding-bottom:20px;}
.camping-right p{font-size:15px; line-height:22px;}
 p.camping-about{font-size:15px; padding:60px; box-sizing:border-box;}


.camping-whole h2{font-size:30px; text-transform:uppercase; color:#a3130c; padding:60px 0 20px 0;}
.camping-whole{width:100%; padding:0px 60px 60px 60px; background-color:#fff; box-sizing:border-box;}
.check-list{width:100%; display:flex; flex-direction:row;}
.check-half{width:50%;}
.check-half ul{padding-bottom:25px;}
.check-half ul li{font-size:18px; line-height:24px;}
.check-half ul li i{color:#a3130c; padding-right:10px;}

.camping-buttons{box-shadow:2px 2px 3px 3px rgba(0,0,0,.2);max-width:1500px; width:100%; margin:80px auto;}

.button-icon{width:100%; display:flex; flex-direction:row; box-sizing:border-box;}
.button-wrapper{width:20%; position:relative;}
.button-icon button{width:100%; background-color:#efefef; padding:60px 0; border:solid 1px #E8e8e8; }
.button-icon i{font-size:60px; padding-bottom:10px; color:#000;}
.button-icon p{font-size:16px; font-weight:600; text-transform:uppercase; color:#000;}

#secondpanel, #thirdpanel, #firstpanel, #fourthpanel, #fifthpanel #panel{width:100%;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}

.red-btns{width:100%; max-width:1500px; margin:0 auto; display:flex; flex-direction:row; padding:40px 0; justify-content: space-between}
.red-btns a{width:49%; padding:26px; background-color:#a3130c; text-align:center; display:block; border-radius:10px; font-size:18px; text-transform:uppercase; color:#fff; box-sizing: border-box;}

.button-wrapper2{width:33.33%; position:relative;}
.compare{width:100%; box-sizing:border-box; padding:60px; text-align:center;}
.compare p{font-size:22px; color:#a3130c;}
.compare h3{font-size:30px; color:#a3130c; font-weight:600; padding:10px 0; text-transform:uppercase;}
.compare p.small{font-size:15px; color:#000;}

#First, #Second, #Third, #Fourth, #Fifth{width:100%;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
.open {background: #fff!important;border-bottom:none!important;}
.button-wrapper button:hover, .button-wrapper2 button:hover{background-color:#fff; cursor:pointer;}

/*-------Finance---------------*/
.finance-wrapper{width:100%; max-width:1500px; box-sizing:border-box; padding:60px 10px; margin:0 auto;}
.finance-wrapper h2{font-size:30px; text-transform:uppercase; color:#a3130c; padding:20px 0 20px 0;}
.finance-wrapper iframe{width:100%; height:500px;}
.finance {width:100%; padding:40px 60px 40px 60px; box-sizing:border-box;}
.finance h3{font-size:28px; color:#a3130c; font-weight:600; padding:10px 0; text-transform:uppercase; padding-bottom:25px;}
.finance h2{font-size:24px; color:#000; font-weight:600; text-transform:uppercase; padding-top:15px;}
/*-------------Blog-----------------*/
.blog-wrapper{max-width:1500px; margin:0 auto; width:100%; padding:50px 0; display:flex; flex-direction:row; flex-wrap:wrap;}
.blog{width:calc(33.33% - 20px); margin:10px;}
.blog img{width:100%; box-shadow:3px 3px 3px rgba(0,0,0,.2);}
.blog h2{font-size:20px; text-transform:uppercase;}
.blog p.date{font-size:16px; padding-bottom:15px;}
.blog-img{width:100%; height:500px;}
.blog-img img{width:100%; height:100%; object-fit:cover;}
.finance p.date{font-weight:600; padding-top:5px;}

/*---------contact--------------*/
.contact-wrapper{width:100%; margin:0 auto; display:flex; flex-direction:row;}
.contact-left{width:33%;}
.contact-right{width:calc(67%); padding:10px;}
.contact-left{box-sizing:border-box; padding:20px 30px; border:solid 3px #e8e8e8; margin:10px;}
.contact-btn button{background-color:#a3130c; border:none; font-size:18px; border-radius:10px; text-transform:uppercase; color:#fff; text-align:center; width:100%; padding:26px; display:block; margin:0 auto; font-weight:600; margin-top:10px; transition:.3s ease;}
.contact-btn button:hover{background-color:#000;}
.contact-left p{font-szie:16px; font-weight:600; color:#000; padding:2px 0;}
.contact-left p a{font-size:15px; color:#000; font-weight:400; transition:.3s ease;}
.contact-left h2{font-size:24px; color:#a3130c; text-transform:uppercase;}
.contact-left p a:hover{color:#a3130c;}

/*--------Parts---------------*/
.parts-btn button{width:160px; padding:10px; font-weight:600; display:block; text-align:center; background-color:#a3130c; color:#fff!important; font-size:14px!important; border-radius:5px; border:none; margin-top:30px; transition:.3s ease;}
.parts-btn button:hover{background-color:#000;}
.parts-btn button p{font-size:14px; line-height:18px;}

/*-----Testimonials---------------*/
.finance i{font-size:14px; color:#a3130c; padding-bottom:5px;}
p.Date2{font-size:14px; color:#444; padding-bottom:15px;}
.finance p{font-size:15px; line-height:22px;}

.testi-btns{width:100%; padding:30px 0; max-width:1500px; margin:0 auto; display:flex; flex-direction:row; justify-content: space-between;}
.testi-btn{width:49%;}
.testi-btn button{background-color:#a3130c; border:none; font-size:18px; border-radius:10px; text-transform:uppercase; color:#fff; text-align:center; width:100%; padding:26px; display:block; transition:.3s ease; font-weight:400;}
.testi-btn button:hover{background-color:#000; cursor:pointer;}
.open2{background-color:#000!important;}
/*--------FORM STYLES--------------------*/
.flex-form h4{font-size:18px; padding:40px 0 10px 0;}
.flex-form h3{font-size:26px; color:#000; text-transform:uppercase; padding-bottom:10px; text-align:center;}
.flex-form p{font-size:15px; text-align:center; padding-bottom:40px;}
.flex-form p a{color:#000; font-weight:600;}
#formpage .label-row{font-weight:400!important; font-size:16px!important; padding-top:20px!important;}
.form-width{width:100%; max-width:1500px; margin: 20px auto; padding:30px 60px; box-sizing:border-box; box-shadow:2px 2px 6px rgba(0,0,0,.2);}
.flex-form{width:100%;text-align: left;margin: 0 auto;flex-direction: row;justify-content: flex-start;align-items: flex-start;font-size: 15px;}
.form-background{width:100%;margin: 0 auto;}
#formpage input, select, .formfield input[type="text"] {padding:16px 10px;border: 1px solid #ccc;color: #777!important;font-size: 14px;margin-top: 5px;}
.flex-row{display:flex;flex-direction:row;width:100%;}
#formpage {width:100%;vertical-align: top;display:inline-block;text-align:left;padding: 30px 0px 20px 0;}
.form-half{width:50%;display: inline-block;vertical-align: middle;margin:0 5px;}
.form-third{width:33.3%;display: inline-block;vertical-align: middle;margin:0 5px;}
.form-whole{width:100%;display:block;vertical-align:middle;margin: 0 5px;}
.row-input{display:flex; flex-direction:row;}
input[type="text"], input[type="email"], input[type="date"], select, input[type="phone"]{width:100%;box-sizing:border-box;}
input[type="button"],input[type="submit"] {-webkit-appearance: none;}
#formpage textarea {box-sizing:border-box;padding: 15px;border: 1px solid #ccc!important;color: #000;font-size: 16px;background: #fff;width: 100%;height: 100px;border-radius:2px;margin-top:10px;}
#formpage textarea:focus{border: 1px solid #ccc; border-radius:2px} 
#formpage input.submit-button, #formpage input.submit-button:focus, #submit-btn button{background:#a3130c; color:#ffffff;padding:10px;text-decoration:none;transition:ease-in .3s;width: 160px;border:none;height:auto; font-size:14px; font-weight:600; border-radius:5px; margin: 0 auto;}
#formpage input.submit-button:hover, #submit-btn button:hover{transition:ease-out .3s; background-color:#000; cursor:pointer;}
.submit-button, #submit-btn{padding:10px 0px 10px 0px;position:relative;width:100%;text-align:center;}
.captcha-button{width:160px; margin:0 auto;}
.include-captcha{display:none;}
#formpage input.submit-button{color:#fff!important;}

/*-------- FOOTER STYLES ----------------*/
footer{width:100%; background-color:#000; padding:80px 0;}
.footer{width:100%; max-width:1500px; box-sizing:border-box; padding:0 10px; display:flex; flex-direction:row; margin:0 auto;}
.foot-col{width:25%;}
.foot-col img{max-width:250px; width:100%; box-sizing:border-box; padding:0 5px;}
.foot-col p{font-size:20px; font-weight:600; color:#E4261D; text-transform:uppercase; padding-bottom:15px;font-family:'Helvetica rounded LT Std', sans-serif;}
.foot-col li{font-size:14px; color:#fff; line-height:22px; list-style:none!important;}
.foot-col li a{font-size:14px; color:#fff; text-transform:uppercase; transition:.3s ease;}
.foot-col a.red-btn{margin-top:15px;}
.bottom-footer{width:100%; background-color:#555; padding:10px 0; text-align:center;}
.bottom-footer p{color:#ccc; font-size:14px;}
.bottom-footer p a{color:#ccc;}
.foot-col li a:hover{color:#a3130c;}
/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/

.inventory-links{width:100%; max-width:1300px; margin:-230px auto 60px auto; display:flex; flex-direction:row; flex-wrap:wrap; padding:40px 0; position:relative; z-inex:100;}
.inventory-links a{width:25%; box-sizing:border-box; padding:20px 12px; text-align:center;}
.inventory-links a img{max-width:180px; width:100%; margin:0 auto; transition:.3s ease;}
.inventory-links a p{font-size:16px; font-weight:600; color:#fff;}
.inventory-links a:hover img{transform:scale(110%);}
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .buy-now-link,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .check-availability-link,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .email-seller-link,
.body-wrapper>div:not(.detail-wrapper) .faceted-section-box .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .apply-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .apply-button,
.body-wrapper>div:not(.detail-wrapper) button.page-nav {
    background: #a3130c !important;
    color: #fff !important;
}

.body-wrapper>div:not(.detail-wrapper) .view-listing-details-link,
.body-wrapper>div:not(.detail-wrapper) .contact-options a,
.body-wrapper>div:not(.detail-wrapper) .fin-calc-mobile>a,
.body-wrapper>div:not(.detail-wrapper) button.g-recaptcha.button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .apply-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .nuf-button,
.body-wrapper>div:not(.detail-wrapper) .list-error-container .info button,
.body-wrapper>div:not(.detail-wrapper) .mobile-done-button-container .mobile-done-button,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.gtm-buynow.des-buy-now,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.des-buy-now,
.body-wrapper>div:not(.detail-wrapper) button.selected-facet.ts-button,
.body-wrapper>div:not(.detail-wrapper) .detail-contact-bar .contact-bar-btn {
    background: #a3130c !important;
    color: #fff !important;
}

.body-wrapper>div:not(.detail-wrapper) .view-listing-details-link:hover,
.body-wrapper>div:not(.detail-wrapper) .contact-options a:hover,
.body-wrapper>div:not(.detail-wrapper) .fin-calc-mobile>a:hover,
.body-wrapper>div:not(.detail-wrapper) button.g-recaptcha.button:hover,
.body-wrapper>div:not(.detail-wrapper) .email-seller-link:hover,
.body-wrapper>div:not(.detail-wrapper) .mc-nav-controls .mc-icon-navarrow span,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.gtm-buynow.des-buy-now:hover,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.des-buy-now:hover,
.body-wrapper>div:not(.detail-wrapper) .detail-contact-bar .contact-bar-btn:hover {
    background: #000!important;
    color: #fff !important;
    /*----Border----*/
}

.body-wrapper>div:not(.detail-wrapper) .faceted-section-box .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .back-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .back-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .back-button,
.body-wrapper>div:not(.detail-wrapper) .parts-listing-container .mobile-parts-detail-container .dealer-phone-container a {
    color: #000 !important;
    border: 1px solid #000 !important;
    /*-----------------------OTHER TEXT STYLES-----------------------*/
    /*----Page Title----*/
}

.body-wrapper>div:not(.detail-wrapper) .list-title .list-title-text,
.body-wrapper>div:not(.detail-wrapper) .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-title-text span,
.body-wrapper>div:not(.detail-wrapper) .title-media-buttons-heading h1 {
    color: #000 !important;
    line-height: 28px !important;
}

.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .listing-dealer-info .dealer-name,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .fin-calc,
.body-wrapper>div:not(.detail-wrapper) .list-listing-mobile .listing-dealer-info .spec-value,
.body-wrapper>div:not(.detail-wrapper) .fin-calc,
.body-wrapper>div:not(.detail-wrapper) .fin-calc p,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-error .info,
.body-wrapper>div:not(.detail-wrapper) .parts-bottom-section .parts-list-view .parts-list-content .error-message,
.body-wrapper>div:not(.detail-wrapper) .info,
.body-wrapper>div:not(.detail-wrapper) .list-title .list-listings-count,
.body-wrapper>div:not(.detail-wrapper) .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count,
.body-wrapper>div:not(.detail-wrapper) .list-top-section .listing-option-bar .list-listings-count,
.body-wrapper>div:not(.detail-wrapper) span.part-list-price.bold,
.body-wrapper>div:not(.detail-wrapper) .dealer-company-header,
.body-wrapper>div:not(.detail-wrapper) .dealer-info h3,
.body-wrapper>div:not(.detail-wrapper) .listing-description-text,
.body-wrapper>div:not(.detail-wrapper) .paging-container .list-page-number,
.body-wrapper>div:not(.detail-wrapper) .paging-container .page-number,
.body-wrapper>div:not(.detail-wrapper) .listing-main-stats .price,
.body-wrapper>div:not(.detail-wrapper) .list-container-flexrow .price-container .price,
.body-wrapper>div:not(.detail-wrapper) h2.listing-portion-title,
.body-wrapper>div:not(.detail-wrapper) .list-listing-mobile .price-container .price,
.body-wrapper>div:not(.detail-wrapper) .compare-listings-container .compare-container .comp-header-img .comp-title-close-cont .compare-title,
.body-wrapper>div:not(.detail-wrapper) .compare-listings-container .compare-container .compare-price,
.body-wrapper>div:not(.detail-wrapper) .rent-title,
.body-wrapper>div:not(.detail-wrapper) .rent-title-details,
.body-wrapper>div:not(.detail-wrapper) span.list-title-text,
.body-wrapper>div:not(.detail-wrapper) a.search-results-link,
.body-wrapper>div:not(.detail-wrapper) h3.listing-portion-title {
    color: #000 !important;
}

.body-wrapper>div:not(.detail-wrapper) .mobile-option-bar .mobile-option-bar-filter,
.body-wrapper>div:not(.detail-wrapper) span.listing-prices__retail-price,
.body-wrapper>div:not(.detail-wrapper) span.parts-listings-count {
    color: #000 !important;
    /*-----------------------MEDIA QUERIES-----------------------*/
}


/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (max-width: 1650px) {
/*	.hero-right{padding-top:12%;}*/
	.hero{padding-top:50px;}
	.shop-links{padding:20px 0;}
}

@media only screen and (max-width: 1450px) {
/*	.cycle-slideshow{height:620px;}*/
	.cycle-slideshow img{height:100%; object-fit:cover;}
	.hero-left{width:50%;}
	.hero-right{width:50%;}
	.home-bottom-left{width:60%;}
	.home-bottom-right{width:40%;}
	.about-left, .about-right{width:50%;}
	
}
@media only screen and (max-width: 1200px) {
	
/*	.hero-left{margin:170px auto 0 auto!important;}*/
	
	
	.cycle-slideshow{
		height:0px;
	}
	.hero{flex-direction:column-reverse;}
	.hero-right{width:100%; 
		padding-bottom:10%;
	}
	.hero-left{width:80%; margin:60px auto 0px; 
		padding-top: 50px;
	}
	.home-about{padding:670px 10px 100px 10px;}
	.lable button{background:#000; color:#fff;}
	.active{background-color:#a3130c!important;}
	.hero-box{background:#fff; box-shadow:3px 3px 6px rgba(0,0,0,.2);}
	.ql-text h3{font-size:34px; line-height:32px;}
	.brands{flex-wrap:wrap; justify-content: center;}
	.brands a{width:30%;}
	.home-bottom-right{padding-top:18%;}
	.home-bottom-right h4{font-size:28px; line-height:26px;}
	.about-wrapper{flex-direction:column-reverse;}
	.about-right{width:60%; margin:0 auto;}
	.about-left{width:97%;}
	.about-right{padding-top:50px;}
	
}
@media only screen and (max-width: 1100px) {
	.camping-buttons .button-icon{flex-direction:column;}
	.button-wrapper{width:100%; }
	.button-icon button{padding:20px 0;}
	.contact-wrapper{flex-direction:column;}
	.contact-left, .contact-right{width:100%; margin:0; border:none;}
	.blog-wrapper{flex-wrap:wrap;}
	.blog{width:47%;}
	.blog h2{line-height:20px;}
	.contact-right{padding:0;}
	
}
@media only screen and (max-width: 1000px) {
	.hero-right{padding-bottom:18%;}
	.top-qls, .bottom-qls{flex-direction:column;}
	.top-qls a, .bottom-qls a{width:100%; max-height:300px; min-height:300px; margin:10px 0;}
	.top-qls a img, .bottom-qls a img{position:absolute; bottom:0;}
	.brands a{width:40%;}
	.home-bottom-wrapper{flex-direction:column;}
	.home-bottom-right, .home-bottom-left{width:98%;}
	.home-bottom-right{padding-top:10%;}
	.finance-wrapper iframe{height:700px!important;}
	.camping-box{flex-direction:column-reverse;}
	.camping-left, .camping-right{width:100%;}
	
}
@media only screen and (max-width: 800px) {
	.footer{flex-wrap:wrap;}
	.foot-col{width:50%; padding:15px 0;}
	.red-btns{flex-direction:column;}
	.testi-btn, .red-btns a{width:96%; margin:10px;}
	.flex-row{flex-direction:column;}
	.form-half, .form-third{width:100%;}
	.button-icon{flex-direction:column;}
	.button-wrapper2{width:100%;}
	.contact-wrapper{width:100%; padding-top:40px;}
	.blog{width:98%;}
	.finance{padding:40px 25px;}
	.blog-img{height:300px;}
	
	
	
}
@media only screen and (max-width: 650px) {	
	
	.hero-left{margin:150px auto 0 auto!important;}
	.banner img{width:130%; margin-left:-100px;}
	.banner{overflow:hidden;}
	
	.header-top{display:none;}
	.header-container{padding:0;}
	.logo{padding:10px; background:#fff; box-sizing:border-box;}
	.hero-right{padding-top:15%;}
	.hero-right h1{font-size:30px; line-height:30px; box-sizing:border-box; padding:0 10px;}
	.cycle-slideshow{
/*		height:380px;*/
	}
	.home-about h2{font-size:34px; line-height:32px;}
	.home-about h2 span{font-size:26px;}
	.top-qls a, .bottom-qls a{min-height:240px;}
	.brands a{width:100%;}
	.home-bottom-left h4{font-size:28px; line-height:28px; padding-bottom:0;}
	.home-bottom-left h4 span{font-size:22px;}
	.testimonials{flex-direction:column;}
	.person{display:flex; flex-direction:row; width:100%; justify-content:center;}
	.person button{max-width:100px; padding:10px 0;}
	.testimonial-container{width:100%;}
	.foot-col{width:100%; text-align:center;}
	.foot-col .red-btn{margin:0 auto;}
	.hero-left{width:95%;} 
	.page-header{margin-top:-140px;}
	.page-header h1{font-size:30px; line-height:28px;}
	.flex-form h3{line-height:24px;}
	.about-right{width:80%; padding-top:80px;}
	.about-left{padding:50px 25px;}
	.check-list{flex-direction:column;}
	.check-half{width:100%;}
	.camping-whole h2{font-size:28px; line-height:26px;}
	p.camping-about{padding:80px 25px 60px 25px;}
	.compare{padding:50px 25px;}
	.contact-wrapper{width:93%; padding-top:80px;}
	.testi-btns{flex-direction:column; padding: 80px 0 20px 0;}
	
}
@media only screen and (max-width: 520px) {	
	.banner img{width:120%; margin-left:-40px;}
		.hero-left{ 
		padding-top: 100px;
	}
}
@media only screen and (max-width: 420px) {
	.hero-right h1{font-size:26px; line-height:26px;}
	.brands a img{max-width:150px;}
	h3.brand{font-size:28px;}
	.ql-text h3{font-size:28px; line-height:26px;}
	.shop-links{width:100%;}
	.shop-links a{width:100%;}
	.home-about{padding:500px 10px 100px 10px;}
	.form-width{padding:30px 20px;}
	.camping-box{padding:60px 25px;}
	.contact-left{padding:20px;}
	.inventory-links{display:none;}
	.hero-left{ 
		padding-top: 200px;
	
}
	.home-about{padding-bottom:600px;}
}