@import url("https://fonts.googleapis.com/css?family=Poppins:400,700");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700");
:root {
  font-size: 14px; }

html,
body,
input, textarea, select, button {
  font-family: 'Open Sans', sans-serif; }

article {
  margin-top: 15px; }

.opener {
  display: none;
  position: absolute;
  z-index: 99;
  top: 0;
  left: 0;
  font-size: 18px !important;
  padding: 4px 10px;
  text-align: right;
  transition: transform .3s;
  width: 33.333333%;
  height: 32px;
  transform: translateX(calc(-100% + 24px));
}

.opener i {
  transition: transform .3s;
}

.opener.is-active {
  transform: translateX(26px)
}

.opener.is-active i {
  transform: rotate(180deg)
}

.opener-right {
  left: initial;
  right: 0;
  text-align: left;
  transform: translateX(calc(100% - 24px))
}

.opener-right.is-active {
  transform: translateX(-26px)
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .container-fluid {
    overflow: hidden;
  }

  .opener {
    display: block;
  }

  .col-second,
  .col-third {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    background: #fff;
    transition: transform .3s, box-shadow .3s;
    transform: translateX(-100%);
    padding-top: 1rem;
    padding-bottom: 1rem;
    height: calc(100% + 2rem);
    overflow: hidden;
    overflow-y: auto;
    margin: -1rem 0;
    flex: 0 0 33.333333% !important;
    max-width: 33.333333% !important;
  }

  .col-first {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    padding-left: 24px;
    padding-right: 24px;
  }

  .col-first .box--classifieds {
    margin-top: -1rem;
  }

  .col-third {
    left: initial;
    right: 0;
    transform: translateX(100%);
  }

  .col-second.is-active,
  .col-third.is-active {
    transform: translateX(0);
    box-shadow: 5px 0 20px rgba(0,0,0,.2);
  }

  .col-third.is-active {
    box-shadow: -5px 0 20px rgba(0,0,0,.2);
  }

  .breadcrumb {
    margin-left: 10px;
    margin-right: 10px;
  }
}

@media screen and (max-width: 767px) {
  .col-first {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; } }

@media screen and (max-width: 767px) {
  .col-second {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; } }

@media screen and (max-width: 767px) {
  .col-third {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3; } }

.table-responsive table {
  min-width: 800px; }

table {
  width: 100%; }

.table td,
.table th {
  vertical-align: middle; }

.table th {
  text-transform: uppercase;
  background: #f6f6f6; }

.table-striped tbody tr:nth-of-type(odd) {
  background: #fafafa; }

.row {
  margin-bottom: 1rem; }

.progress-bar {
  background: #ccc;
  height: 1.4rem;
  padding: 3px 0; }
.progress-bar.active {
  background: #5cb85c; }

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

.results-view {
  margin-top: 4px; }
.results-view ul {
  text-align: right; }
.results-view ul li {
  display: inline-block;
  margin-left: 8px;
  font-size: 1.2em; }
.results-view ul li a {
  background: #eee;
  color: #333;
  padding: 5px 10px;
  border-radius: 3px; }
.results-view ul li a:hover, .results-view ul li a:active {
  opacity: .75; }

.table-forum p {
  margin: 0; }
.table-forum .forum-title-td {
  position: relative;
  padding-left: 1.5rem;
  max-width: 500px; }
.table-forum .forum-title-td h4 {
  margin: 0;
  font-size: 1.4rem; }
.table-forum .forum-title-td h4 a:hover {
  text-decoration: none; }
.table-forum .forum-title-td p {
  margin: 0; }
.table-forum .forum-title-td::before {
  content: "\f07b";
  position: absolute;
  left: 0;
  margin-top: 2px;
  color: #0275d8;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
.table-forum .forum-title-td--post::before {
  content: "\f15c"; }
.table-forum .forum-new-td {
  display: block;
  padding: 2px 0;
  line-height: 1;
  color: #fff;
  border-radius: 3px;
  background: #5cb85c;
  text-align: center;
  font-size: 12px;
  font-weight: 700; }
.table-forum tr.forum-row-indent-1 td:first-child {
  padding-left: 3rem; }
.table-forum tr.forum-row-indent-1 td:first-child::before {
  margin-left: 1.5rem; }
.table-forum tr.forum-row-indent-2 td:first-child {
  padding-left: 4.5rem; }
.table-forum tr.forum-row-indent-2 td:first-child::before {
  margin-left: 3rem; }
.table-forum tr.forum-row-indent-3 td:first-child {
  padding-left: 6rem; }
.table-forum tr.forum-row-indent-3 td:first-child::before {
  margin-left: 4.5rem; }

.buttons-row-forum .col {
  min-width: 100%;
  max-width: 100%; }
@media screen and (min-width: 991px) {
  .buttons-row-forum .col {
    min-width: 33.33333%;
    max-width: 33.33333%; } }
.buttons-row-forum .btn {
  width: 100%;
  font-size: 12px;
  font-weight: 300;
  text-transform: none;
  margin-bottom: .5rem; }

.buttons-row-forum-top {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }
.buttons-row-forum-top .col {
  padding: 0 4px;
  text-align: center; }
.buttons-row-forum-top .btn {
  width: 100%; }

@media screen and (max-width: 1199px) {
  .row-pagination > .col:nth-child(1) .btn span,
  .row-pagination > .col:nth-child(3) .btn span {
    display: none; } }

article .content ul,
article .box ul {
  list-style: none;
  margin: 0;
  padding: 0; }
article .content ul li,
article .box ul li {
  position: relative;
  padding-left: 20px; }
article .content ul li::before,
article .box ul li::before {
  content: "";
  background: url(../images/saturn.svg) no-repeat center left;
  background-size: contain;
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: 0;
  left: 0; }

ul.none {
  list-style: none;
  margin: 0;
  padding: 0; }
ul.none li {
  padding-left: 0; }
ul.none li::before {
  background: none;
  width: 0;
  height: 0; }

ul.rating {
  list-style: none;
  margin: 0;
  padding: 0; }
ul.rating li {
  display: inline-block;
  margin: 0;
  padding: 0;
  color: #161616; }
ul.rating li::before {
  background: none; }

.auction-details dl dd {
  border-bottom: 1px solid #eee;
  padding: .5rem 15px;
  margin: 0;
  -ms-flex-item-align: center;
  align-self: center; }
@media screen and (max-width: 575px) {
  .auction-details dl dd {
    background: #f8f8f8; } }
.auction-details dl dd:nth-of-type(odd) {
  background: #f8f8f8; }
.auction-details dl dt {
  -ms-flex-line-pack: center;
  align-content: center;
  padding: .5rem 15px;
  margin: 0; }

.reviews {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
.reviews > li {
  min-width: 100%;
  margin-bottom: 1rem;
  font-size: 1.2rem; }
.reviews > li::before {
  top: 4px !important; }
@media screen and (min-width: 340px) {
  .reviews > li {
    min-width: 50%; } }
@media screen and (min-width: 991px) {
  .reviews > li {
    min-width: 25%; } }
.reviews > li a {
  font-weight: 700; }
.reviews > li ul {
  margin-top: .3rem; }
.reviews > li ul > li {
  padding-left: 0;
  font-size: 1rem;
  margin-bottom: 0; }
.reviews > li ul > li::before {
  background: none;
  width: 0;
  height: 0; }
.reviews > li ul > li a {
  font-weight: 400; }
.reviews--recent > li {
  font-size: 1rem; }
@media screen and (min-width: 340px) {
  .reviews--recent > li {
    min-width: 50%; } }
@media screen and (min-width: 991px) {
  .reviews--recent > li {
    min-width: 50%; } }
.reviews--recent > li::before {
  top: 2px !important; }
.reviews--recent > li a {
  font-weight: 400;
  display: inline-block;
  margin-bottom: 4px; }
.reviews--recent > li .meta {
  font-size: .888rem; }

.list-group--events .fa-calendar-o {
  margin-right: 6px; }
.list-group--events a {
  margin-left: 4px; }

@media screen and (min-width: 767px) {
  .dl-user-profile {
    line-height: 1.2; } }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Poppins', sans-serif; }

.title {
  font-size: 2rem;
  margin-bottom: 1rem; }

.btn {
  /*background: #161616;*/
  background: url(../images/header-bg.jpg) bottom left #161616;
  color: #fff;
  border: 0;
  text-transform: uppercase;
  font-size: 14px; }
.btn:hover, .btn:focus, .btn:active {
  background: #161616;
  opacity: .75;
  cursor: pointer; }

.btn-success {
  background: #5cb85c; }
.btn-success:hover, .btn-success:focus, .btn-success:active {
  background: #5cb85c;
  color: #fff; }

.btn-danger {
  background: #d9534f; }
.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
  background: #d9534f;
  color: #fff; }

.btn-secondary {
  background: #eee;
  color: #333; }
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
  background: #eee;
  color: #333; }

.btn-sm {
  font-size: 12px; }

button.d-block {
  width: 100%; }

.auction-gallery {
  min-height: 250px;
  max-height: 250px; }
@media screen and (min-width: 575px) {
  .auction-gallery {
    min-height: 400px;
    max-height: 400px; } }

.swiper-container {
  width: 100%;
  height: 180px;
  margin-left: auto;
  margin-right: auto; }
@media screen and (min-width: 575px) {
  .swiper-container {
    height: 300px; } }

.swiper-slide {
  background-position: center;
  width: 100% !important;
  margin-right: 0 !important;
  background-repeat: no-repeat;
  padding-right: 10px !important;
  max-height: 100%;
  background-size: auto 100%;
  background-color: #000;
}
.swiper-slide:hover {
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }

.gallery-thumbs {
  height: 20%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 0; }

.gallery-thumbs .swiper-slide {
  width: 25% !important;
  background-size: cover;
  height: 100%;
  opacity: 0.4;
  margin-right: 10px !important;
}
.gallery-thumbs .swiper-slide:hover {
  cursor: pointer; }

.gallery-thumbs .swiper-slide-active {
  opacity: 1; }

.ekko-lightbox.modal {
  margin: 4px; }
.ekko-lightbox.modal .modal-content .modal-body {
  padding: 2px; }

.breadcrumb {
  font-size: 12px;
  padding: .5rem 1rem; }

.pagination {
  margin-bottom: 0; }
.pagination li {
  color: #161616; }
.pagination li a {
  color: #161616; }
.pagination li a:hover, .pagination li a:active, .pagination li a:focus {
  color: #fff;
  background: #161616;
  opacity: .5;
  border-color: transparent; }
.pagination li.page-item.active .page-link {
  color: #fff;
  /*background: #161616;*/
  background: url(../images/header-bg.jpg) bottom left #161616;
  border-color: transparent; }

.products-grid .col {
  min-width: 240px; }

.product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  padding: 15px;
  background: #f6f6f6;
  margin-bottom: 1rem;
  min-width: 140px;
  border: 1px solid #dedede;
  -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  -webkit-transition: border-color .5s, -webkit-box-shadow .5s;
  transition: border-color .5s, -webkit-box-shadow .5s;
  transition: border-color .5s, box-shadow .5s;
  transition: border-color .5s, box-shadow .5s, -webkit-box-shadow .5s;
  min-height: calc(100% - 1rem); }
.product img {
  min-width: 100%;
  max-width: 100%;
  margin-bottom: 10px; }
.product span {
  display: block;
  width: 100%;
  color: #000;
  margin-bottom: 10px; }
.product span.product-name {
  color: #109cfe; }
.product span:last-child {
  margin-bottom: 0; }
.product:hover, .product:active {
  text-decoration: none;
  border-color: #bbb;
  -webkit-box-shadow: 0 6px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 6px 0 rgba(0, 0, 0, 0.4); }

@media screen and (min-width: 767px) {
  .boxes .box:last-child {
    margin-bottom: 0; } }

.box {
  background: #f6f6f6;
  margin-bottom: 1rem;
  border-radius: 8px;
  border: 1px solid #dedede;
  -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1); }
.box header {
  background:url(../images/header-bg.jpg) bottom left #161616;
  padding: 10px 15px;
  color: #fff;
  border-radius: 8px 8px 0 0; }
.box header h3 {
  font-size: 1.125em;
  text-transform: uppercase;
  line-height: 1;
  margin: 0;
  padding: 0; }
.box .content {
  padding: 10px 15px;
  line-height: 1.2; }
.box .content p {
  margin: 0;
  padding: 0; }

.box--image .content h4 {
  font-size: 1em;
  font-weight: 700; }
.box--image .content img {
  max-width: calc(100% + 30px);
  min-width: calc(100% + 30px);
  margin: 10px 0 10px -15px; }

.box--image-right {
  background: #fff; }
.box--image-right .content img {
  margin: 0 auto;
  padding-bottom: 10px;
  min-width: initial;
  max-width: 100%;
  display: block; }

.box--list .content ul {
  margin: 0 0 0 0;
  padding: 0; }
.box--list .content ul li {
  color: #109cfe;
  margin: 4px 0; }

.box--form .content form {
  margin-bottom: 10px; }

.box--support .content {
  padding: 0; }
.box--support .content img {
  max-width: 100%;
  min-width: 100%; }

.box--latest,
.box--featured {
  padding: 10px;
  background: #fff; }
.box--latest header,
.box--featured header {
  background: none;
  padding: 0;
  color: #000;
  border-radius: 0; }
.box--latest header h3,
.box--featured header h3 {
  font-size: 1.5em;
  text-transform: none;
  line-height: 1;
  margin: 15px 0 0 0;
  padding: 0; }
.box--latest .content,
.box--featured .content {
  padding: 10px; }

.box--featured {
  padding: 0;
  min-height: 390px;
  position:relative;
}
.box--featured header {
  background: none;
  padding: 15px;
  color: #000;
  border-radius: 0; }
.box--featured header h3 {
  font-size: 1.2em;
  margin: 0 0 10px 0;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap; }
.box--featured header p {
  margin: 0;
  font-size: 14px; }
.box--featured .content {
  padding: 0; }
.box--featured .content-image {
  position: relative;
  max-height: 250px; overflow: hidden}
.box--featured .content-image img {
  max-width: 100%;
  min-width: 100%; }
.box--featured .content .sticker {
  position: absolute;
  top: 66px;
  right: 6px;
  background: #161616;
  padding: 4px 15px;
  color: #fff;
  height: 30px;
  line-height: 22px;
  text-transform: uppercase;
  font-size: 12px;
  z-index: 500000; }
.box--featured .content-details {
  padding: 15px; }
.box--featured .content-details dl {
  margin-bottom: 0; }
.box--featured footer {
  padding: 15px 15px 4px 15px;
  margin-top: 0;
  background: #f6f6f6;
  border-top: 1px solid #dedede;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.box--featured footer .content-price {
  font-size: 1.3rem;
  font-weight: 700; }
.box--featured footer .content-sharing {
  color: #161616;
  font-size: 1.3rem;
  text-align: right;
  display: block; }

.box--plain {
  padding: 15px; }
.box--plain header {
  background: none;
  padding: 0;
  color: #000;
  border-radius: 0;
  margin-bottom: 15px; }
.box--plain header h3 {
  font-size: 1.2em;
  margin: 0;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
  text-transform: none; }
.box--plain header p {
  margin: 5px 0;
  font-size: 14px; }
.box--plain .content {
  margin: 0;
  padding: 0; }
.box--plain .content p {
  margin: 15px 0; }

.box--auction .content ul {
  margin-bottom: 1rem; }
.box--auction .content ul li {
  margin: 6px 0;
  display: block;
  width: 100%; }
@media screen and (min-width: 1199px) {
  .box--auction .content ul li span {
    float: right; } }
.box--auction .content p {
  margin-bottom: 0; }

.box--news {
  background: #fff;
  padding: 1rem; }
.box--news header {
  background: none;
  padding: 0;
  margin: 0;
  color: #000; }
.box--news header h3 {
  font-size: 1.4rem;
  line-height: 1.4; }
.box--news header p a {
  margin-right: 10px; }
.box--news .content {
  padding: 0;
  text-align: left;
  line-height: 1.3; }
.box--news .content img {
  max-width: 150px;
  padding: 0 1rem 1rem 0; }
.box--news footer {
  background: none;
  color: #fff;
  margin: 10px 0 0 0; }
.box--news footer .btn-secondary {
  color: #333; }
.box--news footer .btn-secondary:hover, .box--news footer .btn-secondary:active {
  color: #333; }
.box--news footer .row {
  margin-bottom: 0; }
.box--news-full {
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  padding: 0; }
.box--news-full .content p {
  margin: 10px 0; }
.box--news-full .content img {
  max-width: 600px; }
@media only screen and (max-width: 991px) {
  .box--news-full .content img {
    max-width: 100%;
    min-width: 100%;
    display: block;
    float: none;
    margin: 0 0 1rem 0;
    padding: 0; } }

.navbar {
  background: url(../images/header-bg1.jpg) repeat top center #000;
  padding: 20px;
  color: #fff;
  font-family: 'Poppins', sans-serif; }
.navbar .navbar-toggler {
  border-color: #999;
  background: #333; }
.navbar .navbar-toggler:focus, .navbar .navbar-toggler:active {
  outline: none; }
@media screen and (max-width: 1024px) {
  .navbar .navbar-brand {
    max-width: 350px; }
  .navbar .navbar-brand img {
    max-width: 100%;
    min-width: 100%;
    height: auto; } }
@media screen and (max-width: 991px) {
  .navbar .navbar-brand {
    max-width: 180px; }
  .navbar .navbar-brand img {
    max-width: 100%;
    height: auto; } }
.navbar .navbar-nav {
  width: 100%;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  font-size: 18px; }
@media screen and (min-width: 991px) {
  .navbar .navbar-nav {
    margin-top: 24px; } }
@media screen and (min-width: 991px) {
  .navbar .navbar-nav--top {
    position: absolute;
    margin-top: 15px;
    top: 0;
    right: 20px;
    font-size: 14px; }
  .navbar .navbar-nav--top li {
    position: relative; }
  .navbar .navbar-nav--top li::after {
    content: "|";
    position: absolute;
    top: 7px;
    right: -2px; }
  .navbar .navbar-nav--top li:last-child::after {
    content: ""; } }

.navbar-inverse .navbar-nav .nav-link {
  color: #fff; }

.navbar-inverse .navbar-nav .active > .nav-link,
.navbar-inverse .navbar-nav .nav-link.active,
.navbar-inverse .navbar-nav .nav-link.open,
.navbar-inverse .navbar-nav .open > .nav-link,
.navbar-inverse .navbar-nav .nav-link:focus,
.navbar-inverse .navbar-nav .nav-link:hover {
  color: #f4ba2f; }

.news h1 {
  font-size: 2rem; }
.news h4 {
  font-size: 1.2rem; }

.latest {
  margin-top: 20px; }

.featured h2,
.auction h2 {
  margin: 20px 0; }

.auction {
  margin-bottom: 20px; }

.table-auctions-list img {
  max-height: 40px; }
.table-auctions-list .toggle-order i.fa-caret-down {
  display: none; }
.table-auctions-list .toggle-order i.fa-caret-up {
  display: inline; }
.table-auctions-list .toggle-order.active i.fa-caret-down {
  display: inline; }
.table-auctions-list .toggle-order.active i.fa-caret-up {
  display: none; }

.filter-min-max .row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
.filter-min-max .row .col:not(:first-child) {
  text-align: center; }
@media screen and (max-width: 575px) {
  .filter-min-max .row .col {
    min-width: 50%; } }
@media screen and (max-width: 575px) {
  .filter-min-max .row:first-child .col:nth-child(2), .filter-min-max .row:first-child .col:nth-child(4) {
    margin-bottom: 1rem; } }
@media screen and (max-width: 575px) {
  .filter-min-max .row:nth-child(2) .col {
    margin-bottom: 1rem; } }
.filter-min-max input,
.filter-min-max select.form-control:not([size]):not([multiple]),
.filter-min-max button,
.filter-min-max .input-group-addon {
  line-height: 1;
  height: 2.4rem;
  max-width: 100%; }
.filter-min-max button {
  width: 100%; }
.filter-min-max fieldset {
  margin: 0; }
.filter-min-max fieldset .row {
  margin: 0; }
.filter-min-max fieldset .row .form-check {
  margin: 0 !important; }
.filter-min-max fieldset .row .form-check input {
  line-height: 1;
  height: 1rem; }

.tab-content {
  padding: 1rem; }

.row-baseline {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline; }

.quick-bid button {
  margin-top: 10px; }

#countdown {
  color: #fff;
  display: inline-block;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 700; }
#countdown > div {
  padding: 8px;
  border-radius: 3px;
  background: #161616;
  display: inline-block; }
#countdown > div > span {
  padding: 6px 12px;
  border-radius: 3px;
  background: #db8d05;
  display: inline-block; }
#countdown .smalltext {
  padding-top: 4px;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 400; }

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:focus {
  border-top: 3px solid #161616; }

.nav-tabs .nav-link:hover {
  border-color: #eceeef #eceeef transparent; }

.nav-tabs .nav-link.active:hover {
  border-color: #161616 #eceeef transparent; }

.user-profile-img img {
  max-width: 100%;
  min-width: 100%; }
@media screen and (min-width: 767px) {
  .user-profile-img img {
    min-width: initial; } }

footer {
  background: #272727;
  margin: 20px 0 0 0; }
footer .footer-links {
  padding: 30px; }
footer .footer-links ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center; }
footer .footer-links ul li {
  display: inline-block;
  margin: 0 8px;
  position: relative; }
footer .footer-links ul li ::after {
  content: "|";
  position: absolute;
  top: 0;
  right: -16px;
  color: #fff; }
footer .footer-links ul li a {
  color: #fff; }
footer .copyright {
  background: #1f1f1f;
  padding: 30px;
  color: #aab1bb;
  font-size: 14px;
  text-align: center; }
footer .copyright p {
  margin: 0; }
footer .copyright p a {
  color: #aab1bb; }

.fc-calendar-container {
  position: relative;
  height: 400px;
  width: 400px; }

.fc-calendar {
  width: 100%;
  height: 100%; }

.fc-calendar .fc-head {
  height: 30px;
  line-height: 30px;
  background: #ccc;
  color: #fff; }

.fc-calendar .fc-body {
  position: relative;
  width: 100%;
  height: 100%;
  height: calc(100% - 30px);
  border: 1px solid #ddd; }

.fc-calendar .fc-row {
  width: 100%;
  border-bottom: 1px solid #ddd; }

.fc-four-rows .fc-row {
  height: 25%; }

.fc-five-rows .fc-row {
  height: 20%; }

.fc-six-rows .fc-row {
  height: 16.66%;
  height: calc(100%/6); }

.fc-calendar .fc-row > div,
.fc-calendar .fc-head > div {
  float: left;
  height: 100%;
  width: 14.28%;
  /* 100% / 7 */
  width: calc(100%/7);
  position: relative; }

/* IE 9 is rounding up the calc it seems */
.ie9 .fc-calendar .fc-row > div,
.ie9 .fc-calendar .fc-head > div {
  width: 14.2%; }

.fc-calendar .fc-row > div {
  border-right: 1px solid #ddd;
  padding: 4px;
  overflow: hidden;
  position: relative; }

.fc-calendar .fc-head > div {
  text-align: center; }

.fc-calendar .fc-row > div > span.fc-date {
  position: absolute;
  width: 30px;
  height: 20px;
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
  color: #ddd;
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.8);
  bottom: 5px;
  right: 5px;
  text-align: right; }

.fc-calendar .fc-row > div > span.fc-weekday {
  padding-left: 5px;
  display: none; }

.fc-calendar .fc-row > div.fc-today {
  background: #161616; }

.fc-calendar .fc-row > div.fc-out {
  opacity: 0.6; }

.fc-calendar .fc-row > div:last-child,
.fc-calendar .fc-head > div:last-child {
  border-right: none; }

.fc-calendar .fc-row:last-child {
  border-bottom: none; }

/* Custom calendar elements */
.custom-calendar-wrap {
  margin: 10px auto;
  position: relative;
  overflow: hidden; }

.custom-inner {
  background: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); }

.custom-inner:before,
.custom-inner:after {
  content: '';
  width: 99%;
  height: 50%;
  position: absolute;
  background: #f6f6f6;
  bottom: -4px;
  left: 0.5%;
  z-index: -1;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); }

.custom-inner:after {
  content: '';
  width: 98%;
  bottom: -7px;
  left: 1%;
  z-index: -2; }

.custom-header {
  background: #fff;
  padding: 5px 10px 10px 20px;
  height: 70px;
  position: relative;
  border-top: 5px solid #161616;
  border-bottom: 1px solid #ddd; }

.custom-header h2,
.custom-header h3 {
  text-align: center;
  text-transform: uppercase; }

.custom-header h2 {
  color: #495468;
  font-weight: 300;
  font-size: 18px;
  margin-top: 10px; }

.custom-header h3 {
  font-size: 10px;
  font-weight: 700;
  color: #b7bbc2; }

.custom-header nav span {
  position: absolute;
  top: 17px;
  width: 30px;
  height: 30px;
  color: #161616;
  cursor: pointer;
  margin: 0 1px;
  font-size: 20px;
  line-height: 30px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center; }
.custom-header nav span:hover, .custom-header nav span:active, .custom-header nav span:focus {
  color: #212121; }

.custom-header nav span:first-child {
  left: 5px; }

.custom-header nav span:last-child {
  right: 5px; }

.custom-header nav span:hover:before {
  color: #495468; }

.custom-content-reveal {
  background: #f6f6f6;
  background: rgba(246, 246, 246, 0.9);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 100;
  top: 100%;
  left: 0px;
  text-align: center;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  overflow: hidden;
  overflow-y: auto; }

.custom-content-reveal span.custom-content-close {
  position: absolute;
  top: 15px;
  right: 10px;
  width: 20px;
  height: 20px;
  text-align: center;
  background: #161616;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  line-height: 13px;
  padding: 0; }

.custom-content-reveal span.custom-content-close:after {
  content: 'x';
  font-size: 18px;
  color: #fff; }

.custom-content-reveal a,
.custom-content-reveal span {
  font-size: 22px;
  padding: 10px 30px;
  display: block; }
.custom-content-reveal a:hover,
.custom-content-reveal span:hover {
  text-decoration: none; }

.custom-content-reveal h4 {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 3px;
  color: #777;
  padding: 20px;
  background: #fff;
  border-bottom: 1px solid #ddd;
  border-top: 5px solid #161616;
  -webkit-box-shadow: 0 1px rgba(255, 255, 255, 0.9);
  box-shadow: 0 1px rgba(255, 255, 255, 0.9); }

.custom-content-reveal span {
  color: #888; }

.custom-content-reveal a {
  color: #161616; }

.custom-content-reveal a:hover {
  color: #333; }

/* Modifications */
.fc-calendar-container {
  height: 400px;
  width: auto;
  background: #f6f6f6;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.8);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); }

.fc-calendar .fc-head {
  background: transparent;
  color: #161616;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px; }

.fc-calendar .fc-row > div {
  background: #fff;
  cursor: pointer; }

.fc-calendar .fc-row > div:empty {
  background: transparent; }

.fc-calendar .fc-row > div > span.fc-date {
  top: 50%;
  left: 50%;
  text-align: center;
  margin: -10px 0 0 -15px;
  color: #686a6e;
  font-weight: 400;
  pointer-events: none; }

.fc-calendar .fc-row > div.fc-today > span.fc-date {
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }

.fc-calendar .fc-row > div.fc-content:after {
  content: '\00B7';
  text-align: center;
  width: 20px;
  margin-left: -10px;
  position: absolute;
  color: #DDD;
  font-size: 70px;
  line-height: 20px;
  left: 50%;
  bottom: 3px; }

.fc-calendar .fc-row > div.fc-today.fc-content:after {
  color: #d08708; }

.fc-calendar .fc-row > div.fc-content:hover:after {
  color: #161616; }

.fc-calendar .fc-row > div.fc-today.fc-content:hover:after {
  color: #fff; }

.fc-calendar .fc-row > div > div a,
.fc-calendar .fc-row > div > div span {
  display: none;
  font-size: 22px; }

@media screen and (max-width: 400px) {
  .fc-calendar-container {
    height: 320px; }

  .fc-calendar .fc-row > div > span.fc-date {
    font-size: 12px; } }
.fc-type {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  background: #f00;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 18px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  border: 1px solid rgba(255, 255, 255, 0.5); }
@media screen and (max-width: 400px) {
  .fc-type {
    font-size: 10px;
    width: 16px;
    height: 16px;
    line-height: 14px; } }
.fc-type--c {
  background: #161616; }
.fc-type--l {
  background: #800080; }
.fc-type--o {
  background: #008000; }
.fc-type--sp {
  background: #0000ff; }

.fc-type + .fc-type {
  right: 20px; }

.fc-type + .fc-type + .fc-type {
  right: 40px; }

.fc-type + .fc-type + .fc-type + .fc-type {
  right: 60px; }

.fc-type + .fc-type + .fc-type + .fc-type + .fc-type {
  right: 80px; }

.fc-type + .fc-type + .fc-type + .fc-type + .fc-type + .fc-type {
  right: 100px; }

[class^="col-color-"] span,
[class*="col-color-"] span {
  display: block;
  text-align: center;
  color: #fff;
  border-radius: 3px; }

.col.col-color-a span {
  background: #f00; }
.col.col-color-c span {
  background: #161616; }
.col.col-color-l span {
  background: #800080; }
.col.col-color-o span {
  background: #008000; }
.col.col-color-sp span {
  background: #0000ff; }

.comments {
  margin-top: 1.5rem; }

.comment + .comment {
  margin-top: 1.5rem;
  padding-top: 1.5rem; }

.comment-main + .comment-main {
  border-top: 1px solid #eee; }

.comment ul {
  list-style: none;
  margin: 0;
  padding: 0; }
.comment ul li {
  padding: 0 1rem 0 0 !important;
  display: inline;
  margin-right: 1rem; }
.comment ul li:after {
  content: "";
  width: 1px;
  height: 80%;
  background: #ccc;
  position: absolute;
  top: 10%;
  right: 0; }
.comment ul li:last-child {
  margin-right: 0; }
.comment ul li:last-child:after {
  background: none; }
.comment ul li::before {
  background: none !important;
  width: 0 !important;
  height: 0 !important; }
.comment-replies {
  margin-top: 1rem;
  padding-left: 5rem; }

.add-comment textarea,
.reply-comment textarea {
  resize: vertical;
  height: 90px; }

.reply-comment {
  margin-top: 1rem; }


.col-color-c > a:hover, .col-color-c > a:focus {
  text-decoration: none;
}

/* New Button */
.btn-third {
  background: #a8a8a8;
  color: #ffffff;
}
.btn-third:hover, .btn-third:focus, .btn-third:active {
  background: #BBBBBB;
  color: #ffffff;
}

/* ------------ Forum ------------ */
.table-forum {
  background-color: white;
  color: #5a5a5a;
  font-size: 0.9rem;

}

.table-forum td {
  border: 1px solid #eceeef;
}

.table-forum a:hover, .table-forum a:focus {
  text-decoration: none;
}

.table-forum .forum-title-td {
  padding-left: 2.3rem;
}

.table-forum .forum-title-td::before {
  margin-left: 10px;
}

.forum-title-td h3 {
  font-size: 1.3rem;
}

.forum-description {
  font-size: 0.9rem;
}

.forum-group-title {
  margin-bottom: 0;
}

.forum-group-title a {
  color: #ffffff;
}

.forum-group-title a:hover, .forum-group-title a:focus {
  text-decoration: none;
}

.time {
  color: #8b8b8b;
}

.table-forum p {
  margin: 0;
}

.table-forum .thread-title-td {
  position: relative;
  padding-left: 1.5rem;
  max-width: 500px;
}

.table-forum .thread-title-td h4 {
  margin: 0;
  font-size: 1.4rem;
}

.table-forum .thread-title-td h4 a:hover {
  text-decoration: none;
}

.table-forum .thread-title-td p {
  margin: 0;
}

.table-forum .thread-title-td::before, .table-forum .thread-title-td-closed::before {
  content: "\f07b";
  position: absolute;
  left: 0;
  margin-top: 2px;
  color: #0275d8;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.table-forum .thread-title-td::before {
  content: "\f0f6";
}

.table-forum .thread-title-td-new::before {
  content: "\f15c";
}

.table-forum .thread-title-td-closed::before {
  content: "\f023";

}

.table-forum .thread-title-td {
  padding-left: 2.3rem;
}

.table-forum .thread-title-td::before {
  margin-left: 10px;
}

.thread-title-td h3 {
  font-size: 1.3rem;
}

.badge-pinned {
  font-weight: normal;
}

.input-search {
  border-right: none;
}

.input-search:focus + .input-group-btn .btn-search-settings {
  border-bottom: 1px solid #5cb3fd;
  border-top: 1px solid #5cb3fd;
}

.btn-search-settings {
  background: #ffffff;
  border-radius: 0;
  line-height: 1.4;
  /*background-color: #ffffff;*/
  border-bottom: 1px solid rgba(0,0,0,.15);
  border-top: 1px solid rgba(0,0,0,.15);
  color: #333333;
}

.btn-search-settings:hover, .btn-search-settings:focus, .btn-search-settings:active {
  background-color: #ffffff;
  color: #333333;
  outline: none; !important;
  box-shadow: none;
}

.search-settings {
  padding: 10px;
}

/* ------------ /Forum ------------ */

/* ------------ Comments ------------  */

.comment-meta, .comment-footer {
  background-color: #F1F1F1;
  padding: 10px;
  font-weight: bold;
}

.replies_to a {
  color: #000000;
  font-weight: bold;
}

.comment-content {
  background-color: #fdfdfd;
  padding: 10px;
}

.comment-replies {
  padding-left: 5rem;
}

.unapproved {
  background-color: #fff1d8;
}

/* ------------ /Comments ------------  */

.jumbotron-forum {
  padding: 1rem 1rem;
  color: #333;
  background-color: #fafafa;
  border: 1px solid rgba(0,0,0,.15);
}

.btn-primary.disabled {
  background-color: #161616;
}

/* ------------ Forum Post ------------  */

.card-post {
  /*border: 1px solid rgba(255,162,0,.525);*/
  -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1);
  border: none;
}

.post-header {
  /*background-color: #161616;*/
  background: url(../images/header-bg.jpg) bottom left #161616;
  color: #ffffff;
  border: none;
}

.white-link {
  color: #ffffff;
}

.white-link:hover, .white-link:focus, .white-link:active {
  color: #ffffff;
}
.post-body {
  padding: 0 15px 0 15px;
  background-color: #fcfcfc;
}

.post-body {
  padding: 0;
  background-color: #fcfcfc;
}

.Media {
  display: flex;
  padding: 0;
}

.Media__author {
  padding: 20px;
  background-color: #f6f6f6;
  min-width: 190px;
  max-width: 200px;
  flex-basis: auto; /* default value */
  flex-grow: 1;
  font-size: 12px;
}

.Media__username {
  font-size: 18px;
  line-height: 0;
  margin-bottom: 0;
}

.Media__membership {
  font-size: 12px;
  color: #666;
}

.Media__avatar {
  margin-top: 10px;
  margin-bottom: 10px;
}

.Media__avatar img {
  max-width: 100px;
  max-height: 100px;
}

.Media__details p {
  margin: 0;
  font-size: 12px;
  color: #444;
}

.Media__content {
  width: 100%;
  display: flex;
  margin-top: 0;
  padding: 20px;
  flex-direction: column;
  line-height: 1.6;
  color: #000000;
}

.Media__content blockquote {
  margin: .25em 0;
  border: .1rem solid #bcbebf;
  border-left: .25rem solid #bcbebf;
  background-color: #F7F7F7;
  color: #292b2c;
  -moz-box-shadow:    inset 0 0 2px #bcbebf;
  -webkit-box-shadow: inset 0 0 2px #bcbebf;
  box-shadow:         inset 0 0 2px #bcbebf;
}

.Media__content ul, .Media__content ol, .Media__content table, .Media__content hr {
  margin: .25em 0;
}

.Media__post {
  flex-grow: 1;
  font-size: 14px;
}

.Media__action {
  margin-top: 60px;
}

@media screen and (max-width: 767px) {
  .Media {
    display: block;
  }

  .Media__author {
    max-width: 100%;
    width: 100%;
  }
}

/* YOUTUBE*/

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.blockquote {
  font-size: 14px;
  background-color: #ffffff;
}

.italic {
  font-style: italic;
}

.attachment {
  border: 1px solid #f7f7f9;
  padding: 10px;
  background-color: #ffffff;
}

/* ------------ /Forum Post ------------  */

/* ------------ Classifieds ------------  */

.classifieds {

}
.classifieds .thumb {
  width: 100px;
  text-align: center;
}

.classifieds td {
  padding: .3rem;
}

.auction .thumb {
  width: 100px;
  text-align: center;
}
.auction .thumb img {
  max-width: 90px;
  max-height: 90px;
}

.classifieds .thumb img {
max-width: 90px;
  max-height: 90px;
}
.classifieds .preview, .classifieds #oldImages {
  position: relative;
  display: inline-block;
}

.classifieds.table-striped tbody tr:nth-of-type(odd) {
  background: #e9eff3 !important;
}

.classifieds .remove-image {
  position: relative;
}
.classifieds .remove-image span {
  font-weight: bold;
  font-size: 18px;
  color: #fff;
  line-height: 30px;
  text-align: center;
  display: none;
  position: absolute;
  top: calc(50% - 15px);
  left: calc(50% - 15px);
  width: 30px;
  height: 30px;
  background: #c00;
  border-radius: 3px;
}
.classifieds .remove-image:hover span {
  display: block;
}

.map {
  width: 800px;
  height: 400px;
  margin: 0px auto;
}

/* ------------ /Classifieds ------------  */

/* ------------ My Account ------------  */
#account {

}
#account ul {
  margin: 10px 0 20px 0px;
  padding-left: 15px;
}
#account ul li::before {
  background: none;
}
#account ul li {
  margin-bottom: 10px;
}
#account ul p {
  margin-top: 5px;
}
/* ------------ /My Account ------------  */


/* ------------ Filters ------------  */
#filters {
  font-size: 0.75em;
  background: #eee;
  padding: 5px 10px;
}
/* ------------ /Filters ------------  */

.classifieds td {
  padding: 2px 3px 2px 2px;
  font-family: Verdana, sans-serif;
  font-size: 9pt;
}

.classifieds .flex-table-row--body .flex-table-col {
  font-family: Verdana, sans-serif;
  font-size: 12px;
}

.classifieds a:visited {font-weight: normal !important;}

/* ------------ Responsive tables flex support ------------  */
.flex-table {
  margin-bottom: 1rem;
}

.flex-table.flex-table-striped .flex-table-row.flex-table-row--body:nth-of-type(odd) {
  background: #e9eff3 !important;
}

.flex-table .flex-table-row {
  display: flex;
  align-items: center;
  justify-content: baseline;
  font-size: 13px;
  padding: .75rem 0;
}

.flex-table .flex-table-row.flex-table-row--header {
  text-transform: uppercase;
  font-weight: 700;
  background: #f6f6f6;
  font-size: 14px;
  border-bottom: 2px solid #eceeef;
  border-top: 1px solid #eceeef;
}

.flex-table .flex-table-row .flex-table-col {
  flex: 1 1 auto;
  overflow: hidden;
  padding: 0 4px;
  /*word-break: break-all;*/
  /*text-overflow: ellipsis;
  white-space: nowrap;*/
}

.flex-table .flex-table-row .flex-table-col img {
  max-width: 100%;
}

.flex-table .flex-table-row .flex-table-col.flex-table-col--id {
  flex: 1 1 7%;
  max-width: 7%;
}

.flex-table .flex-table-row .flex-table-col.flex-table-col--photo {
  flex: 1 1 9%;
  max-width: 9%;
}

.flex-table .flex-table-row .flex-table-col.flex-table-col--type {
  flex: 1 1 9%;
  max-width: 9%;
}

.flex-table .flex-table-row .flex-table-col.flex-table-col--title {
  flex: 1;
  max-width: 100%;
  min-width: 15%;
}

.flex-table .flex-table-row .flex-table-col.flex-table-col--seller {
  flex: 1 1 13%;
  max-width: 13%;
}

.flex-table .flex-table-row .flex-table-col.flex-table-col--rating {
  flex: 1 1 9%;
  max-width: 9%;
}

.flex-table .flex-table-row .flex-table-col.flex-table-col--location {
  flex: 1 1 10%;
  max-width: 10%;
}

.flex-table .flex-table-row .flex-table-col.flex-table-col--price {
  flex: 1 1 11%;
  max-width: 11%;
}

.flex-table .flex-table-row .flex-table-col.flex-table-col--hits {
  flex: 1 1 5%;
  max-width: 5%;
}

.flex-table .flex-table-row .flex-table-col.flex-table-col--date {
  flex: 1 1 12%;
  max-width: 12%;
}

/* auctions ------------  */
.flex-table-auctions .flex-table-row .flex-table-col {
  padding: 0 8px;
}

.flex-table-auctions .flex-table-row .flex-table-col.flex-table-col--photo {
  flex: 1 1 15%;
  max-width: 15%;
}

.flex-table-auctions .flex-table-row .flex-table-col.flex-table-col--title {
  flex: 1;
  min-width: 45%;
}

.flex-table-auctions .flex-table-row .flex-table-col.flex-table-col--current {
  flex: 1 1 15%;
  max-width: 15%;
}

.flex-table-auctions .flex-table-row .flex-table-col.flex-table-col--bids {
  flex: 1 1 10%;
  max-width: 10%;
}

.flex-table-auctions .flex-table-row .flex-table-col.flex-table-col--expires {
  flex: 1 1 15%;
  max-width: 15%;
}
/* /auctions ------------  */

/* forums ------------  */
.flex-table-forum {
  border: 1px solid #eceeef;
}

.flex-table-forum .flex-table-row.flex-table-row--body {
  padding: 0;
  border-bottom: 1px solid #eceeef;
  align-items: stretch;
}

.flex-table-forum .flex-table-row.flex-table-row--body:hover {
  background-color: rgba(0,0,0,.075);
}

.flex-table-forum .flex-table-row.flex-table-row--body:last-child {
  border-bottom: none;
}

.flex-table-forum .flex-table-row .flex-table-col {
  padding: .75rem;
  border-right: 1px solid #eceeef;
}

.flex-table-forum .flex-table-row .flex-table-col.flex-table-col--title {
  padding-left: 2.3rem;
  flex: 1 1 50%;
  max-width: 50%;
}

.flex-table-forum .flex-table-row .flex-table-col.flex-table-col--meta {
  flex: 1 1 15%;
  max-width: 15%;
}


.flex-table-forum .flex-table-row .flex-table-col.flex-table-col--last {
  flex: 1 1 35%;
  max-width: 35%;
  border-right: none;
}
/* /forums ------------  */

@media screen and (max-width: 1199px) {
  .flex-table .flex-table-row.flex-table-row--header {
    display: none;
  }

  .flex-table-auctions .flex-table-row.flex-table-row--header {
    display: flex;
  }

  .flex-table .flex-table-row .flex-table-col {
    order: 6;
    text-align: left !important;
  }

  .classifieds .flex-table-row:not(.flex-table-row--body-separator) .flex-table-col:before,
  .flex-table-auctions .flex-table-row .flex-table-col:before{
    content: attr(data-heading);
    display: block;
    font-size: 11px;
    color: #333;
    font-weight: 400;
    line-height: 1;
  }

  .flex-table .flex-table-row:not(.flex-table-row--body-separator) .flex-table-col.flex-table-col--photo:before,
  .flex-table-auctions .flex-table-row .flex-table-col:before {
    display: none;
  }

  .flex-table .flex-table-row {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 1199px) and (min-width: 768px) { 
  .flex-table .flex-table-row .flex-table-col.flex-table-col--id {
    flex: 1 1 10%;
    max-width: 10%;
    order: 1;
    margin-bottom: .5rem;
  }

  .flex-table .flex-table-row .flex-table-col.flex-table-col--photo {
    flex: 1 1 10%;
    max-width: 10%;
    order: 2;
    margin-bottom: .5rem;
  }

  .flex-table .flex-table-row .flex-table-col.flex-table-col--type {
    flex: 1 1 20%;
    max-width: 20%;
  }

  .flex-table .flex-table-row .flex-table-col.flex-table-col--title {
    flex: 1;
    max-width: 100%;
    min-width: 50%;
    order: 3;
  }

  .flex-table .flex-table-row .flex-table-col.flex-table-col--seller {
    flex: 1 1 20%;
    max-width: 20%;
  }

  .flex-table .flex-table-row .flex-table-col.flex-table-col--rating {
    flex: 1 1 20%;
    max-width: 20%;
    order: 5;
  }

  .flex-table .flex-table-row .flex-table-col.flex-table-col--location {
    flex: 1 1 20%;
    max-width: 20%;
  }

  .flex-table .flex-table-row .flex-table-col.flex-table-col--price {
    flex: 1 1 10%;
    max-width: 10%;
    order: 4;
  }

  .flex-table .flex-table-row .flex-table-col.flex-table-col--hits {
    flex: 1 1 20%;
    max-width: 20%;
  }

  .flex-table .flex-table-row .flex-table-col.flex-table-col--date {
    flex: 1 1 20%;
    max-width: 20%;
  }
}

@media screen and (max-width: 767px) {
  .flex-table .flex-table-row:not(.flex-table-row--body-separator) {
    box-shadow: 0 2px 8px rgba(0,0,0,.15);
    margin: 15px 0;
    padding: 10px;
    border: 1px solid #eee;
  }

  .flex-table .flex-table-row.flex-table-row--body-separator + .flex-table-row {
    margin-top: 0;
  }

  .flex-table .flex-table-row:first-child {
    margin-top: 0;
  }

  .flex-table .flex-table-row:last-child {
    margin-bottom: 0;
  }

  .flex-table .flex-table-row .flex-table-col.flex-table-col--photo a {
    width: 100%;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }

  .flex-table .flex-table-row .flex-table-col img {
    min-width: 100%;
    min-height: 100% !important;
    max-height: initial !important;
  }

  .flex-table-auctions .flex-table-row.flex-table-row--header {
    display: none;
  }
  
  .flex-table .flex-table-row:not(.flex-table-row--body-separator) .flex-table-col:before,
  .flex-table-auctions .flex-table-row .flex-table-col:before {
    display: inline;
    padding-right: 4px;
  } 

  .flex-table .flex-table-row .flex-table-col.flex-table-col--id {
    flex: 1 1 100%;
    max-width: 100%;
    order: 1;
    margin-bottom: .5rem;
    padding-left: 4px;
  }

  .flex-table .flex-table-row .flex-table-col.flex-table-col--photo {
    flex: 1 1 100%;
    max-width: 100%;
    order: 2;
  }

  .flex-table .flex-table-row .flex-table-col.flex-table-col--photo a {
    margin-bottom: .5rem;
  }

  .flex-table .flex-table-row .flex-table-col.flex-table-col--type {
    flex: 1 1 100%;
    max-width: 100%;
    order: 8;
    margin-bottom: .5rem;
  }

  .flex-table .flex-table-row .flex-table-col.flex-table-col--title {
    flex: 1 1 100%;
    max-width: 100%;
    order: 3;
    margin-bottom: .5rem;
  }

  .flex-table .flex-table-row .flex-table-col.flex-table-col--seller {
    flex: 1 1 100%;
    max-width: 100%;
    order: 5;
    margin-bottom: .5rem;
  }

  .flex-table .flex-table-row .flex-table-col.flex-table-col--rating {
    flex: 1 1 100%;
    max-width: 100%;
    order: 7;
    margin-bottom: .5rem;
  }

  .flex-table .flex-table-row .flex-table-col.flex-table-col--location {
    flex: 1 1 100%;
    max-width: 100%;
    margin-bottom: .5rem;
    order: 6;
  }

  .flex-table .flex-table-row .flex-table-col.flex-table-col--price {
    flex: 1 1 100%;
    max-width: 100%;
    order: 4;
    margin-bottom: .5rem;
  }

  .flex-table .flex-table-row .flex-table-col.flex-table-col--hits {
    flex: 1 1 40%;
    max-width: 40%;
    order: 10;
  }

  .flex-table .flex-table-row .flex-table-col.flex-table-col--date {
    flex: 1 1 60%;
    max-width: 60%;
    order: 9;
  }

  .flex-table-auctions .flex-table-row .flex-table-col.flex-table-col--current {
    flex: 1 1 100%;
    max-width: 100%;
    margin-bottom: .5rem;
  }
  
  .flex-table-auctions .flex-table-row .flex-table-col.flex-table-col--bids {
    flex: 1 1 100%;
    max-width: 100%;
    margin-bottom: .5rem;
  }
  
  .flex-table-auctions .flex-table-row .flex-table-col.flex-table-col--expires {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .flex-table-forum .flex-table-row.flex-table-row--body {
    align-items: center;
  }

  .flex-table-forum .flex-table-row .flex-table-col{
    border: none;
  }

  .flex-table-forum .flex-table-row .flex-table-col.flex-table-col--title {
    margin-bottom: 0;
  }

  .flex-table-forum .flex-table-row .flex-table-col.flex-table-col--meta {
    flex: 1 1 50%;
    max-width: 50%;
  }
  
  .flex-table-forum .flex-table-row .flex-table-col.flex-table-col--last {
    flex: 1 1 50%;
    max-width: 50%;
    text-align: right !important;
  }
}

.datepicker {
  padding: .5rem .75rem;
}