:root {
  --color-principal: #0c32fe;
}

.btn-theme {
  color: #fff;
  background: var(--color-principal);
  border: solid 1px var(--color-principal);
}

.btn-theme:hover {
  color: #fff;
  background: #2a41e2;
  border: solid 1px #2a41e2;
}

.btn-4 {
  background: var(--color-principal);
}

.modal-right-content h3 {
  color: var(--color-principal);
}

.btn-4:after {
  background: #2a41e2;
}

.btn-5 {
  color: var(--color-principal);
}

.services-info:hover h3 a {
  color: var(--color-principal);
}

.btn-5:after {
  background: var(--color-principal);
}

.services-info:hover h3 a:hover {
  color: var(--color-principal);
}

.main-header .sb2 a {
  color: var(--color-principal) !important;
}

.get-in-touch .media:hover i {
  color: var(--color-principal);
}

.sidebar-navigation .active {
  color: var(--color-principal);
}

.sidebar-navigation ul li a:hover {
  color: var(--color-principal);
}

#dismiss {
  color: var(--color-principal);
}

.banner .plan-price {
  color: var(--color-principal);
}

.tag-2:after {
  border-left: 8px solid var(--color-principal);
}

.property-box-4 h4 {
  color: var(--color-principal);
}

.tag-2 {
  background: var(--color-principal);
}

.contact-3 .contact-info .ci-box .icon i {
  color: var(--color-principal);
}

.plan-price {
  color: var(--color-principal);
}

.contact-2 .contact-info i {
  color: var(--color-principal);
}

#search-area-5 {
  background: var(--color-principal);
}

.main-header .bg-active {
  background: var(--color-principal) !important;
}

.main-header .navbar-expand-lg .navbar-nav .submit-btn {
  background: var(--color-principal);
}

.main-header .signup-link:hover {
  background: #2a41e2;
}

.main-header .navbar-expand-lg .navbar-nav .submit-btn:hover {
  background: #2a41e2;
}

.btn-white:hover {
  color: #fff;
  background: var(--color-principal);
}

.sticky-header .sb2 a:hover {
  background: var(--color-principal) !important;
  color: #fff !important;
}

.blog-1 .detail .blog-footer a {
  color: var(--color-principal);
}

.read-more {
  color: var(--color-principal);
}

.rating-area .average-rating {
  background: var(--color-principal);
}

.border-thn {
  color: var(--color-principal);
  border: solid 2px var(--color-principal);
}

.border-thn:hover {
  color: #fff;
  border: solid 2px var(--color-principal);
  background: var(--color-principal);
}

.comment .comment-meta-reply a {
  color: var(--color-principal);
}

blockquote footer {
  color: var(--color-principal);
}

.tab-box .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background: var(--color-principal);
}

.btn-secton .carousel-indicators .active {
  background-color: var(--color-principal);
}

.btn-white {
  color: var(--color-principal);
}

.top-header-bg {
  background: var(--color-principal);
}

.form-inline a:hover {
  color: var(--color-principal);
}

.modal-right-content .ratings-box {
  background: var(--color-principal);
}

.property-modal .modal-header .close,
.property-modal .modal-header .close:focus {
  background: var(--color-principal);
}

#full-page-search .close {
  background: var(--color-principal);
}

.show-more-options,
.show-more-options:hover {
  color: var(--color-principal) !important;
}

.overview .btn-border:hover {
  border: solid 2px #2a41e2;
  background: #2a41e2;
}

.categories ul li a:hover {
  color: var(--color-principal);
}

.checkbox-theme input[type="checkbox"]:checked + label::before {
  background-color: var(--color-principal);
  border-color: var(--color-principal);
  color: #fff;
}

.manage-table .action ul li a:hover {
  color: var(--color-principal);
}

.manage-table .title-container h6 span {
  color: var(--color-principal);
}

.tabbing-box .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  background-color: var(--color-principal);
}

.tabbing-box .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link:hover {
  background-color: var(--color-principal);
}

#page_scroller {
  background: var(--color-principal);
}

.setting-button {
  color: var(--color-principal);
}

.slick-slider-area .slick-arrow-buton {
  color: var(--color-principal);
}

.slick-slider-area .slick-arrow-buton:hover {
  background: var(--color-principal);
  color: #fff;
}

.overview .btn-border {
  color: var(--color-principal);
}

.p-r h3 {
  color: var(--color-principal);
}

.heading-properties-2 ul li i {
  color: var(--color-principal);
}

.heading-properties-2 h1 span {
  color: var(--color-principal);
}

.services-info-4 .read-more {
  color: var(--color-principal);
}

.overview .btn-border:hover {
  border: solid 2px #2a41e2;
  background: #2a41e2;
}

.btn-white-sm-outline:hover {
  background: #2a41e2;
  border: solid 1px #2a41e2;
}

.btn-white-lg-outline:hover {
  background: #2a41e2;
  border: solid 2px #2a41e2;
}

.btn-color {
  background: var(--color-principal);
  border-color: var(--color-principal);
}

.btn-color:hover {
  background: #2a41e2;
  border-color: #2a41e2;
}

.btn-color:not([disabled]):not(.disabled).active,
.btn-color:not([disabled]):not(.disabled):active,
.show > .btn-color.dropdown-toggle {
  color: #fff;
  background-color: #2a41e2;
  border-color: #2a41e2;
  box-shadow: none;
}

.btn-theme-sm-outline {
  color: #2a41e2 !important;
  border: solid 2px #2a41e2;
}

.btn-theme-sm-outline:hover {
  background: #2a41e2;
  border: solid 2px #2a41e2;
}

.btn-border {
  color: var(--color-principal);
  border: solid 1px var(--color-principal);
}

.btn-border:not([disabled]):not(.disabled).active,
.btn-border:not([disabled]):not(.disabled):active,
.show > .btn-border.dropdown-toggle {
  color: #fff;
  background-color: var(--color-principal);
  border-color: var(--color-principal);
  box-shadow: none;
}

.leaflet-container a {
  color: var(--color-principal);
}

.btn-border:hover {
  color: #fff;
  border: solid 1px #2a41e2;
  background: #2a41e2;
}

.megamenu-area .dropdown-item:hover {
  color: var(--color-principal);
}

.main-header .navbar-expand-lg .navbar-nav .active .nav-link {
  color: var(--color-principal) !important;
}

.main-header .navbar-expand-lg .navbar-nav .nav-link:hover {
  color: var(--color-principal) !important;
}

.main-header .dropdown-menu a:hover {
  background: transparent;
  color: var(--color-principal);
}

.sub-banner .breadcrumbs li a:hover {
  color: var(--color-principal);
}

.sub-banner-2 .breadcrumbs li a:hover {
  color: var(--color-principal);
}

.option-bar .heading-icon {
  background: var(--color-principal);
}

.option-bar .heading-icon .icon-design {
  color: var(--color-principal);
}

.change-view-btn {
  color: var(--color-principal);
  border: solid 1px var(--color-principal);
}

.active-view-btn {
  background: var(--color-principal);
  border: solid 1px var(--color-principal);
}

.change-view-btn:hover {
  border: solid 1px var(--color-principal);
  background: var(--color-principal);
}

.overlay-link:hover {
  background: var(--color-principal);
  border: 2px solid var(--color-principal);
}

.property-box .detail .title a {
  color: var(--color-principal);
}

.property-box-3 h5 span {
  color: var(--color-principal);
}

.property-box-2:hover a {
  color: var(--color-principal);
}

.property-box-2:hover i {
  color: var(--color-principal);
}

.property-box-5 .detail .title a {
  color: var(--color-principal);
}

.property-box-2:hover .tag-for {
  color: #fff;
}

.agent-1 .inner-buttom {
  background: var(--color-principal);
}

.agent-5::before {
  background: var(--color-principal);
}

.agent-5 .detail p {
  color: var(--color-principal);
}

.services-info-3 i {
  color: var(--color-principal);
}

.inner::before {
  background: var(--color-principal);
}

.attachments a:hover {
  color: var(--color-principal);
}

.user-profile-box .detail ul li .active {
  background: var(--color-principal);
}

.user-profile-box .detail ul li a:hover {
  background: var(--color-principal);
  color: #fff;
}

.blog-3 .detail .blog-footer a {
  color: var(--color-principal);
}

.services-info-5 .icon i {
  color: var(--color-principal);
}

.blog-5:hover .date-box {
  color: var(--color-principal);
}

.blog-5:hover .date-box span {
  color: var(--color-principal);
}

.blog-5:hover .date-box::after {
  border-right: 10px solid #fff;
}

.blog-5 .blog-image::before {
  background: var(--color-principal);
}

.blog-5 .blog-image::after {
  background: var(--color-principal);
}

.blog-5 .date-box {
  background: var(--color-principal);
}

.blog-5 .date-box::after {
  border-right: 10px solid var(--color-principal);
}

.services-info-5 .detail h5 {
  color: var(--color-principal);
}

.rating-area .rating-width {
  background: var(--color-principal);
}

.about-us .carousel-indicators .active {
  background: var(--color-principal);
}

.pricing-tables.tab-box .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--color-principal) !important;
}

.pricing .btn-outline {
  border: solid 1px var(--color-principal);
  color: var(--color-principal);
}

.pricing .btn-outline:hover {
  border: solid 1px var(--color-principal);
  background: var(--color-principal);
}

.pricing .button-theme {
  background: var(--color-principal);
}

.pricing-2:hover .pricing-button .theme-btn {
  color: var(--color-principal);
}

.pricing-2.active {
  background: var(--color-principal);
}

.pricing-2:hover {
  background: var(--color-principal);
}

.pricing-2:hover {
  background: var(--color-principal);
}

.pricing-2.active .pricing-button .theme-btn {
  color: var(--color-principal);
}

.pricing-2 .pricing-button .theme-btn {
  background: var(--color-principal);
}

.pricing .price-heading .price .dolar.active {
  color: var(--color-principal);
}

.contact-section .form-section .checkbox-theme input[type="checkbox"]:checked + label::before {
  background: var(--color-principal);
  border-color: var(--color-principal);
}

.shop-box .shop-theme::before {
  background: var(--color-principal);
}

.shop-box .shop-theme::after {
  background: var(--color-principal);
}

.blog-5:hover .post-meta span i {
  color: var(--color-principal);
}

.blog-1 .date h2 {
  color: var(--color-principal);
}

.blog-1:hover .date {
  background: var(--color-principal);
}

.blog-2 .title::before {
  background: var(--color-principal);
}

.blog-2 .title a:hover {
  color: var(--color-principal);
}

.blog-3 .date-box::after {
  border-left: 15px solid var(--color-principal);
}

.blog-1 .read-more-btn:hover {
  background: var(--color-principal);
  color: #fff;
}

.btn-2 {
  background: var(--color-principal);
  border: solid 2px var(--color-principal);
}

.btn-2:hover {
  color: #5950f7;
  border: solid 2px var(--color-principal);
}

.btn-2:before {
  background: var(--color-principal);
}

.btn-3 {
  color: var(--color-principal);
  border: 2px solid var(--color-principal) f;
}

.btn-3:before {
  background: var(--color-principal);
  border-color: var(--color-principal);
}

.btn-3 span {
  color: var(--color-principal);
}

.testimonial-3 .testimonial-info .carousel-indicators .active {
  background: var(--color-principal);
}

.most-popular-box-1 .info h3 a {
  color: var(--color-principal);
}

.services-info-3 i {
  color: var(--color-principal);
}

.services-info-3.df-box:before {
  background: var(--color-principal);
}

.btn-1:before {
  background-color: var(--color-principal);
}

.services-info-3:hover h5 a {
  color: var(--color-principal);
}

.services-info-2 .inner-top i {
  color: var(--color-principal);
}

.service-info-6 .icon {
  color: var(--color-principal);
}

.service-info-6:hover .icon {
  background: var(--color-principal);
}

.services-info-2 .inner-top h4 a {
  color: var(--color-principal);
}

.services-info .icon i {
  color: var(--color-principal);
}

.services-info:before {
  background: var(--color-principal);
}

.services-info:after {
  background: var(--color-principal);
}

.testimonial-5 .testimonial-info .user-section:before {
  background: var(--color-principal);
}

.testimonial-5 .testimonial-info .icon {
  background: var(--color-principal);
}

.faq-accordion .card-header:before {
  color: var(--color-principal);
}

.property-box-6 ul li i {
  color: var(--color-principal);
}

.blog-4 .blog-footer a {
  color: var(--color-principal);
}

.blog-4 h3 a {
  color: var(--color-principal);
}

.intro-section .intro-section-inner {
  background: var(--color-principal);
}

.intro-section {
  background: var(--color-principal);
}

.intro-section .btn-white2:hover {
  color: var(--color-principal);
}

.property-box-6 h3 a {
  color: var(--color-principal);
}

.modal-left-content .control {
  background: var(--color-principal);
}

.modal-right-content .price {
  color: var(--color-principal);
}

.slick-dots li.slick-active {
  box-shadow: inset 0 0 0 6px var(--color-principal);
}

.slick-dots li:after {
  background-color: var(--color-principal);
}

.testimonial .carousel-indicators .active {
  background-color: var(--color-principal);
}

.carousel-indicators .active {
  background-color: var(--color-principal);
}

.pricing.featured .listing-badges .featured {
  background: var(--color-principal);
}

.pricing-3 .featured {
  color: var(--color-principal);
}

.pages-404 .pages-404-inner h5 {
  color: var(--color-principal);
}

.about-us .about-info .counters h1 {
  color: var(--color-principal);
}

.blog-1 .date-box {
  background: var(--color-principal);
}

.pagination > li > .active {
  background: var(--color-principal);
}

.pagination > li > a {
  color: var(--color-principal);
}

.pagination > li > a:hover {
  background: var(--color-principal);
  color: #fff;
}

.tags ul li a:hover {
  border: solid 1px var(--color-principal);
  background: var(--color-principal);
}

.latest-tweet p a {
  color: var(--color-principal);
}

.shop-box .shop-details h4 {
  color: var(--color-principal);
}

.form-check a {
  color: var(--color-principal);
}

.form-check a:hover {
  color: #2a41e2;
}

.property-box-7:hover .tag-2 {
  color: var(--color-principal);
}

.property-box-8:hover .tag-for {
  color: var(--color-principal);
}

.overlay-link {
  color: var(--color-principal) !important;
}

.overlay-link:hover {
  background: var(--color-principal);
}

.property-box-7 .detail .title a {
  color: var(--color-principal);
}

.property-box:hover .listing-badges .featured {
  color: var(--color-principal);
}

.property-box:hover .tag-for {
  color: var(--color-principal);
}

.property-box:hover .plan-price {
  color: #fff;
}

.property-box-5:hover .tag-for {
  color: var(--color-principal);
}

.property-box-5:hover .featured {
  color: var(--color-principal);
}

.contact-section .login-inner-form .footer span a:hover {
  color: var(--color-principal);
}

.contact-section .login-inner-form .checkbox a:hover {
  color: var(--color-principal);
}

.listing-badges .featured {
  background: var(--color-principal);
}

.property-box-7 .footer ul li a:hover {
  color: var(--color-principal);
}

.off-canvas-header a {
  background: var(--color-principal);
}

.about-text ul li i {
  color: var(--color-principal);
}

.amenities-box li i {
  color: var(--color-principal);
}

.search-area-3::before {
  background: var(--color-principal);
}

.features-opions ul li i {
  color: var(--color-principal);
}

.helping-center i {
  color: var(--color-principal);
}

.filteriz-navigation li:hover {
  color: var(--color-principal);
}

li.active.btn.filtr-button.filtr {
  color: var(--color-principal);
}

.view-all ul li a:hover {
  background: var(--color-principal);
}

.brand-box-2 h5 a {
  color: var(--color-principal);
}

.min-value {
  color: var(--color-principal);
}

.max-value {
  color: var(--color-principal);
}

.range-slider .ui-slider .ui-slider-handle {
  background: var(--color-principal);
}

.range-slider .ui-slider .ui-slider-handle {
  border: 2px solid var(--color-principal);
}

.range-slider .ui-widget-header {
  background-color: var(--color-principal);
}

.map-marker:hover {
  background-color: var(--color-principal);
  cursor: pointer;
}
.map-marker:hover:before {
  border-color: var(--color-principal) transparent transparent transparent;
}

.map-marker.featured:hover {
  background-color: var(--color-principal);
}

.map-marker.featured:hover:before {
  border-color: var(--color-principal) transparent transparent transparent;
}

.map-marker .icon {
  border: 3px solid var(--color-principal);
}

.marker-active .map-marker {
  background-color: var(--color-principal);
}
.marker-active .map-marker:before {
  border-color: var(--color-principal) transparent transparent transparent;
}

.map-properties .address i {
  color: var(--color-principal);
}

.map-properties-btns .border-button-theme {
  color: var(--color-principal) !important;
}

.map-properties-btns .border-button-theme:hover {
  color: #fff !important;
}
.map-properties .map-content h4 a {
  color: var(--color-principal);
}

.map-properties .map-properties-fetures span i {
  color: var(--color-principal);
}

.dropzone-design:hover {
  border: 2px dashed var(--color-principal);
}

.faq-accordion .card-header a:before {
  color: var(--color-principal);
}
.property-box-7 .property-thumbnail a {
  display: flex;
  height: 240px;
}
.property-box-7 .property-thumbnail a img {
  object-fit: cover;
}

.agent-4 .photo {
  height: 250px;
  overflow: hidden;
}

.agent-4 .photo img {
  /*object-fit: cover;*/
}

/** MEDIA **/
@media (max-width: 992px) {
  .main-header .navbar-expand-lg .navbar-nav .active .nav-link {
    color: var(--color-principal) !important;
  }

  .main-header .navbar-expand-lg .navbar-nav .nav-link:hover {
    color: var(--color-principal) !important;
  }

  .navbar-light .navbar-toggler {
    background: var(--color-principal);
    color: #fff;
  }

  .open-offcanvas:hover {
    color: var(--color-principal);
    background: #f9f9f9;
  }

  .main-header .sb2 a {
    background: var(--color-principal) !important;
    color: #fff !important;
  }

  .main-header .sb2 a:hover {
    background: #2a41e2 !important;
  }
}

@media (min-width: 991px) {
  .sticky-header .navbar-expand-lg .navbar-nav .active .nav-link {
    color: #0c32fe !important;
  }

  .sticky-header .navbar-expand-lg .navbar-nav .nav-link:hover {
    color: #fff !important;
    opacity: 0.8;
  }

  .header-shrink .navbar-expand-lg .navbar-nav .active .nav-link {
    /*color: #515151 !important;*/
  }

  .header-shrink .navbar-expand-lg .navbar-nav .nav-link:hover {
    /*color: #000 !important;*/
  }

  .header-shrink .btn-white-sm-outline {
    color: var(--color-principal);
    border: solid 2px var(--color-principal);
  }

  .header-shrink .sb2 a {
    background: var(--color-principal) !important;
    color: #fff !important;
  }

  .header-shrink .sb2 a:hover {
    background: #2a41e2 !important;
  }
}