/***** 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;}
/* Sweep To Left */
.hvr-sweep-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:#b8b6ab;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active {
  color: #000;
}
.hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.hvr-sweep-to-left-dark {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-left-dark:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #3d3d3d;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-left-dark:hover, .hvr-sweep-to-left-dark:focus, .hvr-sweep-to-left-dark:active {
  color: white;
}
.hvr-sweep-to-left-dark:hover:before, .hvr-sweep-to-left-dark:focus:before, .hvr-sweep-to-left-dark:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/*--- HEADER STYLES ---------------------*/
.header { display: flex; flex-wrap: wrap; padding: 20px; box-sizing: border-box;}

.headerinfo{
	width: 100%;
	text-align:right;
	
	padding-right: 2%;
}
.headerinfo a{
	color: #fff;
	font-family: 'Poppins', sans-serif;
	font-size: 15px;	
}
.headerinfo:hover a{
	color:#dcdace;
}
.herogradient{
		background-image: linear-gradient(#000000ab,#0000001c, #00000000);;

}
.heroimagesection{
	background: url("/siteart/fontana_new_img.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 70%;
}
.logoheadersection{
	width: 30%;
	padding-left: 2%;
	box-sizing: border-box;
}
.logoheadersection img{
width: 200px;
}
.blkbkgd{
	background: #000;
	
}
.blackpara{
	color: #000;
	font-family:'Poppins', sans-serif;
	width: 100%;
	line-height: 28px;
	font-size: 14px;
	margin: 10px 0px 25px 0px;
}
.linktext{
	color: #000;
	font-family:'Poppins', sans-serif;
	font-size: 14px;
	font-weight: 600;
}
.lgblkheader{
		font-family:'Poppins', sans-serif;

}
/*---HOME PAGE--------------------------------*/
.blackbutton{
font-family: 'Poppins', sans-serif;	
color:#dcdace; 
background: #000;
border-right: 15px #3d3d3d solid;
padding: 7px 0px;
margin: 20px 10px;
width: 180px;
font-weight: 600;
}
.heroblackbutton{
	font-family: 'Poppins', sans-serif;
    color: #dcdace;
    background: #000;
    border-right: 26px #3d3d3d solid;
    padding: 35px 0px;
    width: 45%;
    font-weight: 700;
	margin: 0px 10px;
	font-size: 20px;
}
.lgblackbutton{
font-family: 'Poppins', sans-serif;	
color:#dcdace; 
background: #000;
border-right: 15px #3d3d3d solid;
padding: 7px 20px;
margin: 20px 0px;
width: 180px;
font-weight: 600;
font-size: 15px;
line-height: 35px;

}
.herotanbutton{
    background:#f0eee2;
    border-right: 26px #b8b6ab solid;
    padding: 35px 0px;
    margin: 0px 10px;
    width: 645px;
    font-weight: 700;	
	color: #000;
	font-size: 20px;
	font-family: 'Poppins', sans-serif;	

}
.tanbutton{
font-family: 'Poppins', sans-serif;	
color:#000; 
background:#f0eee2;
border-right: 15px #b8b6ab solid;
padding: 7px 0px;
margin: 20px 10px;
width: 180px;
font-weight: 500;

}
.largetanbutton {
    font-family: 'Poppins', sans-serif;
    color: #000;
    background:#f0eee2;
	border-right: 15px #b8b6ab solid;
    padding: 10px 8px;
    margin: 18px 0px;
    width: 200px;
    font-weight: 600;
    font-size: 18px;
}
/*---HERO SECTION--------------------------------*/
.herotextsection{
    height: 700px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-end;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.herotext{
	width: 100%;
	font-size: 62px;
	color: #fff;
	font-family: 'Poppins', sans-serif;
	font-weight: 800;
	display: none;
}
.herosubhead{
	color: #fff;
	width: 100%;
	font-family:'Poppins', sans-serif;
	font-weight: 400;
	font-size: 24px;
	display: none;
}
/*---WHY BUY SECTION--------------------------------*/
.whybuysect{
background: #dcdace;
padding: 4% 2% 6% 2%;	
 border-bottom: 20px solid #000;

}
.blacklgheader{
color: #000;
	font-family: 'Poppins', sans-serif;
    font-size: 35px;
    font-weight: 700;
    padding-bottom: 45px;
}
/* Style the tab */
.tab {
  overflow: hidden;
    background-color: #000000;
    color: #dcdace;
    padding: 0px 0px 0px 8%;
	display: flex;
	margin-bottom: 20px;
}

/* Style the buttons inside the tab */
.tab button {
background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 0px;
    transition: 0.3s;
    font-size: 15px;
    color: #dcdace;
    width: 15%;
    margin-right: 8%;
	font-family:'Poppins', sans-serif;
	text-transform: uppercase;
	font-weight: 500;
}

/* Change background color of buttons on hover */
.tab button:hover {
background-color: #dcdace;
    color: #000;
}

/* Create an active/current tablink class */

.tab button.active {
    background-color: #dcdace;
    color: #000;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;

  border-top: none;
}

.tabsection{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.tabimagesect{
	width: 40%;
}
.tabimage{
	width: 100%;
}
.tabtext{
    width: 40%;
    background: #000;
    color: #dcdace;
    height: auto;
    padding: 65px 90px;
	font-family:'Poppins', sans-serif;
	display: flex;
	flex-wrap: wrap;

}
.pagepadding{
	padding: 20px 5%;
}
.smtanheader{
	color: #dcdace;
	font-family:'Poppins', sans-serif;
	width: auto;
	text-transform: uppercase;
	   font-size: 25px;
    font-weight: 500;
}
.tanpara{
	color: #dcdace;
	font-family:'Poppins', sans-serif;
	width: 100%;
	line-height: 28px;
	font-size: 14px;
}
.tanbreak{
    background: #dcdace;
    width: 0px;
    height: 37px;
    padding: 0px 8px 0px 0px;
    margin-bottom: 40px;
    margin-left: 20px;
}
.mailingsect{
    background: #dcdace;
    padding: 30px 40px;
    display: flex;
	align-items: flex-start;
}
.smblkheader{
	font-family:'Poppins', sans-serif;
	 font-size: 24px;
	text-transform: uppercase;
}
.mailingtitle{
    padding-right: 90px;
	width: 20%
}
.hpformfield{
	width: 100%;
	border:2px solid #000;
	line-height: 30px;
	background: #f9f8f1;
	font-family:'Poppins', sans-serif;
	padding-left: 30px;
}
.mailingform{
	width: 70%
}
.formflex{
	display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
.forminput{
	width: 60%;
}
.nextbtn{
	width: 18%;
}
.smblkbtn{
	background: #000;
	color: #dcdace;
	font-size: 14px;
	padding: 7px 50px;
	border-right: 15px #3d3d3d solid;
	box-sizing: content-box;
	font-family:'Poppins', sans-serif;
	font-weight: 500;
    text-transform: uppercase;
}
.CaptchaPanel{
    padding: 0px;
    width: 100%;
    text-align: left!important;	
}
.CaptchaImage {
    width: 150px!important;
}
.CaptchaMessagePanel{
	font-family:'Poppins', sans-serif;
	font-size: 12px!important;
	font-weight: 500!important;
}
.CaptchaWhatsThisPanel a{
	font-family:'Poppins', sans-serif;
	color: #000;
	font-size: 13px;
}
.financesect{
background: #000;
display: flex;
justify-content: center;
padding: 70px 0px;	
}
.lgtanheader{
color: #dcdace;
font-family:'Poppins', sans-serif;
font-size: 35px;
text-align: center;
margin-bottom: 30px;
text-transform: uppercase;
line-height: 35px;
}
.financetext{
width: 50%;
}
.lgtanbutton{
font-family: 'Poppins', sans-serif;	
color:#000; 
background: #fffdf0;
border-right: 15px #b1afa5 solid;
padding: 10px 20px;
margin: 20px 10px;
width: 295px;
font-weight: 600;	
font-size: 18px;	
}
.appbutton{
	text-align: center;
	margin: 30px 0px;
}
/*--------CONTACT SECTION--------------------*/
.cphoursect {
    width: 30%;
    background: #dcdace;
    border-left: #b1afa5 25px solid;
	padding: 5%;
	height: auto;
}
.cpinfosect {
 width: 45%;
 padding: 5%;
}
.cpimg {
    width: 100%;
}
.cpimgsect {
    width: 24%;
	background-position: center;
	background-size: cover;
	background: url("/siteart/fontanacontact_img.jpg");
}
.contactpage {
    display: flex;
    flex-wrap: wrap;
    font-family: 'Poppins', sans-serif;
}
.locationpage {
    display: flex;
    flex-wrap: wrap;
    font-family: 'Poppins', sans-serif;
	padding: 3% 5%;
}
.locationpage h1{
   width: 100%;
}
.cprightsect{
	display: flex;
	flex-wrap: wrap;
	width: 76%;
	justify-content: space-between;
	    align-content:space-between;
}
.locationboxlt {
    background: #e8e7de;
    padding: 40px 32px 60px 32px;
    width: 40%;
	margin-right: 30px;
	border-radius: 10px;
}
.lpinfoicon {
    padding: 15px 0px;
    color: #000;
	display: flex;
	align-items: center;

}
.lpinfoicon a{
    color: #000;
	font-weight: 600;
	font-size: 18px;
}
.lpicon {
    border: #000 solid;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
	
}
.locationlink {
    margin-left: 15px;
}

.lpinfoicon i{
    color: #000;
	font-size: 20px;
}
.cpmapsect{
	width: 100%;
	
}
.cpmap {
    width: 100%;
    height: 343px;
}
.infoflex {
    display: flex;
    flex-wrap: wrap;
}
.cpsubhead {
    width: 18%;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 18px;
}
.cplink {
    width: 70%;
    font-size: 16px;
    font-weight: 400;
    color: #000;
}
.hourstext {
    font-size: 18px;
	font-weight: 600;
	width: 62%;
}
.hourright{
	width: 38%;
    font-size: 16px;
    font-weight: 400;
    color: #000;
}
.typadding {
    padding: 21vh 5% 40vh 5%;
}
/*--------FORM STYLES--------------------*/
.cpformsect {
    width: 90%;
    padding: 3% 5%;
	background: #000;
}
.formfields {
    width: 324px;
    height: 40px;
    margin: 10px 20px 0px 0px;
	background: #dcdace!important;
	border: none!important;
	font-family: 'Poppins', sans-serif;
	color: #000!important;
}
.message {
    width: 1026px;
    margin: 10px 0px;
    height: 180px;
    background: #dcdace;
	font-family: 'Poppins', sans-serif;
	color: #000!important;

}
.cpageform {
    display: flex;
    justify-content: center;
}
.cpageform .CaptchaMessagePanel{
	color: #fff;
}
.cpageform .CaptchaWhatsThisPanel a{
	color: #fff;
	
}
.cpageform #CaptchaAnswer{
	    background: #dcdace!important;

}
.cpageform .CaptchaPanel{
	    width: 90%!important;
}
/*-------- FOOTER STYLES ----------------*/
.footer{
    display: flex;
    align-items: center;
    background: #dcdace;
    border-top: 20px #b1afa5 solid;
    padding: 3% 0%;
    justify-content: space-between;
	width: 100%;
}
.footerlogo{
	width: 100%;
	
}

.footerlogosect{
	width: 10%;
	padding: 0px 2%;
	box-sizing: content-box;
}
.footericonsect{
	width: 25%;
    display: flex;
    text-align: right;
    justify-content: flex-end;
    padding: 0px 2%;
    align-items: center;
	flex-wrap: wrap;
	
}
.footersocial {
    width: 100%;
	padding-bottom: 5px;
}
   .footericon {
    padding: 0px 2px;
    width: 73%;
}

.footericonsect i {
    font-size: 24px;
    color: #2b2b2b;
    padding-left: 16px;
}
.footericonsect i:hover {
    color: #000;
}

.footerlink{
	    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: underline!important;
	color: #2b2b2b;
}
.footerlink:hover{
	  color: #000;
}
/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/

.inventorypadding{
	padding: 3% 0%;
	background: #fff!important;
}
.body-wrapper{
font-family:'Poppins', sans-serif!important;
}
.list-top-section .list-title .list-title-text{
	color:#000000!important;
	font-family:'Poppins', sans-serif!important;

}
.list-content .list-listing{
	    background-color: #fff!important;
	border: 1px solid #000!important;
}
.list-content .list-main-section{
		border: 1px solid #000!important;

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

}
.fontanatruckcentercomhdev-1cczsil:hover{
	background: #fff!important;
	color: #000!important;
}
.list-content .media-buttons .print-this, .list-content .media-buttons .email-this{
	  font-family: 'Poppins', sans-serif;
      color: #dcdace!important;
    background: #000!important;
    border-right: 15px #3d3d3d solid!important;
    padding: 6px 28px!important;
    margin: 18px 0px!important;
 
    font-weight: 600!important;
    font-size: 13px!important;
	border-radius: 0px!important;
}
.view-listing-details-link{
	background: #000!important;
}
.list-content .price-container .price{
	color: #000!important;
}
.list-content .list-listing-mobile{
	background: #fff!important;
		border: 1px solid #000!important;
}
.list-content .list-listing-mobile .dealer-phone-container a{
	border: 1px solid #000!important;
}
.list-content .spec-icon{
	background: #000!important;
	color: #fff!important;
}
.mobile-option-bar .mobile-option-bar-filter i{
	color: #000!important;
}
.faceted-search-content .mobile-done-button-container .mobile-done-button{
	background: #000!important;
	
}
.list-top-section .sticky-top-menu .listing-option-bar-content .list-listings-count{
		color: #000!important;

}
.listing-prices__retail-price, .listing-prices__discount-formatted-price, .listing-prices__alternate-retail-price, .listing-prices__exclusive-wholesale-price{
	color: #000!important;
}
.detail__breadcrumbs{
	color: #000!important;
}
.breadcrumbs__link{
		color: #000!important;
}
.fontanatruckcentercomhdev-9b9i01{
		color: #000!important;
	
}
.fontanatruckcentercomhdev-1c06hju{
	background: #000!important;
}
.fontanatruckcentercomhdev-1kmaz6b:hover{
	background-color: #fff;
	color: #000!important;
}
.fontanatruckcentercomhdev-jtr0e2:hover{
	color: #000!important;
}
/*---------- RESPONSIVE STYLES ----------*/


@media only screen and (max-width: 1470px) {
	.mailingsect {
    padding: 30px 15px;
	}
	.mailingtitle {
    padding-right: 55px;
    width: 26%;
}
	.mailingform {
    width: 66%;
}
}
@media only screen and (max-width: 1358px) {
		.heroblackbutton{
		width: 100%;
		margin: 0px;
	}
	.herotanbutton{
		width: 100%;
		margin: 0px;
	}
	
}
@media only screen and (max-width: 1340px) {
.cpsubhead {
    width: 30%;
	padding-bottom: 10px;
	}
	.cpimgsect {
		width: 35%;}
	.cprightsect{
		width: 65%;
	}
	.cpinfosect {
		width: 45%;}
	.cphoursect {
		width: 30%;}

}
@media only screen and (max-width: 1326px) {
.footerlogosect {
	width: 14%;}
	.tab button{
	width: 22%;
    margin-right: 3%;
		line-height: 16px;
	}
	.tab {
	padding: 0px 0px 0px 2%;	
	}
}
@media only screen and (max-width: 1275px) {
.cpimgsect {
    width: 40%;
}
.cprightsect {
    width: 60%;
}	
.cpinfosect {
    width: 40%;
	padding: 4%;
}
.infoflex {
    flex-wrap: wrap;
    align-items: baseline;
}
.cpsubhead {
    width: 35%;
    padding-bottom: 10px;
}
	.cplink {
    width: 65%;
}
	.cphoursect {
    width: 41%;
	border-left: #b1afa5 20px solid;
    padding: 5% 3%;
}
	.hourstext{
	width: 62%;
	padding-bottom: 10px;
	}
	.hourright {
	width: 38%;}
	.financetext {
    width: 75%;
}
	.financesect{
		    padding: 55px 0px;
	}
}
@media only screen and (max-width: 1190px) {
	.cpformsect {
    width: 99%;
		padding:10% 1%;}
	.cpageform {
		width: 100%;
	}
}
@media only screen and (max-width: 1102px) {
.mailingsect {
    padding: 30px 11px;
}	
.mailingtitle {
    padding-right: 18px;
    width: 30%;
}
.mailingform {
    width: 62%;
}
	.mailingform {
    width: 52%;
}
}
@media only screen and (max-width: 1093px) {
.formfields {
	width: 287px;}
.message {
	width: 917px;}	
	
}
@media only screen and (max-width: 1055px) {
.footerlogosect {
	width: 18%;}
.mailingsect {
    padding: 30px 15px;
}	
.mailingtitle {
    padding-right: 18px;
    width: 36%;
}
	.mailingform {
    width: 50%;
}
	.tabtext {
    width: 46%;
	padding: 65px 55px;
	}
	.tabimagesect {
    width: 40%;
}
	.locationboxlt{
	width: 100%;
    margin-bottom: 30px;
	margin-right: 0px;
	}
}
@media only screen and (max-width: 985px) {
	.cpimgsect {
    width: 47%;
}
	.cprightsect {
    width: 53%;
}
	.cpinfosect {
    width: 100%;
    padding: 4%;
}
	.cphoursect {
		width: 100%;}
	.cpmap {
    width: 100%;
    height: 275px;
}
	.formfields {
    width: 245px;
    height: 35px;
	margin: 10px 8px 0px 0px;}
	.message {
		width: 768px;}
}
@media only screen and (max-width: 870px) {
	
	.tabimage{
		display: none;
	}
	.tabtext {
		width: 100%;}
	.tabimagesect.one{
		background: url("/siteart/topvehicles.jpg");
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		height: 270px;
		width: 100%;

	}	
	.tabimagesect.two{
		background: url("/siteart/friendlystaff.jpg");
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		height: 270px;
		width: 100%;

	}	
	.tabimagesect.three{
		background: url("/siteart/financing.jpg");
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		height: 270px;
		width: 100%;

	}	
	.tabimagesect.four{
		background: url("/siteart/experience.jpg");
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		height: 270px;
		width: 100%;


	}
	
}
@media only screen and (max-width: 850px) {
.footerlogosect {
	width: 24%;}
.footer{
		padding: 5% 0%;
	}	
	
	
}
@media only screen and (max-width: 820px) {
.formfields {
	width: 215px;}	
.message {
    width: 676px;
}
	.mailingtitle {
    padding-right: 18px;
    width: 100%;
    padding-bottom: 10px;
}
	.mailingform {
    width: 100%;
}
	.formflex {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
	.forminput {
    width: 68%;
}
	.nextbtn {
    width: 23%;
}
	.mailingsect {
    flex-wrap: wrap;
	}
}
@media only screen and (max-width: 721px) {
.formfields {
    width: 500px;
    height: 40px;
}	
.message {
    width: 498px;
}	
	.cpformsect {
		display: flex;
    flex-wrap: wrap;
    justify-content: center;
	}
	.cpageform {
    width: 78%;
}
	.financetext {
    width: 87%;
}
	.financesect {
    padding: 40px 0px 20px 0px;
}
	.lgtanheader{font-size: 26px;}
	.blacklgheader{font-size: 26px;}
}

	
	
	
@media only screen and (max-width: 649px) {
.forminput {
    width: 62%;
}	
.nextbtn {
    width: 28%;
}	
.tab {
    padding: 0px 0px 0px 0%;
    flex-wrap: wrap;
}	
	.tab button:hover {
    border: #b1afa5 solid 1px;
}
	.tab button {
    width: 100%;
		margin-right: 0%;}
	    .whybuysect {
        padding: 10% 4% 12% 4%;
    }
}
@media only screen and (max-width: 636px) {
	.cpimgsect {
    width: 100%;
    height: 380px;
}
	.cprightsect {
    width: 100%;
}
	.locationpage{
	padding: 10% 5%;	
	}
}
@media only screen and (max-width: 555px) {
	.message {
    width: 410px;
}
	.formfields {
    width: 410px;
    height: 40px;
}
	.forminput {
    width: 82%;
    margin-bottom: 10px;
}
	.nextbtn {
    width: 95%;
}
	.formflex {
		flex-wrap: wrap;
	}
	.tanbreak{
		display: none;
	}
	.locationboxlt{
	padding: 40px 15px 60px 15px;	
	}
}
@media only screen and (max-width: 515px) {
	.herotext {
    font-size: 52px;
    line-height: 58px;
	}
	.herosubhead{
	    font-size: 20px;	
	}
	.tanbutton {    margin: 0px 10px;}
	.blackbutton{margin: 10px}
}
@media only screen and (max-width: 490px) {
.footerlogosect {
	width: 35%;}
.footericonsect {
    width: 30%;
	}
}

@media only screen and (max-width: 456px) {
	.cpageform {
    width: 85%;
}
.formfields {
    width: 98%;
    height: 40px;
}	
	.message {
    width: 98%;
}
	.cpformsect {
    width: 99%;
    padding: 8% 1%;
}
	.tabtext {
    padding: 42px 19px;
}
}
@media only screen and (max-width: 400px) {
.footerlogosect {
	width: 45%;}
.footericonsect {
    width: 40%;
	}
	.cpimgsect {
    width: 100%;
    height: 290px;
    background-position: 80% 10%;
}
	.cphoursect{
	    padding: 15% 3%;	
	}
	.cpinfosect {
    padding: 12% 6%;
}
	.hpformfield {
		padding-left: 13px;
	}
	.herotext {
    width: 100%;
    font-size: 45px;
		line-height: 50px;}
	.smtanheader{    font-size: 22px;}
	.tanbreak{
		    padding: 0px 8px 0px 0px;
    margin-bottom: 16px;
    margin-left: 9px;
	}
}
@media only screen and (max-width: 340px) {
	.smblkheader {
		line-height: 22px;
	}	
.mailingsect {
    padding: 30px 4px;
}	
.mailingform {
    width: 90%;
}
.tanbreak {
    width: 81%;
    height: 4px;
    margin-left: 0px;
    margin-top: 10px;
}
.whybuysect {
    padding: 2% 0% 5% 0%;
}
.smtanheader {
    font-size: 22px;
    line-height: 23px;
}
}
@media only screen and (max-width: 307px) {
	.cpimgsect {
    height: 298px;
    background-position: 75% 10%;
}
	.largetanbutton {
	width: 110px;
	padding: 7px 8px;
	}	
	.blacklgheader{
	line-height: 26px;	
	}
	.cpsubhead {
    width: 100%;
    padding-bottom: 0px;
}
	.cplink {
    width: 100%;
    padding-bottom: 24px;
}
	.hourstext {
    width: 100%;
    padding-bottom: 0px;
}
	.hourright {
    width: 100%;
    padding: 6px 0px;
}
	.cpmap {
    width: 100%;
    height: 275px;
}
	.lgtanbutton {
    border-right: 10px #b1afa5 solid;
    padding: 10px 6px;
    margin: 20px 0px;
    width: 169px;
    font-size: 13px;
}
}
@media only screen and (max-width: 290px) {
.footerlogosect {
    width: 70%;
    padding-bottom: 10px;
}
.footericonsect {
    width: 55%;
    padding: 0px;
}
	.footer{
		flex-wrap: wrap;
	}
	.financetext {
    width: 90%;
}
	.lgtanheader {
    font-size: 22px;
    line-height: 20px;
}
	.tanpara {
    line-height: 23px;
    font-size: 13px;
}
}