/* The Alert */
#alert_placeholder {
    /*width: 100%;*/
    position: fixed;
    top: 95px;
    right: 0;
    z-index: 7000;
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}



/**
 * 12. Listings
 */
.items-per-row-5 .item-container, .items-per-row-5 .listing-container, .items-per-row-5 .listing-categories-card-container, .items-per-row-5 .user-container, .items-per-row-5 .applicant-container {
  width: 20%; }

.listings-row {
  clear: both;
  margin-bottom: 30px;
  margin-left: -15px;
  margin-right: -15px; }

.listings-row:last-of-type {
  margin-bottom: 30px; }

.listings-row:before, .listings-row:after {
  content: " ";
  display: table; }

.listings-row:after {
  clear: both; }

.listing-container {
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  width: 100%; }
  .listing-box-archive .listing-container {
    margin-bottom: 30px; }
  .widget_listings .listing-container .listing-column {
    margin-bottom: 30px; }

.listing-box-image {
  height: 120px; }

.listing-box-content {
  padding: 10px; }

.listing-box-title {
  background-color: #fff;
  color: #444;
  display: inline-block;
  font-weight: 500;
  overflow: hidden;
  padding: 10px 15px;
  position: relative;
  text-align: center;
  text-overflow: ellipsis;
  transition: all ease 0.35s;
  white-space: nowrap;
  width: 100%;
  z-index: 100; }

.listing-box {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  border: none;
  height: 239px;
  overflow: hidden;
  -webkit-transform: translateZ(0px); 
   -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px 0;
  box-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px 0; }
}
  .listing-box .listing-box-content-link {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0; }
  .listing-box:hover .listing-box-background:before {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-backface-visibility: hidden; }
  .listing-box:hover .listing-box-label-top {
    margin-top: 20px; }
  .listing-box:hover .listing-box-label-bottom {
    margin-bottom: 44px; }
  .listing-box:hover .listing-box-title {
    background-color: #0aab9a;
    color: #fff; }
  .listing-box:hover .listing-box-content {
    padding-top: 0;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -webkit-backface-visibility: hidden; }
  .listing-box:hover .listing-box-rating {
    opacity: 1;
    transition-delay: .05s;
    -webkit-backface-visibility: hidden; }
  .listing-box:hover .listing-box-actions {
    opacity: 1;
    transition-delay: .1s;
    -webkit-backface-visibility: hidden; }
  .listing-box .inventor-favorites-btn-toggle {
    display: inline; }
    .listing-box .inventor-favorites-btn-toggle span {
      display: none; }
    .listing-box .inventor-favorites-btn-toggle.heart.marked i {
      background-color: #fff;
      color: #444; }
    .listing-box .inventor-favorites-btn-toggle.heart.marked i:before {
      content: "\f004";
      color: #d81814; }
  .listing-box .share-listing span {
    display: none; }

.listing-box-background {
  height: 200px;
  pointer-events: none;
  position: relative; }
  .listing-box-background img {
    width: 100%; }
  .listing-box-background:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(top, rgba(54, 54, 54, 0) 0%, rgba(54, 54, 54, 0.95) 65%);
    background: linear-gradient(to bottom, rgba(54, 54, 54, 0) 0%, rgba(54, 54, 54, 0.95) 65%);
    content: '';
    opacity: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    transition: all ease .35s; }
  .listing-box-background:after {
    bottom: 0;
    content: '';
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1; }

.listing-box-label-top {
  background-color: #c6af5c;
  color: #fff;
  left: 50%;
  font-size: 13px;
  padding: 3px 15px;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transition: all ease .35s;
  white-space: nowrap;
  z-index: 2; }
  .listing-box-label-top a {
    color: #fff; }
    .listing-box-label-top a:hover {
      color: #fff;
      text-decoration: none; }
  .listing-box-label-top i {
    margin-right: 4px; }

.listing-box-content {
  background-color: transparent;
  left: 50%;
  padding: 0;
  padding-top: 85px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transition: all ease .35s;
  width: 100%;
  z-index: 2; }
  .listing-box-content h2, .listing-box-content .comment-reply-title {
    color: #fff;
    display: block;
    font-size: 20px;
    margin: 0;
    overflow: hidden;
    padding: 0 20px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .listing-box-content h2 a, .listing-box-content .comment-reply-title a {
      color: #fff;
      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
      .listing-box-content h2 a:hover, .listing-box-content .comment-reply-title a:hover {
        text-decoration: none; }

.listing-box-rating {
  color: #ffd925;
  margin-top: 0;
  opacity: 0;
  font-size: 15px;
  text-align: center;
  transition: all ease .35s; }
  .listing-box-rating i {
    margin-right: 2px; }

.listing-box-actions {
  color: #fff;
  margin-top: 10px;
  opacity: 0;
  text-align: center;
  transition: all ease .35s; }
  .listing-box-actions a {
    pointer-events: all; }
  .listing-box-actions .fa {
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    height: 32px;
    margin: 0 6px;
    padding-top: 8px;
    transition: all ease .2s;
    width: 32px; }
    .listing-box-actions .fa:hover {
      background-color: #fff;
      color: #363636; }
  .listing-box-actions .fa-eye {
    font-size: 18px;
    height: 40px;
    padding-top: 9px;
    width: 40px; }

.listing-box-label-bottom {
  background-color: #fff;
  bottom: -26px;
  color: #444;
  font-size: 13px;
  left: 50%;
  padding: 3px 15px;
  position: absolute;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transition: all ease .35s;
  white-space: nowrap;
  z-index: 2; }
  .listing-box-label-bottom a {
    color: #444; }

.listing-column {
  background-color: #fff;
  overflow: hidden;
  position: relative; }
  .listing-column:hover .listing-column-title {
    background-color: #0aab9a; }
    .listing-column:hover .listing-column-title span:before {
      color: rgba(255, 255, 255, 0.8); }

.listing-column-image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 180px; }

.listing-column-label-top {
  background-color: #444;
  color: #fff;
  font-size: 13px;
  padding: 3px 15px;
  position: absolute;
  top: 0;
  white-space: nowrap;
  z-index: 2; }
  .listing-column-label-top.listing-column-label-top-center {
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%); }
  .listing-column-label-top.listing-column-label-top-left {
    background-color: #0aab9a;
    left: 0; }
  .listing-column-label-top.listing-column-label-top-right {
    right: 0; }
  .listing-column-label-top a {
    border: 0 !important;
    color: #fff; }
    .listing-column-label-top a:hover {
      color: #fff;
      text-decoration: none; }

.listing-column-label-special {
  background-color: #0aab9a;
  color: #fff;
  font-size: 13px;
  padding: 3px 15px;
  position: absolute;
  right: 10px;
  top: 165px;
  white-space: nowrap;
  z-index: 2; }

.listing-column-title {
  background-color: #444;
  color: #fff;
  min-height: 70px;
  padding: 17px 20px;
  transition: background-color .15s linear; }
  .listing-column-title a {
    color: #fff; }
  .listing-column-title h3 {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .listing-column-title span {
    font-size: 11px;
    margin-top: 5px;
    padding-left: 13px;
    position: relative; }
    .listing-column-title span:before {
      transition: color .15s linear;
      color: rgba(10, 171, 154, 0.8);
      content: '\f041';
      line-height: 14px;
      font-family: FontAwesome;
      font-size: 12px;
      left: 0;
      padding: 1px;
      position: absolute;
      top: 0; }
    .listing-column-title span a {
      color: rgba(255, 255, 255, 0.5); }

.listing-column-bottom-title {
  color: #0aab9a;
  display: block;
  font-size: 13px;
  font-weight: 500;
  padding: 11px 20px;
  min-height: 40px; }
  .listing-column-bottom-title .inventor-reviews-rating {
    color: #ffd925; }

.listing-column-actions {
  color: #363636;
  position: absolute;
  bottom: 10px;
  right: 20px; }
  .listing-column-actions a {
    color: #b8b8b8;
    margin-left: 12px; }
    .listing-column-actions a:hover {
      color: #363636; }
  .listing-column-actions .inventor-favorites-btn-toggle {
    display: inline; }
    .listing-column-actions .inventor-favorites-btn-toggle i {
      width: 15px; }
    .listing-column-actions .inventor-favorites-btn-toggle span {
      display: none; }
    .listing-column-actions .inventor-favorites-btn-toggle.heart:hover {
      color: #d81814; }
    .listing-column-actions .inventor-favorites-btn-toggle.heart.marked i {
      background-color: #fff;
      color: #444; }
    .listing-column-actions .inventor-favorites-btn-toggle.heart.marked i:before {
      content: "\f004";
      color: #d81814; }
  .listing-column-actions .share-listing span {
    display: none; }

.listing-container:last-of-type .listing-row {
  margin-bottom: 0; }

.listing-row-image, .listing-row-body, .listing-row-properties {
  display: table-cell;
  vertical-align: top; }

.listing-row-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 200px;
  position: relative;
  width: 30%; }

.listing-row-body {
  padding: 20px; }

.listing-row-properties {
  padding: 30px;
  width: 260px; }

.listing-row-properties dl {
  margin: 0;
  padding: 0; }

.listing-row-properties dt {
  clear: left;
  float: left;
  line-height: 36px; }

.listing-row-properties dd {
  color: #444;
  clear: right;
  line-height: 36px;
  text-align: right; }

.listing-row-properties dd:last-child {
  border-bottom: 0; }

.listing-row {
  background-color: #fff;
  display: table;
  margin-bottom: 30px;
  overflow: hidden;
  width: 100%; }
  .listing-row.featured {
    border: 1px solid #0aab9a; }
  .listing-row:hover .listing-row-actions {
    opacity: 1;
    padding-top: 0; }
  .listing-row:hover .listing-row-image:before {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-backface-visibility: hidden; }

.listing-row-image, .listing-row-body, .listing-row-properties {
  position: relative; }
  @media (max-width: 1199px) {
    .listing-row-image, .listing-row-body, .listing-row-properties {
      display: block; } }

.listing-row-image-link {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  border-bottom: 0 !important; }

.listing-row-image {
  position: relative;
  overflow: hidden; }
  .listing-row-image:before {
    background: -webkit-linear-gradient(top, rgba(54, 54, 54, 0) 0%, rgba(54, 54, 54, 0.9) 70%);
    background: linear-gradient(to bottom, rgba(54, 54, 54, 0) 0%, rgba(54, 54, 54, 0.9) 70%);
    content: '';
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    transition: all ease .35s;
    z-index: 0; }
  .listing-row-image:after {
    bottom: 0;
    content: '';
    display: block;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1; }
  @media (max-width: 1199px) {
    .listing-row-image {
      width: 100%; } }

.listing-row-body {
  padding: 30px; }

@media (max-width: 1199px) {
  .listing-row-properties {
    padding-top: 0;
    width: 100%; } }

.post-detail .listing-row-title, .listing-row-title {
  border: 0 !important;
  font-size: 18px;
  font-weight: 400;
  margin: 0 0 20px 0;
  padding: 0; }
  .post-detail .listing-row-title a, .listing-row-title a {
    border: 0 !important;
    color: #363636;
    text-transform: initial; }

.listing-row-properties dt {
  font-weight: 400; }

.listing-row-properties dd {
  border-bottom: 1px dashed #e9e9e9; }
  .listing-row-properties dd a {
    border: 0 !important; }

.listing-row-content a {
  border: 0 !important; }

.listing-row-content p {
  text-align: left; }

.listing-row-rating {
  color: #ffd925; }

.listing-row-label-top {
  background-color: #444;
  color: #fff;
  font-size: 13px;
  padding: 3px 15px;
  position: absolute;
  top: 0;
  white-space: nowrap;
  z-index: 2; }
  .listing-row-label-top.listing-row-label-top-center {
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%); }
  .listing-row-label-top.listing-row-label-top-left {
    background-color: #0aab9a;
    left: 0; }
  .listing-row-label-top.listing-row-label-top-right {
    right: 0; }
  .listing-row-label-top a {
    border: 0 !important;
    color: #fff; }
    .listing-row-label-top a:hover {
      color: #fff;
      text-decoration: none; }

.listing-row-label-bottom {
  background-color: rgba(255, 255, 255, 0.9);
  bottom: 0;
  color: #363636;
  font-size: 13px;
  left: 50%;
  padding: 3px 15px;
  position: absolute;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  white-space: nowrap;
  z-index: 2; }

.post-detail .post-content .listing-row-actions a {
  border-bottom-width: 0; }
  .post-detail .post-content .listing-row-actions a.fa {
    border-bottom-width: 1px; }
    .post-detail .post-content .listing-row-actions a.fa:hover {
      border-bottom: solid 1px white; }

.listing-row-actions {
  background-color: transparent;
  color: #fff;
  left: 50%;
  opacity: 0;
  padding: 0;
  padding-top: 50px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transition: all ease 0.35s;
  text-align: center;
  width: 100%;
  z-index: 2; }
  .listing-row-actions a {
    border-bottom: 0;
    pointer-events: all; }
  .listing-row-actions a:focus {
    text-decoration: none !important; }
  .listing-row-actions .fa {
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    height: 32px;
    margin: 0 6px;
    padding-top: 8px;
    transition: all ease .2s;
    width: 32px; }
    .listing-row-actions .fa:hover {
      background-color: #fff;
      color: #363636; }
  .listing-row-actions .fa-eye {
    font-size: 18px;
    height: 40px;
    padding-top: 9px;
    width: 40px; }
  .listing-row-actions span {
    display: none; }

****************************************************************
 * Listing small
 ****************************************************************
.listing-small {
  background-color: #fff;
  border: none;
  display: table;
  margin-bottom: 20px;
  height: 80px;
  table-layout: fixed;
  width: 100%; }
  .footer .listing-small {
    background-color: transparent;
    box-shadow: none;
    margin-bottom: 27px;
    height: 60px;
    padding: 0; }
  .listing-small:hover .listing-small-image a {
    background-color: rgba(54, 54, 54, 0.7);
    opacity: 1; }

.listing-small-image {
  display: table-cell;
  vertical-align: top;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 80px; }

.listing-small-content {
  display: table-cell;
  padding-left: 20px;
  vertical-align: middle; }

.listing-small-title {
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  overflow: hidden;
  padding: 0;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .listing-small-title a {
    color: #444;
    transition: all linear .15s; }
    .listing-small-title a:hover {
      color: #0aab9a !important; }
    .footer .listing-small-title a {
      color: rgba(255, 255, 255, 0.6) !important; }
      .footer .listing-small-title a:hover {
        color: #0aab9a !important; }

.listing-small-location {
  font-size: 11px;
  margin-top: 5px;
  padding-left: 13px;
  position: relative; }
  .listing-small-location:before {
    color: #676767;
    content: '\f041';
    line-height: 14px;
    font-family: FontAwesome;
    font-size: 12px;
    left: 0;
    padding: 1px;
    position: absolute; }
  .listing-small-location a {
    color: #868686; }
    .footer .listing-small-location a {
      color: rgba(255, 255, 255, 0.3) !important; }
      .footer .listing-small-location a:hover {
        color: #0aab9a !important; }

.listing-small-price {
  color: #0aab9a;
  font-size: 12px;
  font-weight: 400;
  margin-top: 7px; }

.items-per-row-1 .listing-container:last-of-type .listing-small {
  margin-bottom: 0; }

.listing-small-image {
  position: relative; }
  .listing-small-image a {
    height: 100%;
    display: block;
    opacity: 0;
    position: absolute;
    text-align: center;
    transition: all linear .2s;
    width: 100%; }
    .listing-small-image a:hover:before {
      background-color: #0aab9a;
      color: #fff; }
    .listing-small-image a:before {
      background-color: #fff;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      border-radius: 50%;
      border: 0 solid #fff;
      color: #363636;
      content: "\f06e";
      display: inline-block;
      font-family: 'FontAwesome';
      height: 30px;
      padding-top: 5px;
      position: relative;
      text-align: center;
      transition: all linear .2s;
      width: 30px; }

****************************************************************
 * Listing masonry
 ****************************************************************
.listing-masonry-image {
  height: 120px; }

.listing-masonry-location, .listing-masonry-price {
  font-size: 12px; }

.listing-masonry-container {
  float: left;
  margin-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  width: 100%; }

.listing-masonry-container {
  height: 0; }

.listing-masonry {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  border: none;
  height: 100%;
  overflow: hidden;
  -webkit-transform: translateZ(0px);
  text-align: center; }
  .listing-masonry:hover .listing-masonry-background:before {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-backface-visibility: hidden; }
  .listing-masonry:hover .listing-masonry-content {
    padding-top: 0; }
  .listing-masonry:hover .listing-masonry-meta a, .listing-masonry:hover .listing-masonry-meta .separator {
    font-size: 14px; }
  .listing-masonry:hover .listing-masonry-meta:before {
    font-size: 11px; }
  .listing-masonry:hover .listing-masonry-actions {
    opacity: 1; }
  .listing-masonry:hover .listing-masonry-rating {
    margin-top: 15px; }
  .listing-masonry .share-listing span {
    display: none; }

.listing-row .inventor-favorites-btn-toggle, .listing-box .inventor-favorites-btn-toggle, .listing-masonry .inventor-favorites-btn-toggle {
  display: inline; }
  .listing-row .inventor-favorites-btn-toggle span, .listing-box .inventor-favorites-btn-toggle span, .listing-masonry .inventor-favorites-btn-toggle span {
    display: none; }
  .listing-row .inventor-favorites-btn-toggle.heart.marked i, .listing-box .inventor-favorites-btn-toggle.heart.marked i, .listing-masonry .inventor-favorites-btn-toggle.heart.marked i {
    background-color: #fff;
    color: #444; }
  .listing-row .inventor-favorites-btn-toggle.heart.marked i:before, .listing-box .inventor-favorites-btn-toggle.heart.marked i:before, .listing-masonry .inventor-favorites-btn-toggle.heart.marked i:before {
    content: "\f004";
    color: #d81814; }

.listing-masonry-background {
  height: 100%;
  position: relative;
  pointer-events: none; }
  .listing-masonry-background:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(top, rgba(54, 54, 54, 0) 0%, rgba(54, 54, 54, 0.9) 70%);
    background: linear-gradient(to bottom, rgba(54, 54, 54, 0) 0%, rgba(54, 54, 54, 0.9) 70%);
    content: '';
    opacity: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    transition: all ease .35s; }
  .listing-masonry-background:after {
    bottom: 0;
    content: '';
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1; }

.listing-masonry-title {
  color: #fff;
  font-weight: 400;
  font-size: 26px;
  margin: 0;
  margin-bottom: 5px;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.85); }
  .listing-masonry-title a {
    color: #fff; }
    .listing-masonry-title a:hover {
      text-decoration: none; }

.listing-masonry-label-top {
  background-color: #0aab9a;
  color: #fff;
  left: 50%;
  font-size: 13px;
  padding: 3px 15px;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transition: all ease .35s;
  white-space: nowrap;
  z-index: 2; }
  .listing-masonry-label-top a {
    color: #fff; }
    .listing-masonry-label-top a:hover {
      color: #fff;
      text-decoration: none; }
  .listing-masonry-label-top i {
    margin-right: 4px; }

.listing-masonry-content {
  background-color: transparent;
  left: 50%;
  padding-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 85px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transition: all ease .35s;
  width: 100%;
  z-index: 2; }

.listing-masonry-content-link {
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0; }

.listing-masonry-rating {
  color: #ffd925;
  font-size: 15px;
  text-align: center;
  transition: all ease .35s; }
  .listing-masonry-rating i {
    margin: 0 2px; }

.listing-masonry-actions {
  color: #fff;
  opacity: 0;
  margin-top: 20px;
  text-align: center;
  transition: all ease .35s; }
  .listing-masonry-actions a {
    pointer-events: all; }
  .listing-masonry-actions .fa {
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    height: 32px;
    margin: 0 6px;
    padding-top: 8px;
    transition: all ease .2s;
    width: 32px; }
    .listing-masonry-actions .fa:hover {
      background-color: #fff;
      color: #363636; }
    .listing-masonry-actions .fa.marked {
      background-color: #fff;
      color: #363636; }
      .listing-masonry-actions .fa.marked.fa-heart-o:before {
        color: #d81814;
        content: "\f004"; }
      .listing-masonry-actions .fa.marked.fa-bookmark-o:before {
        color: #0aab9a;
        content: "\f02e"; }
  .listing-masonry-actions .fa-eye {
    font-size: 18px;
    height: 40px;
    padding-top: 9px;
    width: 40px; }

.listing-masonry-meta {
  color: #fff;
  font-size: 0;
  font-weight: 500;
  margin-bottom: 5px;
  overflow: hidden;
  text-align: center;
  -webkit-font-smoothing: antialiased; }
  .listing-masonry-meta .separator {
    color: #fff;
    transition: font-size ease .35s; }
  .listing-masonry-meta a {
    color: #fff;
    transition: font-size ease .35s; }
    .listing-masonry-meta a:hover {
      color: #fff;
      border-bottom: 1px solid #fff; }
  .listing-masonry-meta:before {
    content: "\f278";
    font-family: 'FontAwesome';
    font-size: 0;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    margin-right: 10px;
    transition: font-size ease .35s;
    vertical-align: 1px; }

.listing-create {
  float: right;
  margin: 0 0 30px 0; }
  .listing-create:before {
    content: '\f067';
    color: #fff;
    font-family: FontAwesome;
    display: inline-block;
    padding-right: 8px; }

****************************************************************
 * Listing system
 ****************************************************************
.listings-system-legend {
  float: left;
  margin: 8px 15px 25px 0;
  padding: 0; }
  .listings-system-legend li, .listings-system-legend a {
    color: #fff;
    float: left;
    font-size: 12px;
    line-height: 20px;
    list-style: none;
    margin: 0 15px 0 0;
    padding: 5px 10px;
    text-align: center; }
    .listings-system-legend li:before, .listings-system-legend a:before {
      color: #fff;
      font-family: FontAwesome;
      display: inline-block;
      padding-right: 8px; }
    .listings-system-legend li.published, .listings-system-legend a.published {
      background-color: #8dc63f; }
      .listings-system-legend li.published:before, .listings-system-legend a.published:before {
        content: '\f00c'; }
    .listings-system-legend li.in-review, .listings-system-legend a.in-review {
      background-color: #ffd925; }
      .listings-system-legend li.in-review:before, .listings-system-legend a.in-review:before {
        content: '\f128'; }
    .listings-system-legend li.disabled, .listings-system-legend a.disabled {
      background-color: #d81814; }
      .listings-system-legend li.disabled:before, .listings-system-legend a.disabled:before {
        content: '\f023'; }

.listing-system {
  background-color: #fff;
  display: table;
  margin: 0 0 30px 0;
  position: relative;
  width: 100%; }

.listing-system-row {
  background-color: #fff;
  display: table-row;
  overflow: hidden;
  position: relative; }
  .listing-system-row:hover .listing-system-row-image a {
    background-color: rgba(54, 54, 54, 0.7);
    opacity: 1; }
    .listing-system-row:hover .listing-system-row-image a:after {
      opacity: 1; }

.listing-system-row-image,
.listing-system-row-info,
.listing-system-row-actions,
.listing-system-row-submission-actions {
  display: table-cell;
  vertical-align: middle; }

@media (max-width: 991px) {
  .listing-system-row-info, .listing-system-row-actions, .listing-system-row-submission-actions {
    display: block; } }

.listing-system-row-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 120px;
  overflow: hidden;
  position: relative;
  width: 25%; }
  .listing-system-row-image a {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border: 0 !important;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0; }
    .listing-system-row-image a:after {
      background-color: #fff;
      top: 50%;
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      border-radius: 50%;
      color: #676767;
      content: "\f002";
      display: inline-block;
      font-family: 'FontAwesome';
      font-size: 15px;
      height: 40px;
      left: 50%;
      opacity: 0;
      line-height: 40px;
      position: absolute;
      text-align: center;
      transition: all linear .2s;
      width: 40px; }
    .listing-system-row-image a:hover:after {
      font-size: 26px;
      height: 57px;
      line-height: 57px;
      width: 57px; }

.listing-system-row-info {
  padding: 20px; }

.listing-system-row-title {
  font-size: 16px; }
  .listing-system-row-title a {
    border: 0 !important;
    color: #363636;
    font-weight: 400; }
    .listing-system-row-title a:hover {
      color: #0aab9a; }

.listing-system-row-location {
  font-size: 12px;
  margin: 2px 0 10px 0;
  padding-left: 13px;
  position: relative; }
  .listing-system-row-location a {
    border: 0 !important;
    color: #868686; }
    .listing-system-row-location a:hover {
      color: #0aab9a; }
  .listing-system-row-location:before {
    color: #868686;
    content: '\f041';
    line-height: 14px;
    font-family: FontAwesome;
    font-size: 12px;
    left: 0;
    padding: 1px;
    position: absolute; }
    :hover .listing-system-row-location:before {
      color: #0aab9a; }

.listing-system-row-additional {
  color: #b8b8b8;
  font-size: 12px;
  margin: 5px 0 0 0; }
  .listing-system-row-additional i {
    margin-right: 2px; }

.listing-system-row-listing-type {
  background-color: #e9e9e9;
  color: #676767;
  display: inline-block;
  font-size: 10px;
  font-weight: bold;
  margin: 4px 0 0 0;
  padding: 6px 14px;
  position: absolute;
  right: 0;
  text-align: center;
  text-transform: uppercase;
  top: -4px; }
  .listing-system-row-listing-type i {
    margin-right: 3px; }

.listing-system-row-submission-actions {
  width: 170px;
  padding-right: 20px; }
  @media (max-width: 991px) {
    .listing-system-row-submission-actions {
      padding-left: 20px; } }
  .listing-system-row-submission-actions button {
    background-color: #fff;
    border: 1px solid #ececec;
    box-shadow: none;
    color: #676767;
    display: block;
    font-size: 11px;
    font-weight: 400;
    height: 28px;
    line-height: 26px;
    min-height: 28px;
    margin: 5px 0 !important;
    padding: 0 10px;
    text-align: left;
    text-transform: inherit;
    transition: all .15s linear;
    width: 100%;
    white-space: normal; }
    .listing-system-row-submission-actions button.disabled {
      color: #676767 !important;
      border-color: #f4f4f4;
      padding-right: 27px; }
      .listing-system-row-submission-actions button.disabled:hover {
        color: #676767 !important;
        border-color: #f4f4f4; }
      .listing-system-row-submission-actions button.disabled:after {
        color: #8dc63f;
        content: "\f00c";
        display: inline-block;
        font-family: fontawesome;
        font-size: 15px;
        -webkit-font-smoothing: antialiased;
        left: initial;
        top: 0;
        right: 6px;
        width: auto; }
    .listing-system-row-submission-actions button:after {
      background-color: initial; }
    .listing-system-row-submission-actions button:hover {
      background-color: #fff !important;
      border-color: #0aab9a;
      color: #0aab9a; }
      .listing-system-row-submission-actions button:hover span {
        background-color: #0aab9a; }
    .listing-system-row-submission-actions button span {
      background-color: #CECECE;
      border-radius: 0;
      color: #fff;
      display: inline-block;
      float: right;
      font-size: 11px;
      line-height: 12px;
      margin: 0 -10px 0 0;
      padding: 7px 5px;
      top: 0 !important;
      transition: all .15s linear;
      vertical-align: 1px; }

.listing-system-row-actions {
  padding: 20px 20px 20px 0;
  text-align: right;
  width: 1px;
  white-space: nowrap; }
  .listing-system-row-actions a {
    border: 0 !important;
    color: #b8b8b8;
    font-size: 12px;
    margin: 0 0 0 20px; }
    .listing-system-row-actions a i {
      border: 1px solid rgba(0, 0, 0, 0.25);
      border-radius: 50%;
      color: rgba(0, 0, 0, 0.25);
      font-size: 11px;
      height: 22px;
      line-height: 21px;
      margin: 0 10px 0 0;
      text-align: center;
      vertical-align: 2px;
      width: 22px; }
    .listing-system-row-actions a:hover {
      color: #868686; }
      .listing-system-row-actions a:hover i {
        border: 1px solid rgba(0, 0, 0, 0.4);
        color: rgba(0, 0, 0, 0.4); }

.listing-button-delete:hover {
  color: #d81814 !important; }
  .listing-button-delete:hover i {
    border-color: #d81814 !important;
    color: #d81814 !important; }



.sticky-footer {
    bottom: 15px;
    position: fixed;
    right: 3%;
    background-color: #28ac1e;
    border-radius: 60px;
    padding: 15px;
    z-index: 999999999999999;
}