/* 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 { 
 
    padding: 0;  
    border: 0;  
    outline: 0;  
    background: transparent; 	
	-webkit-text-size-adjust:none;
	font-family: 'Barlow', sans-serif;
}

.centerit > * {margin: 0 auto !important;}





a {
	color:#000;
	text-decoration:underline;
	
}

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

p{
	padding:20px 0;
}





.lower-detail-data-right{ 
	font-size: 11px !important; 
} 

.option-name {
margin-top: 0px !important;	
}

.cs-btns a {background-color: #294584 !important;}
.des-compare-button {background-color: #294584 !important; color: white !important;}

.selected-facet {
	background-color: #294584 !important;
}

.view-listing-details-link {
	background-color: #294584 !important;
	color: white !important;
}

.contact-options a {
	background-color: #294584 !important;
}

.listing-portion-title {
	font-family: 'Barlow', sans-serif !important;
	font-weight: 500 !important;
	color: #294584 !important;
}

.detail-title {
	font-family: 'Barlow', sans-serif !important;
	font-weight: 500 !important;
}

.dealer-name {
	font-family: 'Barlow', sans-serif !important;
	font-weight: 500 !important;
	color: #294584 !important;
}

.price {
	font-family: 'Barlow', sans-serif !important;
	font-weight: 500 !important;
}

.list-title-text {
	font-family: 'Barlow', sans-serif !important;
	font-weight: 500 !important;
}

.body-content {
    padding: 0!important;
   font-family: 'Barlow', sans-serif !important;
}

.lower-detail-data-right {
    left: 24.5em !important;
}

.mobile-done-button {
		background-color: #294584 !important;
}

.detail-btn-calc {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.offer-btn {
		background-color: #294584 !important;
}

.data-label {
	background-color: #294584 !important;
}

.contact-bar-btn {
	background-color: #294584 !important;
}

.offer-btn-mobile {
	background-color: #294584 !important;
}

.dealer-phone-mobile {
		background-color: #294584 !important;
}

.send-email-btn-mobile {
	background-color: #294584 !important;
}

.fin-calc-btn-mobile {
		background-color: #294584 !important;     min-width: 200px !important;
}






















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

.float-right{float: right;}
.float-left{float: left;}

*{
	box-sizing:border-box;
}

body { 

}

.wrapper {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	padding:20px;
	position:relative;
}

.no-pad-wrapper {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	position:relative;
}

.sub-wrapper {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	padding:60px 20px;
	position:relative;
}

.sub-wrapper h1{
	font-size:22px;
	letter-spacing: 1.5px;
	color:#000;
	text-transform:uppercase;
	padding-bottom:0 !important;
	font-weight:bold;
}
.sub-btn{
	display: inline-block;
	margin: 30px auto;
	padding: 10px 30px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	color:#294584;
	border:1px solid #294584;
	transition: ease .3s;
}

.sub-btn:hover{background:#294584; color:#fff; text-decoration: none; transition: ease .3s;}


::selection {
	color:#fff;
	background: #356088;
}
::-moz-selection {
	color:#fff;
	background: #356088;
}



/* HEADER 
----------------------------------------------*/

.header-contact{
	background:#294584;
	text-align: center;
	width:100%;
	display: inline-block;
	margin: 0 auto;
	padding: 10px;
}

.hc-half{
	width: 49%;
	display: inline-block;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	vertical-align: top;
}

.hc-half:last-child{text-align: right;}

.hc-half a{
	color:#fff !important;
	font-weight: 700;
	font-style: italic;
	font-size: 16px; 
	padding-right: 10px;
	display: inline-block;
	text-decoration: none;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}

.hc-half:last-child a:first-child{padding-right: 30px;}

.hc-half a:hover{color:#EEC52B !important}

.header{
	width:100%;
	display:inline-block;
	text-align:right;
	margin:0 auto;
	background:#ccc;
	position: relative;
	padding: 15px;
}

.logo{
	text-align:left;
	margin:0 auto;
	display:inline-block;
	vertical-align: bottom;
}

.logo img{
	width:220px;
	margin:0 auto;
}

.nh-logo{
	display: inline-block;
	width:24%;
	vertical-align: bottom;
	margin: 0 auto;
	text-align: right;
}


.nh-logo img{width:220px;}




/*STICKY NAV*/

header{
  text-align:center;
  color:#fff;
}

header.fixed{
  position:fixed;
  width:100%;
  top:0;
  left:0;
  background:#ccc;
  box-shadow:1px 1px 3px #CBCBCB;
	z-index: 999;
	padding: 0 20px;
}

/*END STICKY NAV*/




/* side tab */

.side {
    background: #fff;
    width: 340px;
    height: 500px;
    position: fixed;
    z-index: 100;
}



#facebook {
    top: 435px; 
    height: auto;
    z-index: 997;
	right: -340px;
	width:340px;
}

#facebookTab {
    display: block;
	height: 66px;
	width: 55px; 
	background:url(../siteart/facebook-sidetab.jpg) no-repeat;
	background-size:contain;
    position: absolute;
    left: -55px;
    top: 0px;
}






/* HOME PAGE STYLES
-----------------------------------------------*/

.brandbar{
	width:95%;
	padding: 20px; margin: auto;
}

.welcome-sect{
	width:100%;
	display: inline-block;
	background: url(../siteart/welc-bg.png) no-repeat;
	background-size: cover;
	background-position: bottom;
	padding:120px 100px 300px 100px;
	position: relative;
	margin: 0 auto;
}


.welc-txt{
	width:50%;
	display: inline-block;
	text-align: left;
	margin-left: 0;
}

.welc-txt h1{
	text-transform: uppercase;
	font-weight: 700;
	font-style: italic;
	color:#fff;
	font-size: 32px;
	letter-spacing: 1.5px;
}

.welc-txt h1 span{color:#eec52b;}

.welc-txt p{
	padding: 20px 0;
	font-size: 18px;
	line-height: 1.5;
	letter-spacing: 1px;
	color:#fff;
}


.welc-btn{
	border: 1.5px solid #EEC52B;
	color:#EEC52B;
	display: inline-block;
	font-weight: 500;
	font-size: 18px;
	letter-spacing: 1px;
	margin-left: 0;
	margin-top: 30px;
	padding: 7px 30px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	transition: ease .3s;
}

.welc-btn:hover{background: #EEC52B; color:#000; transition: ease .3s;}

.welcome-sect img{
	position: absolute;
	right: 50px;
	bottom: 50px;
	width:750px;
	display: inline-block;
	margin: 0 auto;
}



/* CALLS TO ACTION */
.cta-bar{
	background:#fff;
	width: 100%;
	padding: 100px 50px;
	text-align: center;
	margin: 0 auto;
	display: inline-block;
}

.sub-wrapper .cta-bar{padding: 30px 0;}

.cta{
	width:28%;
	display: inline-block;
	vertical-align: top;
	margin: 55px 25px;
}

.cta .cta-bg{
	height: 200px;
	background:#f1f1f1;
	text-align: center;
	padding: 10px;
	position: relative;
	margin: 0 auto;
}

.cta h3{
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1.5px;
	font-size: 18px;
	padding-bottom: 20px;
	color:#294584; margin: auto;
}

.cta img{
	width:250px;
	display: block;
	position: absolute;
	left: 3%;
	right: 3%;
	bottom:-30px; margin: auto;
}

.cta hr{
	background: #EEC52B;
	height: 15px;
	border: none;
	width:140px;
	margin-bottom: -40px;
	display: inline-block
}

.cta-btn{
	background: #294584;
	color:#fff;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: 600;
	text-align: center;
	display: block;
	width: 100%;
	margin-top: 30px;
	text-decoration: none;
	padding: 20px 10px 15px 10px;
	transition: ease .3s;
}

.cta-btn:hover{
	background: #000;
	color:#fff;
	transition: ease .3s;
}



/* PARTS AND SERVICE SECTION */
.parts-svc{
	width:100%;
	background:url(../siteart/parts-svc-bg.jpg) no-repeat;
	background-size: cover;
	background-position: center;
	text-align: right;
	padding: 150px 200px 350px 0;
}

.ps-txt{
	display: inline-block;
	width:40%;
	text-align: left;
	color:#fff;
	margin-right: 0;
	text-shadow: 1px 2px 3px #101C36;
}

.ps-txt h2{
	text-transform: uppercase;
	font-weight: 700;
	font-style: italic;
	font-size: 40px;
	letter-spacing: 2px;
	margin: 0;
}

.ps-txt p{
	padding: 20px 0;
	font-size: 18px;
	line-height: 1.5;
}

.ps-txt a{
	display: inline-block;
	margin: 10px 10px 0 0;
	text-align: center;
	width:42%;
	color:#fff;
	border:2px solid #fff;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 16px;
	padding: 10px;
	font-weight: 600;
	transition: ease .3s;
}

.ps-txt a:hover{
	background:#fff;
	color:#294584;
	text-shadow: none;
	transition: ease .3s;
}


.mfg-parts {display: inline-block; width: 35%; margin: 0 auto; text-align: center; vertical-align: top;}
.mfg-parts img {max-width: 300px; width: 100%;}

/* CONTACT SECTION */

.home-contact{
	width:100%;
	background:url(../siteart/contact-bg.png) no-repeat;
	background-size: 100%;
	background-position: top;
	text-align: left;
	padding: 210px 200px 100px 200px;
	margin-top:-150px;
}

.hc-txt{
	display: inline-block;
	width:40%;
	text-align: left;
	color:#294584;
	margin-left: 0;
}

.hc-txt h2{
	text-transform: uppercase;
	font-weight: 700;
	font-style: italic;
	font-size: 40px;
	letter-spacing: 2px;
	margin: 0;
}

.hc-txt p{
	padding: 20px 0;
	font-size: 18px;
	line-height: 1.5;
}

.hc-txt a{
	display: inline-block;
	margin: 10px 10px 0 0;
	text-align: center;
	width:42%;
	border:2px solid #294584;
	color:#294584;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 16px;
	padding: 10px;
	font-weight: 600;
	transition: ease .3s;
}

.hc-txt a:hover{
	background:#294584;
	color:#EEC52B;
	transition: ease .3s;
}


.home-hours{
	width:100%;
	padding: 30px 0;
	background:#f1d56c;
	
}

.hours-flex{
	padding-top: 40px;
	display: flex;
	max-width: 1300px;
	color:#000;
}

.hours-table{
	width:100%;
	padding: 40px;
	text-align: center;
	border:2px solid #000;
	display: inline-block;
	margin: 20px;
}

.hours-table h3{text-transform: uppercase;}

.hr{
	width: 100%;
	display: inline-block;
	margin: 0 auto;
}

.hr .hi{
	text-transform: uppercase;
	padding: 5px 0;
	text-align: left;
	width: 49%;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
}

.hr .hi:last-child{text-align: right;}









/* SUB PAGEs
------------------------------------------------*/



/* about page */
.abt-img{
	display: block;
	width:100%;
	max-width: 515px;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #eaeaea;
}


/* service page */
.svc-contact{
	width:100%;
	display: inline-block;
	padding: 30px 0;
	text-align: center;
	margin: 0 auto;
}

.sc-item{
	width:31%;
	display: inline-block;
	vertical-align: top;
	background:#f1f1f1;
	text-align: center;
	padding: 20px;
	margin: 10px;
	color:#294584;
}

.sc-item h3{
	text-transform: uppercase;
	font-weight: 600;
	font-size: 18px;
	padding-bottom: 10px;
}

.sc-item a{
	color:#294584;
	text-decoration: none;
	padding: 5px;
	display: block;
	border:1px solid #294584;
	transition: ease .3s;
}

.sc-item a:hover{background:#294584; color:#f1f1f1; transition: ease .3s;}


/* contact page */
.contact-info{
	width:100%;
	display: inline-block;
	margin: 0 auto;
	padding: 60px 0;
}

.contact-info .ci-left{
	width:30%;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	line-height: 1.5;
}


.contact-info .ci-left h3{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
	color:#294584;
	letter-spacing: 1.3px;
}

.contact-info .ci-left p{
	padding: 10px 0;
	font-size: 14px;
}

.contact-info .ci-left a{color:#000; text-decoration: none;}
.contact-info .ci-left a:hover{color:#294584; text-decoration: none;}


.contact-info .ci-right{
	width:60%;
	display: inline-block;
	vertical-align: top;
	margin: 0 auto;
}








/* INVENTORY
------------------------------------------------*/
.cf{background:#fff;}
.hosted-content .listings-wrapper .listings-list .listing-banner {

}
.hosted-content input[type='submit'], .hosted-content button[type='submit'], .hosted-content .btn, .hosted-content .button{
	background:#294584 !important;
}

.hosted-content .hosted-content .svg-inline--fa.fa-w-10{width:auto !important;}

.hosted-content h1{
	font-size:22px !important;
	letter-spacing: 1.5px;
	color:#000;
	text-transform:uppercase;
	padding-bottom:0 !important;
	font-weight:bold;
}
	
.hosted-content h3{
	text-transform:none !important;
}
.hosted-content .listings-wrapper .listings-list .listing-banner h2{
	text-transform:none !important;
}



/* FOOTER
------------------------------*/
.footer-flex {background: #294584; display: flex; width: 100%; flex-direction: row; align-items: center; border-top:1px solid #294584 }
.footer-col {width: 32%; justify-content: flex-start; align-items: center; text-align: center; padding-top:25px; margin: auto;}
.footer-col p {font-size: 22px; line-height: 28px; color:#fff; }
.footer-col p a {font-size: 22px; line-height: 28px; color:#fff; }
.footer-col h3 {font-size: 25px; line-height: 30px; color:#fff; }
.footer-col img {max-width: 400px; width: 100%;}
.footer{
	width:100%;
	color:#fff;
	font-size:12px;
	display: inline-block;
	margin: 0 auto;
	background:#f1d56c;
	padding: 10px;
}

.footer p{
	width:49%;
	display: inline-block;
	padding: 0;
	text-align: left;
}

.footer p:last-child{text-align: right;}

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

.footer a:hover{
	color:#fff;
	text-decoration:underline;
}
.divfooter{
	width:60%;
	margin:20px auto;
}





@media screen and (max-width:1450px){
	.welcome-sect{padding: 120px 100px 230px 50px;}
	.welc-txt{width: 60%;}
	
	.cta-bar .cta{width:30%; margin: 55px 15px;}
}

@media screen and (max-width:1350px){
	.logo{left:20px;}
	
	.ps-txt{width:50%; }
	.parts-svc{padding: 100px 100px 250px 0;}
	.hc-txt{width: 50%;}
	.home-contact{padding: 150px 100px 50px 100px;}
}


@media screen and (max-width:1170px){
	.welcome-sect img{width:650px; right: 0}
}

@media screen and (max-width:1190px){
	.header{padding: 10px 20px 0 20px;}
	
	.hc-half a{display: block;}
	.hc-half:last-child a:first-child{padding-right: 10px;}
	
	.nh-logo{width:49%; vertical-align: middle}
	.nh-logo img{display: inline-block}
	.logo{left: auto;position: relative;width: 49%;display: inline-block;top: 0; vertical-align: middle;}
	.logo img{width:180px; display: inline-block}
	
	.cta-bar .cta{width:28%; margin: 45px 10px;}
	.cta img{width:210px;}
	.cta .cta-bg{height: 180px;}
	
	.sc-item{width: 60%; margin: 10px auto;}
}


@media screen and (max-width:975px){
	.hc-half{width:100%; text-align: center; padding:5px 0}
	.hc-half:last-child{text-align: center;}
	
	#facebookTab{display: none;}
	
	.welc-txt{width: 80%;}
	.welcome-sect{padding: 70px 0 230px 50px;}
	.welcome-sect img{bottom: -50px;}
	
	.ps-txt{width:70%;}
	.hc-txt{width: 70%;}
	
	.mfg-parts {width: 100%;}
	
	.footer-col p {font-size: 16px; line-height: 25px;  }
	.footer-col p a {font-size: 16px; line-height: 25px;}
	.footer-col h3 {font-size: 20px; line-height: 28px; }

}

@media screen and (max-width:850px){
	.cta-bar{padding: 80px 20px;}
	.cta-bar .cta{width:45%;}
	
	.contact-info .ci-left{width:100%;}
	.contact-info .ci-right{width:100%; padding-top: 30px;}
	.footer-flex {align-items: center;}
	.footer-col {width: 50%; align-items: center;}
	.footer-col#sign {display: none;} 
}


@media screen and (max-width:775px){
	.welcome-sect{padding: 60px 30px 100px 30px}
	.welcome-sect img{display: none;}
	.welc-txt{width:100%;}
	
	.parts-svc{padding: 60px 20px 250px 20px;}
	.home-contact{padding: 80px 20px 60px 20px; background-size: 170%;}
	.ps-txt{width:100%;}
	.hc-txt{width: 100%;}
	
	.home-hours{padding: 30px;}
	.hours-flex{width: 100%; display: inline-block; margin: 0 auto;}
	.hours-table{margin: 10px auto;}
}

@media screen and (max-width:550px){
	.nh-logo img{width: 100%;}
	
	.hc-half:last-child a:first-child{padding-right: 0;}
	.sub-wrapper{padding: 40px 20px;}
	
	.welc-txt h1{font-size: 24px;}
	.welc-txt h1 span{display: block;}
	
	.cta-bar .cta{width:100%; margin: 40px auto}
	.cta-btn{margin-top: 20px;}
	.cta hr{margin-bottom: -32px;}
	
	.ps-txt h2{font-size: 32px;}
	.ps-txt a{width:100%; margin: 5px auto;}
	
	.hc-txt h2{font-size: 32px;}
	.hc-txt a{width:100%; margin: 5px auto;}
	
	.sc-item{width: 80%;}
	
	.footer p{width: 100%; text-align: center;}
	.footer p:last-child{text-align: center;}
}


@media screen and (max-width:450px){
	.hc-half a{font-size: 14px;}
	.logo img{width: 150px;}
	
	.hours-table{padding: 20px;}
	
	.sc-item{width: 100%;}
	.footer-col p {font-size: 14px; line-height: 20px;}
}