
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{color:#0a2475;}
.buyorsell_header{background-position:center center;background-size:cover;position:relative;background-repeat:no-repeat;min-height:600px;}
.buyorsell_header_inner{padding:130px 20px; position:absolute;top:0px;right:0px;left:0px;bottom:0px;/*background-image: linear-gradient(to bottom, rgba(10,24,103,0.4), rgba(10,34,103,0.5));*/background-image:url(https://content.harstatic.com/resource_2019/imgs/bgs/home_selling_analysis.jpg);}
.buyorsell_header h1{color:#fff;text-align:center;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);font-size: 40px;font-weight: bold;font-style: normal;line-height: normal;letter-spacing: -0.8px;text-align: center;color: #ffffff;margin-bottom:20px;}
.buyorsell_header .buyorsell_header_inner > p{text-shadow: -2.2px 2px 4px rgba(0, 0, 0, 0.5);font-size: 18px;font-weight: bold;letter-spacing: normal;text-align: center;color: #ffffff;}
.redline{background-color:#fd4b78;height:8px;width:130px;margin:0px auto;margin-bottom:22px;}

.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;}

.buysellbanner.withagent {background-image:none;padding:0px;max-width:none;}
.buysellbanner.withagent .leftblock{background:#e5e9f3 url("https://content.harstatic.com/resources/images/buyorsell/buyandsell_homeonly.svg") no-repeat right center;padding:40px 170px 25px 50px;margin-bottom:20px;margin:0px auto;float:left;width:70%;height:114px;overflow:hidden;}
.buysellbanner.withagent .rightblock{float:left;width:30%;background-color: #6876a7;padding:20px;height:114px;}
.lb_info{margin:0px 0px auto auto;text-align:right;max-width:630px;}
.lb_info p{font-size:24px;color:#304481;}
.rbag_pic{height:72px;width:72px;background-size:cover;background-position:center center;background-repeat:no-repeat;float:left;margin-right:10px;}
.rbag_info .h3{color:#fff;font-size:16px;font-weight:600;}
.rbag_info p{margin:0px;color:#fff;padding:0px;font-size:12px;}

.searchbox{background-color:#fff;max-width: 580px;margin:20px auto;border-radius: 10px;box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.15);background-color: #ffffff;padding:30px 60px;}
.searchbox input[type="text"]{padding:15px 20px; display:block;float:left;width:85%;box-shadow: inset 0 -2px 0 0 #afb8d9;border: solid 1px #b3bbdb;background-color: #ffffff;border-radius:4px 0px 0px 4px;border-right:none;}
.searchbox p{text-align:center;display:block;padding-bottom:5px;margin:0px;}
.searchbox .searchbtn{display:block;float:left;width:15%;padding:13px 20px 14px 20px;border-radius:0px 4px 4px 0px;box-shadow: inset 0 -2px 0 0 #b03554;border: solid 1px #b03554;background-color: #fd4b78;text-align:center;}
.customfont{font-family:"effra",helvetica, arial;}
.bold{font-weight:bold;}

.propertyblk{margin:30px 5% 20px 0px;max-width:360px;float:left;width:35%;}
.propertyblk_innr{border:1px solid #dfe3f0;border-radius:4px;margin-bottom:20px;}
.pblk_img{display:block;border-radius:4px 4px 0px 0px;background-repeat:no-repeat;background-position:center center;background-size:cover;height:260px;width:100%;position:relative;}
.pblk_prcs,.pblk_address{float:left;width:40%;border-bottom:1px solid #dfe3f0;font-size:12px;color:#9d9d9d;padding:15px 10px 10px 10px;height:60px;line-height:1.3;}
.pblk_prcs{width:60%;text-align:right;}
.dark{color:#000;}
.pblk_half{float:left;width:50%;border-bottom:1px solid #dfe3f0;padding:10px;color:#000;font-size:14px;line-height:1.4;}
.pblk_half img{margin-right:8px;}
.formblk{float:left;width:60%;margin-top:30px;}
.font14{font-size:14px;}
.font20{font-size:20px;}
.font24{font-size:24px;}
.blue{color:#0a2475;}
.medium{font-weight:500;}
.pl10{padding-left:10px;}
.pr10{padding-right:10px;}

label{display:inline-block !important;}
input[type="radio"].custom_radio +span {color:#6876a7;}
input[type="text"], .custom_select,textarea {font-family:"effra",helvetica, arial;font-size: 1rem;color: #0d2980;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: 3px;transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;box-shadow: inset 0 -2px 0 0 #afb8d9;}
.buysell_form label{display:block;font-size:12px;color: #6373a0;font-weight:bold;line-height:1.3;padding-bottom:0px;margin-bottom:0px;}
#forResponsive{display:none;}

.showcase.buyorsell_header{min-height:400px;}
.showcase.buyorsell_header .buyorsell_header_inner{padding:45px 20px; }
.showcase .searchbox{max-width:632px;}

.card.card--portrait_medium {
overflow: inherit;
display: block !important;
border-radius: 4px;
overflow: hidden;
border: 1px solid #DFE3F0;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
text-decoration: none !important;
background-position: top left;
background-repeat: no-repeat;
background-size: cover;
margin-bottom: 30px;
background-color: #FFF;
max-width:248px;
}
.card--portrait_medium__image_content {
    width: 100%;
    height: 288px;
    background-color:#fff;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    z-index: 1;
    border-radius:4px 4px 0px 0px;
}
.card:hover .card--listing__image_content__image, .card:hover .card--portrait_medium__image_content__image {
    transform: scale(1.05, 1.05) !important;
}
.card--portrait_medium__image_content__image {
    width: 100%;
    height: 100%;
    background-size: cover;
    opacity:0.7;
}
.card--landscape_large__image_content__image, .card--landscape_medium__image_content__image, .card--portrait_medium__image_content__image {
    transition-duration: 0.6s;
    transition-property: all;
    transition-timing-function: ease;
}
.card--portrait_medium__content {
    position: relative;
    z-index: 2;
    background:#FFF;
    color:#515b7a;
    margin-top: -24px;
    padding: 16px;
    margin-left: 0px;
    text-align: center;
}
.color_carbon {
    color: 
    #212529;
}
.darkblue{color: #042280;}
.semibold{font-weight:500;}
.searchbox.simple{box-shadow: none;margin:0px auto;padding:0px 20px;}
.previews .card{width:23%;margin:3% 1%;float:left;max-width:100%;}
.features > div{display: inline-block;text-align:left;}
.showcase .searchbox .searchbtn img{max-width:inherit;}
.showcase .searchbox .searchbtn {padding:13px 10px 14px 10px;}
.screenshot{margin:50px auto;border-radius:4px;box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.15);background-color: #ffffff;padding:0px; max-width:250px;overflow: hidden;}

.overlay_message{ position:absolute;left:0px;right:0px;bottom:0px;height:100%; background-color:rgba(0,0,0,0.6);top:0px;margin-top:0px;width:100%;float:none;position:fixed;}
.ov_inner{margin:30px auto;width:90%;max-width:540px;background-color:#fff;border-radius:2px;padding:30px;}

.virtual_showing {margin-bottom:30px;border:1px solid #EDF0FA;padding:15px;border-radius:4px;}
.virtual_showing .vs_logo,.virtual_showing .vs_content,.virtual_showing .vs_action{float:left;}
.virtual_showing .vs_logo {width:15%;padding-right:15px;}
.virtual_showing .vs_content h4{margin-top:10px;}
.virtual_showing .vs_content {width:50%;}
.virtual_showing .vs_action {width:35%;padding-top:30px;padding-left:10px;}
.virtual_showing .vs_action .btn {background-color:#f63d3d;color:#fff;line-height:1.2;padding:10px 15px;}


@media only screen and (max-width:1200px) {
	.buysellbanner.withagent .leftblock{text-align:left;padding:40px 50px 25px 50px;}
	.lb_info p{font-size:20px;margin-left:10px;text-align:left;}
	.lb_info img{margin-right:10px;}
}
@media only screen and (max-width:900px) {
	.propertyblk{width:45%;}
	.formblk{width:50%;padding-right:15px;}
	.buysellbanner.withagent .rightblock{width:40%}
	.buysellbanner.withagent .leftblock{width:60%;}
}

@media only screen and (max-width:850px) {
	.buyorsell_header{min-height:400px;}
	.buyorsell_header_inner{padding:70px 20px;}
	.searchbox{padding:25px;}
	.buyorsell_header h1{font-size:32px;}
	.buyorsell_header .buyorsell_header_inner > p{font-size:16px;}
	.propertyblk{width:100%;clear:both;padding:15px;}
	.formblk{width:100%;padding:15px;clear:both;}
	.previews .card{width:48%;margin:2% 1%;float:left;}
}

@media only screen and (max-width:750px) {
	#forResponsive{display:block;padding:30px 15px 15px 15px;}
	#forDesktop{display:none;}
	.buysellbanner.withagent .leftblock,.buysellbanner.withagent .rightblock{width:100%;float:none;clear:both;height:inherit;padding:15px;}
	.lb_info p{padding-bottom:0px;margin-bottom:0px;}
	
}

@media only screen and (max-width:676px) {
	.buysellbanner{padding:15px 210px 15px 15px;background-position:right -50px center;}
	.buyorsell_header_inner{background-image:url(https://content.harstatic.com/resource_2019/imgs/bgs/home_selling_analysis_mobile.jpg);}
	
	.searchbox .typeahead p{font-size:11px !important; font-weight:normal !important;}
	.typeahead.dropdown-menu{left:5px !important; right:5px !important;}
	ul.typeahead.dropdown-menu li a{padding: 4px 5px !important;}
	ul.typeahead.dropdown-menu li a .tText.bold{font-weight:normal !important;font-size:11px !important;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	.typeahead li a span.label, .reviewLabel{min-width:90px;font-size:11px;line-height:20px;}
	
	.virtual_showing .vs_logo {width:20%;}
	.virtual_showing .vs_content h4{margin-top:0px;}
	.virtual_showing .vs_content {width:80%;}
	.virtual_showing .vs_action {width:100%;padding-top:10px;clear:both;padding-bottom:10px;}
}

@media only screen and (max-width:550px) {
	.buyorsell_header h1{font-size:26px;}
	.buysellbanner{padding:15px 160px 15px 15px;background-position:right -110px center;}
	.buyorsell_header .buyorsell_header_inner > p{font-size:14px;}
	.previews .card{width:92%;float:none; clear:both;margin:30px auto; max-width:248px;}
	.buysellbanner p{font-size:14px !important;}
}

@media only screen and (max-width:480px) {
	.features > div{display:block;clear: both;margin:10px 45px;}
	.features{margin-bottom:30px !important;}
	.searchbox p{font-size:14px;}
}

@media only screen and (max-width:360px) {
	.virtual_showing .vs_logo {width:30%;clear: both;float:none;margin-bottom:10px;}
	.virtual_showing .vs_content {width:100%;clear: both;float:none;}
}