﻿@charset "UTF-8";

/* RESET 
------------------------------------------------*/
* { 
    margin: 0 ;  
    padding: 0;  
    border: 0;  
    outline: 0;  
    background: transparent;  
}

ol, ul {}
blockquote, q {quotes: none;}  
blockquote:before, blockquote:after, q:before, q:after {content: '';}  
	

/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
body {font-size:100%; font-family: 'source_sans_proregular', sans-serif; background:#fff;}

/* SELECTION */	
::selection {color:#fff; background: #04198e;}
::-moz-selection {color:#fff; background: #04198e;}

/* CONTENT */
.content {width:85%; margin:0 auto;}

/* CLEAR */
.clear {clear: both;}

/* HEADERS */
/*Remove or simplify font-weight and font-height */
h1, h2, h3, h4 ,h5 ,h6 {line-height: normal;}
h1 {font-size:35px; color:#081c87; font-family: 'spectralbold_italic';}
h2 {font-size:24px; font-weight:normal;}
h3 {font-size:19px; font-family: 'spectralbold';}
h4 {font-size:25px; font-family: 'spectralbold';}
h5 {font-size:20px; font-family: 'source_sans_prosemibold';}
h6 {font-size:18px; font-family: 'source_sans_prosemibold';}

/* LINKS */
a{-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;}
a:link, a:visited {color:#06166c; text-decoration:underline;}
a:hover, a:active {color:#555; text-decoration:none;}

a[href^="tel:"] {color:#06166c;  text-decoration: none;}

/* IMAGES */
img {display:block;}

/* TEXT EMPHASIS */
cite, em, i {font-family: 'source_sans_proitalic';}
b, strong{font-family: 'source_sans_prosemibold';}

/* ALIGNMENT */
.left {float:left;}
.right {float:right;}
.center {text-align:center;}

.border-stripe {border-bottom:8px #04198e solid}	


/* HEADER
------------------------------------------------*/	
header {}	
	
.header-content {
	padding:35px 5%;
	background: -moz-linear-gradient(top, rgba(72,139,31,0.85) 1%, rgba(104,194,31,0.85) 100%);
	background: -webkit-linear-gradient(top, rgba(72,139,31,0.85) 1%,rgba(104,194,31,0.85) 100%);
	background: linear-gradient(to bottom, rgba(72,139,31,0.85) 1%,rgba(104,194,31,0.85) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d968c21f', endColorstr='#d9488b1f',GradientType=0 );
}


/* LOGO
------------------------------------------------*/	
.logo {width:40%; float:left; position:relative;}
.logo img{width:100%; max-width:625px;}


/* PHONE
------------------------------------------------*/	
.phone {font-size:40px; line-height:40px; margin:30px 0 0 0; text-align:right; font-family: 'spectralbold';}
.phone a[href^="tel:"]:hover, .phone a[href^="tel:"]:active {color:#34449f;  text-decoration: none;}

	
/*  NAVIGATION
------------------------------------------------*/
#menu-button{display: none;}
nav.mobile {display:none;}

nav.primary {padding:0; margin:1% 0 0 5%; width:55%; z-index: 500; float:left; position:relative;}
nav.primary ul {margin:0 auto; padding:0; width:100%; float:right; position:relative;}
nav.primary ul li {margin:0 1%; width:12.2%; paddding:0; float:left; list-style-type:none;}
				
nav.primary ul li a {
	display:block;
	color:#f3f3f3;
	font-weight:normal;
	font-size:.85em;
	line-height:60px;
	text-decoration:none;
	padding:0 10%;
	margin:0;
	text-align:center;
	text-transform:uppercase;
	background:#04198e;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}	

nav.primary ul li a:hover {
	background: #162daf;

	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
	transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/*  SUB NAV
------------------------------------------------*/
nav.primary ul li li {width: 230px;}
nav.primary ul li li a:link, nav.primary ul li li a:visited{
	font-size:.94em;
    line-height:16px;
	padding:10px 0;
	text-indent:20px;
	color:#fff;
	background: #181818;
	width: 230px;	
	text-align:left;
	border-right:none;
	border-left:none;
	border-bottom: #fff solid 1px;
}

nav.primary ul li li a:hover,nav.primary ul li li a:active {color:#060606; background:#eee;}


/*  NAV DROPDOWNS
------------------------------------------------*/
nav.primary ul ul {display: none; position: absolute; margin:0; padding:0; width:230px; float:none;} 
nav.primary ul ul ul {position: absolute; left: 100%; top:0;}
nav.primary ul li:hover > ul {display: block; line-height:18px; z-index: 500;}
nav.primary ul ul li {float: none; position: relative; margin:0;}


.page-layout {padding:35px 5%; background:#f0f0f0;}
.page-text {width:33%; margin:0 6% 0 0; float:left; position:relative;}
.page-layout .map {float: left; position:relative; width:100%; min-height:450px;}

/*  CONTACT FORM
------------------------------------------------*/
.contact-form {width:61%; float:left; position:relative;}

.contact-form input[type="text"] { 
	width: 100%;
	padding: 5px 10px;
	border:1px solid #DFDFDF;
	margin: 5px 0 8px 0;
	padding: 6px 8px;
	font-size: 16px;
	background-color: #f9f9f9;
    border: 1px solid #bebebe;
	box-sizing: border-box;  
	border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;	
}

.contact-form input[type="text"]:focus {box-shadow:0 0 2px #cc0506;}

.contact-form textarea {
	width: 100%;
	height: 130px;
	padding: 5px 10px;
	margin: 5px 0 15px;
	background-color: #f9f9f9;
    border: 1px solid #bebebe;
	box-sizing: border-box;  
	border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;	
}

.contact-form textarea:focus {box-shadow:0 0 2px #cc0506;}

.contact-form input[type="submit"] {
    font-size: 16px;
	color: #fff;
    background: #04198e;
    width: 80%;    
	margin:10px auto 0 auto;
	line-height: 46px;
    display: inline-block;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    outline: none;
    border: none;
	transition: all .2s ease-in-out; 
	-moz-transition: all .2s ease-in-out; 
	-webkit-transition: all .2s ease-in-out;  
	-webkit-border-radius:0; 
    -webkit-appearance: none;
    border-radius: 0;
}

.contact-form input[type="submit"]:hover {
	background:#2236a5;
	transform:scale(1.01,1.01);
	box-shadow:0 0 2px #333333;
	cursor:pointer;  
	-webkit-border-radius:0; 
    -webkit-appearance: none;
    border-radius: 0;
}

/*  MAIN
------------------------------------------------*/	
.main {padding:35px 5% 0 5%; background:url(../siteart/cowboy-pasture-bg.jpg) no-repeat right bottom; background-size:cover;}


/*  ARTICLE
------------------------------------------------*/
article {margin:45px 0 0 0; line-height:35px;}
article p{font-size:18px; line-height:24px;}


/*  BUTTON LINK
------------------------------------------------*/
.button-link {color:#fff; margin:20px 0 0 0;}
.button-link h4 {font-size:25px; text-align:left; float:left; position:position; background:#04198e;}
.button-link h4{-webkit-animation:tracking-in-expand .7s cubic-bezier(.215,.61,.355,1.000) both;animation:tracking-in-expand .7s cubic-bezier(.215,.61,.355,1.000) both}

@-webkit-keyframes .button-link h4{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}100%{opacity:1}}@keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}100%{opacity:1}}

.button-link a {display:block;}
.button-link a:link, .button-link a:visited {color:#fff; text-decoration:none; padding: 9px 30px 4px 30px;}
.button-link a:hover, .button-link a:active {padding:9px 30px 4px 32px; background:#2236a5;}
.button-link .button-icon {float:left; position:position; font-size:28px; line-height:50px; padding:0 13px; text-align:center; background:#1b2fa0;}


/*  PIONEER TRUCK
------------------------------------------------*/	
.pioneer-truck {float:left; position:relative; margin:0 5% -45px 0; padding:-45px 0 0 0;}
img.pioneer-truck {width:100%; max-width:580px;}


/*  HOSTED CONTENT
------------------------------------------------*/
.hosted-content {font-size:16px !important; line-height:20px !important;}
.hosted-content h3 {font-size:32px; line-height:32px; color:#081c87; font-family: 'spectralbold';}
.hosted-content .listings-wrapper .listings-list .category-banner h3 {font-size:26px !important; line-height:28px !important; color:#081c87;}
.hosted-content .listings-wrapper .listings-list .listing-banner h2 {font-family: 'spectralbold'; line-height:24px !important;}
.hosted-content .listings-wrapper .listings-list .listing-name {font-size:22px !important; line-height:32px !important;}
.hosted-content .listings-wrapper .listings-list .equip-details {font-size:16px !important; line-height:20px !important;}
.hosted-content .listing-price-first {font-size:17px !important; line-height:22px !important;}
.hosted-content .listings-wrapper .listings-list .dealer-info {font-size:16px !important; line-height:20px !important;}
.hosted-content .listings-detail-wrapper .listing-details h3 {font-size:22px !important; color:#222;}
.quote-form-holder h3 {font-size:22px !important; color:#222;}


/*  MIDDLE CONTENT
------------------------------------------------*/
.mid-content {}

.gradient-reverse {
	border-bottom:6px #fff solid;
	background: -moz-linear-gradient(top, rgba(104,194,31,0.9) 1%, rgba(72,139,31,0.9) 100%);
	background: -webkit-linear-gradient(top, rgba(104,194,31,0.9) 1%,rgba(72,139,31,0.9) 100%);
	background: linear-gradient(to bottom, rgba(104,194,31,0.9) 1%,rgba(72,139,31,0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d968c21f', endColorstr='#d9488b1f',GradientType=0 );
}

.mid-content .button-inv {color:#fff; margin:65px 7.5%; width:35%; float:left; position:relative; font-family: 'spectralbold';}
.mid-content .button-inv a {display:block;}
.mid-content .button-inv a:link, .mid-content .button-inv a:visited {font-size:25px; color:#fff; text-decoration:none; text-align:center; padding: 20px 30px 15px 30px; background:#04198e;-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;}
.mid-content .button-inv a:hover, .mid-content .button-inv a:active {padding:20px 30px 15px 32px; background:#2236a5;}


/*  INVENTORY CATEGORIES
------------------------------------------------*/
.category-content {display:flex; flex-flow:row wrap; justify-content:space-around;}

.category {width:200px; margin:0 2% -66px 2%; position:relative; background:#f7f7f7; 
	-webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.75);
}
.category a {text-decoration:none;}
.category img {width:120%; margin:-20px 0 0 -10%; padding:0 0 10px 0;}
.category h3 {color:#fff; text-align:center; padding:10px 0 6px 0; background:#0b21a0;}


/*  LOWER CONTENT
------------------------------------------------*/
.lower-content {padding:80px 0 0 0; background:url(../siteart/weathered-wood-bg.jpg) no-repeat center; background-size:cover;}


/*  MOTTO
------------------------------------------------*/ 
.motto {padding:38px 5% 40px 5%; color:#fff; font-size:70px; line-height:74px; font-weight:900; font-family: 'spectralbold';
-webkit-animation:text-shadow-pop-bottom .8s 1.1s both;animation:text-shadow-pop-bottom .8s 1.1s both}

@-webkit-keyframes text-shadow-pop-bottom{0%{text-shadow:0 0 #202020,0 0 #202020,0 0 #202020,0 0 #202020,0 0 #202020,0 0 #202020,0 0 #202020,0 0 #202020;-webkit-transform:translateY(0);transform:translateY(0)}100%{text-shadow:0 1px #202020,0 2px #202020,0 3px #202020,0 4px #202020,0 5px #202020,0 6px #202020,0 7px #202020,0 8px #202020;-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes text-shadow-pop-bottom{0%{text-shadow:0 0 #202020,0 0 #202020,0 0 #202020,0 0 #202020,0 0 #202020,0 0 #202020,0 0 #202020,0 0 #202020;-webkit-transform:translateY(0);transform:translateY(0)}100%{text-shadow:0 1px #202020,0 2px #202020,0 3px #202020,0 4px #202020,0 5px #202020,0 6px #202020,0 7px #202020,0 8px #202020;-webkit-transform:translateY(-8px);transform:translateY(-8px)}}

.motto span{font-size:50px; line-height:54px;}


/*  MANFACTURERS
------------------------------------------------*/
.manufacturers {display:flex; flex-direction:row; justify-content:space-around; padding:35px 0; background:rgba(20,20,20,0.5);}
.manufacturers a {margin:0 5%;}
.manufacturers img {width:100%; max-width:277px;}


/*  Banner
------------------------------------------------*/
.banner {padding:20px 5% 15px 5%; font-size:38px; line-height:42px; color:#fff; text-shadow:1px 1px #202020; font-weight:600; font-family: 'spectralbold';}








/*  INVENTORY
------------------------------------------------*/	
.body-content {width: calc(100% - 40px) !important;}
.body-wrapper {padding:0 20px !important;}

.list-content .info {color:#081c87 !important;}

.list-content .list-top-section .listing-option-bar .list-listings-count {color:#3a3a3a !important;}
.list-content .list-top-section .sticky-top-menu {background:#ededed !important;}

.list-content h1.list-title {text-shadow:none !important; } 

.list-content .list-main-section .list-container .list-listing { background-color:transparent !important;}

.detail-content .listing-widgets {margin:18px 0 0 0 !important;}


.rent-title, .lease-title, .fractional-title {font-weight:400 !important; color: #000 !important;}
#parts-content .parts-bottom-section .parts-list-view .parts-list-content .error-message {/*color:#dadada !important;*/ font-weight:400 !important;}

.list-content .list-main-section {padding:20px 0 !important;}

.list-content .print-this, .list-content .email-this {border-radius:0 !important;}
.list-content .list-top-section .listing-option-bar .list-sort-order .sort-by-dropdown-container .list-sort-order-select {margin: 0 5px 0 0; border-radius:0 !important;}


.detail-content .detail-main-body .main-detail-data .other-site-data-section {border-radius:0 !important; background:#dedede !important;}
.rent-title-details, .lease-title-details, .fractional-title-details {color:#081c87 !important;}

.at-resp-share-element .at-share-btn {margin:0 !important;}

.detail-content .print-this, .detail-content .email-this {border-radius:0 !important;}

.spec-icon {color:#fff !important; background-color: #333 !important;}
.list-content .list-main-section .list-container .list-listing .listing-top-right .listing-dealer-info a {color:#3a3a3a !important;}
.listing-widgets a {border-radius:0 !important; color:#fff !important; background-color: #3a3a3a !important;}
.listing-description a {color:#3a3a3a !important;}
.detail-content .dealer-info .google-maps-link a {color:#3a3a3a !important;}
.detail-content .dealer-info a.field-value {color:#3a3a3a !important;}

.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 #081c87 !important;
    color: #fff !important;
    border-radius:0 !important;
}

.list-content .list-listing-mobile .dealer-phone-container .dealer-phone-call .dealer-phone, .list-content .list-listing-mobile .dealer-phone-container .dealer-phone-text .dealer-phone {
    color: #fff !important;
}
.media-buttons button {border-radius:0 !important;} 


.faceted-search-content .mobile-done-button-container .mobile-done-button {border-radius:0 !important; color:#fff !important; background:#081c87 !important;}
.section-head:hover {
    color: #ddd!important;
}

.faceted-search-content .faceted-search-field .faceted-section-head:hover {background: #555 !important;}



.listing-option-mobile .listing-option-bar #option-bar-sort #sort-option-container {
    border-bottom: 1px solid #7e7e7e !important; background-color: #8e8e8e !important;
}

.listing-option-mobile .listing-option-bar #option-bar-sort #sort-option-container a {border-color: #7e7e7e !important;}




.faceted-search-content .faceted-section-box .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .apply-button {
   border-radius:0 !important; color:#fff !important; background:#081c87 !important;
}

.faceted-search-content .faceted-section-box .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .back-button {
    border: 1px solid #081c87 !important;
    color: #fff !important;
	background:#555 !important;
    border-radius:0 !important;
}


.faceted-search-content .faceted-search-field.checkbox .faceted-section-box.closed .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row.mobile, .faceted-search-content .faceted-search-field.Checkbox .faceted-section-box.closed .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row.mobile,
.faceted-search-content .faceted-search-field.checkbox .faceted-section-box.closed .show-all-modal, .faceted-search-content .faceted-search-field.Checkbox .faceted-section-box.closed .show-all-modal {background-color: #8e8e8e !important;}


.faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-count {margin:0 0 0 3px !important; }




/*  INVENTORY HEADER
------------------------------------------------*/
.list-content .list-title {align-items:center !important;}
.list-content .list-title .list-title-text {font-size:1.5em !important;}
.list-content h1 span {font-size: 18px; text-transform:none; color: #5a5a5a;}
.list-content .list-title .list-listings-count {font-weight:700 !important; color:#081c87 !important;}


/*  INVENTORY FACETED
------------------------------------------------*/
.faceted-search-content .faceted-section-box .faceted-search {color:#fff !important; background:#081c87 !important;}
.faceted-search-content .selected-facets-container .selected-facet {border-radius:0 !important; color:#fff !important; background:#081c87 !important;}
.faceted-search-content .faceted-section-head h5 {font-size:14px !important; text-transform:uppercase !important; font-weight:400 !important; /*color:#e8e8e8  !important;*/}
.faceted-search-content .faceted-section-box .faceted-text-input, .faceted-search-content .faceted-section-box .faceted-search {border-radius:0 !important;}
.faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-name {margin:-2px 0 0 3px !important; /*color:#fff !important;*/}
.faceted-search-content .faceted-section-box .faceted-btn-container .faceted-show-all-btn {border-radius:0 !important; background-color: #081c87 !important;}


/*  INVENTORY MAIN SECTION
------------------------------------------------*/	
.list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price {color:#081c87 !important;}
.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link {
    border-radius:0 !important; color:#fff !important; background:#081c87 !important;
}
.list-content .list-main-section .list-container .list-listing .listing-top-right .email-seller-link {border-radius:0 !important; background-color: #3a3a3a !important;}


/*  INVENTORY MOBILE
------------------------------------------------*/	
.list-content .list-listing-mobile .price-container .price {color: #081c87 !important;}
.list-content .list-listing-mobile .price-container .fin-stacked.purchase-today-link {background:transparent !important;}
.list-content .list-listing-mobile .email-seller-link {font-weight:400 !important; border-radius:0 !important; background-color: #333 !important;}
.list-content .list-listing-mobile .view-listing-details-link {font-weight:400 !important; border-radius:0 !important; background-color: #081c87 !important;}


/*  INVENTORY DETAILS
------------------------------------------------*/	
.detail-content .search-results {color: #081c87 !important;}
.detail-content .search-results .fa {font-size:.85em !important;}
.mc-thumb-toggles .mc-btn {height:28px !important; font-size: 18px !important; border-radius:0 !important;}
.detail-content .detail-main-body .main-detail-data .detail-price {color:#081c87 !important;}
.detail-content .detail-main-body .main-detail-data .offer-btn {border-radius:0 !important; background-color: #081c87 !important;}
.detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc {
    width: 231px !important; padding:12px 20px !important; border-radius:0 !important;
}
.detail-content .dealer-info {margin:20px 0 0 0 !important;}
.detail-content .dealer-info a .dealer-company-header {color:#081c87 !important; text-decoration:none !important;}
.detail-content .dealer-info .dealer-company-header {margin:0 0 10px 0 !important; font-size:.95rem !important;}
.detail-content .dealer-info .phone-and-email .send-email-btn {
    color: #fff !important; border:0 !important; border-radius:0 !important; background-color: #081c87 !important;
}
.detail-content .listing-widgets a {border-radius:0 !important;}
.detail-content .detail-additional-data h4 {margin:18px 0 0 0 !important; font-weight:700; font-style:italic; color:#081c87 !important;}
.detail-content .detail-additional-data .data-row .data-label {font-weight:700 !important; background-color: #081c87 !important;}
.detail-content .detail-additional-data .data-row .data-value {font-weight:400 !important;}



/*  INVENTORY DETAILS MOBILE
------------------------------------------------*/
.mobile-breadcrumb {background-color: #081c87 !important;}
.detail-content-mobile .detail-main-body .main-detail-data .detail-price {color:#081c87 !important;}
.detail-content-mobile .dealer-info .dealer-title-link h3 {margin:0 0 8px 0 !important; font-weight:700 !important;}
.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile {
    margin-right:0 !important; border-radius:0 !important; background-color: #081c87 !important;
}

.detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile,
.detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile,
.detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile {
	border-radius:0 !important; border: 1px solid #081c87 !important; background-color: #081c87 !important;
}

.detail-content-mobile .listing-widgets {margin:18px 0 0 0 !important}
.detail-content-mobile .detail-additional-data h4 {margin:18px 0 0 0 !important; font-weight:700; font-style:italic;}
.detail-content-mobile .detail-additional-data .data-row .data-label {font-weight:700 !important; background-color: #081c87 !important;}
.detail-content-mobile .detail-additional-data .data-row .data-value {font-weight:400 !important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn {border-radius:0 !important; background-color: #081c87 !important;}



.hosted-content a.widget-email {background: #333 !important;}
.hosted-content .btn {background-color: #081c87 !important;}

.list-container-flexrow .view-listing-details-link {background-color: #081c87 !important;}
.detail-content .detail-main-body .main-detail-data .offer-btn .fa-chevron-right {float:none !important; }





/*  FOOTER
------------------------------------------------*/
footer {padding:40px 5%; background:url(../siteart/footer-bg.jpg) no-repeat center; background-size:cover;}


/*  FOOTER NAV
------------------------------------------------*/
.footer-nav {display:flex; flex-flow:row wrap; justify-content:space-around; float: left; position:relative; width:60%; min-height:260px; background:rgba(20,20,20,0.6);}


/*  FOOTER NAV LINKS
------------------------------------------------*/
.nav-links {margin:25px 2% 0 2%; width:110px; color:#f1f1f1;}
.nav-links h6 {color:#fff;}
.nav-links a:link, .nav-links a:visited {color:#f1f1f1; text-decoration:none;}
.nav-links a:hover, .nav-links a:active {color:#777b91; text-decoration:none;}
.nav-links a[href^="tel:"] {color:#f1f1f1;  text-decoration: none;}
.nav-links a[href^="tel:"]:hover, .nav-links a[href^="tel:"]:active {color:#777b91; text-decoration:none;}


/*  FOOTER MAP
------------------------------------------------*/
iframe.map {float: left; position:relative; width:40%; min-height:260px;}



/************************************************ Responsive Styles **/

@media screen and (max-width: 1850px) {	
	.category {width:200px; margin:15px 4% 45px 4%;}
}

@media screen and (max-width: 1655px) {
	nav.primary ul li a {font-size:.8em;}
}

@media screen and (max-width: 1525px) {
	nav.primary ul li {margin:0 .85%; width:12.2%;}
	nav.primary ul li a {font-size:.7em;}
	article h1 {font-size:26px;}
	.pioneer-truck img {width:100%; max-width:500px;}
}

@media screen and (max-width: 1350px) {
	nav.primary ul li a {font-size:.6em;}
	
}

@media screen and (max-width: 1200px) {	
	.logo {width:55%; margin:2% 0 0 0;}
	nav.primary{display:none;}
	#menu-button{width:40%; display: block; font-size: 1.25em; line-height:60px;  margin:40px 0 0 5%; float:left; position: relative; z-index: 400; background: #04198e; -webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;}
	#menu-button a{color:#fff; text-decoration: none; padding:0 0 0 .8em; font-weight:100;}
	
	nav.mobile {
		display:block;
		position: fixed;
		top: 0;
		left: -285px;
		width: 285px;
		height: 100%;
		z-index: 500;
		overflow:auto;
		background:#333;
	}
	
	/* MENU HEADER SOCIAL MEDIA */
	nav.mobile .social-media {
		position: absolute;
		text-decoration: none;
		vertical-align: top;
		z-index:9999;
		display: inline-block;
		
		top: 15px;
		left: 15px;
		font-size:16px;
		word-spacing:13px;
		color: #ccc !important;
	}
	
	nav.mobile .social-media a:link, nav.mobile .social-media a:visited {color:#ccc; text-decoration:none;}
	nav.mobile .social-media a:hover, nav.mobile .social-media a:active {color:#fff; text-decoration:underline;}
	
	/* MENU HEADER STYLES */
	nav.mobile h3 {	
		color: #ccc;
		padding: 23px 0;
		position: relative;
		font-size: 20px;
		background:#313131;
		font-family: 'source_sans_probold';
	}			
	nav.mobile .menu-title {position: absolute; vertical-align: top; top: 16px; right: 47px; text-transform:uppercase; font-size:12px; color: #ccc;}
		
	/* MENU CLOSE 'X' BUTTON */
	nav.mobile .menu-toggle {position: absolute; top: 8px; right: 10px; padding: 6px 9px 5px; display: inline-block; font-weight: 700; font-size: 18px; line-height: 1; color: #ccc; text-decoration: none; vertical-align: top; font-family: Arial, sans-serif;}
	nav.mobile .menu-toggle:hover {color: #fff;}
	
	/* MENU LIST STYLE */
	nav.mobile ul {list-style: none; font-weight: 300; margin:0; padding:0;}
	nav.mobile ul li {color: #999; font-size:15px; border-bottom: 1px solid #303030;}
	
	/* FIRST LEVEL */
	nav.mobile ul li a {
		color: #999;
		position: relative;
		display: block;
		font-size:15px;
		text-align:right;
		text-decoration: none;
		border-left:4px #333 solid;
		padding: 15px 35px 15px 20px;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	}
	nav.mobile ul li a:hover {background:rgba(45,45,45,0.5); color: #fff; border-left:4px #65bc1f solid;}
	
	/* SECOND LEVEL */
	nav.mobile ul li li:last-child {border:none;}
	nav.mobile ul li li a {color: #ccc; background: #444; border-left:4px #444 solid; padding: 15px 10px 15px 15px;}
	nav.mobile ul li li a:hover {background:rgba(65,65,65,0.5);}
	
	/* THIRD LEVEL */
	nav.mobile ul li li li:last-child {border:none;}
	nav.mobile ul li li li a {color: #ccc; background: #555; border-left:4px #555 solid;}
	nav.mobile ul li li li a:hover {background:rgba(85,85,85,0.5);}
	
	.nav-footer {color:#292929; position:relative; text-align:center; font-size:16px; line-height:16px; padding:15px 0;}
	
	
	.main {padding:35px 5% 0 5%;}
	article {margin:0;}
	article h1 {font-size:25px; line-height:30px;}
	article p {font-size:16px;}
	.pioneer-truck {width:55%; margin:0 5% -35px 0;}
	.category img {width:120%; margin:-10px 0 0 -10%;}
	.lower-content {padding:30px 0 0 0;}
	.motto span{font-size:40px; line-height:44px;}
	.motto {font-size:50px; line-height:54px;}
}

@media screen and (max-width: 1024px) {
	.content {width:92%; margin:0 4%;}
	.logo {width:55%; margin:35px 0 0 0;}
	.column4 {width:48.5%; *width:48.5%; margin:5px 0 20px 0; padding:0 .75%;}
	.last{padding-right:.75% !important;}
	.inventory-search input[type="text"] {font-size: 13px; line-height:13px;}
	.inventory-search select {font-size:13px; line-height:13px;}
	.inventory-search textarea {font-size: 13px;}
	.inventory-search input[type="submit"] {font-size: 16px;}
	.motto span{font-size:30px; line-height:34px;}
	.motto {font-size:40px; line-height:44px;}
	.banner {font-size:30px; line-height:34px;}
	.page-text {width:100%; margin:0;}
	.contact-form {width:100%; margin:30px 0 0 0;}
	.footer-nav {width:90%; padding:15px 5%; min-height:150px;}
	.nav-links {margin:10px 2%;}
	iframe.map {float: left; position:relative; width:100%; min-height:260px;}
}

@media screen and (max-width: 768px) {
	.logo {width:80%; margin:0 10%; float:none;}
	.phone {font-size:35px; line-height:35px; margin:20px 0 0 0; text-align:center;}	
	#menu-button{width:100%; margin:20px 0 0 0;}
	.column4 {width:100%; *width:100%; margin:5px 0 20px 0; padding-right:0%;}
	.inventory-search h4 {font-size:14px; line-height:14px;}
	.main {padding:25px 5% 65px 5%;}	
	.pioneer-truck {width:60%; margin:0 5% -85px 0;}
	.mid-content .button-inv {margin:40px 5% 10px 5%; width:90%;}
	.mid-content .button-inv:nth-of-type(2) {margin:25px 5% 45px 5%;}
	.motto {font-size:35px; line-height:39px;}
	.motto br {display:none;}
	.motto span{display:none;}
	.banner {display:none;}
}

@media screen and (max-width: 600px) {
	.main {padding:25px 5% 145px 5%;}
	.pioneer-truck {display:none;}	
}

@media screen and (max-width: 500px) {
	.button-link .button-icon {display:none;}
}
@media screen and (max-width: 320px){
	.logo {width:95%; margin:0 2.5%;}
	.motto {display:none;}	
}