body #MainContainer { 
/*background-color:#F4F2ED!important;*/
background-color:#FEFAF2!important;
} 

.mx-container{
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}

.bg-pattern{
	background-position:bottom!important;
}

#ContentPlaceHolder1_UP_ContactUs, #ContentPlaceHolder1_UP_Home{
	padding-bottom:0!important;
	margin-bottom:0!important;
}

.avatar img, .UC501-agent-profilepicture, .MacyCard .avatar{
	border:5px solid #BC8412!important;
}

.img-thumbnail{
	border:1px solid #BC8412!important;
	background-color:#BC8412!important
}

.section-agents{
	background-image: url(https://drive.propcon.co.za/agency/b35b49dd088d255058a17fdec308837e/branch/19f0248712b1e1b5176ed9f52af6b5da/Images/News-flash-bg-img.webp);
}

/*NAVBAR STYLES*/

@media(min-width:767px){
         header{
        margin-top:80px;
    	}
    }

.home-search-pill:hover{
        opacity:1!important;
}

@media(max-width:768px){
	 .navbar-brand .logo-block img{
	max-height:65px!important;
}
 header{
        margin-top:70px;
    	}
}

.md-form.md-outline input[type=date], .md-form.md-outline input[type=datetime-local], .md-form.md-outline input[type=email], .md-form.md-outline input[type=number], .md-form.md-outline input[type=password], .md-form.md-outline input[type=search-md], .md-form.md-outline input[type=search], .md-form.md-outline input[type=tel], .md-form.md-outline input[type=text], .md-form.md-outline input[type=time], .md-form.md-outline input[type=url], .md-form.md-outline textarea.md-textarea {
    transition: all .3s;
    outline: 0;
    box-shadow: none;
    border: 1px solid #dadce0;
    border-radius: 4px;
    background-color: #faf9f6!important;
}

@media(min-width:767px){
header{
margin-top:80px;
}
.navbar.nc-transparent .navbar-brand .logo-block{
max-width:175px; 
max-height:175px; 
transition: all linear .2s;
}
.navbar.nc-transparent .navbar-brand .logo-block img{
	height:auto!important;
	max-height:175px!important;
}

}

.navbar.nc-transparent.top-nav-collapse .navbar-brand .logo-block{
padding-top:0!important;
padding-bottom:0!important;

}
.navbar.nc-transparent.top-nav-collapse .navbar-brand .logo-block img{
	max-height:80px!important;
}
.nc-transparent:not(.top-nav-collapse) {
background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%) !important;
}

.nc-transparent:not(.top-nav-collapse) .navbar-brand .logo-block img {
    content: url(https://drive.propcon.co.za/agency/b35b49dd088d255058a17fdec308837e/branch/19f0248712b1e1b5176ed9f52af6b5da/Images/logo-colored-big.webp);
}

/*NAVBAR STYLES END*/

/*SEARCHBAR STYLES*/

 #UC100_btnSearch {
    background: #4A5C67 !important;
    background-image: none !important;
    
}
   .UC100_Container .category-token.active {
    color: white;
    box-shadow: 0 2px 5px rgba(0, 123, 255, 0.3);
    border: 2px solid #4A5C67 !important;
}
    .UC100_Container .UC100-tab.active {
    color: #4A5C67;
    transition: all 0.2s ease;
}
   .UC100_Container .stars i {
    font-size: 1.85rem;
    color: #4A5C67 !important;
    background: none !important;
    -webkit-background-clip: initial !important;
    -webkit-text-fill-color: initial !important;
    filter: none !important;
}
    .UC100_Container .UC100-tab.active {
    color: #4A5C67 !important;
    transition: all 0.2s ease;
}
    .UC100_Container .UC100-tab.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0%;
    right: 0%;
    height: 3px;
    background: linear-gradient(to right, #4A5C67, #41515C) !important;
    border-radius: 9999px;
    transition: all 0.2s ease;
}
    .UC100_Container .search-bar::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 9999px;
    padding: 3px;
    background: conic-gradient(
        from var(--angle),
        transparent 0deg 300deg,
        #4A5C67 320deg,
        #41515C 340deg,
        transparent 360deg
    )!important;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0)!important;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    animation: rotateBorder 4s linear infinite;
    z-index: -1;
}

/*SEARCHBAR STYLES END*/

/*FONT STYLES*/

.UC501-agent-fullname {
	color:#061C41!important
}

.UC501-agent-jobtitle{
	color:#061C41!important
}

.divider{
	width:80px;
	height:4px;
	background-color: #BC8412;
}

h1, .h1-responsive, h2, .h2-responsive, h3, .h3-responsive, h4, .h4-responsive, h5, .h5-responsive, .special-text, .sub-heading, .sub-heading-2{
    font-family: Montserrat !important;
	font-weight:normal!important;
}

.UC501-agent-fullname{
letter-spacing:1px!important;
}

/*FONT STYLES END*/

/*BUTTON STYLE*/

a.btn, div.btn, span.btn, div.chip, a.search-hover{
    position: relative;
    overflow: hidden;
}

a.search-hover{
    display:inline-block; /* IMPORTANT */
}

/* hover background */
a.btn:hover, div.btn:hover, span.btn:hover, div.chip:hover, a.search-hover:hover{
    color: #fff!important;
background-color: #BC8412!important;
	box-shadow:inset 0 0 0 1000px rgb(0 0 0 / 20%)
}

/* shimmer layer */
a.btn::after, div.btn::after, span.btn::after, div.chip::after, a.search-hover::after{
    content:"";
    position:absolute;
    top:0;
    left:-140%;
    width:120%; /* smoother sweep */
    height:100%;
    pointer-events:none;

    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.7) 50%,
        rgba(255,255,255,0) 100%
    );

    transform: skewX(-25deg);
}

/* shimmer animation */
a.btn:hover::after,
div.btn:hover::after,
span.btn:hover::after,
div.chip:hover::after,
a.search-hover:hover::after{
    animation: btnShimmer 0.9s forwards;
}

@keyframes btnShimmer{
    0%{
        left:-120%;
    }
    100%{
        left:130%;
    }
}





.hyperline {
display: inline-block;
position: relative;   
    font-family: Apparat-Light !important;   
font-weight:bold!important;
}
.BrandNavItem:hover, a.dropdown-item:hover{
	color:#f9f9f9!important
}

.top-contact span{
	
    font-family: Apparat-Light !important;  
}

.hyperline:after {
content: '';
position: absolute;
width: 100%;
transform: scaleX(0);
height: 3px;
bottom: -4px;
left: 0;
background-color: #41515C!important;
transform-origin: bottom right;
transition: transform 0.25s ease-out;
}

.hyperline:hover:after {
transform: scaleX(1);
transform-origin: bottom left;

}

/*CTA SECTION STYLES*/
.cta-card-top i{
    font-size:36pt;
}
.cta-card-top .card{
    max-width: 500px;
}
/*.cta-card-top a{
    border: 2px solid;   * You should add a colour here, e.g. border: 2px solid #41515c; *
    width: 200px;
}*/

/*FOOTER STYLES*/
.footer-ppra-registered{
    display:none!important;
}
footer::before {
    display: block;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #FEFAF2;
    left: 50%;
    margin-left: -20px;
    top: 5px;
}
footer::after {
    display: block;
    content: "";
    position: absolute;
    height: 5px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: #FEFAF2;
}