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


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

a:hover{
	text-decoration:none;
}

p{
	padding:10px 0;
	font-family:sans-serif;
}

ul li {font-family:sans-serif;}


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

*{
	box-sizing:border-box;
}

body {overflow-x:hidden; line-height: 1.42857;}

.wrapper {
	width:95%;
	max-width:1300px;
	margin:0 auto;
	/*padding:20px;*/
	position:relative;
	box-sizing: border-box;
}
.inv-wrapper {
	width:95%;
	max-width:1500px;
	margin:0 auto;
	position:relative;
	box-sizing: border-box;
}
.no-pad-wrapper {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	position:relative;
}
.sub-wrapper {
	width:95%;
	max-width:1300px;
	margin:0 auto;
	padding:60px 20px;
	position:relative;
}

.sub-wrapper h1{
	font-size:24px;
	text-align: center;
	letter-spacing:2px;
	font-weight:100;
	text-transform: uppercase;
	padding-bottom:20px;
}

.sub-wrapper ul{}
.sub-wrapper ul li{padding:10px 0; width:33%; display: inline-block;}

.sub-wrapper a{color:#000;font-family:sans-serif;}
.sub-wrapper a:hover{color:#000; text-decoration: underline;}


::selection {
	color:#333;
	background: #eaeaea;
}
::-moz-selection {
	color:#333;
	background: #eaeaea;
}



/* HEADER 
----------------------------------------------*/
.header{
	width:100%;
	display:inline-block;
	text-align:center;
	margin:0 auto;
	background:#0e2d6e;
	padding:20px 0 0 0;
}

.logo{
	text-align:left;
	width:49%;
	margin:0 auto;
	display:inline-block;
	padding:20px;
	box-sizing: border-box;
	vertical-align: middle;
}
.logo img{width:250px;}

.header-right{
	/*width:49%;*/
	text-align: right;
	margin: 0 auto;
	display: inline-block;
	vertical-align: middle;
}

.header-contact{
	/*width:49%;*/
	text-align: right;
	display: inline-block;
	vertical-align: middle;
	margin:0 auto;
	padding:0 20px;
	border-right:2px solid #fff;
}

.header-contact p{
	color:#fff;
	padding:5px 0;
	display: block;
}

.header-contact a{color:#fff!important; font-family:Sans-Serif;}
.header-soc{
	display: inline-block;
	vertical-align: middle;
	margin:0 auto;
	text-align: left;
	padding:0 20px;
	box-sizing: border-box;
	font-size: 20px;
}

.header-soc a{text-decoration: none; display: block; color: #fff!important;}
.header-soc a:hover{text-decoration: none;}
.header-soc .fa {
	display: block;
	color:#fff;
	padding:5px 0;
	font-size:22px;
}

.header-soc .fa:hover{color:#8A9BB7;}


/* HOME PAGE STYLES
-----------------------------------------------*/
.brandbar{
	background:#fff;
	width:100%;
	margin: 0 auto;
	padding: 30px 0;
	text-align:center;
	box-shadow:1px 1px 6px #8e8e8e;
}

.brandslider{width:90%;}

.home-main{
	display: inline-block;
	width:100%;
	align-items: center;
	margin:0 auto;
}

.main-img{
	width:31%;
	overflow-x:hidden;
	display: inline-block;
	margin:0 auto;
	text-align: left;
	vertical-align: top;
}

.main-img img{
	width:100%;
	display: block;
}


.main-right{
	width:67%;
	display: inline-block;
	padding:100px;
	color:#000;
	vertical-align: top;
	z-index: 0;
}

.main-right h1{
	font-size:40px;
	text-transform: uppercase;
	font-weight:bold;
	text-align: left;
	display: block;
}

.main-buttons{display: block;}

.main-btn{
	display: inline-block;
	width:35%;
	margin:60px 20px 10px 0;
	padding:10px;
	vertical-align: middle;
	text-align: center;
	text-transform: uppercase;
	font-weight:100;
	font-size:18px;
	text-decoration: none;
	color:#000;
	border:2px solid #000;
	font-family: 'Oswald', sans-serif !important;
	transition:ease .3s;
}

.main-btn:hover{
	color:#fff !important;
	text-decoration: none !important;
	background:#0E2D6E;
	transition:ease .3s;
}


/*welcome*/

.home-welc{
	display: flex;
	width:100%;
	align-items: center;
	margin:0;
	background:#8a9bb7;
	position: relative;
	padding-bottom:160px;
}

.welc-left{
	width:69%;
	display: block;
	background:#8a9bb7;
	padding:60px;
	color:#fff;
}

.welc-left h1{
	font-size:22px;
	letter-spacing: 2px;
	font-weight:100;
	text-transform: uppercase;
	text-align: left;
	color:#fff;
}

.welc-left h1 span{
	font-weight:bold;
	font-size:32px;
}

.welc-left p{
	color:#fff;
	padding:20px 0;
	font-size:16px;
}

.welc-left ul{
	margin-left:50px;
}

.welc-left ul li{
	list-style: none;
	padding:5px 0;
}


.welc-right{
	width:56%;
	background:url(../siteart/welcome-img.jpg) no-repeat;
	background-size:cover;
	height:580px;
}



.mountains{
	width:100%;
	position: absolute;
	bottom:0;
	left:0;
}

.mountains img{width:100%; display: block;}



/*contact section */

.home-contact{
	display: flex;
	width:100%;
	align-items: center;
	margin:0;
}

.hc-left{
	width:40%;
	background: #000;
	position: relative;
	margin:0 auto;
}

.hc-left img{
	width:100%;
	display: block;
}

.hc-absolute{
	position: absolute;
	top:30%;
	left:15%;
	width: 100%;
}

.hc-left h3{
	color:#fff;
	text-transform: uppercase;
	font-weight:bold;
	letter-spacing: 2px;
	font-size:22px;
	text-shadow:1px 1px 3px #000;
}

.hc-info{
	display: flex;
	align-items: stretch;
	width:60%;
	margin:10px 0;
	text-align: center;
	border:1px solid #fff;
	box-shadow:2px 2px 2px #000;
}

.hc-info .fa{
	width:15%;
	display: flex;
	vertical-align: middle;
	color:#fff;
	background:#000;
	font-size:22px;
	text-align: center;
	padding:10px 20px;
	margin:0;
}

.hc-info p{
	width:85%;
	display: flex;
	vertical-align: middle;
	background:rgba(0,0,0,0.4);
	color:#fff;
	text-shadow:1px 1px 1px #000;
	font-size:18px;
	padding:13px 20px;
	margin:0;
}

.hc-info a{margin:0; font-family:Sans-Serif;}
.hc-info a:hover{color:#8a9bb7;}

.hc-right{
	width:61%;
	display: block;
	background:#fff;
	color:#000;
	overflow:hidden;
}


/* SUB PAGES */

.pad-it{padding:100px 20px;}


.section-gray{
	width:100%;
	background:#eee;
	color:#333;
	padding:140px 0;
}

.section-gray h3 {
	font-size:20px; 
	text-transform: uppercase;
	letter-spacing: 2px;
	color:#8a9bb7;
	padding:20px 0;
}

.section-dark-gray{
	width:100%;
	background:#333;
	color:#fff;
	padding:140px 0;
}

.section-dark-gray h3 {
	font-size:20px; 
	text-transform: uppercase;
	letter-spacing: 2px;
	color:#8a9bb7;
	padding:20px 0;
}

.section-photo{
	width:100%;
	background:url(../siteart/service-and-parts.jpg) no-repeat;
	background-size: cover;
	background-position: center;
	color:#333;
	padding:140px 0;
}

.section-photo h3 {
	font-size:20px; 
	text-transform: uppercase;
	letter-spacing: 2px;
	color:#333;
	padding:20px 0;
}

.sub-contact{
	display: flex;
	width:100%;
	align-items: center;
	margin:0;
	background:#000;
}

.sc-left{
	width:40%;
	background: #000;
	position: relative;
	margin:0 auto;
}

.sc-left img{
	width:100%;
	display: block;
}

.sc-absolute{
	position: absolute;
	top:30%;
	left:15%;
	width: 100%;
}

.sc-left h3{
	color:#fff;
	text-transform: uppercase;
	font-weight:bold;
	letter-spacing: 2px;
	font-size:22px;
	text-shadow:1px 1px 3px #000;
}

.sc-info{
	display: flex;
	align-items: stretch;
	width:60%;
	margin:10px 0;
	text-align: center;
	border:2px solid #fff;
	box-shadow:1px 1px 2px #000;
}

.sc-info .fa{
	width:15%;
	display: flex;
	vertical-align: middle;
	color:#fff;
	background:#000;
	font-size:22px;
	text-align: center;
	padding:10px 20px;
	margin:0;
}

.sc-info p{
	width:85%;
	display: flex;
	vertical-align: middle;
	background:rgba(0,0,0,0.4);
	color:#fff;
	font-size:18px;
	padding:10px 20px;
	margin:0;
}

.sc-info a{margin:0; font-family:Sans-Serif;}
.sc-info a:hover{color:#8a9bb7;}

.sc-right{
	width:61%;
	display: block;
	background:#000;
	color:#fff;
}

.sc-right p{padding:250px; line-height:25px;}

/* contact page */

.contact-pg{
	width:100%;
	text-align: center;
	margin:0 auto;
}

.cp-info{
	border:1px solid #eee;
	text-align: center;
	margin:0 auto;
	display: inline-block;
	width:100%;
	padding:20px;
}

.cpi{
	width:30%;
	text-align: center;
	margin:0 auto;
	vertical-align: top;
	display: inline-block;
}

.cpi a{
	color:#000;
	text-decoration: none;
	font-family:Sans-Serif;
}

.cpi a:hover{color:#8A9BB7; text-decoration: none;}

/* financing page */

.fin-apps{
	width:100%;
	text-align: left;
	display: inline-block;
	padding:30px 0;
	margin:0 auto;
}

.fin-apps a{text-decoration: none;}
.fin-apps a:hover{text-decoration: none;}
.fin-logo{
	width:25%;
	display: inline-block;
	vertical-align: middle;
	margin:10px;
	padding:2em 3%;
	border:1px solid #eee;
	opacity:.8;
	transition: ease .3s;
}

.fin-logo:hover{
	opacity: 1;
	background:#eee;
	transition: ease .3s;
}

.fin-iframe{
	width:100%; 
	max-width:706px;
	display: block;
	text-align: left;
	margin:10px;
	
}

/*about page*/
.emp-slider-cap{
	width:100%;
	position: absolute;
	left:0;
	bottom:0;
	background:rgba(10,10,10,0.75);
	padding:10px;
	text-align: center;
	color:#fff;
}

/* parts & service page */
.sub-photos-sect{
	width:100%;
	display: inline-block;
	text-align: left;
	margin:0 auto;
	padding-top:60px;
}

.sub-photo{
	width: 25%;
	display: inline-block;
	vertical-align: top;
	margin-right:20px;
	text-align: left;
	height:330px;
	position: relative;
}

#parts-dept{
	background:url(../siteart/slides/Parts-Department-1.jpg) no-repeat;
	background-size:cover;
	background-position:center;
}

#parts-manager{
	background:url(../siteart/emp/Mike-Hanger-Parts-Manager.jpg) no-repeat;
	background-size:cover;
	background-position:center;
}

#svc-manager{
	background:url(../siteart/emp/Derek-McReynolds-Shop-Foreman.jpg) no-repeat;
	background-size:cover;
	background-position:center;
}


.sub-photo-label{
	width:100%;
	position: absolute;
	left:0;
	bottom:0;
	background:rgba(10,10,10,0.75);
	padding:10px;
	text-align: center;
	color:#fff;
}

.sub-photo-label h4{
	text-transform: uppercase;
	font-weight:bold;
	font-size:18px;
}




/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {
    width:100%;
    height:110px;
	padding:10px 0;
    overflow:hidden;
}
 
.scrolling{
    width:100%;
    height:102px;
}


/* 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:#0E2D6E !important;
}

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

.hosted-content h1{
	font-size:20px;
	color:#000;
	text-transform:none;
	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;
}

.listing-largecard-inner .compare, .listing-smallcard-inner .compare, .listing-thumb-inner .compare{display: none !important;}


/* FOOTER
------------------------------*/
.footer{
	width:100%;
	color:#eaeaea;
	font-size:12px;
	text-align:center;
	background:#0E2D6E;
	padding:20px;
	font-family:Sans-Serif;
	box-sizing: border-box;
}

.footer .legal{
	width:100%;
	display: inline-block;
	margin: 0 auto;
	text-align: center;
}

.legal p{
	font-size:12px; 
	padding:0;
	display: inline-block;
	vertical-align: middle;
	width:49%;
	margin:0 auto;
	text-align: left;
	font-family:Sans-Serif;
}

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

.legal a{color:#eaeaea; text-decoration: none; font-family:Sans-Serif;}
.legal a:hover{text-decoration: underline; color:#eaeaea;}


/* RESPONSIVE STYLES
---------------------------------*/
@media screen and (max-width:1860px){
	.hc-left{width:42%;}
}

@media screen and (max-width:1775px){
	.hc-left{width:47%;}
}

@media screen and (max-width:1700px){
	.welc-right{width:66%; height:620px;}
}


@media screen and (max-width:1680px){
	.hc-left{width:53%;}
	.sc-left{width:50%;}
	
	.sc-right p{padding:150px;}
	
	.main-right{width:59%;}
}

@media screen and (max-width:1600px){
	.main-img{width:40%;}
	.main-right h1{font-size:32px;}
	
	.home-welc{padding-bottom:120px;}
}

@media screen and (max-width:1570px){
	.hc-left{width:61%;}
	.sc-left{width:61%;}
}

@media screen and (max-width:1470px){
	.hc-left{width:68%;}
	
	.sc-left{width:50%;}
	.sc-right p{padding:150px;}
}

@media screen and (max-width:1400px){
	.welc-right{height:630px;}
	
	.hc-left{width:77%;}
}

@media screen and (max-width:1320px){	
	.welc-right{height:670px;}
	
	.hc-absolute{left:11%;}
	.hc-left{width:86%;}
}

@media screen and (max-width:1250px){
	.main-right h1{font-size:28px;}
	.main-btn{width:45%; margin:30px 10px 5px 0;font-size:16px;}
	
	.home-contact{display: block;}
	.hc-left{width:100%; background:url(../siteart/contact-bg.png) no-repeat #000; background-size:cover; padding:60px 30px; display: inline-block;}
	.hc-left img{display: none;}
	.hc-absolute{position: relative; left:0; top:0;display: inline-block; margin:0 auto;}
	.hc-right{width:100%;}
	.hc-info{width:38%;}
}

@media screen and (max-width:1180px){
	.welc-left{width:100%;}
	.welc-right{display: none;}
	
	.sub-photo{width:35%;}
}

@media screen and (max-width:1100px){
	.main-right{padding:50px;}
	
	.sc-left{width:90%;}
	.sc-right p{padding:60px;}
}

@media screen and (max-width:1000px){
	.hc-info{width:50%;}
	
	.emp-slider-cap{font-size:14px;}
}

@media screen and (max-width:870px){
	.home-main{display: block;}
	.main-img{width:100%; height:300px; overflow: hidden;}
	.main-right{width:100%; display: inline-block;}
	
	.section-gray{padding:10px 0;}
	.section-photo{padding:10px 0;}
	.section-dark-gray{padding:10px 0;}
	.sub-wrapper ul li{width:48%;}
}

@media screen and (max-width:800px){
	.logo{width:100%; text-align: center;}
	.logo img{margin:0 auto;}
	.header-right{width:100%; text-align: center;}
	.header-contact{width:70%; text-align: center; border-right:none; padding:10px 0;}
	.header-soc{width:100%; text-align: center; padding:10px;}
	.header-soc .fa{display: inline-block; text-align: center;}
	.header-soc a {display: inherit;}
	
	.fin-logo{width:35%;}
	
	.sub-photo{width:45%;}
}

@media screen and (max-width:770px){
	.hc-info{width:60%;}
	
	.sub-contact{display: block;}
	.sc-left{width:100%; background:url(../siteart/contact-bg.png) no-repeat #000; background-size:cover; padding:60px 30px; display: inline-block;}
	.sc-left img{display: none;}
	.sc-absolute{position: relative; left:0; top:0;display: inline-block; margin:0 auto;}
	.sc-info{width:60%;}
	.sc-right{width:100%;}
	
	.cpi{width:100%; padding:10px 0;}
	
	.emp-slider-cap{display: none;}
}

@media screen and (max-width:650px){
	.welc-left{padding:40px;}
	.welc-left h1{font-size:20px}
	.welc-left h1 span{font-size:28px;}
	.welc-left p{padding:10px 0;}
	.home-welc{padding-bottom:40px;}	
	
	.hc-info{width:75%;}
	.sc-info{width:75%;}
	
	.legal p{width:100%; text-align: center;}
	.legal p:last-child{text-align: center;}
	
	.brandslider{width:85%;}
	
	.sub-wrapper ul li{width:100%;}
	
	.fin-logo{width:45%;}
	
	.sub-photos-sect{text-align: center;}
	.sub-photo{width:75%; margin:10px;}
}

@media screen and (max-width:560px){
	.main-right h1{font-size:22px;}
	
	.hc-info{width:95%;}
	.sc-info{width:95%;}
}

@media screen and (max-width:480px){
	.main-right{padding:30px;}
	.main-btn{width:95%; margin:10px 0;}
	
	
	
	.fin-logo{margin:5px;}
	
	.sub-photos-sect{padding:40px 0;}
	.sub-photo{width:95%;}
}