/*---------NAVIGATION---------*/

@media (min-width: 992px) {
  .navbar {
    padding: 0 0px 0px 0px;
  }
  .navbar-collapse {
    margin-top: 0;
  }
}

.navbar {
  min-height: 310px;
  padding-top: 0;
  background: #000000 url(https://www.troc-auctions.com/img/header.jpg) center center no-repeat;
  background-size: cover;
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
}

.navbar.small-header {
  min-height: 120px;
}

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

.nav-container {
  padding: 50px 0 20px 0;
  background: #000;
  background: rgba(0, 0, 0, 0.7);
}

.navbar-inverse .navbar-nav > li > a {
  color: #fff;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #3b9bda;
  border-radius: 3px;
}

.dropdown-menu.login-box {
  background: #000;
}

.login-box .btn-default {
  background: #3b9bda;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #ffffff;
  background: #000;
  border-radius: 3px 3px 0 0px;
}

.navbar-nav.navbar-right {
  position: absolute;
  top: 0;
  right: 20px;
}

@media (min-width: 768px) {
  .navbar-nav.navbar-right {
    top: -100px;
  }
}

/*---------LEFT CONTENT---------*/

.left-bar {
  height: 100%;
  background-color: #fafafa;
  border-right: 1px solid #d3d5d6;
  border-bottom: 1px solid #d3d5d6;
  border-left: 1px solid #d3d5d6;
}

.filter .block-body {
  padding: 10px 15px;
  background-color: #fafafa;
}

.filter {
  color: #444;
  background-color: #fafafa;
}

.filter-header {
  display: block;
  color: #444;
  background-color: #fafafa;
  border-bottom: 1px solid #d3d5d6;
}

.filter-block {
  border-bottom: 1px solid #d3d5d6;
}

.filter .block-header {
  padding-top: 20px;
  padding-bottom: 0;
}

.content-block.faq {
  color: #444;
  background-color: #fafafa;
}

.content-block.faq h4 {
  color: #444;
}

.content-block.faq a {
  color: #fff;
  background: #3b9bda;
}

.content-block {
  background-color: #fafafa;
}

.slider-handle {
  background: #3b9bda;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.slider-selection {
  background: #3b9bda;
}

.slider-track {
  background: #bfc4c8;
}

.btn-search {
  background-color: #3b9bda;
}

/*---------LOTS---------*/

.lot-block {
  padding-bottom: 15px;
  margin-bottom: 30px;
  border: 0px solid #d9d9d9;
  border-radius: 0;
}

.lot-block > img {
  border-radius: 0;
}

.lot-detail,
.lot-description,
.lot-action {
  padding: 10px 0;
}

.lot-block.compact .lot-action {
  padding-right: 0;
}

.lot-action {
  background-color: #fff;
}

.lot-block .lot-action a {
  display: block;
  width: 100%;
  margin-top: 10px;
}

.grid-view .lot-block .lot-action a {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  margin-top: 10px;
}

.lot-detail {
  padding-bottom: 0;
  border-bottom: 0;
}

.lot-block.multi-lot:before {
  top: 0;
  left: 0;
  z-index: -10;
}

.lot-block.multi-lot:after,
.lot-block.multi-lot:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -10;
  width: 0;
  height: 0;
  background-color: transparent;
  border: none;
  border-radius: 0;
  content: "";
}

.lot-time {
  top: 5px;
  right: auto;
  left: 5px;
  border-top: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  border-radius: 3px;
}

@media (min-width: 992px) {
  .lot-list .lot-action {
    padding: 10px 10px;
  }
  .lot-block.lot-list {
    border: 1px solid #d9d9d9;
  }
  .lot-list .lot-block-media > img {
    border-radius: 0;
  }
}

/*---------LOTS DETAIL---------*/

.lot-full {
  border: 0;
}

.lot-full-block-wrapper {
  border-radius: 3px;
}

.lot-full-block {
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
  border-radius: 3px;
  box-shadow: 0px 3px 0px #cfcfcf;
}

.seperate {
  margin-top: 30px;
  border-bottom: 0;
  border-radius: 3px 3px 0 0px;
}

.lot-full-block-wrapper > .lot-header {
  padding: 20px 10px 10px;
  background-color: #f8f8f8;
  border: 1px solid #d9d9d9;
  border-bottom: none;
  border-bottom: 0;
}

.lot-full-block-wrapper .lot-header h3 {
  margin: 0;
  font-size: 15px;
}

.lot-full-block.seperate .lot-header {
  background-color: #fff;
}

.lot-full-body.lot-pricing {
  background-color: #f8f8f8;
  border: 1px solid #d9d9d9;
  border-top: none;
}

/* this color is an override for Mastercar  #3b9bda */

.lot-options {
  color: #f00001;
}

/* this is an override for Mastercar to accentuate the monthly payment */

li[data-ng-show='lot.monthlyFee'],
dd[data-ng-show='lot.duration'],
dd[data-ng-show='lot.interest'],
dd[data-ng-show='lot.monthlyFee'] {
  background-color: #fde754;
}

.lot-full-header {
  padding: 0 20px 20px;
  background-color: #fff;
  border-bottom: 1px solid #d9d9d9;
  border-left: 0px solid #d9d9d9;
}

@media screen and (min-width: 992px) {
  .lot-full-header {
    padding: 0 0px 20px;
  }
}

.lot-full-block.multi-lot {
  border-top: 1px solid #d9d9d9;
}

.lot-options {
  margin-right: 5%;
}

.lot-close-today {
  color: #f3643c;
}

@media (min-width: 992px) {
  .clear-left {
    padding-left: 15px;
  }
}

.lot-full-header span.lot-number {
  background-color: #3b9bda;
}

.lot-full span.lot-number {
  top: 30px;
  left: 15px;
}

.lot-gallery {
  padding-top: 0;
}

.component-gallery-thumbs .gallery-thumbs > li.active > img {
  border: 2px solid #3b9bda;
}

/*---------GALLERY---------*/

.gallery-container {
  margin: 0 0 0 15px;
}

.gallery-container.image-gallery {
  margin-left: 0;
}

.detail-container .lot-full-block {
  margin-right: 0;
}

.col-md-8 .lot-full-block {
  margin-left: 0;
}

/* IE Fixes */

.lt-ie9 .nav-container {
  padding: 20px 0;
  background: url(https://www.troc-auctions.com/img/rgba/black_0.7.png) repeat top left;
}

.lt-ie9 .navbar-inverse .navbar-nav > .active > a,
.lt-ie9 .navbar-inverse .navbar-nav > .active > a:hover,
.lt-ie9 .navbar-inverse .navbar-nav > .active > a:focus,
.ie9 .navbar-inverse .navbar-nav > .active > a,
.ie9 .navbar-inverse .navbar-nav > .active > a:hover,
.ie9 .navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #3B9BDA;
}

.ie9 .nav-container {
  padding: 20px 0;
}