/*
	this file includes HAR.com  core css styles
*/

/* reset */
html,body,ul,ol {margin: 0;padding: 0;}
a { background-color: transparent; outline:none !important; text-decoration: none !important; }
a:active,a:hover { outline: 0; }
html { font-family: sans-serif; box-sizing: border-box; }
*, *:before, *:after { box-sizing: border-box; }

/* globals */
body {
background:#ffffff;
font:14px/1.65em "Helvetica", sans-serif, Arial;			
color:#212121;
font-size: 14px;
}
a { color: #0b50d2; }
h1,h2,h3,h4,h5,h6{ font-family: "Effra",helvetica, arial ;  color:#0b50d2; margin:0px; padding:0px; font-weight:400;text-transform:uppercase;}
h1,.h1{font-size:30px;font-weight:normal !important;}
h3{font-size:18px;}
h4{font-size:16px;}
.topnav_bar { background-color:#fff; max-height:85px;border-bottom:1px solid #dee3e9; }


.insight_nav{float:right; text-align:right;}
.insight_nav > a { margin:0px; padding:0px 20px 18px 10px; border-bottom:4px solid #fff; display: inline-block; font-family: "Effra",helvetica, arial;font-size:18px;text-transform:uppercase; color:#8994a1; font-weight:400;text-transform:uppercase;}
.insight_nav a:hover { text-decoration:none; }
.insight_nav a.active {color:#0b50d2;}

.har_logo{padding:10px;display:inline-block;}
.custom_font { font-family: "Effra",helvetica, arial ; }
.btn { border:none; border-radius:2px; background-color:#0838cd; color:#ffffff;font-family: "Effra",helvetica, arial ; font-size:18px; line-height:22px;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25); background-image: none !important; vertical-align: top; text-shadow: none !important; box-shadow:0 0px 0px 0 rgba(0, 0, 0, 0.0) !important;font-weight:400; }
.btn.btn-transparent { background-color:transparent !important; border:none !important;color:#7e7e7e;padding:5px 25px;line-height:27px;min-height:40px;}
.btn-green{background-color:#1fcd4a;font-size:16px;padding:5px 25px;line-height:27px;min-height:40px;}
.topnav_bar .btn-blue { margin-top: 15px; }
.topnav_bar .spacer{height:70px;border-left:1px solid #424242;}
.menu_line { padding:23px 0px 17px 0px !important;margin-left:10px;display: inline-block; }
.menu_line span { border-left:1px solid #424242; }
.search_btn { width:42px; padding:0px 10px 0px 5px; background:url(https://www.har.com/resources/insight/images/search-icon.png) no-repeat center top;  margin-top: 15px;width:60px; }
.underline_heading { border-bottom: 2px solid rgba(0, 0, 0, 0.1); padding-right: 120px; margin-bottom: 40px; }
.underline_heading h2 { font-size:42px; line-height:80px;color:#0b50d2; }
.content{padding:60px 0px;}
.subscribe_now { margin-left:300px; border-left:1px solid rgba(255, 255, 255, 0.7); padding-left: 30px; }
.subscribe_now h3 { font-size:42px; line-height: 52px; color:#fff; padding-bottom:20px; }
.subscribe_now p { font-size:18px; line-height:30px; color:#fff; }
.input-append input[type="text"] { padding:10px; color:#424242; }

div { box-sizing: border-box; }
.groupinput { max-width:300px; }
.groupinput input[type="text"] { width:80%;line-height:40px; border-radius:2px 0px 0px 2px; height:40px; box-sizing: border-box; float: left; }
.groupinput .btn { width:20%; border-radius:0px 2px 2px 0px; padding:0px; box-sizing: border-box; float: left; height:40px; }
.overlay { margin-top:-380px; }
.overlay .container .insight_container { background-color:#fff; padding:30px; }
.overlay .blog_post { width:380px; }
.overlay .blue_gradiant .container .insight_container { background-color: transparent !important; }
.menu_overlay { overflow:scroll; display: none; left:0px; right: 0px; bottom:0px; position: absolute; top:75px; background-color:#ffffff; z-index:10;padding-top:20px; }
.menu_overlay a  {display: inline-block; width:30%; margin-bottom:30px;line-height:1.4px; color:#0838cd; font-size:16px; font-weight:bold;text-transform:uppercase;}
.menu_overlay a.close_btn { position: absolute; top:20px; right:0px; width: 32px; height: 32px; }
.menu_overlay .container { position: relative; }
.noscroll { overflow: hidden !important; }
.subscribe_login h2 { color:#fff; font-size:42px; line-height:68px;padding-bottom:15px;text-transform:uppercase; }
.subscribe_login p { font-size:18px; line-height:28px; color:#fff;font-weight:300;margin-bottom:20px; }
.subscribe_login .btn-transperant { color:#fff; padding:8px 15px !important; }
.subscribe_login a { color:#fff; }
.btn:hover{background-color:#063ba0;color:#fff;}
#Subscribe .container { max-width:500px;}
#Subscribe h3{font-size:30px;line-height:42px;}
.fullscreen_header { background-color:rgba(255, 255, 255, 0.4);}
#Search .container{max-width:550px;text-align:left;}
#Search .groupinput { max-width:450px;margin-left:0px;margin:25px 0px 20px 0px;}
#Search.menu_overlay a.close_btn{top:27px;}
.fullscreen_resultrow{background-color:365198; background-color:rgba(255, 255, 255, 0.2);padding:10px 0px;color:#fff;margin-bottom:20px;}
.linebar{margin:20px 0px; border-bottom:1px solid rgba(255, 255, 255, 0.4); max-width:278px;line-height:2px;}


.category{background-color:transparent !important;background-image:none;background-position:center center !important;background-repeat:no-repeat !important;background-size:cover !important;}
.opacity60{color:rgba(255,255,255,0.6);}

.btn-blue{background-color:#0b50d2;border:none !important; padding:8px 15px !important; color:#fff !important; text-transform:uppercase;font-size:16px;}
.uppercase{text-transform:uppercase !important;}

.leftcol{float:left;width:68%;padding-right:2%;}
.righttcol{float:left;width:28%;padding-left:2%;}
.videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px;height: 0;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.contactbox { }
.agent_block.normal { margin:20px 0px;color:#4f6672;}
.agent_block.normal .agent_content{color:#4f6672;}
.agent_block.normal .agent_name{font-size:20px;}
.agent_block.normal .dropdown > a {color:#4f6672;}
.agent_block { clear:both;padding-bottom:15px; }
.agent_pic { display:block;float:left;border-radius:4px; width:80px;height:80px;background:#cfd6df url(../../images/listing_details/no_agent.jpg) center center no-repeat;  background-size:cover;}
.agent_content{margin-left:100px;color:#0b50d2;line-height:24px;}
.agent_name{display:block;font-size:20px;letter-spacing:1;font-weight:400;text-transform:uppercase;}
.agent_phone{margin-top:5px;display:block;letter-spacing:0.7px;font-family:"effra",helvetica, arial;font-weight:400;}
.agent_phone img{margin-right:5px;}
.pr20{padding-right:20px;}
.pb20{padding-bottom:20px;}
.pb10{padding-bottom:10px;}
.pb50{padding-bottom:50px;}
.custom_select{padding:6px 27px 6px 6px;font-size: 14px;height:35px; margin-bottom:10px; line-height: 1;border:1px solid #ccc;border-radius: 0;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance: none;border-radius: 4px;color:#757575;background:#ffffff url('https://www.har.com/resources/images/icons/check-2.png') no-repeat right center ;}
select.custom_select::-ms-expand {display: none;}
input[type="file"], select, input[type="text"], input[type="password"], textarea{line-height:27px;min-height:40px;border:1px solid #cfd6df;background-color:#fff;}
input[type="text"].ht_first{border-radius:4px 0px 0px 4px; width:50%;float:left;border-right:none;}
input[type="text"].ht_second{border-radius:0px 4px 4px 0px; width:50%;float:left;}
.contactbox .btn{background-color:#1fcd4a;width:100%;padding:10px;}
input[type='radio'].custom_radio, 
input[type='checkbox'].custom_checkbox {opacity: 0;float: left;width: 24px;height:24px; cursor:pointer; margin: 0px; margin-top: 5px;}
input[type='radio'].custom_radio + span,input[type='checkbox'].custom_checkbox + span,
input[type='radio'].custom_radio + label,input[type='checkbox'].custom_checkbox + label {margin: 2px 10px 0px 0px !important;clear:none;padding: 0px 0 4px 26px;cursor: pointer; display: block;}
input[type='checkbox']:checked.custom_checkbox + label ,input[type='checkbox']:checked.custom_checkbox + span,
input[type='checkbox'].custom_checkbox + label,input[type='checkbox'].custom_checkbox + span {background: url(https://content.harstatic.com/resources/mls/images/icons/checkboxes_new_blue.png) left center no-repeat; }
input[type='radio'].custom_radio + label, input[type='radio'].custom_radio + span {background: url(https://content.harstatic.com/resources/mls/images/icons/custom_radio.png) left center no-repeat; }
input[type='radio']:checked.custom_radio + label, input[type='radio']:checked.custom_radio + span {background: url(https://content.harstatic.com/resources/mls/images/icons/custom_radio2.png) left center no-repeat; }
input[type='checkbox'].custom_checkbox + label,input[type='checkbox'].custom_checkbox + span { background-position:left 0px; }
input[type='checkbox']:checked.custom_checkbox + span,
input[type='checkbox']:checked.custom_checkbox + label {background-position:left -60px;}
input[type='radio'].custom_radio + span {margin: 0px 10px 0px 0px !important;padding: 5px 0 4px 26px;}
input[type='checkbox']:disabled.custom_checkbox + span,
input[type='checkbox']:disabled.custom_checkbox + label {background-position:left -240px;}

.graysmallheading{color:#485e6b;font-family:"Effra",helvetica, arial;font-size:14px;letter-spacing:1px;}
.biggtitle{padding-bottom:20px;}
.simpletabs.nav-tabs{border-bottom:2px solid #dee3e9;}
.simpletabs.nav-tabs > li{margin-bottom:-2px;background-color:#ffffff !important;}
.simpletabs.nav-tabs > li > a{background-color:#ffffff !important; border:none !important;border:none;border-bottom:2px solid #dee3e9 !important;font-size:16px;color:#a0aab6;padding:10px 20px;outline:none;}
.simpletabs.nav-tabs > li.active > a{border-bottom:2px solid #1454cf !important;color:#1454cf;}
.get_social_icons a{display:inline-block;padding:0px 15px 15px 0px;}
.small{color:#a8a8a8;font-size:14px;}
.video_container{max-width:1240px;margin:0px auto;}
.submenulinks{padding-top:40px;}

.lib_item{width:18%;float:left;margin:0px 2% 30px 0px;height:220px;border:1px solid #dee3e9;padding:7px;position:relative;}
.lib_img{margin-bottom:8px;display:block;}
a.libinfo_title{margin-bottom:15px; text-transform:inherit;display:block;color: #414141 !important;}
.libinfo_title h4{color:#414141;line-height:1;font-size:14px;font-weight:normal !important;text-transform:inherit;display:block !important;line-height:1.4 !important;}
.libinfo_time{color:#8994a1;font-size:12px;}

.loctaion_links {padding:40px 0px 0px 0px; border-top:1px solid #dee3e9;margin:40px 0px 0px 0px;}
.loctaion_links a { display: inline-block; width:280px; line-height:34px;font-size:16px;font-family: "effra",sans-serif;font-weight: 500;text-transform:uppercase;color: #0b50d2;letter-spacing:0.75px;}
/* footer */
.footer { background-color: #eceff3; font-size: 12px;color:#757575; padding: 60px 0px; line-height: 16px;}
.footer_menu { max-width: 350px; width: 40%; float: left; }
.footer_appdownloads { max-width:790px; width: 60%; float: right; text-align:right; }
.footer_appdownloads a {display:inline-block; padding-right:0px; padding-left:20px;}
.footer_menu a { font-weight:bold; padding-right:40px; display: inline-block; padding-bottom:20px; }
.footer_copyrights { clear:both; margin-top: 45px; }
.footer_cols { width:33.333%; padding-right:30px; float: left; box-sizing: border-box; }
.footer_cols:last-child { padding-right: 0px}
.footer_cols_logo { border-top:2px solid #e0e0e0; float: left; width:60px; /*padding-right:30px;*/ padding-top: 25px;}
.footer_cols_content {padding-top: 25px; padding-left: 90px;  border-top:2px solid #e0e0e0;}
.footer_cols_content a { font-weight: bold}
.footer_cols_content p { padding-top: 8px;}
.overlay{margin-top:0px;}
.hd18{font-size:18px;font-weight:normal;}
.video_container{line-height:normal;}
.content{padding-top:20px;}
.loctaion_links a {width: 50%;}
.loctaion_links {
    padding: 40px 0px 40px 0px;
    border-top: 1px solid #dee3e9;
    margin: 40px 0px 40px 0px;
    border-bottom: 1px solid #dee3e9;
}
.section_heading h2{display:inline-block;margin-bottom:20px;}
.section_heading{}

@media (max-width:870px){ 
	.footer_menu,.footer_appdownloads { clear: both; width: 100%; text-align: center; max-width: none; }
	.footer_menu a{ padding:0px 12px 30px 12px; } .footer{ padding:25px 0px;} .footer_appdownloads a { margin-bottom: 20px;}
}
@media (max-width:720px){ 
	.footer_cols { width: 100%; box-sizing: border-box; float: none; margin: 0px auto 30px auto; max-width: 500px;}
}
.rsc_links{padding-bottom:60px;background-color: #eceff3;border-bottom:1px solid #cfd6df;}
.rsc_links a{display: inline-block;padding-right:25px;padding-bottom:10px;min-width:270px;}
.rsc_links h4{padding: 0px 0px 0px 0px;}

.contact_form{display:block;}
#ContactFormLink{display:none;padding-bottom:20px;}
.video_container .insight_nav{float:none;clear:both;text-align:left;padding-top:30px;}
.video_container .insight_nav > a{padding-left:0px;}
.withoutAgent .leftcol{float:none;width:100%;padding:0px;}
.watch-video{display:block;padding-top:10px;position:absolute;bottom:2px;left:8px;}
.menu_overlay.formenu .video_container{position:relative;}
.menu_overlay.formenu{top:0px;}

@media only screen and (max-width:1200px) {
	.video_container{padding:0px 10px;}
}

@media only screen and (max-width:990px) {
	.leftcol{width:63%;padding-right:2%;}
	.righttcol{width:33%;padding-left:2%;}
	.menu_overlay .submenulinks a{width:270px;float:left;}
	.content{padding:35px 0px;}
	.lib_item{width:23%;margin-right:2%;}
}

@media only screen and (max-width:768px) {	
	.leftcol{width:100%;padding-right:0%;float:none;}
	.righttcol{width:100%;padding-right:0%;float:none;padding:30px 15px;border-top:2px solid #dee3e9;margin-top:30px;}
	.content{padding:15px 0px;}
	.menu_overlay .submenulinks a{width:50%;float:left;}
	.lib_item{width:31%;margin-right:2%;}
	.contact_form{display:none;}
	#ContactFormLink{display:block;}
	.respPdng,#RelatedApraisalVideos{padding:0px 15px !important;}
	.loctaion_links{padding:20px 15px !important;display:block !important;}
	
}

@media only screen and (max-width:550px) {
	.insight_nav > a{padding:0px 8px 18px 8px;font-size:16px;}
	.search_btn {padding:0px 3px 0px 3px;width:40px; }
	#subscribe_link{padding:3px 8px !important;font-size:16px;margin-top:20px;}
	.har_logo{padding:10px 0px;}
	.menu_overlay .submenulinks a{width:100%;float:none;margin-bottom:15px;padding-left:30px;}
	#Search .groupinput{margin-top:60px;}
	.lib_item{width:48%;margin-right:2%;}
	.libinfo_title{font-size:12px;margin-bottom:10px;}
	.loctaion_links a{width:100%;float:none;clear:both;display:block;padding-bottom:7px;}
}

@media only screen and (max-width:420px) {
	.topnav_bar .video_container{padding:0px 5px;}
	.har_logo{width:40px;}
	.insight_nav > a{padding:0px 3px 10px 3px;font-size:14px;}
	.search_btn{width: 30px;}
	#subscribe_link{padding:2px 6px !important;font-size:12px;margin-top:15px;}
	.menu_line{padding:15px 0px 17px 0px !important}
}
@media only screen and (max-width:370px) {
	#RelatedApraisalVideos .lib_item{float:none;clear:both;width:100%;max-width:290px;margin:0px auto 10px auto;height:inherit;}
}