?
酔雨の風webshll2019
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Real Estate Html Template">
<meta name="author" content="">
<meta name="generator" content="Jekyll">
<title>讚讬专讜转 诇讛砖讻专讛</title>
<!-- Google fonts -->
<link href="https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap"
rel="stylesheet">
<!-- Vendors CSS -->
<link rel="stylesheet" href="vendors/fontawesome-pro-5/css/all.css">
<link rel="stylesheet" href="vendors/bootstrap-select/css/bootstrap-select.min.css">
<link rel="stylesheet" href="vendors/slick/slick.min.css">
<link rel="stylesheet" href="vendors/magnific-popup/magnific-popup.min.css">
<link rel="stylesheet" href="vendors/jquery-ui/jquery-ui.min.css">
<link rel="stylesheet" href="vendors/chartjs/Chart.min.css">
<link rel="stylesheet" href="vendors/dropzone/css/dropzone.min.css">
<link rel="stylesheet" href="vendors/animate.css">
<link rel="stylesheet" href="vendors/timepicker/bootstrap-timepicker.min.css">
<link rel="stylesheet" href="vendors/mapbox-gl/mapbox-gl.min.css">
<link rel="stylesheet" href="vendors/dataTables/jquery.dataTables.min.css">
<!-- Themes core CSS -->
<link rel="stylesheet" href="css/themes.css">
<link rel="stylesheet" href="css/rtl.css">
<!-- Favicons -->
<link rel="icon" href="images/favicon.ico">
<!-- Twitter -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@">
<meta name="twitter:creator" content="@">
<meta name="twitter:title" content="Home 02">
<meta name="twitter:description" content="Real Estate Html Template">
<meta name="twitter:image" content="images/homeid-social-logo.png">
<!-- Facebook -->
<meta property="og:url" content="home-02.html">
<meta property="og:title" content="Home 02">
<meta property="og:description" content="Real Estate Html Template">
<meta property="og:type" content="website">
<meta property="og:image" content="images/homeid-social.png">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
</head>
<body>
<header class="main-header position-absolute fixed-top m-0 navbar-dark header-sticky header-sticky-smart header-mobile-xl header-02">
<div class="sticky-area">
<div class="container container-xxl">
<nav class="navbar navbar-expand-xl bg-transparent px-0 w-100">
<a class="navbar-brand order-0 order-xl-1 mx-xl-auto"
href="index.html">
<img src="images/logo-white.png" alt="HomeID" class="normal-logo">
<img src="images/logo.png" alt="HomeID" class="sticky-logo">
</a>
<div class="d-flex d-xl-none order-2">
<a class="d-block ml-auto mr-4 position-relative text-white p-2" href="#">
<i class="fal fa-heart fs-large-4"></i>
<span class="badge badge-primary badge-circle badge-absolute">1</span>
</a>
<button class="navbar-toggler border-0 pr-0" type="button"
data-toggle="collapse"
data-target="#primaryMenu03"
aria-controls="primaryMenu03" aria-expanded="false" aria-label="Toggle navigation">
<span class="text-white fs-24"><i class="fal fa-bars"></i></span>
</button>
</div>
<div class="collapse navbar-collapse order-3 order-xl-0 mt-3 mt-xl-0 mr-auto flex-grow-0"
id="primaryMenu03">
<ul class="navbar-nav hover-menu main-menu px-0 mx-xl-n4">
<li id="navbar-item-home" aria-haspopup="true" aria-expanded="false"
class="nav-item dropdown py-2 py-xl-5 px-0 px-xl-4">
<a class="nav-link dropdown-toggle p-0"
href="index2.php" data-toggle="dropdown" >
专讗砖讬
<span class="caret"></span>
</a>
<ul class="dropdown-menu pt-3 pb-0 pb-xl-3" aria-labelledby="navbar-item-home">
<li class="dropdown-item active">
<a id="navbar-link-home-01"
class="dropdown-link"
href="home-01.html" >
讻谞讬住转 诪砖转诪砖
</a>
</li>
<li class="dropdown-item ">
<a id="navbar-link-home-02"
class="dropdown-link"
href="home-02.html" >
讗讜讚讜转讬谞讜
</a>
</li>
<li class="dropdown-item">
<a id="navbar-link-home-03"
class="dropdown-link"
href="home-03.html" >
讻讬爪讚 讝讛 注讜讘讚
</a>
</li>
<li class="dropdown-item">
<a id="navbar-link-home-04"
class="dropdown-link"
href="home-04.html" >
爪讜专 拽砖专
</a>
</li>
</ul>
</li>
<li id="navbar-item-listing" aria-haspopup="true" aria-expanded="false"
class="nav-item dropdown py-2 py-xl-5 px-0 px-xl-4">
<a class="nav-link dropdown-toggle p-0"
href="listing.html" data-toggle="dropdown"href="index2.php">
讚讬专讜转
<span class="caret"></span>
</a>
<div class="dropdown-menu dropdown-menu-xxl dropdown-menu-listing px-0 py-3" aria-labelledby="navbar-item-listing">
<div class="dropdown-body">
<div class="row no-gutters">
<div class="col-xl-3">
<!-- Heading -->
<h4 class="dropdown-header text-dark fs-16 mb-2">
List view
</h4>
<!-- List -->
<a class="dropdown-item" href="listing-full-width-list.html">
Full width list
</a>
<a class="dropdown-item" href="listing-with-left-filter.html">
List with left filter
</a>
<a class="dropdown-item" href="listing-with-right-filter.html">
List with right filter
</a>
<a class="dropdown-item" href="listing-with-left-sidebar.html">
List with left sidebar
</a>
<!-- List -->
<a class="dropdown-item" href="listing-with-right-sidebar.html">
List with right sidebar
</a>
</div>
<div class="col-xl-3">
<!-- Heading -->
<h4 class="dropdown-header text-dark fs-16 mb-2">
Grid view
</h4>
<!-- List -->
<a class="dropdown-item" href="listing-full-width-grid-1.html">
Full width grid 1
</a>
<a class="dropdown-item" href="listing-full-width-grid-2.html">
Full width grid 2
</a>
<a class="dropdown-item" href="listing-full-width-grid-3.html">
Full width grid 3
</a>
<a class="dropdown-item" href="listing-grid-with-left-filter.html">
Grid with left filter
</a>
<a class="dropdown-item" href="listing-grid-with-right-filter.html">
Grid with right filter
</a>
<a class="dropdown-item" href="listing-grid-with-left-sidebar.html">
Grid with left sidebar
</a>
<a class="dropdown-item" href="listing-grid-with-right-sidebar.html">
Grid with right sidebar
</a>
</div>
<div class="col-xl-3">
<!-- Heading -->
<h4 class="dropdown-header text-dark fs-16 mb-2">
Map style
</h4>
<!-- List -->
<a class="dropdown-item" href="listing-half-map-list-layout-1.html">
Half map list layout 1
</a>
<a class="dropdown-item" href="listing-half-map-list-layout-2.html">
Half map list layout 2
</a>
<a class="dropdown-item" href="listing-half-map-grid-layout-1.html">
Half map grid layout 1
</a>
<a class="dropdown-item" href="listing-half-map-grid-layout-2.html">
Half map grid layout 2
</a>
<a class="dropdown-item" href="listing-full-map-1.html">
Full map 1
</a>
<a class="dropdown-item" href="listing-full-map-2.html">
Full map 2
</a>
<a class="dropdown-item" href="listing-full-map-with-sidebar.html">
Full Map with sidebar
</a>
</div>
<div class="col-xl-3">
<!-- Heading -->
<h4 class="dropdown-header text-dark fs-16 mb-2">
List view
</h4>
<!-- List -->
<a class="dropdown-item" href="listing-full-width-list.html">
Full width list
</a>
<a class="dropdown-item" href="listing-with-left-filter.html">
List with left filter
</a>
<a class="dropdown-item" href="listing-with-right-filter.html">
List with right filter
</a>
<a class="dropdown-item" href="listing-with-left-sidebar.html">
List with left sidebar
</a>
<!-- List -->
<a class="dropdown-item" href="listing-with-right-sidebar.html">
List with right sidebar
</a>
<h4 class="dropdown-header text-dark fs-16 mb-2">
Grid view
</h4>
<!-- List -->
<a class="dropdown-item" href="listing-full-width-grid-1.html">
Full width grid 1
</a>
<a class="dropdown-item" href="listing-full-width-grid-2.html">
Full width grid 2
</a>
<a class="dropdown-item" href="listing-full-width-grid-3.html">
Full width grid 3
</a>
<a class="dropdown-item" href="listing-grid-with-left-filter.html">
Grid with left filter
</a>
<a class="dropdown-item" href="listing-grid-with-right-filter.html">
Grid with right filter
</a>
<a class="dropdown-item" href="listing-grid-with-left-sidebar.html">
Grid with left sidebar
</a>
<a class="dropdown-item" href="listing-grid-with-right-sidebar.html">
Grid with right sidebar
</a>
<h4 class="dropdown-header text-dark fs-16 mb-2">
Single Property
</h4>
<!-- List -->
<a class="dropdown-item" href="single-property-1.html">
Single Property 1
</a>
<a class="dropdown-item" href="single-property-2.html">
Single Property 2
</a>
<a class="dropdown-item" href="single-property-3.html">
Single Property 3
</a>
<a class="dropdown-item" href="single-property-4.html">
Single Property 4
</a>
<a class="dropdown-item" href="single-property-5.html">
Single Property 5
</a>
<a class="dropdown-item" href="single-property-6.html">
Single Property 6
</a>
<a class="dropdown-item" href="single-property-7.html">
Single Property 7
</a>
<a class="dropdown-item" href="single-property-8.html">
Single Property 8
</a>
<a class="dropdown-item" href="single-property-9.html">
Single Property 9
</a>
</div>
</div>
<!-- / .row -->
</div>
</div>
</li>
<li id="navbar-item-dashboard" aria-haspopup="true" aria-expanded="false"
class="nav-item dropdown py-2 py-xl-5 px-0 px-xl-4">
<a class="nav-link dropdown-toggle p-0"
href="#" data-toggle="dropdown" >
讛讻诇讬诐 砖诇讬
<span class="caret"></span>
</a>
<ul class="dropdown-menu pt-3 pb-0 pb-xl-3" aria-labelledby="navbar-item-dashboard">
<li class="dropdown-item">
<a id="navbar-link-dashboard"
class="dropdown-link"
href="dashboard.html" >
Dashboard
</a>
</li>
<li class="dropdown-item">
<a id="navbar-link-add-new-property"
class="dropdown-link"
href="dashboard-add-new-property.html" >
Add New Property
</a>
</li>
<li class="dropdown-item">
<a id="navbar-link-my-properties"
class="dropdown-link"
href="dashboard-my-properties.html" >
My Properties
</a>
</li>
<li class="dropdown-item">
<a id="navbar-link-my-favorites"
class="dropdown-link"
href="dashboard-my-favorites.html" >
My Favorites
</a>
</li>
<li class="dropdown-item">
<a id="navbar-link-save-search"
class="dropdown-link"
href="dashboard-save-search.html" >
Save Search
</a>
</li>
<li class="dropdown-item">
<a id="navbar-link-reviews"
class="dropdown-link"
href="dashboard-reviews.html" >
Reviews
</a>
</li>
<li class="dropdown-item">
<a id="navbar-link-my-package"
class="dropdown-link"
href="dashboard-my-packages.html" >
My Package
</a>
</li>
<li class="dropdown-item">
<a id="navbar-link-my-profile"
class="dropdown-link"
href="dashboard-my-profiles.html" >
My Profile
</a>
</li>
<li class="dropdown-item">
<a id="navbar-link-signup-and-login"
class="dropdown-link"
href="signup-and-login.html" >
Signup and login
</a>
</li>
<li class="dropdown-item">
<a id="navbar-link-password-recovery"
class="dropdown-link"
href="password-recovery.html" >
Password Recovery
</a>
</li>
</ul>
</li>
<li id="navbar-item-pages" aria-haspopup="true" aria-expanded="false"
class="nav-item dropdown py-2 py-xl-5 px-0 px-xl-4">
<a class="nav-link dropdown-toggle p-0"
href="#" data-toggle="dropdown" >
讞讚砖讜转
<span class="caret"></span>
</a>
<ul class="dropdown-menu pt-3 pb-0 pb-xl-3" aria-labelledby="navbar-item-pages">
<li class="dropdown-item dropdown dropright">
<a id="navbar-link-news"
class="dropdown-link dropdown-toggle"
href="#" data-toggle="dropdown" >
News
</a>
<ul class="dropdown-menu dropdown-submenu pt-3 pb-0 pb-xl-3"
aria-labelledby="navbar-link-news">
<li class="dropdown-item">
<a class="dropdown-link" href="blog-classic.html">Blog classic</a>
</li>
<li class="dropdown-item">
<a class="dropdown-link" href="blog-grid.html">Blog grid</a>
</li>
<li class="dropdown-item">
<a class="dropdown-link" href="blog-grid-with-sidebar.html">Blog grid with sidebar</a>
</li>
<li class="dropdown-item">
<a class="dropdown-link" href="blog-list-width-sidebar.html">Blog list with sidebar</a>
</li>
<li class="dropdown-item">
<a class="dropdown-link" href="blog-details-1.html">Blog details 1</a>
</li>
<li class="dropdown-item">
<a class="dropdown-link" href="blog-details-2.html">Blog details 2</a>
</li>
</ul>
</li>
<li class="dropdown-item">
<a id="navbar-link-about-us"
class="dropdown-link"
href="about-us.html" >
About us
</a>
</li>
<li class="dropdown-item dropdown dropright">
<a id="navbar-link-service"
class="dropdown-link dropdown-toggle"
href="#" data-toggle="dropdown" >
Service
</a>
<ul class="dropdown-menu dropdown-submenu pt-3 pb-0 pb-xl-3"
aria-labelledby="navbar-link-service">
<li class="dropdown-item">
<a class="dropdown-link" href="services.html">Services</a>
</li>
<li class="dropdown-item">
<a class="dropdown-link" href="services-with-sidebar.html">Services with sidebar</a>
</li>
</ul>
</li>
<li class="dropdown-item dropdown dropright">
<a id="navbar-link-contact-us"
class="dropdown-link dropdown-toggle"
href="#" data-toggle="dropdown" >
Contact us
</a>
<ul class="dropdown-menu dropdown-submenu pt-3 pb-0 pb-xl-3"
aria-labelledby="navbar-link-contact-us">
<li class="dropdown-item">
<a class="dropdown-link" href="contact-us-1.html">Contact us 1</a>
</li>
<li class="dropdown-item">
<a class="dropdown-link" href="contact-us-2.html">Contact us 2</a>
</li>
</ul>
</li>
<li class="dropdown-item dropdown dropright">
<a id="navbar-link-agent"
class="dropdown-link dropdown-toggle"
href="#" data-toggle="dropdown" >
Agent
</a>
<ul class="dropdown-menu dropdown-submenu pt-3 pb-0 pb-xl-3"
aria-labelledby="navbar-link-agent">
<li class="dropdown-item">
<a class="dropdown-link" href="agents-grid-1.html">Agents grid 1</a>
</li>
<li class="dropdown-item">
<a class="dropdown-link" href="agents-grid-2.html">Agents grid 2</a>
</li>
<li class="dropdown-item">
<a class="dropdown-link" href="agents-grid-with-sidebar.html">Agents grid with sidebar</a>
</li>
<li class="dropdown-item">
<a class="dropdown-link" href="agents-list.html">Agents list</a>
</li>
<li class="dropdown-item">
<a class="dropdown-link" href="agent-details-1.html">Agent detais 1</a>
</li>
<li class="dropdown-item">
<a class="dropdown-link" href="agent-details-2.html">Agent detais 2</a>
</li>
</ul>
</li>
<li class="dropdown-item dropdown dropright">
<a id="navbar-link-agency"
class="dropdown-link dropdown-toggle"
href="#" data-toggle="dropdown" >
Agency
</a>
<ul class="dropdown-menu dropdown-submenu pt-3 pb-0 pb-xl-3"
aria-labelledby="navbar-link-agency">
<li class="dropdown-item">
<a class="dropdown-link" href="agency-grid.html">Agency grid</a>
</li>
<li class="dropdown-item">
<a class="dropdown-link" href="agency-list.html">Agency list</a>
</li>
<li class="dropdown-item">
<a class="dropdown-link" href="agency-details-1.html">Agency details 1</a>
</li>
<li class="dropdown-item">
<a class="dropdown-link" href="agency-details-2.html">Agency details 2</a>
</li>
</ul>
</li>
<li class="dropdown-item">
<a id="navbar-link-faqs"
class="dropdown-link"
href="faqs.html" >
FAQs
</a>
</li>
<li class="dropdown-item">
<a id="navbar-link-page-404"
class="dropdown-link"
href="page-404.html" >
Page 404
</a>
</li>
<li class="dropdown-item">
<a id="navbar-link-checkout"
class="dropdown-link"
href="checkout-complete-1.html" >
Checkout
</a>
</li>
<li class="dropdown-item">
<a id="navbar-link-payment-completed"
class="dropdown-link"
href="checkout-complete-2.html" >
Payment Completed
</a>
</li>
<li class="dropdown-item">
<a id="navbar-link-compare"
class="dropdown-link"
href="compare-details.html" >
Compare
</a>
</li>
<li class="dropdown-item">
<a id="navbar-link-packages"
class="dropdown-link"
href="packages.html" >
Packages
</a>
</li>
</ul>
</li>
<li id="navbar-item-docs" aria-haspopup="true" aria-expanded="false"
class="nav-item dropdown py-2 py-xl-5 px-0 px-xl-4">
<a class="nav-link dropdown-toggle p-0"
href="#" data-toggle="dropdown" >
诪住诪讻讬诐
<span class="caret"></span>
</a>
<div class="dropdown-menu px-0 pt-3 dropdown-menu-docs">
<div class="dropdown-body">
<a class="dropdown-item py-1"
href="docs/getting-started/dev-environment-setup.html">
<div class="media">
<div class="fs-20 mr-3">
<i class="fal fa-file-alt"></i>
</div>
<div class="media-body">
<span class="d-block lh-15">Documentation</span>
<small class="d-block">Kick-start customization</small>
</div>
</div>
</a>
<div class="dropdown-divider m-0"></div>
<a class="dropdown-item py-1"
href="docs/content/typography.html">
<div class="media">
<div class="fs-20 mr-3">
<i class="fal fa-layer-group"></i>
</div>
<div class="media-body">
<span class="d-block lh-15">UI Kit<span
class="badge badge-danger ml-2">50+</span></span>
<small class="d-block">Flexible components</small>
</div>
</div>
</a>
<div class="dropdown-divider m-0"></div>
<a class="dropdown-item py-1"
href="docs/getting-started/changelog.html">
<div class="media">
<div class="fs-20 mr-3">
<i class="fal fa-edit"></i>
</div>
<div class="media-body">
<span class="d-block lh-15">Changelog<span
class="badge badge-success ml-2">v1.0.1</span></span>
<small class="d-block">Regular updates</small>
</div>
</div>
</a>
<div class="dropdown-divider m-0"></div>
<a class="dropdown-item py-1"
href="https://sp.g5plus.net/" target="_blank">
<div class="media">
<div class="fs-20 mr-3">
<i class="fal fa-life-ring"></i>
</div>
<div class="media-body">
<span class="d-block lh-15">Support</span>
<small class="d-block">https://sp.g5plus.net/</small>
</div>
</div>
</a>
</div>
</div>
</li>
</ul>
<div class="d-block d-xl-none">
<ul class="navbar-nav flex-row ml-auto align-items-center justify-content-lg-end flex-wrap py-2">
<li class="nav-item dropdown" style="display: none">
<a class="nav-link dropdown-toggle mr-md-2 pr-2 pl-0 pl-lg-2"
href="#" id="bd-versions-mobile" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
English
</a>
<div class="dropdown-menu dropdown-sm dropdown-menu-left" aria-labelledby="bd-versions-mobile">
<a class="dropdown-item" href="#">VN</a>
<a class="dropdown-item active" href="#">ENG</a>
<a class="dropdown-item" href="#">ARB</a>
<a class="dropdown-item" href="#">KR</a>
<a class="dropdown-item" href="#">JN</a>
</div>
</li>
<li class="divider"></li>
<li class="nav-item ">
<a class="nav-link pl-3 pr-2" data-toggle="modal" href="#login-register-modal">讻谞讬住转 诪砖转诪砖</a>
</li>
<li class="nav-item ml-auto w-100 w-sm-auto">
<a class="btn btn-primary btn-lg"
href="dashboard-add-new-property.html">
驻专住诐 讚讬专讛
<img src="images/add-listing-icon.png" alt="Add listing"
class="ml-1">
</a>
</li>
</ul>
</div>
</div>
<div class="ml-auto d-none d-xl-block order-xl-2">
<ul class="navbar-nav flex-row ml-auto align-items-center justify-content-lg-end flex-wrap py-2">
<li class="nav-item dropdown" style="display: none">
<a class="nav-link dropdown-toggle mr-md-2 pr-2 pl-0 pl-lg-2"
href="#" id="bd-versions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
ENG
</a>
<div class="dropdown-menu dropdown-sm dropdown-menu-right" aria-labelledby="bd-versions">
<a class="dropdown-item" href="#">VN</a>
<a class="dropdown-item active" href="#">ENG</a>
<a class="dropdown-item" href="#">ARB</a>
<a class="dropdown-item" href="#">KR</a>
<a class="dropdown-item" href="#">JN</a>
</div>
</li>
<li class="divider" style="display: none"></li>
<li class="nav-item ">
<a class="nav-link pl-3 pr-2" data-toggle="modal" href="#login-register-modal">讻谞讬住转 诪砖转诪砖</a>
</li>
<li class="nav-item mr-auto mr-lg-6">
<a class="nav-link px-2 position-relative" href="#">
<i class="fal fa-heart fs-large-4"></i>
<span class="badge badge-primary badge-circle badge-absolute">1</span>
</a>
</li>
<li class="nav-item">
<a class="btn btn-outline-light btn-lg text-white rounded-lg bg-hover-primary border-hover-primary hover-white d-none d-lg-block"
href="dashboard-add-new-property.html">
驻专住诐 讚讬专讛
<img src="images/add-listing-icon.png" alt="Add listing"
class="ml-1 normal-button-icon">
<img src="images/add-listing-icon-primary.png" alt="Add listing"
class="ml-1 sticky-button-icon">
</a>
<a class="btn btn-primary btn-lg d-block d-lg-none"
href="dashboard-add-new-property.html">
驻专住诐 讚讬专讛
<img src="images/add-listing-icon.png" alt="Add listing"
class="ml-1">
</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
</header>
<main id="content">
<section>
<div style="background-image: url('images/bg-home-02.jpg')" class="py-lg-17 py-11 bg-cover">
<div class="container mt-lg-9" data-animate="zoomIn">
<p class="mb-5 text-white text-center fs-md-22 fs-18 font-weight-600">讚讬专讜转 诇讛砖讻专讛 - 诇诇讗 诪转讜讜讻讬诐 - 砖讜讻专讬诐 诪爪讬注讬诐 诪讞讬专 讛砖讻专讛</p>
<h2 class="text-white text-center display-2 font-weight-light mb-10">讘讬讞讚 诪讙讚讬专讬诐 讗转 诪讞讬专 讛砖讜拽
讜讻讗谉 拽讜专讛 讛砖讬谞讜讬
</h2>
<div class="mxw-670 position-relative z-index-2">
<input class="search-field" type="hidden" name="status" value="for-sale"
data-default-value="">
<ul class="nav nav-pills property-search-status-tab">
<li class="nav-item" role="presentation">
<a class="nav-link btn shadow-none rounded-bottom-0 fs-13 letter-spacing-087 bg-dark-opacity-05 text-white hover-white text-uppercase bg-active-primary active"
data-toggle="pill" data-value="for-sale" href="#" role="tab" aria-selected="true">
砖讻讬专讜讬讜转
</a>
</li>
<li class="nav-item" role="presentation" style="display: none">
<a class="nav-link btn shadow-none rounded-bottom-0 fs-13 letter-spacing-087 bg-dark-opacity-05 text-white hover-white bg-active-primary text-uppercase"
data-toggle="pill" data-value="for-rent" href="#" role="tab" aria-selected="false">
rent
</a>
</li>
</ul>
<form class="d-flex">
<div class="position-relative w-100">
<i class="far fa-search text-dark fs-18 position-absolute pl-4 pos-fixed-left-center"></i>
<input type="text"
class="rounded-bottom-right-lg w-100 pl-8 py-4 bg-white border-0 fs-13 font-weight-500 text-gray-light rounded-0 lh-17"
placeholder="讛拽诇讚 砖诐 注讬专 讗讜 砖讻讜谞讛" name="search">
</div>
<button type="submit" class="btn btn-primary fs-16 font-weight-600 rounded-left-0 rounded-lg">
讞驻砖
</button>
</form>
</div>
</div>
</div>
</section>
<section class="pt-lg-12 pt-11 pb-11">
<div class="container container-xxl">
<div class="row flex-lg-row flex-cloumn">
<div class="col-lg-5 col-xxl-6">
<h2 class="text-heading">讚讬专讜转 砖诇讗 转专爪讜 诇驻住驻住</h2>
<span class="heading-divider"></span>
<p class="mb-7">讚讬专讜转 诪讜诪诇爪讜转 诪讛讙讜诇砖讬诐 - 讛讚讬专讜转 砖讛讻讬 诪爪讗讜 讞谉 讘注讬谞讬讬 讛讙讜诇砖讬诐 讛讗讞专讬诐 讘讗转专. </p>
</div>
<div class="col-lg-7 col-xxl-6">
<ul class="nav nav-pills mt-lg-4 justify-content-lg-end mb-lg-0 mb-6" role="tablist">
<li class="nav-item pl-lg-3 pr-3 pr-lg-0 mb-3">
<a class="pointer nav-link active fs-13 letter-spacing-087 text-secondary text-uppercase px-4 bg-gray-01 text-active-white bg-active-primary rounded-lg"
id="pills-all-tab" data-toggle="pill" href="#pills-all" role="tab"
aria-controls="pills-all" aria-selected="true">讚讬专讜转</a>
</li>
<li class="nav-item pl-lg-3 pr-3 pr-lg-0 mb-3">
<a class="pointer nav-link fs-13 letter-spacing-087 text-secondary text-uppercase px-4 bg-gray-01 text-active-white bg-active-primary rounded-lg"
id="pills-apartment-tab" data-toggle="pill" href="#pills-apartment" role="tab"
aria-controls="pills-apartment" aria-selected="true">讚讬专讜转 讙谉</a>
</li>
<li class="nav-item pl-lg-3 pr-3 pr-lg-0 mb-3">
<a class="pointer nav-link fs-13 letter-spacing-087 text-secondary text-uppercase px-4 bg-gray-01 text-active-white bg-active-primary rounded-lg"
id="pills-house-tab" data-toggle="pill" href="#pills-house" role="tab"
aria-controls="pills-house" aria-selected="true">讘转讬诐 驻专讟讬讬诐</a>
</li>
<li class="nav-item pl-lg-3 pr-3 pr-lg-0 mb-3" style="display: none">
<a class="pointer nav-link fs-13 letter-spacing-087 text-secondary text-uppercase px-4 bg-gray-01 text-active-white bg-active-primary rounded-lg"
id="pills-office-tab" data-toggle="pill" href="#pills-office" role="tab"
aria-controls="pills-office" aria-selected="true">讚讬专讜转 讙讙</a>
</li>
<li class="nav-item pl-lg-3 pr-3 pr-lg-0 mb-3">
<a class="pointer nav-link fs-13 letter-spacing-087 text-secondary text-uppercase px-4 bg-gray-01 text-active-white bg-active-primary rounded-lg"
id="pills-homes-tab" data-toggle="pill" href="#pills-homes" role="tab"
aria-controls="pills-homes" aria-selected="true">讚讬专讜转 砖讜转驻讬诐</a>
</li>
<li class="nav-item pl-lg-3 pr-3 pr-lg-0 mb-3">
<a class="pointer nav-link fs-13 letter-spacing-087 text-secondary text-uppercase px-4 bg-gray-01 text-active-white bg-active-primary rounded-lg"
id="pills-villa-tab" data-toggle="pill" href="#pills-villa" role="tab"
aria-controls="pills-villa" aria-selected="true">诪砖专讚讬诐</a>
</li>
</ul>
</div>
</div>
<div class="tab-content p-0 shadow-none" id="pills-tabContent">
<div class="tab-pane fade show active" id="pills-all"
role="tabpanel" aria-labelledby="pills-all-tab">
<div class="row">
<div class="col-xxl-3 col-lg-4 col-md-6 mb-6" data-animate="zoomIn">
<div class="card border-0 bg-overlay-gradient-3 rounded-lg hover-change-image">
<img src="images/properties-grid-08.jpg" class="card-img"
alt="Villa on Hollywood Boulevard">
<div class="card-img-overlay d-flex flex-column position-relative-sm">
<div class="d-flex">
<div class="mr-auto h-24 d-flex">
<span class="badge badge-primary mr-2">讚讬专转 讙谉</span>
</div>
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item" style="display: none">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
<div class="mt-auto px-2">
<p class="fs-17 font-weight-bold text-white mb-0 lh-13">诪住驻专 讛爪注讜转 砖讛讜讙砖讜</p>
<h4 class="mt-0 mb-2 lh-1"><a href="single-property-1.html"
class="fs-16 text-white">22</a></h4>
<div class="border-top border-white-opacity-03 pt-2">
<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 讞讚专讬诐
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
2 砖讬专讜转讬诐
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
120 诪"专
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-Garage fs-18 text-primary mr-1">
<use xlink:href="#icon-Garage"></use>
</svg>
讞谞讬讛
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-3 col-lg-4 col-md-6 mb-6" data-animate="zoomIn">
<div class="card border-0 bg-overlay-gradient-3 rounded-lg hover-change-image">
<img src="images/properties-grid-09.jpg" class="card-img"
alt="Home in Metric Way">
<div class="card-img-overlay d-flex flex-column position-relative-sm">
<div class="d-flex">
<div class="mr-auto h-24 d-flex">
<span class="badge badge-orange mr-2">Featured</span>
<span class="badge badge-indigo mr-2">For Sale</span>
</div>
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
<div class="mt-auto px-2">
<p class="fs-17 font-weight-bold text-white mb-0 lh-13">$5.700<span
class="fs-14 font-weight-500"> / year</span></p>
<h4 class="mt-0 mb-2 lh-1"><a href="single-property-1.html"
class="fs-16 text-white">Home in Metric Way</a></h4>
<div class="border-top border-white-opacity-03 pt-2">
<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-Garage fs-18 text-primary mr-1">
<use xlink:href="#icon-Garage"></use>
</svg>
1 Gr
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-3 col-lg-4 col-md-6 mb-6" data-animate="zoomIn">
<div class="card border-0 bg-overlay-gradient-3 rounded-lg hover-change-image">
<img src="images/properties-grid-10.jpg" class="card-img"
alt="Affordable Urban House">
<div class="card-img-overlay d-flex flex-column position-relative-sm">
<div class="d-flex">
<div class="mr-auto h-24 d-flex">
<span class="badge badge-indigo mr-2">For Sale</span>
</div>
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
<div class="mt-auto px-2">
<p class="fs-17 font-weight-bold text-white mb-0 lh-13">$550<span
class="fs-14 font-weight-500"> / month</span></p>
<h4 class="mt-0 mb-2 lh-1"><a href="single-property-1.html"
class="fs-16 text-white">Affordable Urban House</a></h4>
<div class="border-top border-white-opacity-03 pt-2">
<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-Garage fs-18 text-primary mr-1">
<use xlink:href="#icon-Garage"></use>
</svg>
1 Gr
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-3 col-lg-4 col-md-6 mb-6" data-animate="zoomIn">
<div class="card border-0 bg-overlay-gradient-3 rounded-lg hover-change-image">
<img src="images/properties-grid-11.jpg" class="card-img"
alt="Home in Metric Way">
<div class="card-img-overlay d-flex flex-column position-relative-sm">
<div class="d-flex">
<div class="mr-auto h-24 d-flex">
<span class="badge badge-primary mr-2">For Sale</span>
</div>
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
<div class="mt-auto px-2">
<p class="fs-17 font-weight-bold text-white mb-0 lh-13">$1.250.000</p>
<h4 class="mt-0 mb-2 lh-1"><a href="single-property-1.html"
class="fs-16 text-white">Home in Metric Way</a></h4>
<div class="border-top border-white-opacity-03 pt-2">
<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-Garage fs-18 text-primary mr-1">
<use xlink:href="#icon-Garage"></use>
</svg>
1 Gr
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-3 col-lg-4 col-md-6 mb-6" data-animate="zoomIn">
<div class="card border-0 bg-overlay-gradient-3 rounded-lg hover-change-image">
<img src="images/properties-grid-40.jpg" class="card-img"
alt="Home in Metric Way">
<div class="card-img-overlay d-flex flex-column position-relative-sm">
<div class="d-flex">
<div class="mr-auto h-24 d-flex">
<span class="badge badge-indigo mr-2">For Sale</span>
</div>
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
<div class="mt-auto px-2">
<p class="fs-17 font-weight-bold text-white mb-0 lh-13">$550<span
class="fs-14 font-weight-500"> / month</span></p>
<h4 class="mt-0 mb-2 lh-1"><a href="single-property-1.html"
class="fs-16 text-white">Home in Metric Way</a></h4>
<div class="border-top border-white-opacity-03 pt-2">
<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-Garage fs-18 text-primary mr-1">
<use xlink:href="#icon-Garage"></use>
</svg>
1 Gr
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-3 col-lg-4 col-md-6 mb-6" data-animate="zoomIn">
<div class="card border-0 bg-overlay-gradient-3 rounded-lg hover-change-image">
<img src="images/properties-grid-41.jpg" class="card-img"
alt="Affordable Urban House">
<div class="card-img-overlay d-flex flex-column position-relative-sm">
<div class="d-flex">
<div class="mr-auto h-24 d-flex">
<span class="badge badge-primary mr-2">For Sale</span>
</div>
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
<div class="mt-auto px-2">
<p class="fs-17 font-weight-bold text-white mb-0 lh-13">$1.250.000</p>
<h4 class="mt-0 mb-2 lh-1"><a href="single-property-1.html"
class="fs-16 text-white">Affordable Urban House</a></h4>
<div class="border-top border-white-opacity-03 pt-2">
<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-Garage fs-18 text-primary mr-1">
<use xlink:href="#icon-Garage"></use>
</svg>
1 Gr
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-3 col-lg-4 col-md-6 mb-6" data-animate="zoomIn">
<div class="card border-0 bg-overlay-gradient-3 rounded-lg hover-change-image">
<img src="images/properties-grid-42.jpg" class="card-img"
alt="Villa on Hollywood Boulevard">
<div class="card-img-overlay d-flex flex-column position-relative-sm">
<div class="d-flex">
<div class="mr-auto h-24 d-flex">
<span class="badge badge-orange mr-2">Featured</span>
<span class="badge badge-indigo mr-2">For Sale</span>
</div>
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
<div class="mt-auto px-2">
<p class="fs-17 font-weight-bold text-white mb-0 lh-13">$1.250.000</p>
<h4 class="mt-0 mb-2 lh-1"><a href="single-property-1.html"
class="fs-16 text-white">Villa on Hollywood Boulevard</a></h4>
<div class="border-top border-white-opacity-03 pt-2">
<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-Garage fs-18 text-primary mr-1">
<use xlink:href="#icon-Garage"></use>
</svg>
1 Gr
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-3 col-lg-4 col-md-6 mb-6" data-animate="zoomIn">
<div class="card border-0 bg-overlay-gradient-3 rounded-lg hover-change-image">
<img src="images/properties-grid-43.jpg" class="card-img"
alt="Affordable Urban House">
<div class="card-img-overlay d-flex flex-column position-relative-sm">
<div class="d-flex">
<div class="mr-auto h-24 d-flex">
<span class="badge badge-indigo mr-2">For Rent</span>
</div>
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
<div class="mt-auto px-2">
<p class="fs-17 font-weight-bold text-white mb-0 lh-13">$550<span
class="fs-14 font-weight-500"> / month</span></p>
<h4 class="mt-0 mb-2 lh-1"><a href="single-property-1.html"
class="fs-16 text-white">Affordable Urban House</a></h4>
<div class="border-top border-white-opacity-03 pt-2">
<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-Garage fs-18 text-primary mr-1">
<use xlink:href="#icon-Garage"></use>
</svg>
1 Gr
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade " id="pills-apartment"
role="tabpanel" aria-labelledby="pills-apartment-tab">
<div class="row">
<div class="col-xxl-3 col-lg-4 col-md-6 mb-6" data-animate="zoomIn">
<div class="card border-0 bg-overlay-gradient-3 rounded-lg hover-change-image">
<img src="images/properties-grid-09.jpg" class="card-img"
alt="Home in Metric Way">
<div class="card-img-overlay d-flex flex-column position-relative-sm">
<div class="d-flex">
<div class="mr-auto h-24 d-flex">
<span class="badge badge-orange mr-2">Featured</span>
<span class="badge badge-indigo mr-2">For Sale</span>
</div>
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
<div class="mt-auto px-2">
<p class="fs-17 font-weight-bold text-white mb-0 lh-13">$5.700<span
class="fs-14 font-weight-500"> / year</span></p>
<h4 class="mt-0 mb-2 lh-1"><a href="single-property-1.html"
class="fs-16 text-white">Home in Metric Way</a></h4>
<div class="border-top border-white-opacity-03 pt-2">
<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-Garage fs-18 text-primary mr-1">
<use xlink:href="#icon-Garage"></use>
</svg>
1 Gr
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-3 col-lg-4 col-md-6 mb-6" data-animate="zoomIn">
<div class="card border-0 bg-overlay-gradient-3 rounded-lg hover-change-image">
<img src="images/properties-grid-08.jpg" class="card-img"
alt="Villa on Hollywood Boulevard">
<div class="card-img-overlay d-flex flex-column position-relative-sm">
<div class="d-flex">
<div class="mr-auto h-24 d-flex">
<span class="badge badge-primary mr-2">For Sale</span>
</div>
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
<div class="mt-auto px-2">
<p class="fs-17 font-weight-bold text-white mb-0 lh-13">$1.250.000</p>
<h4 class="mt-0 mb-2 lh-1"><a href="single-property-1.html"
class="fs-16 text-white">Villa on Hollywood Boulevard</a></h4>
<div class="border-top border-white-opacity-03 pt-2">
<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-Garage fs-18 text-primary mr-1">
<use xlink:href="#icon-Garage"></use>
</svg>
1 Gr
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-3 col-lg-4 col-md-6 mb-6" data-animate="zoomIn">
<div class="card border-0 bg-overlay-gradient-3 rounded-lg hover-change-image">
<img src="images/properties-grid-10.jpg" class="card-img"
alt="Affordable Urban House">
<div class="card-img-overlay d-flex flex-column position-relative-sm">
<div class="d-flex">
<div class="mr-auto h-24 d-flex">
<span class="badge badge-indigo mr-2">For Sale</span>
</div>
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
<div class="mt-auto px-2">
<p class="fs-17 font-weight-bold text-white mb-0 lh-13">$550<span
class="fs-14 font-weight-500"> / month</span></p>
<h4 class="mt-0 mb-2 lh-1"><a href="single-property-1.html"
class="fs-16 text-white">Affordable Urban House</a></h4>
<div class="border-top border-white-opacity-03 pt-2">
<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-Garage fs-18 text-primary mr-1">
<use xlink:href="#icon-Garage"></use>
</svg>
1 Gr
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-3 col-lg-4 col-md-6 mb-6" data-animate="zoomIn">
<div class="card border-0 bg-overlay-gradient-3 rounded-lg hover-change-image">
<img src="images/properties-grid-11.jpg" class="card-img"
alt="Home in Metric Way">
<div class="card-img-overlay d-flex flex-column position-relative-sm">
<div class="d-flex">
<div class="mr-auto h-24 d-flex">
<span class="badge badge-primary mr-2">For Sale</span>
</div>
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
<div class="mt-auto px-2">
<p class="fs-17 font-weight-bold text-white mb-0 lh-13">$1.250.</p>
<h4 class="mt-0 mb-2 lh-1"><a href="single-property-1.html"
class="fs-16 text-white">Home in Metric Way</a></h4>
<div class="border-top border-white-opacity-03 pt-2">
<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-Garage fs-18 text-primary mr-1">
<use xlink:href="#icon-Garage"></use>
</svg>
1 Gr
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-3 col-lg-4 col-md-6 mb-6" data-animate="zoomIn">
<div class="card border-0 bg-overlay-gradient-3 rounded-lg hover-change-image">
<img src="images/properties-grid-43.jpg" class="card-img"
alt="Affordable Urban House">
<div class="card-img-overlay d-flex flex-column position-relative-sm">
<div class="d-flex">
<div class="mr-auto h-24 d-flex">
<span class="badge badge-indigo mr-2">For Rent</span>
</div>
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
<div class="mt-auto px-2">
<p class="fs-17 font-weight-bold text-white mb-0 lh-13">$550<span
class="fs-14 font-weight-500"> / month</span></p>
<h4 class="mt-0 mb-2 lh-1"><a href="single-property-1.html"
class="fs-16 text-white">Affordable Urban House</a></h4>
<div class="border-top border-white-opacity-03 pt-2">
<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-Garage fs-18 text-primary mr-1">
<use xlink:href="#icon-Garage"></use>
</svg>
1 Gr
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-3 col-lg-4 col-md-6 mb-6" data-animate="zoomIn">
<div class="card border-0 bg-overlay-gradient-3 rounded-lg hover-change-image">
<img src="images/properties-grid-40.jpg" class="card-img"
alt="Home in Metric Way">
<div class="card-img-overlay d-flex flex-column position-relative-sm">
<div class="d-flex">
<div class="mr-auto h-24 d-flex">
<span class="badge badge-indigo mr-2">For Sale</span>
</div>
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
<div class="mt-auto px-2">
<p class="fs-17 font-weight-bold text-white mb-0 lh-13">$550<span
class="fs-14 font-weight-500"> / month</span></p>
<h4 class="mt-0 mb-2 lh-1"><a href="single-property-1.html"
class="fs-16 text-white">Home in Metric Way</a></h4>
<div class="border-top border-white-opacity-03 pt-2">
<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-Garage fs-18 text-primary mr-1">
<use xlink:href="#icon-Garage"></use>
</svg>
1 Gr
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-3 col-lg-4 col-md-6 mb-6" data-animate="zoomIn">
<div class="card border-0 bg-overlay-gradient-3 rounded-lg hover-change-image">
<img src="images/properties-grid-41.jpg" class="card-img"
alt="Affordable Urban House">
<div class="card-img-overlay d-flex flex-column position-relative-sm">
<div class="d-flex">
<div class="mr-auto h-24 d-flex">
<span class="badge badge-primary mr-2">For Sale</span>
</div>
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
<div class="mt-auto px-2">
<p class="fs-17 font-weight-bold text-white mb-0 lh-13">$1.250.000</p>
<h4 class="mt-0 mb-2 lh-1"><a href="single-property-1.html"
class="fs-16 text-white">Affordable Urban House</a></h4>
<div class="border-top border-white-opacity-03 pt-2">
<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-Garage fs-18 text-primary mr-1">
<use xlink:href="#icon-Garage"></use>
</svg>
1 Gr
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-3 col-lg-4 col-md-6 mb-6" data-animate="zoomIn">
<div class="card border-0 bg-overlay-gradient-3 rounded-lg hover-change-image">
<img src="images/properties-grid-42.jpg" class="card-img"
alt="Villa on Hollywood Boulevard">
<div class="card-img-overlay d-flex flex-column position-relative-sm">
<div class="d-flex">
<div class="mr-auto h-24 d-flex">
<span class="badge badge-orange mr-2">Featured</span>
<span class="badge badge-indigo mr-2">For Sale</span>
</div>
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
<div class="mt-auto px-2">
<p class="fs-17 font-weight-bold text-white mb-0 lh-13">$1.250.000</p>
<h4 class="mt-0 mb-2 lh-1"><a href="single-property-1.html"
class="fs-16 text-white">Villa on Hollywood Boulevard</a></h4>
<div class="border-top border-white-opacity-03 pt-2">
<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-Garage fs-18 text-primary mr-1">
<use xlink:href="#icon-Garage"></use>
</svg>
1 Gr
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade " id="pills-house"
role="tabpanel" aria-labelledby="pills-house-tab">
<div class="row">
<div class="col-xxl-3 col-lg-4 col-md-6 mb-6" data-animate="zoomIn">
<div class="card border-0 bg-overlay-gradient-3 rounded-lg hover-change-image">
<img src="images/properties-grid-41.jpg" class="card-img"
alt="Affordable Urban House">
<div class="card-img-overlay d-flex flex-column position-relative-sm">
<div class="d-flex">
<div class="mr-auto h-24 d-flex">
<span class="badge badge-primary mr-2">For Sale</span>
</div>
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
<div class="mt-auto px-2">
<p class="fs-17 font-weight-bold text-white mb-0 lh-13">$1.250.000</p>
<h4 class="mt-0 mb-2 lh-1"><a href="single-property-1.html"
class="fs-16 text-white">Affordable Urban House</a></h4>
<div class="border-top border-white-opacity-03 pt-2">
<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-Garage fs-18 text-primary mr-1">
<use xlink:href="#icon-Garage"></use>
</svg>
1 Gr
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-3 col-lg-4 col-md-6 mb-6" data-animate="zoomIn">
<div class="card border-0 bg-overlay-gradient-3 rounded-lg hover-change-image">
<img src="images/properties-grid-10.jpg" class="card-img"
alt="Affordable Urban House">
<div class="card-img-overlay d-flex flex-column position-relative-sm">
<div class="d-flex">
<div class="mr-auto h-24 d-flex">
<span class="badge badge-indigo mr-2">For Sale</span>
</div>
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
<div class="mt-auto px-2">
<p class="fs-17 font-weight-bold text-white mb-0 lh-13">$550<span
class="fs-14 font-weight-500"> / month</span></p>
<h4 class="mt-0 mb-2 lh-1"><a href="single-property-1.html"
class="fs-16 text-white">Affordable Urban House</a></h4>
<div class="border-top border-white-opacity-03 pt-2">
<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-Garage fs-18 text-primary mr-1">
<use xlink:href="#icon-Garage"></use>
</svg>
1 Gr
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-3 col-lg-4 col-md-6 mb-6" data-animate="zoomIn">
<div class="card border-0 bg-overlay-gradient-3 rounded-lg hover-change-image">
<img src="images/properties-grid-08.jpg" class="card-img"
alt="Villa on Hollywood Boulevard">
<div class="card-img-overlay d-flex flex-column position-relative-sm">
<div class="d-flex">
<div class="mr-auto h-24 d-flex">
<span class="badge badge-primary mr-2">For Sale</span>
</div>
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
<div class="mt-auto px-2">
<p class="fs-17 font-weight-bold text-white mb-0 lh-13">$1.250.000</p>
<h4 class="mt-0 mb-2 lh-1"><a href="single-property-1.html"
class="fs-16 text-white">Villa on Hollywood Boulevard</a></h4>
<div class="border-top border-white-opacity-03 pt-2">
<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-Garage fs-18 text-primary mr-1">
<use xlink:href="#icon-Garage"></use>
</svg>
1 Gr
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-3 col-lg-4 col-md-6 mb-6" data-animate="zoomIn">
<div class="card border-0 bg-overlay-gradient-3 rounded-lg hover-change-image">
<img src="images/properties-grid-09.jpg" class="card-img"
alt="Home in Metric Way">
<div class="card-img-overlay d-flex flex-column position-relative-sm">
<div class="d-flex">
<div class="mr-auto h-24 d-flex">
<span class="badge badge-orange mr-2">Featured</span>
<span class="badge badge-indigo mr-2">For Sale</span>
</div>
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
<div class="mt-auto px-2">
<p class="fs-17 font-weight-bold text-white mb-0 lh-13">$5.700<span
class="fs-14 font-weight-500"> / year</span></p>
<h4 class="mt-0 mb-2 lh-1"><a href="single-property-1.html"
class="fs-16 text-white">Home in Metric Way</a></h4>
<div class="border-top border-white-opacity-03 pt-2">
<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-Garage fs-18 text-primary mr-1">
<use xlink:href="#icon-Garage"></use>
</svg>
1 Gr
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-3 col-lg-4 col-md-6 mb-6" data-animate="zoomIn">
<div class="card border-0 bg-overlay-gradient-3 rounded-lg hover-change-image">
<img src="images/properties-grid-11.jpg" class="card-img"
alt="Home in Metric Way">
<div class="card-img-overlay d-flex flex-column position-relative-sm">
<div class="d-flex">
<div class="mr-auto h-24 d-flex">
<span class="badge badge-primary mr-2">For Sale</span>
</div>
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
<div class="mt-auto px-2">
<p class="fs-17 font-weight-bold text-white mb-0 lh-13">$1.250.000</p>
<h4 class="mt-0 mb-2 lh-1"><a href="single-property-1.html"
class="fs-16 text-white">Home in Metric Way</a></h4>
<div class="border-top border-white-opacity-03 pt-2">
<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-Garage fs-18 text-primary mr-1">
<use xlink:href="#icon-Garage"></use>
</svg>
1 Gr
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-3 col-lg-4 col-md-6 mb-6" data-animate="zoomIn">
<div class="card border-0 bg-overlay-gradient-3 rounded-lg hover-change-image">
<img src="images/properties-grid-40.jpg" class="card-img"
alt="Home in Metric Way">
<div class="card-img-overlay d-flex flex-column position-relative-sm">
<div class="d-flex">
<div class="mr-auto h-24 d-flex">
<span class="badge badge-indigo mr-2">For Sale</span>
</div>
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
<div class="mt-auto px-2">
<p class="fs-17 font-weight-bold text-white mb-0 lh-13">$550<span
class="fs-14 font-weight-500"> / month</span></p>
<h4 class="mt-0 mb-2 lh-1"><a href="single-property-1.html"
class="fs-16 text-white">Home in Metric Way</a></h4>
<div class="border-top border-white-opacity-03 pt-2">
<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-Garage fs-18 text-primary mr-1">
<use xlink:href="#icon-Garage"></use>
</svg>
1 Gr
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-3 col-lg-4 col-md-6 mb-6" data-animate="zoomIn">
<div class="card border-0 bg-overlay-gradient-3 rounded-lg hover-change-image">
<img src="images/properties-grid-42.jpg" class="card-img"
alt="Villa on Hollywood Boulevard">
<div class="card-img-overlay d-flex flex-column position-relative-sm">
<div class="d-flex">
<div class="mr-auto h-24 d-flex">
<span class="badge badge-orange mr-2">Featured</span>
<span class="badge badge-indigo mr-2">For Sale</span>
</div>
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
<div class="mt-auto px-2">
<p class="fs-17 font-weight-bold text-white mb-0 lh-13">$1.250.000</p>
<h4 class="mt-0 mb-2 lh-1"><a href="single-property-1.html"
class="fs-16 text-white">Villa on Hollywood Boulevard</a></h4>
<div class="border-top border-white-opacity-03 pt-2">
<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-Garage fs-18 text-primary mr-1">
<use xlink:href="#icon-Garage"></use>
</svg>
1 Gr
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-3 col-lg-4 col-md-6 mb-6" data-animate="zoomIn">
<div class="card border-0 bg-overlay-gradient-3 rounded-lg hover-change-image">
<img src="images/properties-grid-43.jpg" class="card-img"
alt="Affordable Urban House">
<div class="card-img-overlay d-flex flex-column position-relative-sm">
<div class="d-flex">
<div class="mr-auto h-24 d-flex">
<span class="badge badge-indigo mr-2">For Rent</span>
</div>
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
<div class="mt-auto px-2">
<p class="fs-17 font-weight-bold text-white mb-0 lh-13">$550<span
class="fs-14 font-weight-500"> / month</span></p>
<h4 class="mt-0 mb-2 lh-1"><a href="single-property-1.html"
class="fs-16 text-white">Affordable Urban House</a></h4>
<div class="border-top border-white-opacity-03 pt-2">
<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-Garage fs-18 text-primary mr-1">
<use xlink:href="#icon-Garage"></use>
</svg>
1 Gr
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade " id="pills-office"
role="tabpanel" aria-labelledby="pills-office-tab">
<div class="row">
<div class="col-xxl-3 col-lg-4 col-md-6 mb-6" data-animate="zoomIn">
<div class="card border-0 bg-overlay-gradient-3 rounded-lg hover-change-image">
<img src="images/properties-grid-08.jpg" class="card-img"
alt="Villa on Hollywood Boulevard">
<div class="card-img-overlay d-flex flex-column position-relative-sm">
<div class="d-flex">
<div class="mr-auto h-24 d-flex">
<span class="badge badge-primary mr-2">For Sale</span>
</div>
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
<div class="mt-auto px-2">
<p class="fs-17 font-weight-bold text-white mb-0 lh-13">$1.250.000</p>
<h4 class="mt-0 mb-2 lh-1"><a href="single-property-1.html"
class="fs-16 text-white">Villa on Hollywood Boulevard</a></h4>
<div class="border-top border-white-opacity-03 pt-2">
<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-Garage fs-18 text-primary mr-1">
<use xlink:href="#icon-Garage"></use>
</svg>
1 Gr
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-3 col-lg-4 col-md-6 mb-6" data-animate="zoomIn">
<div class="card border-0 bg-overlay-gradient-3 rounded-lg hover-change-image">
<img src="images/properties-grid-09.jpg" class="card-img"
alt="Home in Metric Way">
<div class="card-img-overlay d-flex flex-column position-relative-sm">
<div class="d-flex">
<div class="mr-auto h-24 d-flex">
<span class="badge badge-orange mr-2">Featured</span>
<span class="badge badge-indigo mr-2">For Sale</span>
</div>
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
<div class="mt-auto px-2">
<p class="fs-17 font-weight-bold text-white mb-0 lh-13">$5.700<span
class="fs-14 font-weight-500"> / year</span></p>
<h4 class="mt-0 mb-2 lh-1"><a href="single-property-1.html"
class="fs-16 text-white">Home in Metric Way</a></h4>
<div class="border-top border-white-opacity-03 pt-2">
<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-Garage fs-18 text-primary mr-1">
<use xlink:href="#icon-Garage"></use>
</svg>
1 Gr
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-3 col-lg-4 col-md-6 mb-6" data-animate="zoomIn">
<div class="card border-0 bg-overlay-gradient-3 rounded-lg hover-change-image">
<img src="images/properties-grid-10.jpg" class="card-img"
alt="Affordable Urban House">
<div class="card-img-overlay d-flex flex-column position-relative-sm">
<div class="d-flex">
<div class="mr-auto h-24 d-flex">
<span class="badge badge-indigo mr-2">For Sale</span>
</div>
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
<div class="mt-auto px-2">
<p class="fs-17 font-weight-bold text-white mb-0 lh-13">$550<span
class="fs-14 font-weight-500"> / month</span></p>
<h4 class="mt-0 mb-2 lh-1"><a href="single-property-1.html"
class="fs-16 text-white">Affordable Urban House</a></h4>
<div class="border-top border-white-opacity-03 pt-2">
<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-Garage fs-18 text-primary mr-1">
<use xlink:href="#icon-Garage"></use>
</svg>
1 Gr
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-3 col-lg-4 col-md-6 mb-6" data-animate="zoomIn">
<div class="card border-0 bg-overlay-gradient-3 rounded-lg hover-change-image">
<img src="images/properties-grid-40.jpg" class="card-img"
alt="Home in Metric Way">
<div class="card-img-overlay d-flex flex-column position-relative-sm">
<div class="d-flex">
<div class="mr-auto h-24 d-flex">
<span class="badge badge-indigo mr-2">For Sale</span>
</div>
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
<div class="mt-auto px-2">
<p class="fs-17 font-weight-bold text-white mb-0 lh-13">$550<span
class="fs-14 font-weight-500"> / month</span></p>
<h4 class="mt-0 mb-2 lh-1"><a href="single-property-1.html"
class="fs-16 text-white">Home in Metric Way</a></h4>
<div class="border-top border-white-opacity-03 pt-2">
<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-Garage fs-18 text-primary mr-1">
<use xlink:href="#icon-Garage"></use>
</svg>
1 Gr
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-3 col-lg-4 col-md-6 mb-6" data-animate="zoomIn">
<div class="card border-0 bg-overlay-gradient-3 rounded-lg hover-change-image">
<img src="images/properties-grid-11.jpg" class="card-img"
alt="Home in Metric Way">
<div class="card-img-overlay d-flex flex-column position-relative-sm">
<div class="d-flex">
<div class="mr-auto h-24 d-flex">
<span class="badge badge-primary mr-2">For Sale</span>
</div>
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
<div class="mt-auto px-2">
<p class="fs-17 font-weight-bold text-white mb-0 lh-13">$1.250.000</p>
<h4 class="mt-0 mb-2 lh-1"><a href="single-property-1.html"
class="fs-16 text-white">Home in Metric Way</a></h4>
<div class="border-top border-white-opacity-03 pt-2">
<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-Garage fs-18 text-primary mr-1">
<use xlink:href="#icon-Garage"></use>
</svg>
1 Gr
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-3 col-lg-4 col-md-6 mb-6" data-animate="zoomIn">
<div class="card border-0 bg-overlay-gradient-3 rounded-lg hover-change-image">
<img src="images/properties-grid-41.jpg" class="card-img"
alt="Affordable Urban House">
<div class="card-img-overlay d-flex flex-column position-relative-sm">
<div class="d-flex">
<div class="mr-auto h-24 d-flex">
<span class="badge badge-primary mr-2">For Sale</span>
</div>
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
<div class="mt-auto px-2">
<p class="fs-17 font-weight-bold text-white mb-0 lh-13">$1.250.000</p>
<h4 class="mt-0 mb-2 lh-1"><a href="single-property-1.html"
class="fs-16 text-white">Affordable Urban House</a></h4>
<div class="border-top border-white-opacity-03 pt-2">
<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-Garage fs-18 text-primary mr-1">
<use xlink:href="#icon-Garage"></use>
</svg>
1 Gr
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-3 col-lg-4 col-md-6 mb-6" data-animate="zoomIn">
<div class="card border-0 bg-overlay-gradient-3 rounded-lg hover-change-image">
<img src="images/properties-grid-42.jpg" class="card-img"
alt="Villa on Hollywood Boulevard">
<div class="card-img-overlay d-flex flex-column position-relative-sm">
<div class="d-flex">
<div class="mr-auto h-24 d-flex">
<span class="badge badge-orange mr-2">Featured</span>
<span class="badge badge-indigo mr-2">For Sale</span>
</div>
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
<div class="mt-auto px-2">
<p class="fs-17 font-weight-bold text-white mb-0 lh-13">$1.250.000</p>
<h4 class="mt-0 mb-2 lh-1"><a href="single-property-1.html"
class="fs-16 text-white">Villa on Hollywood Boulevard</a></h4>
<div class="border-top border-white-opacity-03 pt-2">
<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-Garage fs-18 text-primary mr-1">
<use xlink:href="#icon-Garage"></use>
</svg>
1 Gr
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-3 col-lg-4 col-md-6 mb-6" data-animate="zoomIn">
<div class="card border-0 bg-overlay-gradient-3 rounded-lg hover-change-image">
<img src="images/properties-grid-43.jpg" class="card-img"
alt="Affordable Urban House">
<div class="card-img-overlay d-flex flex-column position-relative-sm">
<div class="d-flex">
<div class="mr-auto h-24 d-flex">
<span class="badge badge-indigo mr-2">For Rent</span>
</div>
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
<div class="mt-auto px-2">
<p class="fs-17 font-weight-bold text-white mb-0 lh-13">$550<span
class="fs-14 font-weight-500"> / month</span></p>
<h4 class="mt-0 mb-2 lh-1"><a href="single-property-1.html"
class="fs-16 text-white">Affordable Urban House</a></h4>
<div class="border-top border-white-opacity-03 pt-2">
<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-Garage fs-18 text-primary mr-1">
<use xlink:href="#icon-Garage"></use>
</svg>
1 Gr
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade " id="pills-homes"
role="tabpanel" aria-labelledby="pills-homes-tab">
<div class="row">
<div class="col-xxl-3 col-lg-4 col-md-6 mb-6" data-animate="zoomIn">
<div class="card border-0 bg-overlay-gradient-3 rounded-lg hover-change-image">
<img src="images/properties-grid-11.jpg" class="card-img"
alt="Home in Metric Way">
<div class="card-img-overlay d-flex flex-column position-relative-sm">
<div class="d-flex">
<div class="mr-auto h-24 d-flex">
<span class="badge badge-primary mr-2">For Sale</span>
</div>
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
<div class="mt-auto px-2">
<p class="fs-17 font-weight-bold text-white mb-0 lh-13">$1.250.000</p>
<h4 class="mt-0 mb-2 lh-1"><a href="single-property-1.html"
class="fs-16 text-white">Home in Metric Way</a></h4>
<div class="border-top border-white-opacity-03 pt-2">
<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-Garage fs-18 text-primary mr-1">
<use xlink:href="#icon-Garage"></use>
</svg>
1 Gr
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-3 col-lg-4 col-md-6 mb-6" data-animate="zoomIn">
<div class="card border-0 bg-overlay-gradient-3 rounded-lg hover-change-image">
<img src="images/properties-grid-08.jpg" class="card-img"
alt="Villa on Hollywood Boulevard">
<div class="card-img-overlay d-flex flex-column position-relative-sm">
<div class="d-flex">
<div class="mr-auto h-24 d-flex">
<span class="badge badge-primary mr-2">For Sale</span>
</div>
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
<div class="mt-auto px-2">
<p class="fs-17 font-weight-bold text-white mb-0 lh-13">$1.250.000</p>
<h4 class="mt-0 mb-2 lh-1"><a href="single-property-1.html"
class="fs-16 text-white">Villa on Hollywood Boulevard</a></h4>
<div class="border-top border-white-opacity-03 pt-2">
<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-Garage fs-18 text-primary mr-1">
<use xlink:href="#icon-Garage"></use>
</svg>
1 Gr
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-3 col-lg-4 col-md-6 mb-6" data-animate="zoomIn">
<div class="card border-0 bg-overlay-gradient-3 rounded-lg hover-change-image">
<img src="images/properties-grid-09.jpg" class="card-img"
alt="Home in Metric Way">
<div class="card-img-overlay d-flex flex-column position-relative-sm">
<div class="d-flex">
<div class="mr-auto h-24 d-flex">
<span class="badge badge-orange mr-2">Featured</span>
<span class="badge badge-indigo mr-2">For Sale</span>
</div>
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
<div class="mt-auto px-2">
<p class="fs-17 font-weight-bold text-white mb-0 lh-13">$5.700<span
class="fs-14 font-weight-500"> / year</span></p>
<h4 class="mt-0 mb-2 lh-1"><a href="single-property-1.html"
class="fs-16 text-white">Home in Metric Way</a></h4>
<div class="border-top border-white-opacity-03 pt-2">
<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-Garage fs-18 text-primary mr-1">
<use xlink:href="#icon-Garage"></use>
</svg>
1 Gr
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-3 col-lg-4 col-md-6 mb-6" data-animate="zoomIn">
<div class="card border-0 bg-overlay-gradient-3 rounded-lg hover-change-image">
<img src="images/properties-grid-10.jpg" class="card-img"
alt="Affordable Urban House">
<div class="card-img-overlay d-flex flex-column position-relative-sm">
<div class="d-flex">
<div class="mr-auto h-24 d-flex">
<span class="badge badge-indigo mr-2">For Sale</span>
</div>
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
<div class="mt-auto px-2">
<p class="fs-17 font-weight-bold text-white mb-0 lh-13">$550<span
class="fs-14 font-weight-500"> / month</span></p>
<h4 class="mt-0 mb-2 lh-1"><a href="single-property-1.html"
class="fs-16 text-white">Affordable Urban House</a></h4>
<div class="border-top border-white-opacity-03 pt-2">
<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-Garage fs-18 text-primary mr-1">
<use xlink:href="#icon-Garage"></use>
</svg>
1 Gr
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-3 col-lg-4 col-md-6 mb-6" data-animate="zoomIn">
<div class="card border-0 bg-overlay-gradient-3 rounded-lg hover-change-image">
<img src="images/properties-grid-40.jpg" class="card-img"
alt="Home in Metric Way">
<div class="card-img-overlay d-flex flex-column position-relative-sm">
<div class="d-flex">
<div class="mr-auto h-24 d-flex">
<span class="badge badge-indigo mr-2">For Sale</span>
</div>
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
<div class="mt-auto px-2">
<p class="fs-17 font-weight-bold text-white mb-0 lh-13">$550<span
class="fs-14 font-weight-500"> / month</span></p>
<h4 class="mt-0 mb-2 lh-1"><a href="single-property-1.html"
class="fs-16 text-white">Home in Metric Way</a></h4>
<div class="border-top border-white-opacity-03 pt-2">
<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-Garage fs-18 text-primary mr-1">
<use xlink:href="#icon-Garage"></use>
</svg>
1 Gr
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-3 col-lg-4 col-md-6 mb-6" data-animate="zoomIn">
<div class="card border-0 bg-overlay-gradient-3 rounded-lg hover-change-image">
<img src="images/properties-grid-41.jpg" class="card-img"
alt="Affordable Urban House">
<div class="card-img-overlay d-flex flex-column position-relative-sm">
<div class="d-flex">
<div class="mr-auto h-24 d-flex">
<span class="badge badge-primary mr-2">For Sale</span>
</div>
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
<div class="mt-auto px-2">
<p class="fs-17 font-weight-bold text-white mb-0 lh-13">$1.250.000</p>
<h4 class="mt-0 mb-2 lh-1"><a href="single-property-1.html"
class="fs-16 text-white">Affordable Urban House</a></h4>
<div class="border-top border-white-opacity-03 pt-2">
<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-Garage fs-18 text-primary mr-1">
<use xlink:href="#icon-Garage"></use>
</svg>
1 Gr
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-3 col-lg-4 col-md-6 mb-6" data-animate="zoomIn">
<div class="card border-0 bg-overlay-gradient-3 rounded-lg hover-change-image">
<img src="images/properties-grid-43.jpg" class="card-img"
alt="Affordable Urban House">
<div class="card-img-overlay d-flex flex-column position-relative-sm">
<div class="d-flex">
<div class="mr-auto h-24 d-flex">
<span class="badge badge-indigo mr-2">For Rent</span>
</div>
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
<div class="mt-auto px-2">
<p class="fs-17 font-weight-bold text-white mb-0 lh-13">$550<span
class="fs-14 font-weight-500"> / month</span></p>
<h4 class="mt-0 mb-2 lh-1"><a href="single-property-1.html"
class="fs-16 text-white">Affordable Urban House</a></h4>
<div class="border-top border-white-opacity-03 pt-2">
<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-Garage fs-18 text-primary mr-1">
<use xlink:href="#icon-Garage"></use>
</svg>
1 Gr
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-3 col-lg-4 col-md-6 mb-6" data-animate="zoomIn">
<div class="card border-0 bg-overlay-gradient-3 rounded-lg hover-change-image">
<img src="images/properties-grid-42.jpg" class="card-img"
alt="Villa on Hollywood Boulevard">
<div class="card-img-overlay d-flex flex-column position-relative-sm">
<div class="d-flex">
<div class="mr-auto h-24 d-flex">
<span class="badge badge-orange mr-2">Featured</span>
<span class="badge badge-indigo mr-2">For Sale</span>
</div>
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
<div class="mt-auto px-2">
<p class="fs-17 font-weight-bold text-white mb-0 lh-13">$1.250.000</p>
<h4 class="mt-0 mb-2 lh-1"><a href="single-property-1.html"
class="fs-16 text-white">Villa on Hollywood Boulevard</a></h4>
<div class="border-top border-white-opacity-03 pt-2">
<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-Garage fs-18 text-primary mr-1">
<use xlink:href="#icon-Garage"></use>
</svg>
1 Gr
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade " id="pills-villa"
role="tabpanel" aria-labelledby="pills-villa-tab">
<div class="row">
<div class="col-xxl-3 col-lg-4 col-md-6 mb-6" data-animate="zoomIn">
<div class="card border-0 bg-overlay-gradient-3 rounded-lg hover-change-image">
<img src="images/properties-grid-08.jpg" class="card-img"
alt="Villa on Hollywood Boulevard">
<div class="card-img-overlay d-flex flex-column position-relative-sm">
<div class="d-flex">
<div class="mr-auto h-24 d-flex">
<span class="badge badge-primary mr-2">For Sale</span>
</div>
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
<div class="mt-auto px-2">
<p class="fs-17 font-weight-bold text-white mb-0 lh-13">$1.250.000</p>
<h4 class="mt-0 mb-2 lh-1"><a href="single-property-1.html"
class="fs-16 text-white">Villa on Hollywood Boulevard</a></h4>
<div class="border-top border-white-opacity-03 pt-2">
<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-Garage fs-18 text-primary mr-1">
<use xlink:href="#icon-Garage"></use>
</svg>
1 Gr
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-3 col-lg-4 col-md-6 mb-6" data-animate="zoomIn">
<div class="card border-0 bg-overlay-gradient-3 rounded-lg hover-change-image">
<img src="images/properties-grid-09.jpg" class="card-img"
alt="Home in Metric Way">
<div class="card-img-overlay d-flex flex-column position-relative-sm">
<div class="d-flex">
<div class="mr-auto h-24 d-flex">
<span class="badge badge-orange mr-2">Featured</span>
<span class="badge badge-indigo mr-2">For Sale</span>
</div>
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
<div class="mt-auto px-2">
<p class="fs-17 font-weight-bold text-white mb-0 lh-13">$5.700<span
class="fs-14 font-weight-500"> / year</span></p>
<h4 class="mt-0 mb-2 lh-1"><a href="single-property-1.html"
class="fs-16 text-white">Home in Metric Way</a></h4>
<div class="border-top border-white-opacity-03 pt-2">
<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-Garage fs-18 text-primary mr-1">
<use xlink:href="#icon-Garage"></use>
</svg>
1 Gr
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-3 col-lg-4 col-md-6 mb-6" data-animate="zoomIn">
<div class="card border-0 bg-overlay-gradient-3 rounded-lg hover-change-image">
<img src="images/properties-grid-11.jpg" class="card-img"
alt="Home in Metric Way">
<div class="card-img-overlay d-flex flex-column position-relative-sm">
<div class="d-flex">
<div class="mr-auto h-24 d-flex">
<span class="badge badge-primary mr-2">For Sale</span>
</div>
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
<div class="mt-auto px-2">
<p class="fs-17 font-weight-bold text-white mb-0 lh-13">$1.250.000</p>
<h4 class="mt-0 mb-2 lh-1"><a href="single-property-1.html"
class="fs-16 text-white">Home in Metric Way</a></h4>
<div class="border-top border-white-opacity-03 pt-2">
<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-Garage fs-18 text-primary mr-1">
<use xlink:href="#icon-Garage"></use>
</svg>
1 Gr
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-3 col-lg-4 col-md-6 mb-6" data-animate="zoomIn">
<div class="card border-0 bg-overlay-gradient-3 rounded-lg hover-change-image">
<img src="images/properties-grid-10.jpg" class="card-img"
alt="Affordable Urban House">
<div class="card-img-overlay d-flex flex-column position-relative-sm">
<div class="d-flex">
<div class="mr-auto h-24 d-flex">
<span class="badge badge-indigo mr-2">For Sale</span>
</div>
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
<div class="mt-auto px-2">
<p class="fs-17 font-weight-bold text-white mb-0 lh-13">$550<span
class="fs-14 font-weight-500"> / month</span></p>
<h4 class="mt-0 mb-2 lh-1"><a href="single-property-1.html"
class="fs-16 text-white">Affordable Urban House</a></h4>
<div class="border-top border-white-opacity-03 pt-2">
<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-Garage fs-18 text-primary mr-1">
<use xlink:href="#icon-Garage"></use>
</svg>
1 Gr
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-3 col-lg-4 col-md-6 mb-6" data-animate="zoomIn">
<div class="card border-0 bg-overlay-gradient-3 rounded-lg hover-change-image">
<img src="images/properties-grid-40.jpg" class="card-img"
alt="Home in Metric Way">
<div class="card-img-overlay d-flex flex-column position-relative-sm">
<div class="d-flex">
<div class="mr-auto h-24 d-flex">
<span class="badge badge-indigo mr-2">For Sale</span>
</div>
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
<div class="mt-auto px-2">
<p class="fs-17 font-weight-bold text-white mb-0 lh-13">$550<span
class="fs-14 font-weight-500"> / month</span></p>
<h4 class="mt-0 mb-2 lh-1"><a href="single-property-1.html"
class="fs-16 text-white">Home in Metric Way</a></h4>
<div class="border-top border-white-opacity-03 pt-2">
<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-Garage fs-18 text-primary mr-1">
<use xlink:href="#icon-Garage"></use>
</svg>
1 Gr
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-3 col-lg-4 col-md-6 mb-6" data-animate="zoomIn">
<div class="card border-0 bg-overlay-gradient-3 rounded-lg hover-change-image">
<img src="images/properties-grid-41.jpg" class="card-img"
alt="Affordable Urban House">
<div class="card-img-overlay d-flex flex-column position-relative-sm">
<div class="d-flex">
<div class="mr-auto h-24 d-flex">
<span class="badge badge-primary mr-2">For Sale</span>
</div>
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
<div class="mt-auto px-2">
<p class="fs-17 font-weight-bold text-white mb-0 lh-13">$1.250.000</p>
<h4 class="mt-0 mb-2 lh-1"><a href="single-property-1.html"
class="fs-16 text-white">Affordable Urban House</a></h4>
<div class="border-top border-white-opacity-03 pt-2">
<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-Garage fs-18 text-primary mr-1">
<use xlink:href="#icon-Garage"></use>
</svg>
1 Gr
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-3 col-lg-4 col-md-6 mb-6" data-animate="zoomIn">
<div class="card border-0 bg-overlay-gradient-3 rounded-lg hover-change-image">
<img src="images/properties-grid-42.jpg" class="card-img"
alt="Villa on Hollywood Boulevard">
<div class="card-img-overlay d-flex flex-column position-relative-sm">
<div class="d-flex">
<div class="mr-auto h-24 d-flex">
<span class="badge badge-orange mr-2">Featured</span>
<span class="badge badge-indigo mr-2">For Sale</span>
</div>
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
<div class="mt-auto px-2">
<p class="fs-17 font-weight-bold text-white mb-0 lh-13">$1.250.000</p>
<h4 class="mt-0 mb-2 lh-1"><a href="single-property-1.html"
class="fs-16 text-white">Villa on Hollywood Boulevard</a></h4>
<div class="border-top border-white-opacity-03 pt-2">
<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-Garage fs-18 text-primary mr-1">
<use xlink:href="#icon-Garage"></use>
</svg>
1 Gr
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-3 col-lg-4 col-md-6 mb-6" data-animate="zoomIn">
<div class="card border-0 bg-overlay-gradient-3 rounded-lg hover-change-image">
<img src="images/properties-grid-43.jpg" class="card-img"
alt="Affordable Urban House">
<div class="card-img-overlay d-flex flex-column position-relative-sm">
<div class="d-flex">
<div class="mr-auto h-24 d-flex">
<span class="badge badge-indigo mr-2">For Rent</span>
</div>
<ul class="list-inline mb-0 d-flex justify-content-center align-items-center h-100 hover-image">
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-40px h-40 rounded-circle d-inline-flex align-items-center justify-content-center text-white bg-dark-opacity-03 bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
</div>
<div class="mt-auto px-2">
<p class="fs-17 font-weight-bold text-white mb-0 lh-13">$550<span
class="fs-14 font-weight-500"> / month</span></p>
<h4 class="mt-0 mb-2 lh-1"><a href="single-property-1.html"
class="fs-16 text-white">Affordable Urban House</a></h4>
<div class="border-top border-white-opacity-03 pt-2">
<ul class="list-inline d-flex mb-0 flex-wrap mt-2 mt-lg-0 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-Garage fs-18 text-primary mr-1">
<use xlink:href="#icon-Garage"></use>
</svg>
1 Gr
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center">
<a href="listing-grid-with-left-filter.html"
class="btn btn-lg text-secondary btn-accent rounded-lg mt-6">讛爪讙 注讜讚
<i class="far fa-long-arrow-right ml-1"></i>
</a>
</div>
</div>
</section>
<section class="bg-gray-02 pt-10 pb-11">
<div class="container container-xxl">
<h2 class="text-dark lh-1625 text-center">讻谉 讗谞讞谞讜 诪砖谞讬诐 住讚专讬 注讜诇诐 - 讛讙讬注 讛讝诪谉, 诇讗?</h2>
<span class="heading-divider mx-auto"></span>
<div class="row justify-content-between mt-10">
<div class="col-lg-4 mb-6 mb-lg-0" data-animate="fadeInUp">
<div class="card border-0 bg-transparent">
<div class="card-img-top d-flex align-items-end justify-content-center">
<img src="images/urban.png"
alt="Wider range of properties">
</div>
<div class="card-body px-0 px-xxl-10 pt-7 pb-0 text-center">
<h4 class="card-title fs-18 lh-17 text-dark mb-2">讘诇讬 讚诪讬 转讬讜讜讱, 讘诇讬 讗讜转讬讜转 拽讟谞讜转</h4>
<p class="card-text px-sm-2">
讗爪诇谞讜 讗讬谉 讚诪讬 转讬讜讜讱. 讗转诐 诪讙讬砖讬诐 讛爪注转 诪讞讬专 砖拽讜驻讛 讬砖讬专讜转 诇讘注诇 讛谞讻住, 诪讛 砖诪注谞讬拽 诇讻诐 讬转专讜谉 诪砖诪注讜转讬 讜诪讘讟诇 注诇讜讬讜转 诪讬讜转专讜转.
</p>
</div>
</div>
</div>
<div class="col-lg-4 mb-6 mb-lg-0" data-animate="fadeInUp">
<div class="card border-0 bg-transparent">
<div class="card-img-top d-flex align-items-end justify-content-center">
<img src="images/bank.png"
alt="Financing made easy">
</div>
<div class="card-body px-0 px-xxl-10 pt-7 pb-0 text-center">
<h4 class="card-title fs-18 lh-17 text-dark mb-2">诇讗 专拽 讛诪讞讬专 拽讜讘注</h4>
<p class="card-text px-sm-2">
讘注诇 讛讚讬专讛 讘讜讞谉 讗转 讛讛爪注讛 砖诇讻诐 注诇 住诪讱 砖讬诇讜讘 砖诇 诪讞讬专 讜讛转讗诪讛 讗讬砖讬转, 讜诇讗 专拽 诇驻讬 讛讛爪注讛 讛讙讘讜讛讛 讘讬讜转专
</p>
</div>
</div>
</div>
<div class="col-lg-4 mb-6 mb-lg-0" data-animate="fadeInUp">
<div class="card border-0 bg-transparent">
<div class="card-img-top d-flex align-items-end justify-content-center">
<img src="images/buy.png"
alt="Transparentcy">
</div>
<div class="card-body px-0 px-xxl-10 pt-7 pb-0 text-center">
<h4 class="card-title fs-18 lh-17 text-dark mb-2">砖拽讬驻讜转 诪诇讗讛 诪转讞讬诇转 讛讚专讱</h4>
<p class="card-text px-sm-2">
讗谞讞谞讜 诪讗诪讬谞讬诐 讘讚专讱 驻砖讜讟讛 讜讘专讜专讛, 诇诇讗 注诇讜讬讜转 谞住转专讜转 讜注诐 转拽砖讜专转 诪诇讗讛 讚专讱 讛讗转专.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="py-lg-12 my-lg-1 py-11" style="display: none">
<div class="container container-xxl">
<div class="row">
<div class="col-md-6">
<h2 class="text-heading">Properties For Sale</h2>
<span class="heading-divider"></span>
<p class="mb-7">Lorem ipsum dolor sit amet, consec tetur cing elit. Suspe ndisse suscipit</p>
</div>
<div class="col-md-6 text-md-right">
<a href="listing-grid-with-left-filter.html"
class="btn btn-lg text-secondary btn-accent rounded-lg mb-8">See all properties
<i class="far fa-long-arrow-right ml-1"></i>
</a>
</div>
</div>
<div class="slick-slider mx-n2 custom-arrow-spacing-30"
data-slick-options='{"slidesToShow": 5, "autoplay":true,"dots":false,"arrows":true,"responsive":[{"breakpoint": 1600,"settings": {"slidesToShow":3,"arrows":false}},{"breakpoint": 992,"settings": {"slidesToShow":3,"arrows":false}},{"breakpoint": 768,"settings": {"slidesToShow": 2,"arrows":false,"dots":true,"autoplay":true}},{"breakpoint": 576,"settings": {"slidesToShow": 1,"arrows":false,"dots":true,"autoplay":true}}]}'>
<div class="box px-2" data-animate="fadeInUp">
<div class="card border-0 hover-change-image">
<div class="bg-overlay-gradient-1 bg-hover-overlay-gradient-3 rounded-lg card-img">
<img src="images/properties-grid-12.jpg"
alt="Villa on Hollywood Boulevard">
<div class="card-img-overlay d-flex flex-column justify-content-between">
<div>
<span class="badge mr-2 badge-orange">Featured</span>
<span class="badge mr-2 badge-primary">For Sale</span>
</div>
<ul class="list-inline mb-0 hover-image text-center">
<li class="list-inline-item">
<a href="#"
class="w-52px h-52 rounded-circle d-inline-flex align-items-center justify-content-center text-heading bg-white bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-52px h-52 rounded-circle d-inline-flex align-items-center justify-content-center text-heading bg-white bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
<ul class="list-inline d-flex mb-0 flex-wrap px-2 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bathrooms">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="Size">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
</ul>
</div>
</div>
<div class="card-body p-0">
<h2 class="my-0 mt-1"><a href="single-property-1.html"
class="fs-16 text-dark hover-primary lh-2">Villa on Hollywood Boulevard</a>
</h2>
<p class="text-gray-light font-weight-500 mb-1">1421 San Pedro St, Los Angeles</p>
<p class="fs-17 font-weight-bold text-heading mb-0">$1.250.000</p>
</div>
</div>
</div>
<div class="box px-2" data-animate="fadeInUp">
<div class="card border-0 hover-change-image">
<div class="bg-overlay-gradient-1 bg-hover-overlay-gradient-3 rounded-lg card-img">
<img src="images/properties-grid-13.jpg"
alt="Home in Metric Way">
<div class="card-img-overlay d-flex flex-column justify-content-between">
<div>
<span class="badge mr-2 badge-primary">For Sale</span>
</div>
<ul class="list-inline mb-0 hover-image text-center">
<li class="list-inline-item">
<a href="#"
class="w-52px h-52 rounded-circle d-inline-flex align-items-center justify-content-center text-heading bg-white bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-52px h-52 rounded-circle d-inline-flex align-items-center justify-content-center text-heading bg-white bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
<ul class="list-inline d-flex mb-0 flex-wrap px-2 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bathrooms">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="Size">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
</ul>
</div>
</div>
<div class="card-body p-0">
<h2 class="my-0 mt-1"><a href="single-property-1.html"
class="fs-16 text-dark hover-primary lh-2">Home in Metric Way</a>
</h2>
<p class="text-gray-light font-weight-500 mb-1">1421 San Pedro St, Los Angeles</p>
<p class="fs-17 font-weight-bold text-heading mb-0">$1.250.000</p>
</div>
</div>
</div>
<div class="box px-2" data-animate="fadeInUp">
<div class="card border-0 hover-change-image">
<div class="bg-overlay-gradient-1 bg-hover-overlay-gradient-3 rounded-lg card-img">
<img src="images/properties-grid-14.jpg"
alt="Affordable Urban House">
<div class="card-img-overlay d-flex flex-column justify-content-between">
<div>
<span class="badge mr-2 badge-primary">For Sale</span>
</div>
<ul class="list-inline mb-0 hover-image text-center">
<li class="list-inline-item">
<a href="#"
class="w-52px h-52 rounded-circle d-inline-flex align-items-center justify-content-center text-heading bg-white bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-52px h-52 rounded-circle d-inline-flex align-items-center justify-content-center text-heading bg-white bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
<ul class="list-inline d-flex mb-0 flex-wrap px-2 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bathrooms">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="Size">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
</ul>
</div>
</div>
<div class="card-body p-0">
<h2 class="my-0 mt-1"><a href="single-property-1.html"
class="fs-16 text-dark hover-primary lh-2">Affordable Urban House</a>
</h2>
<p class="text-gray-light font-weight-500 mb-1">1421 San Pedro St, Los Angeles</p>
<p class="fs-17 font-weight-bold text-heading mb-0">$1.250.000</p>
</div>
</div>
</div>
<div class="box px-2" data-animate="fadeInUp">
<div class="card border-0 hover-change-image">
<div class="bg-overlay-gradient-1 bg-hover-overlay-gradient-3 rounded-lg card-img">
<img src="images/properties-grid-15.jpg"
alt="Explore Old Barcelona">
<div class="card-img-overlay d-flex flex-column justify-content-between">
<div>
<span class="badge mr-2 badge-orange">Featured</span>
<span class="badge mr-2 badge-primary">For Sale</span>
</div>
<ul class="list-inline mb-0 hover-image text-center">
<li class="list-inline-item">
<a href="#"
class="w-52px h-52 rounded-circle d-inline-flex align-items-center justify-content-center text-heading bg-white bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-52px h-52 rounded-circle d-inline-flex align-items-center justify-content-center text-heading bg-white bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
<ul class="list-inline d-flex mb-0 flex-wrap px-2 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bathrooms">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="Size">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
</ul>
</div>
</div>
<div class="card-body p-0">
<h2 class="my-0 mt-1"><a href="single-property-1.html"
class="fs-16 text-dark hover-primary lh-2">Explore Old Barcelona</a>
</h2>
<p class="text-gray-light font-weight-500 mb-1">1421 San Pedro St, Los Angeles</p>
<p class="fs-17 font-weight-bold text-heading mb-0">$1.250.000</p>
</div>
</div>
</div>
<div class="box px-2" data-animate="fadeInUp">
<div class="card border-0 hover-change-image">
<div class="bg-overlay-gradient-1 bg-hover-overlay-gradient-3 rounded-lg card-img">
<img src="images/properties-grid-16.jpg"
alt="Garden Gingerbread House">
<div class="card-img-overlay d-flex flex-column justify-content-between">
<div>
<span class="badge mr-2 badge-primary">For Sale</span>
</div>
<ul class="list-inline mb-0 hover-image text-center">
<li class="list-inline-item">
<a href="#"
class="w-52px h-52 rounded-circle d-inline-flex align-items-center justify-content-center text-heading bg-white bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-52px h-52 rounded-circle d-inline-flex align-items-center justify-content-center text-heading bg-white bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
<ul class="list-inline d-flex mb-0 flex-wrap px-2 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bathrooms">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="Size">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
</ul>
</div>
</div>
<div class="card-body p-0">
<h2 class="my-0 mt-1"><a href="single-property-1.html"
class="fs-16 text-dark hover-primary lh-2">Garden Gingerbread House</a>
</h2>
<p class="text-gray-light font-weight-500 mb-1">1421 San Pedro St, Los Angeles</p>
<p class="fs-17 font-weight-bold text-heading mb-0">$1.250.000</p>
</div>
</div>
</div>
<div class="box px-2" data-animate="fadeInUp">
<div class="card border-0 hover-change-image">
<div class="bg-overlay-gradient-1 bg-hover-overlay-gradient-3 rounded-lg card-img">
<img src="images/properties-grid-12.jpg"
alt="Villa on Hollywood Boulevard">
<div class="card-img-overlay d-flex flex-column justify-content-between">
<div>
<span class="badge mr-2 badge-orange">Featured</span>
<span class="badge mr-2 badge-primary">For Sale</span>
</div>
<ul class="list-inline mb-0 hover-image text-center">
<li class="list-inline-item">
<a href="#"
class="w-52px h-52 rounded-circle d-inline-flex align-items-center justify-content-center text-heading bg-white bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-52px h-52 rounded-circle d-inline-flex align-items-center justify-content-center text-heading bg-white bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
<ul class="list-inline d-flex mb-0 flex-wrap px-2 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bathrooms">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="Size">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
</ul>
</div>
</div>
<div class="card-body p-0">
<h2 class="my-0 mt-1"><a href="single-property-1.html"
class="fs-16 text-dark hover-primary lh-2">Villa on Hollywood Boulevard</a>
</h2>
<p class="text-gray-light font-weight-500 mb-1">1421 San Pedro St, Los Angeles</p>
<p class="fs-17 font-weight-bold text-heading mb-0">$1.250.000</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="pb-lg-13 pb-11">
<div class="container container-xxl">
<div class="row">
<div class="col-md-6">
<h2 class="text-heading">讛谞讻住讬诐 砖诪爪驻讬诐 诇讛爪注讛 讘专讙注 讛讗讞专讜谉</h2>
<span class="heading-divider"></span>
<p class="mb-7">谞讻住讬诐 讗砖专 讘注诇 讛谞讻住 诪讝诪讬谉 讛讙砖转 谞爪注讜转 讗讞专讜谞讜转 诇驻谞讬 讛讞诇讟讛</p>
</div>
<div class="col-md-6 text-md-right">
<a href="listing-grid-with-left-filter.html"
class="btn btn-lg text-secondary btn-accent rounded-lg mb-8">讛爪讙 注讜讚
<i class="far fa-long-arrow-right ml-1"></i>
</a>
</div>
</div>
<div class="slick-slider mx-n2"
data-slick-options='{"slidesToShow": 5, "autoplay":true,"dots":false,"arrows":true,"responsive":[{"breakpoint": 1600,"settings": {"slidesToShow":3,"arrows":false}},{"breakpoint": 992,"settings": {"slidesToShow":3,"arrows":false}},{"breakpoint": 768,"settings": {"slidesToShow": 2,"arrows":false,"dots":true,"autoplay":true}},{"breakpoint": 576,"settings": {"slidesToShow": 1,"arrows":false,"dots":true,"autoplay":true}}]}'>
<div class="box px-2" data-animate="fadeInUp">
<div class="card border-0 hover-change-image">
<div class="rounded-lg bg-overlay-gradient-7 bg-hover-overlay-gradient-3 card-img">
<img src="images/properties-grid-23.jpg"
alt="Villa on Hollywood Boulevard">
<div class="card-img-overlay d-flex flex-column justify-content-between">
<div>
<span class="badge mr-2 badge-indigo">专诪转 讙谉</span>
</div>
<ul class="list-inline mb-0 hover-image text-center">
<li class="list-inline-item">
<a href="#"
class="w-52px h-52 rounded-circle d-inline-flex align-items-center justify-content-center text-heading bg-white bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-52px h-52 rounded-circle d-inline-flex align-items-center justify-content-center text-heading bg-white bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
<ul class="list-inline d-flex mb-0 flex-wrap px-2 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bathrooms">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="Size">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
</ul>
</div>
</div>
<div class="card-body p-0">
<h2 class="my-0 mt-1"><a href="single-property-1.html"
class="fs-16 text-dark hover-primary lh-2">Villa on Hollywood Boulevard</a>
</h2>
<p class="text-gray-light font-weight-500 mb-1">1421 San Pedro St, Los Angeles</p>
<p class="fs-17 font-weight-bold text-heading mb-0">$550<span
class="text-gray-light font-weight-500 fs-14"> / month</span></p>
</div>
</div>
</div>
<div class="box px-2" data-animate="fadeInUp">
<div class="card border-0 hover-change-image">
<div class="rounded-lg bg-overlay-gradient-7 bg-hover-overlay-gradient-3 card-img">
<img src="images/properties-grid-24.jpg"
alt="Home in Metric Way">
<div class="card-img-overlay d-flex flex-column justify-content-between">
<div>
<span class="badge mr-2 badge-indigo">专诪转 讙谉</span>
</div>
<ul class="list-inline mb-0 hover-image text-center">
<li class="list-inline-item">
<a href="#"
class="w-52px h-52 rounded-circle d-inline-flex align-items-center justify-content-center text-heading bg-white bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-52px h-52 rounded-circle d-inline-flex align-items-center justify-content-center text-heading bg-white bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
<ul class="list-inline d-flex mb-0 flex-wrap px-2 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bathrooms">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="Size">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
</ul>
</div>
</div>
<div class="card-body p-0">
<h2 class="my-0 mt-1"><a href="single-property-1.html"
class="fs-16 text-dark hover-primary lh-2">Home in Metric Way</a>
</h2>
<p class="text-gray-light font-weight-500 mb-1">1421 San Pedro St, Los Angeles</p>
<p class="fs-17 font-weight-bold text-heading mb-0">$550<span
class="text-gray-light font-weight-500 fs-14"> / month</span></p>
</div>
</div>
</div>
<div class="box px-2" data-animate="fadeInUp">
<div class="card border-0 hover-change-image">
<div class="rounded-lg bg-overlay-gradient-7 bg-hover-overlay-gradient-3 card-img">
<img src="images/properties-grid-25.jpg"
alt="Affordable Urban House">
<div class="card-img-overlay d-flex flex-column justify-content-between">
<div>
<span class="badge mr-2 badge-orange">诪讘讞专 注谞拽 砖诇 讚讬专讜转 讞讚砖讜转</span>
<span class="badge mr-2 badge-indigo">砖讚专讜转</span>
</div>
<ul class="list-inline mb-0 hover-image text-center">
<li class="list-inline-item">
<a href="#"
class="w-52px h-52 rounded-circle d-inline-flex align-items-center justify-content-center text-heading bg-white bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-52px h-52 rounded-circle d-inline-flex align-items-center justify-content-center text-heading bg-white bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
<ul class="list-inline d-flex mb-0 flex-wrap px-2 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 注讚 5 讞讚专讬诐
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bathrooms">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
2-3 讗诪讘讟讬讟转
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="Size">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
100 诪"专 讜讬讜转专
</li>
</ul>
</div>
</div>
<div class="card-body p-0">
<h2 class="my-0 mt-1"><a href="single-property-1.html"
class="fs-16 text-dark hover-primary lh-2">讚讬专讜转 讞讚砖讜转 诇讛砖讻专讛</a>
</h2>
<p class="text-gray-light font-weight-500 mb-1">砖讻讜谞转 讛爪诪讞 讜砖讻讜谞转 讛驻专讞</p>
<p class="fs-17 font-weight-bold text-heading mb-0">拽专讜讘 诇专讻讘转<span
class="text-gray-light font-weight-500 fs-14">谞讬爪注 讙讘讜讛 砖诇 砖讻讬专讜转 诇砖谞转讬讬诐 讜诪注诇讛</span></p>
</div>
</div>
</div>
<div class="box px-2" data-animate="fadeInUp">
<div class="card border-0 hover-change-image">
<div class="rounded-lg bg-overlay-gradient-7 bg-hover-overlay-gradient-3 card-img">
<img src="images/properties-grid-26.jpg"
alt="Explore Old Barcelona">
<div class="card-img-overlay d-flex flex-column justify-content-between">
<div>
<span class="badge mr-2 badge-indigo">For Rent</span>
</div>
<ul class="list-inline mb-0 hover-image text-center">
<li class="list-inline-item">
<a href="#"
class="w-52px h-52 rounded-circle d-inline-flex align-items-center justify-content-center text-heading bg-white bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-52px h-52 rounded-circle d-inline-flex align-items-center justify-content-center text-heading bg-white bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
<ul class="list-inline d-flex mb-0 flex-wrap px-2 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bathrooms">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="Size">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
</ul>
</div>
</div>
<div class="card-body p-0">
<h2 class="my-0 mt-1"><a href="single-property-1.html"
class="fs-16 text-dark hover-primary lh-2">Explore Old Barcelona</a>
</h2>
<p class="text-gray-light font-weight-500 mb-1">1421 San Pedro St, Los Angeles</p>
<p class="fs-17 font-weight-bold text-heading mb-0">$550<span
class="text-gray-light font-weight-500 fs-14"> / month</span></p>
</div>
</div>
</div>
<div class="box px-2" data-animate="fadeInUp">
<div class="card border-0 hover-change-image">
<div class="rounded-lg bg-overlay-gradient-7 bg-hover-overlay-gradient-3 card-img">
<img src="images/properties-grid-12.jpg"
alt="Garden Gingerbread House">
<div class="card-img-overlay d-flex flex-column justify-content-between">
<div>
<span class="badge mr-2 badge-orange">Featured</span>
<span class="badge mr-2 badge-indigo">For Rent</span>
</div>
<ul class="list-inline mb-0 hover-image text-center">
<li class="list-inline-item">
<a href="#"
class="w-52px h-52 rounded-circle d-inline-flex align-items-center justify-content-center text-heading bg-white bg-hover-primary hover-white"
data-toggle="tooltip" title="Wishlist">
<i class="far fa-heart"></i>
</a>
</li>
<li class="list-inline-item">
<a href="#"
class="w-52px h-52 rounded-circle d-inline-flex align-items-center justify-content-center text-heading bg-white bg-hover-primary hover-white"
data-toggle="tooltip" title="Compare">
<i class="fas fa-exchange-alt"></i>
</a>
</li>
</ul>
<ul class="list-inline d-flex mb-0 flex-wrap px-2 mr-n5">
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bedroom">
<svg class="icon icon-bedroom fs-18 text-primary mr-1">
<use xlink:href="#icon-bedroom"></use>
</svg>
3 Br
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="3 Bathrooms">
<svg class="icon icon-shower fs-18 text-primary mr-1">
<use xlink:href="#icon-shower"></use>
</svg>
3 Ba
</li>
<li class="list-inline-item text-white font-weight-500 fs-13 d-flex align-items-center mr-5"
data-toggle="tooltip" title="Size">
<svg class="icon icon-square fs-18 text-primary mr-1">
<use xlink:href="#icon-square"></use>
</svg>
2300 Sq.Ft
</li>
</ul>
</div>
</div>
<div class="card-body p-0">
<h2 class="my-0 mt-1"><a href="single-property-1.html"
class="fs-16 text-dark hover-primary lh-2">Garden Gingerbread House</a>
</h2>
<p class="text-gray-light font-weight-500 mb-1">1421 San Pedro St, Los Angeles</p>
<p class="fs-17 font-weight-bold text-heading mb-0">$5.700<span
class="text-gray-light font-weight-500 fs-14"> / year</span></p>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="bg-patten-01 pt-12 pb-10 bg-secondary">
<div class="container">
<h2 class="text-white text-center lh-1625 mxw-589 font-weight-normal">讛砖转诪砖讜 讘驻讬爪'专 讛讞讬驻讜砖 讛诪讜专讞讘 讻讚讬 诇诪爪讜讗 谞讻住 住驻爪讬驻讬 诇爪专讻讬诐 砖诇讻诐, 讘讬谉 讗诐 诪讚讜讘专 讘讜讜讬诇讛, 讚讬专转 讙谉, 讗讜 诪砖专讚 鈥 讘诇讬 诇讛讙讘讬诇 讗转 注爪诪讻诐 讙讬讗讜讙专驻讬转.</h2>
<span class="heading-divider mx-auto"></span>
<div class="row info-box-3 mt-7 no-gutters mx-auto">
<div class="col-md-3 col-sm-6 mb-6 mb-md-0" data-animate="zoomIn">
<a href="listing-with-left-sidebar.html"
class="card border-0 align-items-center justify-content-center pb-5 pt-7 px-0 shadow-hover-3 bg-transparent bg-hover-white text-decoration-none hover-change-image">
<div class="card-img-top d-flex align-items-center justify-content-center border-md-right rounded-0">
<div class=" position-relative">
<img src="images/verified.png"
class="hover-image position-absolute pos-fixed-top" alt="Apartment">
<img src="images/white-verified.png" class="image"
alt="Apartment">
</div>
</div>
<div class="card-body px-0 pt-5 pb-0">
<h4 class="card-title fs-16 lh-2 text-white mb-0">讚讬专讜转</h4>
</div>
</a>
</div>
<div class="col-md-3 col-sm-6 mb-6 mb-md-0" data-animate="zoomIn">
<a href="listing-with-left-sidebar.html"
class="card border-0 align-items-center justify-content-center pb-5 pt-7 px-0 shadow-hover-3 bg-transparent bg-hover-white text-decoration-none hover-change-image">
<div class="card-img-top d-flex align-items-center justify-content-center border-md-right rounded-0">
<div class=" position-relative">
<img src="images/sofa.png"
class="hover-image position-absolute pos-fixed-top" alt="House">
<img src="images/white-sofa.png" class="image"
alt="House">
</div>
</div>
<div class="card-body px-0 pt-5 pb-0">
<h4 class="card-title fs-16 lh-2 text-white mb-0">讘转讬诐</h4>
</div>
</a>
</div>
<div class="col-md-3 col-sm-6 mb-6 mb-md-0" data-animate="zoomIn">
<a href="listing-with-left-sidebar.html"
class="card border-0 align-items-center justify-content-center pb-5 pt-7 px-0 shadow-hover-3 bg-transparent bg-hover-white text-decoration-none hover-change-image">
<div class="card-img-top d-flex align-items-center justify-content-center border-md-right rounded-0">
<div class=" position-relative">
<img src="images/architecture-and-city.png"
class="hover-image position-absolute pos-fixed-top" alt="Office">
<img src="images/white-architecture-and-city.png" class="image"
alt="Office">
</div>
</div>
<div class="card-body px-0 pt-5 pb-0">
<h4 class="card-title fs-16 lh-2 text-white mb-0">诪砖专讚讬诐</h4>
</div>
</a>
</div>
<div class="col-md-3 col-sm-6 mb-6 mb-md-0" data-animate="zoomIn">
<a href="listing-with-left-sidebar.html"
class="card border-0 align-items-center justify-content-center pb-5 pt-7 px-0 shadow-hover-3 bg-transparent bg-hover-white text-decoration-none hover-change-image">
<div class="card-img-top d-flex align-items-center justify-content-center rounded-0">
<div class=" position-relative">
<img src="images/eco-house.png"
class="hover-image position-absolute pos-fixed-top" alt="Villa">
<img src="images/white-eco-house.png" class="image"
alt="Villa">
</div>
</div>
<div class="card-body px-0 pt-5 pb-0">
<h4 class="card-title fs-16 lh-2 text-white mb-0">砖讜转驻讬诐</h4>
</div>
</a>
</div>
</div>
</div>
</div>
</section>
<section class="pt-lg-13 pb-lg-9 mt-lg-1 py-11">
<div class="container container-xxl">
<div class="row">
<div class="col-lg-6">
<h2 class="text-heading mb-6">诪讛 讞讜砖讘讬诐</h2>
<div class="card border-0 mb-7" data-animate="fadeInLeft">
<div class="row no-gutters align-items-lg-center h-100">
<div class="d-flex align-items-end p-0 col-sm-4">
<a href="blog-details-1.html" class="hover-shine">
<img src="images/post-02.jpg" class="card-img"
alt="Retail banks wake up to digital lending this year">
</a>
<a href="#"
class="badge pos-fixed-bottom text-white bg-dark-opacity-04 fs-13 m-2 font-weight-500 bg-hover-primary hover-white position-absolute">
砖讜拽 讛砖讻讬专讜讬讜转 讛注讻砖讜讜讬
</a>
</div>
<div class="col-sm-8">
<div class="card-body pl-sm-6 px-0 pt-5 pt-lg-0 pb-0">
<div class="fs-15 mb-0 mb-md-2 text-gray">
22/08/2025
</div>
<h3 class="fs-sm-22 fs-18 font-weight-normal lh-182 pr-xl-14">
<a href="blog-details-1.html" class="text-heading hover-primary">砖讜拽 讛谞讚诇"谉 讘诪讘讞谉: 讘注诇讬 讚讬专讜转 讻讘专 诇讗 爪专讬讻讬诐 诇谞讞砖 鈥 讛爪注讜转 讛砖讻专讛 讞讜砖驻讜转 讗转 讛诪讞讬专讬诐 讛讗诪讬转讬讬诐</a>
</h3>
</div>
</div>
</div>
</div>
<div class="card border-0 mb-7" data-animate="fadeInLeft">
<div class="row no-gutters align-items-lg-center h-100">
<div class="d-flex align-items-end p-0 col-sm-4">
<a href="blog-details-1.html" class="hover-shine">
<img src="images/post-01.jpg" class="card-img"
alt="Within the construction industry as their overdraft">
</a>
<a href="#"
class="badge pos-fixed-bottom text-white bg-dark-opacity-04 fs-13 m-2 font-weight-500 bg-hover-primary hover-white position-absolute">
讟讬驻讬诐
</a>
</div>
<div class="col-sm-8">
<div class="card-body pl-sm-6 px-0 pt-5 pt-lg-0 pb-0">
<div class="fs-15 mb-0 mb-md-2 text-gray">
03/08/2025
</div>
<h3 class="fs-sm-22 fs-18 font-weight-normal lh-182 pr-xl-14">
<a href="blog-details-1.html" class="text-heading hover-primary">砖讜讻专讬诐 讜诪砖讻讬专讬诐: 讗讬讱 诇讘谞讜转 诪注专讻转 讬讞住讬诐 讘专讬讗讛 讜诇诪谞讜注 讞讬讻讜讻讬诐?</a>
</h3>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="bg-accent px-3 pl-md-11 pr-md-10 pt-6 pb-7" data-animate="fadeInRight">
<div class="slick-slider custom-slider-1 mx-0"
data-slick-options='{"slidesToShow": 1, "autoplay":true,"dots":true}'>
<div class="box px-0">
<div class="card border-0 bg-transparent">
<div class="card-body p-0">
<div class="d-flex mb-6 align-items-end">
<h5 class="card-title fs-24 text-secondary mb-0">Great quality!</h5>
<div class="ml-auto opacity-2">
<img src="images/quote.png" alt="quote">
</div>
</div>
<p class="card-text fs-18 lh-2 text-heading mb-5">
We have chosen to work extensively with HomeID because of their quality services, including their On-the-Job Training program and other employer.
</p>
<div class="media align-items-center">
<div class="rounded-circle mr-4 bg-white w-70px h-70 d-flex align-items-end justify-content-center">
<img src="images/testimonial-1.png"
alt="Oliver Beddows">
</div>
<div class="media-body">
<p class="fs-17 lh-1 text-heading font-weight-600 mb-2">Oliver Beddows</p>
<p class="fs-15 lh-12 mb-0">/ Reporter, Insights</p>
</div>
</div>
</div>
</div>
</div>
<div class="box px-0">
<div class="card border-0 bg-transparent">
<div class="card-body p-0">
<div class="d-flex mb-6 align-items-end">
<h5 class="card-title fs-24 text-secondary mb-0">Great quality!</h5>
<div class="ml-auto opacity-2">
<img src="images/quote.png" alt="quote">
</div>
</div>
<p class="card-text fs-18 lh-2 text-heading mb-5">
We have chosen to work extensively with HomeID because of their quality services, including their On-the-Job Training program and other employer.
</p>
<div class="media align-items-center">
<div class="rounded-circle mr-4 bg-white w-70px h-70 d-flex align-items-end justify-content-center">
<img src="images/testimonial-1.png"
alt="Oliver Beddows">
</div>
<div class="media-body">
<p class="fs-17 lh-1 text-heading font-weight-600 mb-2">Oliver Beddows</p>
<p class="fs-15 lh-12 mb-0">/ Reporter, Insights</p>
</div>
</div>
</div>
</div>
</div>
<div class="box px-0">
<div class="card border-0 bg-transparent">
<div class="card-body p-0">
<div class="d-flex mb-6 align-items-end">
<h5 class="card-title fs-24 text-secondary mb-0">Great quality!</h5>
<div class="ml-auto opacity-2">
<img src="images/quote.png" alt="quote">
</div>
</div>
<p class="card-text fs-18 lh-2 text-heading mb-5">
We have chosen to work extensively with HomeID because of their quality services, including their On-the-Job Training program and other employer.
</p>
<div class="media align-items-center">
<div class="rounded-circle mr-4 bg-white w-70px h-70 d-flex align-items-end justify-content-center">
<img src="images/testimonial-1.png"
alt="Oliver Beddows">
</div>
<div class="media-body">
<p class="fs-17 lh-1 text-heading font-weight-600 mb-2">Oliver Beddows</p>
<p class="fs-15 lh-12 mb-0">/ Reporter, Insights</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="bg-gray-02 pt-9 pb-lg-13 pb-11">
<div class="container container-xxl">
<h2 class="text-heading">讛讗讝讜专讬诐 讛讞诪讬诐 诇讛砖讻专讛</h2>
<span class="heading-divider"></span>
<p class="mb-7">诇讗讬驻讛 讻讜诇诐 注讜讘专讬诐? 讛谞讛 专砖讬诪转 讛注专讬诐 讜讛讬讬砖讜讘讬诐 讛诪讜讘讬诇讬诐 注诐 讛讬爪注 诪讙讜讜谉 讜讘讬拽讜砖 讙讘讜讛 讘诪讬讜讞讚 诇讚讬专讜转.</p>
<div class="slick-slider mx-n2"
data-slick-options='{"slidesToShow": 5,"arrows":false, "autoplay":false,"dots":false,"responsive":[{"breakpoint": 1600,"settings": {"slidesToShow":4}},{"breakpoint": 1200,"settings": {"slidesToShow":3}},{"breakpoint": 992,"settings": {"slidesToShow":2}},{"breakpoint": 768,"settings": {"slidesToShow": 2}},{"breakpoint": 576,"settings": {"slidesToShow": 1}}]}'>
<div class="box px-2" data-animate="zoomIn">
<div class="card text-white bg-overlay-gradient-5 hover-zoom-in">
<img src="images/properties-city-06.jpg" class="card-img" alt="New York">
<div class="card-img-overlay d-flex justify-content-end flex-column p-4">
<h2 class="mb-0 fs-20 lh-182"><a href="single-property-1.html" class="text-white">讗讝讜专 讛砖专讜谉</a></h2>
<p class="fs-13 font-weight-500 letter-spacing-087 mb-0">讘讜诇讟讬诐<span
class="ml-2 fs-15 font-weight-bold">讞讚专讛, 讻驻专 住讘讗, 谞转谞讬讛, 诪讜砖讘讬诐</span>
</p>
</div>
</div>
</div>
<div class="box px-2" data-animate="zoomIn">
<div class="card text-white bg-overlay-gradient-5 hover-zoom-in">
<img src="images/properties-city-07.jpg" class="card-img" alt="Los Angeles">
<div class="card-img-overlay d-flex justify-content-end flex-column p-4">
<h2 class="mb-0 fs-20 lh-182"><a href="single-property-1.html" class="text-white">讛谞讙讘 讛诪注专讘讬</a></h2>
<p class="fs-13 font-weight-500 letter-spacing-087 mb-0">讘讜诇讟讬诐<span
class="ml-2 fs-15 font-weight-bold">砖讚专讜转, 谞转讬讘讜转, 诪讜砖讘讬 讛注讜讟祝</span>
</p>
</div>
</div>
</div>
<div class="box px-2" data-animate="zoomIn">
<div class="card text-white bg-overlay-gradient-5 hover-zoom-in">
<img src="images/properties-city-08.jpg" class="card-img" alt="San Jose">
<div class="card-img-overlay d-flex justify-content-end flex-column p-4">
<h2 class="mb-0 fs-20 lh-182"><a href="single-property-1.html" class="text-white">注驻讜诇讛 讜讛注诪拽讬诐</a></h2>
<p class="fs-13 font-weight-500 letter-spacing-087 mb-0">讛讘讜诇讟讬诐<span
class="ml-2 fs-15 font-weight-bold">注驻讜诇讛, 讞专讬砖, 讻专诪讬讗诇, 讞讘诇 讛转注谞讱</span>
</p>
</div>
</div>
</div>
<div class="box px-2" data-animate="zoomIn">
<div class="card text-white bg-overlay-gradient-5 hover-zoom-in">
<img src="images/properties-city-09.jpg" class="card-img" alt="Fort Worth">
<div class="card-img-overlay d-flex justify-content-end flex-column p-4">
<h2 class="mb-0 fs-20 lh-182"><a href="single-property-1.html" class="text-white">讛砖讜诪专讜谉 讛诪注专讘讬 讚专讜诪讬</a></h2>
<p class="fs-13 font-weight-500 letter-spacing-087 mb-0">讛讘讜诇讟讬诐<span
class="ml-2 fs-15 font-weight-bold">讗诇拽谞讛, 诪注诇讛 讗驻专讬诐, 讗专讬讗诇</span>
</p>
</div>
</div>
</div>
<div class="box px-2" data-animate="zoomIn">
<div class="card text-white bg-overlay-gradient-5 hover-zoom-in">
<img src="images/properties-city-10.jpg" class="card-img" alt="Kansas City">
<div class="card-img-overlay d-flex justify-content-end flex-column p-4">
<h2 class="mb-0 fs-20 lh-182"><a href="single-property-1.html" class="text-white">讬专讜砖诇讬诐 诪讝专讞 讜爪驻讜谉</a></h2>
<p class="fs-13 font-weight-500 letter-spacing-087 mb-0">讛讘讜诇讟讬诐<span
class="ml-2 fs-15 font-weight-bold">谞讜讛 讬注拽讘, 诪注诇讛 讗讚讜诪讬诐</span>
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<div id="compare" class="compare">
<button class="btn shadow btn-open bg-white bg-hover-accent text-secondary rounded-right-0 d-flex justify-content-center align-items-center w-30px h-140 p-0">
</button>
<div class="list-group list-group-no-border bg-dark py-3">
<a href="#" class="list-group-item bg-transparent text-white fs-22 text-center py-0">
<i class="far fa-bars"></i>
</a>
<div class="list-group-item card bg-transparent">
<div class="position-relative hover-change-image bg-hover-overlay">
<img src="images/compare-01.jpg" class="card-img" alt="properties">
<div class="card-img-overlay">
<a href="#" class="text-white hover-image fs-16 lh-1 pos-fixed-top-right position-absolute m-2"><i class="fal fa-minus-circle"></i></a>
</div>
</div>
</div>
<div class="list-group-item card bg-transparent">
<div class="position-relative hover-change-image bg-hover-overlay">
<img src="images/compare-02.jpg" class="card-img" alt="properties">
<div class="card-img-overlay">
<a href="#" class="text-white hover-image fs-16 lh-1 pos-fixed-top-right position-absolute m-2"><i class="fal fa-minus-circle"></i></a>
</div>
</div>
</div>
<div class="list-group-item card card bg-transparent">
<div class="position-relative hover-change-image bg-hover-overlay ">
<img src="images/compare-03.jpg" class="card-img" alt="properties">
<div class="card-img-overlay">
<a href="#" class="text-white hover-image fs-16 lh-1 pos-fixed-top-right position-absolute m-2"><i class="fal fa-minus-circle"></i></a>
</div>
</div>
</div>
<div class="list-group-item bg-transparent">
<a href="compare-details.html" class="btn btn-lg btn-primary w-100 px-0 d-flex justify-content-center">
Compare
</a>
</div>
</div>
</div>
</main>
<footer class="bg-dark pt-10 pb-8 footer">
<div class="container">
<ul class="navbar-nav bg-dark flex-row flex-wrap justify-content-center mb-6 pb-1">
<li class="nav-item dropdown px-8">
<a class="nav-link dropdown-toggle fs-13 font-weight-500 lh-2 text-white text-uppercase"
href="#" id="real-estate" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
Real Estate
</a>
<div class="dropdown-menu" aria-labelledby="real-estate">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
<li class="nav-item dropdown px-8">
<a class="nav-link dropdown-toggle fs-13 font-weight-500 lh-2 text-white text-uppercase"
href="#" id="rentals" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
Rentals
</a>
<div class="dropdown-menu" aria-labelledby="rentals">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
<li class="nav-item dropdown px-8">
<a class="nav-link dropdown-toggle fs-13 font-weight-500 lh-2 text-white text-uppercase"
href="#" id="mortgage-rates" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
Mortgage Rates
</a>
<div class="dropdown-menu" aria-labelledby="mortgage-rates">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
<li class="nav-item dropdown px-8">
<a class="nav-link dropdown-toggle fs-13 font-weight-500 lh-2 text-white text-uppercase"
href="#" id="browse-homes" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
Browse Homes
</a>
<div class="dropdown-menu" aria-labelledby="browse-homes">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
</ul>
<div class="text-center text-white fs-22 lh-2 font-weight-500 mxw-751 mb-4">
Everything you need to know when looking at different types of homes for sale all in one place.
</div>
<ul class="list-inline text-center mb-5">
<li class="list-inline-item mr-8 mb-3">
<a href="#"><img src="images/footer-logo-01.png" alt="Footer Logo 01"> </a>
</li>
<li class="list-inline-item mr-8 mb-3">
<a href="#"><img src="images/footer-logo-02.png" alt="Footer Logo 02"> </a>
</li>
<li class="list-inline-item mr-8 mb-3">
<a href="#"><img src="images/footer-logo-03.png" alt="Footer Logo 03"> </a>
</li>
<li class="list-inline-item">
<a href="#"><img src="images/footer-logo-04.png" alt="Footer Logo 04"> </a>
</li>
</ul>
<ul class="list-inline text-center mb-6">
<li class="list-inline-item mr-3 text-white opacity-7">
漏 2020 homeID. All Rights Reserved
</li>
<li class="list-inline-item divider mr-3"></li>
<li class="list-inline-item mr-3">
<a href="tel:(+00)123567990" class="text-white font-weight-bold fs-15">(+00) 123 567990</a>
</li>
<li class="list-inline-item divider mr-3"></li>
<li class="list-inline-item">
<a href="mailto:contact@homeid.com"
class="text-white opacity-7 hover-white">contact@homeid.com</a>
</li>
</ul>
<ul class="list-inline text-center mb-2">
<li class="list-inline-item mr-0">
<a href="#" class="text-white opacity-5 fs-18 px-4 hover-primary opacity-hover-10"><i
class="fab fa-twitter"></i></a>
</li>
<li class="list-inline-item mr-0">
<a href="#" class="text-white opacity-5 fs-18 px-4 hover-primary opacity-hover-10"><i
class="fab fa-facebook-f"></i></a>
</li>
<li class="list-inline-item mr-0">
<a href="#" class="text-white opacity-5 fs-18 px-4 hover-primary opacity-hover-10">
<i class="fab fa-instagram"></i>
</a>
</li>
<li class="list-inline-item mr-0">
<a href="#" class="text-white opacity-5 fs-18 px-4 hover-primary opacity-hover-10">
<i class="fab fa-pinterest"></i>
</a>
</li>
<li class="list-inline-item mr-0">
<a href="#" class="text-white opacity-5 fs-18 px-4 hover-primary opacity-hover-10">
<i class="fab fa-youtube"></i>
</a>
</li>
</ul>
</div>
</footer>
<!-- Vendors scripts -->
<script src="vendors/jquery.min.js"></script>
<script src="vendors/jquery-ui/jquery-ui.min.js"></script>
<script src="vendors/bootstrap/bootstrap.bundle.js"></script>
<script src="vendors/bootstrap-select/js/bootstrap-select.min.js"></script>
<script src="vendors/slick/slick.min.js"></script>
<script src="vendors/waypoints/jquery.waypoints.min.js"></script>
<script src="vendors/counter/countUp.js"></script>
<script src="vendors/magnific-popup/jquery.magnific-popup.min.js"></script>
<script src="vendors/chartjs/Chart.min.js"></script>
<script src="vendors/dropzone/js/dropzone.min.js"></script>
<script src="vendors/timepicker/bootstrap-timepicker.min.js"></script>
<script src="vendors/hc-sticky/hc-sticky.min.js"></script>
<script src="vendors/jparallax/TweenMax.min.js"></script>
<script src="vendors/mapbox-gl/mapbox-gl.js"></script>
<script src="vendors/dataTables/jquery.dataTables.min.js"></script>
<!-- Theme scripts -->
<script src="js/theme.js"></script>
<div class="modal fade login-register login-register-modal" id="login-register-modal" tabindex="-1" role="dialog"
aria-labelledby="login-register-modal" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered mxw-571" role="document">
<div class="modal-content">
<div class="modal-header border-0 p-0">
<div class="nav nav-tabs row w-100 no-gutters" id="myTab" role="tablist">
<a class="nav-item col-sm-3 ml-0 nav-link pr-6 py-4 pl-9 active fs-18" id="login-tab"
data-toggle="tab"
href="#login"
role="tab"
aria-controls="login" aria-selected="true">Login</a>
<a class="nav-item col-sm-3 ml-0 nav-link py-4 px-6 fs-18" id="register-tab" data-toggle="tab"
href="#register"
role="tab"
aria-controls="register" aria-selected="false">Register</a>
<div class="nav-item col-sm-6 ml-0 d-flex align-items-center justify-content-end">
<button type="button" class="close m-0 fs-23" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
</div>
</div>
<div class="modal-body p-4 py-sm-7 px-sm-8">
<div class="tab-content shadow-none p-0" id="myTabContent">
<div class="tab-pane fade show active" id="login" role="tabpanel"
aria-labelledby="login-tab">
<form class="form">
<div class="form-group mb-4">
<label for="username" class="sr-only">Username</label>
<div class="input-group input-group-lg">
<div class="input-group-prepend ">
<span class="input-group-text bg-gray-01 border-0 text-muted fs-18"
id="inputGroup-sizing-lg">
<i class="far fa-user"></i></span>
</div>
<input type="text" class="form-control border-0 shadow-none fs-13"
id="username" name="username" required
placeholder="Username / Your email">
</div>
</div>
<div class="form-group mb-4">
<label for="password" class="sr-only">Password</label>
<div class="input-group input-group-lg">
<div class="input-group-prepend ">
<span class="input-group-text bg-gray-01 border-0 text-muted fs-18">
<i class="far fa-lock"></i>
</span>
</div>
<input type="text" class="form-control border-0 shadow-none fs-13"
id="password" name="password" required
placeholder="Password">
<div class="input-group-append">
<span class="input-group-text bg-gray-01 border-0 text-body fs-18">
<i class="far fa-eye-slash"></i>
</span>
</div>
</div>
</div>
<div class="d-flex mb-4">
<div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="remember-me" name="remember-me">
<label class="form-check-label" for="remember-me">
Remember me
</label>
</div>
<a href="password-recovery.html" class="d-inline-block ml-auto text-orange fs-15">
Lost password?
</a>
</div>
<div class="d-flex p-2 border re-capchar align-items-center mb-4">
<div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="verify" name="verify">
<label class="form-check-label" for="verify">
I'm not a robot
</label>
</div>
<a href="#" class="d-inline-block ml-auto">
<img src="images/re-captcha.png" alt="Re-capcha">
</a>
</div>
<button type="submit" class="btn btn-primary btn-lg btn-block">Log in</button>
</form>
<div class="divider text-center my-2">
<span class="px-4 bg-white lh-17 text">
or continue with
</span>
</div>
<div class="row no-gutters mx-n2">
<div class="col-4 px-2 mb-4">
<a href="#" class="btn btn-lg btn-block facebook text-white px-0">
<i class="fab fa-facebook-f"></i>
</a>
</div>
<div class="col-4 px-2 mb-4">
<a href="#" class="btn btn-lg btn-block google px-0">
<img src="images/google.png" alt="Google">
</a>
</div>
<div class="col-4 px-2 mb-4">
<a href="#" class="btn btn-lg btn-block twitter text-white px-0">
<i class="fab fa-twitter"></i>
</a>
</div>
</div>
</div>
<div class="tab-pane fade" id="register" role="tabpanel" aria-labelledby="register-tab">
<form class="form">
<div class="form-group mb-4">
<label for="full-name" class="sr-only">Full name</label>
<div class="input-group input-group-lg">
<div class="input-group-prepend ">
<span class="input-group-text bg-gray-01 border-0 text-muted fs-18">
<i class="far fa-address-card"></i></span>
</div>
<input type="text" class="form-control border-0 shadow-none fs-13"
id="full-name" name="full-name" required
placeholder="Full name">
</div>
</div>
<div class="form-group mb-4">
<label for="username01" class="sr-only">Username</label>
<div class="input-group input-group-lg">
<div class="input-group-prepend ">
<span class="input-group-text bg-gray-01 border-0 text-muted fs-18">
<i class="far fa-user"></i></span>
</div>
<input type="text" class="form-control border-0 shadow-none fs-13"
id="username01" name="username01" required
placeholder="Username / Your email">
</div>
</div>
<div class="form-group mb-4">
<label for="password01" class="sr-only">Password</label>
<div class="input-group input-group-lg">
<div class="input-group-prepend ">
<span class="input-group-text bg-gray-01 border-0 text-muted fs-18">
<i class="far fa-lock"></i>
</span>
</div>
<input type="text" class="form-control border-0 shadow-none fs-13"
id="password01" name="password01" required
placeholder="Password">
<div class="input-group-append">
<span class="input-group-text bg-gray-01 border-0 text-body fs-18">
<i class="far fa-eye-slash"></i>
</span>
</div>
</div>
<p class="form-text">Minimum 8 characters with 1 number and 1 letter</p>
</div>
<button type="submit" class="btn btn-primary btn-lg btn-block">Sign up</button>
</form>
<div class="divider text-center my-2">
<span class="px-4 bg-white lh-17 text">
or continue with
</span>
</div>
<div class="row no-gutters mx-n2">
<div class="col-4 px-2 mb-4">
<a href="#" class="btn btn-lg btn-block facebook text-white px-0">
<i class="fab fa-facebook-f"></i>
</a>
</div>
<div class="col-4 px-2 mb-4">
<a href="#" class="btn btn-lg btn-block google px-0">
<img src="images/google.png" alt="Google">
</a>
</div>
<div class="col-4 px-2 mb-4">
<a href="#" class="btn btn-lg btn-block twitter text-white px-0">
<i class="fab fa-twitter"></i>
</a>
</div>
</div>
<div class="mt-2">By creating an account, you agree to HomeID
<a class="text-heading" href="#"><u>Terms of Use</u> </a> and
<a class="text-heading" href="#"><u>Privacy Policy</u></a>.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-bedroom" viewBox="0 0 46 32">
<path d="M44.421 15.217v-9.803c0-2.985-2.428-5.414-5.414-5.414h-31.82c-2.985 0-5.414 2.428-5.414 5.414v9.803c-1.080 0.86-1.775 2.185-1.775 3.67v4.872c0 2.587 2.105 4.692 4.692 4.692h2.406v1.744c0 0.997 0.808 1.805 1.805 1.805s1.805-0.808 1.805-1.805v-1.744h24.782v1.744c0 0.997 0.808 1.805 1.805 1.805s1.805-0.808 1.805-1.805v-1.744h2.406c2.587 0 4.692-2.104 4.692-4.692v-4.872c0-1.485-0.694-2.81-1.775-3.67zM7.188 3.609h31.82c0.995 0 1.805 0.81 1.805 1.805v8.782h-3.489v-3.489c0-1.99-1.619-3.609-3.609-3.609h-5.304c-1.99 0-3.609 1.619-3.609 3.609v3.489h-3.407v-3.489c0-1.99-1.619-3.609-3.609-3.609h-5.304c-1.99 0-3.609 1.619-3.609 3.609v3.489h-3.489v-8.782c0-0.995 0.81-1.805 1.805-1.805zM28.41 14.195v-3.489h5.304v3.489h-5.304zM12.481 14.195v-3.489h5.304v3.489h-5.304zM42.587 23.759c0 0.597-0.486 1.083-1.083 1.083h-36.812c-0.597 0-1.083-0.486-1.083-1.083v-4.872c0-0.597 0.486-1.083 1.083-1.083h36.812c0.597 0 1.083 0.486 1.083 1.083 0 0 0 4.872 0 4.872z"></path>
</symbol>
<symbol id="icon-Garage" viewBox="0 0 37 32">
<path d="M29.463 18.937h-1.601l-1.643-3.892c-0.62-1.467-2.014-2.415-3.553-2.415h-8.301c-1.539 0-2.934 0.948-3.553 2.415l-1.643 3.892h-1.601c-1.42 0-2.575 1.155-2.575 2.576v4.321c0 1.17 0.785 2.16 1.855 2.472v1.113c0 1.423 1.158 2.581 2.581 2.581h2.068c1.423 0 2.581-1.158 2.581-2.581v-1.009h8.875v1.009c0 1.423 1.158 2.581 2.581 2.581h2.068c1.423 0 2.581-1.158 2.581-2.581v-1.113c1.070-0.312 1.855-1.302 1.855-2.472v-4.321c-0-1.421-1.155-2.576-2.575-2.576zM14.365 14.843h8.301c0.648 0 1.243 0.418 1.516 1.063l1.28 3.031h-13.892l1.28-3.031c0.273-0.646 0.868-1.063 1.515-1.063zM29.463 21.149c0.2 0 0.364 0.163 0.364 0.364v4.321c0 0.201-0.163 0.364-0.364 0.364h-21.896c-0.2 0-0.364-0.163-0.364-0.364v-4.321c0-0.201 0.163-0.364 0.364-0.364h21.896zM11.866 29.418c0 0.204-0.166 0.37-0.369 0.37h-2.068c-0.204 0-0.37-0.166-0.37-0.37v-1.009h2.807v1.009zM27.971 29.418c0 0.204-0.166 0.37-0.369 0.37h-2.068c-0.204 0-0.37-0.166-0.37-0.37v-1.009h2.807v1.009z"></path>
<path d="M14.843 24.779h7.346c0.611 0 1.106-0.495 1.106-1.106s-0.495-1.106-1.106-1.106h-7.346c-0.611 0-1.106 0.495-1.106 1.106s0.495 1.106 1.106 1.106z"></path>
<path d="M26.393 24.779c0.578 0 1.133-0.509 1.106-1.106-0.027-0.599-0.486-1.106-1.106-1.106-0.579 0-1.133 0.509-1.106 1.106 0.027 0.599 0.486 1.106 1.106 1.106z"></path>
<path d="M10.638 24.779c0.579 0 1.133-0.509 1.106-1.106-0.027-0.599-0.486-1.106-1.106-1.106-0.579 0-1.133 0.509-1.106 1.106 0.027 0.599 0.486 1.106 1.106 1.106z"></path>
<path d="M36.397 8.329l-17.409-8.223c-0.299-0.141-0.646-0.141-0.945 0l-17.409 8.223c-0.387 0.183-0.634 0.572-0.634 1v21.565c0 0.611 0.495 1.106 1.106 1.106s1.106-0.495 1.106-1.106v-20.864l16.303-7.7 16.303 7.7v20.864c0 0.611 0.495 1.106 1.106 1.106s1.106-0.495 1.106-1.106v-21.565c0-0.428-0.247-0.817-0.634-1z"></path>
</symbol>
<symbol id="icon-long-arrow" viewBox="0 0 156 32">
<path d="M140.444 32c0.37 0 0.667-0.148 0.889-0.444l14.667-14.667c0.296-0.222 0.444-0.519 0.444-0.889s-0.148-0.667-0.444-0.889l-14.667-14.667c-0.222-0.296-0.519-0.444-0.889-0.444s-0.667 0.148-0.889 0.444l-2.222 2.111c-0.296 0.296-0.444 0.63-0.444 1s0.148 0.667 0.444 0.889l9 8.667h-145c-0.37 0-0.685 0.13-0.944 0.389s-0.389 0.574-0.389 0.944v3.111c0 0.37 0.13 0.685 0.389 0.944s0.574 0.389 0.944 0.389h145l-9 8.667c-0.296 0.222-0.444 0.519-0.444 0.889s0.148 0.704 0.444 1l2.222 2.111c0.222 0.296 0.519 0.444 0.889 0.444z"></path>
</symbol>
<symbol id="icon-shower" viewBox="0 0 32 32">
<path d="M17.925 23.285c-0.036-0.519-0.486-0.91-1.004-0.874s-0.91 0.486-0.874 1.004l0.063 0.907c0.036 0.518 0.485 0.91 1.004 0.874s0.91-0.486 0.874-1.004l-0.063-0.907z"></path>
<path d="M22.385 20.968c-0.21-0.476-0.765-0.691-1.241-0.481s-0.691 0.765-0.481 1.241l0.345 0.782c0.21 0.475 0.765 0.691 1.241 0.481s0.691-0.765 0.481-1.241l-0.345-0.782z"></path>
<path d="M26.744 18.696c-0.359-0.376-0.954-0.39-1.331-0.032s-0.39 0.954-0.032 1.331l0.627 0.658c0.359 0.376 0.954 0.39 1.331 0.032s0.39-0.954 0.032-1.331l-0.627-0.658z"></path>
<path d="M16.801 28.149c-0.519 0.025-0.919 0.467-0.894 0.986l0.046 0.938c0.025 0.519 0.467 0.92 0.986 0.894s0.919-0.467 0.894-0.986l-0.046-0.938c-0.025-0.519-0.467-0.919-0.986-0.894v0z"></path>
<path d="M22.269 26.827c-0.148-0.498-0.672-0.783-1.17-0.635s-0.783 0.672-0.635 1.17l0.251 0.848c0.148 0.499 0.672 0.782 1.17 0.635s0.783-0.672 0.635-1.17l-0.251-0.848z"></path>
<path d="M26.692 24.614c-0.268-0.445-0.847-0.588-1.292-0.32s-0.588 0.847-0.32 1.292l0.457 0.757c0.268 0.445 0.847 0.588 1.292 0.32s0.588-0.847 0.32-1.292l-0.457-0.757z"></path>
<path d="M31.736 23.109l-0.662-0.666c-0.366-0.369-0.962-0.371-1.331-0.004s-0.371 0.962-0.004 1.331l0.662 0.666c0.366 0.368 0.962 0.371 1.331 0.004s0.371-0.962 0.004-1.331z"></path>
<path d="M27.006 12.503l-0.285-0.64c-0.471-1.058-1.589-1.63-2.682-1.459l-0.176-0.395c-1.024-2.299-3.436-3.566-5.847-3.18l-0.618-1.405c-1.45-3.295-4.714-5.424-8.314-5.424-5.009 0-9.084 4.075-9.084 9.084v21.975c0 0.52 0.421 0.941 0.941 0.941h3.765c0.52 0 0.941-0.421 0.941-0.941v-21.975c0-1.895 1.542-3.437 3.437-3.437 1.362 0 2.597 0.805 3.146 2.052l0.664 1.508c-1.726 1.565-2.287 4.082-1.314 6.27l0.176 0.395c-0.843 0.684-1.189 1.889-0.709 2.968l0.285 0.64c0.623 1.399 2.263 2.038 3.673 1.41l10.59-4.714c1.402-0.624 2.034-2.272 1.41-3.673v0zM22.143 10.775l0.141 0.316-8.844 3.937-0.141-0.316c-0.802-1.803-0.012-3.92 1.819-4.736l2.287-1.019c1.857-0.822 3.943 0.032 4.738 1.818v0zM9.084 3.765c-2.933 0-5.319 2.386-5.319 5.319v21.034h-1.882v-21.034c0-3.971 3.23-7.201 7.201-7.201 2.854 0 5.442 1.688 6.591 4.3l0.546 1.241-1.72 0.766-0.55-1.248c-0.849-1.929-2.76-3.176-4.868-3.176v0zM24.83 14.456l-10.59 4.714c-0.455 0.202-0.986-0.002-1.188-0.456l-0.285-0.64c-0.141-0.317 0.001-0.688 0.318-0.829 0.811-0.361 10.848-4.829 11.088-4.936 0.316-0.141 0.688 0.002 0.829 0.318l0.285 0.64c0.202 0.453-0.003 0.987-0.456 1.188v0z"></path>
</symbol>
<symbol id="icon-square" viewBox="0 0 32 32">
<path d="M32 3.125v25.75c0 1.723-1.402 3.125-3.125 3.125h-3.042c-0.69 0-1.25-0.56-1.25-1.25s0.56-1.25 1.25-1.25h3.042c0.345 0 0.625-0.28 0.625-0.625v-11.562h-11.042c-0.69 0-1.25-0.56-1.25-1.25s0.56-1.25 1.25-1.25h11.042v-11.688c0-0.345-0.28-0.625-0.625-0.625h-14.12v3.667c0 0.69-0.56 1.25-1.25 1.25s-1.25-0.56-1.25-1.25v-3.667h-9.13c-0.345 0-0.625 0.28-0.625 0.625v11.625h9.755v-3.667c0-0.69 0.56-1.25 1.25-1.25s1.25 0.56 1.25 1.25v9.833c0 0.69-0.56 1.25-1.25 1.25s-1.25-0.56-1.25-1.25v-3.666h-9.755v11.625c0 0.345 0.28 0.625 0.625 0.625h9.13v-3.667c0-0.69 0.56-1.25 1.25-1.25s1.25 0.56 1.25 1.25v3.667h6.162c0.69 0 1.25 0.56 1.25 1.25s-0.56 1.25-1.25 1.25h-17.791c-1.723 0-3.125-1.402-3.125-3.125v-25.75c0-1.723 1.402-3.125 3.125-3.125h25.75c1.723 0 3.125 1.402 3.125 3.125z"></path>
</symbol>
<symbol id="icon-year" viewBox="0 0 33 32">
<path d="M30.049 18.712v-8.899c0 0 0 0 0-0.061s0-0.122 0-0.122v-0.061c0-0.061-0.061-0.061-0.061-0.122 0 0 0-0.061-0.061-0.061-0.061-0.061-0.061-0.061-0.122-0.122 0 0 0 0-0.061 0l-12.922-5.242c-0.061 0-0.122-0.061-0.244-0.061h-5.303c0-0.061-0.061-0.183-0.122-0.244l-2.56-3.474c-0.122-0.183-0.305-0.244-0.488-0.244s-0.366 0.061-0.488 0.244l-2.56 3.474c-0.061 0.061-0.061 0.183-0.122 0.244h-4.328c-0.366 0-0.61 0.244-0.61 0.61v5.242c0 0.366 0.244 0.61 0.61 0.61h4.328v13.775c-0.122 0-0.244 0.061-0.366 0.183l-2.865 3.048c-0.061 0.122-0.122 0.305-0.122 0.427v3.535c0 0.366 0.244 0.61 0.61 0.61h11.947c0.366 0 0.61-0.244 0.61-0.61v-3.535c0-0.183-0.061-0.305-0.183-0.427l-2.865-3.048c-0.061-0.122-0.183-0.122-0.366-0.183v-13.775h17.554v8.838c0 0.366 0.244 0.61 0.61 0.61 0.975 0 1.768 0.792 1.768 1.768s-0.792 1.768-1.768 1.768c-0.975 0-1.768-0.792-1.768-1.768 0-0.366-0.244-0.61-0.61-0.61s-0.61 0.244-0.61 0.61c0 1.646 1.341 2.987 2.987 2.987s2.987-1.341 2.987-2.987c-0.061-1.402-1.036-2.621-2.438-2.926zM8.107 1.707l1.707 2.316h-3.413l1.707-2.316zM13.47 28.099v2.682h-10.667v-2.682l2.499-2.682h5.608l2.56 2.682zM10.057 10.971v2.316l-3.901 2.133v-2.316l3.901-2.133zM6.156 11.642v-1.219h2.316l-2.316 1.219zM10.057 14.629v2.316l-3.901 2.133v-2.316l3.901-2.133zM10.057 18.286v2.316l-3.901 2.133v-2.316l3.901-2.133zM10.057 22.004v2.194l-3.901-0.061 3.901-2.133zM1.219 9.204v-4.023h15.299l9.874 4.023h-25.173z"></path>
</symbol>
<symbol id="icon-add-new" viewBox="0 0 42 32">
<path d="M41.108 10.060l-9.584-9.584c-0.635-0.635-1.663-0.635-2.297 0l-3.643 3.643-3.643-3.643c-0.635-0.635-1.663-0.635-2.297 0l-3.643 3.643-3.643-3.643c-0.634-0.635-1.663-0.635-2.297 0l-9.584 9.584c-0.305 0.305-0.476 0.718-0.476 1.148v19.168c0 0.897 0.727 1.624 1.624 1.624h38.335c0.897 0 1.624-0.727 1.624-1.624v-19.168c0-0.431-0.171-0.844-0.476-1.148zM20.792 3.922c0.856 0.856 6.973 6.973 7.959 7.959v16.87h-6.335v-17.543c0-0.431-0.171-0.844-0.476-1.148l-3.643-3.643 2.495-2.495zM3.249 11.881l7.959-7.959 7.959 7.959v16.87h-3.14v-7.959c0-0.897-0.727-1.624-1.624-1.624h-6.389c-0.897 0-1.624 0.727-1.624 1.624v7.959h-3.141v-16.87zM12.779 28.751h-3.141v-6.335h3.141v6.335zM38.335 28.751h-6.335v-17.543c0-0.431-0.171-0.844-0.476-1.148l-3.643-3.643 2.495-2.495 7.959 7.959v16.87z"></path>
</symbol>
<symbol id="icon-my-properties" viewBox="0 0 32 32">
<path d="M16.625 30.75c0 0.69-0.56 1.25-1.25 1.25h-14.125c-0.69 0-1.25-0.56-1.25-1.25v-17.208c0-0.371 0.165-0.723 0.45-0.96l14.75-12.292c0.464-0.386 1.137-0.386 1.601 0l14.75 12.292c0.53 0.442 0.602 1.23 0.16 1.761s-1.23 0.602-1.761 0.16l-13.95-11.625-13.5 11.25v15.373h12.875c0.69 0 1.25 0.56 1.25 1.25zM30.021 27.368c-1.372 1.654-3.42 3.167-6.088 4.5-0.352 0.176-0.765 0.176-1.117 0-2.668-1.332-4.716-2.846-6.087-4.5-4.071-4.908-1.236-10.325 2.958-10.325 1.672 0 2.901 0.684 3.688 1.327 0.786-0.642 2.016-1.327 3.688-1.327 4.203 0 7.020 5.429 2.959 10.325zM27.062 19.544c-1.729 0-2.637 1.296-2.646 1.309-0.519 0.783-1.613 0.735-2.080 0.005-0.077-0.108-0.974-1.314-2.649-1.314-2.694 0-5.009 5.192 3.688 9.801 8.696-4.608 6.382-9.801 3.687-9.801z"></path>
</symbol>
<symbol id="icon-heart" viewBox="0 0 32 32">
<path d="M23.268 2.4c-2.65 0-4.973 1.182-6.717 3.417-0.233 0.298-0.44 0.596-0.624 0.885-0.184-0.289-0.391-0.587-0.624-0.885-1.745-2.235-4.068-3.417-6.717-3.417-5.005 0-8.586 4.191-8.586 9.22 0 5.751 4.713 11.17 15.282 17.573 0.198 0.12 0.421 0.18 0.645 0.18s0.447-0.060 0.645-0.18c10.569-6.403 15.282-11.822 15.282-17.573 0-5.027-3.577-9.22-8.586-9.22zM26.077 18.781c-2.2 2.455-5.525 5.040-10.151 7.89-4.625-2.85-7.95-5.435-10.151-7.89-2.212-2.468-3.288-4.811-3.288-7.161 0-3.621 2.447-6.732 6.097-6.732 1.859 0 3.444 0.808 4.711 2.402 1.013 1.275 1.44 2.591 1.443 2.6 0.162 0.52 0.643 0.874 1.188 0.874s1.026-0.354 1.188-0.874c0.004-0.013 0.418-1.288 1.398-2.543 1.274-1.632 2.874-2.459 4.756-2.459 3.654 0 6.097 3.114 6.097 6.732 0 2.35-1.075 4.692-3.288 7.161z"></path>
</symbol>
<symbol id="icon-save-search" viewBox="0 0 32 32">
<path d="M32 13.542v12.291c0 0.69-0.56 1.25-1.25 1.25s-1.25-0.56-1.25-1.25v-11.706l-13.5-11.25-13.5 11.25v15.373h13.476c0.69 0 1.25 0.56 1.25 1.25s-0.56 1.25-1.25 1.25h-14.726c-0.69 0-1.25-0.56-1.25-1.25v-17.208c0-0.371 0.165-0.723 0.45-0.96l14.75-12.292c0.464-0.386 1.137-0.386 1.601 0l14.75 12.292c0.285 0.237 0.45 0.589 0.45 0.96zM26.711 29.866c0.488 0.488 0.488 1.28 0 1.768s-1.28 0.488-1.768 0l-5.457-5.457c-4.846 2.625-10.907-0.863-10.907-6.508 0-4.078 3.318-7.396 7.396-7.396 6.422 0 9.746 7.632 5.489 12.346l5.246 5.246zM15.976 24.565c2.699 0 4.896-2.196 4.896-4.896s-2.196-4.896-4.896-4.896c-2.7 0-4.896 2.196-4.896 4.896s2.196 4.896 4.896 4.896z"></path>
</symbol>
<symbol id="icon-review" viewBox="0 0 32 32">
<path d="M16 0c-8.843 0-16 7.156-16 16 0 2.806 0.732 5.547 2.122 7.965l-2.062 6.402c-0.144 0.446-0.026 0.936 0.306 1.267 0.328 0.328 0.816 0.451 1.267 0.306l6.402-2.062c2.417 1.39 5.158 2.122 7.965 2.122 8.843 0 16-7.156 16-16 0-8.843-7.156-16-16-16zM16 29.5c-2.535 0-5.006-0.707-7.146-2.045-0.308-0.192-0.69-0.244-1.046-0.13l-4.621 1.488 1.488-4.621c0.113-0.351 0.065-0.733-0.13-1.046-1.338-2.14-2.045-4.611-2.045-7.146 0-7.444 6.056-13.5 13.5-13.5s13.5 6.056 13.5 13.5-6.056 13.5-13.5 13.5zM17.563 16c0 0.863-0.699 1.563-1.563 1.563s-1.563-0.7-1.563-1.563c0-0.863 0.699-1.563 1.563-1.563s1.563 0.699 1.563 1.563zM23.813 16c0 0.863-0.699 1.563-1.563 1.563s-1.563-0.7-1.563-1.563c0-0.863 0.699-1.563 1.563-1.563s1.563 0.699 1.563 1.563zM11.313 16c0 0.863-0.699 1.563-1.563 1.563s-1.563-0.7-1.563-1.563c0-0.863 0.7-1.563 1.563-1.563s1.563 0.699 1.563 1.563z"></path>
</symbol>
<symbol id="icon-my-package" viewBox="0 0 32 32">
<path d="M30.75 0h-22.54c-0.332 0-0.649 0.132-0.884 0.366l-6.96 6.96c-0.224 0.224-0.366 0.544-0.366 0.884v22.539c0 0.69 0.56 1.25 1.25 1.25h22.54c0.331 0 0.649-0.133 0.881-0.364 0.001-0.001 0.002-0.001 0.003-0.002l6.96-6.96c0.234-0.234 0.366-0.552 0.366-0.884v-22.539c0-0.678-0.551-1.25-1.25-1.25zM23.272 6.96c-1.186 0-6.856 0-7.734 0l4.46-4.46h7.734l-4.46 4.46zM9.875 9.46h5.29v5.29h-5.29v-5.29zM8.728 2.5h7.734l-4.46 4.46c-1.639 0-6.139 0-7.734 0l4.46-4.46zM22.54 29.5h-20.040v-20.040h4.875v6.54c0 0.69 0.56 1.25 1.25 1.25h7.79c0.69 0 1.25-0.56 1.25-1.25v-6.54h4.875v20.040zM25.040 27.732v-19.004l4.46-4.46v19.004l-4.46 4.46z"></path>
</symbol>
<symbol id="icon-my-profile" viewBox="0 0 32 32">
<path d="M27.314 19.427c-1.772-1.772-3.887-3.077-6.195-3.853 2.128-1.573 3.511-4.1 3.511-6.944 0-4.758-3.871-8.63-8.63-8.63s-8.63 3.871-8.63 8.63c0 2.844 1.383 5.37 3.511 6.944-2.308 0.776-4.423 2.081-6.195 3.853-3.022 3.022-4.686 7.040-4.686 11.314 0 0.696 0.564 1.26 1.26 1.26h29.481c0.696 0 1.26-0.564 1.26-1.26 0-4.274-1.664-8.292-4.686-11.314zM9.889 8.63c0-3.369 2.741-6.111 6.111-6.111s6.111 2.741 6.111 6.111-2.741 6.111-6.111 6.111c-3.369 0-6.111-2.741-6.111-6.111zM2.578 29.481c0.637-6.845 6.414-12.221 13.422-12.221s12.785 5.376 13.422 12.221h-26.845z"></path>
</symbol>
<symbol id="icon-log-out" viewBox="0 0 32 32">
<path d="M22.898 25.291c-0.705 0-1.277 0.572-1.277 1.277v3.577h-18.266v-27.59h18.266v3.577c0 0.705 0.572 1.277 1.277 1.277s1.277-0.572 1.277-1.277v-4.854c0-0.705-0.572-1.277-1.277-1.277h-20.821c-0.705 0-1.277 0.572-1.277 1.277v30.145c0 0.705 0.572 1.277 1.277 1.277h20.821c0.705 0 1.277-0.572 1.277-1.277v-4.854c-0-0.705-0.572-1.277-1.277-1.277z"></path>
<path d="M31.21 15.447l-3.432-3.432c-0.499-0.499-1.308-0.499-1.806 0s-0.499 1.308 0 1.806l1.252 1.252-10.581-0c-0.705 0-1.277 0.572-1.277 1.277s0.572 1.277 1.277 1.277l10.581 0-1.252 1.252c-0.499 0.499-0.499 1.308 0 1.806s1.308 0.499 1.806-0l3.432-3.432c0-0 0-0 0-0 0.257-0.257 0.365-0.555 0.374-0.903 0-0.344-0.146-0.675-0.374-0.903z"></path>
</symbol>
<symbol id="icon-1" viewBox="0 0 32 32">
<path d="M16.625 30.75c0 0.69-0.56 1.25-1.25 1.25h-14.125c-0.69 0-1.25-0.56-1.25-1.25v-17.208c0-0.371 0.165-0.723 0.45-0.96l14.75-12.292c0.464-0.386 1.137-0.386 1.601 0l14.75 12.292c0.53 0.442 0.602 1.23 0.16 1.761s-1.23 0.602-1.761 0.16l-13.95-11.625-13.5 11.25v15.373h12.875c0.69 0 1.25 0.56 1.25 1.25zM30.021 27.368c-1.372 1.654-3.42 3.167-6.088 4.5-0.352 0.176-0.765 0.176-1.117 0-2.668-1.332-4.716-2.846-6.087-4.5-4.071-4.908-1.236-10.325 2.959-10.325 1.672 0 2.901 0.684 3.687 1.327 0.786-0.642 2.016-1.327 3.687-1.327 4.203 0 7.020 5.429 2.959 10.325zM27.062 19.544c-1.729 0-2.637 1.296-2.646 1.309-0.519 0.783-1.614 0.735-2.080 0.005-0.077-0.108-0.974-1.314-2.649-1.314-2.694 0-5.009 5.192 3.687 9.801 8.696-4.608 6.382-9.801 3.688-9.801z"></path>
</symbol>
<symbol id="icon-2" viewBox="0 0 32 32">
<path d="M31.732 15.334c-0.285-0.39-7.083-9.556-15.765-9.556s-15.48 9.166-15.765 9.556c-0.27 0.37-0.27 0.872 0 1.243 0.285 0.39 7.083 9.556 15.765 9.556s15.479-9.166 15.765-9.556c0.271-0.37 0.271-0.873 0-1.243zM15.967 24.026c-6.395 0-11.934-6.083-13.573-8.072 1.637-1.99 7.165-8.071 13.573-8.071 6.395 0 11.933 6.082 13.573 8.072-1.637 1.99-7.165 8.071-13.573 8.071z"></path>
<path d="M15.967 9.638c-3.483 0-6.317 2.834-6.317 6.317s2.834 6.317 6.317 6.317 6.317-2.834 6.317-6.317-2.834-6.317-6.317-6.317zM15.967 20.166c-2.322 0-4.211-1.889-4.211-4.211s1.889-4.211 4.211-4.211 4.211 1.889 4.211 4.211-1.889 4.211-4.211 4.211z"></path>
</symbol>
<symbol id="icon-building" viewBox="0 0 32 32">
<path d="M25.328 31.373v-26.854l0.021-0.020-4.030-4.174v-0.012h-0.012l-0.302-0.313-0.013 0.013-8.912 4.030 0.004 0.010h-0.012v10.087l-4.582 2.072 0.005 0.012v15.149h-2.689v0.627h22.387v-0.627h-1.866zM24.701 4.731v26.642h-3.383v-30.146l3.383 3.503zM12.699 4.451l7.993-3.615v30.537h-1.337v-15.302h-0.005l0.002-0.003-4.521-3.176-2.133 0.965v-9.405zM18.728 16.395v14.978h-3.669v-17.556l3.669 2.578zM8.122 16.614l6.31-2.854v17.613h-6.31v-14.759z"></path>
</symbol>
<symbol id="icon-villa" viewBox="0 0 43 32">
<path d="M37.721 29.014v-15.41h-0.006l0.003-0.005-16.167-11.59-0.013 0.018-0-0.001-16.146 11.578v15.41h-2.635v0.976h37.579v-0.976h-2.615zM6.369 14.103l15.188-10.889 15.188 10.889v14.911h-6.49v-11.655h-0.001l0.002-0.002-6.254-4.664v-0.095h-0.976v16.417h-2.936v-16.417h-0.976v0.095l-6.254 4.666v11.655h-6.49v-14.911zM29.279 17.864l-5.278 2.079v-6.021l5.278 3.936v0.007zM24.001 20.436l5.278-2.079v10.657h-5.278v-8.578zM19.113 19.942l-5.278-2.079v-0.007l5.278-3.936v6.021zM13.835 18.357l5.278 2.079v8.578h-5.278v-10.657z"></path>
</symbol>
<symbol id="icon-sofa" viewBox="0 0 41 32">
<path d="M19.521 8.762c-1.015-0.256-2.091-0.030-2.917 0.614s-1.309 1.632-1.309 2.679v0.28h1.661v-0.28c0.002-1.555 1.058-2.91 2.565-3.292v0z"></path>
<path d="M17.089 25.881v-0.189c-0.006-1.037-0.679-1.953-1.667-2.27v-3.418c0.010-0.608 0.51-1.093 1.117-1.085h-1.661c-0.608-0.008-1.108 0.477-1.117 1.085v3.418c0.988 0.317 1.66 1.233 1.667 2.27v0.189l1.661-0z"></path>
<path d="M36.403 18.919h-1.661c0.608-0.008 1.108 0.477 1.117 1.085v3.475c-0.907 0.361-1.505 1.237-1.51 2.213v0.195l1.661 0v-0.195c0.005-0.977 0.603-1.852 1.51-2.213v-3.475c-0.010-0.608-0.509-1.093-1.117-1.085v0z"></path>
<path d="M13.828 24.557c-0.244-0.17-0.534-0.261-0.831-0.26-0.781-0.010-1.422 0.614-1.434 1.395v5.311h1.661v-5.311c0.002-0.454 0.228-0.879 0.603-1.135z"></path>
<path d="M38.44 24.297c-0.297-0-0.587 0.090-0.831 0.26 0.375 0.256 0.601 0.68 0.603 1.135v5.311h1.661v-5.311c-0.012-0.781-0.653-1.405-1.434-1.395v0z"></path>
<path d="M25.669 26.881l-10.242-0.003v1.661l20.582 0.006v-1.661z"></path>
<path d="M38.517 23.302v-3.298c-0.010-1.158-0.956-2.089-2.114-2.082h-9.121c-0.561-0.003-1.1 0.22-1.495 0.617-0.041 0.042-0.080 0.084-0.117 0.128-0.404-0.474-0.996-0.746-1.619-0.745h-9.173c-1.158-0.008-2.104 0.924-2.114 2.082v3.307c-1.236 0.109-2.187 1.14-2.198 2.381v5.81c0 0.275 0.223 0.498 0.498 0.498h3.864c0.275 0 0.498-0.223 0.498-0.498v-0.664l20.582 0.006v0.658c0 0.275 0.223 0.498 0.498 0.498h3.864c0.275 0 0.498-0.223 0.498-0.498v-5.81c-0.012-1.301-1.053-2.358-2.354-2.39v0zM26.493 19.242c0.209-0.209 0.493-0.326 0.789-0.324h9.121c0.608-0.008 1.108 0.477 1.117 1.085v3.475c-0.907 0.361-1.505 1.237-1.51 2.213v0.195l-9.842-0.003 0.001-5.831c-0.005-0.303 0.112-0.595 0.324-0.811v0zM14.878 18.919h9.172c0.608-0.008 1.108 0.477 1.117 1.085l0.002 5.88-9.743-0.003v-0.189c-0.006-1.037-0.679-1.953-1.667-2.27v-3.418c0.010-0.608 0.51-1.093 1.117-1.085v-0zM14.431 31.003h-2.868v-5.311c0.021-0.777 0.657-1.395 1.434-1.395s1.412 0.618 1.434 1.395v5.311zM15.427 29.84v-2.962l20.582 0.006v2.963l-20.582-0.007zM39.874 31.003h-2.867v-5.311c0.020-0.777 0.656-1.396 1.434-1.396s1.413 0.619 1.434 1.396v5.311z"></path>
<path d="M17.313 9.63c-0.453 0.32-0.841 0.724-1.143 1.188-0.097 0.149-0.108 0.339-0.027 0.498s0.24 0.263 0.417 0.272c0.178 0.010 0.347-0.076 0.445-0.225 0.234-0.36 0.534-0.672 0.885-0.92 0.223-0.16 0.274-0.469 0.116-0.693s-0.468-0.277-0.692-0.12v0z"></path>
<path d="M19.176 7.689c-0.227-4.28-3.622-7.689-7.763-7.689-4.273 0-7.752 3.63-7.775 8.101-0.001 0.012-0.002 0.023-0.002 0.035v22.867h-3.137c-0.275 0-0.498 0.223-0.498 0.498s0.223 0.498 0.498 0.498h7.788c0.275 0 0.498-0.223 0.498-0.498s-0.223-0.498-0.498-0.498h-3.653v-22.833c0-0.008 0.001-0.016 0.001-0.024 0-3.942 3.041-7.149 6.779-7.149 3.593 0 6.541 2.964 6.764 6.696-2.21 0.263-3.876 2.135-3.879 4.361v0.779c0 0.275 0.223 0.498 0.498 0.498h2.218c0.22 0.797 0.933 1.387 1.767 1.387s1.547-0.589 1.767-1.387h2.036c0.275 0 0.498-0.223 0.498-0.498v-0.779c-0.003-2.237-1.684-4.115-3.907-4.365v0zM18.781 13.721c-0.281-0.005-0.54-0.151-0.688-0.39h1.376c-0.148 0.238-0.407 0.385-0.688 0.39zM22.086 12.335h-6.791v-0.281c0-1.875 1.52-3.396 3.396-3.396s3.396 1.52 3.396 3.396v0.281z"></path>
</symbol>
<symbol id="icon-family" viewBox="0 0 36 32">
<path d="M32.8 0h-29.291c-1.937 0.002-3.507 1.572-3.509 3.509v24.982c0.002 1.937 1.572 3.507 3.509 3.509h29.291c1.937-0.002 3.507-1.572 3.509-3.509v-24.982c-0.002-1.937-1.572-3.507-3.509-3.509zM32.8 31.085h-29.291c-1.432-0.002-2.592-1.162-2.594-2.593v-19.108h34.478v19.108c-0.002 1.432-1.162 2.592-2.593 2.593zM35.394 8.468h-34.478v-4.959c0.001-1.432 1.162-2.592 2.594-2.594h29.291c1.432 0.001 2.592 1.162 2.593 2.594v4.959z"></path>
<path d="M10.184 2.96h-0.006c-0.975-0.002-1.767 0.788-1.769 1.763s0.788 1.767 1.763 1.769h0.006c0.975 0.002 1.767-0.788 1.768-1.763s-0.788-1.767-1.763-1.768zM10.777 5.329c-0.159 0.159-0.375 0.248-0.599 0.247h-0.003c-0.47-0.001-0.85-0.382-0.849-0.852s0.382-0.85 0.852-0.849h0.003c0.344 0.001 0.653 0.209 0.784 0.527s0.057 0.684-0.187 0.926l-0 0z"></path>
<path d="M4.308 2.942h-0.006c-0.975-0.002-1.767 0.788-1.769 1.763s0.788 1.767 1.763 1.768h0.005c0.976 0.002 1.767-0.788 1.769-1.763s-0.788-1.767-1.763-1.769zM4.902 5.31c-0.159 0.159-0.375 0.248-0.599 0.247h-0.003c-0.47-0.001-0.85-0.382-0.849-0.852s0.382-0.85 0.852-0.849h0.003c0.344 0.001 0.653 0.209 0.784 0.527s0.057 0.684-0.187 0.926v0z"></path>
<path d="M16.059 2.978h-0.005c-0.975-0.002-1.767 0.788-1.769 1.763s0.788 1.767 1.763 1.769h0.006c0.975 0.002 1.767-0.788 1.768-1.763s-0.788-1.767-1.763-1.768zM16.653 5.347c-0.273 0.271-0.693 0.325-1.026 0.133s-0.495-0.585-0.395-0.957c0.1-0.371 0.437-0.629 0.821-0.629h0.003c0.344 0.001 0.653 0.209 0.784 0.527s0.057 0.684-0.187 0.926z"></path>
<path d="M11.942 26.679c0 0.253 0.205 0.458 0.458 0.458h11.511c0.253 0 0.458-0.205 0.458-0.458v-7.347h1.926c0.198 0 0.374-0.128 0.435-0.316s-0.005-0.395-0.166-0.512l-8.139-5.926c-0.161-0.117-0.378-0.117-0.539 0l-8.139 5.926c-0.16 0.116-0.227 0.323-0.166 0.512s0.237 0.316 0.435 0.316h1.926l-0 7.347zM11.422 18.417l6.733-4.902 6.733 4.902h-0.978c-0.253 0-0.458 0.205-0.458 0.458v7.347h-10.595v-7.347c0-0.253-0.205-0.458-0.458-0.458h-0.977z"></path>
<path d="M18.154 20.274c1.095 0 1.983-0.888 1.983-1.983s-0.888-1.983-1.983-1.983-1.983 0.888-1.983 1.983c0.001 1.095 0.889 1.982 1.983 1.983zM18.154 17.222c0.59 0 1.068 0.478 1.068 1.068s-0.478 1.068-1.068 1.068-1.068-0.478-1.068-1.068c0.001-0.589 0.479-1.067 1.068-1.068z"></path>
</symbol>
<symbol id="icon-heating" viewBox="0 0 52 32">
<path d="M50.766 0h-49.879c-0.49-0-0.887 0.396-0.887 0.886 0 0 0 0.001 0 0.001v19.111c0 0.49 0.397 0.887 0.887 0.887h49.879c0.49 0 0.887-0.397 0.887-0.887v-19.111c0-0.49-0.396-0.887-0.886-0.887-0 0-0.001 0-0.001 0zM46.671 19.111h-41.688v-8.001h41.688v8.001zM49.879 19.111h-1.435v-8.89c0-0.49-0.396-0.887-0.886-0.887-0 0-0.001 0-0.001 0h-43.462c-0.49-0-0.887 0.396-0.887 0.886 0 0 0 0.001 0 0.001v8.89h-1.435v-17.337h48.105v17.337z"></path>
<path d="M7.516 14.326h36.62c0.49 0 0.887-0.397 0.887-0.887s-0.397-0.887-0.887-0.887h-36.62c-0.49 0-0.887 0.397-0.887 0.887s0.397 0.887 0.887 0.887z"></path>
<path d="M7.516 17.618h36.62c0.49 0 0.887-0.397 0.887-0.887s-0.397-0.887-0.887-0.887h-36.62c-0.49 0-0.887 0.397-0.887 0.887s0.397 0.887 0.887 0.887z"></path>
<path d="M35.541 7.904h12.016c0.49 0 0.887-0.396 0.887-0.886 0-0 0-0.001 0-0.001v-3.041c0-0.49-0.397-0.887-0.887-0.887h-12.016c-0.49 0-0.887 0.397-0.887 0.887v3.041c-0 0.49 0.396 0.887 0.886 0.887 0 0 0.001 0 0.001 0zM36.428 4.863h10.242v1.267h-10.242v-1.267z"></path>
<path d="M8.442 26.728c-0.377-0.288-0.807-0.725-0.722-1.172 0.088-0.326 0.33-0.588 0.648-0.702 0.472-0.134 0.746-0.624 0.613-1.096s-0.624-0.746-1.096-0.613c-0.966 0.295-1.696 1.090-1.907 2.078-0.116 0.604-0.089 1.785 1.386 2.913 0.344 0.222 0.521 0.63 0.448 1.033-0.112 0.517-0.493 0.935-0.998 1.093-0.469 0.141-0.735 0.635-0.594 1.104 0.113 0.377 0.461 0.634 0.854 0.631 0.087 0 0.174-0.013 0.257-0.038 1.145-0.346 2.004-1.298 2.23-2.473 0.194-1.059-0.242-2.134-1.119-2.759v0z"></path>
<path d="M15.666 26.728c-0.377-0.288-0.807-0.725-0.722-1.172 0.088-0.326 0.33-0.588 0.648-0.702 0.469-0.143 0.732-0.639 0.589-1.107-0.139-0.455-0.612-0.719-1.072-0.599-0.966 0.295-1.696 1.090-1.907 2.078-0.116 0.604-0.089 1.785 1.386 2.913 0.344 0.222 0.521 0.63 0.448 1.033-0.112 0.517-0.493 0.935-0.998 1.093-0.469 0.141-0.735 0.635-0.594 1.104 0.113 0.375 0.459 0.632 0.85 0.631 0.087 0 0.174-0.013 0.257-0.038 1.145-0.346 2.004-1.298 2.23-2.473 0.196-1.059-0.239-2.135-1.116-2.761v0z"></path>
<path d="M22.887 26.728c-0.377-0.288-0.807-0.725-0.722-1.172 0.088-0.326 0.33-0.588 0.648-0.702 0.472-0.134 0.746-0.624 0.613-1.096s-0.624-0.746-1.096-0.613v0c-0.966 0.295-1.696 1.090-1.907 2.078-0.116 0.604-0.089 1.785 1.386 2.913 0.344 0.222 0.521 0.63 0.448 1.033-0.112 0.517-0.493 0.935-0.998 1.093-0.469 0.141-0.735 0.635-0.594 1.104 0.113 0.375 0.459 0.632 0.85 0.631 0.087 0 0.174-0.013 0.257-0.038 1.145-0.346 2.004-1.298 2.23-2.473 0.195-1.058-0.24-2.133-1.115-2.759v0z"></path>
<path d="M30.111 26.728c-0.377-0.288-0.807-0.725-0.722-1.172 0.088-0.326 0.33-0.588 0.648-0.702 0.469-0.143 0.732-0.639 0.589-1.107-0.139-0.455-0.612-0.719-1.072-0.599-0.966 0.295-1.696 1.090-1.907 2.078-0.116 0.604-0.089 1.785 1.386 2.913 0.344 0.222 0.521 0.63 0.448 1.033-0.112 0.517-0.493 0.935-0.998 1.093-0.469 0.141-0.735 0.635-0.594 1.104 0.113 0.375 0.459 0.632 0.85 0.631 0.087 0 0.174-0.013 0.258-0.038 1.145-0.346 2.004-1.298 2.23-2.473 0.196-1.059-0.239-2.135-1.116-2.761v0z"></path>
<path d="M37.332 26.728c-0.377-0.288-0.807-0.725-0.722-1.172 0.088-0.326 0.33-0.588 0.648-0.702 0.472-0.134 0.746-0.624 0.613-1.096s-0.624-0.746-1.096-0.613c-0.966 0.295-1.696 1.090-1.907 2.078-0.116 0.604-0.089 1.785 1.386 2.913 0.344 0.222 0.521 0.63 0.448 1.033-0.112 0.517-0.493 0.935-0.998 1.093-0.469 0.141-0.735 0.635-0.594 1.104 0.113 0.377 0.461 0.634 0.854 0.631 0.087 0 0.174-0.013 0.258-0.038 1.145-0.346 2.004-1.298 2.23-2.473 0.194-1.059-0.242-2.134-1.119-2.759v0z"></path>
<path d="M44.556 26.728c-0.377-0.288-0.807-0.725-0.722-1.172 0.088-0.326 0.33-0.588 0.648-0.702 0.469-0.143 0.732-0.639 0.589-1.107-0.139-0.455-0.612-0.719-1.072-0.599-0.966 0.295-1.696 1.090-1.907 2.078-0.116 0.604-0.089 1.785 1.386 2.913 0.344 0.222 0.521 0.63 0.448 1.033-0.112 0.517-0.493 0.935-0.998 1.093-0.469 0.141-0.735 0.635-0.594 1.104 0.113 0.375 0.459 0.632 0.85 0.631 0.087 0 0.174-0.013 0.258-0.038 1.145-0.346 2.004-1.298 2.23-2.473 0.196-1.059-0.239-2.135-1.116-2.761v0z"></path>
</symbol>
<symbol id="icon-price" viewBox="0 0 32 32">
<path d="M32 4.246c0-2.341-1.554-4.246-3.463-4.246h-25.075c-1.91 0-3.463 1.904-3.463 4.246v27.197c0 0.308 0.249 0.557 0.557 0.557v0h27.98c0.308 0 0.557-0.249 0.557-0.557v0-23.012c1.645-0.328 2.905-2.079 2.905-4.185v0zM1.114 30.886v-26.64c0-1.726 1.054-3.131 2.348-3.131 1.283 0 2.327 1.38 2.346 3.084h-3.208c-0.308 0-0.557 0.249-0.557 0.557 0 1.646 0.849 3.128 2.111 3.687h0.003c0.031 0.014 0.063 0.024 0.096 0.032 0.005 0 0.009 0.004 0.014 0.004 0.015 0.003 0.032 0.003 0.047 0.005 0.021 0.003 0.042 0.006 0.064 0.007h23.6v22.394h-26.864zM4.235 7.199c-0.575-0.472-0.946-1.147-1.035-1.886h2.465c-0.186 0.804-0.706 1.49-1.431 1.886h0zM28.538 7.377h-22.734c0.591-0.687 0.965-1.535 1.075-2.435 0.033-0.083 0.043-0.173 0.027-0.261 0.012-0.144 0.020-0.289 0.020-0.436 0.017-1.147-0.386-2.26-1.133-3.131h22.745c1.295 0 2.348 1.405 2.348 3.131s-1.054 3.131-2.349 3.131h0z"></path>
<path d="M6.147 15.613l0.472-0.253v6.474c0 0.308 0.249 0.557 0.557 0.557h3.072c0.308 0 0.557-0.249 0.557-0.557v-2.758h2.077v2.758c0 0.308 0.249 0.557 0.557 0.557h3.072c0.308 0 0.557-0.249 0.557-0.557v-6.471l0.48 0.255c0.273 0.144 0.61 0.040 0.755-0.232s0.040-0.61-0.232-0.755v0l-6.003-3.18c-0.164-0.087-0.36-0.087-0.524 0l-5.925 3.18c-0.274 0.141-0.381 0.477-0.24 0.751s0.477 0.381 0.751 0.24c0.005-0.003 0.011-0.006 0.016-0.009l0.001 0.001zM11.809 12.575l4.146 2.197v6.505h-1.958v-2.758c0-0.308-0.249-0.557-0.557-0.557h-3.192c-0.308 0-0.557 0.249-0.557 0.557v2.758h-1.958v-6.515l4.076-2.187z"></path>
<path d="M7.476 24.569h-1.592c-0.308 0-0.557 0.249-0.557 0.557s0.249 0.557 0.557 0.557h1.592c0.308 0 0.557-0.249 0.557-0.557s-0.249-0.557-0.557-0.557z"></path>
<path d="M13.298 24.569h-2.911c-0.308 0-0.557 0.249-0.557 0.557s0.249 0.557 0.557 0.557h2.911c0.308 0 0.557-0.249 0.557-0.557s-0.249-0.557-0.557-0.557z"></path>
<path d="M19.12 24.569h-2.912c-0.308 0-0.557 0.249-0.557 0.557s0.249 0.557 0.557 0.557h2.912c0.308 0 0.557-0.249 0.557-0.557s-0.249-0.557-0.557-0.557z"></path>
<path d="M23.622 24.569h-1.592c-0.308 0-0.557 0.249-0.557 0.557s0.249 0.557 0.557 0.557h1.592c0.308 0 0.557-0.249 0.557-0.557s-0.249-0.557-0.557-0.557z"></path>
<path d="M20.967 14.093c0.308 0 0.557-0.249 0.557-0.557v-1.592c0-0.308-0.249-0.557-0.557-0.557s-0.557 0.249-0.557 0.557v1.592c0 0.308 0.249 0.557 0.557 0.557z"></path>
<path d="M20.967 19.069c0.308 0 0.557-0.249 0.557-0.557v-2.488c0-0.308-0.249-0.557-0.557-0.557s-0.557 0.249-0.557 0.557v2.488c-0 0.308 0.249 0.557 0.557 0.558 0 0 0 0 0 0z"></path>
<path d="M20.967 24.045c0.308 0 0.557-0.249 0.557-0.557v-2.488c0-0.308-0.249-0.557-0.557-0.557s-0.557 0.249-0.557 0.557v2.488c-0 0.308 0.249 0.558 0.557 0.558 0 0 0 0 0.001 0z"></path>
<path d="M20.967 25.418c-0.308 0-0.557 0.249-0.557 0.557v1.592c0 0.308 0.249 0.557 0.557 0.557s0.557-0.249 0.557-0.557v-1.592c0-0.308-0.249-0.557-0.557-0.557z"></path>
</symbol>
<symbol id="icon-status" viewBox="0 0 32 32">
<path d="M31.173 10.070c-1.097-1.097-2.881-1.097-3.978 0-0.337 0.338-2.491 2.494-2.821 2.823v-7.429c0-0.751-0.293-1.458-0.824-1.989l-2.652-2.652c-0.531-0.531-1.238-0.824-1.989-0.824h-16.098c-1.551 0-2.813 1.262-2.813 2.813v26.375c0 1.551 1.262 2.813 2.813 2.813h18.75c1.551 0 2.813-1.262 2.813-2.813v-8.336l6.798-6.804c1.099-1.099 1.099-2.878 0-3.977zM18.75 1.875c0.177 0 0.518-0.031 0.824 0.275l2.652 2.652c0.297 0.298 0.275 0.624 0.275 0.824h-3.75v-3.75zM22.5 29.187c0 0.517-0.42 0.938-0.938 0.938h-18.75c-0.517 0-0.938-0.421-0.938-0.938v-26.375c0-0.517 0.421-0.938 0.938-0.938h14.062v4.688c0 0.518 0.42 0.937 0.938 0.937h4.687v7.27c0 0-2.766 2.768-2.766 2.768l-1.325 1.325c-0.103 0.103-0.18 0.228-0.227 0.366l-1.326 3.977c-0.112 0.337-0.025 0.708 0.227 0.959s0.623 0.339 0.959 0.227l3.977-1.326c0.138-0.046 0.264-0.124 0.366-0.227l0.114-0.114v6.46zM20.397 19.527l1.326 1.326-0.506 0.506-1.989 0.663 0.663-1.989 0.506-0.506zM23.049 19.526l-1.326-1.326c0.706-0.707 3.842-3.845 4.507-4.51l1.326 1.326-4.507 4.51zM29.847 12.722l-0.966 0.967-1.326-1.326 0.967-0.968c0.366-0.366 0.96-0.366 1.326 0s0.367 0.958-0 1.326z"></path>
<path d="M4.138 7.963c0.093 0 0.185-0.018 0.271-0.051v4.568c0 0.414 0.336 0.75 0.75 0.75h2.412c0.414 0 0.75-0.336 0.75-0.75v-1.853h1.006v1.853c0 0.414 0.336 0.75 0.75 0.75h2.412c0.414 0 0.75-0.336 0.75-0.75v-4.567c0.086 0.033 0.178 0.050 0.269 0.050 0.279 0 0.534-0.153 0.664-0.4 0.194-0.366 0.053-0.821-0.312-1.015l-4.713-2.496c-0.108-0.058-0.23-0.088-0.352-0.088s-0.244 0.030-0.354 0.088l-4.647 2.494c-0.178 0.092-0.31 0.247-0.371 0.438s-0.044 0.394 0.048 0.572c0.129 0.251 0.385 0.406 0.667 0.406zM11.74 11.729h-0.912v-1.853c0-0.414-0.336-0.75-0.75-0.75h-2.506c-0.414 0-0.75 0.336-0.75 0.75v1.853h-0.912v-4.616l2.889-1.55 2.942 1.559v4.607z"></path>
<path d="M3.636 15.568c0 0.407 0.333 0.739 0.739 0.739h15.151c0.407 0 0.739-0.333 0.739-0.739s-0.333-0.739-0.739-0.739h-15.151c-0.407 0-0.739 0.333-0.739 0.739z"></path>
<path d="M16.757 17.627h-12.382c-0.407 0-0.739 0.333-0.739 0.739s0.333 0.739 0.739 0.739h12.382c0.406 0 0.739-0.333 0.739-0.739s-0.333-0.739-0.739-0.739z"></path>
<path d="M4.375 20.425c-0.407 0-0.739 0.333-0.739 0.739s0.333 0.739 0.739 0.739h11.047c0.407 0 0.739-0.333 0.739-0.739s-0.333-0.739-0.739-0.739h-11.047z"></path>
<path d="M15.589 23.962c0-0.406-0.333-0.739-0.739-0.739h-10.475c-0.407 0-0.739 0.333-0.739 0.739s0.333 0.739 0.739 0.739h10.475c0.406 0 0.739-0.333 0.739-0.739z"></path>
<path d="M19.527 26.021h-5.489c-0.406 0-0.739 0.333-0.739 0.739s0.333 0.739 0.739 0.739h5.489c0.407 0 0.739-0.333 0.739-0.739s-0.333-0.739-0.739-0.739z"></path>
</symbol>
<symbol id="icon-e1" viewBox="0 0 34 32">
<path d="M0.67 10.502l0.708-0.514v14.801c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-15.412l2.898-2.105 2.894 2.111v14.19c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-13.577l0.705 0.514c0.188 0.137 0.45 0.095 0.587-0.092s0.096-0.45-0.092-0.587l-1.2-0.876v-1.796c0-0.232-0.188-0.42-0.42-0.42s-0.42 0.188-0.42 0.42v1.183l-2.646-1.93c-0.147-0.108-0.347-0.108-0.495-0.001l-4.694 3.41c-0.123 0.088-0.189 0.235-0.174 0.385s0.11 0.281 0.248 0.342 0.298 0.043 0.42-0.047z"></path>
<path d="M10.586 4.17l0.708-0.514-0.001 11.865c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42l0.001-12.476 2.898-2.105 2.894 2.111-0.001 13.335c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42l0.001-12.722 0.705 0.514c0.187 0.137 0.45 0.096 0.587-0.092s0.096-0.45-0.092-0.587l-1.2-0.876v-1.796c0-0.232-0.188-0.42-0.42-0.42s-0.42 0.188-0.42 0.42v1.183l-2.646-1.93c-0.147-0.108-0.347-0.108-0.495-0.001l-4.694 3.41c-0.188 0.137-0.229 0.399-0.093 0.587s0.399 0.229 0.587 0.093h0.001z"></path>
<path d="M21.626 15.549h-0.001c-0.232 0-0.42 0.188-0.42 0.42l-0.001 0.805c-0 0.232 0.187 0.421 0.42 0.421h0.001c0.232 0 0.42-0.188 0.42-0.42l0.001-0.805c0-0.232-0.188-0.421-0.42-0.421z"></path>
<path d="M19.915 9.438c0.137 0.188 0.399 0.229 0.587 0.093l0.707-0.514-0.003 5.596c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42l0.003-6.207 2.898-2.106 2.891 2.109-0.002 1.926v2.306c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-2.305l0.002-1.314 0.708 0.517c0.121 0.092 0.282 0.111 0.422 0.051s0.235-0.192 0.25-0.343-0.052-0.299-0.177-0.386l-1.202-0.877 0.002-1.794c0-0.232-0.188-0.421-0.42-0.421h-0.001c-0.232 0-0.42 0.188-0.42 0.42l-0.002 1.182-2.645-1.929c-0.147-0.108-0.347-0.108-0.495-0l-4.693 3.41c-0.188 0.136-0.23 0.399-0.093 0.587z"></path>
<path d="M4.009 29.064c-0.232 0-0.42 0.188-0.42 0.42v2.027c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-2.027c0-0.232-0.188-0.42-0.42-0.42z"></path>
<path d="M4.429 22.963c0-0.232-0.188-0.42-0.42-0.42s-0.42 0.188-0.42 0.42v5.006c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-5.006z"></path>
<path d="M4.429 20.855c0-0.232-0.188-0.42-0.42-0.42s-0.42 0.188-0.42 0.42v0.531c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-0.531z"></path>
<path d="M1.798 28.785c-0.232 0-0.42 0.188-0.42 0.42v1.606c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-1.606c0-0.232-0.188-0.42-0.42-0.42z"></path>
<path d="M2.218 25.978c0-0.232-0.188-0.42-0.42-0.42s-0.42 0.188-0.42 0.42v1.667c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-1.667z"></path>
<path d="M8.431 28.179c-0.232 0-0.42 0.188-0.42 0.42v2.279c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-2.279c0-0.232-0.188-0.42-0.42-0.42z"></path>
<path d="M8.851 25.082c0-0.232-0.188-0.42-0.42-0.42s-0.42 0.188-0.42 0.42v2.028c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-2.028z"></path>
<path d="M6.64 21.736c0-0.232-0.188-0.42-0.42-0.42s-0.42 0.188-0.42 0.42v2.687c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-2.687z"></path>
<path d="M6.219 25.537c-0.232 0-0.42 0.188-0.42 0.42v5.622c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-5.622c0-0.232-0.188-0.42-0.42-0.42z"></path>
<path d="M6.64 20.025c0-0.232-0.188-0.42-0.42-0.42s-0.42 0.188-0.42 0.42v0.511c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-0.511z"></path>
<path d="M13.924 18.334c-0.232 0-0.42 0.188-0.42 0.42v3.435c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-3.435c0-0.232-0.188-0.42-0.42-0.42z"></path>
<path d="M14.344 17.223c0-0.232-0.188-0.42-0.42-0.42s-0.42 0.188-0.42 0.42v0.137c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-0.137z"></path>
<path d="M14.344 10.838c0-0.232-0.188-0.42-0.42-0.42s-0.42 0.188-0.42 0.42v5.006c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-5.006z"></path>
<path d="M11.293 17.081v1.606c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-1.606c0-0.232-0.188-0.42-0.42-0.42s-0.42 0.188-0.42 0.42z"></path>
<path d="M17.925 17.876v0.878c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-0.878c0-0.232-0.188-0.42-0.42-0.42s-0.42 0.188-0.42 0.42z"></path>
<path d="M16.555 12.299c0-0.232-0.188-0.42-0.42-0.42s-0.42 0.188-0.42 0.42v0.115c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-0.115z"></path>
<path d="M16.555 13.833c0-0.232-0.188-0.42-0.42-0.42s-0.42 0.188-0.42 0.42v6.683c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-6.683z"></path>
<path d="M16.135 21.626c-0.232 0-0.42 0.188-0.42 0.42v0.211c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-0.211c0-0.232-0.188-0.42-0.42-0.42z"></path>
<path d="M23.84 12.26c-0.232 0-0.42 0.188-0.42 0.42v2.348c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-2.348c0-0.232-0.188-0.42-0.42-0.42z"></path>
<path d="M24.26 11.213c0-0.232-0.188-0.42-0.42-0.42s-0.42 0.188-0.42 0.42v0.027c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-0.027z"></path>
<path d="M28.262 13.492c-0.232 0-0.42 0.188-0.42 0.42v0.337c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-0.337c0-0.232-0.188-0.42-0.42-0.42z"></path>
<path d="M25.63 12.437v1.868c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-1.868c0-0.232-0.188-0.42-0.42-0.42s-0.42 0.188-0.42 0.42z"></path>
<path d="M27.349 15.3c-3.933 0-7.12 3.188-7.121 7.12s3.188 7.12 7.121 7.12 7.12-3.188 7.12-7.12c-0.004-3.931-3.19-7.116-7.12-7.12zM27.349 28.7c-3.468 0-6.28-2.811-6.28-6.28s2.812-6.28 6.28-6.28 6.28 2.812 6.28 6.28c-0.004 3.467-2.813 6.276-6.28 6.28z"></path>
<path d="M27.349 19.298c0.735 0.001 1.33 0.596 1.331 1.331 0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42c-0.001-1.037-0.734-1.928-1.751-2.13v-0.583c0-0.232-0.188-0.42-0.42-0.42s-0.42 0.188-0.42 0.42v0.583c-1.096 0.216-1.849 1.23-1.74 2.342s1.043 1.96 2.161 1.96c0.724 0.012 1.306 0.601 1.309 1.325s-0.572 1.318-1.296 1.337c-0.004 0-0.009-0.001-0.013-0.001s-0.008 0.001-0.013 0.001c-0.73-0.007-1.317-0.601-1.318-1.33 0-0.232-0.188-0.42-0.42-0.42s-0.42 0.188-0.42 0.42c0.001 1.037 0.734 1.929 1.751 2.131v0.663c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-0.663c1.096-0.217 1.849-1.23 1.74-2.342s-1.043-1.96-2.161-1.961c-0.735 0-1.331-0.596-1.331-1.331s0.596-1.331 1.331-1.331z"></path>
</symbol>
<symbol id="icon-e2" viewBox="0 0 44 32">
<path d="M33.25 11.896l-4.293-3.126c0-0.008 0.001-0.016 0.001-0.025v-4.889c0-0.297-0.24-0.538-0.538-0.538s-0.538 0.241-0.538 0.538v4.131l-10.831-7.885c-0.189-0.138-0.444-0.138-0.633 0l-16.198 11.793c-0.188 0.137-0.267 0.38-0.195 0.601s0.279 0.371 0.511 0.371h4.207v18.594c0 0.297 0.241 0.538 0.538 0.538h22.907c0.297 0 0.538-0.241 0.538-0.538v-1.79c0-0.297-0.241-0.538-0.538-0.538s-0.538 0.241-0.538 0.538v1.253h-21.832v-18.595c0-0.297-0.241-0.538-0.538-0.538h-3.093l14.546-10.591 14.546 10.591h-3.093c-0.297 0-0.538 0.24-0.538 0.538v1.883c0 0.297 0.241 0.538 0.538 0.538s0.538-0.241 0.538-0.538v-1.345h4.207c0.233 0 0.439-0.15 0.511-0.371s-0.007-0.464-0.195-0.601z"></path>
<path d="M28.205 16.62c-3.009 0-5.448 2.439-5.448 5.448s2.439 5.448 5.448 5.448 5.448-2.439 5.448-5.448c-0.004-3.008-2.441-5.445-5.448-5.448zM28.205 26.441c-2.415 0-4.373-1.958-4.373-4.373s1.958-4.373 4.373-4.373c2.415 0 4.373 1.958 4.373 4.373-0.003 2.414-1.959 4.37-4.373 4.373z"></path>
<path d="M28.205 20.147c0.374 0 0.677 0.303 0.678 0.678 0 0.297 0.24 0.538 0.538 0.538s0.538-0.241 0.538-0.538c-0.001-0.761-0.492-1.434-1.215-1.668v-0.215c0-0.297-0.241-0.538-0.538-0.538s-0.538 0.241-0.538 0.538v0.215c-0.822 0.264-1.328 1.088-1.194 1.94s0.868 1.481 1.732 1.48c0.372 0.001 0.673 0.301 0.676 0.673s-0.295 0.676-0.666 0.682c-0.003 0-0.006 0-0.009 0s-0.006 0-0.009 0c-0.37-0.005-0.668-0.306-0.669-0.677 0-0.297-0.24-0.538-0.538-0.538s-0.538 0.241-0.538 0.538c0.001 0.76 0.492 1.434 1.215 1.668v0.271c0 0.297 0.241 0.538 0.538 0.538s0.538-0.241 0.538-0.538v-0.271c0.821-0.264 1.328-1.088 1.194-1.94s-0.869-1.481-1.732-1.481c-0.374 0-0.678-0.303-0.678-0.677s0.303-0.678 0.678-0.678h0z"></path>
<path d="M43.931 25.7l-4.399-4.399c-0.154-0.154-0.385-0.2-0.586-0.117s-0.332 0.279-0.332 0.497v1.417h-2.452c0.044-0.342 0.066-0.686 0.066-1.031 0.001-2.113-0.834-4.141-2.323-5.64-0.009-0.011-0.017-0.023-0.027-0.033s-0.022-0.018-0.033-0.027c-2.542-2.521-6.448-3.050-9.569-1.293h-6.481v-1.418c0-0.217-0.131-0.413-0.332-0.497s-0.432-0.037-0.586 0.117l-4.399 4.399c-0.21 0.21-0.21 0.55 0 0.76l4.399 4.399c0.154 0.154 0.385 0.2 0.586 0.117s0.332-0.279 0.332-0.497v-1.418h2.452c-0.317 2.453 0.516 4.915 2.257 6.672 0.009 0.011 0.016 0.022 0.027 0.033s0.022 0.017 0.033 0.027c2.544 2.522 6.452 3.050 9.574 1.294h6.476v1.417c0 0.217 0.131 0.413 0.332 0.497s0.432 0.037 0.586-0.117l4.399-4.399c0.21-0.21 0.21-0.55 0-0.76l-0-0zM33.482 26.584l-0.154-0.154c-0.21-0.21-0.55-0.21-0.76 0s-0.21 0.55 0 0.76l0.154 0.154c-1.116 0.961-2.511 1.539-3.979 1.649v-0.219c0-0.297-0.241-0.538-0.538-0.538s-0.538 0.241-0.538 0.538v0.217c-1.468-0.113-2.861-0.691-3.977-1.65l0.152-0.152c0.21-0.21 0.21-0.55 0-0.76s-0.551-0.21-0.761-0l-0.152 0.152c-0.959-1.116-1.537-2.509-1.65-3.977h0.217c0.297 0 0.538-0.24 0.538-0.538s-0.24-0.538-0.538-0.538h-0.217c0.113-1.467 0.691-2.861 1.65-3.977l0.152 0.152c0.21 0.21 0.551 0.21 0.761-0s0.21-0.55 0-0.76l-0.152-0.152c1.116-0.959 2.509-1.537 3.977-1.65v0.217c0 0.297 0.241 0.538 0.538 0.538s0.538-0.241 0.538-0.538v-0.217c1.467 0.113 2.861 0.691 3.977 1.65l-0.152 0.152c-0.21 0.21-0.21 0.551 0 0.76s0.551 0.21 0.76 0l0.152-0.152c0.959 1.116 1.537 2.509 1.65 3.977h-0.217c-0.297 0-0.538 0.241-0.538 0.538s0.241 0.538 0.538 0.538h0.217c-0.020 0.272-0.057 0.542-0.109 0.81-0.031 0.069-0.047 0.143-0.048 0.218-0.252 1.090-0.763 2.102-1.492 2.952h0zM17.258 19.961c-0.297 0-0.538 0.241-0.538 0.538v0.657l-3.1-3.101 3.1-3.101v0.657c0 0.297 0.241 0.538 0.538 0.538h5.536c-0.078 0.071-0.154 0.144-0.229 0.218-0.011 0.009-0.023 0.017-0.033 0.027s-0.018 0.022-0.027 0.033c-0.974 0.983-1.677 2.2-2.042 3.534h-3.205zM39.69 29.181v-0.657c0-0.297-0.241-0.538-0.538-0.538h-5.53c0.085-0.078 0.168-0.157 0.249-0.239 0.002-0.002 0.005-0.004 0.008-0.006s0.004-0.005 0.006-0.007c0.985-0.987 1.697-2.214 2.064-3.56h3.204c0.297 0 0.538-0.241 0.538-0.538v-0.657l3.101 3.101-3.101 3.101z"></path>
</symbol>
<symbol id="icon-e3" viewBox="0 0 26 32">
<path d="M25.717 8.038c-0.026-0.359-0.077-0.715-0.148-1.068-0.082-0.402-0.18-0.797-0.327-1.18-0.006-0.017-0.012-0.035-0.018-0.053 0-0.001 0-0.001-0.001-0.001-0.001-0.002-0.001-0.004-0.002-0.005-0.008-0.061-0.058-0.114-0.047-0.18-0.016-0.103-0.069-0.192-0.11-0.285-0.201-0.463-0.429-0.912-0.709-1.333-0.167-0.25-0.33-0.504-0.537-0.725-0.047-0.061-0.093-0.123-0.143-0.182-0.701-0.821-1.518-1.498-2.47-2.011-0.044-0.016-0.076-0.071-0.131-0.052-0.001-0.001-0.002-0.002-0.003-0.002-0.007-0.006-0.016-0.011-0.024-0.014-0.021-0.010-0.042-0.019-0.063-0.029-0.001-0.001-0.001-0.001-0.001-0.001-0.017-0.008-0.034-0.017-0.052-0.025-0.054-0.030-0.11-0.058-0.168-0.080-0.011-0.006-0.022-0.010-0.033-0.016 0 0 0 0-0.001-0.001-0.016-0.009-0.032-0.018-0.048-0.027-0.009-0.007-0.019-0.012-0.030-0.016-0.007-0.001-0.012-0.001-0.019-0.002 0 0 0-0.001-0.001 0-0.003-0-0.005-0.003-0.009-0.004-0.028-0.020-0.059-0.032-0.093-0.039-0.006-0.004-0.014-0.004-0.019-0.008-0.008-0.006-0.016-0.012-0.023-0.019-0.011-0.004-0.022-0.008-0.034-0.011-0.009-0.004-0.019-0.007-0.029-0.012-0.001 0-0.002-0.001-0.003-0.001-0.141-0.057-0.285-0.11-0.429-0.159-0.010-0.004-0.018-0.007-0.028-0.011-0.001 0-0.001 0.001-0.001 0-0.057-0.019-0.113-0.039-0.169-0.058-0.016-0.005-0.030-0.010-0.045-0.015-0.001-0.001-0.001-0.001-0.001 0s-0.001 0-0.001 0c-0.002-0.001-0.005-0.002-0.007-0.002 0.008-0 0.016 0.001 0.024-0 0.004-0.005 0.008-0.010 0.012-0.015-0.071-0.061-0.158-0.069-0.246-0.075-0.004 0.005-0.007 0.009-0.011 0.014 0.012 0.006 0.023 0.012 0.035 0.018-0.015-0.005-0.030-0.008-0.045-0.012-0.134-0.035-0.269-0.064-0.4-0.107-0.021-0.006-0.042-0.014-0.062-0.021-0.412-0.115-0.836-0.177-1.259-0.197-0.712-0.033-1.426-0.025-2.131 0.116-0.333 0.067-0.663 0.145-0.988 0.243-0.337 0.102-0.664 0.232-0.986 0.377-0.512 0.23-0.993 0.516-1.453 0.839-0.187 0.132-0.356 0.286-0.543 0.419-0.003 0.003-0.006 0.007-0.010 0.010-0.001 0.001-0.001 0.001-0.002 0.002-0.013-0.004-0.025-0.003-0.039 0.006-0.117 0.106-0.235 0.212-0.352 0.319-0.273 0.252-0.524 0.527-0.758 0.814-0.332 0.407-0.619 0.848-0.874 1.308-0.158 0.285-0.301 0.577-0.421 0.879-0.111 0.278-0.203 0.564-0.295 0.85-0.103 0.322-0.173 0.65-0.232 0.979-0.035 0.2-0.069 0.402-0.087 0.606-0.012 0.139-0.008 0.278-0.027 0.417-0.037 0.273-0.062 0.551-0.024 0.822 0.051 0.361 0.037 0.727 0.115 1.084 0.043 0.198 0.077 0.399 0.123 0.597 0.058 0.249 0.134 0.492 0.208 0.737 0.067 0.222 0.15 0.439 0.233 0.652 0.088 0.224 0.198 0.443 0.31 0.66 0.316 0.615 0.707 1.177 1.155 1.701 0.335 0.392 0.702 0.754 1.109 1.072 0.185 0.144 0.357 0.309 0.573 0.41 0.14 0.089 0.277 0.184 0.42 0.267 0.363 0.212 0.731 0.416 1.128 0.558 0.121 0.044 0.147 0.121 0.142 0.242-0.024 0.52-0.064 1.040-0.066 1.562-0.001 0.213-0.021 0.426-0.030 0.639-0.028 0.656-0.061 1.311-0.078 1.968-0.008 0.291 0.234 0.503 0.525 0.496 0.090-0.002 0.181-0.022 0.24-0.080 0.204-0.199 0.373-0.428 0.511-0.678-0 0-0 0-0 0s0-0 0-0c0.017-0.032 0.062-0.047 0.056-0.092 0-0 0-0 0-0 0.040 0.004 0.058-0.024 0.078-0.050 0.319-0.43 0.638-0.86 0.956-1.291 0.493-0.667 0.986-1.334 1.48-2.001 0.042-0.057 0.089-0.105 0.169-0.109 0.53-0.029 1.046-0.141 1.557-0.278 0.411-0.111 0.808-0.262 1.196-0.435 0.451-0.202 0.879-0.448 1.286-0.727 0.481-0.329 0.921-0.705 1.328-1.124 0.23-0.236 0.431-0.495 0.644-0.746 0.011-0.011 0.012-0.023 0.008-0.034 0.001-0.001 0.001-0.001 0.002-0.002 0.006-0.004 0.011-0.008 0.017-0.012 0.145-0.192 0.274-0.396 0.407-0.597 0.31-0.47 0.56-0.971 0.765-1.492 0.296-0.754 0.483-1.537 0.56-2.345 0.049-0.511 0.057-1.022 0.020-1.535zM21.104 15.318c-0.509 0.315-1.048 0.563-1.619 0.745-0.581 0.185-1.172 0.323-1.782 0.335-0.344 0.006-0.524 0.21-0.704 0.456-0.647 0.884-1.301 1.763-1.952 2.644-0.016 0.021-0.021 0.060-0.060 0.045-0.028-0.011-0.021-0.042-0.019-0.065 0.014-0.414 0.021-0.829 0.044-1.243 0.033-0.595 0.047-1.19 0.057-1.785 0.004-0.217-0.146-0.372-0.398-0.456-0.408-0.134-0.792-0.322-1.169-0.529-0.662-0.363-1.248-0.823-1.769-1.366-0.582-0.606-1.053-1.289-1.408-2.053-0.283-0.608-0.487-1.238-0.613-1.898-0.172-0.902-0.176-1.805-0.037-2.707 0.093-0.608 0.263-1.197 0.507-1.765 0.24-0.558 0.529-1.086 0.886-1.576 0.6-0.824 1.334-1.504 2.203-2.033 0.482-0.294 0.993-0.53 1.53-0.71 0.85-0.285 1.721-0.411 2.614-0.385 0.567 0.016 1.125 0.103 1.676 0.248 0.6 0.159 1.171 0.385 1.713 0.687 0.901 0.501 1.67 1.158 2.309 1.969 0.371 0.471 0.683 0.978 0.937 1.519 0.184 0.392 0.324 0.802 0.443 1.22 0.193 0.677 0.27 1.367 0.28 2.066 0.007 0.573-0.050 1.141-0.174 1.7-0.161 0.73-0.419 1.424-0.781 2.081-0.656 1.19-1.556 2.144-2.713 2.858zM15.252 20.804c0.001-0.001 0.002-0.002 0.003-0.003-0.003 0.005-0.007 0.010-0.010 0.016 0.002-0.004 0.005-0.009 0.007-0.012z"></path>
<path d="M22.547 26.625c-1.031-1.030-2.062-2.060-3.091-3.091-0.288-0.289-0.602-0.513-1.025-0.573-0.2-0.028-0.388-0.005-0.567 0.045-0.332 0.094-0.603 0.299-0.846 0.543-0.528 0.532-1.060 1.061-1.59 1.591-0.115 0.115-0.241 0.221-0.337 0.354-0.266 0.264-0.628 0.263-0.92 0.083-0.297-0.183-0.611-0.337-0.928-0.482-0.429-0.253-0.839-0.534-1.244-0.824-0.362-0.259-0.703-0.546-1.051-0.822 0.002-0.029-0.018-0.042-0.037-0.059-0.166-0.146-0.335-0.29-0.496-0.441-0.71-0.661-1.385-1.356-2.009-2.1-0.33-0.394-0.65-0.796-0.945-1.218-0.193-0.277-0.382-0.557-0.553-0.849-0.221-0.378-0.428-0.766-0.586-1.175-0.061-0.157-0.118-0.323-0.045-0.511 0.062-0.158 0.161-0.273 0.278-0.381 0.676-0.622 1.328-1.269 1.959-1.937 0.369-0.39 0.572-0.849 0.466-1.397-0.067-0.348-0.254-0.642-0.501-0.893-0.959-0.971-1.919-1.941-2.885-2.904-0.279-0.278-0.55-0.57-0.93-0.727-0.293-0.12-0.594-0.14-0.891-0.075-0.358 0.079-0.659 0.286-0.916 0.543-0.691 0.69-1.395 1.367-2.064 2.079-0.315 0.335-0.521 0.739-0.653 1.174-0.099 0.329-0.126 0.673-0.139 1.018-0.013 0.35 0.030 0.696 0.062 1.042 0.008 0.086-0.009 0.184 0.064 0.256 0.007 0.186 0.054 0.366 0.099 0.544 0.105 0.416 0.229 0.826 0.368 1.232 0.173 0.503 0.373 0.994 0.587 1.48 0.233 0.53 0.492 1.047 0.771 1.554 0.404 0.734 0.843 1.446 1.323 2.132 0.347 0.495 0.711 0.978 1.085 1.454 0.781 0.992 1.625 1.926 2.537 2.798 0.586 0.561 1.2 1.090 1.837 1.592 0.626 0.494 1.275 0.955 1.943 1.39 0.527 0.343 1.069 0.659 1.62 0.962 0.454 0.249 0.914 0.485 1.383 0.705 0.229 0.107 0.464 0.201 0.697 0.3 0.009 0.024 0.027 0.042 0.051 0.049 0.21 0.064 0.408 0.161 0.615 0.236 0.298 0.108 0.598 0.208 0.9 0.301 0.381 0.118 0.773 0.204 1.167 0.271 0.53 0.091 1.066 0.132 1.605 0.079 0.094-0.003 0.193 0.022 0.277-0.046 0 0 0-0 0-0 0.122 0.014 0.227-0.049 0.339-0.077 0.006-0.011-0-0.019-0.006-0.028 0.002-0 0.003-0 0.005-0.001-0 0-0 0-0 0 0 0.009 0.001 0.019 0.001 0.028 0.272-0.047 0.507-0.182 0.743-0.315 0.322-0.183 0.591-0.431 0.83-0.709 0.132-0.154 0.296-0.279 0.402-0.455 0-0 0-0 0-0 0.031-0.033 0.060-0.068 0.093-0.098 0.379-0.351 0.757-0.703 1.113-1.077 0.261-0.273 0.474-0.573 0.586-0.945 0.092-0.303 0.065-0.594-0.036-0.878-0.104-0.291-0.296-0.533-0.515-0.752zM3.518 10.044c0.1-0.091 0.201-0.182 0.321-0.245 0.254-0.132 0.45-0.1 0.684 0.112 0.499 0.451 0.956 0.943 1.429 1.42 0.584 0.589 1.171 1.175 1.757 1.763 0.11 0.11 0.212 0.227 0.281 0.369 0.030 0.062 0.045 0.123 0.044 0.189 0.007 0.15-0.073 0.266-0.158 0.376-0.057 0.075-0.131 0.136-0.19 0.21-0.070 0.087-0.123 0.072-0.197-0.002-0.657-0.662-1.317-1.32-1.976-1.979-0.665-0.665-1.328-1.332-1.996-1.994-0.085-0.084-0.088-0.138-0.001-0.218zM17.756 30.946c-0.448-0.057-0.892-0.132-1.327-0.251-0.494-0.135-0.983-0.292-1.454-0.497-0.039-0.017-0.078-0.032-0.118-0.007-0.016-0.054-0.066-0.065-0.11-0.083-0.227-0.096-0.454-0.193-0.676-0.299-0.755-0.364-1.494-0.755-2.212-1.187-0.504-0.303-0.994-0.624-1.473-0.964-0.59-0.418-1.161-0.86-1.714-1.326-0.466-0.391-0.914-0.801-1.35-1.223-0.395-0.382-0.768-0.787-1.133-1.199-0.471-0.531-0.926-1.076-1.354-1.644-0.561-0.744-1.097-1.505-1.574-2.309-0.306-0.516-0.593-1.040-0.859-1.578-0.178-0.361-0.341-0.729-0.498-1.099-0.224-0.53-0.41-1.073-0.577-1.624-0.113-0.373-0.189-0.756-0.244-1.142-0.060-0.413-0.035-0.828-0.029-1.242 0.001-0.080 0.014-0.163 0.031-0.243 0.094-0.435 0.308-0.801 0.624-1.111 0.217-0.214 0.43-0.43 0.645-0.644 0.093-0.093 0.185-0.187 0.279-0.278 0.096-0.094 0.119-0.094 0.213-0.004 0.018 0.017 0.035 0.035 0.053 0.052 1.274 1.275 2.55 2.55 3.825 3.825 0.017 0.017 0.034 0.036 0.052 0.052 0.067 0.057 0.072 0.111 0.003 0.174-0.077 0.069-0.144 0.146-0.225 0.21-0.050 0.039-0.105 0.081-0.095 0.158v0.001h-0.001c-0.058-0.006-0.085 0.042-0.121 0.073-0.158 0.131-0.298 0.282-0.453 0.417-0.604 0.525-0.814 1.19-0.541 1.959 0.088 0.248 0.205 0.484 0.323 0.718 0.388 0.772 0.864 1.491 1.388 2.175 0.492 0.642 1.029 1.245 1.585 1.833 0.029 0.030 0.054 0.077 0.111 0.053-0.021 0.080 0.046 0.115 0.088 0.158 0.77 0.795 1.602 1.519 2.492 2.177 0.445 0.329 0.897 0.652 1.382 0.921 0.359 0.199 0.727 0.381 1.087 0.577 0.441 0.239 0.911 0.28 1.39 0.091 0.286-0.112 0.516-0.302 0.73-0.512 0.303-0.295 0.599-0.596 0.898-0.896 0.122-0.122 0.121-0.123 0.248 0.003 1.286 1.286 2.572 2.573 3.858 3.859 0.017 0.017 0.034 0.035 0.052 0.052 0.053 0.049 0.054 0.096 0 0.146-0.376 0.35-0.7 0.75-1.064 1.111-0.29 0.288-0.642 0.461-1.043 0.546-0.37 0.078-0.739 0.072-1.113 0.024zM17.712 24.452c-0.111-0.111-0.113-0.112 0.002-0.22 0.154-0.146 0.307-0.299 0.611-0.303 0.123-0.005 0.254 0.106 0.377 0.229 0.825 0.824 1.649 1.649 2.473 2.473 0.255 0.255 0.514 0.508 0.763 0.769 0.307 0.321 0.319 0.6 0.035 0.934-0.198 0.232-0.156 0.223-0.36 0.019-1.3-1.301-2.601-2.601-3.901-3.901zM13.293 25.17c0 0 0.001 0 0.001 0.001s-0-0-0-0-0.001-0.001-0.001-0.001-0.001-0-0.001-0.001 0-0.001 0-0.001c0 0.001 0.001 0.001 0.001 0.002zM14.498 31.063c0 0 0 0 0 0l0.002 0.002c-0.001-0-0.002-0-0.002-0s0-0 0.001-0c0-0.001-0-0.001-0-0.001zM21.174 30.471c0-0 0.001-0.001 0.001-0.001s0-0 0-0.001 0.002-0 0.003-0c-0.001 0-0.002 0.002-0.004 0.002-0 0-0 0-0 0z"></path>
<path d="M21.827 6.037c-0.472-0.716-0.935-1.438-1.393-2.162-0.208-0.329-0.481-0.509-0.881-0.493-0.349 0.014-0.699 0.003-1.048 0.003-1.261 0-2.522 0.001-3.783 0-0.327-0.001-0.578 0.138-0.751 0.409-0.489 0.768-0.975 1.537-1.459 2.307-0.082 0.13-0.166 0.257-0.166 0.427 0.004 1.68 0 3.36 0.002 5.040 0 0.495 0.362 0.851 0.855 0.851 1.322 0.001 2.645 0 3.968 0v-0.002c1.314 0 2.629-0.010 3.943 0.005 0.544 0.006 0.95-0.418 0.946-0.937-0.013-1.56-0.009-3.122 0.003-4.682 0.002-0.291-0.080-0.529-0.236-0.766zM18.44 11.309c0.004-0.784-0.008-1.569 0.008-2.353 0.006-0.285-0.112-0.458-0.339-0.6-0.399-0.252-0.786-0.524-1.186-0.775-0.148-0.093-0.279-0.223-0.472-0.243-0.304-0.031-0.549 0.171-0.55 0.477-0.003 1.151-0.003 2.301-0.004 3.451 0 0.18 0 0.178-0.185 0.178-0.752 0.001-1.504-0.001-2.255 0.005-0.115 0.001-0.143-0.032-0.143-0.144 0.004-1.368 0.004-2.736-0.001-4.104 0-0.122 0.035-0.148 0.152-0.147 1.245 0.004 2.489 0.003 3.734 0.003v-0.004c1.212 0 2.423-0.001 3.635 0.002 0.291 0.001 0.247-0.041 0.248 0.248 0.002 1.335 0 2.67 0.003 4.005 0 0.102-0.018 0.143-0.133 0.142-0.793-0.006-1.586-0.006-2.378 0-0.113 0.001-0.135-0.037-0.134-0.141zM17.672 4.461c-0.001-0.099 0.024-0.136 0.13-0.135 0.562 0.004 1.124 0.002 1.687 0.001 0.070 0 0.118 0.016 0.16 0.083 0.323 0.52 0.652 1.035 0.977 1.553 0.057 0.090 0.039 0.117-0.076 0.117-0.459 0.001-0.919 0.001-1.378 0.001-0.456 0-0.911-0.003-1.367 0.002-0.101 0.001-0.134-0.029-0.133-0.133 0.004-0.496 0.004-0.993 0-1.489zM14.727 4.432c0.039-0.062 0.089-0.084 0.164-0.083 0.566 0.003 1.133 0.004 1.698 0.001 0.076-0.001 0.109 0.014 0.109 0.1 0.001 0.472 0.008 0.943 0.011 1.415 0.001 0.186-0.001 0.186-0.179 0.186h-2.816c0.346-0.553 0.68-1.086 1.013-1.618zM17.349 11.476c-0.123-0.007-0.247-0.007-0.369-0.001-0.095 0.005-0.118-0.035-0.117-0.123 0.003-0.418 0.001-0.837 0.001-1.256 0-0.414 0-0.829 0.001-1.243 0-0.040-0.013-0.094 0.029-0.11 0.023-0.009 0.066 0.022 0.095 0.042 0.133 0.088 0.262 0.181 0.395 0.269 0.064 0.043 0.089 0.096 0.089 0.175-0.003 0.705-0.003 1.411 0.001 2.117 0 0.094-0.025 0.136-0.125 0.13z"></path>
</symbol>
<symbol id="icon-e4" viewBox="0 0 24 32">
<path d="M7.028 15.564c0.060 0.014 0.121 0.027 0.181 0.039v3.743h0.776v-3.64c0.143 0.010 0.287 0.016 0.431 0.016 1.903-0.005 3.697-0.89 4.86-2.397s1.564-3.466 1.086-5.309l2.488-1.559 1.555 0.124c0.149 0.012 0.291-0.062 0.366-0.191l0.784-1.341 1.291 0.003c0.137 0 0.263-0.072 0.333-0.189l0.789-1.321 1.222 0.037c0.187 0.005 0.351-0.124 0.391-0.306l0.476-2.194c0.042-0.192-0.066-0.384-0.251-0.448l-0.018-0.007c-0.014-0.005-0.029-0.009-0.043-0.012l-2.682-0.602c-0.1-0.022-0.204-0.005-0.291 0.050l-8.094 5.073c-1.873-1.805-4.678-2.238-7.008-1.082s-3.681 3.653-3.376 6.236c0.305 2.583 2.201 4.696 4.737 5.277zM21.047 0.802l2.169 0.487-0.326 1.504-1.128-0.034c-0.141-0.004-0.273 0.068-0.345 0.189l-0.793 1.327-1.292-0.003c-0.138 0.001-0.265 0.074-0.336 0.192l-0.773 1.323-1.44-0.115c-0.083-0.007-0.166 0.014-0.237 0.058l-2.435 1.526c-0.225-0.555-0.53-1.075-0.904-1.542l7.839-4.914zM5.548 5.007c2.143-1.339 4.929-1.009 6.699 0.794 0.007 0.015 0.015 0.030 0.024 0.044 0.035 0.056 0.085 0.103 0.143 0.135 1.505 1.684 1.799 4.129 0.733 6.121s-3.261 3.106-5.497 2.789-4.037-1.997-4.507-4.206c-0.47-2.209 0.491-4.477 2.405-5.676z"></path>
<path d="M7.032 12.539c0.187 0.043 0.379 0.065 0.571 0.065 1.348 0 2.461-1.052 2.537-2.397s-0.911-2.516-2.249-2.669c-1.339-0.153-2.564 0.767-2.792 2.094s0.62 2.603 1.933 2.906zM6.665 8.582c0.278-0.176 0.601-0.269 0.93-0.269 0.133 0 0.266 0.015 0.396 0.045 0.817 0.187 1.387 0.926 1.363 1.763s-0.637 1.541-1.464 1.681-1.636-0.324-1.934-1.107c-0.298-0.783-0.001-1.668 0.709-2.113v-0z"></path>
<path d="M0.621 24.905l1.494-1.088v7.794c0 0.214 0.174 0.388 0.388 0.388h10.189c0.214 0 0.388-0.174 0.388-0.388v-7.794l1.494 1.087c0.112 0.084 0.26 0.102 0.389 0.046s0.216-0.177 0.23-0.317c0.014-0.139-0.048-0.276-0.163-0.356l-1.951-1.42v-2.289c0-0.215-0.174-0.388-0.388-0.388s-0.388 0.174-0.388 0.388v1.725l-4.478-3.26c-0.136-0.099-0.321-0.099-0.457 0l-7.205 5.245c-0.114 0.081-0.177 0.217-0.163 0.356s0.102 0.26 0.23 0.317c0.129 0.056 0.277 0.039 0.389-0.045v-0zM7.598 19.826l4.706 3.427v7.971h-9.413v-7.971l4.707-3.427z"></path>
<path d="M7.598 26.978c0.39 0.001 0.706 0.316 0.709 0.706s-0.311 0.709-0.701 0.714c-0.003 0-0.005-0-0.008-0s-0.005 0-0.008 0c-0.389-0.005-0.702-0.321-0.703-0.71 0-0.215-0.174-0.388-0.388-0.388s-0.388 0.174-0.388 0.388c0.001 0.671 0.451 1.259 1.098 1.435v0.317c0 0.214 0.174 0.388 0.388 0.388s0.388-0.174 0.388-0.388v-0.317c0.72-0.195 1.184-0.892 1.086-1.631s-0.728-1.291-1.474-1.291c-0.392 0-0.71-0.318-0.71-0.71s0.318-0.71 0.71-0.71 0.71 0.318 0.71 0.71c0 0.214 0.174 0.388 0.388 0.388s0.388-0.174 0.388-0.388c-0.001-0.671-0.451-1.259-1.098-1.435v-0.611c0-0.214-0.174-0.388-0.388-0.388s-0.388 0.174-0.388 0.388v0.611c-0.72 0.195-1.184 0.892-1.086 1.631s0.728 1.291 1.474 1.291z"></path>
</symbol>
<symbol id="icon-e5" viewBox="0 0 25 32">
<path d="M12.271 0c-0.973 0.001-1.762 0.79-1.763 1.763v0.949h-8.746c-0.973 0.001-1.762 0.79-1.763 1.763v12.203c0.001 0.973 0.79 1.762 1.763 1.763h8.746v13.153c0 0.225 0.182 0.407 0.407 0.407h2.712c0.225 0 0.407-0.182 0.407-0.407v-13.153h8.746c0.973-0.001 1.762-0.79 1.763-1.763v-12.203c-0.001-0.973-0.79-1.762-1.763-1.763h-8.746v-0.949c-0.001-0.973-0.79-1.762-1.763-1.763zM11.322 1.763c0-0.524 0.425-0.949 0.949-0.949s0.949 0.425 0.949 0.949v0.949h-1.898v-0.949zM13.22 31.186h-1.898v-12.746h1.898v12.746zM23.729 4.475v12.203c-0.001 0.524-0.425 0.949-0.949 0.949h-21.017c-0.524-0.001-0.949-0.425-0.949-0.949v-12.203c0.001-0.524 0.425-0.949 0.949-0.949h21.017c0.524 0.001 0.949 0.425 0.949 0.949z"></path>
<path d="M5.987 8.881h-1.412c-0.138 0-0.276 0.065-0.276 0.195v2.583c0 0.13 0.159 0.195 0.317 0.195s0.317-0.065 0.317-0.195v-1.050h0.614c0.134 0 0.191-0.13 0.191-0.24 0-0.13-0.069-0.248-0.191-0.248h-0.614v-0.688h1.054c0.122 0 0.191-0.13 0.191-0.28 0-0.13-0.057-0.273-0.191-0.273z"></path>
<path d="M7.329 8.881c-0.561 0-0.997 0.26-0.997 0.96v1.078c0 0.7 0.435 0.96 0.997 0.96s1.001-0.26 1.001-0.96v-1.078c0-0.7-0.439-0.96-1.001-0.96zM7.695 10.919c0 0.281-0.138 0.407-0.366 0.407s-0.362-0.126-0.362-0.407v-1.078c0-0.281 0.134-0.407 0.362-0.407s0.366 0.126 0.366 0.407v1.078z"></path>
<path d="M10.4 11.879c0.187 0 0.399-0.171 0.399-0.329 0-0.026-0.007-0.051-0.020-0.073l-0.496-0.899c0.285-0.11 0.492-0.37 0.492-0.826 0-0.663-0.444-0.87-1.001-0.87h-0.842c-0.052-0.002-0.102 0.018-0.139 0.054s-0.057 0.086-0.057 0.137v2.587c0 0.13 0.159 0.195 0.317 0.195s0.318-0.065 0.318-0.195v-0.98h0.268l0.557 1.082c0.039 0.076 0.118 0.122 0.203 0.118zM9.774 10.191h-0.403v-0.757h0.403c0.228 0 0.366 0.094 0.366 0.378s-0.139 0.378-0.366 0.378z"></path>
<path d="M12.751 11.326c-0.378 0-0.501-0.301-0.691-0.301-0.155 0-0.277 0.203-0.277 0.342 0 0.268 0.448 0.529 0.98 0.529 0.59 0 1.017-0.317 1.017-0.903 0-1.025-1.289-0.948-1.289-1.355 0-0.126 0.118-0.244 0.407-0.244 0.333 0 0.411 0.155 0.557 0.155 0.179 0 0.252-0.224 0.252-0.334 0-0.317-0.594-0.358-0.809-0.358-0.508 0-1.041 0.232-1.041 0.842 0 0.952 1.289 0.867 1.289 1.359-0 0.195-0.208 0.269-0.395 0.269z"></path>
<path d="M15.070 8.857c-0.187 0-0.37 0.069-0.415 0.212l-0.757 2.481c-0.004 0.015-0.007 0.029-0.008 0.045 0 0.15 0.232 0.26 0.407 0.26 0.102 0 0.183-0.033 0.208-0.118l0.138-0.508h0.858l0.138 0.508c0.024 0.086 0.106 0.118 0.207 0.118 0.175 0 0.407-0.11 0.407-0.26-0.001-0.015-0.004-0.030-0.008-0.045l-0.761-2.481c-0.045-0.142-0.228-0.211-0.415-0.211zM14.773 10.74l0.297-1.090 0.297 1.090h-0.594z"></path>
<path d="M17.124 9.072c0-0.134-0.159-0.191-0.317-0.191s-0.317 0.057-0.317 0.191v2.587c0 0.13 0.139 0.195 0.277 0.195h1.285c0.122 0 0.183-0.139 0.183-0.277s-0.061-0.276-0.183-0.276h-0.927v-2.229z"></path>
<path d="M18.767 11.855h1.448c0.134 0 0.191-0.142 0.191-0.273 0-0.151-0.069-0.281-0.191-0.281h-1.090v-0.691h0.61c0.134 0 0.191-0.13 0.191-0.24 0-0.13-0.069-0.248-0.191-0.248h-0.61v-0.688h1.090c0.122 0 0.191-0.13 0.191-0.28 0-0.13-0.057-0.273-0.191-0.273h-1.448c-0.139 0-0.277 0.065-0.277 0.195v2.583c0 0.13 0.138 0.195 0.277 0.195z"></path>
</symbol>
<symbol id="icon-e6" viewBox="0 0 38 32">
<path d="M4.679 28.257c0.034 0.008 0.068 0.011 0.102 0.011h17.62c2.52 3.584 7.296 4.763 11.194 2.763s5.726-6.567 4.284-10.704-5.711-6.579-10.008-5.724v-14.12c0-0.266-0.216-0.482-0.482-0.482h-21.381c-0.264 0-0.479 0.213-0.482 0.477l-0.194 19.232h-4.85c-0.266 0-0.482 0.215-0.482 0.482v2.985c0 2.7 2.072 4.915 4.679 5.081zM29.589 15.397c4.32 0 7.823 3.502 7.823 7.823s-3.502 7.823-7.823 7.823c-4.321 0-7.823-3.502-7.823-7.823 0.005-4.318 3.504-7.818 7.823-7.823zM6.485 0.964h20.423v13.888c-2.44 0.781-4.417 2.588-5.414 4.948s-0.913 5.037 0.228 7.331c-1.66-0.51-2.873-2.090-2.873-3.954v-2.985c0-0.266-0.216-0.482-0.482-0.482h-12.071l0.189-18.746zM0.964 20.673h16.921v2.503c-0.004 1.628 0.766 3.16 2.075 4.128h-14.969c-2.221 0-4.028-1.852-4.028-4.128v-2.503z"></path>
<path d="M10.911 5.325h3.754c0.266 0 0.482-0.216 0.482-0.482s-0.216-0.482-0.482-0.482h-3.754c-0.266 0-0.482 0.216-0.482 0.482s0.216 0.482 0.482 0.482z"></path>
<path d="M10.911 10.615h10.919c0.266 0 0.482-0.216 0.482-0.482s-0.215-0.482-0.482-0.482h-10.919c-0.266 0-0.482 0.216-0.482 0.482s0.216 0.482 0.482 0.482z"></path>
<path d="M22.312 15.423c0-0.266-0.215-0.482-0.482-0.482h-10.919c-0.266 0-0.482 0.216-0.482 0.482s0.216 0.482 0.482 0.482h10.919c0.266 0 0.482-0.216 0.482-0.482z"></path>
<path d="M24.77 23.145h0.929v4.138c0 0.266 0.216 0.482 0.482 0.482h6.814c0.266 0 0.482-0.215 0.482-0.482v-4.138h0.929c0.209 0 0.394-0.134 0.458-0.333s-0.006-0.416-0.175-0.539l-4.818-3.508c-0.169-0.123-0.398-0.123-0.567 0l-4.818 3.508c-0.169 0.123-0.239 0.34-0.175 0.539s0.25 0.333 0.458 0.333zM29.589 19.752l3.344 2.434c-0.24 0.032-0.418 0.236-0.418 0.478v4.138h-5.85v-4.138c0-0.242-0.179-0.446-0.418-0.478l3.344-2.434z"></path>
</symbol>
<symbol id="icon-f1" viewBox="0 0 39 32">
<path d="M38.219 27.247c-0.268 0-0.488 0.218-0.488 0.488v0.569c0 0.402-0.325 0.729-0.727 0.732h-0.020v-1.606c0.952-0.228 1.624-1.078 1.627-2.058v-2.167c0-1.17-0.948-2.115-2.115-2.115s-2.115 0.945-2.115 2.115v2.168c0 0.979 0.673 1.83 1.627 2.058v4.057c0 0.27 0.218 0.488 0.488 0.488s0.488-0.218 0.488-0.488v-1.476h0.020c0.94-0.006 1.7-0.768 1.702-1.708v-0.569c0-0.27-0.218-0.488-0.488-0.488h0.001zM35.358 25.374v-2.168c0-0.63 0.509-1.139 1.139-1.139 0.628 0 1.139 0.508 1.139 1.139v2.168c-0.002 0.439-0.255 0.839-0.651 1.027v-0.407c0-0.268-0.22-0.488-0.488-0.488s-0.488 0.22-0.488 0.488v0.407c-0.399-0.187-0.651-0.588-0.651-1.027zM33.862 28.612v-17.529c0-0.271-0.22-0.488-0.488-0.488h-10.371c-0.27 0-0.488 0.217-0.488 0.488v20.428h0.976v-6.113h2.481v6.114h0.976v-6.113h2.481v3.18c-0.832 0.158-1.423 0.901-1.388 1.747s0.686 1.539 1.528 1.627c0.842 0.089 1.622-0.454 1.832-1.275s-0.214-1.671-0.996-1.997v-3.282h2.481v3.232c-0.809 0.257-1.308 1.069-1.171 1.907 0.138 0.838 0.87 1.448 1.72 1.433 0.849-0.016 1.558-0.651 1.666-1.494 0.107-0.842-0.42-1.635-1.238-1.863v-0.002zM29.746 30.989c-0.405 0-0.732-0.328-0.732-0.732s0.327-0.732 0.732-0.732c0.403 0 0.732 0.327 0.732 0.732-0.002 0.404-0.329 0.732-0.732 0.732zM32.886 20.965h-2.481v-2.481h2.481v2.481zM29.429 15.028v2.481h-2.481v-2.481h2.481zM26.948 14.052v-2.481h2.481v2.481h-2.481zM25.972 17.508h-2.481v-2.481h2.481v2.481zM25.972 18.485v2.481h-2.481v-2.481h2.481zM26.948 18.485h2.481v2.481h-2.481v-2.481zM32.886 17.508h-2.481v-2.481h2.481v2.481zM32.886 14.052h-2.481v-2.481h2.481v2.481zM25.972 11.571v2.481h-2.481v-2.481h2.481zM23.491 24.422v-2.481h2.481v2.481h-2.481zM26.948 24.422v-2.481h2.481v2.481h-2.481zM30.405 24.422v-2.481h2.481v2.481h-2.481zM33.406 30.989c-0.405 0-0.732-0.328-0.732-0.732s0.327-0.732 0.732-0.732c0.403 0 0.732 0.327 0.732 0.732-0.002 0.404-0.329 0.732-0.732 0.732z"></path>
<path d="M38.604 31.023h-17.757v-26.854c0-0.27-0.22-0.488-0.488-0.488h-1.816v-0.4h0.664c0.27 0 0.488-0.218 0.488-0.488v-2.305c0-0.27-0.218-0.488-0.488-0.488h-11.523c-0.27 0-0.488 0.218-0.488 0.488v2.304c0 0.27 0.218 0.488 0.488 0.488h0.664v0.4h-1.816c-0.27 0-0.488 0.218-0.488 0.488v24.449c-0.488 0.142-0.887 0.492-1.088 0.958s-0.185 0.997 0.044 1.448h-0.612c0.364-0.717 0.176-1.593-0.451-2.099s-1.521-0.507-2.147 0c-0.626 0.506-0.815 1.381-0.451 2.099h-0.85c-0.268 0-0.488 0.22-0.488 0.488 0 0.271 0.22 0.488 0.488 0.488h38.116c0.268 0 0.488-0.217 0.488-0.488 0-0.268-0.22-0.488-0.488-0.488v-0.001zM2.863 29.526c0.403 0 0.732 0.327 0.732 0.732s-0.329 0.732-0.732 0.732c-0.405 0-0.732-0.328-0.732-0.732s0.327-0.732 0.732-0.732zM10.184 29.526c0.403 0 0.732 0.327 0.732 0.732s-0.329 0.732-0.732 0.732c-0.405 0-0.732-0.328-0.732-0.732s0.327-0.732 0.732-0.732zM10.477 28.577v-3.176h2.481v5.625h-1.25c0.244-0.48 0.246-1.049 0.002-1.534s-0.7-0.822-1.233-0.913v-0.002zM12.957 4.659v2.481h-2.481v-2.481h2.481zM19.871 24.425h-2.481v-2.481h2.481v2.481zM13.934 14.054v-2.481h2.481v2.481h-2.481zM16.414 15.030v2.481h-2.481v-2.481h2.481zM12.957 14.054h-2.481v-2.481h2.481v2.481zM12.957 15.030v2.481h-2.481v-2.481h2.481zM12.957 18.487v2.481h-2.481v-2.481h2.481zM13.934 18.487h2.481v2.481h-2.481v-2.481zM16.414 21.944v2.481h-2.481v-2.481h2.481zM19.871 20.968h-2.481v-2.481h2.481v2.481zM19.871 17.511h-2.481v-2.481h2.481v2.481zM19.871 14.054h-2.481v-2.481h2.481v2.481zM19.871 10.597h-2.481v-2.481h2.481v2.481zM16.414 10.597h-2.481v-2.481h2.481v2.481zM13.934 7.14v-2.481h2.481v2.481h-2.481zM12.957 8.116v2.481h-2.481v-2.481h2.481zM9.501 10.597h-2.481v-2.481h2.481v2.481zM9.501 11.573v2.481h-2.481v-2.481h2.481zM9.501 15.030v2.481h-2.481v-2.481h2.481zM9.501 18.487v2.481h-2.481v-2.481h2.481zM9.501 21.944v2.481h-2.481v-2.481h2.481zM10.477 21.944h2.481v2.481h-2.481v-2.481zM13.934 25.401h2.481v5.625h-2.481v-5.625zM17.39 25.401h2.481v5.625h-2.481v-5.625zM19.871 7.14h-2.481v-2.481h2.481v2.481zM8.172 0.976h10.547v1.328h-10.547v-1.328zM9.324 3.28h8.243v0.4h-8.243v-0.4zM9.501 4.657v2.481h-2.481v-2.481h2.481zM6.523 29.525c0.403 0 0.732 0.327 0.732 0.732s-0.329 0.732-0.732 0.732c-0.405 0-0.732-0.328-0.732-0.732s0.327-0.732 0.732-0.732zM7.020 28.622v-3.224h2.481v3.294c-0.431 0.185-0.765 0.542-0.925 0.984-0.159 0.441-0.129 0.929 0.084 1.347h-0.613c0.228-0.447 0.244-0.976 0.047-1.44s-0.591-0.815-1.074-0.96l-0.001-0.002z"></path>
</symbol>
<symbol id="icon-f2" viewBox="0 0 32 32">
<path d="M29.867 31.963h-28.196v-4.488h28.196v4.488zM2.563 31.072h26.413v-2.705h-26.413v2.705z"></path>
<path d="M26.943 28.367h-22.348v-2.66h22.348v2.66zM5.487 27.475h20.565v-0.877h-20.565v0.877z"></path>
<path d="M11.022 26.609h-4.475v-17.882h4.475v17.882zM7.438 25.718h2.692v-16.099h-2.692v16.099z"></path>
<path d="M21.388 26.609h-11.236v-20.345h11.236v20.345zM11.043 25.718h9.453v-18.562h-9.453v18.562z"></path>
<path d="M24.992 26.609h-4.475v-17.882h4.475v17.882zM21.409 25.718h2.692v-16.099h-2.692v16.099z"></path>
<path d="M0 31.109h31.539v0.891h-31.539v-0.891z"></path>
<path d="M19.781 7.18h-8.023v-4.593h8.023v4.593zM12.649 6.289h6.24v-2.811h-6.24v2.811z"></path>
<path d="M15.324 0h0.891v2.97h-0.891v-2.97z"></path>
<path d="M13.615 4.365h4.308v0.891h-4.308v-0.891z"></path>
<path d="M12.898 8.68h0.891v15.894h-0.891v-15.894z"></path>
<path d="M15.324 8.68h0.891v15.894h-0.891v-15.894z"></path>
<path d="M17.75 8.68h0.891v15.894h-0.891v-15.894z"></path>
</symbol>
<symbol id="icon-f3" viewBox="0 0 33 32">
<path d="M0.425 32h32.552c0.234 0 0.425-0.19 0.425-0.425s-0.19-0.425-0.425-0.425h-1.466v-13.184c0.002-2.839-2.297-5.142-5.136-5.145-0.388-0-0.776 0.043-1.154 0.13v-2.539c-0-0.177-0.11-0.336-0.277-0.398l-2.030-0.754v-8.836c0-0.234-0.19-0.425-0.425-0.425h-1.856c-0.235 0-0.425 0.19-0.425 0.425v7.832l-3.145-1.168c-0.22-0.082-0.464 0.030-0.546 0.25-0.018 0.047-0.027 0.097-0.027 0.148v2.411l-7.366-2.807c-0.219-0.084-0.464 0.026-0.548 0.246-0.018 0.048-0.028 0.099-0.028 0.151v5.461c-2.783-0.579-5.507 1.208-6.086 3.991-0.072 0.344-0.108 0.695-0.108 1.046v13.167h-1.93c-0.234 0-0.425 0.19-0.425 0.425s0.19 0.425 0.425 0.425zM9.145 31.151h-3.291v-6.387h3.291v6.387zM16.94 13.689c2.27 0.003 4.147 1.769 4.287 4.035-0.004 0.081-0.006 0.162-0.006 0.244v13.184h-8.576v-13.167c0.003-2.371 1.924-4.293 4.296-4.296zM28.118 31.151h-3.291v-6.347h3.291v6.347zM30.661 17.967v13.184h-1.693v-6.771c0-0.235-0.19-0.425-0.425-0.425h-4.14c-0.235 0-0.425 0.19-0.425 0.425v6.771h-1.908v-13.167h0.015c0-0.090-0.002-0.179-0.007-0.268 0.141-2.368 2.175-4.174 4.543-4.033 2.268 0.135 4.038 2.012 4.041 4.284h0zM21.056 0.849h1.007v8.096l-1.007-0.374v-7.723zM24.37 10.708v2.516c-1.218 0.516-2.192 1.479-2.722 2.69-0.765-1.735-2.42-2.909-4.31-3.059v-4.759l7.031 2.611zM9.398 8.103l7.092 2.703v2.055c-1.88 0.168-3.518 1.349-4.27 3.080-0.544-1.248-1.558-2.231-2.822-2.736l0-5.101zM3.204 17.984c0-2.372 1.923-4.296 4.296-4.296s4.296 1.923 4.296 4.296v13.167h-1.801v-6.812c0-0.235-0.19-0.425-0.425-0.425h-4.14c-0.234 0-0.425 0.19-0.425 0.425v6.812h-1.801v-13.167z"></path>
</symbol>
<symbol id="icon-r" viewBox="0 0 36 32">
<path d="M32.8 0h-29.291c-1.937 0.002-3.507 1.572-3.509 3.509v24.982c0.002 1.937 1.572 3.507 3.509 3.509h29.291c1.937-0.002 3.507-1.572 3.509-3.509v-24.982c-0.002-1.937-1.572-3.507-3.509-3.509zM32.8 31.085h-29.291c-1.432-0.002-2.592-1.162-2.594-2.593v-19.108h34.478v19.108c-0.002 1.432-1.162 2.592-2.593 2.593zM35.394 8.468h-34.478v-4.959c0.001-1.432 1.162-2.592 2.594-2.594h29.291c1.432 0.001 2.592 1.162 2.593 2.594v4.959z"></path>
<path d="M10.184 2.96h-0.006c-0.975-0.002-1.767 0.788-1.769 1.763s0.788 1.767 1.763 1.769h0.006c0.975 0.002 1.767-0.788 1.768-1.763s-0.788-1.767-1.763-1.768zM10.777 5.329c-0.159 0.159-0.375 0.248-0.599 0.247h-0.003c-0.47-0.001-0.85-0.382-0.849-0.852s0.382-0.85 0.852-0.849h0.003c0.344 0.001 0.653 0.209 0.784 0.527s0.057 0.684-0.187 0.926l-0 0z"></path>
<path d="M4.308 2.942h-0.006c-0.975-0.002-1.767 0.788-1.769 1.763s0.788 1.767 1.763 1.768h0.005c0.976 0.002 1.767-0.788 1.769-1.763s-0.788-1.767-1.763-1.769zM4.902 5.31c-0.159 0.159-0.375 0.248-0.599 0.247h-0.003c-0.47-0.001-0.85-0.382-0.849-0.852s0.382-0.85 0.852-0.849h0.003c0.344 0.001 0.653 0.209 0.784 0.527s0.057 0.684-0.187 0.926v0z"></path>
<path d="M16.059 2.978h-0.005c-0.975-0.002-1.767 0.788-1.769 1.763s0.788 1.767 1.763 1.769h0.006c0.975 0.002 1.767-0.788 1.768-1.763s-0.788-1.767-1.763-1.768zM16.653 5.347c-0.273 0.271-0.693 0.325-1.026 0.133s-0.495-0.585-0.395-0.957c0.1-0.371 0.437-0.629 0.821-0.629h0.003c0.344 0.001 0.653 0.209 0.784 0.527s0.057 0.684-0.187 0.926z"></path>
<path d="M11.942 26.679c0 0.253 0.205 0.458 0.458 0.458h11.511c0.253 0 0.458-0.205 0.458-0.458v-7.347h1.926c0.198 0 0.374-0.128 0.435-0.316s-0.005-0.395-0.166-0.512l-8.139-5.926c-0.161-0.117-0.378-0.117-0.539 0l-8.139 5.926c-0.16 0.116-0.227 0.323-0.166 0.512s0.237 0.316 0.435 0.316h1.926l-0 7.347zM11.422 18.417l6.733-4.902 6.733 4.902h-0.978c-0.253 0-0.458 0.205-0.458 0.458v7.347h-10.595v-7.347c0-0.253-0.205-0.458-0.458-0.458h-0.977z"></path>
<path d="M18.154 20.274c1.095 0 1.983-0.888 1.983-1.983s-0.888-1.983-1.983-1.983-1.983 0.888-1.983 1.983c0.001 1.095 0.889 1.982 1.983 1.983zM18.154 17.222c0.59 0 1.068 0.478 1.068 1.068s-0.478 1.068-1.068 1.068-1.068-0.478-1.068-1.068c0.001-0.589 0.479-1.067 1.068-1.068z"></path>
</symbol>
<symbol id="icon-quote" viewBox="0 0 20 20">
<path d="M5.315 3.401c-1.61 0-2.916 1.343-2.916 3s1.306 3 2.916 3c2.915 0 0.972 5.799-2.916 5.799v1.4c6.939 0.001 9.658-13.199 2.916-13.199zM13.715 3.401c-1.609 0-2.915 1.343-2.915 3s1.306 3 2.915 3c2.916 0 0.973 5.799-2.915 5.799v1.4c6.938 0.001 9.657-13.199 2.915-13.199z"></path>
</symbol>
</defs>
</svg>
<div class="position-fixed pos-fixed-bottom-right p-6 z-index-10">
<a href="#"
class="gtf-back-to-top bg-white text-primary hover-white bg-hover-primary shadow p-0 w-52px h-52 rounded-circle fs-20 d-flex align-items-center justify-content-center"
title="Back To Top"><i
class="fal fa-arrow-up"></i></a>
</div>
</body>
</html>