:root{
    --primary-clr:#D1AB52;
    --secondary-clr:#002A41;
    --gray-clr:#838383;
    --dark-clr:#333333;
    --black-clr:#000000;
    --white-clr:#ffffff;
}


/*   Bacgkround Color   */
.inner-pages.homepage-4 #navigation.style-1 ul li:hover,
.inner-pages .headings-2 span.category-tag,
.schedule .theme-btn, .theme-btn:focus, .theme-btn:hover, .theme-btn:active,
.agent-contact-form-sidebar .multiple-send-message,
.inner-pages.homepage-4 .first-footer .navigation h3::after,
.inner-pages.homepage-4 .first-footer .widget h3::after,
.inner-pages.homepage-4 .first-footer .newsletters h3::after,
.inner-pages.homepage-4 .first-footer .bloq-email .email input[type="submit"],
.inner-pages.homepage-4 .go-up,
.go-up,
.listing-details-sliders .right,
.inner-pages .blog .homes-content h5::after, 
.inner-pages .blog .blog-info.details h5::after, 
.inner-pages .blog .property-location h5::after, 
.inner-pages .blog .team.assigned h5::after, 
.inner-pages .carousel h5:after, 
.wprt-image-video.w50.pro h5:after, 
.similar-property h5:after, 
.ag-de .blog-section h5:after,
.homepage-4 .homes-tag.featured,
.listing-details-sliders .left,
.inner-pages.hp-6.full .btn.btn-yellow,
.inner-pages .checkboxes input[type=checkbox]:checked+label:before,
#navigation.style-1 ul li:hover,
.header-image .left .btn-white,
.home18 .sec-title h2 span::before,
.slick-dots li:after,
.inner-pages .blog .hvr-bounce-to-right,
.owl-dot.active,
.leaflet-div-icon, .map-marker,
.inner-pages .contact-us .btn,
.inner-pages .about-us .box.bg-2 .button:hover,
.inner-pages .widget h5::after,
.ui-elements .accordion-1 .active .title,
.first-footer .navigation h3::after,
.first-footer .widget h3::after,
.first-footer .newsletters h3::after,
.inner-pages .port-info .btn{
    background-color: var(--primary-clr)!important;
}
.homepage-4 .btn{
    background:var(--primary-clr)!important;
    border:none;
}
.homepage-4 .btn:hover, 
.homepage-4 .popular-places .listing-badges .featured,
.agent-contact-form-sidebar .multiple-send-message:hover,
.inner-pages.hp-6.full .btn.btn-yellow:hover,
.inner-pages .range-slider .ui-widget-header,
.parallax-searchs .form-group .list li:hover,
.nice-select .option:hover,
.slick-prev.slick-disabled:hover, 
.slick-next.slick-disabled:hover,
.slick-prev:hover, 
.slick-next:hover,
.homepage-4 .portfolio .homes-tag.sale,
.inner-pages .blog .hvr-bounce-to-right:hover,
.agents #header,
.second-footer,
#header.cloned,
.mm-menu,
.button--moema:hover,
.inner-pages .about-us.fh .popup-youtube,
.first-footer .top-footer,
.inner-pages .port-info .btn:hover,
.main-search-field .hvr-bounce-to-right:hover{
    background-color: var(--secondary-clr)!important;
}

.inner-pages section.about-us,
.inner-pages .about-us .who-1,
.inner-pages .about-us .who-1 p,
.inner-pages .about-us .box.bg-2,
section.testimonials,
.testimonials .owl-carousel .test-1,
section.how-it-works{
    background-color: transparent!important;
}

.inner-pages .about-us.fh .box .button,
.inner-pages .contact-us .btn:hover{
    background-color: var(--white-clr)!important;
}

/*   Color   */
.inner-pages .blog .homes-content h5::after, 
.inner-pages .blog .blog-info.details h5::after, 
.inner-pages .blog .property-location h5::after, 
.inner-pages .blog .team.assigned h5::after, 
.inner-pages .carousel h5:after, 
.wprt-image-video.w50.pro h5:after, 
.similar-property h5:after, 
.ag-de .blog-section h5:after,
.property .popup-youtube,
.inner-pages .headings-2 .listing-title-bar h4,
.widget-boxed-header h4 .fa,
.inner-pages.hp-6.full .parallax-searchs .form-group .nice-select:hover, 
.inner-pages.hp-6.full .dropdown-filter span::after, 
.inner-pages.hp-6.full .btn.btn-yellow:hover,
.home18 .sec-title h2,
.slick-dots li,
.portfolio .homes-content .homes-list li i,
.header-user-menu .lang-wrap ul li:hover a,
.inner-pages .headings h2 a:hover,
.inner-pages .about-us .who-1 h2 span,
.inner-pages .about-us.fh .popup-youtube,
.inner-pages.about .sec-title h2 span,
.counterup .countr .fa,
.inner-pages.about .starts .fa,
.testimonials .test-1 p::before,
.inner-pages .blog-section .news-link,
.inner-pages .blog-section .news-item a:hover h3,
.portfolio .homes-content h3 a:hover,
.testimonials .test-1 p::after,
.sidebar .sidebar-widget .author__contact li a:hover{
    color: var(--primary-clr) !important;;
}

.sidebar-widget .author__contact li span i,
.portfolio .homes-content .homes-address .fa-map-marker,
.testimonials .test-1 h3,
.inner-pages .contact-us .btn:hover{
    color: var(--secondary-clr) !important;;
}

.inner-pages.hp-6.full .btn.btn-yellow:hover,
#navigation ul a,
.hd-white .show-lang,
.hd-white .show-lang .fa-caret-down.arrlan,
#header.cloned.sticky .show-lang span .fa-globe-americas,
#header.cloned.sticky .show-lang span strong,
#navigation.style-1 ul a,
#header.cloned.sticky .fa-caret-down:before,
.counterup .countr p,
.counterup .count-me h3,
#navigation.style-1 .submenu a:hover,
.main-search-field .hvr-bounce-to-right:hover{
    color:var(--white-clr)!important;
}

/*   Border Color   */
.inner-pages .range-slider .ui-slider .ui-slider-handle,
.inner-pages .contact-us .btn:hover,
.agent-contact-form-sidebar .multiple-send-message:hover{
    border-color:var(--secondary-clr)!important;
}

.bg-2 .button,
.leaflet-div-icon, .map-marker,
.inner-pages .contact-us .btn,
.inner-pages .port-info .btn{
    border-color:var(--primary-clr)!important;
}

.leaflet-div-icon:before, .map-marker:before{
    border-top-color:var(--primary-clr)!important;
}
#form_submit{
    border: none !important;;
}
/*   Shadow   */
.slick-dots li,
.slick-dots li.slick-activ{
    -webkit-box-shadow: inset 0 0 0 2px var(--primary-clr)!important;
    box-shadow: inset 0 0 0 2px var(--primary-clr)!important;
}


/*   Temp   */
/* .top-footer{
    display: none!important;
} */