@import url('aws_global.css');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Work+Sans:ital,wght@0,400;0,700;1,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Felipa&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');
:root {
--font-inter: 'Inter', sans-serif;
--font-worksans: 'Work Sans', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
p,
span,
a,
input {
font-family: var(--font-worksans);
}
body {font-size:14px; color: #333333;font-family: 'Raleway', sans-serif;}
/* Font weights */
.font_weight--light {
font-weight: 200; }
.font_weight--regular {
font-weight: 300; }
.font_weight--semi_bold {
font-weight: 600; }
.font_weight--bold {
font-weight: 700; }
/* Typography */
a h1, a h2, a h3, a h4, a h5, a h6 {cursor: pointer !important; }
h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5 {
cursor: default;
font-family: 'Raleway', sans-serif;
font-weight: 500;
color: #0738cd;
letter-spacing: 0px !important;
}
h2,.h2 { font-size: 28px;line-height: 32px;letter-spacing: -0.3px;}
h3,.h3 { font-size: 24px;line-height: 32px;letter-spacing: 0px;}
h4,.h4 { font-size: 20px;line-height: 32px;letter-spacing: 0px;}
h5,.h5 { font-size: 16px;line-height: 32px;letter-spacing: 0px;}
.h2__bold { font-weight: bold; font-size: 48px; line-height: 1.3;}
.custom_font {font-family: 'Raleway', sans-serif;}
a {
transition-duration: 0.6s;
transition-property: all;
transition-timing-function: ease;
color: #0738CD;
text-decoration: none; }
a:hover {
color: #0738CD;
text-decoration: underline; }
hr {border-top: 1px solid #DAE1F8; }
ul {
padding: 0; }
ul li {
list-style: none; }
strong {
font-weight: 700; }
.clear_both {
clear: both; }
/* buttons */
.btn:active:focus, .btn.active:focus,
.btn.focus, .btn:active.focus, .btn.active.focus {
outline: none !important;
box-shadow: none !important; }
.btn {
display: inline-block;
transition: all 0.2s ease !important;
border-radius: 35px;
border: none;
font-weight: 500;
box-shadow: none !important;
text-transform: uppercase;
}
.btn:hover, .btn:focus {
opacity: 0.8 !important; }
.btn:active {
transform: translate(0, 2px); }
.btn--outline {
border-width: 2px;
border-style: solid;
background-color: transparent !important;
}
.btn--outline__inverse {
color: #ffffff !important;
border-color: #ffffff !important;
}
.btn--primary {
background: #0738CD !important;
height: 40px;
line-height: 40px;
font-size: 14px;
padding: 0 24px;
color: #FFF !important;
}
.btn--flat {
background: #f0f0f0 !important;
height: 40px;
line-height: 40px;
font-size: 14px;
padding: 0 24px;
color: #0738cd !important;
}
.btn--prominent {
background: #FD4B78 !important;
height: 40px;
line-height: 40px;
font-size: 14px;
padding: 0 24px;
color: #FFF !important;
}
.btn--white {
background: #fff !important;
}
.btn--prominent:hover {
color: #FFF; }
.btn--ordinary {
background: #FFF !important;
height: 40px;
line-height: 40px;
font-size: 14px;
padding: 0 24px;
color: #333333;
border: solid 1px #afafaf;
}
.btn--ordinary:hover {
color: #515B7A; }
.btn--shapeless {
background: #FFF !important;
height: 40px;
line-height: 40px;
font-size: 14px;
padding: 0 24px;
color: #0738CD;
}
.btn--shapeless:hover {
color: #0738CD; }
.btn:disabled {
opacity: 0.65 !important;
background: #EDF0FA !important;
height: 40px;
line-height: 40px;
font-size: 14px;
padding: 0 24px;
color: #515B7A !important;
cursor: not-allowed;
}
.btn:disabled:hover {
color: #515B7A; }
.btn--autoheight {
height: auto !important;
line-height: 1.6 !important;
padding:15px 24px !important;
}
input[type="text"].form-control__rounded, textarea.form-control__rounded { border-radius:35px; }
.dropdown--inverse .btn--ordinary{
background-color: transparent !important;
border:1px solid rgba(250,250,250,0.6) !important;
color: #ffffff !important;
}
.dropdown--inverse .dropdown-toggle:after { background-image: url(https://content.harstatic.com/media/icons/drop_arrow_white.svg) !important; opacity:0.40 !important; }
.text_inverse { color: #999;}
.color_gray {color:#999999;}
.navbar { padding: 0px;}
.header {background-color: #0738cd; }/* related to color scheme */
.darkgradiant {background-image: linear-gradient(256deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));}
.nav__header {padding: 15px 0px;border-bottom: 1px solid rgba(0, 0, 0, 0.16);}
.header_tagline { padding: 56px 0px; height:220px;}
.tagline__text {font-size: 24px; color:#FFFFFF;margin-bottom: 0px;text-align: center !important; }
.navbar-brand h1 {font-size:32px; color:#FFFFFF; margin-right: 35px;line-height:1;}
.banner_phone {font-size: 16px;line-height: 1;align-self: center;color:#ffffff;}
.depth {border: 1px solid #DFE3F0; }
.depth--landed {box-shadow: none; }
.depth--emboss {box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);}
.depth--standed_out {box-shadow: 0 4px 8px rgba(0, 0, 0, 0.24); }
.depth--above_all {box-shadow: 0 10px 16px rgba(0, 0, 0, 0.24); }
.font20{font-size:20px;}
.container{max-width:1180px !important;}
#menu-toggle {
background-color: transparent !important;
}
@media only screen and (max-width: 768px){
      .order--monile{
      justify-content: left !important;
   }
  }
.menu_dropdown a.nav-item {
    color: #666666;
    text-transform: uppercase;
    font-weight: normal !important;
    padding: 5px 25px;
}
#menu-toggle span {display:block;background:#FFFFFF;border-radius:2px;}
#menu-toggle {width:24px;height:24px;position: relative;position: relative;cursor: pointer;border-radius: 5px;float:right;margin-top:-4px;margin-left:13px;}
#menu-toggle #hamburger {position: absolute;height: 100%;width: 100%;}
#menu-toggle #hamburger span {width: 24px;height:3px;position: relative;top: 0px;left: 0px;margin: 4px 0;}
#menu-toggle #hamburger span:nth-child(1) {transition-delay: .5s;}
#menu-toggle #hamburger span:nth-child(2) {transition-delay: .625s;}
#menu-toggle #hamburger span:nth-child(3) {transition-delay: .75s;}
#menu-toggle #cross {position: absolute;height: 100%;width: 100%;transform: rotate(45deg);border-radius: 5px;}
#menu-toggle #cross span:nth-child(1) {height: 0%;width: 3px;position: absolute;top:0px;left: calc(50% - 2px);transition-delay: 0s;}
#menu-toggle #cross span:nth-child(2) {width: 0%;height: 3px;position: absolute;left: 0%;top: calc(50% - 1px);transition-delay: .25s;}
#menu-toggle.open #hamburger span {width: 0%;}
#menu-toggle.open #hamburger span:nth-child(1) {transition-delay: 0s;}
#menu-toggle.open #hamburger span:nth-child(2) {transition-delay: .125s;}
#menu-toggle.open #hamburger span:nth-child(3) {transition-delay: .25s;}
#menu-toggle.open #cross span:nth-child(1) {height: 100%;transition-delay: .625s;}
#menu-toggle.open #cross span:nth-child(2) {width: 100%;transition-delay: .375s;}
.navbar-light .navbar-brand,
.nav__header .navbar-light .navbar-toggler,
.navbar .nav-item{color:#FFFFFF;padding:5px 17px;font-size: 16px; font-weight:500;}
.nav__header .navbar-light .navbar-toggler{border:none;padding:0px;outline: none;padding-left:17px;}
.navbar .navbar-collapse{border-top:1px solid #ced4da;margin-top:20px;padding-top:15px;}
#AgentSubNave.navbar-collapse{position:absolute;left:0px;right:0px;top:95px;background-color:#fff;box-shadow: -2px 8px 40px 0 rgba(0, 0, 0, 0.16);z-index:10000;}
.navbar-collapse ul li {padding:5px 0px;}
.banner{ border-radius: 18px; overflow:hidden;margin-top: -85px;position:relative;z-index:1;max-width: 1180px !important; margin-left: auto; margin-right: auto; }
.banner_blueblock {background-color: rgba(7, 56, 205, 0.12);position: absolute;left:0px;right: auto;min-height:418px;top:338px;z-index:-1;}
.banner_image{position: relative; right:0px;left: auto;}
.banner_image_img{position: absolute; right:0px;left:0px;top:0px; bottom:0px;background-repeat:no-repeat;background-position: center center; background-size: cover;z-index:-1;}
.banner_image_inn{background: linear-gradient(93deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 60%);}
#AgentSubNave.navbar-collapse.show{bottom:0px;left:0px;right:0px;overflow: scroll;height:100vh;padding-bottom:40px;}
#AgentSubNave { padding-top: 30px;}
/* form control */
.dropdown .dropdown-menu {
border: none;
box-shadow: -2px 8px 40px 0 rgba(0, 0, 0, 0.16);
background-color: #fff;
}
.dropdown .dropdown-menu .dropdown-item { font-size: 14px; padding: 0.75rem 1.5rem;}
.custom-select {background: #FFF url(https://content.harstatic.com/media/icons/arrow-gray-down.svg) no-repeat right 0.25rem center/10px 9px !important; padding-right: 20px;}
.custom-select__underline,
.form-control__underline { border:none; border-bottom: 1px solid #333333 !important;font-size: 18px; }
/*color Scheme */
.color_gray {color: #666666 !important;}
.image_frame { position: relative;width: auto;margin-left: 20px;margin-bottom: 20px;}
.image_frame img { position: relative; z-index: 1;width: 100%; height: auto;display: inline-block;}
.image_frame img:after {content:"";display: block; position: absolute; border: 0px;left:0px; right:0px;bottom:0px;top: 0px; background-image: linear-gradient(225deg, rgba(7, 56, 205, 0) 81%, rgba(7, 56, 205, 0.4));z-index: 1;border: 1px solid red;}
.image_frame:before { position: absolute; left:-20px;bottom:-20px;background-color:#f3f3f3;right: 20px; top: 20px;content: ""; }
/* for coloring */
.dark_bg h1,.dark_bg h2,.dark_bg h3,.dark_bg h4,.dark_bg h5,.dark_bg a:not(.btn),
.dark_bg .section_heading {color:#ffffff !important;}
.dark_bg {color: #ffffff !important; border-radius:16px;}
.custom_card {padding:5px;display:inline-block;margin:0px 8px 8px 0px;padding:3px 12px;font-size:16px; border: none !important; line-height:24px;border-radius: 16px;box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15) !important; background-color: #fff;}
a.custom_card {text-decoration:none !important;color:#555555;}
.custom_card.for_logo{border-radius: 0px !important; width:120px;height:88px;overflow: hidden; text-align:center;padding:9px;box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16) !important;;background-color: #fff;}
.card__tools {border-radius: 4px;background-color: rgba(0, 0, 0, 0.16); text-decoration: none !important;text-align: left;padding:24px 24px 16px 24px; display: flex;min-height:100px;}
.card__tools_icon { width:58px;}
.card__tools_desc { padding-left:10px; }
.card__tools .card__tools__title {font-size: 16px; font-weight:500; color:#ffffff;}
.card__tools__text {color:#ffffff;font-size: 12px;}
.bn_aggent_photo{width:96px;height:96px;background-repeat:no-repeat;background-position:center top;background-size: cover;display:block;}
.banner_content{max-width:1150px; padding:64px;}
.shadow_section {box-shadow: 0 0 48px 0 rgba(0, 0, 0, 0.12);padding: 64px 0px;}
.activity_block {box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);background-color: #fff;padding:24px;}
.activity_block .icon { border-radius:50%; height:56px; width:56px; line-height: 56px; text-align: center; display:block; float:left; margin-right:10px;}
.activity_block_desc { padding-top: 25px; }
.activity_block_date {color: #999999; font-size:12px;}
.map_container { position: relative;min-height:420px;}
.map_container_inner { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;}
.map_container_inner_address {position: absolute; left:0px; right:0px; top:0px; z-index: 1; display:flex;align-self: center;padding: 64px 80px;}
.map_container_location {background-color: #fff;padding:30px 60px;display: inline-block;margin-left:auto; margin-right: auto; margin-top: -100px;}
.access_section { position: relative;height: 416px;width: 100%; }
.access_section_left { position: absolute; left: 0px;height: 466px;width: 525px;padding: 48px;border-radius: 16px;z-index: 2;margin-top: -76px;}
.access_section_right{ position: absolute; right: 0px; left: auto; width:740px;height: 416px;border-radius: 16px; background-image:url(https://content.harstatic.com/resource_2019/imgs/temprary/banner_agentwebsite.jpg); background-position: center center; background-size:cover; background-repeat: no-repeat;z-index: 1;}
.navlinks{display:inline-block;}
.nav-pills_underline{overflow-x:scroll;-webkit-overflow-scrolling: touch;-moz-overflow-scrolling: touch;white-space: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;}
.nav-pills_underline::-webkit-scrollbar { display: none; }
.nav-pills_underline .nav-link{border:none;color:#777777;font-weight:500;font-size:16px;text-transform:uppercase;padding:22px 0px;border-radius:0px;white-space: nowrap;margin:0px 20px;position:relative;}
.nav-pills_underline .nav-link.active{color:#018361;font-weight:500;background-color:transparent;}
.nav-pills_underline{position:relative;}
.nav-pills_underline:before{position:absolute;content:"";left:0px;right:0px;top:0px;height:1px;background-color: #dddddd;z-index:100;}
.nav-pills_underline .nav-link.active:before{position:absolute;content:"";left:0px;right:0px;top:-0px;height:3px;background-color: #018361;z-index:100;}
.section_heading { font-size:40px; color:#000000; line-height: 1.3; margin-bottom: 40px; }
.section_heading_small { font-size: 32px; line-height:40px; margin-bottom:18px; }
.property_card{max-width:350px;box-shadow:-0px 2px 10px 0 rgba(0, 0, 0, 0.1)/*-2px 8px 40px 0 rgba(0, 0, 0, 0.16)*/;float:left;margin:30px 40px 30px 2px;border-radius:16px;overflow: hidden;}
.property_card_img{display:block;min-height:240px;background-repeat:no-repeat;background-position:center center;background-size:cover;width:100%;}
.property_card_address{padding:24px 24px 0px 24px;text-align: center;}
.pca_title { color:#333333; font-weight: bold; font-size: 16px;font-family: 'Raleway', sans-serif; }
.property_card_details{ padding:24px;font-size:12px;color:#666666;}
.label_available{border-radius:4px; color:#fff;background-color:#018361;text-align:center;padding:0px 8px;font-size:12px;display: inline-block;}
.property_card_address a{ text-decoration:none;display:block;}
.property_blog { box-shadow: -2px 4px 24px 0 rgba(0, 0, 0, 0.08); background-color: #fff; display: flex; grid-gap: 0;grid-template-columns: 400px calc(100% - 400px);grid-template-rows: 100% auto;grid-template-areas: 'a b'; display: grid !important; position: relative; text-decoration:none; margin-bottom: 40px;}
.property_blog .property_blog__photo { grid-area:a; background-position: center center; background-size: cover;min-height:266px;}
.property_blog .property_blog__content { grid-area: b; align-self: center; padding:32px; }
.property_blog__content__date{color:#999999;}
.property_blog__content_share { font-size: 14px; font-weight:bold;position: absolute; right: 16px; top: 16px; display: block; }
.property_blog__content__text { font-size: 16px; padding-right:15px;padding-top: 10px;color: #333333;}
.property_blog a { text-decoration: none; }
.property_blog__content_share_link { display:block;}
.property_blog__content_share_btn { display: none;}

@media screen and (max-width: 900px) {
.property_blog { grid-template-columns: 300px calc(100% - 300px);}
}
@media screen and (max-width: 700px) {
.property_blog {
grid-template-columns: 100%;
grid-template-rows: auto;
display: block !important;
}
.property_blog .property_blog__photo {
min-height: 200px;
display: block;
}
.property_blog .property_blog__content,
.property_blog .property_blog__photo {
max-width: 100%;
grid-column-start: 1;
grid-row-start: 2;
}
.banner__inner .banner_content {
padding: 20px;
}
.property_blog__content_share_link { display: none;}
.property_blog__content_share_btn { display: block;}
}
.box_shadow {
padding:15px;
box-shadow: -2px 4px 24px 0 rgba(0, 0, 0, 0.08);
background-color: #fff;
display: inline-block;
height: 106px;
min-width: 190px;
text-align: center;
justify-content: center;
margin: 0px 20px 20px 0px;
display: inline-flex;
align-self: center;
}
.accordion_simple__tab {font-size: 18px; color:#333333; font-weight: bold; text-decoration: none !important;}
.accordion_simple__subtab {font-size: 16px; color:#333333; font-weight: bold; text-decoration: none !important;padding-left:30px;}
.accordion_simple__subtab_content {padding:10px 0px 20px 60px; }
label {
color:#333333;
font-size: 16px;;
font-weight: bold;
text-align: left;
display: block;
}
.aws-banner.aws_section { padding-bottom: 4.5rem !important; }
.container_inner { max-width:1080px;}
.blue_light{background-color: rgba(7, 56, 205, 0.04);}
.half_left{max-width:585px;width:100%;}
.bargraph{margin-bottom:5px;}
.bargraph_header{float:left;width:50%;padding-top:12px;}
.bargraph_row{float:left;width:50%;}
.bargraph_title{text-align:right;font-size:12px;color:#999999;}
.bargraph_track{background-color:rgba(0, 0, 0, 0.08);border-radius:6px;overflow: hidden;}
.bargraph_value{background-color:#ffaf00;height:12px;width:30%;}
.full_row_right,
.full_row_left{width:43%;float:left;}
.full_row_right{width:57%;background-repeat: no-repeat; background-position: center center; background-size: cover; background-image: url(https://content.harstatic.com/resource_2019/imgs/temprary/banner_agentwebsite.jpg); height:inherit;}
.full_row_left_inner{max-width:412px;}
footer {background-color:#757575; padding:40px 0px 0px 0px;color:#ffffff;}
footer h2 {color:#ffffff !important;}
.footer_cocials a{margin:2px;}
.copyrights {background-color:#696969; font-size:11px;color:#ffffff;padding:16px 0px;}
.bargraph .bargraph_row .bargraph_header,
.bargraph .bargraph_row > .bargraph_row{display: none;}
.noscroll{overflow:hidden;}
footer .section_heading_small {color: #333333;}
footer .btn { border-radius: 0px; background-color:#ffffff; color: #696969 !important;}
.slick-prev, .slick-next{width:25px;height:48px;}
.slick-prev{margin-left:-12px;}
.slick-next{margin-right:-12px;}
.slick-next:before,
.slick-prev:before{content: '';display: block;width:25px;height:48px;background:url("https://content.harstatic.com/media/icons/back_black.svg") no-repeat center center; background-size: 30px;opacity:0.7;}
.single-item .slick-prev{margin-left:-0px;}
.single-item .slick-next{margin-right:-0px;}
.banner__inner .banner_content{max-width:1150px; padding:50px 0px;}
.banner__inner .banner_content .tagline { font-size:32px;text-align:left !important;margin-bottom: 30px;}
.header_container {display: flex;}
.navbar-brand { flex-wrap: wrap; display: flex; }
.nav_container { display: flex; }
.nav_container_inner { padding-top: 34px; }
.social_and_phone { margin-left: auto; padding-top: 28px; }
.property_slide { display: flex;border-radius: 18px; overflow: hidden; max-width:1080px; margin-left: auto; margin-right: auto; }
.property_slide_img,
.property_slide_content { -ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%; height:336px;}
.property_slide_img { background-position: center center; background-repeat: no-repeat; background-size: cover; display: flex; max-width: 100%; max-height: 100%; justify-content: center; align-items: center; }
.property_slide_img img{ object-fit: contain; border-radius: 12px; max-width: 100%; max-height: 100%; margin-left: 70px;}
.property_slide_content { padding:60px; align-self: center; align-self: center;}
.property_slide_content h2 { font-size: 28px; margin-bottom:15px;}
.signature {text-align: left;display: flex;text-decoration: none !important;}
.aws-homeslider #carouselExampleControls { border-radius: 20px; background: rgb(0, 0, 0, 0.03); padding: 10px;}
.aws-homeslider .carousel-control-next,.aws-homeslider  .carousel-control-prev { width: 30px; margin: 10px; opacity: 1;}


.signature__photo {width: 40px;min-width: 40px;height: 40px;margin-right: 8px;background-repeat: no-repeat;background-position: center center;background-size: cover;border-radius: 50%;background-image: url(https://content.harstatic.com/media/icons/agent_placeholder.svg);}
.signature__info {flex-grow: 1;align-self: center;overflow: hidden;margin-bottom: 15px;}
.signature__info__name {font-size: 14px;color: #000 !important;font-weight: 600;overflow: hidden;display: block;margin-bottom: 4px;}
.signature__info__desc {font-size: 12px;color: #999999 !important;font-weight: 600;overflow: hidden;display: block;}
/*.list_card .custom_card { background-color: transparent !important; border:1px solid #cccccc !important; }*/
.max-width-250 {
max-width: 250px;
}
.template-8-header {
position: relative;
}
.template-8-header .menu--btn {
position: absolute;
right: 45px;
top: 1rem;
font-size: 20px;
font-weight: 600;
color: #fff;
background: none;
border: none;
outline: none;
display: flex;
align-items: center;
}
.template-8-header .menu--btn img {
max-width: 24px;
margin-left: 10px;
}
.template-8-header::before {
position: absolute;
content: '';
background-image: url(https://content.harstatic.com/media/artwork/agent_website_banner_bg.svg);
top: 0;
left: 0;
bottom: -20px;
width: 58.333333%;
z-index: 0;
background-size: cover;
background-position:center right;
bottom: 0px;
}
.template-8-header .filter-max-width {
max-width: 440px;
}
.template-8-header .user-info {
display: flex;
flex-direction: row;
}
.template-8-header .user-info .discription {
opacity: 0.64;
}
.template-8-header .dropdown-toggle {
background-color: rgba(255, 255, 255, 0.12) !important;
border: none !important;
color: #fff;
}
.menu_dropdown a.nav-item, .nav_bar_contact {
font-weight: 600 !important;
}
.font_weight--semi_bold {
font-weight: 600 !important;
}
.template-8-header .border-bottom.d-table-cell {
border-bottom-color: rgba(221, 221, 221, 0.24) !important;
}
.template-8-header .min-width-350 {
min-width: 350px;
}
.template-8-header .form-control:focus {
box-shadow: none;
}
.template-8-header .link_inverse:hover {
color: #fff;
text-decoration: none;
}
.template-8-header .book--time {
background-color: rgba(255, 255, 255, 0.12) !important;
padding: 25px 24px;
border-radius: 4px;
color: #fff;
}
.template-8-header .book--time img {
width: 20px;
}
.template-8-header .dropdown--quickselect .dropdown-toggle:after {
filter: invert(1);
}
.template-8-header .dropdown--quickselect .dropdown-toggle {
padding-left: 21.5px !important;
text-transform: capitalize;
}
.activity_block .icon {
margin-right: 0px;
}
.form-control__quicksearch {
background: #ffffff url("https://content.harstatic.com/media/icons/icon_search_auxiliary.svg") no-repeat right 20px center;
font-size: 16px;
font-family: 'Work Sans', sans-serif;
}
.template-8-header .user-info .star-icon {
width: 16px;
height: 16px;
object-fit: contain;
}
.template-8-header .nav-tabs--negative .nav-link {
text-transform: capitalize;
opacity: 0.72;
border-bottom: 3px solid rgba(221, 221, 221, 0.24);
}
.template-8-header .nav-tabs--negative .nav-link.active {
font-weight: bold;
opacity: 1;
border-bottom: 3px solid rgba(221, 221, 221, 1);
padding-bottom: 8px;
}
.template-8-header .fs-40 {
font-size: 40px;
}
.template-8-header .fs-20 {
font-size: 20px;
}
.template-8 .card--agent_large__content_desc img {
width: 18px;
object-fit: contain;
}
.border_radius--extra {
border-radius: 16px;
}
.text--color-666 {
color: #666;
}
.slick-prev:before {
background: url(https://content.harstatic.com/media/icons/back_black.svg) no-repeat center center;
filter: opacity(0.4);
transition: .3s;
}
.slick-next:before {
background: url(https://content.harstatic.com/media/icons/back_black_right.svg) no-repeat center center;
filter: opacity(0.4);
transition: .3s;
}
.slick-prev, .slick-next {
margin: 0px 0px;
}
.some-of-listings .slick-slide {
margin-right: 22px;
}
.some-of-listings .property_card {
width: 100%;
margin-left: 0;
border: 1px solid #dfe3f0;
margin-right: 18px;
margin-left: 4px !important;
}
.property_card .card-body {
padding: 12px;
}
.property_card_img {
min-height: 224px;
}
.property_card {
border-radius: 6px !important;
}
.template-8 .nav-tabs {
border-bottom: 0;
border-top: 1px solid #dddddd;
gap: 30px;
}
.template-8 .nav-tabs .nav-link {
color: #777777;
font-size: 14px;
border-radius: 0;
transition: 0s;
padding: 8px 0px;
}
.template-8 .nav-tabs .nav-link.active {
color: #018361;
font-weight: bold;
/*border-bottom: 3px solid #018361 !important;*/
padding-top: 8px;
}
.custom_card {
padding: 5px 12px;
display: inline-block;
font-size: 14px;
font-weight: normal;
}
.star-icon-32 {
width: 32px;
height: 32px;
}
.light--text--color {
color: #999999;
}
.w-80 {
width: 80%;
}
.bargraph_header {
width: 40%;
font-weight: 400;
}
.bargraph_row {
width: 60%;
}
.custom_card.for_logo {
float: none;
}
.certification-container {
position: relative;
}
.certification-container::after {
position: absolute;
content: '';
background-image: url(https://content.harstatic.com/resources/agentwebsite/bgs/picture.jpg);
right: 0;
top: 0;
bottom: 0;
width: 41.666667%;
background-size: cover;
background-position: center;
}
.certification-container::before {
position: absolute;
content: '';
background: linear-gradient(to right, #04258b 58.333333%, rgba(7, 57, 205, 0.7) 41.666667%);
inset: 0;
width: 100%;
z-index: 1;
}
.z-index-hight {
z-index: 10;
}
/*.certification-container .custom_card {
border: solid 1px rgba(0, 0, 0, 0.32);
}*/
.gap-10 {
gap: 10px;
}
.certification-container .for_logo {
width: 120px;
height: 88px;
display: flex;
justify-content: center;
align-items: center;
background-color: #fff;
border-radius: 4px;
}
.certification-container .for_logo img {
max-width: 70px;
height: auto;
max-height: 70px;
object-fit: cover;
}
.card__tools__title {
font-size: 16px;
font-weight: bold;
}
/*.neighborhoods .custom_card {
border: solid 1px rgba(0, 0, 0, 0.16);
}*/
.template-8 .color---dark {
color: #333333 !important;
}
.activity_block {
padding: 24px;
border-radius: 8px;
height: 100%;
}
.activities .activity_block h3 {
font-size: 21px;
}
.activity_block .icon img {
max-width: 25px;
}
.activity_block_date {
font-size: 12px;
color: #999999;
}
.template-8 .max-550 {
max-width: 550px;
}
.recommendations .nav-tabs {
border: none;
gap: 0;
}
.recommendations .nav-tabs .nav-item .nav-link {
border-bottom: 3px solid #ddd !important;
padding: 20px 30px;
text-transform: capitalize;
font-size: 16px;
font-weight: bold !important;
color: #666666;
}
.recommendations .nav-tabs .nav-link.active {
border-top: 0 !important;
border-bottom: 3px solid #0738cd !important;
color: #0738cd;
}
.recommendations .signature__photo {
width: 32px;
height: 32px;
min-width: 32px;
}
.rivich-logo {
max-width: 240px;
height: auto;
}
.get-access--premium .qr-container img {
max-width: 96px;
height: auto;
}
.hover-white:hover {
color: #fff;
}
.template-8-color-dark {
color: #333333;
}
footer .copyrights {
background-color: #dedede;
color: #888888 !important;
}
.footer_cocials a:hover {
text-decoration: none;
}
.template-8-footer .copyrights a {
color: #888888 !important;
text-decoration: underline;
}
body {
font-family: 'Inter', sans-serif !important;
}
.tab-content .card--input input {
  border:2px solid #777777  !important;
padding: 34px 25px;
}
.banner {
margin: 0px auto 70px auto;
}
.banner_content {
padding: 15px 40px;
background-color: #fff;
border-radius: 8px;
box-shadow: 0 8px 56px 0 rgba(0,0,0,.12);
}
.nav-tabs--simple .nav-link.active {
font-weight: 800 !important;
}
.hero_homev2__tabs {
padding-bottom: 5px !important;
}
.hero_homev2__form {
padding: 10px;
border-radius: 0px;
border: 3px solid #888;
width: 75%;
margin-left: auto;
}
.hero_homev2__links a {
padding: 0px 15px;
}
.nav-tabs--pink .nav-link.active:after {
background-color: #0738CD !important;
}
.nav-tabs--pink .nav-link.active {
color: #0738CD !important;
}
.navbar-light .navbar-brand, .navbar .nav-item {
padding: 5px 18px;
font-weight: 600;
}
.navbar-light {
padding: 15px 0px !important;
}
.template-8-header::before {
display: none;
}
.template-8-header::after {
position: absolute;
content: '';
background-image: url(https://content.harstatic.com/resources/agentwebsite/bgs/picture.jpg);
background-size: cover;
background-position: center !important;
top: 0;
right: 0;
bottom: 0;
left: 0%;
z-index: -1;
min-height: 540px;
filter: brightness(0.8);
}
.template-8-header .user-info {
max-width: 600px;
}
.template-8-header .user-info .user--info--card--image {
width: 23%;
height: 23%;
}
.slick-initialized .slick-slide .align-items-center .img-fluid {
width: 100%;
}
.nav-tabs--negative .nav-link {
color: #777777 !important;
font-weight: normal;
}
.nav-tabs--negative .nav-link.active {
color: #0738CD !important;
border-bottom: 3px solid #0738CD !important;
transition: 0s !important;
}
.link_inverse {
color: #0738CD !important;
}
.dropdown--quickselect .dropdown-toggle {
border: none !important;
padding: 0px 27.5px 0px 0px !important;
color: #777777 !important;
font-weight: normal;
}
.dropdown--quickselect{
	border: solid 1px #d0d0d0;
}
.dropdown--quickselect .dropdown-toggle:after {
filter: opacity(0.3);
}
.banner_content .mx-auto {
width: 100%;
max-width: 660px;
}
.tab-content {
	margin-top: 30px;
width: 100%;
max-width: 100%;
}
.front--image--content {
margin-top: 90px;
}
.form--options {
margin: auto;
/*border-top: 0.1px solid #e9e7e777;*/
}
.hero_homev2__options {
margin-bottom: 10px !important;
}
.template-8 .nav-tabs .nav-link.active {
border: 0;
border-top: 3px solid #018361;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
border-color: transparent;
}
.property_card_img {
filter: brightness(0.8);
}
.property_card_img::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 100px;
background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
z-index: 1;
}
.property_card_img .position-absolute {
z-index: 2;
}
.property_card_img .position-absolute span {
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
color: #FFFFFF;
font-weight: 500;
}
.about--left--content {
max-width: 322px;
max-height: 265px;
overflow-y: hidden;
}
.custom_card.for_logo {
float: inline-start;
}
.card__tools {
/*background-color: transparent;*/
border: none !important;

}
/*.custom_card {
border-radius: 4px;
}*/
.recommendations .container ul {
border-top: 0;
gap: 0px;
}
.navbar .nav-item {
text-transform: capitalize !important;
}
.template-8-header .user-info .star-icon {
width: 13px !important;
}
.nav-link, .nav-tabs--underline .nav-link {
padding: 8px 24.5px;
}
.form-control--large {
padding: 10px !important;
}
.theme_color_bg_social{
background-color: #f5f5f5;;
}
.sec-mrg--large {
margin-bottom: 65px !important;
}
.recommendation-tabs .nav-tabs .nav-link.active {
border-bottom: 3px solid #0738CD;
border-top: none !important;
color: #0738CD;
}
@media (max-width: 767px){
   .property_slide_img img{
      margin-left: 0px !important;
   }
   .template--8--card .agent_tagline
   {
      text-align: center !important;
   }
.property_slide_img{
max-width: 100% !important;
}
.user--info--card--image{
width: 23% !important;
}
.sec-mrg--large {
margin-bottom: 15px !important;
}
.card--info,
.template--8--card{
text-align: center;
justify-content: center;
}
}
.property_slide {
max-width: 100% !important;
padding: 0px !important;
}
.property_slide_img {
flex: 0 0 53% !important;
max-width: 50%;
margin: 0px !important;
}
.copyrights {
background-color: #696969 !important;
}
.template-8 .nav-tabs {
border-bottom: 0;
gap: 30px;
}
.nav-tabs--bold .nav-link {
font-weight: 600 !important;
border-bottom-width: 3px !important;
}
.template-8 .nav-tabs {
gap: 0px;
}
.carousel-inner{
border-radius: 18px;
}
.template-8 .nav-tabs .nav-link { 
padding: 8px 20px !important;
}
.nav-tabs .nav-link:hover {
border-bottom: 2px solid #DAE1F8;
color: #0738CD;
}
.discription{
opacity: 0.64;
}
.section_heading {
font-size: 40px;
color: #000000;
line-height: 1.3;
margin-bottom: 20px !important;
}
.text--color-666 { 
font-size: 12px;
}
.tooltip-inner {
background-color: #333;
color: #fff;
font-size: 0.9rem;
max-width: 250px;
}
.tooltip.bs-tooltip-top .arrow::before {
border-top-color: #333;
}
.custom_card {
cursor: pointer; 
}
.some-of-listings .nav-tabs .nav-link:hover {
border-bottom: none !important;
}

.inner_page .header__internalpage.header {border-bottom: 1px solid #dddddd; background-color: white !important;}
.inner_page h1.title { font-size:32px; letter-spacing:1; font-weight:bold; line-height:1;}
.inner_page .header__internalpage { border-bottom:1px solid #dddddd; }
.inner_page .navbar-light .navbar-brand, .navbar .nav-item { color: #666666; }
.inner_page #menu-toggle span {background: #666;}

.nav_container_inner { background-color: rgba(0, 0, 0, 0.3); border-radius: 8px; padding: 4px 8px !important;}

@media screen and (max-width: 1468px) {
.template-8-header::before {
width: 64%;
}
}
@media (max-width:1390px) {
.slick-prev{margin-left:0px;}
.slick-next{margin-right:0px;}
}
@media screen and (max-width: 1118px) {
.template-8-header::before {
width: 66%;
}
.template-8-header .filter-max-width {
max-width: 400px;
}
}
@media (max-width:1177px) {
.navbar-brand { margin-top: 10px; }
.nav__header { padding:5px 0px; }
.nav_container { flex-direction: column; margin-left: auto; }
.social_and_phone { padding-top: 0px; padding-bottom:5px; }
.nav_container_inner { padding-top: 5px; }
#AgentSubNave.navbar-collapse { top:86px; padding: 30px; }
}
@media (max-width:1080px) {
.social_and_phone { display: flex; }
.navbar-brand .banner_phone {display: none; }
.social_and_phone .banner_phone {display:block;margin-right: 20px; }
}
@media screen and (max-width: 1030px) {
.template-8-header::before {
width: 69%;
}
@media (max-width:940px) {
.navbar-brand h1 { font-size: 36px;}
}
}
@media screen and (max-width: 930px) {
.template-8-header::before {
width: 75%;
}
@media (max-width:880px) {
.navlinks{display:none;}
.navbar-light{padding:15px 0px;}
#AgentSubNave.navbar-collapse{padding-left:40px;}
.nav-pills_underline::before{display:none;}
.nav.nav-pills_underline{border-top:1px solid #ddd;}
.nav_container_inner { margin-left: auto; }
.access_section { position:static;height:inherit;}
.access_section_left { position:static;height:auto;width:100%;margin-top:0px;border-radius:16px 16px 0px 0px;}
.access_section_right{ position:static;width:100%;height:300px; border-radius:0px 0px 16px 16px;}
}
}
@media screen and (max-width: 850px) {
.template-8-header::before {
width: 75%;
}
.template-8-header .filter-max-width {
max-width: 370px;
}
}
@media (max-width:778px) {
#IconTextContainer{border:none;padding:0px;}
.section_heading { font-size: 36px; line-height:1.4; margin-bottom:18px; }
.tagline {font-size: 28px; margin-bottom: 20px; }
.gradiant_row { padding: 20px 0px;}
.map_container {position: static;min-height:inherit;}
.map_container_inner { min-height:150px;width: 100%;position: static; }
.map_container_inner_address { position: static; background:none;padding: 10px; }
.map_container_location { padding:20px; }
.image_frame { margin-left:10px;margin-bottom:10px;}
.image_frame:before { left:-10px;bottom:-10px;right: 10px; top: 10px; }
/* .navbar-toggler > span { display: none !important; } */
#AgentSubNave.navbar-collapse{ top: 123px;}
.banner { border-radius: 0px;margin-top: 0px; }
.banner_content{padding:30px;}
.header_tagline { height: inherit; padding:20px; }
.tagline__text { font-size: 16px; line-height: 1.3;}
.navbar-brand { display: block; text-align: center;}
.navbar-brand .banner_phone {display: block; }
.social_and_phone {display:none; }
.navbar-brand h1 {margin-right: 0px; margin-bottom: 12px !important;}
.header_container { display: block;position: static;}
.nav_container { display: block;}
.nav__header .navbar-light .navbar-toggler { position: absolute; top: 20px; right: 20px;}
.nav__header { border-bottom: 0px; }
.header_tagline h2 { font-weight:normal !important;}
.navbar {position: static;}
.property_slide { display: block; }
.property_slide_img,
.property_slide_content { width:100%;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%; height: auto;}
.property_slide_img{ height:240px;}
.property_slide_content {padding:20px 30px 30px 30px;}
.section_title { font-size:32px; }
}
@media screen and (min-width: 768px) {
.card-selection{
	max-width:480px; float: right;
}
}
@media screen and (max-width: 767px) {
.social_and_phone .banner_phone {display: none; }
.template-8-header::before {
width: 95%;
}
.certification-container::before {
background: #04258b;
}
.front--image--content {
margin-top: 25px;
}
.slick-slider {
margin: auto 54px;
}
.banner_content {
padding: 15px;
}
.banner {
margin: 0px auto 35px auto;
}
.dropdown-menu .respnsive_right .depth .depth--above_all .show {
position: absolute !important;
will-change: transform !important;
top: 0px !important;
left: 0px !important;
transform: translate3d(-87px, -247px, 0px) !important;
}

.navbar-light { padding: 0px 0px !important; }

}
@media screen and (max-width: 576px) {
.template-8-header {
overflow-x: hidden;
}
.template-8-header .menu--btn {
position: relative;
color: #fff;
margin-left: auto;
}
.template-8-header .menu--btn img {
filter: invert(1);
}
.template-8-header::before,
.template-8-header::after {
display: none;
}
.template-8-header {
background-color: #042280;
}
.template-8-header .user-info {
flex-direction: column;
align-items: center;
}
.template-8 .slick-prev::before,
.template-8 .slick-next::before {
height: 25px;
}
.font_size--large_extra_extra_extra_sm {
font-size: 32px !important;
}
.font_size--large_extra_extra_sm {
font-size: 24px !important;
}
.font_size--large_sm {
font-size: 16px !important;
}
.font_size--medium_sm {
font-size: 14px !important;
}
.font_size--large_extra_sm {
font-size: 18px !important;
}
.some-of-listings .nav-tabs {
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
gap: 20px;
}
.some-of-listings .nav-tabs .nav-item {
white-space: nowrap;
}
.certification-container .for_logo {
width: 90px;
height: 70px;
}
.certification-container .for_logo img {
max-height: 60px;
}
.template-8 .map {
height: 250px;
}
.tab-content .card--input input {
padding: 30px 10px;
}
.navbar-brand h1 { font-size: 28px;}
.bn_aggent_photo{margin:20px auto;width:64px; height:64px;}
.banner_image_img{-webkit-filter: blur(2px);filter: blur(2px);}
.bargraph{margin-bottom:17px;}
.bargraph .bargraph_row{width:100%;float: none;}
.bargraph > .bargraph_header{display: none;}
.bargraph .bargraph_row .bargraph_title,
.bargraph .bargraph_row .bargraph_header{display:inline-block;float:none;width:auto; padding-top:0px;padding-right: 5px;padding-bottom:5px;}
.bargraph_row{float:right;width:50%;}
.property_card_details{padding:15px;}
.property_card{margin:10px;max-width:290px;}
.banner__inner h1 { font-size: 28px !important; margin-bottom: 0px; line-height: 1.2; }
.navbar-light{padding:0px;}
.btn--large { padding: 0 18px !important;}
.nav__header { padding: 5px 0px;}
.banner .btn--large {height: 52px !important;line-height: 52px !important;font-size: 14px !important;padding: 0 24px !important; font-size: 16px;display: block; width: 100%;}
.banner_content{padding:50px 20px;}
banner__inner .btn--medium {height:28px !important;line-height:28px !important;font-size: 14px !important;padding: 0 12px !important; }
.access_section_left { padding: 20px; }
.access_section_right{ height:200px;}
.carousel-control-prev, .carousel-control-next { bottom: auto; top: 225px;}
}
@media screen and (max-width: 400px) {
.nav-tabs--negative .nav-link {
padding: 8px 10px;
}
}
@media (max-width:366px) {
.section_heading {font-size: 28px;}
.section_heading_small { font-size:20px;}
.property_slide_content { padding:20px;}
}
.nav-tabs--underline .nav-link{
	text-transform: capitalize !important;
}
.nav-tabs--negative .nav-link.active, .nav-tabs--simple .nav-link.active, .nav-tabs--pink .nav-link.active, .nav-tabs--solid .nav-link.active, .nav-tabs--underline .nav-link.active {
    border-bottom: 2px solid #0738cd !important;
 }