﻿@font-face {
    font-family: 'montserratlight';
    src: url('/webfonts/montserrat-light-webfont.eot');
    src: url('/webfonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/webfonts/montserrat-light-webfont.woff2') format('woff2'),
         url('/webfonts/montserrat-light-webfont.woff') format('woff'),
         url('/webfonts/montserrat-light-webfont.ttf') format('truetype'),
         url('/webfonts/montserrat-light-webfont.svg#montserratlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratregular';
    src: url('/webfonts/montserrat-regular-webfont.eot');
    src: url('/webfonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/webfonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('/webfonts/montserrat-regular-webfont.woff') format('woff'),
         url('/webfonts/montserrat-regular-webfont.ttf') format('truetype'),
         url('/webfonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratbold';
    src: url('/webfonts/montserrat-bold-webfont.eot');
    src: url('/webfonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/webfonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('/webfonts/montserrat-bold-webfont.woff') format('woff'),
         url('/webfonts/montserrat-bold-webfont.ttf') format('truetype'),
         url('/webfonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

::-moz-selection {
    background: #cf0000;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #cf0000;
    color: #fff;
    text-shadow: none;
}
/***** 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 *****/


/* BASE TYPOGRPHY */

body { font-family: 'montserratregular'; font-size: 16px; line-height: 24px;}

strong { font-family: 'montserratbold';}

.main-content ul ul li{
	margin-left: 25px;
	list-style: circle;
}

/* TABLES */

th{font-family: 'montserratbold'; color: #fff; padding: 5px 0; border: none;}
tr{font-family: 'montserratlight'; background: #fff; color: #000; padding: 5px 0;}
tr:nth-child(odd){background: #ddd;}
table{ border: 1px #b5b5b5 solid;}
	
/* HEADERS */

h1 {
    font-family: 'montserratbold';
    color: #003e7d;
    font-size: 22px;
    text-transform: uppercase;
    border: 2px solid #003e7d;
    padding: 15px 0;
    text-align: center;
}
h2 { font-family: 'montserratbold'; color: #003e7d; font-size: 22px;}
h3 { font-family: 'montserratbold'; color: #000; font-size: 18px;}
h4 { font-family: 'montserratregular'; color: #cf0000; font-size: 18px;}

/* PARAGRAGHS */

p { font-family: 'montserratlight'; font-size: 14px; line-height: 27px;}

.mission p{ font-family: 'montserratregular'; font-size: 18px; line-height: 48px; color: #fff;}

.box p, .last-box p{
    font-family: 'montserratbold';
	font-size: 24px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	padding: 75px 0;
}

/* LINKS */

a{
	color:#000;
	text-decoration:none;
	transition: all .2s ease-in-out; 
	-moz-transition: all .2s ease-in-out; 
	-webkit-transition: all .2s ease-in-out;
}

a:hover{
    font-family: 'montserratbold';
	color: #cf0000;
}

.top-footer a{
	color: #fff;
	font-size: 12px;
	line-height: 24px;
	font-family:'montserratregular';
}
.top-footer a:hover{color: #fff;}

#social a{font-size: 30px; margin-right: 5px;}

.button a{
    font-family: 'montserratbold';
	background: #cf0000;
	color: #fff;
	padding: 10px 20px;
	border-radius: 5px;
}

.button a:hover{
    background: #9B0A14;
}

/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/*-------- BODY STYLES --------*/

body {

}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}


hr{border:#000 1px solid;}

/*--- HEADER STYLES ---------------------*/
header {}

.main-content{
	background: #fff;
	padding: 100px 0;
}

.content-container{
	max-width:1100px;
	margin: 0 auto;
}

.header *{
    box-sizing: border-box;
}
.header{
    box-sizing: border-box;
    position: fixed;
	z-index: 1000;
	width: 100%;
	background-color: #fff;
	background: #fff;
	color:#000;
	padding: 15px 0 0;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
	box-shadow:0 0 30px #5F5F5F;
    font-family: 'montserratregular';
}

.page-header{
	height: 90px;
}

.column1 {width:100%; margin: 25px 0;}
.column2 {width:50%; *width: 48%; float:left; padding-right: 20px; box-sizing: border-box;}
.column3 {width:33.33333%; *width: 31%; float:left; padding-right: 20px; box-sizing: border-box;}
.column3-4 {width:75%; *width: 73%; float:left; padding-right: 20px; box-sizing: border-box;}
.column4 {width:25%; *width: 23%; float:left; padding-right: 20px; box-sizing: border-box;}
.column5 {width:20%; *width: 18%; float:left; padding-right: 20px; box-sizing: border-box;}
.column6 {width:16.66666%; float:left; padding-right: 20px; box-sizing: border-box;}

.last{padding-right: 0;}

img{max-width: 100%; height: auto;}

.line{ width: 100%; height: 1px; background: #ccc; margin: 25px auto;}
.italic{font-style: italic;}
/* HEADER */

#logo{
	position: fixed;
	z-index: 1001;
	width: 250px;
	top: 2px;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}
#logo img{ width: 100%; height: auto;}

#header-locations {
	font-size: 12px;
	text-align: right;
	color: #333333;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}
#header-locations p{
	display:inline;
	font-size: 12px;
	text-align: right;
	color: #333333;
	font-family: 'montserratregular';
}
#header-locations .fa{
	padding:0 5px 0 20px;
}
.spacer{ display: inline; padding: 0 10px;}

.hero{
	height: 575px;
}

/* Cycle Plugin slideshow styles */
#slideshow{
	float:right;
	position:relative;
	width:100%;
	padding-top:30%;
	margin-top:5.4em;
	overflow:hidden;
    height: 0;
}
#slideshow img { 
    padding:0; 
    border:0; 
    top: 0;
    left: 0;
    height:auto!important;
	width:100%!important;
}


/* An example of how to add an additional Cycle Plugin slideshow to the site. 
#slideshow2{
	height:auto;
	width:100%;
	overflow:hidden;
	margin-left:25px;
}
#slideshow2 img { 
    padding:0; 
    border:0; 
    top: 0;
    left: 0;
    height:275px;
	width:600px;
}*/


/* Scrolling Inventory */

.scrolling-wrap { 
	overflow:hidden; /* must have this property for mobile phones and tablet display! */
	width:100%; 
	margin:0 auto;
	height:90px; 
	padding:0 ;
	background:#333333;
}
.scrolling-wrap iframe {
	width:100%;
	height:90px;
	background:#333333;
}	
	

/* TILES */

.tile-container{
	background: #333;
	padding: 50px 25px;
}

.tile-half {width:50%; float:left;}

.tiles{
	position: relative;
	overflow: hidden;
	display: inline-block;
	border: 1px solid #fff;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
    font-family: 'montserratbold';
	font-size: 30px; 
	line-height: 30px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
}
.tiles img {
	display: block;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
	overflow: hidden;
}
.tiles:hover img {
	-webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}
.tiles:hover .zoom-caption {
	background: none;
}
.tiles .tile-text {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	background: rgba(0, 0, 0, .7);
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}
.tiles:hover .tile-text {
	background: none;
}

#tile1{
	width: 100%;
}
#tile1 .tile-text{
	padding: 6% 10px;
	box-sizing: border-box;
}
#tile2{
	float: left;
	width: 50%;
	*width: 48%;
}
#tile2 .tile-text{
	padding: 12% 10px;
	box-sizing: border-box;
}
#tile3{
	float: right;
	width: 50%;
	*width: 48%;
}
#tile3 .tile-text{
	padding: 12% 10px;
	box-sizing: border-box;
}

.browse{
    font-family: 'montserratregular';
	font-size: 18px;
	color: #ccc;
}

/* ROTATE */

.feature.one .face{background:#333 url(../images/locations.jpg) no-repeat center center;}
.feature.two .face{background:#333 url(../images/service.jpg) no-repeat center center}
.feature.three .face{background:#333 url(../images/parts.jpg) no-repeat center center}
.feature.four .face{background:#333 url(../images/team.jpg) no-repeat center center}

.face{position:absolute;height:100%;width:100%;-webkit-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;border-left: 1px #fff solid;border-right: 1px #fff solid;}
.face.primary{overflow:hidden;z-index:100;}
.face.secondary{background-size:cover}

#work{background: #333; width:100%;height:150px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d; display: block;}
#work a{font-family: 'montserratbold';text-transform: uppercase; color:#fff; font-size: 24px; line-height: 150px; text-align: center;}
.trigger{width:25%; *width: 23%;float:left;position:relative;height:100%;cursor:pointer;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;background: #333;}
.feature{width:100%;height:100%;-webkit-transition:-webkit-transform .4s ease-in-out, opacity 1.5s ease-in-out;transition:transform .4s ease-in-out, opacity 1.5s ease-in-out;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;opacity:0;-webkit-transform:rotateX(0deg) translateZ(0);transform:rotateX(0deg) translateZ(0);background: #333;}
.feature.show{opacity:1}
.feature.rotate{-webkit-transform:rotateX(-90deg) translateZ(0);transform:rotateX(-90deg) translateZ(0)}
.trigger:hover .feature,.stick .feature{-webkit-transform:rotateX(90deg) translateZ(0);transform:rotateX(90deg) translateZ(0); bottom:10px}
.feature .face{background:#e73692;-webkit-transform:rotateX(0deg) translateZ(50px);transform:rotateX(0deg) translateZ(50px);-webkit-transition:box-shadow 0.5s ease-in-out;transition:box-shadow 0.5s ease-in-out;-webkit-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:2;}
.feature.rotate .face{box-shadow:inset 0px 30px 60px transparent}
.feature .face.hover{box-shadow:inset 0px -30px 100px rgba(0,0,0,0.2);-webkit-transform:rotateX(-90deg) translateZ(50px);transform:rotateX(-90deg) translateZ(50px);overflow:hidden;}
.feature .face.hover .info{width:100%;height:100%;font-family: 'montserratbold';text-transform: uppercase; color:#fff; font-size: 16px; text-align: center; padding:55px 30px;box-sizing:border-box;background: #333;z-index:111;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
	.feature.rotate{-webkit-transform:none;transform:none}
	.trigger:hover .feature,.stick .feature{-webkit-transform:none;transform:none;}
}

/* STYLES */

.headline{
	font-family: 'montserratbold'; color: #b41e29; font-size: 18px; text-align: center; margin: 25px 0;
}

.mission{
	background: #A23634 url(../images/mission.jpg) no-repeat center center;
	padding: 75px 0;
	text-align: center;
}

.youtube{
	background: #333333;
}

.location-box{
	background:#F5F5F5;
	border: 1px #ccc solid;
	width:25%; float:left; box-sizing: border-box;
}
.location{
	padding: 15px;
	border-bottom: 1px #ccc solid;
}

.brand{
	margin: 15px 0;
	text-align: center;
}
.brand a{
	font-family: 'montserratbold';
	text-transform: uppercase;
}
.brand a:hover{
	font-family: 'montserratbold';
	color: #b41e29;
}
.brand img:hover{
	opacity: .5;
}

a.listing-button{
	display: block;
	background: #f5f5f5;
	border: 1px #ccc solid;
	text-align: center;
	font-family: 'montserratbold';
	padding: 10px;
}

a.listing-button:hover{
	background: #ccc;
	color: #fff;
}

#specs{
	background: #f5f5f5;
	border: 1px #ccc solid;
	padding: 20px 15px;
	box-sizing: border-box;
}
#specs ul li{
	font-size: 13px;
	margin-left: 10px;
	padding: 10px 0;
}
#specs-header{
	background: #333;
	font-family: 'montserratbold';
	color: #fff;
	padding: 10px 15px;
	box-sizing: border-box;
}
.overview{
	background: #f5f5f5;
	border: 1px #ccc solid;
	padding: 25px 20px;
	box-sizing: border-box;
}
.overview p{
	font-size: 12px;
}

#brand-text img{
	padding: 20px;
}

/* LINK BOXES */

.invlinkbox{
    float:left;
    width:25%;
    height: 350px;
    margin:0;
    background:#f7f7f7;
    position:relative;
    overflow:hidden;/* Only the -webkit- prefix is required these days */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
	z-index:1000;
	background-repeat:no-repeat; background-position:center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;
	border: 1px #fff solid;
	cursor: pointer
}

.invlinkbox a{color:#fff;}
.invlinkbox p a {text-decoration:underline;}

.invlinkbox::before {
    content: ' ';
    position: absolute;
    top: 300px;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
}

.invlinkbox:hover::before {
    background: rgba(0, 0, 0, .8);
	top:0;
}

.caption__media {
    display: block;
    min-width: 100%;
    max-width: 100%;
    height: auto;
}

.caption__overlay {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    padding: 10px;
    color: white;

    -webkit-transform: translateY(303px);
            transform: translateY(303px);

    transition: -webkit-transform .35s ease-out;
    transition:         transform .35s ease-out;
}

.invlinkbox:hover .caption__overlay{
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

.caption__overlay__title {
    transition: -webkit-transform .35s ease-out;
    transition:         transform .35s ease-out;
}

.invlinkbox:hover .caption__overlay__title{
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

/* SHUTTLE TABLE */

#shuttle-route table{border-collapse:collapse;box-shadow:1px 1px 5px #bbb;border:1px solid #bbb; width: 100%; margin-bottom: 50px;}
#shuttle-route td,th{border-top:1px solid #ccc; border-right:1px solid #ccc; padding: 8px 10px; width: 33%;}
#shuttle-route th{font-family: 'montserratbold'; color: #000;}
#shuttle-route tbody tr:nth-of-type(2n+1){background-color:#f0f0f0}

/* FORMS */

.action {
    font-family: 'montserratbold';
    background: #cf0000;
    color: #fff;
    display: inline-block;
    border-radius: 4px;
    padding: 8px 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    font-size: 13px;
    margin-right: 10px;
    float: left;
	font-weight: 700;
	cursor: pointer;
    line-height: 1 !important;
	
}
.action:hover {
    background: #b41e29 !important;
}

.CaptchaPanel{
	text-align: left !important;
}
.CaptchaPanel, .CaptchaAnswerPanel, .CaptchaImagePanel, .CaptchaMessagePanel{
	padding-left: 0 !important;
	padding-right: 0 !important;
}

form input, form textarea, form select {
    width: 100%;
    padding: 6px 5px;
    font-size: 15px;
    background-color: #fff;
    border: 1px solid #dad9d9;
}
form textarea {
    resize: vertical;
	height: 80px;
}
form label{
	display: block;
    font-family: 'montserratregular';
    font-size: 12px;
}
form{
    font-family: 'montserratregular';
    font-size: 12px;
}

div.field {
    margin: 10px 0 15px;
}
/* INVENTORY */


#inv{padding: 200px 0 100px;}
#inv *:not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons):not(.fa-solid){font-family: montserratregular, sans-serif!important; } /* Reset font, ignore icons */


.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input {margin: 2px 3px 3px 4px !important;}
.faceted-text-input-searchType .search-type input[type=checkbox], .faceted-text-input-searchType .search-type  input[type=radio] {margin: 0px 3px 0px 6px !important;}
.faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-name{
	margin-top: 0 !important;
}
span.compare-label{padding-left: 4px !important; margin: 0 !important; line-height: normal !important;}
.compare-chkbox-container .compare-listings .fa-check {
    top: 2px !important;
    left: 5px !important;
}
.listing-card-thumb .compare-chkbox-container .compare-listings .fa-check {
    top: 1px !important;
    left: 0px !important;
}
.media-buttons button{
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.media-buttons a.print-this{
	    float: right !important;
    height: 42px !important;
    box-sizing: border-box !important;
    line-height: normal !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, .mobile-breadcrumb, .main-detail-data .contact-options a, button.g-recaptcha.button, .view-listing-details-link, .list-error-container .info button {background:#003e7d !important; color: #fff !important;}

.list-content .list-main-section .list-container .list-listing .listing-top-right .buy-now-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .check-availability-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .email-seller-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .video-chat-link, .faceted-search, .faceted-show-all-btn, .dealer-phone-call {background: #333333!important;}

.list-content .list-title .list-listings-count, .list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price, #parts-content .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count, #inv .error-message, #inv .info, .detail-content .detail-main-body .main-detail-data .detail-price, .detail-content .search-results, .list-content .list-top-section .listing-option-bar .list-listings-count, .detail-price, .compare-price, .compare-title{color: #000 !important;}

.price{
	color: #003e7d !important;
}

/* heading */
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title, .main-detail-data .detail-title, .parts-title-text {padding-left: 4px;}
#inv h1{
	 border: none !important;
}
#inv .faceted-search{
	margin-right: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	float: none !important;
}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label, .part-detail-additional-data .data-label, .part-detail-content .detail-contact-bar {background: #333333 !important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .faceted-search-content .mobile-done-button-container .mobile-done-button, .page-nav, .contact-options a {background: #333333 !important;}

.detail-content .dealer-info .phone-and-email .send-email-btn {border-color: #000!important; color: #000!important;}

.material-icons, .collapsible-content a {color:#fff!important;}

#parts-content .parts-bottom-section .parts-list-view .parts-list-content .parts-listing-container .parts-listing-column .parts-button.view-details, .cs-btns a {background-color: #333333 !important;}

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile{margin-right:0!important;}

.detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc{padding: 20px 0 !important;box-sizing: border-box;}


.detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc p{line-height: normal !important; font-size: 12px !important; margin: 20px 5px !important;}




@media screen and (max-width: 600px){
	#shuttle-route table{width:100%}
	#shuttle-route td,th{width: 100%;}
	#shuttle-route thead{display:none}
	#shuttle-route tbody tr:nth-of-type(2n+1){background-color:inherit;}
	#shuttle-route tr td:first-child{background:#f0f0f0;}
	#shuttle-route tbody td{display:block;text-align:center}
	#shuttle-route tbody td:before{content:attr(data-th);display:block;font-family: 'montserratbold';}
}

/* DETAILED SEARCH */

.detailed-form {
	background: #333;
	color: #fff;
	font-family: 'montserratbold';
	padding: 15px 0 10px;
	margin-bottom: 15px;
}
.detailed-form h3{
	color: #fff;
}

.detailed-search input {
    width: 100%;
    padding: 4px 8px;
    font-size: 12px;
    background-color: #fff;
    border: 1px solid #dad9d9;
	box-sizing: border-box;
}
.detailed-search select {
    width: 100%;
    padding: 4px 8px;
    font-size: 12px;
    background-color: #fff;
    border: 1px solid #dad9d9;
	box-sizing: border-box;
}

.detailed-row{
	margin: 10px 0;
	color: #fff;
	font-size: 12px;
}

.detailed-search input[type="submit"] {
    font-size: 12px;
    background: #b41e29;
    width: 100%;
	height: 38px;
    color: #fff;
    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;
}

.detailed-search input[type="submit"]:hover {
	background: #555;
}

.search-divide{ width: 100%; height: 1px; background: #ccc; margin: 5px auto 10px;}

/* FOOOTER */

.top-footer {
	background: #003e7d;
	padding: 50px 0;
	color: #fff;
	font-size: 12px;
	line-height: 24px;
}

.top-footer p {
	font-family:'montserratregular';
	font-size: 12px;
}
.top-footer a {
	color: #fff !important;
}

#quicklinks p , #quicklinks a{
	font-family:'montserratregular';
	font-size: 12px;
	display: inline;
	margin-left:5px;
}

#quicklinks a:hover{
	font-family: 'montserratbold';
}

.footer-header{ font-family: 'montserratbold'; color: #fff; font-size: 16px; text-transform:uppercase;}

.bottom-footer {
	background: #333333;
	border-top: 2px #cf0000 solid;
	padding: 25px 0;
}

#cnh-footer{
	float: left;
	width: 20%;
}
#case-footer{
	float: right;
	text-align: right;
	width: 20%;
}

a.ebay{
	position: relative;
	top: 3px;
	display: inline-block;
	background:url(../images/ebay.png) no-repeat;
	width: 27px;
	height: 27px;
}
a.ebay:hover{background:url(../images/ebay-hover.png);}

#twitter-widget-0{ height: 425px !important; }



a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-size:10px; color:#b5b5b5;}
a.footerlink:hover {text-decoration:none; color:#cf0000;}
.footertext{font-size:10px; color:#b5b5b5;}
.smallfootertext{font-size:10px; color:#b5b5b5;}
.divfooter { width:59%; text-align:center; margin: 0 auto; line-height:1.1em;}

.clear{clear:both;}	
* {box-sizing: border-box;}

/* RESPONSIVE STYLES */
.hide-mobile {display:block;}
.partsdesktop {display:block;}
.partsmobile {display:none;}

@media screen and (max-width: 1280px) and (min-width:1060px) {

.content-container{
	max-width:100%;
	margin: 0 auto;
	padding: 0 25px;
}

.tiles{font-size: 20px; line-height: 20px;}
.browse{font-size: 14px;}
#tile1 .tile-text{padding: 7% 10px;}
#tile2 .tile-text{padding: 13% 10px;}
#tile3 .tile-text{padding: 13% 10px;}

}

@media screen and (max-width: 1059px) and (min-width:846px) {	

.main-content{padding: 50px 0;}
.partsdesktop {display:none;}
.partsmobile {display:block;}

.content-container{
	max-width:100%;
	margin: 0 auto;
	padding: 0 25px;
}

#slideshow{margin-top:4em}
#header-locations {display: none !important;}
#logo{ width: 150px !important; top: 6px;}

.hero{ height: 80px; background: #333333 !important;}

.tile-container{ padding: 25px;}
.tile-half{ float: none; width: 100%;}

#tile1 .tile-text{padding: 7% 10px;}
#tile2 .tile-text{padding: 13% 10px;}
#tile3 .tile-text{padding: 13% 10px;}

.trigger{width:50%;}

}

@media screen and (max-width: 831px){
	
h2 { font-size: 24px;}
p { font-size: 14px; line-height: 24px;}
.mission p{ font-size: 14px; line-height: 34px;}

}

@media screen and (max-width: 845px) and (min-width:521px) {
	
.main-content{padding: 50px 0;}
	
.hide {display:none;}
.hide-mobile {display:none;}
#cnh-footer{display: none;}
#case-footer{display: none;}
.box-scene{display: none;}
.partsdesktop {display:none;}
.partsmobile {display:block;}

.location-box{width: 100%; float:none;}
.column3{width: 100%; float:none;padding-right: 0;}
.column3-4{width: 100%; float:none;}
.column2{ float: none; width: 100%; padding-right: 0; margin-bottom: 15px;}
.column4{ width: 50%; margin-bottom: 15px;}
.column5 {width:33%;}

.content-container{
	max-width:100%;
	margin: 0 auto;
	padding: 0 20px;
}

.slider-wrapper{margin-bottom: -25px;}
#slideshow{margin-top:5em}
.header .content-container{padding: 0 !important;}
#header-locations {display: none !important;}
#logo{ width: 200px !important;}

.hero{ height: 350px; }

.tile-container{ padding: 25px;}
.tile-half{ float: none; width: 100%;}

.tiles{font-size: 20px; line-height: 20px;}
.browse{font-size: 14px;}
#tile1 .tile-text{padding: 7% 10px;}
#tile2 .tile-text{padding: 13% 10px;}
#tile3 .tile-text{padding: 13% 10px;}

.invlinkbox{width:50%;}
.invlinkbox p a {font-size: 16px; line-height: 34px;}

.trigger{width:50%; *width: 48%;}

.divfooter {float: none; width:90%; margin: 0 auto;}

}

@media screen and (max-width: 520px) {
	
.main-content{padding: 50px 0;}
	
.hide {display:none;}
.hide-mobile {display:none;}
#cnh-footer{display: none;}
#case-footer{display: none;}
.box-scene{display: none;}
.partsdesktop {display:none;}
.partsmobile {display:block;}

.location-box{width: 100%; float:none;text-align: center;}
.column3-4{width: 100%; float:none;}
.column2{ float: none; width: 100%; padding-right: 0; margin-bottom: 15px;}
.column3{ float: none; width: 100%; padding-right: 0; }
.column4{ float: none; width: 100%; padding-right: 0; margin-bottom: 15px; text-align: center;}
.column5 {float: none; width: 100%; padding-right: 0; margin-bottom: 15px; text-align: center;}

.content-container{
	max-width:100%;
	margin: 0 auto;
	padding: 0 10px;
}

.slider-wrapper{margin-bottom: -25px;}

.header .content-container{padding: 0 !important;}
#logo{ width: 200px !important;}
#header-locations {display: none !important;}

.hero{ height: 80px; background: #333333 !important;}

.tile-container{ padding: 25px;}
.tiles{min-height: 100px;font-size: 20px; line-height: 20px;}
.browse{font-size: 14px;}
#tile1 .tile-text{padding: 8% 10px;}
#tile2 .tile-text{padding: 14% 10px;}
#tile3 .tile-text{padding: 14% 10px;}
.tile-half{ float: none; width: 100%;}
#tile2, #tile3{ float: none; width: 100%;}

.invlinkbox{float: none; width:100%;}
.invlinkbox p a {font-size: 16px; line-height: 34px;}

#work{display: none;}

.divfooter {float: none; width:90%; margin: 0 auto;}

}





