@charset "utf-8";
/***** BEGIN RESET *****/

* {

    border:0;
    margin:0;
    padding:0;
}

body {
	-webkit-text-size-adjust: none;
	background:#fff;
	overflow-x:hidden;
	color:#000;
	line-height:1!important;
    font-family: 'Open Sans', sans-serif;
}

._reviewInfo_3glv7_54 span {color:#000!important;}
._reviewCarouselContainer_nygxs_2 ._subText_nygxs_47 {color:#000!important;}
._reviewCarouselContainer_z332j_2 ._subText_z332j_47 {color:#000!important;}
.list-listings-count {color:#246C98!important}
._header_sec3y_44 {
    text-align: center;
    font-size: 32px;
    font-weight: normal;
    letter-spacing: 0.25px;
    padding-top: 30px;
    display: table;
    margin: auto;
}
/*============================
ALL PAGES
============================*/
.showme {display:none;}
.hideme {}


ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}

.wrap {width:95%;margin:0 auto;max-width:1400px;}

h1, h2, h3, h4, h5 {font-family: 'Open Sans', sans-serif;}
p {font-family: 'Open Sans', sans-serif;}

.aligncenter {text-align:center;}
.submain h2 {margin-bottom:10px;}
/***** END RESET *****/

/*====================hover easing style

-webkit-transition: all .5s ease; 
-moz-transition: all .5s ease; 
-ms-transition: all .5s ease; 
-o-transition: all .5s ease; 
transition: all .5s ease;

======================================*/

/*============================
HEADER
============================*/

header {width:100%;float:left;position:relative;z-index:1;box-shadow:0 0 10px #000;background:#141414;} 

.sideheads {width:calc(50% - 150px);float:left;}
.mainlogo {width:300px;float:left;padding:10px 0}
.mainlogo img {width:100%;float:left;}

.sideheads h2 {width:100%;float:left;padding:38px 0;}
.sideheads img {width:30px;float:left;margin-right:10px;
-webkit-transition: all .5s ease; 
-moz-transition: all .5s ease; 
-ms-transition: all .5s ease; 
-o-transition: all .5s ease; 
transition: all .5s ease;}

.sideheads img:hover {transform:scale(1.5);}

.sideheads h3 {width:100%;float:left;text-align:right;font-size:16px;font-weight:600;padding:31px 0;line-height:25px;color:#fff;}


/*---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: bold;
                text-decoration: none;
                color: #fff;
                border: 1px solid #fff;
                padding:0 5px 5px 5px;
}
.popup .close:hover {
  background: #000;
}
.popup .content {
  max-height: 60%;
  overflow: auto;
}

/*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:#187259;
                border:3px solid #ffffff;
                border-radius: 5px;
                width: 100%;
                max-width: 1300px;
                position: absolute;
                top: 6vw;
                left: 0;
                right: 0;
                float:none;
                padding: 40px 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:#000;
                font-size: 16px;font-weight: 400;
}
.popup img {
	margin-top: 15px;
}
.popup h1 {
	color:white;
	text-align:center;
}
.popup h2 {
	color:white;
	text-align:center;
}
.popup p {
	color:white;
	text-align:center;
}
.popup {
	line-height: 33px;
}
.overlay:target .popup {
    top: -180%;
    left: -100%;
}


.swiper-button-next{
	color: #13715A !important;
}
.swiper-button-prev{
	color: #13715A !important;
}

/*============================
SLIDESHOW
============================*/
.slide-contain {
	width:100%;
	float:left;
    position:relative;
    z-index:0;
}

.cycle-slideshow {
	width:100%;
	overflow:hidden;
	float:left;
	display:block;
}
.cycle-slideshow img {display:block; width:100%; float:left}

/* pager */
.pager { 
    text-align:center; width:100%; margin:-50px 0 -2px; position:relative; z-index:999; float:left;
}
.pager span { 
    font-family:arial; font-size:50px; width:16px; height:16px; display:inline-block; color:rgba(255,255,255,0.8); cursor:pointer; 
}
.pager span.cycle-pager-active { color:#000;}
.pager > * { cursor:pointer;}

/*============================
SLIDER
============================*/

.swiper {
  width: 100%;
  
  aspect-ratio: 16 / 9; height: auto;
}

.swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}


.swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
}

.checkmark-list{
	padding: 24px;
}

.checkmark-list li{
	list-style-type: none !important;
}

.checkmark-list li::before {
  content: "✔";
  color: green;
  font-weight: bold;
  margin-right: 8px;
	list-style: none;
}

.learn-more-button{
	padding: 16px 32px;
	color: #13715A;
	text-decoration: none;
	border-radius: 3px;
	font-weight: 800;
	border: #13715A 1px solid;
}


/*============================
RVS
============================*/
.rvs {width:100%;float:left;position:relative;z-index:2;margin-top:-50px;}
.rvgradient {width:100%;float:left;height:50px;background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);}


.bottomrvs {width:100%;float:left;background:#fff;margin-top:-1px;padding-bottom:30px;}
.rvsixth {width:16.66%;float:left;padding:10px;box-sizing:border-box;margin-top:-50px;position:relative;z-index:3;}

.rvsixth img {width:100%;float:left;margin-bottom:20px;}
.rvsixth a {width:100%;float:left;background:#000;text-align:center;color:#fff;padding:10px 2px;box-sizing:border-box;text-decoration:none;border: inset 1px rgba(255,255,255,.25);
    border-radius: 4px;}
a.new-cont-link {width:300px;float:left;background:#000;text-align:center;color:#fff;padding:10px 20px;box-sizing:border-box;text-decoration:none; margin-top:1em; margin-bottom:1em;border: inset 1px rgba(255,255,255,.25);
    border-radius: 4px;}
a.new-cont-link:hover {background:#187259;}


a.new-cont-link.inverted {width:300px;float:left;background:#187259;text-align:center;color:#fff;padding:10px 20px;box-sizing:border-box;text-decoration:none; margin-top:0.33em; margin-bottom:1em;border: inset 1px rgba(255,255,255,.25);
    border-radius: 4px;}
a.new-cont-link.inverted:hover {background:#aaa; color: #187259;}


a.new-cont-link2 {width:100%;background:#000;text-align:center;color:#fff;padding:10px 20px;text-decoration:none; margin-top:1em; margin-bottom:1em;border: inset 1px rgba(255,255,255,.25);
    border-radius: 4px;}
a.new-cont-link2:hover {background:#187259;}
a.new-cont-link3 {width:300px;background:#000;text-align:center;color:#fff;padding:10px 20px;box-sizing:border-box;text-decoration:none; margin:18px auto;border: inset 1px rgba(255,255,255,.25);
    border-radius: 4px;}
a.new-cont-link3:hover {background:#187259;}
.tenbutton {width:100%;float:left;background:#e2e2e2;padding:20px 0;}

.sidearrows {width:40px;float:left;text-align:center;font-size:60px;color:#187259;text-align:center;margin-top:5px;}

.middletxt {width:calc(100% - 80px);float:left;}
.middletxt h4 {width:100%;float:left;text-align:center;color:#000;font-size:22px;letter-spacing:8px;text-transform:uppercase;}
.middletxt h2 {width:100%;float:left;text-align:center;color:#187259;font-size:40px;font-weight:900;text-transform:uppercase;letter-spacing:3px}

.rvsixth a:hover {background:#187259;}

.tenbutton:hover {background:#187259}
.tenbutton:hover h2 {color:#fff;}
.tenbutton:hover h4 {color:#fff;}

.new-link {color:#187259 !important; text-decoration: none;}
.new-link:hover {color:#000 !important; text-decoration: underline;}
/*============================
SALE OF THE WEEK
============================*/
.sale {width:100%;float:left;background:url("/siteart/trees.jpg");background-size:cover;background-attachment:fixed;padding:40px 0;}

.whiteoverlay {width:100%;float:left;background:rgba(255,255,255,.75);padding:20px;box-sizing:border-box;}

.whiteoverlay h2 {width:100%;float:left;text-align:center;color:#000;text-transform:uppercase;font-size:35px;margin-bottom:20px;letter-spacing:5px;}

.camperimg {width:390px;height:280px;background:url( "../siteart/rvs/featured-march.jpg");background-size:cover;background-position:center center;float:left;}

.camperinfo {width:calc(100% - 400px);float:left;padding-left:20px;box-sizing:border-box;margin-top:10px;}
.camperinfo h3 {width:100%;float:left;margin-bottom:20px;text-transform:uppercase;color:#000;font-size:25px;}
.camperinfo .halves {width:50%;float:left;margin-bottom:20px;}
.camperinfo p {color:#000;font-size:18px;line-height:30px;}

.legal-text-content{display:none !important}
/*============================
welcome
============================*/

.welcome {width:100%;float:left;background:#141414;padding:80px 0;}
.welcome h3 {width:100%;float:left;text-align:center;color:#fff;font-size:20px;letter-spacing:10px;font-weight:500;text-transform:uppercase;}
.welcome h1 {width:100%;float:left;text-align:center;font-weight:900;font-style:italic;font-size:75px;text-transform:uppercase;margin-bottom:40px;color:#187259;}

.welcome p {width:100%;float:left;text-align:center;color:#fff;font-size:18px;line-height:32px;}


/*============================
MAP
============================*/
.topmap {width:100%;float:left;background:url("../siteart/green-stripes.png");background-size:cover;padding:15px 0; background-color: black;}
.topmap h3 {width:calc(100% - 300px);float:left;color:#fff;padding:10px 0;text-align:left;text-transform:uppercase;font-size:20px;font-weight:600;}
.topmap p {width:300px;float:left;}
.topmap p a {color:#fff;font-size:18px;text-align:center;width:100%;float:left;border:1px solid #fff;box-sizing:border-box;padding:10px 5px;text-transform:uppercase;text-decoration:none; border-radius:4px;}
.topmap p a:hover {background:#fff;color:#187259}
/*============================
FOOTER
============================*/
footer {width:100%;float:left;background:#141414;border-top:5px solid #187259}

.bottomfoot {width:100%;float:left;border-top:1px solid #fff;padding:30px 0;}
.bottomfoot h2 {color:#187259;text-transform:uppercase;font-size:30px;float:left;margin-bottom:15px;}
.bottomfoot p {width:100%;float:left;color:#fff;text-transform:uppercase;font-size:16px;line-height:35px;}

.footthird {width:66.66%;float:left;}
.foothalf {width:50%;float:left;}
.follow {width:100%;float:left;margin-top:30px;}
.follow img {width:30px;float:left;margin-left:15px;margin-top:0px;}

.emailfoot  {width:33.33%;float:left;}
.hosted {width:100%;float:left;background:#181818;padding:10px 2.5%;box-sizing:border-box;}
.hosted p {width:50%;float:left;color:#aaa;font-size:10px;letter-spacing:3px;text-transform:uppercase;padding:5px 0;}

.tog {width:100%!important;float:left;text-align:center!important;background:#187259;padding:5px;box-sizing:border-box; border-radius:4px;}
.tog:hover {cursor:pointer;background:#aaa;color:#187259}

/*============================
FOOTER FORM
============================*/
#mailing {width:100%;float:left;}
#mailing .fulltd, #mailing .fulltd2 {margin:5px 0!important;width:100%;float:left!important;box-sizing:border-box;}
#mailing input {
	padding:12px 10px;
	box-sizing:border-box;
	background:#fff;
	border:1px solid #B4B4B4;
	font-weight:300;
	color:#000;
	font-size:12px;
    width:100%;
    float:left;
}


#mailing .CaptchaMessagePanel {
color:#fff;
}

#mailing .CaptchaWhatsThisPanel a {
color:#fff;	
}
#mailing .CaptchaPanel {margin:0;padding:0;}
#mailing .CaptchaWhatsThisPanel {padding:5px 5px 0 5px}
#mailing input.button,
#mailing input.button:focus {
    width:100%; 
    margin:0;
    padding:17px 5px;
    background:#187259;
	 font-weight:500;
	 font-size:16px;
	text-transform:uppercase;
	border-radius:0px;
	border-bottom:none!important;
	line-height:14px;
	text-align:center;
	border:0!important;
    color:#fff;
	margin-top:10px;
    font-family: 'Open Sans', sans-serif;
    box-sizing:border-box;
}
#mailing input.button:hover {
	background:#aaa;
    color:#187259;
}

/*============================
SUB PAGES
============================*/

.service-section-wrapper{
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: 24px;
	padding: 24px 12px;
}

.service-list{
	padding: 24px;
}

.subtitle-container{
	max-width: 1400px;
	width: 95%;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.buttons-group{
	display: flex;
	flex-direction: row;
	gap: 12px;
	justify-content: flex-start;
	align-items: center; align-self: flex-start;
}

.call-us-button{
	background-color: #13715A;
	padding: 10px 24px;
	color: white;
	text-decoration: none;
	border-radius: 3px;
	font-weight: 600;
}

.service-request-button{
	background-color: #13715A;
	padding: 16px 32px;
	color: white;
	text-decoration: none;
	border-radius: 3px;
	font-weight: 800;
}

.service-text{
	padding: 24px 0px; ;
}

.service-subtitle h1{
	font-size: 48px !important;
}

.service-description{
	color: white;
	font-weight: 600;
}

.subtitle {width:100%;float:left;background:url("/siteart/trees.jpg");background-size:cover;background-attachment:fixed; background-color:#000;}

.service-subtitle {width:100%;float:left;background:url("/siteart/trees.jpg");background-size:cover;background-attachment:fixed; background-color:#000; padding: 24px 0px 0px 0px;; justify-content: center; align-items: center;}
.subtitle h1 {width:100%;float:left;color:#fff;padding:50px 0 30px 0;text-align:Center;text-transform:uppercase;font-size:48px;font-weight:900;font-style:italic;text-shadow:2px 2px 7px #000;}

.service-subtitle h1 {width:100%;float:left;color:#fff;padding:50px 0 30px 0;text-align:left;text-transform:uppercase;font-size:65px;font-weight:900;font-style:italic;text-shadow:2px 2px 7px #000;}

.subgradient {width:100%;float:left;
background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
height:50px;margin-bottom:-1px;}

.submain {width:100%;float:left;background:#fff;padding:50px 0;}

.imgleft {width:450px;float:left;padding-right:20px;box-sizing:border-box;}
.imgleft img {width:100%;}
.inforight {width:calc(100% - 450px);float:right;}

.submain p {font-size:18px;line-height:32px;}
.breaker {width:100%;float:left;border-top:1px solid #aaa;margin:30px 0;}

.videothird {width:33.33%;float:left;padding:10px;box-sizing:border-box;}

.infoleft {width:300px;float:left;}
.mapright {width:calc(100% - 350px);float:right;}

.halfbutton {width:50%;float:left;margin-bottom:5px;padding:0 20px;box-sizing:border-box;}

.halfbutton a {width:100%;float:left;background:#187259;color:#fff;text-align:center;padding:40px 10px;box-sizing:border-box;border-radius:10px;text-decoration:none;font-weight:700;font-size:20px;}

.hours {max-width:500px;margin:0 auto;display:block;background:#EFEFEF;border:1px solid #aaa;padding:20px;box-sizing:border-box; height: fit-content;}

.halfbutton a:hover {background:#141414}

.halfbutton2 {width:33.33%;float:left;margin-bottom:5px;padding:0 20px;box-sizing:border-box;}

.halfbutton2 a {width:100%;float:left;background:#187259;color:#fff;text-align:center;padding:40px 10px;box-sizing:border-box;border-radius:10px;text-decoration:none;font-weight:700;font-size:16px;}

.halfbutton2 a:hover {background:#141414}

#rvtowing h2 {width:100%;float:left;}

.ulhalf {width:100%;float:left;}

#rvtowing ul {width:100%;float:left;}
#rvtowing ul li {width:95%;margin:0 2.5%;float:left;list-style:disc;font-size:18px;line-height:32px;padding-left:10px;box-sizing:border-box;}

.ulhalf li {width:45%!important;}
.ulfourth li {width:20%!important;}

.backhalf {width:47.5%;float:left;margin-right:2.5%;}
.backhalf2 {width:48.5%;float:left;margin-left:1.5%;}

.container-flex{display: flex;}
.flex-70{display: block; width: 70%;}
.flex-30{display: block; width: 30%;}
/*----------Banner--------------*/
.banner{width:100%; overflow:hidden; background:url("/siteart/green-stripes.png") center center no-repeat; background-size:cover; background-color:#000;}
.banner-white{width:45%; margin-left:-70px; background-color:#fff; padding:40px 0; transform:skewX(-35deg); box-shadow:5px 4px 8px rgba(0,0,0,.7);}
.banner-white p{transform:skewX(35deg); padding-left:320px; font-size:26px; color:#187259; font-weight:800; text-transform:uppercase;}
.banner-list{float:right; margin-top:-60px; max-width:900px; width:100%;}
.banner-list p{color:#fff; font-weight:800; font-size:20px; text-transform:uppercase;}

/*==================================
FORMS
==================================*/

#quotes {
width:100%;
display:block;
font-size:16px;
color:#000;
}


#quotes tbody {width:100%;float:left;}

#quotes tr {
width:50%;
float:left;
padding:0 7px 7px 7px;
box-sizing:border-box;
}


#quotes td {
width:100%;
float:left;
font-size:14px;
}

#quotes td p {
font-size:14px;	
}


.fulltd2 {
width:100%!important;
float:none!important;
max-width:500px!important;
display:block;
margin:0 auto!important;	
}



#quotes input {
	padding:12px 10px;
	box-sizing:border-box;
	background:#fff;
	border:1px solid #B4B4B4;
	font-weight:300;
	color:#000;
	font-size:12px;
}

#quotes textarea {
	padding:12px 10px;
	border:1px solid #b4b4b4;
	font-weight:300;
	color:#000;
	font-size:12px;
	background:#fff;
	box-sizing:border-box;
}

#quotes .CaptchaMessagePanel {
color:#000;
}

#quotes .CaptchaWhatsThisPanel a {
color:#000;	
}

 
/* selects have similar styles to input & textarea fields, but with no padding. Text in a dropdown select is positioned differently */
#quotes select {
	padding:12px 10px;
	box-sizing:border-box;
	background:#fff;
	border:1px solid #B4B4B4;
	font-weight:300;
	color:#000;
	font-size:12px;
	width:100%;
}
   
#quotes input  {
    width:100%;
}
 
#quotes input.larger  {
    width:100%;
}

#quotes textarea {
    width:100%;
    height:85px;
}


#quotes input.checkbox {
    padding:0; 
    border:0;
    margin:5px 10px 5px 0;
    width:13px;
    height:13px;
    display:inline;
    background-color:#fff;
 }

#quotes p {
	text-align:left;
	
	width:auto;
}

#quotes input.radio {
    padding:0; 
    border:0;
    margin:0 3px 0 15px;
    width:15px;
    height:15px;
    display:inline;
 }

#quotes input.radio:focus,
#quotes input.checkbox:focus {
	background:none; 
	border:0;
	outline-style:none;
}
 

#quotes input.button,
#quotes input.button:focus {
    width:300px; 
    margin:0;
    padding:20px 5px;
    background:#000;
	 font-weight:600;
	 font-size:14px;
	text-transform:uppercase;
	border-radius:4px;
	border-bottom:none!important;
	line-height:14px;
	letter-spacing:2px;
	text-align:center;
	border:0!important;
    color:#fff;
	margin-top:10px;
}
#quotes input.button:hover {
	background:#aaa;
}

#quotes label.basic {
    color:#212121;
    font-size:13px;
    text-align:left;
}
#quotes label.checkbox {
  /*  color:#212121;*/
    font-size:13px;
    text-align:left;
    display:inline;
    padding:0;
}
 
#quotes .fulltd {
width:100%!important;
margin-right:0;	
}



/*==============================================
================================================
RESPONSIVE
================================================
==============================================*/

@media screen and (max-width: 1550px) { 
	.banner-white{width:40%;}
	.banner-white p{padding-left:150px;}
	.banner-list{max-width:780px;}
}

@media screen and (max-width: 1200px) { 
    .halfbutton2 a {padding:40px 5px; font-size:14px;}
    .halfbutton2 {padding:0px 10px;}
	.banner-list{max-width:none; margin-top:0; padding:40px 10px; box-sizing:border-box; text-align:center;}
	.banner-white{width:500px;}
	
}


@media screen and (max-width: 1100px) { 
    .footthird {width:100%;}
    
    .emailfoot {width:100%;}
}

@media screen and (max-width: 1000px) { 
    .sideheads {display:none;}
    .mainlogo {width:100%;}
    .mainlogo img {width:100%;max-width:300px;margin:0 auto;display:block;float:none;}
    
    .rvsixth {width:33.33%;margin-top:0;padding:20px;}
    .rvsixth img {max-width:150px;float:none;margin:0 auto;display:block;}
    .bottomrvs .wrap {margin-top:-50px;}
    
    .infoleft {width:100%;}
    .infoleft h2, .infoleft p {text-align:center}
    .mapright {width:100%;margin-top:20px;}
}

@media screen and (max-width: 980px) { 
    .halfbutton2 {width:50%;}
    .ulfourth li {width:45%!important;}
}


@media screen and (max-width: 900px) { 
    .showme {display:block;}
    .hideme {display:none;}
    .camperimg {width:100%;}
    .camperinfo {width:100%;}
    .topmap h3 {width:100%;text-align:center;padding:0 0 10px 0;}
    .topmap p {width:100%;}
    
    .imgleft {width:100%;}
    .inforight {width:100%;margin-top:20px;}
    .inforight h2, .inforight p {text-align:center;}
    
    .videothird {width:100%;}
    .submain h2 {text-align:center;}
	.halfbutton {width:100%;margin-bototm:20px;}
}

@media screen and (max-width: 700px) {  
    .foothalf {width:100%;}  
    .bottomfoot h2 {width:100%;}
    .follow {margin-bottom:30px;}
	.banner-white{width:100%; max-width:none; text-align:center; margin-left:0; transform:skewX(0);}
	.banner-white p{transform:skewX(0); padding-left:10px; padding-right:10px; box-sizing:border-box;}
    
}

@media screen and (max-width: 600px) {
    .halfbutton2 {width:100%;} 
    .rvsixth {width:50%;margin-top:0;padding:20px 10px;}
    .sidearrows {display:none;}
    .middletxt {width:100%;}
    .middletxt h2 {font-size:30px;}
    .middletxt h4 {font-size:16px;}
    
    .hosted p {width:100%!important;text-align:center!important;}
    
    #quotes tr {width:100%;}
    .subtitle h1 {font-size:45px;}
	.buttons-group{
		flex-direction: column;
		align-items: flex-start;
	}
    
}

@media screen and (max-width: 500px) {  
	
	
    .camperinfo .halves {width:100%;}
    .welcome h1 {font-size:50px;}
    
    #rvtowing ul li {width:90%!important;margin:0 3% 0 7%!important;}
}