/* Make HTML 5 elements display block-level for consistent styling */ 
header, nav, article, footer, address, section { 
display: block; 
} 

/***** 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;	
}

/***** END RESET *****/

body {
	margin: 0 auto;
	background: #2e2e2e;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	color:#000;
	overflow-x:hidden;
}

h1 {font-size: 24px; font-family: 'Open Sans', sans-serif; color:#ed2027; font-weight:normal; margin:0 0 15px 0;}
h2 {font-size: 16px; font-family: 'Open Sans', sans-serif; color:#ed2027; font-weight:normal; margin:0 0 10px 0;}
h3 {font-size: 16px; font-family: 'Open Sans', sans-serif; color:#ed2027; font-weight:normal; margin:0 0 10px 0;}
h4 { font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; margin:0 0 10px 0; }

p {font-size: 15px; color:#fff; margin:0 0 5px 0;}
p span{color:#7e7e7e; font-weight:bold;}
p.large {font-size: 16px; color:#000; margin:0 0 5px 0;}

a img {border:0;}
a {color: #fff; text-decoration:none; outline:none;}
a:hover {color: #ed2027; text-decoration:none;}
.clear {clear: both}

#padding25 {padding: 25px 0;}
#clear {clear:both;	}
.logo img {width:30%;}
#wrapper {
	width: 100%;
	margin: 0 auto;
	position:relative;
	display:block;
}
.header-bg {background:#353535;}
.logo{
	float:left;
	position:absolute;
	z-index:999; 
	top:0;
	left:5%;
}
#contact-bar{
	padding:15px 0px 50px;
	text-align:right;
	background:#3F3F3F;
	width:100%;
	border-top:6px solid #4f4f4f;
}

#contact-bar p{
	margin:0;
	color:#fff;
	font-size:16px;
	margin-right:30px;
}

#contact-bar p span{
	font-size:16px;
	font-family: 'Open Sans', sans-serif;
	letter-spacing:.5px;
	color:#fff;
	font-weight:normal;
}

#contact-bar a{
	color:#fff;
	text-decoration:none;
}

#contact-bar a:hover{
	color:#a61c1c;
}
#contact-header {
	font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    color: #ed2027;
    font-weight: normal;
    margin: 0 0 15px 0;
}
#buttons-home{ display:inline-block; width: 190px; color:#fff; background:none; font-weight:700; font-size:18px;border: 2px solid #ed2027; text-decoration:none; margin: 20px 8px 0px 0px; padding: 5px 0px; float: left; border-radius: 15px; text-align:center;}
#buttons-home:hover{background:#ed2027; border: 2px solid #ed2027;}


 .buttons-inv {position:absolute; top:45%; left:35%; }
#buttons-inv{ border-radius: 20px; display:inline-block; width: 285px; height:70px; color:#fff; background:#D0292C;border: 2px solid #D0292C; font-weight:700; font-size:18px; text-decoration:none; margin: 20px 40px 0px 0px; padding: 5px 0px; text-align:center; }
 #buttons-inv h4{ margin-top:18px; font-size:24px;font-weight:700; }

#buttons-inv:hover{background: none; border: 2px solid #D0292C;}

.content-hp {display: flex;flex-direction: row; align-items: center; width: 90%; margin: 0 auto;}
.col-1-3 {font-size:30px !important; width: 40%; line-height:25px;  padding:15px 15px; display: inline-block;}
.col-2-3 {font-size:30px !important; width: 30%; line-height:25px;  border-left: 2px solid #ed2027;padding:15px 15px; display: inline-block; }
.col-2-3 p{font-size:15px !important; text-transform:capitalize; display: inline-block;}
.col-3-3 {width: 30%;  display: inline-block; }
body .full .inner-wrap {margin-top:4% !important;}
.white-bg {background: #fff;}
.content-bg {padding: 25px 0;}
.container {padding-top:3%; margin: 0 auto;}
.container-at {padding-top:3%;  width:1020px; margin: 0 auto;}
.tabcontent-wrapper {background: #5e5e5e;}

.leftcol {width:60%; color: #fff !important;float:left; padding-left:3%; padding-top:3%;}
.leftcol h2 {color:#ed2027;font-size:20px; font-weight:bold;}
.rightcol {width:30%; color: #fff !important; float: left;padding-left:3%; padding-top:3%;}
.rightcol h2 {color:#ed2027; font-size:20px; font-weight:bold;}

.bottom-border h1 {color:#ed2027; text-transform:capitalize; font-weight: bold;}
.bottom-border {width: 100%; padding: 3% 3%; background: #C8C8C8;}
p.large {width:90%; color:#000;}
p span {color:#646464;}


.credit-app h2 {font-size: 25px; font-family: 'Open Sans', sans-serif;}
.credit-app p {font-size: 18px; font-family: 'Open Sans', sans-serif;}
.credit-app .red-btn {display: inline-block; background:#ed2027; padding: 10px 25px; max-width: 300px; width: 100%; margin: 1% 1%; text-align: center;  font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 600; }
.credit-app .red-btn:hover {display: inline-block; background:#000; padding: 10px 25px; max-width: 300px; width: 100%; margin: 1% 1%; text-align: center;  font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 600; }


.property-lease ul {color: #fff;list-style-position: inside;}
.property-lease .red-btn {display: inline-block; background:#ed2027; padding: 10px 25px; margin: 1% 1%; text-align: center;  font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 600; }
.property-lease .red-btn:hover {display: inline-block; background:#000; padding: 10px 25px; margin: 1% 1%; text-align: center;  font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 600; }
.property-lease .lightbox {
	display: grid;
    margin: auto;
    justify-content: flex-start;
    gap: 10px;
    position: relative;
	grid-template-columns:repeat(4,1fr);}
.property-lease .lightbox a img {width: 100%;}
.property-lease ul li {font-size: 15px;
    color: #fff;
    margin: 0 0 5px 0;}
.property-lease .half-container {
	display: flex;
	gap: 25px;
}
.property-lease .half-container .half-col{
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 100%;
	width: 100%;
}
.property-lease .gallery-container{
	background-color: #3f3f3f;
}

/* FORM */
.width-70 {width: 80%; margin: 0 auto;}
.field {margin:6px;}
.field-half {float:left; width:calc(50% - 12px); margin:6px;}
.field-third {float:left; width:calc(33.33% - 12px); margin:6px;}
#required {color:#636466;}
input.text {padding:8px 0; border:1px solid #000;}
select {width:101.5%; padding:8px 0; border:1px solid #000;}
textarea {width:calc(100% - 25px); margin:8px; border:1px solid #333; padding:10px; font-family: 'Open Sans', sans-serif; color:#000; height:80px;}
input.button{float:left; width:350px; font-weight:bold; text-transform:uppercase; color:#fff; line-height:28px; text-align:center; font-size:16px;  padding:8px 20px; background:#404040; border:0; margin:2px 0;}
input.button:hover {background-position:bottom; cursor:pointer; background:linear-gradient(#ed2027, #ed2027);}
form h3 {text-align: center; background: #ed2027; color: #fff; padding: 10px; margin: 20px 0; letter-spacing: 1px; clear: both;font-family: 'Open Sans', sans-serif; text-transform: uppercase;}

.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;}

a.button {width:350px; font-weight:bold; text-transform:uppercase; color:#fff; height:28px; line-height:28px; display:block; text-align:center; padding:6px 0; float:left; background:#404040;margin:5px 0 10px;display:block!important;}
a.button:hover {background-position:bottom; text-decoration:none; color:#fff; background:linear-gradient(#ed2027, #ed2027);}

.CaptchaWhatsThisPanel a {color:#fff!important; font-size:12px;font-family: 'Open Sans', sans-serif;}
.CaptchaMessagePanel {font-weight:normal!important; font-size:12px; color:#fff;font-family: 'Open Sans', sans-serif;}
.CaptchaAnswerPanel {padding:5px !important;background:#fff; border: 0px solid transparent !important; color:#000 !important; text-align:left;font-family: 'Open Sans', sans-serif;}
.CaptchaAnswerPanel #CaptchaAnswer { border: 0px solid transparent !important; color:#000 !important;font-family: 'Open Sans', sans-serif; }
.CaptchaPanel {width:350px; text-align:left!important; display:block!important; padding:0!important;}
.CaptchaImage {text-align:left!important; display:block!important; width:60%;}


/*  SCROLLING INVENTORY
------------------------------------------------*/
/*  scrolling inventory
------------------------------------------------*/
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
	padding: 10px 0; 
	background: #000;
	margin-top:20px;
}
 
.scrolling{
    width:100%;
    height:92px;
}

.footer { font-size:13px;  padding-top:1%; width: 100%; border-top: 1px solid #FFFFFF; background:#4F4F4F;padding-bottom:15px;}
.footer p {width:80%; margin: 0 auto;}

.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, .list-container-flexrow .view-listing-details-link, .modal-content .form-bottom .captcha-and-submit .captcha-placeholder button {background:#ed2027 !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: #ed2027 !important;text-transform: uppercase; letter-spacing: 1px;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .faceted-search-content .mobile-done-button-container .mobile-done-button {background: #000 !important;}

.detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn {float:none;}

.modal-content .modal-top .modal-title, .listing-description, .list-content .list-main-section .list-container .list-listing .listing-top-right .listing-dealer-info .dealer-name, .list-content .list-listing-mobile .listing-dealer-info .spec-value, .detail-content-mobile .dealer-info h3, .list-content .list-title .list-listings-count {color:#000 !important;}
#contact-info, .list-content .list-listing-mobile .dealer-phone-container .dealer-phone-call, .list-content .list-listing-mobile .dealer-phone-container .dealer-phone-text, .detail-content-mobile .share-listing {color:#000;}
.list-content .list-listing-mobile .dealer-phone-container .dealer-phone-call, .list-content .list-listing-mobile .dealer-phone-container .dealer-phone-text {border: 1px solid #000 !important;}
#contact-info a, .list-content .list-listing-mobile .dealer-phone-container .dealer-phone-call {color:#000;}
.list-content .list-listing-mobile .listing-description a, .detail-content-mobile .dealer-info .address-and-contact .address .field-value, .detail-content-mobile .dealer-info .address-and-contact a, .list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price, .detail-content-mobile .detail-main-body .main-detail-data .detail-price {color: #ed2027 !important}
.mobile-breadcrumb {background: #333 !important;}
@media screen and (max-width:1600px) {
	.buttons-inv {left:30%; top:40%;}
}

@media screen and (max-width:1400px) {
	.buttons-inv {left:26%; top:40%;}
	.logo img { margin-left:-14%;width:290px;}
}


@media screen and (max-width:1175px) {
	.buttons-inv {left:27%;}
	#contact-bar p{width:225px; float:right;}
	.logo img { margin-left:-14%;width:250px;}
}


@media screen and (max-width:1060px) {
	.buttons-inv {left:19%; top:28%;}
	.content-hp {display: block;}
	.col-1-3 {width: 100%;border-bottom:1px solid #D0292C; padding: 25px 0;}	
	.col-2-3 {width:45%; display: inline-block; margin-right: 5%; border-left:none; vertical-align: top; padding: 25px 0;}
	.col-3-3 {width: 45%; display: inline-block; padding: 25px 0; vertical-align: top;}
	.container, .container-at {padding-top:9%;  width:100% !important; margin: 0 auto;}
    
	.logo img {width:234px; margin-left:4%;}
	#contact-bar p{font-size:13px;}
	#contact-bar p span{font-size:13px;}
	.property-lease .half-container {
		flex-wrap: wrap;
	}
}

@media screen and (max-width:900px) {
    #buttons-inv h4 {font-size:15px; margin: 0 auto;padding: 10px 0;}
	#buttons-inv {width: 40%; display: inline-block; margin: 0 auto; height: auto; }
	.buttons-inv { position: relative; left:0; right:0; margin: 0 auto; text-align: center;}
	.content {margin-left:3%;}
		
	.property-lease .lightbox {
		grid-template-columns:repeat(2,1fr);}
}

@media screen and (max-width:700px) {
	.leftcol {width:90%;padding-left:5%;}
	.rightcol {width:90%;padding-left:5%;}
	.logo img {width:234px;}
	.col-2-3 {width:100%;  margin-right: 0; }
	.col-3-3 {width: 100%; }
	.field-half {float:left; width:calc(100% - 0px); margin:6px;}
	.field-third {float:left; width:calc(100% - 0px); margin:6px;}

    .property-lease .lightbox a img {max-width: 100%;}

}
@media screen and (max-width:480px) {

	#contact-bar p{display:none;}
	.logo img {margin-left:9%; width:288px;}
	.property-lease .lightbox {
		grid-template-columns:repeat(1,1fr);}
}
@media screen and (max-width:400px) {
	.logo img {margin-left:0%; width:240px; margin-top:8%;}
}
@media screen and (max-width:384px) {
	.logo img {margin-left:0%; width:240px; margin-top:8%;}
}

@media screen and (max-width:320px) {
	.logo img {margin-left:1%; width:220px; margin-top:13%}
	
}
