@import url('https://fonts.googleapis.com/css?family=Tulpen+One');
@import url('https://fonts.googleapis.com/css?family=PT+Sans');
@font-face { font-family: HansonRV; src: url('../../uploads/fonts/vtks-escape.ttf'); }
@font-face { font-family: HansonRVFont2; src: url('../../uploads/fonts/Bonaro.ttf'); }
@font-face { font-family: CampingSymbols; src: url('../../uploads/fonts/GlyphyxTwo.ttf'); }





 /* blue */
 /* green accent color */
 /* light grey */
 /* darker grey */
 /* yella */




/* BASIC STYLES ===================================== */

body{
    background: #e1e1e1 url( '../../uploads/images/layout/backgrounds/bg.jpg' ) ;
    background-repeat: no-repeat ;
    background-size: 100% auto ;
  background-attachment: fixed;
  background-position: top center; 
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

body, p, td, div, span, nav {
    font-family: HansonRVFont2 ; /*'PT Sans', sans-serif;*/
    font-size: 1.015em;
    color: #000; /*  dark_grey */
    line-height: 1.7em ;
    text-align: left ; 
    margin: 0 ; 
    padding: 0 ; 
}

p {
padding-top: 10px ; 
}

.wrap {
  width: 100% ;
  max-width: 100% ; 
 /* background-color: #d8d8d8 ; */
  margin: 0 ; /* auto 0 auto ;  float middle */
  border: none ; /* 2px solid #e2e2e2;  */
  overflow: hidden ; 
}

.financing{
text-align: center ; 
font-size: 16px ; 
font-weight: bold ;
}

.left {
    float: left;
/*  width: 300px; 
    border-right: 1px red solid ;  */
    height: 100% ; 
    padding-left: 0px;
    padding-right: 10px;
}

.right{
    float: right;
    width: calc(100% - 300px );
/*    width: 75%;  */
/*    border-left: 1px gray solid ; */
   padding: 0 25px 10px 15px ;
/*   border-left: 1px #d1d1d1 solid ;  */
}

.textright{
  text-align: right ; 
}

.lg{
  font-size: 1.1em ;
}

.color1{
  color: #28468e ; 
}

.green{
  color: #148f00 ;
}

img.icon{
  width: 25px ; 
  border: none ;

}
.one{
  float: left; 
  width: 100% ; 
  margin-top: 1px ; 
  padding: 5px ; 
}

.half{
  width: 50% ;
}

.third{
  width: 33% ;
}

.qtr{
  width: 24% ;
}

.threeqtr{
 width: 74% ;
}

.twothirds{
 width: 65% ;
}

.center, .textcenter{
  text-align: center ;
  margin: 0 auto; 
}

.bg_red{
  background-color: red ; 
}

.bold{
  font-weight: bold ; 
}

.nopad{
  padding: 0 ; 
}

.padleft5px{
   padding-left: 5px ; 
}
.padleft10px{
   padding-left: 10px ; 
}

.padleft20px{
   padding-left: 20px ; 
}

.pad10px{
   padding: 10px ; 
}

.marginright10px{
  margin-right: 10px ; 
}

.nomarg{
  margin: 0 ; 
}

.que{
  float: left ; 
  width: 100px ;
  display: inline ; 
}

.dob{
   color: #5e5e5e ; 
}

.req{

  color: red ; 
  display: inline ; 

}

.home_footer{
padding: 20px 0 20px 0 ; 
text-align: center ; 
color: #fff ; 
font-size: 22px ; 

}

.desk_only, img.desk_only{
  display: inline ;
}

.resp_only, img.resp_only{
  display: none ;
}

.msrp{
  font-weight: bold ;
  color: #d50000 ;
}

.home{ /* homepage squares for the main menu */
  width: 18% ;
  float: left ;
  font-size: 20px ; 
  text-transform: uppercase ;
  color: #000 ;
  background-color: #fff ; 
  text-align: center ;
  margin: 0 10px 0 0 ;

}

.home_div{
  margin: 0 0 0 5% ; 
}

.home img{
  width: 100% ;
}

.inv_img{
  aspect-ratio: 2 / 1.3; /* good one */
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 0;
  left: 0;
}

img.photo_sm{
    width: 100% ; 
    margin: 0 ;
    object-fit: cover;
    position: relative;
}

img.status_sm{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height:auto;
}

.financing_sm{
  position: absolute;
  bottom: 10px;
  left: 0px;
  width: 50%;
  height:25px;
  background-color: #000;
  color: #fff;
  font-size: 18px;
  font-size: 1.5vw;
  line-height: 15px;
  padding: 5px 0 10px 0px;
  overflow:hidden;
}

img.photo{
  width: 90%; 
  margin: 0 15px 0 5px ; 
}

.title{ /* for listings */
 font-size: 1.3em ; 
 height: 50px ; 
/* border: 1px solid grey ;  */
 line-height: 1.2em ; 
 color: #28468e  ;
 clear: both ;
 margin-bottom: 10px ; 
margin-top: 20px ;
padding-left: 10px;
}

.black{
 color: #000 ; 
}

.white{
 color: #fff ; 
}

.row{
  display: block ; 
  padding: 2px 5px 2px 5px ; 
  margin: 0; /* 3px 0px 0 12px ; */
  margin-top: 3px ;
  background-color: #f2f2f2 ;
  width: 100% ; 

}

.row2{
  display: block ; 
  padding: 2px 5px 2px 5px ; 
  margin: 0; /* 3px 0px 0 12px ; */
  margin-top: 3px ;
  background-color: #fbfbfb;
  width: 100% ; 

}

img.tip_img{
  width: 500px ; 
}

.fld{ /* field title */
   float: left; 
   width: 100px ; 
   padding-left: 20px ; 
   font-weight:bold;
}

/* for mouseover image swap */
.home_swap img:last-child{display:none}
.home_swap:hover img:first-child{display:none}
.home_swap:hover img:last-child{display:inline-block}

/* -------- */

.home a:link, .home a:visited {
  color: #000 ;
  text-decoration: none ;
}

.home a:hover {
  color: #28468e ;
  text-decoration: none ;
}

.content{
padding: 20px 35px 0 35px;
  min-height: 500px ;
}

.weekly{
  display: block ; 
 /* background-color: #8f8f8f ; */
}

.weekly h2{
  color: black ; /*#28468e ;*/
}

nav.mini-navigation {
  display: none ;
}

.logo {
  position: absolute;
  left: 0;
  right: 0;
  top: -20px;
  margin: auto ;
  width: 560px ;  

/*
  float: left;
  position: absolute;
  left: 15px ; 
  top: 5px ;
  padding: 0 15px 0 0px ; 
  border: none ; 
  width: 50% ; 
  max-width: 450px ;  
*/

}

img.hanson_logo{
  width: 100% ; 
}

.clr {
   display: none ;
}

.brands{
  margin: 0px 15px ; 
  padding-top: 0px ; 
}

.header_left{

  font-size: 1.2em ; 
  line-height: 1.4em ;
  font-weight: bold ; 
  margin-left: 5px; 
  float: left ; 
  width: 33% ; 
}

.header_left a:link, .header_left a:visited{
  color: #fff; 
}

.header{
    background-repeat: no-repeat ;
    background-size: 100% auto ;
}

.header_img_1{
    background: #fff url( '../../uploads/images/layout/header/bg1.jpg' ) ;
    background-repeat: no-repeat ;
    background-size: 100% auto ;
}

.header_img_2{
    background: #fff url( '../../uploads/images/layout/header/bg2.jpg' ) ;
    background-repeat: no-repeat ;
    background-size: 100% auto ;
}

.header_img_3{
    background: #fff url( '../../uploads/images/layout/header/bg3.jpg' ) ;
    background-repeat: no-repeat ;
    background-size: 100% auto ;
}

.header_img_4{
    background: #fff url( '../../uploads/images/layout/header/bg4.jpg' ) ;
    background-repeat: no-repeat ;
    background-size: 100% auto ;
}

.header_img_5{
    background: #fff url( '../../uploads/images/layout/header/bg5.jpg' ) ;
    background-repeat: no-repeat ;
    background-size: 100% auto ;
}

.header_img_6{
    background: #fff url( '../../uploads/images/layout/header/bg6.jpg' ) ;
    background-repeat: no-repeat ;
    background-size: 100% auto ;
}


.header2{
  background-color: #fff ; 
  padding: 15px 0 0 0 ; 
  border-radius: 45px 45px 0 0 ;
}

.header_right{
  text-align: right ; 
  line-height: 1.2em ; 
  float: right ;
  width: 40% ; 
  color: #000;
font-size:1.2em;
}

.header_right_resp{
  display: none ; 
}

.footer {
  clear: both ; 
  background: url( '../../uploads/images/layout/hanson_footer.jpg' ) ;
  font-size: 12px ; 
  color: #d8d8d8 ;  
  padding: 25px 20px 0 20px ; 
  height: 150px ; 
  margin: 20px 0 0 0 ;
}

nav.footer-navigation a:link, nav.footer-navigation a:visited{
  color: #fff ; 
} 
nav.footer-navigation a:hover{
  color: #1ba200 ; 
} 

.header_btn{
  float: right ;
  margin: 0 10px 0 20px ;
  width: 200px ; 
  display: inline ;
}

.footer_btns{
  width: 100% ;
  margin: 0 ;
}

.tap,
input.tap, a.tap:link, a.tap:visited{
  display: block ;
  background-color: #28468e; /* #fff ; */
  line-height: 18px ;
  padding: 6px 10px 6px 5px ;
  margin: 10px 0 5px 0 ; 
  text-transform: uppercase ;
  text-align: center ;
  font-weight: bold ; 
  color: #fff ; 
  text-decoration: none ; 
  border: 2px solid #28468e ;
}

.inv_extras{
   clear: both ; 
   float: left ; 
   width: 100% ; 
   text-align: left ;
   padding: 5px 0px ; 
   display: block; 
   margin: 0px 0 0 0 ;
   background-color:  #28468e ; 
   color: #fff ;
border-radius: 0 0 45px 45px ;
}

a.inv_extra:link, a.inv_extra:visited{
  color: #fff;
  margin: 0;
  font-size: 1.0em ; 
  font-weight: bold ; 
}

a.inv_extra:hover{
  color: #1ba200 ;
}

.contact, .center{
  display: block ; 
  text-align: center ; 
  margin-top: 10px ;
}

.tap2,
input.tap2, a.tap2:link, a.tap2:visited{
  display: block ;
  width: 200px ; 
  background-color:  #1ba200 ; 
  line-height: 18px ;
  padding: 3px 10px 3px 5px ;
  margin: 10px 0 5px 0 ; 
  text-transform: uppercase ;
  text-align: center ;
  font-weight: bold ; 
  color: #fff ; 
  text-decoration: none ; 
  border: 2px solid #8f8f8f ;
}

.tap3,
input.tap3, a.tap3:link, a.tap3:visited{
  display: block ;
  font-size: 20px ;
  background-color:  #fff ; 
  line-height: 18px ;
  padding: 15px 0 15px 0 ;
  margin: 10px 0 0 0 ;
  text-transform: uppercase ;
  text-align: center;
  font-weight: bold ; 
  color: #1ba200 ; 
  text-decoration: none ; 
  border: none ;
  width: auto ;
}

input[type="submit"]{
  background: #28468e;
  border: 1px solid #28468e ;
  padding: 10px ;
  font-weight: bold ; 
  font-size: 1.2em ; 
  color: #fff ; 

}

hr {
    border: solid #000;
    border-width: 1px 0 0 0;
    clear: both;
    margin: 20px 0 5px 0;
    height: 0;
    padding: 5px 2px 5px 2px   ; 
}

.red_bar{
  width: 5% ;
  float: left ;
  margin: 75px 0 0 0 ;
  background-color: #28468e ;
  height: 35px ;
}

.red_border{
  border: 3px solid #1ba200 ;
  line-height: 15px ; 
  width: 45% ; 
  padding-top: 10px ;
}

.border{
  border: 1px solid #7b7b7b ; 
}

.red_border p {
line-height: 15px ; 
}

img.map{
  width: 100% ; 
  max-width: 460px ; 
}

.red_bg{
  background-color : red ; 
}

.red_border ul{
margin: 5px 0 2px 0  ; 
}

.view_bg {
  height: 800px ; 
  background: none ; 
  width: 1px; 
  text-align: center ; 
}

.slide_testimonial{
margin-top: 30px ; 
}

a.slide_testimonial_link:link, a.slide_testimonial_link:visited {
  color: white ; 
  font-size: 25px ; 
  font-family: 'Dancing Script', cursive;
  font-weight: normal ;
  text-decoration: none ; 
}

.selfreg{
  border-bottom: 1px solid #cecece ;
  padding-bottom: 8px ; 
}

.commentsparts_st_2{
  height: 320px ; 
}

.costs td{
  line-height: 16px;  
  border-collapse: collapse;
}

a.phone_lg{
   text-decoration: none;
   color: #fff; 
   font-size: 18 px;
   font-weight: bold;
   padding: 0 2px 15px 1px;
}
a.phone_lg:hover{
   text-decoration: none;
   color: #e1e1e1; 

}

a.eml:link, a.eml:visited{
   text-decoration: none;
   color: #28468e;
   font-size: 120%;
   font-weight: bold;
   padding: 0 2px 15px 1px;
}
a.eml:hover{
   text-decoration: none;
   color: green; 

}

a.my_acc:link, a.my_acc:visited{
   text-decoration: none;
   color: #fff; 
   font-size: 120%;
   font-weight: bold;
   padding: 0 2px 15px 1px;
}

a.my_acc:hover{
  color: #1ba200 ;

}

/* links */
a:link, a:visited, a:hover {
  color: #28468e ;
  text-decoration: none ; 
}

a:hover {
  color: #1ba200 ;
}

a.btn:link, a.btn:visited {
    color: #fff;
    padding: 5px 10px;
    background-color: #28468e;
    text-decoration: none;
}

a.btn:hover {
  color: #fff;
  background-color: #1ba200;
  text-decoration: none ;
  font-weight: bold ;
}

input.btn, input.fbsubmit {
  color: #fff;
  padding: 10px 15px ;
  margin: 15px 0 0 0 ;
  background-color: #28468e;
  text-decoration: none ;
  border: 0 ;
  cursor:pointer;
}

a.side:link, a.side:visited {
    color: #1ba200;
    padding: 5px 6px;
    text-decoration: none;
}

a.side:hover {
  color: #1ba200;
  text-decoration: none ;
  font-weight: bold ;
}

/* headings */

h1,h2,h3,h4,h5 {
  font-family: 'PT Sans', sans-serif;   
  line-height: 1.2em ;
}

h1 {
  font-size: 2.5em; 
  font-weight: normal; 
  text-transform: uppercase ; 
  margin-bottom: 0 ; 
  color: #28468e; 
}

h2{
    margin: 0 ;
    font-weight: 300;
    font-style: normal;
    color: #28468e;
    font-size: 40px;
    line-height: 0.9;
    font-family: HansonRV ; /*'Tulpen One', cursive;*/
    letter-spacing: 5px;
    padding: 5px ; 
    padding-top: 10px ;
margin-bottom: 20px;

}

h2.blue{
    color: #fff;
    margin: 10px ;
    font-weight: 300;
    font-style: normal;
    background-color: #28468e;
    font-size: 35px;
    font-family: HansonRVFont2;
    letter-spacing: 3px;
    padding: 10px ; 
border-radius: 45px 45px 0 0 ;
text-align:center;

}

h2.hrv{ /* hanson rv bolder font */
  color: #28468e ; 
  font-weight: bold ; 
  font-size: 35px ; 
  letter-spacing: 0px ; 
  font-family: arial ;
  padding: 3px 0 3px 5px ; 
}


h3{
  color: #28468e ;
  font-size: 1.2em; 
  margin-bottom: 0 ;
  margin-top: 0 ; 
  margin-left: -0.3em ; 
}

h4{
  color: #28468e;
  margin: 0 ;
  font-size: 1em; 
}

h5 {
  font-size: 1.5em; 
  color: #8f8f8f; /* darker grey */ 
  text-transform: uppercase ;
  text-align: center ;
}



/* FormBuilder CSS base */
form {
	margin-top: 0
}
form, td, th, li {
	font-size: 100%
}
form div {
	margin-bottom: 0
}
fieldset div {
	margin-bottom: 0.5em;
	margin-left: 1em;
}

textarea {
	margin: 0.5em 0;
	width: 98%;
	height: 6em
}

textarea.contact {
	margin: 0.5em 0;
	width: 250px ;
	height: 100px ;
}

/* Apply this class to text/select input fields with shorter labelsto help alignment */
.short-label label {
	float: left;
	width: 10em
}
.short-label fieldset div input, .short-label fieldset div select {
	width: 16em
}
/* Pretty up your Captcha image output */
.captcha {
	margin: 0.5em 0;
	width: 200px;
	text-align: center
}
.captcha img {
	border: 1px solid #b50000;
	margin-bottom: 0.5em
}
.captcha input {
	width: 196px;
	margin-top: 0.5em
}
/* Just a bit more room for the Submit button */
.submit {
	margin-top: 0.5em
}
.contactform input {
	border: 1px solid #c6e7ff;
}
.contactform input.checkbox {
	border: none;
}
.contactform label {
	display: block;
	float: left;
	width: 150px;
}
.contactform label.label {
	display: inline;
	float: none;
	width: 50px;
	font-size: 10px;
}
.contactform textarea {
	background-color: #fff;
	border: 1px solid #c6e7ff;
   width: 90% ;
   height: 200px ; 
}
.formbuilderform .message {
	line-height: 16px;
	padding: 0 0 8px 0;
}
/* Stylesheet: Main Modified On 2023-10-11 02:47:45 */