body {
	color:#667;
	background-color:#000000;
}
header.smaller #nav {
	position: fixed;
	top: 0;
}
section.no-padding {
	padding: 0;
}
.upper {
	text-transform: uppercase;
}
.col-xs-5th,
.col-sm-5th,
.col-md-5th,
.col-lg-5th {
	padding-right: 5px;
	padding-left: 5px;
}
#portfolio.portfolio-gutter .item-box {
	margin-bottom:10px;
}
header#topNav {
	background:transparent;
}
#topBar {
	background-image: url(http://www.travisshoots.com/wp-content/uploads/2015/03/Phoenix-Commercial-Photographer-1_motorsports.jpg);
	background-position: center;
	padding-bottom: 80px !important;
	background-blend-mode: luminosity;
}
.extra-padding {
	padding-top: 140px;
	padding-bottom: 140px;
}
#header.dark {
	margin-top: -60px;
	background-color: #000000;
	opacity: 0.9;
	text-transform: uppercase;
}
nav#main-nav li {
	padding:0 24px;
}
.no-touch nav#main-nav li:hover {
	background-color: #f60;
}
nav#main-nav li.active {
	background-color: #f60;
}
#header.header-sm #topNav #topMain > li > a {
	height: 48px;
	line-height: 33px;
}
div.widecontainer {
	width:100%;
	padding: 0 100px;
}
h1#four-oh-four, h1#four-one-zero {
	font-size: 12em;
}
h2#four-oh-four-sub. h2#four-one-zero-sub {
	text-shadow: 3px 3px 5px #000000;
}
#topBar h4 {
	color: #ffffff;
	margin-top: -32px;
	letter-spacing: 5px;
	font-weight: bolder;
}
#pagetitle h1 {
	margin-bottom: 14px;
	font-size: 33px;
}
#smallTop, .smallTop {
	padding-top: 60px;
}
.smallBase {
	padding-bottom: 30px;
}
img.desaturate { 
	-webkit-filter: grayscale(80%);
	filter: grayscale(100%);
}
section.dark input, section.dark select, section.dark textarea {
	color: #ff6600;
}
section.dark select > option, section.dark select > optgroup {
	background-color: #ffffff;
}

/* FORMS ETC */
p.pp-tel {
	margin: 0 0 3px;
	font-weight: bold;
}
#motorpeds select:invalid {
	color:#999999;
}
#motorpeds select, #motorpeds input {
	-webkit-appearance: none;
	border: none;
	height: 33px;
	background-color: #333333;
	padding: 0 0 0 8px;
	position: relative;
	margin-top: 5px;
	margin-bottom: 12px;
	max-width: 21%;
	border-radius: 0 5px 5px 0;
	left: -4px;
}
section.dark p.dark {
	color:#999;
}
.white {
	color:#fff;
}
/* --- Ninja Forms and Quick Quote --*/
.nf-field-element h3 {
	margin: 0;
}
span.ninja-forms-req-symbol {
	color: #ff6600;
}
h1#form-header {
	line-height: 1.1;
	margin: 5px 0 0;
}
h2.no-margin {
	margin: 0;
}
ul.nf-breadcrumbs li a {
	color: #999999;
	font-size: 0.85em;
	letter-spacing: 1px;
	text-transform: uppercase;
}
ul.nf-breadcrumbs li.active a {
	color: #ff6600;
}
.nf-form-content textarea, .nf-form-content select, .nf-form-content input, #quick-quote select, #quick-quote input {
	border: none;
	background-color: #333333;
	padding: 0 0 0 8px;
	position: relative;
	margin-top: 5px;
	margin-bottom: 12px;
	border-radius: 5px;
}
.nf-form-content select, .nf-form-content input, #quick-quote select, #quick-quote input {
	height: 33px !important;
}
.list-radio-wrap .nf-field-element li {
	clear: both;
}
.list-radio-wrap .nf-field-element li label {
	padding-top: 10px;
}
#finbuttons a, #bike-deposit a {
	color: #ffffff;
}
select#qqmonths, input#bike, input#qqdeposit, input#result {
	width: 100%;
}
.nf-response-msg {
	position: relative;
	top: 100px;
	padding-bottom: 25px;
}
#qq-submit, #qq-reset {
	float: left;
	padding-right: 5%;
}
#qq-submit input, #qq-reset input {
	padding: 0 20px;
}
#qq-result-title {
	clear: both;
}
.finBoxSm {
	font-weight: bold;
}
input.nf-next, input.nf-previous, input.finance-app {
	font-size: 1.25em;
	letter-spacing: 2px;
	line-height: 1.1;
	padding: 6px 12px 12px;
	text-transform: uppercase;
}
section.dark input.finance-app {
	background-color: #ff6600;
	font-size: 2em;
	padding: 12px 38px 43px;
	color: #ffffff;
	text-transform: none;
}
#finance-calculator {
	position: relative;
	top: -100px;
}
#motorpeds .icon-container {
	z-index: 5;
	position: relative;
	top: 2px;
	background-color: #ff6600;
	padding: 4px 6px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px; /* future proofing */
	-khtml-border-radius: 5px 0 0 5px; /* for old Konqueror browsers */
	font-size: 16px;
}
#motorpeds .icon-container.first {
	padding: 3px 5px;
	top: 4px;
}
#motorpeds ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #fff;
}
#motorpeds ::-moz-placeholder { /* Firefox 19+ */
	color: #fff;
}
#motorpeds :-ms-input-placeholder { /* IE 10+ */
	color: #fff;
}
#motorpeds :-moz-placeholder { /* Firefox 18- */
	color: #fff;
}
.item-box-desc h3, .item-box-desc h2 {
	font-size: 14px;
	white-space: nowrap;
	text-overflow: ellipsis;
	min-width:0;
	font-weight: normal;
}
.item-box-desc {
	margin-bottom: 12px;
	margin-top: 8px;
	background-color: #212121;
}
.filter-only, .mobile-only {
	display: none;
}
.item-box-desc {
	float: left;
	width: 100%;
}
/* change this to :hover if it looks messy */
.item-box-desc {
	overflow:inherit;
}
.item-box-desc div.bike-price {
	width:35%;
	border: none;
	position:absolute;
	bottom: 10px;
	right: 0;
	background-color: #cccccc;
	padding: 0 0 0 4px;
	z-index: 10;
}
div.bike-price p, .item-box-desc p, .item-box-desc h3 {
	font-weight: normal;
}
div.bike-price p {
	color: #000000;
}
.item-box-desc p.year {
	width: 60%;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.3;
}
.item-box-desc p.year, div.bike-price p {
	margin: 0;
}
.bike-price p {
	padding-left: 4px;
}
div.bullets {
	border: none;
	height:110px;
	overflow: hidden;
	top:-6px;
	left: -37px;
}
div.ft-toggle p {
	margin: 0;
	color: #999;
}
div.ft-toggle p strong {
	color: #ffffff;
}
.bullets li, .ft-toggle li {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1;
	color: #999;
}
.bullets li:before, .ft-toggle li:before  {
	content: "• ";
	color: #ff6600; /* or whatever color you prefer */
	font-size: 20px;/* or whatever the bullet size you prefer */
	margin-left: -13px;
	vertical-align: -1px;
}
.item-hover.sold {
	opacity: 1;
}

.item-box .item-hover.sold .inner, .item-hover.sold .inner span, #bike-images .item-hover.sold {
	width: auto;
	height: auto;
	top:0;
	position: absolute;
	margin: 0;
	padding: 0;
	left: 5px;
}
.item-hover.sold .inner span {
	color: #ffffff;
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: 2px;
	top: 12%;
	-moz-transform: rotate(-45deg);  /* FF3.5/3.6 */
	-o-transform: rotate(-45deg);  /* Opera 10.5 */
	-webkit-transform: rotate(-45deg);  /* Saf3.1+ */
	transform: rotate(-45deg);  /* Newer browsers (incl IE9) */
}
.no-touch .item-hover.sold:hover {
	opacity: 0;
}
.sold .overlay {
	background: none;
	opacity: 0.8;
	border-right: 100px solid transparent;
	border-top: 100px solid #ff6600;
	height: 0;
	left: 0;
	transition: all 1s ease 0s;
	width: 0;
}
/*** Bike Detail Page ***/
#bike-images {
	padding-left: 0;
}
#bike-images .sold .overlay {
	border-right: 200px solid transparent;
	border-top: 200px solid #ff6600;
}
#bike-images .item-hover.sold .inner span {
	font-size: 3.5em;
	z-index: 999;
	top: 100%;
}
#bike-detail {
	background-color: #212121;
	padding: 15px;
	height: 361px;
}
#payment-terms p {
	margin-top: 15px;
	margin-bottom: 10px;
}
#bike-detail h1, #bike-detail-reminder h2, #payment-terms h2 {
	font-size: 1.6em;
	margin: 0;
	text-transform: uppercase;
	font-weight: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#bike-detail .price, #bike-detail-reminder .price {
	font-size: 2.25em;
	line-height: 1;
	font-weight: bold;
	margin-bottom:11px;
}
#bike-detail .bullets, #bike-detail-reminder .bullets {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	column-count: 2;
}
#bike-detail .bullets li, #bike-detail-reminder .bullets li {
	line-height: 1.2;
}
#bike-detail div.bullets, #bike-detail-reminder div.bullets {
	height: 104px;
}
#finbuttons, #bike-deposit {
	margin-top: 7px;
	width: 48%;
}
#finApply, #paypal-deposit {
	background-color: #ccc;
	color: #000;
	font-size: 1em;
	font-weight: normal;
	padding: 4px;
	text-align: center;
	margin-bottom: 10px;
	line-height: 1.1;
}
#paypal-deposit.paypal-deposit, input.paypal-deposit {
	background: #fff url("images/pp-logo-21x24px.png") no-repeat;
	background-position: 2% center;
}
input.paypal-deposit {
	height: 40px;
	text-indent: 30px;
	margin-bottom: 5px;
}
#finApply, #paypal-deposit, #finQuote, #part-exchange {
	width: 100%;
	transition-duration: 600ms;
	transition-property: all;
}
#finApply, #finQuote, #paypal-deposit, #part-exchange {
	font-size: 0.85em;
	text-transform: uppercase;
}
.no-touch #finApply:hover, .no-touch #paypal-deposit:hover, .no-touch #finQuote:hover, .no-touch #part-exchange:hover {
	background-color: #000;
	color: #ffffff;
}
#finQuote, #part-exchange {
	background-color: #ff6600;
	text-align: center;
	padding: 4px;
}
#finbuttons, #finQuote, #paypal-deposit {
	float: left;
}
#bike-deposit, #part-exchange, #finApply {
	float: right;
}
#financeTerms {
	clear: both;
	position: relative;
	top: 13px;
}
#financeTerms p {
	font-size: 0.8em;
	color: #999999;
	margin-bottom: 0;
}
span.finance, span.deposit {
	font-size: 1.75em;
	font-weight: bold;
	padding-left: 4px;
	padding-right: 4px;
}
.paypal {
	color: #003471;
	font-size: 1.75em;
	padding-left: 4px;
}
#bike-desc {
	margin-top: 14px;
	background-color: #212121;
	padding: 20px;
}
/*** BITS REPLACED WITH .lead .font-lato ***/
#bike-desc p {
	line-height: 1.5;
	color: #999999;
	margin: 0;
	word-spacing: 0.1em;
	font-size: 1.35em;
}

/**** google maps places api ****/
#map-click {
	position: absolute;
	background-color: #ff6600;
	top: 35px;
	left: 0;
	width: 100%;
	max-width: 465px;
}
#marker, #map-click p {
	float:left;
}
#map-click p {
	font-size: 1.25em;
	margin: 10px 0;
	width: 75%;
}
#map-click h6 {
	font-size: 1.7em;
	color:#ffffff;
	line-height: 1;
	margin: 8px 0 0;
}
#marker {
	padding-right: 8px;
	margin-top: 4px;
}
/**** admin and accounts pages *****/
#invoices .item-box a:visited {
	color:#ff6600;
}
.redtext {
	color: #ff0000 !important;
}
.ambertext {
	color: #ff6600 !important;
}
.bluetext {
	color: #0080ff !important;
}
span.whitetext {
	color: #ffffff !important;
}
span.ambertext {
	color: #ff6600 !important;
}

/*** MOT PAGES ***/
section.dark .quick-links a {
	color:#ff6600;
}

/**** FOOTER ****/
footer#footer {
	background: #000000;
	padding-top: 20px;
}
#footer > .copyright {
	background-color:  #212121;
}
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {
	color: #cccccc;
}
#footer img.footer-logo {
	max-width: 100%;
}
#footer ul {
	padding-left: 13px;
}
#footer h4 {
	text-transform: uppercase;
	margin-bottom: 14px;
}
#footer > .copyright .copyright-text {
	margin-bottom: 10px;
	margin-top: 10px;
}
#footer > .copyright.has-social .social-icon {
	margin-top: 10px;
}

/******* SCREEN SIZES!! *****/
/******* SCREEN SIZES!! *****/

/******* SCREEN SIZES!! *****/

/******* SCREEN SIZES!! *****/

/******* SCREEN SIZES!! *****/


@media screen and (max-width:991px) {
	.sold .overlay {
		border-right-width: 76px;
		border-top-width: 76px;
	}
	.button-hover-effects div.bike-price {
		padding-bottom: 0;
		padding-top: 0;
	}
	div.item-box {
		font-size: 0.7em;
	}
	div.item-box h3, div.item-box h2 {
		font-size: 1em;
	}
	.item-box-desc div.bike-price {
		bottom: 6px;
	}
	.button-hover-effects div {
		padding: 6px;
	}
	.bullets li::before {
		font-size: 15px;
		margin-left: -8px;
	}
	.item-box-desc h3, .item-box-desc h2 {
		line-height: 1;
	}
	#bike-images {
		padding-right: 0;
	}
}
@media screen and (max-width:767px) {
	/* increase SOLD size */
	.sold .overlay {
		border-right-width: 25vw;
		border-top-width: 25vw;
	}	
	.item-hover.sold .inner span {
		/* 2303 was 1em */
		font-size: 7vw;
		/* change SOLD flash position */
		top: 6vw;
		left: -2vw;
	}
	.button-hover-effects div.bike-price {
		padding-top: 0;
		padding-bottom: 0;
	}
	div.button-hover-effects {
		height: 100%;
	}
	section div.row > div {
		margin-bottom: 12px;
	}
	h3.mobile-only {
		display: block;
		float:left;
		margin-right: 5px;
	}
	h3.mobile-float {
		float:left;
		margin-right: 5px;
	}
	ul.mobile-only, div.mobile-only, #privacy-policy p.mobile-only {
		display: block;
	}
	.mix-grid div.item-box {
		font-size: 1em;
		background: #212121 none;
	}
	/* 2303 let the image fill the width!! 
	div.item-box figure {
		width: 30%;
		float: left; 
	}*/
	div.item-box-desc {
		width: 70%;
		float: left;
		margin-top: 0;
		padding-top: 8px !important;
		position: static;
		border: none;
	}
	div.bike-price {
		width: 30%;
		float:left;
		margin-top: 0;
	}
	div.list-container {
		width:70%;
	}
	.bullets li {
		width: 50%;
		float:left;
		font-size: 0.9em;
	}
	.item-box-desc div.bike-price {
		width: 25%;
	}
	.not-mobile {
		display: none;
	}
	a.lightbox {
		display: none;
	}
	div.bullets {
		height: 67px;
		line-height: 1.3;
		top: 0;
		left: -6px;
	}
	#bike-detail .bullets, #bike-detail-reminder .bullets {
		-webkit-column-count: auto; /* Chrome, Safari, Opera */
		-moz-column-count: auto; /* Firefox */
		column-count: auto;
	}
	#motorpeds select {
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px; /* future proofing */
		-khtml-border-radius: 5px; /* for old Konqueror browsers */
	}
	h1#four-one-zero {
	font-size: 8em;
	}
}
@media screen and (max-width:498px) {
	#pagetitle h1 {
		font-size: 23px;
	}
	/* div.bullets {
		display: none;
		} 
		.item-hover.sold .inner span {
			font-size: 0.75em;
			top: 5%;
			left: -4px;
		} 
		.sold .overlay {
			border-right-width: 50px;
			border-top-width: 50px;
		} *
		#bike-images .sold .overlay {
			border-right: 100px solid transparent;
			border-top: 100px solid #ff6600;
		} */
		.paypal {
			display: none;
		}
		.bullets li {
			width: 100%;
		}
		#bike-images .item-hover.sold .inner span {
			font-size: 2em;
			top: 73%;
		}
		h1#four-oh-four, h1#four-one-zero {
			font-size: 6em;
		}
	}
	@media screen and (max-width:395px) {
		#paypal-deposit, #finApply {
			padding-bottom: 12px;
		}
		#finQuote, #part-exchange {
			min-height: 44px;
			padding-left: 18px;
			padding-right: 18px;
		}
		span.finance, span.deposit {
			padding-right: 21%;
			padding-left: 21%;
		}
		.mob-rules {
			display: none;
		}
	}
	#test img.lazy {
		width: 210px;
		height: 150px;
		float: left;
		clear: both;
		display: block;
	}
	
	#moving-banner {
    background: #ff7a00;
    color: #000;
    text-align: center;
    padding: 10px 15px;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
    width: 100%;
    z-index: 9999;
    position: relative; /* sits in normal flow */
    transition: transform 0.35s ease, opacity 0.35s ease;
}

#moving-banner span {
    font-size: 15px;
    font-weight: 400;
}

/* Hidden state uses fixed so it slides upward without collapsing layout */
#moving-banner.hidden {
    position: fixed;
    top: 0;
    left: 0;
    transform: translateY(-100%);
    opacity: 0;
}