?
áEÓê¤ÎïLwebshll2019
<!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>Home 02 - HomeID</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">
<!-- 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="index.html" data-toggle="dropdown" >
Home
<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">
<a id="navbar-link-home-01"
class="dropdown-link"
href="home-01.html" >
Home 01
</a>
</li>
<li class="dropdown-item active">
<a id="navbar-link-home-02"
class="dropdown-link"
href="home-02.html" >
Home 02
</a>
</li>
<li class="dropdown-item">
<a id="navbar-link-home-03"
class="dropdown-link"
href="home-03.html" >
Home 03
</a>
</li>
<li class="dropdown-item">
<a id="navbar-link-home-04"
class="dropdown-link"
href="home-04.html" >
Home 04
</a>
</li>
<li class="dropdown-item">
<a id="navbar-link-home-05"
class="dropdown-link"
href="home-05.html" >
Home 05
</a>
</li>
<li class="dropdown-item">
<a id="navbar-link-home-06"
class="dropdown-link"
href="home-06.html" >
Home 06
</a>
</li>
<li class="dropdown-item">
<a id="navbar-link-home-07"
class="dropdown-link"
href="home-07.html" >
Home 07
</a>
</li>
<li class="dropdown-item">
<a id="navbar-link-home-08"
class="dropdown-link"
href="home-08.html" >
Home 08
</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" >
Listing
<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">
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" >
Dashboard
<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" >
Pages
<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" >
Docs
<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">
<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">
ENG
</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">SIGN IN</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">
Add listing
<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">
<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"></li>
<li class="nav-item ">
<a class="nav-link pl-3 pr-2" data-toggle="modal" href="#login-register-modal">SIGN IN</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">
Add listing
<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">
Add listing
<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">Find Your Dream Home</p>
<h2 class="text-white text-center display-2 font-weight-light mb-10">Searching for the Best Places</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">
sale
</a>
</li>
<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 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="Enter an address, neighborhood" name="search">
</div>
<button type="submit" class="btn btn-primary fs-16 font-weight-600 rounded-left-0 rounded-lg">
Search
</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">Popular Properties</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-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">all</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">apartment</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">house</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-office-tab" data-toggle="pill" href="#pills-office" role="tab"
aria-controls="pills-office" aria-selected="true">office</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">homes</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">villa</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">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-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">See all properties
<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">Why Choose Us?</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">Wider range of properties</h4>
<p class="card-text px-sm-2">
Lorem ipsum dolor sit amet, consec tetur cing elit. Suspe ndisse suscorem ipsum dolor sit ametcipsum suscorein ipsumg elit.
</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">Financing made easy</h4>
<p class="card-text px-sm-2">
Lorem ipsum dolor sit amet, consec tetur cing elit. Suspe ndisse suscorem ipsum dolor sit ametcipsum suscorein ipsumg elit.
</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">Transparentcy</h4>
<p class="card-text px-sm-2">
Lorem ipsum dolor sit amet, consec tetur cing elit. Suspe ndisse suscorem ipsum dolor sit ametcipsum suscorein ipsumg elit.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="py-lg-12 my-lg-1 py-11">
<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">Properties For Rent</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"
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">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">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">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">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">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">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">$5.700<span
class="text-gray-light font-weight-500 fs-14"> / year</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">Looking to Buy a new property or Sell
an existing
one?</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">Apartment</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">House</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">Office</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">Villa</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">From Our Blog</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">
rental
</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">
30th Dec, 2020
</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">Retail banks wake up to digital lending this year</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">
tips
</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">
30th Dec, 2020
</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">Within the construction industry as their overdraft</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">Destinations We Love The Most</h2>
<span class="heading-divider"></span>
<p class="mb-7">Lorem ipsum dolor sit amet, consec tetur cing elit. Suspe ndisse suscipit</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">New York</a></h2>
<p class="fs-13 font-weight-500 letter-spacing-087 mb-0">FROM<span
class="ml-2 fs-15 font-weight-bold">$540.000 - $900.000</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">Los Angeles</a></h2>
<p class="fs-13 font-weight-500 letter-spacing-087 mb-0">FROM<span
class="ml-2 fs-15 font-weight-bold">$520.000 - $700.000</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">San Jose</a></h2>
<p class="fs-13 font-weight-500 letter-spacing-087 mb-0">FROM<span
class="ml-2 fs-15 font-weight-bold">$340.000 - $600.000</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">Fort Worth</a></h2>
<p class="fs-13 font-weight-500 letter-spacing-087 mb-0">FROM<span
class="ml-2 fs-15 font-weight-bold">$240.000 - $660.000</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">Kansas City</a></h2>
<p class="fs-13 font-weight-500 letter-spacing-087 mb-0">FROM<span
class="ml-2 fs-15 font-weight-bold">$380.000 - $680.000</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>