@charset "UTF-8";
/******************************************************************
Theme Name: SE7E MOB
Description: 
Author: Zé Neto
Author URI: https://in-se7e.com.br
Version: 3.2
Created: 02/11/2024
******************************************************************/
/*------------------------------------------------------------------
[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: #0166d0;
  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: #0166d0;
  padding: 10px 20px;
  display: inline-block;
}

.site-btn {
  font-size: 14px;
  color: #ffffff;
  background: #0166d0;
  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 #0166d0;
    border-left-color: transparent;
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border: 4px solid #0166d0;
    border-left-color: transparent;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border: 4px solid #0166d0;
    border-left-color: transparent;
  }
}
@-webkit-keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    border: 4px solid #0166d0;
    border-left-color: transparent;
  }
  50% {
    -webkit-transform: rotate(180deg);
    border: 4px solid #0166d0;
    border-left-color: transparent;
  }
  100% {
    -webkit-transform: rotate(360deg);
    border: 4px solid #0166d0;
    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: #0166d0;
  height: 46px;
  width: 46px;
  background: #ffffff;
  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: #0166d0;
  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: #0166d0;
  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: #0166d0;
  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: #0166d0;
}
.hs-item .hc-inner-text .hc-text .label {
  font-size: 12px;
  display: inline-block;
  text-transform: uppercase;
  color: #ffffff;
  padding: 2px 10px;
  background: #0166d0;
  font-weight: 600;
  margin-right: 10px;
}
.hs-item .hc-inner-text .hc-text h5 {
  color: #0166d0;
  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 #0166d0;
  color: #111111;
}
.change-btn .cb-item label.active {
  background: #0166d0;
  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: #0166d0;
  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: #0166d0;
}

.ui-slider-horizontal .ui-slider-handle {
  width: 13px;
  height: 13px;
  background: #0166d0;
  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: #0166d0;
  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: #162f6e;
}

.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: #0166d0;
}

/*-------------------------
  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: #0c1536;
}
.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: #0c1536;
}
.property-item .pi-text .pt-price {
  font-size: 18px;
  font-weight: 700;
  color: #0166d0;
  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: #0166d0;
}
.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: #0166d0;
  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: #0166d0;
}

.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: #0166d0;
  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: #0c1536;
  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: #0c1536;
  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 #0166d0;
  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: #0166d0;
  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: #1c1c1c;
  padding: 2px 10px;
  background: #e2ed05;
  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: #0166d0;
  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: #0166d0;
}
.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: #0166d0;
  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: #0166d0;
  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: #0166d0;
  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: #0166d0;
  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: #0c1536;
  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 #fcfffe;
  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 #0c1536;
  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: #0166d0;
}
.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: #0166d0;
  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: #0166d0;
}
.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: #0166d0;
  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: #1e3166;
  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: #0166d0;
}
.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: #0166d0;
  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: #0166d0;
  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: #0166d0;
  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: #0166d0;
  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: #0166d0;
}
.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: #0166d0;
}
.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: #0166d0;
  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: #0166d0;
}
.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: #0166d0;
  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: #0166d0;
  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: #0166d0;
}
.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: #0166d0;
  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: #0166d0;
  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: #0166d0;
}
.as-item:hover .as-pic .rating-point {
  color: #0166d0;
  background: #ffffff;
}
.as-item:hover .as-text .at-title {
  border-color: #4293fc;
}
.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: #0166d0;
  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: #0166d0;
  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: #0166d0;
  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: #0166d0;
  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: #0166d0;
  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: #0166d0;
  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: #0166d0;
  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: #0166d0;
    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: #0166d0;
    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: #0166d0;
    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: #0166d0;
    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:#0166d0;
}


.cor-verde-template-link{
    color:#0166d0;
}

.cor-verde-template-link:hover{
    color:#0166d0;
}


.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('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" */
/* =================================================================
   CSS FINAL E INTEGRADO PARA O FILTRO DE BUSCA (SE7E MOB)
   ================================================================= */

/* Define o container da busca para usar Flexbox e ter um fundo neutro do tema */
.search-section .search-container-modern {
    background-color: #ffffff; /* Cor de fundo do tema para seções */
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

/* Garante que o H4 use a formatação de título do tema */
.search-container-modern .section-title h4 {
    color: #111111;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    padding-left: 20px;
    margin-bottom: 0; /* Remove margem para alinhar melhor */
}
/* Recria a barrinha azul característica do tema */
.search-container-modern .section-title h4:after {
    position: absolute;
    left: 0;
    top: -9px;
    width: 5px;
    height: 46px;
    background: #0166d0; /* Cor principal do tema */
    content: "";
}

/* Alinhamento do cabeçalho */
.search-container-modern .search-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    flex-wrap: wrap; 
}

/* Botões Comprar/Alugar usando o estilo do tema */
.search-container-modern .purpose-buttons {
    display: flex;
}
.search-container-modern .purpose-btn {
    padding: 12px 28px;
    border: 1px solid #0166d0; /* Usa a cor principal na borda */
    background-color: #ffffff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #111111;
    transition: all 0.3s ease;
    margin-left: -1px; /* Evita bordas duplas */
}
.search-container-modern .purpose-btn:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.search-container-modern .purpose-btn:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.search-container-modern .purpose-btn.active {
    background-color: #0166d0; /* Cor principal do tema */
    color: #ffffff;
}
.search-container-modern .purpose-btn i {
    margin-right: 8px;
}

/* * A MÁGICA ESTÁ AQUI: Força o uso de Flexbox e anula os floats
 */
.search-container-modern .main-filters {
    display: flex; /* ATIVA O FLEXBOX */
    gap: 15px;     /* Espaçamento entre os campos */
    width: 100%;
}

/* Reseta os estilos de float e largura do tema antigo para cada campo do novo form */
.search-container-modern .filter-group, 
.search-container-modern .more-filters-btn, 
.search-container-modern .search-btn-modern {
    float: none !important; /* ANULA O FLOAT */
    width: auto !important;   /* ANULA A LARGURA FIXA */
    margin-right: 0 !important; /* ANULA A MARGEM */
}

.search-container-modern .filter-group {
    display: flex;
    align-items: center;
    border: 1px solid #e1e1e1; /* Borda padrão do tema */
    background-color: #ffffff;
    flex-grow: 1; /* Permite que o campo cresça */
}

/* Define os tamanhos relativos dos campos */
.search-container-modern .location-group { flex-grow: 3; min-width: 250px; }
.search-container-modern .type-group { flex-grow: 2; min-width: 180px; }


.search-container-modern .filter-group i {
    color: #888;
    padding-left: 15px;
}

/* Estiliza os inputs e selects para ficarem parecidos com os do tema */
.search-container-modern .filter-group input[type="text"],
.search-container-modern .filter-group select {
    width: 100%;
    border: none;
    outline: none;
    padding: 14px 15px;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    color: #666666;
    background: transparent;
    -webkit-appearance: none; /* Remove estilo padrão do select no iOS */
    -moz-appearance: none;
    appearance: none;
}

/* Recria a seta do select para o type-group */
.search-container-modern .type-group {
    position: relative;
}
.search-container-modern .type-group::after {
    content: '\35'; /* Código do ícone de seta para baixo da fonte ElegantIcons do tema */
    font-family: "ElegantIcons";
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: #888;
    pointer-events: none;
}


/* Botões - usando a classe .site-btn do tema como base */
.search-container-modern .more-filters-btn, 
.search-container-modern .search-btn-modern {
    padding: 14px 25px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    flex-shrink: 0; /* Impede que os botões encolham */
    transition: all 0.3s ease;
}

.search-container-modern .more-filters-btn {
    background-color: #f5f5f5; /* Cinza claro do tema */
    color: #111111;
    border: 1px solid #e1e1e1;
}

.search-container-modern .search-btn-modern {
    background-color: #0166d0; /* Cor principal */
    color: #ffffff;
}

/* Painel de filtros avançados */
.search-container-modern .advanced-filters {
    display: none; /* Começa oculto */
    margin-top: 20px;
    padding: 20px;
    border-top: 1px solid #e9ecef;
    background-color: #ffffff;
    border-radius: 0 0 6px 6px;
}
.search-container-modern .advanced-filters label {
    display: block;
    font-weight: 600;
    color: #111111;
    margin-bottom: 8px;
    font-size: 14px;
}
.search-container-modern .advanced-filters select {
    width: 100%;
    height: 46px;
    padding: 0 15px;
    border-radius: 4px;
    border: 1px solid #e1e1e1;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    color: #666666;
}


/* --- RESPONSIVIDADE --- */
@media (max-width: 991px) {
    .search-container-modern .main-filters {
        flex-wrap: wrap; /* Permite a quebra de linha em telas menores */
    }
    .search-container-modern .filter-group {
        width: calc(50% - 8px) !important; /* Ocupa 50% da largura em tablets */
        flex-grow: 1;
    }
    .search-container-modern .location-group {
        width: 100% !important; /* Campo de busca ocupa a linha toda */
    }
}

@media (max-width: 767px) {
    .search-container-modern .filter-group {
        width: 100% !important; /* Ocupa 100% em celulares */
    }
    .search-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
}

/* =================================================================
/* =================================================================
   CSS PARA OS NOVOS CARDS DE IMÓVEIS
   ================================================================= */

/* Container principal do card */
.card-imovel-moderno {
    display: flex; /* <-- Layout horizontal */
    background: #fff;
    border-radius: 12px;
    border: 1px solid #e9ecef;
    overflow: hidden;
    margin-bottom: 25px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.3s ease;
}
.card-imovel-moderno:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

/* Bloco da Imagem (à esquerda) */
.card-imagem {
    flex: 0 0 320px; /* Largura fixa */
    position: relative;
}
.card-imagem a {
    display: block;
    width: 100%;
    height: 100%;
}
.card-imagem img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Cobre a área sem distorcer */
    transition: transform 0.3s ease;
}
.card-imovel-moderno:hover .card-imagem img {
    transform: scale(1.05);
}

/* Tag de Status (Venda/Aluguel) */
.card-tag {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(0,0,0,0.6);
    color: #fff;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
}
.card-tag.status-para-venda { background-color: #D41800; } /* Cor de Venda */
.card-tag.status-para-aluguél { background-color: #0166d0; } /* Cor de Aluguel */

/* Botão de Favorito */
.btn-favorito {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #eee;
    border-radius: 50%;
    color: #555;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
}
.btn-favorito:hover, .btn-favorito.active {
    color: #ff4d4d;
    background: #fff;
    transform: scale(1.1);
}

/* Bloco de Informações (à direita) */
.card-info {
    flex-grow: 1;
    padding: 20px 25px;
    display: flex;
    flex-direction: column;
}

.info-header {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 15px;
}
.info-local h5 { font-weight: 700; margin-bottom: 4px; }
.info-local h5 a { color: #111; font-size: 18px; }
.info-local p { font-size: 14px; color: #666; margin: 0; }

.info-preco { text-align: right; flex-shrink: 0; }
.info-preco h4 {
    font-size: 24px;
    font-weight: 700;
    color: #0166d0;
    margin: 0;
    line-height: 1.2;
}
.info-preco h4 span { font-size: 14px; color: #666; font-weight: 400; }
.info-preco .condominio { font-size: 13px; color: #888; margin-top: 2px; }

/* Características (ícones) */
.card-specs {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 25px; /* espaçamento vertical e horizontal */
    padding: 15px 0;
    border-top: 1px solid #f0f0f0;
    list-style: none;
    margin: 0;
    flex-grow: 1; /* Faz esta área crescer e empurrar as ações para baixo */
}
.card-specs li {
    font-size: 14px;
    color: #333;
    font-weight: 500;
}
.card-specs li i {
    color: #888;
    margin-right: 8px;
    font-size: 16px;
}

/* Ações (botão e corretor) */
.card-acoes {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 15px;
    border-top: 1px solid #f0f0f0;
}
.btn-contatar {
    background-color: #0166d0;
    color: #fff;
    padding: 12px 30px;
    border-radius: 6px;
    font-weight: 600;
    text-decoration: none;
    transition: background-color 0.3s ease;
}
.btn-contatar:hover {
    background-color: #0c1536;
    color: #fff;
}

.info-corretor {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: #666;
}
.info-corretor img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
}

/* --- RESPONSIVIDADE: Transforma em card vertical no celular --- */
@media (max-width: 768px) {
    .card-imovel-moderno {
        flex-direction: column; /* Empilha os blocos */
    }
    .card-imagem {
        flex-basis: 220px; /* Altura fixa para a imagem no mobile */
    }
    .info-header {
        flex-direction: column; /* Empilha preço e local */
        gap: 10px;
    }
    .info-preco {
        text-align: left; /* Alinha preço à esquerda */
    }
}

/* =================================================================
   CSS PARA O LAYOUT DE SIDEBAR E FILTROS
   ================================================================= */

/* Container que cria as duas colunas */
.pagina-com-sidebar-container {
    display: flex;
    gap: 30px; /* Espaço entre a sidebar e o conteúdo */
    align-items: flex-start; /* Alinha os itens no topo */
}

/* Coluna da Esquerda (Sidebar) */
aside.sidebar-filtros {
    flex: 0 0 300px; /* Largura fixa de 300px para a sidebar */
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 20px;
}

/* Coluna da Direita (Conteúdo) */
main.conteudo-principal {
    flex: 1; /* Ocupa todo o espaço restante */
}

/* Blocos de filtro dentro da sidebar */
.filtro-bloco {
    margin-bottom: 25px;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 25px;
}
.filtro-bloco:last-child {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
}
.filtro-bloco h5 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
}

/* Campo de busca da sidebar */
.campo-busca-sidebar {
    position: relative;
}
.campo-busca-sidebar input {
    width: 100%;
    height: 45px;
    border-radius: 6px;
    border: 1px solid #ddd;
    padding-left: 15px;
    padding-right: 40px;
}
.campo-busca-sidebar i {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #888;
}

/* Grid de botões de tipo de imóvel */
.tipos-imoveis-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 colunas */
    gap: 10px;
}
a.tipo-imovel-btn {
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 10px;
    text-align: center;
    color: #333;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.3s ease;
}
a.tipo-imovel-btn:hover {
    border-color: #0166d0;
    color: #0166d0;
    background: #f7faff;
}
a.tipo-imovel-btn.active {
    border-color: #0166d0;
    background: #0166d0;
    color: #fff;
}
a.tipo-imovel-btn i {
    display: block;
    font-size: 24px;
    margin-bottom: 5px;
}
.mais-tipos-link {
    display: block;
    margin-top: 15px;
    font-size: 14px;
    font-weight: 600;
    color: #0166d0;
}

/* Botão principal da sidebar */
.btn-filtrar-sidebar {
    width: 100%;
    background: #0166d0;
    color: #fff;
    border: none;
    padding: 14px;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
}

/* Ajuste no card para o layout em lista */
.card-imovel-moderno.layout-lista .card-imagem {
    flex-basis: 280px; /* Imagem um pouco menor na lista */
}
/* =================================================================
   CSS CORRIGIDO E APRIMORADO PARA O FILTRO DE PREÇO
   ================================================================= */

/* Container do texto (label + valor) */
.price-text-sidebar {
    display: flex;              /* <-- Ativa o alinhamento em linha */
    justify-content: space-between; /* <-- Coloca um item em cada ponta */
    align-items: center;        /* <-- Alinha verticalmente no centro */
    margin-bottom: 15px;
}

/* Estilo do texto "Valor:" */
.price-text-sidebar label {
    font-weight: 600;
    color: #333;
    font-size: 14px;
    margin-bottom: 0; /* Remove margem padrão do label */
}

/* Estilo do campo que mostra o preço (R$ 50.000 a R$ ...) */
.price-text-sidebar input {
    border: none !important;          /* Remove qualquer borda */
    background: transparent !important; /* Remove qualquer fundo */
    box-shadow: none !important;      /* Remove qualquer sombra */
    outline: none !important;         /* Remove a linha azul ao clicar */
    text-align: right;                /* Alinha o texto do preço à direita */
    font-weight: 700;
    font-size: 15px;
    color: #0166d0;                 /* Sua cor principal */
    padding: 0;                       /* Remove preenchimento interno */
    width: auto;                      /* Largura automática para não quebrar */
    flex-grow: 1;                     /* Ocupa o espaço restante */
}

/* --- RESPONSIVIDADE PARA CELULARES E TABLETS --- */
@media (max-width: 991px) {
    .pagina-com-sidebar-container {
        flex-direction: column; /* Empilha as colunas */
    }
    aside.sidebar-filtros {
        flex-basis: auto; /* Largura automática */
        width: 100%;
        margin-bottom: 30px;
    }
}

/* =================================================================
   CSS PARA OS CARDS VERTICAIS (DESTAQUES DE ALUGUEL)
   ================================================================= */

.card-imovel-vertical {
    background: #fff;
    border-radius: 12px;
    border: 1px solid #e9ecef;
    margin-bottom: 30px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column; /* Garante a orientação vertical */
    height: 100%; /* Faz com que todos os cards na mesma linha tenham a mesma altura */
}
.card-imovel-vertical:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

/* Imagem do card vertical */
.card-imagem-vertical {
    position: relative;
    height: 200px; /* Altura fixa para a imagem */
}
.card-imagem-vertical a {
    display: block;
    height: 100%;
}
.card-imagem-vertical img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px 12px 0 0;
}
.btn-favorito-vertical {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 36px;
    height: 36px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #eee;
    border-radius: 50%;
    color: #555;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
}
.btn-favorito-vertical:hover {
    color: #ff4d4d;
}

/* Informações do card vertical */
.card-info-vertical {
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1; /* Faz esta área ocupar o espaço restante, alinhando os botões no final */
}
.info-local-vertical h5 { font-weight: 700; margin-bottom: 4px; }
.info-local-vertical h5 a { color: #111; font-size: 18px; line-height: 1.3; }
.info-local-vertical p { font-size: 14px; color: #666; margin-bottom: 15px; }

/* Características (ícones) */
.card-specs-vertical {
    display: flex;
    gap: 15px;
    list-style: none;
    margin: 0 0 15px 0;
    padding: 0;
    color: #555;
}
.card-specs-vertical li { font-size: 14px; }
.card-specs-vertical i { margin-right: 5px; color: #888; }

/* Preço */
.info-preco-vertical {
    font-size: 22px;
    font-weight: 700;
    color: #111;
    margin-top: auto; /* Empurra o preço e os botões para o final do card */
    margin-bottom: 15px;
}
.info-preco-vertical span {
    font-size: 14px;
    color: #666;
    font-weight: 400;
}

/* Botões de Ação */
.card-acoes-vertical {
    display: grid;
    grid-template-columns: 2fr 1fr; /* Botão de msg maior que o de telefone */
    gap: 10px;
}
.card-acoes-vertical a {
    display: inline-block;
    padding: 12px;
    border-radius: 6px;
    text-align: center;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}
.btn-principal {
    background-color: #0166d0; /* Sua cor principal */
    color: #fff;
}
.btn-principal:hover {
    background-color: #0c1536; /* Sua cor escura */
    color: #fff;
}
.btn-secundario {
    background-color: #f0f2f5;
    color: #0166d0;
}
.btn-secundario:hover {
    background-color: #e4e6eb;
}

/* =================================================================
   CSS PARA A NOVA SEÇÃO "POR QUE NOS ESCOLHER"
   ================================================================= */

.why-us-section {
    background-color: #f8f9fa; /* Um fundo neutro e claro */
}

/* Imagem da esquerda */
.why-us-pic img {
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    width: 100%;
}

/* Textos da direita */
.why-us-text .section-title {
    margin-bottom: 20px;
}
.why-us-text p {
    font-size: 16px;
    line-height: 1.7;
    color: #666;
    margin-bottom: 30px;
}

/* Grade de diferenciais */
.why-us-features-grid {
    display: grid;
    /* Cria 2 colunas de tamanho igual */
    grid-template-columns: repeat(2, 1fr);
    /* Espaçamento entre os itens */
    gap: 30px;
}

/* Cada item da grade */
.why-us-feature-item {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

/* A caixa do ícone */
.icon-box {
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    background-color: #e9f0ff; /* Azul bem clarinho */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.icon-box i {
    font-size: 24px;
    color: #0166d0; /* Cor principal do seu tema */
}

/* A caixa de texto ao lado do ícone */
.text-box h5 {
    font-size: 18px;
    font-weight: 700;
    color: #111;
    margin-bottom: 8px;
}
.text-box p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin: 0;
}

/* Ajustes para telas menores (celular) */
@media (max-width: 991px) {
    .why-us-pic {
        margin-bottom: 40px;
    }
    .why-us-features-grid {
        grid-template-columns: 1fr; /* Uma coluna só no celular */
    }
}

/* =================================================================
   CSS PARA A NOVA SEÇÃO DE BANNERS
   ================================================================= */

.banners-modernos-section {
    padding: 60px 0;
    background-color: #f8f9fa; /* Fundo neutro opcional */
}

.banners-grid {
    display: grid;
    /* Duas colunas de tamanho igual */
    grid-template-columns: repeat(2, 1fr);
    /* Espaçamento entre os banners */
    gap: 25px;
}

.banner-moderno-item {
    position: relative;
    display: block;
    overflow: hidden; /* Essencial para o efeito de zoom */
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
    height: 400px; /* Altura fixa para os banners */
}

.banner-moderno-item img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Cobre a área sem distorcer */
    transition: transform 0.4s ease;
}

/* Efeito de zoom na imagem ao passar o mouse */
.banner-moderno-item:hover img {
    transform: scale(1.05);
}

/* Camada escura sobre a imagem */
.banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0) 50%);
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* Alinha o texto na parte de baixo */
    padding: 30px;
    color: #fff;
    opacity: 0; /* Começa invisível */
    transition: opacity 0.4s ease;
}

/* Efeito que revela o texto ao passar o mouse */
.banner-moderno-item:hover .banner-overlay {
    opacity: 1;
}

.banner-overlay h3 {
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 5px 0;
    transform: translateY(20px); /* Efeito de subir */
    transition: transform 0.4s ease;
}

.banner-overlay .banner-cta {
    font-size: 16px;
    font-weight: 600;
    transform: translateY(20px); /* Efeito de subir */
    transition: transform 0.4s ease;
    transition-delay: 0.1s; /* Atraso para um efeito mais suave */
}

.banner-moderno-item:hover .banner-overlay h3,
.banner-moderno-item:hover .banner-overlay .banner-cta {
    transform: translateY(0);
}

/* Responsividade para celulares */
@media (max-width: 768px) {
    .banners-grid {
        grid-template-columns: 1fr; /* Uma coluna só */
    }
    .banner-moderno-item {
        height: 250px; /* Altura menor no celular */
    }
    .banner-overlay {
        opacity: 1; /* Overlay sempre visível no celular */
    }
    .banner-overlay h3,
    .banner-overlay .banner-cta {
        transform: translateY(0); /* Remove efeito de subir no celular */
    }
}

/* =================================================================
   CSS PARA A SEÇÃO DE EMPRESAS PARCEIRAS
   ================================================================= */

.partners-section {
    background-color: #fff; /* Fundo branco ou um cinza bem claro como #f8f9fa */
}

/* O título da seção já deve ser estilizado pelo seu tema, mas garantimos a margem */
.partners-section .section-title {
    text-align: center;
    margin-bottom: 40px;
}

.partners-section .section-title h4 {
    padding-left: 0; /* Remove a barrinha azul se não quiser */
}
.partners-section .section-title h4:after {
    display: none; /* Esconde a barrinha azul */
}

/* A grade que segura os logos */
.partners-grid {
    display: grid;
    /* 4 colunas em telas grandes */
    grid-template-columns: repeat(4, 1fr);
    gap: 25px; /* Espaçamento entre os logos */
}

/* O card de cada parceiro */
.partner-card {
    background: #fff;
    padding: 20px;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    min-height: 120px;
}

/* Efeito sutil ao passar o mouse */
.partner-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
    border-color: #ddd;
}

/* O logo em si */
.partner-card img {
    max-width: 100%;
    height: auto;
    max-height: 60px; /* Altura máxima para manter os logos uniformes */
    filter: grayscale(100%); /* Efeito: começa em preto e branco */
    opacity: 0.7;
    transition: all 0.3s ease;
}

/* Efeito no logo ao passar o mouse */
.partner-card:hover img {
    filter: grayscale(0%); /* Volta a ter cor */
    opacity: 1;
}

/* Responsividade para telas menores */
@media (max-width: 991px) {
    .partners-grid {
        /* 3 colunas em tablets */
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .partners-grid {
        /* 2 colunas em celulares */
        grid-template-columns: repeat(2, 1fr);
    }
}

/* =================================================================
   CSS CORRIGIDO PARA OS CARDS DOS CORRETORES
   ================================================================= */

/* O card do corretor */
.agent-card-modern {
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 12px;
    padding: 40px 20px;
    text-align: center;
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease;
    margin-bottom: 30px;
}

/* A foto do corretor */
.agent-card-modern .agent-photo img {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    margin-bottom: 20px;
    transition: all 0.4s ease;
}

/* Informações (Nome e Telefone) */
.agent-card-modern .agent-info h4 {
    font-size: 20px;
    font-weight: 700;
    color: #111;
    margin-bottom: 8px;
    transition: color 0.4s ease;
}
.agent-card-modern .agent-info p {
    font-size: 15px;
    color: #0166d0;
    font-weight: 600;
    margin: 0;
    /* Adicionamos a transição para o efeito de desaparecer */
    transition: all 0.3s ease;
    opacity: 1;
}
.agent-card-modern .agent-info p i {
    margin-right: 5px;
}

/* Ícones sociais que aparecem no hover */
.agent-card-modern .agent-social-hover {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0; /* Centraliza horizontalmente */
    margin: auto;
    opacity: 0; /* Começam invisíveis */
    transform: translateY(10px); /* Começam um pouco para baixo */
    transition: all 0.3s ease;
}
.agent-card-modern .agent-social-hover a {
    color: #fff;
    font-size: 18px;
    margin: 0 10px;
}

/* --- EFEITO HOVER CORRIGIDO --- */

.agent-card-modern:hover {
    background: #0166d0;
    color: #fff;
}

.agent-card-modern:hover .agent-info h4,
.agent-card-modern:hover .agent-info p {
    color: #fff;
}

/* A foto diminui um pouco para dar mais espaço */
.agent-card-modern:hover .agent-photo img {
    transform: scale(0.8);
    margin-bottom: 5px;
}

/* NOVA REGRA: Esconde o telefone no hover */
.agent-card-modern:hover .agent-info p {
    opacity: 0;
}

/* Mostra os ícones sociais no hover */
.agent-card-modern:hover .agent-social-hover {
    opacity: 1;
    transform: translateY(0); /* Move para a posição final */
}

/* ==========================================================
   CSS PARA A SEÇÃO DE CORRETORES MODERNIZADA
   ========================================================== */

.team-section-modern {
    background-color: #f8f9fa; /* Fundo cinza claro */
}
/* ==========================================================
   CSS PARA O BOTÃO "VER TODOS" DOS CORRETORES
   ========================================================== */

/* Estilo do botão no estado normal */
.team-section-modern .team-btn a {
    display: inline-block;
    padding: 12px 25px;
    border-radius: 6px; /* Cantos arredondados */
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.3s ease;

    /* Cores que você pediu: Fundo azul, texto branco */
    background-color: #0166d0;
    color: #fff;
    border: 1px solid #0166d0;
}

/* Efeito ao passar o mouse (hover) */
.team-section-modern .team-btn a:hover {
    /* Cores invertidas: Fundo branco, texto azul */
    background-color: #fff;
    color: #0166d0;
    border: 1px solid #0166d0;
}

/* O card do corretor */
.realtor-card {
    background: #ffffff;
    border-radius: 12px;
    padding: 30px;
    text-align: center;
    border: 1px solid #e9ecef;
    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease-in-out;
    position: relative;
    overflow: hidden; /* Importante para o efeito de hover */
}

/* A foto do corretor */
.realtor-pic {
    margin-bottom: 20px;
}
.realtor-pic img {
    width: 120px;
    height: 120px;
    border-radius: 50%; /* Foto circular */
    object-fit: cover;
    border: 4px solid #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    margin: 0 auto; /* Centraliza a imagem */
}

/* Informações de texto */
.realtor-info h5 {
    font-size: 20px;
    font-weight: 700;
    color: #111;
    margin-bottom: 8px;
}
.realtor-info span {
    font-size: 15px;
    color: #666;
}
.realtor-info span i {
    color: #25D366; /* Cor do WhatsApp */
    margin-right: 5px;
}

/* Ícones de redes sociais (escondidos por padrão) */
.realtor-social {
    position: absolute;
    bottom: -50px; /* Começa fora do card */
    left: 0;
    right: 0;
    padding: 15px;
    transition: all 0.4s ease-in-out;
}
.realtor-social a {
    display: inline-block;
    margin: 0 8px;
    color: #fff;
    font-size: 18px;
}

/* Efeito ao passar o mouse */
.realtor-card:hover {
    background: #0166d0; /* Fundo fica azul */
    transform: translateY(-5px);
}
.realtor-card:hover .realtor-info h5,
.realtor-card:hover .realtor-info span {
    color: #fff; /* Textos ficam brancos */
}
.realtor-card:hover .realtor-info span i {
    color: #fff; /* Ícone do WhatsApp fica branco */
}

.realtor-card:hover .realtor-social {
    bottom: 0; /* Ícones sociais sobem para dentro do card */
}

/* =================================================================
   CSS PARA A NOVA SEÇÃO DE CATEGORIAS
   ================================================================= */

.categories-section-modern {
    background: #fff;
}
.categories-section-modern .section-title {
    text-align: center;
    margin-bottom: 40px;
}
.categories-section-modern .section-title h4 {
    padding-left: 0;
}
.categories-section-modern .section-title h4:after {
    display: none; /* Remove a barrinha azul lateral para títulos centralizados */
}

/* =================================================================
   CSS CORRIGIDO PARA A GRADE DE CATEGORIAS (5 COLUNAS)
   ================================================================= */

/* A grade que segura os cards */
.category-grid {
    display: grid;
    gap: 25px; /* Espaçamento entre os cards */
    
    /* NOVA REGRA: Força a grade a ter sempre 5 colunas em telas grandes */
    grid-template-columns: repeat(5, 1fr);
}

/* Responsividade para garantir que não quebre em telas menores */
@media (max-width: 1200px) {
    .category-grid {
        /* 4 colunas em telas um pouco menores */
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 991px) {
    .category-grid {
        /* 3 colunas em tablets */
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .category-grid {
        /* 2 colunas em celulares */
        grid-template-columns: repeat(2, 1fr);
    }
}

/* O card de cada categoria */
.category-card {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    height: 350px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.07);
}

.category-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease-out;
}

/* Camada escura sobre a imagem */
.category-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0,0,0,0.8), transparent 40%);
    display: flex;
    align-items: flex-end; /* Alinha o texto na base */
    padding: 25px;
    transition: background 0.4s ease;
}

/* O texto sobre a imagem */
.category-text {
    color: #fff;
}
.category-text h5 {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 5px;
}
.category-text span {
    font-size: 14px;
    font-weight: 500;
    opacity: 0.8;
}

/* Efeitos ao passar o mouse */
.category-card:hover img {
    transform: scale(1.1); /* Efeito de zoom */
}
.category-card:hover .category-overlay {
    background: linear-gradient(to top, rgba(0, 53, 128, 0.8), transparent 50%);
}
/* =================================================================
   CSS PARA A NOVA SEÇÃO DE DEPOIMENTOS
   ================================================================= */

/* Cabeçalho da seção (título à esquerda, setas à direita) */
.section-header-modern {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

/* Card de depoimento */
.testimonial-card-modern {
    padding: 15px;
}

/* O balão com o texto do depoimento */
.testimonial-bubble {
    background: #fff;
    border: 1px solid #e9ecef;
    padding: 30px;
    border-radius: 8px;
    position: relative;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
}
/* O triângulo/seta do balão */
.testimonial-bubble::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 45px;
    width: 20px;
    height: 20px;
    background: #fff;
    border-bottom: 1px solid #e9ecef;
    border-right: 1px solid #e9ecef;
    transform: rotate(45deg);
}
.testimonial-bubble p {
    font-size: 15px;
    color: #333;
    line-height: 1.7;
    margin: 0;
    font-style: italic;
}

/* Informações do autor do depoimento */
.testimonial-author-info {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 25px;
    padding-left: 20px;
}
.author-photo img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
}
.author-details h5 {
    font-size: 16px;
    font-weight: 700;
    color: #111;
    margin: 0 0 2px 0;
}
.author-details span {
    font-size: 14px;
    color: #666;
}
.star-rating {
    margin-top: 4px;
    color: #ffb129; /* Cor das estrelas */
}
.star-rating i {
    font-size: 14px;
}

/* Estilos para o Widget de Imóveis Relacionados */
.sidebar-widget {
    margin-top: 40px;
}
.related-property-card {
    display: block;
    position: relative;
    height: 220px;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 20px;
    color: #fff;
    text-decoration: none;
}
.related-property-card:hover .related-card-bg {
    transform: scale(1.05);
}
.related-card-bg {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease;
}
.related-card-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
}
.related-card-overlay h5 {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin: 0;
}
.related-card-overlay span {
    color: #fff;
    opacity: 0.9;
    font-size: 14px;
}

/* ==========================================================
   CSS PARA A PAGINAÇÃO MODERNIZADA
   ========================================================== */

.paginacao-moderna {
    margin-top: 40px;
    display: flex;
    justify-content: center;
}
.paginacao-moderna .pagination {
    gap: 5px;
}
.paginacao-moderna .page-item .page-link {
    border-radius: 6px !important;
    border: 1px solid #e9ecef;
    color: #0166d0;
    font-weight: 600;
    padding: 10px 15px;
    box-shadow: none !important;
}
.paginacao-moderna .page-item.active .page-link {
    background-color: #0166d0;
    border-color: #0166d0;
    color: #fff;
}
.paginacao-moderna .page-item:not(.active) .page-link:hover {
    background-color: #f8f9fa;
}
.paginacao-moderna .page-item.disabled .page-link {
    color: #6c757d;
    background-color: #fff;
    border-color: #e9ecef;
}

/* ==========================================================
   CSS PARA O NOVO CABEÇALHO DE PÁGINA (BREADCRUMB)
   ========================================================== */

.page-header-modern {
    background-color: #f8f9fa; /* Um cinza bem claro e neutro */
    padding: 40px 0;
    border-bottom: 1px solid #e9ecef;
}

/* Título principal da página */
.page-title-modern {
    font-size: 36px;
    font-weight: 700;
    color: #111;
    margin-top: 10px;
}

/* Estilo do Breadcrumb */
.breadcrumb-modern {
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: transparent;
}

.breadcrumb-modern .breadcrumb-item {
    display: inline;
    font-size: 14px;
}

.breadcrumb-modern .breadcrumb-item a {
    color: #0166d0; /* Sua cor principal */
    text-decoration: none;
    font-weight: 500;
}
.breadcrumb-modern .breadcrumb-item a:hover {
    text-decoration: underline;
}

.breadcrumb-modern .breadcrumb-item.active {
    color: #6c757d; /* Cor para o item ativo (página atual) */
}

/* Adiciona a barrinha "/" entre os itens */
.breadcrumb-modern .breadcrumb-item + .breadcrumb-item::before {
    content: "/";
    display: inline-block;
    padding: 0 0.5rem;
    color: #6c757d;
}
/* ==========================================================
   CSS PARA A SEÇÃO "SOBRE" MODERNIZADA
   (Reutilizando o estilo da seção 'Why Us')
   ========================================================== */

/* Imagem da esquerda */
.about-pic-modern img {
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    width: 100%;
}

/* Textos da direita */
.about-text-modern .section-title {
    margin-bottom: 20px;
}
.about-text-modern .about-description {
    font-size: 16px;
    line-height: 1.7;
    color: #666;
    margin-bottom: 30px;
}

/* Grade de diferenciais */
.why-us-features-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

/* Cada item da grade */
.why-us-feature-item {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

/* A caixa do ícone */
.icon-box {
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    background-color: #e9f0ff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.icon-box i {
    font-size: 24px;
    color: #0166d0;
}

/* A caixa de texto ao lado do ícone */
.text-box h5 {
    font-size: 18px;
    font-weight: 700;
    color: #111;
    margin-bottom: 8px;
}
.text-box p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin: 0;
}

/* Ajustes para telas menores */
@media (max-width: 991px) {
    .about-pic-modern {
        margin-bottom: 40px;
    }
    .why-us-features-grid {
        grid-template-columns: 1fr;
    }
}

/* =================================================================
   CSS PARA O NOVO HERO SLIDER
   ================================================================= */

/* Garante que o conteúdo do slide fique centralizado */
.hs-item .container,
.hs-item .row,
.hs-item .col-lg-12 {
    height: 100%;
}
.hero-slide-content {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* A caixa de informações branca */
.hero-info-box {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(5px);
    border-radius: 12px;
    padding: 30px 40px;
    max-width: 650px;
    width: 100%;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.hero-info-box h2 {
    font-size: 28px;
    font-weight: 700;
    color: #111;
    margin-bottom: 5px;
}

.hero-info-box p.location {
    font-size: 16px;
    color: #666;
    margin-bottom: 20px;
}
.hero-info-box p.location i {
    color: #0166d0;
}

.price-status-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 15px 0;
    margin-bottom: 20px;
}

.price-status-container .price {
    font-size: 24px;
    font-weight: 700;
    color: #0166d0;
}
.price-status-container .price span {
    font-size: 14px;
    color: #666;
    font-weight: 400;
}

.status-tag {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 6px 12px;
    border-radius: 20px;
    color: #fff;
}
.status-tag.status-para-venda { background-color: #D41800; }
.status-tag.status-para-aluguél { background-color: #0166d0; }

/* Grid para as características (Área, Quartos, etc.) */
.specs-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 colunas */
    gap: 15px;
    margin-bottom: 25px;
    text-align: left;
}

.spec-item {
    display: flex;
    align-items: center;
    font-size: 15px;
    color: #333;
}
.spec-item i {
    color: #888;
    margin-right: 10px;
    width: 20px;
    text-align: center;
}

/* Botão de Ação */
.hero-btn {
    display: inline-block;
    background: #0166d0;
    color: #fff;
    padding: 12px 30px;
    border-radius: 6px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}
.hero-btn:hover {
    background: #0c1536;
    color: #fff;
}

/* Responsividade para o box em telas menores */
@media (max-width: 768px) {
    .hero-info-box {
        padding: 20px;
    }
    .hero-info-box h2 {
        font-size: 22px;
    }
    .price-status-container {
        flex-direction: column;
        gap: 10px;
    }
}
/* ==========================================================
   CSS PARA OS NOVOS BOTÕES DE FILTRO DE IMÓVEIS
   ========================================================== */

/* ==========================================================
   CSS APRIMORADO PARA OS BOTÕES DE FILTRO
   ========================================================== */

/* Remove o estilo antigo da lista e o separador "|" */
.property-controls ul li {
    list-style: none;
    margin-right: 0;
}
.property-controls ul li::after {
    display: none;
}

/* Organiza os botões com espaçamento */
.property-controls ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

/* Estilo do botão (estado normal) */
.property-controls ul li a {
    display: block;
    padding: 8px 18px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    font-weight: 600;
    font-size: 14px;
    color: #666; /* Cor do texto normal */
    background-color: transparent; /* Fundo transparente/branco */
    text-decoration: none;
    transition: all 0.3s ease;
}

/* Estilo para quando o mouse passa por cima ou o botão está ativo */
.property-controls ul li.active a,
.property-controls ul li a:hover {
    background-color: #fff; /* Fundo continua branco */
    color: #0166d0;       /* Texto fica azul */
    border-color: #0166d0; /* Borda fica azul */
    box-shadow: 0 2px 8px rgba(0,0,0,0.07); /* Adiciona uma sombra sutil */
}