/* Profile Page */
.black_gradiant_overlay{background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.24), rgba(0, 0, 0, 0));}
.light-blue-header{background: -moz-linear-gradient(top,  rgba(99,115,160,0.15) 0%, rgba(255,255,255,0.15) 100%);background: -webkit-linear-gradient(top,  rgba(99,115,160,0.15) 0%,rgba(255,255,255,0.15) 100%);background: linear-gradient(to bottom,  rgba(99,115,160,0.15) 0%,rgba(255,255,255,0.15) 100%);}
.banner{background-position:center center; background-repeat:no-repeat;background-size:cover;background-color:#021652;}
.circle_image_large{width:156px;height:156px;display:inline-block;background-repeat: no-repeat;background-position:center center;background-size: cover;border-radius:50%;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.24);}
.banner--image {background-repeat:no-repeat;background-size:cover;background-position:center center;border-radius:4px;}
.banner--image-inner {background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.64), rgba(0, 0, 0, 0.24));border-radius:4px;min-height:345px;}
#BannerPhotoContainer{background-color:rgba(0, 0, 0, 0.24);}


#AgentResFooter {top:auto;z-index:1000;
	
	padding: 12px 14px;
    display: none;
    position: fixed;
    bottom: 8px;
    left: 8px;
    right: 8px;
    box-shadow: 0 0 56px 0 rgb(0 0 0 / 40%);
    border: solid 1px #dfe3f0;
    background-color: rgba(255, 255, 255, 0.95);
    border-radius: 8px;
}
.property_img{width:48px;height:48px;background-repeat:no-repeat;background-position: center center;background-size:cover;}
.bottom_arrow{position: relative;}
.bottom_arrow:after {
    content: '';
    position: absolute;
    -webkit-border-radius: 0.2em !important;
	border-radius: 0.2em !important;
    left: 3rem;
    top:auto;
    bottom:-14px;
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid #042280;
    clear: both;
}
.left_arrow{position:relative;}
.left_arrow:after {
    content: '';
    position: absolute;
    -webkit-border-radius: 0.2em !important;
	border-radius: 0.2em !important;
    right:auto;
    top:45%;
    left: -3px;
    width: 0;
    height: 0;
    border-top: 16px solid transparent;
    border-left: 16px solid #fff;
    border-bottom: 16px solid transparent;
    clear: both;
}
.banner-leftcol{max-width:278px;}
.btn--border{border:1px solid rgba(175, 184, 217, 0.24); background-color:transparent !important;color:#dae1f8 !important;height:40px;line-height:40px;padding:0px 20px 0px 20px !important;}
.full_image_row{position:absolute;}

#BannerPhoto{z-index:1;}
.video_container{border-radius:8px;background-color: rgba(0, 0, 0, 0.4);position:relative;min-height:100px;overflow:hidden;}
.video_container_inner {-webkit-filter: blur(12px);filter: blur(12px); background-repeat:no-repeat; background-position:center center; background-size:cover;position:absolute;left:0px;top:0px;right:0px;bottom:0px;z-index:-1;}

.dropdown--custom .btn--border.dropdown-toggle::after{background: url("https://content.harstatic.com/media/icons/select_arrow_white_dropdown.svg") no-repeat right 17px;width:16px;}
.dropdown--custom .btn--border.btn.btn--small.dropdown-toggle::after{background-position:right 14px;background-size:50%;}
.reduced .banner--image-inner{min-height:170px;}
.header-title-footer{position:absolute;bottom:20px;left:20px;right:20px;}

.broker_profile .banner--image{position:relative;height:345px;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.broker_profile .banner--image-inner{z-index:1;position:absolute;left:0px;right:0px;top:0px;bottom:0px;}
.broker_profile .banner--image-only{background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.64), rgba(0, 0, 0, 0.24));-webkit-filter: blur(3px);filter: blur(3px); position:absolute;left:0px;right:0px;top:0px;bottom:0px;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.broker_profile .banner_agent .ba_photo{width:64px;height:64px;margin-top:0px !important;}
.broker_profile .banner_agent{margin:0px 12px 0px 0px;width:80px;}
.broker_profile .banner_main_agent{border-right: solid 1px rgba(218, 225, 248, 0.16);}
.BrokersBanner.reduced .banner_agent .ba_photo{width:32px;height:32px;}
.BrokersBanner.reduced .banner_agent{margin:0px 2px 0px 0px;width:34px;}
.BrokersBanner.reduced .banner_agent{display: inline-block;}
.BrokersBanner.reduced .circle_image_large{margin-top:0px !important;}
.blue_image_row{position:relative;background-repeat:no-repeat;background-size:cover;background-position:center center;padding:88px 0px;}
.blue_image_row:before{ content:'';position:absolute;top:0px;right:0px;left:0px;bottom:0px;background-color:rgba(4,34,128,0.7);}
.team_agents {white-space: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;}
.team_agents .banner_agent {display:inline-block;height:115px !important;margin:0px 8px !important}	
.team_agents .banner_agent .ba_name{height:35px;}
.team_agents .banner_main_agent{padding-right:12px;width:95px !important;}

/* open house blocks */
#OpenHouseContainer {border-radius:4px;background-color: #dbe0e7;background-image:url("https://content.harstatic.com/media/harlive/white.svg");background-repeat:no-repeat;background-position: center center;}
.waiting_cntr_blue,.waiting_cntr {border-radius: 4px;background-image: radial-gradient(circle at 5% 0, #ff5d5d, #ed1f1f 75%);}
.waiting_cntr_blue {background-image: radial-gradient(circle at 5% 0, #0738cd, #1f57ff 74%);}
.timerslot{box-shadow: 0 2px 4px 0 rgba(167, 182, 203, 0.57);background-color: #ffffff;padding:9px 6px 6px 6px;border-radius:4px;color:#000;font-size:24px;letter-spacing:1px;text-align:center;font-family: "effra",sans-serif;font-weight:normal; display:block;line-height:1;}
#timer{margin-bottom:10px;max-width:200px;margin:0px auto 10px auto;}
.ts_title{color:#000;font-weight:bold;text-align:center;font-size:12px;}
#timer #days,#timer #hours,#timer #minutes {display:inline-block;float:left;width:30.3%;margin-right:2.1%;margin-left:2.1%;text-align:center !important;}
#timer #days{margin-left:0px;}
#timer #minutes{margin-right:0px;}
.mobilebox {box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.26);background-image: radial-gradient(circle at 0 -12%, #35353a, #18181b 65%);border-radius: 9px;width: 158px;height: 260px;margin: -55px auto -55px auto;text-align: center;position: relative;}
.mobilebox img {position: absolute;top: calc(50% - 22px);left: calc(50% - 22px);}
#OpenHouseContainer .btn--prominent{height:38px;line-height:38px;}
.op_logo{width:104px;}
/* open house blocks */

/* agent showings */
.map_showings {position:relative;height:calc(100vh - 64px);left:0px;right:0px;bottom:0px;overflow:hidden;}
.ms_left {width:776px;position:absolute;left:0px;top:0px;right:auto;bottom:0px;}
.ms_right {position:absolute;right:0px;bottom:0px;top:0px;left:776px;}
.showings_properties {position:absolute;left:0px;right:0px;top:178px;bottom:0px;overflow-y:auto;}
.name_circle {border-radius: 50%;text-align: center;height: 32px;width: 32px;line-height: 34px;font-size: 12px;font-weight: 500;color: #fff;background-color: #9aaabb;letter-spacing: 1px;display: inline-block;background:#9BAAB0;}

/* broker profile */
.broker_results .ms_left {width:616px;}
.broker_results .ms_right {left:616px;}
.broker_results .showings_properties{top:198px;}
.broker_results .agent_signature--large__photo{width:96px;height:96px;}

.broker_profile_reduced.broker_profile .banner--image{height:170px;}
.broker_profile_reduced.broker_profile .banner_agent .ba_photo{width:56px;height:56px;}
.broker_profile_reduced #BannerPhotoContainer{height:170px;}
.broker_profile_reduced .header-title-footer{position:static;}
.broker_profile_reduced #BannerPhotoContainer .circle_image_large{width:80px;height:80px;border-radius:4px;padding:10px;}
.showingmap_container {position: -webkit-sticky;position: -moz-sticky;position: sticky !important;z-index:11;top:80px;overflow: hidden;border-radius:4px;width:100%;height: calc(100vh - 165px);}
.showingmap_container iframe { display: block; height:100%; width:100%;min-height:350px;}
/*.scrolledtotop .showingmap_container iframe {height: calc(100vh - 200px);}*/


.homwworth {background-image: url('https://content.harstatic.com/media/icons/illustration-home-value.svg');}
.premium_banner {background:#0c132d url('https://content.harstatic.com/media/bgs/bg-platinum-agent-banner_.jpg') no-repeat right center;background-size:cover;border-radius:4px;}

@media (max-width:992px) {
	.banner{background-attachment:scroll;}
	.BrokersBanner > .col-auto:nth-child(6){display: none;}
}
@media (max-width:920px) {
	.BrokersBanner > .col-auto:nth-child(5){display: none;}
}

@media (max-width:820px){
	.broker_results .ms_left,
	.ms_left {width:100%;}
	.broker_results .ms_right,
	.ms_right {display:none; left:0px;z-index: -1;}
	
}

@media (max-width:768px) {
	.circle_image_large{margin-top:-88px !important;margin-left:auto !important; margin-right:auto !important;}
	/*#AgentResFooter{display: block !important;}*/
	.inner_page .circle_image_large{ height:88px; width:88px; margin-top:-45px !important; }
	.banner{background-attachment:scroll;}
	.left_arrow:after {
	    right:0px;
	    top:-5px;
	    left:0px;
	    margin-left:auto;
	    margin-right: auto;
	    bottom:auto;
	    border-left: 16px solid transparent;
	    border-top: 16px solid #fff;
	    border-right: 16px solid transparent;
	}
	#BGTabulerData{background-image: none !important;}
	#BannerPhotoContainer{background-color:transparent;}
	.banner--image-inner {min-height:247px;}
	.reduced .banner--image-inner{min-height:210px;}
	.reduced .circle_image_large{margin-top:-53px !important;}
	.banner-leftcol{max-width:100%;}
	.banner--image{background-size:150%;}
	.full_image_row{position:static;}
	
	/*.banner_agent .ba_stars,.banner_agent .ba_name {display:none;}*/
	.broker_profile .banner_agent{margin:5px;width:48px;line-height:48px;}
	.broker_profile .banner_main_agent{width:38px;padding-right:3px;}
	.broker_profile .banner_agent .ba_photo{width:48px;height:48px;text-align:center;font-size:12px;color:#dae1f8;font-weight:bold;font-size:10px;}
	.broker_profile .banner--image{position:relative;height:175px;background-repeat:no-repeat;background-position:center center;background-size:130%;}
	.broker_profile .banner--image-inner{position:static;}
	.broker_profile .banner--image-only{display:none;}
	
	.broker_profile .banner--image{height:175px;}
	.broker_profile .banner--image-inner{min-height:175px;}
	.header-title-footer {position:static;text-align:center;}
	#BannerPhotoContainer{z-index:1;}
	#BannerAgentName{max-width:220px;margin:0px auto 18px auto;}
	.blue_image_row{padding:48px 0px;}
	.team_version #BannerAgentName {width:100% !important; font-weight:normal !important;max-width:inherit !important;}
	.team_version.broker_profile .banner_agent .ba_photo,
	.team_version.broker_profile .banner_agent{width:64px;height:64px;}
	.team_version.broker_profile .BrokersBanner{overflow-y:hidden;}
	
	.op_logo{width:auto;}
	.mobilebox{margin:0px auto;}
	#ShowingsPhoto{width:50px !important;height:50px !important;}
	.showings_properties{top:149px;}
	.broker_results .showings_properties{top:150px;}
	.broker_results .agent_signature--large__photo{width:66px;height:66px;}
	
	.broker_profile_reduced #BannerPhotoContainer{height:inherit;}
	.broker_profile_reduced.broker_profile .banner_agent .ba_photo{height:32px;width:32px;}
	.broker_profile .banner--image{min-height:90px;}
	.broker_profile_reduced #BannerPhotoContainer .circle_image_large{width:120px;height:120px;margin-top:-100px !important;}
	.sellyourhome {padding: 40px 40px 120px 48px;background-size:180px;background-position:right bottom}
	
	.homwworth.sellyourhome {padding:20px 20px 180px 20px;}
	.premium_banner {background-image: none; }
	.listings_map_view{display:block !important;height:calc(100vh - 50px);}
}

@media (max-width:576px) {
   .circle_image_large{ width:120px;height:120px;}
   .inpagenav ul li a{padding:0 10px;}
   
   .banner_agent{margin:2px;width:32px;line-height:32px;}
   .banner_agent .ba_photo{width:32px;height:32px;}
   .broker_results .showings_properties{top:132px;}
   .sellyourhome {padding: 20px 20px 150px 20px;background-size:180px;}
}