@charset "UTF-8";
/******************************************************************
Theme Name: Aler
Description: 
Author: 
Author URI: 
Version: 1.0
Created: 
******************************************************************/
/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Hero Section
5.  Service Section
6.  Feature Property Section
7.  Team Section
8.  Testimonial Section
9.  Contact
10.  Footer Style

-------------------------------------------------------------------*/
/*----------------------------------------*/
/* Template default CSS
/*----------------------------------------*/
html,
body {
  height: 100%;
  font-family: "Montserrat", sans-serif;
  -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  color: #111111;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
}

h1 {
  font-size: 70px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 30px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}

p {
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  color: #666666;
  font-weight: 400;
  line-height: 24px;
  margin: 0 0 15px 0;
}

img {
  max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
  outline: none;
}

a:hover,
a:focus {
  text-decoration: none;
  outline: none;
  color: #fff;
}

ul,
ol {
  padding: 0;
  margin: 0;
}

/*---------------------
  Helper CSS
-----------------------*/
.section-title {
  margin-bottom: 40px;
}
.section-title.sidebar-title {
  margin-bottom: 36px;
}
.section-title.sidebar-title h5 {
  font-family: "Lato", sans-serif;
}
.section-title.sidebar-title h5:after {
  height: 36px;
  top: -8px;
}
.section-title.sidebar-title-b {
  margin-bottom: 30px;
  font-family: "Lato", sans-serif;
}
.section-title.sidebar-title-b h6:after {
  height: 20px;
  top: 0;
}
.section-title h4,
.section-title h5,
.section-title h6 {
  color: #111111;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  position: relative;
  padding-left: 20px;
}
.section-title h4:after,
.section-title h5:after,
.section-title h6:after {
  position: absolute;
  left: 0;
  top: -9px;
  width: 5px;
  height: 46px;
  background: #00C89E;
  content: "";
}

.set-bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}

.spad {
  padding-top: 100px;
  padding-bottom: 100px;
}

.spad-2 {
  padding-top: 50px;
  padding-bottom: 70px;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
  color: #fff;
}

/* buttons */
.primary-btn {
  font-size: 14px;
  color: #ffffff;
  font-weight: 600;
  text-transform: uppercase;
  background: #00C89E;
  padding: 10px 20px;
  display: inline-block;
}

.site-btn {
  font-size: 14px;
  color: #ffffff;
  background: #00C89E;
  border: none;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  display: inline-block;
  padding: 14px 30px;
}

/* Preloder */
#preloder {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999999;
  background: #000;
}

.loader {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -13px;
  margin-left: -13px;
  border-radius: 60px;
  animation: loader 0.8s linear infinite;
  -webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border: 4px solid #f44336;
    border-left-color: transparent;
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border: 4px solid #673ab7;
    border-left-color: transparent;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border: 4px solid #f44336;
    border-left-color: transparent;
  }
}
@-webkit-keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    border: 4px solid #f44336;
    border-left-color: transparent;
  }
  50% {
    -webkit-transform: rotate(180deg);
    border: 4px solid #673ab7;
    border-left-color: transparent;
  }
  100% {
    -webkit-transform: rotate(360deg);
    border: 4px solid #f44336;
    border-left-color: transparent;
  }
}
/*---------------------
  Header
-----------------------*/
.hs-top {
  border-bottom: 1px solid #ebebeb;
}
.hs-top .logo {
  padding: 22px 0;
}
.hs-top .logo a {
  display: inline-block;
}
.hs-top .ht-widget {
  text-align: right;
  padding: 20px 0;
}
.hs-top .ht-widget ul {
  display: inline-block;
}
.hs-top .ht-widget ul li {
  list-style: none;
  font-size: 14px;
  color: #444444;
  display: inline-block;
  margin-right: 45px;
  font-weight: 500;
}
.hs-top .ht-widget ul li i {
  display: inline-block;
  font-size: 16px;
  color: #00c8a0;
  height: 46px;
  width: 46px;
  background: #f5f5f5;
  line-height: 46px;
  text-align: center;
  margin-right: 10px;
}
.hs-top .ht-widget ul li span {
  margin-left: 20px;
  display: inline-block;
  position: relative;
}
.hs-top .ht-widget ul li span:after {
  position: absolute;
  left: -13px;
  top: -2px;
  content: "|";
}
.hs-top .ht-widget .hw-btn {
  font-size: 14px;
  color: #ffffff;
  font-weight: 700;
  letter-spacing: 0.5px;
  background: #00C89E;
  padding: 14px 30px;
  text-transform: uppercase;
  display: inline-block;
}

.hs-nav .nav-menu ul li {
  list-style: none;
  display: inline-block;
  margin-right: 40px;
  position: relative;
}
.hs-nav .nav-menu ul li .dropdown {
  position: absolute;
  left: -30px;
  top: 80px;
  width: 270px;
  background: #ffffff;
  z-index: 9;
  padding: 26px 0 14px;
  box-shadow: 1px 3px 15px rgba(11, 27, 32, 0.1);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.hs-nav .nav-menu ul li .dropdown li {
  margin-right: 0;
  display: block;
}
.hs-nav .nav-menu ul li .dropdown li a {
  color: #666666;
  padding: 0;
  text-transform: capitalize;
  padding-bottom: 10px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding-left: 30px;
}
.hs-nav .nav-menu ul li .dropdown li a:hover {
  color: #111111;
}
.hs-nav .nav-menu ul li .dropdown li a:after {
  left: 0;
  top: 2px;
  width: 5px;
  height: 16px;
  background: #00C89E;
  content: "";
}
.hs-nav .nav-menu ul li:hover > a:after {
  opacity: 1;
}
.hs-nav .nav-menu ul li:hover .dropdown {
  opacity: 1;
  visibility: visible;
  top: 60px;
}
.hs-nav .nav-menu ul li.active > a:after {
  opacity: 1;
}
.hs-nav .nav-menu ul li:last-child {
  margin-right: 0;
}
.hs-nav .nav-menu ul li a {
  color: #111111;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 20px 0;
  display: block;
  position: relative;
}
.hs-nav .nav-menu ul li a:after {
  position: absolute;
  left: 0;
  top: 42px;
  width: 100%;
  height: 2px;
  background: #00C89E;
  content: "";
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.hs-nav .hn-social {
  text-align: right;
  padding: 19px 0 18px;
}
.hs-nav .hn-social a {
  font-size: 15px;
  color: #111111;
  display: inline-block;
  margin-left: 20px;
}

.offcanvas-menu-wrapper {
  display: none;
}

.canvas-open {
  display: none;
}

/*---------------------
  Hero
-----------------------*/
.hero-section {
  overflow: hidden;
  background: #ffffff;
  padding-bottom: 10px;
}

.hs-slider.owl-carousel .owl-stage-outer {
  overflow: visible;
}
.hs-slider.owl-carousel .owl-item.active .hs-item .hc-inner-text {
  opacity: 1;
  top: 0;
}
.hs-slider.owl-carousel .owl-nav button {
  height: 50px;
  width: 50px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  line-height: 58px;
  text-align: center;
  font-size: 30px;
  color: #ffffff;
  position: absolute;
  left: -80px;
  top: 50%;
  transform: translateY(-25px);
}
.hs-slider.owl-carousel .owl-nav button.owl-next {
  left: auto;
  right: -80px;
}

.hs-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 780px;
}
.hs-item .hc-inner-text {
  background: #ffffff;
  padding: 40px;
  overflow: hidden;
  opacity: 0;
  position: relative;
  top: 100px;
  display: inline-block;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.hs-item .hc-inner-text .hc-text {
  float: left;
  margin-right: 18px;
}
.hs-item .hc-inner-text .hc-text h4 {
  color: #111111;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.hs-item .hc-inner-text .hc-text p {
  color: #666666;
}
.hs-item .hc-inner-text .hc-text p span {
  color: #00C89E;
}
.hs-item .hc-inner-text .hc-text .label {
  font-size: 12px;
  display: inline-block;
  text-transform: uppercase;
  color: #ffffff;
  padding: 2px 10px;
  background: #3068b2;
  font-weight: 600;
  margin-right: 10px;
}
.hs-item .hc-inner-text .hc-text h5 {
  color: #00C89E;
  font-weight: 700;
  display: inline-block;
}
.hs-item .hc-inner-text .hc-text h5 span {
  color: #666666;
  font-weight: 400;
  font-size: 14px;
}
.hs-item .hc-inner-text .hc-widget {
  overflow: hidden;
  width: 185px;
  position: relative;
  right: -52px;
  top: 18px;
}
.hs-item .hc-inner-text .hc-widget li {
  font-size: 15px;
  color: #111111;
  font-weight: 500;
  list-style: none;
  width: 50%;
  float: left;
  margin-bottom: 20px;
}
.hs-item .hc-inner-text .hc-widget li i {
  font-size: 14px;
  color: #666666;
  margin-right: 4px;
}

/*---------------------
  Search Form
-----------------------*/
.search-section {
  background: #f7f7f7;
}

.change-btn {
  text-align: right;
}
.change-btn .cb-item {
  display: inline-block;
}
.change-btn .cb-item label {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 12px 32px;
  margin-bottom: 0;
  margin-left: -4px;
  cursor: pointer;
  border: 1px solid #00C89E;
  color: #111111;
}
.change-btn .cb-item label.active {
  background: #00C89E;
  color: #ffffff;
}
.change-btn .cb-item label input {
  position: absolute;
  visibility: hidden;
}

.search-form-content {
 
  margin-bottom: 26px;
  
}
.search-form-content .filter-form {
  margin-right: -20px;
  
}
.search-form-content .filter-form .sm-width {
  width: calc(33.33% - 20px);
  
}



span .sm-width{
     
  clear: none;
  margin-right: 20px;
  height: 46px;
  background: #ffffff;
  border-radius: 0;
  border: 1px solid #e1e1e1;
  line-height: 43px;
  margin-bottom: 20px;
  
  font-size: 13px;
  color: #666666;
  font-weight: 500;
  
  float: left;
  margin-right: 20px;
    
}

.search-form-content .filter-form .nice-select {
  clear: none;
  margin-right: 20px;
  height: 46px;
  background: #ffffff;
  border-radius: 0;
  border: 1px solid #e1e1e1;
  line-height: 43px;
  margin-bottom: 20px;
  
}
.search-form-content .filter-form .nice-select:after {
  border-bottom: 1px solid #666666;
  border-right: 1px solid #666666;
  height: 6px;
  right: 16px;
  margin-top: -6px;
  width: 6px;
  top: 54%;
}
.search-form-content .filter-form .nice-select span {
  font-size: 13px;
  color: #666666;
  font-weight: 500;
}
.search-form-content .filter-form .nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
  width: 100%;
  border-radius: 0;
  margin-top: 0;
}
.search-form-content .filter-form .price-range-wrap {
  float: left;
  margin-right: 20px;
}
.search-form-content .filter-form .price-range-wrap .price-text {
  margin-bottom: 9px;
}
.search-form-content .filter-form .price-range-wrap .price-text label {
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  color: #666666;
  margin-bottom: 0;
  text-transform: uppercase;
}
.search-form-content .filter-form .price-range-wrap .price-text input {
  display: inline-block;
  width: 165px;
  font-size: 13px;
  font-weight: 500;
  color: #666666;
  border: none;
  background: transparent;
}
.search-form-content .filter-form .room-size-range-wrap {
  float: left;
  margin-right: 20px;
}
.search-form-content .filter-form .room-size-range-wrap .price-text {
  margin-bottom: 9px;
}
.search-form-content .filter-form .room-size-range-wrap .price-text label {
  display: inline-block;
  font-size: 13px;
  color: #666666;
  font-weight: 500;
  margin-bottom: 0;
}
.search-form-content .filter-form .room-size-range-wrap .price-text input {
  display: inline-block;
  width: 165px;
  font-size: 13px;
  color: #666666;
  font-weight: 500;
  border: none;
  outline: none;
  background: transparent;
}
.search-form-content .filter-form .search-btn {
  font-size: 14px;
  height: 46px;
  background: #00C89E;
  color: #ffffff;
  border: none;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 600;
}

.ui-widget.ui-widget-content {
  background: #e1e1e1;
  height: 7px;
  border: none;
}

.ui-slider .ui-slider-range {
  background: #00C89E;
}

.ui-slider-horizontal .ui-slider-handle {
  width: 13px;
  height: 13px;
  background: #00C89E;
  border-radius: 50%;
  border: none;
  margin-left: 0;
  top: -3px;
}

.more-option .card {
  border: none;
  border-radius: 0;
  background: transparent;
}
.more-option .card .card-heading {
  padding-left: 34px;
}
.more-option .card .card-heading a {
  font-size: 16px;
  color: #111111;
  font-weight: 600;
  cursor: pointer;
}
.more-option .card .card-body {
  padding: 0;
  padding-top: 30px;
}
.more-option .card .card-body .mo-list .ml-column {
  width: 25%;
  float: left;
}
.more-option .card .card-body .mo-list .ml-column label {
  font-size: 14px;
  color: #666666;
  font-weight: 500;
  position: relative;
  padding-left: 26px;
  cursor: pointer;
  display: block;
  margin-bottom: 20px;
}
.more-option .card .card-body .mo-list .ml-column label .checkbox {
  position: absolute;
  left: 0;
  top: 4px;
  width: 12px;
  height: 12px;
  border: 1px solid #666666;
  border-radius: 2px;
  content: "";
}
.more-option .card .card-body .mo-list .ml-column label input {
  position: absolute;
  visibility: hidden;
}
.more-option .card .card-body .mo-list .ml-column label input:checked ~ span {
  background: #666666;
}

.more-option .card-heading a:after,
.more-option .card-heading > a:after {
  position: absolute;
  left: 0;
  top: 0;
  height: 20px;
  width: 20px;
  background: #00C89E;
  line-height: 20px;
  text-align: center;
}

.more-option .card-heading a:after,
.more-option .card-heading > a.active[aria-expanded=false]:after {
  content: "L";
  font-size: 16px;
  font-family: "ElegantIcons";
  color: #ffffff;
  background: #00C89E;
}

.more-option .card-heading a[aria-expanded=true]:after,
.more-option .card-heading > a.active:after {
  content: "K";
  font-size: 16px;
  font-family: "ElegantIcons";
  color: #ffffff;
  background: #00C89E;
}

/*-------------------------
  Property Section
--------------------------*/
.property-section.latest-property-section {
  padding-bottom: 60px;
}
.property-section.profile-page {
  padding-top: 50px;
}

.property-controls {
  text-align: right;
}
.property-controls ul li {
  /*list-style: none;*/
  display: inline-block;
  font-size: 14px;
  color: #666666;
  font-weight: 500;
  margin-right: 35px;
  position: relative;
  cursor: pointer;
}
.property-controls ul li:after {
  position: absolute;
  right: -22px;
  top: -1px;
  content: "|";
  color: #b1b0b0;
}
.property-controls ul li:last-child {
  margin-right: 0;
}
.property-controls ul li:last-child:after {
  display: none;
}

.property-item {
  margin-bottom: 40px;
}
.property-item .pi-pic {
  height: 240px;
  position: relative;
  margin-bottom: 25px;
}
.property-item .pi-pic .label {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 3px 10px 2px;
  display: inline-block;
  background: #0166D0;
  color: #ffffff;
  position: absolute;
  left: 20px;
  top: 20px;
}
.property-item .pi-pic .label.c-red {
  background: #D41800;
}
.property-item .pi-pic .label.c-magenta {
  background: #103230;
}
.property-item .pi-text {
  position: relative;
}
.property-item .pi-text .heart-icon {
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  font-family: "ElegantIcons";
  font-size: 18px;
  color: #00C89E;
}
.property-item .pi-text .pt-price {
  font-size: 18px;
  font-weight: 700;
  color: #00C89E;
  margin-bottom: 10px;
}
.property-item .pi-text .pt-price span {
  font-size: 14px;
  color: #666666;
  font-weight: 400;
}
.property-item .pi-text h5 {
  margin-bottom: 6px;
}
.property-item .pi-text h5 a {
  font-size: 20px;
  font-weight: 700;
  color: #111111;
  font-family: "Montserrat", sans-serif;
}
.property-item .pi-text p {
  font-weight: 500;
}
.property-item .pi-text p span {
  color: #00C89E;
}
.property-item .pi-text ul {
  padding-bottom: 20px;
  border-bottom: 1px solid #e1e1e1;
}
.property-item .pi-text ul li {
  font-size: 15px;
  color: #111111;
  font-weight: 600;
  list-style: none;
  display: inline-block;
  margin-right: 45px;
}
.property-item .pi-text ul li:last-child {
  margin-right: 0;
}
.property-item .pi-text ul li i {
  font-size: 14px;
  color: #666666;
  margin-right: 5px;
}
.property-item .pi-text .pi-agent .pa-item {
  overflow: hidden;
  padding-top: 10px;
}
.property-item .pi-text .pi-agent .pa-item .pa-info {
  float: left;
}
.property-item .pi-text .pi-agent .pa-item .pa-info img {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
}
.property-item .pi-text .pi-agent .pa-item .pa-info h6 {
  font-size: 14px;
  color: #111111;
  font-weight: 600;
  letter-spacing: 0.5px;
  display: inline-block;
}
.property-item .pi-text .pi-agent .pa-item .pa-text {
  font-size: 14px;
  color: #00C89E;
  font-weight: 600;
  float: right;
  line-height: 30px;
}

.loadmore-btn {
  text-align: center;
  padding-top: 10px;
}
.loadmore-btn a {
  display: inline-block;
  font-size: 14px;
  color: #ffffff;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 12px 30px;
  background: #103230;
}

.property-pagination {
  text-align: center;
  padding-top: 10px;
}
.property-pagination.blog-pagination {
  text-align: left;
  padding-top: 0;
}
.property-pagination.blog-pagination a {
  color: #666666;
}
.property-pagination a {
  display: inline-block;
  height: 46px;
  width: 46px;
  background: #f2f2f2;
  color: #111111;
  font-size: 20px;
  font-weight: 600;
  line-height: 46px;
  text-align: center;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin-right: 6px;
}
.property-pagination a:last-child {
  margin-right: 0;
}
.property-pagination a:hover {
  background: #00C89E;
  color: #ffffff;
}
.property-pagination a.icon span {
  position: relative;
  top: 5px;
}
.property-pagination a span {
  font-size: 27px;
}

/*---------------------
  Chooseus Section
-----------------------*/
.chooseus-section {
  padding-bottom: 55px;
}

.chooseus-text {
  margin-bottom: 40px;
}
.chooseus-text .section-title {
  margin-bottom: 24px;
}
.chooseus-text .section-title h4 {
  color: #ffffff;
}
.chooseus-text p {
  color: #ffffff;
  opacity: 0.7;
}

.chooseus-features {
  overflow: hidden;
}
.chooseus-features .cf-item {
  width: calc(50% - 40px);
  float: left;
  margin-right: 40px;
  margin-bottom: 35px;
  overflow: hidden;
}
.chooseus-features .cf-item .cf-pic {
  width: 80px;
  height: 80px;
  background: #ffffff;
  border-radius: 50%;
  line-height: 80px;
  text-align: center;
  float: left;
  margin-right: 20px;
}
.chooseus-features .cf-item .cf-text {
  overflow: hidden;
}
.chooseus-features .cf-item .cf-text h5 {
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 10px;
}
.chooseus-features .cf-item .cf-text p {
  margin-bottom: 0;
  color: #ffffff;
  opacity: 0.7;
}

/*---------------------
  Feature Property
-----------------------*/
.feature-property-left {
  background: #103230;
  padding: 50px 50px 40px 50px;
  height: 520px;
}
.feature-property-left .section-title {
  margin-bottom: 35px;
}
.feature-property-left .section-title h4 {
  color: #ffffff;
}
.feature-property-left ul {
  margin-bottom: 45px;
}
.feature-property-left ul li {
  font-size: 14px;
  list-style: none;
  color: #c4c4c4;
  padding-bottom: 12px;
  border-bottom: 1px solid #284745;
  margin-bottom: 15px;
  cursor: pointer;
}
.feature-property-left ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.feature-property-left ul li:hover {
  color: #ffffff;
  font-weight: 500;
}

.linkul{
    color: #c4c4c4;
}

.linkul:hover{
    color: #ffffff;
}

.linkcategorias {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: #00C89E;
  background: #ffffff;
  padding: 15px 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-align: center;
}

.linkcategorias:hover {
  
  color: #000;
  
}

.fp-slider.owl-carousel .owl-nav button {
  height: 40px;
  width: 40px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  line-height: 45px;
  text-align: center;
  font-size: 24px;
  color: #ffffff;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-20px);
}
.fp-slider.owl-carousel .owl-nav button.owl-next {
  left: auto;
  right: 20px;
}
.fp-slider .fp-item {
  height: 520px;
  position: relative;
}
.fp-slider .fp-item .fp-text {
  position: absolute;
  left: 0;
  bottom: 30px;
  width: 100%;
  padding-left: 40px;
}
.fp-slider .fp-item .fp-text .title {
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 5px;
  letter-spacing: 0.5px;
}
.fp-slider .fp-item .fp-text p {
  color: #ffffff;
  opacity: 0.7;
}
.fp-slider .fp-item .fp-text p span {
  margin-right: 4px;
}
.fp-slider .fp-item .fp-text .label {
  font-size: 12px;
  display: inline-block;
  text-transform: uppercase;
  color: #ffffff;
  padding: 2px 10px;
  background: #32AA00;
  font-weight: 600;
  margin-right: 10px;
}
.fp-slider .fp-item .fp-text h5 {
  color: #ffffff;
  font-weight: 600;
  display: inline-block;
}
.fp-slider .fp-item .fp-text h5 span {
  color: #888888;
  font-weight: 400;
  font-size: 14px;
}
.fp-slider .fp-item .fp-text ul {
  width: 210px;
  position: absolute;
  right: -25px;
  top: 25px;
}
.fp-slider .fp-item .fp-text ul:after {
  position: absolute;
  left: -42px;
  top: -22px;
  height: 88px;
  width: 1px;
  background: #ffffff;
  opacity: 0.2;
  content: "";
}
.fp-slider .fp-item .fp-text ul li {
  font-size: 15px;
  color: #ffffff;
  font-weight: 600;
  list-style: none;
  width: 50%;
  float: left;
  margin-bottom: 20px;
}
.fp-slider .fp-item .fp-text ul li i {
  font-size: 14px;
  color: #ffffff;
  margin-right: 4px;
  opacity: 0.5;
}

/*---------------------
  Team Section
-----------------------*/
.team-section {
  background: #f5f5f5;
}
.team-section .section-title {
  margin-bottom: 50px;
}
.team-section .team-btn {
  text-align: right;
}
.team-section .team-btn a {
  font-size: 14px;
  color: #111111;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  display: inline-block;
  background: #ffffff;
  padding: 12px 30px;
}
.team-section .team-btn a i {
  color: #00C89E;
  margin-right: 6px;
}

.ts-item {
  background: #ffffff;
  text-align: center;
  padding: 35px 25px 30px 25px;
  height: 330px;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ts-item:hover {
  background: #00C89E;
}
.ts-item:hover .ts-text img {
  height: 100px;
  width: 100px;
}
.ts-item:hover .ts-text h5 {
  color: #ffffff;
}
.ts-item:hover .ts-text span {
  margin-bottom: 14px;
  color: #ffffff;
}
.ts-item .ts-text img {
  height: 190px;
  width: 190px;
  border-radius: 50%;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.ts-item .ts-text h5 {
  color: #111111;
  font-weight: 700;
  letter-spacing: 0.5px;
  margin-bottom: 6px;
  margin-top: 25px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.ts-item .ts-text span {
  font-size: 14px;
  color: #00C89E;
  display: block;
  font-weight: 600;
  margin-bottom: 40px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.ts-item .ts-text p {
  color: #ffffff;
  margin-bottom: 8px;
}
.ts-item .ts-text .ts-social a {
  font-size: 15px;
  display: inline-block;
  color: #ffffff;
  margin-right: 12px;
}
.ts-item .ts-text .ts-social a:last-child {
  margin-right: 0;
}

/*---------------------
  Categories Section
-----------------------*/
.categories-section {
  overflow: hidden;
  padding-top: 10px;
}

.cs-item-list {
  margin-right: -10px;
}
.cs-item-list .cs-item {
  height: 376px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(20% - 10px);
  float: left;
  margin-right: 10px;
}
.cs-item-list .cs-item .cs-text {
  width: 190px;
  background: #ffffff;
  text-align: center;
  padding: 16px 0 15px;
}
.cs-item-list .cs-item .cs-text h5 {
  font-weight: 700;
  color: #111111;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.cs-item-list .cs-item .cs-text span {
  font-size: 12px;
  color: #00C89E;
  font-weight: 600;
  display: block;
}

/*---------------------
  Testimonial Section
-----------------------*/
.testimonial-section .section-title {
  margin-bottom: 25px;
  padding-left: 15px;
}

.testimonial-slider {
  margin-left: 0;
}
.testimonial-slider.owl-carousel .owl-stage-outer {
  padding-top: 15px;
}
.testimonial-slider.owl-carousel .col-lg-6 {
  max-width: 100%;
}
.testimonial-slider.owl-carousel .owl-nav {
  position: absolute;
  right: 15px;
  top: -62px;
}
.testimonial-slider.owl-carousel .owl-nav button {
  height: 46px;
  width: 46px;
  background: #f2f2f2;
  border-radius: 50%;
  line-height: 53px;
  text-align: center;
  font-size: 27px;
  color: #111111;
  margin-left: 10px;
}
.testimonial-slider .testimonial-item .ti-text {
  background: #ffffff;
  box-shadow: 0px 3px 15px rgba(91, 91, 91, 0.15);
  padding: 30px 25px 30px 40px;
  margin-bottom: 30px;
  position: relative;
}
.testimonial-slider .testimonial-item .ti-text:after {
  position: absolute;
  left: 84px;
  bottom: -7px;
  height: 14px;
  width: 14px;
  background: #ffffff;
  content: "";
  transform: rotate(45deg);
  box-shadow: 0px 3px 15px rgba(91, 91, 91, 0.15);
}
.testimonial-slider .testimonial-item .ti-text p {
  color: #444444;
  line-height: 25px;
  margin-bottom: 0;
  font-weight: 500;
}
.testimonial-slider .testimonial-item .ti-author {
  padding-left: 40px;
}
.testimonial-slider .testimonial-item .ti-author .ta-pic {
  float: left;
  margin-right: 20px;
}
.testimonial-slider .testimonial-item .ti-author .ta-pic img {
  height: 100px;
  width: 100px;
  border-radius: 50%;
}
.testimonial-slider .testimonial-item .ti-author .ta-text {
  padding-top: 15px;
}
.testimonial-slider .testimonial-item .ti-author .ta-text h5 {
  color: #111111;
  font-weight: 700;
  letter-spacing: 0.5px;
  margin-bottom: 4px;
}
.testimonial-slider .testimonial-item .ti-author .ta-text span {
  font-size: 14px;
  color: #00C89E;
  display: block;
  margin-bottom: 5px;
}
.testimonial-slider .testimonial-item .ti-author .ta-text .ta-rating i {
  display: inline-block;
  font-size: 10px;
  color: #ffb129;
  margin-right: -3px;
}

/*---------------------
  Logo Carousel
-----------------------*/
.logo-carousel .lc-slider {
  border-top: 1px solid #ebebeb;
  padding: 50px 0;
}
.logo-carousel .lc-slider .lc-item {
  display: table;
  height: 97px;
}
.logo-carousel .lc-slider .lc-item .lc-item-inner {
  display: table-cell;
  vertical-align: middle;
}

/*---------------------
  Contact Section
-----------------------*/
.contact-section {
  position: relative;
  background: #f7f7f7;
  height: 450px;
}

.contact-info {
  padding-top: 100px;
}
.contact-info .ci-item {
  overflow: hidden;
  margin-bottom: 40px;
}
.contact-info .ci-item .ci-icon {
  height: 60px;
  width: 60px;
  border-radius: 50%;
  background: #00C89E;
  font-size: 24px;
  color: #ffffff;
  line-height: 60px;
  text-align: center;
  float: left;
  margin-right: 20px;
}
.contact-info .ci-item .ci-text {
  overflow: hidden;
  padding-top: 5px;
}
.contact-info .ci-item .ci-text h5 {
  color: #111111;
  font-weight: 700;
  margin-bottom: 8px;
}
.contact-info .ci-item .ci-text p {
  color: #111111;
  opacity: 0.7;
  margin-bottom: 0;
}
.contact-info .ci-item .ci-text ul {
  padding-top: 4px;
}
.contact-info .ci-item .ci-text ul li {
  list-style: none;
  display: inline-block;
  color: #111111;
  opacity: 0.7;
  font-size: 14px;
  margin-right: 20px;
  position: relative;
}
.contact-info .ci-item .ci-text ul li:after {
  position: absolute;
  right: -14px;
  top: -2px;
  content: "|";
}
.contact-info .ci-item .ci-text ul li:last-child {
  margin-right: 0;
}
.contact-info .ci-item .ci-text ul li:last-child:after {
  display: none;
}

.cs-map {
  height: 450px;
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
}
.cs-map iframe {
  width: 100%;
}

/*---------------------
  Footer
-----------------------*/
.footer-section {
  background: #103230;
  padding-top: 70px;
}

.fs-about {
  margin-bottom: 30px;
}
.fs-about .fs-logo {
  margin-bottom: 20px;
}
.fs-about .fs-logo a {
  display: inline-block;
}
.fs-about p {
  color: #ffffff;
  line-height: 27px;
  opacity: 0.7;
  margin-bottom: 25px;
}
.fs-about .fs-social a {
  display: inline-block;
  font-size: 15px;
  color: #ffffff;
  height: 40px;
  width: 40px;
  background: rgba(225, 225, 225, 0.1);
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  margin-right: 4px;
}
.fs-about .fs-social a:last-child {
  margin-right: 0;
}

.fs-widget {
  margin-bottom: 30px;
}
.fs-widget h5 {
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 26px;
}
.fs-widget ul li {
  list-style: none;
}
.fs-widget ul li a {
  font-size: 14px;
  color: #ffffff;
  opacity: 0.6;
  line-height: 30px;
}
.fs-widget p {
  color: #ffffff;
  opacity: 0.6;
}
.fs-widget .subscribe-form input {
  width: 100%;
  height: 52px;
  border: 1px solid #536A68;
  font-size: 14px;
  padding-left: 30px;
  color: #ffffff;
  opacity: 0.7;
  background: transparent;
  margin-bottom: 20px;
}
.fs-widget .subscribe-form input::placeholder {
  color: #ffffff;
  opacity: 0.7;
}

.copyright-text {
  font-size: 14px;
  letter-spacing: 0.5px;
  color: #ffffff;
  opacity: 0.6;
  text-align: center;
  border-top: 1px solid #284745;
  padding: 25px 0;
  margin-top: 40px;
}

/*--------------------------------- Other Pages Styles -----------------------------*/
/*---------------------
  Breadcrumb
-----------------------*/
.breadcrumb-text {
  display: inline-block;
  background: #ffffff;
  padding: 35px 40px;
}
.breadcrumb-text h4 {
  font-weight: 700;
  color: #111111;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.breadcrumb-text .bt-option a {
  font-size: 14px;
  color: #111111;
  font-weight: 500;
  margin-right: 20px;
  position: relative;
}
.breadcrumb-text .bt-option a:after {
  position: absolute;
  right: -18px;
  top: -1px;
  content: "5";
  font-family: "ElegantIcons";
}
.breadcrumb-text .bt-option a i {
  margin-right: 4px;
}
.breadcrumb-text .bt-option span {
  font-size: 14px;
  color: #888888;
  font-weight: 500;
}

/*---------------------
  Property Details
-----------------------*/
.property-details-section {
  padding-bottom: 25px;
}

.property-pic-slider {
  margin-right: -10px;
  overflow: hidden;
  margin-bottom: 60px;
}
.property-pic-slider.owl-carousel .owl-nav button {
  height: 50px;
  width: 50px;
  background: #000000;
  border-radius: 50%;
  line-height: 58px;
  text-align: center;
  font-size: 30px;
  color: #ffffff;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-30px);
}
.property-pic-slider.owl-carousel .owl-nav button.owl-next {
  left: auto;
  right: 20px;
}
.property-pic-slider .ps-item .container-fluid {
  padding-right: 5px;
}
.property-pic-slider .ps-item .ps-item-inner {
  height: 317px;
  margin-bottom: 10px;
  margin-right: 10px;
}
.property-pic-slider .ps-item .ps-item-inner.large-item {
  height: 645px;
}

.pd-text .pd-title {
  position: relative;
  margin-bottom: 65px;
}
.pd-text .pd-title .heart-icon {
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  font-family: "ElegantIcons";
  font-size: 18px;
  color: #00C89E;
}
.pd-text .pd-title .label {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 3px 10px 2px;
  display: inline-block;
  background: #0166D0;
  color: #ffffff;
  margin-right: 10px;
}
.pd-text .pd-title .pt-price {
  font-size: 18px;
  font-weight: 700;
  color: #00C89E;
  margin-bottom: 10px;
  display: inline-block;
}
.pd-text .pd-title .pt-price span {
  font-size: 14px;
  color: #666666;
  font-weight: 400;
}
.pd-text .pd-title h3 {
  margin-bottom: 6px;
  font-weight: 700;
  color: #111111;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 5px;
}
.pd-text .pd-title p {
  font-weight: 500;
}
.pd-text .pd-title p span {
  color: #00C89E;
}
.pd-text .pd-social {
  text-align: right;
  padding-top: 40px;
  margin-bottom: 30px;
}
.pd-text .pd-social a {
  display: inline-block;
  font-size: 14px;
  color: #111111;
  height: 36px;
  width: 36px;
  background: #f2f2f2;
  line-height: 36px;
  text-align: center;
  border-radius: 50%;
  margin-right: 10px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.pd-text .pd-social a:hover {
  background: #00C89E;
  color: #ffffff;
}
.pd-text .pd-social a:last-child {
  margin-right: 0;
}
.pd-text .pd-board {
  margin-bottom: 65px;
}
.pd-text .pd-board .tab-board .nav-tabs {
  background: #113220;
  border-bottom: none;
}
.pd-text .pd-board .tab-board .nav-tabs .nav-item {
  margin-bottom: 0;
}
.pd-text .pd-board .tab-board .nav-tabs .nav-item a {
  font-size: 16px;
  color: #ffffff;
  display: inline-block;
  padding: 14px 30px;
  border: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  font-family: "Lato", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
}
.pd-text .pd-board .tab-board .nav-tabs .nav-item a.active {
  color: #ffffff;
  background: #00C89E;
}
.pd-text .pd-board .tab-board .tab-content .tab-details {
  border: 1px solid #e1e1e1;
  overflow: hidden;
  border-top: none;
}
.pd-text .pd-board .tab-board .tab-content .tab-details ul {
  width: 50%;
  float: left;
}
.pd-text .pd-board .tab-board .tab-content .tab-details ul.left-table li:nth-child(even) {
  background: #f7f7f7;
}
.pd-text .pd-board .tab-board .tab-content .tab-details ul.right-table li:nth-child(odd) {
  background: #f7f7f7;
}
.pd-text .pd-board .tab-board .tab-content .tab-details ul li {
  font-size: 14px;
  list-style: none;
  font-weight: 500;
  padding: 15px 0;
  padding-left: 30px;
}
.pd-text .pd-board .tab-board .tab-content .tab-details ul li .type-name {
  color: #111111;
  width: 148px;
  display: inline-block;
}
.pd-text .pd-board .tab-board .tab-content .tab-details ul li .type-value {
  color: #00C89E;
  display: inline-block;
}
.pd-text .pd-board .tab-board .tab-content .tab-desc {
  border: 1px solid #e1e1e1;
  overflow: hidden;
  border-top: none;
  padding: 20px;
}
.pd-text .pd-widget {
  margin-bottom: 65px;
}
.pd-text .pd-widget h4 {
  color: #252525;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 35px;
}
.pd-text .pd-widget .map {
  height: 350px;
}
.pd-text .pd-widget .map iframe {
  width: 100%;
}
.pd-text .pd-widget .map-location {
  background: #f5f5f5;
  padding: 35px 0 10px 40px;
}
.pd-text .pd-widget .map-location .ml-item .ml-single-item {
  margin-bottom: 25px;
}
.pd-text .pd-widget .map-location .ml-item .ml-single-item h6 {
  color: #111111;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 6px;
}
.pd-text .pd-widget .map-location .ml-item .ml-single-item h6 span {
  color: #00C89E;
  text-transform: lowercase;
  margin-left: 6px;
  font-size: 14px;
  font-weight: 400;
}
.pd-text .pd-widget .map-location .ml-item .ml-single-item p {
  color: #888888;
}
.pd-text .pd-widget .pd-agent {
  background: #f5f5f5;
  overflow: hidden;
  padding: 40px;
}
.pd-text .pd-widget .pd-agent .agent-pic {
  float: left;
  margin-right: 30px;
}
.pd-text .pd-widget .pd-agent .agent-pic img {
  height: 200px;
  width: 200px;
  border-radius: 50%;
}
.pd-text .pd-widget .pd-agent .agent-text {
  overflow: hidden;
  padding-top: 10px;
}
.pd-text .pd-widget .pd-agent .agent-text .at-title {
  margin-bottom: 20px;
  position: relative;
}
.pd-text .pd-widget .pd-agent .agent-text .at-title h6 {
  color: #111111;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.pd-text .pd-widget .pd-agent .agent-text .at-title span {
  display: block;
  font-size: 12px;
  color: #00C89E;
  font-weight: 500;
}
.pd-text .pd-widget .pd-agent .agent-text .at-title .primary-btn {
  position: absolute;
  right: 0;
  top: 0;
}
.pd-text .pd-widget .pd-agent .agent-text p {
  color: #111111;
  font-weight: 500;
  margin-bottom: 24px;
}
.pd-text .pd-widget .pd-agent .agent-text .at-option .at-number {
  font-size: 14px;
  color: #00C89E;
  font-weight: 600;
  display: inline-block;
  padding: 10px 16px;
  background: #ffffff;
  margin-right: 6px;
}
.pd-text .pd-widget .pd-agent .agent-text .at-option .at-social {
  display: inline-block;
}
.pd-text .pd-widget .pd-agent .agent-text .at-option .at-social a {
  font-size: 14px;
  color: #111111;
  background: #ffffff;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  display: inline-block;
  margin-right: 6px;
}
.pd-text .pd-widget .pd-agent .agent-text .at-option .at-social a:last-child {
  margin-right: 0;
}
.pd-text .pd-widget .pd-review .pr-item {
  margin-bottom: 34px;
}
.pd-text .pd-widget .pd-review .pr-item .pr-avatar {
  overflow: hidden;
  margin-bottom: 20px;
}
.pd-text .pd-widget .pd-review .pr-item .pr-avatar .pr-pic {
  float: left;
  margin-right: 20px;
}
.pd-text .pd-widget .pd-review .pr-item .pr-avatar .pr-pic img {
  height: 70px;
  width: 70px;
  border-radius: 50%;
}
.pd-text .pd-widget .pd-review .pr-item .pr-avatar .pr-text {
  overflow: hidden;
}
.pd-text .pd-widget .pd-review .pr-item .pr-avatar .pr-text h6 {
  color: #111111;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.pd-text .pd-widget .pd-review .pr-item .pr-avatar .pr-text span {
  font-size: 12px;
  color: #666666;
  display: block;
  margin-right: 4px;
}
.pd-text .pd-widget .pd-review .pr-item .pr-avatar .pr-text .pr-rating i {
  font-size: 10px;
  color: #f7a441;
  margin-right: -4px;
}

.review-form,
.leave-comment-form,
.cc-form {
  overflow: hidden;
  position: relative;
}
.review-form .group-input,
.leave-comment-form .group-input,
.cc-form .group-input {
  margin-right: -20px;
}
.review-form .group-input input,
.leave-comment-form .group-input input,
.cc-form .group-input input {
  width: calc(33.33% - 20px);
  float: left;
  height: 46px;
  font-size: 12px;
  color: #888888;
  padding-left: 20px;
  border: 1px solid #e1e1e1;
  margin-right: 20px;
  margin-bottom: 20px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.review-form .group-input input::placeholder,
.leave-comment-form .group-input input::placeholder,
.cc-form .group-input input::placeholder {
  color: #888888;
}
.review-form .group-input input:focus,
.leave-comment-form .group-input input:focus,
.cc-form .group-input input:focus {
  border-color: #00C89E;
}
.review-form textarea,
.leave-comment-form textarea,
.cc-form textarea {
  width: 100%;
  height: 110px;
  font-size: 12px;
  color: #888888;
  padding-left: 20px;
  border: 1px solid #e1e1e1;
  padding-top: 12px;
  resize: none;
  margin-bottom: 14px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.review-form textarea::placeholder,
.leave-comment-form textarea::placeholder,
.cc-form textarea::placeholder {
  color: #888888;
}
.review-form textarea:focus,
.leave-comment-form textarea:focus,
.cc-form textarea:focus {
  border-color: #00C89E;
}
.review-form .rating,
.leave-comment-form .rating,
.cc-form .rating {
  position: absolute;
  right: 5px;
  bottom: 0;
}
.review-form .rating span,
.leave-comment-form .rating span,
.cc-form .rating span {
  font-size: 14px;
  color: #636363;
  font-weight: 500;
}
.review-form .rating i,
.leave-comment-form .rating i,
.cc-form .rating i {
  font-size: 12px;
  color: #f7a441;
  margin-right: -4px;
}

.property-sidebar .single-sidebar {
  margin-bottom: 68px;
}
.property-sidebar .single-sidebar.slider-op {
  margin-bottom: 60px;
}
.property-sidebar .single-sidebar .top-agent .ta-item {
  overflow: hidden;
  margin-bottom: 30px;
}
.property-sidebar .single-sidebar .top-agent .ta-item .ta-pic {
  height: 130px;
  width: 130px;
  float: left;
}
.property-sidebar .single-sidebar .top-agent .ta-item .ta-text {
  overflow: hidden;
  border: 1px solid #ebebeb;
  border-left: none;
  height: 130px;
  padding-top: 26px;
  padding-left: 20px;
}
.property-sidebar .single-sidebar .top-agent .ta-item .ta-text h6 {
  margin-bottom: 8px;
}
.property-sidebar .single-sidebar .top-agent .ta-item .ta-text h6 a {
  color: #111111;
  font-weight: 700;
  text-transform: uppercase;
}
.property-sidebar .single-sidebar .top-agent .ta-item .ta-text span {
  font-size: 14px;
  color: #888888;
  display: block;
  margin-bottom: 8px;
}
.property-sidebar .single-sidebar .top-agent .ta-item .ta-text .ta-num {
  font-size: 14px;
  color: #00C89E;
  font-weight: 500;
}
.property-sidebar .single-sidebar .sf-slider.owl-carousel .owl-dots {
  padding-top: 6px;
}
.property-sidebar .single-sidebar .sf-slider.owl-carousel .owl-dots button {
  height: 2px;
  width: 20px;
  background: #d7d7d7;
  margin-right: 10px;
}
.property-sidebar .single-sidebar .sf-slider.owl-carousel .owl-dots button.active {
  height: 3px;
  background: #00C89E;
}
.property-sidebar .single-sidebar .sf-slider.owl-carousel .owl-dots button:last-child {
  margin-right: 0;
}
.property-sidebar .single-sidebar .sf-slider .sf-item {
  height: 350px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.property-sidebar .single-sidebar .sf-slider .sf-item .sf-text {
  background: #ffffff;
  text-align: center;
  padding: 16px 30px 15px;
}
.property-sidebar .single-sidebar .sf-slider .sf-item .sf-text h5 {
  font-weight: 700;
  color: #111111;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.property-sidebar .single-sidebar .sf-slider .sf-item .sf-text span {
  font-size: 12px;
  color: #00C89E;
  font-weight: 500;
  display: block;
}
.property-sidebar .single-sidebar .calculator-form .filter-input {
  margin-bottom: 15px;
}
.property-sidebar .single-sidebar .calculator-form .filter-input p {
  color: #111111;
  margin-bottom: 8px;
  font-weight: 500;
}
.property-sidebar .single-sidebar .calculator-form .filter-input input {
  height: 46px;
  background: transparent;
  border: 1px solid #ededed;
  width: 100%;
  padding-left: 20px;
  color: #666666;
  opacity: 0.6;
}
.property-sidebar .single-sidebar .calculator-form .filter-input input::placeholder {
  color: #666666;
  opacity: 0.6;
}
.property-sidebar .single-sidebar .calculator-form .site-btn {
  width: 100%;
  margin-top: 15px;
}

/*---------------------
  Product Compasion
-----------------------*/
.pc-table table {
  text-align: center;
  width: 100%;
  padding-right: 30px;
}
.pc-table table thead tr th {
  background: #f7f7f7;
  padding: 22px 0 24px;
}
.pc-table table thead tr th.type {
  font-size: 18px;
  color: #111111;
  font-weight: 700;
  text-transform: uppercase;
}
.pc-table table thead tr th.compare-item {
  padding-right: 30px;
}
.pc-table table thead tr th.compare-item.middle-item {
  padding-right: 60px;
}
.pc-table table thead tr th.compare-item .title {
  font-size: 20px;
  font-weight: 700;
  color: #111111;
  text-transform: uppercase;
  margin-bottom: 22px;
}
.pc-table table thead tr th.compare-item img {
  margin-bottom: 22px;
  min-width: 100%;
}
.pc-table table thead tr th.compare-item h5 {
  color: #111111;
  font-weight: 700;
  margin-bottom: 6px;
}
.pc-table table thead tr th.compare-item p {
  color: #666666;
  margin-bottom: 0;
}
.pc-table table thead tr th.compare-item p span {
  color: #00C89E;
  margin-right: 5px;
}
.pc-table table tbody tr:nth-child(even) {
  background: #f7f7f7;
}
.pc-table table tbody tr td {
  font-size: 14px;
  color: #636363;
  font-weight: 500;
  padding: 20px 0;
}
.pc-table table tbody tr td.p-type {
  color: #111111;
  font-weight: 600;
  width: 335px;
}
.pc-table table tbody tr td.icon-check span {
  color: #00C89E;
}
.pc-table table tbody tr td.icon-close span {
  color: #f31700;
}

/*---------------------
  Property Submit
-----------------------*/
.property-submit-form form h4 {
  color: #252525;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 35px;
}
.property-submit-form form input {
  height: 46px;
  width: 100%;
  background: transparent;
  color: #666666;
  padding-left: 20px;
  font-size: 14px;
  border: none;
  border: 1px solid #e1e1e1;
}
.property-submit-form form input::placeholder {
  color: #666666;
}
.property-submit-form form .pf-title {
  margin-bottom: 75px;
}
.property-submit-form form .pf-title input {
  padding-left: 30px;
}
.property-submit-form form .pf-summernote {
  margin-bottom: 70px;
}
.property-submit-form form .pf-summernote .nav {
  border-bottom: none;
}
.property-submit-form form .pf-summernote .nav li a {
  font-size: 14px;
  color: #666666;
  border-bottom: none;
  border: 1px solid #e1e1e1;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 10px 60px;
}
.property-submit-form form .pf-summernote .nav li a.active {
  background: #252525;
  border-color: #252525;
  color: #ffffff;
}
.property-submit-form form .pf-summernote .text-editor .button-group {
  border: 1px solid #e1e1e1;
  padding-left: 30px;
  position: relative;
}
.property-submit-form form .pf-summernote .text-editor .button-group .btn-item {
  background: transparent;
  border: none;
  font-size: 16px;
  color: #666666;
  padding-left: 0;
  padding-right: 15px;
  padding-top: 7px;
  padding-bottom: 6px;
  display: inline-block;
}
.property-submit-form form .pf-summernote .text-editor .button-group .btn-item.media-insert {
  background: #00C89E;
  color: #ffffff;
  padding-left: 34px;
  padding-right: 26px;
  position: absolute;
  right: -1px;
  top: -2px;
  height: 40px;
}
.property-submit-form form .pf-summernote .text-editor .button-group .btn-item.media-insert i {
  margin-right: 5px;
}
.property-submit-form form .pf-summernote .text-editor textarea {
  height: 305px;
  border: 1px solid #e1e1e1;
  border-top: none;
  width: 100%;
  resize: none;
}
.property-submit-form form .pf-location {
  margin-bottom: 45px;
}
.property-submit-form form .pf-location .location-inputs {
  margin-right: -20px;
  overflow: hidden;
}
.property-submit-form form .pf-location .location-inputs input {
  width: calc(33.33% - 20px);
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}
.property-submit-form form .pf-map {
  margin-bottom: 75px;
}
.property-submit-form form .pf-map .map-inputs input {
  width: 100%;
  margin-bottom: 20px;
}
.property-submit-form form .pf-map button {
  width: 100%;
  text-transform: initial;
}
.property-submit-form form .pf-map .g-map {
  height: 245px;
}
.property-submit-form form .pf-map .g-map iframe {
  width: 100%;
}
.property-submit-form form .pf-type {
  margin-bottom: 60px;
}
.property-submit-form form .pf-type .type-item {
  overflow: hidden;
}
.property-submit-form form .pf-type .type-item label {
  font-size: 14px;
  color: #666666;
  font-weight: 500;
  position: relative;
  padding-left: 26px;
  cursor: pointer;
  float: left;
  margin-bottom: 10px;
  margin-right: 130px;
}
.property-submit-form form .pf-type .type-item label:last-child {
  margin-right: 0;
}
.property-submit-form form .pf-type .type-item label .checkbox {
  position: absolute;
  left: 0;
  top: 4px;
  width: 12px;
  height: 12px;
  border: 1px solid #666666;
  border-radius: 2px;
  content: "";
}
.property-submit-form form .pf-type .type-item label input {
  position: absolute;
  visibility: hidden;
}
.property-submit-form form .pf-type .type-item label input:checked ~ span {
  background: #666666;
}
.property-submit-form form .pf-status {
  margin-bottom: 60px;
}
.property-submit-form form .pf-status .status-item label {
  font-size: 14px;
  color: #666666;
  font-weight: 500;
  position: relative;
  padding-left: 26px;
  cursor: pointer;
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 130px;
}
.property-submit-form form .pf-status .status-item label:last-child {
  margin-right: 0;
}
.property-submit-form form .pf-status .status-item label .checkbox {
  position: absolute;
  left: 0;
  top: 4px;
  width: 12px;
  height: 12px;
  border: 1px solid #666666;
  border-radius: 2px;
  content: "";
}
.property-submit-form form .pf-status .status-item label input {
  position: absolute;
  visibility: hidden;
}
.property-submit-form form .pf-status .status-item label input:checked ~ span {
  background: #666666;
}
.property-submit-form form .pf-feature-price {
  margin-bottom: 55px;
}
.property-submit-form form .pf-feature-price .fp-inputs {
  margin-right: -20px;
  overflow: hidden;
}
.property-submit-form form .pf-feature-price .fp-inputs input {
  width: calc(33.33% - 20px);
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}
.property-submit-form form .pf-feature {
  margin-bottom: 50px;
}
.property-submit-form form .pf-feature .features-list {
  overflow: hidden;
}
.property-submit-form form .pf-feature .features-list .feature-item {
  width: 25%;
  float: left;
}
.property-submit-form form .pf-feature .features-list .feature-item label {
  font-size: 14px;
  color: #666666;
  font-weight: 500;
  position: relative;
  padding-left: 26px;
  cursor: pointer;
  display: block;
  margin-bottom: 20px;
}
.property-submit-form form .pf-feature .features-list .feature-item label:last-child {
  margin-right: 0;
}
.property-submit-form form .pf-feature .features-list .feature-item label .checkbox {
  position: absolute;
  left: 0;
  top: 4px;
  width: 12px;
  height: 12px;
  border: 1px solid #666666;
  border-radius: 2px;
  content: "";
}
.property-submit-form form .pf-feature .features-list .feature-item label input {
  position: absolute;
  visibility: hidden;
}
.property-submit-form form .pf-feature .features-list .feature-item label input:checked ~ span {
  background: #666666;
}
.property-submit-form form .pf-feature-image {
  margin-bottom: 75px;
}
.property-submit-form form .pf-feature-image .feature-image-content {
  background: #f5f5f5;
  position: relative;
}
.property-submit-form form .pf-feature-image .feature-image-content .image-uploader {
  min-height: 13rem;
}
.property-submit-form form .pf-feature-image .feature-image-content .image-uploader .uploaded .uploaded-image .delete-image i {
  font-size: 15px;
}
.property-submit-form form .pf-feature-image .feature-image-content .upload-input-class {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 0;
  z-index: -999;
}
.property-submit-form form .pf-feature-image .feature-image-content p {
  margin-bottom: 20px;
}
.property-submit-form form .pf-feature-image .feature-image-content p i {
  margin-right: 5px;
}
.property-submit-form form .pf-feature-image .feature-image-content div {
  font-size: 14px;
  color: #666666;
  margin-bottom: 25px;
}
.property-submit-form form .pf-property-details .property-details-inputs {
  margin-right: -20px;
  overflow: hidden;
}
.property-submit-form form .pf-property-details .property-details-inputs input {
  width: calc(33.33% - 20px);
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}
.property-submit-form form .pf-property-details button {
  width: 100%;
}

.richText {
  background: transparent;
}

.richText .richText-help {
  display: none;
}

.richText .richText-toolbar:last-child {
  background-color: #FAFAFA;
}

.richText .richText-editor {
  overflow-y: auto;
}

.richText .richText-editor:focus {
  border-left: none;
}

.richText .richText-toolbar ul li a {
  border: none;
}

li .richText-btn[data-command=toggleCode] {
  opacity: 0;
  visibility: hidden;
}

/*---------------------
  Agent Section
-----------------------*/
.agent-section {
  padding-bottom: 60px;
}

.agent-search-form {
  position: relative;
  margin-bottom: 20px;
  padding-left: 15px;
}
.agent-search-form form input {
  width: 100%;
  height: 46px;
  border: 1px solid #d7d7d7;
  font-size: 14px;
  color: #666666;
  padding-left: 20px;
  background: transparent;
  font-weight: 500;
}
.agent-search-form form input::placeholder {
  color: #666666;
}
.agent-search-form form button {
  font-size: 13px;
  color: #ffffff;
  background: #00C89E;
  border: none;
  height: 100%;
  width: 46px;
  position: absolute;
  right: 0;
  top: 0;
}

.as-slider .row {
  margin-right: 0px;
  margin-left: 0px;
}
.as-slider.owl-carousel .owl-stage-outer {
  padding-top: 20px;
}
.as-slider.owl-carousel .owl-nav {
  position: absolute;
  right: 15px;
  top: -66px;
}
.as-slider.owl-carousel .owl-nav button {
  height: 46px;
  width: 46px;
  background: #f2f2f2;
  border-radius: 50%;
  line-height: 54px;
  text-align: center;
  font-size: 27px;
  color: #111111;
  margin-left: 10px;
}

.as-item {
  text-align: center;
  background: #ffffff;
  padding: 35px 35px 30px 35px;
  box-shadow: 0px 3px 15px rgba(91, 91, 91, 0.15);
  margin-bottom: 40px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.as-item:hover {
  background: #00C89E;
}
.as-item:hover .as-pic .rating-point {
  color: #00C89E;
  background: #ffffff;
}
.as-item:hover .as-text .at-title {
  border-color: #33d3b3;
}
.as-item:hover .as-text .at-title h6 {
  color: #ffffff;
}
.as-item:hover .as-text ul li {
  color: #ffffff;
}
.as-item:hover .as-text .primary-btn {
  background: #ffffff;
}
.as-item .as-pic {
  width: 151px;
  height: 151px;
  position: relative;
  margin: 0 auto;
  margin-bottom: 25px;
}
.as-item .as-pic img {
  border-radius: 50%;
}
.as-item .as-pic .rating-point {
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  background: #00C89E;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  line-height: 50px;
  text-align: center;
  position: absolute;
  left: -10px;
  top: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.as-item .as-text .at-title {
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 15px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.as-item .as-text .at-title h6 {
  color: #111111;
  text-transform: uppercase;
  font-weight: 700;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.as-item .as-text .at-title .rating-star i {
  font-size: 10px;
  color: #ffb129;
  margin-right: -4px;
}
.as-item .as-text ul {
  text-align: left;
  padding-top: 20px;
  margin-bottom: 16px;
}
.as-item .as-text ul li {
  list-style: none;
  font-size: 14px;
  color: #111111;
  font-weight: 500;
  line-height: 36px;
  overflow: hidden;
  -webkit-transition: all 22s;
  transition: all 0.2s;
}
.as-item .as-text ul li span {
  font-weight: 600;
  float: right;
}
.as-item .as-text .primary-btn {
  background: #f2f2f2;
  color: #00C89E;
  display: block;
  padding: 14px 20px;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

/*-----------------------
  Profile Agent Content
------------------------*/
.profile-section {
  padding-bottom: 0;
}

.profile-agent-content {
  padding: 30px 50px 30px 30px;
  border: 1px solid #e1e1e1;
}
.profile-agent-content .profile-agent-info {
  position: relative;
}
.profile-agent-content .profile-agent-info:after {
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 120px;
  background: #ebebeb;
  content: "";
}
.profile-agent-content .profile-agent-info .pi-pic {
  width: 120px;
  height: 120px;
  position: relative;
  float: left;
  margin-right: 30px;
}
.profile-agent-content .profile-agent-info .pi-pic img {
  border-radius: 50%;
}
.profile-agent-content .profile-agent-info .pi-pic .rating-point {
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  background: #00C89E;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  line-height: 40px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.profile-agent-content .profile-agent-info .pi-text {
  overflow: hidden;
  padding-top: 20px;
}
.profile-agent-content .profile-agent-info .pi-text h5 {
  color: #111111;
  font-weight: 700;
  margin-bottom: 4px;
}
.profile-agent-content .profile-agent-info .pi-text span {
  font-size: 12px;
  color: #2897bb;
  font-weight: 500;
}
.profile-agent-content .profile-agent-info .pi-text p {
  margin-bottom: 0;
  color: #111111;
  margin-top: 8px;
}
.profile-agent-content .profile-agent-widget {
  padding-right: 50px;
  position: relative;
}
.profile-agent-content .profile-agent-widget:after {
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 120px;
  background: #ebebeb;
  content: "";
}
.profile-agent-content .profile-agent-widget ul {
  padding-top: 5px;
}
.profile-agent-content .profile-agent-widget ul li {
  list-style: none;
  font-size: 14px;
  color: #111111;
  font-weight: 500;
  line-height: 36px;
  overflow: hidden;
  -webkit-transition: all 22s;
  transition: all 0.2s;
}
.profile-agent-content .profile-agent-widget ul li span {
  font-weight: 600;
  float: right;
}
.profile-agent-content .profile-agent-newslatter {
  padding-top: 10px;
}
.profile-agent-content .profile-agent-newslatter h5 {
  color: #111111;
  font-weight: 700;
  margin-bottom: 25px;
}
.profile-agent-content .profile-agent-newslatter form {
  position: relative;
}
.profile-agent-content .profile-agent-newslatter form input {
  height: 50px;
  padding-left: 20px;
  font-size: 14px;
  color: #111111;
  background: #f5f5f5;
  border: none;
  width: 100%;
  font-weight: 500;
}
.profile-agent-content .profile-agent-newslatter form input::placeholder {
  color: #111111;
}
.profile-agent-content .profile-agent-newslatter form button {
  height: 50px;
  width: 50px;
  background: #00C89E;
  color: #ffffff;
  font-size: 18px;
  border: none;
  position: absolute;
  right: 0;
  top: 0;
}

/*---------------------
  About
-----------------------*/
.about-section {
  padding-bottom: 60px;
}

.about-text .at-title {
  margin-bottom: 20px;
}
.about-text .at-title h3 {
  color: #111111;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.about-text .at-title p {
  font-size: 15px;
  line-height: 27px;
}
.about-text .at-feature .af-item {
  margin-bottom: 32px;
}
.about-text .at-feature .af-item .af-icon {
  float: left;
  margin-right: 30px;
}
.about-text .at-feature .af-item .af-text {
  overflow: hidden;
}
.about-text .at-feature .af-item .af-text h6 {
  color: #111111;
  font-weight: 700;
  margin-bottom: 8px;
}
.about-text .at-feature .af-item .af-text p {
  color: #111111;
  opacity: 0.7;
  margin-bottom: 0;
}

.about-pic {
  height: 423px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.about-pic .play-btn {
  font-size: 42px;
  color: #ffffff;
}

/*---------------------
  Blog
-----------------------*/
.blog-item {
  overflow: hidden;
  padding-bottom: 30px;
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 30px;
}
.blog-item:last-child {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 50px;
}
.blog-item.large-blog {
  padding-bottom: 25px;
}
.blog-item.large-blog .bi-pic {
  float: none;
  margin-bottom: 25px;
  margin-right: 0;
}
.blog-item.large-blog .bi-pic img {
  min-width: 100%;
}
.blog-item.large-blog .bi-pic .bi-text {
  overflow: visible;
}
.blog-item .bi-pic {
  float: left;
  margin-right: 30px;
}
.blog-item .bi-text {
  overflow: hidden;
}
.blog-item .bi-text h4 {
  margin-bottom: 6px;
}
.blog-item .bi-text h4 a {
  line-height: 31px;
  font-weight: 700;
  color: #111111;
}
.blog-item .bi-text h5 {
  margin-bottom: 6px;
}
.blog-item .bi-text h5 a {
  font-size: 20px;
  line-height: 31px;
  font-weight: 700;
  color: #111111;
}
.blog-item .bi-text ul {
  margin-bottom: 16px;
}
.blog-item .bi-text ul li {
  list-style: none;
  display: inline-block;
  position: relative;
  font-size: 12px;
  color: #999999;
  font-weight: 500;
  margin-right: 32px;
}
.blog-item .bi-text ul li:last-child {
  margin-right: 0;
}
.blog-item .bi-text ul li:last-child:after {
  display: none;
}
.blog-item .bi-text ul li span {
  color: #111111;
  font-weight: 600;
}
.blog-item .bi-text ul li:after {
  position: absolute;
  right: -23px;
  top: 6px;
  height: 6px;
  width: 6px;
  border: 1px solid #dcdcdc;
  content: "";
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.blog-item .bi-text .read-more {
  font-size: 14px;
  color: #111111;
  font-weight: 600;
}
.blog-item .bi-text .read-more span {
  font-size: 16px;
  position: relative;
  top: 4px;
  right: -2px;
  font-weight: 600;
}

.blog-sidebar .follow-us {
  margin-bottom: 60px;
}
.blog-sidebar .follow-us .fu-links a {
  font-size: 14px;
  color: #ffffff;
  height: 46px;
  width: 46px;
  background: #3263AF;
  line-height: 46px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
}
.blog-sidebar .follow-us .fu-links a:last-child {
  margin-right: 0;
}
.blog-sidebar .follow-us .fu-links a.twitter {
  background: #40C4FF;
}
.blog-sidebar .follow-us .fu-links a.youtube {
  background: #FF0000;
}
.blog-sidebar .follow-us .fu-links a.instagram {
  background: linear-gradient(45deg, #af00e1, #ff9e35);
}
.blog-sidebar .feature-post {
  margin-bottom: 60px;
}
.blog-sidebar .feature-post .recent-post .rp-item {
  overflow: hidden;
  margin-bottom: 30px;
}
.blog-sidebar .feature-post .recent-post .rp-item .rp-pic {
  float: left;
  margin-right: 20px;
}
.blog-sidebar .feature-post .recent-post .rp-item .rp-text h6 {
  margin-bottom: 4px;
}
.blog-sidebar .feature-post .recent-post .rp-item .rp-text h6 a {
  color: #111111;
  font-weight: 700;
  font-family: "Lato", sans-serif;
  line-height: 21px;
}
.blog-sidebar .feature-post .recent-post .rp-item .rp-text span {
  font-size: 12px;
  color: #999999;
  position: relative;
  padding-left: 22px;
}
.blog-sidebar .feature-post .recent-post .rp-item .rp-text span:after {
  position: absolute;
  left: 0;
  top: 5px;
  height: 6px;
  width: 6px;
  border: 1px solid #dcdcdc;
  content: "";
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.blog-sidebar .subscribe-form {
  background: #f5f5f5;
  padding: 30px;
}
.blog-sidebar .subscribe-form .section-title {
  margin-bottom: 25px;
}
.blog-sidebar .subscribe-form form input {
  font-size: 14px;
  color: #999999;
  font-weight: 500;
  width: 100%;
  height: 50px;
  border: 1px solid #cccccc;
  padding-left: 20px;
  background: transparent;
  margin-bottom: 20px;
}
.blog-sidebar .subscribe-form form input::placeholder {
  color: #999999;
}

/*---------------------
  Blog Details
-----------------------*/
.blog-details-section {
  padding-top: 80px;
  padding-bottom: 60px;
}

.blog-details-content .bc-top {
  margin-bottom: 24px;
}
.blog-details-content .bc-top p {
  font-size: 15px;
  line-height: 27px;
}
.blog-details-content .bc-details {
  margin-bottom: 15px;
  overflow: hidden;
}
.blog-details-content .bc-details .bc-pic {
  float: left;
  margin-right: 30px;
}
.blog-details-content .bc-details .bc-text {
  overflow: hidden;
}
.blog-details-content .bc-details .bc-text p {
  font-size: 15px;
  line-height: 27px;
}
.blog-details-content .bc-desc {
  margin-bottom: 30px;
}
.blog-details-content .bc-desc p {
  font-size: 15px;
  line-height: 27px;
}
.blog-details-content .bc-quote {
  overflow: hidden;
  margin-bottom: 6px;
}
.blog-details-content .bc-quote .bq-icon {
  width: 75px;
  height: 75px;
  border: 1px solid #e1e1e1;
  border-radius: 50%;
  line-height: 75px;
  text-align: center;
  font-size: 30px;
  color: #00C89E;
  float: left;
  margin-right: 20px;
}
.blog-details-content .bc-quote .bq-text {
  overflow: hidden;
}
.blog-details-content .bc-quote .bq-text p {
  color: #111111;
  font-size: 16px;
  font-weight: 600;
  font-style: italic;
  line-height: 30px;
}
.blog-details-content .bc-desc-last {
  margin-bottom: 33px;
}
.blog-details-content .bc-desc-last p {
  font-size: 15px;
  line-height: 27px;
}
.blog-details-content .bc-tags {
  margin-bottom: 50px;
}
.blog-details-content .bc-tags a {
  font-size: 13px;
  color: #666666;
  display: inline-block;
  border: 1px solid #e1e1e1;
  padding: 8px 15px;
  margin-right: 6px;
  margin-bottom: 10px;
}
.blog-details-content .bc-related-post {
  background: #f5f5f5;
  padding: 15px 20px 12px;
  margin-bottom: 65px;
}
.blog-details-content .bc-related-post .previous-post,
.blog-details-content .bc-related-post .next-post {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  color: #111111;
}
.blog-details-content .bc-related-post .previous-post i,
.blog-details-content .bc-related-post .next-post i {
  margin-right: 5px;
  font-weight: 700;
}
.blog-details-content .bc-related-post .next-post {
  float: right;
}
.blog-details-content .bc-related-post .next-post i {
  margin-left: 5px;
  margin-right: 0;
}
.blog-details-content .bc-widget {
  margin-bottom: 30px;
}
.blog-details-content .bc-widget h4 {
  color: #111111;
  text-transform: uppercase;
  margin-bottom: 35px;
  font-weight: 700;
}
.blog-details-content .bc-widget .related-post .related-item {
  margin-bottom: 30px;
}
.blog-details-content .bc-widget .related-post .related-item .ri-pic {
  margin-bottom: 15px;
}
.blog-details-content .bc-widget .related-post .related-item .ri-pic img {
  min-width: 100%;
}
.blog-details-content .bc-widget .related-post .related-item .ri-text h6 {
  color: #111111;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 4px;
}
.blog-details-content .bc-widget .related-post .related-item .ri-text span {
  font-size: 12px;
  color: #999999;
  position: relative;
  padding-left: 22px;
}
.blog-details-content .bc-widget .related-post .related-item .ri-text span:after {
  position: absolute;
  left: 0;
  top: 5px;
  height: 6px;
  width: 6px;
  border: 1px solid #dcdcdc;
  content: "";
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.blog-details-content .bc-widget .comment-option {
  margin-bottom: 55px;
}
.blog-details-content .bc-widget .comment-option .co-item {
  overflow: hidden;
  margin-bottom: 20px;
}
.blog-details-content .bc-widget .comment-option .co-item.reply-item {
  padding-left: 115px;
}
.blog-details-content .bc-widget .comment-option .co-item .ci-pic {
  float: left;
  margin-right: 25px;
}
.blog-details-content .bc-widget .comment-option .co-item .ci-pic img {
  height: 90px;
  width: 90px;
  border-radius: 50%;
}
.blog-details-content .bc-widget .comment-option .co-item .ci-text {
  overflow: hidden;
  position: relative;
}
.blog-details-content .bc-widget .comment-option .co-item .ci-text h5 {
  color: #111111;
  font-weight: 700;
  margin-bottom: 13px;
}
.blog-details-content .bc-widget .comment-option .co-item .ci-text p {
  font-size: 15px;
  line-height: 26px;
}
.blog-details-content .bc-widget .comment-option .co-item .ci-text ul {
  position: absolute;
  right: 0;
  top: 0;
}
.blog-details-content .bc-widget .comment-option .co-item .ci-text ul li {
  list-style: none;
  font-size: 12px;
  color: #888888;
  margin-right: 25px;
  display: inline-block;
}
.blog-details-content .bc-widget .comment-option .co-item .ci-text ul li:last-child {
  margin-right: 0;
}
.blog-details-content .bc-widget .comment-option .co-item .ci-text ul li i {
  font-size: 14px;
  color: #00C89E;
  margin-right: 5px;
}

/*---------------------
  Blog Hero
-----------------------*/
.blog-hero-section {
  height: 640px;
  display: flex;
  align-items: center;
  text-align: center;
}

.bh-text {
  display: inline-block;
  background: #ffffff;
  text-align: center;
  padding: 35px 65px 32px 65px;
}
.bh-text h4 {
  margin-bottom: 6px;
  line-height: 31px;
  font-weight: 700;
  color: #111111;
}
.bh-text ul li {
  list-style: none;
  display: inline-block;
  position: relative;
  font-size: 12px;
  color: #999999;
  font-weight: 500;
  margin-right: 32px;
}
.bh-text ul li:last-child {
  margin-right: 0;
}
.bh-text ul li:last-child:after {
  display: none;
}
.bh-text ul li span {
  color: #111111;
  font-weight: 600;
}
.bh-text ul li:after {
  position: absolute;
  right: -23px;
  top: 6px;
  height: 6px;
  width: 6px;
  border: 1px solid #dcdcdc;
  content: "";
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*---------------------
  Contact Form
-----------------------*/
.cf-content {
  text-align: center;
}
.cf-content .cc-title {
  margin-bottom: 35px;
}
.cf-content .cc-title h4 {
  color: #111111;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.cf-content .cc-form input {
  margin-bottom: 24px;
}
.cf-content .cc-form textarea {
  margin-bottom: 10px;
}

/*--------------------------------- Responsive Media Quaries -----------------------------*/
@media only screen and (min-width: 1600px) and (max-width: 1920px) {
  .hs-slider.owl-carousel .owl-nav button {
    left: -220px;
  }

  .hs-slider.owl-carousel .owl-nav button.owl-next {
    right: -220px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1350px) {
  .hs-slider.owl-carousel .owl-nav button {
    left: 0px;
  }

  .hs-slider.owl-carousel .owl-nav button.owl-next {
    right: 0px;
  }
}
@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}
/* Medium Device = 1200px */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hs-top .ht-widget .hw-btn {
    font-size: 11px;
  }

  .hs-slider.owl-carousel .owl-nav button {
    left: 0;
  }

  .hs-slider.owl-carousel .owl-nav button.owl-next {
    right: 0;
  }

  .property-item .pi-text ul li {
    margin-right: 25px;
  }

  .feature-property-left {
    padding: 40px 30px 30px 30px;
  }

  .cs-item-list .cs-item .cs-text {
    width: 160px;
  }

  .pd-text .pd-widget .pd-agent .agent-text .at-title .primary-btn {
    position: relative;
    top: 10px;
  }

  .property-submit-form form .pf-map button {
    font-size: 12px;
  }

  .property-submit-form form .pf-type .type-item label {
    margin-right: 70px;
  }

  .profile-agent-content {
    padding: 30px 20px 30px 20px;
  }

  .ts-item {
    padding: 25px 25px 30px 25px;
  }
}
/* Tablet Device = 768px */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hs-slider.owl-carousel .owl-nav button {
    left: -30px;
  }

  .hs-slider.owl-carousel .owl-nav button.owl-next {
    right: -30px;
  }

  .change-btn {
    text-align: left;
    margin-bottom: 20px;
  }

  .property-controls {
    text-align: left;
    margin-bottom: 20px;
  }

  .chooseus-features .cf-item {
    width: 100%;
  }

  .chooseus-features .cf-item .cf-text {
    overflow: hidden;
    padding-top: 20px;
  }

  .team-section .team-btn a {
    padding: 12px 26px;
  }

  .ts-item .ts-text img {
    height: 160px;
    width: 160px;
  }

  .ts-item {
    margin-bottom: 20px;
  }

  .cs-item-list .cs-item {
    width: calc(33.33% - 10px);
    margin-bottom: 10px;
  }

  .contact-section {
    height: auto;
  }

  .cs-map {
    height: 450px;
    position: relative;
    width: 100%;
  }

  .pd-text .pd-social {
    text-align: left;
    padding-top: 0;
  }

  .pd-text .pd-title {
    margin-bottom: 30px;
  }

  .property-submit-form form .pf-summernote .text-editor .button-group .btn-item {
    padding-right: 10px;
  }

  .property-submit-form form .pf-map .g-map {
    margin-top: 30px;
  }

  .property-submit-form form .pf-type .type-item label {
    margin-right: 30px;
  }

  .property-submit-form form .pf-feature-price .fp-inputs input {
    width: 100%;
    float: none;
    margin-right: 0;
  }

  .property-submit-form form .pf-property-details .property-details-inputs input {
    width: 100%;
    float: none;
    margin-right: 0;
  }

  .property-submit-form form .pf-location .location-inputs input {
    width: 100%;
    float: none;
    margin-right: 0;
  }

  .agent-search-form {
    margin-bottom: 70px;
  }

  .as-slider.owl-carousel .owl-nav {
    top: -50px;
  }

  .profile-agent-content .profile-agent-info {
    margin-bottom: 20px;
    overflow: hidden;
  }
  .profile-agent-content .profile-agent-info:after {
    display: none;
  }

  .profile-agent-content .profile-agent-widget {
    margin-bottom: 15px;
  }
  .profile-agent-content .profile-agent-widget:after {
    display: none;
  }

  .blog-sidebar {
    padding-top: 50px;
  }

  .review-form .group-input input,
.leave-comment-form .group-input input,
.cc-form .group-input input {
    width: 100%;
    float: none;
    margin-right: 0;
  }

  .review-form .group-input,
.leave-comment-form .group-input,
.cc-form .group-input {
    margin-right: 0;
  }

  .property-submit-form form .pf-location .location-inputs {
    margin-right: 0;
    overflow: visible;
  }

  .property-submit-form form .pf-feature-price .fp-inputs {
    margin-right: 0;
    overflow: visible;
  }

  .property-submit-form form .pf-property-details .property-details-inputs {
    margin-right: 0;
    overflow: visible;
  }

  .feature-property-left {
    height: auto;
  }

  .hs-top .ht-widget {
    border-bottom: none;
    display: none;
  }

  .nav-menu {
    display: none;
  }

  .hs-nav .hn-social {
    display: none;
  }

  .hs-top .container {
    position: relative;
  }

  .offcanvas-menu-overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99;
    left: 0;
    top: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    visibility: hidden;
  }
  .offcanvas-menu-overlay.active {
    visibility: visible;
  }

  .canvas-open {
    font-size: 22px;
    height: 35px;
    width: 35px;
    border: 1px solid #111111;
    display: inline-block;
    line-height: 37px;
    text-align: center;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 26px;
    display: block;
  }
  .canvas-open span {
    font-weight: 600;
  }

  .offcanvas-menu-wrapper {
    width: 300px;
    position: fixed;
    height: 100%;
    background: #ffffff;
    overflow-y: scroll;
    padding: 70px 30px 30px 30px;
    z-index: 99;
    left: -300px;
    top: 0;
    opacity: 0;
    display: block;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .offcanvas-menu-wrapper.show-offcanvas-menu-wrapper {
    left: 0;
    opacity: 1;
    visibility: visible;
  }
  .offcanvas-menu-wrapper .canvas-close {
    font-size: 22px;
    height: 35px;
    width: 35px;
    border: 1px solid #111111;
    display: inline-block;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    position: absolute;
    right: 30px;
    top: 30px;
  }
  .offcanvas-menu-wrapper .canvas-close span {
    font-weight: 600;
  }
  .offcanvas-menu-wrapper .logo {
    margin-bottom: 40px;
  }
  .offcanvas-menu-wrapper .logo a {
    display: inline-block;
  }
  .offcanvas-menu-wrapper .om-widget {
    margin-bottom: 30px;
  }
  .offcanvas-menu-wrapper .om-widget ul {
    margin-bottom: 20px;
  }
  .offcanvas-menu-wrapper .om-widget ul li {
    list-style: none;
    font-size: 14px;
    color: #444444;
    font-weight: 500;
    margin-bottom: 20px;
  }
  .offcanvas-menu-wrapper .om-widget ul li i {
    display: inline-block;
    font-size: 16px;
    color: #00c8a0;
    height: 46px;
    width: 46px;
    background: #f5f5f5;
    line-height: 46px;
    text-align: center;
    margin-right: 10px;
  }
  .offcanvas-menu-wrapper .om-widget ul li span {
    margin-left: 20px;
    display: inline-block;
    position: relative;
  }
  .offcanvas-menu-wrapper .om-widget ul li span:after {
    position: absolute;
    left: -13px;
    top: -2px;
    content: "|";
  }
  .offcanvas-menu-wrapper .om-widget .hw-btn {
    font-size: 14px;
    color: #ffffff;
    font-weight: 700;
    letter-spacing: 0.5px;
    background: #00C89E;
    padding: 14px 30px;
    text-transform: uppercase;
    display: inline-block;
  }
  .offcanvas-menu-wrapper .om-menu {
    display: none;
  }
  .offcanvas-menu-wrapper .slicknav_btn {
    display: none;
  }
  .offcanvas-menu-wrapper .slicknav_nav {
    display: block !important;
  }
  .offcanvas-menu-wrapper .slicknav_menu {
    background: transparent;
    padding: 0;
    margin-bottom: 40px;
  }
  .offcanvas-menu-wrapper .slicknav_nav ul {
    margin: 0;
  }
  .offcanvas-menu-wrapper .slicknav_nav .slicknav_row,
.offcanvas-menu-wrapper .slicknav_nav a {
    padding: 10px 0;
    margin: 0;
    color: #111111;
    font-weight: 600;
  }
  .offcanvas-menu-wrapper .slicknav_nav a:hover {
    -webkit-border-radius: 0;
    border-radius: 0;
    background: transparent;
    color: #111111;
  }
  .offcanvas-menu-wrapper .slicknav_nav li {
    border-bottom: 1px solid #111111;
  }
  .offcanvas-menu-wrapper .slicknav_nav li .dropdown {
    border-top: 1px solid #111111;
  }
  .offcanvas-menu-wrapper .om-social a {
    font-size: 16px;
    color: #111111;
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    border: 1px solid #111111;
    border-radius: 50%;
    display: inline-block;
    margin-right: 6px;
  }
}
/* Wide Mobile = 480px */
@media only screen and (max-width: 767px) {
  .ts-item {
    margin-bottom: 20px;
  }

  .cs-item-list .cs-item {
    margin-bottom: 10px;
  }

  .hs-item {
    height: auto;
    padding: 113px 15px;
  }

  .pd-text .pd-social {
    text-align: left;
    padding-top: 0;
  }

  .pd-text .pd-title {
    margin-bottom: 30px;
  }

  .property-submit-form form .pf-map .g-map {
    margin-top: 30px;
  }

  .property-submit-form form .pf-feature-price .fp-inputs input {
    width: 100%;
    float: none;
    margin-right: 0;
  }

  .property-submit-form form .pf-property-details .property-details-inputs input {
    width: 100%;
    float: none;
    margin-right: 0;
  }

  .property-submit-form form .pf-location .location-inputs input {
    width: 100%;
    float: none;
    margin-right: 0;
  }

  .agent-search-form {
    margin-bottom: 70px;
  }

  .as-slider.owl-carousel .owl-nav {
    top: -50px;
  }

  .profile-agent-content .profile-agent-info {
    margin-bottom: 20px;
    overflow: hidden;
  }

  .profile-agent-content .profile-agent-widget {
    margin-bottom: 15px;
  }
  .profile-agent-content .profile-agent-widget:after {
    display: none;
  }

  .profile-agent-content .profile-agent-info:after {
    display: none;
  }

  .blog-sidebar {
    padding-top: 50px;
  }

  .review-form .group-input input,
.leave-comment-form .group-input input,
.cc-form .group-input input {
    width: 100%;
    float: none;
    margin-right: 0;
  }

  .review-form .group-input,
.leave-comment-form .group-input,
.cc-form .group-input {
    margin-right: 0;
  }

  .property-submit-form form .pf-location .location-inputs {
    margin-right: 0;
    overflow: visible;
  }

  .property-submit-form form .pf-feature-price .fp-inputs {
    margin-right: 0;
    overflow: visible;
  }

  .property-submit-form form .pf-property-details .property-details-inputs {
    margin-right: 0;
    overflow: visible;
  }

  .hs-item .hc-inner-text .hc-text {
    float: none;
    margin-right: 0;
  }

  .hs-item .hc-inner-text .hc-widget {
    overflow: hidden;
    width: auto;
    position: relative;
    right: 0;
    top: 18px;
  }

  .hs-slider.owl-carousel .owl-nav button {
    left: 0;
  }

  .hs-slider.owl-carousel .owl-nav button.owl-next {
    right: 0;
  }

  .search-form-content .filter-form {
    margin-right: 0;
  }

  .search-form-content .filter-form .sm-width {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0 !important;
  }

  .change-btn {
    text-align: left;
    margin-bottom: 20px;
  }

  .property-controls {
    text-align: left;
  }

  .property-controls ul li {
    margin-right: 24px;
    margin-bottom: 20px;
  }

  .property-controls ul li:after {
    right: -17px;
  }

  .chooseus-features .cf-item {
    width: 100%;
    float: none;
    margin-right: 0;
  }

  .fp-slider .fp-item .fp-text ul {
    position: relative;
    right: 0;
  }

  .team-section .team-btn {
    text-align: left;
    margin-bottom: 25px;
  }

  .cs-item-list .cs-item {
    width: calc(50% - 10px);
  }

  .testimonial-section .section-title {
    margin-bottom: 80px;
  }

  .testimonial-slider.owl-carousel .owl-nav {
    top: -50px;
  }

  .contact-section {
    height: auto;
  }

  .cs-map {
    height: 450px;
    position: relative;
    width: 100%;
  }

  .pd-text .pd-board .tab-board .tab-content .tab-details ul {
    width: 100%;
    float: left;
  }
  .pd-text .pd-board .tab-board .tab-content .tab-details ul.left-table {
    margin-bottom: 10px;
  }

  .pd-text .pd-board .tab-board .nav-tabs .nav-item a {
    padding: 14px 26px;
  }

  .pd-text .pd-widget .pd-agent .agent-pic {
    float: none;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .pc-table {
    overflow-x: auto;
  }

  .contact-info {
    padding-top: 60px;
  }

  .blog-item .bi-pic {
    float: none;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .bh-text ul li {
    margin-right: 26px;
  }

  .bh-text ul li:after {
    right: -19px;
  }

  .blog-details-section .p-0 {
    padding: 0 15px !important;
  }

  .blog-details-content .bc-details .bc-pic {
    float: none;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .blog-details-content .bc-details .bc-pic img {
    min-width: 100%;
  }

  .blog-details-content .bc-widget .comment-option .co-item .ci-text ul {
    position: relative;
  }

  .feature-property-left {
    height: auto;
  }

  .property-submit-form form .pf-type .type-item label {
    margin-right: 20px;
  }

  .property-submit-form form .pf-feature .features-list .feature-item {
    width: 100%;
    float: none;
  }

  .more-option .card .card-body .mo-list .ml-column {
    width: 100%;
    float: none;
  }

  .property-submit-form form .pf-summernote .text-editor .button-group .btn-item.media-insert {
    position: relative;
    right: 0;
    top: 0;
    height: auto;
  }

  .hs-top .ht-widget {
    border-bottom: none;
    display: none;
  }

  .nav-menu {
    display: none;
  }

  .hs-nav .hn-social {
    display: none;
  }

  .hs-top .container {
    position: relative;
  }

  .offcanvas-menu-overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99;
    left: 0;
    top: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    visibility: hidden;
  }
  .offcanvas-menu-overlay.active {
    visibility: visible;
  }

  .canvas-open {
    font-size: 22px;
    height: 35px;
    width: 35px;
    border: 1px solid #111111;
    display: inline-block;
    line-height: 37px;
    text-align: center;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 26px;
    display: block;
  }
  .canvas-open span {
    font-weight: 600;
  }

  .offcanvas-menu-wrapper {
    width: 300px;
    position: fixed;
    height: 100%;
    background: #ffffff;
    overflow-y: scroll;
    padding: 70px 30px 30px 30px;
    z-index: 99;
    left: -300px;
    top: 0;
    opacity: 0;
    display: block;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .offcanvas-menu-wrapper.show-offcanvas-menu-wrapper {
    left: 0;
    opacity: 1;
    visibility: visible;
  }
  .offcanvas-menu-wrapper .canvas-close {
    font-size: 22px;
    height: 35px;
    width: 35px;
    border: 1px solid #111111;
    display: inline-block;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    position: absolute;
    right: 30px;
    top: 30px;
  }
  .offcanvas-menu-wrapper .canvas-close span {
    font-weight: 600;
  }
  .offcanvas-menu-wrapper .logo {
    margin-bottom: 40px;
  }
  .offcanvas-menu-wrapper .logo a {
    display: inline-block;
  }
  .offcanvas-menu-wrapper .om-widget {
    margin-bottom: 30px;
  }
  .offcanvas-menu-wrapper .om-widget ul {
    margin-bottom: 20px;
  }
  .offcanvas-menu-wrapper .om-widget ul li {
    list-style: none;
    font-size: 14px;
    color: #444444;
    font-weight: 500;
    margin-bottom: 20px;
  }
  .offcanvas-menu-wrapper .om-widget ul li i {
    display: inline-block;
    font-size: 16px;
    color: #00c8a0;
    height: 46px;
    width: 46px;
    background: #f5f5f5;
    line-height: 46px;
    text-align: center;
    margin-right: 10px;
  }
  .offcanvas-menu-wrapper .om-widget ul li span {
    margin-left: 20px;
    display: inline-block;
    position: relative;
  }
  .offcanvas-menu-wrapper .om-widget ul li span:after {
    position: absolute;
    left: -13px;
    top: -2px;
    content: "|";
  }
  .offcanvas-menu-wrapper .om-widget .hw-btn {
    font-size: 14px;
    color: #ffffff;
    font-weight: 700;
    letter-spacing: 0.5px;
    background: #00C89E;
    padding: 14px 30px;
    text-transform: uppercase;
    display: inline-block;
  }
  .offcanvas-menu-wrapper .om-menu {
    display: none;
  }
  .offcanvas-menu-wrapper .slicknav_btn {
    display: none;
  }
  .offcanvas-menu-wrapper .slicknav_nav {
    display: block !important;
  }
  .offcanvas-menu-wrapper .slicknav_menu {
    background: transparent;
    padding: 0;
    margin-bottom: 40px;
  }
  .offcanvas-menu-wrapper .slicknav_nav ul {
    margin: 0;
  }
  .offcanvas-menu-wrapper .slicknav_nav .slicknav_row,
.offcanvas-menu-wrapper .slicknav_nav a {
    padding: 10px 0;
    margin: 0;
    color: #111111;
    font-weight: 600;
  }
  .offcanvas-menu-wrapper .slicknav_nav a:hover {
    -webkit-border-radius: 0;
    border-radius: 0;
    background: transparent;
    color: #111111;
  }
  .offcanvas-menu-wrapper .slicknav_nav li {
    border-bottom: 1px solid #111111;
  }
  .offcanvas-menu-wrapper .slicknav_nav li .dropdown {
    border-top: 1px solid #111111;
  }
  .offcanvas-menu-wrapper .om-social a {
    font-size: 16px;
    color: #111111;
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    border: 1px solid #111111;
    border-radius: 50%;
    display: inline-block;
    margin-right: 6px;
  }
}
/* Small Device = 320px */
@media only screen and (max-width: 479px) {
  .hs-item .hc-inner-text {
    padding: 25px 14px;
  }

  .hs-slider.owl-carousel .owl-nav {
    display: none;
  }

  .ts-item {
    padding: 25px 25px 30px 25px;
  }

  .pd-text .pd-board .tab-board .tab-content .tab-details ul li {
    padding-left: 15px;
  }

  .pd-text .pd-widget .pd-agent .agent-text .at-title .primary-btn {
    position: relative;
  }

  .pd-text .pd-widget .pd-agent .agent-text .at-title span {
    margin-bottom: 15px;
  }

  .pd-text .pd-widget .pd-agent .agent-text .at-option .at-social {
    margin-top: 10px;
  }

  .review-form .rating,
.leave-comment-form .rating,
.cc-form .rating {
    position: relative;
    right: 0;
    margin-bottom: 20px;
  }

  .property-sidebar .single-sidebar .top-agent .ta-item .ta-text {
    padding-top: 20px;
  }

  .property-submit-form form .pf-summernote .nav li a {
    padding: 10px 50px;
  }

  .profile-agent-content .profile-agent-info .pi-pic {
    float: none;
    margin-right: 0;
  }

  .profile-agent-content .profile-agent-widget ul li span {
    display: block;
    float: none;
  }

  .cs-item-list .cs-item {
    width: 100%;
    float: none;
    margin-right: 0;
  }

  .profile-agent-content {
    padding: 30px 30px 30px 30px;
  }

  .property-item .pi-text ul li {
    margin-right: 20px;
  }

  .breadcrumb-text {
    padding: 35px 35px;
  }

  .bh-text {
    padding: 35px 50px 32px 50px;
  }

  .bh-text ul li {
    display: block;
    text-align: center;
    margin-right: 0;
    margin-bottom: 10px;
  }

  .bh-text ul li:after {
    display: none;
  }

  .blog-details-content .bc-related-post .next-post {
    float: none;
    display: block;
    text-align: right;
    margin-top: 10px;
  }

  .blog-details-content .bc-widget .comment-option .co-item.reply-item {
    padding-left: 0;
  }

  .blog-details-content .bc-widget .comment-option .co-item .ci-text ul li {
    margin-right: 5px;
  }

  .blog-details-content .bc-widget .comment-option .co-item .ci-pic {
    float: none;
    margin-bottom: 20px;
  }

  .blog-details-content .bc-widget .comment-option .co-item.reply-item {
    padding-left: 10%;
  }
}

/*# sourceMappingURL=style.css.map */


.cor-verde-template{
    color:#00c89e;
}


.cor-verde-template-link{
    color:#00c89e;
}

.cor-verde-template-link:hover{
    color:#00b38d;
}


.btn-logar{
    position:absolute;
    right:15px;
    top:10px;
    
}

.btn-logar-mobile{
    position:absolute;
    left:15px;
    top:10px;
    
}


/* .container2 {
  width:100%;
  position: relative;
  height: 50px;
  margin-top:15px;
}
.busca {
  height: 50px;
  border: none;
  outline: none;
  padding-left: 50px;
  width: 0;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  z-index: 3;
  transition: width 1s ease-out;
  cursor: pointer;
}
.busca:focus { 
  border: 1px solid #ccc;
  border-radius: 25px;
  width: 100%;
  z-index: 1;
  transition: width 1s ease-in;
}
.btnbusca { 
  height: 50px;
  width: 50px;
  background:  url('../img/lupa.png')  center no-repeat;
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  cursor: pointer;
}
.btnbusca:focus {
  outline: none;
} */
/* esconde o LABEL "Buscar" */

/*
==================================================================
 CÓDIGO DE PERSONALIZAÇÃO (Alinhamento com a Marca - Larissa Lettieri)
==================================================================
*/

/* 1. COR PRIMÁRIA: Trocando o Verde-Água pelo Vermelho da Logo */

/* Botões principais (Buscar, Enviar, etc.) */
.site-btn,
.search-btn,
.change-btn .cb-item label.active {
    background: #D41800; /* Vermelho forte da logo */
    border-color: #D41800;
}

/* Detalhes de título da seção (linha vertical) */
.section-title h4:after, 
.section-title h5:after, 
.section-title h6:after {
    background: #D41800;
}

/* Barras e alças dos sliders de preço/tamanho */
.ui-slider .ui-slider-range,
.ui-slider-horizontal .ui-slider-handle {
    background: #D41800;
}

/* Cor do botão de 'Ver Todos' dos corretores */
.team-section .team-btn a {
    background: #f2f2f2; /* Fundo mais neutro */
    color: #D41800; /* Texto em vermelho */
}

/* Cor dos ícones no cabeçalho */
.hs-top .ht-widget ul li i {
    color: #D41800;
}

/* Cor da barra de navegação ativa */
.hs-nav .nav-menu ul li a:after {
    background: #D41800;
}


/* 2. COR SECUNDÁRIA: Trocando o Verde por Amarelo/Laranja da Logo */

/* Links de WhatsApp e Preço */
.cor-verde-template-link,
.property-item .pi-text .pt-price,
.pd-text .pd-title .pt-price {
    color: #FFA500; /* Laranja/Amarelo da Logo */
}

.cor-verde-template-link:hover {
    color: #e69500; /* Tom mais escuro para o hover */
}


/* Ícone de coração */
.property-item .pi-text .heart-icon {
    color: #FFA500;
    right: 20px; /* Adicione esta linha */
}

/* Ícones de telefone e email dos corretores (rodapé do card) */
.pi-agent .pa-text a {
    color: #FFA500;
}

/* Ícones de localização e detalhes do imóvel (Quartos, Banheiros, etc.) */
.property-item .pi-text p span,
.property-item .pi-text ul li i {
    color: #FFA500;
}


/* 3. MODERNIZAÇÃO: Cards de Imóveis (Sombra e Efeito de Hover) */
.property-item {
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.05);
    border-radius: 8px; /* Adiciona cantos arredondados */
    overflow: hidden; /* Garante que a imagem respeite os cantos */
}

.property-item:hover {
    transform: scale(1.03);
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.15);
}


/* 4. COESÃO: Ajuste do Rodapé e Cabeçalho (Combinar com Logo) */

/* Rodapé (fundo preto para combinar com a logo) */
.footer-section {
    background: #111111; /* Preto/Cinza Escuro ao invés de verde-escuro */
}

/* Cor da linha de divisão no rodapé */
.copyright-text {
    border-top: 1px solid #333; /* Linha mais clara sobre o fundo preto */
}

/* Cabeçalho superior (fundo escuro opcional) */
/* Descomente o código abaixo se quiser o topo escuro também */

.hs-top {
    background: #111;
    border-bottom: 1px solid #333;
}
.hs-top .ht-widget ul li {
    color: #fff;
}
.hs-nav .nav-menu ul li a {
    color: #111;
}
.hs-top .ht-widget ul li i {
    background: #222;
}


/*
==================================================================
 CÓDIGO DE AJUSTES ADICIONAIS (Verdes e Rodapé)
==================================================================
*/

/* 5. CORREÇÕES (Verdes restantes) */

/* Ícones da página "Contatos" (fundo verde) */
.contact-info .ci-item .ci-icon {
    background: #D41800; /* Vermelho principal */
}

/* Texto do telefone (Corretores) e "Designer" (Depoimentos) */
.testimonial-slider .testimonial-item .ti-author .ta-text span,
.ts-item .ts-text span {
    color: #FFA500; /* Laranja/Amarelo da Logo */
}

/* Ícone "Ver Todos" dos corretores (ícone verde) */
.team-section .team-btn a i {
    color: #D41800; /* Vermelho principal */
}

/* 6. AJUSTE DO RODAPÉ (Copyright) */

/* Texto do copyright - aumentando a opacidade */
.copyright-text p {
    color: #ffffff;
    opacity: 0.7; /* Mesmo nível de opacidade do resto do texto do rodapé */
}

/*
==================================================================
 BLOCO CORRIGIDO 2 (Ícones "Sobre" e Correções)
==================================================================
*/

/* 7. ESTILIZAÇÃO DOS ÍCONES DA PÁGINA "SOBRE" */

/* Esta regra combina o estilo original (.af-icon) com os novos estilos
   para garantir que o layout (float) e as novas cores funcionem juntos.
*/
.about-text .at-feature .af-item .af-icon {
    float: left; /* Mantém o layout original */
    margin-right: 30px; /* Mantém o layout original */
    background: none; /* Remove a imagem de fundo original */

    /* Novos estilos para o círculo */
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px; /* Tamanho do ícone */
    transition: all 0.3s ease;
}

/* Cor Vermelha (Principal) */
.about-text .at-feature .af-item .af-icon.icon-red {
    background: #D41800;
    color: #ffffff;
}

/* Cor Laranja/Amarelo (Destaque) */
.about-text .at-feature .af-item .af-icon.icon-orange {
    background: #FFA500;
    color: #111111; /* Cor escura para ter contraste com o amarelo */
}


/* 8. CORREÇÕES FINAIS (Verdes restantes) */

/* Ícones de "Corretores Destaques" (página Sobre) */
.team-section .ts-item .ts-text span {
     color: #FFA500; /* Laranja/Amarelo */
}

/* Ícone de "Ver Todos" dos corretores (página Sobre) */
.team-section .team-btn a i {
    color: #D41800; /* Vermelho principal */
}

/* Ícones da página "Contatos" (fundo) */
.contact-info .ci-item .ci-icon {
    background: #D41800; /* Vermelho principal */
}

/* Texto "Designer" nos depoimentos (página Sobre) */
.testimonial-slider .testimonial-item .ti-author .ta-text span {
    color: #FFA500; /* Laranja/Amarelo */
}

/* 9. AJUSTE DO RODAPÉ (Copyright) */

/* Texto do copyright - aumentando a opacidade */
.copyright-text p {
    color: #ffffff;
    opacity: 0.7; /* Mesmo nível de opacidade do resto do rodapé */
}

/*
==================================================================
 CORREÇÃO FINAL (Telefone Escuro e Hover)
==================================================================
*/

/* Corrigindo link do WhatsApp (que estava preto por causa do 'text-dark') */
.hs-top .ht-widget ul li a,
.hs-top .ht-widget ul li a i {
    color: #FFA500 !important; /* Laranja/Amarelo da Logo (com !important para vencer o "text-dark") */
    font-weight: 600; /* Deixando o link mais destacado */
    transition: all 0.3s ease; /* Adiciona suavidade no hover */
}

/* Corrigindo o NÚMERO FIXO (que também estava preto) */
.hs-top .ht-widget ul li span {
    color: #ffffff; /* Branco */
    opacity: 0.8; /* Leve transparência para igualar ao resto */
}

/* Corrigindo o HOVER (que estava sumindo) */
.hs-top .ht-widget ul li a:hover,
.hs-top .ht-widget ul li a:hover i {
    color: #ffffff !important; /* O link fica BRANCO ao passar o mouse */
}

/*
==================================================================
 CORREÇÃO 3 (Busca no Header e Hover Corretores)
==================================================================
*/

/* 10. ESTILIZAÇÃO DO NOVO CAMPO DE BUSCA (HEADER) */

/* Estilo para a busca no Desktop */
.header-search .form-control {
    border: 1px solid #555;
    border-right: none;
    border-radius: 25px 0 0 25px;
    height: 40px;
    background: #333;
    color: #fff;
    font-size: 13px;
    margin-top: 23px; /* Alinha com os ícones */
}
.header-search .form-control::placeholder {
    color: #999;
}
.header-search .btn {
    border: 1px solid #555;
    border-left: none;
    border-radius: 0 25px 25px 0;
    height: 40px;
    background: #333;
    color: #FFA500; /* Cor Laranja/Amarelo */
    margin-top: 23px; /* Alinha com os ícones */
}

/* Estilo para a busca no Menu Mobile */
.header-search-mobile .form-control {
    border: 1px solid #ccc;
    border-right: none;
    border-radius: 25px 0 0 25px;
    height: 40px;
}
.header-search-mobile .btn {
    border: 1px solid #ccc;
    border-left: none;
    border-radius: 0 25px 25px 0;
    height: 40px;
    background: #f1f1f1;
    color: #D41800; /* Cor Vermelha */
}


/* 11. CORREÇÃO DO HOVER VERDE (PÁGINA CORRETORES) */

.ts-item:hover {
    background: #D41800; /* Vermelho principal */
}

/* Garante que o texto do whatsapp no hover fique branco */
.ts-item:hover .ts-text span,
.ts-item:hover .ts-text span i {
  color: #ffffff;
}

/*
==================================================================
 CORREÇÃO FINAL 4 (Buscadores, Carrossel, Menu Mobile)
==================================================================
*/

/* 12. Corrigindo o botão "Buscar Corretor" (corretores.php) */
.agent-search-form form button {
    background: #D41800; /* Vermelho */
}

/* 13. Corrigindo o preço no Carrossel principal (index.php) */
.hs-item .hc-inner-text .hc-text h5 {
    color: #FFA500; /* Laranja/Amarelo */
}

/* 14. Corrigindo o "Buscar" do filtro de imóveis (index.php, imoveis.php) */
.search-form-content .filter-form .search-btn {
    background: #D41800; /* Vermelho */
    border-color: #D41800;
}

/* 15. Corrigindo o ícone do "Menu Sanduíche" (Fundo escuro) */
.canvas-open {
    border: 1px solid #777; /* Borda cinza claro */
    color: #fff; /* Ícone branco */
}

/* 16. Corrigindo cores do Menu Mobile (Offcanvas) */
.offcanvas-menu-wrapper .om-widget ul li i {
    color: #D41800; /* Ícone Vermelho */
    background: #f1f1f1;
}

/* 17. Corrigindo busca no Menu Mobile (Offcanvas) */
.header-search-mobile .form-control {
    border-radius: 25px 0 0 25px;
    height: 40px;
}
.header-search-mobile .btn {
    border-radius: 0 25px 25px 0;
    height: 40px;
    background: #f1f1f1;
    color: #D41800; /* Botão Vermelho */
    border: 1px solid #ccc;
    border-left: none;
}

/*
==================================================================
 CORREÇÃO 5 ("Invista no Seu Futuro")
==================================================================
*/

/* 18. "INVISTA NO SEU FUTURO" - Ícones e Cores */
.chooseus-features .cf-item .cf-pic {
    background: #ffffff; /* Fundo branco original */
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px; /* Tamanho do ícone */
    transition: all 0.3s ease;
}
/* Remove a imagem de fundo que estava na regra original */
.chooseus-features .cf-item .cf-pic img {
    display: none;
}
.chooseus-features .cf-item .cf-pic.icon-red {
    background: #D41800;
    color: #ffffff;
}
.chooseus-features .cf-item .cf-pic.icon-orange {
    background: #FFA500;
    color: #111111;
}

/*
==================================================================
 CORREÇÃO 6 (Página de Detalhes do Imóvel)
==================================================================
*/

/* 19. Corrigindo as ABAS (verde) na página de Detalhes do Imóvel */

/* Fundo da barra de abas (era verde escuro) */
.pd-text .pd-board .tab-board .nav-tabs {
    background: #333; /* Cinza escuro */
}
/* Aba ativa (era verde claro) */
.pd-text .pd-board .tab-board .nav-tabs .nav-item a.active {
    background: #D41800; /* Vermelho principal */
}

/* 20. Corrigindo o texto dos "Detalhes" (verde) */
.pd-text .pd-board .tab-board .tab-content .tab-details ul li .type-value {
    color: #D41800; /* Vermelho (era verde) */
}

/* 21. Corrigindo "Imóveis Relacionados" (verde) */

/* Preço/quantidade nos cards do slider */
.property-sidebar .single-sidebar .sf-slider .sf-item .sf-text span {
    color: #FFA500; /* Laranja/Amarelo (era verde) */
}
/* Bolinhas de paginação do slider (ativa) */
.property-sidebar .single-sidebar .sf-slider.owl-carousel .owl-dots button.active {
    background: #D41800; /* Vermelho (era verde) */
}

/* 22. Corrigindo Título dos Tipos de Imóveis (Sidebar) */
/* O texto "Tipos de Imóveis" estava sem cor e sumindo no fundo escuro */
.feature-property-left .section-title h4 {
    color: #ffffff;
}

/*
==================================================================
 CORREÇÃO 7 (Ícones do Carrossel Principal - index.php)
==================================================================
*/

/* 23. Corrigindo os ícones (área, quartos, etc.) no carrossel */
.hs-item .hc-inner-text .hc-widget li i {
    color: #FFA500; /* Laranja/Amarelo (era #666666) */
    opacity: 1; /* Garante que não fiquem apagados */
}

/*
==================================================================
 CORREÇÃO 8 (Ícones de Localização Faltantes)
==================================================================
*/

/* 24. Corrigindo ícone de localização (Carrossel Principal) */
.hs-item .hc-inner-text .hc-text p span {
    color: #FFA500; /* Laranja/Amarelo (era #00C89E) */
    opacity: 1;
}

/* 25. Corrigindo ícone de localização (Carrossel Lateral "Feature") */
.fp-slider .fp-item .fp-text p span {
    color: #FFA500; /* Laranja/Amarelo */
    opacity: 1; /* Garante que não fique apagado */
}

/*
==================================================================
 CORREÇÃO 9 (Ícone de Localização - Página Detalhes)
==================================================================
*/

/* 26. Corrigindo ícone de localização (Página de Detalhes do Imóvel) */
.pd-text .pd-title p span {
    color: #FFA500; /* Laranja/Amarelo (era #00C89E) */
    opacity: 1;
}

/*
==================================================================
 CORREÇÃO 10 (Alinhamento Vertical - Página Sobre)
==================================================================
*/

/* 27. Alinhando verticalmente os ícones e textos em "Nossos Valores" */

/* Usamos flexbox para alinhar os itens */
.about-text .at-feature .af-item {
    display: flex;
    align-items: center; /* Isso alinha verticalmente o ícone e o texto */
    margin-bottom: 32px; /* Mantém o espaçamento original */
}

/* Removemos o float do ícone, pois o flexbox cuida disso */
.about-text .at-feature .af-item .af-icon {
    float: none; /* Desativa o float original */
    margin-right: 30px; /* Mantém a margem original */
    flex-shrink: 0; /* Impede que o ícone encolha */
}

/* Removemos o overflow, que não é mais necessário */
.about-text .at-feature .af-item .af-text {
    overflow: visible; /* Desativa o overflow: hidden original */
}

/*
==================================================================
 CORREÇÃO 10 (Seção Categorias - index.php)
==================================================================
*/

/* 27. Ajustando a caixa de "Categorias" (era verde-escuro) */
.feature-property-left {
    background: #1c1c1c; /* Preto/Cinza escuro (era #103230) */
}

/* 28. Ajustando o botão "Ver Todos Imóveis" (era verde-claro) */
.linkcategorias {
    background: #f1f1f1; /* Fundo cinza claro */
    color: #D41800; /* Texto Vermelho */
}
.linkcategorias:hover {
    background: #ffffff;
    color: #111111;
}

/* 29. Corrigindo ícones do carrossel lateral (eram brancos/opacos) */
.fp-slider .fp-item .fp-text ul li i {
    color: #FFA500; /* Laranja/Amarelo */
    opacity: 1; /* Garante que não fiquem apagados */
}

/* 30. Corrigindo o preço no carrossel lateral (era branco) */
.fp-slider .fp-item .fp-text h5 {
    color: #FFA500; /* Laranja/Amarelo */
}

/* 31. Corrigindo o texto "/mes" no carrossel lateral (era cinza) */
.fp-slider .fp-item .fp-text h5 span {
    color: #ffffff; /* Branco */
    opacity: 0.7;
}

/* 32. Corrigindo o ícone de localização no carrossel lateral */
.fp-slider .fp-item .fp-text p span {
    color: #FFA500; /* Laranja/Amarelo */
}

/* 3. MODERNIZAÇÃO: Cards de Imóveis (Sombra e Efeito de Hover) */
.property-item {
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.05);
    border-radius: 8px; /* Adiciona cantos arredondados */
    overflow: hidden; /* Garante que a imagem respeite os cantos */
}

/* AQUI ESTÁ A CORREÇÃO: 
   Adiciona um "respiro" (padding) de 20px nas laterais e 
   na parte de baixo do bloco de texto do card. 
*/
.property-item .pi-text {
    padding: 0 20px 20px 20px;
}

.property-item:hover {
    transform: scale(1.03);
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.15);
}

/*
==================================================================
 CORREÇÃO FORÇADA Z-INDEX E OPACIDADE DA MODAL
 (Para forçar a modal a aparecer na frente do preloader e do backdrop)
==================================================================
*/

/* O preloader original tem z-index: 999999 */

/* O fundo preto da modal (tem que estar acima do preloader) */
.modal-backdrop {
    z-index: 1000000 !important;
}

/* A modal em si (tem que estar acima do fundo preto) */
#modalMensagemImovel {
    z-index: 1000001 !important;
}

/* Força a opacidade da modal para 1 quando ela é aberta.
  Isso corrige o bug onde a classe .fade fica "presa" em opacity:0.
*/
#modalMensagemImovel.show {
    opacity: 1 !important;
}