#hz-slider{height:60vh;margin-top:60px}#hz-slider.position-relative{position:relative}#hz-slider.overflow-hidden{overflow:hidden !important}@media screen and (max-width: 767px){#hz-slider{min-height:450px;padding-bottom:85px}}#hz-slider .w-100{width:100% !important}#hz-slider .h-100{height:100% !important}#hz-slider .p-0{padding:0 !important}#hz-slider .row{--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-0.5 * var(--bs-gutter-x));margin-left:calc(-0.5 * var(--bs-gutter-x))}#hz-slider .col-3{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:25%}#hz-slider .col-4{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333333%}#hz-slider .col-6{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%}#hz-slider .position-relative{position:relative !important}#hz-slider .position-absolute{position:absolute !important}#hz-slider .p-2{padding:0.5rem !important}#hz-slider .p-3{padding:1rem !important}#hz-slider .px-2{padding-right:0.5rem !important;padding-left:0.5rem !important}#hz-slider .px-3{padding-right:1rem !important;padding-left:1rem !important}#hz-slider .px-4{padding-right:1.5rem !important;padding-left:1.5rem !important}#hz-slider .py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}#hz-slider .m-0{margin:0 !important}#hz-slider .ms-1{margin-left:0.25rem !important}#hz-slider .ms-2{margin-left:0.5rem !important}#hz-slider .me-2{margin-right:0.5rem !important}#hz-slider .mt-2{margin-top:0.5rem !important}#hz-slider .mt-3{margin-top:1rem !important}#hz-slider .mt-4{margin-top:1.5rem !important}#hz-slider .mb-1{margin-bottom:0.25rem !important}#hz-slider .mb-2{margin-bottom:0.5rem !important}#hz-slider .mb-3{margin-bottom:1rem !important}#hz-slider .mb-4{margin-bottom:1.5rem !important}#hz-slider .d-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}#hz-slider .d-inline-flex{display:-webkit-inline-box !important;display:-ms-inline-flexbox !important;display:inline-flex !important}#hz-slider .d-inline-block{display:inline-block !important}#hz-slider .align-items-start{-webkit-box-align:start !important;-ms-flex-align:start !important;align-items:flex-start !important}#hz-slider .align-items-center{-webkit-box-align:center !important;-ms-flex-align:center !important;align-items:center !important}#hz-slider .align-items-end{-webkit-box-align:end !important;-ms-flex-align:end !important;align-items:flex-end !important}#hz-slider .justify-content-center{-webkit-box-pack:center !important;-ms-flex-pack:center !important;justify-content:center !important}#hz-slider .flex-column{-webkit-box-orient:vertical !important;-webkit-box-direction:normal !important;-ms-flex-direction:column !important;flex-direction:column !important}#hz-slider .float-end{float:right !important}#hz-slider .text-center{text-align:center !important}#hz-slider .fw-bold{font-weight:700 !important}#hz-slider .bg-white{--bs-bg-opacity: 1;background-color:#fff !important}#hz-slider .border-end{border-right:1px solid #dee2e6 !important}#hz-slider .text-white{--bs-text-opacity: 1;color:#fff !important}#hz-slider .rounded{border-radius:0.375rem !important}@media screen and (min-width: 992px){#hz-slider .p-lg-4{padding:1.5rem !important}#hz-slider .mt-lg-4{margin-top:1.5rem !important}#hz-slider .mt-lg-5{margin-top:2rem !important}#hz-slider .mb-lg-3{margin-bottom:1rem !important}}@media screen and (min-width: 768px){#hz-slider .pb-md-5{padding-bottom:2.5rem !important}}#hz-slider .img{background-repeat:no-repeat;background-size:cover;background-position:center center}#hz-slider .img-ctn{background-color:#fff}#hz-slider .img-ctn .img-box{margin-left:25%}@media screen and (max-width: 767px){#hz-slider .img-ctn{background-color:unset}#hz-slider .img-ctn .img-box{margin:unset}}#hz-slider .view-estate{-webkit-transform:scaleY(1) !important;transform:scaleY(1) !important}#hz-slider .view-estate .ep-1{top:0 !important;opacity:1 !important;-webkit-transition:all 1s ease 0.6s;transition:all 1s ease 0.6s}#hz-slider .view-estate .ep-2 h2{-webkit-transition:all 1s linear 0.3s;transition:all 1s linear 0.3s;left:0 !important;opacity:1 !important}#hz-slider .view-estate .ep-2 .sub-title{left:0 !important;opacity:1 !important;-webkit-transition:opacity 0.8s linear 0.9s, left 0.6s ease 1s;transition:opacity 0.8s linear 0.9s, left 0.6s ease 1s}#hz-slider .view-estate .ep-2 h3 div span,#hz-slider .view-estate .ep-2 h3 div small{-webkit-transition:opacity 0.3s ease 1.4s;transition:opacity 0.3s ease 1.4s;opacity:1 !important}#hz-slider .view-estate .ep-2 h3 div::before{width:100% !important;-webkit-transition:width 0.3s ease 1.2s, -webkit-transform 0.5s ease 1.7s;transition:width 0.3s ease 1.2s, -webkit-transform 0.5s ease 1.7s;transition:width 0.3s ease 1.2s, transform 0.5s ease 1.7s;transition:width 0.3s ease 1.2s, transform 0.5s ease 1.7s, -webkit-transform 0.5s ease 1.7s;-webkit-transform:scaleX(0) !important;transform:scaleX(0) !important}#hz-slider .view-estate .ep-3 p{-webkit-transition:opacity 0.5s ease 1.4s, -webkit-transform 0.5s ease 1.45s;transition:opacity 0.5s ease 1.4s, -webkit-transform 0.5s ease 1.45s;transition:transform 0.5s ease 1.45s, opacity 0.5s ease 1.4s;transition:transform 0.5s ease 1.45s, opacity 0.5s ease 1.4s, -webkit-transform 0.5s ease 1.45s;-webkit-transform:scaleY(1) !important;transform:scaleY(1) !important;opacity:1 !important}#hz-slider .view-estate .ep-3 .house-info div{-webkit-transform:scale(1) !important;transform:scale(1) !important;-webkit-transition:-webkit-transform 0.6s ease 1.8s;transition:-webkit-transform 0.6s ease 1.8s;transition:transform 0.6s ease 1.8s;transition:transform 0.6s ease 1.8s, -webkit-transform 0.6s ease 1.8s}#hz-slider .estate-title{display:none}@media screen and (max-width: 767px){#hz-slider .estate-title{display:block;min-height:60px;left:0;bottom:85px;z-index:9999 !important;background:rgba(190,175,155,0.8) !important;opacity:1;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-transition-delay:.2s;transition-delay:.2s}#hz-slider .estate-title.hide-estate-title{opacity:0}}#hz-slider .estate-title .estate-sts div{background:#BEAF87;color:#fff}@media screen and (max-width: 1024px){#hz-slider .estate-title .estate-sts div{font-size:0.8em}}#hz-slider .estate-title h2{font-size:1.1em;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#hz-slider .estate-part{overflow:hidden;color:#18191b;width:0;top:0;left:-5%;background:#fff}@media screen and (max-width: 767px){#hz-slider .estate-part{left:0;width:100%;height:calc(100% - 40px) !important;z-index:9999 !important;background:rgba(255,255,255,0.85) !important;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s, -webkit-transform 0.5s;-webkit-transform:scaleY(0);transform:scaleY(0)}}#hz-slider .estate-part .ep-1{top:-11%;opacity:0}#hz-slider .estate-part .ep-1 .estate-sts div{background:#BEAF87;color:#fff}@media screen and (max-width: 1024px){#hz-slider .estate-part .ep-1 .estate-sts div{font-size:0.8em}}#hz-slider .estate-part .ep-2 h2{color:#BEAF87;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.8em;position:relative;left:-100%;opacity:0}@media screen and (max-width: 1366px){#hz-slider .estate-part .ep-2 h2{font-size:2em}}@media screen and (max-width: 1024px){#hz-slider .estate-part .ep-2 h2{font-size:1.5em}}#hz-slider .estate-part .ep-2 .sub-title{left:-100%;opacity:0}#hz-slider .estate-part .ep-2 .sub-title svg,#hz-slider .estate-part .ep-2 .sub-title span{color:#808080}@media screen and (max-width: 1024px){#hz-slider .estate-part .ep-2 .sub-title svg,#hz-slider .estate-part .ep-2 .sub-title span{font-size:0.9em}}#hz-slider .estate-part .ep-2 .sub-title svg{min-width:16px}#hz-slider .estate-part .ep-2 h3{font-size:2em}@media screen and (max-width: 1366px){#hz-slider .estate-part .ep-2 h3{font-size:1.6em}}#hz-slider .estate-part .ep-2 h3 div{position:relative}#hz-slider .estate-part .ep-2 h3 div small{color:rgba(0,0,0,0.5)}#hz-slider .estate-part .ep-2 h3 div span,#hz-slider .estate-part .ep-2 h3 div small{opacity:0}#hz-slider .estate-part .ep-2 h3 div::before{content:"";background-color:#BEAF87;width:0;height:100%;position:absolute;z-index:1;top:0;left:0;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleX(1);transform:scaleX(1)}#hz-slider .estate-part .ep-3{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:scroll;overflow-x:hidden;font-size:1em}#hz-slider .estate-part .ep-3 p{overflow-y:scroll;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaley(0);transform:scaley(0);opacity:0;color:#18191b}@media screen and (max-width: 1024px){#hz-slider .estate-part .ep-3 p{font-size:0.9em;line-height:1.5em}}#hz-slider .estate-part .ep-3 .house-info{-webkit-box-flex:1;-ms-flex:1;flex:1}#hz-slider .estate-part .ep-3 .house-info div{-webkit-transform:scale(0);transform:scale(0)}#hz-slider .estate-part .ep-3 .house-info div i{font-size:1.5em;color:#a1a1a1}@media screen and (max-width: 1024px){#hz-slider .estate-part .ep-3 .house-info div i{font-size:1.2em}}@media screen and (max-width: 1024px){#hz-slider .estate-part .ep-3 .house-info div span{font-size:0.9em}}@media screen and (max-width: 767px){#hz-slider .estate-part .ep-4{display:none;opacity:0;visibility:hidden}}#hz-slider .estate-part .ep-4 a{cursor:pointer}#hz-slider .estate-part .ep-4 a div{border:1px solid #BEAF87;font-size:1.2em;opacity:0}#hz-slider .estate-part .ep-4 a div i{color:#BEAF87}#hz-slider .estate-part .ep-4 a span{border-left:1px solid #BEAF87;color:#BEAF87;-webkit-transition:all 0.3s;transition:all 0.3s}#hz-slider .estate-part .ep-4 a:hover span{background-color:#BEAF87;color:#fff}#hz-slider .estate-part .ep-4 a:before{content:"";background-color:#BEAF87;width:100%;height:0;position:absolute;z-index:1;top:0;left:0;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(1);transform:scaleY(1)}#hz-slider .direct-part{z-index:1;bottom:0;right:0;width:25%}@media screen and (max-width: 1366px){#hz-slider .direct-part{width:35%}}@media screen and (max-width: 1024px){#hz-slider .direct-part{width:45%}}@media screen and (max-width: 991px){#hz-slider .direct-part{width:50%}}@media screen and (max-width: 767px){#hz-slider .direct-part{width:100%}}#hz-slider .direct-part div.row:first-child{height:80px}@media screen and (max-width: 1024px){#hz-slider .direct-part div.row:first-child{height:60px}}@media screen and (max-width: 767px){#hz-slider .direct-part div.row:first-child{height:45px}}#hz-slider .direct-part div.row:first-child .dp-1,#hz-slider .direct-part div.row:first-child .dp-2,#hz-slider .direct-part div.row:first-child .dp-3{cursor:pointer;-webkit-box-flex:1;-ms-flex:1;flex:1}@media screen and (max-width: 767px){#hz-slider .direct-part div.row:first-child .dp-1,#hz-slider .direct-part div.row:first-child .dp-2,#hz-slider .direct-part div.row:first-child .dp-3{-webkit-box-flex:unset;-ms-flex:unset;flex:unset;-ms-flex-preferred-size:20%;flex-basis:20%}#hz-slider .direct-part div.row:first-child .dp-1 svg,#hz-slider .direct-part div.row:first-child .dp-2 svg,#hz-slider .direct-part div.row:first-child .dp-3 svg{width:25px;height:25px}}#hz-slider .direct-part div.row:first-child .dp-1,#hz-slider .direct-part div.row:first-child .dp-2{-webkit-transition:all 0.3s;transition:all 0.3s}#hz-slider .direct-part div.row:first-child .dp-1:hover,#hz-slider .direct-part div.row:first-child .dp-2:hover{background-color:#18191b !important;color:#fff}#hz-slider .direct-part div.row:first-child .dp-3{background-color:#25d366}#hz-slider .direct-part div.row:first-child .dp-3 svg{-webkit-transition:all 0.3s;transition:all 0.3s}#hz-slider .direct-part div.row:first-child .dp-3:hover svg{color:#18191b !important}#hz-slider .direct-part div.row:first-child .dp-4{-webkit-box-flex:2;-ms-flex:2;flex:2;background-color:#222326}@media screen and (max-width: 767px){#hz-slider .direct-part div.row:first-child .dp-4{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-align:center !important;-ms-flex-align:center !important;align-items:center !important}}#hz-slider .direct-part div.row:first-child .dp-4 p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}@media screen and (max-width: 767px){#hz-slider .direct-part div.row:first-child .dp-4 p{margin-bottom:0.8rem !important;margin:0 !important;text-align:left !important;padding:0 5px 0 10px;width:auto !important;-webkit-box-flex:1;-ms-flex:1;flex:1}}#hz-slider .direct-part div.row:first-child .dp-4 .avatar{background-position:center center;background-repeat:no-repeat;background-size:cover;width:100px;height:100px;bottom:40px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media screen and (max-width: 1024px){#hz-slider .direct-part div.row:first-child .dp-4 .avatar{width:80px;height:80px}}@media screen and (max-width: 767px){#hz-slider .direct-part div.row:first-child .dp-4 .avatar{width:45px;height:45px;border-radius:unset !important;position:unset !important;-webkit-transform:unset;transform:unset}}#hz-slider .direct-part div.row:last-child{display:none;height:40px;color:#fff;background:#BEAF87}@media screen and (max-width: 767px){#hz-slider .direct-part div.row:last-child{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}}#hz-slider .direct-part div.row:last-child .vp-1{cursor:pointer;position:relative;z-index:0;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;background:#BEAF87}@media screen and (max-width: 767px){#hz-slider .direct-part div.row:last-child .vp-1{-webkit-box-flex:unset;-ms-flex:unset;flex:unset;-ms-flex-preferred-size:20%;flex-basis:20%}}#hz-slider .direct-part div.row:last-child .vp-1::after{content:"";position:absolute;width:155px;height:155px;background-image:conic-gradient(transparent, transparent, transparent, rgba(255,255,255,0.5));-webkit-animation:border-animate 4s linear infinite;animation:border-animate 4s linear infinite;-webkit-animation-delay:-2s;animation-delay:-2s}#hz-slider .direct-part div.row:last-child .vp-1::before{content:"";position:absolute;width:155px;height:155px;background-image:conic-gradient(transparent, transparent, transparent, rgba(255,255,255,0.5));-webkit-animation:border-animate 4s linear infinite;animation:border-animate 4s linear infinite}#hz-slider .direct-part div.row:last-child .vp-1 span{position:absolute;inset:3px;background:#BEAF87;z-index:1}#hz-slider .direct-part div.row:last-child .vp-1 svg{z-index:2;-webkit-animation:heartbeat 2s infinite;animation:heartbeat 2s infinite}#hz-slider .direct-part div.row:last-child .vp-1.active svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}@-webkit-keyframes border-animate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes border-animate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes heartbeat{0%{width:20px;height:20px}20%{width:25px;height:25px}40%{width:20px;height:20px}60%{width:25px;height:25px}80%{width:20px;height:20px}100%{width:20px;height:20px}}@keyframes heartbeat{0%{width:20px;height:20px}20%{width:25px;height:25px}40%{width:20px;height:20px}60%{width:25px;height:25px}80%{width:20px;height:20px}100%{width:20px;height:20px}}#hz-slider .direct-part div.row:last-child .vp-2{color:#fff;-webkit-box-flex:4;-ms-flex:4;flex:4}#hz-slider .image-part{width:calc(2 / 5 * 25%);height:calc(100% - 80px);top:0;right:0}@media screen and (max-width: 1366px){#hz-slider .image-part{width:calc(2 / 5 * 35%)}}@media screen and (max-width: 1024px){#hz-slider .image-part{height:calc(100% - 60px);width:calc(2 / 5 * 45%)}}@media screen and (max-width: 991px){#hz-slider .image-part{width:calc(2 / 5 * 50%)}}@media screen and (max-width: 767px){#hz-slider .image-part{width:auto;height:calc(100% - 145px);-webkit-box-pack:end !important;-ms-flex-pack:end !important;justify-content:flex-end !important}}@media screen and (max-width: 767px){#hz-slider .image-part .image-ctn{margin:0 15px !important}}#hz-slider .image-part .image-ctn .selected{border:1px solid #BEAF87 !important;cursor:default !important}#hz-slider .image-part .image-ctn .selected:before{background-color:unset !important}#hz-slider .image-part .image-ctn .ip-1,#hz-slider .image-part .image-ctn .ip-2,#hz-slider .image-part .image-ctn .ip-3{cursor:pointer;position:relative;width:60px;height:60px;padding:0;-webkit-box-shadow:0 3px 6px rgba(0,0,0,0.3),0 3px 6px rgba(133,97,97,0.4);box-shadow:0 3px 6px rgba(0,0,0,0.3),0 3px 6px rgba(133,97,97,0.4);border:1px solid white}@media screen and (max-width: 767px){#hz-slider .image-part .image-ctn .ip-1,#hz-slider .image-part .image-ctn .ip-2,#hz-slider .image-part .image-ctn .ip-3{width:45px;height:45px}}#hz-slider .image-part .image-ctn .ip-1:before,#hz-slider .image-part .image-ctn .ip-2:before,#hz-slider .image-part .image-ctn .ip-3:before{content:"";background-color:rgba(0,0,0,0.3);width:100%;height:100%;position:absolute;top:0;left:0;-webkit-transition:all 0.3s;transition:all 0.3s}#hz-slider .image-part .image-ctn .ip-1:hover::before,#hz-slider .image-part .image-ctn .ip-2:hover::before,#hz-slider .image-part .image-ctn .ip-3:hover::before{background-color:unset}#hz-slider .image-part .image-ctn .ip-2{margin:15px 0}@media screen and (max-width: 767px){#hz-slider .image-part .image-ctn .ip-2{margin:10px 0}}#hz-slider .count-part{background-color:#BEAF87;max-height:3px;height:100%;z-index:9999;top:calc(100% - 3px)}@media screen and (max-width: 767px){#hz-slider .count-part{top:0}}#hz-slider.active .estate-part{-webkit-transition:left 0.3s, width 0.55s ease-in-out;transition:left 0.3s, width 0.55s ease-in-out;left:0;width:25%}@media screen and (max-width: 1366px){#hz-slider.active .estate-part{width:30%}}@media screen and (max-width: 1024px){#hz-slider.active .estate-part{width:35%}}@media screen and (max-width: 767px){#hz-slider.active .estate-part{width:100%}}@media screen and (min-width: 768px){#hz-slider.active .estate-part .ep-1{top:0;opacity:1;-webkit-transition:all 1s ease 0.7s;transition:all 1s ease 0.7s}#hz-slider.active .estate-part .ep-2 h2{-webkit-transition:all 1s linear 0.3s;transition:all 1s linear 0.3s;left:0;opacity:1}#hz-slider.active .estate-part .ep-2 .sub-title{left:0;opacity:1;-webkit-transition:opacity 0.8s linear 0.9s, left 0.6s ease 1s;transition:opacity 0.8s linear 0.9s, left 0.6s ease 1s}#hz-slider.active .estate-part .ep-2 h3 div span,#hz-slider.active .estate-part .ep-2 h3 div small{-webkit-transition:opacity 0.3s ease 1.4s;transition:opacity 0.3s ease 1.4s;opacity:1}#hz-slider.active .estate-part .ep-2 h3 div::before{width:100%;-webkit-transition:width 0.3s ease 1.2s, -webkit-transform 0.5s ease 1.7s;transition:width 0.3s ease 1.2s, -webkit-transform 0.5s ease 1.7s;transition:width 0.3s ease 1.2s, transform 0.5s ease 1.7s;transition:width 0.3s ease 1.2s, transform 0.5s ease 1.7s, -webkit-transform 0.5s ease 1.7s;-webkit-transform:scaleX(0);transform:scaleX(0)}#hz-slider.active .estate-part .ep-3 p{-webkit-transition:opacity 0.5s ease 1.4s, -webkit-transform 0.5s ease 1.45s;transition:opacity 0.5s ease 1.4s, -webkit-transform 0.5s ease 1.45s;transition:transform 0.5s ease 1.45s, opacity 0.5s ease 1.4s;transition:transform 0.5s ease 1.45s, opacity 0.5s ease 1.4s, -webkit-transform 0.5s ease 1.45s;-webkit-transform:scaleY(1);transform:scaleY(1);opacity:1}#hz-slider.active .estate-part .ep-3 .house-info div{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 0.6s ease 1.8s;transition:-webkit-transform 0.6s ease 1.8s;transition:transform 0.6s ease 1.8s;transition:transform 0.6s ease 1.8s, -webkit-transform 0.6s ease 1.8s}#hz-slider.active .estate-part .ep-4 a div{-webkit-transition:opacity 0.3s ease 1.7s;transition:opacity 0.3s ease 1.7s;opacity:1}#hz-slider.active .estate-part .ep-4 a::before{-webkit-transition:height 0.5s ease 1.45s, -webkit-transform 0.5s ease 2s;transition:height 0.5s ease 1.45s, -webkit-transform 0.5s ease 2s;transition:height 0.5s ease 1.45s, transform 0.5s ease 2s;transition:height 0.5s ease 1.45s, transform 0.5s ease 2s, -webkit-transform 0.5s ease 2s;-webkit-transform:scaleY(0);transform:scaleY(0);height:100%}}
