body {
  -webkit-font-smoothing: antialiased;
}

.navbar {
border: none;
}

.label {
font-weight: 700;
color: #fff;
}

.thumbnail {
display: block;
padding: 4px;
margin-bottom: 15px;
line-height: 1.428571429;
background-color: #fff;
border: 1px solid #fff;
border-radius: 0px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

.breadcrumb {
margin-bottom: 0;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
background-color: #e7e7e7;
border-color: #ddd;
}

.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
color: #404040;
}

.caption {
  /* background-color: #f5f5f5; */
  border-top: 1px solid #ddd;
}

.style-finder h5 a {
    color: #333;
}

/* REMOVE BLACK TOP AND BOTTOM BLACK BARS ON YOUTUBE PHOTOS */
.youtubePreview {
  overflow: hidden;
  position: relative;
}

.youtubePreview img {
  margin: -10% 0;
}

/* USED ON HOMEPAGE SLIDES */
.trans {
  /* default fallback */
  background: rgb(000, 000, 000) transparent;
  /* nice browsers */
  background: rgba(000, 000, 000, 0.3);
  /* IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000)";
}

.nav-pills a:hover {
  background-color: #fff
}

table.style-finder, table.product {
  width: 100%;
}

table.product tr:first-child {
  height: 280px;
}

table.product tr td:first-child {
  vertical-align: middle;
}

/*
.caption {
 font-family: 'Oswald', sans-serif;
}
*/

.btn-square {
  border-radius: 0;
}

.img-responsive {
  display: inline-block;
}

.label {
  font-weight: 700;
}

.navbar {
	margin-bottom: 0;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.navbar a {
	/* font-family: 'Oswald', sans-serif; */
	font-size: 15px;
  font-weight: bold;
}

/*
a.navbar-brand {
  font-size: 22px;
}
*/

/*
.navbar-inverse {
	border: none;
}
*/

/* RESPONSIVE VIDEO */
.flex-video {
  position: relative;
  padding-top: 25px;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 16px;
  overflow: hidden;
}

.flex-video.widescreen { padding-bottom: 57.25%; }

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

/* Extra small devices (phones, up to 480px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .navbar-fixed-top { position: static; }
}

/* Medium devices (tablets, 992px and up) */
@media (min-width: 992px) {}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}

/* We ocassionally expand on these media queries to include a max-width to limit CSS to a narrower set of devices */
@media (max-width: 479px) {
	.h2 {font-size: 22px;}
	img {width: 100%;}
}
@media (min-width: 768px) and (max-width: 991px) {}
@media (min-width: 992px) and (max-width: 1199px {}
@media (min-width: 1200px) {}