/*
	this file includes HAR.com  core css styles
	- reset
	- globals
	- forms
	- grid system	
	- form elements
	- last and important item Please dont touch these styles :) it will effect alot of places
*/


/* reset */
html,body,ul,ol {margin: 0;padding: 0;}
a { background-color: transparent; outline:none !important; text-decoration: none; text-shadow:none !important; color:#0b50d2; }
a:active,a:hover { outline: 0; text-decoration:none;transition: all .3s ease-in-out; color: #0b50d2; }
html { font-family: sans-serif; box-sizing: border-box; }
*, *:before, *:after { box-sizing: border-box;}

/* globals */
body {
background:#fafafa;
font:14px/1.65em "Helvetica", sans-serif, Arial;			
color:#4f6672;
font-size: 14px;
}
.h1,.h2,.h3,.h4,.h5,.h6,
h1,h2,h3,h4,h5,h6 {font-family: "effra",helvetica, arial; font-style: normal; font-weight:normal; color:#0d2980; line-height:normal; margin:0px; padding:0px; }
h1,.h1{font-size: 38.5px; line-height: 40px}
h2,.h2{font-size: 31.5px; line-height: 32px}
h3,.h3{font-size: 24px; line-height: 31px}
h4,.h4{font-size: 20px; line-height: 24px}
h5,.h5{font-size: 18px; line-height: 20px}
h6,.h6{font-size: 16px; line-height: 18px; }

a { text-decoration:none;color:#0b50d2;}
.center{text-align: center;}
.font36{font-size:36px;}
.font24{font-size:24px}
.font18{font-size:18px}
.font16{font-size:16px}
.font12{font-size:12px}
.custom_font{font-family: "effra",helvetica, arial}
.charcole {color:#364c59;}
.medium{font-weight:500}
.regular{font-weight:400 !important}
img {max-width:100%}
.pink {color:#f60096; }
.mb30 { margin-bottom:30px; }
.mb20 { margin-bottom:20px; }
.mr20 { margin-right:20px; }
.pt20 { padding-top:20px; }
.pr30 { padding-right:30px; }
.pr20 { padding-right:20px; }
.pb10 { padding-bottom:10px; }
.pb20 { padding-bottom:20px; }
.pb30 { padding-bottom:30px; }
.pb40 { padding-bottom:40px; }
.pd20 { padding:20px; }
.effra{font-family: "effra",helvetica, arial !important;}		
.medium{font-weight:500;}
.pera16 {font-size:16px;line-height:24px;}
.bold{font-weight:bold !important;}

/* grid system */
.container {margin-right: auto; margin-left: auto; width: 100%; box-sizing: border-box; }
@media (min-width: 1200px){ .container {width: 1170px} }
.col10,.col20,.col30,.col40,.col50,.col60,.col70,.col80,.col90 { box-sizing: border-box; float: left; }
.col10{width:10%}
.col20{width:20%}
.col30{width:30%}
.col40{width:40%}
.col50{width:50%}
.col60{width:60%}
.col70{width:70%}
.col80{width:80%}
.col90{width:90%}
.visible-phone{display:none}
@media only screen and (min-width : 320px) and (max-width : 676px) {
.hide-mobile{display:none;}
.visible-phone,.show-mobile{display:block;}
.responsive-margin0{margin:0px !important}
}/*(min-width : 320px) and (max-width : 676px)*/
.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after {content: " ";display:table;}
.clearfix:after,.container:after,.container-fluid:after,.row:after {clear: both}.center-block{display: block;margin-left: auto;margin-right: auto}
.pull-right{float: right !important}.pull-left {float: left !important}.hide {display: none}.show {display: block !important}


/* form element */
.custom_select,input[type="number"],textarea,
input[type="text"]{border-radius:3px;border: solid 1px #afb8d9;width:100%;box-sizing:border-box;margin-bottom:25px;box-shadow: inset 0 -2px 0 0 #afb8d9;background-color: #fff;transition: all 0.4s linear 0s;border-radius: 4px;padding:8px 10px;font-size: 14px;margin-bottom:15px;height: auto;}
.custom_select{-moz-appearance:none;-webkit-appearance:none;-o-appearance:none;appearance:none;background: #ffffff url(https://content.harstatic.com/resources/images/icons/select2.png) no-repeat right center;padding-right:33px;}
label{font-size:12px;color:#6373a0;font-family: "effra",helvetica, arial;font-weight:bold;letter-spacing:0.1px;}
small{color:#4f6672;font-size:12px;line-height:24px;margin-bottom:10px;}
.btn,.btn:focus,.btn:hover{color:#fff;font-weight:16px;font-family: "effra",helvetica, arial;background-image:none;padding:12px;border-radius: 4px;box-shadow: inset 0 -2px 0 0 #042380;background-color: #0738cd;border:none;}
.btn-pink,.btn-pink:hover{border-radius: 4px;background-color: #fd4b78;box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.2);border:none;color:#fff;}
.btn-gray,.btn-gray:hover{border-radius: 4px;background-color: #cfd6df;box-shadow: inset 0 -1px 0 0 #878c91;color:#4f6672;border:none;}
.btn-large,.btn-large:hover,.btn-large:active,.btn-large:focus{padding:12px 25px;font-size:24px;line-height:32px;font-size:16px;font-weight:normal;}
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 {font-family: "effra",helvetica, arial;margin: 2px 10px 0px 0px !important;clear:none;padding: 0px 0 4px 30px;cursor: pointer; display: block;font-weight:normal;color: #6373a0;font-size:16px;letter-spacing:0.1px;}
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.png) left center no-repeat; }
input[type='radio'].custom_radio + label, input[type='radio'].custom_radio + span {background: url(https://content.harstatic.com/resources/images/icons/custom_radio_v2.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/images/icons/custom_radio_v2c.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 30px;}
input[type='checkbox']:disabled.custom_checkbox + span,
input[type='checkbox']:disabled.custom_checkbox + label {background-position:left -240px;}
.quicksearch input[type="text"]{width:75%;float: left;margin-right:2%;}
.quicksearch a.btn{width:23%;float:left;box-sizing:border-box;padding:10px;}

/* basic area */
.banner{background: rgb(235,239,250);background: -moz-linear-gradient(top, rgba(235,239,250,1) 0%, rgba(247,248,253,1) 100%);background: -webkit-linear-gradient(top, rgba(235,239,250,1) 0%,rgba(247,248,253,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(235,239,250,1) 0%,rgba(247,248,253,1) 100%);box-shadow: 0 1px 6px 0 rgba(61, 84, 153, 0.3);padding:48px 20px;}
.banner h1{font-weight:bold;text-align: center;font-size:32px;line-height:1.5;}
.har_container{max-width:1300px;margin:0px auto;}
.tagline{font-family: "effra",helvetica, arial;font-size: 20px;font-weight: normal;line-height: 1.6;text-align: center;color: #6373a0;}
.content{padding:50px 0px;}
.underline_tabs .nav-tabs{border-bottom:none;padding:15px 0px;}
.underline_tabs .nav-tabs > li{margin-bottom:0px;margin-right:2px;}
.underline_tabs .nav-tabs > li > a{border:none !important;color:#afb8d9;font-weight:bold;border-bottom:2px solid #f4f5f8 !important;font-family: "effra",helvetica, arial;font-size:14px;background-color:#fff !important;padding:4px 20px;}
.underline_tabs .nav-tabs > li.active > a{color:#0838cd;font-size:20px;font-weight:bold;border-bottom:4px #0738cd solid !important; padding:5px 12px 10px;margin-top:-8px;}
.leftPane{width:75%;float:left;padding-right:60px;}
.rightPane{width:25%;float:left;}
.uppercase{text-transform:uppercase;}

/* modal popup */
.custom-modal .modal-body{top:60px;bottom:40px;overflow:scroll;padding:0px 40px 30px 40px;position:absolute;left:0px;right:0px;}
.custom-modal{top:40px;bottom:40px;overflow:hidden;width:990px;margin-left:-495px;border-radius:3px;}
.custom-modal .modal-header {padding:10px 15px 0px 40px;border-bottom:none;}
.custom-modal .close{opacity:1;}
.custom-modal .modal-header h3{font-size:24px;font-weight:bold;padding-top:15px;}

@media (max-width:990px) {
	.har_container{padding:0px 10px;}
	.custom-modal{width:auto;margin-left:0px;left:20px;right:20px;}
}

@media (max-width:650px) {
	.col10,.col20,.col30,.col40,.col50,.col60,.col70,.col80,.col90 { width:100%; float: none;}
	.col50.pr20{padding-right:0px !important;}
}

@media (max-width: 550px){ 
}