/***** 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 {
	background: #fff;
}
h1{font-family: 'Titillium Web', sans-serif; font-size: 62px; line-height: 62px;}
h2{font-family: 'Titillium Web', sans-serif; font-size: 42px; line-height: 44px;}
h3{font-family: 'Titillium Web', sans-serif; font-size: 22px; line-height: 22px;}
p{font-family: 'Titillium Web', sans-serif;}
a{font-family: 'Titillium Web', sans-serif;}
a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}


hr{border:#000 1px solid;}

html { scroll-behavior: smooth;}

/*--- HEADER STYLES ---------------------*/
header {}




/*---BODY--------------------------------*/
.home-main{position: relative; overflow: hidden; height: 900px;}
.home-img{
		display: block;
		background: url("../siteart/home.jpg");
		width: 100%;
		position: absolute;
		top: 0;
		left: 0px;
		height: 900px;
		background-size: cover;
		background-position: center;
		background-attachment: fixed;
		background-repeat: no-repeat;
	}
.home-main-txt{
	position: relative;
    top: 25%;
    left: 10%;
    width: 80%;
    text-align: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.home-main-txt h1{ 
    font-weight: 700;
    color: #fff;
	padding-bottom: 1%;
	width: 46%;
}

.home-main-txt h3{ 
	letter-spacing: 3px;
    font-weight: 700;
    color: #fff;
	width: 47%;
    line-height: 27px;
}

.home-mid{
    width: 90%;
    padding: 10% 5%;
	background: linear-gradient(0deg,#51656f 0,#191a24); 
    text-align: center;
}
.home-mid h2{
    font-weight: 700;
    color: #fff;
    width: 34%;
    margin: 0 auto;
    padding-bottom: 1.5%;
}
.home-mid p{
    color: white;
    font-size: 22px;
    line-height: 25px;
    width: 46%;
    margin: 0 auto;
}
.rm-inv-wrap{
	color: #fff;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
}
.rm-inv{width: 25%; text-align: center;}
.rm-inv img{width: 100%;}
.rm-inv a{color: white; font-size: 25px;-webkit-transition:.4s ease-in; -moz-transition:.2s ease-in;  -o-transition:.2s ease-in; transition:.2s ease-in;}
.rm-inv i{color: #fd0;}

.rm-inv a:hover{color: #fd0;}
/*=========================*/
/*     SUBPAGE HEADER      */
/*=========================*/
.page-main{position: relative; height: 400px; overflow: hidden;}

.page-img{
	background: url("../siteart/home.jpg");
    width: 100%;
    position: absolute;
    top: 0;
    left: 0px;
    height: 400px;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
.page-txt{
	position: absolute;
    top: 56%;
    left: 0;
    text-align: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
}

.page-txt h1{ 
	letter-spacing: 4px;
    font-weight: 800;
    color: #fff;
	font-size: 48px;
	line-height: 48px;
}

/*=========================*/
/*       CONTACT PAGE      */
/*=========================*/
.contact-txt{
	padding: 8% 6%;
    text-align: center;
}
.contact-txt h2{
    padding-bottom: 0.7%;
    width: 36%;
    margin: 0 auto;
    border-bottom: 3px solid #fd0;
    margin-bottom: 1.5%;
}
.contact-txt h3{font-weight: 500;}
.info-wrap{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    text-align: left;
    padding: 5% 0;
    height: 300px;
}
.info-l{width: 50%;}
.info-l p{font-weight: 800;}
.info-l a{color: black; -webkit-transition:.4s ease-in; -moz-transition:.2s ease-in;  -o-transition:.2s ease-in; transition:.2s ease-in;}
.info-l a:hover{color: #fd0;}
.info-r{width: 50%;}
.info-r iframe{width: 100%; height: 300px;}
#socials .fa{
	font-size: 25px;
    width: 5%;
    padding-top: 1%;
}

/*==============================
		 THANK YOU PAGE			
================================*/
.ty-wrapper{padding: 10% 15%;}
.ty-wrapper h2{font-size: 35px; font-weight: 800; color:#000;  letter-spacing: 2px;}
.ty-wrapper p{font-size: 21px; font-family: 'Titillium Web';}
.ty-wrapper a{color:black; -webkit-transition:.4s ease-in; -moz-transition:.2s ease-in;  -o-transition:.2s ease-in; transition:.2s ease-in;}
.ty-wrapper a:hover{color:#fd0;  cursor:pointer;}

/*--------FORM STYLES--------------------*/
.form-text h2{font-size: 30px !important; color: black; letter-spacing: 2px; line-height: 28px;}
.form-text p{font-size: 19px ; color: black; font-family: 'Titillium Web';}
.form-text a{color: black; -webkit-transition:.4s ease-in; -moz-transition:.2s ease-in; -o-transition:.2s ease-in;transition:.2s ease-in;}
.form-text a:hover{color: #ee1c24;}
.form-text{width: 30%; color: black;}
.form-main{ padding-right: 1.5%; color: black;}
.form-row{font-family: 'Titillium Web'; font-size: 12px;}
.form-row input{width:100%; margin-bottom: 15px; padding: 7px;font-family: 'Titillium Web';}
.form-row h4{padding-bottom: 8px;}
input.radio{width: auto; font-family: 'Titillium Web'; }
textarea{width:100%; font-family: 'Titillium Web'; padding: 7px;  margin-bottom: 15px;}
input.bttn-base, .bttn-green {
	padding: 0.5% 0%;
    font-family: 'Titillium Web';
    background: white;
    text-decoration: none;
    border: black solid 1px;
	width:100%;
	font-size: 18px;
	letter-spacing: 2px;
	text-transform:uppercase;
}
.CaptchaPanel {
    margin: 10px 0px 10px 0px;
    text-align: center;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 0 !important;
}
.CaptchaMessagePanel {
    padding: 5px 5px 10px 5px;
    font-weight: 400;
    font-size: 14px;
    font-family: 'Titillium Web';
	text-align: left;
}
.CaptchaWhatsThisPanel a {
    padding: 5px 5px 10px 5px;
    font-size: 12px;
	font-family: 'Titillium Web'!important;
    color: black !important;
}

@media only screen and (max-width: 968px){
	.form-text h2{font-size: 26px !important; line-height: 24px;} 
	.form-text p{font-size: 16px ;}
}
@media only screen and (max-width: 768px){
	.form-text {width: 100%; padding-bottom: 5%;}
	.form-main {width: 100%; padding-left: 0;}
	.form-row input {width: -webkit-fill-available;}
	textarea {width: -webkit-fill-available;}
	input.bttn-base, .bttn-green {width: -webkit-fill-available;}
}
@media only screen and (max-width: 425px){
	.form-text {padding-bottom: 11%;}
	.form-text h2 { font-size: 23px !important; line-height: 21px;}
	.form-text p { font-size: 14px;}
	.CaptchaMessagePanel { font-size: 3.6vw;}
	.CaptchaWhatsThisPanel a { font-size: 2.7vw;}
}


/*-------- FOOTER STYLES ----------------*/
footer{}

.footer-wrap {    
	width: 80%;
    margin: 0 auto;
    background:#000;
    padding: 3% 10%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-end;
}
.col-f p{color: #fd0; font-size: 25px; padding-bottom: 6%;}
.col-f a{font-size: 18px; color: #fff; -webkit-transition:.4s ease-in; -moz-transition:.2s ease-in;  -o-transition:.2s ease-in; transition:.2s ease-in;}
.col-f a:hover{color: #fd0;}
.site-host a{color: #fff; -webkit-transition:.4s ease-in; -moz-transition:.2s ease-in;  -o-transition:.2s ease-in; transition:.2s ease-in;}
.site-host a:hover{color: #fd0;}
.site-host p{font-size: 16px; text-align: right;}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/

.faceted-search-content .faceted-section-box .faceted-option-checkbox-container input{width: auto!important;}

.container{ margin: 1.5% 0!important;}
.list-content .faceted-search-content { background: white!important;}
.list-content .list-main-section .list-container{ background: white!important;}
.list-content .list-main-section{ background: white!important;}
.list-content .list-title .list-title-text { font-family:  'Titillium Web',sans-serif!important;text-transform: uppercase;color:#51656f; letter-spacing: 1px; font-weight: 800!important;}

.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 {background:#fd0 !important; color: black!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;}
.list-content .list-title .list-listings-count{color:#fd0!important; }
.detail-content .search-results{color:#fd0!important; }
.list-content .list-top-section .listing-option-bar .list-listings-count{color:#fd0 !important; }
.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label {background: #fd0!important;text-transform: uppercase; letter-spacing: 1px; color: black!important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .faceted-search-content .mobile-done-button-container .mobile-done-button {background: #000 !important;}
.list-container-flexrow button.collapsible{background:#fd0 !important; }
.detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn {float:none;}
.contact-options a, .fin-calc-mobile>a{background:#fd0!important; color: black!important;}
.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .buy-now-link{color: black!important;}
.detail-content .detail-additional-data .data-row .data-label{color: black!important;}

@media only screen and (max-width: 1230px){
	.container { margin: 2% 2%!important;}
}
@media only screen and (max-width: 874px){
	.container { margin: 3% 3%!important;}
}
@media only screen and (max-width: 500px){
	.list-content .list-title{ flex-direction: column;align-items: center; align-content: center; text-align: center;}
}

/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (max-width: 2560px){
	
}
@media only screen and (max-width: 1880px) {
	.home-main-txt h3{width: 69%;}
	.home-main-txt{ top: 22%; }
	.rm-inv-wrap{ padding: 5% 0 0 0;}
	.rm-inv a{font-size: 22px;}
}

@media only screen and (max-width: 1440px) {
	.home-main{height: 700px;}
	.home-img{height: 700px;}
	.home-main-txt h1{font-size: 50px; line-height: 50px;}
	.home-main-txt h3{line-height: 24px; font-size: 17px; letter-spacing: 1px; font-weight: 600;}
    .home-mid h2{font-size: 34px; line-height: 35px;}
	.rm-inv a { font-size: 19px;}
	/*	footer  */
	.footer-wrap{padding: 5% 10%;}
	.col-f p{font-size: 20px;}
	.col-f a {font-size: 15px;}
	.site-host p { font-size: 12px;}

	/********	sub pages css  ********/
}

@media only screen and (max-width: 1240px){
	.home-main-txt h1 {font-size: 45px;line-height: 45px;}
    .home-mid h2{width: 50%;}
    .home-mid p{font-size: 18px; line-height: 23px;}
	/*	contact page  */
	.contact-txt h2{width: 43%;}
}

@media only screen and (max-width: 1024px) {
	.home-main{height: 600px;}
	.home-img{height: 600px;}
	.home-main-txt h1{width: 56%; letter-spacing: 2px; font-size: 40px; line-height: 40px;}
	.home-main-txt h3 {line-height: 18px; font-size: 15px;}
    .home-mid h2 { font-size: 27px; line-height: 30px;}
    .home-mid p {font-size: 16px; line-height: 18px;}
    .rm-inv-wrap {padding: 3% 0 0 0;}
	.rm-inv a {font-size: 15px;}
	
	/*	footer  */
	.col-f p { font-size: 18px; padding-bottom: 2%;}
	.col-f a {font-size: 14px;}
	.site-host p{font-size: 10px;}
	
	/********	sub pages css  ********/
	.page-main, .page-img{height: 300px;}
	.page-txt h1{font-size: 33px; line-height: 33px;}
	
}

@media only screen and (max-width: 900px){

	.home-main-txt h1{font-size: 37px; line-height: 35px;}
	.home-links{flex-direction: column;}
	
	/*	footer  */
	
	/********	sub pages css  ********/
	.page-main, .page-img{height: 250px;}
	.page-txt h1 { font-size: 27px; line-height: 27px;}
	
	/*	Contact page  */
	.info-wrap{padding: 8% 0;}
	.contact-txt h2{font-size: 28px;  width: 65%;}
	.contact-txt h3{font-size: 17px;}
	#socials .fa { width: 8%;}
	/*	thank you  */
	.ty-wrapper {text-align: center; padding: 15%;}
	.ty-wrapper h2{font-size: 28px;}
	.ty-wrapper p{ font-size: 15px;}
	
}
	
@media only screen and (max-width: 768px) {
	.home-main-txt { top: 23%;}
	.home-main-txt h1{font-size: 30px; line-height: 30px;}
	.home-main-txt h3{font-size: 13px; line-height: 17px; width: 86%;}
    .home-mid h2 {font-size: 23px; line-height: 25px;}
    .home-mid p{font-size: 13px; line-height: 17px; width: 75%;}
	
	/********	sub pages css  ********/
	
	/*	footer  */
	
}

@media only screen and (max-width: 650px){
	.home-main-txt h1 {width: 78%; padding-bottom: 2%;}
	.home-main-txt h3 { font-size: 12px;line-height: 17px; width: 64%;}
    .home-mid{padding: 20% 5% 8% 5%;}
    .home-mid h2{width: 70%; padding-bottom: 2.5%;}
	.rm-inv-wrap{flex-direction: column; justify-content: space-between; padding: 11% 0 0 0;}
	.rm-inv { width: 45%; padding-bottom: 16%;}
	/*	footer  */
	.footer-wrap{ padding: 10%; flex-direction: column; align-items: center;}
	.col-f{text-align: center; padding-bottom: 6%;}
	.site-host p{text-align: center;}
	/********	sub pages css  ********/
	/*	contact us  */
	.contact-txt{padding: 10%;}
	.contact-txt h2{font-size: 25px;  width: 65%; margin-bottom: 2.5%;}
	.contact-txt h3{font-size: 15px;}
	.info-wrap{flex-direction: column; height: 700px;}
	.info-l {
		width: 100%;
		text-align: center;
		padding-bottom: 10%;
	}
	.info-r { width: 100%;}
	/*	thank you  */
	.ty-wrapper {padding: 20%;}
	.ty-wrapper h2{font-size: 25px;}
	.ty-wrapper p{ font-size: 14px;}

}

@media only screen and (max-width: 500px){
	.home-main-txt h1 { font-size: 28px; line-height: 28px;}
	
	/*	footer  */
	
	/********	sub pages css  ********/
	.page-txt{top: 53%;}
	
	/*	contact us  */
	.contact-txt h2{width: 90%; }
}


@media only screen and (max-width: 425px){
	.home-main-txt h1{letter-spacing: 2px; font-size: 23px; line-height: 23px;}
	.home-main-txt h3 {line-height: 16px; font-size: 13px; width: 83%;}
    .home-mid h2 {font-size: 19px; line-height: 21px;}
    .rm-inv{width: 52%;}
	/*	footer  */
	.footer-wrap {padding: 25% 10%;}
	
	/********	sub pages css  ********/
	/*	contact us  */
	.contact-txt { padding: 15% 10%;}
	.contact-txt h2{font-size: 20px;}
	.contact-txt h3{font-size: 14px;}
	.info-l{padding-bottom: 15%;}
	.info-l p{font-size: 14px;}
	.info-l a{font-size: 14px;}
	#socials .fa{ font-size: 23px;}
	/*	thank you  */
	.ty-wrapper {padding: 22%;}
	.ty-wrapper h2{font-size: 20px;}
	.ty-wrapper p{ font-size: 13px;}

}

@media only screen and (max-width: 376px){

	/* footer */
	
	/********	sub pages css  ********/
	
}

@media only screen and (max-width: 336px){
	.home-main-txt h3{font-size: 12px; line-height: 12px;}
	.home-main-txt h1{letter-spacing: 2px; font-size: 22px; line-height: 22px;}
	/********	sub pages css  ********/
	.page-txt{top: 47%;}
	
	/*	contact us  */
	.contact-txt h2{font-size: 19px;}
}