.container{max-width:1110px;}
.fullpage_gradiant{background: url(https://content.harstatic.com/resources/mls/images/mls_common/blue_full_gradiant.png) center top repeat-x;min-height: calc(100vh - 60px);}
.markins_left{float:left;width:74%;border-right: solid 1px #dfe3f0;padding-right:35px;min-height: calc(100vh - 55px);}
.mrkins_right{width:26%;float:left;padding-left:35px;position:sticky;top:60px;}
.gray_square_btn{width:58px;height:48px;display:inline-block;background-color:#6373a0;padding:3px 5px 8px 5px;margin:0px 0px 3px 2px;border-radius:4px;box-sizing:border-box;}
.gray_square_btn:hover{opacity:0.8;}
.gray_square_btn .icon{display:block !important;text-align:center;margin:0px auto;margin-top:3px;}
.gray_square_btn .text{display:block;text-align:center;color:#ffffff !important;font-size:12px;}
.ft_footer{background-color: #ebeffa;padding:10px;color:#6373a0;font-size:14px;}
.ft_footer a{color:#6373a0;font-size:13px;line-height:30px;color:#6373a0;}
.col_menuicon{display:none;}
.font40{font-size:40px;line-height:40px;}
#AgentBox{background-color: #ffffff;background: url(https://content.harstatic.com/resources/mls/images/finance_icons/cbox_header_gradiant2.png) center top repeat-x;text-align:center;padding:20px 20px 30px 20px;max-width:320px;position: -webkit-sticky;position: -moz-sticky;position: sticky;top:90px;font-size:14px;}
.sb_agent{width:80px;height:80px;display:block;margin:0px auto;border-radius:4px;background-position:center center;background-repeat:no-repeat;background-size:cover;margin-bottom:20px;}
.agent_resp_block{border-radius:3px 3px 0px 0px;box-shadow: 0 -4px 4px 0 rgba(0, 0, 0, 0.2);background-color: #6373a0;position:fixed;top:auto;padding:10px;left:0px;right:0px;bottom:0px;box-sizing:border-box;color:#fff !important;z-index:1112;}
.agent_resp_block .sb_agent{float:left; margin-right:10px;width:64px;height:64px;margin-bottom:0px;}
.agent_resp_block .btn{float:right;}

/* navbar */
#MarketNav{cursor: default;background-color: rgba(255, 255, 255, 0.9);min-height:64px;position:static;position:-webkit-sticky;position:-moz-sticky;position:sticky;z-index:1111;top:0px;
  white-space: nowrap; /* [1] */
  overflow-x: auto; /* [2] */
  -webkit-overflow-scrolling: touch; /* [3] */
  -ms-overflow-style: -ms-autohiding-scrollbar; /* [4] */ 
  border-bottom:1px solid rgba(99, 115, 160, 0.4);
}
#MarketNav::-webkit-scrollbar {
  display: none; }
.modal-open #MarketNav{position: static;}
#MarketNav ul {margin: auto;}
#MarketNav ul li,#MarketNav ul{display:inline-block;padding:0px;margin:0px;list-style:none;}
#MarketNav ul li a{color:#0d2980 !important;font-size:14px;font-weight:500;border-bottom:4px solid rgba(255, 255, 255, 0.0);padding:0 25px;display:inline-block;height:65px;line-height:65px;}
#MarketNav ul li.active a{border-color:#fd4b78 !important;color:#fd4b78 !important;-webkit-transition: none;-moz-transition: none;-o-transition: none;transition: none;}
#MarketNav ul li a:hover{border-color:#0d2980; text-decoration: none;}
.humb_icon{display:inline-block;padding:15px 15px 0px 15px;}

/*prop popup*/
.popover_special .ps_header {margin-bottom: 32px;font-weight: bold;color: #000;}
.propertypopup{position:absolute;z-index:9999;height:80vh;width:890px;left:50%;right:auto;bottom:0px; box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.24);background-color: #ffffff;border-radius:4px 4px;overflow:hidden;display:none;margin-left:-445px;top:10%;}
.propertypopup.opened{display:block;}
.ppt_body{position:absolute;top:0px;left:0px;right:0px;bottom:0px;overflow-y: scroll;scroll-behavior: smooth;-webkit-overflow-scrolling: touch;}
.pt_left{border-right:1px solid #dfe3f0;width:55%;float:left;height:100%;}
.pt_right{border-left:1px solid #dfe3f0;width:45%;padding:30px;float:left;margin-left:-1px;min-height:100%;}
.ptl_header{height:64px;padding:15px;border-bottom:1px solid #dae1f8;}
.pr_info .col50{width:50%;float:left;}
.pr_info .col40{width:40%;float:left;}
.pr_info .col60{width:60%;float:left;}
.ptl_img{display:block;width:100%;position:relative;min-height:330px;left:0px;right:0px;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.ptli_btns{position:absolute;bottom:23px;right:23px;}
.propertypopup .pr_info{padding:24px;width:100%;}
.pt_right .agi_img{width:64px;height:64px;border-radius:50%;float:left;}
.pt_right .agi_img{line-height:1.33;letter-spacing:-0.4px;color:#212529;}
.black{color:#000 !important;}
.propertypopup label {color:#515b7a;padding-bottom:0px;margin-bottom:5px;line-height:1;}
.propertypopup textarea,.propertypopup input[type="text"]{border-radius: 4px;border: solid 1px #afb8d9;background-color: #ffffff;padding:6px 15px;margin-bottom:15px;}
.propertypopup input[type="text"]{height:40px;}
.close_pp{position:absolute;right:5px;top:5px;width:40px;height:40px;display:block;z-index:1111;padding:10px;}
.expose {position:relative;}
#overlay {background:rgba(0, 0, 0, 0.6);display:none;width:100%; height:100%;position:absolute; top:0; left:0; z-index:1000;}
#filters{display:none;position:absolute;width: 448px;border-radius:4px;box-shadow: 0 4px 8px 0 rgba(61, 84, 153, 0.4);background-color: #ffffff;z-index:999999;left:-175px;top:55px;height:calc(100vh - 240px);overflow-y:hidden;}
#filters:after {bottom: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(136, 183, 213, 0);border-bottom-color:#f3f4f7;	border-width: 10px;margin-left: -10px;}
#filters .f_header{border-radius:4px 4px 0px 0px;background-color:#f3f4f7;  letter-spacing: 0.37px;text-align: center;color: #6373a0;text-transform:uppercase;font-size:13px;line-height:1;padding:8px;border-bottom:1px solid #b6c0dc;}
#filters .f_body{position:absolute;top:120px;bottom:64px;left:0px;right:0px;overflow-y:scroll;z-index:1111;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,ffffff+7,ffffff+93,000000+100&0.17+0,0.17+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.17) 0%, rgba(255,255,255,0.17) 7%, rgba(255,255,255,0.17) 93%, rgba(0,0,0,0.17) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.17) 0%,rgba(255,255,255,0.17) 7%,rgba(255,255,255,0.17) 93%,rgba(0,0,0,0.17) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.17) 0%,rgba(255,255,255,0.17) 7%,rgba(255,255,255,0.17) 93%,rgba(0,0,0,0.17) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#filters .ftr_bottom{position:absolute;bottom:0px;top:auto;left:0px;right:0px;box-shadow: 0 4px 8px 0 rgba(61, 84, 153, 0.4);padding:15px;}
#Filters .f_body{background: -moz-linear-gradient(top,  rgba(0,0,0,0.17) 0%, rgba(255,255,255,0.17) 7%, rgba(255,255,255,0.17) 93%, rgba(0,0,0,0.17) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.17) 0%,rgba(255,255,255,0.17) 7%,rgba(255,255,255,0.17) 93%,rgba(0,0,0,0.17) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.17) 0%,rgba(255,255,255,0.17) 7%,rgba(255,255,255,0.17) 93%,rgba(0,0,0,0.17) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#Filters.popover .popover-body {max-height: calc(100vh - 320px);}
.propertypopup .card{border-radius: 0px;}
.propertypopup .card--listing_vertical__body{border-radius:0px;border:0px;}
.pri_row{border-top:1px solid #dfe3f0;padding:5px 0px;font-size:12px;color:#3b5363;line-height:normal;}
.pr_info .pri_row:last-child{border-bottom:1px solid #dfe3f0;}
.pri_row .dark{color:#212529;font-weight:600;}
.pr_info .green{color:#FFFFFF !important;}
.pr_info .green_label{background-color:#028361;padding:4px 6px;border-radius:2px;line-height:normal;}

/* Sharing Popup */
.iconbox_link{display:inline-block; border-radius:4px;box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15);border: solid 1px rgba(175, 184, 217, 0.25);background-color: #ffffff;padding:10px 15px 12px 15px;width:190px;box-sizing:border-box;margin:15px;text-decoration: none !important;}
.sharing.modal .il_icon{display:block;margin:10px auto;text-align:center;}
.sharing.modal .il_text{text-align:center;color:#afb8d9;display:block;}
.sharing.modal .il_textdrk{text-align:center;color:#0738cd;font-weight:bold;display:block;}
.sharing.modal .simpleline{margin:0px auto 20px auto;}
.sharing.modal .simpleline .nav-tabs > li{text-align:center;border-bottom:none;}
.sharing.modal .simpleline .nav-tabs > li a{border:none !important;background-color:transparent !important;font-size:16px;text-transform:uppercase;color:#afb8d9;margin-bottom:-1px;}
.sharing.modal .simpleline .nav-tabs > li a.active{color: #042280;}
.sharing.modal .simpleline .nav-tabs > li.active a{border-bottom:3px solid #0b50d2 !important; color:#0838cd;font-weight:500;}
.sharing.modal .input_form label{font-size:12px;color:#6373a0;font-weight:bold;letter-spacing:0.08px;text-align:left;margin-bottom:4px;}
.sharing.modal .input_form .withicon{padding-left:33px !important;background-position:10px center;background-repeat:no-repeat;position:relative;}
.sharing.modal .withicon.email{background-image:url("https://content.harstatic.com/resource_2019/imgs/icons/email_small.svg");}
.sharing.modal .withicon.list{background-image:url("https://content.harstatic.com/resources/mls/images/icons/list_mini_light.svg");}
.sharing.modal.input_form textarea.withicon{background-position:10px 14px;}
.sharing.modal .bluish{color:#6876a7;}
.sharing.modal .lighterblue{color:#b4bcda;}
.sharing.modal .scllnk{text-align:center;margin:10px 20px 20px 0px;display:inline-block;}
.sharing.modal .scllnk span{display:block;color:#afb8d9;font-size:10px;text-align:center;line-height:1.3;}

/* headers */
header {background-color:#0a246f;text-align:center; background-repeat: no-repeat; background-position: left center; background-size:contain;}
header .header_logo img {width:80px;height:80px;}
header .inner { background:url("https://content.harstatic.com/resource_2019/imgs/headers/header_art_promote_home.svg") no-repeat right center;padding:24px; background-size: contain; }

.header_small .hd_subtitle{display: none;}
.cartsimple_propimg{background-repeat:no-repeat;background-position:center center;background-size:cover;min-height:195px;}
.withheader .markins_left{min-height: calc(100vh - 273px);}
/*.fullpage_gradiant.withheader {min-height: calc(100vh - 273px);}*/

header.header_small {background-image: none !important;}
header.header_small .inner {padding:16px;}
header.header_small .header_logo img {width:56px;height:56px;}
.header_small_content{margin:0px auto;display: inline-block;}
header.header_small .header_logo {display: inline-block;margin-right:16px;float: left;position: absolute;left:15px;top:12px;}
header.header_small h1 {display: inline-block;}
.artical_body img {float: left; margin-right:30px; margin-bottom: 20px; border-radius: 4px; overflow: hidden;}

.propimage{background-repeat:no-repeat;background-position:center center;background-size:cover;min-height:180px;}
.top_arrow{position:relative;}
.top_arrow:after, .top_arrow:before {bottom: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.top_arrow:after {border-color: rgba(255, 255, 255, 0);border-bottom-color: #ffffff;border-width: 10px;margin-left: -10px;}
.top_arrow:before {border-color: rgba(235, 239, 250, 0);border-bottom-color: #d0d7e6;border-width: 11px;margin-left: -11px;}
.gradiant_blue{background-image: linear-gradient(to left, #2746a8, #042280);}
.blue-overlay {background-position: center center; background-repeat: no-repeat; background-size: cover; }
.blue-overlay .blue-overlay_inner{ padding:50px; border-radius: 4px;background-image: linear-gradient(291deg, rgba(46,63,120,0.7) 1%, rgba(0,48,208,0.7));}

#TableView .table tr th {border:1px solid #dee3e9;padding:10px;}
#TableView .table tr td {padding:15px 10px;border-color:#dee3e9;color:#617986;border:1px solid #dee3e9;text-align: center;}
#TableView .table tr td.selected,#TableView .table tr th.selected{background-color:#f2f4f7;}
.bigvalue{font-size: 26px;font-family: "effra",sans-serif;font-weight: normal;line-height: normal;letter-spacing: 0.4px;text-align: center;color: #617986;}
.blue-image_overflow {background-position: center center; background-repeat: no-repeat; background-size: cover; }
.blue-image_overflow .blue-overlay_inner{ padding:50px; border-radius: 4px;background-color: rgba(4,34,128,0.85);}
#AVM_responsive{display:none;max-width:480px;}
.exprow{margin:5px 0px 0px 0px;display:block;}
.sp_item,.spi_row{border-bottom:1px solid #f4f4f4;padding:8px 0px;padding-right:5px;line-height:1.4;}
.sp_items{margin-bottom:15px;}
.spi_row .spi_value,
.sp_item .sp_logo{display:block;float:left;width:58%;padding:5px 0px;color:#7f7f7f;font-size:15px;}
.sp_item .spi_info{float:right;width:42%;background:url("https://content.harstatic.com/resource_2019/imgs/icons/arrow-gray-down.svg") no-repeat right center;padding-right:15px;}
.open .sp_item .spi_info{background:url("https://content.harstatic.com/resource_2019/imgs/icons/arrow-gray-up.svg") no-repeat right center;}
.spi_row .spi_price,
.sp_item .spi_price{color:#1d1d1d;font-size:14px;display:block;}
.spi_row .spi_text,
.sp_item .spi_text{color:#7f7f7f;font-size:12px;display:block;}
.sp_items{display:none;}
#ListMapviewToggle{display: none;}
#MapViewCntr > .btn{display: none;}
.bluetop {background: #dae1f8; /* Old browsers */
background: -moz-linear-gradient(top,  #dae1f8 0%, #dae1f8 300px, #ffffff 300px, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #dae1f8 0%,#dae1f8 300px,#ffffff 300px,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #dae1f8 0%,#dae1f8 300px,#ffffff 300px,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
height: 100vh;
}
.event_banner{background:url("https://content.harstatic.com/resource_2019/imgs/headers/event_banner_bg.jpg") no-repeat center center; background-size:cover;background-size: cover !important;}
.event_banner_inner{background-color: rgba(4, 34, 128, 0.6);padding:210px 20px 20px 20px;min-height:290px;}
.line_text{overflow: hidden;text-align: center;}
.line_text:before,
.line_text:after {background-color: #000;content: "";display: inline-block;height: 1px;position: relative;vertical-align: middle;width: 50%;}
.line_text:before {right:15px;margin-left: -50%;}
.line_text:after {left:15px;margin-right: -50%;}

#MrkInsMap header.header_small {position: fixed;z-index: 111;left: 0px;right: 0px;}
#MrkInsMap header.header_small .header_logo{top:10px;}
#MrkInsMap header.header_small h1{font-size:38px;line-height:normal;}
#MrkInsMap header.header_small .inner{padding:5px;min-height:65px;}
#MrkInsMap header.header_small .header_logo img{width:45px;height:45px;}
#HeaderCloseIcon{position:absolute;display:block;right:10px;top:10px;}

.description_block_resp{display:none;}
.hrlogo,.res_footer_btn{display:none;}
.sold{position:relative;}
.sold > img{ -webkit-filter: blur(5px); filter: blur(5px);opacity:0.7;display:block;margin:20px auto;}
.soldout_label{display:block;position: absolute;z-index:100;top:45%; left:20px;right:20px;  background-color: #cc0000;font-size:22px;color:#fff;text-align:center;font-weight:normal;padding:5px 0px;}
.image-property-large,.image-property-small{background-size:cover; background-repeat:no-repeat;background-position:center center;width:144px;height:120px;border-radius:4px;overflow:hidden;}
.faddedbox{background-color: rgba(0, 0, 0, 0.16);color:rgba(255,255,255,0.8);}
.varning_icon{display:inline-block;border-radius:50%;background-color:#cc0000;height:12px;width:12px;line-height:10px;text-align:center !important;font-weight:bold;}
.image-property-large{width:100%;padding-bottom:50%;}
.over_opacity:hover{opacity:0.6;}

.property_banner.slick-slider{margin:auto 0px;} 
.agent_resp_block #FormToggle {position: absolute;right: 10px;top: 27px;padding: 5px 14px 5px 14px;line-height: 28px;}
.agent_resp_block #FormToggle:after {border-left: 4px solid transparent;border-right: 4px solid transparent;border-bottom: 4px solid #fff;content: "";display: inline-block;height: 0; vertical-align: middle;width: 0; margin-left: 12px;}
.agent_resp_block.agent_resp_open #FormToggle:after{border-top: 4px solid #fff;border-bottom:4px solid transparent;}
.bigger.gray_square_btn{width:68px;height:48px;padding:3px;}
.bigger.gray_square_btn .icon{min-height:16px;}
.blueboxrow{border-radius: 4px;background-image: linear-gradient(to left, rgba(4, 34, 128, 0.8), #042280);padding:24px;color:#fff;margin:30px 0px 10px 0px;}
table.comperable{order-collapse: collapse;overflow-x: auto;width:100%;display:block;}
.tbl_img{border-radius: 4px;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);border: solid 1px #dfe3f1;background-color: #ffffff;margin:1px;}
.tbl_img > a{display:block;background-position:center center;background-repeat:no-repeat;background-size:cover;height:90px;width:100%;border-radius:4px 4px 0px 0px;}
.tbl_title{padding:8px;font-size:11px;line-height:1.4;color:#000;font-weight:bold;height:45px;}
table.comperable tr td{border-bottom:1px solid #e2e6f0;border-right:1px solid #e2e6f0;color:#527389;padding:6px;font-size:11px;}
table.comperable tr td:last-child{border-right:none;}
table.comperable tr td.proptd{padding:0px;border-right:none;min-width:130px;}
table.comperable tr td.title{font-weight:bold;color:#212529;}
table.comperable tr td.selected{background-color:#edf0fa;font-weight:bold;color:#212529;}
.inputscols input[type="text"]{display:block;float:left;width:50%;border-radius:0px 4px 4px 0px;}
.inputscols input[type="text"]:first-child{border-radius:4px 0px 0px 4px;border-right:none;}
.agent_resp_block #divcount {color:#fff !important;}
.circle{width:8px;height:8px;display:inline-block;margin-right:4px;border-radius:50%;margin-top:7px;margin-bottom:2px;}


.circle{width:8px;height:8px;display:inline-block;margin-right:4px;border-radius:50%;margin-top:7px;margin-bottom:2px;}
#MaintenanceMessage { color:#fff;font-size:14px;line-height:20px;font-family: "effra",helvetica, arial;background-color: #e20c26;padding:5px 10px;}
#MaintenanceMessage a { color:#fff;}
#MaintenanceMessage .icon {display: block;float:left;}
#MaintenanceMessage p {margin:2px 0px 0px 32px;padding:0px;}

.buysellbanner{background:#e5e9f3 url("https://content.harstatic.com/resources/images/buyorsell/buyorsell_img.svg") no-repeat right center;padding:25px 300px 25px 50px;margin-bottom:20px;max-width:1170px;margin:0px auto;}
.buysellbanner .h4{color:#0d2980;padding-bottom:10px;}
.buysellbanner p{font-size:14px;color:#0d2980;line-height:1.5;padding-bottom:5px;}

.minimal .mapnav,
.minimal .ft_footer{display:none;}

.banner_compact{box-shadow: inset 0 -11px 43px 0 rgba(0, 0, 0, 0.15);background-color:#042280;background-position: right -50px center; background-repeat:no-repeat;}
.whitepapper{box-shadow: -3px -3px 5px 0 rgba(0, 0, 0, 0.2);background-color: #ffffff; width:277px;height:321px;}
.pappers_container{position:relative; width:337px;height:321px;}
.blue_gradiant {background-image: linear-gradient(to bottom, #e6eaf6, #ffffff);}
.content_area { min-height: calc(100vh - 60px);}
.lightblue_gradiant {background-image: linear-gradient(to top, rgba(223, 227, 240, 0.8), rgba(237, 240, 250, 0.65));}
.view_detail_link {color:#fff;font-size:12px;display: inline-block;margin:20px 10px 5px 15px;}
.view_detail_link img {margin-left:5px;}

.open_house_live{border:1px solid #d2d9e1;background:url("https://content.harstatic.com/media/harlive/white.svg") no-repeat center center; background-position:cover;padding:24px;}
.ohl_badge,.ohl_countdown,.ohl_form{float:left;}
.ohl_badge{width:20%;}
.ohl_countdown{width:45%;width:220px;}
.ohl_form{width:35%;float:right;}
.ohl_badge .mobile{display:none;}
.datebox{border-radius:4px; box-shadow: 0 2px 3px 0 rgba(167, 182, 203, 0.57);background-color: #ffffff;position:relative;padding:8px 8px 8px 18px;font-size:15px;color:#000;line-height:1.4;margin-bottom:5px;}
.datebox:after{content:"";position:absolute;left:8px;top:8px;bottom:8px;right:auto;width:2px;background-color:#fc5454;}
.datebox a{font-size:14px;color:#fc5454;display:block;line-height:1 !important;margin-top:5px;}

.greensimple{margin-bottom:0px;display: grid;grid-gap: 0;grid-template-columns:auto 100px;grid-template-rows: 100% auto;grid-template-areas: 'a b';max-width:400px;margin:0px auto;}
.greensimple input[type="text"]{border-radius:4px 0px 0px 4px;border: solid 1px #a1b2bd;background-color:#fff;height:38px;border-right:none;line-height:38px !important;width:100%;box-sizing: border-box;min-height:38px;padding-left:12px;}
.greensimple .btn{padding:2px 13px;background-color: #1fcc4a;font-family: "effra",sans-serif;font-weight:bold;font-size:14px;color:#fff;height:38px;line-height:38px !important;width:100%;box-sizing: border-box;}
.greensimple .gr_1 {grid-area: a;}
.greensimple .gr_2 {grid-area: b;}

.viewmorelink {margin:25px 0px 0px 0px;font-family: "effra",sans-serif;font-size:15px;font-weight:bold;text-align:center;display:block;}
.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;}
.grayalert{background-color: #5d5e5e; color:#fff;padding:8px 8px;line-height:16px;}
.grayalert a{color:#fff !important;}
.open_house_live.livenow {padding:0px;}
.ohl_live{width:55%;float:left;}
.ohl_live_inner {background-position: center center;background-repeat: no-repeat;background-size: cover;}
.ohl_live_overlay{background-color: rgba(0, 0, 0, 0.5);padding-top:55px;padding-bottom:55px;text-align:center;}
.livenow .ohl_countdown {width:45%;padding:10px 80px 10px 20px;}
.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:140px;height:230px;margin:-55px auto -55px 30px; text-align:center;position:relative;}
.mobilebox  img {position:absolute; top:calc(50% - 22px);left:calc(50% - 22px);}
.open_house_live.running .ohl_badge {width:104px !important;float:left;clear:none;margin-right:20px; }
.open_house_live.running .ohl_countdown {width:auto !important;float:left;clear:none;min-width:240px; }
.open_house_live.livenow #timer {max-width:350px;margin:0px auto;}
.upcomming .ohl_badge,.upcomming .ohl_countdown{margin-top:7px;}
.open_house_live.running.live_now .ohl_countdown {min-width: 268px;}

#Gallery360 {position:fixed;top:0px;right:0px;left:0px;bottom:0px;}
#Gallery360 .preview_cntr { position:absolute;right:320px;left:0px;top:64px;bottom:0px;background-position: center center; background-size:cover;}
#Gallery360 .preview_list { position:absolute;right:0px;left:auto;top:64px;bottom:0px;width:320px;background-color:#fff;}
#Gallery360 .preview_list .imgitem{border-radius:4px;background-position:center center;background-repeat:no-repeat;background-size:cover;display:block;margin-bottom:15px;overflow:hidden;}
#Gallery360 .preview_list .imgitem .it_inner {background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 27%, rgba(0, 0, 0, 0.64));}
#Gallery360 .preview_list .imgitem .it_inner span {border: solid 3px transparent;display:block;height:120px;width:100%;font-weight:bold;color:#fff;padding:89px 8px 8px 8px;}
#Gallery360 .preview_list .imgitem.active .it_inner span{border:solid 3px #0738cd;transition:all 0.25s ease-in-out;}
#Gallery360 .preview_list .preview_list_cntr{position:absolute;left: auto;right:0px;bottom:0px;top:59px;width:320px;overflow-y: scroll; /* has to be scroll, not auto */ -webkit-overflow-scrolling: touch;padding:0px 15px 15px 15px;}
#Gallery360 .preview_list .underlinetabs{margin-top:10px;}
#Gallery360 .preview_list .pl_tabs {display: table;width:100%;}
#Gallery360 .preview_list .pl_tabs .underlinetabs.nav-tabs{display:table-row;}
#Gallery360 .preview_list .underlinetabs.nav-tabs > li{display:table-cell;width:auto;float:none;text-align:center;font-weight:bold;padding-top:10px;}

.preview_header{background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0));width:100%;padding:24px 24px 34px 26px;color:#fff;}
.ph_left{width:60%;float:left;}
.ph_right{width:40%;float:left;text-align:right;}
.gtop_header .agent_btn .agent_pic,
.preview_header .agent_btn .agent_pic{width:34px;height:34px;display:inline-block;background-position: center center;border-radius:50%;}
.preview_header .title{font-size:24px;color:#fff;}
.agent_name{font-size:14px;color:#0738cd;font-size:13px;font-weight: bold;white-space:nowrap;text-align:left;padding:6px 0px 0px 0px; margin-left:8px;}
.preview_header .subtitle{font-size:14px;font-weight:bold;}
.ph_right a{float:right;display:inline-block;margin-top:10px;}
.preview_header .agent_btn{border-radius:4px;background-color:#fff;display: inline-flex ;width:auto;padding:5px 10px 5px 5px;margin-right:30px;margin-top:10px;}
.preview_footer{position:absolute;left:0px;right:0px;bottom:0px;background-image: linear-gradient(to top, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0));padding:80px 26px 26px 26px;color:#fff !important;pointer-events:none;}
.preview_footer .pf_left {width:80%;float:left;}
.preview_footer .pf_left p{margin:0px;padding:0px;max-width:620px;line-height:1.2;padding-top:10px;}
.preview_footer .pf_right {width:20%;float:right;text-align:right;padding-top:33px;}
.preview_footer .pf_right img{max-width:88px;}

.pointers{position:relative;max-width:160px;text-align:center;}
.pointers .p_icons {border-radius:50%;border: solid 2px #ffffff;background-color: #fd4b78;padding:2px;width:32px;height:32px;text-align:center;display:block;margin:10px auto 0px auto;}
.pointers .p_title{font-weight:bold;font-size:16px;text-align:center;padding:12px 10px 10px 10px;border-radius:4px;background-color: rgba(0, 0, 0, 0.64);color:#fff;position:relative;}
.pointers .p_title img{border-radius:4px;max-width:280px;max-height:120px;display:none;}
/*.pointers:hover .p_title img{display:block;}
.pointers:hover {max-width:290px;}*/
.pointers .p_title:after {left: calc(50% - 0px);
    bottom: -16px;
    border: solid transparent;
        border-top-color: transparent;
        border-top-width: medium;
        border-right-color: transparent;
        border-right-width: medium;
        border-bottom-color: transparent;
        border-bottom-width: medium;
        border-left-color: transparent;
        border-left-width: medium;
    border-top-color: transparent;
    border-top-width: medium;
    border-right-color: transparent;
    border-right-width: medium;
    border-bottom-color: transparent;
    border-bottom-width: medium;
    border-left-color: transparent;
    border-left-width: medium;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
        border-top-color: rgba(136, 183, 213, 0);
    border-top-color:  rgba(0, 0, 0, 0.64);
    border-width: 8px;
    margin-left: -8px;
}
.mobileonly .custom_select{padding:6px 20px 6px 6px; background-color:transparent;color:#fff;border-color:transparent !important;width:auto;margin-top:30px;background-image:url("https://content.harstatic.com/media/icons/select_arrow_white.svg") !important;}
.pf_right > a{display:none;}
.mobileonly .custom_select option {color:black}
#Gallery360.withheader .preview_cntr{top:64px;}
#Gallery360.withheader .preview_list{top:64px;}
.gtop_header {height:64px;background-color:#042280;position:absolute;top:0px;left:0px;right:0px;overflow:hidden;}
.gtop_header .title{font-size:16px;color:#fff !important;padding-top:15px;padding-right:10px;}
.gtop_header #BackBtn{padding:20px 10px 20px 20px;}
.gtop_header .logo_360{padding-top:10px;}
.gtop_header .ph_right > a{margin-top:6px;}
.gtop_header a.agent_btn {width:220px;margin-top:0px;height:64px;border-right: solid 1px rgba(255, 255, 255, 0.16); padding-top:12px;}
.gtop_header a.agent_btn .agent_pic{width:38px;height:38px;}
.gtop_header a.agent_btn .agentname{color:#fff;display:block;font-size:13px;letter-spacing:1;font-weight:400;float:left;padding-top:6px;padding-left:10px;font-weight:bold;}

.waiting_cntr{border-radius: 4px;background-image: radial-gradient(circle at 5% 0, #ff5d5d, #ed1f1f 75%);text-align:center;padding:15px 10px;color:#fff;margin-bottom:10px;margin-top:10px;}
.info_div {position:fixed;top:0px;left:0px;right:0px;bottom:0px;background-color:#fff;color:#000;padding:40px;}
#CloseInfo {position:absolute;right:20px;top:20px;}
.mobileonly,.mobileonlycontent{display:none;}
.view_detail_link {color:#fff !important;font-size:12px;display: inline-block;margin:20px 10px 5px 15px;}
.view_detail_link img {margin-left:5px;}

.withproperty .ohl_countdown{border-radius: 4px;box-shadow: 0 2px 3px 0 rgba(167, 182, 203, 0.57);background-color: #ffffff;position: relative;padding:14px 8px 10px 8px;font-size: 15px;color: #000;line-height: 1.4;margin-bottom: 5px;min-width:290px !important;}
.withproperty .datebox{ text-align:left !important;padding:0px;box-shadow:0 0px 0px 0 rgba(167, 182, 203, 0.0);background-color:transparent;}
.withproperty .datebox:after{content:none;}
.withproperty .datebox .datebox_inner{position:relative;padding-left:10px;}
.withproperty .datebox .datebox_inner:after{content: "";position: absolute;left:0px;top:0px;bottom:0px;right: auto;width: 2px;background-color: #fc5454;}

.withproperty .propbox .propbox_inner{position:relative;padding-left:10px;margin-bottom:10px;}
.withproperty .propbox .propbox_inner:after{content: "";position: absolute;left:0px;top:0px;bottom:0px;right: auto;width: 2px;background-color:#0738cd;}
.propbox .propbox_inner .pbimg{display:block;float:left;width:53px;height:53px;border-radius:4px;overflow:hidden;background-repeat:no-repeat;background-size:cover;background-position:center center;}
.propbox .propbox_inner .pbcntnt{margin-left:60px;padding-top:7px;}
.withproperty .ohl_form .ohl_badge {display:none;}
.withproperty .ohl_countdown.resp{display:none;}
.banner_art svg{width:100% !important;}
.promote.banner_compact h1{line-height:1.3 !important;}

.small-gutters > .col, .small-gutters > [class*="col-"]{padding-right:5px; padding-left:5px; }
.icon_info_box {width:calc(20% - 9px); margin-right:9px;height:160px;float:left;text-align:center;margin-bottom:10px;}

.dark_box{border-radius: 4px;box-shadow: 0 14px 13px 0 rgba(0, 0, 0, 0.26);background-image: radial-gradient(circle at 25% 8%, #35353a, #18181b 88%);}
.mobile_preview{width: 262px;height: 536px;border-radius:3.5px;text-align:center;background-color:#000;color:#fff;color:#fff;}

.table td.address_td { width:200px !important; max-width:190px; white-space:normal !important; }

@media (max-width:1280px) {
	#MarketNav ul li a{padding:0px 12px;}
}

@media (max-width:1070px) {
	#MrkInsMap #MarketNav{display:block;}
	#MrkInsMap #MarketNav ul {display:none;}
	#MapNav.col_menuicon{display:block;}
	header {background-size:cover;}
	header .inner{background-position: center right -240px;}
}

@media (max-width:990px) {
	.agent_resp_block{display:block;}
	.mrkins_right{display:none;}
	.markins_left{width:100%;float:none;padding-right:0px;}
	.propertypopup{width:96%;left:2%;margin-left:auto;top:2%;bottom:2%;height:96vh;}
	body{margin-bottom:85px;}
	.markins_left{border:none;}
}

@media (max-width:910px) {
    .col_menuicon{display:block;float:left;width:35%;padding-top:0px;}
    .col_logo{width:30%;text-align:center;padding-top:10px;}
    .col_icons{width:35%;padding-top:5px;}
    .newlogo{width:48px;height:48px;float:none;clear:both;margin:0px auto;padding-top:0px;}
    .gray_square_btn{width:60px;height:50px;padding:3px 12px;}
    #SettingsBtn{display:none;}
    #LogoText{display:none;}
    #LogoTextRes{display:block;text-align:center;width:100%;margin:0px auto;}
    .newlogo{margin-bottom:10px;}
    #MarketInsightNav{display:block;}
	.gray_square_btn .icon{margin-bottom:0px;}
	.markins_left{margin-top:0px;padding-top:10px;}
	
	.pr_img{width:100%;min-height:190px;}
	.pr_info{width:100%;}
	.mapleft_col{width:350px;}
	.mapright_col{left:350px;}
	.ag_text{padding:4px;margin-left:82px;}
	.ag_text > .pb10{padding-bottom:0px !important;}
	.agi_img{height:78px;width:78px;}
	.filter_row{top:78px;}
	.prop_container{top:145px;}	
	.ag_info,.filter_row{max-width:349px;}
	#MapNav.col_menuicon{float:none;height:52px;}
	.ag_info,.mapright_col{top:52px;}
	.filter_row{top:128px;}
	.filter_row .btn--medium{height:30px !important;line-height: 30px !important;padding: 0 14px !important;}
	.prop_container{margin-top:178px;}
	#MrkInsMap #MarketNav{min-height:52px;}
	#Home #LogoTex{display:none;}
	#LogoTextRes{display:block;}
	
	.prop_container .card{overflow: inherit;}
	.prop_container .card--listing_horizental__body { overflow: inherit; }
	.prop_container .card--listing_horizental__body__image_content { width: 100%;height:180px; position: static;}
	.prop_container .card--listing_horizental__body__content { left: 0px; padding: 10px 10px 10px 19px;position: static; }
	.prop_container .agent_signature__info__broker_name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; width: 140px; }
	
	#MrkInsMap header.header_small .header_logo{top:5px;}
	#MrkInsMap header.header_small h1{font-size:32px;line-height:normal;}
	#MrkInsMap header.header_small .inner{padding:5px;min-height:52px;background-position:center right -80px;}
	
	.buysellbanner.withagent .rightblock{width:40%}
	.buysellbanner.withagent .leftblock{width:60%;}
}

@media (max-width:830px) {
    .left-bar{display:none;}
    .content-w-lb{margin-left:0px;}
}

@media (max-width:767px) {
	#MapViewCntr{display:none;}
	#ListMapviewToggle{display:inline-flex;}
	#MapViewCntr > .btn{display: block;}
	.description_block_resp{display:block;margin-top:40px;}
	.description_block{display:none;}
	.hrlogo{display:block;margin-bottom:30px;}
	.res_footer_btn{display: block;position: fixed;bottom:0px;top: auto;left:0px;right:0px;padding:20px;background-color:#fff;border-top:1px solid #dfe3f0;}
	
	#HeaderProperty h1{font-size:18px;line-height:1.5;}
	#HeaderProperty .font_size--large{font-size:14px;}
	.agent_resp_block a[href^="tel"]{ color:#fff !important;text-decoration:none !important;}
	
	#Gallery360 .preview_cntr{right:0px;bottom:96px;}
	#Gallery360 .preview_list{width:100%;left:0px;top:auto;height:96px;}
	#Gallery360 .preview_list .pl_tabs{display:none;}
	#Gallery360 .preview_list .preview_list_cntr, #Gallery360 .preview_list{width:100%;top:auto;height:96px;overflow-y:hidden;overflow-x:scroll;padding:8px;white-space:nowrap;}
	#Gallery360 .preview_list .imgitem{display:inline-block;}
	#Gallery360 .preview_list .imgitem .it_inner span{height:80px;width:160px;padding-top:50px;}
	.preview_footer .pf_right > img{display:none;}
	.preview_footer .pf_left > span.ImageType,.preview_footer .pf_left > span ,.preview_footer p{display:none;}
	.preview_footer .pf_right{display:block !important;}
	.mobileonlycontent .ImageType{display:block !important;font-weight:bold;font-size:16px;color:#fff;}
	.pf_left .custom_select{display:inline-block;}
	.preview_footer .pf_left{width:40%;}
	.preview_footer .pf_right{width:60%;}
	.pf_right > a{display:inline-block;}
	#Gallery360.withheader .preview_list{top:auto;}
	.mobileonly,.mobileonlycontent{display:block;position:absolute;left:20px;top:auto;bottom:10px;right:auto;}
	.mobileonly{right:auto;}
	.mobileonlycontent{left:auto;right:20px;min-width:120px;}
	
	.withproperty > .ohl_countdown,
	.withproperty > .ohl_badge {display:none;}
	.withproperty #timer{width:62%;float:right;max-width:none;margin-top:25px;margin-right:3%; margin-left:3%}
	.open_house_live.running.withproperty .ohl_countdown.resp{display:block;max-width: 400px;margin:15px auto 10px auto;width:100% !important; }
	.withproperty .ohl_form > .ohl_badge {display:block;}
}

@media (max-width:667px) {    
    #PrintBtn{display:none;}
    .col_menuicon{width:40%;}
    .col_logo{width:20%;}
    .col_icons{width:40%;}
    .number_block{display:block;float:none;width:100%;min-height:inherit;margin-bottom:20px;}
    .col_menuicon{width:35%;}
    #TableView{display:none;}
	#AVM_responsive{display:block;}
	#historyfooter{display:none !important;}
	.pt_right{padding:20px;padding-top:20px}
	.ptl_img{min-height:220px;}
	.event_banner_inner{padding-top:120px;min-height:inherit;}
	.pt_right .font24{font-size:18px;line-height:1.2;padding-top:10px;}
	.close_pp{padding:5px 0px 10px 10px;}
	.event_banner{padding-top:120px;min-height:inherit;}
	
	#MrkInsMap header.header_small h1{font-size:28px;line-height:normal;}
	#MrkInsMap header.header_small .header_logo img{width:43px;height:43px;}
	#MrkInsMap header.header_small .inner{background-position:center right -320px;}
	#HeaderProperty #PrintBtn{display:inline-block;}
	.buysellbanner{padding:15px 280px 15px 15px;}
	
	.ohl_badge .mobile{display:inline-block;}
	.ohl_badge .desktop{display:none;}
	.ohl_badge{text-align:center;margin-bottom:24px;}
	.ohl_countdown{margin-bottom:24px;}
	.ohl_badge,.ohl_countdown,.ohl_form{float:none;width:100% !important;}

	.ohl_live{width:100%;float:none;}
	.livenow .ohl_countdown {width:100%;padding:20px;}
	.mobilebox{margin:0px auto;clear:both;}
	.open_house_live.running .ohl_countdown {min-width:190px; }
	.open_house_live.running{padding:10px;}
	.open_house_live.running .ohl_badge {width:30% !important;margin-right:0px; }
	.open_house_live.running .ohl_countdown {width:70% !important;min-width:inherit; padding-left:20px;max-width:none !important;}
	
	.favblock > .col50.pr20{padding-right:0px !important;margin-bottom:20px;}
	.favblock > .col50.pl20{padding-left:0px;}
	.favblock > .col40.text-right{text-align:left !important;margin-top:10px;}
	.icon_info_box{width:calc(50% - 9px);height:95px; line-height:1.2}
	.icon_info_box img{display:inline-block;float:left;text-align:left;margin-top:15px;}
	.img_info{text-align:left; margin-left:50px;}
	.img_info .font_size--medium{font-size:12px !important;}
	.img_info .font_size--large_extra_extra_extra{font-size:24px !important;font-weight:500 !important;}
}

@media (max-width:576px) {
    .content-header h1{font-size:26px;}
    .gray_square_btn{width:48px;height:40px;padding:3px 6px;line-height:1.1;}
    .col_menuicon{padding-top:5px;}
    .gray_square_btn .icon{margin-bottom:5px;}
    .fixed-side{min-width:100px !important;white-space: normal !important;}
    .tbl_title,table.comperable tr td{font-size:10px;padding:3px;line-height:1.5;}
    #filters{left:-120px;width:87vw;}
    .pt_left{padding-top:0px;}
    .pt_right,.pt_left{float:none;clear:both;border:none;width:auto;}
    
    header{background-image: none !important;}
    header .header_logo img {width:64px;height:64px;}
    header .inner{background-position: center right -320px;}
    header .inner {background-size: cover;}
    .ft_footer{font-size:12px;line-height:1;}
    .gray_square_btn .text{font-size:11px;}
	
    .agent_resp_block{line-height:1.2;}
    .agent_resp_block .arb_content {padding-left:75px;margin-right:100px;}
    .agent_resp_block .arb_content .font12{font-size:11px !important;line-height:14px !important;}
    .agent_resp_block #FormToggle{font-size:12px;padding:2px 12px;top:32px;height: auto;}
    #MaintenanceMessage p {margin:0px 0px 0px 32px;font-size:11px;line-height:16px;}
    .buysellbanner{padding:15px 135px 15px 15px;background-position:right -90px top 20px; background-size:200px;}
	.buyorsell_header .buyorsell_header_inner > p{font-size:14px;}
	.banner_compact{background-size:cover;}
	.banner_art{max-width:none !important;text-align:center;}
	.banner_art svg{max-height:180px;width:auto !important;}
}

@media (max-width:476px) {
    .content-header h1{font-size:22px;}
	.graylink.mt20.pt15{margin-top:0px;padding-top:0px;}
	.header_small_content{padding-left:27px;}
	.bigger.gray_square_btn .text{display:none;}
	.bigger.gray_square_btn {width:48px;}
	.bigger.gray_square_btn .icon{margin-top:10px;}
}


