@import url("../../../webfonts/fontawesome/stylesheet.css");
/* General Styles */
body {
	
	font-weight: 300;
	font-size: 15px;
	padding-top: 50px;
	
}

#content {
	padding-top: 40px;
	background-color: #fff;
}

.flush-top {
	padding-top: 0px !important;
}
@media (min-width: 768px) {
	body {
		padding-top: 70px;
	}
}

/* Typography */
a {
	color: #428bca;
	text-decoration: none;
}

a:hover,
a:focus {
	color: #114A7A;
	text-decoration: underline;
}

p {
	margin: 0 0 20px;
	font-weight: bold;
}

p a {
	text-decoration: underline;
}

.single {
	margin-bottom: 0;
}

.single-lead {
	margin-bottom: 40px;
}

.no-top {
	margin-top: 0;
}

.no-bottom {
	margin-bottom: 0;
}

.lead {
	color: #4d4d4d;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	font-family: 'Bree Serif', serif;
	text-transform: uppercase;
	color: #40A3FF;
	font-style: normal;
	font-weight: 400;
}

h1 {
	margin: 40px 0 20px;
}

.slider-copy h1 {
	color: white;
	margin-bottom: 90px;
	opacity: 1;
}

.slider-copy h1 a {
	color: white;
}

.slider-copy h1 a:hover {
	text-decoration: none;
}

h2,
h3,
h4,
h5,
h6 {
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 10px;
}

h1,
.h1 {
  font-size: 32px;
}

h2,
.h2 {
    font-size: 24px;
    text-align: center;
}

h3,
.h3 {
  font-size: 20px;
}

h4,
.h4 {
	font-size: 18px;
	text-align: center;
}

h5,
.h5 {
  font-size: 16px;
}

h6,
.h6 {
  font-size: 16px;
}

h1 small {
	display: block;
	float: none;
}

@media (min-width:768px) {
	h1 small {
		float: right;
	}
}

h1 small,
h1 small a {
	font-size: 15px;
	line-height: 36px;
	text-transform: none;
	font-weight: 300;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #999;
}

h1 small a {
	margin-left: 5px;
	margin-right: 5px;
}

h1 small a:last-child {
	margin-right: 0;
}

h2 small,
.h2 small {
  font-size: 18px;
}

h3 small,
.h3 small,
h4 small,
.h4 small {
  font-size: 14px;
}


/* Headings */
.heading-border {
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}

.heading-page {
	margin-top: 0;
}

.heading-simple {
	margin: 0; 
}


/* Lists */
ul.spaced li {
	margin-bottom: 10px;
}

.dl-horizontal dd {
    margin-bottom: 10px;
}


/* Horizontal Rules */
hr {
	border-color: #ddd;
	margin-top: 20px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 20px;
	display: block;
}

hr.small {
	margin: 10px 0;
}


/* Modals */
.modal-header .close {
	margin-top: 0;
	line-height: 35px;
}

.modal-content img {
	margin-bottom: 20px;
}

.modal-content h1, 
.modal-content h2, 
.modal-content h3, 
.modal-content h4, 
.modal-content h5,
.modal-content h6  {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	text-transform: none;
	margin-top: 30px;
	font-size: 18px;
	margin-bottom: 15px;
	text-align: left;
}

.modal-header h1, 
.modal-header h2, 
.modal-header h3, 
.modal-header h4, 
.modal-header h5,
.modal-header h6 {
	margin-top: 0 !important;
	margin-bottom: 0;
	font-size: 24px !important;
	line-height: 35px;
	text-align: left;
}

@media screen and (min-width: 768px) {
	.modal-dialog {
	width: 740px;
  	}
}

.modal-dialog-wide {
	width: 90%;
  	}

/* Buttons */
.btn-ghost {
	font-weight: 300;
	color: #888;
	background-color: none;
	border-color: none;
}

.btn-ghost:hover,
.btn-ghost:focus,
.btn-ghost:active,
.btn-ghost.active,
.open .dropdown-toggle.btn-ghost {
	color: #111;
	background-image: none;
    -webkit-box-shadow: none;
	        box-shadow: none;
}

.btn-ghost.btn-lg {
	font-size: 15px;
	line-height: 1.6;
}

.btn-group-justified .btn + .btn {
	border-left: 0;
}

@media (max-width: 767px) {	
	.btn-mobile {
		width: 100%;
	}
	
	.btn-mobile + .btn-mobile {
		margin-top: 10px;
	}
}


/* Tables */
.table .form-group {
	margin-bottom: 0;
}

.table-title {
	text-align: center;
	background: #f1f1f1;
	margin-bottom: 0 !important;
	padding: 10px 0;
	border: 1px solid #ddd;
}

.table-center tr > th, 
.table-center tr > td {
	text-align: center;
}

.table-hours {
	color: #888;
}

.table-hours .active {
	color: #4d4d4d;
}

@media (min-width: 768px) {	
	.table-expanded thead > tr > th,
	.table-expanded tbody > tr > th,
	.table-expanded tfoot > tr > th,
	.table-expanded thead > tr > td,
	.table-expanded tbody > tr > td,
	.table-expanded tfoot > tr > td {
	 	padding: 20px 10px;
	}
}

.table-responsive {
	margin-bottom: 40px;
}

.table-responsive.single {
	margin-bottom: 0;
}

.table-responsive > .table {
	margin-bottom: 0;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #eee;
}


/* OEM Parts */
.table-oem {
	margin-top: 40px;
}

.table-oem tr td {
	vertical-align: middle !important;
}

.table-oem .remove {
	width: 18px;
}

.table-oem .part-number {
	width: 160px;
	margin: 0;
}

.table-oem .qty {
	width: 45px;
}

.table-oem .qty input {
	text-align: center;
}

.table-oem .price,
.table-oem .total {
	width: 90px;	
}

.oem-total td {
	font-size: 24px;
	color: #4d4d4d;
	font-weight: normal;;
	padding-bottom: 0 !important;
}

.table-oem a .glyphicons {
	color: #999;
	font-size: 18px;
	line-height: 1.4;
}

.table-oem a:hover .glyphicons {
	color: #ed2a2a;
	text-decoration: none !important;
}


/* Breadcrumbs */
.breadcrumb {
	background-color: transparent;
	margin-bottom: 40px;
	font-size: 13px;
	border-bottom: 1px solid #ddd;
	padding: 15px 0;
	border-radius: 0;
}

.breadcrumb a {
	color: #666;
}


/* Forms */
label {
	font-weight: 300;
}

.help-block {
	font-size: 14px;
}


/* Navbar */
.navbar-default .navbar-nav > li > a {
	text-transform: uppercase;
}

.navbar-form#mobile-search {
	border-top: none;
	margin-top: 0;
}

.navbar-nav a .glyphicons {
	float: left;
	margin-right: 15px;
	font-size: 16px;
	color: #888;
}

.navbar-nav a:hover .glyphicons {
	color: #E21215;
}

.dropdown:hover .dropdown-menu {
    display: block;
 }

@media (max-width: 991px) {
	.navbar-header a.navbar-brand {
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	}	
	
	.navbar-brand img {
	height: 35px;
	}
}

@media (max-width: 767px) {

	.navbar-header a.navbar-brand {
	padding-top: 0px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 12px;
	}
	
	.navbar-header {
	background-color: #000000;
	}
	
	.navbar-collapse {
	background: #000000;
	}

	.navbar-toggle:hover {
		background: black !important;
	}
}

@media (min-width: 992px) {
	.navbar-header a.navbar-brand {
		padding: 19px 15px;
	}

	.navbar-brand img {
		width: 220px;
		height: auto;
	}	
}

@media (min-width: 768px) {
	.navbar {
	min-height: 50px;
	}

	.navbar-default {
	background-color: #111111;
	border-color: #000000 #000000 #111111;
	}
	
	.navbar-default .navbar-nav > li > a {
		font-size: 14px;
	}
	
	.navbar-nav > li > a {
  		padding-top: 20px;
  		padding-bottom: 20px;
  		line-height: 30px;
	}
	
	.navbar-nav > li:last-child > a {
		padding-right: 0;
	}
	
	.navbar-nav .nav-icon a {
		padding: 15px 10px 15px 15px;
		float: left;
	}

	.navbar-nav .nav-icon a .glyphicons {
		border: 1px solid #888;
		padding: 10px;
		border-radius: 999px;
		margin-right: 0;
	}

	.navbar-nav .nav-icon a:hover .glyphicons {
	border-color: #E21215;
	}
}

/* Main Nav Drop Downs */
.submenu {
	display: none;
}

.visible {
	display: inherit !important;
}

@media (min-width: 768px) {

	.navbar-nav {
		position: relative;
	}

	.navbar-nav > .has-submenu:hover:after, 
	.navbar-nav > .has-submenu:hover:before {
		bottom: 100%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}

	.navbar-nav > .has-submenu:hover:after {
		border-color: rgba(240, 240, 240, 0);
		border-bottom-color: #fff;
		border-width: 10px;
		top: 41px;
		left: 50%;
		margin: 0 -9px;
		z-index: 2;
	}

	.navbar-nav > .has-submenu:hover:before {
		border-color: rgba(217, 217, 217, 0);
		border-bottom-color: #ccc;
		border-width: 11px;
		top: 39px;
		left: 50%;
		margin: 0 -10px;
	}

	.submenu {
		background-color: #fff;
		border: 1px solid #dcdcdc;
		position: absolute;
		right: -44px;
		top: 60px;
		z-index: 1;
		-webkit-border-radius: 5px;
		   -moz-border-radius: 5px;
		        border-radius: 5px;
		-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.40);
	       -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.40);
	            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.40);
	}
	
	.navbar li:hover .submenu {
		display: inherit;
	}
	
	.submenu > li > a {
		display: block;
		padding: 20px;
		text-decoration: none;
	}
	
	.submenu > li > a > .glyphicons {
		font-size: 28px;
		line-height: 1.5;
		color: #666;
	}
	
	.submenu > li:hover > a > .glyphicons {
		color: #ed2a2a;
	}
	
	.submenu .submenu-title {
		color: #4d4d4d;
		display: block;
		font-size: 17px;
		padding: 0 0 0 50px;
	}
	
	.submenu .submenu-description {
		color: #888;
		display: block;
		font-size: 13px;
		padding-left: 50px;
	}
	
	.submenu .divider {
		border-bottom: 1px solid #dcdcdc;
		margin: 0 20px;
	}
		
	.submenu .links {
		background-color: #f2f2f2;
		border-top: 1px solid #dcdcdc;
		padding: 20px;
		position: relative;
		-webkit-border-bottom-right-radius: 5px;
		    -moz-border-radius-bottomright: 5px;
		        border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		    -moz-border-radius-bottomleft: 5px;
		        border-bottom-left-radius: 5px;
	}
	
	.submenu .links:after, 
	.submenu .links:before {
		bottom: 100%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}
	
	.submenu .links:after {
		border-color: rgba(242, 242, 242, 0);
		border-bottom-color: #f2f2f2;
		border-width: 7px;
		left: -3px;
		margin-left: 30px;
	}
	
	.submenu .links:before {
		border-color: rgba(193, 193, 193, 0);
		border-bottom-color: #c1c1c1;
		border-width: 8px;
		left: -3px;
		margin-left: 29px;
	}
	
	.submenu .links a {
		padding: 3px 0;
		display: block;
		font-size: 13px;
		color: #777;
		margin: 0;
	}
	
	.submenu .links a:hover {
		color: #313131;
	}
	
	.submenu.submenu-search {
		padding: 10px;
		right: -133px;
	}
	
	.submenu.submenu-search small {
		display: block;
		margin-top: 5px;
	}
	
	.submenu-drop {
		padding: 20px;
	}
		
	.submenu-drop.submenu-parts {
		left: -228px;	
	}
	
	.submenu-drop.submenu-apparel {	
		left: -301px;
	}

	.submenu-drop ul {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.submenu-drop ul:first-child {
		padding-top: 0;
	}
	
	.submenu-drop ul:last-child {
		padding-bottom: 0;
		border-bottom: 0px;
	}

	.bike-list ul {
		border-bottom: 1px solid #dcdcdc;
 		
	}
		
	.submenu-drop ul {
		width: 120px;
	}
	
	.submenu-drop lh a {
		border-bottom: 1px solid #ccc;
		color: #4d4d4d;
		font-size: 17px;
		padding: 0 0 5px;
		margin-bottom: 5px;
		display: block;
	}
	
	.submenu-drop li a {
		color: #888;
		display: block;
		font-size: 14px;
		padding: 2px;
	}
	
	.submenu-drop lh a:hover,
	.submenu-drop li a:hover {
		text-decoration: none;
		color: #111;
	}
	
	.submenu-drop .submenu-feature {
		font-size: 13px;
		color: #888;
	}
	
	.submenu-drop .submenu-feature a {
		color: #666;
	}
	
	.submenu-drop .submenu-feature img {
		margin-bottom: 10px;
	}
}

.wide-menu ul {
	margin-top: 40px;
}

.wide-menu lh a {
	border-bottom: 1px solid #ccc;
	color: #4d4d4d;
	font-size: 17px;
	padding: 0 0 5px;
	margin-bottom: 5px;
	display: block;
}

.wide-menu li a {
	color: #888;
	display: block;
	font-size: 14px;
	padding: 2px;
}

.wide-menu lh a:hover,
.wide-menu li a:hover {
	text-decoration: none;
	color: #111;
}

.wide-menu .feature {
	font-size: 13px;
	color: #888;
	margin-top: 40px;
}

.wide-menu .feature a {
	color: #666;
}

.wide-menu .feature img {
	margin-bottom: 10px;
}

@media (max-width: 767px) {
	.wide-menu ul {
		border: 1px solid #ddd;
		border-radius: 5px;
	}
	
	.wide-menu lh a {
		margin-bottom: 0;
		font-weight: normal;
	}
	
	.wide-menu lh a,
	.wide-menu li a {
		padding: 10px;
	}
	
	.wide-menu ul li + li {
		border-top: 1px solid #ddd;
	}
	
	.wide-menu .glyphicons {
		color: #ccc;
		font-size: 16px;
		line-height: 1.4;
	}
	
	.wide-menu lh:hover a,
	.wide-menu li:hover a,
	.wide-menu lh:hover a .glyphicons,
	.wide-menu li:hover a .glyphicons {
		color: #4d4d4d;
	}
	
	.wide-menu .feature {
		font-size: 15px;
	}
	
	.wide-menu .feature img {
		margin-bottom: 20px;
	}
}


/* Carousel */
.carousel-inner > .item {
  -webkit-transition: .7s ease-in-out opacity;
  transition: .7s ease-in-out opacity;
  left: 0 !important;
}

.slider-copy {
	width: 100%;
	bottom: 0;
	position: absolute;
	background-color: rgba(64,163,255,0.63);
	-moz-transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in;
}

@media (min-width: 768px) {
	.carousel-full .carousel-inner > .item > img,
	.carousel-full .carousel-inner > .item > a > img {
  		width: 100%;
	}
	
	.pre-own .carousel-inner > .item > img,
	.pre-own .carousel-inner > .item > a > img {
			width: 100%;
	}
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  opacity: 1;
  z-index: 1;
}

.carousel-inner > .active.left,
.carousel-inner > .active.right {
  opacity: 0;
  z-index: 2;
}

.carousel-control {
  z-index: 2;
  -webkit-transition: .4s ease-in-out opacity;
  transition: .4s ease-in-out opacity;
  opacity: 0;
  filter: alpha(opacity=50);
}

@media (max-width: 990px) {
	.carousel-control { 
    	opacity: 1;
	}   
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
  font-size: 40px;
}

/* Home Intro */
#home-intro {
  margin: 60px 0;
}

#home-intro .lead {
	margin-bottom: 0;
}


/* Home Why */
#home-why {
  padding: 50px 0;
  background: #eee;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

#home-why h2 {
  margin-top: 0;
  font-size: 25px;
}

#home-why p {
	margin-bottom: 0;
	font-size: 16px;
}

#home-why .glyphicons {
	margin-right: 20px;
	font-size: .9em;
}

#home-why article + article {
	border-top: 1px solid #e1e1e1;
	margin-top: 50px;
	padding-top: 50px;
}

@media (min-width: 768px) {
	#home-why article + article {
  		border-top: none;
 		margin-top: 0;
  		padding-top: 0;
  	}
}


/* Pointer Navigation */
.nav-pointer {
	position: relative;
	margin: 80px 0 40px 0;
	border-bottom: 1px solid #dcdcdc;
}

.nav-pointer > li {
	float: left;
}

.nav-pointer > li > a {
	line-height: 1.428571429;
	color: #888;
	text-transform: lowercase;
	padding: 25px;
	font-size: 16px;
}

.nav-pointer > li > a:hover,
.nav-pointer > li > a:focus {
	background-color: inherit;
	color: #4d4d4d;
}

.nav-pointer > li.active > a,
.nav-pointer > li.active > a:hover,
.nav-pointer > li.active > a:focus {
  cursor: default;
  color: #4d4d4d;
}

.nav-pointer > li.active:after, 
.nav-pointer > li.active:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	bottom: -1px;
}

.nav-pointer > li.active:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 11px;
	left: 52%;
	margin-left: -11px;
}
.nav-pointer > li.active:before {
	border-color: rgba(197, 197, 197, 0);
	border-bottom-color: #c5c5c5;
	border-width: 12px;
	left: 52%;
	margin-left: -12px;
}

@media (max-width: 767px) {
	.nav-pointer {
		border-bottom: none;
	}
	
	.nav-pointer > li {
		float: none;
	}
	
	.nav-pointer > li a {
		padding: 5px 10px;
		border-bottom: 1px solid #f2f2f2;
		font-size: 14px;
	}
	
	.nav-pointer > li.active a {
		padding: 15px 10px;
		font-size: 16px;
	} 
	
	.nav-pointer > li:first-child a {
		border-top: 1px solid #f2f2f2;
	}
	
	.nav-pointer > li.active > a,
	.nav-pointer > li.active > a:hover,
	.nav-pointer > li.active > a:focus {
 		background-color: #fafafa;
	}
	
	.nav-pointer > li.active:after, 
	.nav-pointer > li.active:before {
		display: none;
	}
	
	.nav-pointer > li .glyphicons {
		display: none !important;
	}
	
	.nav-pointer > li.active .glyphicons {
		display: inherit !important;
		line-height: 1.4;
		-webkit-transform: rotate(90deg);
		   -moz-transform: rotate(90deg);
		    -ms-transform: rotate(90deg);
		     -o-transform: rotate(90deg);
		        transform: rotate(90deg);
	}
}

.nav-pointer.nav-justified {
  width: 100%;
  border-bottom: 0;
}

.nav-pointer.nav-justified > li {
  float: none;
}

.nav-pointer.nav-justified > li > a {
  text-align: center;
}

@media (min-width: 768px) {
  .nav-pointer.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
}

.nav-pointer.nav-justified > li > a {
  margin-right: 0;
  border-bottom: 1px solid #dcdcdc;
}


/* Stacked Pill Nav */
.nav-stacked + .nav-stacked {
	margin-top: 40px;
}

.nav-stacked lh {
	border-bottom: 1px solid #ddd;
	display: block;
	color: #4d4d4d;
	text-transform: uppercase;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.nav-stacked li a {
	padding: 5px 15px;
	color: #888;
}

.nav-stacked li a:hover,
.nav-stacked li.active a,
.nav-stacked li.active a:hover {
	border-radius: 20px;
	background-color: #ddd;
	color: #4d4d4d;
}

.nav-stacked li a:hover {
	background-color: #eee;
}


@media (max-width: 767px) {
	.nav-sidebar {
		margin-top: 40px;
	}
}


/* Product Listings */
.single-listing {
	text-align: center;
	margin-top: 40px;
}

.single-listing img {
	width: 100%;
}

#home-products .single-listing,
#related-products .single-listing {
	margin-top: 0;
}

.single-listing img {
	margin-bottom: 20px; 
}

.single-listing a {
	color: #666;
}

.single-listing a:hover,
.single-listing a:active {
	color: #111;
}

.listing-options {
	margin: 0 0 40px 0;
}

/* Listing Footer Controls for listings in tabs */
.listing-footer-controls {
	background-color: #eee;
	border: none;
	color: #999;
	text-transform: uppercase;
	font-size: 16px;
	margin-top: 40px;
	margin-bottom: 60px;
}

.listing-footer-controls:hover,
.listing-footer-controls:hover .glyphicons {
	color: #777;
	text-decoration: none;
	background-color: #e5e5e5;
}

.listing-footer-controls .glyphicons {
	margin-right: 15px;
	font-size: 15px;
}

/* Footer */
footer {
    background-color: #000000;
}

#footer-newsletter #newsletter-text {
	margin-bottom: 20px;
	text-transform: uppercase;
	font-size: 18px;
	color: #919191;
}

@media (min-width: 768px) and (max-width: 991px) {
	#footer-newsletter #newsletter-text {
		margin-top: 6px;
		margin-bottom: 0;
		font-size: 16px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	#footer-newsletter #newsletter-text {
		margin-top: 4px;
		margin-bottom: 0;
		font-size: 20px;
	}
}

@media (min-width: 1200px) {
	#footer-newsletter #newsletter-text {
		margin-bottom: 0;
		font-size: 21px;
	}
}

#footer-newsletter #newsletter-text .highlight {
	color: #ececec;
}

#footer-newsletter .newsletter-input {
	background-color: #FFFFFF;
	border-color: #999999;
	font-style: italic;
	font-weight: 200;
	color: #767676;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

#footer-newsletter .btn-default {
	background-color: #E4E4E4;
	border-left: thin solid #999999;
	border-top-width: thin;
	border-bottom-width: thin;
	border-right-width: thin;
	border-top-color: #999999;
	border-bottom-color: #999999;
	border-right-color: #999999;
}

#footer-newsletter .btn-default:hover,
#footer-newsletter .btn-default:focus {
	background: #FFFFFF;
}

#footer-newsletter,
#footer-why {
	padding-top: 30px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 30px;
	border-style: none;
	border-width: thin;
	border-radius: 10px;
	margin-top: 15px;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 15px;
	background-color: #E4E4E4;
}

#footer-why a {
	color: #919191;
}

#footer-why a h4 {
	margin-top: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}

#footer-why a:hover, 
#footer-why a:focus {
	text-decoration: none;	
}

#footer-why a:hover h4, 
#footer-why a:focus h4,
#footer-why a:hover .glyphicons,
#footer-why a:focus .glyphicons {
	color: #fff;
}

@media (max-width: 767px) {
	#footer-newsletter {
		text-align: center;
	}
	
	#footer-newsletter,
	#footer-why {
		padding: 20px 0;
		border-bottom: none;
	}
	
	#footer-why h4 {
		margin: 0;
		text-align: left;
		border-bottom: 1px solid #3a3a3a;
	}
	
	#footer-why a h4 {
		padding: 15px 10px;
	}
	
	#footer-why section:first-child h4 {
		border-top: 1px solid #3a3a3a;
	}
	
	#footer-why h4:hover {
		background: #333;
	}
}

#footer-why p {
	margin-bottom: 0;
}

#footer-why .glyphicons {
	margin-right: 15px;
	color: #bbb;
	font-size: 18px;
	line-height: .9;	
}

#footer-why .glyphicons.pull-right {
	margin-right: 0;
}

#lower-footer {
	margin-top: 5px;
}

#lower-footer li {
	padding: 0;
}

#lower-footer .footer-etc,
#lower-footer .footer-social {
	margin-bottom: 20px;
}

#lower-footer .footer-social {
	text-align: right;
}

#lower-footer .footer-etc a {
	color: #666;
}

#lower-footer .footer-etc a:hover,
#lower-footer .footer-etc a:focus {
	color: #919191;
}

@media (max-width: 767px) {
	#lower-footer .footer-etc,
	#lower-footer .footer-social {
		text-align: center;
	}
}

footer article h4 {
	color: #bbb;	
}

footer article p {
	color: #FFFFFF;
}

/* Teaser */
.teaser {
	position: relative;
}

.teaser.collapse {
	height: 120px !important;
	overflow: hidden;
	display: inherit;
}

.teaser.collapsing {
	min-height: 120px;
}

.teaser .teaser-fade {
	position: absolute; 
	bottom: 0; 
	left: 0;
	width: 100%; 
	text-align: center; 
	margin: 0; 
	padding-bottom: 120px; 
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 72%, rgba(255,255,255,0.11) 75%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(72%,rgba(255,255,255,0)), color-stop(75%,rgba(255,255,255,0.11)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 72%,rgba(255,255,255,0.11) 75%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 72%,rgba(255,255,255,0.11) 75%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 72%,rgba(255,255,255,0.11) 75%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 72%,rgba(255,255,255,0.11) 75%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.teaser.in .teaser-fade {
	display: none;
}

.btn-teaser {
	border-right: 0;
	border-left: 0;
	border-top: 0;
	border-radius: 0;
	color: #666;
	background-color: #fff;
	border-color: #ddd;
	padding-top: 10px;
	padding-bottom: 10px;
}

.btn-teaser:hover,
.btn-teaser:focus,
.btn-teaser:active {
  color: #333333;
  background-color: #fff;
  border-color: #ddd;
}

.btn-teaser:active {
  -webkit-box-shadow: none;
          box-shadow: none;
}


/* Single Product Page */
#product-title {
	font-size: 28px;
}

#product-links {
	padding: 15px 0 20px;
	border-bottom: 1px solid #ddd;
}

#product-links a {
	color: #666;
}

#product-links li {
	margin: 5px 20px 0 0;
}

#product-links .glyphicons {
	margin-right: 10px;
}

#product-options {
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
}

#product-purchase {
	margin-top: 20px;
}

#product-price {
	font-size: 24px;
	line-height: 1.9;
	display: block;
	text-align: center;
	margin-bottom: 15px;
}

@media (min-width: 768px) {	
	#product-price {
		text-align: inherit;
		margin-bottom: 0;
	}
}

#product-shipping {
	font-size: 13px;
	color: #888;
	display: block;
}

#product-shipping .glyphicons {
	margin-left: 5px;
	color: #888;
}

@media (max-width: 767px) {	
	#product-shipping {
		margin-bottom: 20px;
	}
}


/* Image gallery/swipe */
.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}

.swipe-wrap {
  overflow: hidden;
  position: relative;
}

.swipe-wrap > div {
  float:left;
  width:100%;
  position: relative;
}

.swipe-controls { 
	margin-top: 10px; 
	text-align: center;
}

.swipe-controls button { 
	background: none; 
	margin: 0 10px 0 0; 
	padding: 0; 
	border: none; 
}

.swipe-controls button:last-child { 
	margin-right: 0; 
}

.swipe-controls .glyphicons {
	font-size: 24px;
	color: #888;
}

@media (min-width: 768px) {	
	.zoom {
		cursor: move;
	}
}

/* Miscellaneous */
.coupon-code {
	padding: 6px 12px;
	border: 1px solid #ccc;
	border-radius: 5px;
	font-size: 14px;
	color: #333;
	font-weight: normal;
}
 
normal,
.normal {
	font-weight: normal;
}

@media (max-width: 767px) {	
	.mobile-center {
		text-align: center;
	}
}

.well {
	-webkit-box-shadow: none;
            box-shadow: none;
	border-radius: 5px;
	background-color: #eee;
	border-color: #ddd;
}

.well-footer {
  	border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border: 1px solid #ddd;
	padding: 40px 20px !important;
}


/* Pagination */
.pagination {
	margin: 0;
}

.pagination > li > a,
.pagination > li > span {
  color: #555;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #4d4d4d;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #999;
  border-color: #919191;
}


/* Cart */
.cart-item-wrapper + .cart-item-wrapper .cart-item {
	border-top: 1px solid #ddd;
	padding-top: 40px;
	margin-top: 40px;
}

.cart-item ul {
	margin: 15px 0 20px;
	padding-left: 25px;
}

.cart-item ul > li {
	font-size: 14px;
	margin-bottom: 5px;
}

.cart-item-title {
	font-size: 20px;
	color: #4d4d4d;
}

.cart-each-price,
.cart-item-total {
	font-size: 16px;
	margin-top: 2px;
	display: inline-table;
	color: #4d4d4d;
}

.cart-each-multipiler {
	margin: 0 5px;
}

.cart-item-qty {
	display: inline-block;
}

.cart-item input {
	width: 50px;
	text-align: center;
}

@media (min-width: 768px) {
	.cart-item-each {
		text-align: right;
	}
	
	.cart-item-total {
		font-size: 20px;
		margin-top: 0;
	}
	
	.cart-each-multipiler {
		margin: 0 10px;
	}	
}

@media (max-width: 767px) {
	.cart-item img {
		max-width: 250px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 20px;
	}
	
	.cart-item-actions {
		padding: 10px;
		border-radius: 5px;
		background-color: #eee;
		border: 1px solid #ddd;
		margin-bottom: 20px;
	}
}

#order-summary {
	margin-top: 40px;
	padding: 40px 0;
	background: #eee;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

#order-summary tr td {
	padding: 0 0 10px 40px;
	text-align: right;
}

#order-summary tr td:first-child {
	padding-left: 0;
}

.order-total td {
	font-size: 24px;
	color: #4d4d4d;
	font-weight: normal;
	border-top: 1px solid #d1d1d1;
	padding-top: 10px !important;
	padding-bottom: 0 !important;
}

.points-earned td {
	padding-top: 20px !important;
	padding-bottom: 0 !important;
	font-size: 16px;
	color: #4694d6;
}
 
.points-earned a {
	color: #4694d6;
	border-bottom: 1px dashed #4694d6;
}

.points-earned a:hover,
.points-earned a:active {
	text-decoration: none;
	color: #3379b5;
}

#cart-questions {
	margin-top: 80px;
}

#cart-questions h2 {
	margin-top: 0;
	padding-bottom: 15px;
	border-bottom: 1px solid #ddd;
	text-align: center;
}

#cart-questions p {
	margin-bottom: 0;
}

.cart-question + .cart-question {
	margin-top: 60px;
}

@media (min-width: 768px) {
	#cart-questions h2 {
		text-align: left;
	}
	
	.cart-question + .cart-question {
		margin-top: 0;
	}
}

/* Checkout Shipping */
.radio-group + .radio-group {
	margin-top: 40px;
}

.radio-group h4 {
	margin-bottom: 20px;
}

.radio-group .radio,
.radio-group .checkbox {
	border-radius: 5px;
}

.radio-group .radio:nth-child(even),
.radio-group .checkbox:nth-child(even) {
	background-color: #f9f9f9;
}

.radio-group .radio:hover,
.radio-group .checkbox:hover {
	background-color: #f5f5f5;
}

.radio-group .radio label,
.radio-group .checkbox label {
	display: block;
	padding: 10px;
}

.radio-group .radio label .option-value {
	float: right;
}

.radio-group-title {
	font-size: 18px;
	color: #4d4d4d;
}

#shipping-messages {
	margin-top: 40px;
}


/* Checkout Payment */
#cc-month {
	width: 45%;
	float: left;
}

#cc-year {
	width: 45%;
	float: left;
}

#cc-divider {
	width: 10%;
	float: left;
	text-align: center;
	font-size: 24px;
	color: #ccc;
}

#confirmation-payment .form-group {
	margin-bottom: 0;
}

#confirmation-payment form .row {
	margin-bottom: 10px;
}

#confirmation-payment form .row:last-child {
	margin-bottom: 0;
}

#confirmation-payment form label {
	color: #888;
	font-weight: 300;
}

#cc-help button {
	background-color: #fff;
	color: #888;
}

#cc-help button:hover {
	color: #111;
}

#cc-help button .glyphicons {
	margin-left: 5px;
	color: #888;
}

#cc-help button:hover .glyphicons {
	color: #111;
}

#cc-help p {
	margin-bottom: 0;
}


/* Checkout Confirmation */
.terms-checkbox {
	margin: 0 20px 10px 0;
}

@media (min-width: 768px) {	
	.terms-checkbox {
		margin: 10px 20px 0 0;
	}
}


/* Icon Block */
.icon-block > li,
.icon-block > li > a {
	display: block;
	text-decoration: none;
}

.icon-block > li > .glyphicons,
.icon-block > li > a > .glyphicons {
	font-size: 34px;
	line-height: 1.1;
	color: #4d4d4d;
	float: left;
}

.icon-block > li > .glyphicons.small,
.icon-block > li > a > .glyphicons.small {
	font-size: 32px;
}

.icon-block > li:hover > a > .glyphicons {
	color: #ed2a2a;
}

.icon-block .submenu-title {
	color: #4d4d4d;
	display: block;
	font-size: 17px;
	padding: 0 0 0 50px;
}

.icon-block .submenu-description {
	color: #888;
	display: block;
	font-size: 13px;
	padding-left: 50px;
}


/* Sitemap */
#sitemap ul {
	padding-left: 0px;		
}

#sitemap ul > li {
	list-style-type: none;
}

#sitemap ul > li > a {
	color: #666;
	display: block;
	padding: 3px 10px;
}

#sitemap ul > li > a:hover {
	color: #333;
	background-color: #eee;
	text-decoration: none;
	border-radius: 20px
}

#sitemap ul > li > ul {
	padding-left: 20px;
	margin-bottom: 20px;
}

/* PI.com Specific */
.brand-header {
	position: relative;
}

.brand-logo {
	position: absolute;
	top: 10px;
	left: 10px;
}

/* Social List */
a .social {
	color: #4d4d4d !important;
}

a:hover .social.facebook {
	color: #3c5a96 !important;
}

a:hover .social.twitter {
	color: #1dadea !important;
}

a:hover .social.youtube {
	color: #cd332d !important;
}

footer .social-list {
	position: relative;
	top: 40px;
	float: right;
}

header .social-list {
	margin-top: 20px;
}

.brand-logo { width: 100px; }

.brand-logo img { width: 100%; }

.sidebar {
	padding-top: 25px;
}

@media (max-width: 758px) { 

.submenu { display: block; padding-left: 25px; }

.submenu a { color: white; }

.navbar-collapse.in {
	overflow-x: hidden;
}

.navbar ul {
	margin-left: 5px;
}

.navbar li a {
	display: block;
	padding:  5px 0;
}

.slider-copy h1 {
	margin: 20px 0 25px 0 ;line-height: 20px;
}
.slider-copy a {
	font-size: 15px
}
.carousel-indicators {
	display: none;
}
}

.link-table td { border: none !important; padding: 4px 0px !important; }

.center-block {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* -------------------------------------------------------
    Modal Window
   ------------------------------------------------------- */
.fa-modal__wrapper {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  overflow-y: scroll;
}
.fa-modal__centering-outer {
  display: table;
  width: 100%;
  height: 100%;
}
.fa-modal__centering-inner {
  display: table-cell;
  vertical-align: middle;
  background: rgba(0, 0, 0, 0);
  -webkit-transition: background-color 0.2s ease-out;
          transition: background-color 0.2s ease-out;
}
.fa-modal__content-container {
	padding: 50px 20px;
	position: relative;
	/* [disabled]margin-top: -100%; */
	-webkit-transition: margin-top 0.2s ease-out;
	transition: margin-top 0.2s ease-out;
}
.fa-modal__close-btn {
  cursor: pointer;
  top: 20px;
  right: 20px;
  position: absolute;
  width: 27px;
  height: 27px;
  background: #f2f2f2;
  color: #d45e4d;
  text-align: center;
  line-height: 27px;
  font-size: 20px;
  font-weight: bold;
  -webkit-border-radius: 100%;
          border-radius: 100%;
}
.fa-modal__close-btn:before {
  content: "×";
}
.fa-modal {
  position: relative;
  background: #fff;
  display: none;
  margin: 0 auto;
  width: 60%;
  padding: 15px 30px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.34);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.34);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-border-radius: 10px;
          border-radius: 10px;
}
.fa-modal__wrapper .fa-modal {
  display: block;
}

/*  Animate OnShow
 */
.fa-modal__wrapper_animate .fa-modal__centering-inner {
  background: rgba(0, 0, 0, 0.55);
}
.fa-modal__wrapper_animate .fa-modal__content-container {
	/* [disabled]margin-top: 0; */
}

/* Video */
.video-wrapper { opacity: 0; position: fixed; top: 0; left: 0; width: auto; height: 100%; background: rgba(0,0,0,0.6); z-index: -1; transition: opacity .5s ease; -moz-transition: opacity .5s ease; -webkit-transition: opacity .5s ease; -ms-transition: opacity .5s ease; -o-transition: opacity .5s ease; }
.video-wrapper.show { opacity: 1; z-index: 10000; }
.video-wrapper .video { display: block; width: 100%; height: 510px; margin: 25% auto 0; }

/* Brand Carousel */
.brand-carousel {
  padding: 24px 0 48px 0;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
.brand-carousel h2 {
	/* [disabled]font-size: 1.125em; */
	/* [disabled]color: #b2b2b2; */
	font-weight: normal;
}
.brand-carousel .container {
  position: relative;
}
.brand-carousel .inner {
	width: inherit;
	max-width: inherit;
	margin: auto;
	text-align: center;
}
@media only screen and (max-width: 1200px) {
  .brand-carousel .inner {
	max-width: inherit;
  }
}
@media only screen and (max-width: 991px) {
  .brand-carousel .inner {
	max-width: auto;
  }
}
@media screen and (max-width: 597px) {
  .brand-carousel .inner {
    max-width: 400px;
  }
}
@media only screen and (max-width: 360px) {
  .brand-carousel .inner {
	max-width: auto;
  }
}
.brand-carousel .item {
  display: inline-block;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.brand-carousel .item:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
@media only screen and (max-width: 480px) {
  .brand-carousel .item {
	/* [disabled]padding: 0 10px; */
  }
}
.brand-carousel .owl-prev,
.brand-carousel .owl-next {
  position: absolute;
  top: 47%;
  margin-top: -15px;
  color: #2ba8db !important;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.brand-carousel .owl-prev:before,
.brand-carousel .owl-next:before {
	font-family: fontawesome;
	font-size: 1.6em;
}
.brand-carousel .owl-prev:hover,
.brand-carousel .owl-next:hover {
  color: #b2b2b2 !important;
}
@media only screen and (max-width: 768px) {
  .brand-carousel .owl-prev,
  .brand-carousel .owl-next {
    display: none !important;
  }
}
.brand-carousel .owl-prev {
	left: -10px;
}
.brand-carousel .owl-prev:before {
	content: "\f053";
}
.brand-carousel .owl-next {
	right: -10px;
}
.brand-carousel .owl-next:before {
	content: "\f054";
}
@media only screen and (max-width: 768px) {
  .brand-carousel {
    text-align: center;
  }
}
/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
/* display none until init */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: auto;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
  float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer;
}
.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */
.grabbing {
  cursor: -moz-grabbing;
  cursor: grab;
  cursor: -webkit-grab;
}
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

/* Responsive iFrame */ 
.responsive-iframe-container { position: relative; padding-bottom: 56.25%; padding-top: 10px; height: 0; overflow: hidden; } 
.responsive-iframe-container iframe, 
.vresponsive-iframe-container object, 
.vresponsive-iframe-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


@media (min-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }
}
#banner  {
	background: #111111;
}
.banner  {
	background: #111111;
}
.img-float-right  {
	float: right;
}
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}