
/*@media only screen and (min-width: 600px) and (max-width: 900px) {
 
}*/
/*Global Listing*/
.btn_save_af.active rect {
	fill: #ea3356;
}
.btn_save_af.active path {
	fill: #fff !important;
}


/* Breakpoint Responsiveness*/
@media only screen and (max-width: 420px) {
    .bdp-breadcrumb-item {
        font-size: 12px !important;
    }
}
@media only screen and (max-width: 767px) {
  
    .container.pagewrap {
        padding-top:0px !important;
    }

    .hero.large {
        height: auto !important;
    }
    #section-header-image .owl-nav span {
        top: 40% !important;
        font-size: 20px !important;
        height: 30px !important;
        width: 30px !important;
    }
    #soa_holder{
        max-width: 56% !important;
    }
    .bdp-breadcrumb-item {
        margin-right: 5px !important;
    }
    .bdp-banner-fixed{
        top: 90px !important;
    }
   

  
}
@media only screen and (max-width: 365px) {
    .bdp-banner-fixed{
        top: 81px !important;
    }
}
#soa_holder-container{
    position:absolute; top:5%;left:0%; z-index:2 !important; padding:unset !important;	

}
#soa_holder{
    max-width: 56% !important;
    position: absolute;top: 25%;left: 2%;
}

@media only screen and (max-width: 1000px) {
    #main-container-afw{
        flex: 0 0 100% !important;
        max-width: 100%  !important;
    }
   
}

@media screen and (min-width: 365px) and (max-width: 991px) {
   .bdp-banner-fixed {
        top: 90px !important;
    }
}
























/*---- Hardcoded Flex Adjustments V1 (Before Bootstrap) Start ----*/
.hero.large{height:500px;}
.hero.large.mobileHeroPremium{display:none;}
.new-details{text-align:left;}
@media(max-width:767px){
	.hero.large.mobileHeroPremium{display:block;}
	.hero.large.desktopHeroPremium{display:none;}
}

#rhb-container{
    z-index: 1  !important;
}
.block{
	position: relative;
    z-index: 2  !important;
}

/*body, html, div, header, footer, p, ul, li, input, p, ul, li, textarea,h1,h2,h3 {
	font-family: 'Gabarito', serif !important;
}*/

.block{
	padding:20px !important;
}
/* Responsive Div Containers*/

.new-details.bdp-col-12 .block .image, .new-details .block .info, .new-details .block .full-info{
    padding: 0px !important;
}
/* Add to Favorites adjustment from common.css*/
.listing b.save{
	height: unset !important; 
     width: unset !important; 
}

.listing b.save{
    position: unset !important; 
    background: unset !important; 
}
/* Originated from new-styles*/
.listings.cards .listing.display .details {
    padding: 0 15px;
}

.new-details .img {
    background-size: cover;
    background-position: 50% 50%;
    text-align: center;
    vertical-align: middle;
    margin: 0 15px 0 0;
}
/*Top banner with logo image */
.bdp-banner {
	padding-top:10px;
    padding-bottom:10px;
	background-color: #2050F5;
	color: white;
	text-align: center;
	width: 100%;
    position: relative;
	transition: 0.5s ease all;
    position: sticky;
    top:95px;
    z-index: 99;
}
@media screen and (max-width: 991px) {
    .bdp-banner {
        top: 82px;
    }
}
/* .bdp-banner-fixed{
	position: fixed;
	top: 94px;
    z-index: 99;
    box-shadow: 0 15px 50px #0d263b;
} */
/*Header Double Image*/
#section-header-image .bdp-col-6:first-child{
	padding-right:10px !important;
}

#section-header-image .owl-nav span {
	position:absolute;
	top: 45%;
	font-size: 30px;
    font-weight: normal;
    background: #fff;
    height: 50px;
    width: 50px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    text-indent: initial;
    color: #000533 !important;
}
#section-header-image .owl-carousel .owl-nav button.owl-prev span{
    left: 5% !important;
}
#section-header-image .owl-carousel .owl-nav button.owl-next span{
    right: 5% !important;
}


	
/* About Section Start */
.head-location .bdp-child-12{
	padding:12px;
}
.new-details .mapouter, .new-details .gmap_canvas iframe{
	height:300px !important;
}

/* About Section End */

/* Carousel Section Start */
.memberships.membership-mobile{
display: none ;
}

 /*Special Offer container*/
.special-offer-image-container{
    text-align: right !important;
}
.so-arrow-container{
    position:absolute; left:-2%; z-index:1 !important; padding:unset !important;	
}
.so-arrow-container-text{
    position: absolute;top: 25%;left: 4%;
}
.so-arrow-container-text a{
    color: white;
}
@media(max-width:768px){
    .so-arrow-container-text{
        left: 8%;
    }
}
@media(max-width:1030px){

     /*Snapshot container*/
    .memberships.membership-desktop{
        display:none !important;
    }
    .memberships.membership-mobile{
        display: block !important;
    }
    /*Special Offer container*/
    .special-offer-image-container{
        text-align: center !important;
    }
   
    /*listing carousel container*/
    .bdp-slide-counter {
        position: absolute;
        bottom: 105px;
        left: 85px;
    } 
    .bdp-carousel-dh .owl-nav{
        display: block;   
    }
    .virtualTourCounter.bdp-slide-counter {bottom: 30px !important;}
  
    /*listing cards container*/
    .card.listing-card-container.diff-bg{
        background-color:#F1F0EB !important;
    }
    .container.main-listings{
        padding-left: unset !important;
        padding-right: unset !important; 
        background-color: white !important;
    }
    #section-home-designs{
        padding-right:unset !important;
    }
}
/*.removeOwlNav .owl-nav{
    display:block;
}*/
@media(min-width:1031px){
    .bdp-slide-counter {
        display: none;
    }
    /*.removeOwlNav .owl-nav{
        display:none;
    }*/
}
/* Carousel Section End */
/*---- Hardcoded Flex Adjustments V1 (Before Bootstrap) End ----*/

/*Special offer*/
.bdp-arrow-container{
    position: absolute;
    background-color:#ea3356;
    width: 200px;
    transform: translate(-20%, 0);
}
.bdp-arrow {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-left: 20px solid #fafbfc;
    border-bottom: 20px solid transparent;
}
.bdp-arrow-container-text{
    position: relative;
    /* left: 20px; */
    top: 10px;
    color: white;
}

/*Footer*/
.slide.homeBlocks{
    position: relative;
    z-index: 1;
}