body.page-template-page-listings,
body.post-type-archive-listing,
body.single-listing{
  background-color: #F9F9F9;
}
.from-to-text-wrapper{
  position: relative;
  .price-input-wrapper{
    input.form-control{
      appearance: textfield;
      -moz-appearance: textfield;
      -webkit-appearance: textfield;
      -ms-appearance: textfield;
      -o-appearance: textfield;
    }
  }
  .price-text-wrapper{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
  }
}
.contact-form-wrapper{
  .button{
    position: relative;
    &:before{
      display: block;
      content:'';
      position:absolute;
      top:-1px;
      left:-1px;
      @include size(calc(100% + 2px),calc(100% + 2px));
      background:rgba(255,255,255,0.9) url('#{$image-theme-path}loading.gif') no-repeat center center/20px auto;
      @include opacity(0);
      @include transition(all 0.3s ease-in-out 0s);
      z-index: 1;
      visibility: hidden;
    }
  }
  &.loading .button{
    &:before{
      visibility: visible;
      @include opacity(1);
    }
  }
  .ga-recaptcha{
    margin-bottom: 10px;
  }
}
.phone-wrapper.phone-hide{
  .phone{
    display: none;
  }
  .phone-show{
    span{
      display: inline-block;
      vertical-align: top;
      font-size: 11px;
      font-weight: 700;
      @include border-radius(2px);
      padding:1px 6px;
      color: #fff;
      background-color: #24324A;
      text-transform: capitalize;
      cursor: pointer;
      @include rtl-margin-left(2px);
    }
  }
  &.show{
    .phone{
      display: inline-block;
    }
    .phone-show{
      display: none;
    }
  }
}
.flex-phone{
  i{
    font-size: 14px;
    @include rtl-margin-right(8px);
  }
}
// icon map
.map-popup{
  @include size(50px,50px);
  margin-top: -50px;
  margin-left: -25px;
  @include flexbox();
  align-items:flex-end;
  -webkit-align-items:flex-end;
  justify-content : center;
  -webkit-justify-content : center;
  -ms-justify-content : center;
  &:before{
    display: none !important;
  }
  .icon-wrapper{
    color: #fff;
    background-color: $theme-color;
    font-size: 20px;
    line-height: 1;
    @include transition(all 0.3s ease-in-out 0s);
    position: relative;
    @include border-radius(50%);
    @include size(50px,50px);
    @include flexbox();
    align-items: center;
    -webkit-box-align-items: center;
    -ms-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    @include box-shadow(0 18px 50px 0 rgba(#171A21,0.3));
    &:hover,&:focus{
      @include box-shadow(0 18px 50px 0 rgba(#171A21,0.55));
    }
  }
  &.map-popup-selected{
    .icon-wrapper{
      @include box-shadow(0 18px 50px 0 rgba(#171A21,0.55));
    }
  }
}
.cmb-form,
.single-listing-map{
  .icon-wrapper{
    &:before{
      animation: scale_icon_map 1.5s ease-in-out 0s infinite normal;
      -webkit-animation: scale_icon_map 1.5s ease-in-out 0s infinite normal;
    }
  }
}
// loading for display
#listings-google-maps,
.main-items-wrapper{
  position: relative;
  &.loading:before{
    content:'';
    background-position: center 200px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"38\" height=\"38\" viewBox=\"0 0 38 38\" stroke=\"rgba(102,102,102,0.25)\"%3E%3Cg fill=\"none\" fill-rule=\"evenodd\"%3E%3Cg transform=\"translate(1 1)\" stroke-width=\"2\"%3E%3Ccircle stroke-opacity=\".55\" cx=\"18\" cy=\"18\" r=\"18\"/%3E%3Cpath d=\"M36 18c0-9.94-8.06-18-18-18\"%3E%3CanimateTransform attributeName=\"transform\" type=\"rotate\" from=\"0 18 18\" to=\"360 18 18\" dur=\"1s\" repeatCount=\"indefinite\"/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    max-height: 100%;
    background-color: rgba(255,255,255,0.95);
    position: absolute;
    top:0;
    left: 0;
    z-index: 3;
    @include size(100%,100%);
  }
}
// button loading center
.btn-remove-compare-all,
.loadmore-message-btn,
.loadmore-replied-btn,
.reply-message-btn{
  position: relative;
  border:0 !important;
  &:before{
    position: absolute;
    top:50%;
    left: 50%;
    font-size: 14px;
    @include opacity(0);
    color: $link-color;
    content:'\f110';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    @include transition(all 0.3s ease-in-out 0s );
    margin:-14px -8px;
  }
  &.loading{
    background: rgba(255,255,255,0.8) !important;
    color: transparent !important;
    &:before{
      @include opacity(0.8);
      animation:rotate_icon 1500ms linear 0s normal none infinite running;
      -webkit-animation:rotate_icon 1500ms linear 0s normal none infinite running;
    }
  }
}
#listings-google-maps.loading:before{
  z-index: 999;
  background-color: rgba(255,255,255,0.75);
}
.listing-title{
  font-size: $font-size-base;
  margin:0 0 7px;
}
.listing-price{
  color: $link-color;
  font-size: 20px;
  font-weight: 600;
  @media(min-width: 1200px){
    font-size: 26px;
  }
}
.featured-listing{
  background-color: #D0473A;
  color: #fff;
  display: inline-block;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  padding:3px 12px;
  @include border-radius(40px);
}
.featured-icon{
  color: $theme-color;
}
.label-listing-label{
  background-color: #0D263B;
  color: #fff !important;
  display: inline-block;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  padding:3px 12px;
  @include border-radius($border-radius-base);
  &:hover,&:focus{
    background-color: darken(#0D263B,10%);
  }
}
.gallery-listing-main-detail{
  position: relative;
  overflow: hidden;
  @include border-radius($border-radius-base);
  .gallery-metas{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    padding:20px;
  }
  .status-listing-label{
    background-color: #0D263B;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    padding:3px 12px;
    @include border-radius($border-radius-base);
    &:hover,&:focus{
      color: #fff;
      background-color: darken(#0D263B,10%);
    }
  }
}
.avatar-wrapper{
  .avatar-img{
    @include size(40px,40px);
    @include border-radius(50%);
    overflow: hidden;
    border:2px solid #fff;
    background: #fff;
    @include box-shadow(0 0 10px 0 rgba(#0D263B,0.2));
    img{
      margin:0;
    }
    + .name-author{
      width: calc(100% - 40px);
      @include rtl-padding-left(10px);
    }
  }
  .name-author{
    color: $link-color;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
.listing-postdate{
  white-space: nowrap;
}
.box-white-detail{
  padding:15px;
  background:#fff;
  margin-bottom: 20px;
  @media(min-width: 1200px){
    padding:25px 30px;
    margin-bottom: 30px;
  }
  .title{
    font-size: 20px;
    margin:0 0 15px;
  }
}
.title-wrapper{
  > *{
    display: inline-block;
    vertical-align: middle;
    margin:0;
    + *{
      @include rtl-margin-left(7px);
    }
  }
}
.star-rating{
  @include flexbox();
  .review-avg{
    @include rtl-margin-left(7px);
  }
}
.review-stars-rated{
  position:relative;
  overflow: hidden;
  width: 85px;
  .review-stars{
    list-style: none;
    padding:0;
    margin:0;
    color: #e1e1e1;
    white-space: nowrap;
    overflow: hidden;
    font-size: 10px;
    letter-spacing: 2px;
    li{
      display: inline-block;
    }
    &.filled{
      color: #F5C34B;
      position:absolute;
      top:0;
      @include rtl-left(0);
    }
  }
}
.review-stars-rated-wrapper{
  @include flexbox();
  align-items: center;
  -webkit-align-items: center;
  .nb-review{
    @include rtl-margin-left(7px);
  }
  .nb-pre-review{
    @include rtl-margin-right(7px);
  }
}
.review-title-wrapper {
  margin-bottom: 15px;
  @media(min-width: 768px){
    margin-bottom: 25px;
  }
  .comments-title,
  .title{
    margin:0;
    font-size: 18px;
  }
}
// for map top
#listings-google-maps{
  position: relative;
  z-index: 1;
  font-size: $font-size-base;
  font-family: $font-family-base;
  line-height: $line-height-base;
  overflow: hidden;
  @include size(100%, 280px);
  @media(min-width: 1200px){
    height: 400px;
  }
  .leaflet-popup-content{
    line-height: $line-height-base;
  }
  .leaflet-popup-content{
    margin:0;
  }
  .leaflet-popup-content-wrapper{
    padding:0;
    background-color: transparent;
    @include box-shadow(0 18px 60px 0 rgba(#171A21,0.05));
    width: 220px;
  }
  a{
    color: $link-color;
    &:hover,&:focus{
      color: $theme-color;
    }
  }
  // style for listing grid
  .listing-grid{
    margin:0;
    @include box-shadow(none !important);
    .listing-thumbnail-wrapper{
      @include border-radius($border-radius-base);
      overflow: hidden;
    }
    .listing-information{
      padding:10px 0 0;
    }
    .listing-title{
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;  
      overflow: hidden;
      margin:0;
    }
    .listing-price{
      font-size: $font-size-base;
    }
  }
  &.leaflet-container a.leaflet-popup-close-button{
    top: 20px;
    right: 20px;
    background:$theme-color;
    padding: 5px 7px 7px;
    height: auto;
    width: auto;
    line-height: 1;
    margin: 0;
    @include border-radius($border-radius-base);
    color: #fff;
    @include transition(all 0.3s ease-in-out 0s);
    &:hover,&:focus{
      color: #fff;
      background:$brand-danger;
    }
  }
  .leaflet-popup{
    margin-bottom: $theme-margin;
  }
  .leaflet-popup-tip-container{
    margin-top: -2px;
  }
  .leaflet-popup-tip{
    @include box-shadow(0 10px 50px 0 rgba(13, 38, 59, 0.1));
  }
  // group icon
  .marker-cluster{
    width: 30px !important;
    height: 30px !important;
    margin-left: -15px !important;
    margin-top: -15px !important;
    @include border-radius(50%);
    @include flexbox();
    align-items:center;
    -webkit-align-items:center;
    justify-content:center;
    -webkit-justify-content:center;
    @include transition(all 0.3s ease-in-out 0s);
    > div{
      @include size(30px,30px);
      display: inline-block;
      line-height: 30px;
      text-align: center;
      background: $link-hover-color;
      @include border-radius(50%);
      color: #fff;
      font-size: $font-size-base;
      font-weight: 600;
      position: relative;
      z-index: 1;
    }
    &:before{
      content:'';
      position: absolute;
      top:-5px;
      left: -5px;
      display: block;
      @include border-radius(50%);
      @include size( calc(100% + 10px), calc(100% + 10px) );
      background-color: #fff;
      @include transition(all 0.3s ease-in-out 0s);
      @include scale(1);
    }
    &:hover,&:focus{
      &:before{
        @include scale(1.2);
      }
    }
  }
}
// page agent
.socials-member{
  a{
    @include rtl-margin-right(10px);
    color: #767676;
    &:hover,&:focus{
      color: $theme-color;
    }
    @media(min-width: 1200px){
      @include rtl-margin-right(15px);
    }
  }
}
.listings-ordering-wrapper{
  margin-bottom: 20px;
  @media(min-width: 768px){
    @include flexbox();
    align-items: center;
    -webkit-align-items: center;
    .ordering-display-mode-wrapper{
      @include rtl-margin-left(auto);
    }
  }
  @media(min-width: 1200px){
    margin-bottom: $theme-margin;
  }
  .saved-search-form-btn{
    @include rtl-margin-left(15px);
    @media(min-width: 1200px){
      @include rtl-margin-left(25px);
    }
  }
  div.listings-ordering{
    @include rtl-margin-right(25px);
  }
  .listings-display-mode-wrapper{
    @include rtl-margin-left(auto);
  }
  .results-count{
    color: $link-color;
  }
  &.has-filter-btn{
    @media(min-width: 768px){
      justify-content:space-between;
      -webkit-justify-content:space-between;
      -ms-justify-content:space-between;
      .ordering-display-mode-wrapper{
        margin: initial;
      }
    }
  }
}

.send-message-btn{
  display: block;
  position:relative;
  &:before{
    display: block;
    content:'';
    position:absolute;
    top:-1px;
    left:-1px;
    @include size(calc(100% + 2px),calc(100% + 2px));
    background:rgba(255,255,255,0.9) url('#{$image-theme-path}loading.gif') no-repeat center center/20px auto;
    @include opacity(0);
    @include transition(all 0.3s ease-in-out 0s);
    z-index: 1;
    visibility: hidden;
  }
  &.loading{
    &:before{
      visibility: visible;
      @include opacity(1);
    }
  }
}
// banner city
.location-banner-inner{
  display: block;
  position: relative;  
  .title{
    font-size: 16px;
    @media(min-width: 1200px){
      font-size: 18px;
    }
    margin:0 0 3px;
    @include transition(all 0.3s ease-in-out 0s);
  }
  .number{
    font-size: 13px;
    font-weight: 600
  }
  &.style1{
    text-align: center;
    .banner-image{
      position: relative;
      overflow: hidden;
      @include border-radius($border-radius-base);
      img{
        width: 100%;
        @include transition(all 0.3s ease-in-out 0s);
      }
      &:before{
        content :'';
        z-index: 1;
        position: absolute;
        top: 0;
        left: 0;
        @include size(100%,100%);
        background-color: rgba(#0D263B,0.3);
        @include transition(all 0.3s ease-in-out 0s);
      }
      + .inner{
        color: #fff;
        padding:20px;
        z-index: 2;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        .title{
          color: #fff;
        }
      }
    }
    &:hover{
      .banner-image:before{
        background-color: rgba(#0D263B,0.5);
      }
      .banner-image img{
        @include scale(1.05);
      }
    }
  }
  &.style2{
    @include flexbox();
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    .banner-image{
      width: 60px;
      @media(min-width: 768px){
        width: 100px;
      }
      @include border-radius(8px);
    }
    .inner{
      width: calc(100% - 60px);
      @include rtl-padding-left(15px);
      @media(min-width: 768px){
        width: calc(100% - 100px);
        @include rtl-padding-left(20px);
      }
    }
    .number{
      font-size: $font-size-base;
      color: $text-color;
      font-weight: 400; 
    }
    &:hover{
      .title{
        color: $theme-color;
      }
    }
  }
}
// type-banner-listing
.widget-listing-types{
  @media(min-width: 1500px){
    .slick-carousel{
      .slick-prev{
        left: -8px;
      }
      .slick-next{
        right: -8px;
      }
    }
  }
}
.type-banner-inner{
  text-align: center;
  position: relative;
  display: block;
  padding: 15px;
  @media(min-width: 1200px){
    padding: 20px;
  }
  margin-bottom: 15px;
  background-color: #fff;
  @include border-radius($border-radius-base);
  @include transition(all 0.3s ease-in-out 0s);
  .type-icon{
    @include transition(all 0.3s ease-in-out 0s);
    font-size: 50px;
    line-height: 0;
    @media(min-width: 1200px){
      font-size: 70px;
    }
  }
  .title{
    margin: 10px 0 0;
    font-size: $font-size-base;
    @include transition(all 0.3s ease-in-out 0s);
  }
  .number{
    @include transition(all 0.3s ease-in-out 0s);
  }
  &:focus,
  &:hover{
    @include box-shadow(0 18px 60px 0 rgba(#171A21,0.05));
  }
}
.type-banner-inner-simple{
  display: block;
  position: relative;
  overflow: hidden;
  @include border-radius($border-radius-base);
  .banner-image{
    position: relative;
    &:before{
      content:'';
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      @include size(100%,100%);
      background-color: rgba(#000,0.2);
    }
    img{
      @include transition(all 0.3s ease-in-out 0s);
    }
  }
  .inner{
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 20px 10px;
    @media(min-width: 1200px){
      padding: 0 40px 30px;
    }
  }
  .number,
  .title{
    color: #fff;
    margin:0 0 5px;
  }
  &:hover{
    .banner-image img{
      @include scale(1.1);
    }
  }
}
// save search listings
.form-theme,
.saved-search-form{
  label{
    font-weight: 400;
    color: $headings-color;
    margin-bottom: 5px;
  }
  &:before{
    display: block;
    content:'';
    position:absolute;
    top:0;
    left:0;
    @include size(100%,100%);
    background:rgba(255,255,255,0.9) url('#{$image-theme-path}loading.gif') no-repeat center center / 30px auto;
    @include opacity(0);
    @include transition(all 0.3s ease-in-out 0s);
    z-index: 1;
    visibility: hidden;
  }
  &.loading{
    &:before{
      visibility: visible;
      @include opacity(1);
    }
  }
}
.listings-display-mode-wrapper{
  label{
    margin-bottom: 0;
    cursor: pointer;
    @include transition(all 0.3s ease-in-out 0s);
    @include rtl-margin-right(8px);
    [type="radio"]{
      display: none;
    }
    i{
      font-size: 15px;
      text-align: center;
      color: $link-color !important;
      display: inline-block;
      line-height: 33px;
      @include size(35px,35px);
      border:1px solid $border-color;
      background-color: #fff;
      @media(min-width: 1200px){
        line-height: 38px;
        @include size(40px,40px);
      }
      background-color: #fff;
      @include border-radius($border-radius-base);
    }
    input:checked + i{
      border-color: $border-color;
      background-color:  $border-color;
    }
    &:last-child{
      @include rtl-margin-right(0);
    }
  }
}
.my-listings-ordering,
.sort-my-listings-form,
.sort-listings-favorite-form,
.listings-ordering{
  .text-sort,
  .label{
    font-weight: 600;
    color: $link-color;
    font-size: $font-size-base;
    padding:0;
    display: inline-block;
    vertical-align: middle;
    @include rtl-margin-right(10px);
  }
  .select2-container--default.select2-container .select2-selection--single{
    height: auto;
    color: $text-color;
    .select2-selection__rendered{
      padding-top: 0;
      padding-bottom: 0;
    }
    .select2-selection__arrow{
      top: 7px;
    }
  }
}
// my listings
.search-orderby-wrapper {
  margin-bottom: 30px;
  margin-top: 20px;
  @media(min-width: 1200px){
    margin-top: 30px;
    margin-bottom: 50px;
  }
  .title-profile{
    margin:0;
  }
  .sortby-form{
    @include rtl-margin-left(20px);
    @media(min-width: 1200px){
      @include rtl-margin-left($theme-margin);
    }
  }
  .orderby-wrapper {
    padding:11px 20px;
    background-color: #fff;
    border:1px solid $border-color;
    @include border-radius($border-radius-base);
  }
}

// style for listing
.listing-meta{
  @include flexbox();
  align-items: center;
  -webkit-box-align-items: center;
  -ms-align-items: center;
  i{
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    @include rtl-margin-right(8px);
  }
  .value-suffix{
    flex:1;
    -webkit-box-flex:1;
    -ms-flex:1;
  }
}
.listing-gallery-count{
  i{
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    @include rtl-margin-right(5px);
  }
}
.listing-item{
  @include transition(all 0.3s ease-in-out 0s);
  background-color: #fff;
  @include border-radius($border-radius-base);
  margin-bottom: 20px;
  position: relative;
  @media(min-width: 1200px){
    margin-bottom: $theme-margin;
  }
  // check loading.
  &.images-loading{
    .listing-image{
      &:after{
        font-size: 20px;
        color: #fff;
        display: block;
        @include size(35px,35px);
        text-align: center;
        line-height: 35px;
        margin-top: -17px;
        margin-left: -17px;
        position: absolute;
        top:50%;
        left: 50%;
        content:'\f110';
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        animation:rotate_icon 1200ms linear 0s normal none infinite running;
        -webkit-animation:rotate_icon 1200ms linear 0s normal none infinite running;
        z-index: 2;
        @include opacity(0.8);
      }
    }
  }
  .action-listing [class *= "btn"],
  .listing-gallery-count{
    @include rtl-margin-left(15px);
    &:first-child{
      @include rtl-margin-left(0);
    }
  }
  .listing-price{
    font-size: 15px;
  }
  .tooltip{
    white-space: nowrap;
  }
  .listing-metas{
    .listing-meta{
      @include rtl-margin-right(10px);
      @media(min-width: 1350px){
        @include rtl-margin-right(20px);
      }
      &:last-child{
        @include rtl-margin-right(0);
      }
    }
  }
  // for image
  .listing-image{
    display: block;
    position: relative;
    overflow: hidden;
    @include border-radius($border-radius-base);
    img{
      @include transition(all 0.3s ease-in-out 0s );
    }
    &:before{
      @include transition(all 0.3s ease-in-out 0s );
      content:'';
      position: absolute;
      top:0;
      left: 0;
      @include size(100%,100%);
      @include gradient-vertical(transparent,#0C1227);
      @include opacity(0);
      display: block;
    }
  }
  .listing-thumbnail-wrapper{
    position: relative;
    .top-label{
      top: 10px;
      @include rtl-left(10px);
      @media(min-width: 1200px){
        top: 20px;
        @include rtl-left(20px);
      }
      position: absolute;
      z-index: 1;
    }
    .bottom-label{
      visibility: hidden;
      @include opacity(0);
      @include transition(all 0.3s ease-in-out 0s);
      left: 0;
      width: 100%;
      padding:0 20px;
      bottom:10px;
      position: absolute;
      z-index: 1;
      color: #fff;
      @include translateY(10px);
    }
  }
  &:hover{
    @include box-shadow(0 18px 60px 0 rgba(#171A21,0.05));
    .listing-image:before{
      @include opacity(0.8);
    }
    .listing-thumbnail-wrapper .bottom-label{
      @include opacity(1);
      @include translateY(0);
      visibility: visible;
    }
  }
}
.listing-grid{
  border:1px solid $border-color;
  padding: 10px;
  .listing-information{
    padding: 14px 10px 5px;
  }
  .listing-metas {
    border-top: 1px solid $border-color;
    padding-top: 15px;
    margin-top: 10px;
  }
}

.listing-grid-v1{
  .listing-image{
    @include border-radius($border-radius-base $border-radius-base 0 0);
  }
  .top-info{
    padding: 17px 20px;
    border-width: 0 1px 1px;
    border-color: $border-color;
    border-style: solid;
    @include border-radius(0 0 $border-radius-base $border-radius-base);
  }
  .listing-price{
    color: #4AAEE7;
  }  
}

.listing-grid-v2{
  .listing-image{
    @include border-radius($border-radius-base $border-radius-base 0 0);
  }
  .top-info{
    padding: 17px 20px;
    border-width: 0 1px 1px;
    border-color: $border-color;
    border-style: solid;
    @include border-radius(0 0 $border-radius-base $border-radius-base);
  }
  .listing-price{
    color: #4AAEE7;
  }
  .listing-metas{
    margin-top: 5px;
  }
}

.listing-grid-special{
  background-color: transparent;
  @include border-radius(0);
  text-align: center;
  @include box-shadow(none !important);
  img{
    display: inline-block;
  }
  .listing-price{
    color: #4AAEE7;
    font-size: 20px;
  }
  .listing-title{
    font-size: 20px;
  }
  .listing-metas {
    margin-top: 15px;
  }
  .listing-image{
    margin-top: 20px;
    @media(min-width: 1200px){
      margin-top: 40px;
    }
    &:before{
      display: none;
    }
  }
  &.st_transparent{
    &,
    .listing-price{
      color: $link-color;
    }
    .review-stars-rated .review-stars{
      color: #fff;
      &.filled{
        color: $link-color;
      }
    }
  }
}

.carousel-slider-special{
  cursor: move;
  .slick-slide{
    @include transition(all 0.3s ease-in-out 0s);
    @include opacity(0.4);
    @include scale(0.6);
    .listing-content{
      visibility: hidden;
      @include opacity(0);
      @include transition(all 0.3s ease-in-out 0s);
    }
  }
  .slick-center{
    @include opacity(1);
    @include scale(1);
    .listing-content{
      visibility: visible;
      @include opacity(1)
    }
  }
  .slick-arrow{
    background-color: #EEF2F6;
    color: #1A3760;
    border: 0;
    &:hover,&:focus{
      background-color: #1A3760;
      color: #fff;
    }
  }
  @media(min-width: 1200px){
    .slick-prev{
      left: 45px;
    }
    .slick-next{
      right: 45px;
    }
  }
  &.st_transparent{
    .slick-dots li{
      button{
        background-color: #fff;
      }
      &.slick-active button{
        background-color: $link-color;
      }
    }
  }
}

.listing-grid-simple{
  position: relative;
  margin: 0 0 20px;
  .listing-image:before{
    @include opacity(0.8);
  }
  .listing-information{
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 15px 20px;
  }
  .listing-price{
    font-size: 12px;
    color: #fff;
  }
  .listing-title{
    margin:0;
    font-size: 12px;
    a{
      color: #fff;
    }
  }
}
.listings-sidebar{
  .slick-carousel .slick-dots{
    padding: 0;
  }
}

.listing-list{
  border:1px solid $border-color;
  @include border-radius($border-radius-base);
  padding: 10px;
  .listing-information{
    padding: 14px 10px 5px;
  }
  .listing-metas {
    border-top: 1px solid $border-color;
    padding-top: 15px;
    margin-top: 10px;
  }
  .left-inner{
    width: 180px;
    @include rtl-margin-right(15px);
    @media(min-width: 1200px){
      width: 260px;
      @include rtl-margin-right(20px);
    }
  }
  .right-inner{
    flex:1;
    -webkit-box-flex:1;
    -ms-flex:1;
  }
}
.listing-list-v1{
  .listing-image::before{
    display: none;
  }
}
.listing-list-special{
  overflow: hidden;
  .listing-metas{
    margin-top: 25px;
    .listing-meta{
      text-align: center;
      @include rtl-margin-right(10px);
      @media(min-width: 1200px){
        @include rtl-margin-right($theme-margin);
      }
      &:last-child{
        @include rtl-margin-right(0);
      }
    }
    i{
      line-height: 1;
      font-size: 20px;
    }
    .value-suffix{
      display: block;
    }
  }
  .listing-title{
    margin-top: 20px;
    @media(min-width: 1200px){
      font-size: 22px;
      margin: 40px 0 10px;
    }
  }
  .description{
    margin-top: 25px;
  }
  .listing-metas-bottom {
    padding-top: 15px;
    margin-top: auto; 
  }
  .listing-price{
    @media(min-width: 1200px){
      font-size: 22px;
    }
  }
  .left-inner {
    width: 100%;
    padding: 20px;
    @media(min-width: 992px){
      width: 40%;
    }
    @media(min-width: 1200px){
      padding:50px;
    }
  }
  .right-inner{
    width: 60%;
  }
  .listing-thumbnail-wrapper .bottom-label{
    @media(min-width: 1200px){
      padding:0 50px;
      bottom: 45px;
    } 
  }
}

.listing-list-member{
  padding:0;
  overflow: hidden;
  @include border-radius($border-radius-base);
  .listing-thumbnail-wrapper{
    @include border-radius(0);
  }
}
.listing-list-simple{
  .btn-action-icon{
    position: absolute;
    background-color: rgba(#fff,0.7) !important;
    color: $brand-danger !important;
    font-size: 25px;
    top:0;
    @include rtl-right(0);
    @include size(100%,100%);
    @include flexbox();
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    @include opacity(0);
    &:before{
      line-height: 80px;
      color: $brand-danger;
    }
    &.loading{
      i{
        display: none;
      }
    }
  }
  &:hover{
    .btn-action-icon{
      @include opacity(1);
    }
  }
  .listing-thumbnail-wrapper{
    position: relative;
    @include size(90px,80px);
    overflow: hidden;
    @include border-radius($border-radius-base);
  }
  .listing-information{
    @include rtl-padding-left(20px);
    flex:1;
    -webkit-box-flex:1;
    -ms-flex:1;
  }
  .listing-price{
    font-size: $font-size-base;
  }
  .listing-title{
    font-weight: 400;
    font-size: $font-size-base;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
  }
}
.listings-list-simple{
  article{
    margin-bottom: 20px;
    &:last-child{
      margin-bottom: 0;
    }
  }
}
// my-listings-item
.search-listings-form{
  .btn{
    margin: 0 !important;
    padding-right: 15px;
    padding-left: 15px;
  }
}
.my-listings-item{
  padding-bottom: 20px;
  margin-bottom: 20px;
  @media(min-width: 1200px){
    margin-bottom: $theme-margin;
    padding-bottom: $theme-margin;
  }
  border-bottom: 1px solid $border-color;
  border-width:0 0 1px !important;
  @include box-shadow(none !important);
  &:last-child{
    border-bottom: 0 !important;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .listing-thumbnail-wrapper .image-thumbnail{
    @include border-radius($border-radius-base);
  }
  .listing-table-info-content-expiry{
    color: $brand-danger;
  }
  .status-listing-label{
    line-height: 23px;
    display: inline-block;
    vertical-align: top;
    padding:0 12px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    background-color: #0D263B;
    @include border-radius($border-radius-base);
  }
  .status-listing{
    &.publish{
      color: $theme-color;
    }
    &.preview,
    &.pending,
    &.pending_payment,
    &.draft{
      color: #ff5a5f;
    }
    &.expired{
      color: #fd397a;
    }
  }
  .title-wrapper{
    margin-bottom: 3px;
  }
}
.layout-my-listings{
  width: 100%;
  &.header-layout{
    background-color: #EEF2F6;
    padding:11px 0;
    @include border-radius($border-radius-base);
    font-size: $font-size-base;
    font-weight: 600;
    color: $link-color;
    margin-bottom: 20px;
    @media(min-width: 1200px){
      margin-bottom: $theme-padding;
    }
    .listing-thumbnail-wrapper{
      @include rtl-padding-left($theme-padding / 2);
      @media(min-width: 1200px){
        @include rtl-padding-left(25px);
      }
    }
  }
  .listing-thumbnail-wrapper{
    position: relative;
    width: 100px;
    @media(min-width: 1200px){
      width: 150px;
    }
  }
  .inner-info{
    flex:1;
    -webkit-box-flex:1;
    -ms-flex:1;
    @include rtl-padding-left(15px);
    @media(min-width: 1200px){
      @include rtl-padding-left(25px);
    }
  }
  .layout-left{
    > div{
      width: 20%;
      padding:5px;
    }
    .inner-info-left{
      width:40%;
    }
  }
}
//favorite listings
.listing-item-favorite{
  .listing-thumbnail-wrapper{
    position: relative;
    width: 100px;
    @media(min-width: 1200px){
      width: 150px;
    }
  }
  .inner{
    flex:1;
    -ms-flex:1;
    -webkit-box-flex:1;
    @include rtl-padding-left(15px);
    @media(min-width: 1200px){
      @include rtl-padding-left(25px);
    }
  }
}
// listing-banner-inner
.listing-banner-inner{
  text-align: center;
  background-color: rgba(#000,0.5);
  background-position: center;
  color: #fff;
  padding:40px 15px;
  position: relative;
  z-index: 1;
  @media(min-width: 768px){
    padding:50px 15px;
  }
  @media(min-width: 1200px){
    padding:180px 15px;
  }
  &:before{
    content:'';
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    @include size(100%,100%);
    background-color: rgba(#0D263B, 0.4);
  }
  .tagline{
    font-size: 16px;
    font-weight: 600;
    color: #fff;
  }
  .title{
    color: #fff;
    font-size: 25px;
    @media(min-width: 1200px){
      font-size: 30px;
      margin-bottom: 25px;
    }
  }
  .listing-metas{
    margin-bottom: 20px;
    @media(min-width: 1200px){
      margin-bottom: 35px;
    }
    .listing-meta {
      margin:0 15px;
    }
    i{
      line-height: 1;
      font-size: 20px;
    }
    .value-suffix{
      display: block;
    }
  }
  > *{
    margin:0 0 10px;
    &:last-child{
      margin: 0;
    }
  }
}

// widget-listings
.listing-grid-slider{
  background-color: #fff;
  @include border-radius($border-radius-base);
  padding:20px;
  margin: 0;
  max-width: 370px;
  @media(min-width: 1200px){
    padding: $theme-padding;
  }
  .listing-price{
    line-height: 1.1;
    margin-bottom: 7px;
    @media(min-width: 1200px){
      font-size: 26px;
    }
  }
  .star-rating{
    margin-bottom: 12px;
  }
  .listing-title{
    font-size: 16px;
  }
  .listing-metas{
    padding:15px 0;
    border-top: 1px solid $border-color;
  }
  @media(min-width: 1200px){
    .btn{
      min-width: 160px;
      text-align: center;
    }
  }
}
.listing-grid-slider-wrapper{
  background-color: rgba(#0A2357,0.5);
  background-position: center;
  background-size: cover;
  padding:30px 0;
  @media(min-width: 768px){
    padding:50px 0;
  }
  @media(min-width: 1200px){
    padding:190px 0;
  }
  position: relative;
}
.widget-listings-slider{
  .slick-dots{
    padding:0 0 15px;
    @media(min-width: 1200px){
      padding-bottom: $theme-margin;
    }
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
  }
  .slick-carousel{
    .slick-arrow{
      background-color: rgba(#0C1227,0.4);
      border:0;
      color: #fff;
      &:hover,&:focus{
        color: #fff;
        background-color: #0C1227;
      }
    }
    @media(min-width: 1200px){
      .slick-prev{
        left: 45px;
      }
      .slick-next{
        right: 45px;
      }
    }
  }
}
.widget-listings-tabs,
.widget-listings{
  &.carousel{
    @media(min-width: 1200px){
      .widget-content{
        margin-left: -15px;
        margin-right: -15px;
      }
      .slick-list{
        padding: 30px 15px 15px;
      }
      .slick-prev{
        left: -40px;
      }
      .slick-next{
        right: -40px;
      }
      .slick-dots{
        padding: 0;
      }
    }
  }
  .title{
    margin: 0;
    font-size: 22px;
    @media(min-width: 1200px){
      font-size: 34px;
    }
  }
  .top-info-widget{
    margin-bottom: 20px;
    @media(min-width: 1200px){
      margin-bottom: 10px;
    }
  }
}

.tabs-account.elementor-tabs-view-horizontal{
  max-width: 410px;
  margin:auto;
  background: #fff;
  .elementor-tabs-wrapper{
    border-bottom: 1px solid #e7ecea;
    display: flex;
    display: -webkit-flex;
  }
  .elementor-tab-desktop-title{
    width: 50%;
    font-size: $font-size-base;
    font-weight: 500;
    color: $link-color;
    border:0 !important;
    margin:0;
    position: relative;
    padding:19px 25px;
    text-align: center;
    &:before{
      @include transition(all 0.3s ease-in-out 0s);
      content:'';
      position: absolute;
      @include size(100%,2px);
      bottom:0;
      left: 0;
      background: $theme-color;
      @include scaleX(0);
      display: block;
      border:0 !important;
    }
    &:after{
      display: none !important;
    }
    &.elementor-active{
      color: $theme-color;
      &:before{
        @include scaleX(1);
        @include size(100%,2px);
        bottom:0;
        left: 0;
      }
    }
  }
  .elementor-tab-content{
    border:0 !important;
    padding:25px 30px 30px;
  }
  @media(max-width: 767px){
    .elementor-tabs-content-wrapper{
      border:0 !important;
      .elementor-tab-title {
        display: none !important;
      }
    }
  }
}
// detail listing
.top-header-detail-listing{
  .listing-title{
    font-size: 24px;
    @media(min-width: 1200px){
      font-size: 34px;
    }
  }
  a{
    color: $text-color;
    &:hover,&:focus{
      color: $link-hover-color;
    }
  }
  .status-listing-label{
    background-color: $theme-color !important;
    color: #fff !important;
    display: inline-block;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    padding:3px 12px;
    @include border-radius($border-radius-base);
  }
  .header-detail-bottom{
    margin-top: 15px;
    @media(min-width: 1200px){
      margin-top: 25px;
    }
  }
}
.buttons-group-center{
  padding:15px 0;
  text-align: center;
  @media(min-width: 1200px){
    padding:$theme-margin 0;
  }
  [class|="btn"]{
    display: inline-block;
    i{
      display: inline-block;
      position: relative;
      @include size(35px,35px);
      line-height: 35px;
      font-size: 18px;
      @media(min-width: 1200px){
        @include size(50px,50px);
        line-height: 50px;
        font-size: 21px;
      }
      background-color: #e3e3e3;
      @include border-radius(50%);
      @include transition(all 0.3s ease-in-out 0s);
      &:after{
        position: absolute;
        top:0;
        left: 0;
        @include size(100%,100%);
        @include opacity(0);
        color: $text-color;
        content:'\f110';
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        @include transition(all 0.3s ease-in-out 0s );
        @include border-radius(50%);
      }
    }
    > span{
      display:block;
      margin-top: 8px;
    }
    &[class *="added"],
    &[class *="remove"]{
      &:hover{
        i:before{
          vertical-align: top;
          font-size: 14px;
          content: "\f103";
          font-family: 'Flaticon';
        }
      }
    }
    &[class *="added"],
    &[class *="remove"],
    &:hover,&:focus{
      i{
        color: #fff;
        background-color: $theme-color;
      }
    }
    &.loading{
      i{
        color: transparent !important;
        background-color: rgba(255,255,255,0.8) !important;
        &:after{
          @include opacity(0.7);
          animation:rotate_icon 1500ms linear 0s normal none infinite running;
          -webkit-animation:rotate_icon 1500ms linear 0s normal none infinite running;
        }
      }
    }
  }
  > div{
    padding:0 10px;
    @media(min-width: 1200px){
      padding:0 25px;
    }
  }
}
.listing-detail-gallery{
  position: relative;
  .p-popup-image{
    display: block;
    position: relative;
    @include transition(all 0.3s ease-in-out 0s);
    @include opacity(0.3);
    &.slick-current,
    &:hover,&:focus{
      opacity: 1 !important;
      filter: alpha(opacity=100) !important;
    }
    img{
      cursor: pointer;
      @include border-radius($border-radius-base);
    }
    .view-more-gallery{
      text-align: center;
      width: 100%;
      font-weight: 600;
      color: #fff;
      text-align: center;
      position: absolute;
      left: 0;
      top: 50%;
      @include translate(0, -50%);
      z-index: 2;
      .top-icon{
        display: block;
        font-size: 16px;
        @media(min-width: 1200px){
          font-size: 24px;
        }
        font-weight: 400;
        line-height: 1.2;
      }
    }
    &.view-more-image{
      &:before{
        @include border-radius($border-radius-small);
        content:'';
        @include size(100%,100%);
        z-index: 1;
        position: absolute;
        top:0;
        left: 0;
        background-color: rgba(#0A2357,0.8);
        display: block;
        @include transition(all 0.3s ease-in-out 0s);
        @include opacity(1);
      }
    }
  }
  .wrapper-thumbs{
    @include border-radius($border-radius-small);
    overflow: hidden;
    .slick-prev{
      left: 10px;
    }
    .slick-next{
      right: 10px;
    }
  }
  &.vertical{
    .listing-single-gallery-wrapper{
      width: calc( 100% - 120px);
      @media(min-width: 1200px){
        width: calc( 100% - 130px);
      }
      @include rtl-float-right();
    }
    .wrapper-thumbs{
      width: 120px;
      @media(min-width: 1200px){
        width: 130px;
      }
      @include rtl-float-left();
      @include rtl-padding-right(10px);
    }
    .listing-single-gallery-thumbs{
      .slick-slide{
        margin-bottom: 10px;
      }
      .slick-prev{
        top: 0;
        left: 50%;
        @include translate(-50%, 0);
      }
      .slick-next{
        top: inherit;
        bottom: 0;
        left: 50%;
        right: inherit;
        @include translate(-50%, 0);
        margin-bottom: 10px;
      }
    }
  }
}
.listing-single-gallery-thumbs{
  .slick-arrow{
    font-size: 10px;
    @include size(30px,30px);
    line-height: 30px;
  }
}
.listing-single-gallery-wrapper{
  position: relative;
  overflow: hidden;
  @include border-radius($border-radius-base);
  margin-bottom: 10px;
  .top-label{
    position: absolute;
    z-index: 1;
    top: $theme-margin / 2;
    @include rtl-left($theme-margin / 2);
    @media(min-width: 1200px){
      top: $theme-margin;
      @include rtl-left($theme-margin);
    }
  }
  .listing-video{
    position: absolute;
    z-index: 1;
    bottom: 25px;
    @include rtl-right($theme-margin / 2);
    @media(min-width: 1200px){
      bottom: 40px;
      @include rtl-right($theme-margin);
    }
  }
  .slick-carousel{
    .slick-arrow{
      background-color: rgba(#0C1227,0.4);
      border: 0;
      color: #fff !important;
      &:hover,&:focus{
        background-color: $theme-color;
      }
    }
    .slick-prev{
      left: 10px;
      @media(min-width: 1200px){
        left: 40px;
      }
    }
    .slick-next{
      right: 10px;
      @media(min-width: 1200px){
        right: 40px;
      }
    }
  }
}
.social-listing{
  display: inline-block;
  position: relative;
  &:after{
    content:'';
    position: absolute;
    @include size(100%,10px);
    bottom: 100%;
    left: 0;
  }
  .bo-social-icons{
    display: flex;
    display: -webkit-flex;
    position: absolute;
    bottom:100%;
    left:50%;
    color: #fff;
    background: #24324a;
    @include border-radius($border-radius-base);
    z-index: 1;
    @include translateX(-50%);
    text-align: center;
    padding:0 8px;
    @include opacity(0);
    margin-bottom: 9px;
    @include transition(all 0.3s ease-in-out 0s);
    visibility: hidden;
    &:before{
      content:'';
      position: absolute;
      display: block;
      top: 100%;
      left: 50%;
      @include translateX(-50%);
      z-index: 2;
      border-width: 6px;
      border-style:solid;
      border-color:#24324a transparent transparent;
    }
    a{
      color: #fff !important;
      font-size: 11px;
      padding:4px 6px;
      display: inline-block;
    }
  }
  &:hover{
    .bo-social-icons{
      @include opacity(1);
      visibility: visible;
    }
  }
}
.content-listing-detail{
  margin-top: 30px;
  margin-bottom: 20px;
  @media(min-width: 1200px){
    margin-bottom: 70px;
  }
}
// action detail
.list-action{
  > *:not(.tooltip){
    display: inline-block;
    vertical-align: top;
    @include rtl-margin-left(15px);
    @media(min-width: 1200px){
      @include rtl-margin-left(30px);
    }
    &:first-child{
      @include rtl-margin-left(0);
    }
  }
}
.listing-action-detail{
  &.ali-right{
    @media(min-width: 768px){
      @include rtl-text-align-right();
    }
  }
  [class*="btn"]{
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    i{
      font-size: 14px;
      line-height: 1;
      display: inline-block;
      vertical-align: middle;
      @include rtl-margin-right(5px);
    }
    &[class *="added"]{
      color: $link-hover-color;
    }
    &[class *="added"],
    &[class *="remove"]{
      &:hover{
        i{
          &:before{
            content: "\e646";
            font-family: 'themify';
          }
        }
      }
    }
    &.loading{
      i:before{
        display: inline-block;
        vertical-align: top;
        content:'\f110' !important;
        font-family: 'Font Awesome 5 Free' !important;
        font-weight: 900;
        animation:rotate_icon 1500ms linear 0s normal none infinite running;
        -webkit-animation:rotate_icon 1500ms linear 0s normal none infinite running;
      }
    }
    &:hover,&:focus{
      color: $link-hover-color;
    }
  }
}
.listing-detail-metas{
  i{
    line-height: 1;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    @include rtl-margin-right(5px);
  }
  a{
    color: $text-color;
    &:hover,&:focus{
      color: $link-color;
    }
  }
  > *{
    @include rtl-margin-right(15px);
    @media(min-width: 1200px){
      @include rtl-margin-right(30px);
    }
    &:last-child{
      @include rtl-margin-right(0);
    }
  }
  .listing-tax-inner{
    display: inline-block;
    background-color: #EB6245;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    padding:3px 15px;
    @include border-radius(40px);
    &,a{
      color: #fff !important;
    }
  }
}
// Attachments
.attachments-inner{
  .attachment-item{
    margin-bottom: 10px;
    @include rtl-float-left;
    @include rtl-margin-right(15px);
    @media(min-width: 1200px){
      @include rtl-margin-right(30px);
    }
  }
  i{
    @include rtl-margin-right(7px);
    display: inline-block;
    font-size: 18px;
    line-height: 1;
    vertical-align: middle;
  }
  .attachment-detail-download-url{
    font-size: 12px;
    display: inline-block;
    font-weight: 600;
    text-decoration: underline;
    color: $theme-color;
    text-transform: uppercase;
    @include rtl-margin-left(15px);
    @media(min-width: 1200px){
      @include rtl-margin-left(30px);
    }
    &:hover,&:focus{
      text-decoration: none;
    }
  }
}
.attachment-item{
  display: -webkit-flex; /* Safari */
  -webkit-align-items: center; /* Safari 7.0+ */
  display: flex;
  align-items: center;
  .icon_type{
    display: inline-block;
    @include size(50px,50px);
    line-height: 50px;
    font-size: 25px;
    text-align: center;
    @include border-radius($border-radius-base);
    background-color: #f7f7f7;
    color: $theme-color;
    @media(min-width: 1200px){
      @include size(80px,80px);
      line-height: 80px;
      font-size: 40px;
    }
  }
  .candidate-detail-attachment{
    display: block;
    width: calc(100% - 50px);
    @include rtl-padding-left(20px);
    @media(min-width: 1200px){
      width: calc(100% - 80px);
    }
    i{
      color: $theme-color;
      font-size: 18px;
      @include rtl-margin-right(5px);
    }
  }
}

// nav-table
.nav-table{
  border:0;
  padding:0;
  margin:0;
  > li{
    margin-bottom: 0 !important;
    @include rtl-margin-right(5px);
    @media(min-width: 1200px){
      @include rtl-margin-right(12px);
    }
    &:last-child{
      @include rtl-margin-right(0);
    }
    > a{
      border:0 !important;
      display: inline-block;
      padding:0;
      margin:0;
      text-align: center;
      @include size(35px,35px);
      line-height: 35px;
      background-color: #0D263B;
      color: #fff;
      @include transition(all 0.3s ease-in-out 0s);
      @include border-radius(50%);
      @media(min-width: 1200px){
        @include size(50px,50px);
        line-height: 50px;
        font-size: 18px;
      }
      &:hover,&:focus{
        background-color: $theme-color;
        color: #fff;
      }
    }
    &.active{
      > a:hover,
      > a:focus,
      > a{
        background-color:$theme-color;
        color: #fff;
      }
    }
  }
}
.tabs-gallery-map{
  position: relative;
  .nav-table{
    position: absolute;
    top:15px;
    z-index: 4;
    @include rtl-right(15px);
    @media(min-width: 1200px){
      top:30px;
      @include rtl-right(30px);
    }
  }
  // for map
  #single-tab-listing-street-view-map,
  #listings-google-maps{
    height: 270px;
    @media(min-width: 768px){
      height: 450px;
    }
    @media(min-width: 1200px){
      height: 700px;
    }
  }
  .listing-virtual_tour{
    > h3{
      display: none;
    }
  }
}
.listing-virtual_tour{
  iframe{
    max-width: 100%;
    border:0;
  }
}
// tab video virtual
.tabs-video-virtual{
  padding-top: 5px !important;
  overflow: hidden;
  .listing-section > h3{
    display: none;
  }
}

.listing-detail-detail{
  .list{
    overflow: hidden;
    clear: both;
    li{
      width: 100%;
      margin: 0 0 7px;
      padding: 0 0 7px;
      border-bottom: 1px solid $border-color;
      @include flexbox();
      align-items:center;
      -webkit-align-items:center;
      -ms-align-items:center;
      &:last-child{
        border-bottom: 0;
        margin: 0;
        padding: 0;
      }
      .text{
        color: $headings-color;
        font-weight: 600;
      }
      .value{
        @include rtl-margin-left(auto);
      }
    }
  }
  .listing-tax{
    color: $text-color;
    &:hover,&:focus{
      color: $link-hover-color;
    }
  }
}
.feature-cat{
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid $border-color;
  @media(min-width: 1200px){
    margin-bottom: $theme-margin;
    padding-bottom: $theme-margin;
  }
  &:last-child{
    border:0;
    padding:0;
    margin:0;
  }
  @media(min-width: 768px){
    .inner-right{
      width: 70%;
    }
    .title-wrapper{
      width: 30%;
    }
  }
  .title-wrapper{
    font-weight: 600;
    font-size: 14px;
    color: $theme-color;
  }
  li{
    color: $link-color;
    margin-bottom: 5px;
    position: relative;
    @include rtl-padding-left(15px);
    &:before{
      @include opacity(0.5);
      content: '';
      position: absolute;
      top: 10px;
      @include rtl-left(0);
      background-color: $link-color;
      @include size(5px,5px);
      @include border-radius(50%);
    }
    &:last-child{
      margin-bottom: 0;
    }
  }
}
//fa-check-square
.columns-gap {
  list-style: none;
  padding:0;
  margin:0;
}
.circle-check{
  overflow: hidden;
  clear: both;
  color: $link-color;
  padding:1px;
  list-style:none;
  margin:0;
  li{
    @include rtl-float-left();
    width: 50%;
    margin:0 0 10px;
    line-height: 1;
    @media(min-width: 768px){
      width: 33.33%;
    }
    @media(min-width: 1200px){
      width: 20%;
      margin:0 0 15px;
    }
  }
  [type="radio"],
  [type="checkbox"]{
    display: none;
    &:checked{
      + label{
        color: $theme-color;
        &:before{
          content: "\f14a";
          color: $theme-color;
        }
      }
    }
  }
  label{
    cursor: pointer;
    font-weight: 400;
    &:before{
      content: "\f0c8";
      @include rtl-margin-right(10px);
      font-family: 'Font Awesome 5 Free';
      font-weight: 400;
      display: inline-block;
      color: darken(#EAEAEA,5%);
      background-color: #fff;
      font-size: 15px;
    }
  }
}
// floor-plans
.listing-detail-floor-plans{
  .panel-group{
    margin-bottom: 0;
  }
  .panel{
    border:0;
    + .panel{
      margin-top: 20px;
    }
    > .panel-heading{
      border:1px solid $border-color;
      @include border-radius($border-radius-base);
      background-color: #fff;
      @include flexbox();
      padding:12px;
      @media(min-width: 768px){
        padding:14px 20px;
      }
      > a{
        width: 100%;
        display: block;
      }
      h3{
        font-size: $font-size-base;
        margin: 0;
      }
      &.active{
        background: #F6F8F9;
      }
    }
    .metas{
      @include rtl-margin-left(auto);
      display: flex;
      display: -webkit-flex;
      color: $text-color;
      > *{
        @include rtl-margin-left(25px);
      }
    }
    .subtitle{
      color: $link-color;
    }
    .expand-icon{
      font-size: 10px;
      margin-top: 3px;
      &:before{
        content: "\f10e";
        font-family: flaticon;
      }
    }
  }
  .content-item {
    padding:12px;
    @media(min-width: 1200px){
      padding:20px;
    }
    .content{
      margin-top: 15px;
    }
  }
}
.detail-metas-top{
  margin-bottom: 25px;
  > div{
    display: inline-block;
    @include rtl-margin-right(3px);
    padding:5px 10px;
    @media(min-width: 1200px){
      padding:5px 20px;
      @include rtl-margin-right(8px);
    }
    @include border-radius($border-radius-base);
    background-color: #f7f7f7;
  }
  .type-listing{
    color: $theme-color;
  }
}
//video-embed-wrapper
.video-embed-wrapper{
  position: relative;
  overflow: hidden;
  @include border-radius($border-radius-base);
  &:before{
    padding-top: 56.25%;
    content: "";
    display: block;
  }
  iframe{
    max-width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
// map
.single-listing-google-maps-wrapper{
  position: relative;
  overflow: hidden;
  @include border-radius($border-radius-base);
  .btn{
    position: absolute;
    top: 20px;
    @include rtl-right(20px);
    z-index: 2;
    background-color: #fff;
    padding: 5px 15px;
    color: $theme-color;
    &:hover,&:focus{
      color: $theme-color;
      text-decoration: underline;
    }
  }
  #single-listing-street-view-map,
  .single-listing-map {
    height: 280px;
    position: relative;
    z-index: 1;
    @media(min-width: 1200px){
      height: 400px;
    }
  }
  #single-listing-street-view-map{
    display: none;
  }
}
.video-detail-listing{
  color: #fff !important;
  font-weight: 600;
  i{
    line-height: 1;
    font-size: 22px;
    font-weight: 400;
    display: inline-block;
    @include rtl-margin-right(10px);
    vertical-align: middle;
  }
}

// detail 3
.listing-detail-main{
  .listing-detail-gallery,
  .comment-respond{
    border: 0;
    padding: 0;
    background-color: transparent;
  }
  > div{
    border:1px solid $border-color;
    @include border-radius($border-radius-base);
    padding:20px;
    background-color: #fff;
    margin-bottom: 20px;
    @media(min-width: 1200px){
      padding: 30px 40px;
      margin-bottom: $theme-margin;
    }
    > h3, .title{
      font-size: 18px;
      margin:0 0 15px;
      @media(min-width: 768px){
        margin:0 0 25px;
        font-size: 21px;
      }
    }
    &.loading{
      background-position: center center;
      background-repeat: no-repeat;
      background-image: url("data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"38\" height=\"38\" viewBox=\"0 0 38 38\" stroke=\"rgba(102,102,102,0.25)\"%3E%3Cg fill=\"none\" fill-rule=\"evenodd\"%3E%3Cg transform=\"translate(1 1)\" stroke-width=\"2\"%3E%3Ccircle stroke-opacity=\".55\" cx=\"18\" cy=\"18\" r=\"18\"/%3E%3Cpath d=\"M36 18c0-9.94-8.06-18-18-18\"%3E%3CanimateTransform attributeName=\"transform\" type=\"rotate\" from=\"0 18 18\" to=\"360 18 18\" dur=\"1s\" repeatCount=\"indefinite\"/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      max-height: 100%;
      background-color: #fff;
    }
    &.job-detail-buttons{
      background-color: transparent;
      padding: 0;
      border:0;
    }
  }
  .comment-reply-title{
    @media(min-width: 1200px){
      margin-bottom: 30px !important;
    }
  }
  // heading title
  .widget-title-wrapper {
    margin-bottom: 20px;
    h3{
      margin:0 !important;
    }
    @media(max-width: 767px){
      .ali-right{
        margin-top: 10px;
      }
    }
  }
  .commentform{
    padding: 0;
  }
  .comment-list{
    > li:last-child{
      .the-comment{
        margin-bottom: 0;
      }
    }
  }
  .description-inner{
    position: relative;
    &:not([class*="show"]){
      .show-more-less-wrapper{
        display: none;
      }
    }
    &.show-less{
      .show-more{
        display: none;
      }
    }
    &.show-more{
      &:before{
        content: '';
        position: absolute;
        bottom: 30px;
        left: 0;
        @include size(100%,70%);
        @include gradient-vertical(transparent,#fff);
        @include transition(all 0.3s ease-in-out 0s);
      }
      .show-less{
        display: none;
      }
    }
  }
}
.description-inner-wrapper{
  p:last-child{
    margin-bottom: 0;
  }
}
.show-more-less-wrapper{
  margin-top: 12px;
  a{
    color: $theme-color;
    text-decoration: underline;
    &:hover,&:focus{
      text-decoration: none;
    }
  }
}
.listing-single-v3{
  @media(min-width: 992px){
    #reviews,
    #comments{
      width: calc(50% - 15px);
      @include rtl-float-left();
    }
    #comments + #reviews{
      @include rtl-margin-left(30px);
    }
  }
}

// detail 4
.top-single-v4{
  background-color: $theme-color;
  padding-bottom: 20px;
  @media(min-width: 1200px){
    padding-bottom: 40px;
  }
  .breadcrumb .active,
  .listing-price,
  .listing-title,
  &,a{
    color: #fff !important;
  }
  .listing-detail-gallery{
    margin-top: 25px;
  }
  .listing-detail-gallery .p-popup-image{
    @include opacity(0.5);
  }
}
.listing-single-v4{
  .content-bottom{
    margin-top: 20px;
    @media(min-width: 1200px){
      margin-top: $theme-margin;
    }
  }
}
// detail 5
.list-gallery-listing-v2{
  .p-popup-image{
    @include opacity(1);
  }
  .right-images{
    .p-popup-image{
      margin-bottom: 10px;
    }
  }
}
.listing-single-v5{
  background-color: #fff;
  .top-header-detail-listing{
    margin-top: 15px;
  }
  .listing-detail-main > div{
    border: 0;
    padding: 0;
    margin-bottom: 30px;
    @media(min-width: 1200px){
      margin-bottom: 50px;
    }
  }
  .wrapper-listings-related{
    background-color: #F9F9F9;
  }
}

// detail 6
.listing-single-v6{
  background-color: #fff;
  @media(min-width: 1320px){
    .listing-detail-main{
      @include rtl-padding-right(50px);
    }
  }
  #reviews{
    margin-top: 30px;
    @media(min-width: 1200px){
      margin-top: 50px;
    }
  }
  .top-header-detail-listing{
    margin-top: 20px;
  }
  .wrapper-listings-related{
    background-color: #F9F9F9;
  }
  .listing-single-gallery-wrapper{
    overflow: visible;
  }
}

.tabs-detail-listing{
  border:0;
  @include border-radius($border-radius-base);
  background-color: #EEF2F6;
  padding: 5px;
  > li{
    @media(min-width: 1200px){
      @include rtl-margin-right(15px);
      &:last-child{
        @include rtl-margin-right(0);
      }
    }
    &.active{
      > a:hover,
      > a:focus,
      > a{
        background-color: #fff !important;
      }
    }
    > a{
      color: $link-color !important;
      margin: 0;
      border: 0 !important;
      @include border-radius($border-radius-base);
      @include transition(all 0.2s ease-in-out 0s);
      font-size: $font-size-base;
      font-weight: 600;
      background: transparent !important;
      padding:8px 25px;
    }
  }
  ~ div{
    background-color: transparent;
    border: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
.listing-single-gallery-v3{
  .slick-list{
    overflow: visible;
    padding: 0 !important;
  }
}
.related-listings{
  .title{
    margin:0;
    font-size: 24px;
    @media(min-width: 1200px){
      font-size: 34px;
    }
  }
  .top-related{
    margin-bottom: 15px;
    @media(min-width: 1200px){
      margin-bottom: 30px;
    }
  }
}
.wrapper-listings-related{
  padding: 30px 0;
  background-color: #fff;
  @media(min-width: 1200px){
    padding: 90px 0 70px;
  }
}
// review for listing
.single-listing-wrapper{
  .rating-wrapper{
    padding-bottom: 15px;
  }
}
.job-detail-buttons{
  .btn-block ~ .btn-block{
    margin-top: 20px;
  }
  .btn{
    @media(min-width: 1200px){
      padding-top: 17px;
      padding-bottom: 17px;
    }
  }
}
.sidebar-listing{
  .widget{
    background-color: #fff;
    &.widget_apus_listing_buttons,
    &.widget_media_image{
      padding:0;
      border:0;
      background-color: transparent;
    }
  }
}

.layout-type-default.listings-filter{
  background-color: #fff;
  .sidebar-listing .widget{
    background-color: #F9F9F9;
  }
}

.rating-wrapper{
  position: relative;
  @media(min-width: 768px){
    @include flexbox();
    flex-wrap: wrap;
  }
  .rating-inner{
    white-space:nowrap;
    margin-bottom: 15px;
    @media(min-width: 768px){
      margin-bottom: 30px;
      width: calc( 50% - 20px );
      &:nth-child( 2n ){
        @include rtl-margin-left(40px);
      }
    }
    .active{
      color:#F5C34B;
    }
  }
  .review-label{
    img{
      @include rtl-margin-right(5px);
    }
  }
  .review-stars{
    font-size: 10px;
    letter-spacing: 5px;
    color: #e1e1e1;
  }
  .subtitle{
    font-weight: 600;
    color: $headings-color;
    display: inline-block;
    vertical-align: middle;
    min-width: 150px;
  }
  ul{
    padding: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    list-style: none;
    overflow: hidden;
    cursor: pointer;
    li{
      @include rtl-float-left();
    }
  }
}
.list-category-rating{
  margin-bottom: 20px;
  @media(min-width: 768px){
    margin-bottom: 40px;
  }
  li{
    margin-bottom: 7px;
    padding-bottom: 7px;
    border-bottom: 1px solid $border-color;
    width: 100%;
    &:last-child{
      border-bottom: 0;
      padding-bottom: 0;
      margin-bottom: 0;
    }
  }
  .category-label{
    font-weight: 600;
    color: $headings-color;
  }
  .percent-wrapper{
    display: none;
  }
}
//contact-form-agent
.agent-content-wrapper{
  .agent-thumbnail{
    @include size(60px,60px);
    overflow: hidden;
    @include border-radius(50%);
    @include flexbox();
    align-items:center;
    -webkit-align-items:center;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    background-color: #fff;
    border: 1px solid $border-color;
  }
  .agent-content{
    @include rtl-padding-left(15px);
    flex:1;
    -ms-flex:1;
    -webkit-box-flex:1;
  }
  h3{
    margin:0 0 2px;
    font-size: 16px;
  }
}
.contact-form-agent{
  .send-private-wrapper,
  .contact-form-wrapper{
    margin-top: $theme-margin / 2;
  }
}
.schedule-test-drive-wrapper,
.make-an-offer-form-wrapper,
.send-private-message-wrapper{
  .title{
    margin: 0 0 20px;
    text-align: center;
    font-size: 20px;
  }
}
.schedule-test-drives-btn{
  img{
    width: 16px;
    vertical-align: sub;
  }
}
.send-message-form{
  textarea{
    height: 150px;
    resize:none;
  }
}
// price slider
.ui-slider-horizontal{
  margin-top: 8px;
  background-color: #EAEAEA;
  @include size(100%, 5px);
  position: relative;
  z-index: 1;
  width:calc(100% - 17px) !important;
  &:before{
    z-index: -1;
    content: '';
    position: absolute;
    top: 0;
    @include size(17px,100%);
    background-color: #EAEAEA;
    @include rtl-left(100%);
  }
  .ui-slider-range {
    background-color: $theme-color;
    height: 5px;
    position: absolute;
    top:0;
    left: 0;
  }
  .ui-slider-handle{
    outline: none !important;
    @include size(17px, 17px);
    background: #fff;
    position: absolute;
    z-index: 1;
    cursor: pointer;
    top:50%;
    border: 2px solid $theme-color;
    @include border-radius(50%);
    @include translateY(-50%);
    + .ui-slider-handle{
      @include translate(0, -50%);
    }
  }
}
// widget filter listing
.filter-listing-form{
  input[type="radio"], input[type="checkbox"]{
    @include rtl-margin-right(5px);
  }
  .from-text,
  .to-text{
    color: $link-color;
  }
  @media(min-width: 1200px){
    .form-group{
      margin-bottom: 20px;
    }
  }
  .select-wrapper{
    position: relative;
    z-index: 1;
    select{
      background-color: transparent;
      -webkit-appearance: none;
      -moz-appearance:    none;
      appearance:         none;
    }
    &:before{
      z-index: -1;
      @include border-radius($border-radius-base);
      content: "\f13f";
      font-family: "Flaticon";
      position: absolute;
      top:1px;
      @include rtl-right(1px);
      @include size(25px,calc(100% - 2px));
      background-color: #fff;
      line-height: $input-height-base - 2px;
      font-size: 8px;
    }
  }
  .form-group-lot_area,
  .form-group-home_area{
    .inner{
      overflow: hidden;
      clear: both;
    }
    .form-control{
      width:calc(50% - 15px);
      @include rtl-float-left();
      + .form-control{
        @include rtl-float-right();
      }
    }
  }
  .button {
    background-color: $theme-color;
    border-color: $theme-color;
    color: #fff;
    width: 100%;
    @media(min-width: 1200px){
      font-size: 16px;
    }
    &:hover,&:focus{
      color: #fff;
      background-color: var(--voiture-theme-hover-color);
      border-color: var(--voiture-theme-hover-color);
    }
  }
  // style for advance
  .filter-advance-fields {
    display: none;
    margin-bottom: 20px;
  }
  .more-advanced{
    margin-bottom:20px;
  }
  .filter-toggle-adv {
    display: inline-block;
    font-weight: 700;
    i{
      @include rtl-margin-right(3px);
      display: inline-block;
    }
  }
}
// fix filter in sidebar
.sidebar {
  .filter-listing-form{
    .circle-check li{
      width: 100%;
      &:last-child{
        margin-bottom: 0;
      }
    }
  }
}
// fix filter for top map
.listings-filter-top-sidebar-wrapper{
  position: relative;
  z-index:3;
  > .widget:last-child{
    margin-bottom: 0;
  }
}
// location
.highlight{
  color: $theme-color;
}
.leaflet-geocode-container{
  i{
    color: $link-color;
    display: inline-block;
    @include rtl-margin-right(3px);
    font-size: 14px;
  }
}
.action-location{
  // update location
  .leaflet-geocode-container{
    position:absolute;
    top:100%;
    left: 0;
    width:100%;
    z-index: 4;
    font-size: 14px;
    ul{
      list-style: none;
      background: #fff;
      padding:15px;
      margin:0;
      font-size: 12px;
      @include border-radius(0 0 3px 3px);
      border-color:$border-color;
      border-style: solid;
      border-width:0 1px 1px;
      li{
        cursor: pointer;
        margin-bottom:7px;
        padding-bottom:7px;
        border-bottom:1px solid lighten($border-color, 1%);
        &:last-child{
          margin-bottom: 0;
          padding:0;
          border:0;
        }
      }
    }
    .highlight{
      font-weight: 500;
      font-size: 14px;
    }
  }
  &.loading{
    .find-me{
      &:before{
        content: "\f110" !important;
        font-weight: 900 !important;
        font-family: "Font Awesome 5 Free" !important;
      }
      animation:rotate_icon 1000ms linear 0s normal none infinite running;
      -webkit-animation:rotate_icon 1000ms linear 0s normal none infinite running;
    }
  }
}
.form-group.slider{
  .form-group-inner{
    display: block;
  }
  .inner{
    margin-top: 12px;
    @include flexbox();
    -webkit-align-items: center; /* Safari 7.0+ */
    -ms-align-items: center;
    align-items: center;
    > *{
      display: inline-block;
      text-align: center;
      padding: 4px 20px;
      @include border-radius($border-radius-base);
      background-color: var(--voiture-theme-color-007);
      color: $theme-color;
      font-size: 12px;
      &:last-child{
        @include rtl-margin-left(auto);
      }
    }
  }
}
// element search listings
.widget-listing-search-form{
  .title{
    font-size: 16px;
    margin:0 0 20px;
  }
  .reset-search-btn{
    color: $brand-danger;
  }
  // tabs
  .tab-list{
    margin: 0;
    text-align: center;
    > li{
      display: inline-block;
      margin:0 2px;
    }
    label{
      margin:0;
    }
    span{
      cursor: pointer;
      display: inline-block;
      padding: 7px 25px;
      @media(min-width: 768px){
        padding:10px 35px;
      }
      @include transition(all 0.3s ease-in-out 0s);
      font-weight: 600;
      @include border-radius($border-radius-base $border-radius-base 0 0);
      color: $link-color;
      background-color: $theme-color-second;
    }
    input{
      display: none;
      &:checked{
        + span{
          color: $link-color;
          background-color: #fff;
        }
      }
    }
    + .main-inner{
      padding:15px 20px 20px;
      background-color: #fff;
      @include border-radius($border-radius-base);
      @media(min-width: 1200px){
        padding:30px 40px 40px;
      }
    }
  }

  &.horizontal{
    .content-main-inner{
      .form-group{
        @media(min-width: 992px){
          margin-bottom: 0;
        }
      }
    }
    .width-10{
      min-width: 10%;
    }
    @media(min-width: 992px){
      .style_df .has-icon:first-child .form-group{
        @include rtl-padding-left(20px);
      }
    }
  }
  &.vertical{
    .circle-check{
      max-height: 198px;
      overflow: auto;
      scrollbar-width: thin;
    }
    .form-group{
      @media(min-width: 1200px){
        margin-bottom: 20px;
      }
    }
    // special amenity
    .form-group-amenity{
      .circle-check li{
        @media(min-width: 1200px){
          width: 50%;
          margin-bottom: 12px;
        }
      }
    }
    // location
    .form-group-inner{
      ~ div{
        margin-top: 15px;
        @media(min-width: 1200px){
          margin-top: 20px;
        }
      }
    }
    .advance-search-btn{
      margin: 0;
    }
    .form-group-search{
      margin-top: 10px;
    }
    .search-action{
      margin-top: 20px;
      text-align: center;
    }
  }
  &.style1{
    padding: 20px;
    background-color: #fff;
    @include border-radius($border-radius-base);
  }
  &.style2{
    background-color: #fff;
    padding: 20px;
    @include border-radius($border-radius-base);
    @media(min-width: 1200px){
      padding: 40px;
    }
    .tab-list{
      background-color: #EEF2F6;
      @include border-radius(45px);
      padding: 5px;
      margin: 0 0 20px;
      @media(min-width: 1200px){
        margin-bottom: $theme-margin;
      }
      li{
        margin: 0;
      }
      span{
        background: transparent;
        padding: 5px 15px;
        @media(min-width: 1200px){
          padding: 5px 18px;
        }
        @include border-radius(35px);
      }
      input:checked + span{
        background-color: #fff;
      }
    }
    .main-inner{
      background-color: transparent;
      padding: 0;
    }
  }
}
form.form-search{
  .heading-label{
    font-size: $font-size-base;
    margin: 0 0 12px;
    color: $headings-color;
    text-transform: capitalize;
    font-weight: 600;
    display: block;
  }
  .btn-submit{
    &.no-text{
      @media(min-width: 992px){
        padding:0;
        @include size(50px,50px);
        text-align: center;
        line-height: 50px;
        @include border-radius(50px);
      }
      i{
        margin:0;
      }
    }
  }
  .save-search-btn{
    @include rtl-margin-left($theme-margin);
  }
  .form-control{
    &::-webkit-input-placeholder { /* Edge */
      @include opacity(1);
    }
    &:-ms-input-placeholder { /* Internet Explorer 10-11 */
      @include opacity(1);
    }
    &::placeholder {
      @include opacity(1);
    }
  }
  .form-group-inner{
    position: relative;
    > i{
      width: 22px;
      font-size: 21px;
      color: $theme-color;
      z-index: 1;
      position: absolute;
      top: 50%;
      @include rtl-left(0);
      @include translateY(-50%);
      ~ .select2-container,
      + *{
        @include rtl-padding-left(35px !important);
      }
    }
  }
  // icon for filed
  .action-location{
    .clear-location{
      top: 50%;
      @include rtl-right(0);
      @include size(18px,18px);
      line-height: 18px;
      margin-top: -9px;
      position: absolute;
      background-color: $brand-danger;
      text-align: center;
      color: #fff;
      font-size: 8px;
      cursor: pointer;
      @include border-radius(30px);
    }
    .find-me{
      @include transition(all 0.4s ease-in-out 0s);
      position: absolute;
      top: 50%;
      margin-top: -10px;
      @include rtl-right(0);
      cursor: pointer;
      @include opacity(0.6);
      @include size(20px,20px);
      line-height: 20px;
      text-align: center;
      &:hover,
      &:focus{
        @include opacity(1);
      }
      &:before{
        content: "\f192";
        font-family: "Font Awesome 5 Free";
        font-weight: normal;
      }
      &.loading{
        &:before{
          content: "\f110";
          font-weight: 900;
        }
        animation:rotate 700ms linear 0s normal none infinite running ;
        -webkit-animation:rotate 700ms linear 0s normal none infinite running ;
      }
    }
  }
  // advance
  .advance-search-btn{
    @include rtl-margin-right(15px);
    i{
      display: inline-block;
      font-size: 20px;
      vertical-align: middle;
      line-height: 1;
      @include rtl-margin-right(8px);
    }
  }
  .search-form-inner{
    position: relative;
    .advance-search-wrapper{
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      z-index: 3;
      margin-top: 20px;
    }
  }
  .advance-search-wrapper-fields{
    display: none;
    overflow: hidden;
    background-color: #fff;
    padding:20px 20px 0;
    @include border-radius($border-radius-base);
    border: 1px solid $border-color;
    @include box-shadow(0 18px 60px 0 rgba(23, 26, 33, 0.05));
    .tax-radios-field,
    .tax-checklist-field{
      .heading-label{
        margin-bottom: 18px;
      }
    }
    .form-group{
      @media(min-width: 1200px){
        margin-bottom: 20px;
      }
    }
  }
  // special amenity
  .form-group-amenity{
    .circle-check li{
      @media(min-width: 1200px){
        width: 20%;
        margin-bottom: 12px;
      }
    }
  }
  // auto search
  .tt-menu{
    background:#fff;
    @include border-radius(0 0 $border-radius-base $border-radius-base);
    @include box-shadow(0 10px 50px 0 rgba(#0D263B,0.1));
    max-height: 245px;
    overflow-y: auto;
    padding: 5px 20px;
  }
  .twitter-typeahead{
    width:100%;
    display: block;
    &:before{
      @include opacity(0);
      @include transition(all 0.3s ease-in-out 0s);
      content:'';
      position:absolute;
      top:0;
      z-index: 2;
      display: block;
      @include rtl-right(0px);
      @include size(22px,100%);
      background: url('#{$image-theme-path}loading.gif') no-repeat scroll center center/18px auto;
    }
    &.loading{
      &:before{
        @include opacity(0.7);
      }
    }
  }
  .tt-dataset-search{
    > .tt-selectable:first-child{
      display: none;
    }
    .tt-selectable{
      line-height: 1.4;
      padding:10px 0;
      display:table;
      width:100%;
      margin:0;
      border-bottom: 1px solid $border-color;
      color: $text-color;
      &:last-child{
        border-bottom: 0;
      }
      img{
        max-width: 50px;
        @include border-radius($border-radius-base);
      }
      h4{
        @include transition(all 0.3s ease-in-out 0s);
        font-size: 13px;
        margin:0 0 2px;
        font-weight: 600;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;  
        overflow: hidden;
      }
      .listing-price {
        color: $link-color;
        font-weight: 600;
        font-size: 13px;
        i{
          display: none;
        }
      }
      .listing-metas{
        font-size: 13px;
        > *{
          @include rtl-margin-right(15px);
          &:last-child{
            @include rtl-margin-right(0);
          }
        }
      }
      .value-suffix{
        white-space: nowrap;
      }
      &:hover{
        h4{
          color: $theme-color;
        }
      }
    }
  }
}
.form-group-price.list ul.price-filter {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
}
.form-group-price.list ul.price-filter li{
    padding: 5px 0px;
    cursor: pointer;
}
.form-group-price.list ul.price-filter li.active,
.form-group-price.list ul.price-filter li:hover{
    color: $theme-color;
    font-weight: 600;
}

.advance-search-top{
  background-color: #F6F8F9;
  padding:20px;
  @media(min-width: 1200px){
    padding:20px 30px;
  }
  position: relative;
  .advance-title{
    margin: 0;
    font-size: 13px;
    text-transform: uppercase;
  }
  .close-advance-popup{
    cursor: pointer;
    @include transition(all 0.3s ease-in-out 0s);
    @include size(30px,30px);
    color: $link-color;
    background-color: #E6E9EC;
    text-align: center;
    line-height: 30px;
    @include border-radius(50%);
    display: inline-block;
    i{
      font-size: 10px;
    }
    &:hover,&:focus{
      background-color: $brand-danger;
      color: #fff;
    }
  }
}
.advance-search-wrapper-fields{
  padding-top: 60px;
  .advance-search-top{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    @include border-radius($border-radius-base $border-radius-base 0 0);
  }
  .heading-label{
    font-size: 12px;
    font-weight: 600;
    color: $link-color;
    text-transform: uppercase;
    margin: 0;
  }
  .tax-checklist-field{
    .heading-label{
      margin-bottom: 12px;
    }
  }
  .inner-search-advance{
    position: relative;
    .inner{
      overflow: hidden;
    }
  }
}
// element map
.widget-listings-maps{
  .listings-google-maps{
    min-height: 250px;
  }
}
// wiget tab listing
.widget-listings-tabs{
  .bottom-remore{
    @media(min-width: 1200px){
      padding-top: 20px;
    }
  }
  .nav-tabs{
    border:none;
    padding:5px;
    margin:0;
    text-align: center;
    display: inline-block;
    background-color: #EEF2F6;
    @include border-radius(45px);
    > li{
      float: none;
      display: inline-block;
      margin:0 !important;
      > a{
        @include transition(all 0.3s ease-in-out 0s);
        border:0 !important;
        font-weight: 600;
        font-size: $font-size-base;
        padding:5px 28px;
        @include border-radius(35px);
        background: transparent;
      }
      &.active{
        > a:focus,
        > a:hover,
        > a{
          background-color: #fff;
          color: $link-color;
        }
      }
    }
  }
  .top-listings-tabs{
    margin-bottom: 20px;
    @media(min-width: 1200px){
      margin-bottom: 50px;
    }
  }
}

.results-filter-wrapper{
  margin-bottom: 20px;
  .title{
    font-weight: 500;
    font-size: 18px;
    margin:0 0 20px;
  }
  .inner{
    @include flexbox();
    padding:10px 10px 0;
    @include rtl-padding-right(20px);
    background: #fff;
    > a{
      @include rtl-margin-left(auto);
      color: $brand-danger;
      font-weight: 500;
      white-space: nowrap;
      &:hover,&:focus{
        color: darken($brand-danger, 5%);
      }
    }
  }
  .results-filter{
    overflow: hidden;
    clear: both;
    list-style: none;
    padding:0;
    margin:0;
    li{
      display: inline-block;
      @include rtl-float-left();
      @include rtl-margin-right(10px);
      margin-bottom: 10px;
      a{
        display: inline-block;
        font-size: 12px;
        padding:0px 7px;
        @include border-radius(2px);
        background-color: #f8f8f8;
        @include transition(all 0.3s ease-in-out 0s);
        .close-value{
          color: $brand-danger;
          @include rtl-margin-right(4px);
          display: inline-block;
          @include transition(all 0.3s ease-in-out 0s);
        }
        &:hover{
          background-color: $brand-danger;
          color: #fff;
          .close-value{
            color: #fff;
          }
        }
      }
    }
  }
}
// style for list layout listing
.p-fix-pagination{
  position: fixed;
  bottom: 0;
  z-index:6;
  left: 0;
  width: 100%;
}
.layout-type-top-map{
  .p-fix-pagination{
    position: static;
  }
}
.layout-type-half-map{
  #listings-google-maps{
    position: fixed !important;
    @include rtl-right(0);
    height: 100vh;
    @media(min-width: 992px){
      width: 40%;
    }
    @media(min-width: 1200px){
      width: 63%;
    }
  }
  .first_class {
    @media(min-width: 992px){
      width: 60%;
    }
    @media(min-width: 1200px){
      width: 37%;
      padding-left: $theme-padding;
      padding-right: $theme-padding;
    }
  }
  .second_class{
    @media(min-width: 992px){
      width: 40%;
    }
    @media(min-width: 1200px){
      width: 63%;
    }
  }
  .listings-ordering-wrapper{
    display: block;
    clear: both;
    overflow: hidden;
    margin-top: 25px;
    .results-count{
      margin: 0 0 15px;
    }
    .filter-in-sidebar-wrapper{
      @include rtl-float-left();
    }
    .ordering-display-mode-wrapper {
      @include rtl-float-right();
    }
  }
}
body.fix-header{
  @media(min-width: 992px){
    .listings-filter-top-half-map{
      position: fixed;
      z-index: 2;
      top: 50px;
      left: 0;
      width: 100%;
    }
  }
}

.layout-type-top-map{
  #listings-google-maps{
    height: 350px;
    margin-bottom: $theme-margin;
    @media(min-width: 1200px){
      height: 600px;
      margin-bottom: 50px;
    }
  }
}
// fixed for sidebar of full main
.listings-filter-sidebar-wrapper{
  position: fixed;
  z-index: 8;
  max-width: 85%;
  width: 300px;
  height: 100vh;
  @include rtl-left(0);
  top:0;
  background-color: #F9F9F9;
  padding: 20px;
  @include transition(all 0.3s ease-in-out 0s);
  @include translateX(-100%);
  @include opacity(0);
  @media(min-width: 1200px){
    padding: $theme-padding;
  }
  &.active{
    @include translateX(0);
    @include opacity(1);
  }
  + .over-dark-filter{
    background-color: rgba(#0A2357,0.3);
    @include opacity(0);
    @include transition(all 0.3s ease-in-out 0s);
    position: fixed;
    z-index: 7;
    @include size(100vw,100vh);
    cursor: not-allowed;
    top:0;
    left: 0;
    visibility: hidden;
  }
  &.active + .over-dark-filter{
    visibility: visible;
    @include opacity(1);
  }
  .close-filter{
    cursor: pointer;
    @include transition(all 0.3s ease-in-out 0s);
    position:absolute;
    top: 20px;
    @include rtl-right(20px);
    z-index: 1;
    font-size: 14px;
    @media(min-width: 1200px){
      top: $theme-padding;
      @include rtl-right($theme-padding);
    }
    color: $link-color;
    &:hover,&:focus{
      color: $brand-danger;
    }
  }
  // check list
  .filter-listing-form{
    .circle-check li{
      width: 100%;
      &:last-child{
        margin-bottom: 0;
      }
    }
  }
  form.form-search {
    .search-form-inner .advance-search-wrapper{
      position: static;
    }
    .advance-search-wrapper-fields{
      padding:0;
      @include box-shadow(none);
      @include border-radius(0);
    }
  }
}

// compare
.compare-tables{
  border:0;
  margin:0;
  .thumb{
    width: 200px;
    @media(min-width: 1200px){
      width: 300px;
    }
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    @include border-radius($border-radius-base);
    .featured-listing{
      position: absolute;
      top: 20px;
      @include rtl-left(20px);
    }
    .btn-remove-listing-compare{
      text-align: center;
      position: absolute;
      z-index: 1;
      top:10px;
      @include rtl-right(10px);
      @include size(30px,30px);
      font-size: $font-size-base;
      font-weight: 400;
      @media(min-width: 1200px){
        @include size(45px,45px);
        top:20px;
        @include rtl-right(20px);
        font-size: 15px;
      }
      @include border-radius(50%);
      overflow: hidden;
      @include transition(all 0.3s ease-in-out 0s);
      background-color: #fff;
      color: $text-color;
      @include opacity(0);
      i{
        line-height: 1;
      }
      &:before{
        position: absolute;
        top:0;
        left: 0;
        @include size(100%,100%);
        @include flexbox();
        align-items:center;
        -ms-align-items:center;
        -webkit-align-items:center;
        justify-content: center;
        -webkit-justify-content: center;
        -ms-justify-content: center;
        font-size: $font-size-base;
        @include opacity(0);
        color: $link-color;
        content:'\f110';
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        @include transition(all 0.3s ease-in-out 0s );
      }
      &.loading{
        background: rgba(255,255,255,0.8) !important;
        color: transparent !important;
        &:before{
          @include opacity(1);
          animation:rotate_icon 1500ms linear 0s normal none infinite running;
          -webkit-animation:rotate_icon 1500ms linear 0s normal none infinite running;
        }
      }
      &:hover,&:focus{
        color: #fff;
        background-color: $brand-danger;
      }
    }
    &:hover{
      .btn-remove-listing-compare{
        @include opacity(1);
      }
    }
  }
  .list-features{
    column-count: 1;
  }
  .listing-title{
    font-size: 18px;
    margin:0;
  }
  .listing-price{
    font-size: $font-size-base;
    .prefix-text,
    .suffix-text{
      font-size: $font-size-base;
    }
  }
  thead{
    th{
      border:0;
      vertical-align: top;
      padding:10px 15px;
      @media(min-width: 1200px){
        padding:18px 15px;
      }
      &:first-child{
        min-width: 120px;
        @media(min-width: 1200px){
          padding:18px 30px;
          min-width: 260px;
        }
      }
    }
  }
  tbody{
    tr{
      background-color: #EAEAEA;
      border-bottom: 10px solid #fff;
    }
    tr.tr-0{
      background-color: #F9F9F9;
    }
    td{
      border: 0;
      padding:10px 15px;
      @media(min-width: 1200px){
        padding:18px 15px;
      }
      &:first-child{
        font-weight: 600;
        font-size: 15px;
        color: $headings-color;
        @media(min-width: 1200px){
          padding:18px 30px;
        }
      }
    }
    h3{
      font-size: 15px;
      margin:0;
    }
    .yes [class*='star']{
      color: #CAB877;
    }
  }
  .listing-public-facilities .listing-public-facility-wrapper{
    width: 100%;
    margin:0 0 10px;
    &:last-child{
      margin-bottom: 0;
    }
  }
  .valuation-item{
    .progress{
      margin-bottom: 10px;
    }
    &:last-child{
      .progress{
        margin-bottom: 0;
      }
    }
  }
  .feature-item{
    margin-bottom: 20px;
    &:last-child{
      margin-bottom: 0;
    }
    > h3{
      font-size: $font-size-base;
      margin-bottom: 20px;
    }
  }
}
.wrapper-compare{
  overflow-x:auto;
  margin-bottom: $theme-margin;
  scrollbar-width: thin;
}
.not-found-compare{
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  color: $brand-danger;
  @media(min-width: 1200px){
    margin-top: 20px;
  }
}
// submit job
.listing-submission-form-wrapper{
  margin-bottom: 20px;
  margin-top: 20px;
  @media(min-width: 1200px){
    margin-bottom: 50px;
    margin-top: 50px;
  }
  .submit-listing-heading{
    padding:0;
    margin:0;
    list-style:none;
    background: #fff;
    @include flexbox();
    align-items:center;
    -webkit-align-items:center;
    border-bottom:1px solid $border-color;
    overflow-x:auto;
    position: relative;
    z-index: 0;
    > li{
      display: inline-block;
      margin:0;
      width: 50%;
      text-align: center;
      > a{
        display: inline-block;
        position: relative;
        font-weight: 500;
        padding:13px;
        white-space: nowrap;
        @media(min-width: 1200px){
          padding:13px 20px;
        }
        &:before{
          @include transition(all 0.3s ease-in-out 0s );
          position: absolute;
          bottom:0;
          @include rtl-left(0);
          content:'';
          @include size(0,2px);
          background: $theme-color;
          display: block;
        }
      }
      &.active{
        > a{
          color: $theme-color;
          &:before{
            width: 100%;
          }
        }
      }
    }
  }
}
// cmb-form
div.cmb2-wrap{
  &:after,&:before{
    content: " ";
    display: table;
    clear: both;
  }
  input.cmb2-text-small,
  input.cmb2-timepicker{
    width: 100%;
  }
  .cmb2-list{
    list-style:none;
    padding:0;
  }
  .cmb-row{
    margin-bottom: 20px;
    &[class*="listing-description"],
    &[class*="listing-map-location"]{
      width: 100% !important;
      margin-bottom: 0;
    }
  }
  .cmb2-metabox-description{
    margin-top: 5px;
  }
  .cmb-multicheck-toggle{
    font-weight: 700;
    cursor: pointer;
    font-size: 14px;
    color: $theme-color !important;
  }
  .map-popup .icon-wrapper{
    color: $theme-color;
    background-color: transparent;
    @include size(auto,auto);
    @include box-shadow(none);
  }
  @media(max-width: 767px){
    .pw-map{
      height: 300px;
    }
  }
  // for input
  select,
  [type="email"],
  [type="text"],
  [type="number"],
  [type="url"],
  textarea{
    margin: 0;
    display: block;
    width: 100%;
    height: $input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border)
    padding: 12px 20px;
    font-size: $input-font-size;
    line-height: $line-height-base;
    color: $input-color;
    background-color: #fff !important;
    background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
    @include transition(all 0.30s ease-in-out);
    border: 1px solid $input-border;
    @include border-radius($border-radius-base);
    // Customize the `:focus` state to imitate native WebKit styles.
    @include form-control-focus();
    &::-webkit-input-placeholder { /* Edge */
      @include opacity(1);
    }
    &:-ms-input-placeholder { /* Internet Explorer 10-11 */
      @include opacity(1);
    }
    &::placeholder {
      @include opacity(1);
    }
    &:focus{
      border-color: $input-border-focus;
    }
  }
  textarea{
    height: 150px;
    resize:none;
  }
  .select2-container--default.select2-container .select2-selection--multiple{
    .select2-selection__rendered{
      padding:5px 20px;
    }
  }
  // wp-editor-wrap
  .wp-editor-container{
    border:0;
    margin-top: 10px;
    .mce-top-part::before {
      @include box-shadow(none);
    }
    .mce-toolbar .mce-btn-group{
      border:0;
      padding: 0;
    }
    div.mce-toolbar-grp{
      border: 0;
      background-color: #fff;
      > div{
        padding: 0;
      }
    }
  }
  //Virtual Tour
  [class*="virtual-tour"]{
    pre{
      border: 1px solid $input-border;
      border-radius: $input-border-radius;
      background-color: #fff;
      pre{
        border:0;
        padding:0 40px;
      }
      .CodeMirror{
        height: 150px;
      }
    }
    .CodeMirror-gutters{
      border:0;
    }
    .CodeMirror-activeline-background{
      background-color: transparent;
    }
    .CodeMirror-gutter {
      width: auto !important;
    }
  }
  [type="number"]{
    appearance: textfield;
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    -ms-appearance: textfield;
    -o-appearance: textfield;
  }
  .cmb-th{
    width: 100%;
    padding:0;
    font-size: $font-size-base;
    font-weight: 600;
    color: $headings-color; 
    margin: 0 0 5px;
    label{
      font-weight: 600;
      padding:0;
      margin:0;
    }
    + .cmb-td{
      width: 100%;
      padding:0;
    } 
  }
  .cmb-td{
    position: relative;
    .cmb-ajax-search-spinner{
      position: absolute;
      top: 50%;
      @include translateY(-50%);
      @include rtl-right(15px);
      margin:0;
    }
  }
  [class*="taxonomy-location-wrapper"]{
    width: 100%;
    @media(min-width: 768px){
      @include flexbox();
      margin-left: -10px;
      margin-right: -10px;
      width: calc(100% + 20px);
      > div{
        padding-right: 10px;
        padding-left: 10px;
      }
    }
    > div{
      width: 100%;
      @media(max-width: 767px){
        margin-bottom: 10px;
        &:last-child{
          margin-bottom: 0;
        }
      }
    }
  }
  .pw-map-search-wrapper .find-me-location{
    top: 17px;
    color: $text-color;
    @include rtl-margin-right(10px);
  }
  .pw-map-search-wrapper .leaflet-geocode-container ul li{
    cursor: pointer;
  }  
  // for map
  [id*="map_location-map"]{
    margin: 20px 0;
    width: 100%;
    z-index: 1;
    @include border-radius($border-radius-base);
    overflow: hidden;
    ~ input{
      width: calc(50% - 10px);
      @include rtl-float-left();
    }
  }
  // button media
  .label-can-drag{
    display: inline-block;
    margin: 0;
    background-color: #fff;
    padding: 16px 30px;
    border: solid 1px $link-hover-color;
    color: $link-hover-color;
    font-weight: 600;
    font-size: $font-size-base;
    text-transform: uppercase;
    @include border-radius($border-radius-base);
    @include transition(all 0.3s ease-in-out 0s);
    cursor: pointer;
    &:active,
    &:hover{
      background-color: $link-hover-color;
      border-color: $link-hover-color;
      color: #fff;
    }
    .form-group{
      margin:0;
    }
  }
  // deleted upload
  .wp-cardealer-uploaded-files{
    margin-right: -10px;
    margin-left: -10px;
    @media(min-width: 1200px){
      margin-bottom: 10px;
    }
    &:before,&:after{
      content:'';
      display: table;
      clear: both;
    }
    .wp-cardealer-uploaded-file{
      margin-bottom: 20px;
      position: relative;
      padding-right: 10px;
      padding-left: 10px;
      width: 170px;
      @include rtl-float-left();
      .wp-cardealer-uploaded-file-preview{
        @include border-radius($border-radius-base);
        overflow: hidden;
        display: block;
      }
      .wp-cardealer-remove-uploaded-file{
        position: absolute;
        top:10px;
        @include rtl-right(20px);
        display: inline-block;
        @include size(30px,30px);
        @include border-radius(50%);
        overflow: hidden;
        text-align: center;
        line-height: 30px;
        color: transparent;
        font-size: 10px;
        &:before{
          font-family: 'themify';
          content: "\e646";
          @include size(30px,30px);
          line-height: 30px;
          text-align: center;
          position: absolute;
          top:0;
          left: 0;
          background: #fff;
          @include transition(all 0.3s ease-in-out 0s);
          color: $link-color;
        }
        &:hover{
          &:before{
            color: #fff;
            background: $brand-danger;
          }
        }
      }
      .wp-cardealer-uploaded-file-name{
        code{
          @include rtl-base-toprightbottomleft(padding,10px, 35px, 10px, 15px);
          display: inline-block;
        }
        .wp-cardealer-remove-uploaded-file{
          top: 8px;
          @include rtl-right(0);
          @include size(20px,20px);
          line-height: 20px;
          &:before{
            @include size(20px,20px);
            line-height: 20px;
          }
        }
      }
      &:hover{
        .wp-cardealer-remove-uploaded-file:before{
          color: #fff;
          background: $brand-danger;
        }
      }
    }
    &.files-avatar{
      margin:0;
      .wp-cardealer-uploaded-file{
        padding:0;
        @include size(150px,150px);
        overflow: hidden;
        @include border-radius(50%);
        @include rtl-margin-right(15px);
        @media(min-width: 1200px){
          @include rtl-margin-right($theme-margin);
        }
      }
    }
  }

  // fix for fields
  .cmb2-checkbox-list{
    padding:0;
    margin:0;
    list-style: none;
    li{
      @include rtl-float-left();
      width: 50%;
      margin:0 0 10px;
      line-height: 1;
      @media(min-width: 992px){
        width: 33%;
      }
      @media(min-width: 1200px){
        width: 25%;
        margin:0 0 15px;
      }
    }
    [type="checkbox"]{
      display: none;
      &:checked{
        + label{
          color: $theme-color;
          &:before{
            content: "\f14a";
            color: $theme-color;
          }
        }
      }
    }
    label{
      cursor: pointer;
      font-weight: 400;
      &:before{
        content: "\f0c8";
        @include rtl-margin-right(8px);
        font-family: 'Font Awesome 5 Free';
        font-weight: 400;
        display: inline-block;
      }
    }
  }

  // multiselect
  .select2-selection__choice{
    display: inline-block;
    padding:5px 7px !important;
    @include transition(all 0.3s ease-in-out 0s);
    @include border-radius($border-radius-base !important);
    .select2-selection__choice__remove{
      color: $brand-danger !important;
    }
  }

  // fix for row
  .before-group-row {
    overflow: hidden;
    clear: both;
    background-color: #fff;
    margin-bottom: 20px;
    padding:20px;
    border:1px solid $border-color;
    @include border-radius($border-radius-base);
    @media(min-width: 1200px){
      padding:60px;
      margin-bottom: $theme-margin;
    }
    .submit-button-wrapper{
      @include flexbox();
      align-items:center;
      -webkit-align-items:center;
      .btn{
        padding:5px 15px;
      }
      .job-submission-next-btn {
        @include rtl-margin-left(auto);
      }
    }
  }
  .columns-1 .before-group-row-inner{
    .cmb-row:last-child{
      margin-bottom: 0;
    }
  }
  .columns-2 .before-group-row-inner{
    @media(min-width: 768px){
      margin-left: -($theme-margin / 2);
      margin-right: -($theme-margin / 2);
      > div{
        padding-left:$theme-margin / 2;
        padding-right:$theme-margin / 2;
        width: 50%;
        @include rtl-float-left();
      }
    }
    > [data-fieldtype="title"],
    > .submit-button-wrapper{
      width: 100%;
    }
  }
  .columns-3 .before-group-row-inner{
    @media(min-width: 768px){
      margin-left: -($theme-margin / 2);
      margin-right: -($theme-margin / 2);
      > div{
        padding-left:$theme-margin / 2;
        padding-right:$theme-margin / 2;
        width: 33.33%;
        @include rtl-float-left();
      }
    }
    > [data-fieldtype="title"],
    > .submit-button-wrapper{
      width: 100%;
    }
  }
  .cmb2-metabox-title{
    font-size: 18px;
    font-weight: 600;
    color: $headings-color;
    margin:0;
    padding:0;
  }
  // group
  .cmb-type-group{
    .inside {
      padding: 20px 15px 15px;
      margin-left: -15px;
      margin-right: -15px;
      width: calc(100% + 15px );
      max-width: none;
      border-width: 0 1px 1px !important;
      border-color: $border-color !important;
      border-style: solid !important;
      @include border-radius(0 0 $border-radius-base $border-radius-base);
      label{
        font-size: 14px;
      }
    }
    .cmb-group-name{
      font-size: 14px;
      font-weight: 700;
      color: $headings-color;
      margin:0;
    }
    .cmb-add-group-row{
      background: $theme-color;
      color: #fff;
      border:none;
      font-size: $font-size-base;
      @include transition(all 0.3s ease-in-out 0s);
      padding:8px 20px;
      @include border-radius($border-radius-base);
      &:hover,&:focus{
        color: #fff;
        background: var(--voiture-theme-hover-color);
      }
    }
    .cmb-row:not(:last-of-type){
      border:0;
    }
    .cmb-repeatable-grouping{
      border:0 !important;
      .cmb-group-title{
        cursor: pointer;
        padding-top: 14px;
        padding-bottom: 14px;
        background:#fff;
        font-size: 12px;
        font-weight: 500;
        border:1px solid $border-color;
        @include border-radius($border-radius-base);
        margin-left: -15px;
        margin-right: -15px;
      }
      &:not(.closed){
        .cmb-group-title{
          @include border-radius($border-radius-base $border-radius-base 0 0);
        }
      }
    }
    .cmb-remove-row{
      padding-top: 10px;
      .move-down,
      .move-up {
        display: inline-block;
        padding:5px;
        background-color: $theme-color;
        color: #fff;
        @include border-radius(4px);
        margin:0 2px !important;
        .dashicons{
          margin:0;
        }
      }
    }
    .alignright,
    .alignleft{
      margin:0; 
    }
    .dashicons-before.cmb-remove-group-row{
      margin-top: 5px;
    }
    .cmbhandle{
      margin-top: 10px;
    }
    @media(min-width: 768px){
      .cmb-row[data-fieldtype="select"],
      .cmb-row[data-fieldtype="text"]{
        @include rtl-float-left();
        width: 50%;
      }
    }
    .cmb-remove-field-row,
    .cmb-repeat-group-field{
      padding:0 15px;
      border:0 !important;
    }
    .cmb-remove-field-row{
      margin-bottom: 0;
    }
    // deleted
    .cmb-remove-group-row-button{
      border:none;
      background: $brand-danger;
      color: #fff;
      @include transition(all 0.3s ease-in-out 0s);
      padding: 8px 10px;
      font-size: 14px;
      @include border-radius($border-radius-base);
      &:hover{
        color: #fff;
        background: darken($brand-danger, 5%);
      }
    }
  }
  // features
  .cmb2-id--listing-feature .cmb-td{
    padding: 0;
    overflow: hidden;
    clear: both;
  }
  .term-parent-inner{
    list-style: none;
    li{
      line-height: $line-height-base;
      margin: 0 0 7px;
    }
  }
  .term-parent-wrapper{
    @include rtl-float-left();
    width: 100%;
    margin-bottom: 15px;
    @media(min-width: 768px){
      margin: 0;
      width: 33.33%;
      @include rtl-padding-right($theme-padding / 2);
    }
    @media(min-width: 1200px){
      width: 20%;
      @include rtl-padding-right($theme-padding);
    }
    h3{
      font-size: $font-size-base;
      margin: 0 0 15px;
    }
    label{
      display: block;
      position: relative;
      color: $text-color;
      font-weight: 400;
      margin-bottom: 10px;
      @include rtl-padding-left(20px);
      @media(min-width: 1200px){
        margin-bottom: 18px;
        @include rtl-padding-left(25px);
      }
      &:last-child{
        margin-bottom: 0;
      }
      input{
        position: absolute;
        top: 6px;
        @include rtl-left(0);
      }   
    }
  }
}
// cmb2-metabox
.form-table{
  .cmb2-metabox .cmbhandle::before{
    font-family: flaticon !important;
    content: "\f10f";
    font-size: 10px;
  }
  .cmb2-metabox .postbox.closed .cmbhandle::before {
    content: "\f10e";
  }
  .cmb-remove-row{
    .dashicons{
      height: 20px;
      line-height: 20px;
      font-size: 16px;
    }
  }

}

.box-inner-white{
  background: #fff;
  .inner{
    padding:15px;
    @media(min-width: 1200px){
      padding:$theme-margin;
    }
  }
}
// my listings
.warpper-action-listing{
  .btn-action-icon{
    @include rtl-margin-left(10px);
    &:first-child{
      @include rtl-margin-left(0);
    }
  }
}
.listing-submission-preview-form-wrapper{
  .wrapper-action-listing{
    padding: 15px;
  }
  .breadcrumbs-simple .breadcrumb{
    background-color: transparent;
  }
  .btn + .btn{
    @include rtl-margin-left(10px);
  }
}
.submission-form-wrapper{
  margin: 30px 0;
  text-align: center;
  font-weight: 600;
  font-size: 22px;
  color: $theme-color;
  @media(min-width: 1200px){
    margin: 50px 0;
    font-size: 30px;
  }
}
// dashboard
.dashboard-box{
  h4{
    font-size: 14px;
    margin:5px 0 0;
    font-weight: 400;
  }
  .listings-count{
    color: $theme-color;
    font-size: 20px;
    @media(min-width: 1200px){
      font-size: 30px;
    }
    font-weight: 600;
    line-height: 1.2;
  }
  .inner-left{
    background-color: var(--voiture-theme-color-007);
    color: $theme-color;
    @include border-radius(50%);
    @include size(50px,50px);
    line-height: 1;
    font-size: 23px;
    text-align: center;
    @media(min-width: 1200px){
      font-size: 28px;
      @include size(70px,70px);
    }
    &.bg-favorites{
      color: #1A3760;
      background-color: rgba(#1A3760,0.1);
    }
    &.bg-listings{
      color: #1947E2;
      background-color: rgba(#1947E2,0.1);
    }
    &.bg-view{
      color: #F5C34B;
      background-color: rgba(#F5C34B,0.1);
    }
  }
  .inner-right{
    flex:1;
    -webkit-box-flex:1;
    -ms-flex:1;
    @include rtl-text-align-right();
  }
}
.box-white-dashboard{
  background: #fff;
  border:1px solid $border-color;
  @include border-radius($border-radius-base);
  padding:$theme-margin / 2;
  margin-bottom: 20px;
  @media(min-width: 1200px){
    padding:$theme-margin;
    margin-bottom: $theme-padding;
  }
  .title{
    font-size: 16px;
    margin:0 0 15px;
    @media(min-width: 1200px){
      margin-bottom: 20px;
      font-size: 18px;
    }
  }
}

.search-form-stats{
  @media(min-width: 1200px){
    margin-top: 20px;
  }
}

.comment-list.list-reviews{
  > li:last-child{
    > .the-comment{
      border-bottom:0;
      padding-bottom: 0;
      margin-bottom: 0;
    }
  }
}
// box message
.list-message-small{
  padding:0;
  margin:0;
  list-style:none;
  > li{
    margin-bottom: 10px;
    @media(min-width: 1200px){
      margin-bottom: 20px;
    }
    &:last-child{
      margin-bottom: 0;
    }
    &.unread{
      .user-name{
        font-weight: 600;
      }
    }
  }
  .message-item-small{
    @include flexbox();
    align-items:center;
    -webkit-align-items:center;
  }
  .avatar{
    @include flexbox();
    @include size(50px,50px);
    @include border-radius(50%);
    overflow: hidden;
    align-items:center;
    -webkit-align-items:center;
    img{
      margin:0;
    }
  }
  .content{
    @include rtl-padding-left(15px);
    overflow: hidden;
    width: calc(100% - 50px);
  }
  .user-name{
    font-size: $font-size-base;
    font-weight: 600;
    margin:0 0 2px;
  }
  .message-title{
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .message-time{
    font-size: 12px;
    font-weight: 400;
  }
}
.title-profile{
  font-size: 25px;
  margin:0 0 20px;
  @media(min-width: 1200px){
    font-size: 30px;
    margin-bottom: 50px;
  }
}
// message private
.message-section-wrapper{
  .list-message-inner{
    position:relative;
    @media(min-width: 1200px){
      height: calc(100% - 116px);
    }
  }
  .message-inner{
    @media(min-width: 1200px){
      height: 770px;
    }
  }
  .list-message-wrapper{
    width: 100%;
    border:1px solid $border-color;
    background-color: #fff;
    @include border-radius($border-radius-base);
    padding:20px;
    margin-bottom: 15px;
    .list-message-inner {
      margin-left: -20px;
      margin-right: -20px;
    }
    @media(min-width: 1200px){
      padding:$theme-margin;
      .list-message-inner {
        margin-left: -$theme-margin;
        margin-right: -$theme-margin;
      }
    }
    .loadmore-action{
      padding-top:5px;
      text-align: center;
    }
    .loadmore-message-btn{
      font-weight: 700;
      font-size: 14px;
    }
  }
  .replies-content{
    width: 100%;
    border:1px solid $border-color;
    background-color: #fff;
    @include border-radius($border-radius-base);
    margin-bottom: 15px;
    @media(min-width: 1200px){
      display: flex;
      -webkit-display: flex;
      flex-direction: column; 
      -webkit-flex-direction: column; /* Safari 6.1+ */
      > div{
        width:100%;
      }
    }
    .content-box-white{
      position: relative;
      padding:20px 20px 70px;
      height: calc(100% - 71px);
      overflow: hidden;
      @media(min-width: 1200px){
        padding:$theme-margin;
        padding-bottom: 100px;
        height: calc(100% - 81px);
      }
      .reply-message-form-wrapper{
        z-index: 1;
        position: absolute;
        left: 20px;
        right: 20px;
        bottom: 0;
        @media(min-width: 1200px){
          left: $theme-margin;
          right: $theme-margin;
        }
      }
    }
    .recipient-info{
      .message-item {
        max-width: 55%;
      }
    }
  }
  .recipient-info{
    background:#fff;
    padding:10px 20px;
    border-bottom: 1px solid $border-color;
    @media(min-width: 1200px){
      padding:15px $theme-margin;
    }
    .user-name{
      font-size: $font-size-base;
      margin: 0;
    }
    .message-title{
      color: $text-color;
    }
    .delete-message-btn{
      color: $brand-danger;
      text-decoration: underline;
      margin-top: 10px;
      @media(min-width: 1200px){
        margin-top: 12px;
      }
      &:hover,&:focus{
        color: darken($brand-danger,10%);
      }
    }
  }
  .search-message-form{
    padding-bottom: 15px;
  }
}
.search-wrapper-message{
  margin-bottom: 25px;
  position: relative;
  .form-control{
    @include rtl-padding-left(46px);
    background-color: #F9F9F9;
  }
  .search-message-btn{
    border: 0;
    color: $text-color;
    background: transparent !important;
    position: absolute;
    top: 14px;
    @include rtl-left(14px);
    &:hover,&:focus{
      color: $theme-color;
    }
  }
}

.list-options-action{
  list-style: none;
  padding:0;
  margin:0;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  > li{
    display: inline-block;
    @include rtl-margin-right(12px);
    &:last-child{
      @include rtl-margin-right(0);
    }
  }
  label{
    font-weight: 600;
    color: $link-color;
    cursor: pointer;
    &:hover,&:focus{
      color: $theme-color;
    }
  }
  [type="radio"]{
    display: none;
    &:checked + label{
      color: $link-hover-color;
    }
  }
}
.list-message{
  list-style: none;
  padding:0;
  margin:0;
  li{
    padding:10px 20px;
    @media(min-width: 1200px){
      padding:15px 30px;
    }
    &.unread{
      .user-name{
        color: $brand-danger;
      }      
    }
    &.active{
      background-color: var(--voiture-theme-color-005);
    }
  }
}
.message-item{
  clear: both;
  overflow: hidden;
  @include flexbox();
  align-items:center;
  -webkit-align-items:center;
  div.avatar{
    line-height: 50px;
    @include size(50px,50px);
    overflow: hidden;
    @include border-radius(50%);
    border:1px solid $border-color;
    @include flexbox();
    align-items:center;
    -webkit-align-items:center;
    img{
      margin:0;
    }
  }
  .content{
    @include rtl-padding-left(12px);
    width: calc(100% - 50px);
  }
  .user-name{
    font-size: $font-size-base;
    margin: 0;
  }
  .message-time {
    color: $text-color;
    font-size: $font-size-base;
    font-weight: 400;
    white-space: nowrap;
  }
  .message-title{
    color: $text-color;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.reply-message-form-wrapper{
  .wrapper-form{
    padding:10px 0;
    @media(min-width: 1200px){
      padding:25px 0;
    }
    @include rtl-padding-right(200px !important);
    &:before{
      content:'';
      background-color: $border-color;
      @include size( calc(100% + 60px), 1px );
      top: 0;
      left: -30px;
      position: absolute;
    }
  }
  .reply-message-form{
    position:relative;
    textarea{
      height: 50px;
      background:transparent;
      border:none;
      resize: none;
      padding:12px 0;
      @include box-shadow(none !important);
    }
    .reply-message-btn{
      position:absolute;
      top:50%;
      @include translateY(-50%);
      @include rtl-right(0);
    }
  }
}
.list-replies{
  list-style: none;
  padding:0;
  margin:0;
  li{
    margin-bottom: 28px;
    overflow: hidden;
    clear: both;
    &.last-child{
      margin-bottom: 50px;
    }
  }
  .avatar{
    line-height: 50px;
    @include size(50px,50px);
    border:1px solid $border-color;
    overflow: hidden;
    @include border-radius(50%);
    @include rtl-float-left();
    @include flexbox();
    align-items:center;
    -webkit-align-items:center;
    justify-content: center;
    -webkit-justify-content: center;
    img{
      margin:0;
    }
  }
  .reply-content{
    overflow: hidden;
    @include rtl-padding-left(15px);
  }
  .post-date{
    margin-bottom: 10px;
    color: #717171;
  }
  .post-content{
    display: inline-block;
    padding: 10px 15px;
    @media(min-width: 1200px){
      padding: 15px 20px;
    }
    @include border-radius($border-radius-base);
    background: #F5F7FC;
    color: #1947E2;
    line-height: $line-height-base;
  }
  .user-reply {
    .post-content{
      background: #EEF2F6;
      color: #5F6973;
    }
  }
  .yourself-reply{
    @include rtl-text-align-right();
  }
}
.list-replies-inner{
  position:relative;
  height: 100%;
  .loadmore-action{
    text-align: center;
    position:absolute;
    top:-5px;
    left:0;
    width:100%;
    z-index: 1;
  }
  .loadmore-replied-btn{
    color: $text-color;
    &:hover,&:focus{
      color: $link-color;
    }
  }
}
.user-name{
  font-size: 20px;
  margin:0 0 10px;
  @media(min-width: 1200px){
    margin:0 0 20px;
  }
}
// responsive
@media(max-width: 1199px){
  .message-section-wrapper .message-inner{
    .list-message-wrapper{
      position:relative;
      display: none;
    }
  }
  .list-message-inner{
    position:relative;
    max-height: 200px;
    border-bottom:1px solid #ededed;
  }
  .list-replies-inner{
    overflow-x:auto;
    max-height: 300px;
  }
  .toggle-message-btn{
    border:none;
    padding:0 !important;
    font-weight: 700;
    color: $brand-success;
    margin: 0 0 20px;
    i{
      @include rtl-margin-left(4px);
    }
  }
  .filter-options{
    margin-left:15px;
    margin-right:15px;
  }
}
@media(min-width: 1200px){
  .toggle-message-btn{
    display: none;
  }
}
// loading content
.replies-content,
.list-message-wrapper{
  position:relative;
  &:before{
    display: block;
    content:'';
    position:absolute;
    top:0;
    left:0;
    @include size(100%,100%);
    background:rgba(255,255,255,0.9) url('#{$image-theme-path}loading.gif') no-repeat center 180px / 30px auto;
    @include opacity(0);
    @include transition(all 0.3s ease-in-out 0s);
    z-index: 1;
    visibility: hidden;
  }
  &.loading{
    &:before{
      visibility: visible;
      @include opacity(1);
    }
  }
}
//-----
.change-profile-form{
  .sub{
    font-size: 16px;
    margin:0 0 20px;
  }
}
#wp-private-message-popup-message,
#wp-cardealer-popup-message{
  position: fixed;
  z-index: 99;
  top:40%;
  @include rtl-right(0);
  font-size: 14px;
  @include transition(all 0.4s ease-in-out 0s);
  .alert {
    margin:0;
    font-weight: 500;
  }
}

// Packages
#listing_package_selection{
  margin-top: 15px;
  @media(min-width: 1200px){
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

.widget-user-packages{
  border:1px solid $border-color;
  overflow: hidden;
  @include border-radius($border-radius-base);
}
.user-transactions{
  margin:0;
  border:none;
  thead{
    background-color: #EEF2F6;
    color: $link-color;
    td{
      white-space: nowrap;
      font-weight: 600;
    }
  }
  td{
    border:0;
    border-bottom: 1px solid $border-color ;
    @media(min-width: 1200px){
      padding:16px 25px;
    }
  }
  tbody td{
    @media(min-width: 1200px){
      padding:25px;
    }
  }
  tr:last-child{
    td{
      border-bottom: 0 !important;
    }
  }
  .date{
    white-space: nowrap;
  }
  .title{
    font-size: $font-size-base;
    font-weight: 600;
    color: $link-color;
  }
  .id_listing{
    font-size: 16px;
    color: $link-color;
    font-weight: 600;
  }
  .success{
    color: $brand-success;
  } 
  .pending{
    color: $brand-warning;
  }
  .alert-query{
    .text{
      color: $text-color;
      font-weight: 400;
    }
    .value{
      font-weight: 500;
      color: $link-color;
    }
  }
}
// filter agent in sidebar
.sidebar{
  // fix for widget filter
  form.form-search {
    .search-form-inner .advance-search-wrapper{
      position: static;
    }
    .advance-search-wrapper-fields{
      padding:0;
      @include box-shadow(none);
      background-color: transparent;
      @include border-radius(0);
    }
  }
}
// sidebar search
#compare-sidebar{
  position: fixed;
  top:0;
  right:0;
  z-index: 5;
  @include size(340px,100vh);
  max-width: 85%;
  min-height:100vh;
  background-color: #fff;
  padding:40px 20px 70px;
  border-left: 3px solid $theme-color;
  @include translateX(100%);
  @include transition(all 0.3s ease-in-out 0s);
  @include opacity(0);
  visibility: hidden;
  &.active{
    visibility: visible;
    @include opacity(1);
  }
  &.open{
    @include translateX(0);
  }
  .listing-list-simple{
    margin-bottom: 20px;
  }
  .title{
    font-size: 20px;
    margin:0;
    height: 50px;
  }
  .compare-sidebar-inner{
    height: calc(100% - 50px);
  }
  .compare-actions{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding:20px;
    background-color: #fff;
    .btn{
      border:0;
    }
  }
  .compare-list {
    height: 100%;
  }
  .compare-sidebar-btn{
    position: absolute;
    top: 55%;
    right: 100%;
    white-space: nowrap;
    display: inline-block;
    padding:7px 20px;
    font-weight: 600;
    color: #fff;
    background-color: $theme-color;
    @include rotate(90deg);
    @include transform-origin(100%, 0);
    cursor: pointer;
    @include border-radius(0 0 $border-radius-base $border-radius-base);
    @include transition(all 0.3s ease-in-out 0s);
    @include opacity(0.7);
    &:hover,&:focus{
      @include opacity(1);
    }
  }
}
ul.messages{
  list-style:none;
  padding:0;
  margin:0;
}
.valuation-item{
  .progress{
    height: 10px;
    margin-top: 5px;
    margin-bottom: 15px;
    @media(min-width: 1200px){
      margin-bottom: 25px;
    }
  }
  .progress-bar{
    line-height: 10px;
    background-color: $theme-color;
  }
  .valuation-label{
    font-weight: 600;
    color: $link-color;
  }
  &:last-child{
    .progress{
      margin-bottom: 0;
    }
  }
}
.listing-public-facilities{
  @media(min-width: 768px){
    .listing-public-facility-wrapper{
      margin-top:10px;
      width: 50%;
      @include rtl-float-left();
      padding-left: $theme-margin / 2;
      padding-right: $theme-margin / 2;
    }
    > .clearfix{
      margin-top: -10px;
      margin-left: -($theme-margin / 2);
      margin-right: -($theme-margin / 2);
    }
  }
}
.listing-public-facility{
  @include flexbox();
  .listing-public-facility-title{
    min-width: 110px;
    font-weight: 600;
    color: $link-color;
  }
}
// update feature
.energy-inner-top{
  .list{
    color: $link-color;
    li{
      width: 100%;
      @include flexbox();
      align-items: center;
      -webkit-align-items: center;
      -ms-align-items: center;
      margin-bottom: 10px;
      @media(min-width: 1200px){
        margin-bottom: 15px;
      }
      &:last-child{
        margin-bottom: 0;
      }
    }
    .text{
      font-weight: 600;
    }
    .value{
      @include rtl-margin-left(auto);
    }
  }
  + .energy-inner{
    margin-top: 90px;
  }
}
.energy-group{
  position: relative;
  color: #fff;
  font-weight: 700;
  padding:5px 0;
  .indicator-energy{
    position: absolute;
    @include rtl-text-align-left();
    white-space: nowrap;
    background: inherit;
    bottom: 100%;
    font-size: 13px;
    @include rtl-left(0);
    padding:5px 10px;
    margin-bottom: 15px;
    @include border-radius(3px);
    &:before{
      display: block;
      background-color: inherit;
      @include size(10px,10px);
      content:'';
      position: absolute;
      border-width: 5px;
      border-style:solid;
      border-color: transparent #fff #fff;
      @include rtl-left(12px);
      @media(min-width: 768px){
        @include rtl-left(28px);
      }
      top:100%;
    }
  }
}
.energy-inner{
  max-width: 745px;
  position: relative;
  > div{
    width: 100%;
    text-align: center;
    word-break: break-word;
  }
}
.energy-aplus{
  background-color: darken(#108d83,5%);
}
.energy-a{
  background-color: #108d83;
}
.energy-b{
  background-color: #14b380;
}
.energy-c{
  background-color: #84c866;
}
.energy-d{
  background-color: #fbc948;
}
.energy-e{
  background-color: #fca78f;
  ~ .energy-group{
    .indicator-energy{
      @include rtl-left(auto);
      @include rtl-right(0);
      &:before{
        @include rtl-left(auto);
        @include rtl-right(12px);
        @media(min-width: 768px){
          @include rtl-right(28px);
        }
      }
    }
  }
}
.energy-f{
  background-color: #f98d59;
}
.energy-g{
  background-color: #eb4164;
}
.energy-h{
  background-color: darken(#eb4164,5%);
}
@media(max-width: 767px){
  .energy-c,
  .energy-d,
  .energy-e{
    position: static;
    .indicator-energy{
      @include rtl-left(50%);
      @include translateX(-50%);
      &:before{
        @include rtl-left(50%);
        @include rtl-margin-left(-5px);
      }
    }
  }
  .energy-c{
    .indicator-energy:before{
      @include rtl-margin-left(-40px);
    }
  }
  .energy-e{
    .indicator-energy:before{
      @include rtl-margin-left(30px);
    }
  }
}
// print
.print-detail{
  padding:15px $theme-margin;
  margin: auto;
  max-width: 1000px;
  background-color: #fff;
  .title-inner,
  h3{
    font-size: 20px;
    margin:0 0 20px;
  }
  > div{
    margin-bottom: 40px;
  }
  .print-header-top{
    margin-bottom: 10px;
  }
}
.print-logo{
  max-width: 280px;
  display: block;
  margin: auto;
  text-align: center;
  .tag-line{
    display: inline-block;
    margin-top: 10px;
  }
}
.print-header-middle{
  padding:15px 0;
  margin:0 !important;
  width: 100%;
  @include flexbox();
  align-items:center;
  -webkit-align-items:center;
  h1{
    margin:0;
    font-size: 30px;
  }
  .print-header-middle-right{
    @include rtl-margin-left(auto);
  }
}
.print-main-image{
  position: relative;
  .qr-image{
    position: absolute;
    top:0;
    @include rtl-right(0);
    z-index: 1;
  }
}
.print-block{
  .title{
    font-size: 16px;
    margin:0;
  }
  .agent-media{
    @include flexbox();
    width: 100%;
    .media-image-left{
      width: 120px;
      @include rtl-padding-right(15px);
      .media-body-right{
        width: calc(100% - 120px);
      }
    }
  }
}
.print-gallery{
  .print-gallery-image{
    margin-bottom: $theme-margin;
  }
}
.list-check{
  li{
    margin-bottom: 0;
    span{
      display: inline-block;
      vertical-align: middle;
      @include rtl-margin-right(10px);
    }
    i{
      font-size: 13px;
    }
  }
}
.form-theme{
  textarea.form-control{
    height: 120px;
    @media(min-width: 1200px){
      height: 250px;
    }
    resize: none;
  }
  .form-group{
    margin-bottom: 20px;
  }
}
// calculator
.widget-mortgage-calculator{
  border: 1px solid $border-color;
  @include border-radius($border-radius-base);
  background-color: #fff;
  padding: 20px 20px 0;
  @media(min-width: 1200px){
    padding: 50px 50px 30px;
  }
  label{
    color: $headings-color;
    font-weight: 600;
  }
  @media(min-width: 1200px){
    .btn{
      min-width: 190px;
      text-align: center;
    }
  }
  .title{
    margin: 0 0 20px;
  }
  .apus_mortgage_results{
    margin-top: 20px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color: $brand-danger;
  }
}
.mortgage-calculator-form {
   @media(min-width: 1200px){
    .btn{
      min-width: 200px;
      text-align: center;
    }
    .wrapper-submit{
      padding-top: 5px;
    }
  }
}
.mortgage-calculator-chart-wrapper{
  position: relative;
  max-width: 270px;
  .monthly-payment-wrap{
    position: absolute;
    top: 50%;
    text-align: center;
    left: 0;
    width: 100%;
    z-index: 1;
    @include translateY(-50%);
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    color: $link-color;
  }
  .monthly-payment-val{
    font-size: 24px;
  }
}
.list-result-calculator{
  max-width: 250px;
  margin-top: $theme-margin;
  li{
    margin-bottom: 15px;
    &:last-child{
      margin-bottom: 0;
    }
    &:before{
      content: '';
      display: inline-block;
      @include size(8px,8px);
      @include border-radius(50%);
      background-color: $theme-color;
      @include rtl-margin-right(12px);
    }
    &:nth-child( 2 ){
      &:before{
        @include opacity(0.7);
      }
    }
    &:nth-child( 3 ){
      &:before{
        @include opacity(0.5);
      }
    }
  }
  .name-result{
    + span{
      color: $link-color;
      @include rtl-margin-left(auto);
    }
  }
}
@media(min-width: 768px){
  .list-gallery-listing-v2,
  .list-gallery-listing-v1{
    .c1{
      width: 62.3%;
    }
    .c2{
      width: 37.7%;
    }
  }
}
.detail-content-agent-agency{
  .agent-metas{
    span.with-title{
      font-size: 16px;
      font-weight: 600;
      color: $link-color;
      display: inline-block;
      @include rtl-margin-right(15px);
    }
  }
  .agency-socials{
    a{
      display: inline-block;
      @include border-radius($border-radius-base);
      color: $text-color;
      @include size(30px,30px);
      line-height: 30px;
      text-align: center;
      @include transition(all 0.3s ease-in-out 0s);
      @include rtl-margin-left(3px);
      &:hover,&:focus{
        color: $text-color;
        background-color: rgba(#696969,0.1);
      }
    }
  }
}
.contact-form-wrapper{
  .btn-whatsapp{
    width: 100%;
    margin-top: $theme-margin / 2;
  }
  textarea.form-control{
    height: 160px;
  }
  .content-bio{
    margin-bottom: 20px;
  }
}
.schedule-a-tour-form-wrapper{
  label{
    font-weight: normal;
  }
}
body.author{
  background-color: #F9F9F9;
}
.sidebar-user{
  .widget{
    background-color: #fff;
  }
}
.top-header-user-listing{
  margin-bottom: $theme-margin;
  @media(min-width: 1200px){
    margin-bottom: 50px;
  }
  .listing-user-avarta{
    border: 1px solid $border-color;
    @include size(90px,90px);
    background-color: #fff;
    padding:5px;
    overflow: hidden;
    @include border-radius(50%);
    img{
      @include border-radius(50%);
    }
  }
  .listing-user-info{
    flex:1;
    -webkit-box-flex:1;
    -ms-flex:1;
    @include rtl-padding-left(20px);
  }
  .title{
    font-size: 24px;
    margin: 0;
    @media(min-width: 1200px){
      font-size: 34px;
    }
  }
}
.listing-user-metas{
  i{
    display: inline-block;
    @include rtl-margin-right(5px);
    vertical-align: middle;
  }
  > *{
    display: inline-block;
    vertical-align: top;
    @include rtl-margin-right(25px);
    &:last-child{
      @include rtl-margin-right(0);
    }
  }
}
.direction-wrapper{
  margin-top: $theme-margin / 2;
  @media(min-width: 1200px){
    margin-top: $theme-margin;
  }
}
.mobile-groups-button{
  margin: 15px 0 0;
  position: relative;
  z-index: 2;
  .btn + .btn{
    @include rtl-margin-left(10px);
  }
}

.currencies-wrapper{
  position: relative;
  .dropdown-toggle{
    i{
      @include rtl-margin-left(5px);
    }
    position: relative;
    &:before{
      content: '';
      position: absolute;
      top: 100%;
      left: 0;
      @include size(100%,10px);
    }
  }
  .dropdown-menu{
    @include transition(all 0.2s ease-in-out 0s);
    font-size: inherit;
    @include box-shadow(0 6px 15px 0 rgba(64, 79, 104, 0.05));
    padding:15px 20px;
    border: 1px solid $border-color;
    @include border-radius($border-radius-base);
    margin-top: 10px;
    display: block;
    visibility: hidden;
    @include opacity(0);
    @include translateY(10px);
    &:before{
        content:'';
        position: absolute;
        bottom: 100%;
        @include rtl-right(20px);
        border-width: 8px;
        border-style: solid;
        border-color: transparent transparent $border-color;
    }
  }
  .currencies{
    padding:0;
    margin:0;
    list-style: none;
    li{
      @include transition(all 0.2s ease-in-out 0s);
      color: $link-color;
      &:hover,
      &.active{
        color: $theme-color;
        font-weight: 600;
      }
      margin-bottom: 5px;
      &:last-child{
        margin-bottom: 0;
      }
    }
  }
  label{
    font-weight: inherit;
    cursor: pointer;
    margin: 0;
    width: 100%;
    display: inline-block;;
  }
  &:hover{
    .dropdown-menu{
      visibility: visible;
      @include opacity(1);
      @include translateY(0);
    }
  }
}
// rtl language
body.rtl{
  .pagination{
    .flaticon-right-arrow:before{
      content: "\f115";
    }
    .flaticon-left-arrow:before{
      content: "\f116";
    }
  }
}