/***** BEGIN RESET *****/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&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, img {  
    display: block;  
} 
/***** END RESET *****/

/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/***** Overall *****/
html {
	width: 100%;
}

body {
	width: 100%;
}
.footer {
	background-color: #456db0;
}
/********** Control the Captcha **********/
.CaptchaPanel {
margin: 10px auto !important;
padding:0 0 0 0 !important;
text-align: center;
line-height:normal !important;
}

.CaptchaImage {
	border: 1px solid #333 !important;
	margin: 0px auto !important;
}

.CaptchaImagePanel {
margin:0 0 0 0;
padding:0 0 0 0 !important;
}

.CaptchaMessagePanel {
padding:0 0 0 0 !important;
margin: 5px auto !important;
font-weight:normal !important;
font-size:12px;
line-height:14px;
}

.CaptchaAnswerPanel {
margin:0 0 0 0;
padding:2px 0px 2px 0px !important;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin: 10px auto;
	padding:8px 0 8px 0 !important;
}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;} 
        

/********** Header **********/
.header-container {
	display: inline-block;
	height: 400px;
	width: 100%;
	overflow: hidden;
	/* background-color: rgba(219, 85, 143, 0.3); */
	background: url(../siteart/images/background_photo3.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #000;
}

.background-photo {
	width: 120%;
	position: relative;
	top: -90%;
	z-index: -2;
}

.header-logo {
	display: inline-block;
	height: 36px;
	margin: 30px;
}


.navigate {
	display: inline-block;
	float: right;
	margin: 30px 30px 0px 0px;
	*text-transform: uppercase;
}

/*
.navigate a {
	color: #fff;
	text-decoration: none;
}

.navigate ul {
	display: inline-block;
	margin: 30px;
	float: right;
}

.navigate ul li {
	display: inline-block;
	padding: 5px 15px;
	border-bottom: 0px solid #fff;
}


.navigate ul li:hover {
	border-bottom: 2px solid #fff;
	color: #fff;
}

.navigate ul li a:hover {
	color: #fff;
}

.gradient {
	width: 100%;
	height: 200px;
	top: -25%;
	z-index:-1;
	position: relative;
	opacity: 0.5;
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(125,185,232,0) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(125,185,232,0) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(125,185,232,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#007db9e8',GradientType=0 );
}
*/
/********** Content **********/
.con {
	width: 100%;
	/* background-color: lightblue; */
	text-align: center;
	margin: 0px auto;
}

.welcome {
	display: inline-block;
	height: 300px;
	text-align: left;
	width: calc(100% - 72px);
	overflow: hidden;
	margin: 30px 0px;
}

.welcome2 {
	display: inline-block;
	width: calc(100% - 72px);
	margin: 30px 0px;
}

.welcome h1 {
	font-size: 48px;
	line-height: 48px;
	text-transform: uppercase;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	font-weight: 400;
	color: #606060;
	width: calc(50% - 18px);
}
.heading-lg {
	font-size: 48px;
	line-height: 48px;
	text-transform: uppercase;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	font-weight: 400;
	color: #777777;
}

.welcome h2 {
	font-size: 28px;
	line-height: 28px;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	font-weight: 400;
	color: #99999B;
	width: calc(50% - 18px);
}

.welcome hr, .heading-lg + hr {
	border-top: 3px solid #456db0 !important;
	border-bottom: 3px solid #456db0 !important;
	margin: 5px 0px !important;
	width: 75px !important;
	float: left !important;
}

.welcome p {
	font-size: 16px;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	line-height: 32px;
	width: calc(50% - 18px);
	color: #333;
}

.welcome .side-image {
	display: inline-block;
	width: calc(50% - 18px);
	height: 300px;
	float: right;
	position: relative;
	top: -270px;
}

.side-image img {
	width: 150%;
	background-color: pink;
}

/*
.welcome img {
	display: inline-block;
	width: calc(50% - 18px);
	float: right;
	position: relative;
	top: -100%;
}
*/

.col1 {
	display: inline-block;
	width: 46%;
	height: 350px;
	/* background-color: lightcyan; */
	text-align: left;
	float: left;
	margin: 36px;
}

.col1 h1 {
	font-size: 68px;
	text-transform: uppercase;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	font-weight: 400;
	color: lightgrey;
}

.col1 hr {
	border-top: 3px solid #456db0;
	border-bottom: 3px solid #456db0;
	margin: 5px 0px;
	width: 75px;
	float: left;
}

.col1 p {
	font-size: 16px;
	font-family: 'Merriweather', Times, Times New Roman, serif;
	line-height: 32px;
}

.col2 {
	display: inline-block;
	width: 46%;
	height: 350px;
	background-color: pink;
	text-align: left;
	float: right;
	overflow: hidden;
	margin: 36px;
}

.col2 img {
	width: 100%;
}
.contact {text-align: center;}
.contact-info {
	display: inline-block;
	width: 100%;
	background-color: #456db0;
	height: auto;
	color: #fff;
}

.contact-info hr {
	width: 250px;
	border-top: thin solid #fff;
	border-bottom: thin solid #fff;
}

.contact-info h2 {
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	margin: 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.email {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	vertical-align: top;
	margin: 20px 30px 30px 20px;
	font-size: 18px;
	line-height: 28px;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	text-decoration: none;
	width:28%;
}

.email a {
	text-decoration: none;
	color: #fff;
}

.email a:hover {
	font-weight: 700;
}

.email strong {
	text-transform: uppercase;
}

.phone1 {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	vertical-align: top;
	margin: 20px 20px 30px 30px;
	font-size: 18px;
	line-height: 28px;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	text-decoration: none;
	width: 35%;
}

.phone1 strong {
	text-transform: uppercase;
}

.phone1 a {
	color: #fff;
	text-decoration: none;
}

.phone1 a:hover {
	font-weight: 800;
}

.hours {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	vertical-align: top;
	margin: 20px 20px 30px 30px;
	font-size: 18px;
	line-height: 28px;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	text-decoration: none;
	width: 28%;
}

.hours strong {
	text-transform: uppercase;
}

.hours a {
	color: #fff;
	text-decoration: none;
}

.hours a:hover {
	font-weight: 800;
}

.phone2 {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	vertical-align: top;
	margin: 20px auto;
	font-size: 18px;
	line-height: 28px;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	text-decoration: none;
}

.phone2 a {
	color: #606060;
	text-decoration: none;
}

.phone2 a:hover {
	font-weight: 800;
}

.phone2 strong {
	text-transform: uppercase;
}

.location {
	display: inline-block;
	width: 100%;
	height: auto;
	color: #fff;
	margin: 20px auto 0px auto;
}


.location hr {
	width: 250px;
	border-top: thin solid #99999B;
	border-bottom: thin solid #99999B;
}

.location h2 {
	text-transform: uppercase;
	margin: 20px auto 30px auto;
	width: 100%;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	font-weight: 400;
	letter-spacing: 1px;
	color: #606060;
}

.about {
	display: inline-block;
	width: 100%;
	height: auto;
	color: #fff;
	margin: 20px auto 0px auto;
}

.financing-header{
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 24px;
}

.heading {
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	margin: 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #456db0;
    font-size: 24px;
}

.about hr {
	width: 250px;
	border-top: thin solid #99999B;
	border-bottom: thin solid #99999B;
}

.about h2, .about h3 {
	text-transform: uppercase;
	margin: 20px auto 30px auto;
	width: 100%;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	font-weight: 400;
	letter-spacing: 1px;
	color: #606060;
    font-size: 24px;
    font-size: 18px;
}

.about h4 {
	color: #606060;
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
}

.about ul {
	color: #606060;
	font-size: 18px;
	line-height: 28px;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
}

.about p {
	color: #606060;
	font-size: 18px;
	line-height: 28px;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
}

.contact {
	display: inline-block;
	width: 100%;
	height: auto;
	color: #fff;
	margin: 20px auto 0px auto;
}

.contact hr {
	width: 250px;
	border-top: thin solid #99999B;
	border-bottom: thin solid #99999B;
}

.contact h2 {
	text-transform: uppercase;
	margin: 10px auto;
	width: 100%;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	font-weight: 700;
	letter-spacing: 1px;
	color: #606060;
    font-size: 18px;
}

.contact h3 {
	color: #606060;
	font-size: 18px;
	line-height: 28px;
	font-weight: 700;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
}

.contact ul {
	color: #99999B;
	font-size: 18px;
	line-height: 28px;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
}

.contact p {
	color: #606060;
	font-size: 16px;
	line-height: 28px;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
}

/********** Form **********/


/********** Inventory **********/
.view-attachments {
	width: calc(100% - 72px);
	background-color: #456DB0;
	display: inline-block;
	font-size: 21px;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 2px;
	margin: 10px auto;
	padding: 10px 0px;
	border-radius: 10px;
	text-align: center;
}

.view-attachments:hover {
	background-color: #A9C4E3;
	color: #fff;
}

.listings-wrapper .hosted-theme .btn {
	background-color: #456DB0;
	color: #fff !important;
}
 
.listings-wrapper .hosted-theme .btn:hover {
	background-color: #A9C4E3 !important;
	color: #fff !important;
}

.hosted-content .listings-detail-wrapper .make-an-offer a.btn:hover, .hosted-content .listings-detail-wrapper .make-an-offer input[type=submit].btn:hover {
	background-color: #A9C4E3 !important;
}

.hosted-content .listings-detail-wrapper .make-an-offer a.btn, .hosted-content .listings-detail-wrapper .make-an-offer input[type=submit].btn {
	background-color: #456DB0 !important;
}

.cf {
	text-align: left;
}

.hosted-content .listings-wrapper .currency-box {
	text-align: left !important;
}
 
/* FINANCE FORM */
#site-width {width: 80%; margin: 0 auto; padding: 25px 0;}

.field {margin:6px;}
.field-half {float:left; width:calc(50% - 12px); margin:6px;}
.field-full {float:left; width:calc(100% - 24px); margin:6px;}
.field-year {
	width:calc(100% - 12px);
	margin: 6px;
}
.field-third {float:left; width:calc(33.33% - 12px); margin:6px;}
#required {color:#636466;}
input.text {padding:5px 0; border:1px solid #000;}
select {width:101.5%; padding:5px 0; border:1px solid #000;}
textarea {width:calc(100% - 25px); margin:6px; border:1px solid #333; padding:10px; font-family: 'Montserrat', sans-serif; colpr:#000; height:80px;}
input.button{float:left; width:350px; font-weight:bold; text-transform:uppercase; color:#fff; height:28px; line-height:28px; text-align:center; font-size:16px;  padding:0 20px; background:#404040; border:0; margin:2px 0;font-family: 'Montserrat', sans-serif;}
input.button:hover {background-position:bottom; cursor:pointer; background:linear-gradient(#456DB0, #0F2F5B);}
form h3 {text-align: center; background: #456DB0; color: #fff; padding: 10px; margin: 20px 0; letter-spacing: 1px; clear: both;font-family: 'Montserrat', sans-serif;}
form h2 {text-align: center; background: #456DB0; color: #fff; padding: 10px; margin: 20px 0; letter-spacing: 1px; clear: both;font-family: 'Montserrat', sans-serif;}

.sign-up {padding:10px 0; width:100%; margin-bottom:30px; }
.sign-up p {font-weight:bold; text-transform:uppercase; }
.sign-up input.text {width:100%; background:#fff; color:#000; margin-bottom:10px; padding-left:5px;}
.sign-up select.text {width:100%; background:#fff; color:#000; margin-bottom:10px; padding-left:5px;}
#site-width h1, #site-width p { font-family: 'Montserrat', sans-serif;}


a.button {width:350px; font-weight:bold; text-transform:uppercase; color:#fff; height:28px; line-height:28px; display:block; text-align:center; padding:10px 0; float:left; background:#404040;margin:5px 0 10px;display:block!important;font-family: 'Montserrat', sans-serif; text-decoration: none;}
a.button:hover {background-position:bottom; text-decoration:none; color:#fff; background:linear-gradient(#456DB0, #0F2F5B);}

.CaptchaWhatsThisPanel a {color:#000!important; font-size:12px;}
.CaptchaMessagePanel {font-weight:normal!important; font-size:12px;}
.CaptchaAnswerPanel {padding:5px !important; border:1px solid #ccc; background:#fff; color:#000 !important; text-align:left;}
.CaptchaPanel {width:350px; text-align:left!important; display:block!important; padding:0!important;}
.CaptchaImage {text-align:left!important; display:block!important; width:60%;}


/* LANDING PAGES */
.background-cover{
	-moz-background-size: cover; 
	-o-background-size: cover; 
	-webkit-background-size: cover; 
	background-size: cover; 
	background-position: center center;
	min-height: 340px;
	
}

.cta{
	
	font-family: 'Montserrat', sans-serif;
	padding: 10px 15px;
	background: #fff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 18px;
	text-decoration: none;
	color: #2c5293;
	margin-top: 30px;
	display: inline-block;
	text-align: center;
}

.cta.blue {
    box-sizing: border-box;
    background: #456db0;
    color: #fff;
    display: block;
	margin: 20px 0;
	padding: 20px 30px;
	min-width: 240px;
	text-align: center;
}

.cta.blue:hover {
    background: #2c5293;
}


.center{text-align: center;}
.white{color: #fff;}
.flex{display: flex;}
.flex-wrap{flex-wrap: wrap;}
.align-center{align-items: center;}
.col66{
	width: 66.6666667%;
}
.col33{
	width: 33.3333333%;
}
.pad{padding: 0 40px;}
.pad .heading{margin-left: 0; margin-right: 0;}

.pad p{
	
	font-family: 'Montserrat', sans-serif;
}

#advantages-grid{
	display: flex;
	flex-wrap: wrap;
}
#advantages-grid > div{
	width: 33.33333%;
}
#advantages-grid > div > div{
	display: flex;
	margin: 15px;
	padding: 30px;
	line-height: 24px;
	font-size: 13px;
	font-family: 'Montserrat', sans-serif;
	text-align: left;
	text-transform: uppercase;
	position: relative;
	align-items: center;
}
#advantages-grid > div > div p{
	padding-left: 30px;
	box-sizing: border-box;
	width: calc(100% - 60px);
}

#advantages-grid > div > div i{
	font-size: 60px;
	line-height: 60px;
	font-weight: 700;
	font-style: normal;
	width: 60px;
	text-align: center;
	padding: 10px;
	background: #456db0;
	color: #fff;
}
.gap{gap: 31px;}
.col33{
	width: 33.33333%;
}
.bg-offwhite{
	background: #f8f8f8;
}
.bg-blue{
	background: #456db0;
}
.bg-blue-alt{
	background: #2c5293;
}
.blue{
	color: #456db0;
}
.padding-vertical{
	padding: 50px 0;
}
.wrapper{padding: 0 31px}

/********** Footer **********/
.footer {
	/* position: absolute; */
	display: inline-block;
	/* bottom: 0px; */
	/* height: 100px; */
	width: 100%;
	color: white;
	background-color: #456db0;
	font-size: 12px;
	/* border-top: thin solid #fff; */
}

.footer a {
	color: white;
	font-family: Helvetica, Arial, sans-serif;
}

.footer2 {
	/* position: absolute; */
	display: inline-block;
	/* bottom: 0px; */
	/* height: 100px; */
	position: absolute;
	bottom: 0px;
	width: 100%;
	color: white;
	background-color: #262d26;
	font-size: 12px;
	/* border-top: thin solid #fff; */
}

.footer2 a {
	color: white;
	font-family: Helvetica, Arial, sans-serif;
}

.footer_wrapper {
	width: 80%;
	margin: 25px auto;
	text-align: center;
}

.footertext {
	font-family: Helvetica, Arial, sans-serif;
}

.smallfootertext {
	font-family: Helvetica, Arial, sans-serif;
}



/*********INVENTORY STYLES****/
.hosted-content .attachment-search .search-checkboxes label .row {margin-left:0 !important;margin-right:0 !important;margin-bottom:0px !important;}

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-listing-mobile .view-listing-details-link, .list-content .list-listing-mobile .buy-now-link, .list-content .list-listing-mobile .check-availability-link, .list-content .list-listing-mobile .email-seller-link, .detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile, .detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile {background:#456DB0!important; }
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {font-size: 22px; line-height: 26px;}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label {background: #456DB0 !important;text-transform: uppercase; letter-spacing: 1px; !important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .faceted-search-content .mobile-done-button-container .mobile-done-button {background: #000 !important;}

.list-content{
	text-align: left!important;
}

.detail-content .detail-main-body .detail-body-data{
	text-align:left!important;
	margin: 10px!important;
}

.detail-content .dealer-info .contact-information .address, .detail-content .dealer-info .contact-information .phone, .detail-content .dealer-info .contact-information .contact{
	color: #000!important;
	text-align: left!important;
	
}
.detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc{
	padding: 20px!important;
}

.detail-content .breadcrumbs{
	text-align: left!important;
}
.detail-content .search-results span{
	text-align: left!important;
}



/* POPUP */

#popup .popup-window{
	padding: 40px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	
	max-width: 800px;
	background: #fff;
	box-shadow: 0 4px 4px 0 rgba(0,0,0,0.33);
	z-index: 10005;
	
	text-align: center;
	width: 90%;
    box-sizing: border-box;
}
#popup{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0, 0.33);
	z-index: 10000;
}
#popup i{
	position: absolute; 
	top: 15px;
	right: 15px;
	cursor: pointer;
	font-size: 24px;
	font-weight: 700;
}

@media screen and (max-width: 1580px) and (min-width:1280px) {
	.phone1 {
		width: 100%;
		margin: 20px 0px 15px 0px;
	}
	.email {
		width: 100%;
		margin: 20px 0px 15px 0px;
	}
	.hours {
		width: 100%;
		margin: 20px 0px 15px 0px;
	}
}

@media screen and (max-width: 1440px) and (min-width:1280px) {

	#advantages-grid > div{
		width: 50%;
	}	
		.phone1 {
		width: 100%;
		margin: 20px 0px 15px 0px;
	}
	.email {
		width: 100%;
		margin: 20px 0px 15px 0px;
	}
	.hours {
		width: 100%;
		margin: 20px 0px 15px 0px;
	}
}

@media screen and (max-width: 1280px) and (min-width:1025px) {

#advantages-grid > div{
	width: 50%;
}
		.phone1 {
		width: 100%;
		margin: 20px 0px 15px 0px;
	}
	.email {
		width: 100%;
		margin: 20px 0px 15px 0px;
	}
	.hours {
		width: 100%;
		margin: 20px 0px 15px 0px;
	}
}


@media screen and (max-width: 1024px) and (min-width:771px) {
	
	
.col33{
	width: 100%;
}
#advantages-grid > div{
	width: 100%;
}
	.header-container {
		height: 250px;
		text-align: center;
	}
	
	.header-logo {
		height: 48px;
		margin: 30px auto;
	}
	
	.navigate {
		text-align: center;
		position: relative;
		top: -36px;
		width: 100%;
	}
	
	.navigate ul {
		float: none;
	}
	
	.background-photo {
		width: 110%;
		top: -110%;
	}
	
	.gradient {
		height: 150px;
		top: -45%;
	}
	
	.welcome {
		height: auto;
	}
	
	.welcome h1, .heading-lg {
		width: 100%;
		font-size: 36px;
		line-height: 36px;
	}
	
	.welcome p {
		width: 100%;
	}
	
	.welcome .side-image {
		width: 100%;
		overflow: hidden;
		display: inline-block;
		top: 0px;
		margin: 30px auto 0px auto;
	}
	
	.side-text {
		display: inline-block;
	}
	
	.email {
		width: 100%;
		margin: 20px 0px 15px 0px;
	}
	.phone1 {
		width: 100%;
		margin: 20px 0px 15px 0px;
	}
	.hours {
		width: 100%;
		margin: 20px 0px 15px 0px;
	}
	.phone {
		width: 100%;
		margin: 20px 0px 30px 0px;
	}
	
	.heading {
		margin: 0px 0px 20px 0px;
	}
	
	.about {
		width: calc(100% - 72px);
	}
	
	.about ul {
		list-style-type: none;
	}
}

@media screen and (max-width: 770px) and (min-width: 750px) {
	.footer2 {
		position: absolute !important;
		bottom: 0px !important;
	}

	.footer2 a {
		color: white;
		font-family: Helvetica, Arial, sans-serif;
	}
}
	
@media screen and (max-width: 770px) and (min-width:321px) {
	.nopad-sm{
		padding: 0 !important;
	}
.col33{
	width: 100%;
}
	
	#advantages-grid{
		justify-content: center;
		margin: 0 -15px;
		width: calc(100% + 30px);
	}
#advantages-grid > div{
	width: 100%;
}
	#site-width {width: 95%}
	 .header-container {
		 text-align: center;
		 height: 200px;
	 }
	 
	 .background-photo {
		 height: 135%;
		 width: auto;
		 top: -100%;
	 }
	 
	 .gradient {
		 height: 75px;
		 top: -70%;
	 }
	 
	 .header-logo {
		 margin: 30px auto;
	 }
	 
	 .navigate {
		 text-align: center;
		 width: 100%;
	 }
	 
	 .navigate ul {
		 margin: 0px auto;
		 width: 45%;
		 text-align: center;
		 float: none;
	 }
	 
	 .navigate ul li {
		 width: 100%;
		 padding: 5px 0px;
	 }
	 
	 .welcome {
		 width: calc(100% - 36px);
		 height: auto;
	 }
	 
	 .welcome h1, .heading-lg {
		 font-size: 32px;
		 line-height: 32px;
		 width: 100%;
	 }
	 
	 .welcome p {
		 font-size: 14px;
		 line-height: 21px;
		 width: calc(100% - 18px);
	 }
	 
	 .welcome .side-image {
		 height: 200px;
		 width: 100%;
		 margin: 30px auto 0px auto;
		 top: 0px;
		 display: inline-block;
		 top: 0px;
	 }
	
	.financing-header{
		flex-direction: column;
		align-items: flex-start;
	}
	
	.financing-continue-button{
		width: 100% !important;
	}
	 
	 
	 .contact-info {
		 text-align: center;
	 }
	 
	 .contact-info hr {
		 width: calc(100% - 36px);
	 }
	 
	 .email {
		 margin: 20px auto 30px auto;
		 width: 100%;
	 }
	 
	 .email p {
		 font-size: 13px;
	 }
	 
	 .phone1 {
		 margin: 20px auto 30px auto;
		 width: 100%;
	 }
	 
	 .phone1 p {
		 font-size: 13px;
	 }
	.hours {
		 margin: 20px auto 30px auto;
		 width: 100%;
	 }
	 
	 .hours p {
		 font-size: 13px;
	 }
	 
	 .location {
		 width: calc(100% - 36px);
		 text-align: center;
	 }
	 
	 .location hr {
		 width: 100%;
		 text-align: center;
	 }
	 
	 .location h2 {
		 font-size: 13px;
	 }
	 
	 .about {
		width: calc(100% - 36px);
	}
	
	.about h4 {
		font-size: 14px;
		line-height: 21px;
	}
	
	.about p {
		font-size: 14px;
		line-height: 21px;
	}
	
	.about ul {
		list-style-type: none;
		font-size: 14px;
	}
	
	.contact {
		width: calc(100% - 36px);
	}
	
	.contact h3 {
		font-size: 14px;
		line-height: 21px;
	}
	
	.contact p {
		font-size: 14px;
		line-height: 21px;
	}
	
	.contact ul {
		list-style-type: none;
		font-size: 14px;
	}
	
	.footer2 {
		position: relative;
		bottom: 0px;
	}

	.footer2 a {
		color: white;
		font-family: Helvetica, Arial, sans-serif;
	}
}

@media screen and (max-width: 400px){
	
	.field-half {
		width: 100%; 
		margin: 6px 0px;
	}
	
	.field-full {
		float:left; 
		width: 100%; 
		margin:6px 0px;
	}
	
	.field-year {
		width:calc(100%);
		margin: 6px 0px;
	}
	
	.location{
		width: calc(100% - 5px);
	}
}

@media screen and (max-width: 320px){
		.nopad-sm{
		padding: 0 !important;
	}
#advantages-grid > div{
	width: 100%;
}
.col33{
	width: 100%;
}
	.sign-up input.text {box-sizing: border-box;}
	.sign-up select.text {padding-left:0px;}
	
	#site-width {width: 95%}
	.field-half {
		width: 100%; 
		margin: 0px;
	}
	.header-container {
		 text-align: center;
		 height: 345px;
	 }
	 
	 .background-photo {
		 height: 135%;
		 width: auto;
		 top: -100%;
	 }
	 
	 .gradient {
		 height: 75px;
		 top: -70%;
	 }
	 
	 .header-logo {
		 margin: 30px auto;
	 }
	 
	 .navigate {
		 text-align: center;
		 width: 100%;
	 }
	 
	 .navigate ul {
		 margin: 0px auto;
		 width: 60%;
		 text-align: center;
		 float: none;
	 }
	 
	 .navigate ul li {
		 width: 100%;
		 padding: 5px 0px;
	 }
	 
	 .welcome {
		 width: calc(100% - 36px);
		 height: auto;
	 }
	 
	 .welcome h1, .heading-lg {
		 font-size: 32px;
		 line-height: 32px;
		 width: 100%;
	 }
	 
	 .welcome p {
		 font-size: 14px;
		 line-height: 21px;
		 width: calc(100% - 18px);
	 }
	 
	 .welcome .side-image {
		 height: 200px;
		 width: 100%;
		 margin: 30px auto 0px auto;
		 top: 0px;
		 display: inline-block;
		 top: 0px;
	 }
	
	.financing-header{
		flex-direction: column;
		align-items: flex-start;
	}
	
	.financing-continue-button{
		width: 100% !important;
	}
	 
	 .heading {
		 margin: 20px auto;
		 width: 100%;
	 }
	 
	 .contact-info {
		 text-align: center;
	 }
	 
	 .contact-info hr {
		 width: calc(100% - 36px);
	 }
	 
	 .email {
		 margin: 20px auto 30px auto;
		 width: 100%;
	 }
	 
	 .email p {
		 font-size: 13px;
	 }
	 
	 .phone1 {
		 margin: 20px auto 30px auto;
		 width: 100%;
	 }
	 
	 .phone1 p {
		 font-size: 13px;
	 }
	 .hours {
		 margin: 20px auto 30px auto;
		 width: 100%;
	 }
	 
	 .hours p {
		 font-size: 13px;
	 }
	 .location {
		 width: calc(100% - 30px);
		 text-align: center;
	 }
	 
	 .location hr {
		 width: 100%;
		 text-align: center;
	 }
	 
	 .location h3 {
		 font-size: 13px;
	 }
	 
	 .about {
		width: calc(100% - 36px);
	}
	
	.about h4 {
		font-size: 14px;
		line-height: 21px;
	}
	
	.about p {
		font-size: 14px;
		line-height: 21px;
	}
	
	.about ul {
		list-style-type: none;
		font-size: 14px;
	}
	
	.contact {
		width: calc(100% - 36px);
	}
	
	.contact h3 {
		font-size: 14px;
		line-height: 21px;
	}
	
	.contact p {
		font-size: 14px;
		line-height: 21px;
	}
	
	.contact ul {
		list-style-type: none;
		font-size: 14px;
	}
	
	.footer2 {
		position: relative;
		bottom: 0px;
	}

	.footer2 a {
		color: white;
		font-family: Helvetica, Arial, sans-serif;
	}
}