.btn {
	padding: 12px 20px;
}
.btn-default {
	background-image: linear-gradient(to bottom, #ffffff 0%, #eaeaea 100%);
	border-color: #dadada;
}
.btn-primary {
	background-image: linear-gradient(to bottom, #d71b11 0%, #7b0b07 100%);
	border-color: #ae1610;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.active {
	background-color: #7b0b07;
	border-color: #5d0b07;
}
.btn-inverse {
	color: #ffffff;
	background-color: #414c54;
	background-image: linear-gradient(to bottom, #414c54 0%, #223940 100%);
	border-color: #223940;
}
.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse.active {
	color: #ffffff;
	background-color: #223940;
	border-color: black;
}
.btn-info {
	background: #00a0f0;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMDBhMGYwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNWZhZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: linear-gradient(to bottom, #00a0f0 0,#005faf 100%);
	color: #ffffff;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active {
	color: #ffffff;
	background: #005faf;
	border-color: black;
}

.breadcrumb {
	background-color: transparent;
	display: inline-block;
}

.carousel-control.left,
.carousel-control.right {
	background: none;
	opacity: 1;
	filter: none;
}

.carousel-control .toyotaicon {
	position: absolute;
	display: inline-block;
	font-size: 36px;
	width: 50px;
	height: 50px;
	margin-top: -25px;
	margin-left: -25px;
	line-height: 47px;
	left: 50%;
	top: 85%;
	background-color: rgba(73, 82, 88, 0.5);
	border-radius: 100%;
	text-shadow: none;
}
.carousel-control:hover .toyotaicon {
	background-color: rgba(73, 82, 88, 0.7);
}

/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb
*/
.carousel-fade .carousel-inner .item {
	opacity: 0;
	transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
	opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
	.carousel-fade .carousel-inner > .item.next,
	.carousel-fade .carousel-inner > .item.active.right {
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	.carousel-fade .carousel-inner > .item.prev,
	.carousel-fade .carousel-inner > .item.active.left {
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	.carousel-fade .carousel-inner > .item.next.left,
	.carousel-fade .carousel-inner > .item.prev.right,
	.carousel-fade .carousel-inner > .item.active {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}