/***** 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;	
}

ul li{list-style: none;}

a {
	color:inherit;
	text-decoration:underline;
}

a:hover{
	color: #D4D4D4;
	text-decoration:none;
}

/*--color
orange: f27124

--*/

 
/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {clear: both;}
.left {text-align:left;}
.right {text-align:right;}
.none{display:none;}

*{
	box-sizing:border-box;
}

body { 
	width: 100%;
	overflow-x: hidden;
	font-size: 15px;
	line-height: 25px;
	font-family: 'Poppins',san-serif;
	font-weight: 400;
	color: #000;
}


::selection {
	color:#000;
	background: #f3f3f3;
}
::-moz-selection {
	color:#000;
	background: #f3f3f3;
}


h1{ font-size: 30px; line-height: 40px; font-family: 'Poppins',san-serif; text-transform: uppercase; font-weight: 800; font-style: italic; letter-spacing: 1.2px; color: #f27124}
h1 span{font-style: normal;}
h2{ font-size: 25px; line-height: 35px; font-family: 'Poppins',san-serif; text-transform: uppercase; font-weight: 800; font-style: italic; letter-spacing: 1.2px;}
h3{ font-size: 20px; font-family: 'Poppins',san-serif; text-transform: uppercase; font-weight: 800; font-style: italic; letter-spacing: 1.2px;}
h4{ font-size: 18px; font-family: 'Poppins',san-serif; text-transform: uppercase; font-weight: 800; font-style: italic; letter-spacing: 1.2px;}

.wrapper-inner{width: 75%; margin: 0 auto;}
.wrapper-center{width: 75%; margin: 0 auto; text-align: center;}

#pad{padding:3% 0;}
#l-pad{padding: 5% 0;}

.black-bg{background: #000; color: #fff;}
.stripes{background: url(../siteart/stripes.png) repeat-y; color: #fff;}
#shadow{box-shadow: 0px 6px 7px -7px #212121; position: relative;}

#pageimage{display: block; text-align: center; margin: 20px auto 0 auto; width: 90%; max-width: 800px; border-bottom: 2px solid #f27124}

#orange-btn{background: #f27124; color: #fff; font-style: italic; font-weight: 800; padding: 10px 20px; letter-spacing: 1.5px; text-decoration: none;}
#orange-btn:hover{background: #fff; color: #f27124; }
/* HEADER 
----------------------------------------------*/
.head-mobile{display: none;}
.header{
	width:100%;
	display:inline-block;
	text-align:right;
	margin:0 auto;
	background:#000;
}

.logo{
	text-align:left;
	width:30%;
	margin:0 auto;
	display:inline-block;
	vertical-align: middle;
}
.logo img{
	width:100%;
	max-width:550px;
	margin:0 auto;
}

.header-right{
	width:69%;
	display: inline-block;
	vertical-align: middle;
	padding: 10px 0;
	text-align: right;
	margin-right: 0;
}

.header-contact{
	display: inline-block;
	border-bottom:2px #f27124 solid;
	padding:10px 20px;
	text-align: right;
	color:#fff;
}

.header-contact p{
	display: inline-block;
	padding:0 20px;
	font-size: 14px;
	margin: 0 auto;
	text-align: center;
	letter-spacing: 1.3px;
}

.header-contact a{color:#fff !important; text-decoration: none;}
.header-contact a:hover{color:#fff; text-decoration: underline;}



/*---HOME PAGE STYLES---------------------------------*/
/*--hero--*/
.hero{
	width:100%;
	background:url(../siteart/hero.jpg) no-repeat; 
	background-size: cover;
	background-position: bottom;
	height: 750px;
	
}

.hero-overlay{
	width:750px;
	padding-right: 50px;
	color:#fff;
	text-align: right;
	right: 0;
	float: right;
	border-right: 10px solid #f27124;
	margin-top:6vw;
	margin-right: 100px;
}

.hero-overlay h1{
	font-weight: 800;
	font-size: 2.5vw;
	line-height: 1.1;
	letter-spacing: 1.3px;
	text-transform: uppercase;
	font-family: 'Poppins',san-serif;
	font-style: italic;
	color: #fff;
}


.hero-overlay p{
	font-size: 22px;
	font-weight: 600;
	letter-spacing: 1.3px;
	padding: 20px 0 0 0;
	width: 70%;
	float: right;
}

/*--welcome--*/
.welcome-left{display: inline-block; text-align: left; width: 30%; float: left; margin-top: 40px; border-right: 1px solid #fff; padding: 20px 0;}
.welcome-left h1{color: #f27124; font-size: 35px;}
.welcome-left h1 span{font-size: 20px; color: #fff;}

.welcome-right{display: inline-block; width:55%; float: right;}
.welcome-right p{font-size: 16px; line-height: 30px;}


/*--locate us--*/
.locate-left{display: inline-block; vertical-align: middle; color: #f27124; width: 20%; padding: 15px 0;}

.locate-right{display: inline-block; vertical-align: middle; width: 79%; text-align: right; padding: 15px 0;}
.locate-right p{text-transform: uppercase; font-style: italic; font-weight: 400;}

#locate{height: 450px; display: block;}

/*--community----------------------------------*/
.left-wrap{width: 60%; display: inline-block; vertical-align: middle; margin-right: 25px;}
.right-wrap{width:35%; display: inline-block; vertical-align: middle; text-align: right;}
.right-wrap img{ width: 200px; text-align: right}



/*--contact us--------------------------------*/
#contact-map{height: 350px; display: block;}

.cont-left{display: inline-block; vertical-align: top; width: 40%;}
.cont-right{display: inline-block; vertical-align: top; width: 55%; float: right;}

.title-row{background: #000; color: #fff; padding: 10px; letter-spacing: 1px; font-size:18px; font-weight: 800; font-style: italic; text-transform: uppercase; width: 100%;}
.title-team-name{display: inline-block; width: 40%;}
.title-team-title{display: inline-block; width: 40%;}
.title-extension{display: inline-block;}

.contact-row{padding: 10px 0; border-bottom: 1px solid #000;}
.contact-row-gray{padding: 10px 0; border-bottom: 1px solid #000; background: #f3f3f3}
.team-name{display: inline-block; width: 40%; padding-left: 10px;}
.team-title{display: inline-block; width: 40%;}
.extension{display: inline-block;}


/*---FOOTER----------------------------------*/
.foot-col{display: inline-block; vertical-align: top; width:30%; padding-bottom: 30px;}
.foot-col h4{color: #f27124; margin-bottom: 8px;}
.foot-col p{line-height: 35px;}

.foot-col a{text-decoration: none;line-height: 35px;}
.foot-col a:hover{text-decoration: underline;}

.foot-logo{float: right; display: inline-block;}
.foot-logo img{width:110px}

.fb-hold{position:fixed;bottom:0px;right:0px;background:rgba(163,163,163,0.92);border:solid 2px #3A3A3A;padding:8px;z-index:99999;width:450px;}




/*---INVENTORY PAGES -------------------------*/
.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link{background-color: #F27124 !important;}
.list-content .list-main-section .list-container .list-listing .listing-top-right .buy-now-link{background-color: #F27124 !important;}

.list-content .list-title .list-title-text{font-family: 'Poppins', sans-serif !important; letter-spacing: 2px; padding: 10px 0; line-height: 35px;}

.list-content .list-title .list-listings-count{color: #000 !important;}

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link:hover, .list-content .list-main-section .list-container .list-listing .listing-top-right .buy-now-link:hover, .list-content .list-main-section .list-container .list-listing .listing-top-right .check-availability-link:hover, .list-content .list-main-section .list-container .list-listing .listing-top-right .email-seller-link:hover{background-color: #F27124 !important}

.faceted-search-content .faceted-section-box .faceted-view-more-btn, .faceted-search-content .selected-facets-container .selected-facet{background: #F27124 !important;}

.detail-content .detail-main-body .main-detail-data .detail-price{color: #F27124 !important;}

.detail-content .detail-main-body .main-detail-data .offer-btn{background-color: #F27124 !important}
 .detail-content .detail-main-body .main-detail-data .buy-btn{background-color: #F27124 !important; margin-bottom: 10px !important;}

.detail-content .dealer-info .phone-and-email .send-email-btn { background-color: #F27124 !important; color: #fff !important; border: 1px solid #F27124 !important;}

.detail-content .dealer-info{margin: 10px !important;}
.detail-content .search-results{color: #F27124 !important;}

.list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price{color: #F27124 !important;}

.detail-content .detail-additional-data .data-row .data-label{background-color: #F27124 !important}

.detail-content .detail-main-body .main-detail-data .detail-title{font-weight: 700 !important; font-family: 'Poppins', sans-serif !important;}

/*--mobile--*/
.list-content .list-listing-mobile .view-listing-details-link, .list-content .list-listing-mobile .check-availability-link{background-color: #F27124 !important}
.list-content .list-listing-mobile .buy-now-link{background-color: #F27124 !important;}
.list-content .list-listing-mobile .email-seller-link{background-color: #000 !important}

.list-content .list-listing-mobile .price-container .price, .detail-content-mobile .detail-main-body .main-detail-data .detail-price{color: #F27124 !important;}

.detail-content-mobile .detail-additional-data .data-row .data-label{background-color: #F27124 !important}
.detail-content-mobile .dealer-info h3{font-weight: 700 !important; font-family: 'Poppins', sans-serif !important;}

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile{background-color: #F27124!important; border: 1px solid #F27124 !important;}
.detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile{background-color: #F27124 !important; border: 1px solid #F27124 !important;}
.detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile{background-color: #000 !important; border: 1px solid #000 !important;}
.detail-content-mobile .detail-main-body .main-detail-data .buy-btn-mobile{background-color: #212121 !important; border: 1px solid #212121 !important;}

.detail-content-mobile .detail-contact-bar .contact-bar-btn{background-color: #212121!important;}


/*---FORM STYLES------------------------*/
#formpage {  margin: 0 auto;  font-family: 'Poppins', sans-serif;}
#formpage div {
	vertical-align:top;
	padding:5px 5px 5px 0;
	color: #000;
	font-family: 'Poppins', sans-serif;
	font-weight: 700;    border-radius: 0 !important;
 -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0px;
}

#formpage input {
	padding:6px 5px 10px;
	border:1px solid #134773;
	font-size:13px;
	background:#fff;	
	font-family: 'Poppins', sans-serif;
	font-weight: 400;    border-radius: 0 !important;
 -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0px;
}

#formpage textarea {
	padding:6px 0px;
	border:1px solid #134773;
	font-weight: 400;
	color:#000;
	font-size:12px;
	background:#fff;
	margin-top: 5px;
	font-family: 'Poppins', sans-serif;    border-radius: 0 !important;
 -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0px;
}

/* selects have similar styles to input & textarea fields, but with no padding. Text in a dropdown select is positioned differently */
#formpage select {
	border:1px solid #134773;
	color:#202e3b;
	vertical-align:middle;
	font-size:12px;
	line-height:normal;
	padding:8px 10px;
	width:100%;
	font-family: 'Poppins', sans-serif;
}

.formfield {
	width:48.8%; 
	display:inline-block; 
	margin-right: 5px; 
	margin-top: 10px;
	color: #000;
	text-align:left;
	letter-spacing: 1px;
	font-family: 'Poppins', sans-serif;
}

#formpage input  {
    width:100%;
	margin-top: 5px;
}
 
#formpage input.larger  {
    width:100%;
}

#formpage textarea {
    width:99.8%;
    height:85px;	
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	padding-left: 5px;
}

#formpage input.radio {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:15px;
    height:15px;
    display:inline;
	
 }
/* focus states of various types of fields */
#formpage input:focus,
#formpage textarea:focus,
#formpage select:focus {
	background:rgba(233,233,233,1.00); 
	color:#000;
	border:1px solid #134773;
	outline-style:none;
}
#formpage input.radio:focus,
#formpage input.checkbox:focus {
	background:none; 
	border:0;
	outline-style:none;
}

#formpage input.button,
#formpage input.button:focus {
    width:160px;
	font-family: 'Poppins', sans-serif;
    margin:0 auto;
    background: #F27124; /* For browsers that do not support gradients */
    line-height:18px;
    color:#fff;
	font-size:16px;
	padding: 10px 20px;
	font-weight: 800;
	font-style: italic;
	letter-spacing:1.5px;
	text-align: center;
	display: block;
	border: none;    border-radius: 0 !important;
 -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0px;
}
#formpage input.button:hover {
    padding:10px 0px;
    background: #fff; /* For browsers that do not support gradients */
    color:#f27124;
	margin: 0 auto;
	text-align: center;
	display: block;
}

/* for plain text next to an input field, if not using a table structure */
#formpage label.basic {
    color:#212121;
    font-size:13px;
    text-align:left;
	padding:10px 10px;
} 


/*control the Captcha */

.CaptchaPanel {margin: 0 auto !important;padding:0 0 0 0 !important;line-height:normal !important;color:#fff;width: 70%; text-align:left;}

.CaptchaImagePanel {
	
margin-top: 10px;
padding:0 0 0 0;
}

.CaptchaMessagePanel {
padding:0 0 0 0 !important;
margin:0 0 0 0 !important;
font-weight:normal !important;
font-size:12px;
line-height:14px;
text-align: center;
color: #fff !important;
}

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

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




/*---RESPONSIVE STYLES----------------------------------*/
@media screen and (max-width:1260px){
	.header-contact p{padding:0 10px; font-size: 12px;}
	
	.hero{height: 500px;}
	.hero-overlay{width:80%; margin:0 auto; border-right: 0; text-align: center;  float: none; padding: 150px 0;}
	.hero-overlay h1{font-size: 35px;}
	.hero-overlay p{width: 100%;}
	
	.welcome-left{border-right: 0; width: 35%;}
	
	.locate-left{width: 24%; }
	.locate-right{ width: 75%;}
	
	.foot-col{width: 42%;}


}


@media screen and (max-width:1090px){
.logo{width:100%; text-align: left; padding:10px 20px;}
.header-right{display: none;}
.head-mobile{
	position: relative;
	padding:10px;
	display: inline-block;
	width:100%;
	text-align: left;
}


.wrapper-inner{width: 85%;}

.welcome-left{width: 100%; margin-top: 0;}
.welcome-right{width: 100%;}


.locate-left{width: 100%; text-align: center; padding:15px 0 0 0}
.locate-right{ width: 100%; float: none; text-align: center;padding:0 0 15px 0}
#locate{height: 300px;}

.left-wrap{width: 100%; margin-right:0}
.right-wrap{width:100%; text-align: left;}
.right-wrap img{ text-align: left; margin-bottom: 20px;}


.cont-left{width: 100%; margin-bottom: 20px;}
.cont-right{width: 100%; float: none;}

}


@media screen and (max-width:975px){
	.hero-overlay h1{font-size: 34px;}
	
	.formfield{width: 100%;}
}


@media screen and (max-width:800px){
	.header-contact{padding: 10px; width:100%;}
	.header-contact p{display: block; text-align: left; padding:5px 0; font-size: 14px;}
	
	.hero{height: auto; padding-bottom: 50px;}
	
	.fb-hold{width:100%;}
	
	.foot-col{width: 49%;}
	.foot-logo{display: none;}
	
.title-row{ font-size:13px; }
.title-team-name{ width: 30%;}
.title-team-title{width: 40%;}

.contact-row, .contact-row-gray{font-size: 13px;}
.team-name{width: 30%; padding-left: 5px;}
.team-title{ width:40%;}

	
}


@media screen and (max-width:700px){
}

@media screen and (max-width:600px){
	.hero-overlay{padding:40px 0;}
	.hero-overlay h1{font-size: 28px;}
	.hero-overlay p{font-size: 18px;}
	
	.foot-col{width: 100%; text-align: center}
	
	
.title-row, .contact-row, .contact-row-gray{font-size: 12px;}
}