/***  HOME  **/
.content-wrapper{ flex-grow:1; width:100%; min-width: 0; background-color: #fff;}
.home{}
/* search hm*/
.search-picture{ position: relative; width:100%; height:660px;  background-image:url(../img/home-1st-pic-1.webp); background-position:center top 70%; }
    .search-wrapper{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width:720px;  padding: 30px; background-color:rgba(43, 55, 77, 0.7);
    /**/ -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box; /**/ }
    .sb-title{ position:absolute; top: -64px; left: 30px; height:50px; font-size:52px;line-height: 50px; font-weight:400; font-family: 'Figtree', sans-serif; color:#fff; 
    /**/ -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box; /**/ }
    .search-block{ width:100%; height:100%;  }
/* tabs*/
/* tabs 2 */
.hm-tabs{   max-width: 100%;}
.tabs__caption {    display: -webkit-flex;  display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap;  -ms-flex-wrap: wrap; flex-wrap: wrap;
    list-style: none;   position: relative; }
.tabs__caption li:last-child:before {   content: '';    position: absolute; bottom: -5px;   left: 0;    right: -2px;    z-index: -1;
    height: 5px;    }
.tabs__caption:after {  content: '';    display: table; clear: both;}
.tabs__caption li {position: relative; padding: 14px 23px 10px 23px; margin: 0px 3px 0px 0px; background-color: #122f4b; color: #fff;  
    font-family: 'Figtree', sans-serif; font-weight: 700; text-transform: uppercase;  font-size: 32px; line-height: 34px; text-align: left;  }
.tabs__caption li:not(.active) {    cursor: pointer;  color: #fff;   } 
.tabs__caption li:not(.active):hover {  background-color:#183c5f; }
.tabs__caption .active {  color: #000; background-color: #fff; font-size: 34px; line-height: 36px;}
.tabs__caption .active:after {  content: ''; position: absolute;    bottom: -5px; left: 0; right: 0; height: 5px; }  /* ?? */

.hm-tabs ul{ position:relative; }
.hm-tabs ul li:nth-child(1){ /*margin-right: 3px;*/}
.hm-tabs ul li:nth-child(2){ }
.hm-tabs .tabs__content {display: none; padding: 17px; margin: 0px 0 0 0;  background: rgba(255, 255, 255, 1);  border: none;}
.hm-tabs .tabs__content.active {    display: block;}

.hm-map-search{ position:absolute; top: 5px; right: 0px; color: #fff; margin-top: 14px; padding: 2px 0 0 22px;  font-size: 18px; line-height: 20px; font-family: 'Figtree', sans-serif; font-weight:bold; 
    text-decoration:none; text-transform:uppercase; background-size:14px 23px; background-image:url(../img/hm-location-icon.svg); background-repeat:no-repeat;}
     .hm-map-search:hover{text-shadow:0 0 7px rgba(255, 255, 255, 0.5); }

.hm-sf-location{ height:50px; width:100%; padding: 5px 0 0 38px; border:1px solid #d3d3d3; background-color:#f7f7f7;  background-image:url(../img/home-search-form-icon.svg);
 background-size:20px 20px; background-repeat:no-repeat;  background-position: left 13px center; 
/**/ -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box; /**/}

    .hm-sf-location input{ display:block; height:38px; width:97%; margin: 0; padding: 0; border:none; background-color:#f7f7f7;
     font-family: 'Inter Tight', sans-serif; font-size:18px; line-height:18px; }

.hm-price-line{ display:flex; margin-top:19px; }
    .hm-min-price{ width:48.5%; }
    .hm-max-price{ width:48.5%; margin-left:3%; }
        .hm-price-line select{height: 48px; width: 100%; padding: 0 20px 0 2%; text-align: left; background-color: #fff;  background-position: right 5px center;
            border:none; border-bottom: 1px solid #585a5d;
background-repeat: no-repeat; background-image: url(../img/dropdown-arrow-blue.svg); background-size: 15px 9px; line-height: 1em; font-family: 'Figtree', sans-serif;
 color: #4e4d4d; font-size: 19px; font-weight: 700; -webkit-appearance: none; -moz-appearance: none; text-indent: .01px;
 text-overflow: ''; -ms-appearance: none; appearance: none !important; }
            .hm-price-line select option{ font-size:17px; line-height:22px; font-weight:500; color:#000; }

/* select style */
.hm-sf-dropdowns{ display:flex; width:100%; margin:38px 0 0 0;  }
.hm-sf-mob-dropdowns{ display:flex; width:76%; }
    .hm-sf-select{  width:48.5%; flex-shrink:0;}
    .hm-sf-select2{ width:32%; margin-right: 2%; flex-shrink:0; }
        .hm-sf-select select{height: 48px; width: 100%; padding: 0 20px 0 2%; text-align: left; background-color: #f3f3f3; border: none; background-position: right 5px center;
background-repeat: no-repeat; background-image: url(../img/dropdown-arrow-1.svg); background-size: 13px 8px; line-height: 1em; font-family: 'Figtree', sans-serif;
border: none;  color: #000; font-size: 16px; -webkit-appearance: none; -moz-appearance: none; text-indent: .01px;
 text-overflow: ''; -ms-appearance: none; appearance: none !important; }
        .hm-sf-select2 select{height: 48px; width: 100%; padding: 0 20px 0 2%; text-align: left; background-color: #f3f3f3; border: none; background-position: right 5px center;
background-repeat: no-repeat; background-image: url(../img/dropdown-arrow-1.svg); background-size: 13px 8px; line-height: 1em; font-family: 'Figtree', sans-serif;
border: none;  color: #000; font-size: 16px; -webkit-appearance: none; -moz-appearance: none; text-indent: .01px;
 text-overflow: ''; -ms-appearance: none; appearance: none !important; }
        .hm-sf-mar2{  margin-right:3%; }
        .hm-sf-mar3{ /* margin-right:3%;*/ }
.hm-sf-line{ display:flex; margin-top:21px; }

    .as-check.hm-sf-mapresults{ display: flex; width:50%;  }
    .as-check.hm-sf-mapresults label{ font-size:18px; line-height:18px; padding-top: 4px; padding-left: 6px; font-family: 'Figtree', sans-serif; }
    .as-check.hm-sf-mapresults input{ width:20px; height:20px; }
    
    .hm-sf-search-button{ display: block; margin-left: auto;   width:240px; height:51px; background-color:#2988d8; color:#fff; text-align:center; font-size:18px; line-height:51px;
    text-transform:uppercase; text-decoration:none; border-radius:3px; font-family: 'Figtree', sans-serif; }
        .hm-sf-search-button:hover{ background-color:#2f94ea; }

    .hm-sf-advanced-search{ display: block; font-size:19px; line-height:19px; color:#fff; padding: 0 0 0 24px; margin: 13px 0 0 22px; font-family: 'Figtree', sans-serif;
        text-decoration:none; background-image:url(../img/hm-adv-serach.svg); background-size:17px 17px; background-repeat:no-repeat;  background-position:left top 1px;
        text-decoration:underline;    }
    .hm-sf-advanced-search:hover{text-shadow:0 0 5px rgba(255, 255, 255, 0.5); }

.hm-sf-dropdowns .as-check{ width:33.333%; height: 48px;}
.hm-sf-dropdowns .as-check input{ width:20px; height:20px; }
.hm-sf-dropdowns .as-check label{ font-size:18px; line-height:18px;  font-family: 'Figtree', sans-serif; }

/* LAND */ /*
.hm-slider-lease .hm-sf-search-button{background-color:#2ca900;}
.hm-slider-lease .hm-sf-search-button:hover{background-color:#31bb01;}
.hm-slider-lease .hm-price-line select{background-image: url(../img/dropdown-arrow-green.svg);}
*/

.hm-slider-land .hm-sf-search-button{background-color:#ee6f01;}
.hm-slider-land .hm-sf-search-button:hover{background-color:#ff8114;}
.hm-slider-land .hm-price-line select{background-image: url(../img/dropdown-arrow-orange.svg);}

.hm-slider-income .hm-sf-search-button{background-color:#01a1c3;}
.hm-slider-income .hm-sf-search-button:hover{background-color:#00b2d8;}
.hm-slider-income .hm-price-line select{background-image: url(../img/dropdown-arrow-lightblue.svg);}


/*counties block */
.hm-counties{  }
    .hm-counties h2{ margin-top: 100px; font-size:42px; line-height: 40px; color:#646c78; text-transform:uppercase; font-weight:700; text-align:center; font-family: 'Figtree', sans-serif; }
        .hm-counties h2 div{ color:#c3a65c; font-size:26px; font-weight:400; color:#c3a65c; }
            .hm-counties h2 div span{ font-size:32px; font-weight:700; }
    .hm-conunties-text{ width: 60%; margin: 21px auto ; font-size:15px; line-height:24px; text-align:center; }
    .hm-counties ul{ display:flex; flex-direction: row; flex-wrap: wrap; width:100%; margin-top:60px; }
        .hm-counties ul li{ width:33.333%;  }
            .hm-counties ul li a{ position: relative; display: block; width:100%; padding-bottom:82%; overflow:hidden; text-decoration: none; }
                .hm-counties ul li a:hover div{ opacity: 0.5; }
                .hm-counties ul li a:hover span{opacity: 0.5!important; }
                .hm-counties ul li a img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 101%; width: 101%; object-fit: cover; }
                .hm-counties ul li a div{ position:absolute; top:0; bottom:0; left:0; right:0;  background: linear-gradient( to top,  rgba(0, 0, 0, 0.6), 15%, transparent 60%); opacity: 1; transition:  opacity 0.4s;  }
                .hm-counties ul li a p{ position:absolute; bottom: 36px; left: 38px; z-index:1;  font-family: 'Figtree', sans-serif; font-size: 40px; font-weight: 700; color: #fff; }
                .hm-counties ul li a span{position: absolute; bottom: 78px; left: 38px; width: 50%; padding-bottom: 24%; display: block; opacity: 0.2; background-size:100%; background-repeat: no-repeat;
                 z-index:1; transition:  opacity 0.4s; }
                .hm-los-angeles span{ background-image: url(../img/home-let-la.svg);  }
                .hm-orange-county span{ background-image: url(../img/home-let-oc.svg);}
                .hm-san-diego span{ background-image: url(../img/home-let-sd.svg);}
                .hm-san-mateo span{ background-image: url(../img/home-let-sm.svg); opacity: 0.35!important;}
                .hm-san-francisco span{ background-image: url(../img/home-let-sf.svg);}
                .hm-santa-clara span{ background-image: url(../img/home-let-sc.svg);  opacity: 0.3!important;}
                .hm-santa-barbara span{ background-image: url(../img/home-let-sb.svg);  opacity: 0.4!important;}
                .hm-monterey span{ background-image: url(../img/home-let-mn.svg);  }
                .hm-riverside span{ background-image: url(../img/home-let-rs.svg);  }
                .hm-ventura-county span{ background-image: url(../img/home-let-vn.svg); opacity: 0.4!important; }
                .hm-napa-county span{ background-image: url(../img/home-let-np.svg); opacity: 0.35!important;  }
                .hm-sonoma-county span{ background-image: url(../img/home-let-sn.svg);   opacity: 0.3!important; }
/* new dev */
.hm-nd-newdev{ padding:105px 0 30px 0; }
.hm-nd-top{ display:flex; min-width: 0;}
    .hm-nd-top h2{ padding-left: 33px; font-size:44px; line-height:44px; color:#c3a65c; font-family: 'Figtree', sans-serif; font-weight: 700; text-transform: uppercase;}
        .hm-nd-top h2 span{ display:block; font-size:26px; line-height:29px; font-weight:500;  }
    .hm-nd-top p{ width:58%; margin-left:auto; padding-right: 33px; font-size:15px; line-height:24px; align-self: end; box-sizing: border-box; }
    .hm-nd-top a{ display:block; color:#c0a154; font-size:16px; }
/* slider */
.hm-nd-slider{ margin-top: 30px; /**/  /* width: 100%; display: grid;  max-width: 100%;  max-height: 100vh;  min-height: 0;  min-width: 0; */} /* slider container hack*/ 

.swiper {  width: 100%;  }
.swiper-slide{ width:50%; opacity:0.2!important; height: auto; min-height: 100px; padding-bottom: 35px;}
.swiper-slide-active{ opacity:1!important; }

.slider-pic{ position: relative; width:100%; padding-bottom:56.7% ; overflow: hidden;}
    .slider-pic img{ position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 101%; width: 101%; object-fit: cover;}
    .sc-year-built-2{ position:absolute; top:17px; left:17px; z-index:10; padding: 5px 7px 4px 7px; background:rgba(255, 255, 255, 0.8); font-size:19px; line-height:14px;
    border-radius:5px; color:#3e6095; }
.slider-content{}
    .sc-first-line{ display: flex; margin-top: 2px;}
        .sc-location{ display: block; padding: 1px 0 0 17px; background-image:url(../img/home-new-dev-location.svg); background-repeat:no-repeat; background-size:10px 16px;
        font-size:15px;  line-height:15px; color:#000; text-decoration:none; }
        .sc-first-line div{ margin-left:auto; font-size:14px; line-height:14px; font-weight:600; font-family: 'Figtree', sans-serif; }
    .sc-second-line{ display:flex; margin-top:18px; }
        .sc-second-line a{ display:block; font-size:22px; line-height:22px;  font-weight:700; text-decoration: none; color: #000;}
        .sc-second-line div{ margin-left:auto; font-size: 28px; line-height: 28px; color: #c3a65c; font-weight:700; }

    .sc-separator{ height:1px; width:100%; margin-top: 10px; background-color:#9dabbc;  }
    .sc-third-line{ display:flex; }
        .sc-third-line div{ display:flex; margin:13px 27px 0 0; }
            .sc-icon{display:block; flex-shrink: 0; width:30px; height:30px; border-radius:100%; border: 1px solid #95aecd; background-position:center; background-repeat:no-repeat;}
            .sc-third-line div span{  }
            .sc-third-line div p{ padding:7px 0 0 8px;   font-size: 18px; line-height: 18px; color:#415d7f; font-weight:700; }
                .sc-third-line div p span{font-size:15px; line-height:15px; background: none;}
                .sc-third-line div p b{ font-size:16px; line-height:16px; font-weight:400; }
        .sc-third-line a{ margin-left:auto; margin-top: 20px; color:#415d7f; font-size:16px; line-height:16px; }
            .sc-third-line a span{ }
            .cs-bed span{ background-image:url(../img/slider-home-beds.svg); background-size:20px 14px; }
            .cs-bath span{ background-image:url(../img/slider-home-baths.svg); background-size:18px 19px; }
            .cs-garage span{background-image:url(../img/slider-home-garage.svg); background-size:23px 14px; }
            .cs-area{flex-shrink: 0;}
            .cs-area span{background-image:url(../img/slider-home-area.svg); background-size:15px 15px; }
            .cs-land{ flex-shrink: 0; margin-right:0px!important;  }
            .cs-land span{background-image:url(../img/slider-home-land.svg); background-size:18px 18px;  }

        .cs-forth-line{ display:flex; margin-top:10px; }
            .cs-forth-line div{ display:flex; margin-left: auto;}
            .cs-forth-line a{ display: block; padding: 0 13px 0 13px;   line-height:38px; border-radius: 6px; text-decoration:none; text-transform:uppercase; overflow:hidden; }
                .cs-forth-line a span{  padding-left:4px; }
            .cs-view-prop{height:38px; font-size:14px;; background-color:#63a0b2; color: #fff; font-weight: 600;}
            .cs-request{ height:38px; font-size:14px; margin-left:6px; background-color: #6986b3; color: #fff; font-weight: 600;}
            .cs-view-all{  height:36px;  font-weight: 400; font-size: 14px; border:1px solid #a8b9d2; background-color: #fff; color: #5376ab;}
                .cs-view-all span{font-weight: 600; font-size:15px;}

.swiper .swiper-button-prev{ opacity: 0.9;}
    .swiper .swiper-button-prev:hover{ opacity:1; }

    .swiper .swiper-button-prev:after{font-size:0!important;  }
.swiper .swiper-button-next{  opacity: 0.9;}
 
    .swiper .swiper-button-next:hover{ opacity:1; }
    .swiper .swiper-button-next:after{font-size:0!important;  }

.swiper .swiper-button-prev:after, .swiper .swiper-button-next:after{font-size:0!important;  }

.swiper.swiper-initialized.swiper-horizontal.swiper-backface-hidden{ padding-top:10px; }
.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { top: 0!important; right: 50%!important; left: 50%!important; height:2px!important; /*width:96%!important;*/ width: calc(100% - 66px)!important ;
 box-sizing:border-box; transform: translate(-50%, -50%); }
.swiper-scrollbar-drag{ background-color:#6986b3!important; }

.swiper-button-prev{ display:none!important; }
.sc-navi .swiper-button-prev{display: block!important;}
.swiper-button-next{display:none!important;}
.sc-navi .swiper-button-next{display: block!important;}

.sc-navi{position: absolute; top:4%; right: 26%; width:162px; height:70px; display:flex; }
.sc-navi div{ margin:0px!important; padding:0px!important; top:0!important;  background-repeat:no-repeat; background-size:19px 31px; background-position:center; background-color: #fff;
width: 43%!important; height: 100%!important;  }

.cs-prev{ background-image:url(../img/slider-home-prev2.svg);  border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
.cs-next{ margin-left: auto;  background-image:url(../img/slider-home-next2.svg);  border-top-right-radius: 6px; border-bottom-right-radius: 6px;}


/* / slider */

/* virtual tour */
.hm-virtual{position:relative;  }
.hm-virt-top{ overflow:hidden;  }
    .hm-virt-top img{ max-width:100%; height:auto;  }
.hm-virt-bottom{ width: 100%; display: flex; background-color:#466498; background-image:url(../img/virtual-circles-big.svg); background-size:100%; background-position:top; background-repeat:no-repeat;  }
.hm-virt-laptop{ position:absolute; top:35%; left:100px; width:52%; }
    .hm-virt-laptop img{ max-width:100%; height:auto; }
    .hm-virt-text{  margin-left: auto; padding: 70px 30px 50px 0; width: 38%; /**/ -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box; /**/}
        .hm-virt-text h2{ font-size:42px; line-height:42px; color:#fff;  font-family: 'Figtree', sans-serif; font-weight:700; text-transform:uppercase; }
        .hm-virt-text p{ margin: 3% 0 0 0; font-size:19px; line-height:26px; color:#fff;  font-family: 'Figtree', sans-serif; font-weight:400; }
        .hm-virt-text a{ display:block; height:48px; width: 220px; margin: 3% 0 0 0; border-radius:48px; background-color:#fbd380; color:#203f74; font-size:20px; line-height:48px; text-align:center;
        text-decoration:none; }
/* just listed */
.hm-just-listed{  background-color: #f8f9fa;}
    .hm-jl-top{position:relative; height: 150px; width: 100%; }
    .hm-jl-bottom{ overflow:hidden; }
        .hm-jl-bottom img{ max-width:100%;  height:auto; }
    .hm-jl-text{ position: absolute; top: 2.5vw; left: 8%; width:43%; /**/ -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box; /**/}
        .hm-jl-text h2{ font-size:38px; line-height:38px; color:#585a5a; font-family: 'Figtree', sans-serif; font-weight:800; text-transform:uppercase;  }
        .hm-jl-text p{ margin-top: 18px; font-size:18px; line-height:26px; font-family: 'Figtree', sans-serif; font-weight:400;}
        .hm-jl-text a{ display:block; height:48px; width: 200px; margin-top: 24px; border-radius:48px; border:1px solid #dbcca4; background-color:#fff; color:#c3a65c;
        font-size:20px; line-height:48px; text-decoration:none; text-align:center; }
/*just sold */
.hm-just-sold{position: relative; display: flex; width:100%;  background-color:#3b8b84; }
    .hm-js-left{ width:60%; }
        .hm-js-left img{ max-width:100%; height:auto; }
    .hm-js-right{  width:40%; }
        .hm-js-text{ position: absolute; top: 35%; right: 50px; width:40%; 
         /**/ -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box; /**/ }
            .hm-js-text h2{ font-size:38px; line-height:38px; color:#fbd380; font-family: 'Figtree', sans-serif; font-weight:800; text-transform:uppercase; }
            .hm-js-text p{margin-top: 18px; font-size:18px; line-height:26px; font-family: 'Figtree', sans-serif; font-weight:400; color: #fff;}
            .hm-js-text a{display:block; height:48px; width: 200px; margin-top: 24px; border-radius:48px; background-color:#fbd380; color:#16736b;
        font-size:20px; line-height:48px; text-decoration:none; text-align:center;}
/* buy sell rent */
.hm-bsr{ display:flex; }
    .hm-bsr div{width:33.333%; padding: 30% 0 35px 0;  background-color: #e6e5ea; background-repeat: no-repeat; background-size: 62%; background-position: center top 91px; text-align: center;}
    .hm-bsr-buy{ background-image:url(../img/home-bsr-buy.svg); }
    .hm-bsr-sell{ background-color: #f4f3f4!important;  background-image:url(../img/home-bsr-sell.svg); }
    .hm-bsr-rent{ background-image:url(../img/home-bsr-rent.svg);  }
        .hm-bsr div h3{ font-size:24px; line-height:24px; color:#394355; font-family: 'Figtree', sans-serif; font-weight:700; text-transform:uppercase; }
        .hm-bsr div p{ width: 60%; margin: 13px auto; font-size:16px; line-height:22px; color:#394355; font-family: 'Figtree', sans-serif;}
        .hm-bsr div a{  font-size:16px; line-height:16px; color:#1170c9; font-family: 'Figtree', sans-serif; }